@charset "utf-8";

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
    vertical-align: middle;
}

input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box;
    padding: 0;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    height: auto;
}

input[type='search'] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

body {
    -webkit-text-size-adjust: none;
}

*:first-child + html body {
    /* for IF7 */
    font-family: 'メイリオ', 'Meiryo';
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
    /*font-size:100%;*/
}

ol,
ul,
dl,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul {
    display: inline-block;
}

*/

/* for macIE \*/
* html ul {
    height: 1%;
}

ul {
    display: block;
}

dt,
dd {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

th {
    text-align: left;
    font-weight: normal;
}

input,
button,
textarea,
select {
    border-radius: 0;
}

header,
footer,
nav,
article,
section {
    display: block;
}

html {
    height: 100%;
    font-size: 87.5%;
    line-height: 1.7;
    background: #fff;
}

* html .clearfix {
    height: 1%;
    /*¥*/
    /*/
height: auto;
overflow: hidden;
/**/
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #444;
    text-decoration: none;
    display: block;
}

a:hover,
a:active {
    color: #444;
}

a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

body {
    margin: 0 auto;
    font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;
    color: #444;
    background-color: #fff;
    font-size: 17px;
    height: 100%;
}

@media screen and (min-width: 786px) {
    .sm_only {
        display: none !important;
    }
}

@media screen and (max-width: 786px) {
    .pc_only {
        display: none !important;
    }
}

.wrap {
    overflow: hidden;
}

img {
    width: 100%;
}

.bnn img {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: -10px;
}

.attention_img img {
    display: block;
    margin-bottom: -10ox;
}

.contents {
    width: 100%;
    margin: 0 auto;
}

@media screen and (min-width: 786px) {
    .contents {
        width: 1000px;
        margin: 0 auto;
    }

    .bnn img {
        width: 1000px;
        display: block;
        margin: auto;
    }

    .bnn {
        background-image: url(../images/back.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .attention_img {
        background-color: #ff9933;
    }

    .attention_img img {
        display: block;
        margin-bottom: -10ox;
        width: 1000px;
        margin: auto;
        background-color: #ff9933;
    }
}

header {
    text-align: center;
}

header img {
    width: 310px;
    padding: 14px 0px 8px;
}
@media screen and (max-width: 786px) {
    header img {
        width: 240px;
    }
}
/* コンテンツ共通 */
.contents {
    width: 1100px;
    margin: 100px auto;
}

.contents_title {
    line-height: 1.5;
    text-align: center;
    font-size: 2.8rem;
    margin: 0px 0 20px;
    color: rgb(255, 255, 255);
    padding: 15px 0;
    background-color: #3089e2;
}

.contents_title_nosub {
    line-height: 1.5;
    text-align: center;
    font-size: 2.4rem;
    margin: 0px 0 80px;
    color: rgb(255, 255, 255);
    padding: 15px 0;
    background-color: #3089e2;
    font-weight: bold;
}

.contents_subtitle {
    position: relative;
    display: block;
    text-align: center;
    margin: 55px 0 28px;
}

.contents_subtitle::before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f10d';
    font-size: 30px;
    color: #808080;
    margin: -40px -50px;
}

@media screen and (max-width: 768px) {
    .contents {
        width: 100%;
        margin: 14px auto 0px;
        padding: 8px;
    }
    .contents_title {
        width: 100%;
        font-size: 2.2rem;
        line-height: 1.4;
        padding: 18px 4px;
        font-weight: bold;
        margin-bottom: 0px;
        letter-spacing: 1.2px;
    }
    .contents_title_nosub {
        font-size: 2rem;
        margin: 0px 0 40px;
        color: rgb(255, 255, 255);
        padding: 15px 0;
    }
    .contents_title2 {
        position: relative;
        line-height: 1.4;
        width: 100%;
        font-size: 2.2rem;
        padding: 18px 4px;
        margin-bottom: 40px;
    }
    .contents_title2::before {
        top: 95%;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #751b15;
    }
    .contents_subtitle {
        font-size: 1.4rem;
        position: relative;
        display: block;

        margin: 45px 10px 20px 20px;
    }
    .contents_subtitle::before {
        font-size: 22px;
        margin: -32px -9px;
    }
}
/* サブサイトへの遷移ボタン */
.link_area {
    background-color: #dddddd;
    background: url(../images/subsite1_text_back.webp);
    background-size: contain;
    padding: 40px 0;
}

.link_area .flex {
    width: 1080px;
    margin: 0 auto;
}

.subsite1 {
    width: 48%;
    margin: 0 auto;
}

.subsite1_text {
    text-align: center;
    margin-bottom: 20px;
}

.subsite1_text p {
    color: #173561;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1.5;
}

.subsite1_btn {
    background: #90b9d6;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    color: #22211f;
    width: 480px;
    margin: 0 auto;
    padding: 30px 0;
    display: block;
    text-align: center;
}

.subsite1_btn span {
    color: black;
    font-weight: 600;
    font-size: 3rem;
}

.subsite2 {
    width: 48%;
    margin: 0 auto;
}

.subsite2_text {
    text-align: center;
    margin-bottom: 20px;
}

.subsite2_btn {
    background: #d9b386;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    color: #22211f;
    width: 520px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
    display: block;
}

.subsite2_btn_ {
    width: 40%;
}

.subsite2_text p {
    color: #91653e;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1.5;
}

.subsite2_btn span {
    color: black;
    font-weight: 600;
    font-size: 2.8rem;
}

.subsite2_btn_ p {
    padding: 35px 26px 35px 50px;
}

/* サブサイトへの遷移ボタンの矢印 */
.btnarrow6 {
    /*矢印の基点とするためrelativeを指定*/
    position: relative;
    /*ボタンの形状*/
    padding: 5px 60px 5px 0px;
    display: inline-block;
    text-align: center;
    transition: all 0.2s linear;
    color: rgb(0, 0, 0);
    text-decoration: none;
    border: transparent 2px solid;
    outline: none;
}

.btnarrow6:before {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    top: 50%;
    right: -15px;
    width: 50px;
    height: 3px;
    background: rgb(0, 0, 0);
}

.btnarrow6::after {
    content: '';
    /*絶対配置で矢印の位置を決める*/
    position: absolute;
    top: 36%;
    right: -35px;
    border: 10px solid transparent;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-left-color: rgb(0, 0, 0);
    /*アニメーションの指定*/
    transition: all 0.2s linear;
}

/*hoverした際の矢印の形状*/
.btnarrow6:hover::before {
    background: rgb(255, 255, 255);
    right: 0px;
}

.btnarrow6:hover::after {
    border-left-color: rgb(255, 255, 255);
    right: -15px;
}

.btnarrow6:hover {
    color: rgb(255, 255, 255);
}

.btnlinestretches5 {
    /*線の基点とするためrelativeを指定*/
    position: relative;
    /*リンクの形状*/
    color: #333;
    padding: 0px 0 10px;
    display: inline-block;
    text-decoration: none;
    outline: none;
}

/*線の設定*/
.btnlinestretches5::before {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    /*線の形状*/
    width: 100%;
    height: 2px;
    background: #333;
}

/*矢印の設定*/
.btnlinestretches5::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: -4px;
    /*矢印の形状*/
    width: 10px;
    height: 10px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg);
}

/*線と矢印を繰り返しアニメーション*/
.btnlinestretches5::before {
    animation: arrowlong01 2s ease infinite;
}

.btnlinestretches5::after {
    animation: arrowlong02 2s ease infinite;
}

@keyframes arrowlong01 {
    0% {
        width: 0;
        opacity: 0;
    }
    20% {
        width: 0;
        opacity: 1;
    }
    80% {
        width: 105%;
        opacity: 1;
    }
    100% {
        width: 105%;
        opacity: 0;
    }
}
@keyframes arrowlong02 {
    0% {
        left: 0;
        opacity: 0;
    }
    20% {
        left: 0;
        opacity: 1;
    }
    80% {
        left: 103%;
        opacity: 1;
    }
    100% {
        left: 103%;
        opacity: 0;
    }
}
/* FV */
header {
    width: 1100px;
    margin: 0 auto;
}

header img {
    width: 300px;
    padding: 17px 0;
}

.header_back {
    background: no-repeat center center;
    background-size: cover;
    background-image: url(../images/back.png);
}

.header_inner {
    width: 1150px;
    margin: 0px auto 0;
    /* height: 620px; */
}

@media screen and (max-width: 768px) {
    header {
        width: 100%;
        margin: 0 auto;
        background: #ffffff;
    }
    header img {
        width: 50%;
        padding: 10px;
        display: block;
        margin: 0 auto;
    }
    .header_inner {
        width: 100%;
    }
}
.header_inner img {
    width: 100%;
}

.main_bottom {
    background-color: #3089e2;
    padding: 30px 0;
}

.main_bottom img {
    width: 1050px;
    margin: 0 auto;
    display: block;
}

/* アクションエリア */
.box_action {
    background: #e1ecf1 url(../images/bg_diagonal.webp) repeat;
    /* background: #fff url(../images/bg_diagonal.webp) repeat; */
    position: relative;
    margin: 0 auto;
    padding: 45px 0 20px 0;
}

.box_action_inner {
    width: 900px;
    margin: 0 auto;
}
.box_action_inner h1 {
    font-size: 3.5rem;
    font-weight: bold;
    text-align: center;
    color: #006600;
    margin-bottom: 30px;
    line-height: 1.4;
}

.box_action_01 {
    padding-bottom: 0px;
    margin: auto;
    margin-top: -45px;
}
.box_action_01 .flex {
    align-items: center;
    justify-content: center;
    display: flex;
}

.action_top img {
    display: block;
    margin: 0 auto;
    width: 900px;
    margin-bottom: 90px;
}

/*.box_mail::before {
    background: url(../images/actiontop_leftimg.png) no-repeat center top;
    background-size: cover;
    position: absolute;
    right: 3%;
    content: '';
    bottom: 116px;
    display: block;
    width: 189px;
    height: 168px;
    z-index: 1;
}*/

.box_mail {
    position: relative;
    z-index: 2;
}

.box_mail img {
    position: relative;
    z-index: 2;
}

.box_tel img,
.box_mail img {
    width: 420px;
}

.muryo {
    font-size: 4rem;
    font-weight: bold;
    color: #e57b00;
    text-align: center;
}

.action_area {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 40px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-image: url(../images/action_back.webp);
}

.action_area_inner {
    width: 1000px;
    margin: 0 auto;
}

.action_area h1 {
    font-size: 3.5rem;
    color: #3596d2;
    font-weight: bold;
    padding: 15px 24px 15px;
    border-radius: 7px;
    border: 2px solid #3596d2;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    --webkit-backdrop-filter: blur(10px);
    /* background-color: #db994f; */
    text-align: center;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 1.4;
}

.action_box {
    width: 700px;
}

.action_area h2 {
    font-size: 3.5rem;
    margin-left: 40px;
    font-weight: bold;
    margin: 20px 0 40px;
    text-align: center;
    line-height: 1.6;
    margin-left: 28px;
}

.action_area h2 span {
    color: #3089e2;
}

.houterasu {
    padding-top: 5px;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    color: #3400ff;
    margin-bottom: 50px;
}

.houterasu span {
    display: inline-block;
    position: relative;
}

.houterasu span::before {
    position: absolute;
    top: -0.8em;
    left: 50%;
    transform: translate(-50%, 0);
    color: #3400ff;
    font-size: 1.5em;
    content: '・';
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    .box_mail::before {
        display: none;
    }
    .box_action {
        padding: 30px 8px;
    }
    .box_tel img,
    .box_mail img {
        width: 100%;
        margin-bottom: 10px;
    }
    .box_action_inner {
        width: 100%;
        margin: 0 auto;
    }
    .box_action_inner h1 {
        font-size: 2.3rem;
        margin-bottom: 20px;
        line-height: 1.4;
    }
    .box_action_01 {
        padding-bottom: 20px;
        width: 100%;
        margin: auto;
        margin-top: 55px;
    }
    .action_top {
        display: block;
        margin: 0 auto;
        width: 100%;
        margin-bottom: 20px;
    }
    .action_box {
        width: 100%;
    }
    .action_area h1 {
        font-size: 1.7rem;
        padding: 8px 10px;
        margin-top: 8px;
    }
    .muryo {
        font-size: 5vw;
    }
    .action_area h2 {
        font-size: 1.8rem;
        line-height: 1.8;
        margin: 15px 0 20px;
    }
    .action_area h2 span {
        color: #3089e2;
        border-radius: 2px;
        margin: 0 4px;
    }
    .action_top img {
        display: block;
        margin: 0 auto;
        width: 98%;
    }
    .action_area {
        background: #f7f1e4 url(../images/bg_diagonal.webp) repeat;
        /* background: #fff url(../images/bg_diagonal.webp) repeat; */
        position: relative;
        margin: 0 auto;
        padding: 30px 10px;
    }
    /*.box_mail::before {
        background: url(../images/actiontop_leftimg.png) no-repeat center top;
        background-size: cover;
        position: absolute;
        right: 6%;
        content: '';
        bottom: 70%;
        display: block;
        width: 36%;
        height: 90%;
        z-index: 1;
    }*/
    .info {
        position: relative;
        z-index: 2;
    }
    .box_tel {
        position: relative;
        z-index: 2;
    }
    .box_tel img {
        position: relative;
        z-index: 2;
    }
    .top_houterasu {
        font-weight: bold;
        font-size: 1.1rem;
    }
    .houterasu {
        padding-top: 5px;
        font-weight: bold;
        font-size: 1.4rem;
        text-align: center;
        color: #3400ff;
        margin-bottom: -50px;
    }

    .houterasu span {
        display: inline-block;
        position: relative;
    }

    .houterasu span::before {
        position: absolute;
        top: -0.8em;
        left: 50%;
        transform: translate(-50%, 0);
        color: #3400ff;
        font-size: 1.3em;
        content: '・';
        font-weight: 400;
    }
}

/* お悩み */
#nayami .flex {
    margin-top: 50px;
    justify-content: space-around;
    flex-wrap: wrap;
    display: flex;
}
#nayami .contents_title {
    color: rgb(77, 77, 77);
    background-color: unset;
    font-weight: bold;
}

.onayami_box {
    margin: 10px 0;
    padding: 10px;
}

.onayami_box img {
    width: 500px;
}

#nayami .flex {
    margin-top: 50px;
    justify-content: space-around;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .onayami_box {
        margin-bottom: 12px;
        padding: 3px;
        margin: 5px 0;
    }
    .onayami_box img {
        width: 90%;
    }
    #nayami .flex {
        margin-top: 0px;
    }
}
/* アピールコンテンツ〜〜横２ */
.pat_01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pat_01 li {
    background-color: white;
    width: 48%;
    margin-bottom: 100px;
    color: black(0, 13, 102);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
}

.pat_01 img {
    width: 100%;
    height: 215px;
    -o-object-fit: cover;
    object-fit: cover;
}

.pat_01_text {
    padding: 45px;
}

.pat_01_text_title {
    color: #b0c31b;
    line-height: 1.5;
    font-size: 2rem;
    margin-bottom: 30px;
    text-align: center;
    font-weight: bold;
}

.pat_01_text span {
    background: linear-gradient(transparent 77%, #ffe5ac 77%);
    font-weight: bold;
}

/* .pat_01 .pc-margin {
    margin-bottom: 0;
} */

.merit_text {
    font-family: 'Noto Sans JP';
}
@media screen and (max-width: 768px) {
    .pat_01 li {
        margin-bottom: 30px;
        width: 100%;
    }
    .pat_01_text {
        padding: 30px 20px;
    }
    .pat_01_text_title {
        font-size: 2rem;
        margin-bottom: 15px;
    }
    .pat_01 img {
        width: 100%;
        height: 155px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
/* アピールコンテンツ〜〜縦図なし */
.pat_02 {
    background: #fff url(../images/bg_dot.webp) repeat;
    padding: 40px 80px;
    margin-bottom: 50px;
    padding-top: 20px;
}

.pat_02 .pat_02_content span {
    font-weight: bold;
}

.shiho {
    background: gainsboro;
    padding: 30px;
}

.bengo {
    background: #f6e1c3;
    padding: 30px;
    margin-top: 30px;
}

.bengo h1 {
    font-size: 3.5rem !important;
    color: #1d4e97;
    font-weight: bold;
    text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0px 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
    font-feature-settings: 'palt';
    font-size: 3.2rem;
    letter-spacing: 0.1em;
    font-family: 'YuMincho', '游明朝';
}

.pat_02 h1 {
    font-size: 2.5rem;
    font-weight: bold;
}

.pat_02 ul li {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #282828;
    letter-spacing: 0.06em;
}

.pat_02 ul {
    margin: 20px 0;
}

.point_num {
    width: 20%;
    margin: 0 auto;
    display: block;
    /* margin-top: -50px; */
    margin-bottom: -30px;
}

.merit_num {
    text-align: center;
    color: #5b5b5b;
    font-size: 3rem;
    font-weight: bold;
}

.pat_02_title {
    color: #bf5637;
    font-weight: bold;
    /* background: linear-gradient(transparent 65%, #ccd7b6 65%); */
    text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0px 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
    font-feature-settings: 'palt';
    text-align: center;
    font-size: 3.8rem;
    margin-bottom: 20px;
    position: relative;
    line-height: 1.4;
    font-family: 'YuMincho', '游明朝';
}

@media screen and (max-width: 768px) {
    .pat_02 {
        background: #fff url(../images/bg_dot.webp) repeat;
        padding: 10px;
        margin-bottom: 50px;
        padding-top: 20px;
    }
    .pat_02 .pat_02_content span {
        font-weight: bold;
    }
    .pat_02 h1 {
        font-size: 2rem;
    }
    .pat_02 ul {
        margin: 20px 0;
    }
    .point_num {
        width: 35%;
        margin: 0 auto;
        display: block;
        /* margin-top: -50px; */
        margin-bottom: -30px;
    }
    .merit_num {
        text-align: center;
        color: #5b5b5b;
        font-weight: bold;
    }
    .pat_02_title {
        font-size: 2.5rem;
        text-align: left;
        margin-bottom: 20px;
        position: relative;
        line-height: 1.4;
        font-family: 'YuMincho', '游明朝';
    }
    .shiho {
        background: gainsboro;
        padding: 10px;
    }
    .bengo {
        background: #f6e1c3;
        padding: 10px;
        margin-top: 20px;
    }
    .bengo h1 {
        font-size: 2.5rem !important;
        color: #1d4e97;
        font-weight: bold;
        text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0px 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
        font-feature-settings: 'palt';
        font-size: 3.2rem;
        letter-spacing: 0.1em;
        font-family: 'YuMincho', '游明朝';
    }
}
/* よくある質問〜〜折りたたみ式 */
.accordion-area {
    list-style: none;
    width: 96%;
    margin: 65px auto;
}

.accordion-area li {
    margin: 10px 0;
}

.accordion-area section {
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(128, 128, 128, 0);
    background: white;
    border-radius: 5px;
    margin-bottom: 25px;
}

.title {
    position: relative;
    cursor: pointer;
    font-weight: 700;
    padding: 3% 3% 3% 85px;
    transition: all 0.5s ease;
}

.title::before,
.title::after {
    position: absolute;
    content: '';
    width: 27px;
    height: 2px;
    background-color: #333;
}

.title::before {
    top: 48%;
    left: 30px;
    transform: rotate(0deg);
}

.title::after {
    top: 48%;
    left: 30px;
    transform: rotate(90deg);
}

.title.close::before {
    transform: rotate(45deg);
}

.title.close::after {
    transform: rotate(-45deg);
}

.accordion-area .box {
    opacity: unset;
    display: none;
    background: #e1ecf1;
    margin: 0 3% 3% 3%;
    padding: 2%;
    border-radius: 10px;
}

@media screen and (max-width: 768px) {
    .accordion-area {
        margin: 30px auto;
    }
    .title {
        position: relative;
        cursor: pointer;
        font-weight: 700;
        padding: 3% 3% 3% 50px;
        transition: all 0.5s ease;
    }
    .title::before,
    .title::after {
        position: absolute;
        content: '';
        width: 15px;
        height: 2px;
        background-color: #333;
    }
    .title::before {
        top: 48%;
        left: 15px;
        transform: rotate(0deg);
    }
    .title::after {
        top: 48%;
        left: 15px;
        transform: rotate(90deg);
    }
}

.flow_img img {
}
/* 解決までの流れ */
.flow_box {
    background-color: white;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    margin: 25px 8px;
    padding: 30px;
}

.flow_left {
    position: relative;
    width: 85px;
}

.flow_right {
    margin: 10px 20px 18px 35px;
    padding-top: 0px;
    position: relative;
}
.flow_right span {
    background: linear-gradient(transparent 77%, #ffe5ac 77%);
    font-weight: bold;
}

.flow_right_h {
    font-size: 2rem;
    font-weight: bold;
    color: #000;
}

.flow_left p {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background: #b0c31b;
    color: #fff;
    font-size: 2rem;
    padding: 10px 0px 0px 0px;
    line-height: 1.3;
    text-align: center;
    font-weight: bold;
}

.flow_left p span {
    display: block;
    font-size: 1.6rem;
}

.flow_right div p {
    margin: 16px 30px 16px 0px;
    line-height: 1.7;
    width: 544px;
}

.flow_right img {
    padding: 10px;
    width: 315px;
}

.flow_right .flex {
    flex-wrap: nowrap;
    align-items: center;
}

.flow_right p {
    text-align: left;
}
@media screen and (min-width: 768px) {
    .flow_img img {
        width: 300px;
        height: 192px;
        object-fit: cover;
    }
}

@media screen and (max-width: 768px) {
    .flow_box {
        background-color: white;
        box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
        margin: 30px 8px;
        padding: 30px 10px;
        display: flex;
        flex-flow: column;
    }
    .flow_right p {
        text-align: center;
    }
    .flow_left {
        position: relative;
        width: 60px;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .flow_right div p {
        margin: 0px;
        line-height: 1.7;
        text-align: left;
        width: 100%;
    }
    .flow_right {
        margin: 10px 7px 18px 7px;
        padding-top: 0px;
        position: relative;
    }
    .flow_right_h {
        font-size: 1.8rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 13px;
    }
    .import {
        font-weight: bolder;
    }
    .flow_left p {
        width: 60px;
        height: 60px;
        color: #fff;
        font-size: 1.4rem;
        padding: 10px 0px 0px 0px;
        line-height: 1;
        text-align: center;
        font-weight: bold;
    }
    .flow_left p span {
        display: block;
        font-size: 1.5rem;
    }
    .flow_right img {
        padding: 10px 0 0 0;
        width: 100%;
    }
    .flow_right .flex {
        flex-wrap: wrap;
        align-items: left;
    }
}
/* 費用について */
.cost_box img {
    display: block;
    margin: 0 auto 45px;
}

.cost_table table {
    border: 1px solid #dadada;
    margin-top: 10px;
    margin-bottom: 0px;
}

.cost_table table,
.cost_table table tr,
.cost_table table th,
.cost_table table td {
    display: grid;
}

.cost_table table th {
    border-bottom: 1px solid #dadada;
    background: #f3f3f3;
    text-align: left;
    font-weight: bold;
}

.cost_table table tr td {
    border-bottom: 1px solid #dadada;
}

.red {
    font-weight: bold;
    color: #3089e2;
}

.cost_table table tr td p {
    margin-bottom: 8px;
}

.cost_table table th,
.cost_table table td {
    padding: 12px;
}

.cost_table table tr:last-of-type td {
    border-bottom: none;
}

.cost_asterisk li {
    list-style-type: none;
    text-indent: -1em;
    margin-top: 5px;
    margin-left: 5px;
    text-align: left;
}

.cost_asterisk li:before {
    display: inline;
    content: '※';
}

.cost_list li {
    list-style-type: none;
    text-indent: -1em;
    margin-top: 5px;
    margin-left: 15px;
    font-size: 12px;
}

.cost_list li:before {
    display: inline;
    content: '・';
}

.cost_asterisk {
    margin-left: 20px;
    font-size: 1.8rem;
}

.cost_table h1 {
    font-size: 2.8rem;
    font-weight: bold;
}

.cost_table h1 span {
    color: #b0c31b;
    font-size: 3.2rem;
}

@media screen and (max-width: 768px) {
    .contents_subtitle.sub_la,
    .cost_box .contents_subtitle {
        text-align: left;
    }
    .cost_asterisk {
        font-size: 1.4rem;
    }
    .cost_asterisk li {
        margin-left: 0;
    }
    .cost_box img {
        width: 98%;
    }
}
/* 事務所のご案内 */
.office_img {
    padding: 8px;
    margin-top: 8px;
    text-align: center;
}

.office_box img {
    vertical-align: bottom;
}

.office_table {
    padding: 8px;
    margin-top: 8px;
}

.office_table table {
    border: 1px solid #dadada;
    margin-top: 12px;
}

.office_table table,
.office_table table tr,
.office_table table th,
.office_table table td {
    display: grid;
}

.office_table table th {
    border-bottom: 1px solid #dadada;
    background: #f5e8d9;
    text-align: left;
    font-weight: bold;
}

.office_table table tr td {
    border-bottom: 1px solid #dadada;
}

.office_table table tr td p {
    margin-bottom: 8px;
}

.office_table table th,
.office_table table td {
    padding: 12px;
}

.office_table table tr:last-of-type td {
    border-bottom: none;
}

.office_subtabletitle {
    border-bottom: 1px solid #dadada;
    background: #f3f3f3;
    text-align: left;
    font-weight: bold;
    padding: 12px;
}

.office_subtable {
    padding: 8px;
    margin-top: 0;
}

.office_subtable p.txt {
    color: #cab795;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.4;
    margin-top: 40px;
    border-bottom: 2px solid #cab795;
}

.office_subtable table.txt {
    width: 70%;
}

.office_subtable table.pic {
    width: 20%;
}

.office_subtable table td.s-text {
    font-size: 13px;
}

.office_subtable table {
    border: none;
    margin-top: 0px;
}

.office_subtable table,
.office_subtable table tr,
.office_subtable table th,
.office_subtable table td {
    display: flex;
}

.office_subtable table th {
    border-bottom: 1px solid #ffffff;
    text-align: left;
    font-weight: normal;
    width: 120px;
}

.office_subtable table tr td {
    border-bottom: 1px solid #ffffff;
    display: grid;
}

.office_subtable table tr td.smalla {
    width: 54px;
}

.office_subtable table th,
.office_subtable table td {
    padding: 4px;
}

.office_subtable p {
    margin-bottom: 12px;
}

/*office*/
.office_subtable .flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.chizu_box {
    border: 1px solid #ccc;
    padding: 8px;
    margin: 4px 4px 14px 4px;
    width: 340px;
}

.chizu_title {
    font-weight: bold;
    font-size: 15px;
}

.chizu_text {
    font-size: 13px;
}

.jusyo {
    display: none;
}

.chizu_btn {
    text-align: center;
    font-size: 13px;
    text-decoration: underline;
    color: #1d4e97;
}

@media screen and (max-width: 768px) {
    .office_box img {
        vertical-align: bottom;
        width: 100%;
        margin: 10px 0px 45px;
    }
    .office_subtabletitle {
        border-bottom: 1px solid #dadada;
        background: #e8ecef;
        text-align: left;
        font-weight: bold;
        padding: 12px;
    }
    .office_subtable {
        padding: 8px;
        margin-top: 14px;
        font-size: 1.4rem;
    }
    .office_subtable table {
        border: none;
        margin-top: 0px;
    }
    .office_subtable table,
    .office_subtable table tr,
    .office_subtable table th,
    .office_subtable table td {
        display: flex;
    }
    .office_subtable table th {
        border-bottom: 1px solid #ffffff;
        background: #fff;
        text-align: left;
        font-weight: normal;
        width: 80px;
        white-space: nowrap;
    }
    .office_subtable table tr td {
        border-bottom: 1px solid #ffffff;
        display: grid;
        width: 238px;
    }
    .office_subtable table tr td.smalla {
        width: 26px;
    }
    .office_subtable table th,
    .office_subtable table td {
        padding: 4px;
    }
    .office_subtable p span {
        font-size: 1.3rem;
    }
    .office_subtable p {
        margin-bottom: 12px;
        margin: 0px;
    }
    /*office*/
    .office_subtable .flex-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: unset;
    }
    .chizu_box {
        border: 1px solid #ccc;
        padding: 8px;
        margin: 4px 4px 14px 4px;
        width: 100%;
    }
    .chizu_title {
        font-weight: bold;
        font-size: 14px;
    }
    .chizu_text {
        font-size: 14px;
    }
    .jusyo {
        display: none;
    }
    .chizu_btn {
        text-align: center;
        font-size: 14px;
    }
}
/* フッター */
footer {
    background-color: #3089e2;
    padding: 50px 30px;
    text-align: center;
    color: white;
}
footer a {
    color: white;
}
.privacy {
    text-decoration: underline;
}

/* 事例など、プルダウン */
.hosyo h1 {
    font-size: 4rem;
    text-align: center;
    margin-bottom: -30px;
    line-height: 1.4;
}

.son_img {
    width: 40%;
}

.son p {
    font-size: 3.5rem;
    margin-top: 40px;
}

.son {
    background-image: linear-gradient(90deg, #e5e5e5, rgba(255, 255, 255, 0));
    padding: 30px 30px 0 30px;
    margin-top: 50px;
    margin-left: calc((100vw - 100%) / 2 * -1);
    margin-right: calc((100vw - 100%) / 2 * -1);
}

.son_arrow {
    width: 150px;
    display: block;
    margin: 50px auto;
}

.son_first p {
    text-align: center;
    font-size: 2.7rem;
    font-weight: 600;
}

.son_first p:first-child {
    margin-bottom: 40px;
}

.son1 {
    background: #ebf1f2 url(../images/bg_diagonal.webp) repeat;
    padding: 100px 0;
    margin-left: calc((100vw - 100%) / 2 * -1);
    margin-right: calc((100vw - 100%) / 2 * -1);
}

.son1 .contents {
    margin: 0 auto;
}

.hosyo_point {
    width: 1080px;
    background: white;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
    padding: 60px 100px;
    margin: 0 auto;
    margin-top: 80px;
}

.hosyo_point h2 span {
    font-size: 4rem;
    font-weight: 600;
    font-family: 'Noto Serif JP';
    color: #bf5637;
    background: linear-gradient(transparent 65%, #faeec2 65%);
    text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0px 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
    font-feature-settings: 'palt';
}

.hosyo_point h1 {
    margin-bottom: 10px;
    /* text-align: left; */
    font-weight: bold;
    font-size: 3rem;
}

.hosyo_point p {
    margin-top: 10px;
}

.hosyo .flex {
    align-items: center;
    width: 1080px;
    margin: 40px auto 0;
}

.son1 h3 {
    font-size: 8rem;
    text-align: left;
    color: rgba(215, 189, 182, 0.5411764706);
    width: 1080px;
    margin: 0 auto;
    margin-bottom: -136px;
    font-family: 'Noto Serif JP';
    margin-top: 40px;
}

.son_bottom {
    width: 1080px;
    margin: 0 auto;
    margin-top: 110px;
}

.son_bottom .son_first p {
    text-align: left;
    width: 95%;
}

.son_bottom img {
    width: 320px;
}

.hosyo_point p span {
    font-weight: bold;
}

.son_first p span {
    font-size: 4rem;
    font-weight: 600;
    color: #bf5637;
    background: linear-gradient(transparent 65%, #ccd7b6 65%);
    text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0px 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
    font-feature-settings: 'palt';
}

.way ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.way ul li {
    width: 45%;
    padding: 30px;
    background: #e1f1f5;
    margin: 20px;
}

.arrow {
    width: 210px;
    display: block;
    margin: 55px auto 0;
}

.bengoshi {
    width: 310px;
}

.bottom_text p {
    font-size: 4rem;
    font-weight: 600;
    font-family: 'Noto Serif JP';
    color: #bf5637;
    text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0px 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
    font-feature-settings: 'palt';
    margin-left: 0px;
    line-height: 1.8;
}

.bottom_text p span {
    background: linear-gradient(transparent 65%, #faeec2 65%);
}

@media screen and (max-width: 768px) {
    .hosyo h1 {
        font-size: 2rem;
        text-align: center;
        margin-bottom: -30px;
        line-height: 1.4;
    }
    .son_img {
        width: 40%;
    }
    .son p {
        font-size: 2.5rem;
        margin-top: 40px;
    }
    .son {
        background-image: linear-gradient(90deg, #e5e5e5, rgba(255, 255, 255, 0));
        padding: 30px 30px 0 30px;
        margin-top: 50px;
        margin-left: calc((100vw - 100%) / 2 * -1);
        margin-right: calc((100vw - 100%) / 2 * -1);
    }
    .son_arrow {
        width: 150px;
        display: block;
        margin: 50px auto;
    }
    .son_first p {
        text-align: center;
        font-size: 2.7rem;
        font-weight: 600;
    }
    .son_first p:first-child {
        margin-bottom: 40px;
    }
    .son1 {
        background: #ebf1f2 url(../images/bg_diagonal.webp) repeat;
        padding: 15px 10px;
        padding-bottom: 0;
        margin-left: calc((100vw - 100%) / 2 * -1);
        margin-right: calc((100vw - 100%) / 2 * -1);
    }
    .hosyo_point {
        width: 100%;
        background: white;
        box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
        padding: 30px 20px;
        margin: 0 auto;
        margin-top: 80px;
    }
    .hosyo_point h2 span {
        font-size: 2.5rem;
        font-weight: 600;
        font-family: 'Noto Serif JP';
        color: #bf5637;
        background: linear-gradient(transparent 65%, #faeec2 65%);
        text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0px 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
        font-feature-settings: 'palt';
    }
    .hosyo_point h1 {
        margin-bottom: 10px;
        /* text-align: left; */
        font-weight: bold;
        font-size: 2.2rem;
    }
    .hosyo_point p {
        margin-top: 10px;
    }
    .hosyo .flex {
        width: 100%;
    }
    .son1 h3 {
        font-size: 6rem;
        text-align: left;
        color: rgba(215, 189, 182, 0.5411764706);
        width: 100%;
        margin: 0 auto;
        margin-bottom: -118px;
        font-family: 'Noto Serif JP';
        margin-top: 0px;
    }
    .son_bottom {
        width: 100%;
        margin: 0 auto;
        margin-top: 110px;
    }
    .son_bottom .son_first p {
        text-align: left;
        width: 95%;
    }
    .son_bottom img {
        width: 320px;
    }
    .hosyo_point p span {
        font-weight: bold;
    }
    .son_first p span {
        font-size: 4rem;
        font-weight: 600;
        color: #bf5637;
        background: linear-gradient(transparent 65%, #ccd7b6 65%);
        text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0px 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
        font-feature-settings: 'palt';
    }
    .way ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .way ul li {
        width: 100%;
        padding: 20px 10px;
        background: #e1f1f5;
        margin: 10px 0;
    }
    .arrow {
        width: 100px;
        display: block;
        margin: 30px auto;
    }
    .bengoshi {
        width: 200px;
        margin-top: -20px;
    }
    .bottom_text {
        align-items: center;
        margin-top: -30px;
    }
    .bottom_text p {
        font-size: 2.5rem;
        font-weight: 600;
        font-family: 'Noto Serif JP';
        color: #bf5637;
        text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0px 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
        font-feature-settings: 'palt';
        margin-left: 0;
    }
    .bottom_text p span {
        background: linear-gradient(transparent 65%, #faeec2 65%);
    }
}
/*アコーディオンで現れるエリア*/
#jirei .accordion-area .box {
    opacity: unset;
    display: none; /*はじめは非表示*/
    background: #fafafa;
    padding: 3%;
}

#jirei.soudan_mark1 {
    margin-bottom: 10px;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid black;
    border-radius: 19px;
    padding: 0px 11px;
    font-size: 2.3rem;
    font-weight: bold;
}

#jirei .soudan_mark2 {
    margin-bottom: 10px;
    background-color: #b0c31b;
    color: white;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0px 11px;
    font-size: 2.3rem;
    font-weight: bold;
}

#jirei .soudan {
    margin: 35px 0 0;
}

#jirei .accordion-area {
    list-style: none;
    margin: 30px auto;
}

#jirei.accordion-area li {
    margin: 10px 0;
}

#jirei .accordion-area section {
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(128, 128, 128, 0);
    background: white;
    border-radius: 6px;
    margin-bottom: 25px;
}

#jirei h3 {
    font-size: 3rem;
}

#jirei .case_action {
    padding: 10px;
}

#jirei .case_action p {
    text-align: center;
    color: #f1f2f3;
    font-weight: bold;
    padding: 16px 8px 0px 8px;
    font-size: 17px;
}

#jirei .case_flow {
    background: #f5f5f5;
    width: 96%;
    margin: 24px auto;
    border-radius: 12px;
    padding: 8px;
}

#jirei .case_action_txt {
    display: flex;
    justify-content: space-between;
    display: flex;
    position: relative;
    top: 14px;
}

#jirei.case_flow p.casetitle {
    margin-right: 50px;
    padding: 12px;
    margin-left: 100px;
}

#jirei .case_flow .titleimg {
    width: 76px;
    position: absolute;
    top: 10px;
    left: 12px;
}

#jirei .case_flow .contentsimg img {
    width: 80px;
}

#jirei .case_contents {
    background: #fff;
}

#jirei .toggle_switch {
    position: relative;
    cursor: pointer;
    padding: 21px 0px;
}

#jirei .toggle_contents p {
    text-align: left;
    padding: 10px 45px;
    font-size: 1.6rem;
}

#jirei .toggle_switch::after {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../images/arrow_down.webp) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 34%;
    right: 28%;
    transition: transform 0.2s;
}

#jirei .toggle_switch.open::after {
    transform: rotateZ(180deg);
    top: 34%;
}

#jirei .question_box .toggle_switch::after {
    right: 3%;
}

#jirei .toggle_contents {
    display: none;
    padding: 8px 0px;
    background: #fff;
    width: 100%;
    margin: 0px auto 12px;
}

#jirei .toggle_contents span {
    background: linear-gradient(transparent 77%, #ffc8c8 60%);
}

.soudan_mark1 {
    margin-bottom: 10px;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid black;
    padding: 0px 11px;
}

.comment {
    background: #cee2e7;
    padding: 15px;
    border-radius: 10px;
}

@media screen and (max-width: 768px) {
    #jirei .soudan {
        margin: 35px 0 0;
    }
    #jirei .soudan_mark2 {
        font-size: 2rem;
    }
    .soudan_mark1 {
        font-size: 2rem;
    }
}
.detail_btn {
    cursor: pointer;
    text-align: center;
    color: #838383;
}

.detail_btn::before {
    content: '詳しく見る　▼';
    top: 10px;
    position: relative;
}

.detail_btn_ {
    text-align: center;
    color: #838383;
    margin: 20px 0;
    font-weight: bold;
    cursor: pointer;
}

.action_mark {
    display: block;
    width: 62%;
    margin: 0 auto 10px;
}

.kigyo {
    background-color: #ffffff;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 20px 83px;
    margin-top: 20px !important;
}

.kigyo .contents {
    margin: 0 auto;
}

.kigyo p {
    margin-bottom: 30px;
}

.job_icon {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 40px;
}

.job_icon li img {
    width: 190px;
    margin-bottom: 50px;
}

.kigyo .contents_title01 {
    color: #3089e2;
    font-size: 2.8rem;
    background-color: unset;
    font-weight: bold;
    font-size: 4rem;
    font-family: 'YuMincho', '游明朝';
}

@media screen and (max-width: 768px) {
    .kigyo {
        background-color: #ffffff;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        padding: 20px;
        margin-top: 20px !important;
        margin-bottom: 0px;
    }
    .kigyo .contents {
        margin: 0 auto;
    }
    .kigyo p {
        margin-bottom: 15px;
    }
    .job_icon {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 0px;
    }
    .job_icon li img {
        width: 100px;
        margin-bottom: 20px;
    }
    .kigyo .contents_title01 {
        font-size: 2.5rem;
    }
    .action_mark {
        width: 80%;
    }
}
.voice_icon {
    width: 120px;
    margin-bottom: 30px;
}

.voice_pofile p {
    font-weight: bold;
}

#case_pulldown {
    position: relative;
}

#case_pulldown .box {
    margin: 0 auto 4.8rem;
    background: white;
}

#case_pulldown .box .tab {
    padding: 1.1rem 0 0.8rem;
    width: 17.2rem;
}

#case_pulldown .box .tab p {
    text-align: center;
    color: #dcdcdc;
    line-height: 1;
    font-weight: bold;
    font-family: 'Noto Serif JP';
    font-size: 8.2rem;
    margin-bottom: -40px;
    margin-left: -30px;
}

#case_pulldown .box .tab p span {
    font-size: 6rem;
}

#case_pulldown .box .white {
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
    padding: 30px 50px 30px;
    /* border-radius: 0 3.2rem 3.2rem 3.2rem; */
    margin: 0 auto;
}

.aisatu #case_pulldown .box .white {
    padding: 10px 50px 30px;
}

#case_pulldown .box .white .profile {
    margin-bottom: 3.2rem;
}

#case_pulldown .box .white .profile li:first-child {
    margin-right: 3.2rem;
}

#case_pulldown .box .white .profile li:first-child img {
    max-width: 260px;
}

#case_pulldown .box .white .profile li:last-child {
    padding-top: 2.2rem;
}

#case_pulldown .box .white .profile li:last-child span {
    position: relative;
    display: inline-block;
    color: #393939;
    font-weight: bold;
    line-height: 1;
    padding-left: 2.4rem;
    margin: 0 1.6rem 1.3rem 0;
}

#case_pulldown .box .white .initial {
    display: flex;
    margin-bottom: 3rem;
}

#case_pulldown .box .white .initial li:first-child {
    color: #393939;
    margin-right: 2.2rem;
    align-items: flex-start;
}

#case_pulldown .box .white .initial li:first-child .t1 {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 2.3rem;
    line-height: 1.2;
}

#case_pulldown .box .white .initial li:first-child .t2 {
    text-align: center;
    font-weight: bold;
    margin-top: -20px;
}

#case_pulldown .box .white .initial li:first-child .t2 span {
    font-family: 'Oswald', sans-serif;
    font-size: 4.5rem;
}

#case_pulldown .box .white .initial li:last-child .t3.sl {
    padding: 2.6rem 1.6rem 2.6rem !important;
}

#case_pulldown .box .white .initial li:last-child .t3 span {
    font-family: 'Oswald', sans-serif;
    font-size: 6rem;
    font-weight: bold;
}

#case_pulldown .box .white .initial li:last-child .t3 img {
    position: absolute;
    right: -29px;
    top: -35px;
    width: 70px;
}

#case_pulldown .box .white .initial li:last-child .t3:after {
    position: absolute;
    left: 8.4rem;
    bottom: -5.2rem;
    content: '';
    border-top: 3.6rem solid #e6e8ec;
    border-right: 2.4rem solid transparent;
    border-bottom: 2.4rem solid transparent;
    border-left: 2.4rem solid transparent;
}

#case_pulldown .box .white .voice_title {
    font-weight: bold;
    font-size: 3rem;
    margin-bottom: 30px;
}

#case_pulldown .box .white .initial li.ss:first-child {
    width: 17.4rem;
    margin-right: 0;
}

#case_pulldown .box .white .initial li.ss:first-child .t2 {
    text-align: left;
    letter-spacing: -0.03em;
}

#case_pulldown .box .white .get {
    display: flex;
    justify-content: space-between;
    color: #393939;
    margin-bottom: 3.6rem;
    align-items: flex-end;
}

#case_pulldown .box .white .get li:first-child {
    margin-right: 1rem;
}

#case_pulldown .box .white .get li:first-child .t1 {
    text-align: center;
    width: 95px;
    padding: 17px;
    background: #faeec2;
    font-weight: bold;
    line-height: 1.14;
    font-size: 3rem;
}

#case_pulldown .box .white .get li:last-child {
    width: calc(100% - 9rem);
}

#case_pulldown .box .white .get li:last-child .t2 {
    line-height: 1.2;
    font-weight: bold;
}

#case_pulldown .box .white .get li:last-child .t2 span {
    position: relative;
    z-index: 1;
}

#case_pulldown .box .white .get li:last-child .t2 span.s1:after {
    position: absolute;
    left: 0;
    bottom: 1.1rem;
    width: 100%;
    height: 3.6rem;
    background: #faeec2;
    content: '';
    z-index: -1;
}

#case_pulldown .box .white .get li:last-child .t2 span.s1.sl {
    padding: 0.7rem 0.5rem 0;
    margin-right: 0.5rem;
    line-height: 1.45;
}

#case_pulldown .box .white .text {
    font-weight: 400;
    line-height: 2;
    color: #393939;
    letter-spacing: -0.02em;
    padding-bottom: 4rem;
    display: none;
    padding-top: 20px;
}

#case_pulldown .box .white .text br {
    display: block;
    content: '';
    margin: 10px 0;
}

#case_pulldown .box .white .text span {
    font-size: 3.5rem;
    color: #48582a;
    font-family: 'Noto Serif JP';
    font-weight: 600;
}

#case_pulldown .box .white .answer-btn {
    text-align: center;
}

#case_pulldown .box .white .answer-btn img {
    margin: 0 auto;
    display: block;
}

#case_pulldown .box .white .answer-btn img.open {
    width: 10.8rem;
    margin-top: 20px;
}

#case_pulldown .box .white .answer-btn img.close {
    width: 6rem;
    display: none;
}

#case_pulldown .box .white .answer-btn img:hover {
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    #case_pulldown {
        position: relative;
    }
    #case_pulldown .box {
        margin: 0 auto 4.8rem;
    }
    #case_pulldown .box .tab {
        padding: 1.1rem 0 0.8rem;
        width: 17.2rem;
    }
    #case_pulldown .box .tab p {
        text-align: center;
        color: #dcdcdc;
        line-height: 1;
        font-weight: bold;
        font-family: 'Noto Serif JP';
        font-size: 8.2rem;
        margin-bottom: -40px;
        margin-left: -30px;
    }
    #case_pulldown .box .white {
        box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
        /* border-radius: 0 3.2rem 3.2rem 3.2rem; */
        margin: 0 auto;
        padding: 20px 10px;
    }
    .aisatu #case_pulldown .box .white {
        padding: 10px 20px 20px;
    }
    #case_pulldown .box .white .profile {
        margin-bottom: 3.2rem;
    }
    #case_pulldown .box .white .profile li:first-child {
        margin-right: 3.2rem;
    }
    #case_pulldown .box .white .profile li:first-child img {
        max-width: 260px;
    }
    #case_pulldown .box .white .profile li:last-child {
        padding-top: 2.2rem;
    }
    #case_pulldown .box .white .profile li:last-child span {
        position: relative;
        display: inline-block;
        color: #393939;
        font-weight: bold;
        line-height: 1;
        padding-left: 2.4rem;
        margin: 0 1.6rem 1.3rem 0;
    }
    #case_pulldown .box .white .initial {
        display: flex;
        margin-bottom: 3rem;
    }
    #case_pulldown .box .white .initial li:first-child {
        color: #393939;
        margin-right: 2.2rem;
        align-items: flex-start;
    }
    #case_pulldown .box .white .initial li:first-child .t1 {
        font-weight: 400;
        margin-bottom: 10px;
        font-size: 2.3rem;
        line-height: 1.2;
    }
    #case_pulldown .box .white .initial li:first-child .t2 {
        text-align: center;
        font-weight: bold;
        margin-top: -20px;
    }
    #case_pulldown .box .white .initial li:first-child .t2 span {
        font-family: 'Oswald', sans-serif;
        font-size: 4.5rem;
    }
    #case_pulldown .box .white .initial li:last-child .t3.sl {
        padding: 2.6rem 1.6rem 2.6rem !important;
    }
    #case_pulldown .box .white .initial li:last-child .t3 span {
        font-family: 'Oswald', sans-serif;
        font-size: 6rem;
        font-weight: bold;
    }
    #case_pulldown .box .white .initial li:last-child .t3 img {
        position: absolute;
        right: -29px;
        top: -35px;
        width: 70px;
    }
    #case_pulldown .box .white .initial li:last-child .t3:after {
        position: absolute;
        left: 8.4rem;
        bottom: -5.2rem;
        content: '';
        border-top: 3.6rem solid #e6e8ec;
        border-right: 2.4rem solid transparent;
        border-bottom: 2.4rem solid transparent;
        border-left: 2.4rem solid transparent;
    }
    #case_pulldown .box .white .voice_title {
        margin-left: 0px;
        font-size: 2rem;
        margin-bottom: 10px;
    }
    #case_pulldown .box .white .initial li.ss:first-child {
        width: 17.4rem;
        margin-right: 0;
    }
    #case_pulldown .box .white .initial li.ss:first-child .t2 {
        text-align: left;
        letter-spacing: -0.03em;
    }
    #case_pulldown .box .white .get {
        display: flex;
        justify-content: space-between;
        color: #393939;
        margin-bottom: 3.6rem;
        align-items: flex-end;
    }
    #case_pulldown .box .white .get li:first-child {
        margin-right: 1rem;
    }
    #case_pulldown .box .white .get li:first-child .t1 {
        text-align: center;
        width: 95px;
        padding: 17px;
        background: #faeec2;
        font-weight: bold;
        line-height: 1.14;
        font-size: 3rem;
    }
    #case_pulldown .box .white .get li:last-child {
        width: calc(100% - 9rem);
    }
    #case_pulldown .box .white .get li:last-child .t2 {
        line-height: 1.2;
        font-weight: bold;
    }
    #case_pulldown .box .white .get li:last-child .t2 span {
        position: relative;
        z-index: 1;
    }
    #case_pulldown .box .white .get li:last-child .t2 span.s1:after {
        position: absolute;
        left: 0;
        bottom: 1.1rem;
        width: 100%;
        height: 3.6rem;
        background: #faeec2;
        content: '';
        z-index: -1;
    }
    #case_pulldown .box .white .get li:last-child .t2 span.s1.sl {
        padding: 0.7rem 0.5rem 0;
        margin-right: 0.5rem;
        line-height: 1.45;
    }
    #case_pulldown .box .white .text {
        font-weight: 400;
        line-height: 2;
        color: #393939;
        letter-spacing: -0.02em;
        display: none;
        padding: 0px 0;
    }
    #case_pulldown .box .white .text br {
        display: block;
        content: '';
        margin: 10px 0;
    }
    #case_pulldown .box .white .text span {
        font-size: 3.5rem;
        color: #48582a;
        font-family: 'Noto Serif JP';
        font-weight: 600;
    }
    #case_pulldown .box .white .answer-btn {
        text-align: center;
    }
    #case_pulldown .box .white .answer-btn img {
        margin: 0 auto;
        display: block;
    }
    #case_pulldown .box .white .answer-btn img.open {
        height: 25px;
        margin-top: 10px;
        width: auto;
    }
    #case_pulldown .box .white .answer-btn img.close {
        height: 25px;
        width: auto;
        display: none;
    }
    #case_pulldown .box .white .answer-btn img:hover {
        cursor: pointer;
    }
    .voice_icon {
        width: 100px;
        margin-bottom: 10px;
        height: -moz-fit-content;
        height: fit-content;
    }
    .Paper_v2 {
        background-image: repeating-linear-gradient(
                to bottom,
                transparent 25px,
                rgba(0, 0, 0, 0.04) 26px,
                rgba(0, 0, 0, 0.04) 26px,
                transparent 27px,
                transparent 51px,
                rgba(0, 0, 0, 0.04) 52px,
                rgba(0, 0, 0, 0.04) 52px,
                transparent 53px,
                transparent 77px,
                rgba(0, 0, 0, 0.04) 78px,
                rgba(0, 0, 0, 0.04) 78px,
                transparent 79px,
                transparent 103px,
                rgba(0, 0, 0, 0.04) 104px,
                rgba(0, 0, 0, 0.04) 104px,
                transparent 105px,
                transparent 129px,
                rgba(0, 0, 0, 0.04) 130px,
                rgba(0, 0, 0, 0.04) 130px
            ),
            repeating-linear-gradient(
                to right,
                transparent 25px,
                rgba(0, 0, 0, 0.04) 26px,
                rgba(0, 0, 0, 0.04) 26px,
                transparent 27px,
                transparent 51px,
                rgba(0, 0, 0, 0.04) 52px,
                rgba(0, 0, 0, 0.04) 52px,
                transparent 53px,
                transparent 77px,
                rgba(0, 0, 0, 0.04) 78px,
                rgba(0, 0, 0, 0.04) 78px,
                transparent 79px,
                transparent 103px,
                rgba(0, 0, 0, 0.04) 104px,
                rgba(0, 0, 0, 0.04) 104px,
                transparent 105px,
                transparent 129px,
                rgba(0, 0, 0, 0.04) 130px,
                rgba(0, 0, 0, 0.04) 130px
            );
    }
}
.good_timing {
    padding: 0 30px 30px;
}

.good_timing2 {
    margin: 90px 0;
}

.good_timing h1,
.good_timing2 h1 {
    font-size: 4.5rem;
    font-weight: 600;
    font-family: 'Noto Serif JP';
    text-align: center;
    color: #bf5637;
    text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0px 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
    font-feature-settings: 'palt';
}

.good_timing h1::after {
    content: '相談のタイミング';
    color: #171717;
    font-size: 6rem;
    display: block;
    margin-top: -30px;
}

.good_timing h2 {
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
}

.good_timing h2 span,
.good_timing2 h2 span {
    padding: 0 4px;
    margin: 0 3px;
    background: #ffe5ac;
    font-weight: bold;
}

.teokure_title {
    border-bottom: 3px solid;
    align-items: flex-end;
    margin-bottom: 30px;
}

.teokure_title p {
    font-size: 3rem;
    font-weight: bold;
}

.teokure_title img {
    width: 125px;
}

.teokure {
    background: #e9e9e9;
    padding: 30px 90px;
}

.teokure ul li {
    margin-bottom: 10px;
    margin-left: 40px;
}

.teokure ul li span {
    font-weight: bold;
}

.good_timing2 img:first-child {
    width: 175px;
    margin-right: 50px;
}

.good_timing2 .flex {
    align-items: center;
    flex-wrap: nowrap;
}

.timing_img {
    width: 90%;
    display: block;
    margin: 90px auto 40px;
}

.ranking img {
    width: 75px;
    margin-right: 20px;
}

.ranking .flex {
    align-items: flex-end;
    justify-content: center;
}

.ranking .flex p {
    font-size: 4rem;
    line-height: 1;
}

.ranking .ranking_title {
    text-align: center;
    font-size: 3rem;
    margin: 20px;
    font-weight: bold;
}

.aisatu .flex {
    align-items: center;
}

.aisatu .casetitle {
    font-weight: bold;
    font-size: 4rem;
}

.bengoshi_img {
    width: 250px;
}

@media screen and (max-width: 768px) {
    .good_timing {
        padding: 0;
    }
    .good_timing2 {
        margin: 40px 0;
    }
    .good_timing h1,
    .good_timing2 h1 {
        font-size: 2.5rem;
        font-weight: 600;
        font-family: 'Noto Serif JP';
        text-align: center;
        color: #bf5637;
        text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0px 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
        font-feature-settings: 'palt';
        margin: 15px 0;
        line-height: 1.5;
    }
    .good_timing h1::after {
        content: '相談のタイミング';
        color: #171717;
        font-size: 3.5rem;
        display: block;
        margin-top: -10px;
    }
    .good_timing h2 {
        text-align: left;
        font-size: 2rem;
        font-weight: bold;
    }
    .good_timing h2 span,
    .good_timing2 h2 span {
        padding: 0 4px;
        margin: 0 3px;
        background: #ffe5ac;
        font-weight: bold;
    }
    .teokure_title {
        border-bottom: 3px solid;
        align-items: flex-end;
        margin-bottom: 30px;
    }
    .teokure_title p {
        font-size: 2rem;
        font-weight: bold;
    }
    .teokure_title img {
        width: 70px;
    }
    .teokure {
        background: #e9e9e9;
        padding: 25px 10px;
        line-height: 1.4;
        margin-top: 20px;
    }
    .teokure ul li {
        margin-bottom: 15px;
        margin-left: 5px;
    }
    .teokure ul li span {
        font-weight: bold;
    }
    .good_timing2 .sm_only img:first-child {
        width: 75px;
        margin: 0 auto;
        height: auto;
        display: block !important;
    }
    .good_timing2 .flex {
        align-items: center;
    }
    .timing_img {
        width: 100%;
        display: block;
        margin: 20px auto;
    }
    .ranking img {
        width: 30px;
        margin-right: 10px;
    }
    .ranking .flex {
        align-items: flex-end;
        justify-content: center;
    }
    .ranking .flex p {
        font-size: 2rem;
        line-height: 1;
    }
    .ranking .ranking_title {
        text-align: center;
        font-size: 2rem;
        margin: 15px 0;
        font-weight: bold;
        line-height: 1.4;
    }
    .bengoshi_img {
        width: 130px;
    }
    .aisatu .flex {
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    .aisatu .flex .img {
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    .aisatu .casetitle {
        font-weight: bold;
        font-size: 2rem;
    }
}
/* 質上げ施策 */
.info {
    background: rgba(248, 234, 234, 0.768627451);
    margin: 0px auto 10px;
    padding: 15px 10px;
    text-align: left;
    font-size: 1.4rem;
    border: 3px solid rgb(170, 0, 0);
}

.info h3 {
    text-align: center;
    color: #8b1000;
    font-size: 25px;
    margin-bottom: 10px;
    font-size: 2rem;
    line-height: 1.3;
}

.info p.titlein {
    color: #c00;
    text-align: center;
    font-weight: bold;
}

ul.asterisk {
    margin-left: 100px;
    /* width: 900px; */
    /* margin: auto; */
    flex-wrap: wrap;
    justify-content: space-evenly;
}

ul.asterisk li {
    list-style-type: none;
    margin-bottom: 5px;
}

ul.asterisk li:before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f00d';
    font-size: 20px;
    color: #c64029;
    margin: -2px -24px;
}

.info span {
    background: linear-gradient(transparent 78%, #ffc500 60%);
    font-weight: bold;
}

.titleinsub {
    text-align: center;
    background: white;
    color: #cc0200;
    margin-top: 5px;
}
.info.under {
    margin-top: -16px;
}
@media screen and (min-width: 768px) {
    ul.asterisk {
        display: flex;
        justify-content: space-around;
    }
    .info {
        margin-bottom: 10px;
    }
    .info.under {
        margin-top: -30px;
    }
}

@media screen and (max-width: 768px) {
    .info {
        padding: 15px 10px;
        font-size: 1.4rem;
        margin-bottom: 10px;
    }

    .info h3 {
        font-size: 1.5rem;
    }
    ul.asterisk {
        margin-left: 35px;
    }
    ul.asterisk li:before {
        margin: -2px -25px;
    }
}
.solution {
    background: #fffdf9;
    background-image: linear-gradient(90deg, #e4e4e4 1px, transparent 0), linear-gradient(#e4e4e4 1px, transparent 0);
    background-size: 10px 10px;
    padding: 3px;
}

.solution .contents {
    margin: 100px auto 0;
}

.solution_title_pc {
    width: 80%;
    display: block;
    margin: 0 auto;
}

.solution .flex {
    align-items: flex-end;
    margin-top: 80px;
}

.solution .flex p {
    font-size: 2.3rem;
    font-weight: bold;
    margin-bottom: 100px;
}

.solution .flex span {
    color: #b0c31b;
    background: linear-gradient(transparent 77%, #ffeec9 77%);
    border-radius: 2px;
    padding: 4px 8px;
    margin: 0px 4px;
}

/* .solution .flex img {
    width: 450px;
} */
.solution_bottom {
    background: #fff1ce;
    position: relative;
    font-weight: bold;
    text-align: center;
    border-radius: 7px;
    padding: 10px 0;
    font-size: 2.3rem;
}

.solution_bottom span {
    font-size: 3.6rem;
    color: #e57b00;
}

.solution_bottom::before {
    position: absolute;
    left: 50%;
    content: '';
    display: block;
    border: 20px solid transparent;
    border-top: 20px solid #fff1ce;
    transform: translateX(-50%);
    bottom: -40px;
}

@media screen and (max-width: 768px) {
    .solution_title_pc {
        width: 98%;
    }
    .solution .flex p {
        font-size: 2rem;
        margin-bottom: 30px;
    }
    .solution .flex {
        display: block;
        margin-top: 30px;
    }
    .solution .flex img {
        width: 200px;
        display: block;
        margin: 0 auto;
    }
    .solution .contents {
        margin: 30px 0 0;
        padding-bottom: 0;
    }
}
.chart img {
    width: 100%;
}

.page-top__meritTable {
    font-weight: bold;
    border-spacing: 0;
    border-collapse: separate;
}

.page-top__meritTable {
    width: 100%;
    margin: 0 auto 16px;
}

.page-top__meritTable .-tableHead {
    font-size: 2.6rem;
    font-weight: bold;
    padding: 1em 0;
    text-align: center;
    vertical-align: middle;
    line-height: 1.3;
}

.page-top__meritTable .-tableHead.-saimType {
    color: #163251;
    width: 28%;
    background: #e5e5e5;
}

.page-top__meritTable .-tableHead.-merit,
.page-top__meritTable .-tableHead.-demerit {
    color: #fff;
    width: 36%;
}

.page-top__meritTable .-tableHead.-merit {
    background: #b0c31b;
}

.page-top__meritTable .-tableHead.-demerit {
    background-color: #7e7e7d;
}

.page-top__meritTable .-tableBody {
    position: relative;
    padding: 1em;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
    z-index: 1;
}

.page-top__meritTable .-tableBody p {
    padding: 0px 0px 0px 14px;
    display: inline-flex;
}

.page-top__meritTable .-tableBody p::before {
    content: '・';
}
.page-top__meritTable .-tableBody p small {
}

.page-top__meritTable .-tableBody.-saimType.-last {
    border-bottom: 5px solid #e5e5e5;
}

.page-top__meritTable .-tableBody.-merit.-last {
    border-bottom: 5px solid #b0c31b;
}

.page-top__meritTable .-tableBody.-demerit.-last {
    border-bottom: 5px solid #7e7e7d;
}

.page-top__meritTable .-tableBody.-saimType {
    border-left: 5px solid #e5e5e5;
    text-align: center;
    line-height: 1.5;
    background: #fff;
}

.page-top__meritTable .-tableBody.-merit {
    background: #fff7e4;
    border-left: 4px solid #b0c31b;
    border-right: 4px solid #b0c31b;
}

.page-top__meritTable .-tableBody.-merit::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 25px solid #fff;
    z-index: -1;
}

.page-top__meritTable .-tableBody.-demerit {
    position: relative;
    background: #fff8f8;
    border-right: 4px solid #7e7e7d;
    z-index: 1;
}

.page-top__meritTable .-tableBody.-saimType {
    color: #163251;
    font-size: 1.25em;
    font-weight: bold;
}

.page-top__meritTable .-tableBody.-merit,
.page-top__meritTable .-tableBody.-demerit {
    font-size: 1em;
}

.page-top__meritTable .-tableBody.-batsu::before,
.page-top__meritTable .-tableBody.-batsu::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    display: block;
    height: 100px;
    width: 24px;
    background-color: #fff;
    z-index: -1;
}

.page-top__meritTable .-tableBody.-batsu::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.page-top__meritTable .-tableBody.-batsu::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.page-top__meritTable .-tableBody.-sankaku::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(/wp/wp-content/themes/saimu_seiri/img/top/img-sankaku.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
}

.page-case__article--icon img {
    width: 101px;
    height: auto;
}

.page-case__tag--personal {
    width: 12em;
}

.page-case__date--top {
    margin-bottom: 24px;
    align-items: center;
}

.page-case__personal {
    width: 30%;
}

.page-case__personal--icon {
    margin-bottom: 1em;
}

.page-case__personal--icon img {
    width: 140px;
    height: auto;
}

.page-case__datelist {
    border-radius: 5px;
    border: 2px solid #d2d2d2;
    overflow: hidden;
    color: #163251;
    width: 70%;
}

.page-case__datelist dt,
.page-case__datelist dd {
    padding: 8px;
}

.page-case__datelist dt {
    font-weight: bold;
    width: 45%;
    background-color: #f5f5f5;
}

.page-case__datelist dd {
    width: 55%;
}

.page-case__datelist div {
    display: flex;
}

.page-case__datelist div + div {
    border-top: 1px dashed #d2d2d2;
}

.page-case__datelist.-min dt,
.page-case__datelist.-min dd {
    padding: 8px;
}

.page-case__datelist.-min dt {
    width: 35%;
}

.page-case__datetable {
    width: 100%;
    border-collapse: separate;
    border-bottom: 2px solid #d2d2d2;
}

.page-case__datetable--wrap + .page-case__datetable--wrap {
    border-top: 2px dashed #d2d2d2;
}

.page-case__datetable--head {
    width: 40%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.125em;
    padding: 16px 0;
}

.page-case__datetable--head.-before {
    background-color: #7e7e7d;
    border-radius: 5px 0 0 0;
}

.page-case__datetable--head.-after {
    background-color: #b0c31b;
    border-radius: 0 5px 0 0;
}

.page-case__datetable--sidehead {
    width: 20%;
    text-align: right;
    color: #163251;
    font-weight: bold;
    border-right: 2px solid #d2d2d2;
    border-left: 2px solid #d2d2d2;
    vertical-align: middle;
    padding: 0 1em;
}

.page-case__datetable--sidehead.-first {
    border-radius: 5px 0 0 0;
    border-top: 2px solid #d2d2d2;
}

.page-case__datetable--value {
    text-align: center;
    font-weight: 900;
    line-height: 1;
    padding: 16px 32px;
    vertical-align: middle;
    border-right: 2px solid #d2d2d2;
}

.page-case__datetable--value.-before {
    position: relative;
    color: #a8a8a8;
}

.page-case__datetable--value.-before::before {
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    display: inline-block;
    background-color: #7e7e7d;
    width: 45px;
    height: 24px;
}

.page-case__datetable--value.-before::after {
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    display: inline-block;
    border: 20px solid transparent;
    border-left: 20px solid #7e7e7d;
}

.page-case__datetable--value.-after {
    color: #b0c31b;
}

.page-case__datetable--value.-after small {
    color: #333;
    font-weight: normal;
}

.page-case__datetable--value.-after-plus {
    color: #f33939;
}

.page-case__datetable .-line th,
.page-case__datetable .-line td {
    border-top: 2px dashed #d2d2d2;
}

.page-case__datetable .-large {
    font-size: 3em;
}

.c-tag {
    display: inline-block;
    padding: 0.3em 1em 0.25em;
    min-width: 72px;
    border-radius: 3px;
    letter-spacing: 0;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

.c-tag.-debt {
    background-color: #fcf1c6;
    margin-right: 10px;
}

.page-case__case {
    color: #b0c31b;
    font-weight: bold;
    padding: 4px 20px 2px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-right: 8px;
}

.c-tag.-type {
    background-color: #e6def9;
}

.page-case__article--tag {
    padding-bottom: 0.5em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .page-top__meritTable .-tableBody p {
        padding: 0;
        display: inline-flex;
    }
    .page-top__meritTable .-tableBody small {
        font-size: 1.1rem;
    }

    .page-top__meritTable .-tableBody.-merit,
    .page-top__meritTable .-tableBody {
        padding: 5px;
    }
    .page-top__meritTable .-tableBody.-merit,
    .page-top__meritTable .-tableBody.-demerit {
        font-size: 1rem;
    }
    .page-top__meritTable .-tableBody.-saimType {
        font-size: 1.4rem;
    }
    .page-top__meritTable .-tableBody.-merit {
        border-left: 2px solid #b0c31b;
        border-right: 2px solid #b0c31b;
    }
    .page-top__meritTable .-tableBody.-demerit {
        border-right: 2px solid #7e7e7d;
    }
    .page-top__meritTable .-tableBody.-merit.-last {
        border-bottom: 3px solid #b0c31b;
    }
    .page-top__meritTable .-tableBody.-demerit.-last {
        border-bottom: 3px solid #7e7e7d;
    }
    .page-top__meritTable .-tableBody.-saimType {
        border-left: 2px solid #e5e5e5;
    }
    .page-top__meritTable .-tableBody.-saimType.-last {
        border-bottom: 3px solid #e5e5e5;
    }
    .page-case__date--top {
        display: flex;
        flex-flow: column;
    }
    .page-case__personal {
        width: 100%;
    }
    .c-center img {
        width: 150px;
        height: -moz-fit-content;
        height: fit-content;
    }
    .page-case__datelist {
        width: 100%;
    }
    .page-top__meritTable .-tableHead {
        font-size: unset;
    }
    .page-case__datetable {
        border-bottom: 1px solid #d2d2d2;
    }
    .page-case__datelist.-min dt {
        width: 45%;
    }
    .page-case__datetable--head {
        font-size: 1em;
        padding: 8px 0;
        width: 30%;
    }
    .page-case__datetable--head.-before {
        border-radius: 3px 0 0 0;
    }
    .page-case__datetable--head.-after {
        border-radius: 0 3px 0 0;
    }
    .page-case__datetable--sidehead.-first {
        border-radius: 3px 0 0 0;
        border-top: 1px solid #d2d2d2;
    }
    .page-case__datetable--sidehead {
        font-size: 0.75em;
        padding: 0 8px;
        text-align: left;
        letter-spacing: 0;
        border-right: 1px solid #d2d2d2;
        border-left: 1px solid #d2d2d2;
    }
    .page-case__datetable--value {
        padding: 14px 8px;
        font-weight: bold;
        border-right: 1px solid #d2d2d2;
    }
    .page-case__datetable .-large {
        font-size: 1em;
    }
    .page-case__datetable--value.-before::before,
    .page-case__datetable--value.-before::after {
        content: none;
    }
    .page-case__datetable--value.-after small {
        display: inline-block;
        text-align: left;
        margin-top: 4px;
    }
    .page-case__datetable .-line th,
    .page-case__datetable .-line td {
        border-top: 1px dashed #d2d2d2;
    }
    .page-case__article--tag {
        font-size: 1.3rem;
    }
    .c-tag {
        padding: 5px;
    }
}
.voice_pofile {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-bottom: 20px;
}

.voice_box {
    position: relative;
    padding: 30px 50px;
    margin: 2em auto;
    background: #fcfaf5;
    overflow: hidden;
}

.voice_box:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 30px 30px 0; /* This trick side-steps a webkit bug */
    border-style: solid;
    border-color: #f6f6f6 #f6f6f6 #d7ceb3 #d7ceb3; /* A bit more verbose to work with .rounded too */
    background: #d7ceb3; /* For Opera when also applying a border-radius */
    display: block;
    width: 0; /* Only for Firefox 3.0 damage limitation */
    /* Optional: shadow */
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
}

.case_05 {
    display: flex;
    background: #fff;
    position: relative;
    color: black(0, 13, 102);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
}

.case_05 img {
    height: auto;
    width: 400px;
}

.c-center {
    text-align: center;
}

.step_bottom {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.merite {
    background: #f9feff;
    background-image: linear-gradient(90deg, #f1f1f2 1px, transparent 0), linear-gradient(#f1f1f2 1px, transparent 0);
    background-size: 10px 10px;
    padding: 3px;
}

@media screen and (max-width: 768px) {
    .case_05 {
        display: block;
    }
    .case_05 img {
        width: 100%;
        height: 215px;
    }
    .voice_box {
        padding: 20px 10px;
    }
    .cost_table h1 {
        font-size: 2rem;
    }
    .cost_table h1 span {
        font-size: 2.3rem;
    }
}
.action_top_text {
    text-align: center;
    font-weight: bold;
    color: #3089e2;
    padding: 10px 0 5px;
    width: 80%;
    margin: 0 auto 0px;
    line-height: 1.5;
}

.action_top_text.senyo {
    background: #3089e2;
    color: white;
    padding: 5px 30px;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 34px;
    margin-bottom: 0;
}

span.dot_text {
    display: inline-block;
    position: relative;
}

span.dot_text::before {
    position: absolute;
    top: -0.7em;
    left: 50%;
    transform: translate(-50%, 0);
    color: #3089e2;
    font-size: 1em;
    content: '・';
}

.sp_left {
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .action_top_text {
        margin: 0;
        width: auto;
        text-align: center;
        display: block;
        font-size: 1.4rem;
        border-radius: 34px;
        margin-bottom: -10px;
    }
    .action_top_text.senyo {
        padding: 5px 15px;
        margin-bottom: -3px;
        border-radius: 12px;
    }
    .sp_left {
        text-align: left;
        display: inline-block;
        margin-left: 10px;
    }
}
.tel_area {
    position: fixed;
    right: 0;
    z-index: 504;
    top: 15%;
}

.tel_banner {
    background-color: #bf5637;
    padding: 30px 15px 30px;
    border-radius: 10px;
    color: white;
    font-size: 12px;
    text-align: center;
    line-height: 1.3;
}

.tel_ban_num {
    font-weight: bolder;
    font-size: 50px;
    margin: 0 auto;
    writing-mode: vertical-rl;
    text-wrap: nowrap;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    max-height: 300px;
    line-height: 1.2;
    margin-top: 67px;
    margin-bottom: 15px;
    margin-right: -5px;
}

.saitama {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    text-align: initial;
    -webkit-writing-mode: vertical-rl;
    font-size: 18px;
    text-align: center;
}

.saitama span {
    color: #f8ff09;
    font-weight: bold;
    padding: 6px 0;
    font-size: 2.4rem;
    letter-spacing: 0.2em;
}

.tel_ban_text {
    font-size: 14px;
    line-height: 1.2;
}

.tel_gif {
    width: 39px;
    display: block;
    margin: 0 auto;
    margin-bottom: 0px;
}

#footer_CTA {
    position: fixed;
    background-color: rgba(125, 125, 125, 0.7882352941);
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 300;
    /*はじめは非表示*/
    opacity: 0;
    transition: opacity 0.3s ease;
    padding-bottom: 6px;
}

#footer_CTA img {
    width: 23px;
}

#footer_CTA .footer_CTA_call img:first-child {
    width: 18px;
}

.purun {
    animation: purun 0.8s linear 0s 1;
}
@keyframes purun {
    0% {
        transform: scale(1, 1) translate(0%, 0%);
    }
    15% {
        transform: scale(0.9, 0.9) translate(0%, 5%);
    }
    30% {
        transform: scale(1.3, 0.8) translate(0%, 10%);
    }
    50% {
        transform: scale(0.8, 1.3) translate(0%, -10%);
    }
    70% {
        transform: scale(1.1, 0.9) translate(0%, 5%);
    }
    100% {
        transform: scale(1, 1) translate(0%, 0%);
    }
}
#footer_CTA .footer_CTA_call_img {
    width: 60%;
    margin: 7px 0;
    margin-left: 3px;
}

#footer_CTA .footer_CTA_mail_img {
    width: 60%;
    margin-left: 3px;
}

#footer_CTA .footer_CTA_mail_night .footer_CTA_mail_img {
    width: 38%;
    margin-left: 3px;
}

.footer_CTA_call {
    display: flex;
    align-items: center;
    width: 49%;
    background-color: #c85500;
    color: white;
    font-size: 80%;
    padding: 8px 13px;
    font-weight: 500;
    border-radius: 41px;
    justify-content: center;
}

.footer_CTA_mail {
    display: flex;
    align-items: center;
    width: 49%;
    background-color: #001e66;
    color: white;
    font-size: 80%;
    padding: 8px 13px;
    font-weight: 500;
    border-radius: 41px;
    justify-content: center;
}

.footer_CTA_mail_night {
    width: 100%;
    font-size: 100%;
    font-weight: bold;
    border-radius: 69px;
    padding: 10px 0 12px;
    background-color: #006600;
    text-decoration: underline;
}

#footer_CTA .attention {
    text-align: center;
    padding: 5px 0;
}

#footer_CTA .attention img {
    width: 80%;
    display: block;
    margin: 0 auto;
}

.USP {
    background: rgb(108, 147, 0);
    background: linear-gradient(90deg, rgb(108, 147, 0) 0%, rgb(137, 178, 30) 46%, rgb(108, 147, 0) 100%);
    text-align: center;
    padding: 20px 0 0 0;
}
.USP img {
    width: 1052px;
    margin: 0 auto;
    margin-top: -44px;
}

.zenkoku {
    padding: 0px 0 20px 0;
}
.zenkoku img {
    width: 940px;
    margin: 0px auto;
    display: block;
}

.action_soudan_img {
    width: 100%;
    display: block;
    margin: 10px 0px 20px;
}
.action_word_img {
    width: 100%;
    display: block;
    margin: 10px 0px 0px;
}

@media screen and (max-width: 768px) {
    .box_action_inner {
        text-align: center;
    }
    .action_soudan_img {
        width: 95%;
        margin-bottom: 0px;
        margin-top: 20px;
        margin: 20px auto 0;
    }
    .action_word_img {
        margin-bottom: 0px;
        margin-top: 20px;
    }
    .zenkoku {
        padding: 0px 0 20px 0;
    }
    .zenkoku img {
        width: 100%;
    }
}
.appeal_point {
    margin-bottom: 50px;
}

.appeal_point.pc_flex {
    align-items: inherit;
    flex-wrap: wrap;
}

.appeal_point .appeal_point_img {
    width: 100%;
    height: 180px;
    margin-top: 20px;
    -o-object-fit: cover;
    object-fit: cover;
}

.appeal_point .appeal_point_title {
    color: #1f1f1f;
    font-size: 2.3rem;
    line-height: 1.6;
    font-weight: 600;
    margin: 60px 0 20px;
    text-align: center;
    letter-spacing: 0.04em;
}

.appeal_point .appeal_point_title + p {
    height: auto;
    line-height: 2;
}

.appeal_point .ap01_text {
    position: relative;
    line-height: 1.8;
    background-color: white;
    padding: 35px 20px;
    /* z-index: 500; */
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 50px;
}

.appeal_point .ap01_text::before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f058';
    font-size: 46px;
    color: #f8ad00;
    margin: -25px 39%;
}

.ap01_text span {
    font-weight: 600;
    background: linear-gradient(transparent 77%, #ffe5ac 77%);
}

@media screen and (min-width: 769px) {
    .appeal_point .appeal_point_img {
        height: 240px;
    }
    .appeal_point .ap01_text {
        width: 48%;
    }
    .appeal_point .appeal_point_title + p {
        line-height: 2;
    }
    .appeal_point .ap01_text::before {
        margin: -25px 41%;
    }
}
.al_top_bunner {
    background: #d20000;
    padding: 30px 0;
}

.al_top_bunner img {
    width: 900px;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .al_top_bunner {
        padding: 15px 0;
    }
    .al_top_bunner img {
        width: 95%;
        display: block;
        margin: 0 auto;
    }
}
/* ポップアップ */
.popup-area {
    display: none;
    padding: 20px;
    position: fixed;
    z-index: 9999;
    top: 60%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
}

.popup-area img {
    width: 500px;
    height: unset;
}

.btn_area {
    position: relative;
    top: -380px;
}

.popup-area .btn_area img {
    width: 420px;
    margin: 10px 0;
    height: unset;
}

.popup-area .close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    font-size: 60px;
    color: #fff;
    text-shadow: 1px 1px 8px black;
}

.popup-area .icon {
    font-size: 3em;
    color: red;
}

/* 背景色 */
.cover-eml {
    background: rgba(67, 67, 67, 0.8588235294);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 480px) {
    /* 
  /* ポップアップ */
    .popup-area {
        display: none;
        width: 100%;
        padding: 20px;
        position: fixed;
        z-index: 9999;
        top: 60%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        text-align: center;
    }
    .popup-area_inner {
        width: 100%;
    }
    .popup-area img {
        width: 90%;
        height: unset;
    }
    .popup-area .btn_area {
        position: relative;
        top: -58vw;
    }
    .popup-area .btn_area img {
        width: 85%;
        margin: 0;
        margin-bottom: 18px;
        height: unset;
    }
    .popup-area .close-btn {
        position: absolute;
        top: 5px;
        right: 29px;
        cursor: pointer;
        font-size: 43px;
        color: #fff;
        text-shadow: 1px 1px 8px black;
    }
}
/* 
/* ポップアップ */
.tel_pop_area {
    display: none;
    width: 100%;
    padding: 20px;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
}
.tel_pop_area .tel_pop_inner {
    width: 100%;
    border-radius: 12px;
    box-shadow: 1px 4px 7px rgba(0, 0, 0, 0.5411764706);
    background: #fffcf9;
    background-image: linear-gradient(90deg, #fff0e5 1px, transparent 0), linear-gradient(#e4e4e4 1px, transparent 0);
    background-size: 10px 10px;
    padding: 20px 0 10px;
}
.tel_pop_area .tel_pop_inner p {
    font-size: 1.4rem;
    line-height: 1.2;
}
.tel_pop_area img {
    height: unset;
}
.tel_pop_area .backguide_pop {
    width: 98%;
    margin-bottom: 15px;
}
.tel_pop_area .btn_area {
    position: unset;
}
.tel_pop_area .btn_area img {
    margin-top: -10px;
    width: 98%;
    height: unset;
}
.tel_pop_area .close-btn {
    position: absolute;
    top: 14px;
    right: 29px;
    cursor: pointer;
    font-size: 30px;
    color: #060606;
}

/* 背景色 */
.cover-eml2 {
    background: rgba(90, 90, 90, 0.7019607843);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.marquee {
    margin: 0px auto 5px;
    background: #980000;
    overflow: hidden;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    gap: 1rem;
}

.marquee .marquee-inner {
    animation: marquee 20s linear infinite;
    font-size: 15px;
    letter-spacing: 0.12em;
    color: #fff;
}

@keyframes marquee {
    0% {
        translate: 0;
    }
    100% {
        translate: calc(-100% - 1rem);
    }
} /*# sourceMappingURL=style.css.map */

/*ALの排除*/
.c_box {
    margin: auto;
    background: #d20909;
}
.c_box_inner {
    margin: 0px auto;
    width: 990px;
    padding: 15px 0;
}
@media screen and (max-width: 769px) {
    .c_box_inner {
        width: 100%;
    }
    .c_box_inner img {
        display: block;
        width: 100%;
    }
}
@media screen and (min-width: 769px) {
    ul.asterisk li {
        width: 50%;
    }
    ul.asterisk {
        justify-content: left;
    }
}

/*form*/
.form_box {
    padding: 20px 15px;
    border-top: 1px solid #dfdfdf;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}

form .form_box:first-child {
    border: none;
}

.form_box ul {
    display: flex;
    flex-wrap: wrap;
}

.form_box ul input {
    display: none;
}

.form_box ul input + label {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
}

.form_box ul input + label::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 50%;
}

.form_box ul input:checked + label {
    color: #ed7522;
}

.form_box ul input:checked + label::after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 11px;
    height: 11px;
    background: #ed7522;
    border-radius: 50%;
}

form div label {
    font-weight: bold;
}

form div ul label {
    font-weight: normal;
}

.required {
    background: #ff6462;
    color: #fff;
    padding: 2px 6px 1px;
    display: inline-block;
    margin-left: 4px;
    font-size: 13px;
    border-radius: 4px;
    font-weight: bold;
    margin-bottom: 2px;
    vertical-align: middle;
}

.b_area .num {
    width: 200px;
    justify-content: space-between;
    margin: 0 auto 20px;
    text-align: center;
    position: relative;
}

.b_area span {
    font-size: 14px;
}

.b_area .num:before {
    content: '';
    width: 80%;
    height: 2px;
    background-color: #bfbfbf;
    position: absolute;
    top: 24px;
    left: 48%;
    margin-left: -40%;
}

.b_area .num li {
    width: 20%;
    padding-top: 24px;
    position: relative;
    font-size: 16px;
}

.b_area .num li.active:before {
    background-color: #e79b2e;
}

.b_area .num li:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #bfbfbf;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-radius: 5px;
}

.form_box ul input {
    display: none;
}

.form_box ul input + label {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
}

.form_box ul input + label::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 50%;
}

.form_box ul input:checked + label {
    color: #ed7522;
}

.ex_txt {
    padding: 5px 2px 0;
}

.ex_txt_area {
    padding: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    background: #f4f4f4;
}

form .text {
    border-radius: 5px;
    border: 2px solid #ccc;
    width: 98%;
    padding: 5px;
    font-size: 16px;
    margin-top: 5px;
    line-height: 1.8;
}

.notice {
    background-color: #f4f4f4;
    font-size: 14px;
    padding: 10px;
    margin-top: 10px;
    display: inline-block;
}

.textarea {
    border: 2px solid #ccc;
    border-radius: 5px;
    width: 97%;
    padding: 10px;
    font-size: 16px;
    height: 200px;
    margin-top: 5px;
    line-height: 1.8;
    font-weight: normal;
}

.b_area {
    margin: 0 10px;
    padding: 20px 0px 0px;
    text-align: center;
}

.b_area p {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 10px;
}

.b_area ul {
    display: flex;
}

.b_area li.actv {
    font-weight: bold;
}

.b_area li {
    font-size: 14px;
    margin: 20px 8px 10px 0;
}

.b_area li.home {
    background: url(../images/home.png) 2px 4px no-repeat;
    background-size: 11px 11px;
    padding-left: 18px;
}

.f_area {
    margin: 0px 15px;
}

.list_ttl {
    font-size: 16px;
}

.btn_area {
    text-align: center;
    padding: 20px 15px 60px;
}

.btn_area ul .left {
    float: left;
    width: 40%;
}

.btn_area ul {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.soushin_btn {
    color: #fff;
    background: #ed7522;
    font-weight: bold;
    border-radius: 4px;
    font-size: 18px;
    padding: 20px;
    margin: 0 auto;
    display: block;
    width: 100%;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    border-style: none;
}

.soushin_btn a {
    color: #fff;
}

.modoru_btn {
    color: #ed7522;
    background: #fff;
    border: 1px solid #ed7522;
    font-weight: bold;
    border-radius: 4px;
    font-size: 18px;
    padding: 20px;
    margin: 0 auto;
    display: block;
    width: 100%;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    margin-top: 20px;
}

.csn {
    background-color: #feffc9;
    color: #666;
    text-align: left;
    border: 1px solid #dfdfdf;
    margin: 10px 10px 30px;
    padding: 10px;
    font-size: 14px;
}

.csn span {
    color: #f00;
}

.csn_bold {
    font-weight: bold;
    color: #f00;
    text-align: center;
    padding-bottom: 5px;
    font-size: 16px;
}

.tnkyou {
    margin-top: 20px;
}

.main_letter {
    color: #f00;
    font-weight: bold;
    text-align: center;
}

.erre_name {
    color: #f00;
}

/*404*/
.not_box {
    width: 90%;
    margin: 20px auto;
}

.not_box ol {
    margin-top: 20px;
    margin-left: 20px;
    font-size: 15px;
}

.not_box ol li {
    list-style-type: decimal;
}

footer {
    width: 100%;
    clear: both;
    margin: 20px 0;
}

.privacy {
    padding: 10px;
}

footer p {
    text-align: center;
    font-size: 0.9rem;
}

a {
    color: #3484d1;
    text-decoration: none;
}

.not_box {
    width: 90%;
    margin: 110px auto;
}

.not_box ol {
    margin-top: 20px;
    margin-left: 20px;
    font-size: 15px;
}

.not_box ol li {
    list-style-type: decimal;
}

.word_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    font-size: 1.1rem;
}

.word_header_title {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
}

.word_header_title {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
}

.word_header_titleh2 {
    font-size: 1.7rem;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 30px;
}

.word_header span {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    border-radius: 3px;
    background: #08104e;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.word p {
    font-size: 1rem;
    line-height: 1.5;
}

.word a {
    display: inline;
    color: #49bbfd;
}

.word {
    padding: 20px;
}

ol {
    position: relative;
    margin-top: 10px;
    padding: 0;
}

ol li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 5px;
    font-size: 1rem;
}

ol li span {
    position: absolute;
    left: 0;
    margin: 0;
}

.main_under {
    width: 90%;
    margin: 0 auto 26px;
    display: block;
}

.titleinsub {
    color: #c00;
    font-weight: normal;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
}

/*追従ボタン*/
.tel_area {
    position: fixed;
    right: 0;
    z-index: 504;
    top: 15%;
    font-family: 'Zen Maru Gothic', serif;
    font-weight: 400;
    font-style: normal;
}

.tel_area .flex {
    display: flex;
    justify-content: space-around;
}

.tel_banner {
    background-color: #bf5637;
    padding: 30px 15px 30px;
    border-radius: 10px;
    color: white;
    font-size: 12px;
    text-align: center;
    line-height: 1.3;
}

.tel_gif {
    width: 39px;
    display: block;
    margin: 0 40px;
    margin-bottom: 0px;
}

.saitama {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    text-align: initial;
    -webkit-writing-mode: vertical-rl;
    font-size: 18px;
    text-align: center;
}

.saitama span {
    color: #f8ff09;
    font-weight: bold;
    padding: 6px 0;
    font-size: 2.4rem;
    letter-spacing: 0.2em;
}

.tel_ban_num {
    font-weight: bolder;
    font-size: 45px;
    margin: 0 auto;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-wrap: nowrap;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    max-height: 400px;
    line-height: 1.2;
    margin-top: 67px;
    margin-bottom: 15px;
    margin-right: -5px;
    font-weight: 900;
}

#footer_CTA .flex {
    flex-direction: initial;
    flex-wrap: nowrap;
    display: flex;
}

#footer_CTA .attention {
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.2;
    color: #1f96d2;
    border: 2px solid;
    padding: 8px 0;
    background-color: white;
}

#footer_CTA {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-family: 'Zen Maru Gothic', serif;
    font-weight: 400;
    font-style: normal;
}

.footer_CTA_call {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 50%;
    background-color: #f68531;
    color: white;
    font-size: 80%;
    padding: 8px;
    padding-bottom: 25px;
    font-weight: 500;
    justify-content: center;
}

.footer_CTA_mail {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%;
    background-color: #f5b527;
    color: white;
    font-size: 80%;
    padding: 14px;
    font-weight: 500;
    padding-bottom: 25px;
    justify-content: center;
}

#footer_CTA img {
    width: 23px;
}
/*btn*/
.anim-box {
    animation: poyopoyo 2s ease-out infinite;
    opacity: 1;
}
@keyframes poyopoyo {
    0%,
    40%,
    60%,
    80% {
        transform: scale(1);
    }
    50%,
    70% {
        transform: scale(0.95);
    }
}

.fv_btn {
    width: 1000px;
    margin: auto;
    img {
        width: 400px;
        display: block;
        margin: 10px;
        margin: auto;
    }
}
.action_area.fv_action_area {
    padding: 25px 0px;
}
@media screen and (min-width: 786px) {
    .onayami_img {
        width: 500px;
        display: block;
        margin: auto;
    }
}
@media screen and (max-width: 768px) {
    .fv_btn {
        width: 100%;

        img {
            width: 100%;
            display: block;

            padding: 0px 10px;
            margin: auto;
        }
    }
}
/*inquiry_box*/

.inquiry_box {
    background-color: white;
    /*box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);*/

    margin: auto;
}
.contents {
    padding-top: 0px;
}
@media screen and (min-width: 786px) {
    .inquiry_box {
        width: 1000px;
    }
}