@charset "UTF-8";

html {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 62.5%;
    font-weight: 400;
    letter-spacing: 0.05em;
}

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

img,
video {
    width: 100%;
    vertical-align: bottom;
    height: auto;
}


a {
    display: inline-block;
    text-decoration: none;

}

li {
    list-style: none;
}

/* ホバー */
a:hover{
    opacity: 0.75;
    color: #fff;
    transition: 0.3s;
}

a:focus{
    opacity: 0.75;
    color: #fff;
}

a:active{
    opacity:0.3;

}

/* ======================================
   PC index.html
=========================================*/
 /* ____________________
    PC header 
    ____________________ */

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

.header__wrap{
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: row;
    justify-content: space-between;    
    align-items: flex-start;
    position: absolute;
    top: 10px;
    padding-left: 6.4%;
    padding-right: 1.3%;
}

/* header__title_______________ */

.header__title {
    width: 47.17%;
    height: auto;
    margin-top: 1.3%;
}
.header__button {
    max-width: 80%;
    min-width: 50%;
}


/* header__contect_______________ */

.header__contect-wrap {
    background-image: url(../img/header_contact-bg@2x.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: top;
    background-size: 100%;
    width: 51.65%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5px;
}

.header__contect-link {
    width: 38.5%;
    margin-top: -2%;
    margin-right: 4%;
}

.header__contect-tel {
    width: 48.1%;
    margin: 4.5% 0;
    margin-left: 6.5%;
}

 /* ____________________
    PC main 
    ____________________ */



.cta-btn{
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: center;
    background:rgba(255,255,255,0.7);
    z-index: 1000;
}

.cta-btn__link {
    max-width: 32.71%;
    margin: auto;
    display: inline-block;
    padding: 10px 0;
}
    

/* trouble_______________ */

.main{
    max-width: 2000px;
    margin: auto;
}

.trouble {
    padding-top: 22px;
}

/* demerit_______________ */

.demerit{
    position: relative;
}

.pc-demerit__text {
    width: 19.31%;
    position: absolute;
    left: 50%;
    top: 68%;
}
.pc-demerit__text01 {
    margin-left: -32.1%;
    width: 20%;
}
.pc-demerit__text02 {
    margin-left: -9.4%;
}
.pc-demerit__text03 {
    margin-left: 13.4%;
}

/* font___*/

.demerit__text{
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.122em;
}

.demerit__top-title{
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3","Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","HG明朝E", serif;
    letter-spacing: 0em;
    color: #A58036;
    text-align: center; 
}
    

@media screen and (min-width:770px) and (max-width:1000px){
    .demerit__text {
        font-size: 1.1rem;
    }
}
@media screen and (min-width:1001px) and (max-width:1350px){
    .demerit__text {
        font-size: 1.4rem;
    }
}









/* solution_______________ */

.solution{
    position: relative;
}

.solution__text {
    position: absolute;
    left: 50%;
}

.solution__text01 {
    width: 100%;
    top: 65.5%;
    margin-left: -50%;
}
.solution__text02 {
    top: 76%;
    margin-left: -26.5%;
    width: 53%;
}

/* font___*/

.solution__text01{
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6","Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","HG明朝E", serif;
    font-size: 3.6rem;
    letter-spacing: 0.122em;
    color: #5e4004;
    font-weight: bold;
    text-align: center;
}

.solution__text02{
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-size: 2.2rem;
    line-height: 1.5;
    letter-spacing: 0.122em;
    color: #5e4004;
    font-weight: normal;
    text-align: center;
}

@media screen and (min-width:770px) and (max-width:1120px){
    .solution__text01 {
        font-size: 2.6rem;
    }
    .solution__text02 {
        font-size: 1.5rem;
    }
}


/* component */
/* lesson_______________ */

.lesson{
    position: relative;    
}

.lesson__contect-link {
    width: 32.71%;
    position: absolute;
    left: 50%;
    margin-left: -1.4%;
    top: 58.4%;
}

/* approach_______________ */

.approach{
    position: relative;
}

.approach__text {
    position: absolute;
    left: 50%;
}

 .approach__text01 {
    top: 21.6%;
    margin-left: -34.4%;
    width: 39%;
} 
.approach__text02  {
    width: 32%;
    top: 49.2%;
    margin-left: 2.2%;
}
.approach__text03 {
    width: 31.65%;
    top: 78.8%;
    margin-left: -34.7%;
} 

/* font___*/

.approach__text {
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.122em;
    color: #5e4004;
    font-weight: 400;
}
.approach__text01--top{
    letter-spacing: 0em;
    font-weight: normal;
}


@media screen and (min-width: 769px) and (max-width: 1000px){

    .approach__text {
        font-size: 1.1rem;
    }
    
}

@media screen and (min-width: 1001px) and (max-width: 1300px){
    .approach__text {
        font-size: 1.4rem;
    }
}



/* after-posture_______________ */

.after-posture {
    padding: 97px 0;
}

.after-posture__bg{
    width: 70.3%;
    margin: auto;
    display: block;
}

/* merit_______________ */

.merit{
    position: relative;
}

.merit__text {
    width: 35.42%;
    position: absolute;
    left: 50%;
    margin-left: -5.4%;
}

.merit__text01 {
    top: 22%;
}
.merit__text02 {
    top: 47.5%;
}
.merit__text03 {
    top: 72.7%;
}
.merit__detail {
    margin-top: 5%;
    margin-left: 1%;
}

/* font___*/

.merit__title{
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6","Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","HG明朝E", serif;
    font-size: 3.4rem;
    letter-spacing: 0.122em;
    color: #f1567d;
    font-weight: bold;
}

.merit__detail {
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-size: 1.8rem;
    line-height: 1.34;
    letter-spacing: 0.122em;
    font-weight: 400;
}


@media screen and (min-width: 769px) and (max-width: 1000px){

    .merit__title{
        font-size: 1.8rem;
    }

    .merit__detail {
        font-size: 1.2rem;
    }
    .merit__text {
        width: 38%;
    }
    
}

@media screen and (min-width: 1001px) and (max-width: 1200px){

    .merit__title{
        font-size: 2.5rem;
    }

    .merit__detail {
        font-size: 1.6rem;
    }
    .merit__text {
        width: 38%;
    }
    
}


@media screen and (min-width: 1201px) and (max-width: 1399px){

    .merit__title{
        font-size: 3rem;
    }

    .merit__detail {
        font-size: 1.6rem;
    }
    .merit__text {
        width: 38%;
    }
    
}



/* reason_______________ */

.reason{
    position: relative;
}

.reason__text {
    width: 67%;
    position: absolute;
    left: 50%;
    margin-left: -33.8%;
}

.reason__text01 {
    top: 16%;
}
.reason__text02 {
    top: 44%;
}
.reason__text03 {
    top: 68.5%;
}
.reason__number{
    width: 11.5%;
    margin-top: 1.4%;
}
.reason__title {
    margin-left: 1.3%;
    margin-bottom: 3%;
    display: inline-block;
}
.reason__detail {
    margin-top: -2%;
    margin-left: 12%;
    width: 84%;
}

/* font___*/
.reason__title{
    color: #8a662c;
    font-size: 4.4rem;
    letter-spacing: 0.122em;
    /* font-family: fot-klee-pro,sans-serif;
    font-weight: 900; */
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6","Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","HG明朝E", serif;
    font-weight: 700; 
    font-style: normal;
}
.reason__detail{
    color: #000;
    font-size: 1.8rem;
    letter-spacing: 0.122em;
    line-height: 1.6;
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal;
}
.reason__detail--strong{
    font-weight: 700;
}

@media screen and (min-width: 769px) and (max-width: 900px){

    .reason__title{
        font-size: 2.4rem;
    }
    .reason__detail{
        font-size: 1rem;
    }
}

@media screen and (min-width: 901px) and (max-width: 1000px){

    .reason__title{
        font-size: 2.8rem;
    }
    .reason__detail{
        font-size: 1.2rem;
    }
    .reason__detail {
        width: 88%;
    }
}
@media screen and (min-width: 1001px) and (max-width: 1150px){

    .reason__title{
        font-size: 3.3rem;
    }
    .reason__detail{
        font-size: 1.32rem;
    }
}
@media screen and (min-width: 1151px) and (max-width: 1320px){

    .reason__title{
        font-size: 3.3rem;
    }
    .reason__detail{
        font-size: 1.5rem;
    }
}



/* peek-abody_______________ */

.peek-abody{
    position: relative;
}
.peek-abody__caption {
    width: 54%;
    position: absolute;
    left: 50%;
    top: 20.5%;
    margin-left: -27%;
}
.peek-abody__text {
    width: 35%;
    position: absolute;
    left: 50%;
}

.peek-abody__text01 {
    top: 41.3%;
    margin-left: 4%;
}
.peek-abody__text02 {
    top: 60.9%;
    margin-left: -34.5%;
}
.peek-abody__text03 {
    top: 80.3%;
    margin-left: 4%;
}
.peek-abody__detail {
    display: inline-block;
    margin-top: 5%;
    margin-left: 1%;
    width: 86%;
}

/* font___*/

.peek-abody__caption{
    color: #6e4f11;
    font-size: 2.0rem;
    letter-spacing: 0em;
    line-height: 1.5;
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal;
    text-align: center;
}
.peek-abody__title{
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6","Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","HG明朝E", serif;
    font-size: 3.007rem;
    letter-spacing: 0em;
    color: #6e4f11;
    font-weight: 700;
}
.peek-abody__detail{
    color: #6e4f11;
    font-size: 1.804rem;
    letter-spacing: 0em;
    line-height: 1.5;
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal; 
}

@media screen and (min-width: 769px) and (max-width: 900px){

    .peek-abody__caption{
        font-size: 1.5rem;
    }
    .peek-abody__title{
        font-size: 1.9rem;
    }
    .peek-abody__detail{
        font-size: 1.2rem;
    }
    .peek-abody__caption {
        width: 48%;
    }
}
@media screen and (min-width: 901px) and (max-width: 1100px){

    .peek-abody__title{
        font-size: 2rem;
    }
    .peek-abody__caption,.peek-abody__detail{
        font-size: 1.5rem;
    }
    .peek-abody__caption {
        width: 48%;
    }

}
    
@media screen and (min-width: 1101px) and (max-width: 1300px){

    .peek-abody__title{
        font-size: 3rem;
    }
    .peek-abody__caption,.peek-abody__detail{
        font-size: 1.8rem;
    }


    .peek-abody__caption {
        width: 48%;
    }
    .peek-abody__title {
        width: 110%;
    }
    
}
    
/* review_______________ */

.review{
    position: relative;
}

.review__text{
    width: 56%;
    position: absolute;
    left: 50%;
    margin-left: -24.8%;     
}
.review__text01 {
    top: 29.3%;
}
.review__text02 {
    top: 50.3%;
}
.review__text03 {
    top: 71.6%;
}
.review__detail {
    display: inline-block;
    margin-top: 1.5%;
    margin-left: 0.1%;
}

/* font___*/

.review__title{
    color: #e4007f;
    font-size: 2.4rem;
    letter-spacing: 0em;
    line-height: 1.125;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6","Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","HG明朝E", serif;
    font-weight: 700;
}
.review__detail{
    font-size: 1.8rem;
    letter-spacing: 0em;
    line-height: 1.5;
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal;
}
/* review_______________ */


@media screen and (min-width:769px) and (max-width: 900px){

    .review__title{
        font-size: 1.3rem;
    }
    .review__detail{
        font-size: 1rem;
    }

}
@media screen and (min-width:901px) and (max-width: 1101px){

    .review__title{
        font-size: 1.5rem;
    }
    .review__detail{
        font-size: 1.2rem;
    }

}
@media screen and (min-width:1101px) and (max-width: 1300px){

    .review__title{
        font-size: 1.9rem;
    }
    .review__detail{
        font-size: 1.4rem;
    }

}


/* message_______________ */

.message{
    position: relative;
}

/* message-top___ */

.message__text--top {
    width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -50%;
    top: 18.2%;
}
.message__detail--top {
    width: 56%;
    margin-left: 22.1%;
}
.message__detail--top {
    display: inline-block;
    margin-top: 2.4%;
}

/* font___*/
.message__title--top{
    font-size: 3.0rem;
    letter-spacing: 0em;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3","Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","HG明朝E", serif;
    font-weight: normal;
    text-align: center;
}
.message__detail--top{
    font-size: 1.8rem;
    letter-spacing: 0em;
    line-height: 1.89;
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal;
    text-align: center;
}

/* message-under___ */

.message__under-wrap{
    width: 70%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    left: 50%;
    margin-left: -33%;        
    top: 66%;     
}
.message__photo{
    width: 43.3%;
    height: auto;
}
.message__text--under {
    width: 50%;
    margin-left: 6.7%;
}

.message__detail--under01 {
    display: inline-block;
    margin-top: 2.4%;
}
.message__detail--under02{
    display: inline-block;
    margin-top: 2.4%;  
}
.message__detail--under02 {
    display: inline-block;
    margin-top: 4.9%;
}
/* font___*/

.message__title--under{
    font-size: 3.6rem;
    letter-spacing: 0em;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6","Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","HG明朝E", serif;
    font-weight: normal;
}
.message__detail--under{
    font-size: 1.8rem;
    letter-spacing: 0em;
    line-height: 1.78;
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal;
}
.message__detail--under02 {
    line-height: 1.3;
}


@media screen and (min-width: 1101px) and  (max-width: 1280px) {


    .message__title--top,
    .message__title--under {
        font-size: 2.5rem;
    }
    .message__detail--top,
    .message__detail--under01,
    .message__detail--under02{
        font-size: 1.5rem;
    }
    
}
@media screen and (min-width: 769px) and  (max-width: 1100px) {


    .message__title--top,
    .message__title--under {
        font-size: 2rem;
    }
    .message__detail--top,
    .message__detail--under01,
    .message__detail--under02{
        font-size: 1.2rem;
    }

    .message__under-wrap {
        top: 62%;
    }
    
}
@media screen and (min-width: 769px) and  (max-width: 860px) {
    .message__detail--top {
        width: 80%;
        margin-left: 10.1%;
    }
}

@media screen and (min-width: 1441px) {
    .message__detail--top {
        max-width: 807px;
        margin-left: 0;
        margin: 2.4% auto;
        display: block; 
    }
}
@media screen and (min-width: 1500px) {
    .message__detail--top {
        margin-top: 7.4%;
    }
}

/* flow_______________ */

.flow{
    position: relative;
}
.flow__number {
    width: 14.5%;
    display: inline-block;
}
.flow__text {
    width: 32%;
    position: absolute;
    left: 50%;
    margin-left: -5.5%;
}
.flow__text01 {
    top: 13.7%;
}
.flow__text02 {
    top: 27.7%;
}
.flow__text03 {
    top: 41.8%;
}
.flow__text04 {
    top: 56%;
}
.flow__text05 {
    top: 70.3%;
}
.flow__text06 {
    top: 84.3%;
}

.flow__title {
    display: inline-block;
    margin-bottom: 3.2%;
    margin-left: 1.5%;
}
.flow__detail {
    display: inline-block;
    margin-left: 3%;
    margin-top: 2%;
    width: 101%;
}

/* font___*/
.flow__title{
    font-size: 3.0rem;
    letter-spacing: 0.122em;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3","Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","HG明朝E", serif;
    font-weight: bold;
    color: #8a661e;
}

.flow__detail{
    font-size: 1.8rem;
    letter-spacing: 0em;
    line-height: 1.5;
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal;
}


@media screen and (min-width:769px) and (max-width: 1000px){
        
    .flow__text {
        width: 33%;
    }
    .flow__number {
        width: 14.5%;
    }
    .flow__title{
        font-size: 1.5rem;
    }
    .flow__detail {
        font-size: 1.1rem;
    }
}
@media screen and (min-width:1001px) and (max-width:1300px){
        
    .flow__text {
        width: 33%;
    }
    .flow__number {
        width: 14.5%;
    }
    .flow__title{
        font-size: 2rem;
    }
    .flow__detail {
        font-size: 1.4rem;
    }
}
@media screen and (min-width:1301px) and (max-width:1439px){
        
    .flow__title{
        font-size: 2.5rem;
    }
    .flow__detail {
        font-size: 1.9rem;
    }
}

/* infection-control__________ */

.infection-control{
    position: relative;
    padding: 90px 0;
}

.infection-control__bg{
    width: 69.44%;
    margin: auto;
    display: block;
}
.infection-control__title {
    width: 100%;
    position: absolute;
    left: 50%;
    margin-left: -50%;
    top: 19%;
}
.infection-control__text {
    width: 68%;
    position: absolute;
    left: 50%;
    margin-left: -34%;
    top: 43%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.infection-control__detail{
    width: 67%;
    /* width: 73%; */
}
.infection-control__pic {
    width: 23%;
    margin-top: 0.7%;
    margin-right: 4%;
}

.infection-control__inner{
    margin: 2% 3%;
    display: inline-block;
}

/* font___*/
.infection-control__title{
    font-size: 6.01rem;
    letter-spacing: 0.1em;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3","Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","HG明朝E", serif;
    font-weight: bold;
    color: #9d8115;
    text-align: center;
    letter-spacing: 0.08em;
}
.infection-control__title--small {
    font-size: 4.5rem;
}

.infection-control__detail{
    font-size: 1.8rem;
    letter-spacing: 0em;
    /* line-height: 1.5; */
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal;
    color: #9d8115;
}

@media screen and (min-width:1001px) and (max-width:1230px){
    .infection-control__title{
        font-size: 5rem;
    }
    .infection-control__title--small {
        font-size: 4rem;
    }
    
    .infection-control__detail{
        font-size: 1.6rem;
    }
    .infection-control__text {
        top: 40%;
    }
    
}
@media screen and (min-width:901px) and (max-width:1000px){
    .infection-control__title{
        font-size: 3rem;
    }
    .infection-control__title--small {
        font-size: 2rem;
    }
    .infection-control__detail{
        font-size: 1.3rem;
    }
    .infection-control__title {
        top: 23%;
    }
    .infection-control__text {
        top: 41%;
    }   
}

@media screen and (min-width:768px) and (max-width:900px){
    .infection-control__title{
        font-size: 3rem;
    }
    .infection-control__title--small {
        font-size: 2rem;
    }
    .infection-control__detail{
        font-size: 1.13rem;
    }
    .infection-control__title {
        top: 25%;
    }
    .infection-control__text {
        top: 43%;
    }
    
}

/* information_______________ */

.information__logo {
    width: 28.17%;
    margin: auto;
    display: block;
    padding: 4% 0 0;
}

.information__img-wrap {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    align-items: flex-start;
    margin-top: 3%;
}
.information_img {
    width: 31.81%;
    height: auto;
    margin: 0 3%;
}

.information__under-wrap{
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    align-items: flex-start; 
}

.information__under-wrap {
    border: solid #cec08a 2px;
    width: 68.9%;
    margin: auto;
    margin-top: 4.6%;
    margin-left: 16%;
}

.information__text {
    width: 45%;
    padding-top: 6.4%;
    padding-left: 5.5%;
}

.information_map {
    width: 55%;
}
.information_tel {
    width: 92%;
}

.information__detail {
    margin-top: 11%;
}

iframe {
    margin: 10% 0 7%;
    width: 82%;
    margin-left: 6%;
}

.information {
    padding-bottom: 8%;
}

/* font___*/
.information__detail{
    font-size: 1.8rem;
    letter-spacing: 0em;
    line-height: 1.5;
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal;
}

 /* ____________________
    PC footer
    ____________________ */

.footer{
    width: 100%;
    background-color: #FFF6F9;
    display: block;
    margin-bottom: 10%;
}

.footer__wrap {
    max-width: 1000px;
    width: 46%;
    padding: 20px 0 40px;
    margin: auto;
}

.footer__copy {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
}

.footer__link {
    margin-right: 38%;
    color: #000;
    text-decoration:underline;
    display: inline-block;
}

.footer__link:hover{
    color: #E4027E;
}

.footer__link:focus{
    color: #E4027E;
}

/* font___*/
.footer__copy{
	font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
    font-size: 1.6rem;
    letter-spacing: 0em;
}
/* _______________________________________________________________ */
    /* ======================================
    SP index.html
    =========================================*/
    /* responsive
    -----------------------*/
    
        /*　PC・SP表示/非表示　*/
        @media(min-width: 769px) {
            .pc__only{
                display:block;
            }
            
            .sp__only{
                display:none;
            }
        }

        @media (max-width: 768px) {
            .sp__only{
                display:block;
            }
            
            .pc__only{
                display:none;
            }

        }

        
        /* -----------------------*/

        @media screen and (max-width:768px) {

        /* ____________________
            SP header 
            ____________________ */
        
        .header__wrap{
            width: 100%;
            height: auto;
            display: block;
            position: static;
            padding-left: 0;
            padding-right: 0;
        }

        /* header__title_______________ */

        .header__logo {
            min-width: 52%;
            max-width: 50%;
            position: absolute;
            top: 1.2%;
            left: 3%;
            padding-left: 0;
            padding-right: 0;
        }

        /* header__contect_______________ */
        
        .header{
            position: relative;
        }
        .header__contect-wrap {
            width: 100%;
            position: absolute;
            bottom: 5%;
        }
        .header__title {
            margin-top: 0;
        }
        .header{
            padding-bottom: 0;
            margin-bottom: 0;
        }
        .header__wrap {
            margin-bottom: -9.6%;
        }

     /* ____________________
        SP main 
        ____________________ */

        
        .cta-btn__link {
            max-width: 79%;
            margin: auto;
            display: inline-block;
            padding: 10px 0;
        }
            
         
        /* trouble_______________ */
        
        main{
            max-width: 100%;
            margin: auto;
        }
        
        .trouble {
            padding-top: 7%;
        }
         
        /* demerit_______________ */
      
        .demerit__inner {
            width: 90%;
            position: absolute;
            left: 50%;          
            top: 4.9%;
            transform: translateX(-50%);
        }
        .demerit__top-title{
            margin-bottom: 5.9%;
            
        }

        .demerit__title{
            display: block;
            width: 85%;
            margin: auto;
        }

        .demerit__pic {
            display: block;
            margin: auto;
            padding-top: 7%;
            width: 82%;
        }
        
        .demerit__text {
            width: 85%;
            margin: auto;
            padding-top: 11%;
            padding-bottom: 15%;
        }
        
        .demerit__text-box03 {
            padding-top: 9%;
        }



         /* solution_______________ */


        .solution__text {
            position: absolute;
            left: 50%;
        }
        
        .solution__text01 {
            width: 98%;
            top: 63%;
            transform: translateX(-50%);
            margin-left: 0;
        } 

        .solution__text02 {
            top: 74.2%;
            width: 91%;
            transform: translateX(-50%);
            margin-left: 0;
        }

        /* font___*/

        .solution__text01{
            font-size: 2.2rem;
            letter-spacing: 0.122em;
            text-align: center;
        }

        .solution__text02{
            font-size: 1.6rem;
            line-height: 1.5;
            letter-spacing: 0.122em;
            text-align: center;
        }

        /* component */
        /* lesson_______________ */

        .lesson__contect-link {
            width: 81.71%;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            margin-left: 0%;
            top: 73.5%;
        }


        /* approach_______________ */

        .approach{
            position: relative;
        }
        .sp-approach__text {
            position: absolute;
            left: 50%;
            top: 12%;
            /* margin-left: -50%; */
            transform: translateX(-50%);
            width:  99%;
        }

        /* text */
        .sp-approach__text01 {
            width: 100%;
            margin-left: -50%;
        }
        .sp-approach__text02 {
            width: 95%;
            margin-left: 4.2%;
            padding-top: 4%;
        }

        /* title */
        .sp-approach__title01 {
            width: 55%;
            padding-top: 18%;
            display: block;
            margin: 0 auto 0 4%;
        }

        .sp-approach__title02 {
            display: block;
            margin: 0 auto 0 5%;
            width: 28%;
            padding-top: 8%;
        }

        .sp-approach__pic{
            margin: auto;
            display: block;
        }
        .sp-approach__pic01 {
            width: 66%;
            padding-top: 6%;
        }

        .sp-approach__text03 {
            display: block;
            margin: auto 0 0 4%;
            padding-top: 5%;
            width: 95.3%;
        }

        .sp-approach__text01--top {
            display: block;
            width: 42%;
            margin-left: 4%;
        }

        .sp-approach__text01--under {
            padding-top: 3%;
            display: block;
            width: 93%;
            margin-left: 4%;
        }

        .sp-approach__pic02 {
            margin: auto;
            display: block;
            width: 67%;
            padding-top: 8%;
        }

        /* font___*/

        .sp-approach__text {
            font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
            font-size: 1.8rem;
            line-height: 1.5;
            letter-spacing: 0.122em;
            color: #5e4004;
            font-weight: 400;
            font-size: 1.6rem;
            line-height: 1.5;
            letter-spacing: 0.122em;
        }

        .sp-approach__text01--top{
            letter-spacing: 0em;
        }

        /* after-posture_______________ */

        .after-posture {
            padding: 5.1% 0;
        }

        .after-posture__bg {
            width: 94.3%;
            margin: auto;
        }

        /* merit_______________ */

        .merit__text {
            width: 82.42%;
            position: absolute;
            left: 50%;
            margin-left: -38.4%;
        }
        .merit__text01 {
            top: 13%;
        }
        .merit__text02 {
            top: 39.6%;
        }
        .merit__text03 {
            top: 71%
        }
        .merit__detail {
            margin-top: 3%;
            margin-left: -1%;
        }

        /* font___*/

        .merit__title{
            font-size: 2rem;
        }

        .merit__detail {
            font-size: 1.6rem;
        }

        /* reason_______________ */

        .reason__text {
            width: 88%;
            position: absolute;
            left: 50%;
            margin-left: -40.8%;
        }
        .reason__text01 {
            top: 12.4%;
        }
        .reason__text02 {
            top: 42%;
        }
        .reason__text03 {
            top: 64.7%;
        }
        .reason__number {
            width: 16.5%;
            margin-top: 1.4%;
            padding-bottom: 5%;
        }
        .reason__title {
            margin-left: 1.3%;
            margin-bottom: 3%;
            display: inline-block;
            width: 81%;
            padding-right: 5%;
            padding-top: 8%;
        }

        .reason__detail {
            margin-top: 4%;
            margin-left: 2%;
            width:  91%;
        }

        /* font___*/
        .reason__title {
            font-size: 2.2rem;
            letter-spacing: 0.13em;
            line-height: 1.5;
        }
        .reason__detail{
            font-size: 1.6rem;
            letter-spacing: 0.14em;
            line-height: 1.5;
        }


        /* peek-abody_______________ */

        .peek-abody{
            position: relative;
        }
        .peek-abody__caption {
            width: 92%;
            position: absolute;
            left: 50%;
            top: 14.5%;
            margin-left: -45%;
        }
        .peek-abody__text {
            top: 41.3%;
            position: absolute;
            left: 50%;
            margin-left: -34.5%;
            margin-left: -46%;
            width: 93%;
        }

        .peek-abody__text01 {
            top: 38%;
        }
        .peek-abody__text02 {
            top: 60.2%;
        }
        .peek-abody__text03 {
            top: 80%;
        }
        .peek-abody__detail {
            display: inline-block;
            margin-top: 4%;
            margin-left: 0;
            width: 97%;
        }

        /* font___*/

        .peek-abody__caption{
            font-size: 1.6rem;
        }
        .peek-abody__title{
            font-size: 2rem;
        }
        .peek-abody__detail{
            font-size: 1.6rem;
        }


        /* review_______________ */

        .review__text{
            width: 80%;
            position: absolute;
            left: 50%;
            margin-left: -39.2%;
        }
        .review__title {
            padding-left: 18%;
        }
        .review__text01 {
            top: 14%;
        }
        .review__text02 {
            top: 37%;
        }
        .review__text03 {
            top: 68%;
        }
        .review__detail {
            display: inline-block;
            margin-top: 9.5%;
            margin-left: 0.1%;
        }

        /* font___*/

        .review__title{
            font-size: 1.8rem;
        }
        .review__detail{
            font-size: 1.4rem;
        }

        /* message_______________ */

        /* message-top___ */

        .message__text--top {
            width: 94%;
            position: absolute;
            left: 50%;
            margin-left: 0;
            transform: translateX(-50%);
            top: 9.2%;
        }

        .message__detail--top {
            width: 97.5%;
            margin-left: 0;
            margin: auto;
            display: block;
            margin-top: 6.4%;
        }

        /* font___*/
        .message__title--top{
            font-size: 2.0rem;
        }
        .message__detail--top{
            font-size: 1.6rem;
            line-height: 1.8;
        }

        /* message-under___ */

        .message__under-wrap {
            width: 95%;
            display: flex;
            flex-flow: column wrap;
            justify-content: center;
            align-items: flex-start;
            position: absolute;
            left: 50%;
            margin-left: 0;
            transform: translateX(-50%);      
            top: 54.5%;  
        }
        .message__photo{
            width: 73%;
            height: auto;
            margin: auto;
        }
        .message__text--under {
            width: 83%;
            margin: auto;
            padding-top: 9.5%;
            padding-left: 0.5%;
        }

        .message__detail--under01 {
            display: inline-block;
            margin-top: 4.4%;
        }
        .message__detail--under02{
            display: inline-block;
            margin-top: 2.4%;  
        }
        .message__detail--under02 {
            display: inline-block;
            margin-top: 9%;
        }

        /* font___*/

        .message__title--under {
            font-size: 2rem;
        }
        .message__detail--under01 {
            font-size: 1.6rem;
            line-height: 1.5;
        }
        .message__detail--under02{
            font-size: 1.6rem;
            line-height: 1.3;
        }



        /* flow_______________ */


        .flow{
            position: relative;
        }
        .flow__number {
            width: 15%;
            display: inline-block;
        }
        .flow__number04 {
            padding-bottom: 8%;
        }
        .flow__text {
            width: 85%;
            position: absolute;
            left: 50%;
            margin-left: -40.5%;
        }
        .flow__text01 {
            top: 6.8%;
        }
        .flow__text02 {
            top: 21.5%;
        }
        .flow__text03 {
            top: 35.5%;
        }
        .flow__text04 {
            top: 51.1%;
        }
        .flow__text05 {
            top: 67.5%;
        }
        .flow__text06 {
            top: 83.3%;
        }

        .flow__title {
            display: inline-block;
            margin-bottom: 4.2%;
            margin-left: 2%;
        }
        .flow__detail {
            display: inline-block;
            margin-left: 1%;
            margin-top: 3%;
            width: 95%;
        }

        /* font___*/
        .flow__title{
            font-size: 2.0rem;
        }
        .flow__detail {
            font-size: 1.4rem;
        }
        

        /* infection-control__________ */

        
        .infection-control__bg{
            display: none;
        }

        .infection-control-wrap {
            border: solid 1px #9d8115;
            width: 92%;
            margin: 9% auto;
        }

        .infection-control__title {
            border-bottom: solid 1px;
            padding: 6% 0 3%;
        }

        .infection-control{
            position: static;
            padding:0;
        }
        .infection-control__title {
            width: 100%;
            position: static;
            margin-left:0%;
        }
        .infection-control__text {
            width: 100%;
            position: static;
            margin-left: 0;
            display: flex;
            flex-flow: column wrap;
            justify-content: center;
            align-items: center;
        }
        .infection-control__text {
            padding-top: 5%;
            padding-left: 4%;
            width: 90%;
        }
        .infection-control__detail{
            width: 100%;
            order: -1;
        }

        .infection-control__pic {
            width: 54%;
            margin-top: -1%;
            margin-right: -4%;
            margin-left: auto;
            margin-bottom: 8%;
        }

        .infection-control__inner{
            margin: 2% 3%;
            display: inline-block;
        }

        /* font___*/
        .infection-control__title{
            font-size: 3rem;
            letter-spacing: 0;
        }
        .infection-control__title--small{
            font-size: 2.4rem;
        }
        .infection-control__detail{
            font-size: 1.6rem;
        }

        /* information_______________ */

        .information__logo {
            width: 74%;
            margin: auto;
            display: block;
            padding: 8% 0 4% 2%;
        }
        .information__img-wrap {
            display: flex;
            justify-content: center;
            flex-flow: column wrap;
            align-items: flex-start;
            margin: auto;
            margin-top: 9%;
            width: 95%;
        }
        .information_img {
            width: 83%;
            height: auto;
            margin: auto;
        }

        .information_img01{
            order: 1;
        }
        .information_img02 {
            padding-bottom: 7%;
        }

        /* information__under-wrap____ */

        .information__under-wrap{
            display: flex;
            justify-content: center;
            flex-flow: column wrap;
            align-items: flex-start; 
        }

        .information__under-wrap {
            border: solid #cec08a 2px;
            width: 92%;
            margin: auto;
            margin-top: 14%;
        }

        .information__text {
            width: 90%;
            margin: auto;
            padding-top: 14%;
            padding-left: 0;
        }

        .information_map {
            width: 90%;
            margin: auto;
        }

        .information_tel {
            width: 82%;
            margin: auto;
            display: block;
            margin-left: 9%;
            margin-right: auto;
        }

        .information__detail {
            margin-top: 8%;
            margin-left: 2%;
        }
        iframe {
            margin-top: 17%;
            margin-bottom: 19%;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            height: 200px;
            display: block;
        }

        .information_map {
            width: 85%;
            margin: auto;
        }

        .information {
            padding-bottom: 8%;
        }

        /* font___*/
        .information__detail{
            font-size: 1.6rem;
        }

    /* ____________________
        SP footer
        ____________________ */

        .footer{
            width: 100%;
            background-color: #FFF6F9;
            display: block;
            margin-bottom: 28%;
        }
        
        .footer__wrap {
            max-width: 100%;
            width: 100%;
            padding: 20px 0 40px;
            margin: auto;
        }
        
        .footer__link {
            margin: 0 auto;
            display: block;
            text-align: center;
            width: 100%;
        }

        /* font___*/
        .footer__copy{
            font-size: 1rem;
        }





/*_______________________________________________________________ */
}




    /* SP font,responsive */

    /*demerit font_____________*/

    @media screen and (max-width: 480px){

        .demerit__top-title--all{
            font-size: 3rem;       
        }

        .demerit__top-title--small{
            font-size: 2.5rem;
        }

        .demerit__title--big{
            font-size: 4.3rem;
            line-height: 1;         
        } 
        .demerit__text{
            font-size: 1.6rem;
            line-height: 1.5;
            letter-spacing: 0.122em;
        }

    }

    @media screen and (min-width:700px) and (max-width: 768px){

        .demerit__top-title--all{
            font-size: 6rem;       
        }

        .demerit__top-title--small{
            font-size: 5rem;
        }

        .demerit__title--big{
            font-size: 8.6rem;     
        } 
        .demerit__text{
            font-size: 3.2rem;
        }
    

    }

    @media screen and (min-width:580px) and (max-width: 699px){

        .demerit__text {
            font-size: 4rem;
        }

        .demerit__top-title{
            font-size: 4rem;       
            
        }

    }

    @media screen and (min-width:450px) and (max-width: 579px){

        .demerit__top-title--all{
            font-size: 4rem;       
        }

        .demerit__top-title--small{
            font-size: 3.4rem;
        }

        .demerit__title--big{
            font-size: 5.74rem;     
        } 
        .demerit__text{
            font-size: 2rem;
        }

    }






    @media screen and (max-width: 340px){
        .demerit__text {
            padding-top: 5%;
        }
    
        .demerit__text {
            padding-bottom: 3%;
        }

    } 


    /*solution_____________*/

        /* font___*/

        @media screen and (min-width:481px) and (max-width: 768px){

            .solution__text01{
                font-size: 3rem;
            }
    
            .solution__text02{
                font-size: 2.3rem;
            }

        }
    

    /* approach_______________ */
    /* font___*/


    @media screen and (min-width:601px) and (max-width: 768px){

        .sp-approach__text01--under {
            width: 95%;
        }
        .sp-approach__text {
            font-size: 2.6rem;
        }
     
    }


    @media screen and (min-width:551px) and (max-width: 600px){

        .sp-approach__text01--under {
            width: 90%;
        }
        .sp-approach__text {
            font-size: 2.3rem;
        }
     
    }

    @media screen and (min-width:480px) and (max-width: 550px){

        .sp-approach__text01--under {
            width: 90%;
        }
        .sp-approach__text {
            font-size: 2rem;
        }
     
    }


    @media screen and (max-width:360px) {

        .sp-approach__text {
            font-size: 1.4rem;
        }

    }

    /* merit_______________ */
        
    /* font___*/

    @media screen and (min-width: 670px) and (max-width: 768px){

        .merit__title{
            font-size: 3.8rem;
        }

        .merit__detail {
            font-size: 2.5rem;
        }
    
        .merit__text {
            width: 82%;
        }
    }

    @media screen and (min-width: 550px) and (max-width: 671px){

        .merit__title{
            font-size: 3rem;
        }

        .merit__detail {
            font-size: 2rem;
        }

        .merit__text {
            width: 79%;
        }

    }


    @media screen and (min-width: 475px) and (max-width: 551px){

        .merit__title{
            font-size: 2.6rem;
        }

        .merit__detail {
            font-size: 1.7rem;
        }

        .merit__text {
            width: 80%;
        } 
    }

    @media screen and (max-width:360px) {

        .merit__title{
            font-size: 1.8rem;
        }
        .merit__detail {
            font-size: 1.4rem;
        }

    }

    /* reason_______________ */

    @media screen and (min-width:621px) and (max-width: 768px){


        /* font___*/
        .reason__title {
            font-size: 4.2rem;
        }
        .reason__detail{
            font-size: 2.6rem;
        }

    }

    @media screen and (min-width:501px) and (max-width: 620px){


        /* font___*/
        .reason__title {
            font-size: 3.5rem;
        }
        .reason__detail{
            font-size: 2.1rem;
        }

    }

    @media screen and (min-width:440px) and (max-width: 500px){


        /* font___*/
        .reason__title {
            font-size: 3rem;
        }
        .reason__detail{
            font-size: 1.8rem;
        }

    }

    @media screen and (max-width:360px) {

        .reason__detail{
            font-size: 1.4rem;
        }

    }

    /* peek-abody_______________ */

    @media screen and (min-width:601px) and (max-width: 768px){

        /* font___*/
        .peek-abody__caption{
            font-size: 2.6rem;
        }
        .peek-abody__title{
            font-size: 4rem;
        }
        .peek-abody__detail{
            font-size: 2.6rem;
        }

    }
    @media screen and (min-width:480px) and (max-width: 600px){

        /* font___*/
        .peek-abody__caption{
            font-size: 2.3rem;
        }
        .peek-abody__title{
            font-size: 3rem;
        }
        .peek-abody__detail{
            font-size: 2.3rem;
        }

    }

    /* review_______________ */

    @media screen and (max-width:350px) {

        .review__title{
            font-size: 1.5rem;
        }
        .review__detail{
            font-size: 1.3rem;
        }

    }
    @media screen and (min-width:701px) and (max-width: 768px){

        .review__title{
            font-size: 3.5rem;
        }
        .review__detail{
            font-size: 2.8rem;
        }
    
    }
    @media screen and (min-width:571px) and (max-width: 700px){

        .review__title{
            font-size: 3.3rem;
        }
        .review__detail{
            font-size: 2.3rem;
        }
    
    }
    @media screen and (min-width:501px) and (max-width: 570px){

        .review__title{
            font-size: 3rem;
        }
        .review__detail{
            font-size: 2rem;
        }
    
    }
    @media screen and (min-width:451px) and (max-width: 500px){

        .review__title{
            font-size: 2.2rem;
        }
        .review__detail{
            font-size: 1.8rem;
        }
    
    }
    @media screen and (min-width:439px) and (max-width: 450px){

        .review__title{
            font-size: 2rem;
        }
        .review__detail{
            font-size: 1.7rem;
        }
    
    }

    /* message_______________ */


    @media screen and (max-width:360px) {


        .message__title--top,
        .message__title--under {
            font-size: 1.7rem;
        }
        .message__detail--top,
        .message__detail--under01,
        .message__detail--under02{
            font-size: 1.4rem;
        }
        
    }
        
    @media screen and (min-width:701px) and (max-width: 768px){
        .message__title--top,
        .message__title--under {
            font-size: 3.5rem;
        }
        .message__detail--top,
        .message__detail--under01,
        .message__detail--under02{
            font-size: 3rem;
        }

    }
    @media screen and (min-width:601px) and (max-width: 700px){
        .message__title--top,
        .message__title--under {
            font-size: 3rem;
        }
        .message__detail--top,
        .message__detail--under01,
        .message__detail--under02{
            font-size: 2.4rem;
        }

    }
    @media screen and (min-width:501px) and (max-width: 600px){
        .message__title--top,
        .message__title--under {
            font-size: 2.7rem;
        }
        .message__detail--top,
        .message__detail--under01,
        .message__detail--under02{
            font-size: 2.2rem;
        }

    }
    @media screen and (min-width:440px) and (max-width: 500px){
        .message__title--top,
        .message__title--under {
            font-size: 2.4rem;
        }
        .message__detail--top,
        .message__detail--under01,
        .message__detail--under02{
            font-size: 1.9rem;
        }

    }

    /* flow_______________ */

 
    @media screen and (max-width:360px) {
    
        .flow__title{
            font-size: 1.7rem;
        }
        .flow__detail {
            font-size: 1.2rem;
        }
    
        
    }

    @media screen and (min-width:711px) and (max-width: 768px){

        .flow__title{
            font-size: 4.0rem;
        }
        .flow__detail {
            font-size: 2.4rem;
        }

    }

    @media screen and (min-width:530px) and (max-width: 710px){

        .flow__title{
            font-size: 3.0rem;
        }
        .flow__detail {
            font-size: 1.8rem;
        }
    }
    
    @media screen and (min-width: 410px) and (max-width: 529px){
        .flow__title{
            font-size: 2.3rem;
        }
        .flow__detail {
            font-size: 1.6rem;
        }
    }

/* ======================================
   PC sub-page header footer
=========================================*/

/* header_______________ */
.sub-page-header{
    position: relative;
    box-shadow: 0px 4px 12px 1.7px rgba(94, 77, 77, .15);
    width: 100%;
    margin: auto;
    background-color: #fff;
}

.sub-page__title {
    width: 47.17%;
    height: auto;
    margin: 0 auto;
    padding: 1.3% 0;
    text-align: center;
}

.header__button {
    width: 47%;
    max-width: 47%;
    min-width: 40%;
}

/* footer_______________ */

.sub-page-footer{
    margin-bottom: 0;
}
.sub-page-footer {
    background: #faf5f6;

}


    /* ======================================
    SP sub-page header footer
    =========================================*/
    
    @media screen and (max-width:768px) {
        /* ____________________
            SP header 
            ____________________ */

            .header__logo--sub-page {
                left: 50%;
                transform: translateX(-50%);
                top: 51%;
                transform: translate(-50%,-50%);
                /* width: 100%; */
                min-width: 30%;
                max-width: 35%;
            }



        /* ____________________
            SP footer
            ____________________ */
            .footer__link--sub-page {
                margin: 15px auto;
            }


            

    }
    

/* ======================================
   PC privacy.html
=========================================*/

.privacy-main{
    max-width: 1200px;
    margin: auto;
}

.privacy{
    width: 70%;
    margin: auto;
    padding: 8% 0;
}

.privacy__top-title {
    margin-bottom: 6%;
}

.privacy__title {
    margin-bottom: 2%;
}

.privacy__text {
    margin-bottom: 3%;
}



/* font_______________ */

.form__privacy-title,.privacy__top-title{
    font-size: 2.0rem;
    font-family:'ヒラギノ角ゴ Pro W6','ヒラギノ角ゴ W6',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal;
}

.form__privacy-detail,.contact-alert__text{
    font-size: 1.6rem;  
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal;
}

.privacy__title{
    font-size: 1.6rem;
    font-family:'ヒラギノ角ゴ Pro W6','ヒラギノ角ゴ W6',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal;
}

.privacy__text{
    font-size: 1.4rem;
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal;
}




    /* ======================================
    SP privacy.html
    =========================================*/

/* ======================================
   PC  contact.html
=========================================*/

.contact {
    max-width: 1200px;
    margin: auto;
    padding-top: 138px;
    padding-bottom: 126px;
    width: 67%;
    }
    
.contact__title {
    /* border-bottom: solid #7d7038 1px; */
    border-bottom: solid #A58036 1px;
    line-height: 3.4;
}

.contact__text {
    margin-left: 8%;
    margin-top: 37px;
    margin-bottom: 36px;
}
.form {
    border: solid #d0d0d0 1px;
    padding-bottom: 96px;
}

.form__inner {
    margin-top: 98px;
}

.form__label {
    width: 156px;
    display: inline-block;
    padding: 3px 0;
}
.form__sub-text {
    margin-left: 156px;
    margin-top: 9px;
    margin-bottom: 29px;
}

.form__item-wrap {
    padding-left: 7.5%;
    border-bottom: solid 1px #D5D5D5;
    width: 85%;
    margin: auto;
}

.form__item {
    width: 100%;
}
.form__input-wrap {
    width: 100%;
}
    
.form__input {
    padding: 8px 40px;
    margin-top: 32px;
    margin-bottom: 26px;
    margin-left: 4.4%;
    width: 96%;
    display: block;
}


/*form input _______________ */

.form__item-wrap {
    border-bottom: solid 1px #D5D5D5;
}

.form__item-wrap:last-child{
    border: none;
}

.form__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.form__input{
    padding: 9px 20px;
    border:solid 1px #d0d0d0;
    border-radius: 5px;
}

.form__input--radio{
    border :none;
}

/* form__btn_______________ */

.form__submit {
    display: inline-block;
    margin: auto;
    padding: 10px 20px;
    border: solid 1px #fff;
}
.form__submit:hover {
    background: #fff;
    color: #A58036;
    border: solid 1px #A58036;
    padding: 9px 19px;
    transition: 0.3s;
    opacity: 0.75;
}

.form__back-btn{
    display: inline-block;
    margin: auto;
    padding: 10px 20px;
    border: solid 1px #fff;
}
.form__back-btn:hover {
    background: #fff;
    color: #A58036;
    border: solid 1px #A58036;
    padding: 9px 19px;
    opacity: 0.75;
    transition: 0.3s;
}

/* form__label_______________ */

.form__label{
    position: relative;
}

.form__label--must::before {
    content: "必須";
    position: absolute;
    top: 50%;
    left: -73px;
    transform: translateY(-50%);
    background: rgb(194,47,47);
    /* background: #823e29; */
    color: #FFF;
    border-radius: 5px;
    padding: 7px 9px;

    line-height: 1em;
    font-size: 1rem;
}
.form__label--option::before {
    content: "任意";
    position: absolute;
    top: 50%;
    left: -73px;
    transform: translateY(-50%);
    /* background: #6fa4ca; */
    background: #878787;
    color: #FFF;
    border-radius: 5px;
    padding: 7px 9px;

    line-height: 1em;
    font-size: 1rem;
}





/*form  parts_______________ */

/*form radio check ___ */
.form__input--radio{
    position: relative;
}

.form__input--check {
    position: relative;
    display: inline-block;
    border: none;
}

.form__service-label,
.form__privacy-label{
    margin-left: 40px;
}
.form__service-label{
    display: block;
}

.form__radio {
    position: absolute;
    width: 27px;
    height: 27px;
    border-radius: 100%;
    left: 0%;
}

.form__checkbox {
    width: 18px;
    height: 18px;
}
.form__input--check {
    margin-top: 24px;
}

/*form placeholder ___ */

::-webkit-input-placeholder { /* WebKit, Blink, Edge */

color: #ababab;
vertical-align: -webkit-baseline-middle;

}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #ababab;
vertical-align: middle;
}
::placeholder{ /* Others */
color: #ababab;
vertical-align: middle;
}

.error {
    color: red;
    padding-left: 5%;
    display: inline-block;
    padding-bottom: 2%;
}

/* contact-submit-data_________ */

.form__label-service {
    display: none;
}



/* contact-font___ */

.contact__title{
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3","Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","HG明朝E", serif;
    font-size: 2.985rem;
    letter-spacing: 0em;
    /* color: #7d7038; */
    color: #A58036;
    text-align: center; 
}

.contact__text{
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-size: 1.4rem;
    letter-spacing: 0em;
    color: #010101;
}
.form__input{
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-size: 1.8rem;
    letter-spacing: 0em;
    color: #010101;
}
.form__item,.form__submit,.form__back-btn{
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-size: 1.8rem;
    letter-spacing: 0em;
    color: #010101;
}
.form__sub-text{
    font-size: 1.4rem;
    line-height: 1.5;
}

.form__submit, .form__back-btn{
    color: #fff;
    background: #a79e70;
}


/* ____________________
    contact-privacy
   ____________________ */

.form__privacy-wrap, .contact-alert__text {
    background: #eaeae9;
    width: 85%;
    margin: auto;
    padding-top: 63px;
    padding-left: 68px;
}

.contact-privacy {
    overflow: scroll;
    height: 211px;
    background: #fff;
    /* box-shadow: -3px -3px 12px 1.7px rgb(94 77 77 / 50%) inset; */
    box-shadow: -5px -5px 10px #000 inset;
    box-shadow: rgb(0, 0, 0,0.2) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.2) -3px -3px 6px 1px inset;
    
    width: 91%;
    margin: 0;
    padding: 25px 0;
}

.form__privacy-title {
    margin-bottom: 19px;
}
.form__privacy-detail {
    width: 91.5%;
    margin-bottom: 30px;
}

.contact-privacy__title,
.contact-privacy__text {
    width: 90%;
    margin: auto;
} 
.contact-privacy__title{
    padding: 10px 0 5px;
}
.contact-privacy__text {
    padding-bottom: 15px;
}
.contact-privacy__mail {
    height: auto;
    width: 211px;
    padding-bottom: 2px;
    display: inline;
    text-align: left;
}
.contact-alert__text {
    padding: 19px 6% 57px;
    margin-bottom: 69px;
}
.form__submit--contact{
    display: block;
    /* margin-bottom: 96px; */
    padding: 10px 65px;
}
.form__submit--contact:hover {
    display: block;
    padding: 10px 65px;
}

/* font___ */
.form__privacy-detail {
    font-size: 1.6rem;
    font-family: 'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-weight: normal;
    letter-spacing: 0;
}

/* ____________________
    HOT PEPPER Beauty
   ____________________ */
   
   
.hot-pepper {
    max-width: 1200px;
    width: 67%;
    margin: auto;
    border: solid #d0d0d0 1px;
    padding-bottom: 85px;
    margin-bottom: 136px;
}

.hot-pepper__link {
    display: inline-block;
    display: block;
    margin: auto;
    padding: 10px 65px;
}


.hot-pepper__title {
    width: 86%;
    margin: auto;
    margin-top: 48px;
}

.hot-pepper__text {
    margin: 32px 15% 41px;
}
.hot-pepper__link-wrap{
    width: 100%;
    max-width: auto;
}
.hot-pepper__link {
    display: inline-block;
    display: block;
    margin: auto;
    padding: 10px 0;
    margin-top: -6px;
    width: 290px;
    border: solid 1px #fff;
}
.hot-pepper__link:hover {
    background: #fff;
    color: #a79e70;
    border: solid 1px #a79e70;
    padding: 10px 0;
    width: 290px;
}

.hot-pepper__link{
    font-family:'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ W3',"Hiragino Kaku Gothic Pro", 'メイリオ', 'ＭＳ Ｐゴシック',sans-serif;
    font-size: 1.8rem;
    letter-spacing: 0em;
    color: #fff;
    background: #a79e70;
    text-align: center;
}


    /* ======================================
    SP  contact.html
    =========================================*/

    /* ____________________________________________ */

    @media (max-width: 1024px) {

        .error {
            padding-left: 25%;
            padding-bottom: 3%;
        }

            .form__inner {
                margin-top: 5%;
            }

            .form__item-wrap {
                padding-left: 0;
            }

            .form__item {
                align-items: flex-start;
                flex-flow: column wrap;
                padding-top: 5%;
            }
            .form__sub-text {
                margin-left: 13%;
            }

            .form__sub-text--service{
                margin-left: 17%;
            }

            .form__label {
                padding-left: 65px;
                width: 100%;
            }

            .form__label--must::before {
                left: 10px;
            }
            .form__label--option::before {
                left: 10px;
            }
            .contact__title {
                line-height: 2;
                padding-bottom: 5%;
            }

            .error {
                color: red;
                display: block;
                padding-left: 5%;
                display: inline-block;
                padding-bottom: 2%;
            }

            .hot-pepper {
                padding-top: 10%;
            }
            
            .hot-pepper__text {
                margin-right: 15%;
            }

    }

        /* ____________________________________________ */



    @media (max-width: 768px) {

        .error {
            padding-left: 18%;
            padding-bottom: 3%;
        }

        .form {
            padding-bottom: 15%;
        }

        .form__label--must::before {
            left: 0px;
        }
        .form__label--option::before {
            left: 0px;
        }
        .contact {
            max-width: 100%;
            margin: auto;
            padding-top: 10%;
            padding-bottom: 10%;
            width: 90%;
        }      
        .contact__title {
            padding-bottom: 10%;
        }
        
        .contact__text {
            margin-left: 0;
            width: 90%;
            margin: auto;
            margin-top: 37px;
            margin-bottom: 36px;
        }
        .form__sub-text--service {
            margin-left: 0;
        }
        .form__privacy-label {
            margin-top: -13%;
            width: 95%;
        }

        .form__input {
            margin-left: 0;
        }
        .form__service-label {
            width: 92%;
        }

        .form__privacy-label {
            display: inline-block;
            width: 78%;
        }
        .error {
            margin-bottom: inherit;
        }

        /*  contact-privacy________________ */

        .form__privacy-wrap, .contact-alert__text {
            width: 85%;
            margin: auto;
            padding-left: 0;
        }
        .form__privacy-wrap {
            padding-top: 5%;
        }
        
        .form__privacy-title {
            width: 85%;
            margin: auto;
            padding: 6% 0;
        }
        .form__privacy-detail {
            width: 85%;
            margin: auto;
            margin-bottom: 30px;
        }
        .privacy.contact-privacy {
            width: 85%;
            margin: auto;
        }


        .contact-alert__text-inner{
            display: block;
            width: 85%;
            margin: auto;          
        }
        .contact-alert__text {
            padding: 0;
            margin-bottom: 69px;
        }

        .contact-alert__text-inner {
            display: block;
            width: 85%;
            margin: auto;
            padding: 10% 0;
            margin-bottom: 15%;
        }

        /* HOT PEPPER _________________ */

        .hot-pepper {
            width: 90%;
            margin: auto;
            border: solid #d0d0d0 1px;
            padding-bottom: 85px;
            margin-bottom: 136px;
        }



        /* font_________________ */

        /* contact-font___ */

        .contact__title {
            line-height: 1.6;
            font-size: 2.5rem;
        }

        .contact__text{
           font-size: 1.4rem;
        }
        .form__input{
           font-size: 1.6rem;
        }
        .form__item,.form__submit,.form__back-btn{
           font-size: 1.6rem;
        }
        .form__sub-text{
            font-size: 1.4rem;
        }

        /* contact-privacy font___ */
        .form__privacy-detail {
            font-size: 1.6rem;
        }

        /* HOT PEPPER font___ */

        .hot-pepper__link{
           font-size: 1.6rem;
        }

        .hot-pepper__text {
            text-align: center;
            width: 80%;
            margin: auto;
            margin-top: 32px;
            margin-bottom: 41px;
        }

    
    }

    @media (max-width: 370px) {
        .hot-pepper__link {
            width: 243px;
        }

        .hot-pepper__link:hover {
            width: 243px;
        }
    }

/* ======================================
PC  check.php
=========================================*/

.form__label--check-page{
    width: 201px;
}


.contact__text--check-page {
    margin-bottom: 68px;
}

#check .form__inner {
    margin-top: 29px;
}
#check .form__item-wrap {
    padding-top: 37px;
    padding-bottom: 34px;
}

.form__check-btn-wrap{
    width: 80%;
    margin: auto;

    display: flex;
    justify-content: center;
    align-items: center;
}

.form__check-btn-wrap .form__back-btn {
    padding: 10px 100px;
}
.form__check-btn-wrap .form__submit { 
    padding: 10px 100px;
}
.form__check-btn-wrap {
    margin-top: 55px;
}



/* ======================================
SP  check.php
=========================================*/

.form__service-label--check{
    margin-left: -10%;
}
        
        
    @media (max-width: 1024px) {
            /* ____________________
            1024px
            ____________________ */

            
        /* project________________ */
            
        .check-main {
            margin: auto;
            width: 95%;
          }
        .form__check-btn-wrap .form__submit {
            padding: 10px 50px;
        }
        .form__check-btn-wrap .form__back-btn {
            padding: 10px 50px;
        }
        .form__check-btn-wrap {
            width: 100%;
        }
        .contact__check {
            padding-left: 66px;
        }

        .form__service-label{
            margin-left: 10%;
        }     

    }
    
    
    @media (max-width: 768px) {
        /* ____________________
            768px
            ____________________ */
            
            span.contact__check {
                display: inline-block;
                padding-top: 5%;
            }

            .contact__check {
                padding-left: 66px;
            }

            .form__service-label, .form__privacy-label {
                margin-left: 44px;
            }
            
        }
        
        @media (max-width: 370px) {
        /* ____________________
            320px
            ____________________ */

        .contact__check {
            text-align: center;
            padding-left: 0;
        }
        .form__check-btn-wrap .form__submit {
            padding: 10px 30px;
        }
        .form__check-btn-wrap .form__back-btn {
            padding: 10px 30px;
        }


    }

/* ======================================
PC  thanks.php
=========================================*/

.contact__text--thanks{
    text-align: center;
    margin-left: 0;
    margin-bottom: 100px;
}




    /* ======================================
    SP  thanks.php
    =========================================*/

    @media (max-width: 1024px) {

        .contact__text--thanks {
            margin-left: auto;
            margin-right: auto;
        }

        .contact__title {
            width: 80%;
            margin: auto;
        }
    }