@charset "UTF-8";
*{margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,table,tr,th,td { margin: 0; padding: 0; }
li { list-style: none; }
img {vertical-align:middle;	border:0; zoom:1;}
span{font-weight:900;}
small{font-size:12px; letter-spacing: -1px; line-height: .6;}
.img{width: 100%!important; height: auto!important;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
/*==========================================================================*/
/*                           Common-Setting                            */
/*==========================================================================*/


.pc-nomi{display:block!important;}
.sp-nomi{display:none!important;}
@media screen and (max-width: 768px) {
.pc-nomi{display:none!important;}
.sp-nomi{display:block!important;}
}


html{background:none; width:100%;}
body{color: #66574e; background-color:#fff; text-align:left; width:980px;/*100%;*/margin:0 auto; font-size:16px; line-height:1.6;
	word-break: normal; font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}
*, h2,h3, .dtp, p, dt, dd, li, b, small {word-break:normal; font-family: YuMincho, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） *****************/
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {font-size: 100%; text-transform: none;/*uppercase;*/}
@media screen and (max-width: 768px) {
body{color: #66574e; background-color:#fff; text-align:left; width:100%;margin:0 auto; font-size:16px; line-height:1.6;
	word-break: normal; font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}
	p,li,dd{font-size: 4vw;}
}
/* ベースリンクカラー *******************************************************/
a {color:#1d8fd8; text-decoration:none;}
a:hover,a:active{color:#f7ad1d;	text-decoration:underline;}
a:visited{}


.Box980{width: 980px; margin: 0 auto; clear:both;}

.pd-s{ padding:30px 0;}
.pd-m{ padding:50px 0;}
.pd-l{ padding:70px 0;}
.pd-ll{ padding:100px 0;}

@media screen and (max-width: 768px) {
.Box980{ width:calc(100% - 60px); padding-left: 30px; padding-right: 30px; margin: 0 auto; clear:both;}
.pd-s,.pd-m,.pd-l, .pd-ll{ padding: 50px 0;}
}


.mt-s{ margin-top: 30px;}
.mt-m{ margin-top: 50px;}
.mt-l{ margin-top: 70px;}

.mb-s{ margin-bottom: 30px;}
.mb-m{ margin-bottom: 50px;}
.mb-l{ margin-bottom: 70px;}

.mtb-s{margin-top: 30px; margin-bottom: 30px;}
.mtb-m{margin-top: 50px; margin-bottom: 50px;}
.mtb-l{margin-top: 70px; margin-bottom: 70px;}

.light-bg{
	background-color:#f5f3ed;
}
.light-bg1{
	background-color:#f1f2ed;
	padding:30px 0 ;
}
.light-bg2{
	background-color:#ece9e2;
}
.light-bg3{
	background-color:#f0eee8;
}
.light-bg4{
	background-color:#ffffff;
}

.dark-bg1{
	background-color:#182328;
}
/*
.dark-bg2{
	background-color:#1f2d31;
}*/
.dark-bg3{
	background-color:#462619;
}
.dark-bg4{
	background-color:#1f2d31;
}
.dark-bg5{
	background-color:#463747;
}
.dark-bg6{
	background-color:#120f12;
}

/*=====FONTS=====================================================================*/
h2,
h3,
h4,
.main-exp ul li,
.Banner-box h4,
.diet-type-one li dt,
.diet-type-one li h4,
.Point3 ul li h4,
.Price ul li dt,
.Trouble ul.two li dt,
.Sarani ul li div span,
.Faq ul li dt,
#toTop-b ul li.phone div span{
	font-weight: 400;
	line-height: 1.4;
	text-transform: uppercase;
	word-break:normal; font-family: YuMincho, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}


.title{ margin-bottom: 40px; text-align: center;}
h2{font-size: 2em; color: #412c27; letter-spacing: -2px;}
h2 small{font-size: .68em; }
.title p{ margin-top: 10px;}

@media screen and (max-width: 768px) {
h2{font-size:7vw; text-shadow: 1px 1px 15px #fff; }
.title{ margin-bottom: 20px; text-align: center;}	
}

h3{color: #9e804f; font-size: 1.5em; line-height: 1.5; letter-spacing: -2px;}
@media screen and (max-width: 768px) {
h3{font-size: 5vw; text-align: left; letter-spacing: 0;}	
}

h4, .Trouble ul.two li dt{color: #5b453f; font-size: 1.35em; line-height: 1.3;}
@media screen and (max-width: 768px) {
h4{font-size:5vw;}
.Trouble ul.two li dt{font-size:7vw;}
}

.design-text{background:url(../img3/dd.png) center center repeat-x; text-align: center; margin: 20px auto;}
.design-text h3{ background-color: #a08c5c; color: #fff; text-align: center; display: inline-block; 
font-size: 1.3!important; font-style: italic;}


.design-text h3{ position:relative; height:40px; line-height:40px; padding: 0 30px; box-sizing:border-box;}

.design-text h3:before, .design-text h3:after { position:absolute; content:''; width:0px; height:0px; z-index:1;}
.design-text h3:before {top:0; left:0; border-width:20px 0px 20px 15px;
  border-color: transparent transparent transparent #fff; border-style:solid;}
.design-text h3:after{top:0; right:0; border-width:20px 15px 20px 0px;
  border-color: transparent #fff transparent transparent; border-style: solid;}





.Banner-box{padding: 50px 0; background-color: #f6f7f9/*ede0c0*/; text-align: center;}
.Banner-box img {width:70%; margin-top: 0; text-align: center;}
.Banner-box a img {animation: anime1 0.5s ease 0s infinite alternate; transform-origin:center;}
@keyframes anime1{
	  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}
@media screen and (max-width: 768px) {
.Banner-box{padding: 20px 0; background-color: #f6f7f9/*ede0c0*/; text-align: center;}
.Banner-box img {width:100%; margin-top: 0; text-align: center;}
}



/*==========================================================================*/
#header{width:100%;	height:100px; text-align:left; padding:0; clear:both;background-color: #fff;}
#header div.head-warp{width:980px; margin:0 auto; position:relative; height:100px;}
#header p{position:absolute; top:5px;	left:0;	margin:0; padding:0;}
#header p img{width:20%;}
#header ul{ position: absolute; left:0; top: 10px; margin-left: 700px;  width:200px; /*width:calc(50% - 20px);*/ display: flex; align-items:top; justify-content: space-between;}
#header ul li{ display: block;}

.head-warp a.contact-btn{ width: 280px; height: 40px; display: block;  }
.head-warp a.contact-btn img{width: 100%; height: auto;}

@media screen and (max-width: 768px) {
#header{width:calc(100% - 40px); padding:0 20px; height:80px; text-align:left; position: fixed; z-index: 999; }
#header div.head-warp{width:100%; margin:0 auto; position:relative; height:40px;}
#header p{position:absolute; top:10px;	left:0;	margin:0; padding:0; width: 30%;}
#header p img{width: 100%; height: auto;}
#header ul{ position: absolute; left: auto; right: 0; top:10px; width:70%; /*width:calc(50% - 20px);*/ margin: 0 auto;display: flex; align-items:top; justify-content: space-between;}
.head-warp a.contact-btn{ width: 80%; height: 40px; display: block; padding-left:20%; }
.head-warp a.contact-btn img{width: 100%; height: auto;}
/*#header ul li a.sp-nomi{ width: 40px; height: 40px; background-color: #cdad64; text-align: center; line-height: 37px; border-radius: 5px;}
#header ul li a.sp-nomi img{ width: 24px; height: 24px; line-height: 40px;}*/
	/*
#header ul li{ width:50%; padding:0; display: block;}
#header ul li:first-child{padding-top:0; padding-right: 10px;}
#header ul li.phone{ margin-top:0;}	*/
}


#home{}
.Main-section{width: 980px;}
/*FV決まったら調整*/
.Main-section .inner{ width: 980px; margin: 0 auto; position: relative; height: 1425px;}
.Main-section .inner h1{position: absolute; left: 0; top: 0px;}
.Main-section .inner h1 img{width:980px;}
/*FV決まったら調整*/


.reason3{background-color: rgba(248,245,239,.5); padding: 40px 0;}
.reason3 .warp{width: 980px; margin: 0 auto;}
.reason3 .warp h4{ margin-bottom: 30px; text-align: center;}

.reason3 .warp ul.point3-area{display:flex; flex-wrap: wrap; padding:0; }
.reason3 .warp ul.point3-area li{ margin-bottom: 0; margin-right: 2%; width: 16%;}
.reason3 .warp ul.point3-area li img{width: 16%; height: auto;}
.reason3 .warp ul.point3-area li:last-child{margin-right: 0;}

.reason3 .warp ul.reason-main{display:flex; justify-content:space-around; padding:0; }
.reason3 .warp ul.reason-main li{ width:31%;  text-align: center; position: relative;}
.reason3 .warp ul.reason-main li img{width: 95%; height: auto;}

.reason3 .warp ul.reason-main li dt{ font-size: 12px; margin-bottom: 10px; color: #c4a962;}
.reason3 .warp ul.reason-main li dd{ letter-spacing: -1px; line-height: 1.4;}
.mechanism{ max-width: 100%; text-align:center;}
.mechanism img{ width: 80%;}




@media screen and (max-width: 768px) {
#home{ padding-top: 60px;}	
/*.Main-section{background:url(../img3/main_bg_sp.jpg) center 0 no-repeat;  background-size: cover;}*/
.Main-section{width:auto; margin:0 auto;}
/*.Main-section .inner{ width: 980px; margin: 0 auto; position: relative; height: 400px;}*/
.Main-section .inner{ width:calc(100% - 40px); padding:0 20px; margin: 0 auto 20px auto; }
/*.Main-section .inner{ width:calc(100% - 40px); padding:0 20px; margin: 0 auto 100px auto; }*/
/*.Main-section .inner{ width:calc(100%); padding:0 0px; margin: 0 auto; }*/
/*.Main-section .inner h1{position:static; padding-top: 25vh;}*/	
.Main-section .inner h1{position:static; padding-top: 3vh; }	
.Main-section .inner h1 img{ max-width: 100%; height: auto;}

/*.reason3{background-color: rgba(238,216,190,.4); padding:40px 0;}*/
.reason3{background-color: rgba(248,245,239); padding:20px 0 40px 0; }
/*.reason3{background-color: rgba(255,255,255,.5); padding:20px 0 40px 0; }*/
.reason3 .warp{width:calc(100% - 40px); padding:0 20px; margin: 0 auto;}
.reason3 .warp h4{ margin-bottom: 10px; font-size: 6vw;}

.reason3 .warp ul.reason-main{display:flex; flex-wrap: wrap; padding:0; }
.reason3 .warp ul.reason-main li{ width:45%; display: block;  text-align: center; position: relative; margin: 0px 2%;}
.reason3 .warp ul.reason-main li img { width:100%; display: block;  text-align: center; position: relative; margin: 20px 0;}


.reason3 .warp ul.reason-main li dt{ font-size: 12px; margin-bottom: 10px; color: #c4a962;}
.reason3 .warp ul.reason-main li dd{ letter-spacing: -1px; line-height: 1.4;}	
	
	
	
}

@media screen and (max-width: 321px) {
.Main-section .inner{margin: 0 auto 100px auto; height: 60vh; }
/*.Main-section .inner h1{position:static; padding-top:55vh;}*/
.Main-section .inner h1{position:static; padding-top:20vh;}
	

}

.Reason{padding: 70px 0;}
.Reason h2{ margin-bottom:20px;font-size:64px; color:#a88342; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.Reason h2 span{ font-size:60px; color:#141414; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.Reason .method{width:33%; border-style:1px;}
.Reason ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin: 30px 0 50px 0;}
.Reason ul li{width:33%; margin-top: 0; text-align: center;}
@media screen and (max-width: 768px) {
.Reason ul li{width:100%; text-align: center; margin-top: 20px;}
.Reason img{max-width: 100%; height: auto;}	
.Reason h2{ margin-bottom:24px;font-size:24px; color:#a88342; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.Reason h2 span{ font-size:28px; color:#141414; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
}

.Reason .compare-method{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 50px;}
.Reason .compare-method .text-center{text-align:center;}
.Reason .compare-method img{margin: 0 auto; width:90%;}
.Reason .compare-method li{width:calc(33%); background: #fff; padding: 20px; border: 1px solid #c2a45f; box-sizing: border-box; margin-bottom:0;}
.Reason .compare-method li dt{ background: #cdad64; color: #fff; padding: 3px 20px 1px 20px; display: inline-block; line-height: 1.5; margin-bottom: 5px;}
.Reason .compare-method h2{text-align: center;}
.Reason .compare-method p{text-align: left;  margin-top: 20px; color: #555;}

@media screen and (max-width: 768px) {
.Reason .compare-method{width:100%; display:block;}
.Reason .compare-method li{width:100%; margin-bottom: 30px;}
.Reason .compare-method h2{text-align: center;}
.Reason .compare-method p{text-align: left;}	
}
.Reason .compare-method2{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 50px;}
.Reason .compare-method2 .text-center{text-align:center;}
.Reason .compare-method2 img{margin: 0 auto; width:90%;}
.Reason .compare-method2 li{width:calc(48%); background: #fff; padding: 20px; border: 1px solid #c2a45f; box-sizing: border-box; margin-bottom:0;}
.Reason .compare-method2 li dt{ background: #cdad64; color: #fff; padding: 3px 20px 1px 20px; display: inline-block; line-height: 1.5; margin-bottom: 5px;}
.Reason .compare-method2 h2{text-align: center;}
.Reason .compare-method2 p{text-align: left;  margin-top: 20px; color: #555;}

@media screen and (max-width: 768px) {
.compare-slider{display:flex; width:100%; overflow-x: scroll;}
.compare-slider div{width:85%; flex-shrink:0; border:1px solid #c2a45f; padding:5px 10px; text-align: center;}
.compare-slider div h3{background: #cdad64; color: #fff; padding: 3px 20px 1px 20px; display: inline-block; line-height: 1.5; margin:0 auto 5px; text-align: center!important;}
.compare-slider div h4{margin-bottom: 5px; text-align: center;}
.compare-slider div h2{text-align: center;}
.compare-slider div p{text-align: left; padding:5px 10px;}	
}


.infection{width:980px; margin:30px auto 10px;}
.infection a p{color:black; padding:10px 20px; border:1px solid; border-color:black; margin:0 auto;}
.infection img{width:100%; margin:0 auto;}
@media screen and (max-width: 768px) {
.infection{width:auto; margin:30px auto 10px; text-align: center;}
.infection a p {color:black; padding:10px 20px; border:1px solid; border-color:black; margin:0 auto;}
.infection img{width:100%; margin:0 auto;}
}



.img_box{ width:auto; margin:40px; padding-bottom: 30px;}
.img_box img{ width:100%;}

@media screen and (max-width: 768px) {
.img_box{ width:auto; margin:20px auto; padding-bottom: 30px;}
.img_box img{ width:100%;}	
}
/*==================================================
スライダーのためのcss
===================================*/
.case{width:980px; margin:30px auto 10px;}
@media screen and (max-width: 768px) {
.case{width:auto; margin:30px auto 10px; text-align: center;}
}
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:94%;
    margin:0 auto;
}

.slider img {
    width:60vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
}

.slider .slick-slide {
	transform: scale(0.8);/*左右の画像のサイズを80%に*/
	transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
	opacity: 0.5;/*透過50%*/
}

.slider .slick-slide.slick-center{
	transform: scale(1);/*中央の画像のサイズだけ等倍に*/
	opacity: 1;/*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
    border-right: 2px solid #666;/*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}




.solution{ padding: 70px 0; margin-top:20px;}
.solution h2{ margin-bottom:20px;font-size:64px; color:#a88342; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.solution h2 span{ font-size:92px; color:#141414; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.solution h3{  margin-bottom:20px; font-size:48px; color:#fff; background-color:#59b9b5; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/}
.solution h4{ width:80%; margin:0 auto; font-size:24px; /*color:#141414; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/ padding:10px 10px;}
.solution h4 span{ font-size:24px; color:#af1b1b; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/ padding:10px 10px;}
.solution .Box980 div{display:inline-block; margin:10px 0 30px;}
.solution .Box980 div .service-img{max-width:39%; vertical-align:top;}
.solution .Box980 div .service-text{max-width:60%; vertical-align:top;}
.solution .Box980 div img{width:100%; margin:0 auto 30px;}

@media screen and (max-width: 768px) {
.solution{ padding: 50px 0;}	
.solution h2{ font-size:30px; color:#a88342; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/}
.solution h2 span{ font-size:48px; color:#141414; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/}
.solution h3{ font-size:22px; color:#fff; background-color:#59b9b5; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ'; margin:10px 0;*/}
.solution h4{  width:95%; font-size:18px; /*color:#141414; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ'; /*padding:10px 20px;*/}
.solution h4 span{ font-size:18px; color:#af1b1b; /*padding:10px 20px;*/}

.solution .Box980 div{display:inline-block; margin:5px 0 20px;}
.solution .Box980 div .service-img{max-width:100%; vertical-align:top;}
.solution .Box980 div .service-text{max-width:100%; vertical-align:top;}
.solution .Box980 div img{width:100%; margin:0 auto;}
	
/*.solution div{max-width:100%; }
.solution div img{width:100%; margin:0 auto 50px;}
*/
}



.compare{ padding: 70px 0; margin-top:20px; background-color: #f5f3ee;}
.compare h2{ margin-bottom:20px;font-size:64px; color:#a88342; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare h2 span{ font-size:92px; color:#141414; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare-bg{max-width:100%; padding: 70px 0; margin-top:20px; 	background: linear-gradient(45deg, #e5daa9/*a88342*/ 0%, #e5daa9 50%, #f5f3ee 50%, #f5f3ee 100%);}
.compare-heading  ul{max-width: 100%; margin:0 auto; text-align:center; vertical-align:bottom;}
.compare-heading  ul li{width:48%; display: inline-block; margin-bottom:30px; vertical-align:bottom;}
.compare-heading .est h3{ padding:10px; margin-bottom:20px; font-size:48px; color:#fff; background-color:#b7a242; }
.compare-heading .gym h3{  margin-bottom:20px; font-size:40px; color:#fff; background-color:#808080; }

.compare-content  ul{max-width: 100%; margin:0 auto; text-align:center; vertical-align:middle;}
.compare-content  ul li{width:36%; display: inline-block; vertical-align:middle;}
.compare-content  ul .item{width:24%; display: inline-block; }
.compare-content .est h4{  width:90%; padding:10px 10px; margin:0 auto 20px; font-size:24px; color:#fff; background-color:#b7a242; }
.compare-content .item h4{  width:90%; padding:10px 10px; margin:0 auto 20px; font-size:24px; color:#141414; background-color:#fff; /*border:1px solid #141414;*/ }
.compare-content .gym h4{  width:90%; padding:10px 10px; margin:0 auto 20px; font-size:24px; color:#fff; background-color:#808080; }
.compare img{width:100%; margin:0 auto;}

.compare_solution{max-width:100%; padding: 70px 0; margin-top:20px; }
.compare_solution h2{ margin-bottom:20px;font-size:60px; color:#a88342; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare_solution h2 span{ font-size:92px; color:#141414; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare_solution h3{  width:90%; padding:10px 10px; margin:0 auto 20px; font-size:48px; color:#fff; background-color:#b7a242; }


@media screen and (max-width: 768px) {
.compare{ padding: 50px 0;}	
.compare h2{ font-size:24px; color:#a88342; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/}
.compare h2 span{ font-size:40px; color:#141414; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/}
	
.compare-bg{max-width:100%; padding: 70px 0; margin-top:20px; 	background: linear-gradient(70deg, #e5daa9/*a88342*/ 0%, #e5daa9 50%, #f5f3ee 50%, #f5f3ee 100%);}
.compare-heading  ul{max-width: 100%; margin:0 auto; text-align:center;}
.compare-heading  ul li{width:48%; display: inline-block; margin-bottom:15px;}
.compare-heading .est h3{  margin-bottom:10px; padding:10px 5px; font-size:20px; color:#fff; background-color:#b7a242; }
.compare-heading .gym h3{  margin-bottom:10px; padding:5px 5px; font-size:14px; color:#fff; background-color:#808080; }

.compare-content  ul{max-width: 100%; margin:0 auto; text-align:center; vertical-align:middle;}
.compare-content  ul li{width:35%; display: inline-block; vertical-align:middle;}
.compare-content  ul .item{width:23%; display: inline-block; }
.compare-content .est h4{  width:88%; padding:10px 5px; margin:0 auto 20px; font-size:14px; color:#fff; background-color:#b7a242; }
.compare-content .item h4{  width:88%; padding:5px 5px; margin:0 auto 20px; font-size:12px; color:#141414; background-color:#fff; /*border:1px solid #141414;*/ }
.compare-content .gym h4{  width:88%; padding:10px 5px; margin:0 auto 20px; font-size:14px; color:#fff; background-color:#808080; }

.compare_solution{max-width:100%; padding: 70px 0; margin-top:20px; }
.compare_solution h2{ font-size:22px; color:#a88342; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare_solution h2 span{ font-size:40px; color:#141414; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare_solution h3{  width:100%; padding:10px 5px; margin:0 auto 20px; font-size:18px; color:#fff; background-color:#b7a242; }
}

.container2 {max-width:auto; padding:10px;}
.container2 .Box980 h3{font-size:20px!important; text-align: center!important;}
.container2 .Box980 h4{font-size:16px; text-align: center;}
.container2 h2{font-size:30px;}
.container2 img{width:90%;}

.dark-bg2{background-color:#1f2d31;}
.trn{ padding-bottom: 50px;}
.trnr-list{}
.trnr-list li{ background: #fff; padding: 20px; margin: 40px 20px 0 20px;}
.trnr-list li dt{margin:0 auto;}
.trnr-list li dd{margin-top: 20px; font-size: 18px; text-align: left;}

.qa{ padding-top: 50px;}
.qa img{ width:100%;}

.space{ padding: 30px 0;}
.space img { width:100%;}

.faq{width:690px; margin: 40px auto 0 auto;}
.faq dl{padding: 0;}
.faq dt{font-size:30px; line-height: 1.3; font-weight: 800; padding-left:65px; background:url(../img/q.png) 0 top no-repeat; min-height: 50px; margin-bottom: 15px;}
.faq dd{padding-left:65px;  margin-bottom: 50px; background:url(../img/a.png) 0 5px no-repeat;}

.shop-list{ margin-top: 40px;}
.shop-list2 p{ color:#141414; border: 1px solid #141414; padding:10px 0;}
.shop-list img{ width: 100%; height: auto;}
.shop-list dl{ background-color:rgba(255,255,255,0.8); padding: 20px;}
.shop-list dt{ font-size: 30px!important; font-weight: 800; margin-bottom: 10px;}
.shop-list dd{}



@media screen and (max-width: 768px) {	
	.dark-bg2{background-color:#1f2d31; margin-bottom: 20px;}
	.trn{ padding-bottom: 50px;}
	.trnr-list li dt img{width:100%;}
	.faq{width:calc(100% - 40px); margin: 0 auto; padding: 0 20px;}
	.faq dt{font-size:20px;}
	.bg1{background: url(../img/bg1.jpg) 0 0 repeat; height:auto;}
	.dark-bg6 p.event-bg{background: url(../img/event-img-sp.png) 0 0 repeat; background-size:contain; height: 0; position: relative;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 73.3%;}
	.dark-bg6 p.event-bg a{position: absolute; bottom:50px; left: 50%; margin-left: -100px; }
	
}

.ceo{padding:30px 10px;}
.ceo-box{ width: 100%; color: #fff!important;}
.ceo-box dt{ width: 150px;float: left; overflow:hidden; clear:left;}
.ceo-box dt img{width: 100%; height: auto;}
.ceo-box dd{ margin-left: 180px; font-size: 16px;}
.ceo-box dd h4{font-size: 24px!important; margin-bottom: 20px; color:#fff!important;}
.ceo-box dd h4 small{ font-size: 14px;}
.ceo-box:before, .ceo-box:after{display:table; content:""; line-height:0;}
.ceo-box:after{ clear:both; float:none;}


@media screen and (max-width: 768px) {
.ceo-box{ width:calc(100% - 40px); margin: 0 auto; padding: 0 20px; color: #fff;}
.ceo-box dt{ width: 80px;float: left; overflow:hidden; clear:left;}
.ceo-box dt img{width: 100%; height: auto;}
.ceo-box dd{ margin-left: 100px; font-size: 14px; padding-right:10px;}
.ceo-box dd h4{font-size: 20px!important; margin-bottom: 20px; color:#fff!important;}
.ceo-box dd h4 small{ font-size: 12px;}
.ceo-box:before, .ceo-box:after{display:table; content:""; line-height:0;}
.ceo-box:after{ clear:both; float:none;}
	
}


/*20220502追加分*/
#Entryform h2.tlt{ font-size: 28px!important; text-align: center!important; background-color:#202d31; color:white;  margin-bottom:30px; padding:20px 5px;}
/*#Entryform h3 .ribbon1 { font-size: 20px!important; text-align: center!important; background-color:#202d31; color:white;  margin-bottom:30px; padding:20px 5px;}
*/
#Entryform h4.tlth4{ font-size: 20px!important; text-align: center!important; padding:10px 0; color:darkred;}
.tltp{margin-bottom:30px;}

.ribbon1 {
  display: block;
	width: 80%;
	margin: 0 auto 10px;
  position: relative;
  height: 50px;/*リボンの高さ*/
  line-height: 50px;/*リボンの高さ*/
  text-align: center;
  padding: 0 30px;/*横の大きさ*/
  font-size: 1.2em;/*文字の大きさ*/
  background: #f57a78;/*塗りつぶし色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
}

.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon1:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon1:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}


/**
.Main-section{background:url(../img3/main_bg_pc.jpg) center center no-repeat; height: 540px;}
.Main-section div{ width: 980px; margin: 0 auto; padding-top: 150px;}
.Main-section h1{ text-align: left;}

@media screen and (max-width: 768px) {
.Main-section{background:url(../img3/main_bg_sp.jpg) center top no-repeat;  background-size:cover; height:auto;}
.Main-section div{ width:calc(100% - 40px); padding-left: 20px; padding-right: 20px; margin: 0 auto; padding-top: 35vh; padding-bottom:30px;}	
.Main-section h1{ text-align: center;}
.Main-section h1{ text-align: center;}
}
**/

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

}

.main-exp{ background-color: #9e804f; padding:40px 0;}
.main-exp ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.main-exp ul li{width:48%; margin-top: 0; text-align: center; color: #fff; font-size: 1.9em; font-style: italic; letter-spacing: -1px;}

@media screen and (max-width: 768px) {
.main-exp ul li{ font-size: 5.7vw; color: #fff; text-align: center; width:100%;}
	.main-exp ul li:last-child{margin-top: 30px;}	
}


.covid{ padding: 50px 0; background-color: #f7f7f7;}
@media screen and (max-width: 768px) {
	
}


.first-bg{background:url(../img3/bg1_pc.jpg) center center no-repeat; padding: 70px 0;}
@media screen and (max-width: 768px) {
.first-bg{background:url(../img3/bg1_sp.jpg) center center no-repeat; background-size:cover;}
}



.Trouble{padding: 70px 0;}
.Trouble ul.one{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; background-image: none;}
.Trouble ul.one li{width:31%; margin-top: 0; position: relative;}
.Trouble ul.one li dl{position: absolute; top: 30px; left: 30px;}
.Trouble ul.one li dt{color: #9e804f; margin-bottom: 10px; font-size: 14px;}
.Trouble ul.one li div{display:block;}	

.Trouble ul.two{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.Trouble ul.two li{width:calc(31% - 60px); padding: 30px; margin-top: 0; background: #f8f3ea;}
.Trouble ul.two li dt{ margin-bottom: 10px;}
.Trouble ul.two li dd{ font-size: 14px;}

@media screen and (max-width: 768px) {
.Trouble ul.one{ background:url(../img/bg5_sp.jpg) bottom center no-repeat; background-size:cover; display: block; padding:50px 30px; width:calc(100% - 60px);}	
.Trouble ul.one li{width:100%; margin-top: 30px; display: block;  }
.Trouble ul.one li:first-child{margin-top: 0;}	
.Trouble ul.one li dl{position:static; top:0; left:0;}
.Trouble ul.one li div{display: none;}	

.Trouble ul.two li{width:calc(100% - 60px); padding:20px 30px; margin-top:0;}
.Trouble ul.two li dt{ margin-bottom:2px;}
}


.for-you{padding: 70px 0; background-color: #f5f3ee;}
.for-you ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 20px;}
.for-you ul li{width:calc(31% - 40px); padding:15px 20px; background-color:rgba(255,255,255,.7); text-align: center; font-style: italic;}
@media screen and (max-width: 768px) {
.for-you ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.for-you ul li{width:calc(100% - 20px); padding: 10px 25px; margin-bottom: 10px;text-align: left;}
.for-you p{text-align: left;}
}


.case-area{padding: 70px 0; background-color: #f5f3ee;}
.case-area ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 30px;}
.case-area ul li{width:30%;}
.case-area ul li img{max-width: 100%; height: auto;}
@media screen and (max-width: 768px) {
.case-area ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.case-area ul li{width:100%; margin-top: 30px;}
.case-area p{text-align: left;}
}






.what-glp{padding: 70px 0; background:url(../img3/image1.jpg) left top no-repeat #f5f3ee;}
.what-glp div.Box980 div{ width: calc(50% - 50px); margin-left: 50%; padding: 30px 0 30px 50px; text-align: left!important; background-color: rgba(245,243,238,.7);}
.what-glp h2{margin-bottom: 30px;}
.what-glp ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin: 20px 0;}
.what-glp ul li{width:calc(49% - 20px); padding:10px; background-color:rgba(255,255,255,.7); margin: 5px 0; font-style: italic; letter-spacing: -1px; color: #5b453f;}

@media screen and (max-width: 768px) {
.what-glp{padding: 100px 0; background:url(../img3/image1_sp.jpg) left top no-repeat #f5f3ee; background-size: cover;}
.what-glp div.Box980 div{ width: calc(100% - 60px); margin-left:0; padding:30px; text-align: left!important;}
.what-glp ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin: 20px 0;}
.what-glp ul li{width:calc(100% - 20px); padding:5px 10px; background-color:rgba(255,255,255,.7); margin: 5px 0;}	
}


.Reason{padding: 70px 0;}
.Reason h2{ margin-bottom:20px;font-size:64px; color:#a88342; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.Reason h2 span{ font-size:60px; color:#141414; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.Reason .method{width:33%; border-style:1px;}
.Reason ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin: 30px 0 50px 0;}
.Reason ul li{width:33%; margin-top: 0; text-align: center;}
@media screen and (max-width: 768px) {
.Reason ul li{width:100%; text-align: center; margin-top: 20px;}
.Reason img{max-width: 100%; height: auto;}	
.Reason h2{ margin-bottom:24px;font-size:24px; color:#a88342; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.Reason h2 span{ font-size:28px; color:#141414; font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
}

.Reason .compare-method{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 50px;}
.Reason .compare-method .text-center{text-align:center;}
.Reason .compare-method img{margin: 0 auto; width:90%;}
.Reason .compare-method li{width:calc(33%); background: #fff; padding: 20px; border: 1px solid #c2a45f; box-sizing: border-box; margin-bottom:0;}
.Reason .compare-method li dt{ background: #cdad64; color: #fff; padding: 3px 20px 1px 20px; display: inline-block; line-height: 1.5; margin-bottom: 5px;}
.Reason .compare-method h2{text-align: center;}
.Reason .compare-method p{text-align: left;  margin-top: 20px; color: #555;}

@media screen and (max-width: 768px) {
.Reason .compare-method{width:100%; display:block;}
.Reason .compare-method li{width:100%; margin-bottom: 30px;}
.Reason .compare-method h2{text-align: center;}
.Reason .compare-method p{text-align: left;}	
}
.Reason .compare-method2{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 50px;}
.Reason .compare-method2 .text-center{text-align:center;}
.Reason .compare-method2 img{margin: 0 auto; width:90%;}
.Reason .compare-method2 li{width:calc(48%); background: #fff; padding: 20px; border: 1px solid #c2a45f; box-sizing: border-box; margin-bottom:0;}
.Reason .compare-method2 li dt{ background: #cdad64; color: #fff; padding: 3px 20px 1px 20px; display: inline-block; line-height: 1.5; margin-bottom: 5px;}
.Reason .compare-method2 h2{text-align: center;}
.Reason .compare-method2 p{text-align: left;  margin-top: 20px; color: #555;}

@media screen and (max-width: 768px) {
.compare-slider{display:flex; width:100%; overflow-x: scroll;}
.compare-slider div{width:85%; flex-shrink:0; border:1px solid #c2a45f; padding:5px 10px; text-align: center;}
.compare-slider div h3{background: #cdad64; color: #fff; padding: 3px 20px 1px 20px; display: inline-block; line-height: 1.5; margin:0 auto 5px; text-align: center!important;}
.compare-slider div h4{margin-bottom: 5px; text-align: center;}
.compare-slider div h2{text-align: center;}
.compare-slider div p{text-align: left; padding:5px 10px;}	
}

/*
.Injection{padding: 70px 0 30px 0; background-color: #f5f3ee;}
.Injection div.inner{background:url(../img3/bg2_pc.jpg) left top no-repeat; padding: 70px 0;}
.Injection div.inner h2.fontstyle{ font-style: italic;}
.Injection div.inner ul{width:100%; display:flex; justify-content:flex-start; flex-wrap:wrap; margin: 60px 0;}
.Injection div.inner ul li{width:40%; margin-bottom: 0;}
.Injection div.inner ul li p{margin: 17px 0;}
.Injection div.inner ul li p:before{display:inline-block; content:"-"; font-weight:800; color:#f4706b; margin-right: 8px; line-height:1;}
@media screen and (max-width: 768px) {
.Injection div.inner{background:url(../img3/bg2_sp.jpg) left top no-repeat #f5f3ee; padding: 70px 0; background-size: cover;}	
.Injection div.inner ul li{width:100%; margin-bottom: 0;}
.Injection div.inner ul li p{margin: 17px 0 0 0;}	
}
*/

.Merit{padding: 70px 0 0 0;}
.Merit ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; background-image: none;}
.Merit ul li{width:20%; margin-top: 0; position: relative;}
.Merit ul li dl{position: absolute; top: 30px; left: 30px;}
.Merit ul li dt{color: #9e804f; margin-bottom: 10px; font-size: 14px;}

@media screen and (max-width: 768px) {
.Merit ul{ background:url(../img3/bg6_sp.jpg) bottom center no-repeat; background-size:cover; display: block; padding:50px 30px; width:calc(100% - 60px);}	
.Merit ul li{width:100%; margin-top: 30px; display: block;  }
.Merit ul li:first-child{margin-top: 0;}	
.Merit ul li dl{position:static; top:0; left:0;}	
.Merit ul li dt{color: #9e804f; margin-bottom: 2px; font-size: 14px;}
.Merit ul li div{display: none;}	
}


.Method{padding: 70px 0; background-color: #f5f3ee;}
.Method ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 30px;}
.Method ul li{width:47%; margin-bottom: 40px;}
.Method ul li dt{ float: left; margin-right: 20px; width: 90px; height: 90px;}
.Method ul li dd{}
.Method ul li dd h4{margin: 10px 0;}

.Method ul li dl:before, .Method ul li dl:after{display:table; content:""; line-height:0;}
.Method ul li dl:after{ clear:both; float:none;}
@media screen and (max-width: 768px) {
.Method ul li{width:100%; margin-bottom: 40px;}
.Method ul li dt{ float: left; margin-right: 20px; width: 75px; height: 75px; margin-bottom: 20px;}
	.Method ul li dt img{max-width: 100%; height: auto;}	
}


.Sarani{padding:0 0 70px 0;}
.Sarani ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.Sarani ul li{width:31%; margin-top: 0; border-bottom: 1px #e7e1d5  dotted; padding-bottom: 20px;}
.Sarani ul li div {position:relative; display:inline-block;  text-align: center; margin: 1em 0; padding:5px; width:calc(100% - 20px); background:#e7e1d5;}
.Sarani ul li div:before{ content:""; position:absolute; top:100%; left:50%; margin-left:-10px; border:10px solid transparent; border-top:10px solid #e7e1d5;}
.Sarani ul li div span { letter-spacing: -1px; font-size: 1.2em;}
.Sarani ul li p{margin-top: 10px; line-height: 1.3;}
@media screen and (max-width: 768px) {
.Sarani ul li{width:100%; padding-bottom:20px; margin-top: 20px;}
.Sarani ul li:first-child{margin-top:0;}
.Sarani ul li div span { letter-spacing: -1.5px; font-size:5.4vw;}	
}


.flow{padding:70px 0; background: #f5f3ee;}
.flow ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.flow ul li{width:32%; padding: 30px; margin-top: 0; border: 1px #e7e1d5 solid; background: #fff; box-sizing: border-box;}
.flow ul li h4{letter-spacing: -1px; margin-bottom: 20px;}
@media screen and (max-width: 768px) {
.flow ul li{width:100%; padding: 30px;  margin-top: 20px;}
.flow ul li h4{letter-spacing: -2px; margin-bottom: 20px;}	
}


.campaign{padding:70px 0;}
.campaign ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.campaign ul li{width:60%; margin: 20px 0; border: 1px #e7e1d5 solid; box-sizing: border-box; background-color: rgba(255,255,255,.7);}
.campaign ul li h2{ line-height: 1; letter-spacing: 0;}
.campaign ul li h5{ padding: 7px 30px; background-color: #e7e1d5;}
.campaign ul li h5 span{ background: #f20; display: inline-block; padding: 2.5px 7px; color: #fff; line-height: 1; margin:0 5px 0 0; font-size: 13px;}
.campaign ul li div{text-align: left; padding: 25px;}
.campaign ul li div h4{margin-bottom: 5px;}
.campaign p{margin-top: 20px;}
.campaign ul li ul{margin-top: 20px;}
.campaign ul li ul li{width:48%; margin: 3px 0; border: none; font-size: 14px;}
.campaign .cam_img{width:auto; margin: 0 auto; display: block;} 
.campaign img{width:100%;} 
@media screen and (max-width: 768px) {
.campaign ul li{width: 100%; margin-top:20px;}
.campaign ul li ul li{width:100%; margin: 3px 0; border: none;}	
.campaign .cam_img{width:100%; margin: 0 auto; display: block;} 
.campaign .cam_img img{width:100%;} 
}


.osusume{padding: 100px 0; background:url(../img3/bg3_pc.jpg) center top no-repeat #d4dedf;}
.osusume ul{width:100%; display:flex; justify-content:flex-start; flex-wrap:wrap;}
.osusume ul li{width:38%; margin-bottom: 0;}
.osusume ul li p{ margin-bottom: 50px; font-size: 18px; line-height: 1.3;}
.osusume ul li p:before{display:inline-block; content:"-"; font-weight:800; color:#f4706b; margin-right: 8px; line-height:1;}
.osusume ul li p:last-of-type{ margin-bottom: 0;}
@media screen and (max-width: 768px) {
.osusume{padding: 50px 0 150px 0; background:url(../img3/bg3_sp.jpg) center bottom no-repeat #d4dedf; background-size:cover;}	
.osusume ul li{width:100%; margin-bottom: 20px;}
.osusume ul li p{ margin-bottom: 20px; font-size:4.5vw; line-height: 1.3;}	
}


.about-glp{padding:70px 0; background: #f5f3ee;}
.about-glp ul{width:100%; display:flex; justify-content:space-between;; flex-wrap:wrap;}
.about-glp ul li:first-child{width:35%; margin-top: 0;}
.about-glp ul li:last-child{width:60%; margin-top: 0;}
.about-glp ul li h3{margin-bottom: 30px;}
@media screen and (max-width: 768px) {
.about-glp ul li:first-child{width:100%; margin-top: 0;}
.about-glp ul li:last-child{width:100%; margin-top: 20px;}
}


.Feature{padding: 100px 0; background:url(../img3/bg4_pc.jpg) center top no-repeat #ece8df;}
.Feature ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.Feature ul li{width:48%; padding: 30px; margin-top: 0; border: 1px #e7e1d5 solid; background-color: rgba(255,255,255,.7); box-sizing: border-box;}
.Feature ul li h4{letter-spacing: -1px; margin-bottom: 20px;}
@media screen and (max-width: 768px) {
.Feature{padding: 100px 0; background:url(../img3/bg4_sp.jpg) center top no-repeat #ece8df; background-size: cover;}	
.Feature ul li{width:100%; padding: 30px; margin-top: 20px;}
}


.Comparison{padding:70px 0; background-color:#f5f3ee; text-align: center;}
.Comparison img{width:80%;}	
@media screen and (max-width: 768px) {
.Comparison{padding:70px 0;}
.Comparison img{width:100%;}	
}

.Price{padding: 70px 0; background: #f5f3ee;}
.Price ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.Price ul li{width:47%; margin: 20px 0; border: 1px #e7e1d5 solid; box-sizing: border-box; background-color: rgba(255,255,255,.7);}
.Price ul li img{width:100%; margin: 20px 0; }
.Price ul li h2{ line-height: 1; letter-spacing: 0;}
.Price ul li h5{ padding: 7px 30px; background-color: #e7e1d5;}
.Price ul li h5 span{ background: #f20; display: inline-block; padding: 2.5px 7px; color: #fff; line-height: 1; margin:0 5px 0 0; font-size: 13px;}
.Price ul li div{text-align: left; padding: 25px;}
.Price ul li div h4{margin-bottom: 5px;}
.Price p{margin-top: 20px;}
.Price ul li ul{margin-top: 20px;}
.Price ul li ul li{width:48%; margin: 3px 0; border: none; font-size: 14px;}

@media screen and (max-width: 768px) {
.Price ul li{width: 100%; margin-top:20px;}
.Price ul li ul li{width:100%; margin: 3px 0; border: none;}	
}


.best-plan-box{padding: 70px 0 50px 0;}
.best-plan-box h2{margin-bottom: 20px!important;}
.best-plan-box h2 small{letter-spacing: 4px;}
.best-plan-box p{margin:  15px 5%;}
.best-plan-box ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; }
.best-plan-box ul li{width:30%; margin-bottom: 0;}
@media screen and (max-width: 768px) {
.best-plan-box ul li{width:calc(100% - 40px); padding:20px; margin-bottom: 20px;}
}



.New-ct-F{width:100%; padding-top:70px; background: #f5f3ee;}
.New-ct-F .F-title{color: #59420f; text-align:center;} /*font-size: 1em; line-height: 1.7; */
.New-ct-F .New-title {max-width:auto; text-align:center; margin-top:20px}
.New-ct-F .New-title img{width:70%; margin:0 auto 10px; }
.New-ct-F .New-title p{font-size: 20px; text-align:center; margin-bottom:0px}
@media screen and (max-width: 768px) {
.New-ct-F .New-title {max-width:auto; text-align:center; margin-top:10px}
.New-ct-F .New-title img{width:90%; margin:0 auto 10px; }
.New-ct-F .New-title h2{margin-top:20px}
.New-ct-F .New-title h2:after {  border-color: #f5f3ee transparent transparent transparent;}
.New-ct-F .New-title p{font-size: 14px; text-align:left!important; margin-bottom:10px}
/*.New-ct-F .New-title h2{font-size:2vw; text-align:center;} /*font-size: 1em; line-height: 1.7; */
}


.New-ct-F .New-title h2:after {
  border-color: #f5f3ee transparent transparent transparent;
}



.Pay{padding: 70px 0;}
.Pay ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.Pay ul li{width:32%; padding: 30px; margin-top: 0; border: 1px #e7e1d5 solid; background: #fff; box-sizing: border-box; text-align: center;}
.Pay ul li h3{letter-spacing: -1px; margin: 30px 0 10px 0;}
.Pay p{ text-align: left;}
.Pay .loan{text-align: center; max-width: auto;}
.Pay .loan img{width:60%; margin:0 auto;}




@media screen and (max-width: 768px) {
.Pay ul li{width:100%; padding:15px 20px; margin-top: 10px;}
.Pay ul li div{ float: left; margin-right: 20px; margin-bottom: 20px; width: 50px; height: 50px;}
.Pay ul li div img{max-width: 100%; height: auto;}
.Pay ul li h3{margin: 0 0 5px 0;}
.Pay ul li p{ font-size: 14px; line-height: 1.2;}
.Pay ul li:before, .Pay ul li:after{display:table; content:""; line-height:0;}
.Pay ul li:after{ clear:both; float:none;}	
.Pay .loan{text-align: center; max-width: auto;}
.Pay .loan img{width:90%; margin:0 auto;}
}


.Staff{padding: 70px 0;}
.Staff dl{ border-bottom: 1px #e7e1d5 solid; padding-bottom: 40px; margin-top: 40px;}
.Staff dt{ float: left; margin-right: 40px; margin-bottom: 20px; width: 170px; height:auto;}
.Staff dd{width: calc(100% - 210px);  float: right; }
.Staff dd h4{ margin-bottom: 20px;}
.Staff dd h5{ margin-bottom: 10px; margin-top: 20px;}
.Staff dl:before, .Staff dl:after{display:table; content:""; line-height:0;}
.Staff dl:after{ clear:both; float:none;}
@media screen and (max-width: 768px) {
.Staff dt{ float: left; margin-right: 20px; margin-bottom: 10px; width: 80px; height:auto;}
.Staff dt img{ max-width: 100%; height: auto;}
.Staff dd{width: calc(100% - 100px); float: right; }	
}


.Area-info{padding: 70px 0; background: #f5f3ee;}
.Area-info ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.Area-info ul li{width:20%; margin-top: 0;}
@media screen and (max-width: 768px) {
.Area-info ul li{width:100%; margin-top: 1px;}
}


.Access{padding: 70px 0;}
@media screen and (max-width: 768px) {
.Area-info ul li{width:50%; margin-top: 0;}	

}


.Faq{padding: 70px 0; background: #fff;}
.Faq ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.Faq ul li{width:45%;}
.Faq ul li dl{ margin-bottom: 30px;}
.Faq ul li dt{ font-size: 1.3em; line-height: 1.3; background:url(../img3/q.png) left center no-repeat; padding:20px 0 20px 55px; letter-spacing: -2px;}
.Faq ul li dd{}
@media screen and (max-width: 768px) {
.Faq ul li{width:100%;}
	.Faq ul li dt{ font-size: 5vw;}	
}


/*===New-Q&A=======================================================================*/
.New-title{ margin-bottom: 40px;}
.New-title div{ color:#fff; font-size:14px; text-align:center; width:60px; height:60px; background-color:#c4a962; border-radius: 50%; line-height: 60px; margin:0 auto 10px auto;}
.New-title h2{position:relative; border-bottom:1px solid #c4a962; padding-bottom:20px; margin-bottom:20px;}
.New-title h2:before {position:absolute; bottom:-15px; left:50%; width:0; height:0; content:''; border-width:14px 13px 0 13px; margin-left:-13px; border-style:solid;
  border-color: #c4a962 transparent transparent transparent;}
.New-title h2:after {position:absolute; bottom:-14px; left:50%; width:0; height:0; content:''; border-width:14px 13px 0 13px; margin-left:-13px; border-style:solid;
  border-color: #fff transparent transparent transparent;}
.New-ct.light-bg .New-title h2:after {border-color:#f9f7f1 transparent transparent transparent;}
.New-title p{font-size:1.4em;}
.New-title h3{font-size:2.5em;}
@media screen and (max-width: 768px) {
.New-title h3{font-size:7vw; line-height:1.3;}	
.New-title p{ text-align: center!important;}
}


.New-ct{ text-align: center; padding:70px 0;}
.New-ct.light-bg{ background-color: #f9f7f1;}
.New-ct h3{text-align: center!important;}

.New-ct div.anser h4{ margin-bottom: 30px; text-align: center;}
.New-ct div.anser p{text-align: center;}
.New-ct div.anser ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin: 40px 0;}
.New-ct div.anser ul li{width:32%; margin-bottom: 0; background-color:rgba(255,255,255,.7); border: 1px #e7d9ae solid; box-sizing: border-box; text-align: center; padding: 15px;  font-size: 14px; }
.New-ct div.anser ul li small{ display: inline-block; padding: 2px 10px; line-height: 1; text-align: center; color: #fff; background: #9e804f;}
.New-ct div.anser ol{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-top: 40px; }
.New-ct div.anser ol li{width:19%; margin-bottom: 0; background-color:rgba(255,255,255,.7); border: 1px #e7d9ae solid; box-sizing: border-box; text-align:left; 
	font-size: 14px; list-style-type:none; padding:10px; list-style-position:inside; line-height: 1.3;}

.New-ct div.anser ol dl{ text-align: center;}
.New-ct div.anser ol dt{ width:40px; margin: 0 auto;}
.New-ct div.anser ol dd{ letter-spacing: -1px; margin-top: 10px;}
.New-ct div.anser ol dl:before, .New-ct div.anser ol dl:after{display:table; content:""; line-height:0;}
.New-ct div.anser ol dl:after{ clear:both; float:none;}
.New-ct div.anser div.img_box{ width:auto; margin:40px; padding-bottom: 30px;}
.New-ct div.anser div.img_box img{ width:70%;;}
@media screen and (max-width: 768px) {
.New-ct div.anser h4{text-align: left;}
.New-ct div.anser p{text-align: left;}	
.New-ct div.anser ul{margin: 20px 0;}	
.New-ct div.anser ul li{width:100%; margin-bottom:10px; }
.New-ct div.anser ol li{width:100%; margin-bottom:10px; }
	
.New-ct div.anser ol dl{ text-align:left;}
.New-ct div.anser ol dt{ width:40px; float:left; margin-right: 10px; }
.New-ct div.anser ol dd{ letter-spacing: -1px; margin-top: 10px;}
.New-ct div.anser ol dl:before, .New-ct div.anser ol dl:after{display:table; content:""; line-height:0;}
.New-ct div.anser ol dl:after{ clear:both; float:none;}	
.New-ct div.anser div.img_box{ width:auto; margin:20px 0px; padding-bottom: 15px;}
.New-ct div.anser div.img_box img{ width:95%;;}	
}

.New-ct2{ text-align: center; padding:70px 0;}
.New-ct2.light-bg{ background-color: #f9f7f1;}
.New-ct2 h3{text-align: center!important;}
.New-ct2 div.anser h4{ margin-bottom: 30px; text-align: center;}
.New-ct2 div.anser p{text-align: center;}
.New-ct2 ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 30px;}
.New-ct2 ul li{width:30%;}
.New-ct2 ul li img{max-width: 100%; height: auto;}
.New-ct2 div.anser div.img_box{ width:auto; margin:40px; padding-bottom: 30px;}
.New-ct2 div.anser div.img_box img{ width:70%;}
@media screen and (max-width: 768px) {
.New-ct2 ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.New-ct2 ul li{width:100%; margin-top: 30px;}
.New-ct2 p{text-align: left;}
.New-ct2 div.anser h4{text-align: left;}
.New-ct2 div.anser p{text-align: left;}	
.New-ct2 div.anser div.img_box{ width:auto; margin:20px 0px; padding-bottom: 15px;}
.New-ct2 div.anser div.img_box img{ width:95%;;}	
}



@media screen and (max-width: 768px) {
.New-ct,
.Faq,
.Access,
.Area-info,
.Staff,
.Pay,
.Price,
.Feature,
.about-glp,
.osusume,
.flow,
.Method,
.Reason,
.what-glp,
.case-area,
.for-you,
.Trouble,
.Banner-box{padding: 40px 0;}	

.Merit{padding: 40px 0 0 0;}
.Sarani{padding:0 0 40px 0;}	
}


/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

/** コピーライト **/
#Copyright{	background-color:#281c19; width:100%; clear:both; display:block; padding:20px 0 80px 0;}
#Copyright .wrapper{text-align:center; }
#Copyright .wrapper p{margin:0; color:#999;font-size:12px; }
#Copyright .wrapper li{ display:inline; margin:0 15px; border-bottom:none; padding:0;}
#Copyright a{ font-size:14px; letter-spacing:1px; color:#d1d1d1; }
#Copyright a:hover{text-decoration:none !important;}

@media screen and (max-width: 768px){
#Copyright .wrapper li{ display:block; margin:10px; text-align: left; padding: 10px 0; border-bottom: 1px #454545 solid;}
}





/*** scroll TOP STYLES ***/
#toTop-b {border-top:1px #444 solid; bottom:0; background-color:rgba(40,28,25,0.80); display:none; height:150px; padding:10px 0; width:980px; overflow:hidden; position:fixed; z-index:500!important; margin:0;}
#toTop-b ul{width:980px; /*width:calc(50% - 20px);*/ margin: 0 auto; display:flex; justify-content:space-between;}
#toTop-b ul li:first-child{margin-top: 10px;}
#toTop-b ul li:nth-of-type(2) {margin-left:20px; margin-right:0;}
#toTop-b ul li.phone div span{color: #fff; letter-spacing: 1px; font-size: 1.8em; font-weight: 400;}
#toTop-b ul li.phone a{ color: #efd7bd!important;}
#toTop-b ul li.phone div.pc-nomi{display: block;}
#toTop-b ul li.phone a.sp-nomi{display:none;}

#toTop-b ul li.CV-btn a{ display: inline-block; height: 150px; /*background-color: #c2a45f;*/ color: #fff; text-align: center; font-size: 20px; font-weight: 400; line-height: 50px; padding: 0 30px;  border-radius:3px; transition: all 0.4s ease 0s; }
/*#toTop-b ul li.CV-btn a:hover{background-color: #c3ab97; text-decoration: none!important;}*/
#toTop-b ul li.CV-btn span{ display: inline-block; width: 100%; margin-right: 5px; margin-top: -2px;}
#toTop-b ul li.CV-btn span img{width:100%; height: auto;}


/*LINE削除*/

@media screen and (max-width: 768px) {
	#toTop-b{height: 100px; width:100%;}
	#toTop-b ul{width:calc(100% - 40px); display:block; justify-content:flex-start; margin:0 auto;padding: 0 20px;}
	#toTop-b ul li{width: 100%;}
	#toTop-b ul li:first-child{margin-top:0;}

	#toTop-b ul li.CV-btn-sp a,
	#toTop-b ul li.CV-btn-line a{width:100%;/*calc(100% - 10px)*/; height: 100px; line-height: 100px; padding-left: 5px; padding-right: 5px; /*background-color: #c2a45f;*/ color: #fff; text-align: center; font-size: 15px; font-weight: 400;  display: block; border-radius:2px; letter-spacing:-1px; transition: all 0.4s ease 0s; }
	
/*	#toTop-b ul li.CV-btn-sp span,
	#toTop-b ul li.CV-btn-line span{ display: inline-block; width: 20px; margin-right: 3px; }
*/
	#toTop-b ul li.CV-btn-sp span img,
	#toTop-b ul li.CV-btn-line span img{max-width: 100%; height: auto;}
	
}

/*
@media screen and (max-width: 768px) {
	#toTop-b{height: 40px;}
	#toTop-b ul{width:calc(100% - 40px); display:flex; justify-content:flex-start; padding: 0 20px;}
	#toTop-b ul li{width: 50%;}
	#toTop-b ul li:first-child{margin-top:0;}

	#toTop-b ul li.CV-btn-sp a,
	#toTop-b ul li.CV-btn-line a{width:calc(100% - 10px); height: 40px; line-height: 40px; padding-left: 5px; padding-right: 5px; background-color: #c2a45f; color: #fff; text-align: center; font-size: 15px; font-weight: 400;  display: block; border-radius:2px; letter-spacing:-1px; transition: all 0.4s ease 0s; }
	
	#toTop-b ul li.CV-btn-sp span,
	#toTop-b ul li.CV-btn-line span{ display: inline-block; width: 20px; margin-right: 3px; }

	#toTop-b ul li.CV-btn-sp span img,
	#toTop-b ul li.CV-btn-line span img{max-width: 100%; height: auto;}
	
}
*/

#toTop-b p{ position:absolute; bottom:15px; right:20px; height:40px; width:40px;}
#toTop-b p a{cursor:pointer;text-decoration:none;}







/*======= Side Link ========*/
#top-link {position:fixed; top:calc(50% - 250px); right:20px; z-index:99999;}
#top-link li {line-height:1; margin:5px 0;}
#top-link li a {padding:7px 0; display:block; position:relative;}

#top-link a::after {border:2px solid #7b6635; border-radius:30px; content:""; display:block; height:20px; width:20px;}
#top-link a::before {background:#7b6635; border-radius:50%;	content:"";	display:block; height:6px; width:6px; position:absolute; top:calc(50% - 3px); left:calc(50% - 3px);
					-webkit-transform: scale(1); -moz-transform: scale(1); transform:scale(1);	-webkit-transition: all 300ms ease;	-moz-transition: all 300ms ease; transition: all 300ms ease;}

#top-link a:hover::before,
#top-link a.active::before {-webkit-transform: scale(1.7);	-moz-transform: scale(1.7);	transform: scale(2.2);}

#top-link a span {background:#000; color:#fff; display:none; line-height:1; margin:0 auto 0; right:30px; padding:5px 15px; position:absolute; text-align:center; font-size:12px; font-weight:400; white-space:nowrap;}

#top-link li a.active span,
#top-link a:hover span {display:block;}

#top-link li a.active span::after,
#top-link a span::after{position:absolute; content:""; right:-15px;	top:calc(50% - 4px); width:10px; border-left:5px solid #000; border-top:4px solid transparent; border-bottom:4px solid transparent;}



.map-canvas {width: 100%;  height: 250px;}


/** １0 - お問い合わせ　******************************************/
#Form-zone{background:url(../img3/bg_b.jpg) 0 0 repeat;}
.contact{background:url(../img3/bg_b.jpg) 0 0 repeat; padding:0;}

.datetime-group { display: flex;}

/* ----------------
 * date picker custom
 * ---------------- */



 .dtp>.dtp-content>.dtp-date-view>header {
   display: block;
 }
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background-color: #646464 !important;
}
.dtp div.dtp-date, .dtp div.dtp-time {
  background-color: #646464 !important;
}
.dtp table.dtp-picker-days tr > td > a.selected {
  background-color: #646464 !important;
}
.dtp .p10 > a {
  color: #fff !important;
}
.dtp div.dtp-actual-year {
  color: #fff !important;
}
.dtp-buttons .btn {
  border: none;
  background-color: #ffd258;
  font-weight:400;
  margin-left: 10px;
  padding: 5px 20px;
}

.dtp table.dtp-picker-days{width:100%;}


.dtp div.dtp-actual-day{padding: 5px 0;}
.dtp div.dtp-actual-month{padding: 5px 0!important; font-size: 1.2em!important;}
.dtp div.dtp-actual-num{padding: 5px 0; font-size: 1.6em!important; line-height: 1.3;}
.dtp div.dtp-actual-year{padding: 5px 0; font-size: 16px!important;}


.dtp-select-year-after, .dtp-select-year-before{ display: none!important;}

.dtp div.dtp-picker-month,
.dtp div.dtp-actual-day,
.dtp div.dtp-actual-month,
.dtp div.dtp-actual-num,
.dtp div.dtp-actual-year,
strong.alert,
.form-header,
.form-body form .label,
.form-body form option,
.form-body form .submit,
.dtp-buttons .btn{word-break: break-all; font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif!important;}


.dtp div.dtp-picker-month{padding-bottom: 10px!important;}


strong.alert { color:red; font-size: 12px; font-weight: 400;}

.form-header { 
  background-color: #3c2521;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  font-size: 1.4em;
  line-height: 1.2;
}

.form-body form .label {
  display: block;
  width:calc(100% - 20px);
  text-align:left;
  color: #644e33;
  font-size: 1.1rem;
  font-weight: 500;
  background-color: rgba(255,255,255,0.7);
  padding:10px;
  line-height: 1.2;
}

.form-body form .input {
  width: 100%;
  margin: 0 auto 20px;
  text-transform:none!important;
}

.form-body form .text {
  display: block;
  border: 1px solid #ccc;
  padding : 8px;
  margin: 0 auto 20px;
  box-sizing: border-box;
}

.form-body form .form-group {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
}

.form-body form .radio-group label {
  margin: 0 10px 0 5px;
}

.form-body form .radio-group {
  text-align: center;
  margin-bottom: 20px;
}







.form-body form .datetime-group {
  width: 100%;
  margin: 0 auto;
}

.form-body form .datetime-group .input {
  margin-right: 10px;
  flex: 0 0 60%;
}

.form-body form .datetime-group .select-outline {
  width: 100%;
}

.form-body form select {
  width: 100%;
  padding: 8px 0 8px 1rem;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.form-body form select::-ms-expand {
  display: none;
}

.form-body form .select-outline {
  height: 43px;
  position: relative;
  border-radius: 0;
  border: 1px solid #ccc;
  background: #fff;
  box-sizing: border-box;	
}

.form-body form .select-outline::before {
  position: absolute;
  top: 1em;
  right: 0.8em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #999;
  pointer-events: none;
}

.form-body form .submit {
  border: none;
  border-radius: 5px;
  width: 60%;
  margin: 0 auto;
  background-color: #fa8749;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  letter-spacing: 1.3px;
  margin-top: 20px;
  font-size: 1.2rem;
transition: all 0.4s ease 0s; 	
}
.form-body form .submit:hover,
.form-body form .submit:focus{background-color: #f86833;}
button.submit{cursor: pointer;}
/* ========================
 * media queries
 * ======================== */
@media screen and (min-width: 750px) {
 
  .form-body form .submit {
    font-size: 1.2rem;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}


@media screen and (max-width: 768px) {
.form-body form .submit {
    font-size: 1rem;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}


/*************************************************************************/




/** Thanks ***********************************************************************/

.Thanks{}
.Thanks div{}
.Thanks h1{ font-size: 5em; padding-bottom: 30px; border-bottom: 1px #ccc solid; margin-bottom: 30px; margin-top: 50px;}
.Thanks p{ font-size: 1.5em; margin-bottom: 30px;}
.Thanks p.logo{ text-align: right;}
.Thanks h5{margin-bottom: 10px;}
.Thanks ul{border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 20px 0;}
.Thanks li{} 

@media screen and (max-width: 768px) {
	.Thanks h1{ font-size: 3em;}
	.Thanks p{ font-size: 1em; line-height: 1.2;}
	.Thanks p.logo{ text-align:left;}
}
