@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:500px;/*100%;*/margin:0 auto; font-size:16px; line-height:1.6;
	word-break: normal; font-family:"source-han-sans-japanese", sans-serif,  'ヒラギノ角ゴ Pro W6','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}
*, h2,h3, .dtp, p, dt, dd, li, b, small {word-break:normal; font-family:"source-han-sans-japanese", sans-serif, 'ヒラギノ角ゴ Pro W6', 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%;/* width:750px; */margin:0 auto; font-size:16px; line-height:1.6;
	word-break: normal; font-family: "source-han-sans-japanese", sans-serif, 'ヒラギノ角ゴ Pro W6','メイリオ',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: 500px; margin: 0 auto; clear:both;}


/* 新規追加 *******************************************************/

.cta-fv-container {
    position: relative;
    width: 100%;
    max-width: 500px; /* 画像の元の横幅に合わせて調整してください */
    margin: 0 auto;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

.base-img {
    width: 100%;
    display: block;
}

/* 「●●月」の部分（左上の四角いエリア） */
.thismonth {
    position: absolute;
    top: 3.5%;/*15px;      /* 位置は適宜調整 */
    left: 22.5%;/*100px;    /* 位置は適宜調整 */
    color: #fff;
    font-size: /*24px;*/ 30px;
    font-weight: bold;
    margin: 0;
}

/* 白枠の上に数字を配置 */
.date-overlay {
    position: absolute;
    top: 33%;       /* 画像内の白いボックスの高さに合わせる */
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    pointer-events: none; /* クリックを邪魔しない */
}

.month, .day {
    color: #e66b1e; /* 画像の文字色に合わせる */
    font-size: 50px; /* ボックスに収まるサイズに */
    font-weight: bold;
    margin: 0;
    letter-spacing: 20px; /* 数字の間隔を白ボックスの幅に合わせる */
    padding-left: 8%;
}

/* 月と日の間隔を調整 */
.month {
    margin-left: 12%; /* 「月」という文字のスペースを空ける */
}

.hero-container {
  position: relative; /* 子要素（動画）の基準点になります */
  width: 100%;
  max-width: 500px;    /* 画像の元の横幅に合わせて調整 */
  margin: 0 auto;
}

.background-img {
  width: 100%;
  height: auto;
  display: block;
}

.video-container {
  position: absolute; /* 親要素に対して浮かせます */
  
  /* --- ここで位置を調整します --- */
  top: 80%;           /* 上から65%の位置（空白部分に合わせて調整） */
  left: 50%;          /* 左から50%の位置 */
  transform: translate(-50%, -50%); /* 自身のサイズ分戻して中央揃え */
  
  width: 80%;         /* 動画を表示したい横幅 */
  z-index: 10;        /* 画像より前面に出す */
}

.video-container video {
  width: 100%;
  height: auto;
  border-radius: 4px; /* 動画の角を少し丸める */
}





/* ヘッダー全体の固定と背景 */
.site-header {
  position: fixed; /* 上部に固定する場合 */
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.95); /* 少し透過させた白 */
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* ロゴとボタンを左右に振り分ける */
.header-container {
  display: flex;
  justify-content: space-between; /* 左右端に配置 */
  align-items: center;           /* 上下中央揃え */
  padding: 10px 15px;            /* 左右の余白 */
  max-width: 500px;              /* LPのコンテンツ幅に合わせる */
  margin: 0 auto;
}

/* ロゴのサイズ調整 */
.header-logo img {
  height: 35px; /* ロゴの高さに合わせて調整 */
  width: auto;
  display: block;
}

/* ボタンのサイズ調整（被らないように小さめに制御） */
.header-btn .line-nav-btn img {
  height: 40px; /* ボタンの高さを指定 */
  width: auto;
  display: block;
}

/* コンテンツがヘッダーに隠れないようにbodyに余白を追加 */
body {
  padding-top: 60px; /* ヘッダーの高さ分だけ空ける */
}

.fv{width:100%; margin:0 auto 0px; /*display: flex;*/}
.fv-wrap{width:48%; margin:0 auto;}
.fv img{width:100%;}

.contents{
	margin:0 5%;
	width:90%
}

.contents img{
	width:100%;
}

.body{width:100%; margin:0 auto;}
.body img{width:100%;}

#top{margin-bottom:30px;}

/* 親要素：画像のサイズに基づいた基準点 */
.overlay-container {
  position: relative;
  width: 100%;
}

/* 土台となる画像 */
.base-img {
  width: 100%;
  display: block;
  height: auto;
}


/* YouTubeを重ねる設定 */
.video-wrapper {
  position: absolute;
  /* movie.png内の黒い画面枠の部分に合わせるイメージ */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;  /* movie.pngの枠内に収まるサイズに調整 */
  aspect-ratio: 16 / 9; /* YouTubeの比率を維持 */
}

.video-wrapper iframe {
  width: 100%;
  height: 100%;
}



/* すべてのスライドをデフォルトで半透明にする */
.splide__slide {
  opacity: 0.4;       /* ★ここでお好みの薄さに調整（0.4 = 40%） */
  transition: opacity 0.3s; /* 切り替わりをふわっとさせる */
  display: flex;
  align-items: flex-end; /* 下揃えを維持 */
}

/* 中央（アクティブ）のスライドだけ不透明にする */
.splide__slide.is-active {
  opacity: 1;
}

/* スライダーがはみ出さないように親要素で調整 */
.slider-wrapper {
  overflow: hidden; /* チラ見せ部分が画面外に突き抜けないように */
  position: absolute;
  bottom: 5%;
  left: 0;          /* 中央寄せの代わりに幅100%にするのがおすすめ */
  width: 100%;
  z-index: 10;
}


/* 左右の矢印（arrows）の色をデザインに合わせる例 */
.splide__arrow {
  background: rgba(255, 255, 255, 0.7);
}
.splide__arrow svg {
  fill: #bda36e; /* デザインのゴールド系に合わせる */
}

/* セクション全体の囲い */
.method-section {
  width: 100%;
  max-width: 500px; /* LPの横幅に合わせて調整 */
  margin: 0 auto;
  background-color: #fff;
}

.method-header-img img,
.method-footer-img img {
  width: 100%;
  display: block;
}

/* スライダーエリアの設定（重ねない！） */
.method-slider-area {
  position: relative;
  width: 100%;
  padding: 20px 0; /* 上下の画像との間に少し余白を作る */
  overflow: hidden; /* チラ見せ部分が画面からはみ出さないように */
}

/* スライド自体の調整（下揃えが不要なら align-items は外してOK） */
.method-slider-area .splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.5; /* メイン以外を少し薄く */
  transition: opacity 0.3s;
}

.method-slider-area .splide__slide.is-active {
  opacity: 1; /* メインはハッキリ */
}

.method-slider-area .splide__slide img {
  width: 100%;
  height: auto;
}


.useless-header-img img,
.useless-footer-img img {
  width: 100%;
  display: block;
  background-color:#00513B;
}

/* スライダーエリアの設定（重ねない！） */
.useless-slider-area {
  position: relative;
  width: 100%;
  padding: 20px 0; /* 上下の画像との間に少し余白を作る */
  overflow: hidden; /* チラ見せ部分が画面からはみ出さないように */

  background-color:#00513B;	
}

/* スライド自体の調整（下揃えが不要なら align-items は外してOK） */
.useless-slider-area .splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.5; /* メイン以外を少し薄く */
  transition: opacity 0.3s;
}

.useless-slider-area .splide__slide.is-active {
  opacity: 1; /* メインはハッキリ */
}

.useless-slider-area .splide__slide img {
  width: 100%;
  height: auto;
}

.cta{
    width: 100%;
	background-color: #FAF7E9;
	text-align: center;
}
.cta img{
	width:90%;
	margin:0px auto 30px;
}

.faq01{
	background-color:#EAE9EF;
}

.faq01 img{
	width:100%;
	margin-bottom:50px;
}

.authority img{margin:-20px 0;}


.system{
	background-color:#00513B;
	padding: 40px 0;
}
.system img{
margin:10px 0;}

.price{
	background-color:#EAE9EF;
}
.price img{margin-bottom:20px;}

.price-footer-img{width:100%;}
.price-footer-img img{margin:0;}
 
.presents{
	background-color:#00513B;
}

.flow01{
	background-color:#EAE9EF;
	margin-bottom:50px;
}
.flow01 .tri{
	width:5%;
	text-align: center;
	margin: 10px auto;
}

.faq02{
	background-color:#FFF;
}

.faq02 img{
	width:100%;
	margin-bottom:20px;
}

.map{
	background-color:#00513B;
	padding:40px 0;
}

.map img {margin-bottom:20px;}

.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% - 30px); padding-left: 15px; padding-right: 15px; margin: 0 auto; clear:both;}
.Box980-max{ width:calc(100%); /*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: none/*uppercase*/;
	word-break:normal; font-family:"source-han-sans-japanese", sans-serif,  'ヒラギノ角ゴ Pro W6','ヒラギノ角ゴ ProN W6',"Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif,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; font-weight: 700; }
.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;  font-weight: 700;}	
}

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; font-weight: 700;}
.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: #42210b/*f6f7f9*/; 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: #42210b/*ede0c0*/; text-align: center;}
.Banner-box img {width:100%; margin-top: 0; text-align: center;}
}

/*=====追加コンテンツ=====================================================================*/
@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 6);
}
.scroll-infinity__item>img {
  width: 100%;
}
@media screen and (max-width: 768px) {
.scroll-infinity__item {
  width: calc(100vw / 3);
}
}


.movie{width:100%; margin: 40px auto 0; padding:0;}
.movie img {width:100%; margin: 0 auto; padding:0;}
.youtube{width:100%; margin:0 auto; text-align:center; aspect-ratio: 16 / 9;}
.youtube iframe{width:100%; height:100%;}

.fv1{width:100%; margin:0 auto 50px; /*display: flex;*/}
.fv1-wrap{width:48%; margin:0 auto;}
.fv1 img{width:100%;}
.fv3{width:100%;}
.fv3 img{width:100%;}
.fv4{width:100%;  text-align: center;}
.fv4 img{width:90%; margin:0 auto; text-align: center;}

.firstview2{background-image: url(https://www.mybodylabo.jp/lp/cinderella/include/img_fwh/ab/fv_background.png); background-size:  cover;   padding-bottom:100px;}	
.firstview2 img{width: 100%; margin: 0 auto;}
	/*
.cta{width:100%;  text-align: center; border-bottom: 0.5px solid #141414; border-top:0.5px solid #141414; padding:20px 0; margin:0;}
.cta img{width:90%; margin:0 auto; text-align: center;}
	*/
.cta2{width:100%;  text-align: center; border-bottom: 0.5px solid #141414; border-top:0.5px solid #141414; padding:0; margin:0;}
.cta2 img{width:100%; margin:0 auto; text-align: center;}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
  right: 0px;
  bottom: 50px;
  animation: anime1 0.5s ease 0s infinite alternate; transform-origin:center;
}


.cta_absolute_1 {
  position: absolute;
  right: 0px;
  bottom: 150px;
  animation: anime1 0.5s ease 0s infinite alternate; transform-origin:center;
}
.cta_absolute_2 {
  position: absolute;
  right: 0px;
  bottom: 50px;
  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);
  }
}


.full{width:100%; margin: 0 auto; padding:0;}
.full img {width:100%; margin: 0 auto; padding:0;}

.case{width:100%; margin: 0 auto; padding:0;}
.case img {width:100%; margin: 0 auto; padding:0;}
.case ul img {width:60%; margin: 0 auto; padding:0;}
@media screen and (max-width: 768px) {
.case ul img {width:30%; margin: 0 auto; padding:0;}
}
.case2{width:100%; margin: 0 auto; padding:0;}
.case2 img {width:100%; margin: 0 auto; padding:0;}
.case2 ul img {width:40%; margin: 0 auto; padding:0;}
@media screen and (max-width: 768px) {
.case2 ul img {width:30%; margin: 0 auto; padding:0;}
}
.case2 .absolute3 img {width:80%; margin: 0 auto; padding:0;}
@media screen and (max-width: 768px) {
.case2 .absolute3 img {width:100%; margin: 0 auto; padding:0;}
}


.fadein {
    opacity: 0;
    transform: translate(0,0);
	transition: all 1.5s;}
.fadein-left{
      transform: translate(-30px,0);
  }
.fadein-right{
      transform: translate(30px,0);
  }
.fadein-up{
      transform: translate(0,-30px);
  }
.fadein-bottom{
      transform: translate(0,30px);
  }
.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }





.course{width:100%; margin: 0 auto; padding:0;}
.course img{width:100%;}
.relative2 {
  	position: relative;
	height:1300px;
}

.absolute2 {
  position: absolute;
  right: 0px;
  /*bottom: 50px;*/
  bottom: 1000px;
}
@media screen and (max-width: 768px) {
.relative2 {
  	position: relative;
	height:1050px;
}

.absolute2 {
  position: absolute;
  right: 0px;
  /*bottom: 50px;*/
  bottom: 750px;
}
}


.relative3 {
  	position: relative;
	height:770px;
}

.absolute3 {
  position: absolute;
  right: 0px;
  /*bottom: 50px;*/
  bottom: 500px;
}
@media screen and (max-width: 768px) {
.relative3 {
  	position: relative;
	height:750px;
}

.absolute3 {
  position: absolute;
  right: 0px;
  /*bottom: 50px;*/
  bottom: 550px;
}
}


.relative4 {
  	position: relative;
	height:745px;
	margin-top:40px;
}

.absolute4 {
  position: absolute;
  right: 0px;
  /*bottom: 50px;*/
  bottom: 550px;
}
@media screen and (max-width: 768px) {
.relative4 {
  	position: relative;
	height:600px;
	margin-top:40px;
}

.absolute4 {
  position: absolute;
  right: 0px;
  /*bottom: 50px;*/
  bottom: 440px;
}
}

.Reason2{padding: 70px 0;}
.Reason3{padding: 70px 0;}
.solution-img{width:100%; text-align:center; margin-bottom: 30px;}
.solution-img img{width:100%; text-align:center;}
.solution-box{background: #fff; padding: 20px; border: 1.5px solid #c2a45f; box-sizing: border-box; margin-bottom:20px; text-align:center;}
.solution-box h4{font-size:1.75em; background: #cdad64; color: #fff; padding: 3px 20px 1px 20px; display: inline-block; line-height: 1.5; margin-bottom: 5px;}
.solution-box h3{font-size:2.5em;}
.solution-box img{width:100%;}
.solution-box p{font-size:1.75em; text-align: left; padding:0 20px 20px;}
.solution-box p span{font-weight:bold;}

.Reason3 .solution-box{width:100%; background: #fff; padding: 10px; border:none;/* 1.5px solid #c2a45f;*/ box-sizing: border-box; margin-bottom:10px; text-align:center;}
.Reason3 .solution-box h4{ width:100%; font-size:1.75em; background: #cdad64; color: #fff; padding: 3px 0; display: inline-block; line-height: 1.5; margin:0 auto 5px;}


	
	
.Reason2{padding: 30px 0;}
.Reason3{padding: 30px 0;}
.solution-box{background: #fff; padding: 10px; border: 1.5px solid #c2a45f; box-sizing: border-box; margin-bottom:10px; text-align:center;}
.solution-box h4{font-size:1.25em; background: #cdad64; color: #fff; padding: 3px 20px 1px 20px; display: inline-block; line-height: 1.5; margin-bottom: 5px; text-align: center;}
.solution-box h3{font-size:1.4em; text-align: center;}
.solution-box img{width:100%; margin: 10px auto;}
.solution-box p{font-size:1.05em; text-align: left; padding:0 10px 20px;}
.solution-box p span{font-weight:bold;}

.Reason3 .solution-box{width:100%; background: #fff; padding: 10px; border:none;/* 1.5px solid #c2a45f; box-sizing: border-box;*/ margin-bottom:10px; text-align:center;}
.Reason3 .solution-box h4{/* width:90%; */ font-size:1.25em; background: #cdad64; color: #fff; display: inline-block; line-height: 1.5;  margin:0 auto 5px; text-align: center;}
	
	
}

.price-fwh{width:100%;}
.price-fwh img{width:100%;}

.karomiru{width:100%; text-align: center;}
.karomiru h2{font-size:1.25em;}
.karomiru img{width:60%; margin:30px auto;}

.coment{border:1px solid; border-radius:10px; padding:5px 10px; margin:0 auto 50px;}

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

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

.service-img{max-width:80%; vertical-align:top;}
.service-img img{width:100%; margin:0 auto;}


@media screen and (max-width: 768px) {
.Reason2 .compare-method{width:100%; display:block;}
.Reason2 .compare-method li{width:100%; margin-bottom: 30px;}
.Reason2 .compare-method h2{text-align: center;}
.Reason2 .compare-method p{text-align: left;}	
	
.service-img{max-width:100%; vertical-align:top;}	
}
.Reason2 .compare-method2{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 50px;}
.Reason2 .compare-method2 .text-center{text-align:center;}
.Reason2 .compare-method2 img{margin: 0 auto; width:90%;}
.Reason2 .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;}
.Reason2 .compare-method2 h2{text-align: center;}
.Reason2 .compare-method2 p{text-align: left;  margin-top: 20px; color: #555;}

.Reason2 .compare-method3{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 50px;}
.Reason2 .compare-method3 .text-center{text-align:center;}
.Reason2 .compare-method3 img{margin: 0 auto; width:100%;}
.Reason2 .compare-method3 li{width:calc(48%); background: #fff; padding: 20px; border: 1px solid #c2a45f; box-sizing: border-box; margin-bottom:0;}
.Reason2 .compare-method3 li dt{ background: #cdad64; color: #fff; padding: 3px 20px 1px 20px; display: inline-block; line-height: 1.5; margin-bottom: 5px;}
.Reason2 .compare-method3 h2{text-align: center;}
.Reason2 .compare-method3 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;}	
}

.compare .compare_solution .message_ba{max-width:100%; margin:0 auto; display: flex; padding-top: 0;} 
.compare .compare_solution .message_ba img {width:32%; margin:0 auto; display:block;}

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



/*==========================================================================*/
#header{width:100%;	height:100px; text-align:left; padding:0; clear:both;background-color: #fff;}
#header div.head-warp{width:500px; margin:0 auto; position:relative; height:100px;}
#header p{position:absolute; top:5px;	left:0;	margin:0; padding:0; width:50%}
#header p img{width:100%;}
#header ul{ position: absolute; left:0; top: 10px; margin-left: /*auto;*/250px;  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% - 20px); padding:0 10px; 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:20px;	left:0;	margin:0; padding:0; width: 50%;}
#header p img{width: 100%; height: auto;}
#header ul{ position: absolute; left: auto; right: 0; top:15px; width:70%; /*width:calc(50% - 20px);*/ margin: 0 auto;display: flex; align-items:top; justify-content: space-between;}
.head-warp a.contact-btn{ width: 90%; 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: 500px;}
/*FV決まったら調整*/
.Main-section .inner{ width: 500px; margin: 0 auto; position: relative; height: 1693px;}
.Main-section .inner h1{position: absolute; left: 0; top: 0px;}
.Main-section .inner h1 img{width:500px;}
/*FV決まったら調整*/


.reason3{background-color: rgba(248,245,239,.5); padding: 40px 0;}
.reason3 .warp{width: 500px; 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 0 auto; height: 60vh; }
/*.Main-section .inner h1{position:static; padding-top:55vh;}*/
.Main-section .inner h1{position:static; padding-top:20vh;}
	

}


.infection{width:500px; padding:50px 0 50px; margin:0 auto; background-color: #f5f3ee;}
.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; padding:30px 0 30px; margin:0 auto; 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:500px; margin:0px auto 0px; padding:40px 0 0;}
.case .text-center{width:100%; text-align:center; margin:0 auto;}
.case .text-center img{width:100%; margin:0 auto;}
.case .teikei {width:80%; text-align:center; margin:0 auto;}
@media screen and (max-width: 768px) {
.case{width:auto; margin:0px auto 0px; padding:40px 0 0; text-align: center;}
.case h4{font-size:1rem;}
.case .teikei {width:100%; text-align:center; margin:0 auto; }
}
/*===================================*/
.case2{width:500px; margin:0px auto 0px; padding:0;}
.case2 .text-center{width:100%; text-align:center; margin:0 auto;}
.case2 .text-center img{width:100%; margin:0 auto;}
.case2 .teikei {width:80%; text-align:center; margin:0 auto;}
@media screen and (max-width: 768px) {
.case2{width:auto; margin:0px auto 0px; padding:0; text-align: center;}
.case2 h4{font-size:1rem;}
.case2 .teikei {width:100%; text-align:center; margin:0 auto; }
}
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    max-width:auto;
    margin:20px auto 0;
}

.slider img {
    width:35vw;/*60vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
}
@media screen and (max-width: 768px) {
.slider img {
    width:90vw;/*スライダー内の画像を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;/*透過なし*/
}


.slider2 {/*横幅94%で左右に余白を持たせて中央寄せ*/
    max-width:auto;
    margin:0px auto 0;
}

.slider2 img {
    width:35vw;/*60vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
}
@media screen and (max-width: 768px) {
.slider2 img {
    width:90vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
    height:auto;
}
}

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

.slider2 .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%;
    /*left: -1.5%;*/
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: 1.5%;
    /*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 .Box980{ padding: 20px 0; margin-top:20px;}
.solution h2{ margin-bottom:20px;font-size:50px; color:#a88342; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.solution .light-bg h2{ margin-bottom:20px;font-size:20px; color:#a88342; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.solution h2 span{ font-size:70px; color:#141414; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.solution .light-bg h2 span{ padding-top:20px; font-size:40px; color:#141414; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.solution h3{  margin-bottom:20px; font-size:40px; color:#fff; background-color:#b7a242;  padding:10px 0; /*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 .user-text{max-width:100%; vertical-align:top;}
.solution .Box980 div .user-text ul {max-width:100%; vertical-align:top; margin-bottom:30px;}
.solution .Box980 div .user-text ul .u-img{display:inline-block; max-width:28%; vertical-align:top; text-align: center;}
.solution .Box980 div .user-text ul .u-img img{width:60%; margin:0 auto; }
.solution .Box980 div .user-text ul .u-txt{display:inline-block; max-width:70%; vertical-align:top;}
.solution .Box980 div .user-text ul .u-txt p{font-size:18px;}
.solution .Box980 div img{width:100%; margin:0 auto 30px;}

@media screen and (max-width: 768px) {
.solution{ padding: 50px 0;}
.solution h2{ font-size:22px; color:#a88342; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/}
.solution .light-bg h2{ font-size:18px; color:#a88342; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/}
.solution h2 span{ font-size:26px; color:#141414; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/}
.solution .light-bg h2 span{ padding-top:20px;  font-size:26px; color:#141414; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/}
.solution h3{ font-size:20px; color:#fff; background-color:#b7a242; padding:5px 0; /*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 .Box980 div .user-text ul {max-width:100%; vertical-align:top;}
.solution .Box980 div .user-text ul .u-img{display:block; max-width:100%; vertical-align:top; text-align: center;}
.solution .Box980 div .user-text ul .u-img img{width:60%; margin:0 auto; }
.solution .Box980 div .user-text ul .u-txt{display:block; max-width:100%; vertical-align:top;}
.solution .Box980 div .user-text ul .u-txt p{font-size:16px; padding:5px 10px;}


/*.solution div{max-width:100%; }
.solution div img{width:100%; margin:0 auto 50px;}
*/
}



.compare{ padding: 50px 0; /*background-color: #f5f3ee;*/}
.compare h2{ margin-bottom:20px;font-size:64px; color:#a88342; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare h2 span{ font-size:86px; color:#141414; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare2{ padding: 50px 0;  background-color: #fff;}
.compare3{ padding: 0;  background-color: #fff;}
.compare2 h2{ margin-bottom:20px;font-size:64px; color:#a88342; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare2 h2 span{ font-size:92px; color:#141414; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare-bg{max-width:100%; padding: 70px 0; margin-top:20px; 	background: linear-gradient(45deg, #ecaf01/*e5daa9*/ 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:#e48400; }
.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:#e48400; }
.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;}
.compare2 img{width:100%; margin:0 auto;}
.compare3 img{width:100%; margin:0 auto;}

.compare_solution{max-width:100%; padding: 30px 0; margin-top:20px; }
.compare_solution h2{ margin-bottom:20px;font-size:60px; color:#a88342; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare_solution h2 span{ font-size:92px; color:#141414; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare_solution h3{  width:90%; padding:10px 10px; margin:20px auto 20px; font-size:48px; color:#fff; background-color:#b7a242; }
.compare_solution h4{  width:90%; padding:10px 10px; margin:0 auto 20px; }
.compare_solution div{  position: relative;  width: 100%;  padding-top: 56.25%; margin-bottom:20px;}
.compare_solution div iframe{    position: absolute;  top: 0;  right: 0;  width: 100%;  height: 100%;}
.compare_solution  ul{max-width: 100%; margin:0 auto; text-align:center;}
.compare_solution  ul li{width:30%; display: inline-block; margin-bottom:15px;}
.compare_solution  ul li img{width:80%; }
.compare_solution  .message {width:100%; margin:auto 0; padding:0; text-align: center;}
.compare_solution  .message img{width:100%; }


.compare_solution2{max-width:100%; padding: 30px 0; margin-top:20px; background-color:white; }
.compare_solution2 h2{ margin-bottom:20px;font-size:60px; color:#a88342; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare_solution2 h2 span{ font-size:92px; color:#141414; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare_solution2 h3{  width:90%; padding:10px 10px; margin:20px auto 20px; font-size:48px; color:#fff; background-color:#b7a242; }
.compare_solution2 h4{  width:90%; padding:10px 10px; margin:0 auto 20px; }
.compare_solution2 div{  position: relative;  width: 100%;  padding-top: 56.25%; margin-bottom:20px;}
.compare_solution2 div iframe{    position: absolute;  top: 0;  right: 0;  width: 100%;  height: 100%;}
@media screen and (max-width: 768px) {
.compare{ padding: 20px 0;}	
.compare h2{ font-size:24px; color:#a88342; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/}
.compare h2 span{ font-size:28px; color:#141414; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/}
	
.compare2{ padding: 20px 0;}	
.compare3{ padding: 0;}	
.compare2 h2{ font-size:24px; color:#a88342; /*font-family:serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';*/}
.compare2 h2 span{ font-size:36px; 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:#e48400; }
.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: 30px 0 0;  }
.compare_solution h2{ font-size:22px; color:#a88342; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare_solution h2 span{ font-size:40px; color:#141414; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare_solution h3{  width:100%; padding:10px 5px; margin:20px auto 20px; font-size:18px; color:#fff; background-color:#b7a242; }
	
.compare_solution2{max-width:100%; padding: 20px 0 0; background-color:white;}
.compare_solution2 h2{ font-size:22px; color:#a88342; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare_solution2 h2 span{ font-size:40px; color:#141414; font-family:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.compare_solution2 h3{  width:100%; padding:10px 5px; margin:20px auto 20px; font-size:18px; color:#fff; background-color:#b7a242; }
.compare_solution  ul{max-width: 100%; margin:0 auto; text-align:center;}
.compare_solution  ul li{width:100%; display: inline-block; margin-bottom:15px;}
.compare_solution  ul li img{width:90%; margin:0 auto;}
}

.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 p{text-align:center;}
.container2  ul{max-width: 100%; margin:0 auto; text-align:center;}
.container2  ul li{width:30%; display: inline-block; margin-bottom:15px;}
.container2  ul li img{width:90%; }

@media screen and (max-width: 768px) {	
.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 p{text-align:left;}
.container2  ul{max-width: 100%; margin:0 auto; text-align:center;}
.container2  ul li{width:100%; display: inline-block; margin-bottom:15px;}
.container2  ul li img{width:90%; }
}


.container3 {max-width:auto; padding:10px;}
.container3 .Box980 h3{font-size:20px!important; text-align: center!important;}
.container3 .Box980 h4{font-size:16px; text-align: center;}
.container3 h2{font-size:30px;}
.container3 p{text-align:center;}
.container3 ul{max-width: 100%; margin:0 auto; text-align:center;}
.container3 ul li{width:30%; display: inline-block; margin-bottom:15px;}
.container3 ul li img{width:90%; }

@media screen and (max-width: 768px) {	
.container3 {max-width:auto; padding:10px;}
.container3 .Box980 h3{font-size:20px!important; text-align: center!important;}
.container3 .Box980 h4{font-size:16px; text-align: center;}
.container3 h2{font-size:30px;}
.container3 p{text-align:left;}
.container3  ul{max-width: 100%; margin:0 auto; text-align:center;}
.container3  ul li{width:100%; display: inline-block; margin-bottom:15px;}
.container3  ul li 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; background-color:white;}
.space h3{  margin-bottom:20px; font-size:48px; color:#fff; background-color:#b7a242; }
.space img { width:100%;}

.faq{width:690px; margin: 40px auto 0 auto;}
.qa h3{  margin-bottom:20px; font-size:48px; color:#fff; background-color:#b7a242; }
.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 {background-color:white; }
.shop .teikei {width:80%; text-align:center; margin:0 auto; }
.shop h3{  margin-bottom:20px; font-size:48px; color:#fff; background-color:#b7a242; }
.shop h4{  margin:20px 0;}
.shop .li img{ width:48% ; margin:0 auto;}
.shop_button{margin:0 auto; padding:3%; border:0 ; text-align: center;}
.shop .teikei_cta{width:70%; margin:0 auto; padding-bottom:6%; vertical-align:middle; border-radius: 10px; background-color: #248A00; color: white; border:0 ; text-align: center;}
.shop .teikei_cta p{color: white; text-align: center;  vertical-align:middle; font-weight: 700;}
/*.shop .teikei_cta p{color: white;}*/
.shop .slimo{width:100%; text-align: center;}
.shop .slimo img {width:50%; margin:0 auto 20px;}
@media screen and (max-width: 768px) {	
.shop .slimo{width:100%; }
.shop .slimo h4{text-align: left;}
.shop .slimo img {width:100%; margin:0 auto 20px;}
.shop .li img{ width:98% ; margin:0 auto;}
.shop .teikei {width:100%; text-align:center; margin:0 auto; }
}

.shop .check-1{display: none;}
.shop .check-2{display: none;}

.shop .label-a{
   background: #FFF/*#F8B413/*rgb(9, 9, 94)*/;
   color: #5b453f;
   display: block;
/*   display: flex;*/
  position: relative;
　　justify-content: center;
   align-items: center;
   text-align: center;
   margin:0;
   height: auto;
   padding: 10px;
    /*コレ*/border-bottom: 1px dotted #333;
}

.shop .label-top{
    /*コレ*/border-top: 1px dotted #333;
    /*コレ*/border-bottom: 1px dotted #333;
}

.shop .label-a::after{
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #5b453f/*5070e3*/;
  border-right: solid 2px #5b453f/*5070e3*/;
  position: absolute;
  right: 10px;
  top: 12px;
 transform: rotate(135deg);
}

.shop .label-b{
   background: #fff8d5/*#F8B413/*rgb(9, 9, 94)*/;
   color: /*#fff*/#141414;
/*   display: block;*/
   display: /*flex*/block;
 	text-align: center;
   align-items: center;
  position: relative;
   height: auto;
   padding: 10px;
   /*コレ*/border-bottom: 1px dotted #333;	
}

/*after*/
.shop .label-b::after{
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #5b453f/*5070e3*/;
  border-right: solid 2px #5b453f/*5070e3*/;
  position: absolute;
  right: 10px;
  top: 12px;
 transform: rotate(135deg);
}

.shop .shop-list-a{
	display: block/*flex*/;
	align-items: center;
   height: 0;
   overflow: hidden;
   transition: 0.5s;
   text-align: center;
}

.shop .shop-list-b{
 /*  display: block;*/
   display: flex;
   align-items: center;
   height: 0;
   overflow: hidden;
   transition: 0.5s;
}

.shop-list-b img{ width: 48%; height: auto; margin:1%;}
.shop-list-b ul{ background-color:rgba(255,255,255,0.8); padding-top: 20px; width:100%;}
.shop-list-b li{ padding-bottom:20px;}/*font-size: 30px!important; font-weight: 800; margin-bottom: 10px;}
.shop-list-b dd{}*/
.shop-list-b div{text-align:center;}
.shop-list-b .cv_shop{ width: 50%; margin:0 auto 20px;}
@media screen and (max-width: 768px) {	
.shop-list-b img{ width: 100%; height: auto; margin:5px;}
.shop-list-b .cv_shop{ width: 100%; margin:0 auto 20px;}
}

.check-2:checked + .label-b + .shop-list-b{
   height: auto;
	display:block;
	text-align:left;
	width:100%;
}
.check-2:checked + .label-b::after{
 transform: rotate(-45deg);
 top: 18px;
}

.check-1:checked + .label-a + .shop-list-a{
   height: auto;
	display: block;
	width:100%;
   /*padding: 20px;*/
}
.check-1:checked + .label-a::after{
 transform: rotate(-45deg);
 top: 18px;
}

@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; }
	.shop h3,.ceo2 h3,.space h3,.qa h3 {  margin-bottom:20px; font-size:24px!important; color:#fff; background-color:#b7a242; }
/*	.ceo2 h3 {  margin-bottom:20px; font-size:48px; color:#fff; background-color:#b7a242; }*/
/*.space h3{  margin-bottom:20px; font-size:48px; color:#fff; background-color:#b7a242; }*/
/*.qa h3{  margin-bottom:20px; font-size:48px; color:#fff; background-color:#b7a242; }*/

}

.ceo{padding:30px 10px;}
.ceo2{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;}

.ceo2 .Box980 div { text-align: center; width:auto;}
.ceo2 .Box980 div img { width:70%;}
.ceo2 h3 {  margin-bottom:20px; font-size:48px; color:#fff; background-color:#b7a242; }

@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*/#fff;}
.for-you ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 20px;}
.for-you ul li{max-width:calc(33% - 40px); padding:15px 20px; background-color:rgba(255,255,255,.7); text-align: center; font-style: italic;}
.for-you ul li img{width:100%; margin:0 auto 30px;}
.for-you .title h2{font-size: 1.5em; color: #412c27; letter-spacing: -2px;}


@media screen and (max-width: 768px) {
.for-you ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.for-you ul li{max-width:calc(100% - 20px); padding: 10px 25px; margin-bottom: 10px;text-align: left;}
.for-you ul li img{width:100%; margin:0 auto;}
.for-you p{text-align: left;}
.for-you .title h2{font-size:4.5vw; text-shadow: 1px 1px 15px #fff; }
.for-you .title h2 span{font-weight:900; font-size:7vw; text-shadow: 1px 1px 15px #fff; }
}


.for-you2{padding: 70px 0; background-color: #f5f3ee;/*#fff;*/}
.for-you2 ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 20px;}
.for-you2 ul li{max-width:calc(100% - 40px); padding:15px 20px; background-color:rgba(255,255,255,.7); text-align: center; font-style: italic;}
.for-you2 ul li img{width:100%; margin:0 auto 30px;}
.for-you2 .title h2{font-size: 1.5em; color: #412c27; letter-spacing: -2px;}
.for-you2 h4{width:80%;/*650px;*/ background-color: white; margin:0 auto 20px; font-size:2.25em;}
.for-you2 img{width:80%;/*650px;*/ margin:0 auto; text-align: center;}

@media screen and (max-width: 768px) {
.for-you2{padding: 30px 0; background-color: #f5f3ee;/*#fff;*/}
.for-you2 ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.for-you2 ul li{max-width:calc(100% - 20px); padding: 10px 25px; margin-bottom: 10px;text-align: left;}
.for-you2 ul li img{width:100%; margin:0 auto;}
.for-you2 p{text-align: left;}
.for-you2 .title h2{font-size:4.5vw; text-shadow: 1px 1px 15px #fff; }
.for-you2 .title h2 span{font-weight:900; font-size:5.5vw; text-shadow: 1px 1px 15px #fff; }
.for-you2 h4{width:95%;/*650px;*/ background-color: white; margin:0 auto 20px; padding:5px 10px; font-size:1.50em; font-weight: 400;}
.for-you2 h3{width:95%;/*650px; background-color: white;*/ margin:0 auto 20px; text-align:center; font-size:1.50em; font-weight: bold;}
.for-you2 .Box980-max img{width:100%;/*650px;*/ margin:0 auto; text-align: center;}
}

.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:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.Reason h2 span{ font-size:60px; color:#141414; font-family:'ヒラギノ角ゴ Pro W6',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:'ヒラギノ角ゴ Pro W6',serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ';}
.Reason h2 span{ font-size:28px; color:#141414; font-family:'ヒラギノ角ゴ Pro W6',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:100%;}
.Reason .compare-method li{width:calc(48%); 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;}

.Reason .compare-method3{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 50px;}
.Reason .compare-method3 .text-center{text-align:center;}
.Reason .compare-method3 img{margin: 0 auto; width:100%;}
.Reason .compare-method3 li{width:calc(48%); background: #fff; padding: 20px; border: 1px solid #c2a45f; box-sizing: border-box; margin-bottom:0;}
.Reason .compare-method3 li dt{ background: #cdad64; color: #fff; padding: 3px 20px 1px 20px; display: inline-block; line-height: 1.5; margin-bottom: 5px;}
.Reason .compare-method3 h2{text-align: center;}
.Reason .compare-method3 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{padding: 20px 0; /*background: #f5f3ee;*/}
.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%;;}	
}



.philosophy{padding: 70px 0; background-color: #f5f3ee!important;}
.philosophy h2{color:#1414114;}
.philosophy img{width:50%; margin:0 auto;}
.philosophy h3{color:#fff; background-color:#f4ac29; padding:10px 10px 5px;  margin:0 20%;}

.dot-text {
    padding-top: .4em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1.3em .3em;
    background-image: radial-gradient(.15em .15em at center center,#fff,#fff 100%,transparent);
}

.philosophy ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom: 20px;}
.philosophy 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) {
.philosophy img{width:100%; margin:0 auto;}
.philosophy .img_box img{width:50%; margin:0 auto;}
.philosophy h2{font-size:20px; margin:0 auto; padding:0;}
.philosophy h3{color:#fff; background-color:#f4ac29; padding:10px 10px 5px;  margin:0 5%; font-size:18px; text-align: center!important;}
.philosophy ul{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;}
.philosophy ul li{width:calc(100% - 20px); padding: 10px 25px; margin-bottom: 10px;text-align: left;}
.philosophy p{text-align: left;}
}

@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:85px; padding:10px 0; width:500px; overflow:hidden; position:fixed; z-index:500!important; margin:0;}
#toTop-b ul{width:500px; /*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:'ヒラギノ角ゴ Pro W6', 'メイリオ',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;
  }
}


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

/** 01 - 枠 - CSS　******************************************/



footer{padding: 30px 0 110px 0; background: #E8E8EF/*#faf0e8*/; margin-top:0/* 50px*/;}
div.footer-wrapper{width:500px;  margin:0 auto; text-align: center;}
footer div.logo{ width: 100px; margin:0 auto;}
footer div.logo img{width: 100%; height: auto;}
.copyright{font-size: 10px;}
footer dl{ margin:15px 0;}
footer dl dt{ font-size:14px; font-weight:800; margin-bottom:15px;}
footer dl dd{ font-size:12px; margin:10px 0;}
footer dl dd a{ color:#43a4a4; text-decoration:none; }

footer dl dd a:hover, .price p a:hover, p.memo a:hover{color:#f88421; text-decoration:underline;}


@media screen and (max-width: 749px) {
	.shop-sec-footer{margin-bottom:50px;}
	div.footer-wrapper{width:calc(100% - 40px); padding:0 20px;  margin:0 auto; text-align: center;}	
}


/** 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;}
}