@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;}



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

.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;

}

.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;

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


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


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



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


/* ------------------------------------ */
/* 条件 */
/* ------------------------------------ */

.bl_08 {
	padding: 0 20px;
}

.bl_08 .bl_tit {
  padding: 0.5em;
  color: #fff;
  background: #ff9fa4;
  border-left: solid 5px #f57a80;
  font-size: 1.4rem;
  width: 100%;
  margin: 20px auto;
}

.bl_08 table {
  border: solid 1px #ccc;
  border-bottom: none;
	font-size: 12px;
	width: 100%;
  margin-bottom: 20px;
}

.tbl-r02 th {
    background: #eee;
    border-bottom: solid 1px #ccc;
    color: #666;
    padding: 10px;
    display: block;
}

.tbl-r02 td {
    　border: solid 1px #ccc;
    padding: 10px;
    border-bottom: solid 1px #ccc;
    display: block;
}

