/* レスポンシブ */
@media screen and (min-width:768px) { 
.desktopin { 
display:block;
}
.mobilein { 
display:none;
}
}
@media screen and (max-width:767px) { 
.desktopin { 
display:none;
}
.mobilein { 
display:block;
}
}


body{
line-height: 1.8;    
}
.Lbtn a {
    vertical-align: -2.5px;
}
@media screen and (max-width: 750px){
h3.sidebar_h3 {
    line-height: 1.8;
}
}


@media screen and (max-width: 750px){
.contents {
width: 100%;
margin: auto;
}
}

.flex_test-box2 {
background-color: #fff;
padding: 0;
display: inline-block;
}
.flex_test-item2 {
padding: 10px;
width: 100%;
color: #000000;
border: medium solid #aa946e;
margin: 10px 0px;
}

@media screen and (max-width: 750px){
.down_box_5 {
width: 100%; 
margin: 0 auto;   
}
}
@media screen and (min-width: 751px){
.down_box_5 {
margin-bottom: 0;
}
}

.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_image > img {
max-width: 40%;
}
@media screen and (max-width: 750px){
.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_image > img {
max-width: 50%;
}
}

@media screen and (min-width: 751px){
.down_box_5 > .course_wrap > .course_right {
padding-left: 0; 
}
}
@media screen and (min-width: 751px){
.down_box_5 > .course_wrap > div {
width: 100%;
box-sizing: border-box;
}
}

@media screen and (max-width: 767px){
.box3 .listbox {
-ms-flex-pack: justify;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: block;
justify-content: center;
}
}
.box3 li.box {
background: #F7F5F4;
padding: 30px; 
width: 70%;
margin-bottom: 15px;
flex: none; 
}
@media screen and (max-width: 767px){
.box3 li.box {
width: 100%;
}
}

.down_box_5 > .course_wrap > div > .gray_bg > .white_bg {
background-color: #fff;
padding: 10px;
margin-bottom: 20px;
}

@media screen and (max-width: 750px){
.down_box_5 > .course_wrap > div > .gray_bg {
margin-bottom: 0;
padding: 20px 0 10px;
background-color: unset;
}
}

.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_cont > div > span:first-child {
width: 10em;
margin-bottom: 10px;
padding: 10px;
font-size: 1.2rem;
border: 1px #ccc solid;
border-radius: 5px;
box-sizing: border-box;
vertical-align: middle;
}
@media screen and (max-width: 750px){
.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_cont > div > span:first-child {
width: 8em;
}
}


.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_cont > div > span:first-child.gray {
background-color: #fff;
color: #5A7071;
}
.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_cont > div > span:first-child.gray2 {
background-color: #F5FBF9;
color: #5A7071;
}

.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_cont {
display: flex;
margin-bottom: 0;
flex-direction: column;
}
.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_cont > .course_cont_left {
padding-right: 0; 
border-right: none;
font-size: 12px;
}
.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_cont > div {
width: 100%;
text-align: center;
}
@media screen and (max-width: 750px){
.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_cont > div > span:last-child {
font-size: 2.8rem;
line-height: 1;
}
}

@media screen and (max-width: 767px){
.minbox {
width: 90%;
margin: auto;
}
}

@media screen and (min-width: 751px){
.trust_button_list {
text-align: center;
margin-bottom: 40px;
margin-top: 20px;
}
}
@media screen and (min-width: 751px){
.trust_button_list > li {
float: none; 
text-align: center;
margin: 20px;
}
}
@media screen and (min-width: 751px){
.down_box_7 > .trust_button_list > li {
float: none; 
text-align: center; 
margin-left: 20px; 
margin-right: 20px; 
}
}
@media screen and (min-width: 751px){
.down_box_7 > .trust_button_list {
clear: both;
text-align: center;
margin-bottom: 100px;
margin-top: 20px;
}
}

.trust_button_list > li > a {
display: inline-block;
width: 60%;
font-size: 1.7rem;
padding: 20px 0;
color: #fff;
background-color: #13B5BB;
border-radius: 50px;
transition: 0.3s;
line-height: 1;
text-decoration: none;
}
@media screen and (min-width: 751px){
.down_box_7 > .trust_button_list > li > a {
display: inline-block;
width: 60%;
font-size: 1.7rem;
padding: 20px 0;
color: #fff;
background-color: #13B5BB;
border-radius: 50px;
transition: 0.3s;
line-height: 1;
}
}
@media screen and (max-width: 750px){
.trust_button_list > li > a {
display: inline-block;
width: 100%;
font-size: 1.5rem;
padding: 1rem 0;
color: #fff;
background-color: #13B5BB;
border-radius: 50px;
transition: 0.3s;
line-height: 1;
margin-bottom: 0;
margin-top: 10px;
}
}

@media screen and (min-width: 751px){
.down_box_7 > .process >.process-content {
height: 70px;
margin-bottom: 0; 
}
}
@media screen and (max-width: 750px){
.down_box_7 > .common_h2 {
position: relative;
left: 18px;
padding: 10px 5px 10px 20px;
line-height: 1.5;
font-weight: bold;
letter-spacing: 1.2px;
font-size: 2rem;
background-color: #13B5BB;
color: #fff;
border-radius: 80px 0 0 80px;
box-sizing: border-box;
text-align: center;
margin-bottom: 20px;
margin-top: 50px;
}
}

.down_box_faq{
margin-bottom: 40px;
}

@media screen and (min-width: 751px){
article.main_visual {
margin: 0 auto 80px;
background-image: url(../images/tt/22914085_m.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
}
@media screen and (max-width: 750px){
article.main_visual {
margin: 0 auto 50px;
background-image: url(../images/tt/22914085_m.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-bottom: 30px;
}
}

@media screen and (max-width: 750px){
article.contents_wrap > .contents_inner > .contents {
padding-bottom: 0;
}
}

@media screen and (min-width: 751px){
.down_box_5 > .course_wrap > div > .gray_bg > .course_button > a {
display: inline-block;
width: 14em;
padding: 10px;
margin: 6px;
color: #fff;
font-size: 2rem;
line-height: 1;
letter-spacing: 1.2px;
background-color: #13B5BB;
border-radius: 50px;
transition: 0.3s;
text-decoration: none;
}
}
@media screen and (min-width: 751px){
.down_box_5 > .course_wrap > div > .gray_bg > .course_button {
margin-bottom: 0;
text-align: center;
}
}

@media screen and (min-width: 751px){
.strong_box_wrap > .strong_box > div:last-child > .title {
font-size: 2rem;
}
}

@media screen and (min-width: 751px){
article.contents_wrap > .contents_inner > .contents {
width: 840px;
padding-left: 50px;
padding-bottom: 0;
box-sizing: border-box;
}
}

@media screen and (max-width: 750px){
.repu-name {
margin-left: 10px;
margin-top: 20px;
font-size: 12px;
}
}

@media screen and (max-width: 750px){
.down_box_1 {
width: 95%;
box-sizing: border-box;
margin: 0 auto;
overflow: hidden;
clear: both;
margin-bottom: 16px;
}
}









.text4S {
font-size: .8rem;
}
@media screen and (max-width: 751px){
.text4S {
font-size: .8rem;
}
}








@media screen and (min-width: 751px){
article.main_visual .main_inner > h1 {
    width: 100%;
    max-width: 1040px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -520px;
    margin-top: -30px;
    font-size: 38px;
    color: #fff;
    text-shadow: 0.5px 0.5px 5px #000;
}
}


[type="hidden"], [type="text"], [type="search"], [type="tel"], [type="url"], [type="email"], [type="password"], [type="datetime"], [type="date"], [type="month"], [type="week"], [type="time"], [type="datetime-local"], [type="number"], select, textarea {
    -webkit-appearance: none;
    border: 1px solid #ccc;
    line-height: 1.4;
    min-height: 1.8em;
    padding: 3px 5px;
    width: 100%;
}

    .fs-c-productOption__name {
        background: rgba(126, 126, 126, 0.08);
        font-size: 1.2rem;
    padding: 4px;
    margin-top: 0;
    }

    .fs-c-requiredMark {
        display: inline-block;
        overflow: hidden;
        text-indent: -999px;
        width: 1em;
        height: 1em;
        right: 0;
        top: 0;
    }
    .fs-c-requiredMark::before {
        content: "*";
        display: block;
        font-size: 1.2em;
        text-indent: 0;
    }

    .fs-c-dropdown__menu {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        vertical-align: middle;
        background: #ffffff;
        color: #333333;
        width: 100%;
        padding: 4px 3em 4px 8px;
        border-radius: 3px;
    }
    .fs-c-dropdown::after {
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: 1px;
        width: 1em;
        background: #f2f2f2;
        border-left: 1px solid #ccc;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        box-sizing: content-box;
        color: #333333;
        display: flex;
        justify-content: center;
        align-items: center;
        content: "\e90f";
        font-family: 'fs-icon' !important;
        font-size: 1.8rem;
        line-height: 1;
        padding: 8px;
        pointer-events: none;
    }

    .fs-c-productOption__option {
        padding: 4px;
    }

    .fs-c-button--primary {
        background: #13b5bb;
        border: 1px solid #13b5bb;
        border-radius: 25px;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        font-size: 1.4rem;
        line-height: 1;
        text-decoration: none;
        text-align: center;
        padding: 0.8em 1.6em 0.6em;
        box-shadow: 0 0 2px #b2b2b2;
        min-width: 240px;
    }

    .fs-c-buttonContainer {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 0;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    @media screen and (max-width:767px) {
        .fs-c-buttonContainer {
        }
    }

    .formsize{
        font-family: "Noto Sans JP", sans-serif;
        margin: 10px auto 0;
    }
    @media screen and (max-width:767px) {
        .formsize{
            width: 90%;
        
           }
    }

    .numbersize{
    width: 5%;
margin-top: 30px;
       }
       @media screen and (max-width:767px) {
           .numbersize{
               width: 10%;
        margin-top: 0;
              }
       }

       body {
        font-family: "Noto Sans JP", sans-serif;
    }

    .tableem tr:nth-child(odd) td {
        background-color: unset;
    }

    .minboxList {
        margin: 50px auto;
    }
    @media screen and (max-width:767px) {
        .minboxList {
            width: 90%;
        }
    }

    @media screen and (min-width: 751px){
.strong_box_wrap > .strong_box > div {
    align-self: stretch;
    position: relative;
    width: 50%;
    padding: 20px;
    border: 1px #BDB37D solid;
    border-radius: 20px;
    margin: 20px;
}
    }

    .strong_box_wrap{
       margin-top: 30px;
    }

    @media screen and (max-width:767px) {
    .strong_box_wrapSub{
        margin-top: 40px;
     }
    }

    .mbox {
        width: 80%;
        height: 400px;
        margin: 70px auto 40px;
        }
        @media screen and (max-width: 767px){
        .mbox {
        width: 95%;
        height: 200px;
        margin: 50px auto;
        }
        }

        .strong_boxImg {
            width: 200px;
            margin: auto;
            }
            @media screen and (max-width: 767px){
                .strong_boxImg {
                    width: 180px;
                    margin-bottom: 10px;
                    }
                }

                .down_box_7{
                 margin-bottom: 0;
                    }


        .flow_boxImg {
            width: 200px;
            margin: auto;
            }
            @media screen and (max-width: 767px){
                .flow_boxImg {
                    width: 180px;
                    margin-bottom: 10px;
                    }
                }


.process-content2 {
    font-size: 1.4rem;
    max-width: 450px;
    margin: 20px auto 10px;
}
                @media screen and (max-width: 750px){
.process-content2 {
    font-size: 1.4rem;
    width: 90%;
    margin: 20px auto 10px;
}
}


                @media screen and (min-width: 751px){
.process_name {
    padding: 20px;
    margin: 1em 0;
    font-weight: unset;
    color: #13B5BB;
    border: solid 3px #13B5BB;
    border-radius: 20px;
    padding: 20px;
}
                }

                @media screen and (max-width: 750px){
.process_name {
    padding: 20px;
    margin: 1em 0;
    font-weight: unset;
    font-size: 20px;
    color: #13B5BB;
    background: #FFF;
    border: solid 3px #13B5BB;
    border-radius: 20px;
}
                }

    
.down_box_7 > .process >.process_name {
    padding: 20px;
    font-weight: unset;
    background-color: #f2f1ed;
    border: none;
    margin: 1em auto;
                }
                @media screen and (max-width: 750px){
.down_box_7 > .process >.process_name {
    padding: 20px;
    font-weight: unset;
}
                }


                @media screen and (max-width: 750px){
.down_box_7 > .process > .arrow-wrapper {
    clear: left;
    position: relative;
    margin-bottom: 20px;
}
                }

                a {
                    border: 0;
                    cursor: pointer;
                    text-decoration: none;
                    outline:none;
                    }


                    @media screen and (max-width: 750px){
h2.common_h2_gray {
    margin-top: 50px;
}
                    }

                    @media screen and (max-width: 750px){
.down_box_faq> .down_faq_wrap > ul > li.down_faq > .down_faq_text > .a {
    margin-top: 20px;
}
}

.tcolor {
    color: red;
}



.contact-subt {
    color: #13B5BB;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 30px;
    padding: 10px 0;
    border-bottom: 1px #BDB37D solid;
    border-top: 1px #BDB37D solid;
}
@media screen and (max-width: 428px){
.contact-subt {
    font-size: 1.6rem;
    margin: auto;
    margin-bottom: 30px;
width: 95%;
}
}
.contact-subtspan {
    font-size: 3.2rem;
    color: #8e9a00;
}
@media screen and (max-width: 428px){
.contact-subtspan {
    font-size: 2.6rem;
}
}
.contact-subtspan2 {
    font-size: 2.2rem;
}
@media screen and (max-width: 428px){
.contact-subtspan2 {
    font-size: 1.8rem;
}
}
.contact-subtspan3 {
    font-size: 2.2rem;
    color: #8e9a00;
}
@media screen and (max-width: 428px){
.contact-subtspan3 {
    font-size: 2rem;
}
}


/* SimpleButton3 */
.btnPat-wrap {
    margin-top: 0;
    margin-bottom: 70px;
    text-align: center;
    }
    @media screen and (max-width:767px) { 
    .btnPat-wrap {
    margin-top: 0;
    margin-bottom: 70px;
    }
    }
    .btnPat {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    display: inline-block;
    padding: 1rem 8rem;
    cursor: pointer;
    user-select: none;
    transition: all .3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: .1em;
    border-radius: .5rem;
    line-height: 1.8rem;
    }
    @media screen and (max-width:767px) { 
    .btnPat {
    font-size: 1.6rem;
    padding: 1rem 0rem;
    line-height: 1.5rem;
    width: 95%;
    }
    }
    .btnPat:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 1.2rem;
    line-height: 1;
    position: absolute;
    top: calc(50% - .7rem);
    right: .5rem;
    margin: 0;
    padding: 0;
    content: '\f054';
    }
    
    .btnPat--green3 {
    color: #fff;
    background-color: #13b4ba;
    }
    .btnPat--green3:hover {
    color: #fff;
    background-color: #17c3c9;
    }
    
    .btnPat--color3 {
    color: #fffc00;
    font-size: 2.2rem;
    }
    @media screen and (max-width:767px) { 
    .btnPat--color3 {
    font-size: 1.8rem;
    }
    }


    .contact-subt2 {
        color: #13B5BB;
        font-size: 1.8rem;
        text-align: center;
        margin-bottom: 30px;
        padding: 10px 0;
        border-bottom: 1px #BDB37D solid;
        border-top: 1px #BDB37D solid;
    }
    @media screen and (max-width: 428px){
    .contact-subt2 {
        font-size: 1.6rem;
        margin: auto;
        margin-bottom: 30px;
    width: 95%;
    }
    }

    @media screen and (max-width: 428px){
    .contact-subt2in {
        text-align: left;
        display: inline-block;
        font-size: 1.5rem;
    }
    }

    .contact-subt2 a {
    pointer-events: auto;
    cursor: default;
    text-decoration: underline;
    }

    .contact-subt2span {
        font-size: 3.2rem;
        color: #8e9a00;
    }
    @media screen and (max-width: 428px){
    .contact-subt2span {
        font-size: 2.6rem;
    }
    }
    .contact-subt2span2 {
        font-size: 2.2rem;
    }
    @media screen and (max-width: 428px){
    .contact-subt2span2 {
        font-size: 1.8rem;
    }
    }
    .contact-subt2span3 {
        font-size: 2.2rem;
        color: #8e9a00;
    }
    @media screen and (max-width: 428px){
    .contact-subt2span3 {
        font-size: 2rem;
    }
    }



    @media screen and (min-width: 751px){
.pc {
    margin-bottom: 20px;
}
    }