/* Vface */
section {
	background: #fff;
}
.sfaceimg {
	margin: auto;
	width: 100%;
	text-align: center;
}
.sfaceimg img {
	width: 100%;
}
section#vface .sectionInner,
section#smilelip .sectionInner { display: block; width: 1000px }

section#vfaceCont .vfaceHead img {
	width: 100%;
}
section#vfaceCont .vfaceHead p.vHeadText {
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	padding: 20px 0;
}
section#vfaceCont .vfaceHead p {
	font-size: 22px;
}
section#vfaceCont .pick {
	background: url("../images/contents/vface/pick.png") no-repeat;
	width: 100%;
	height: 463px;
	background-size: 100%;
	margin: 60px 0;
}
section#vfaceCont .pick ul {
	position: relative;
    top: 110px;
    left: 160px;
}
section#vfaceCont .pick ul li {
	font-size: 40px;
	margin-bottom: 46px;
}
.vContent {
	margin-bottom: 60px
}
.vTitle {
	background: url("../images/contents/vface/lineh2.png") no-repeat;
	width: 100%;
	background-size: 100%;
	text-align: center;
	margin-top: 90px;
}
.vTitle h2 {
	background: #fff;
    font-size: 42px;
    display: inline-block;
    padding: 20px 32px;
    margin-top: -45px;
    letter-spacing: 0.2em;
}
.vContent ul {
	display: inline-block;
	width: 100%;
	padding: 40px 0 0;
}
.vContent li {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
.vContent li img {
	width: 100%;
}
.vprice {
	text-align: center;
	margin: 20px 0;
}
.vf {
	width: 680px;
	margin-bottom: 80px;
    margin: auto;
}
.vf p img {
	width: 680px;
}
.link1 {
	position: relative;
	z-index: 2;
}
.link2 {
	margin-top: -5px;
	position: relative;
	z-index: 1;
}
.link3 {
	margin-top: -17px;
}



/*    LP      */


.mainImg img {
	width: 100%;
}

.smilecontent {
	width: 1000px;
	text-align: center;
	margin: auto;
}
.smileMenu {
    width: 60%;
    margin-bottom: 20px;
}
.topText {
	padding: 30px 40px;
    font-size: 20px;
    width: 80%;
    margin: 0 auto 40px;
    background: #fff;
    border-radius: 10px;
}
.titleImg {
    margin: 60px auto 20px;
    width: 520px;
}
.yellow {
	background: #FFFF76;
	width: 1000px;
	padding: 20px 0 40px;
	margin: 20px auto 60px;
	text-align: center;
}
.lightyellow {
	background: #FFF9EE;
	width: 1000px;
	padding: 20px 0 40px;
	margin: 20px auto 60px;
	text-align: center;
}
.lightgreen {
	background: #E9FEF3;
	width: 1000px;
	padding: 20px 0 40px;
	margin: 20px auto 60px;
	text-align: center;
}
.smileul {
	width: 720px;
	margin: auto;
}
.smileul li {
	position: relative;
}
.smileul li:after {
	content: "";
    left: 0;
    bottom: -15px;
    position: absolute;
    background-size: 100%;
    background-position: bottom;
    background: url(../images/contents/smilelip/flow_next.png) no-repeat;
    height: 45px;
    width: 100%;
}
.smileul li:last-child:after {
	display: none;
}
.smileul li img {
	width: 100%;
}
.s_lip {
	margin-top: -430px;
    width: 50%;
}
.slMain {
	background: url("../images/contents/sl/bg.png") no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	height: 800px;
    position: relative;
    top: -51px;
}
.slMain img {
	width: 90%;
}
.slMain h2 {
	font-size: 30px;
	font-weight: bold;
	margin-top: 40px;
}
.slMain p {
	font-size: 18px;
	margin: 20px 0 0;
	font-weight: bold;
}
.slMain .day {
	font-size: 22px;
	text-align: right;
}
.lpContent {
	width: 800px;
	margin: auto;
}
.lpContent .img800 {
	width: 100%;
	margin: 20px 0;
}
.lpContent h3 {
	text-align: center;
}
.lpContent .titleh3 {
	width: 80%;
	margin: 20px 0;
}

.btnImg {
	margin: 60px auto;
}
.hyh2 {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.3;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    margin: 50px 0 40px;
	color: #505050;
	text-align: center;
}
.check-s span.wpcf7-list-item {
	display: block;
}
.smileul.vfaceul li img {
	width: 80%;
    padding: 5% 0 7%;
}
.lightyellow.nobg {
	background: none;
	padding: 0;
	margin: auto;
}
.lightgreen.nobg {
	background: none;
	padding: 0;
	margin: auto;
}


/*   recruit  */

.recruit {
	width: 800px;
	margin: auto;
}
.recruit .recTop {
	text-align: center;
}
.recruit h1 {
	text-align: center;
	margin: 30px 0;
	font-size: 28px;
}
.recuritTab {
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #ccc;
}
.recuritTab p {
	text-align: center;
	width: 38%;
	padding: 10px 0 7px;
    margin-bottom: -1px;
	float: left;
	margin-right: 10px;
	border: 1px solid #ccc;
	border-radius: 10px 10px 0 0;
	cursor: pointer;
}
.recuritTab p.on {
	background: #a4dde4;
	font-weight: bold;
	cursor: default;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.recruitArea {
	clear: both;
	margin: 20px 0;
}
.recruitArea dl {
	border-bottom: 1px solid #ccc;
	padding: 10px 0 13px;
	width: 100%;
	display: inline-block;
}
.recruitArea dl dt {
	font-weight: bold;
	width: 18%;
	float: left;
	margin-left: 2%;
}
.recruitArea dl dd {
	width: 80%;
	float: left;
}
.recH2 {
	font-size: 24px;
    text-align: center;
    margin: 20px 0;
}
.flowList {
	border: 1px solid #ccc;
	margin-bottom: 87px;
	position: relative;
	width: 100%;
}
.flowList:after {
	content: "";
	background: url(../images/contents/recruit/underarrow.png) no-repeat;
	background-position: 50% 50%;
	width: 184px;
	height: 70px;
	position: absolute;
	display: block;
	left: 50%;
	bottom: -80px;
	margin-left: -92px;
}
.flowRecruit .flowList:last-child:after {
	background: none;
}
.flowList h3 {
	background: #a4dde4;
	padding: 10px 0 8px 20px;
	font-weight: bold;
}
.flowList p {
	padding: 10px 20px;
}
.recruitContact {
	width: 1000px;
	margin: auto;
}
.accArea {
	display: none;
}

.RecList {
	width: 800px;
	margin: auto;
}
.recWid {
	width: 1000px;
	margin: 0 auto 30px;
}
.recWid p {
	margin: 40px 0;
	text-align: center;
}
.RecList ul {
	width: 385px;
	text-align: center;
	margin: auto;
}
.RecList ul li {
	width: 385px;
	margin-bottom: 20px;
}

.RecList ul li img {
	width: 100%;
}

.total {
	width: 1000px;
	margin: auto;
}
.totalContent {
	margin: 30px 0;
}
.totalContent p {
	margin-bottom: 30px;
	text-align: center;
	font-size: 16px;
}
.totalCase {
	margin: 20px 0;
	padding: 20px 0;
	border-top: 2px solid #ccc;
}
.totalCase h2 {
	text-align: center;
	margin: 40px 0;
}
.totalCase h2 img {
	width: 200px;
}
.beforeAfter {
	background: url(../images/total/arrow.png) no-repeat;
	background-position: 50% 50%;
	display: table;
    width: 100%;
    background-size: 50px;
}
.beforeAfter img {
	width: 100%;
}
.before {
	width: 43%;
	float: left;
}
.after {
	width: 43%;
	float: right;
}
.sList {
	display: table;
	width: 100%;
	margin: 40px 0;
}
.sList li {
	width: 22%;
	float: left;
	margin-right: 4%;
	position: relative;
}
.sList li:last-child {
	margin-right: 0;
}
.sList li:after {
	content: "";
    background: url(../images/total/arrow.png) no-repeat;
    background-position: 50% 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    display: block;
    right: -35px;
    top: 50%;
    margin-top: -25px;
    background-size: 30px;
}
.sList li:last-child:after {
	display: none;
}
.sList li img {
	width: 100%;
}
.totalCase p {
	text-align: left;
}
.se {
	width: 100%;
	margin: 30px 0;
}
.se h3 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}
.se ul {
	display: inline-block;
	width: 100%;
}
.se a {
	display: block;
	padding: 3px 10px;
	color: #fff;
	background: #49bac8;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
    font-size: 12px;
}
.total .lisk p {
	font-size: 12px;
}

/*      ピコシュア     */


.picoinner {
	width: 1000px;
	margin: 0 auto 20px;
}
.picoinner p {
	font-size: 15px;
	line-height: 2;
	font-weight: 600;
}
.picoinner h3 {
	font-weight: 600;
}
.picoinner h1 img {
	width: 100%;
}
.btnM {
	margin: 40px auto;
}
.center {
	text-align: center;
}
.btnM img {
	width: 60%;
}
.subNav ul {
	width: 100%;
	display: inline-block;
}
.subNav li {
	width: 50%;
	text-align: center;
	padding: 20px 0;
	border: 2px solid #ccc;
	background: #f8f8f8;
	float: left;
}
.subNav li a {
	font-size: 20px;
	font-weight: bold;
	color: #666;
}
.picoContent {
	width: 100%;
	margin: 0 auto 30px;	
}
.picoContent p img {
	width: 100%;
}
.bigText {
	font-size: 20px;
	margin: 40px auto;
	width: 800px;
}
.h2Text {
	text-align: center;
}
.h2Text h2 {
	font-size: 32px;
    text-align: center;
    color: #40b1bf;
    border-bottom: 3px solid #40b1bf;
    padding: 0 20px;
    display: inline-block;
    margin: 0 0 40px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	letter-spacing: 0.1em;
}
.picoContent h3 {
	margin: 20px 0 15px;
	font-size: 20px;
	color: #40b1bf;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	letter-spacing: 0.1em;
}
.boxPico2 {
	width: 100%;
	display: inline-block;
}
.boxPico2 .leftp {
	float: left;
	width: 48%;
	margin-right: 2%;
}
.boxPico2 .rightp {
	float: right;
	width: 48%;
	margin-left: 2%;
}
.boxPico2 .rightp img {
	width: 100%;
}
.picoMenu {
	margin: 0 0 40px;
}
.picoMenu ul {
	display: inline-block;
	width: 100%;
}
.picoMenu li {
	width: 24%;
	margin-right: 1.333%;
	float: left;
	cursor: pointer;
}
.picoMenu li:last-child {
	margin-right: 0;
}
.picoMenu li img {
	width: 100%;
}
.picoMenuArea {
	border: 3px solid #40b1bf;
	padding: 40px;
	margin-top: -7px;
	position: relative;
}
.menuOpen h2 {
	font-size: 36px;
	color: #40b1bf;
	padding-left: 30px;
	border-left: 8px solid #40b1bf;
	font-weight: 600;
	margin-bottom: 40px;
}
.menuOpen h3 {
	color: #fff;
    text-align: center;
    background: #40b1bf;
    padding: 5px 0;
    font-size: 30px;
    font-weight: 600;
	margin: 30px 0 40px;
}
.menuOpen h3.priceh3 {
	margin: 30px 0 0;
}
.picoinner .pick {
	font-size: 34px;
	width: 750px;
	margin: 0 auto;
}
.picoinner .pick.last {
	margin: 0 auto 40px;
}
.picoinner .pick span {
	color: #ef2b00;
	font-weight: 600;
}
.picoMenuArea ul li {
	width: 48%;
	height: 250px;
	margin-right: 2%;
	margin-bottom: 4%;
}
.picoMenuArea ul li:nth-child(even) {
	margin-left: 2%;
	margin-right: 0;
}
.priceArea {
	width: 100%;
	border: 3px solid #40b1bf;
	display: inline-block;
}
.priceArea dl {
	width: 100%;
	display: table;
}
.priceArea dt {
	width: 60%;
	text-align: left;
	border-bottom: 1px dotted #40b1bf;
	padding: 1% 4%;
	font-size: 30px;
	height: 70px;
	display: table-cell;
	vertical-align: middle;
}
.priceArea dt span {
	font-size: 14px;
}
.priceArea dt.fontmini {
	font-size: 20px;
	line-height: 1.4;
}
.priceArea dd {
	border-bottom: 1px dotted #40b1bf;
	padding: 1% 4%;
	text-align: right;
	color: #ef2b00;
	font-size: 28px;
	font-weight: 600;
	height: 70px;
	display: table-cell;
	vertical-align: middle;
	width: 40%;
}
.priceArea dd span {
	font-size: 24px;
}
.table table {
	width: 100%;
	display: table;
	border: 1px solid #ccc;
	margin: 30px 0;
}
.table table th {
	width: 30%;
	text-align: left;
	padding: 1%;
	background: #f8f8f8;
	border-bottom: 1px solid #ccc;
	display: table-cell;
	vertical-align: middle;
}
.table table td {
	width: 70%;
	text-align: left;
	padding: 1%;
	border-bottom: 1px solid #ccc;
	display: table-cell;
	vertical-align: middle;
}
.menuOpen {
	display: none;
}
.o1 {
	display: block;
}
section#contact .block .blockInner dl dd {
	text-align: left;
}

.summerBg {
	background: url(../images/contents/summerMenu/summerBg.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	height: 600px;
}
.ageha {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.agehaBg {
	background: url(../images/contents/ageha/ageha_top.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	height: 420px;
}
.agehaBg img {
	text-align: center;
    padding: 40px 0;
    margin: auto;
    display: block;
    width: 800px;
}
.ageha iframe {
	margin: 40px 0;
}
.ageha p {
	text-align: left;
	line-height: 2;
	margin: 40px 0;
}
.yokohamaGallary {
    background: #f9f9f9;
    padding: 60px 0;
    display: inline-block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}
.yokohamaGallary h2 {
    font-size: 32px;
    margin: 0 0 40px;
    text-align: center;
    font-weight: bold;
}
.yokohamaImg {
    width: 800px;
    margin: auto;
}
.yokohamaGallary .yokohamaImg img {
    float: left;
    margin-right: 20px;
    width: 320px;
}
.yokohamaRight {
    float: right;
    width: 440px;
    margin-top: -14px;
}
.yokohamaGallary h3 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}
.yokohamaGallary h4 {
    font-size: 16px;
    color: #7dc0d1;
    font-weight: bold;
}
.yokohamaGallary p {
    font-size: 16px;
    margin: 0 0 10px;
    line-height: 1.2;
}
.ageha .videArea {
	display: table;
	width: 100%;
	text-align: center;
	margin: auto;
}
.ageha  video {
	width: 50%;
	margin: 0 0 20px;
}

.monitor_bg {
	background: #b9dcf7;
	padding: 0;
	text-align: center;
	height: 445px;
}
.monitor_bg img {
	width: 1000px;
}
.monitorLine {
	text-align: center;
	margin-bottom: 20px;
	color: #fff;
	font-size: 24px;
	display: table;
    width: 100%;
}
.monitorLine li {
	width: 50%;
	float: left;
	padding: 20px 0;
	background: #999;
	cursor: pointer;
}
.monitorLine li.g_moni.on {
	background: #BF9330;
}
.monitorLine li.y_moni.on {
	background: #40B1BF;
}
.yokohamaview {
	display: none;
}
.monitor .center {
	text-align: center;
	margin: 40px 0;
	font-size: 18px;
}
.monitor_dr {
	text-align: center;
}
.monitor_dr img {
	width: 250px;
}
.contactBox {
	width: 100%;
	display: flex;
	margin:40px 0;
}
.contactBox a {
	width:25%;
	border: 3px solid #000;
	color: #000;
	display: block;
	float: left;
	border-collapse: collapse;
	padding: 20px 0;
}
.monitor_px {
	height: 8px;
	background: #000;
	width: 100%;
	margin: 0 0 40px;
}
.instagramLink {
	font-size: 36px;
	font-weight: bold;
	padding: 20px;
	text-align: center;
	border: 3px solid #000;
	margin: 20px auto;
}
.instagramLink span {
	color: #bd0000;
}
.eyeBg {
	background: url(../images/contents/eye/top.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	height: 500px;
}
.case-list li {
	float: left;
    width: 48%;
    margin-right: 4%;
}
.case-list li:nth-child(even) {
	margin-right: 0;
}
.eye p {
	text-align: left;
    padding: 40px 0 0;
    line-height: 2;
    font-size: 18px;
}
.eye p span.red {
	color: #d74362;
}
.eye .lisk-eye {
	padding: 20px;
	background: #f6f6f6;
	margin: 20px 0;
	text-align: left;
	font-size: 12px;
}
.eye h2 {
	font-size: 22px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 20px 0;
}
.hy h2, .hy h3, .hy h4 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	letter-spacing: 0.15em;
}
.hy_bg {
	background: url(../images/hy/hy_img_main.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	height: 500px;
}
.hy_h1text {
	width: 100%;
	background: #000;
	padding: 10px 0;
	text-align: center;
}
.hy_h1text img {
	height: 80px;
}
.hyContent {
	width: 800px;
	margin: auto;
	text-align: center;
}
.hy .hyContent h2 {
	font-size: 34px;
	color: #e5004f;
	padding: 70px 0 40px;
}
.hy .hyContent p.hyp {
	font-size: 20px;
	line-height: 2;
	padding: 0 0 40px;
}
.hymenu .hymenuTitle {
	background: #000;
	padding: 20px 0;
	font-size: 30px;
	color: #ffa2c2;
}
.hyBox {
	background: #efefef;
	padding: 40px;
	display: table;
	width: 100%;
	margin: 40px 0 0;
}
.hyLeftBox {
	float: left;
	width: 35%;
}
.hyRightBox {
	float: right;
	width: 60%;
	text-align: left;
}
.hyRightBox h4 {
	font-size: 30px;
	margin-bottom: 10px;
}
.hyRightBox p {
	font-size: 18px;
	line-height: 1.8;
}
.hyRightBox .hy_price {
	padding: 10px 0 10px;
	font-size: 20px;
	text-align: right;
	letter-spacing: 0.15em;
}
.hyRightBox .red {
	color: #e5004f;
}
.hyRightBox .priceBig {
	font-size: 34px;
}
.hyRightBox a {
	display: block;
	text-align: center;
	padding: 5px 0;
	font-size: 20px;
	color: #000;
	border: 3px solid #000;
	font-weight: bold;
}
.hyRightBox a:hover {
	background: #000;
	color: #fff;
	-webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
}
.hy_monitor {
	background: #e5004f;
	color: #fff;
	width: 100%;
	padding: 12px 0;
	text-align: center;
	display: block;
	font-size: 20px;
}

.a-shapeBg {
	background: url(../images/a-shape/a-shapeMain.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	height: 640px;
	position: relative;
}
.freepass {
	position: absolute;
	left: -50px;
	top: 245px;
    width: 230px;
}
.mainText {
	position: absolute;
	left: 50%;
	margin-left: -350px;
    bottom: 40px;
    width: 640px;
}
.auto {
	width: 1000px;
	margin: auto;
	position: relative;
	height: 640px;
}
.h1PinkLine {
	width: 100%;
	background: #fe5e84;
	padding: 20px 0;
	text-align: center;
}
.pinkBg {
	padding: 200px 0 100px;
	widows: 100%;
	background: #ffafc2;
}
.a-shapesub {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 34px;
	color: #fff;
	letter-spacing: 0.2em;
}
.a-shapeh1 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 60px;
	color: #fff;
	letter-spacing: 0.2em;
}
.nayami {
	margin: 40px auto 20px;
	width: 1000px;
	border-radius: 15px;
	border: 5px solid #fe5e84;
	background: #fff;
}
.nayaih2 {
	background: #fe5e84;
	text-align: center;
	padding: 20px 0;
	font-size: 34px;
	color: #fff;
	letter-spacing: 0.2em;
}
.nayami ul {
	padding: 40px;
	display: block;
	width: 100%;
}
.nayami ul li {
	font-size: 30px;
	text-align: left;
	padding-left: 80px;
	margin-bottom: 20px;
	letter-spacing: 0.2em;
	
}
.nayami ul li span {
	border-bottom: 3px solid #fe5e84;
	padding-left: 50px;
}
.nayami ul li:before {
	content: '';
	background: url(../images/a-shape/a-shape_check.jpg) no-repeat;
	width: 40px;
    height: 40px;
    background-size: 40px 40px;
    position: absolute;
}
.under_next {
	text-align: center;
	padding: 0 0 20px;
}
.bgPinkSP {
	padding: 40px 0;
	background: #f73f6b;
	text-align: center;
	margin: 0 0 40px;
}
.bgPinkSP img {
	width: 700px;
}
.bgPinkSP p {
	font-size: 40px;
	color: #fff;
}

.btnArea {
	background: #fff;
	display: table;
	width: 100%;
	margin: 40px 0;
    padding: 40px 0;
}
.btnArea p.now {
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 20px;
}
.btnArea p.links {
	float: left;
	margin-right: 4%;
	width: 48%;
}
.btnArea p.links a {
	display: block;
	width: 100%;
	text-align: center;
	padding: 20px 0;
	border: 5px solid #000;
	font-weight: bold;
	font-size: 30px;
    color: #000;
}
.btnArea p.links a:hover {
	color: #fff;
	background: #000;
	-webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
}
.btnArea p.links:last-child {
	margin-right: 0;
}

.whiteBox {
	border: 5px solid #000;
	background: #fff;
	padding: 20px;
	margin: 60px auto;
}
.whiteBoxCont {
	width: 100%;
	padding: 20px;
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.whiteBoxCont:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.whiteBoxLeft {
	width: 55%;
	float: left;
}
.whiteBoxRight {
	width: 34%;
	float: right;
	
}
.whiteBoxRight img {
	width: 100%;
}
.cont01 {
	background: url(../images/a-shape/01.png) no-repeat;
}
.cont02 {
	background: url(../images/a-shape/02.png) no-repeat;
}
.cont03 {
	background: url(../images/a-shape/03.png) no-repeat;
}
.boxSubTitle {
	font-size: 30px;
	font-weight: bold;
	text-align: left;
}
.whiteBoxLeft h3 {
	font-size: 40px;
	color: #f73f6b;
	font-weight: bold;
	text-align: left;
}
.whiteBoxLeft h3 span {
	font-size: 30px;
}
.note {
	text-align: left;
	line-height: 2;
	letter-spacing: 0.15em;
}
.asterisk {
	text-align: left;
	font-size: 18px;
	padding-top: 15px;
	letter-spacing: 0.15em;
}
.a-shape_price {
	background: #fff;
	padding: 60px 0;
}
.a-shape_price p {
	font-size: 40px;
}
.priceinner {
	width: 1000px;
	margin: auto;
}
.priceinner p {
	text-align: center;
}
.pricePlan {
	display: inline-block;
	width: 100%;
	padding: 40px 0;
}
.pricePlan p {
	float: left;
	width: 48%;
	margin-right: 4%;
}
.pricePlan p:last-child {
	margin-right: 0;
}
.pricePlan p img {
	width: 100%;
}
.footerImg {
	background: url(../images/a-shape/a-shape_undermain.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	height: 500px;
	position: relative;
}
.footerComment {
	background: #ff6d8f;
	text-align: center;
	padding: 30px 0;
	font-size: 36px;
	letter-spacing: 0.15em;
}
.footerComment span {
	color: #fdff6b;
	font-weight: bold;
}
div.wpcf7 {
	padding: 60px 0;
}
.hyh2 {
	color: #000;
}

.hydraInner {
	width: 1000px;
	margin: auto;
}
.hydraInner img {
	width: 100%;
}
.hydraText {
	color: #6288b5;
	margin: 30px 0 0;
	font-size: 38px;
}
.hydrah3 {
	border-left: 5px solid #000;
	padding-left: 30px;
	font-size: 24px;
	text-align: left;
	margin-bottom: 20px;
}
.hydraDeta {
	text-align: left;
	font-size: 18px;
	margin-bottom: 40px;
	line-height: 2;
}
.detailBox {
	width: 800px;
	margin: auto;
}
.detailBox h3 {
	border-bottom: 3px solid #000;
	font-size: 24px;
	text-align: left;
	padding: 10px 0 5px;
	margin-top: 40px;
}
.detailBox table {
	width: 100%;
	border: 1px solid #ccc;
}
.detailBox table th {
	width: 35%;
	text-align: center;
	padding: 15px 0;
	border: 1px solid #ccc;
	font-weight: bold;
    background: #fefefe;
	vertical-align: middle
}
.detailBox table td {
	width: 65%;
	text-align: left;
	padding: 15px;
	border: 1px solid #ccc;
}

.interview {
	letter-spacing: 0.2em;
	line-height: 1.8;
}

.interviewInner {
	height: 400px;
	position: relative;
	width: 100%;
}
.interviewInner.sato {
	background: url(../images/interview/interview_sato_main.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.interviewInner.taniguchi {
	background: url(../images/interview/interview_taniguchi_main.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.interviewInner.shibata {
	background: url(../images/interview/interview_shibata_main.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.interviewInner.komatsu {
	background: url(../images/interview/interview_komatsu_main.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.interviewInner.yamada {
	background: url(../images/interview/interview_yamada_main.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.interviewInner.yamasaki {
	background: url(../images/interview/interview_yamasaki_main.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.interviewInner.toda {
	background: url(../images/interview/interview_toda_main.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.interviewAuto {
	width: 1000px;
	margin: 0 auto;
	padding: 120px 0 0;
}
.interviewClinic {
	padding: 7px 13px;
	background: #b99443;
	font-size: 20px;
	color: #fff;
	margin-bottom: 5px;
	display: inline;
}
.interviewClinic.yokohama {
	background: #4391b9;
}
.interviewAuto h1 {
	font-size: 40px;
	margin-top: 10px;
}
.interviewAuto h1 span {
	margin-left: 10px;
	font-size: 20px;
}
.interviewRubi {
	font-size: 16px;
}
.blackBg {
	background: #333;
	padding: 40px 0;
}
.blackBg p {
	color: #fff;
	font-size: 18px;
	text-align: left;
}
.interviewConten {
	width: 800px;
	margin: 40px auto;
}
.interviewBlock {
	display: table;
	padding: 0;
	margin: 20px 0;
	text-align: left;
	width: 100%;
}
.interviewBlock h2 {
	background: #eee;
	font-size: 16px;
	padding: 5px;
	margin-bottom: 20px;
}
.interviewBlock img {
	width: 100%;
}
.interviewBlockImg {
	float: right;
	padding: 0 0 0 20px;
	width: 45%;
}
.interviewBlockText {
	text-align: center;
    font-size: 30px;
    margin: 40px 0;
    line-height: 1.4;
}
.interviewDrProfile {
	display: inline-block;
	width: 100%;
	background: #eee;
	padding: 40px;
	clear: both;
	margin: 60px 0 0;
}
.profilePeople {
	width: 45%;
	float: left;
	margin-right: 7%;
}
.profilePeople img {
	width: 100%;
}
.profilePeople a.linkBtn {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	display: block;
	color: #fff;
	border-radius: 7px;
}
.profilePeople .drclass {
	font-size: 18px;
	margin: 10px 0 0;
}
.profilePeople .drname {
	font-size: 32px;
	margin: 0 0 10px;
	line-height: 1;
}
.profilePeople a.linkBtn.blog {
	background: #4ca9c3;
	margin-bottom: 10px;
}
.profilePeople a.linkBtn.instagram {
	background: #dc963b;
}
.profileList {
	width: 48%;
	font-size: 14px;
	float: right;
}
.profileList .bold {
	font-weight: bold;
}
.profileList .mt20 {
	margin-top: 20px;
}
.interviewBnr {
	width: 800px;
	margin: auto;
}
.interviewBnr img {
	width: 100%;
	margin-bottom: 10px;
}
.interviewBnr h2 {
	color: #b99443;
	border-bottom: 2px solid #b99443;
	padding: 0 0 5px;
	font-size: 20px;
	margin: 0 0 10px;
}
.interviewMonitor {
	width: 800px;
	margin: 20px auto;
	display: table;
}
.interviewMonitor h2 {
	color: #b99443;
	border-bottom: 2px solid #b99443;
	padding: 0 0 5px;
	font-size: 20px;
	margin: 0 0 10px;
}
.interviewMonitor img {
	width: 100%;
}
.sTop_s {
	padding: 60px;
	background: #f7f7f7;
}
.sTop_s p {
	text-align: left;
	margin: 10px 0;
	font-size: 12px;
}
.topText2 {
	padding: 30px 0;
    font-size: 18px;
    width: 100%;
    margin: 0 auto 40px;
    letter-spacing: 0.15em;
    line-height: 2;
	text-align: left;
}
.smileTitle {
	padding: 40px 0;
	text-align: center;
}
.smileH2 {
	font-size: 40px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	letter-spacing: 0.2em;
}
.graybg {
	background: #f8f8f8;
}
.instagramSmile {
	padding: 60px 0;
	margin: 60px 0;
}
.borderbox {
	width: 1000px;
	margin: 60px auto;
	padding: 10px;
	border: 5px solid #000;
	background: #fff;
}
.borderbox ul {
	display: table;
	width: 100%;
}
.borderbox li {
	width: 24%;
	margin-right: 1.33%;
	float: left;
}
.borderbox li:last-child {
	margin-right: 0; 
}
.borderbox li img {
	width: 100%;
}
.tagText {
	margin: 20px 0;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	letter-spacing: 0.5em;
}
.tagText span {
	font-size: 40px;
	color: #ff006a;
}
.feature {
	width: 800px;
	margin: 60px auto;
}
.feature p {
	font-size: 18px;
}
.feature img {
	width: 100%;
	margin: 30px 0;
}
.feature ul li {
	margin-bottom: 15px;
	font-size: 22px;
	text-align: left;
	letter-spacing: 0.2em;
}
.case {
	width: 1000px;
	margin: 60px auto;
}
.smileCase {
    width: 100%;
	display: table;
}
.smileCase li {
	width: 48%;
	margin-right: 4%;
	float: left;
	margin-bottom: 4%;
}
.smileCase li:nth-child(even) {
	margin-right: 0;
}
.smileSet {
	width: 700px;
	margin: 40px auto;
}
.smileSet li {
	padding-bottom: 40px;
	margin-bottom: 40px;
	position: relative;
}
.smileSet li p {
	margin-left: 100px;
	font-size: 18px;
	letter-spacing: 0.2em;
	margin-top: 10px;
}
.smileSet li:after {
	content: '';
	background: url(../images/contents/smilelip/plus.jpg) no-repeat;
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: -20px;
}
.smileSet li:last-child:after {
	display: none;
}
.smile_jubi {
	line-height: 2;
}
.smile_jubi img {
	margin: 30px 0;
}
.detail {
	width: 800px;
	margin: 60px auto;
}
.detail table {
	width: 100%;
}
.detail table th {
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
	width: 25%;
	padding: 20px;
	background: #f6f6f6;
}
.detail table td {
	border: 1px solid #ccc;
	text-align: left;
	vertical-align: middle;
	width: 75%;
	padding: 20px;
}
#contact .pic {
	width: 900px;
    margin: 60px auto;
	display: flex;
}
#contact .pic li {
	width: 49%;
	margin-right: 2%;
}
#contact .pic li:last-child {
	margin-right: 0;
}
#contact .pic li img {
	width: 100%;
}
#contact .textC {
	text-align: center;
}
.transfer p {
	width: 900px;
	margin: auto;
}

/*    sface      */

@font-face {
    font-family: 'YuGothic-Medium';
    src: url('../font/YuGothic-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'YuGothic-Medium-b';
    src: url('../font/YuGothic-bold.otf') format('opentype');
}
@font-face {
    font-family: 'DIN';
    src: url('../font/DIN Alternate Bold.ttf') format('truetype');
}

.sface {
	font-family: 'YuGothic-Medium';
	line-height: 1.6;
    font-size: 15px;
}


.sfaceMain {
	width: 100%;
	text-align: center;
}
.sfaceMain img {
	width: 1100px;
}
.sfaceNav {
	width: 100%;
	background: #ea6798;
	color: #fff;
	margin: -6px auto 0;
	padding: 30px 0;
}
.sfaceNav ul {
	width: 1000px;
	margin: auto;
	display: table;
	border-left: 1px solid #fff;
}
.sfaceNav ul a {
	text-align: center;
	width: 25%;
	border-right: 1px solid #fff;
	padding: 12px 0;
	float: left;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	display: block;
	color: #fff;
}
.sfaceNav ul a:after {
	content: '';
	background: url(../images/sface/sface_sankaku.png) no-repeat;
	width: 19px;
	height: 11px;
	position: absolute;
	bottom: -20px;
	left: 50%;
    margin-left: -10px;
	font-weight: bold;
}
.sfaceSecCont {
	width: 100%;
}
.sface01 .sfaceSecContInner {
	position: relative;
	overflow: hidden;
	width: 100%;
    height: 550px;
}
.sface01 .sfaceSecContInner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 550px;
	background: url(../images/sface/sface_01_pc.jpg) no-repeat;
	z-index: 1;
	background-size: cover;
	background-position: 50% 50%;
}
.sfaceSec01Text {
	position: relative;
    z-index: 2;
    left: 2%;
    color: #ea6798;
    top: 11%;
    width: 1000px;
    margin: auto;
    font-size: 18px;
}
.sfaceSec01Text span {
	font-size: 35px;
    display: block;
    font-weight: bold;
    margin-left: -20px;
	margin-bottom: 10px;
	font-family: 'YuGothic-Medium-b';
}
.sface02 {
	position: relative;
	z-index: 100;
	top: -100px;
}
.sface02 .sfaceSecContInner {
	position: relative;
	overflow: hidden;
	width: 100%;
    height: 580px;
}
.sface02 .sfaceSecContInner:before {
	content: '';
	position: absolute;
	top: 0;
	left: -100px;
	width: 120%;
	height: 580px;
	background: #f1f2f4 url(../images/sface/sface_02_pc.jpg) no-repeat;
	z-index: 100;
	background-size: cover;
	background-position: 50% 50%;
	-webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
}
.sfaceSec02TextBox {
	width: 1000px;
	margin: auto;
	position: relative;
    z-index: 101;
}
.sfaceSec02Text {
	position: absolute;
    z-index: 101;
    right: 10%;
    color: #fff;
    width: 375px;
    margin-top: 100px;
    font-size: 14px;
	background: rgba(234,103,152,0.8);
	padding: 30px;
	line-height: 1.8;
}
.sfaceSec02Text span {
	font-size: 30px;
	display: block;
}
.sface03 {
	position: relative;
	z-index: 100;
	margin-top: -270px;
}
.sface03 .sfaceSecContInner {
	position: relative;
	overflow: hidden;
	width: 100%;
    height: 512px;
}
.sface03 .sfaceSecContInner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 540px;
	background: url(../images/sface/sface_03_pc.png) no-repeat;
	z-index: 100;
	background-size: cover;
	background-position: 50% 50%;
}
.sfaceSecCont03Box {
	position: relative;
	width: 1000px;
	margin: auto;
	z-index: 101;
	color: #fff;
	top: 36%;
}
.sfaceSec03Text {
	position: relative;
    font-size: 30px;
	margin-bottom: 20px;
}
.sfaceSec03mini {
	margin-bottom: 10px;
}
.sfaceDr {
	width: 100%;
    padding: 0 0 60px;
    position: relative;
}
.sfaceDrInner {
	position: relative;
	z-index: 102;
	margin: auto;
	width: 1000px;
}
.sfaceDr .sfaceShindanBtn {
	display: block;
	position: absolute;
	right: 0;
	top: -70px;
}
.sfaceSubTitleImg {
	text-align: center;
	padding: 40px 0 30px;
}
.sfaceTitleDr {
	font-size: 30px;
	color: rgba(234,103,152,1.0);
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	 font-family: 'YuGothic-Medium-b';
}
.sfaceDrImg {
	text-align: center;
}
.sfaceDrText {
	margin: 20px 0 10px;
}
.sfaceDrText span {
	color: #ff0000;
}
.sfaceStandard {
	width: 100%;
    padding: 60px 0 20px;
    position: relative;
    box-shadow: 3px -2px 15px 1px #ccc;
}
.sfaceStandardInner {
	position: relative;
	z-index: 102;
	margin: auto;
	width: 1000px;
}
.sfaceStandardH2 {
	text-align: center;
	padding: 30px 0;
}
.sfaceStandardDl {
	width: 100%;
	display: table;
	margin-bottom: 30px;
}
.sfaceStandardDl dt {
	width: 60%;
	margin-right: 5%;
	float: left;
	line-height: 2;
}
.sfaceStandardDl dd {
	width: 35%;
	text-align: center;
	float: right;
}
.sfaceStandardDl dd img {
	width: 75%;
}
.redText {
	color: #FF0004;
}
.sfaceMerit {
	padding: 40px 0;
}
.sfaceMeritMain {
	width: 1000px;
	margin: auto;
	display: table;
}
.sfaceMeritMain img {
	float: left;
    width: 55%;
}
.sfaceMeritMainH2 {
	color: #f67aa4;
    font-size: 22px;
    text-align: center;
    float: right;
    padding-right: 0%;
    width: 45%;
    font-weight: bold;
    padding-top: 15%;
}
.sfaceMeritBox {
	width: 900px;
	margin: 40px auto;
	display: table;
}
.odd .sfaceMeritLeft {
	width: 60%;
	margin-right: 5%;
	float: left;
	margin-top: -3%;
}
.even .sfaceMeritLeft {
	width: 60%;
	float: right;
	margin-top: -3%;
}
.sfaceMeritLeft p {
	margin-top: 10px;
	line-height: 2;
}
.sfaceMeritH3 {
	font-size: 30px;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 15px;
	font-family: 'YuGothic-Medium-b';
	font-weight: bold;
}
.odd h3 {
	background: url(../images/sface/sface_merit_yellow_line.png) no-repeat;
	background-position: bottom;
	background-size: contain;
}
.even h3 {
	background: url(../images/sface/sface_merit_pink_line.png) no-repeat;
	background-position: bottom;
	background-size: contain;
}
.sfaceMeritH3 span {
	font-size: 50px;
    font-family: 'DIN';
    margin-right: 18px;
    position: relative;
    top: 6px;
    font-weight: bold;
}
.odd img {
	float: right;
	width: 35%;
}
.even img {
	float: left;
	width: 35%;
}
.sfaceMeritImg {
	background: url(../images/sface/sface_merit_bar.png) no-repeat;
    width: 1000px;
    height: 200px;
    text-align: center;
    color: #fff;
    padding: 26px 0;
    line-height: 2.2;
    margin: auto;
    font-weight: bold;
    background-size: contain;
    font-size: 18px;
}

.sfaceFlowH2 {
	font-size: 26px;
	text-align: center;
	padding: 0 0 40px;
}
.flowchart {
	background: url(../images/sface/border.png) ;
    width: 100%;
	height: 620px;
	position: absolute;
}
.flowchartImg {
	background: url(../images/sface/sface_flow.png) no-repeat;
    width: 1000px;
    height: 670px;
	position: relative;
	top: -120px;
	margin: auto;
}
.flowchartImg .btnA {
	position: absolute;
    bottom: 40px;
    left: 40px;
}
.flowchartImg .btnB {
	position: absolute;
    bottom: 40px;
    left: 287px;
}
.flowchartImg .btnC {
	position: absolute;
    bottom: 40px;
    left: 545px;
}
.flowchartImg .btnD {
	position: absolute;
    bottom: 40px;
    left: 806px;
}
.flowchartImg .btnE {
	position: absolute;
    bottom: 285px;
    right: 47px;
}
.sfaceFlowBox {
	width: 100%;
	padding: 0 0 20px;
	
}
.typeA {
	background: #e8dbc4;
	margin-top: -50px;
}
.typeB {
	background: #c2eaff;
}
.typeC {
	background: #ffd4d5;
}
.typeD {
	background: #e4e6e9;
}
.typeE {
	background: #ffedbd;
}
.sfaceFlowBoxInner {
	width: 1000px;
	margin: auto;
	display: table;
}
.sfaceFlowBoxLeft {
	width: 75%;
	float: left;
}
.sfaceFlowBoxRight {
	width: 25%;
	float: right;
}
.sfaceFlowBoxInnerBox {
	width: 95%;
	display: table;
	padding: 30px 0% 0 5%;
	position: relative;
	
}
.leftFlowBoxTitle {
	float: left;
}
.flowBlack {
	color: #fff;
	background: #000;
	font-size: 34px;
	padding: 6px 10px;
	margin-bottom: 1px;
	font-family: 'YuGothic-Medium-b';
	font-weight: bold;
	display: inline;
}
.flowBlack span {
	color: #ffd964;
}
.flowCercle {
	width: 170px;
	height: 170px;
	border-radius: 50%;/*角丸*/
	background: #fff;
	text-align: center;
	position: absolute;
	display: table-cell;
	vertical-align: middle;
	right: 5%;
	font-size: 12px;
}
.flow1 {
	padding: 68px 0;
}
.flow2 {
	padding: 45px 0;
}
.flowBoxText {
	padding: 3% 10% 0 5%;
}
.linkArea {
	padding: 2% 5%;
}
.alinkBtn {
	color: #fff;
    background: #ea6798;
    border-radius: 5px;
    text-align: center;
    position: relative;
    float: left;
    font-weight: bold;
    display: block;
    padding: 20px 35px 20px 15px;
    margin-right: 3%;
	margin-bottom: 3%;
}
.alinkBtn:nth-child(even) {
	margin-right: 0;
}
.alinkBtn:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 5%;
	width: 12px;
	height: 20px;
	margin-top: -9px;
	background: url(../images/sface/sface_arrow.png) no-repeat;
	background-size: 90%;
}
.alinkBtn:hover {
	color: #fff;
	background: #e594b2;
}
.sfaceCase {
	margin: 140px auto 20px;
	padding: 40px 40px 0;
	background: #fff;
	border-radius: 5px;
	width: 1000px;
}
.sfaceCaseTitle {
	padding: 30px 0;
	position: relative;
	font-size: 24px;
	text-align: center;
}
.sfaceCaseTitle:before {
	content: '';
    background: url(../images/sface/sface_line.png) repeat-x;
    background-size: auto;
    width: 100%;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
}
.sfaceCaseTitle:after {
	content: '';
	background: url(../images/sface/sface_line.png) repeat-x;
	background-size: auto;
    width: 100%;
    height: 10px;
    position: absolute;
	bottom: 0;
	left: 0;
}
.caseList ul {
	display: table;
	width: 100%;
	padding: 30px 0 0;
}
.caseList ul li {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
	float: left;
}
.caseList ul li:nth-child(even) {
	margin-right: 0;
}
.pageTop {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	height: 70px;
}
.pageTop a {
	display: block;
	position: absolute;
	right: 0;
}
.js-modal-reserve {
	display: none;
	background: rgba(0,0,0,.5);
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 9999;
}
.js-close-btn-reserve {
	top: 5%;
	right: 5%;
	position: absolute;
}

.main_11 {
	width: 100%;
	background: url(../images/contents/11/main_11_bg.jpg);
	background-size: cover;
	background-position: 50% 50%;
	height: 560px;
}
.main_11_inner {
	width: 1000px;
	margin: auto;
	position: relative;
}
.main_11_inner h1 {
	right: 0;
	top: 50px;
	position: absolute;
}
.main_11_inner h1 img {
	width: 440px;
}
.s11 p.m30 {
	margin: 40px 0;
	font-size: 20px;
}
.s11 .smilecontent img {
	width: 800px;
}
.s11_h2 {
	font-size: 28px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	margin: 20px 0 30px;
}
.aa_btn {
	display: block;
	margin: 20px auto 50px;
	width: 38%;
}
s11 .aa_btn img  {
	width: 100%;
}

@media screen and (max-width: 760px) {
	section#vface .sectionInner { width: 100% }
	section#vfaceCont .vfaceHead p.vHeadText {
		font-size: 18px;
	}
	section#vface .sectionInner, section#smilelip .sectionInner {
		width: 100%;
	}
	section#vfaceCont .vfaceHead p {
		font-size: 14px;
	}
	section#vfaceCont .pick {
		height: 176px;
		margin: 20px auto;
		overflow: hidden;
		width: 320px;
	}
	section#vfaceCont .pick ul {
		top: 35px;
    	left: 50px;
	}
	section#vfaceCont .pick ul li {
		font-size: 14px;
    	margin-bottom: 10px;
	}
	.vTitle {
		margin-top: 30px;
	}
	.vTitle h2 {
		font-size: 20px;
		padding: 10px 20px;
		margin-top: -28px;
		letter-spacing: 0.2em;
		position: relative;
		top: -5px;
	}
	.vContent li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.vContent {
		margin-bottom: 10px;
	}
	.vprice {
		margin: 0;
	}
	.vf {
		width: 360px;
		margin-bottom: 30px;
		height: 230px;
	}
	.price {
		width: 70%;
		margin-bottom: 20px;
	}
	.vContent ul {
		padding: 0;
	}
	.vf p img {
		width: 100%
	}
	.vf .link2 {
		margin-top: -5px;
	}
	.vf .link3 {
		margin-top: -10px;
	}
	.slMain {
		background: none;
		height: auto;
		width: 100%;
		top: -30px;
	}
	#summer_limited .smilecontent {
		width: 100%;
	}
	.slMain img {
		width: 100%;
	}
	.slMain h2 {
		font-size: 18px;
		font-weight: bold;
		width: 94%;
		margin: 10px auto;
	}
	.slMain p {
		font-size: 13px;
		margin: 15px 0 0;
		font-weight: 100;
		width: 94%;
		margin: auto;
	}
	.slMain .day {
		font-size: 14px;
    	text-align: right;
	}
	.lpContent {
		width: 94%;
	}
	.lpContent .titleh3 {
		margin: 20px 0 5px;
	}
	
	.btnImg {
		margin: 30px auto;
	}
	.hyh2 {
		margin: 30px 0 15px;
		font-size: 20px;
	}
	.bichuhy {
		width: 94%;
		margin: auto;
	}
	.bichuhy img {
		width: 100%;
	}
	.smilecontent {
		width: 100%;
	}
	.dot {
		width: 95%;
    	margin: auto;
		padding: 20px 0;
	}
	.topText {
		padding: 20px;
		font-size: 14px;
		width: 94%;
		margin: 0 auto 40px;
	}
	.smileMenu {
		width: 94%;
		margin-bottom: 10px;
	}
	#smilelip h2 img {
		width: 80%;
		text-align: center;
	}
	.yellow {
		width: 100%;
	}
	.titleImg {
    	margin: 30px auto 20px;
	}
	.yellow {
		width: 100%;
		padding: 0px 0 20px;
		margin: 10px auto 20px;
	}
	.summer_menu img {
		width: 94%;
	}
	.summer_menu .btnImg img {
		width: 80%;
	}
	.smileul.vfaceul li img {
		width: 90%;
	}
	
	
	
	/*   recruit  */

	.recruit {
		width: 94%;
		margin: auto;
	}
	.recruit .recTop {
		text-align: left;
	}
	.recruit h1 {
		text-align: center;
		margin: 20px 0;
		font-size: 18px;
	}
	.recruitContact {
		width: 100%;
		margin: auto;
	}
	.flowList {
		margin-bottom: 55px;
	}
	.flowList:after {
		background-size: 60%;
		bottom: -64px;
	}
	section#contact .block .blockInner h2 {
		background: none;
	}
	.recWid {
		width: 94%;
	}
	.RecList {
		width: 94%;
	}
	.RecList ul li {
		width: 100%;
		margin-right: 0;
		float: left;
		margin-bottom: 20px;
	}
	.RecList ul li:nth-child(even) {
		margin-right: 0;
	}
	.recruitTop img {
		width: 100%;
	}
	.total {
		width: 94%;
	}
	.totalContent p {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.totalCase h2 {
		margin: 20px 0;
	}
	.totalCase h2 img {
		width: 130px;
	}
	.after {
		width: 45%;
		float: right;
	}
	.before {
		width: 45%;
		float: left;
	}
	.beforeAfter {
		background-size: 20px;
		display: none;
	}
	.sList ul {
		display: none;
	}
	.total p.sAll {
		text-align: center;
		margin: auto;
	}
	.sAll img {
		width: 90%;
	}
	.se a {
		display: block;
		padding: 3px 10px;
		color: #fff;
		background: #49bac8;
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
		font-size: 10px;
	}
	.se {
		margin: 20px 0 0;
	}
	.total .lisk p {
		font-size: 10px;
	}
	.beaf {
		margin: auto;
		text-align: center;
	}
	.beaf img {
		width: 80%;
	}
	.picoinner {
		width: 100%;
		margin: 0 auto 20px;
		padding: 0 3%;
	}
	.picoinner p {
		font-size: 12px;
		line-height: 1.6;
		font-weight: 100;
	}
	.subNav ul {
		display: table;
	}
	.subNav li {
		padding: 10px 0;
		display: table-cell;
		height: 60px;
		vertical-align: middle;
		float: none;
		line-height: 1.4;
	}
	.subNav li a {
		font-size: 14px;
	}
	.bigText {
		font-size: 16px;
		margin: 20px auto;
		width: 100%;
	}
	.h2Text h2 {
    	font-size: 16px;
		margin: 0 0 20px;
		border-bottom: 2px solid #40b1bf;
		font-weight: 600;
	}
	.picoContent h3 {
		font-size: 15px;
		font-weight: bold;
	}
	.boxPico2 .leftp {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.boxPico2 .rightp {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.picoMenuArea {
		padding: 20px 10px;
	}
	.menuOpen h2 {
		font-size: 16px;
		color: #40b1bf;
		padding-left: 10px;
		border-left: 5px solid #40b1bf;
		font-weight: 600;
		margin-bottom: 16px;
	}
	.menuOpen h3 {
		color: #fff;
		text-align: center;
		background: #40b1bf;
		padding: 5px 0;
		font-size: 16px;
		font-weight: 600;
		margin: 10px 0 10px;
	}
	.picoinner .pick {
		font-size: 14px;
		width: 100%;
	}
	.picoinner .pick.last {
		margin: 0 auto 10px;
	}
	.picoMenuArea ul li {
		width: 100%;
		height: auto;
		float: none;
		margin-right: 0;
    	margin-bottom: 2%;
	}
	.picoMenuArea ul li:nth-child(even) {
		margin-left: 0;
	}
	.priceArea dt {
		font-size: 14px;
		height: 30px;
	}
	.priceArea dd {
		font-size: 14px;
		height: 30px;
	}
	.priceArea dd span {
		font-size: 12px;
	}
	.priceArea dt span {
		font-size: 10px;
	}
	.btnM {
		margin: 20px auto;
	}
	.priceArea dt {
	    padding: 1% 2%;
	}
	.priceArea dd {
		padding: 1% 2%;
	}
	section#contact .block .blockInner dl dt {
		text-align: left;
	}
	.priceArea dt.fontmini {
		font-size: 10px;
		line-height: 1.2;
	}
	.summerBg {
		background: url(../images/contents/summerMenu/top_banner_01_sp.jpg) no-repeat;
		background-position: 50% 50%;
		background-size: 100%;
		width: 100%;
		height: 82vw;
	}
	.agehaBg {
		height: 240px;
	}
	.agehaBg img {
		width: 90%;
		padding: 20px 0;
	}
	.ageha iframe {
		height: 300px;
		margin: 20px 0;
	}
	.ageha .smilecontent {
		width: 94%;
	}
	.yokohamaGallary {
    padding: 0;
    margin: 20px 0 0;
}
	.yokohamaGallary h2 {
    font-size: 20px;
    margin: 20px 0;
}
	.yokohamaImg {
		width: 90%;
		margin: auto;
	}
	.yokohamaGallary .yokohamaImg img {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.yokohamaRight {
		float: none;
		width: 90%;
		margin-top: 0;
	}
	.yokohamaGallary h3 {
		font-size: 22px;
		font-weight: bold;
		margin: 20px 0 10px;
	}
	.yokohamaGallary h4 {
		font-size: 12px;
	}
	.yokohamaGallary p {
		font-size: 12px;
	}
	.ageha p {
		margin: 20px 0;
	}
	.ageha  video {
		width: 80%;
		margin: 0 0 20px;
	}
	.monitorLine {
		font-size: 18px;
	}
	.monitor_bg {
		height: auto;
	}
	.monitor .smilecontent {
		width: 96%;
		margin: auto;
	}
	.monitor .center {
		text-align: center;
		margin: 20px 0;
		font-size: 14px;
	}
	.monitor p {
		text-align: left;
	}
	.eye .smilecontent {
		width: 94%;
		padding: 0 3%;
	}
	.eyeBg {
		background: url(../images/contents/eye/eyesp.jpg) no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		height: 400px;
	}
	.case-list li {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.case-list li:nth-child(even) {
		margin-right: 0;
	}
	.eye p {
		text-align: left;
		padding: 20px 0 0;
		line-height: 2;
		font-size: 14px;
	}
	.hy_bg {
		background: url(../images/hy/hy_img_main_sp.jpg) no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		    height: 110vw;
		width: 100%;
	}
	.hy_h1text {
		width: 100%;
		background: #000;
		padding: 10px 0;
		text-align: center;
	}
	.hy_h1text img {
		height: auto;
		width: 80%;
	}
	.hyContent {
		width: 100%;;
		margin: auto;
		text-align: center;
	}
	.hy .hyContent h2 {
		font-size: 6vw;
		color: #e5004f;
		padding: 30px 0 20px;
	}
		.hy .hyContent p.hyp {
		font-size: 2.8vw;
		line-height: 2;
		padding: 0 0 20px;
	}
	.hymenu .hymenuTitle {
		background: #000;
		padding: 10px 0;
		font-size: 4.2vw;
		color: #ffa2c2;
	}
	.hyBox {
		background: #efefef;
		padding: 20px;
		display: table;
		width: 94%;
		margin: 10px auto 0;
	}
	.hyLeftBox {
		float: left;
		width: 30%;
	}
		.hyRightBox {
		float: right;
		width: 65%;
		text-align: left;
	}
		.hyRightBox h4 {
		font-size: 4vw;
		margin-bottom: 10px;
	}
		.hyRightBox p {
		font-size: 2.6vw;
		line-height: 1.8;
	}
		.hyRightBox .hy_price {
		padding: 0;
		font-size: 2.2vw;
		text-align: right;
		letter-spacing: 0.08em;
	}
	.hyRightBox .priceBig {
		font-size: 26px;
	}
	.hyRightBox a {
		display: block;
		text-align: center;
		padding: 2px 0;
		font-size: 15px;
		color: #000;
		border: 3px solid #000;
		font-weight: bold;
	}
	.hy_monitor {
		padding: 8px 0;
		text-align: center;
		display: block;
		font-size: 14px;
		width: 94%;
		margin: auto;
	}
	.pinkBg {
		padding: 10px 0 20px;
		    margin-top: -4px;
	}
	.nayami {
		margin: 20px auto 20px;
		width: 94%;
	}
	.under_next img {
		width: 150px;
	}
	.bgPinkSP img {
		width: 90%;
	}
	.btnArea p.links:last-child {
		margin: 2% auto;
	}
	.btnArea p.links {
		float: none;
		margin: 2% auto;
		width: 90%;
	}
	.btnArea p.links a {
		padding: 15px 0;
		font-size: 27px;
	}
	.btnArea p.now {
		font-size: 26px;
	}
	.bgPinkSP p {
   		font-size: 5vw;
	}
	.whiteBox {
		width: 94%;
		padding: 5px;
	}
	.whiteBoxLeft {
		width: 100%;
		float: none;
	}
	.boxSubTitle {
    	font-size: 4vw;
	}
	.whiteBoxCont {
		background-size: 40%;
	}
	.whiteBoxLeft h3 {
    	font-size: 6vw;
	}
	.whiteBoxLeft h3 span {
		font-size: 4vw;
	}
	.note {
		line-height: 1.6;
	}
	.whiteBoxRight {
		width: 100%;
		float: none;
		margin: 10px 0;
	}
	.whiteBoxRight img {
		width: 70%;
	}
	.priceinner {
   		 width: 96%;
	}
	.a-shape_price p {
		font-size: 5vw;
	}
	.pricePlan {
		display: block;
		width: 70%;
		padding: 20px auto;
		margin: auto;
		text-align: center;
	}
	.pricePlan p {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.footerImg {
		height: 55vw;
	}
	.footerComment {
		font-size: 4vw;
	}
	.nayaih2 {
		padding: 10px 0;
		font-size: 5vw;
	}
	.nayami ul {
    	padding: 20px;
	}
	.nayami ul li {
		font-size: 4vw;
		text-align: left;
		padding-left: 0px;
		margin-bottom: 20px;
		letter-spacing: 0.2em;
	}
	.nayami ul li span { 
		padding-left: 25px;
	}
	.nayami ul li:before {
		content: '';
		background: url(../images/a-shape/a-shape_check.jpg) no-repeat;
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		position: absolute;
	}
	.hydraInner {
		width: 100%;
	}
	.hydraText {
		font-size: 24px;
	}
	.hydracont {
		width: 94%;
		margin: auto;
	}
	.detailBox {
		width: 100%;
	}
	.detailBox h3 {
		font-size: 18px;
	}
	.hydrah3 {
		border-left: 4px solid #000;
		padding-left: 15px;
		font-size: 20px;
		text-align: left;
		margin-bottom: 10px;
	}
	.hydraDeta {
		font-size: 3vw;
	}
	.interview {
		letter-spacing: 0.15em;
		line-height: 1.8;
	}
	.interviewInner {
    	height: 180px;
	}
	.interviewAuto {
		width: 90%;
		margin: 0 auto;
		padding: 30px 0 0;
	}
	.interviewClinic {
		padding: 5px 10px;
		background: #b99443;
		font-size: 14px;
	}
	.interviewAuto h1 {
		font-size: 28px;
		margin-top: 0px;
	}
	.interviewAuto h1 span {
		margin-left: 5px;
		font-size: 12px;
	}
	.interviewRubi {
		font-size: 13px;
	}
	.blackBg {
		background: #333;
		padding: 20px 0;
	}
	.blackBg p {
		font-size: 12px;
		padding: 0 5%;
	}
	.interviewConten {
		width: 94%;
		margin: 20px auto;
	}
	.interviewBlockImg {
		float: none;
		padding: 0 0 0 0;
		width: 100%;
	}
	.interviewBlockText {
		text-align: center;
		font-size: 4vw;
		margin: 10px 0;
		line-height: 1.4;
	}
	.interviewDrProfile {
		display: inline-block;
		width: 100%;
		background: #eee;
		padding: 40px;
		clear: both;
		margin: 20px 0 0;
	}
	.profilePeople {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.profileList {
		width: 100%;
		font-size: 14px;
		float: none;
		margin-top: 20px;
	}
	.interviewBnr {
		width: 90%;
		margin: auto;
	}
	.interviewMonitor {
		width: 90%;
		margin: 20px auto;
		display: table;
	}
	.interviewMonitor img {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	.topText2 {
		padding: 20px 0;
		font-size: 3vw;
		width: 90%;
		margin: 0 auto 0px;
		letter-spacing: 0.15em;
		line-height: 2;
		text-align: left;
	}
	.sTop_s {
    	padding: 20px;
	}
	.instagramSmile {
		padding: 20px 0;
		margin: 20px 0;
	}
	.smileTitle {
		padding: 20px 0;
		text-align: center;
	}
	.smileH2 {
    	font-size: 5vw;
	}
	.borderbox {
		width: 96%;
		margin: 20px auto;
	}
	.borderbox li {
		width: 48%;
		margin-right: 4%;
		float: left;
	}
	.borderbox li:nth-child(even) {
		margin-right: 0;
	}
	.tagText span {
    	font-size: 5vw;
	}
	.feature {
		width: 90%;
		margin: 20px auto;
	}
	.feature ul li {
		margin-bottom: 10px;
		font-size: 3.2vw;
	}
	.case {
		width: 100%;
		margin: 18px auto;
	}
	.smileCase {
		width: 96%;
		display: table;
		margin: auto;
	}
	.smileCase li {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 2%;
	}
	.smileSet {
		width: 90%;
		margin: 20px auto;
	}
	.smileSet img {
		height: 50px;
	}
	.smileSet li p {
		margin-left: 12vw;
		font-size: 3vw;
		letter-spacing: 0.2em;
		margin-top: 5px;
	}
	.smileSet li:after {
		background-size: contain;
	}
	.smileSet .s_price img {
		width: 100%;
		height: auto;
	}
	.smile_jubi {
		width: 90%;
	}
	.smile_jubi p {
		font-size: 3vw;
	}
	.detail {
		width: 90%;
		margin: 20px auto;
	}
	
	
	/*   sface      */
	
	.sfaceNa {
		padding: 20px 0;
	}
	.sfaceNav ul {
		width: 100%;
	}
	.sfaceNav ul a {
		padding: 0 0 12px;
		font-size: 16px;
		line-height: 1.4;
	}
	.sfaceNav ul a:after {
		width: 15px;
		height: 11px;
		bottom: -15px;
		background-size: 15px;
	}
	.sface01 .sfaceSecContInner {
		height: 80vw;
	}
	.sface01 .sfaceSecContInner:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 80vw;
		background: url(../images/sface/sface_01_sp.jpg) no-repeat;
		z-index: 1;
		background-size: cover;
		background-position: 50% 50%;
	}
	.sfaceSec01Text {
		left: 4%;
		top: 8%;
		width: 96%;
		font-size: 3vw;
	}
	.sfaceSec01Text span {
		font-size: 5vw;
	}
	.sface02 {
		top: auto;
	}
	.sface02 .sfaceSecContInner:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
    	height: 35vw;
		background: #f1f2f4 url(../images/sface/sface_02_sp.jpg) no-repeat;
		z-index: 100;
		background-size: cover;
		background-position: 50% 50%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.sfaceSec02TextBox {
		width: 100%;
		margin: auto;
		position: relative;
		z-index: 101;
	}
	.sfaceSec02Text {
		position: absolute;
		z-index: 101;
		right: 0;
		color: #fff;
		width: 100%;
		margin-top: 35vw;
		font-size: 3vw;
		background: rgba(234,103,152,0.8);
		padding: 3vw;
		line-height: 1.8;
	}
	.sface03 .sfaceSecContInner {
		height: 112vw;
	}
	.sface03 .sfaceSecContInner:before {
		height: 40vw;
		background: #f1f2f4 url(../images/sface/sface_03_sp.jpg) no-repeat;
		z-index: 100;
		background-size: cover;
		background-position: 50% 50%;
	}
	.sfaceSec02Text span {
    	font-size: 5vw;
	}
	.sface02 .sfaceSecContInner {
    	height: 76vw;
	}
	.sface03 {
		margin-top: 0;
	}
	.sfaceSecCont03Box {
		width: 100%;
		top: 40vw;
		padding: 3vw 3vw 10vw;
		background: #57bad7;
	}
	.sfaceSec03mini {
		font-size: 3vw;
    	margin-bottom: 2vw;
	}
	.sfaceSec03Text {
		position: relative;
		font-size: 5vw;
		margin-bottom: 2vw;
	}
	.sfaceDr .sfaceShindanBtn {
		display: block;
		position: absolute;
		right: 20px;
		top: -16vw;
	}
	.sfaceDr .sfaceShindanBtn img {
		width: 45vw;
	}
	.sfaceDrInner {
		width: 100%;
	}
	.sfaceSubTitleImg {
		text-align: center;
		padding: 25vw 0 3vw;
	}
	.sfaceSubTitleImg img {
		width: 80%;
	}
	.sfaceTitleDr {
		font-size: 5vw;
		width: 94%;
		color: rgba(234,103,152,1.0);
		font-weight: bold;
		margin: 2vw auto 3vw;
		text-align: left;
		font-family: 'YuGothic-Medium-b';
	}
	.sfaceDrText {
		margin: 20px auto 10px;
		width: 94%;
	}
	.sfaceStandard {
    	padding: 4vw 0 2vw;
	}
	.sfaceStandardInner {
		width: 94%;
		margin: 2vw auto;
	}
	.sfaceStandardH2 {
		text-align: center;
		padding: 3vw 0;
	}
	.sfaceStandardDl {
		width: 100%;
		display: table;
		margin-bottom: 4vw;
	}
	.sfaceStandardDl dt {
		width: 100%;
		margin-right: 0;
		float: none;
		line-height: 2;
	}
	.sfaceStandardDl dd {
		width: 80%;
		text-align: center;
		float: none;
		margin: 3vw auto;
	}
	.sfaceMerit {
		padding: 10vw 0;
	}
	.sfaceMeritMain {
		width: 94%;
		margin: auto;
		display: table;
	}
	.sfaceMeritMain img {
		float: none;
		width: 100%;
	}
	.sfaceMeritMainH2 {
		color: #f67aa4;
		font-size: 4vw;
		text-align: center;
		float: none;
		padding-right: 0%;
		width: 100%;
		font-weight: bold;
		padding-top: 2vw;
	}
	.odd img, .even img {
		float: none;
		width: 100%;
	}
	.sfaceMeritBox {
		width: 100%;
		margin: 4vw auto;
		display: table;
	}
	.odd .sfaceMeritLeft {
		width: 100%;
		float: none;
		margin: -3vw auto 4vw;
	}
	.sfaceMeritH3 span {
		font-size: 10vw;
		font-family: 'DIN';
		margin-right: 3vw;
		margin-left: 3vw;
		position: relative;
		top: 2vw;
		font-weight: bold;
	}
	.sfaceMeritH3 {
		font-size: 5vw;
		width: 100%;
		margin-bottom: 2vw;
		padding-bottom: 2vw;
	}
	.sfaceMeritLeft p {
		margin-top: 2vw;
		width: 94%;
		margin: auto;
	}
	.even .sfaceMeritLeft {
		width: 100%;
		float: none;
		margin: -3vw auto 4vw;
	}
	.sfaceMeritImg {
		background: url(../images/sface/sface_merit_bar_sp.png) no-repeat;
		width: 90%;
		height: 100vw;
		text-align: left;
		color: #fff;
		padding: 27vw 12vw;
		line-height: 1.6;
		margin: auto;
		font-weight: bold;
		background-size: contain;
		font-size: 4vw;
	}
	.flowchartImg {
		background: url(../images/sface/sface_flow_sp.png) no-repeat;
		width: 94%;
		height: 210vw;
		position: relative;
		top: -20vw;
		margin: auto;
		background-size: cover;
	}
	.flowchartImg .btnA {
		position: absolute;
		right: 5.0vw;
		top: 66vw;
		width: 20vw;
		bottom: auto;
		left: auto;
	}
	.flowchartImg .btnB {
		position: absolute;
		top: 110vw;
		right: 5vw;
		width: 20vw;
		bottom: auto;
		left: auto;
	}
	.flowchartImg .btnC {
		position: absolute;
		top: 150vw;
		right: 5vw;
		width: 20vw;
		bottom: auto;
		left: auto;
	}
	.flowchartImg .btnD {
		position: absolute;
		bottom: 4vw;
		right: 5vw;
		width: 20vw;
		left: auto;
	}
	.flowchartImg .btnE {
		position: absolute;
		bottom: 3vw;
		left: 16vw;
		width: 20vw;
	}
	.flowchart {
    	height: 198vw;
	}
	.typeA {
		background: none;
	}
	.typeB {
		background: none;
	}
	.typeC {
		background: none;
	}
	.typeD {
		background: none;
	}
	.typeE {
		background: none;
	}
	.sfaceFlowBoxInner {
    	width: 100%;
	}
	.sfaceFlowBoxLeft {
		width: 100%;
		float: none;
		display: table;
	}
	.sfaceFlowBoxInnerBox {
		width: 100%;
		height: 42.3vw;
		display: table;
		padding: 0 0 0 2%;
    	overflow: hidden;
	}
	.tA {
		background: #e8dbc4;
	}
	.tB {
		background: #c2eaff;
	}
	.tC {
		background: #ffd4d5;
	}
	.tD {
		background: #e4e6e9;
	}
	.tE {
		background: #ffe399;
	}
	
	.leftFlowBoxTitle {
		width: 68%;
		display: table-cell;
		vertical-align: middle;
		padding-left: 5vw;
		float: none;
	}
	.flowBlack {
		color: #fff;
		background: #000;
		font-size: 5vw;
		padding: 2px 10px;
		margin-bottom: 1px;
		font-family: 'YuGothic-Medium-b';
		font-weight: bold;
		display: inline-block;
	}
	.sfaceSpImg {
		display: table-cell;
    	width: 36%;
		position: absolute;
	}
	.flowBoxText {
		padding: 0;
	}
	.alinkBtn {
		margin-right: 0;
		width: 100%;
	}
	.sfaceSpPrice {
		text-align: right;
		padding: 3% 5% 0;
	}
	.sfaceCase {
		margin: 4vw auto;
		padding: 5vw 5vw;
		background: #ffedbd;
		border-radius: 0;
		width: 100%;
	}
	.sfaceCaseInner {
		border-radius: 10px;
		padding: 5vw;
		background: #fff;
	}
	.sfaceCaseTitle {
		padding: 5vw 0;
		position: relative;
		font-size: 4vw;
		text-align: center;
	}
	.caseList ul li {
		width: 100%;
		margin-right: 0;
		margin: auto;
		margin-bottom: 4%;
		float: none;
	}
	.caseList ul li:nth-child(even) {
		margin: 0 auto 4%;
	}
	.sfaceFlowBox {
		padding: 0 0 20px;
	}
	.pageTop {
		width: 90%;
		height: 90px;
	}
	.sfaceFlowH2 {
    font-size: 3vw;
    text-align: center;
    padding: 0 0 40px;
    position: relative;
    margin-left: 25vw;
    top: -6vw;
    font-weight: bold;
	}
	.main_11 {
		width: 100%;
		background: none;
		height: auto;
	}
	.main_11_inner {
		width: 100%;
		margin: auto;
		position: relative;
	}
	.main_11_inner h1 {
		right: 0;
		top: 0;
		position: relative;
	}
	.main_11_inner h1 img {
		width: 100%;
	}
	.s11 .smilecontent {
		width: 90%;
	}
	.s11 p.m30 {
		margin: 30px 0;
		font-size: 3vw;
		text-align: left;
	}
	.s11_h2 {
		font-size: 20px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
		margin: 10px 0 20px;
	}
	.s11 .aa_btn {
		width: 75%;
	}
	#contact .pic {
		width: 100%;
		margin: 4vw auto;
		display: table;
	}
	#contact .pic li {
		width: 100%;
		margin-right:0;
		margin-bottom: 2%;
	}

	#contact .textC {
		text-align: left;
	}
	.transfer p {
		width: 100%;
		font-size: 2.6vw;
		margin: auto;
		text-align: left;
	}
	#typeA .sfaceFlowBoxLeft {
		background: #e5d7bf;
		position: relative;
	}
	#typeB .sfaceFlowBoxLeft {
		background: #c2eaff;
		position: relative;
	}
	#typeC .sfaceFlowBoxLeft {
		background: #ffd4d5;
		position: relative;
	}
	#typeD .sfaceFlowBoxLeft {
		background: #e4e6e9;
		position: relative;
	}
	#typeE .sfaceFlowBoxLeft {
		background: #ffe399;
		position: relative;
	}
	.sfaceFlowBoxRight {
		display: table-cell;
		width: 100%;
	}
	.p_right {
		padding: 2vw;
		text-align: right;
	}
	.FlowBoxTextsp {
		padding: 2vw 3vw;
	}
}