@charset "utf-8";
/* コンテンツ設定 */
/*=========================================================================================
共通
=========================================================================================*/
.border_red{border:1px solid #8F1536;border-radius: 5px;padding: 20px!important}
.border_gray{border:1px solid #939393;border-radius: 5px;padding: 20px!important}
hr{border: 0;height: 1px;
background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
margin: 20px 0;}
.image-round{border-radius:50%;box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.5); width:55%;margin: 0 auto 30px auto;display: block;}
.box-round{border-radius: 10px;border: 1px solid #f4f4f4}

.hospitallist dt{font-weight: 900;color: #8f1536;}
.hospitallist {padding:0.5em;list-style-type:none;}
.hospitallist dd {position:relative;padding: 0em 0.3em 0.8em 1.3em;font-size: 0.9em}
.hospitallist dd:before {position:absolute;content:'';top: 0.5em;left: 0.2em;height:0;
width:0;border-style: solid;border-width: 6px 0 6px 9px;border-color: transparent transparent transparent #8f1536;}


.is-fixed {position: fixed!important;top: 0;left: 0;z-index:999!important;width: 100%!important;}
/*==========================================================================================
モバイル iphone5以下
==========================================================================================*/
@media screen and (max-width:320px){
header h1{width: 150px!important;top: 55px!important;left: 10px;position: absolute;}
#headnavi ul li a, #headnavi ul ul li a {padding: 3px!important;}
}


/*==========================================================================================
モバイル
==========================================================================================*/
@media screen and (max-width:599px){
body{font-size: 18px}
.marginb60{margin-bottom: 50px;}
.marginb70{margin-bottom: 50px;}
.marginb80{margin-bottom: 50px;}

video{max-width: 100%;}

/*navifix*/
.is-fixed {position: fixed!important;top: 0;left: 0;z-index:999!important;width: 100%!important;}
.is-fixed > #headnavi{width:100%;margin:0 auto!important;box-shadow:0px 3px 4px -3px rgba(0,0,0,1.0);}
.sphidden{display: none}
.headtext{font-size:10px;line-height: 1.3em;margin-bottom: 10px;position: relative;background: #d7b010;letter-spacing: -0.05em}
#headinner{position: relative;min-height: 150px;}
header h1{width: 190px;top: 50px;left: 10px;position: absolute;}
header .headlink{position: absolute;top:50px;right: 5px;font-size: 0.8em;font-weight: 900;width: 37%}

main h2{margin-bottom: 50px;font-size: 24px;letter-spacing: -0.1em}
main h2:before {width: 15%;}
main h3{font-size:20px;}
#introduction img, #prof img, #voice img, #suisen img, #about img,
#flow img, .imgw50{width: 50%!important;margin:0 auto 30px auto;display: block}
.voicebox{background: #fff;padding: 40px 10px}

/*index*/
#mainvisual{background: url("../img/index/mainv_m.jpg") no-repeat top left #f6b8cd;background-size:contain;height: 390px;position: relative}
#mainvcatch, #mainvdisc, #maivtime{position: absolute;display: block}
#mainvcatch{top: 25%;left:35%}
#mainvdisc{bottom:5%;}
#maivtime{bottom:1%;}
#introduction{background: url("../img/index/indeximg2_m.webp") no-repeat center;background-size: cover;}
#introduction p.heading, .heading{font-size: 24px;color: #8f1536;font-weight: 900!important;line-height:24px}
#menu1, #menu2, #menu3{margin-bottom: 30px}
.menu1head{background: url("../img/menu/menu_01_m.jpg") no-repeat;text-indent: -9999px;background-size: cover;height: 14vh;}
.menu2head{background: url("../img/menu/menu_02_m.jpg") no-repeat;text-indent: -9999px;background-size: cover;height: 14vh;}
.menu3head{background: url("../img/menu/menu_03_m.jpg") no-repeat;text-indent: -9999px;background-size: cover;height: 14vh;}
#cp_card p{font-size: 24px;line-height: 1.2;}

#sevenpoint .revflexboxnojust{border-bottom: 1px solid #D1D1D1;padding: 5px 20px;box-shadow: 0 2px 3px rgba(0,0,0,0.4);background: rgba(255,255,255,0.5)}

#access, .cbg{;background: #fafafa;padding: 0 10px}
#access section{padding: 50px 0;}
.footernavi img{display: block;margin: 0 auto 50px auto}
footer p, footer address{font-size: 16px;color: #fff}
.innner{padding: 40px 3px}
footer{background: #8f1536;padding: 70px 0 130px 0;}
.contactlink{background:#d7b010;position:fixed;bottom: 0;width:100%;display: flex;padding: 10px 5px;align-items: center;box-shadow:0px -7px 8px -9px rgba(0,0,0,0.5);z-index: 9999}
#about, #beauty, #diet, #greeting, #infertility{padding: 30px 0}
.contentsheading h1{font-size:24px}
.pointcover {padding-top: 130px;background-size: cover;}
.pointlist {margin: 68px auto 0 auto;width: 95%}
.point{position: relative;margin-bottom: 20px}
.txt{padding:40px 0;margin: 0}
.pointnumber {top: 40%;}

.moviewrap, .moviewrap2{position: relative;padding-bottom: 46.25%;padding-top: 30px;height: 0;overflow: hidden;margin-bottom: 30px}
.moviewrap iframe, .moviewrap2 iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*===Page top===*/
.backtotop {position: fixed;right: 0px;bottom: 80px;display: none;} 
.backtotop a {display: block;padding: 14px 6px;margin: 0;}
.recruit{width: 100%;border-collapse: collapse;}
.recruit tr{border-bottom: solid 2px white;}
.recruit tr:last-child{ border-bottom: none;}
.recruit th{position: relative;background-color: #8f1536;color: white;text-align: center;padding: 20px 0;display: block}
.recruit th:after{display: block;content: "";width: 0px;height: 0px;position: absolute;top:100%;right:calc(50% - 10px);
 border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #8f1536;}
.recruit td{text-align: left;background-color: #eee;padding: 20px;display: block}

.flexm{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.w3_2, .w3_2_2{width: 100%;padding: 10px;box-sizing: border-box;}
.w3_3, .w3_2_1 img{width: calc(100% / 2);margin: auto}
.wlogo{width:35%;margin: 10px 0 0 0!important;}
}

/*==========================================================================================
タブレット
==========================================================================================*/
@media screen and (min-width:1001px) and (max-width:1399px){
.is-fixed > #headnavi{width:100%;margin:0 auto!important;box-shadow:0px 3px 4px -3px rgba(0,0,0,1.0);}
.sphidden{display: none}
.headtext{font-size: 16px;line-height: 40px;margin-bottom: 10px;position: relative}
header h1{width: 204px;text-align: center;margin:40px auto}
.voicebox{background: #fff;padding: 40px 10px}
video{max-width: 100%;}
#maivtime{top:35%!important;right:0%;width: 40%}
#mainvisual{background:  #f6b8cd url("../img/index/mainv_m.jpg") no-repeat top left!important;background-size: contain!important;;position: relative;height: 90vh}
#mainvdisc{width: 70%;bottom: 10px;}
#mainvcatch, #mainvdisc, #maivtime{position: absolute;display: block}
#mainvcatch{top:0%;left:53%}
#maivtime{top:30%;right:0%;width: 40%}
#introduction{background: url("../img/index/indeximg2.jpg") no-repeat center;background-size: cover;}
p.heading, .heading{font-size: 22px;color: #8f1536;font-weight: 900;line-height: normal}
.cp_card p{font-size: 28px;line-height: 1.2;}
.left{padding-right: 10px;box-sizing: border-box;width: 38%}
.right{width: 60%;letter-spacing: -1px}
#menu1, #menu2, #menu3{width: 95.5%;margin-bottom: 20px;}
.menu1head{background: url("../img/menu/menu_01_m.jpg") no-repeat;text-indent: -9999px;background-size: cover;height: 17vh;}
.menu2head{background: url("../img/menu/menu_02_m.jpg") no-repeat;text-indent: -9999px;background-size: cover;height: 17vh;}
.menu3head{background: url("../img/menu/menu_03_m.jpg") no-repeat;text-indent: -9999px;background-size: cover;height: 17vh;}
section h2:before {width: 15%;}
main h3{font-size:25px;}
#access, .cbg{;background: #fafafa;padding: 0 10px}
#access section{padding: 100px 0;}
section{padding: 50px 0;}
.innner{padding: 0 10px}
footer{background: #8f1536;padding: 70px 0 120px 0}
.contactlink{background:#ececb2;position:fixed;bottom: 0;width:100%;display: flex;padding: 10px 0;align-items: center;justify-content: space-around;box-shadow:0px -7px 8px -9px rgba(0,0,0,0.5);z-index: 9999}
.footernavi img{display: block;margin: 0 auto 50px auto}

.flexboxnojust{display: flex;flex-wrap:wrap;justify-content: space-around;}
.flexbox{display: flex;flex-wrap:wrap;align-items: center;justify-content: space-around;}
.revflexbox{display: flex;flex-direction: row-reverse;flex-wrap:wrap;}
/*.w2{width: calc(100% / 2);}
.w3{width: calc(100% / 3);}
.w4{width: calc(100% / 4);}
.w31{width: 66.6%;}
.w43{width: 75%;}*/
.pleft{padding-left: 10px}
.pright{padding-right: 10px}
#greeting{padding: 50px 0}
.contentsheading h1{font-size:24px}
.pointlist {margin: 68px auto 0;}
.point{position: relative;}


.moviewrap, .moviewrap2{position: relative;padding-bottom: 46.25%;padding-top: 30px;height: 0;overflow: hidden;}
.moviewrap iframe,.moviewrap2 iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*===Page top===*/
.backtotop {position: fixed;right: 10px;bottom: 100px;display: none;} 
.backtotop a {display: block;padding: 14px 6px;margin: 0;}

.recruit{width: 100%;border-collapse: collapse;}
.recruit tr{border-bottom: solid 2px white;}
.recruit tr:last-child{ border-bottom: none;}

.recruit th{position: relative;width: 30%;background-color: #8f1536;color: white;text-align: center;padding: 20px 0;}
.recruit th:after{display: block;content: "";width: 0px;height: 0px;position: absolute;top:calc(50% - 10px);right:-10px;
border-left: 10px solid #8f1536;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.recruit td{text-align: left;width: 70%;background-color: #eee;padding: 20px;}

.flexm{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.w3_2, .w3_2_2{width: 100%;padding: 10px;box-sizing: border-box;}
.w3_3, .w3_2_1 img{width: calc(100% / 2);margin: auto}

.wlogo{width:35%;padding: 0 0 0 20px}
}
@media screen and (min-width:751px) and (max-width:1000px){
.is-fixed > #headnavi{width:100%;margin:0 auto!important;box-shadow:0px 3px 4px -3px rgba(0,0,0,1.0);}
.sphidden{display: none}
.headtext{font-size: 16px;line-height: 40px;margin-bottom: 10px;position: relative}
header h1{width: 204px;text-align: center;margin:40px auto}
.voicebox{background: #fff;padding: 40px 10px}
video{max-width: 100%;}
#maivtime{top:35%!important;right:0%;width: 40%}
#mainvisual{background:  #f6b8cd url("../img/index/mainv_m.jpg") no-repeat top left!important;background-size: contain!important;;position: relative;padding: 280px 0}
#mainvdisc{width: 70%;bottom: 10px;}
#mainvcatch, #mainvdisc, #maivtime{position: absolute;display: block}
#mainvcatch{top:35%;left:53%}
#maivtime{top:30%;right:0%;width: 40%}
#introduction{background: url("../img/index/indeximg2.jpg") no-repeat center;background-size: cover;}
p.heading, .heading{font-size: 22px;color: #8f1536;font-weight: 900;line-height: normal}
.cp_card p{font-size: 28px;line-height: 1.2;}
.left{padding-right: 10px;box-sizing: border-box;width: 38%}
.right{width: 60%;letter-spacing: -1px}
#menu1, #menu2, #menu3{width: 95.5%;margin-bottom: 20px;}
.menu1head{background: url("../img/menu/menu_01_m.jpg") no-repeat;text-indent: -9999px;background-size: cover;height: 17vh;}
.menu2head{background: url("../img/menu/menu_02_m.jpg") no-repeat;text-indent: -9999px;background-size: cover;height: 17vh;}
.menu3head{background: url("../img/menu/menu_03_m.jpg") no-repeat;text-indent: -9999px;background-size: cover;height: 17vh;}
section h2:before {width: 15%;}
main h3{font-size:25px;}
#access, .cbg{;background: #fafafa;padding: 0 10px}
#access section{padding: 100px 0;}
section{padding: 50px 0;}
.innner{padding: 0 10px}
footer{background: #8f1536;padding: 70px 0 120px 0}
.contactlink{background:#d7b010;position:fixed;bottom: 0;width:100%;display: flex;padding: 10px 0;align-items: center;justify-content: space-around;box-shadow:0px -7px 8px -9px rgba(0,0,0,0.5);z-index: 9999}
.footernavi img{display: block;margin: 0 auto 50px auto}

.flexboxnojust{display: flex;flex-wrap:wrap;justify-content: space-around;}
.flexbox{display: flex;flex-wrap:wrap;align-items: center;justify-content: space-around;}
.revflexbox{display: flex;flex-direction: row-reverse;flex-wrap:wrap;}
/*.w2{width: calc(100% / 2);}
.w3{width: calc(100% / 3);}
.w4{width: calc(100% / 4);}
.w31{width: 66.6%;}
.w43{width: 75%;}*/
.pleft{padding-left: 10px}
.pright{padding-right: 10px}
#greeting{padding: 50px 0}
.contentsheading h1{font-size:24px}
.pointlist {margin: 68px auto 0;}
.point{position: relative;}


.moviewrap{position: relative;padding-bottom: 46.25%;padding-top: 30px;height: 0;overflow: hidden;}
.moviewrap2 {position: relative;padding-bottom: 10%;padding-top: 30%;height: 0;overflow: hidden;margin-bottom: 40px;width: 100%;}
.moviewrap iframe, .moviewrap2 iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*===Page top===*/
.backtotop {position: fixed;right: 10px;bottom: 100px;display: none;} 
.backtotop a {display: block;padding: 14px 6px;margin: 0;}

.recruit{width: 100%;border-collapse: collapse;}
.recruit tr{border-bottom: solid 2px white;}
.recruit tr:last-child{ border-bottom: none;}

.recruit th{position: relative;width: 30%;background-color: #8f1536;color: white;text-align: center;padding: 20px 0;}
.recruit th:after{display: block;content: "";width: 0px;height: 0px;position: absolute;top:calc(50% - 10px);right:-10px;
border-left: 10px solid #8f1536;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.recruit td{text-align: left;width: 70%;background-color: #eee;padding: 20px;}

.flexm{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.w3_2, .w3_2_2{width: 100%;padding: 10px;box-sizing: border-box;}
.w3_3, .w3_2_1 img{width: calc(100% / 2);margin: auto}
.wlogo{width:35%;padding: 0 0 0 20px}
}
@media screen and (min-width:600px) and (max-width:750px){.is-fixed > #headnavi{width:100%;margin:0 auto!important;box-shadow:0px 3px 4px -3px rgba(0,0,0,1.0);}
.sphidden{display: none}
.headtext{font-size: 16px;line-height: 40px;margin-bottom: 10px;position: relative}
header h1{width: 204px;text-align: center;margin:40px auto}
.voicebox{background: #fff;padding: 40px 10px}
video{max-width: 100%;}
/*index*/
#mainvisual{background: url("../img/index/pcmainv10.jpg") no-repeat top center #f6b8cd;background-size: contain;height: 120vh;position: relative}
#mainvisual .tbw{width: 75%!important;} 
#mainvdisc{width: 70%;bottom: 10px;}
#mainvcatch, #mainvdisc, #maivtime{position: absolute;display: block}
#mainvcatch{top:0%;left:53%}
/*#mainvdisc{bottom: 10px;left: 0;right: 0;width: 990px; margin: auto;}*/
#maivtime{top:30%;right:0%;width: 40%}
#introduction{background: url("../img/index/indeximg2.jpg") no-repeat center;background-size: cover;}
p.heading, .heading{font-size: 22px;color: #8f1536;font-weight: 900;line-height: normal}
.abc{font-size: 22px;color: #8f1536;font-weight: 900;line-height: normal}
.cp_card p{font-size: 28px;line-height: 1.2;}
.left{padding-right: 10px;box-sizing: border-box;width: 38%}
.right{width: 60%;letter-spacing: -1px}
#menu1, #menu2, #menu3{width: 95.5%;margin-bottom: 20px;}
.menu1head{background: url("../img/menu/menu_01_m.jpg") no-repeat;text-indent: -9999px;background-size: cover;height: 17vh;}
.menu2head{background: url("../img/menu/menu_02_m.jpg") no-repeat;text-indent: -9999px;background-size: cover;height: 17vh;}
.menu3head{background: url("../img/menu/menu_03_m.jpg") no-repeat;text-indent: -9999px;background-size: cover;height: 17vh;}
section h2:before {width: 15%;}
main h3{font-size:25px;}
#access, .cbg{;background: #fafafa;padding: 0 10px}
#access section{padding: 100px 0;}
section{padding: 50px 0;}
.innner{padding: 0 10px}
footer{background: #8f1536;padding: 70px 0 120px 0}
.contactlink{background:#ececb2;position:fixed;bottom: 0;width:100%;display: flex;padding: 10px 0;align-items: center;justify-content: space-around;box-shadow:0px -7px 8px -9px rgba(0,0,0,0.5);z-index: 9999}
.footernavi img{display: block;margin: 0 auto 50px auto}

.flexboxnojust{display: flex;flex-wrap:wrap;justify-content: space-around;}
.flexbox{display: flex;flex-wrap:wrap;align-items: center;justify-content: space-around;}
.revflexbox{display: flex;flex-direction: row-reverse;flex-wrap:wrap;}
/*.w2{width: calc(100% / 2);}
.w3{width: calc(100% / 3);}
.w4{width: calc(100% / 4);}
.w31{width: 66.6%;}
.w43{width: 75%;}*/
.pleft{padding-left: 10px}
.pright{padding-right: 10px}
#greeting{padding: 50px 0}
.contentsheading h1{font-size:24px}
.pointlist {margin: 68px auto 0;}
.point{position: relative;}


.moviewrap, .moviewrap2 {position: relative;padding-bottom: 46.25%;padding-top: 30px;height: 0;overflow: hidden;}
.moviewrap iframe,.moviewrap2 iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*===Page top===*/
.backtotop {position: fixed;right: 10px;bottom: 100px;display: none;} 
.backtotop a {display: block;padding: 14px 6px;margin: 0;}

.recruit{width: 100%;border-collapse: collapse;}
.recruit tr{border-bottom: solid 2px white;}
.recruit tr:last-child{ border-bottom: none;}

.recruit th{position: relative;width: 30%;background-color: #8f1536;color: white;text-align: center;padding: 20px 0;}
.recruit th:after{display: block;content: "";width: 0px;height: 0px;position: absolute;top:calc(50% - 10px);right:-10px;
border-left: 10px solid #8f1536;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.recruit td{text-align: left;width: 70%;background-color: #eee;padding: 20px;}

.flexm{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.w3_2, .w3_2_2{width: 100%;padding: 10px;box-sizing: border-box;}
.w3_3, .w3_2_1 img{width: calc(100% / 2);margin: auto}
}

/*==========================================================================================
PC
==========================================================================================*/
@media screen and (min-width:1400px){
#mainvisual{background-size: contain;height: 700px!important;}
#mainvdisc{top: 15%;right: 1%!important;}
#maivtime{bottom:15%!important;right:10%!important;}}
@media screen and (min-width:1200px){#naviwrap{background: #FFF}}
@media screen and (min-width:1281px){p.heading, .heading{font-size: 22px;color: #8f1536;font-weight: 900;line-height: normal}
.pchidden{display: none}
/*header*/
#headinner{width: 1200px;margin: auto}
header h1 img{width: 203px}
header h1{width: 250px;margin-top: 15px}
.headtext{font-size: 16px;line-height: 40px;height: 40px; margin-bottom: 10px;position: relative;}
.headtext p{position: absolute;top:3px;font-size: 0.7em;line-height: 1.6em}
.headtext .sns{position: absolute;right: 10px;}
.sns img{vertical-align: middle}
.reserve{width: 470px}
.headaddress{width: 400px;}
.voicebox{background: #fff;padding: 40px 20px;min-height: 370px}
#naviwrap{background: #FFF}

/*index*/
#mainvisual{background: url("../img/index/pcmainv10.jpg") no-repeat top left;background-size: cover;height: 60vh;position: relative}
#mainvcatch, #mainvdisc, #maivtime{position: absolute;display: block;width: 35vw}
#mainvcatch{top: 1%;left:5%}
#mainvdisc{top:5%;right: 0;}
#maivtime{bottom:5%;right:1%;width: 25vw}
#introduction{min-height: 450px;background: url("../img/index/indeximg2.webp") no-repeat center;background-size: cover;}
#introduction p.heading{font-size: 36px;color: #8f1536;font-weight: 900;line-height: normal}
.cp_card{width:auto;}
.cp_card p{font-size: 36px;line-height: 1.2;}

.left{padding-right: 10px;box-sizing: border-box;width: 38%}
.right{width: 60%;letter-spacing: -1px}
#menu1, #menu2, #menu3{width: 32.5%;}
#menu1 .voicebox, #menu2 .voicebox, #menu3 .voicebox{min-height:445px!important}
.menu1head{background: url("../img/menu/menu_01.jpg") no-repeat;height: 208px;text-indent: -9999px}
.menu2head{background: url("../img/menu/menu_02.jpg") no-repeat;height: 208px;text-indent: -9999px}
.menu3head{background: url("../img/menu/menu_03.jpg") no-repeat;height: 208px;text-indent: -9999px}
#point{background: url("../img/index/point_01.png") repeat-x;height: 390px;margin-bottom: 140px}
.jisimg{padding: 56px 0}

/*contents*/
section{padding: 80px 0;}
main h2{font-size: 60px;}
main h2:before {width: 5%;}
main h3{font-size:30px;}
.innner{width: 1200px;margin: auto;padding-left: 15px;padding-right:15px}
.w2{width: calc(100% / 2);}
.w2_2{width:45%;}
.w2_3{width:55%;}
.w3{width: calc(100% / 3);}
.w3_1{width:32.3%;padding: 15px}
.w3_2{width: calc(100% / 2);padding: 10px}
.w3_2_1{width:30%;padding: 10px}
.w3_2_2{width:70%;padding: 10px}
.w3_3{width: calc(100% / 4);padding: 10px}
.w4{width: calc(100% / 4);}
.w31{width: 66.6%;}
.w43{width: 75%;}
.imgw{width: 90%;display: block;margin: 0 auto;}

.wlogo{width:35%;padding: 0 0 0 20px}
.w20{width:50%}
.w80{width: 45%}
.w20_2{width:30%}
.w80_2{width:65%}

.pleft{padding-left: 10px}
.pright{padding-right: 10px}

.contentsheading h1{font-size:60px}
.pointlist{display: flex;justify-content: space-between;margin: 68px auto 68px auto;}
.point{position: relative;width:33%}


.f30{font-size: 30px}

/*footer*/
footer{background: #8f1536;padding: 70px 0 100px 0}
#access, .cbg{background: #fafafa}
#access section{width: 1200px;margin: auto;padding: 80px 0;}
#footaddress, #foottel{width: calc(100% / 2);box-sizing: border-box;}
#footaddress{padding:0 10px;}
#foottel{padding:0 10px;}
.linelogo{width: 142px;margin-right: 5px}
#foottel .btn{width: 100%;font-size: 36px;margin-bottom: 40px}
.footernavi{width: calc(100% / 3)}
address{width: 1100px;margin: auto;color: #fff;}
/*other*/
.flexboxnojust{display: flex;flex-wrap:wrap;justify-content: space-around;}
.flexbox{display: flex;flex-wrap:wrap;align-items: center;justify-content: space-around;}
.revflexbox{display: flex;flex-direction: row-reverse;flex-wrap:wrap;align-items: center;}
.revflexboxnojust{display: flex;flex-direction: row-reverse;flex-wrap:wrap;}
.moviewrap {position: relative;padding-bottom: 10%;padding-top: 56%;height: 0;overflow: hidden;margin-bottom: 40px}
.moviewrap2 {position: relative;padding-bottom: 10%;padding-top: 60%;height: 0;overflow: hidden;margin-bottom: 40px}
.moviewrap iframe, .moviewrap2 iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
video{width: 100%;}
.marginr{margin-right: 30px;}

/*===Page top===*/
.backtotop {position: fixed;right: 10px;bottom: 20px;display: none;} 
.backtotop a {display: block;padding: 14px 6px;margin: 0;}
.recruit{width: 100%;border-collapse: collapse;}
.recruit tr{border-bottom: solid 2px white;}
.recruit tr:last-child{ border-bottom: none;}

.recruit th{position: relative;width: 30%;background-color: #8f1536;color: white;text-align: center;padding: 20px 0;}
.recruit th:after{display: block;content: "";width: 0px;height: 0px;position: absolute;top:calc(50% - 10px);right:-10px;
border-left: 10px solid #8f1536;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.recruit td{text-align: left;width: 70%;background-color: #eee;padding: 20px;}

}

/*=====追加=====*/
ol.cp_clist {counter-reset:cp_clist; /*数字をリセット*/list-style-type: none;}
ol.cp_clist li {position: relative;padding-left: 38px;padding: 0.5em 0.5em 0.5em 38px;}
ol.cp_clist li::before {position: absolute;display:inline-block;top: 0;left: 0;
/* カウントさせる */counter-increment: cp_clist;content: counter(cp_clist);/*装飾*/padding: 0 0.2em 0 0.2em;margin: 25px 0 0 0;
background: #fff;color: #444;border: 1px solid #444;font-weight:bold;border-radius: 50%;width: 17px;height: 25px;line-height: 25px;text-align:center;
transform: translateY(-50%);}

table.tprice {margin: 50px auto;border-collapse: collapse;width: 100%;background: #fff}
.tprice .thead th{background: #8f1536;border: solid 1px #ccc;color: #fff;padding: 10px;}
.tprice td, .tprice th{border: solid 1px #ccc;padding: 10px;}
@media screen and (max-width: 640px) {
thead th{color: #8f1536!important;font-weight: 900;background: #fff!important;border: none!important}
.tprice th {position: relative;background-color: #8f1536;color: white;text-align: center;padding: 20px 0;display: block;}
.tprice th:after{display: block;content: "";width: 0px; height: 0px;position: absolute;top: 100%;
right: calc(50% - 10px);border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #8f1536;}
table.tprice {width: 90%;}
.tprice .thead {display: none;}
.tprice tr, .tprice td{display: block;}
}
@media screen and (min-width:641px){thead{display: none}}