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

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

@media screen and (min-width: 751px){
h2.common_h2 {
position: relative;
margin-bottom: 70px;
font-size: 3rem;
color: #13B5BB;
text-align: center;
line-height: 1.5em;
font-weight: bold;
letter-spacing: 1.2px;
}
}

@media screen and (max-width: 750px){
.h2-sub-txt{
width: 90%;
margin: auto;
}
}

@media screen and (min-width: 751px){
.h2-sub-txt3 {
margin-bottom: 40px;
text-align: center;
font-size: 1.8rem;
color: #708384;
font-weight: 500;
}
}
@media screen and (max-width: 750px){
.h2-sub-txt3{
width: 90%;
margin: auto;
}
}

.title-k3 {
margin-top: 30px;
}











@media screen and (min-width: 751px){
.trust_button_wrap {
margin-bottom: 70px;
margin-top: 40px;
}
}
@media screen and (max-width: 750px){
.trust_button_wrap {
margin-bottom: 30px;
margin-top: 20px;
}
}


@media screen and (min-width: 751px){
.trust_button_list {
text-align: center;
margin-bottom: 20px;
margin-top: 0px;
display: flex;
}
}
@media screen and (max-width: 750px){
.trust_button_list {
text-align: center;
margin-bottom: 0; 
margin-top: 0; 
display: flex;
}
}
@media screen and (min-width: 751px){
.trust_button_list > li {
float: none;
text-align: center;
margin: 0 5px;
flex: 1;
}
}
@media screen and (max-width: 750px){
.trust_button_list > li {
text-align: center;
margin-left: 0;
margin-right: 0;
flex: 1;
margin: 5px;
}
}

@media screen and (max-width: 750px){
.trust_button_list2 > li {
text-align: center;
margin-left: 0;
margin-right: 0;
flex: 1;
margin: 5px;
}
}


/* アイコンリンク　追加分 */
.trust_button_wrap p {
text-align: center;
color: unset;
font-size: 1.2rem;
}
@media screen and (max-width: 750px){
.trust_button_wrap p {
text-align: center;
color: unset;
font-size: 1.3rem;
}
}

@media screen and (min-width: 751px){
.trust_button_listp {
display: inline-block;
width: 100%;
font-size: 1.2rem;
padding: 5px 0;
color: #fff;
background-color: #13B5BB;
border-radius: 50px;
transition: 0.3s;
line-height: 1.5;
}
}
@media screen and (max-width: 750px){
.trust_button_listp {
display: inline-block;
width: 100%;
font-size: 1.3rem;
padding: .5rem .5rem;
color: #fff;
background-color: #13B5BB;
border-radius: 50px;
transition: 0.3s;
line-height: 1.5;
margin-bottom: 20px;
}
}

@media screen and (min-width: 751px){
.trust_button_list > li > a {
display: inline-block;
width: 100%;
font-size: 1.8rem;
padding: 0;
color: #fff;
background-color: unset;
border-radius: 50px;
transition: 0.3s;
line-height: 1.5;
}
}
@media screen and (max-width: 750px){
.trust_button_list > li > a {
display: inline-block;
width: 100%;
font-size: 1.5rem;
padding: 0;
color: #fff;
background-color: unset;
border-radius: 50px;
transition: 0.3s;
margin-bottom: 0;
line-height: 1.5;
}
}
@media screen and (max-width: 750px){
.trust_button_list2 > li > a {
display: inline-block;
width: 100%;
font-size: 1.5rem;
padding: 0;
color: #fff;
background-color: unset;
border-radius: 50px;
transition: 0.3s;
margin-bottom: 0;
line-height: 1.5;
}
}
/* アイコンリンク　追加分 */


@media screen and (min-width: 751px){
.trust_button_list2 {
text-align: center;
margin-bottom: 40px;
margin-top: 0px;
display: flex;
}
}
@media screen and (max-width: 750px){
.trust_button_list2 {
text-align: center;
margin-bottom: 0; 
margin-top: 0; 
width: 50%;
margin: auto;
}
}
@media screen and (min-width: 751px){
.trust_button_list2 > li {
float: none;
text-align: center;
margin: 0 5px;
flex: 1;
}
}
@media screen and (min-width: 751px){
.trust_button_list2 > li > p {
display: inline-block;
width: 50%;
font-size: 1.2rem;
padding: 5px 0;
color: #fff;
background-color: #13B5BB;
border-radius: 50px;
transition: 0.3s;
line-height: 1.5;
}
}
@media screen and (max-width: 750px){
.trust_button_list2 > li > p {
display: inline-block;
width: 100%;
font-size: 1.3rem;
padding: .5rem .5rem;
color: #fff;
background-color: #13B5BB;
border-radius: 50px;
transition: 0.3s;
line-height: 1.5;
margin-bottom: 20px;
}
}

@media screen and (min-width: 751px){
.trust_button_list li img {
margin-bottom: 5px;
}
}
@media screen and (max-width: 750px){
.trust_button_list li img {
width: 80%;
margin-bottom: 5px;
}
}
@media screen and (max-width: 750px){
.trust_button_list2 li img {
width: 80%;
margin-bottom: 5px;
}
}











@media screen and (max-width: 750px){
.box1.contentsbox {
margin-bottom: 40px;
overflow: hidden;
}
}
@media screen and (max-width: 750px){
.box1 .service-box {
margin-bottom: 88px;
width: 90%;
margin: auto;
}
}







.box3Wrap {
margin-bottom: 70px;
}
@media screen and (max-width: 750px){
.box3 .capbox .text {
position: absolute;
right: 0;
top: 50%;
text-align: center;
width: auto;
left: 0;
}
}
@media screen and (max-width: 750px){
.box3 .capbox .text h3 {
color: #fff3af;
font-size: 2rem;
margin-bottom: 18px;
text-shadow: 0.5px 0.5px 5px #000;
}
}
@media screen and (max-width: 750px){
.box3 .capbox .text p {
font-size: 1.3rem;
color: #fff;
text-shadow: 0.5px 0.5px 5px #000;
}
}
.box3.contentsbox {
margin-bottom: 0px;
}

.box3 li.box:nth-child(2) {
margin-left: 0;
margin-right: 0;
}

.box3 li.box {
background: #F7F5F4;
padding: 30px;
width: 50%;
margin-bottom: 15px;
flex: none;
margin: 10px;
}
@media screen and (max-width: 750px){
.box3 li.box {
width: 100%;
margin: 0;
margin-bottom: 15px;
padding: 20px;
}
}







.box4.contentsbox {
margin-bottom: 50px;
margin-top: 50px;
}








.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_cont {
display: flex;
margin-bottom: 0;
flex-direction: column;
}

@media screen and (max-width: 750px){
.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_cont > div > span:last-child.gray2b {
color: #b79c76;
}
}


@media screen and (max-width: 750px){
.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_cont > div > span:first-child.gray {
background-color: #F5FBF9;
color: #5A7071;
}
}

.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_cont > div > span:first-child.grayb {
background-color: #f9f8f6;
color: #b79d77;
}


.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: 1rem;
border: 1px #ccc solid;
border-radius: 5px;
box-sizing: border-box;
vertical-align: super;
}

.down_box_5 > .course_wrap > div > .gray_bg > .white_bg > .course_cont > .course_cont_left2 {
padding-right: 0;
border-right: none;
font-size: 12px;
color: #b79c76;
}








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









@media screen and (min-width: 751px){
.faq_wrap > ul > li.faq:last-child {
border-bottom: none;
}
}



article.main_visual {
margin: 0 auto 80px;
background-image: url(../images/shuraf/IMG_3545a.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: 0% 92%;
}
@media screen and (max-width: 750px){
article.main_visual {
margin: 0 auto 50px;
background-image: url(../images/shuraf/IMG_3545.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 30px;
background-position: 0% 90%;
}
}
@media screen and (max-width: 750px){
article.main_visual .main_inner {
width: 90%;
box-sizing: border-box;
margin: 0 auto;
overflow: unset;
clear: both;
position: relative;
}
}









@media screen and (min-width: 751px){
.txt {
width: 100%;
padding-right: 0;
}
}








.ImgAd {
width: 100%;
margin-bottom: 50px;
}
@media screen and (min-width: 751px){
.ImgAd {
width: 100%;
margin-bottom: 50px;
}
}









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

table tr:nth-child(odd) td {
background: #effeff;
}
.post td, .post th {
padding: 8px 10px;
border: 1px solid #c6c34d;
vertical-align: middle;
}
.post th {
text-align: center;
background: #13b5bb;
color: #fff;
}

.post th:nth-child(2) {
background: #aeab27;
}

/* 列1 */
table tr td:nth-child(1){
text-align: left;
}
/* 列2 */
table tr td:nth-child(2){
text-align: center;
width: 20%;
}
/* 列3 */
table tr td:nth-child(3){
text-align: center;
width: 20%;
}








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








.h2-sub-txt2 {
margin-bottom: 40px;
text-align: center;
font-size: 1.8rem;
color: #708384;
font-weight: 500;
}
@media screen and (max-width: 750px){
.h2-sub-txt2{
text-align: left;
width: 90%;
margin: auto;
margin-bottom: 50px;
}
}
.h2-sub-txt-min {
font-size: 1.4rem;
}
@media screen and (max-width: 750px){
.h2-sub-txt-min{
font-size: 1.1rem;
}
}

@media screen and (min-width: 751px){
.down_box_4b {
margin-bottom: 75px;
margin-top: -40px;
}
}









@media screen and (max-width: 750px){
.down_box_4 {
width: 100%; 
margin-left: 0; 
margin-right: 0; 
margin-bottom: 20px;
}
}








@media screen and (max-width: 750px){
h2.common_h2 {
width: 90%;
margin-left: 10%;
margin-bottom: 30px;
padding: 30px 5px 30px 20px;
line-height: 1.2;
font-weight: bold;
letter-spacing: 1.2px;
font-size: 1.8rem;
background-color: #13B5BB;
color: #fff;
border-radius: 80px 0 0 80px;
box-sizing: border-box;
text-align: center;
}
}

@media screen and (min-width: 751px){
h2.common_h2b {
position: relative;
margin-bottom: 70px;
font-size: 3rem;
color: #13B5BB;
text-align: center;
line-height: 1.5em;
font-weight: bold;
letter-spacing: 1.2px;
}
}
@media screen and (max-width: 750px){
h2.common_h2b {
width: 90%;
margin-left: 10%;
margin-bottom: 30px;
padding: 30px 5px 30px 20px;
line-height: 1.2;
font-weight: bold;
letter-spacing: 1.2px;
font-size: 1.8rem;
background-color: #13B5BB;
color: #fff;
border-radius: 80px 0 0 80px;
box-sizing: border-box;
text-align: center;
}
}
@media screen and (min-width: 751px){
h2.common_h2b:after {
display: block;
position: absolute;
left: 50%;
margin-left: -45px;
margin-top: 20px;
width: 90px;
height: 7px;
content: "";
background-color: #13B5BB;
border-radius: 5px;
}
}

@media screen and (max-width: 750px){
.icon_layout_3 > .icons {
width: 22%;
margin: 0px 10px 30px;
text-align: center;
font-size: 1.2rem;
}
}









@media screen and (max-width: 750px){
.down_box_2 {
    margin-bottom: 2rem;
    width: 100%;
}
}

@media screen and (max-width: 750px){
.down_box_4 > .down_banner1 > img {
    justify-content: center;
    font-size: 13px;
    width: 90%;
    margin: auto;
}
}









/* カート */
@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: 70px;
        }
        @media screen and (max-width:767px) {
            .fs-c-buttonContainer {
            }
        }
    
        .formsize{
            font-family: "Noto Sans JP", sans-serif;
            margin: 10px auto 150px;
        }
        @media screen and (max-width:767px) {
            .formsize{
                width: 90%;
                margin: 10px auto 0;
               }
        }

        .tablesize{
        width: 100%;
        }
    
        .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;
        }