@charset "utf-8";
/* -----------------------------------------------------------
CSS Information

File name:      main_1812.css
Created:        2018-12-07
Style Info:     メインページCSS
----------------------------------------------------------- */

/* ------------------------------------ */
/* Reset */
/* ------------------------------------ */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}

/* ------------------------------------ */
/* Base */
/* ------------------------------------ */
html {font-size:62.5%;}
body{color:#666;font:1.4rem/1.4  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-text-size-adjust: none;}
img {border:0;vertical-align:bottom;max-width:100%;}
a {text-decoration:underline;}
a:hover {}
a:visited {}
a:active,
a:focus {outline:none;}
.clearfix:after {content:"";clear:both;display:block;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;word-break:break-all;}
.wrapper {max-width:640px;margin:0 auto;}
.bg_01 {position:relative;padding:60px 0 60px 0;}
.bg_01::before,
.bg_01::after {content:"";position:absolute;left:0;width:100%;height:45px;background-repeat:no-repeat;background-position:center bottom;-webkit-background-size:100% 100%;background-size:100% 100%;}
.bg_01::before {top:0;background-image:url(../images/sec_bg_01.png);}
.bg_01::after {bottom:0;background-image:url(../images/sec_bg_02.png);}
.bg_stripe_01 {
	-webkit-background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	background-size: 24px 24px;
	background-color: #d7f5ff;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #c0eeff), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(left, #c0eeff 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(left, #c0eeff 50%, transparent 50%, transparent);
	background-image: linear-gradient(left, #c0eeff 50%, #d7f5ff 50%, #d7f5ff);
}
.breadcrumbs {display:none;}
@media (max-width:640px) {
	.bg_01 {padding:40px 0 40px 0;}
	.bg_01::before,
	.bg_01::after {height:30px;}
}

.bg_02 {padding:60px 0 60px 0;}
.bg_02::before,
.bg_02::after {content:"";position:absolute;left:0;width:100%;height:45px;background-repeat:no-repeat;background-position:center bottom;-webkit-background-size:100% 100%;background-size:100% 100%;}
.bg_02::before {top:0;background-image:url(../images/sec_bg_01.png);}
.bg_02::after {bottom:0;background-image:url(../images/sec_bg_02.png);}
.bg_stripe_02 {
	-webkit-background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	background-size: 24px 24px;
	background-color: #d7f5ff;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #c0eeff), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(left, #c0eeff 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(left, #c0eeff 50%, transparent 50%, transparent);
	background-image: linear-gradient(left, #c0eeff 50%, #d7f5ff 50%, #d7f5ff);
}
@media (max-width:640px) {
	.bg_02 {padding:40px 0 40px 0;}
	.bg_02::before,
	.bg_02::after {height:30px;}
}

header {
	width: 100%;
	text-align: center;
}

.content {
    clear: both;
}

/* ------------------------------------ */
/* ボタン */
/* ------------------------------------ */

.cta_whole {
    background: #ff9495;
	padding-bottom:8px;
	margin: 50px auto 20px;
}
.cta3_whole {
    background: #00c300;
	padding-bottom:8px;
	margin: 50px auto 20px;
}
.cta_part {
    width: 96%;
    background: #fff;
    margin: 0 auto;
}
.cta_free {
    position: relative;
    margin: 0px auto 0;
}
.cta_free_btn {
    position: absolute;
    right: 10%;
    bottom: -5%;
    width: 50%;
}
.cta_apply {
    max-width: 500px;
    margin: 12% auto 0px;
    text-align: center;
    padding-bottom: 10%;
}
.cta_apply img {
    width: 55%;
    max-width: 350px;
}

.cta2_whole {
    background: #ff9495;
	padding-bottom:8px;
	margin: 50px auto 20px;
}
.cta2_part {
    width: 96%;
    background: #fff;
    margin: 0 auto;
}
.cta2_free {
    margin: 0px auto 0;
}
.cta2_free_btn {
width: 85%;
max-width: 475px;
margin:0 auto;
}
.cta2_apply {
    max-width: 500px;
    margin: 12% auto 0px;
    text-align: center;
    padding-bottom: 10%;
}
.cta2_apply img {
width: 85%;
max-width: 475px;
}

.cta2_fluffy {
   margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  border-radius: 8px;
  text-align: center;
  animation-duration:1s;
  animation-iteration-count:100;
  animation: cta2_fluffy1 1.5s ease infinite;
}

@keyframes cta2_fluffy1 {
  0% { transform:translateX(0) }
  20% { transform:translateX(2%) }
  50% { transform:translateX(1%) }
  60% { transform:translateX(3%) }
  90% { transform:translateX(0) }
  100% { transform:translateX(0) }
}


.btn,
.btn2 {position:relative;}
.btn a {
}
.btn2 a {
}
.btn a span {
}
.btn2 a span {
}
.btn a,
.btn a span,
.btn a img,
.btn2 a,
.btn2 a span,

.btn_appli a,
.btn_appli a span,
.btn_appli a img,
.btn_appli a,
.btn_appli a span,
.cv_btn_appli2 a,
.cv_btn_appli2 a span,
.cv_btn_appli2 a img,
.cv_btn_appli2 a,
.cv_btn_appli2 a span
 {
	background: transparent;
}

/* LINE */
.btn.line a {
	background: #09b000; /* Old browsers */
	background: -moz-linear-gradient(top, #7fd76c 0%, #09b000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7fd76c 0%,#09b000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7fd76c 0%,#09b000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fd76c', endColorstr='#09b000',GradientType=0 ); /* IE6-9 */
}
.btn.line a span {
	background: #0bc601; /* Old browsers */
	background: -moz-linear-gradient(top, #61cd49 0%, #0bc601 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #61cd49 0%,#0bc601 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #61cd49 0%,#0bc601 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61cd49', endColorstr='#0bc601',GradientType=0 ); /* IE6-9 */
}

.fluffy {
   margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  border-radius: 8px;
	animation: fluffy1 3s ease infinite;
}

.fluffy_btn1 {
  position: relative;
  width:76%;
  height:76%;
  padding: 38% 0%;
  border-radius: 50%;
  background: linear-gradient(to bottom, #f58d25, #ec7119 50%, #e45806);
  box-shadow: 0px -9px 0px 0px #c55413 inset;
  margin: 15px 15px 5px 5px;
}

.fluffy_btn2{
  position: relative;
	width:76%;
  height:76%;
  padding: 38% 0%;
  border-radius: 50%;
  background: linear-gradient(to bottom, #23cdc4, #23b9b1 50%, #188880);
  box-shadow: 0px -9px 0px 0px #148078 inset;
  margin: 15px 15px 5px 5px;
}

.fluffy_text {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  max-width:100%;
  text-align: center;
}

table.hoge{
	margin-top: 30px;
	margin-bottom: 50px;
	margin-left: 10px;
	margin-right: 10px;
}
table.hoge td{
  width: 50%;
}

tr.single td{
  width: 100%;
  text-align: center;
  padding: 20px;
}
tr.single2 td{
  width: 100%;
  text-align: center;
  padding: 0px 20px 20px;
}

tr.single .fluffy_btn1 {
  position: relative;
  width: 250px;
  height: 250px;
  display: table-cell;
  padding: 38% 0%;
  border-radius: 50%;
  background: linear-gradient(to bottom, #f58d25, #ec7119 50%, #e45806);
  box-shadow: 0px -9px 0px 0px #c55413 inset;
  margin: 15px 15px 5px 5px;
}


@media (max-width:640px) {
.fluffy_btn1,
.fluffy_btn2 {
  width:92%;
  height:92%;
  padding: 46% 0%;
}
.fluffy_btn1 {
  box-shadow: 0px -5px 0px 0px #c55413 inset;

}

.fluffy_btn2{
	box-shadow: 0px -5px 0px 0px #148078 inset;	

}

.fluffy_text{
width: 85%;
margin: 0 auto;
top: 28%;
}

}


@media (max-width:530px) {
tr.single .fluffy_btn1 {
  width: 200px;
  height: 200px;
}
}
@media (max-width:400px) {
tr.single .fluffy_btn1 {
  width: 150px;
  height: 150px;
}
}


@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-10px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-5px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

/* ------------------------------------ */
/* CV 申し込み */
/* ------------------------------------ */
.cv {display:table;width:100%;padding:6% 0 0 4%;z-index:200;position:relative; margin-top: 15px;}
.cv > div {display:table-cell;vertical-align:middle;}
.cv .cv_txt {padding:15px 3% 0 0;text-align:center;}
.cv .cv_btn {width:45%;overflow:hidden;float:left;max-width: 240px;}
.cv .cv_btn2 {width:45%;overflow:hidden;float:right;max-width: 240px;}
.cv .cv_btn .btn {max-width:180px;padding:15px 4% 15px;float:right;}
.cv .cv_btn2 .btn2 {max-width:180px;padding:15px 4% 15px;float:left;}

/* ------------------------------------ */
/* CV 申し込み 【ページ下部に固定】 */
/* ------------------------------------ */
.btm_cv_area {z-index:300;background:#ffe3e3;padding:10px 2%;width:100%;}
.btm_cv_area.js-float {position:fixed;bottom:0;left:0;}
.cv.btm {padding:0;margin:0 auto;max-width:500px;width:100%;overflow:hidden;}
.cv.btm .cv_txt {padding-top:0;}
.cv.btm .cv_btn {width:50%;text-align:left; padding-right: 3%;max-width:300px;}
.cv.btm .cv_btn .btn {max-width:100%;padding:0;}
.cv.btm .cv_btn2 {width:50%;text-align:right; padding-left: 3%;max-width:300px; position: absolute; right: 0; bottom: 0; margin: auto;}
.cv.btm .cv_btn2 .btn2 {max-width:100%;padding:0;}
.cv.btm2 {padding:0;margin:0 auto;max-width:300px;width:100%;overflow:hidden;}
.cv.btm2 .cv_btn {width:100%;text-align:center; max-width:300px;}
.cv.btm2 .cv_btn .btn {max-width:100%;padding:0;float:none;margin: 0 auto;}
.cv.btm .btn a,
.cv.btm .btn a span,
.cv.btm .btn a img,
.cv.btm .btn2 a,
.cv.btm .btn2 a span,
.cv.btm .btn2 a img,
.cv.btm2 .btn a,
.cv.btm2 .btn a span,
.cv.btm2 .btn a img {border-radius:10px;}


 .cv_btn_appli {
	width:235px;
	/*height:74px;*/
	border-radius:10px;
	border-bottom:solid 3px #cf580d;
	padding-right: 3%;
}


.cv_btn_appli2 {
	position: relative;
	width:235px;
	/*height:74px;*/
	border-radius: 10px;
	background: linear-gradient(to bottom, #21bfb7, #19918a 40%, #16827c);
	border-bottom: solid 3px #0e6964;
	padding-left: 3%;
}

.btn_appli2 {
	position: absolute;
}

.btm_single .cv .cv_btn {
float: none;
margin: 0 auto;
width: 70%;
}

.btm_single .cv > div {
display: table-caption;
}


/* ------------------------------------ */
/* CATCH */
/* ------------------------------------ */
.catch {margin-bottom:0%;z-index:10;position:relative;}

/* ------------------------------------ */
/* SEC01 ビフォーアフター */
/* ------------------------------------ */
.sec01 {overflow:hidden;background:#fff;margin:5px 0 0 0;padding-top:0px;z-index:100;position:relative;}
.sec01 .sec_tit {margin-bottom:0px;}
.sec01 .ba_wrap {margin-bottom:0px;}
.sec01 .ba_cnt {margin-top:-2px; margin-bottom:0px;}
@media (max-width:640px) {
	.sec01 .ba_table {font-size:3.4375vw;}
}

/* ------------------------------------ */
/* SEC02 こんな経験をしていませんか */
/* ------------------------------------ */
.sec02 {margin-top:40px;padding:12% 6.25%;}
.sec02 h2{padding:20px 0;}
.sec02 h3.tit_01{padding: 40px 0 15px;}
.sec02 .tit_02{padding: 0px 0 15px;}
.sec02 .second{padding-bottom:20px;}
.sec02
@media (max-width:640px) {
}
img.program {max-width:100%; margin:40px auto;}

/* ------------------------------------ */
/* SEC03 プロも推奨 */
/* ------------------------------------ */
.sec03 {padding:2% 0 5% 0;}

/* ------------------------------------ */
/* SEC04 プロも推奨 */
/* ------------------------------------ */
.sec04 {text-align: center;}
.sec04 .sec_tit {margin:60px -7% 0;}
.sec04 .txt_01 {color:#222;font-size:10px;line-height:1.6;margin:20px 4%;text-align: left;}
.sec04 .txt_02 {padding:20px 20px 18px 20px;border-radius:8px;position:relative;background:#fff;line-height:1.8;font-size:1.6rem;}
.sec04 .txt_02::before {content:"";position:absolute;top:-40px;left:6%;width:38px;height:40px;background:url(../images/sec04_fukidashi.png) left top no-repeat;-webkit-background-size:100%;background-size:100%;}
.sec04 .img_01 {width:47%;margin:15px auto;}
.sec04 .tit_01 {margin:30px 0 20px;}
@media (max-width:640px) {
	.sec04 .txt_01 {font-size:12px;}
	.sec04 .txt_02 {font-size:4.375vw;}
}

/* ------------------------------------ */
/* SEC05 メディアでも特集 */
/* ------------------------------------ */
.sec05 {padding:2% 6.25% 5% 6.25%;}
.sec05 .media_wrap {border:2px solid #e2e2e2;position:relative;padding:5% 6.25% 4%;border-radius:8px;margin-top:30px;}
.sec05 .media_wrap .tit_02 {position:absolute;top:-16%;left:50%;width:58%;margin-left:-29%;}
.sec05 .media_wrap ul {overflow:hidden;}
.sec05 .media_wrap li {float:left;width:33.333333%;text-align:center;}
@media (max-width:640px) {
	.sec05 .media_wrap .tit_02 {top:-12%;}
}
.media_instagram {margin: 0 auto 50px;text-align: center;}
.media_instagram img {width:100%;padding: 20px 0;}


/* ------------------------------------ */
/* SEC06 ５つの特徴！ */
/* ------------------------------------ */
.sec06 {padding:5% 6.25%;background:#fff;}
.sec06 .cnt {margin:0px 0;background:#fff;padding:15px 3.5% 20px 3.5%;}
.sec06 .cnt .tit_01 {margin-bottom:10px;}
.sec06 .cnt .img_01 {margin-bottom:15px;text-align:center;}
.sec06 .cnt p {font-size:1.4rem;line-height:1.6;}
.sec06 .cnt .box {padding:10px;}
.sec06 .cnt .box_tit {padding:5px;text-align:center;font-size:1.4rem;color:#fff;font-weight:bold;margin-bottom:5px;}
.sec06 .cnt .box p {font-size:1.6rem;line-height:1.8;color:#000;}
.sec06 .cnt .box p strong {font-weight:bold;}
.sec06 .cnt .box p span {font-size:1.2rem;display:inline-block;color:#fff;background:#ff9ec5;border-radius:30px;padding:2px 5px 0 5px;margin-left:5px;}
.sec06 .cnt .box_01 {position:relative;background:#f2f2f2;margin-bottom:40px;}
.sec06 .cnt .box_01::after {position:absolute;content:"";bottom:-30px;left:50%;width:40px;height:20px;background:url(../images/sec06_arr_01.png) center center no-repeat;-webkit-background-size:100%;background-size:100%;margin-left:-20px;}
.sec06 .cnt .box_01 .box_tit {background:#ababab;}
.sec06 .cnt .box_02 {position:relative;background:#dbf5ff;}
.sec06 .cnt .box_02 .txt_01 {position:absolute;width:20%;top:-20%;left:5%;max-width:90px;}
.sec06 .cnt .box_02 .box_tit {background:#1c99d7;}
.sec06 .cnt .box_02 p strong {color:#ff0000;}
@media (max-width:640px) {
	.sec06 .cnt p {font-size:3.75vw;}
	.sec06 .cnt .box p {color:#000;font-size:4.375vw;}
	.sec06 .cnt .box p span {font-size:3.125vw;}
}

/* ------------------------------------ */
/* 食事と比較 */
/* ------------------------------------ */

.container-wb {
	margin-top: -5px;
	margin: 0px auto;
	padding: 0px auto;
	padding-bottom: 30px;
	padding-top: 0px;
}
.hikaku-zentai {
	background: #f8aaaf;
	padding-bottom: 40px;
	margin: 0px auto 0px;
}
.hikaku-part {
	width: 75%;
	margin: 0 auto;
}
.hikaku-part p {
    max-width: 500px;
    width: 90%;
    margin: 0px auto;
    padding-bottom: 40px;
}
@media (max-width:640px) {
 .hikaku-part p {
     font-size: 3.75vw;
 }
}

.mg {
	width: 600px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 18px !important;
	color: #333;
	background-color: #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mg2 {
	width: 600px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 18px !important;
	color: #333;
	text-align: center;
	background-color: #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mg3 {
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 18px !important;
	color: #333;
	background-color: #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mg4 {
	width: 600px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 18px !important;
	color: #333;
	background-color: #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.mg4 img{
	text-align: center;
}
.mg4 p{
	text-align: left;
}

.mg_line {
	width: 476px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	text-align: center;

}

.tiary{
	width:100%;
	padding:40px 0 10px;
  }
  .video{
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin: 20px 0 30px;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

@media (max-width:640px) {
	.container-wb {
	margin-top: -5px;
	margin: 0px auto;
	padding: 0px auto;
	padding-bottom: 30px;
	padding-top: 0px;
}
	.mg {
		width: 320px;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 10px;
		font-size: 14px !important;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.mg2 {
		max-width: 100%;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 10px;
		text-align: center;
		font-size: 14px !important;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.mg4 {
		max-width: 100%;
		width:400px;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 10px;
		font-size: 14px !important;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.mg_line {
	width: 280px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	text-align: center;

}
}
/* ------------------------------------ */
/* SEC07_1 料金説明 */
/* ------------------------------------ */
.sec07_1 {padding:10% 3% 20%;}
.sec07_1 h2 {padding-bottom:20px;}
.sec07_1 p {font-size:1.4rem;line-height:1.6;}
.sec07_1 .txt_01 {padding:20px 10px 18px 10px;border-radius:8px;position:relative;background:#fff;line-height:1.8;font-size:1.6rem;}

/* ------------------------------------ */
/* SEC07 料金プラン */
/* ------------------------------------ */
.sec07 {padding:2% 3%;margin-bottom: 30px;}
.sec07 p {font-size:1.4rem;line-height:1.6;}
.sec07 .txt_taR {text-align:right;font-size:1.4rem;}
.sec07 .sec_tit {margin-bottom:15px;}
.sec07 .price_table {border-collapse:separate;border-spacing:10px;margin:5px -10px 0 -10px;width: calc(100% + 20px);}
.sec07 .price_table th {text-align:left;}
.sec07 .price_table th,
.sec07 .price_table td {border-bottom:1px solid #ccc;font-weight:bold;font-size:1.4rem;padding-bottom:10px;}
.sec07 .price_table thead td {text-align:center;}
.sec07 .price_table tbody.plan td {width:24.5%;text-align:center;}
.sec07 .price_table tbody td {width:24.5%;text-align:right;}
.sec07 .price_table .txt_01 {color:#1c99d7;}
.sec07 .price_table td.txt_02 {font-weight:normal;}
.sec07 .price_table td.txt_02 p {padding-top:10px;}
.sec07 .price_table td.txt_03 {padding:20px 0 30px;}
.sec07 .price_table th.small {font-size:1.4rem;}
.sec07 .plan_wrap {margin-top:10px;}
.sec07 .plan_wrap dt {margin-bottom:10px;}
.sec07 .plan_wrap dd {margin-bottom:15px;}
.sec07 .plan_wrap dd p {line-height:1.8;}
.sec07 .plan_wrap dd strong {font-weight:bold;display:block;}
.sec07 .box {background:#f2f2f2;padding:20px 15px;}
.sec07 .box p {color:#e05656;line-height:1.6;}
.sec07 .price_table td.txt_03 span.line {text-decoration: line-through;}
.sec07 .enter{max-width:100%; width:600px; margin:0 auto 70px;}

@media (max-width:640px) {
	.sec07 p,
	.sec07 .price_table th,
	.sec07 .price_table td {font-size:3.4vw;}
	.sec07 .price_table th.small {font-size:3.5vw;}
	.sec07 .txt_taR {text-align:right;font-size:3.3vw;}
	.sec07 .price_table td.txt_03 span.sml {font-size: 3.1vw;}
	.sec07 .price_table th,
	.sec07 .price_table td {padding:10px 0 20px;}
	.sec07 .price_table tbody.plan th,
	.sec07 .price_table tbody.plan td {padding:5px 0 8px;}
}


/* ------------------------------------ */
/* SEC07_2 返金保証 */
/* ------------------------------------ */
.sec07_2 {padding:2% 3%;margin-bottom: 30px;}
.sec07_2 p {font-size:1.4rem;line-height:1.6;text-align:center;}
.sec07_2 .sec_tit {margin-bottom:15px;}

@media (max-width:640px) {
	.sec07_2 p,
}

/* ------------------------------------ */
/* SEC08 代表コンサルタント紹介 */
/* ------------------------------------ */
.sec08 {padding:12% 6.25% 15%;background:#cff4f6;}
.sec08 .sec_tit {margin:0 -7%;}
.sec08 .img_01 {width:47%;margin:15px auto;}
.sec08 .txt_01 {color:#fff;font-size:1.8rem;line-height:1.6;margin:20px 4%;text-align:center;}
.sec08 .txt_01 strong {display:block;font-size:2rem;font-weight:bold;}
.sec08 .txt_02 {font-size:1.6rem;margin:5px 0 50px 0;}
.sec08 .txt_02 dt {color:#fff;line-height:1.8;font-weight:bold;margin:10px 0 5px 0;}
.sec08 .txt_02 dd p {color:#fff;line-height:1.8;}
.sec08 .txt_03 {background:#fff;border-radius:8px;position:relative;padding:20px 15px 20px 15px;margin:30px 0 0 0;}
.sec08 .txt_03 .img {position:absolute;top:-30px;left:50%;width:80px;height:80px;margin-left:-40px;}
.sec08 .txt_03 p {font-size:1.6rem;line-height:1.6;}
.sec08 .txt_03 p.message {text-align: center;font-weight: bold;padding-bottom: 10px;}
@media (max-width:640px) {
	.sec08 .txt_01 {font-size:4.6875vw;}
	.sec08 .txt_01 strong {font-size:5vw;}
	.sec08 .txt_02,
	.sec08 .txt_03 p {font-size:3.75vw;}
}

/* ------------------------------------ */
/* SEC09 成功者の喜びの声 */
/* ------------------------------------ */
.sec09 {padding:2% 6.25%;}
.sec09 .sec_tit {margin-bottom:15px;}
.sec09 .voice_cnt {display:table;width:100%;overflow:hidden;background:#fff;box-shadow:0 0 8px #ace2f6;border-radius:8px;margin-bottom:20px;}
.sec09 .voice_cnt p {display:table-cell;vertical-align:middle;font-size:1.6rem;line-height:1.6;font-weight:bold;padding:15px 5% 4% 15px;}
.sec09 .voice_img {display:table-cell;width:25%;padding:15px 0 15px 3%;text-align:center;}
.sec09 .voice_img figcaption {color:#1c99d7;font-size:1.2rem;margin:10px -5px 0 -5px;}
.sec09 .attention_txt {width: 200px;margin: 0 6.25%;}
@media (max-width:640px) {
	.sec09 .voice_cnt p {font-size:4.375vw;}
	.sec09 .voice_img figcaption {font-size:2.8125vw;}
}


/* ------------------------------------ */
/* SEC10 こんなメリット */
/* ------------------------------------ */
.sec10 {z-index:100;position:relative;padding:12% 6.25%;background: #7ad4f9;margin-bottom:15px;}
.sec10 .tit_01{margin: 35px 0 30px;}
.sec10 .sec_tit {margin-bottom:15px;}
.sec10 .merit_table {width:100%;border:1px solid #7ad4f9;text-align:center;background:#fff;}
.sec10 .merit_table td {border-left:1px solid #7ad4f9;}
.sec10 .merit_table thead th,
.sec10 .merit_table thead td {padding:5px 0;font-size:1.7rem;color:#fff;font-weight:bold;text-align:center;background:#009cde;vertical-align:middle;}
.sec10 .merit_table tbody th,
.sec10 .merit_table tbody td {width:21%;vertical-align:middle;border-top:1px solid #7ad4f9;}
.sec10 .merit_table tbody td:first-of-type {}
.sec10 .merit_table tbody tr:first-of-type th,
.sec10 .merit_table tbody tr:first-of-type td {border-top:0;}
.sec10 .merit_table tbody th {font-size:1.6rem;background:#feffda;font-weight:bold;}
.sec10 .merit_table tbody td {padding:10px;position:relative;}
.sec10 .merit_table tbody td .icon {width:100%;max-width:80px;}
.sec10 .merit_table tbody td:first-of-type .icon {width:50%;}
.sec10 .merit_table tbody td p {position:absolute;top:50%;left:5%;transform:translateY(-50%);-webkit- transform: translateY(-50%) ;width:90%;font-size:1.7rem;}
.sec10 .merit_table tbody td p strong {display:block;font-weight:bold;padding:0 5%;}
.sec10 .box {padding:40px 0 30px;}
.sec10 .box p {color:#fff;font-weight:bold;line-height:1.6;font-size: 2rem;}
@media (max-width:640px) {
	.sec10 .merit_table thead th,
	.sec10 .merit_table thead td {font-size:4.3vw;}
	.sec10 .merit_table tbody th {font-size:4.3vw;}
	.sec10 .merit_table tbody td p {font-size:3.2vw;}
	.sec10 .merit_table tbody td p,
	.sec10 .merit_table tbody td p strong {text-align:left;}
	.sec10 .box p{font-size:4.2vw;}
}

/* ------------------------------------ */
/* SEC11 コンサルタント */
/* ------------------------------------ */
.sec11 {padding:0 0 12% 0;overflow:hidden;background:#ffded5;margin-top:0px;}
.sec11::before {z-index:10;}
.sec11 .sec_tit {z-index:20;position:relative;}
.sec11 .day_wrap {position:relative;overflow:hidden;margin:0 6.25%;}
.sec11 .day_wrap::before {z-index:10;position:absolute;top:0;left:10%;width:2px;height:calc(100% - 15px);background:#0cd0f7;content:"";}
.sec11 .day_wrap dt {z-index:20;position:relative;width:21%;clear:left;float:left;margin-bottom:15px;}
.sec11 .day_wrap dt span {display:block;font-size:1.8rem;line-height:1.8;font-weight:bold;border-radius:20px;background:#0cd0f7;color:#fff;text-align:center;}
.sec11 .day_wrap dd {z-index:20;padding-left:23%;margin-bottom:15px;}
.sec11 .day_wrap dd p {font-size:1.8rem;line-height:1.8;margin-bottom:15px;}
.sec11 .day_wrap dd p strong {color:#0cd0f7;font-weight:bold;}
.sec11 .day_wrap dd p span {margin-left:10px;font-weight:bold;
	text-shadow:
		#ffffff 2px 2px 0, #ffffff -2px -2px 0,/*右下、左上*/
		#ffffff -2px 2px 0, #ffffff 2px -2px 0,/*右上、左下*/
		#ffffff 0px 2px 0, #ffffff  0-2px 0,/*右、左*/
		#ffffff -2px 0 0, #ffffff 2px 0 0;/*上、下*/}
.sec11 .day_wrap dd .img + .img {margin-top:10px;}
.sec11 .day_wrap dd .img.reply {position:relative;}
.sec11 .day_wrap dd .img.reply .staff {z-index:20;position:absolute;top:0;left:-30%;width:27%;}
@media (max-width:640px) {
	.sec11 .day_wrap dt span,
	.sec11 .day_wrap dd p {font-size:4.375vw;}
}


/* ------------------------------------ */
/* SEC12 ダイエット指導の流れ */
/* ------------------------------------ */
.sec12 {padding:2% 0;overflow:hidden;}
.sec12 .sec_tit {margin-bottom:15px;}
.sec12 .flow_wrap {padding:0 6.25%;}
.sec12 .flow_cnt {margin-bottom:60px;position:relative;}
.sec12 .flow_cnt::after {content:"";position:absolute;bottom:-40px;left:0;width:100%;height:18px;background:url(../images/sec12_arr_01.png) center bottom no-repeat;-webkit-background-size:auto 100%;background-size:auto 100%;}
.sec12 .flow_cnt.last {margin-bottom:30px;}
.sec12 .flow_cnt.last::after {display:none;}
.sec12 .flow_cnt .tit {margin-bottom:15px;}
.sec12 .flow_cnt .img {margin-bottom:15px;}
.sec12 .flow_cnt p {font-weight:bold;}
.sec12 .flow_wrap .box {background:#d7f5ff;padding:20px;}
.sec12 .flow_wrap .box .tit {text-align:center;font-weight:bold;margin-bottom:10px;}
.sec12 .flow_cnt p,
.sec12 .flow_wrap .box .tit,
.sec12 .flow_wrap .box li,
.sec12 .flow_wrap .box p {color:#1c99d7;line-height:1.6;font-size:1.6rem;;}
.sec12 .flow_wrap .box li,
.sec12 .flow_wrap .box p {padding-left:15px;text-indent:-15px;}
@media (max-width:640px) {
	.sec12 .flow_cnt p,
	.sec12 .flow_wrap .box .tit,
	.sec12 .flow_wrap .box li,
	.sec12 .flow_wrap .box p {font-size:3.75vw;}
	.sec12 .flow_wrap .box {padding:20px 4%;}
}


/* ------------------------------------ */
/* SEC13 限定のプレゼント特典 */
/* ------------------------------------ */
.sec13 {padding:12% 0 0 0;overflow:hidden;}
.sec13::after {display:none;}
.sec13 .sec_tit {margin-bottom:15px;}
.sec13 .box {background:#fff;padding:20px 15px;box-shadow:0 0 8px #ace2f6;border-radius:8px;margin:0 6.25%;text-align:center;}
.sec13 .box + .box {margin-top:20px;}
.sec13 .box .img {width:90%;margin:10px auto 25px;}
.sec13 .box .btn {width:100%;max-width:71%;margin:0 auto;}
.sec13 .box .attention_txt {text-align:center;margin:15px 0;}
@media (max-width:640px) {
	.sec13 .box .attention_txt {font-size:2.8125vw;}
}

/* ------------------------------------ */
/* SEC14 今だけ限定 */
/* ------------------------------------ */
.sec14 {padding:0 0 12% 0;overflow:hidden;}
.sec14::before {display:none;}
.sec14 .sec_tit {text-align:center;}
.sec14 .box {background:#fff;padding:20px 0;box-shadow:0 0 8px #ace2f6;border-radius:8px;margin:0 6.25% 20px;text-align:center;}
.sec14 .box .tit {font-size:1.8rem;font-weight:bold;color:#1c99d7;margin-bottom:15px;}
.sec14 .box .tit strong {font-weight:bold;}
.sec14 .box .tit small {font-weight:bold;font-size:1.6rem;}
.sec14 .box .tit .fs1 {font-size:3rem;}
.sec14 .box .tit .fs2 {font-size:2.6rem;}
.sec14 .box .attention_txt {text-align:center;padding-bottom:15px;}
.sec14 .box .coupon {width:80%;margin:15px auto 20px;border:2px solid #ccc;padding:5px;background:#f3f3f3;position:relative;}
.sec14 .box .coupon::before,
.sec14 .box .coupon::after {content:"";position:absolute;width:50px;height:50px;-webkit-background-size:100%;background-size:100%;}
.sec14 .box .coupon::before {top:-5px;left:-5px;background-image:url(../images/sec14_obi_01.png);}
.sec14 .box .coupon::after {bottom:-5px;right:-5px;background-image:url(../images/sec14_obi_02.png);}
.sec14 .box .coupon p {color:#000;line-height:1.6;font-size:1.6rem;background:#fff;padding:30px 0;text-align:center;font-weight:bold;}
@media (max-width:640px) {
	.sec14 .box .tit {font-size:4.375vw;}
	.sec14 .box .tit .fs1 {font-size:6.875vw;}
	.sec14 .box .tit .fs2 {font-size:6.25vw;}
	.sec14 .box .coupon p,
	.sec14 .box .tit small {font-size:3.75vw;}
	.sec14 .box .attention_txt {font-size:2.8125vw;}
}

/* ------------------------------------ */
/* SEC15 よくある質問 */
/* ------------------------------------ */
.sec15 {overflow:hidden;padding:0 6.25%;background:#f2f2f2;}
.sec15 .faq_cnt {margin-bottom:30px;}
.sec15 .faq_cnt .tit {position:relative;padding-top:50px;margin-bottom:20px;font-size:1.6rem;line-height:1.8;font-weight:bold;}
.sec15 .faq_cnt .tit::before {position:absolute;top:0;left:0;content:"";width:100%;height:35px;background:#1c99d7 url(../images/sec15_h_q.png) 15px center no-repeat;-webkit-background-size:auto 20px;background-size:auto 20px;}
.sec15 .faq_cnt .txt {position:relative;padding-top:50px;}
.sec15 .faq_cnt .txt::before {position:absolute;top:0;left:0;content:"";width:100%;height:35px;background:#0cd0f7 url(../images/sec15_h_a.png) 15px center no-repeat;-webkit-background-size:auto 20px;background-size:auto 20px;}
.sec15 .faq_cnt .txt p {font-size:1.6rem;line-height:1.8;font-weight:bold;}
@media (max-width:640px) {
	.sec15 .faq_cnt .tit,
	.sec15 .faq_cnt .txt p {font-size:3.75vw;}
}


/* ------------------------------------ */
/* SEC16 無料で体験 */
/* ------------------------------------ */
.sec16 {padding:12% 0 0 0;background:#1c99d7;color:#fff;}
.sec16::after {display:none;}
.sec16 .sec_tit {margin-bottom:15px;}
.sec16 .txt_wrap {margin:0 3.25%;}
.sec16 .txt_wrap p {font-size:1.6rem;line-height:1.8;}
.sec16 .txt_wrap .txt_01 {margin:0 3.25%;}
.sec16 .txt_wrap .txt_02 {padding:20px 0 30px 0;background:url(../images/sec16_img_01.png) right no-repeat;-webkit-background-size:auto 70%;background-size:auto 70%;max-width:550px;margin: 0 auto;}
.sec16 .txt_wrap .txt_02 p {color:#666;background:#fff;padding:20px;width:60%;max-width:300px;}
.sec16 .txt_wrap .txt_03 {margin:0 3.25% 10%;}
.sec16 .txt_wrap .txt_03 span{font-size:2rem;}
.sec16 .txt_wrap {margin:0 3.25%;}
.sec16 .line_wrap {display:table;width:100%;border-top:2px solid #61b8e3;border-bottom:2px solid #61b8e3;}
.sec16 .line_wrap > div {display:table-cell;vertical-align:middle;}
.sec16 .line_wrap .tit {padding:20px 3% 20px 9.5%;}
.sec16 .line_wrap .btn {width:45%;padding:20px 5.5% 20px 0;}
.sec16 .form_wrap {padding:20px 6.25% 0;}
.sec16 .form_wrap .tit {margin-bottom:15px;}
@media (max-width:640px) {
	.sec16 .txt_wrap p {font-size:3.75vw;}
	.sec16 .txt_wrap .txt_02 p {padding:20px 10px 20px 15px;width: 70%;min-width: 70%;}

}
.soudan_area {margin-top:50px;}



/* ------------------------------------ */
/* LINE・メールで相談 */
/* ------------------------------------ */
.bl_con {background: #1c99d7;}
.bl_con table {border: none; width: 100%;}
.bl_con table tr td {border: solid 3px #fff; width: 50%; padding: 4.6875vw;}
.bl_con table tr td:first-child {border-left: none;}
.bl_con table tr td:last-child {border-right: none;}

.bl_con .tit_01 {margin-bottom: 30px;}
.bl_con .btn {margin-bottom: 20px;}
.bl_con .btn a {background: none; border: none;}

.bl_con .bl_mail dl ,
.bl_con .bl_mail dl dt ,
.bl_con .bl_mail dl dd ,
.bl_con .bl_mail dl dd input {width: 100%;}
.bl_con .bl_mail dl {margin-bottom: 20px;}
.bl_con .bl_mail dl dt {color: #fff; font-weight: bold; font-size: 18px; margin-bottom: 5px}
.bl_con .bl_mail dl dd {margin-bottom: 10px;}
.bl_con .bl_mail dl dd input {padding: 10px; font-size: 18px; }
.bl_con .bl_mail div button {padding: 0;}
.mail_btn {max-width: 170px; margin: 20px auto 0;}
.mail_btn2 {max-width: 200px; margin: 40px auto 0;}
.mail_btn3 {max-width: 400px; margin: 40px auto 0;}
.line-add {width:100%; max-width: 400px; margin: 20px auto 60px; padding: 0 10px;}
@media (min-width:640px) {
  .bl_con table tr td {padding: 30px;}
}


/* ------------------------------------ */
/* SEC_17 無料で体験 */
/* ------------------------------------ */

.sec_17 {padding-top: 7.8vw;}

@media (min-width:640px) {
  .sec_17 {padding-top: 50px;}
}


/* ------------------------------------ */
/* SEC_18 無料相談3つのメリット */
/* ------------------------------------ */

.sec_18 {padding: 7.8vw 6.25% 7.8vw; background: #ffded5;}
.sec_18 .box_01 {padding: 3.125vw; background: #fff; margin-bottom: 7.8vw;}
.sec_18 .box_01 h3 {margin-bottom: 3.125vw;}
.sec_18 .box_02 {padding: 3.125vw; background: #fff; margin-bottom: 0vw;}
.sec_18 .box_02 p span {font-size: 8px;}
.sec_18 p.caution {font-size: 8px;color: #fff;margin-top: 10px;}
img.soudan-merit {margin-top: 50px;}

@media (min-width:640px) {
  .sec_18 {padding: 50px 6.25%; }
  .sec_18 .box_01 {padding: 20px; margin-bottom: 50px;}
  .sec_18 .box_02 {padding: 20px; margin-bottom: 10px;}
  .sec_18 .box_01 h3 {margin-bottom: 20px;}
}

/* ------------------------------------ */
/* SEC_19 無料相談の流れ */
/* ------------------------------------ */
.sec_19 {padding: 4.6875vw 6.25% 12.5vw; background: #e4f8ff;}
.sec_19 ul {margin-bottom: 10px;}
.sec_19 div {background: #fffdd0; padding: 4.6875vw 3.125vw; }
.sec_19 div img {margin-bottom: 3.125vw;}
.sec_19 div p {color: #0072a1; font-weight: bold; font-size: 20px;}
.sec_19 div p span {display: block; font-size: 12px; font-weight: normal; padding-top: 6.25vw;}

/* -------------------------------------------- */
/*無料相談とダイエット指導でできることの表デザイン*/
/* -------------------------------------------- */

table.consultation_table td.txt_01 {
	font-size:12px;
}

table.consultation_table {
	width: 100%;
	border-collapse: separate;
		border-spacing: 4px 4px;
		background: #fff;
		text-align: center;
		color: #1b1b1b;
	
}

th.subject {
	padding: 0 20px;
}

ol.consultation_content, ol.diet_content {
  counter-reset: my-counter;
  list-style: none;
}

.consultation_content > li, .diet_content > li {
  margin-bottom: 10px;
  padding-left: 20px;
	position: relative;
	text-align: left;
	line-height: 20px;
}

.consultation_content > li:before, .diet_content > li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  color: #fff;
  display: block;
  float: left;
  line-height: 20px;
	margin-left: -23px;
	margin-right: 5px;
	margin-top: 2px;
	text-align: center;
	font-size: 12px;
  height: 18px;
  width: 18px;
  border-radius: 50%;
}

.consultation_content > li:before {
  background-color: #fb8888;
}

.diet_content > li:before {
  background-color: #f9ab2a;
}

td.subject{
  background-color: #88bdbf;
  color: #fff;
}

th.consultation > span {
  background-color: #fb8888;
	border-radius: 20px;
	padding: 5px 5px;
	font-size: 15px;
color: #fff;
}

td.consultation{
  background-color: #fee3e3;
}

th.diet > span
{
	color: #fff;
	background-color: #f9ab2a;
	border-radius: 20px;
	padding: 5px 5px;
	font-size: 15px;
}

td.diet{
  background-color: #feebcc;
}

/* 640px以上のデザインと同様 STRT*/
table.consultation_table .txt_01 {
	font-size:14px;
	font-weight: bold;
	vertical-align: middle;
}

.diet_contents > td.txt_01 {
 vertical-align: inherit;
}

table.consultation_table .txt_02 {
	text-align: center;
	font-size:17px;
	font-weight: 700;
	vertical-align: middle;
 }

th.diet > span
{
	color: #fff;
	background-color: #f9ab2a;
	border-radius: 20px;
	padding: 3px 25px;
	font-size: 15px;
	display: inline-block;
}

th.consultation > span {
 background-color: #fb8888;
 border-radius: 20px;
 padding: 3px 30px;
 font-size: 15px;
 display: inline-block;

}
table.consultation_table td.txt_01 {
 font-size:11px;
 padding: 20px 0px;
}
.diet_contents > .subject {
 padding: 140px 0;
}

p.diet_context {
 text-align: left;
 display: inline-block;
}

table.consultation_table .diet_contents  td.txt_01 {
 padding: 35px 16px 20px 16px;
}

p.diet_context {
  text-align: left;
	display: inline-block;
	padding: 20px 29px;
}

/* 640px以上のデザインと同様　END*/

@media (min-width:640px) {
  .sec_19 {padding: 30px 6.25% 10px; background: #e4f8ff;}
  .sec_19 ul {margin-bottom: 20px;}
  .sec_19 div {padding: 30px 20px;}
  .sec_19 div img {margin-bottom: 20px;}
	.sec_19 div p span {padding-top: 40px;}

	th.subject {
		padding: 0 30px;
	}	
	
table.consultation_table .txt_01 {
	 font-size:25px;
	 font-weight: bold;
	 vertical-align: middle;
}

.diet_contents > td.txt_01 {
	vertical-align: inherit;
}

 table.consultation_table .txt_02 {
   text-align: center;
	 font-size:17px;
	 font-weight: 700;
	 vertical-align: middle;
	}

 th.diet > span
 {
	 color: #fff;
	 background-color: #f9ab2a;
	 border-radius: 20px;
	 padding: 3px 75px;
	 font-size: 17px;
	 display: inline;
 }
 
 th.consultation > span {
  background-color: #fb8888;
	border-radius: 20px;
	padding: 3px 85px;
	font-size: 17px;
	display: inline;
}

table.consultation_table {
	width: 100%;
	border-collapse: separate;
    border-spacing: 10px 10px;
}

table.consultation_table td.txt_01 {
	font-size:15px;
	padding: 20px 25px;
}
.diet_contents > .subject {
	padding: 140px 0;
}


table.consultation_table .diet_contents  td.txt_01 {
	padding: 35px 25px 20px 25px;
}

.consultation_content > li:before, .diet_content > li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  color: #fff;
  display: block;
  float: left;
  line-height: 20px;
	margin-left: -30px;
	margin-right: 10px;
	text-align: center;
	font-size: 16px;
  height: 18px;
  width: 18px;
  border-radius: 50%;
}
.consultation_content > li, .diet_content > li {
line-height: 22px;
}

}



/* ------------------------------------ */
/* SEC_20 無料相談をダイエット指導でできること */
/* ------------------------------------ */

.sec_20 {padding: 7.8vw 2% 7.8vw; background: #1c99d7;}
.sec_20 table {background: #fff; color: #0072a1; }
.sec_20 table th ,
.sec_20 table td {border-right: solid 1px #0072a1; border-bottom: solid 1px #0072a1; padding: 5px; vertical-align: middle;}
.sec_20 table tbody th {width: 14%; padding: 5px 0;}
.sec_20 table tbody td {width: 43%;}


@media (min-width:640px) {
  .sec_20 {padding: 50px 6.25%; }

}




/* RESET mailformpro.css */
/* ------------------------------------ */
input,
button,
textarea,
select {margin:0;padding:0;background:#fff;border:none;border-radius:0;outline:none;border:0;padding:10px;}
button {background: #ffe9bd;}
.mfp_element_all {max-width:100%;}
form#mailformpro {padding:0;}
form#mailformpro dl dt {float:none;width:100%;font-size:1.6rem;font-weight:bold;border:0;text-align:left;padding:0;margin-bottom:5px;}
form#mailformpro dl dd {font-size:1.6rem;border:0;padding:0;margin:0;}
.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date {width:100% !important;border:0;border-radius:0;box-shadow:none;padding:10px;margin:0;font-size:1.6rem;}
.mfp_element_textarea {height:100px !important;}
.mfp_element_submit,
.mfp_element_reset,
.mfp_element_button {}
.mfp_buttons {max-width:160px;width:46%;text-align:center;padding:20px 0;margin:0 auto;}
.mfp_buttons > div {display:block;border:3px solid #fff;padding:2%;
	background: #ffa8a8; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa8a8 0%, #e95056 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffa8a8 0%,#e95056 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffa8a8 0%,#e95056 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa8a8', endColorstr='#e95056',GradientType=0 ); /* IE6-9 */
}
.mfp_buttons .mfp_element_submit {display:block;padding:0;border:0;text-shadow:0;margin:0;
	background: #ff9090; /* Old browsers */
	background: -moz-linear-gradient(top, #ff9090 0%, #ff5b5b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff9090 0%,#ff5b5b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff9090 0%,#ff5b5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9090', endColorstr='#ff5b5b',GradientType=0 ); /* IE6-9 */
}
.mfp_buttons > div,
.mfp_buttons .mfp_element_submit,
.mfp_buttons img {border-radius:200px;}
.mfp_buttons img {width:100%;}
@media (max-width:640px) {
	form#mailformpro dl dt {font-size:4.53125vw;}
	form#mailformpro dl dd {font-size:3.75vw;}
}
@media (max-width:540px) {
form#mailformpro dl dd + dt {margin-top:0px;}
}


/* ------------------------------------ */
/* QA */
/* ------------------------------------ */

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/* ------------------------------------ */
/* ヘッダー */
/* ------------------------------------ */


.logo{
	height:;
	text-align:center;
}

.logo_img{
	padding:5px 0 4px;
}

header figure {
	margin: 0 auto;
	padding:0 2%;
	max-width: 500px;
}

figure.header-logo{
  position: fixed;
  top: 0;
  z-index:1000;
  text-align: center;
}

img.header-logo{
}


@media screen and (max-width: 420px) {
	.logo_img {
		padding: 2px 0 2px;
	}
}

h2.title {
    text-align: center;
    background: #f67e99;
    padding: 10px 0px;
    color: #fff;
    font-size: 20px;
    line-height: 1.8em;
    font-weight: bold;
    margin-top: 40px;
}

@media screen and (max-width: 640px) {
h2.title {
    margin-top: 4.5vw;
	}
}

/* ------------------------------------ */
/* 旧ページ */
/* ------------------------------------ */
#wrapper {
	margin: 0 auto;
	max-width: 640px;
}


/*プラン*/
section.sec20{
	margin-top:50px;
	padding:0px 0 0px;
	line-height:1.8em;
}

section.sec20 .maincontent{
	padding:20px 0 0px;
}

section.sec20 h2{
	font-size:23px;
}

section.sec20 h3{
	text-align:center;
	font-size:25px;
	border-bottom:2px solid #c5c5c5;
	padding:70px 0 15px;
}

section.sec20 p{
	margin:30px auto 50px;
	max-width:450px;
	line-height:2em;
	text-align: center;
}

section.sec20 p.first{
	margin:20px auto 60px;
}

section.sec20 p.second{
	margin:15px auto 0px;
}

section.sec20 .plan{
	background:#fff;
	max-width:450px;
	margin:50px auto 0px;
	border:2px solid rgba(0, 172, 237, 1);
}

section.sec20 .plan h4{
	background:#00aced;
	padding:10px 0;
	color:#fff;
	text-align:center;
	font-size:20px;
}


section.sec20 .plan p{
	margin:30px auto 50px;
	max-width:450px;
	padding:0 5px;
	line-height:1.7em;
}

section.sec20 .plan .support{
	margin:30px auto 30px;
	max-width:450px;
	padding:0 8px;
	line-height:1.7em;
}

section.sec20 .plan .place{
	width: 99%;
	max-width: 310px;
	margin: 30px auto 20px;
	text-align: left;
	line-height:1.7em;
	padding-right: 0;
}

section.sec20 .plan p span{
	line-height:1em;
}

section.sec20 .planlist{
	margin:20px auto;
	max-width:350px;
	padding:0 5px;
}

section.sec20 .option{
	font-weight:bold;
	text-align:center;
	font-size:17px;
	padding:0px 0 0px;
	margin-bottom:0;
}

section.sec20 .planoption1{
	margin:0px auto 10px;
	max-width: 350px;
	padding: 0 5px;
}

section.sec20 .planoption2{
	margin:0px auto;
	max-width:350px;
}

section.sec20 .note{
	margin:40px auto 0px;
	line-height:1.8em;
}
section.sec20 .p1{
	margin: 50px auto 10px;
	line-height:1.8em;
}
section.sec20 .tax{
	text-align: right;
	margin:0 auto 0;
}


/*無料相談*/
section.sec21{
	border-bottom: 1px solid #000;
	margin-bottom: 50px;
	padding-bottom: 50px;
}
section.sec21 figure {
	margin:0 auto;
}

section.sec21 figure img{
	width:95%;
	max-width:400px;
}
section.sec21 a{
}

/* RESET mailformpro.css */
/* ------------------------------------ */

section.sec21 .mfp_buttons .mfp_element_submit{
	color: #fff;
	padding:10px;
}
section.sec21 .mfp_element_submit, .mfp_element_reset, .mfp_element_button{
  text-shadow: none;
}

button#ManecoBtnOpen {
    padding-top: 0;
}

p.app_link {
    text-align: center;
    margin-top: 40px;
}

/*ガイド-料金*/
section.sec30{
	padding-bottom:40px;
	line-height:1.8em;
	font-size:13px;
	margin:70px 2% 20px;
	width:96%;

}

section.sec30 .maincontent{
	padding-top:0px;
	max-width: 430px;
	margin: 0 auto;
}

section.sec30 h2{
}

section.sec30 h3{
	text-align:center;
	font-size:20px;
	border-bottom:1px solid #c5c5c5;
	padding:0px 0 15px;
	margin-bottom:30px;
}

section.sec30 h4{
	margin:15px auto;
	max-width:500px;
	font-size:18px;
	padding:20px 0 5px;
	margin-bottom:0px;
}

section.sec30 p{
	margin:15px auto;
	max-width:500px;
	line-height:2em;
	font-size:15px;
}

section.sec30 .pricelist{
	margin:50px auto;
	max-width:400px;
}

section.sec30 .plan{
	max-width:450px;
	margin:20px auto 40px;
	border:2px solid #00aced;
	text-align:center;
}

section.sec30 .plan h4{
	margin:0;
	background:#00aced;
	padding:10px 0;
	color:#fff;
	text-align:center;
	font-size:20px;
}

section.sec30 .plan h4 span{
	font-weight:normal;
	font-size:15px;
}

section.sec30 .plan p{
	padding:0 10px;
	line-height:1.7em;
}

section.sec30 .plan .direct1 {
	margin:30px auto 20px;
	padding:0 10px;
	line-height:2em;
}

section.sec30 .plan .direct2 {
	margin:0 auto 50px;
	padding:0 10px;
	line-height:1.3em;
}

section.sec30 .plan p span{
	line-height:1em;
}

section.sec30 .planlist{
	margin:10px auto 30px;
	max-width:400px;
}

section.sec30 .pricelist{
	margin:0px auto 50px;
	max-width:400px;
}

section.sec30 .note{
	margin:50px auto 40px;
	max-width:400px;
	line-height:1.8em;
	font-size:13px;
}

section.sec30 .option{
	font-weight:bold;
	text-align:center;
	font-size:20px;
	padding:0px 0 0px;
	margin-bottom:0;
}

section.sec30 .planoption{
	margin:0px auto;
	max-width:450px;
}

section.sec30 .note{
	margin:60px auto 0px;
	max-width:400px;
	line-height:1.8em;
	font-size:13px;
}

section.sec30 .planoption1{
	margin:0px auto 20px;
	max-width:350px;
}




/*その他のページ*/
section.sec31 .maincontent {
	margin:20px auto 20px;
	max-width:350px;
	line-height:2em;
}

section.sec31 h3 {
	border-left:5px solid #39B3ED;
	color:#39B3ED;
	font-weight:bold;
	font-size:16px;
	padding-left:5px;
	margin-bottom:15px;
	border-bottom:1px dotted #39B3ED;
}

section.sec31 p {
	width: 95%;
	margin-bottom: 50px;
}

section.sec32 .maincontent {
	margin:20px auto 20px;
	max-width:500px;
	width:90%;
	line-height:2em;
}

section.sec32 h3 {
	border-left:5px solid #f67e99;
	color:#f67e99;
	font-weight:bold;
	padding-left:5px;
	margin-bottom:15px;
	border-bottom:1px dotted #f67e99;
}

section.sec32 p {
	width: 95%;
	margin-bottom: 50px;
}


/* ------------------------------------ */
/* 特定商 */
/* ------------------------------------ */

section.other .maincontent {
	margin:20px auto 20px;
	max-width:450px;
	line-height:2em;
}

section.other h3 {
	border-left:5px solid #f67e99;
	color:#f67e99;
	font-weight:bold;
	font-size:16px;
	padding-left:5px;
	margin-bottom:15px;
	border-bottom:1px dotted #f67e99;
}

section.other p {
	width: 90%;
	margin-bottom: 50px;
}

dl.ts{
	margin:20px auto 50px;
}

dl.ts dt{
	border-left:5px solid #f67e99;
	color:#f67e99;
	font-weight:bold;
	font-size:16px;
	padding-left:5px;
	margin-bottom:15px;
	border-bottom:1px dotted #f67e99;
}

dl.ts dd{
	padding:5px 10px;
}

/* ------------------------------------ */
/* FOOTER */
/* ------------------------------------ */
.footer {background:#f67f7f;text-align:center;color:#fff;margin-top: 30px;}
.footer nav {padding:30px 0;line-height:1.6;font-size:1.6rem;}
.footer nav li a {color:#fff;text-decoration:underline;}
.footer .copyright {border-top: 1px solid #fff;padding:15px 0;font-size:1.6rem;}
@media (max-width:640px) {
	.footer nav,
	.footer .copyright{font-size:3.75vw;}
}