@charset "utf-8";

h2,h3,h4{
    font-family:  'M PLUS 1p', sans-serif;
}

.line_y{
    background: linear-gradient(transparent 60%, #ffe615 0%);
    position: relative;
    font-weight: bold;
    font-size: 24px;
}
.line_b{
    background: linear-gradient(transparent 60%, #1dcdd8 0%);
    position: relative;
    font-weight: bold;
    font-size: 24px;
}
@media only screen and (max-width: 750px) {
    .line_y{
        font-size: 16px;
    }
    .line_b{
        font-size: 16px;
    }
}

/*タイトル*/
.title1{
    font-size: 40px;
    font-weight: 700;
    font-family: 'M PLUS 1p', sans-serif;
    text-align: center;
    margin:0 0 60px 0;
    color: #38c4d3;
    line-height: 1.2;
}
.title1 span{
    font-size: 80%;
}
@media only screen and (max-width: 750px) {
    .title1{
        font-size: 5.3vw;
        margin:0 0 8vw 0;
    }
}
.title2{
    font-size: 40px;
    font-weight: 700;
    margin:0 0 60px 0;
    color: #111111;
    line-height: 1.2;
}
.title2 span{
    font-size: 110%;
    color: #38c4d3;
}
@media only screen and (max-width: 750px) {
    .title2{
        font-size: 5.3vw;
        margin:0 0 8vw 0;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (01)MV */
/*------------------------------------------------------------------------------------------------------------------------*/
#mv{
	background: url(../images/bg_mv.png) center center no-repeat;
	background-size: cover;
	text-align: left;
    padding: 90px 0;
}
#mv img{
	_width:100%;
	vertical-align:middle;
}
@media only screen and (max-width: 1000px) {
    #mv img{
        width:70vw;
        vertical-align:middle;
    }
}
@media only screen and (max-width: 750px) {
	#mv{
        padding: 12vw 0;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (02)業界初 */
/*------------------------------------------------------------------------------------------------------------------------*/
/*
.first{
    padding: 100px 0 0 0; 
}
.first img{
    max-width: 920px;
    width: 100%;
}
@media only screen and (max-width: 750px) {
    .first{
        padding: 13.3vw 0 0 0; 
    }
}
*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* (03)アンカーボタン */
/*------------------------------------------------------------------------------------------------------------------------*/
.form_anker{
    padding: 100px 0;
    text-align: center;
}
.point .form_anker{
    background: #eeeeee;
}
.form_anker .bnr_cam{
    text-align: center;
    margin-bottom:50px;
}
.form_anker .title,
.point .form_anker .title{
    margin:0 0 40px 0;
    padding: 20px 0;
    display: inline-block;
    border-top:solid 1px #111111;
    border-bottom:solid 1px #111111;
    position: relative;
    font-size: 34px;
    font-weight: bold;
    color: #111111;
}
.form_anker .title:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #111111;
}
.form_anker a.btn_form,
.form_anker a.btn_line,
.form_anker a.btn_tel,
.form_anker a.btn_chat{
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    margin: 0 10px 20px 10px;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    padding: 20px 40px;
    max-width: 300px;
    width: calc(50% - 110px);
}
.form_anker a.btn_form{
    background:url("../images/arrow01.png") no-repeat right 20px center,url("../images/icn_mail01.png") no-repeat left 20px center,#38c4d3;
    background-size: 12px,40px,auto;;
    box-shadow: 0 3px 0 0 #0098a8;
}
.form_anker a.btn_form:hover{
    background:url("../images/arrow01.png") no-repeat right 20px center,url("../images/icn_mail01.png") no-repeat left 20px center,#36d7e8;
    background-size: 12px,40px,auto;;
}
.form_anker a.btn_line{
    background:url("../images/arrow01.png") no-repeat right 20px center,url("../images/icn_line01.png") no-repeat left 20px center,#00b900;
    background-size: 12px,40px,auto;
    box-shadow: 0 3px 0 0 #008100;
}
.form_anker a.btn_line:hover{
    background:url("../images/arrow01.png") no-repeat right 20px center,url("../images/icn_line01.png") no-repeat left 20px center,#00cd00;
    background-size: 12px,40px,auto;
}
.form_anker a.btn_tel{
    background:url("../images/arrow01.png") no-repeat right 20px center,url("../images/icn_tel01.png") no-repeat left 25px center,#2258d3;
    background-size: 12px,28px,auto;
    box-shadow: 0 3px 0 0 #063193;
}
.form_anker a.btn_tel:hover{
    background:url("../images/arrow01.png") no-repeat right 20px center,url("../images/icn_tel01.png") no-repeat left 25px center,#2666f5;
    background-size: 12px,28px,auto;
}
.form_anker a.btn_chat{
    background:url("../images/arrow01.png") no-repeat right 20px center,url("../images/icn_chat01.png") no-repeat left 20px center,#00b98b;
    background-size: 12px,40px,auto;
    box-shadow: 0 3px 0 0 #007d5e;
}
.form_anker a.btn_chat:hover{
    background:url("../images/arrow01.png") no-repeat right 20px center,url("../images/icn_chat01.png") no-repeat left 20px center,#00d6a1;
    background-size: 12px,40px,auto;
}
.form_anker .tel{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 10px 0 10px;
    max-width: 376px;
    width: calc(50% - 40px);
    background: #EEEEEE;
    padding: 15px 0;
    border-radius: 5px;
}
.form_anker a.btn_tel{
    display: none;
}
.form_anker .news{
    border:solid 1px #ff1562;
    color: #ff1562;
    text-align: center;
    padding: 20px;
    background: #ffffff;
    margin:50px 0 0 0;
}
@media only screen and (max-width: 1000px) {
    .form_anker a.btn_form,
    .form_anker a.btn_line,
    .form_anker a.btn_tel,
    .form_anker a.btn_chat{
        margin: 0 1vw 2vw 1vw;
        font-size: 2.4vw;
        padding: 2vw 4vw;
        width: calc(50% - 11vw);
    }
    .form_anker .btn3 a.btn_form,
    .form_anker .btn3 a.btn_line,
    .form_anker .btn3 a.btn_tel,
    .form_anker .btn3 a.btn_chat{
        max-width: 300px;
        width: calc(30% - 9vw);
    }
    .form_anker a.btn_form{
        background:url("../images/arrow01.png") no-repeat right 2vw center,url("../images/icn_mail01.png") no-repeat left 2.5vw center,#38c4d3;
        background-size: 1.2vw,4vw,auto;
    }
    .form_anker a.btn_form:hover{
        background:url("../images/arrow01.png") no-repeat right 2vw center,url("../images/icn_mail01.png") no-repeat left 2.5vw center,#36d7e8;
        background-size: 1.2vw,4vw,auto;
    }
    .form_anker a.btn_line{
        background:url("../images/arrow01.png") no-repeat right 2vw center,url("../images/icn_line01.png") no-repeat left 2vw center,#00b900;
        background-size: 1.2vw,4vw,auto;
    }
    .form_anker a.btn_line:hover{
        background:url("../images/arrow01.png") no-repeat right 2vw center,url("../images/icn_line01.png") no-repeat left 2vw center,#00cd00;
        background-size: 1.2vw,4vw,auto;
    }
    .form_anker a.btn_tel{
        background:url("../images/arrow01.png") no-repeat right 2vw center,url("../images/icn_tel01.png") no-repeat left 2.5vw center,#2258d3;
        background-size: 1.2vw,2.8vw,auto;
    }
    .form_anker a.btn_tel:hover{
        background:url("../images/arrow01.png") no-repeat right 2vw center,url("../images/icn_tel01.png") no-repeat left 2.5vw center,#2666f5;
        background-size: 1.2vw,2.8vw,auto;
    }
    .form_anker a.btn_chat{
        background:url("../images/arrow01.png") no-repeat right 2vw center,url("../images/icn_chat01.png") no-repeat left 2vw center,#00b98b;
        background-size: 1.2vw,4vw,auto;
    }
    .form_anker a.btn_chat:hover{
        background:url("../images/arrow01.png") no-repeat right 2vw center,url("../images/icn_chat01.png") no-repeat left 2vw center,#00d6a1;
        background-size: 1.2vw,4vw,auto;
    }
}
@media only screen and (max-width: 750px) {
    .form_anker{
        padding: 8.3vw 0;
    }
    .form_anker .bnr_cam{
        margin-bottom:6.6vw;
    }
    .form_anker .title,
    .point .form_anker .title{
        margin:0 0 5.3vw 0;
        padding: 2.6vw 0;
        font-size: 4.5vw;
    }
    .form_anker .title:before {
      margin-left: -2vw;
      border: 2vw solid transparent;
      border-top: 2vw solid #111111;
    }
    .form_anker a.btn_form,
    .form_anker a.btn_line,
    .form_anker a.btn_tel,
    .form_anker a.btn_chat{
        margin: 10px 0 0 0;
        font-size: 4vw;
        padding: 2.6vw 5.3vw;
        width: calc(100% - 10.6vw);
        max-width: calc(100% - 10.6vw);
        display: block;
    }
    .form_anker.btn3 a.btn_form,
    .form_anker.btn3 a.btn_line,
    .form_anker.btn3 a.btn_tel,
    .form_anker.btn3 a.btn_chat{
        width: calc(100% - 10.6vw);
        max-width: calc(100% - 10.6vw);
    }
    .form_anker.btn2 a.btn_form,
    .form_anker.btn2 a.btn_line,
    .form_anker.btn2 a.btn_tel,
    .form_anker.btn2 a.btn_chat{
        display: inline-block;
        margin: 10px 0.5vw 0 0.5vw;
        width: calc(50% - 12.5vw);
        max-width: calc(50% - 12.5vw);
    }
    .form_anker a.btn_form{
        background:url("../images/arrow01.png") no-repeat right 2.6vw center,url("../images/icn_mail01.png") no-repeat left 2.6vw center,#38c4d3;
        background-size: 1.6vw,6.9vw,auto;
    }
    .form_anker a.btn_form:hover{
        background:url("../images/arrow01.png") no-repeat right 2.6vw center,url("../images/icn_mail01.png") no-repeat left 2.6vw center,#36d7e8;
        background-size: 1.6vw,6.9vw,auto; 
    }
    .form_anker a.btn_line{
        background:url("../images/arrow01.png") no-repeat right 2.6vw center,url("../images/icn_line01.png") no-repeat left 2.6vw center,#00b900;
        background-size: 1.6vw,7vw,auto;
    }
    .form_anker a.btn_line:hover{
        background:url("../images/arrow01.png") no-repeat right 2.6vw center,url("../images/icn_line01.png") no-repeat left 2.6vw center,#00cd00;
        background-size: 1.6vw,7vw,auto;
    }
    .form_anker a.btn_tel{
        background:url("../images/arrow01.png") no-repeat right 2.6vw center,url("../images/icn_tel01.png") no-repeat left 3.3vw center,#2258d3;
        background-size: 1.6vw,5vw,auto;
    }
    .form_anker a.btn_tel:hover{
        background:url("../images/arrow01.png") no-repeat right 2.6vw center,url("../images/icn_tel01.png") no-repeat left 3.3vw center,#2666f5;
        background-size: 1.6vw,5vw,auto;
    }
    .form_anker a.btn_chat{
        background:url("../images/arrow01.png") no-repeat right 2.6vw center,url("../images/icn_chat01.png") no-repeat left 2vw center,#00b98b;
        background-size: 1.6vw,7vw,auto;
    }
    .form_anker a.btn_chat:hover{
        background:url("../images/arrow01.png") no-repeat right 2.6vw center,url("../images/icn_chat01.png") no-repeat left 2vw center,#00d6a1;
        background-size: 1.6vw,7vw,auto;
    }
    .form_anker .tel{
        display: none;
    }
    .form_anker a.btn_tel{
        display: inline-block;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (03)パームス とは */
/*------------------------------------------------------------------------------------------------------------------------*/
.about{
    margin-bottom: 100px;
    text-align: center;
}
.about .title{
    font-weight: normal;
    font-size: 32px;
    background: url(../images/bg_line01.png) repeat-x top;
    margin: 0;
    padding: 20px 0 0 0;
}
.about .title span{
    font-weight: bold;
    font-size: 125%;
    color: #38c4d3;
}
.about .sub{
    font-size: 14px;
    color: #38c4d3;
    margin-bottom: 30px ;
}
.about figure{
    margin:30px 0 0 0;
}
@media only screen and (max-width: 750px) {
    .about{
        margin-bottom: 13.3vw;
    }
    .about .title{
        font-size: 3.5vw;
    }
    .about .sub{
        font-size: 14px;
        margin-bottom: 4vw ;
    }
    .about figure{
        margin:4vw 0 0 0;
    }
}
/*------------------------------------------------------------------------------------------------------------------------*/
/* (04)メディア掲載 */
/*------------------------------------------------------------------------------------------------------------------------*/
.media{
    background: #eeeeee;
    padding: 100px 0;
}
.media .title{
    color:#38c4d3;
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
}
.media .title span{
    display: inline-block;
    position: relative;
}
.media .title span::before,
.media .title span::after{
    position: absolute;
    width: 54px;
    height: 56px;
    bottom: 15px;
    content: "";
}
.media .title span::before{
    background: url("../images/img_ballon01_l.png") no-repeat center center;
    background-size: 54px;
    left: -60px;
}
.media .title span::after{
    background: url("../images/img_ballon01_r.png") no-repeat center center;
    background-size: 54px;
    right: -60px;
}
.media .media_box{
    background: #FFFFFF;
    display: inline-block;
    width: calc((100% - 120px) / 2);
    vertical-align: top;
    padding: 20px;
}
.media .media_box:nth-of-type(2n){
    margin: 0 0 20px 30px;
}
.media .media_box .image{
    text-align: center;
    padding: 10px;
}
@media only screen and (max-width: 750px) {
    .media{
        padding:13.3vw 0;
    }
    .media .title{
        font-size: 4.26vw;
        margin: 0 0 2.6vw 0;
    }
    .media .title span::before,
    .media .title span::after{
        width: 7.2vw;
        height: 7.4vw;
        bottom: 0.2vw;
    }
    .media .title span::before{
        background: url("../images/img_ballon01_l.png") no-repeat center center;
        background-size: 7.2vw;
        left: -8vw;
    }
    .media .title span::after{
        background: url("../images/img_ballon01_r.png") no-repeat center center;
        background-size: 7.2vw;
        right: -8vw;
    }
    .media .media_box{
        width: calc(100% - 5.2vw);
        padding: 2.6vw;
        margin: 0 0 2.6vw 0;
    }
    .media .media_box:nth-of-type(2n){
        margin: 0 0 2.6vw 0;
    }
    .media .media_box .image{
        padding: 1.3vw;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (05)お悩み */
/*------------------------------------------------------------------------------------------------------------------------*/
/*
.onayami{
    padding: 80px 0 100px;
    text-align: center;
}
.onayami .title{
    margin: 0 auto -50px auto;
    padding: 5px 50px;
    background: #333333;
    font-size: 26px;
    font-weight: bold;
    display: inline-block;
    color: #FFFFFF;
    top: 17px;
    position: relative;
}
.onayami .inbox{
    border:solid 1px #333333;
    padding: 40px;
}
.onayami .inbox ul{
    background: #EEEEEE;
    margin: 0;
    padding: 30px 150px;
    text-align: left;
}
.onayami .inbox li{
    background: url("../images/icn_check01.png") no-repeat left top 5px;
    background-size: 38px;
    margin: 0 0 15px 0;
    padding: 0 0 0 45px;
    font-size: 22px;
}
.onayami .inbox li span{
    font-size:27px;
    font-weight: bold;
}
@media only screen and (max-width: 1000px) {
    .onayami .inbox ul{
        padding: 30px 30px;
    }
}
@media only screen and (max-width: 750px) {
    .onayami{
        padding: 10.6vw 0 13.3vw;
    }
    .onayami .title{
        margin: 0 auto -6.6vw auto;
        padding: 0.6vw 6.6vw;
        font-size: 3.4vw;
        top: 2.2vw;
    }
    .onayami .inbox{
        padding: 5.3vw;
    }
    .onayami .inbox ul{
        padding: 4vw;
    }
    .onayami .inbox li{
        background: url("../images/icn_check01.png") no-repeat left top 0.6vw;
        background-size: 5vw;
        margin: 0 0 1.3vw 0;
        padding: 0 0 0 6vw;
        font-size: 2.9vw;
    }
    .onayami .inbox li span{
        font-size:3.6vw;
    }
}
*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* (05-2)お悩み2 */
/*------------------------------------------------------------------------------------------------------------------------*/
.onayami2{
    background: url("../images/bg_info.png") no-repeat center center #f0fffd;
    background-size: cover;
    text-align: center;
    font-size: 20px;
    margin: 0 0 100px 0;
    padding: 100px 0 200px 0;
}
@media only screen and (max-width: 750px) {
    .onayami2{
        font-size: 14px;
        margin: 0 0 13.3vw 0;
        padding: 13.3vw 0 26.6vw 0;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (06)ポイント */
/*------------------------------------------------------------------------------------------------------------------------*/
.point h3.title{
    color: #ff1562;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 1.4;
}

/*Point1*/
.point .point1{
    margin: -150px 0 0 0;
    padding: 200px 0 20px 0;
    background:url("../images/bg_triangle01.png") no-repeat top right, url("../images/bg_point01.png") no-repeat top center,url("../images/bg_triangle01.png") no-repeat top center, #eeeeee;
    background-size: contain,contain,contain,auto;
}
.point .point1 .title{
    margin: 0 0 20px 0;
    padding: 30px 0 0 176px;
    background: url(../images/title_point1.png) no-repeat left top;
    background-size: 138px;
}
.point .point1 table{
    width:100%;
    margin: 40px 0 10px 0;
    line-height: 100%;
}
.point .point1 table th,
.point .point1 table td{
    text-align: center;
    border:solid 1px #333333;
    padding: 15px 0;
    width: 15%;
}
.point .point1 table th{
    background: #f1f5f7;
}
.point .point1 table thead th{
    font-size: 20px;
    font-weight: bold;
    padding: 25px 0;
}
.point .point1 table thead th:last-child{
    background: #ffe615;
    border:solid 6px #ffe615;
    color: #38c4d3;
}
.point .point1 table td{
    background: #FFFFFF;
}
.point .point1 table td span.red{
    font-weight: bold;
    color: #38c4d3;
}
.point .point1 table td span.small{
    font-size:12px;
    line-height: 1.1;
}
.point .point1 table td:last-child{
    border-right:solid 6px #ffe615;
    border-left:solid 6px #ffe615;
    width: 25%;
}
.point .point1 table tr:last-child td:last-child{
    border-bottom:solid 6px #ffe615;
}
.point .point1 .caution{
    margin: 5px 0 20px 0;
    padding: 0;
    font-size: 13px;
}
@media only screen and (max-width: 1000px) {
    .point .point1 .title img{
        width:71.8vw
    }
}
@media only screen and (max-width: 750px) {
    .point h3.title{
        font-size: 5.1vw;
    }
    .point .point1{
        margin: -30vw 0 0 0;
        padding: 43vw 0 2.6vw 0;
    }
    .point .point1 .title{
        margin: 0 0 2.6vw 0;
        padding: 4vw 0 0 23.4vw;
        background: url(../images/title_point1.png) no-repeat left top;
        background-size: 18.4vw;
    }
    .point .point1 .title img{
        width:144.8vw;
    }
    .point .point1 table{
        margin: 5.3vw 0 1.3vw 0;
        font-size: 13px;
    }
    .point .point1 table th,
    .point .point1 table td{
        padding: 2vw 0;
    }
    .point .point1 table thead th{
        font-size: 13px;
        padding: 3.3vw 0;
    }
    .point .point1 table thead th:last-child{
        border:solid 3px #ffe615;
    }
    .point .point1 table td span.small{
        font-size:11px;
    }
    .point .point1 table td:last-child{
        border-right:solid 3px #ffe615;
        border-left:solid 3px #ffe615;
    }
    .point .point1 table tr:last-child td:last-child{
        border-bottom:solid 3px #ffe615;
    }
    .point .point1 .caution{
        margin: 5px 0 20px 0;
        font-size: 12px;
    }
}

/*Point2*/
.point2{
    margin: 0 0 0 0;
    padding: 70px 0 0 0;    
    background: url("../images/bg_triangle03.png") no-repeat top center,url("../images/bg_point04.png") no-repeat top center,#f7f7f7;
    background-size: contain,contain,auto;
}
.point2 .right_title{
    margin: 0 0 40px 40%;
}
.point2 .title{
    margin: 0 0 30px 0;
    padding: 90px 0 0 0px;
    background: url(../images/title_point2.png) no-repeat left top;
    background-size: 165px;
}
.point2 .inbox{
    overflow: hidden;
    margin: 40px 0 0 0;
}
.point2 .left,
.point2 .right{
    width: calc(50% - 20px);
}
.point2 .left{
    float:  left;
    padding: 0 10px 0 0;
}
.point2 .right{
    float:  right;
    padding: 0 0 0 10px;
}
.point2 .text{
    padding-top:70px;
}
@media only screen and (max-width: 1000px) {
    .point .point2 .title img{
        width:45.2vw
    }
}
@media only screen and (max-width: 750px) {
    .point2{
        padding: 9.3vw 0 0 0;
    }
    .point2 .right_title{
        float: none;
        width: 100%;
        margin: 0 0 0 0;
    }
    .point2 .left{
        float: none;
        width: 100%;
        margin: 0 0 4vw 0;
        padding: 0;
    }
    .point2 .title{
        margin: 0 0 4vw 0;
        padding: 4.5vw 0 0 25vw;;
        background: url(../images/title_point2.png) no-repeat left top;
        background-size: 22vw;
    }
    .point .point2 .title img{
        width:129.3vw;
    }
    .point2 .inbox{
        overflow: hidden;
        margin: 5.3vw 0 0 0;
    }
    .point2 .left,
    .point2 .right{
        width: 100%;
    }
    .point2 .left{
        float:  none;
        padding: 0 0 10px 0;
    }
    .point2 .right{
        float:  none;
        padding: 0 0 10px 0;
    }
    .point2 .text{
        padding-top:0;
    }
}

/*Point3*/
.point3{
    margin: 0 0 0 0;
    padding: 120px 0 20px 0;
    background: url("../images/bg_triangle04.png") no-repeat top center,url("../images/bg_point02.png") no-repeat top center,#eeeeee;
    background-size: contain,cover,auto;
    position: relative;
}
.point3::after{
    content: "";
    background: url("../images/img_point09.png") no-repeat center center;
    background-size: 574.5px;
    width: 574.5px;
    height: 203px;
    position: absolute;
    bottom: 20px;
    left:45%;
}
.point3 .title{
    padding: 0px 0 0 200px;
    background: url(../images/title_point3.png) no-repeat left bottom 10px;
    background-size: 165px;
}
.point3 dl{
    width:45%;
    display: block;
    margin: 50px 0 0 0;
}
.point3 dl dt{
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: bold;
}
.point3 dl dt:after {
    content:"";
    display:block;
    height:2px;
    width:100%;
    background:-webkit-gradient(linear, left top, right bottom, from(#38c4d3), to(rgba(72,27,0,0)));
    background:-moz-linear-gradient(left, #38c4d3,rgba(72,27,0,0));
    background:linear-gradient(left, #38c4d3,rgba(72,27,0,0));
}
.point3 dl dt.prof{
    background: url("../images/img_point02.png") no-repeat right center;
    background-size: 173px;
}
.point3 dl dt.career{
    background: url("../images/img_point03.png") no-repeat right center;
    background-size: 157.5px;
}
.point3 dl dd{
    margin: 0 0 20px 0;
    font-size: 16px;
}
@media only screen and (max-width: 1000px) {
    .point3{
        padding: 120px 0 20px 0;
        background: url("../images/bg_triangle04.png") no-repeat top center,url("../images/bg_point02.png") no-repeat bottom right 30%,#eeeeee;
        background-size: contain,140%,auto;
    }
    .point3::after{
        background: url("../images/img_point09.png") no-repeat center center;
        background-size: 45vw;
        width: 57vw;
        height: 27vw;
        bottom: 20px;
        left:45%;
    }
    .point3 .title{
        padding: 0px 0 0 26vw;
        background: url(../images/title_point3.png) no-repeat left bottom 1.3vw;
        background-size: 22vw;
    }
    .point3 dl{
        width:50%;
        margin: 50px 0 0 0;
    }
}
@media only screen and (max-width: 750px) {
    .point3{
        padding: 16vw 0 86vw 0;
        background: url("../images/bg_triangle04.png") no-repeat top center,url("../images/bg_point02.png") no-repeat bottom right ,#eeeeee;
        background-size: contain,190%,auto;
    }
    .point3::after{
        background: url("../images/img_point09.png") no-repeat center center;
        background-size: 100%;
        width: 100%;
        height: 30vw;
        bottom: 10px;
        left:0%;
    }
    .point .point3 .title img{
        width:129.3vw;
    }
    .point3 dl{
        width:100%;
        margin: 6.6vw 0 0 0;
    }
    .point3 dl dt{
        margin: 0 0 10px 0;
        font-size: 16px;
    }
    .point3 dl dt.prof{
        background: url("../images/img_point02.png") no-repeat right center;
        background-size: 23vw;
    }
    .point3 dl dt.career{
        background: url("../images/img_point03.png") no-repeat right center;
        background-size: 21vw;
    }
    .point3 dl dd{
        margin: 0 0 20px 0;
        font-size: 14px;
    }
}

/*メソッド*/
.method{
    padding: 0 0 0 0;
    background:#eeeeee;
}
.method .wrapper{
    background: url("../images/bg_method.png") no-repeat right top;
    background-size:563px;
    padding-top:80px; 
}
.method .title{
    margin: 0 0 40px 0;
    text-align: center;
}
.method .step{
    text-align: center;
    margin: 0 0 70px 0;
}
.method .step1,
.method .step2,
.method .step3{
    overflow: hidden;
    margin: 0 0 40px 0;
}
.method .left{
    float: left;
    width: calc(50% - 20px);
    padding: 0 20px 0 0;
}
.method .right{
    float: right;
    width: calc(50% - 20px);
    padding: 0 0 0 20px ;
}
.method .step_title{
    padding: 10px 0 0 100px;
    margin: 20px 0 20px 0;
    font-size: 32px;
    font-weight: bold;
    color: #0098a8;
}
.method .step1 .step_title{
    background: url("../images/icn_method1.png") no-repeat left top;
    background-size: 76px;
}
.method .step2 .step_title{
    background: url("../images/icn_method2.png") no-repeat left top;
    background-size: 87px;
}
.method .step3 .step_title{
    background: url("../images/icn_method3.png") no-repeat left top;
    background-size: 86px;
}
.method .btn_box{
    background: #FFFFFF;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    margin: 50px 0 0 0;
    padding: 40px 0;
    text-align: center;
}
.method .btn_box .title{
    font-size:24px;
    font-weight: bold;
    margin: 0 0 30px 0;
}
.method .btn_box .btn_insta,
.method .btn_box .btn_blog{
    margin: 0 10px ;
    padding: 20px 0 20px 60px;
    color: #38c4d3;
    font-size: 22px;
    font-weight: bold;
    box-shadow: 0 3px 0 0 #38c4d3;
    border:solid 2px #38c4d3;
    text-decoration: none;
    border-radius: 5px;
    width:calc(50% - 100px);
    max-width: 300px;
    display: inline-block;
}
.method .btn_box .btn_insta{
    background: url("../images/icn_insta01.png") no-repeat left 20px center #FFFFFF;
    background-size: 42px;
}
.method .btn_box .btn_blog{
    background: url("../images/icn_blog01.png") no-repeat left 20px center #FFFFFF;
    background-size: 40px;
}
.method .btn_box .btn_insta:hover{
    background: url("../images/icn_insta01.png") no-repeat left 20px center #ffdae2;
    background-size: 42px;
    transition:all 0.5s ease 0s;
}
.method .btn_box .btn_blog:hover{
    background: url("../images/icn_blog01.png") no-repeat left 20px center #ffdae2;
    background-size: 40px;
    transition:all 0.5s ease 0s;
}
@media only screen and (max-width: 1000px) {
    .method .step_title{
        padding: 1vw 0 0 10vw;
        margin: 2vw 0 2vw 0;
        font-size: 3.1vw;
    }
    .method .step1 .step_title{
        background: url("../images/icn_method1.png") no-repeat left top;
        background-size: 7.6vw;
    }
    .method .step2 .step_title{
        background: url("../images/icn_method2.png") no-repeat left top;
        background-size: 8.7vw;
    }
    .method .step3 .step_title{
        background: url("../images/icn_method3.png") no-repeat left top;
        background-size: 8.6vw;
    }
}
@media only screen and (max-width: 750px) {
    .method{
        padding: 0 0 0 0;
    }
    .method .wrapper{
        background: url("../images/bg_method.png") no-repeat right top;
        background-size:75vw;
        padding-top:10.6vw; 
    }
    .method .title{
        margin: 0 0 5.3vw 0;
    }
    .method .title img{
        width:44.9vw;
    }
    .method .step{
        margin: 0 0 9.3vw 0;
    }
    .method .step1,
    .method .step2,
    .method .step3{
        margin: 0 0 5.3vw 0;
    }
    .method .left,
    .method .right{
        float: none;
        width: 100%;
        padding: 0;
    }
    .method .step_title{
        padding: 1.3vw 0 0 13.3vw;
        margin: 2.6vw 0 2.6vw 0;
        font-size: 4.2vw;
    }
    .method .step1 .step_title{
        background: url("../images/icn_method1.png") no-repeat left top;
        background-size: 10.1vw;
    }
    .method .step2 .step_title{
        background: url("../images/icn_method2.png") no-repeat left top;
        background-size: 11.6vw;
    }
    .method .step3 .step_title{
        background: url("../images/icn_method3.png") no-repeat left top;
        background-size:11.4vw;
    }
    .method .btn_box{
        margin: 6.6vw 0 0 0;
        padding: 5.3vw;
    }
    .method .btn_box .title{
        font-size:3.5vw;
        margin: 0 0 4vw 0;
    }
    .method .btn_box .btn_insta,
    .method .btn_box .btn_blog{
        margin: 0 0 15px;
        padding: 2.6vw 0 2.6vw 8vw;
        font-size: 4.5vw;
        box-shadow: 0 2px 0 0 #38c4d3;
        width:calc(100% - (8vw + 4px));
        max-width: calc(100% - (8vw + 4px));
        display: block;
    }
    .method .btn_box .btn_insta{
        background: url("../images/icn_insta01.png") no-repeat left 2.6vw center #FFFFFF;
        background-size: 5.6vw;
    }
    .method .btn_box .btn_blog{
        background: url("../images/icn_blog01.png") no-repeat left 2.6vw center #FFFFFF;
        background-size: 5.3vw;
    }
    .method .btn_box .btn_insta:hover{
        background: url("../images/icn_insta01.png") no-repeat left 2.6vw center #ffdae2;
        background-size: 5.6vw;
    }
    .method .btn_box .btn_blog:hover{
        background: url("../images/icn_blog01.png") no-repeat left 2.6vw center #ffdae2;
        background-size: 5.3vw;
    }
}

/*Point4*/
.point4{
    margin: 0 0 0 0;
    padding: 120px 0 20px 0;
    background: url("../images/bg_triangle03.png") no-repeat top center,url("../images/bg_point03.png") no-repeat top center,#f7f7f7;
    background-size: contain,contain,auto;
}
.point4 .title{
    margin: 0 0 70px 40%;
    padding: 90px 0 0 0px;
    background: url(../images/title_point4.png) no-repeat left top;
    background-size: 165px;
}
.point4 .inbox{
    overflow: hidden;
    margin: 40px 0 0 0;
}
.point4 .left,
.point4 .right{
    width: calc(50% - 20px);
}
.point4 .left{
    float:  left;
    padding: 0 10px 0 0;
}
.point4 .right{
    float:  right;
    padding: 0 0 0 10px;
}
.point4 .text{
    padding-top:70px;
}
.point4 .machine{
    background: url("../images/bg_point4_01.png") no-repeat right top;
    background-size: 450px;
}
.point4 .caffe{
    background: url("../images/bg_point4_02.png") no-repeat right top;
    background-size: 301.5px;
}
.point4 .room{
    background: url("../images/bg_point4_03.png") no-repeat right top;
    background-size: 453px;
}
.point4 .amenity{
    background: url("../images/bg_point4_04.png") no-repeat right top;
    background-size: 457px;
}
@media only screen and (max-width: 1000px) {
    .point4 .machine{
        background: url("../images/bg_point4_01.png") no-repeat right top;
        background-size: 45vw;
    }
    .point4 .caffe{
        background: url("../images/bg_point4_02.png") no-repeat right top;
        background-size: 30.15vw;
    }
    .point4 .room{
        background: url("../images/bg_point4_03.png") no-repeat right top;
        background-size: 45.3vw;
    }
    .point4 .amenity{
        background: url("../images/bg_point4_04.png") no-repeat right top;
        background-size: 45.7vw;
    }
}
@media only screen and (max-width: 750px) {
    .point4{
        padding: 16vw 0 2.6vw 0;
    }
    .point4 .title{
        margin: 0 0 9.3vw 0;
        padding: 0vw 0 0 26vw;
        background: url(../images/title_point4.png) no-repeat left bottom 10px;
        background-size: 22vw;
    }
    .point4 .title img{
        width:125.6vw;
    }
    .point4 .inbox{
        overflow: hidden;
        margin: 5.3vw 0 0 0;
    }
    .point4 .left,
    .point4 .right{
        width: 100%;
    }
    .point4 .left{
        float:  none;
        padding: 0 0 10px 0;
    }
    .point4 .right{
        float:  none;
        padding: 0 0 10px 0;
    }
    .point4 .text{
        padding-top:0;
    }
}
/*Point5*/
.point5{
    margin: 0 0 0 0;
    padding: 60px 0 100px 0;
    background: url("../images/bg_triangle04.png") no-repeat top center,#eeeeee;
    background-size: contain,auto;
}
.point5 .title{
    margin:0 0 40px 0;
    padding: 90px 0 0 200px;
    background: url(../images/title_point5.png) no-repeat left bottom 10px;
    background-size: 164px;
}
.point5 .image{
    margin: 40px 0;
}
@media only screen and (max-width: 750px) {
    .point5{
        padding: 8vw 0 13.3vw 0;
    }
    .point5 .title{
        margin:0 0 5.3vw 0;
        padding: 12vw 0 0 26.6vw;
        background: url(../images/title_point5.png) no-repeat left bottom 1.3vw;
        background-size: 21.8vw;
    }
    .point5 .title img{
        width:113.8vw;
    }
    .point5 .image{
        margin: 5vw 0;
    }
}
/*Point6*/
.point6{
    margin: 0 0 0 0;
    padding: 60px 0 100px 0;
    background: url("../images/bg_triangle03.png") no-repeat top center,#f7f7f7;
    background-size: contain,auto;
}
.point6 h3.title{
    margin:0 0 40px 0;
    padding: 90px 0 0 200px;
    background: url(../images/title_point6.png) no-repeat left bottom 10px;
    background-size: 163px;
}
.point6 .photo{
    margin: 40px 0;
}
@media only screen and (max-width: 1000px) {
    .point6 h3.title{
        font-size: 3.7vw;
    }
}
@media only screen and (max-width: 750px) {
    .point6{
        padding: 8vw 0 13.3vw 0;
    }
    .point6 h3.title{
        margin:0 0 5.3vw 0;
        padding: 12vw 0 0 26.6vw;
        background: url(../images/title_point6.png) no-repeat left bottom 1.3vw;
        background-size: 21.7vw;
    }
    .point6 .title img{
        width:113.8vw;
    }
    .point6 .photo{
        margin: 5vw 0;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (07)料金 */
/*------------------------------------------------------------------------------------------------------------------------*/
.price{
    background: url("../images/bg_price.png") no-repeat top center #b3e0e7;
    background-size: cover;
    text-align: center;
    padding: 100px 0;
}
.price .title{
    margin:0 0 30px 0;
}
.price .hikaku{
    margin:0px 0 0 0;
}
.price .hikaku .title{
    margin:0 0 30px 0;
}
.price .hikaku table{
    width:100%;
    background: #FFFFFF;
    margin: 0 0 40px 0;
}
.price .hikaku table th,
.price .hikaku table td{
    text-align: center;
    border:solid 1px #333333;
    padding: 20px 0;
}
.price .hikaku table th{
    background: #f1f5f7;
}
.price .hikaku table thead th{
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0;
    width:15%;
}
.price .hikaku table thead th.small{
    font-size: 17px;
}
.price .hikaku table thead th:last-child{
    background: #ffe615;
    border:solid 3px #ffe615;
    color: #38c4d3;
    font-size: 24px;
    width:20%;
}
.price .hikaku table td{
    _width:calc((100% - 18%) / 6);
    text-indent: -999999px;
}
.price .hikaku table td.rank1{
    background: url("../images/img_hikaku01.png") no-repeat center center;
    background-size: 33px;
}
.price .hikaku table td.rank2{
    background: url("../images/img_hikaku02.png") no-repeat center center;
    background-size: 30px;
}
.price .hikaku table td.rank3{
    background: url("../images/img_hikaku03.png") no-repeat center center;
    background-size: 34px;
}
.price .hikaku table td.rank4{
    background: url("../images/img_hikaku04.png") no-repeat center center;
    background-size: 28px;
}
.price .hikaku table td:last-child{
    border-right:solid 3px #ffe615;
    border-left:solid 3px #ffe615;
}
.price .hikaku table tr:last-child td:last-child{
    border-bottom:solid 3px #ffe615;
}
@media only screen and (max-width: 750px) {
    .price{
        padding: 13.3vw 0;
    }
    .price .title{
        margin:0 0 4vw 0;
    }
    .price .title img{
        width:61.7vw;
        width: 82.6vw;
    }
    .price .hikaku{
        margin:10.6vw 0 0 0;
    }
    .price .hikaku .title{
        margin:0 0 4vw 0;
    }
    .price .hikaku .title img{
        width: 82.6vw;
    }
    .price .hikaku table{
        margin: 0 0 5.3vw 0;
    }
    .price .hikaku table th,
    .price .hikaku table td{
        padding: 2.6vw 0;
    }
    .price .hikaku table thead th{
        font-size: 14px;
        padding: 2vw 0;
    }
    .price .hikaku table thead th.small{
        font-size: 12px;
    }
    .price .hikaku table thead th:last-child{
        border:solid 2px #ffe615;
        font-size: 14px;
    }
    .price .hikaku table td{
        width:calc((100% - 10%) / 6);
    }
    .price .hikaku table td.rank1{
        background: url("../images/img_hikaku01.png") no-repeat center center;
        background-size: 4.4vw;
    }
    .price .hikaku table td.rank2{
        background: url("../images/img_hikaku02.png") no-repeat center center;
        background-size: 4vw;
    }
    .price .hikaku table td.rank3{
        background: url("../images/img_hikaku03.png") no-repeat center center;
        background-size: 4.5vw;
    }
    .price .hikaku table td.rank4{
        background: url("../images/img_hikaku04.png") no-repeat center center;
        background-size: 3.7vw;
    }
    .price .hikaku table td:last-child{
        border-right:solid 2px #ffe615;
        border-left:solid 2px #ffe615;
    }
    .price .hikaku table tr:last-child td:last-child{
        border-bottom:solid 2px #ffe615;
    }
}


/*------------------------------------------------------------------------------------------------------------------------*/
/* (08)カウンセリング×サポート */
/*------------------------------------------------------------------------------------------------------------------------*/
.counseling{
    background: url("../images/bg_counseling02.png") no-repeat right center,url("../images/bg_counseling01.png") no-repeat left top -20px;
    background-size: 50%,786px;
    padding: 100px 0;
}
.counseling .title{
    margin:0 0 20px 0;
}
.counseling p{
    padding: 0 50% 0 0;
}
@media only screen and (max-width: 750px) {
    .counseling{
        background: url("../images/bg_counseling02_sp.png") no-repeat right bottom,url("../images/bg_counseling01.png") no-repeat right top -2.6vw;
        background-size: 100%,60%;
        padding: 10.3vw 0 50vw 0;
    }
    .counseling .title{
        margin:0 0 2.6vw 0;
    }
    .counseling p{
        padding: 0 0 0 0;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (09)教育制度 */
/*------------------------------------------------------------------------------------------------------------------------*/
.education{
    padding: 100px 0;
    background-size: 468px;
    text-align: center;
}
.education .title{
    margin:0 0 30px 0;
}
.education .image{
    margin: 30px 0;
}
@media only screen and (max-width: 750px) {
    .education{
        padding: 13.3vw 0;
        background-size: 62.4vw;
    }
    .education .title{
        margin:0 0 4vw 0;
    }
    .education .title img{
        width: 80.9vw;
    }
    .education .image{
        margin: 4vw 0;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (10)サービス */
/*------------------------------------------------------------------------------------------------------------------------*/
.service{
    background: #eeeeee;
    padding: 100px 0;
    text-align: center;
}
.service .title{
    margin: 0 0 50px 0;
}
.service .service_box{
    font-size: 0;
}
.service .service_box .box{
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 80px) / 3);
    margin:0 40px 0 0;
}
.service .service_box .box:nth-child(3n){   
    margin:0 0 0 0;
}
.service .service_box .box dl{
    margin: 10px 0 0 0;
}
.service .service_box .box dt{
    margin: 0;
    padding: 5px 0;
    background: linear-gradient(90deg,#38c4d3,#04abda,#38c4d3);
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
}
.service .service_box .box dd{
    margin: 10px 0 0 0;
    font-size: 18px;
}
@media only screen and (max-width: 750px) {
    .service{
        padding: 13.3vw 0;
    }
    .service .title{
        margin: 0 0 6.6vw 0;
    }
    .service .title img{
        width: 41.2vw
    }
    .service .service_box .box{
        display: block;
        width: 100%;
        margin:0 0 2.6vw 0;
    }
    .service .service_box .box .photo img{
        width:100%;
    }
    .service .service_box .box dl{
        margin: 1.3vw 0 0 0;
    }
    .service .service_box .box dt{
        padding: 2px 0;
        font-size: 16px;
    }
    .service .service_box .box dd{
        margin: 1.3vw 0 0 0;
        font-size: 14px;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (11)完全個室 */
/*------------------------------------------------------------------------------------------------------------------------*/
.private{
    background: url("../images/bg_private01.png") no-repeat left center,url("../images/bg_private02.png") no-repeat right bottom 20px,linear-gradient(0deg,#e7e7e7,#FFFFFF);
    background-size: 50%,651px;
    padding: 100px 0;
}
.private .wrapper{
    padding-left: 50%;
    width: 50%;
    margin: 0;
}
.private .title{
    margin:0 0 20px 0;
}

@media only screen and (max-width: 750px) {
    .private{
        background: url("../images/bg_private01_sp.png") no-repeat left bottom,url("../images/bg_private02.png") no-repeat right top -2.6vw,linear-gradient(0deg,#e7e7e7,#FFFFFF);
        background-size: 100%,60%,auto;
        padding: 10.3vw 0 53vw 0;
    }
    .private .wrapper{
        padding-left: 0;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .private .title{
        margin:0 0 2.6vw 0;
    }
    .private .title img{
        width:69.2vw;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (12)アメニティ */
/*------------------------------------------------------------------------------------------------------------------------*/
.amenity{
    padding: 100px 0;
    background: url("../images/bg_amenity.png") no-repeat left bottom 30px;
    background-size: 457px;
}
.amenity .title{
    margin: 0 0 30px 0;
}
.amenity .left,
.amenity .right{
    display: inline-block;
    width: calc(50% - 20px);
    vertical-align: top;
}
.amenity .left{
    margin: 0 5px 0 0;
}
.amenity .right{
    margin: 0 0 0 20px;
    position: relative;
}
.amenity .right img {
    width:100%;
}
.amenity .right::after{
    position: absolute;
    width: 140px;
    height: 140px;
    background: url("../images/img_amenity01.png") no-repeat center center;
    background-size: 140px;
    content: "";
    top: -70px;
    left: -30px;
}
@media only screen and (max-width: 1000px) {
    .amenity .right{
        margin: 100px 0 0 20px;
    }
    .amenity .right::after{
        position: absolute;
        width: 140px;
        height: 140px;
        background: url("../images/img_amenity01.png") no-repeat center center;
        background-size: 140px;
        content: "";
        top: -130px;
        left: auto;
        right: 0px;
    }
}
@media only screen and (max-width: 750px) {
    .amenity{
        padding: 13.3vw 0;
        background: url("../images/bg_amenity.png") no-repeat right top 1.3vw;
        background-size: 60.9vw;
    }
    .amenity .title{
        margin: 0 0 4vw 0;
    }
    .amenity .title img{
        width: 51.3vw;
    }
    .amenity .left,
    .amenity .right{
        display: block;
        width: 100%;
    }
    .amenity .left{
        margin: 0 0 18.6vw 0;
    }
    .amenity .right{
        margin: 0 0 0 0;
    }
    .amenity .right::after{
        width: 24.6vw;
        height: 24.6vw;
        background: url("../images/img_amenity01.png") no-repeat center center;
        background-size: 24.6vw;
        top: -21.3vw;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (13)お客様の声 */
/*------------------------------------------------------------------------------------------------------------------------*/
.voice{
    background: #eeeeee;
    padding: 100px 0;
}
.voice .title{
    margin: 0 0 50px 0;
    text-align: center;
}
.voice .voice_box{
    display: inline-block;
    vertical-align: top;
    width:calc(50% - 90px);
    border:solid 1px #444444;
    padding: 30px;
    margin:0 0 40px 0;
    background: #FFFFFF;
    font-size: 16px;
}
.voice .voice_box:nth-child(2n+1){
    margin-left:40px;
}
.voice .voice_box p.small{
    font-size: 12px;
}
.voice .voice_box .name{
    color: #38c4d3;
    border-top:solid 1px #cccccc;
    padding: 20px 0 0 0;
    margin:20px 0 0 0;
}
@media only screen and (max-width: 750px) {
    .voice{
        padding: 13.3vw 0;
    }
    .voice .title{
        margin: 0 0 6.6vw 0;
    }
    .voice .title img{
        width:40.2vw;
    }
    .voice .voice_box{
        display: block;
        width:calc(100% - 8.3vw);
        padding: 4vw;
        margin:0 0 5.3vw 0;
        font-size: 14px;
    }
    .voice .voice_box:nth-child(2n+1){
        margin-left:0;
    }
    .voice .voice_box p.small{
        font-size: 10px;
    }
    .voice .voice_box .name{
        padding: 2.6vw 0 0 0;
        margin:2.6vw 0 0 0;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (14)1日の流れ */
/*------------------------------------------------------------------------------------------------------------------------*/
.flow{
    padding: 100px 0;
    position: relative;
}
.flow .arrow{
    position: absolute;
    width: 100px;
    height: calc(100% - 380px);
    background: #eeeeee;
    top:230px;
    left: calc(50% - 50px);
    z-index: -1;
}
.flow .arrow:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -50px;
  border: 50px solid transparent;
  border-top: 40px solid #eeeeee;
}
.flow .title{
    margin:0 0 40px 0;
    text-align: center;
    line-height: 1.1;
}
.flow .flow_box{
    overflow: hidden;
    margin: 0 0 20px 0;
}
.flow .flow_box .text{
    margin: 30px 0 0 0;
    width: calc(50% - 40px);
}
.flow .flow_box .text .title{
    text-align: left;
    font-size: 32px;
    font-weight: bold;
    color: #555555;
    margin: 0 0 20px 0;
    padding: 45px 0 0 90px;
}
.flow .flow_box.flow1 .text .title{
    background: url("../images/icn_flow1.png") no-repeat left center;
    background-size: 71px;
}
.flow .flow_box.flow2 .text .title{
    background: url("../images/icn_flow2.png") no-repeat left center;
    background-size: 73px;
}
.flow .flow_box.flow3 .text .title{
    background: url("../images/icn_flow3.png") no-repeat left center;
    background-size: 71px;
}
.flow .flow_box.flow4 .text .title{
    background: url("../images/icn_flow4.png") no-repeat left center;
    background-size: 72px;
}
.flow .flow_box.flow5 .text .title{
    background: url("../images/icn_flow5.png") no-repeat left center;
    background-size: 75px;
}
.flow .flow_box.flow6 .text .title{
    background: url("../images/icn_flow6.png") no-repeat left center;
    background-size: 71px;
}
.flow .flow_box.flow7 .text .title{
    background: url("../images/icn_flow7.png") no-repeat left center;
    background-size: 76px;
}
.flow .flow_box.flow8 .text .title{
    background: url("../images/icn_flow8.png") no-repeat left center;
    background-size: 77px;
}
.flow .flow_box .photo{
    margin: 0 0 0 0;
    width: calc(50% - 20px);
    text-align: center;
}
.flow .flow_box .left{
    float: left;
}
.flow .flow_box .right{
    float: right;
}
@media only screen and (max-width: 1000px) {
    .flow .flow_box .text{
        margin: 0 0 0 0;
    }
}
@media only screen and (max-width: 750px) {
    .flow{
        padding: 13.3vw 0;
    }
    .flow .arrow{
        width: 13.3vw;
        height: calc(100% - 40.6vw);
        top:30.6vw;
        left: calc(50% - 6.6vw);
    }
    .flow .arrow:before {
      margin-left: -6.6vw;
      border: 6.6vw solid transparent;
      border-top: 5.3vw solid #eeeeee;
    }
    .flow .title{
        margin:0 0 5.3vw 0;
    }
    .flow .flow_box{
        margin: 0 0 2.6vw 0;
    }
    .flow .flow_box .text{
        margin: 4vw 0 0 0;
        width: 100%;
    }
    .flow .flow_box .text .title{
        font-size: 6.2vw;
        margin: 0 0 2.6vw 0;
        padding: 7vw 0 0 14vw;
    }
    .flow .flow_box.flow1 .text .title{
        background: url("../images/icn_flow1.png") no-repeat left center;
        background-size: 11.8vw;
    }
    .flow .flow_box.flow2 .text .title{
        background: url("../images/icn_flow2.png") no-repeat left center;
        background-size: 12.1vw;
    }
    .flow .flow_box.flow3 .text .title{
        background: url("../images/icn_flow3.png") no-repeat left center;
        background-size: 11.8vw;
    }
    .flow .flow_box.flow4 .text .title{
        background: url("../images/icn_flow4.png") no-repeat left center;
        background-size: 12vw;
    }
    .flow .flow_box.flow5 .text .title{
        background: url("../images/icn_flow5.png") no-repeat left center;
        background-size: 12.5vw;
    }
    .flow .flow_box.flow6 .text .title{
        background: url("../images/icn_flow6.png") no-repeat left center;
        background-size: 11.8vw;
    }
    .flow .flow_box.flow7 .text .title{
        background: url("../images/icn_flow7.png") no-repeat left center;
        background-size: 12.6vw;
    }
    .flow .flow_box.flow8 .text .title{
        background: url("../images/icn_flow8.png") no-repeat left center;
        background-size: 12.8vw;
    }
    .flow .flow_box .photo{
        width: 100%;
    }
    .flow .flow_box .left{
        float: none;
    }
    .flow .flow_box .right{
        float: none;
    }
}


/*------------------------------------------------------------------------------------------------------------------------*/
/* (15)フォーム */
/*------------------------------------------------------------------------------------------------------------------------*/
#form{
	padding: 0 0 100px 0;
}
#top #form{
    padding-top: 50px;
}
#form .title{
    background: linear-gradient(90deg,#38c4d3,#2ce3dd,#38c4d3);
    text-align: center;
    padding: 80px 0;
}
#form table{
	margin: 30px 0 0 0;
	width: 100%;
}
#form table th{
	padding:15px 0;
	width: 250px;
	vertical-align: top;
	font-size: 18px;
}
#form table th .hissu{
	font-size: 16px;
	background: #ff1562;
	padding: 5px 15px;
	border-radius: 5px;
	float: right;
	color: #FFFFFF;
}
#form table td{
	padding:10px 0 10px 40px;
	vertical-align: top;
}
#form input[type="text"],
#form input[type="mail"],
#form input[type="tel"],
#form textarea{
	background: #eeeeee;
	padding: 15px;
	border:none;
	width: calc(100% - 30px);
	font-size: 16px;
}
#form textarea{
	height: 200px;
}
#form p.error{
	color: #FF3682;
	font-size: 14px;
	font-weight: normal;
	margin: 5px 0 0 0;
	letter-spacing: 0.1rem;
}
#form p.error:empty{
	display: none;
}
#form .check{
	text-align: center;
	font-weight: bold;
	margin: 50px 0;
}
#form input[type=checkbox]{
	display: none;
	margin: 0;
}
#form input[type=checkbox] + label{
	padding: 0 0 0 30px;
	position:relative;
}
#form input[type=checkbox] + label::before{
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	margin-top: -7px;
	background: #FFF;
	border: 1px solid #888888;
}
#form input[type=checkbox]:checked + label::after{
	content: "";
	position: absolute;
	top: 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	left: 3px;
	width: 14px;
	height: 10px;
	margin-top: -6px;
	border-left: 3px solid #112649;
	border-bottom: 3px solid #112649;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:url(../images/arrow_select.png) center right 10px no-repeat #eeeeee;
	background-size:12px;
	border:none;
	border-radius: 0px;
	padding:15px 35px 15px 15px;
	font-family:"Hiragino Kaku Gothic Pro", "メイリオ","ヒラギノ角ゴ Pro W3", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
}
#form select::-ms-expand {
	display: none;
}
label.radio {
	cursor:pointer;
	position:relative;
	overflow:hidden;
	display:inline-block;
	margin:6px 10px 0 0;
	padding:0px 0 3px 40px;
}
label.radio:before {
	position:absolute;
	width:24px;
	height:24px;
	border:2px solid #eeeeee;
	border-radius:50%;
	left:0px;
	content:'';
	z-index:3;
}
label.radio:after {
	content:'';
	position:absolute;
	width:16px;
	height:16px;
	border-radius:100%;
	left:6px;
	top:6px;
	background-color:#279edf;
	z-index:1;
}
label.radio input[type="radio"] {
	-moz-appearance:none;
	-webkit-appearance:none;
	position:absolute;
	z-index:2;
	width:20px;
	height:20px;
	left:-23px;
	top:1px;
	margin:0px!important;
	box-shadow:26px 2px #FFFFFF;
}
label.radio input[type="radio"]:checked {
	box-shadow:none;
}
label.radio input[type="radio"]:focus {
	opacity:0.2;
	box-shadow:26px 2px #FFF;
}
#form .btn{
	text-align: center;
	margin: 50px 0 0 0;
}
#form .btn_entry input,
#form .btn_entry button{
	width: 400px;
}
#form .btn_confirm input,
#form .btn_confirm button{
	width: 300px;
	margin: 0 10px;
}
input.btn1,
button.btn1,
a.btn1{
	border: none;
	border-radius: 5px;
	background:url(../images/arrow03.png) no-repeat right 20px center #38c4d3;
	background-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 26px;
	font-weight: bold;
	padding: 20px 0;
	display: inline-block;
	box-shadow: 0 5px 0 #0098a8;
}
input.btn1:hover,
button.btn1:hover,
a.btn1:hover{
	background:url(../images/arrow03.png) no-repeat right 20px center #36d7e8;
	background-size: 12px,auto;
	color: #FFFFFF;
	transition:all 0.5s ease 0s;;
}
input.btn2,
button.btn2,
a.btn2{
	border:none;
	border-radius: 5px;
	background: url(../images/arrow03.png) no-repeat right 20px center #666666;
	background-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 26px;
	font-weight: bold;
	padding: 20px 0;
	display: inline-block;
	box-shadow: 0 5px 0 #333333;
}
input.btn2:hover,
button.btn2:hover,
a.btn2:hover{
	background: url(../images/arrow03.png) no-repeat right 20px center #444444;
	background-size: 12px;
	color: #FFFFFF;
	transition: all .3s;
}
#form .thankyou{
	text-align: center;
}
#form .thankyou h3{
	text-align: center;
	color: #38c4d3;
	font-size: 28px;
	margin: 0 0 20px 0;
}

@media only screen and (max-width: 750px) {
	#form{
		padding: 0 0 20vw 0;
	}
    #form .title{
        padding: 10.6vw 0;
    }
    #form .title img{
        width: 51.6vw
    }
	#form table{
		margin: 30px 0 0 0;
	}
	#form table th{
		width: 30%;
	}
	#form table th .hissu{
		font-size: 13px;
		padding: 3px 10px;
	}
	#form table td{
		padding:20px 0 20px 30px;
	}	
	#form .btn_entry input,
	#form .btn_entry button{
		width: 100%;
	}
	#form .btn_confirm input,
	#form .btn_confirm button{
		width: 100%;
		margin: 0 0 20px 0;
	}
	#form input.btn1{
		font-size: 16px;
		padding: 20px 0;
	}
	#form button.btn2{
		font-size: 16px;
		padding: 20px 0;
	}
	input[type="text"],
	input[type="mail"],
	input[type="tel"],
	textarea{
		font-size: 16px;
	}
	#form .thankyou h3{
		font-size: 22px;
	}
}
@media only screen and (max-width: 500px) {
	#form table{
		margin: 20px 0 0 0;
	}
	#form table th{
		padding:20px 0 0 0;
		display: block;
		width: 100%;
	}
	#form table th .hissu{
		float: none;
		margin: 0 0 0 20px;
		padding: 5px 10px;
	}
	#form table td{
		padding:10px 0 20px 0;
		display: block;
		width: 100%;
	}
	#form .w100p_sp{ width:calc(100% - 14px)!important;}
	
	#form .btn{
		margin: 30px 0 0 0;
	}
	#form .btn_entry input,
	#form .btn_entry button{
		width: 100%;
	}
	#form .btn_confirm input,
	#form .btn_confirm button{
		width: 100%;
		margin: 0 0 20px 0;
	}
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (16)アクセス */
/*------------------------------------------------------------------------------------------------------------------------*/
#access{
    padding: 60px 0;
    background: #eeeeee;
    overflow: hidden;
}
#access .left{
    float: left;
    width: 50%;
    font-size: 16px;
}
#access .title{
    background: url("../images/logo-2x.png") no-repeat left top;
    background-size: 57px;
    padding: 80px 0 0 0;
    margin: 0 0 50px 0;
    font-size: 24px;
    font-weight: bold;
}
#access p{
    margin: 0 0 20px 0;
}
#access .right{
    float: right;
    width: 50%;
}
#access .photo{
    margin: 20px 0;
}
#access .map{
    border:solid 5px #FFFFFF;
}
#access #map{
    border:solid 5px #FFFFFF;
    height: 300px;
    width: 100%;
}
#access .map iframe{
    width: 100%;
    height: 240px;
}
#access .icn_map{
	vertical-align:middle;
    width:30px;
    margin:0 0 0 5px;
}
@media screen and (max-width: 750px) {
    #access{
        padding: 8vw 0;
    }
    #access .left{
        float: none;
        width: 100%;
        font-size: 14px;
        text-align: center;
    }
    #access .title{
        background: url("../images/logo-2x.png") no-repeat center top;
        background-size: 57px;
        padding: 80px 0 0 0;
        margin: 0 0 30px 0;
        font-size: 20px;
    }
    #access p{
        margin: 0 0 10px 0;
    }
    #access .right{
        float: none;
        width: 100%;
    }
    #access .photo{
        margin: 10px 0;
    }
    #access .photo img{
        width:100%;
    }
    #access .map,
    #access #map{
        border:solid 3px #FFFFFF;
    }
    #access .map iframe{
        width: 100%;
        height: 300px;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* (17)トレーナー */
/*------------------------------------------------------------------------------------------------------------------------*/
.trainer{
    padding: 100px 0;
    position: relative;
    background: linear-gradient(135deg,#FFFFFF,#cce9e9);
}
.trainer .title{
    margin: 0 0 50px 0;
    text-align: center;
}
.trainer .box{
    margin: 0 0 50px 0;
    position: relative;
}
.trainer .box .name{
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 30px 0 0 0;
}
.trainer .box .name:after {
    content:"";
    display:block;
    height:4px;
    width:100%;
    background:-webkit-gradient(linear, left top, right bottom, from(#38c4d3), to(rgba(72,27,0,0)));
    background:-moz-linear-gradient(left, #38c4d3, #00a2ff,rgba(72,27,0,0));
    background:linear-gradient(left, #38c4d3, #00a2ff,rgba(72,27,0,0));
}
.trainer .box p{
    font-size: 16px;
}
.trainer .box .det.right .name,
.trainer .box .det.right p{
    margin-left: 420px;
}
.trainer .box .det.left .name,
.trainer .box .det.left p{
    margin-right: 420px;
}
.trainer .box .msg{
    font-size: 16px;
    background: #FFFFFF;
    margin: 20px 0 0 0;
    padding: 20px;
}
.trainer .box .det.right .msg{
    padding-left:320px;
    margin-left: 100px;
}
.trainer .box .det.left .msg{
    padding-right:320px;
    margin-right: 100px;
}
.trainer .box .photo{
    position: absolute;
    bottom: 0;
}
.trainer .box .photo img{
    vertical-align: bottom;
}
.trainer .box .photo.left{
    left: 0;
}
.trainer .box .photo.right{
    right: 0;
}
.trainer .box_staff{
    font-size: 0;
} 
.trainer .box_staff .staff{
    display: inline-block;
    vertical-align: top;
    width:calc((100% - 60px) / 3);
    margin:0 30px 30px 0;
}
.trainer .box_staff .staff:nth-child(3n){
    margin-right:0;
}
.trainer .box_staff .staff figure img{
    width:100%;
}
.trainer .box_staff .staff .name{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin:10px 0;
    padding: 0 0 10px 0;
    border-bottom:solid 2px #38c4d3;
}
.trainer .box_staff .staff .pr{
    text-align: left;
    font-size: 14px;
}
.trainer .box_staff .staff .pr span{
    font-weight: bold;
}
@media screen and (max-width: 1000px) {
    .trainer .box .det.right .name,
    .trainer .box .det.right p{
        margin-left: 42vw;
    }
    .trainer .box .det.left .name,
    .trainer .box .det.left p{
        margin-right: 42vw;
    }
    .trainer .box .det.right .msg{
        padding-left:32vw;
        margin-left: 10vw;
    }
    .trainer .box .det.left .msg{
        padding-right:32vw;
        margin-right: 10vw;
    }
    .trainer .box .photo{
        width:41vw;
    }
}
@media screen and (max-width: 750px) {
    .trainer{
        padding: 13.3vw 0;
    }
    .trainer .title{
        margin: 0 0 6.6vw 0;
    }
    .trainer .title img{
        width: 35vw;
    }
    .trainer .box{
        margin: 0 0 6.6vw 0;
    }
    .trainer .box .name{
        font-size: 22px;
        margin: 0 0 1.3vw 0;
        padding: 3.9vw 0 0 0;
    }
    .trainer .box p{
        font-size: 14px;
    }
    .trainer .box .det.right .name,
    .trainer .box .det.right p{
        margin-left: 0;
    }
    .trainer .box .det.left .name,
    .trainer .box .det.left p{
        margin-right:0;
    }
    .trainer .box .msg{
        font-size: 14px;
        background: #FFFFFF;
        margin: 2.6vw 0 0 0;
        padding: 2.6vw;
    }
    .trainer .box .det.right .msg{
        padding-left:2.6vw;
        margin-left:0;
    }
    .trainer .box .det.left .msg{
        padding-right:2.6vw;
        margin-right: 0;
    }
    .trainer .box .photo{
        position: inherit;
        bottom: auto;
        width: 100%;
        text-align: center;
    }
    .trainer .box .photo img{
        vertical-align: bottom;
    }
    .trainer .box .photo.left{
        right: 0;
        left: auto;
    }
    .trainer .box .photo.right{
        right: 0;
    }
    .trainer .box_staff .staff{
        width:calc((100% - 20px) / 2);
        margin:0 20px 20px 0;
    }
    .trainer .box_staff .staff:nth-child(3n){
        margin-right:20px;
    }
    .trainer .box_staff .staff:nth-child(2n){
        margin-right:0;
    }
    .trainer .box_staff .staff .name{
        font-size: 18px;
        margin:5px 0;
        padding: 0 0 5px 0;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* チャットボット  */
/*------------------------------------------------------------------------------------------------------------------------*/
#chatbot{
    position: fixed;
    right:10px;
    bottom:10px;
}
#chatbot .box1{
    border-radius: 10px;
    background: #dfe9ef;
    width: 370px;
    position: fixed;
    right:10px;
    bottom:10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#chatbot .box1 .title_box{
    background: #38c4d3 url(../images/chatbot_icn.png) left 15px top 15px no-repeat;
    background-size: 50px;
    padding: 15px;
    border-radius: 10px 10px 0 0;
    color: #FFFFFF;
    height: 50px;
}
#chatbot .box1 .title_box .title_sub{
    font-size: 14px;
    margin:0 0 0 65px;
}
#chatbot .box1 .title_box .title{
    font-size: 17px;
    font-weight: bold;
    margin:0 0 0 65px;
}
#chatbot .box1 .det{
    padding: 15px 15px 15px 80px;
    font-size: 14px;
}
#chatbot a:link{ color: #333333; text-decoration: none;}
#chatbot a:visited{ color: #333333; text-decoration: none;}
#chatbot a:hover{ color: #333333; text-decoration: none;}

#chatbot .box1 .close_btn {
    position: fixed;
    right: 10px;
    height: 36px;
    width: 36px;
    cursor: pointer;
    z-index: 101;
}
#chatbot .box1 .close_btn a{
    display: block;
    height: 36px;
    width:36px;
}
#chatbot .box1 .close_btn div {
    position: relative;
    font-size: 9px;
    font-weight: bold;
    color: #3B8926;
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
}
#chatbot .box1 .close_btn div.text{
    height: 25px;
    line-height: 130%;
}
#chatbot .box1 .close_btn span {
    display: block;
    position: absolute;
    height: 3px;
    width: 22px;
    background: #FFFFFF;
    border-radius: 10px;
    left: 0;
}
#chatbot .box1 .close_btn span:nth-child(1) {
    top: 22px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
#chatbot .box1 .close_btn span:nth-child(2) {
    top: 22px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}

#chatbot .box2{
    display: none;
    background: #38c4d3 url(../images/chatbot_icn.png) left 15px top 15px no-repeat;
    background-size: 50px;
    border-radius: 10px;
    color: #FFFFFF;
    height: 80px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
#chatbot .box2 a{
    display: block;
    padding: 15px 15px 15px 75px;
}
#chatbot .box2 a:link{ color: #ffffff; text-decoration: none;}
#chatbot .box2 a:visited{ color: #ffffff; text-decoration: none;}
#chatbot .box2 a:hover{ color: #ffffff; text-decoration: none;}

@media screen and (max-width: 750px) {
    #chatbot .box1{
        width: calc(100% - 20px);
        bottom:-10px;
    }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* FAQ  */
/*------------------------------------------------------------------------------------------------------------------------*/
#faq{
    padding: 100px 0;
}
#faq .title{
    margin: 0 0 50px 0;
    text-align: center;
    font-size: 36px;
}
#faq dl.accr {
    margin-bottom: 80px;
    border-top: 2px solid #00C1D6;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    line-height: 1.6;
}
#faq dl.accr dt {
    padding: 25px 40px;
    border-top: 1px solid #ccc; 
    cursor: pointer; 
    font-size: 18px; 
    line-height: 1.6; 
    font-weight: bold; 
    position: relative; 
    background: url(../images/icn_plus01.png) no-repeat right top 25px;
    background-size: 26px;
}
#faq dl.accr dt.active {
    background: url(../images/icn_minus01.png) no-repeat right top 25px;
    background-size: 26px;
}
#faq dl.accr dt::after { 
    content: "Q"; 
    color: #00C1D6;
    font-size: 26px; 
    line-height: 1;
    position: absolute;
    left: 0;
    top: 22px; 
}
#faq dl.accr dd { 
    padding: 0 40px 25px 100px;
    position: relative;
    display: none;
}
#faq dl.accr dd::before {
    content: "A";
    color: #81CA2C; 
    font-size: 26px; 
    line-height: 1;
    font-weight: bold;
    position: absolute;
    left: 30px; 
    top: 0;
}
#faq dl.accr dd::after {
    content: ""; 
    background: #ccc;
    position: absolute;
    left: 60px; 
    top: 12px; 
    width: 20px; 
    height: 2px;
}

@media screen and (max-width: 750px) {
    #faq{
        padding: 13.3vw 0;
    }
    #faq .title{
        margin: 0 0 6vw 0;
        font-size: 4.8vw;
    }
    #faq dl.accr {
        margin-bottom: 10.6vw;
        font-size: 13px;
        line-height: 1.4;
    }
    #faq dl.accr dt {
        padding: 15px 30px;
        font-size: 15px; 
        background: url(../images/icn_plus01.png) no-repeat right top 20px;
        background-size: 20px;
    }
    #faq dl.accr dt.active {
        background: url(../images/icn_minus01.png) no-repeat right top 20px;
        background-size: 20px;
    }
    #faq dl.accr dt::after { 
        font-size: 20px; 
        top: 16px; 
    }
    #faq dl.accr dd { 
        padding: 0 30px 15px 40px;
        margin:0 0 0 30px;
    }
    #faq dl.accr dd::before {
        font-size: 20px; 
        left: 0; 
    }
    #faq dl.accr dd::after {
        left: 22px; 
        top: 9px; 
        width:10px;
    }
}