@charset "utf-8";

* {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

body {
text-align: center;
font-size:100%;
/* font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; */
line-height: 1.7;
color: #333333;
letter-spacing:0.1em;
}

img{ border:none; vertical-align:middle; max-width:100%; height:auto;}
img{ width:auto\9; height:auto\9; height:auto;}

a{ text-decoration: none; color:#333;}
a:hover{ text-decoration: none;}
a:active{ text-decoration: none;}

.clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
.clearfix { _height: 1px; min-height: 1px;
	/*￥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.alphaOver{ opacity:1; -webkit-transition: all 0.5s; transition: all 0.5s; cursor:pointer;}
.alphaOver:hover{ opacity:0.8;}

.textBold{ font-weight:bold;}
.alignRight{ text-align:right;}
.tel{ display:inline;}
.red{color:#ff0000;}

.SPOnly{ display:none;}




/* ヘッダー ---------------------------------------------*/
/* header{ height: 80px; background: #fff;} */
#headerContent{ width:1200px; margin:0 auto; padding:15px 0; position: relative;}
#headerContent h1{ height: 0; width:245px; padding:50px 0 0; overflow:hidden; text-align: left; font-size: 11px; font-weight: 100; line-height: 50px; background: url(../top_img/logo.png) 0 0 no-repeat;}
#headerContent dl{ position:absolute; top:15px; right:0;}
#headerContent dl dt{ font-size: 13px; font-weight: bold; display: inline-block;}
#headerContent dl dd{ display: inline-block;}

#headerTel{ font-family: Helvetica Neue; color: #339966; font-size: 26px; font-weight: 200; margin-left: 6px;}
#headerReservation{ color:#fff; margin:0 0 0 20px; padding:10px 55px 12px; line-height: 16px; background: #339966; display: inline-block; -webkit-border-radius: 20px; border-radius: 20px;}


/* メイン ---------------------------------------------*/
#mainWrapper{ height:840px; min-width:1200px; background:url(../top_img/bg_main.jpg) center 0 no-repeat; background-size: cover;}
#mainContent{ height:840px; min-width:1200px; background:url(../top_img/bg_main_product.png) center 0 no-repeat; background-size: auto 840px; position:relative;}
#mainCatchcopy{ padding:30px 0 10px;}
#mainTitle{ padding:0 0 10px;}
#mainPoint{ position:absolute; top:130px; left:50%; margin-left:330px;}
/*.planList li{ display: inline-block;}
*/

/* ナビ ---------------------------------------------*/
#globalMenu{ min-width:1200px; height:60px; overflow:hidden; padding:4px 0; margin:0 auto;}
#globalMenu ul li{ display:inline-block; height:60px; width:14%; border-right: 1px solid #dddddd;}
#globalMenu ul li:last-child{ border-right: none;}
#globalMenu ul li a{ display:block; width:100%; height:100%; position:relative; -webkit-transition: all 0.5s; transition: all 0.5s;}
#globalMenu ul li a span{ display:inline-block; width:100%; font-size: 14px; line-height:1.4; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#globalMenu ul li a:hover{ color:#fff; background:#cc6699;}
#globalMenu ul li a:hover span{ color:#fff;}


/* お悩み ---------------------------------------------*/
#troubleWrapper{ min-height:725px; background: url(../top_img/bg_trouble.jpg) center 0 repeat;}
#troubleContent{ min-height:625px; width:920px; margin:0 auto; padding:100px 0 0; background: url(../top_img/bg_trouble_woman.png) right bottom no-repeat;}
#troubleList{ margin:60px 0 0; text-align:left;}
#troubleList li{ font-size:26px; margin:0 0 5px; padding:0 0 0 36px; background: url(../top_img/icon_check.png) 0 center no-repeat; background-size: auto 26px;}
#troubleList li span{ color:#990066; position:relative;}
#troubleList li span:after{ content:""; width:100%; height:1px; background:#990066; position:absolute; bottom:-2px; left:0;}


/* おすすめ ---------------------------------------------*/
#recommendWrapper{ min-height:725px; background: url(../top_img/bg_recommend.jpg) center 0 no-repeat; background-size:100% 483px;}
#recommendContent{ min-height:525px; width:920px; margin:0 auto; padding:100px 0 100px; background: url(../top_img/bg_recommend_arrow.png) center top no-repeat;}
#recommendTitle{ color:#000; font-size:38px; font-weight:100;}
#recommendTitle span{ display:block; font-size:54px;}
#recommendList{ width:920px; margin:30px auto 0;}
#recommendList li{ margin:0 20px; display:inline-block; position:relative;}

#recommendList li:nth-child(4){ top:-20px;}
#recommendList li:nth-child(5){ top:-20px;}


/* 商品説明 ---------------------------------------------*/
#productInfo{ width:900px; margin:40px auto 70px;}
#productInfo dt{ float:left; width:450px;}
#productInfo dd{ float:right; width:450px; text-align:left;}
#productInfo dd h3{ margin:20px 0 0 20px;}
#productInfo dd p{ margin:20px 0 0 20px;}
#productInfo dd p span{ color:#993366; position:relative;}
#productInfo dd p span:after{ content:""; width:100%; height:1px; background:#993366; position:absolute; bottom:-2px; left:0;}


/* ドクターコメント ---------------------------------------------*/
.commentWrapper{ width:720px; min-height:264px; margin:0 auto 0; border:1px solid #990066; background:url(../top_img/ph_doctor.jpg) 490px bottom no-repeat; text-align:left;}
.commentWrapper h3{ width:460px; margin:50px 20px 20px; text-align:center;}
.commentWrapper p{ width:460px; margin:0 20px 20px; text-align:left;}


/* プランインフォメーション ---------------------------------------------*/
.planinfoWrapper{ min-height:510px; min-width:1200px; margin:0 auto; background:url(../top_img/bg_planinfo.jpg) center 0 no-repeat; background-size:cover;}
.planinfoTitle{ color:#fff; font-size:34px; margin:0 auto 0; padding:60px 0 10px; line-height:1.5; text-shadow:0px 0px 10px #000; text-shadow:0px 0px 5px #000; font-weight:600;}
.planinfoTitle span{ display:block; font-size:24px; font-weight:500;}
.planListType2 li{ display: inline-block;}
.planListType2 li:nth-child(1){ margin:0 0 0 -5px;}
.planListType2 li:nth-child(2){ margin:0 -12px;}
.planListType2 li:nth-child(3){ margin:0 -5px 0 0;}
.inquiryWrapper{ width:1200px; margin:20px auto 0; background:#fff; line-height:120px;}
.inquiryWrapper dl dt{ display:inline-block; font-size:18px; font-weight:bold; margin:0 20px 0 0;}
.inquiryWrapper dl dd{ display:inline-block;}
.inquiryWrapper dl dd p{ position:relative; top:-4px;}
.inquiryReservation{ color:#fff; margin:0 0 0 60px; padding:18px 120px 20px; background: #339966; -webkit-border-radius: 30px; border-radius: 30px;}


/* ピコシュア3種類の照射 ---------------------------------------------*/
#charaWrapper{ background:#f7f7f7 url(../top_img/bg_chara.jpg) left 0 no-repeat; padding-bottom:100px;}
#charaWrapper h2{ padding:100px 0 30px;}
#charaMenuList{ margin:40px auto 0;}
#charaMenuList li{ width:268px; display:inline-block; background:#fff; border: 1px solid #990066; position:relative;}
#charaMenuList li a{ display:block; height:128px; padding:40px 0 0; -webkit-transition: all 0.5s; transition: all 0.5s;}
#charaMenuList li a:hover{ background:#fefefe;}
#charaMenuList li:after{ content:""; position:absolute; bottom:20px; left:50%; width:12px; height:12px; border:3px solid; border-color:  transparent transparent #ccc #ccc; -webkit-transform:rotate(-45deg) translate(-50%, 0); transform:rotate(-45deg) translate(-50%, 0); -webkit-transition: all 0.5s; transition: all 0.5s;}
#charaMenuList li:hover:after{ bottom:30px;}
#charaMenuList li:nth-child(2){ margin:0 40px 0;}
#charaContentList{ margin:30px auto 0;}
#charaContentList li{ width:900px; background:#fff; margin:0 auto 70px; padding:0 0 70px;
box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
}
#charaContentList li:last-child{ margin-bottom:0;}
#charaContentList li > h3{ padding:20px 0 20px; background:#cc6699; position:relative;}
#charaContentList li > h3:after{ content:""; position:absolute; bottom:-25px; left:50%; width:0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #cc6699; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);}
#charaContentList li > h4{ font-size:30px; font-weight:bold; margin:50px auto 0; line-height:1.4;}
.charaExplain{ width:720px; margin:0 auto;}
.charaPhoto{ float:left; width:370px;}
.charaText{ float:right; width:350px; text-align:left;}
#chara1 .charaPhoto{ margin:40px auto 40px;}
#chara1 .charaText{ margin:70px auto 40px;}
#chara2 .charaPhoto{ margin:40px auto 40px;}
#chara2 .charaText{ margin:90px auto 40px;}
#chara3 .charaPhoto{ margin:40px auto 40px; text-align:left;}
#chara3 .charaText{ margin:60px auto 40px;}
#chara3 .charaText p.attention{ margin:20px 0 0; font-size:14px;}

#comparisonTable{ width:1200px; margin:0 auto; border-top:1px solid #cccccc; border-left:1px solid #cccccc; background:#fff;}
#comparisonTable td{ border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; padding:20px;}
.tdBgPink{ color:#fff; background:#cc6699;}
.tdBgOrange{ color:#000; font-weight:bold; background:#ffeded;}
.tdTextGray{ color:#666666;}


/* 肌治療プラン ---------------------------------------------*/
#planDetailWrapper{ background:#f9ecdc url(../top_img/bg_plandetail.jpg) right 0 no-repeat; padding:100px 0;}
#planDetailList{ margin:40px auto 0;}
#planDetailList li:last-child{ margin:20px auto 0;}


/* さらに効果を期待したい方へ ---------------------------------------------*/
#effectWrapper{ background:#fff0f0 url(../top_img/bg_effect.jpg) left 0 no-repeat; padding:100px 0;}
#effectWrapper p{ margin:40px auto 0;}
#effectList{ margin:40px auto 0;}


/* 治療の流れ ---------------------------------------------*/
#flowWrapper{ padding:100px 0;}
#flowList{ margin:60px auto 0;}
#flowList li{ position:relative; margin-bottom:100px;}
#flowList li:last-child{ margin-bottom:0;}
#flowList li:after{ position:absolute; content:""; position:absolute; bottom:-70px; left:50%; width:0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #ccc; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);}
#flowList li:last-child:after{ content:none;}


/* 強み ---------------------------------------------*/
#advantageWrapper{ padding:100px 0; background:#f7f7f7;}
#advantageList{ margin:50px auto 0;}
#advantageList li{ display:inline-block; margin:0 20px;}
#advantageList li div{ padding:40px 20px 20px; margin:0 auto -20px; background:#fff; border:1px solid #990066; width:348px; position:relative; top:-20px;}
#advantageList li div p{ text-align:left; margin:20px 0 0;}


/* クリニック紹介 ---------------------------------------------*/
#clinicWrapper{ padding:100px 0;}
#introWrapper{ margin:70px auto 0; width:900px;}
#introPhoto{ float:left; width:330px; margin-bottom:100px;}
#introText{ float:right; width:570px; text-align:left; margin-bottom:100px;}
#introText h4{ font-weight:normal; font-size:14px; margin:40px 0 10px;}
#introText h3{ font-size: 32px; font-weight: normal;}
#introText h3.name span{display: block; font-size:14px;}
#introText h3.name span.en{ font-family: "Times New Roman", Times, serif; color:#906;font-size: 26px;line-height:1;}

#infoWrapper{ text-align: left; width:900px; margin:0 auto;}
#infoWrapper h3{ font-size:24px; font-weight: 200;}
#infoWrapper dl{ margin:20px 0;}
#infoWrapper dl dt{ clear:both; float:left; width:80px; background:#f7f7f7; text-align:center; padding:5px 0; font-weight:400; margin-bottom: 5px;}
#infoWrapper dl dd{ padding:5px 0; margin:0 0 5px 90px;}

#addressWrapper{ float:left; width:580px;}
#mapWrapper{ float:right; width:320px; margin:20px 0 0;}

#weekTable{ width:900px; margin:40px auto 0; border-top:1px solid #cccccc; border-left:1px solid #cccccc; background:#fff;}
#weekTable td{ border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; padding:15px;}
.tdBgGray{ background:#f7f7f7;}
#weekAttention{ width:900px; margin:10px auto 0; text-align:left;}
#clinicPhotoList{ margin:40px auto 0;}
#clinicPhotoList li{ display:inline-block;}


/* フォーム ---------------------------------------------*/
#formWrapper{ padding:100px 0; background:#f7f7f7;}
#formInfoText{ margin:20px auto 0;}
#formContent{ width:900px; margin:40px auto 0; text-align:left;}
#formContent table{ border-top:1px solid #999; border-left:1px solid #999; width:100%;}
#formContent table th{ border-bottom:1px solid #999; background:#f7f7f7; width:239px; padding:20px; vertical-align:top;}
#formContent table th span{ color:#ff0000;}
#formContent table td{ background:#fff; border-bottom:1px solid #999; border-right:1px solid #999; padding:20px; vertical-align:top;}
#formContent table td p{ font-size:14px;}

input[type="text"],input[type="email"]{ border:1px solid #ccc; padding:10px; width:300px; margin:0 0 5px; -webkit-appearance:none;}
input[type="radio"]{ vertical-align:text-top; position:relative; top:-1px;}
input.age{ width:140px;}
textarea{ border:1px solid #ccc; padding:10px; width:390px; margin:0; -webkit-appearance:none;}
select{ padding:5px 5px;}

#formStateList{ margin:20px auto 0;display: -webkit-flex;
display: -ms-flex;
display: flex;justify-content: center;}
#formStateList li{ display:inline-block;}
#formStateList li:nth-child(2){ margin:0 20px;}
.submitWrapper{ text-align: center; margin:50px auto 0;}
.submitBtn{ padding:18px 100px 22px; background: #cc6699; -webkit-border-radius: 30px; border-radius: 30px;color: #fff;
border: none;
font-size: 1.8rem;}
.submitBackBtn,.btn_back{ padding:18px 100px 22px; background: #666; -webkit-border-radius: 30px; border-radius: 30px;margin-top: 20px;color: #fff;border: 0;}
#lowerFormTitle{ font-size:34px;}
.lowerSubmit{}
.leftLowerSubmit{ float:left; width:50%; box-sizing:border-box; text-align:right; padding-right:2rem;}
.rightLowerSubmit{ float:left; width:50%; box-sizing:border-box; text-align:left; padding-left:2rem;}
#errorTextWrapper{ border:3px solid #ff0000; color:#ff0000; padding:20px; margin:0 0 40px;}
#compTextWrapper{ border:3px solid #339966; color:#009966; padding:20px; margin:0 0 40px;}
#sexForm label{ margin-right:0.5rem;}
#jobForm label{ margin-right:0.5rem;}
#jobFlag{ display:inline;}


/* フッター ---------------------------------------------*/
footer{ padding:100px 0 20px; background:#fff;color: #000;}
footer p.borderBox{ width:818px; margin:0 auto; padding:40px; font-size:14px; border:1px solid #666; text-align:left;}
#footerContent{ width:900px; margin:20px auto 100px; font-size:12px; text-align:left;}
footer ul{ margin:10px 0 0;}
footer ul li{ list-style-type:square; list-style-position:outside; margin:0 1rem;}
#copyRight{ font-size:10px;}


#sideFixWrapper{ position:fixed; top:50%; right:-70px; -webkit-transform:translate(0, -50%) translate3d(0,0,0); transform:translate(0, -50%) translate3d(0,0,0); -webkit-transition: all 0.5s; transition: all 0.5s;}
#sideFixWrapper li img{ width:60px; height:auto;}
#sideFixWrapper.sideFixedOn{ right:0;}










/* スマホ・タブレット ---------------------------------------------*/
@media screen and (min-width : 769px) {
  html{
        font-size: 0.833vw;
  }
  main{
    font-size: 1.6rem;
  }

}

/* スマホ・タブレット ---------------------------------------------*/
@media screen and (max-width : 768px) {


html,body{ width: 100%;}
.SPOnly{ display:block;}
.PCOnly{ display:none;}


#spMenu{ position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:305; -webkit-transition: all 0.2s; transition: all 0.2s; display:none;}
#spMenuContent{ position:absolute; top:0; right:-100%; width:90%; height:100%; padding:4rem 0 0 1rem; background:#fff; text-align:left; box-sizing:border-box; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
#spMenuContent.spMenuOn{ right:0;}
#spMenuContent li{ margin:0 0 1rem;}
#spMenuContent li img{ height:14px; width:auto;}
#spMenuContent li:first-child img{ height:12px; width:auto;}


/* ヘッダー ---------------------------------------------*/
header{ position:fixed; height: 60px; width:100%; z-index:300; top:0; left:0;}
header h1{
  width: 200px;
}
header .wrap {
        height: 4rem;
    }
#headerContent{ width:100%; padding:10px 0;}
#headerContent h1{ height:0; width:211px; padding:40px 0 0 0; margin:0 0 0 1rem; background: url(../top_img/logo_sp.jpg) 0 0 no-repeat; background-size:cover;}
#headerContent dl{ display:none;}
#headerTel{ display:none;}
#headerReservation{ display:none;}
#hamburger{ position:fixed; top:18px; right:1rem; z-index:310;}


article{overflow:hidden; padding-top:60px;}
article#lowerArticle{overflow:hidden; padding-top:0;}


/* メイン ---------------------------------------------*/
#mainWrapper{ height:550px; min-width:initial; width:100%; background:url(../top_img/bg_main_sp.jpg) center 0 no-repeat; background-size:cover;}
#mainContent{ height:550px; min-width:initial; width:100%; background:url(../top_img/bg_main_product.png) center 80px no-repeat; background-size:contain;}
#mainCatchcopy{ padding:20px 0 10px;}
#mainTitle{ margin:0 auto 150px;}
#mainTitle img{ height:200px; width:auto;}
#mainPoint{ position:static; margin:50px auto 0;}
#mainPoint li{ display: inline-block; width:50%;}
.planList li{ display: inline-block; width:80%;}


/* ナビ ---------------------------------------------*/
#globalMenu{ display:none;}


/* お悩み ---------------------------------------------*/
#troubleWrapper{ min-height:initial;}
#troubleContent{ min-height:initial; width:100%; padding:20% 0 10%; background: url();}
#troubleContent h2{ margin:0 1rem;}
#troubleList{ margin:1rem 1rem 0;}
#troubleList li{ font-size:18px; padding:0 0 0 28px; background: url(../top_img/icon_check.png) 0 0.4rem no-repeat; background-size: auto 18px;}


/* おすすめ ---------------------------------------------*/
#recommendWrapper{ min-height:initial; background: url(../top_img/bg_recommend_sp.jpg) center 0 no-repeat; background-size:100% auto;}
#recommendContent{ min-height:initial; width:100%; padding:15% 0 10%; background: url(../top_img/bg_recommend_arrow.png) center top no-repeat; background-size: 80px;}
#recommendTitle{ font-size:24px;}
#recommendList{ width:auto; margin:1rem 1rem 0;}
#recommendList li{ margin:0 0 5px; display:block;}
#recommendList li img{ width:100%; height:auto;}
#recommendList li:nth-child(4){ top:0;}
#recommendList li:nth-child(5){ top:0;}


/* 商品説明 ---------------------------------------------*/
#productInfo{ width:auto; margin:2rem 1rem 1rem;}
#productInfo dt{ float:none; width:100%;}
#productInfo dd{ float:none; width:100%;}
#productInfo dd h3{ margin:2rem auto 0; text-align:center;}
#productInfo dd h3 img{ width:75%; height:auto;}
#productInfo dd p{ margin:1rem auto 2rem;}


/* ドクターコメント ---------------------------------------------*/
.commentWrapper{ width:auto; min-height:initial; margin:0 1rem 0; border:1px solid #990066; box-sizing:border-box; background:url(../top_img/ph_doctor.jpg) right bottom no-repeat; background-size:120px;}
.commentWrapper h3{ width:100%; margin:2rem auto 2rem;}
.commentWrapper p{ width:auto; margin:0 100px 1rem 1rem;}


/* プランインフォメーション ---------------------------------------------*/
.planinfoWrapper{ min-height:initial; min-width:initial; margin:0 auto; background:url(../top_img/bg_planinfo_sp.jpg) center 0 no-repeat; background-size:cover; padding-bottom:1rem;}
.planinfoTitle{ font-size:20px; margin:0 1rem 0; padding:4rem 0 1rem;}
.planinfoTitle span{ font-size:20px;}
.planListType2{margin:0 0.5rem;}
.planListType2 li{ display: block;}
.planListType2 li img{ width:100%; height:auto;}
.planListType2 li:nth-child(1){ margin:0; display:inline-block; width:50%;}
.planListType2 li:nth-child(2){ margin:0; display:inline-block; width:50%;}
.planListType2 li:nth-child(3){ margin:0; width:100%;}
.planinfoWrapper .plan3{margin:0 0.5em;}
.inquiryWrapper{ width:auto; margin:1rem 1rem 0; background:#fff; line-height:1; padding:1rem 0;}
.inquiryWrapper dl dt{ display:none;}
.inquiryWrapper dl dd{ display:block; margin:0 1rem;}
.inquiryWrapper dl dd p{ position:static;}
.inquiryWrapper dl dd img{ height:18px; width:auto;}
.telSpBg{ display:block; line-height:20px; margin:0 0 1rem; padding:18px 0 22px; background: #339966; -webkit-border-radius: 30px; border-radius: 30px; box-sizing:border-box;}
.inquiryReservation{ display:block; line-height:20px; color:#fff; margin:0 0 0; padding:18px 0 22px; background: #339966; -webkit-border-radius: 30px; border-radius: 30px; box-sizing:border-box;}


/* ピコシュア3種類の照射 ---------------------------------------------*/
#charaWrapper{ background:#f7f7f7; padding-bottom:10%;}
#charaWrapper h2{ padding:20% 0 1rem; margin:0 1rem;}
#charaMenuList{ margin:2rem auto 0;}
#charaMenuList li{ width:auto; display:block; box-sizing:border-box; margin:0 1rem; text-align: left;}
#charaMenuList li a{ display:block; height:auto; padding:0.5rem 1rem; -webkit-transition: all 0.5s; transition: all 0.5s;}
#charaMenuList li a.overBgGray{ background:#eee;}
#charaMenuList li:after{ bottom:auto; left:auto; right:1rem; top:0.7rem; width:6px; height:6px; border:2px solid; border-color:  transparent transparent #ccc #ccc;}
#charaMenuList li:hover:after{ bottom:auto;}
#charaMenuList li:nth-child(2){ margin:1rem 1rem;}
#charaContentList{ margin:2rem auto 0;}
#charaContentList li{ width:auto; margin:0 1rem 2rem; padding:0 0 1rem;}
#charaContentList li > h3{ padding:0.5rem 0 0.8rem;}
#charaContentList li > h3 img{ width:auto; height:20px;}
#charaContentList li > h3:after{ bottom:-15px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #cc6699;}
#charaContentList li > h4{ font-size:18px; margin:2rem auto 0;}
.charaExplain{ width:100%; margin:0 auto;}
.charaPhoto{ float:none; width:auto;}
.charaText{ float:none; width:auto; text-align:left;}
#chara1 .charaPhoto{ margin:0 1rem 1rem; float:left; width:120px;}
#chara1 .charaText{ margin:1rem 1rem 2rem;}
#chara2 .charaPhoto{ margin:0 1rem 1rem; float:left; width:120px;}
#chara2 .charaText{ margin:1rem 1rem 2rem;}
#chara3 .charaPhoto{ margin:0 1rem 1rem; float:left; width:120px;}
#chara3 .charaText{ margin:1rem 1rem 2rem;}
#chara3 .charaText p.attention{ margin:1rem 0 0;}
#comparisonTable{ width:auto; margin:1rem 1rem 0; box-sizing:border-box;}
#comparisonTable td{ padding:0.2rem; box-sizing:border-box;}


/* 肌治療プラン ---------------------------------------------*/
#planDetailWrapper{ background:#f9ecdc url(../top_img/bg_plandetail_sp.jpg) right 0 no-repeat; background-size:200px; padding:20% 0 10%;}
#planDetailWrapper h2{ margin:0 1rem;}
#planDetailList{ margin:2rem 0.5rem 0;}
#planDetailList li:last-child{ margin:0.5rem auto 0;}


/* さらに効果を期待したい方へ ---------------------------------------------*/
#effectWrapper{ background:#fff0f0 url(../top_img/bg_effect_sp.jpg) left 0 no-repeat; background-size:200px; padding:20% 0 10%;}
#effectWrapper h2{ margin:0 1rem;}
#effectWrapper p{ margin:2rem 1rem 0;}
#effectList{ margin:2rem 0.5rem 0;}


/* 治療の流れ ---------------------------------------------*/
#flowWrapper{ padding:20% 0 10%;}
#flowList{ margin:2rem 1rem 0;}
#flowList li{ position:relative; margin-bottom:60px;}
#flowList li:last-child{ margin-bottom:0;}
#flowList li:after{ bottom:-40px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #ccc;}


/* 強み ---------------------------------------------*/
#advantageWrapper{ padding:20% 0 10%;}
#advantageWrapper h2{ margin:0 1rem;}
#advantageList{ margin:2rem auto 0;}
#advantageList li{ display:block; margin:0 1rem;}
#advantageList li:last-child{ margin:2rem 1rem 0;}
#advantageList li img{ width:80%; height:auto;}
#advantageList li div{ padding:1.5rem 1rem 1rem; margin:0 auto -20px; background:#fff; border:1px solid #990066; width:auto; position:relative; top:-20px;}
#advantageList li div h3 img{ height:40px; width:auto;}
#advantageList li div p{ margin:1rem 0 0;}


/* クリニック紹介 ---------------------------------------------*/
#clinicWrapper{ padding:20% 0 10%;}
#clinicWrapper h2{ margin:0 1rem;}
#introWrapper{ margin:2rem 1rem 0; width:auto;}
#introPhoto{ float:none; width:100%; margin-bottom:2rem;}
#introText{ float:none; width:100%; margin-bottom:2rem;}
#introText h4{ margin:2rem 0 1rem;}

#infoWrapper{ width:auto; margin:0 1rem;}
#infoWrapper h3{ font-size:18px;}
#infoWrapper dl{ margin:1rem 0;}

#addressWrapper{ float:none; width:100%;}
#mapWrapper{ float:none; width:100%; margin:1rem 0 0;}
#mapWrapper iframe{ width:100%;}

#weekTableWrapper{ margin:0 1rem 0;}
#weekTable{ width:100%; margin:2rem 0 0; box-sizing:border-box;}
#weekTable td{ padding:0.2rem 0; box-sizing:border-box;}

#weekAttention{ width:auto; margin:1rem 1rem 0;}
#clinicPhotoList{ margin:2rem 1rem 0;}
#clinicPhotoList li{ width:50%;}


/* フォーム ---------------------------------------------*/
#formWrapper{ padding:20% 0 10%;}
#formInfoText{ margin:2rem 1rem 0;}

#formContent{ width:auto; margin:2rem 1rem 0;}
#formContent table{ box-sizing:border-box;}
#formContent table th{ box-sizing:border-box; border-right:1px solid #999; width:100%; padding:0.5rem 1rem; display:block;}
#formContent table td{ box-sizing:border-box; width:100%; padding:0.5rem 1rem; display:block;}

input[type="text"]{ border:1px solid #ccc; padding:10px 0; width:100%; margin:0 0 5px;}
input.age{ width:140px;}
textarea{ border:1px solid #ccc; padding:10px 0; width:100%; height:4rem; margin:0;}
select{ height:28px; font-size:14px; margin:0 0 0.5rem;}

#formStateList{ margin:2rem 1rem 0;}
#formStateList li{ display:inline-block; width:32%;}
#formStateList li:nth-child(2){ margin:0 2%;}
.submitWrapper{ text-align: center; margin:2rem auto 0;}
.submitBtn{ height:20px; width:auto; padding:18px 40px 22px;
color: #fff;
border: none;
font-size: 1.8rem;}
.submitBackBtn{ height:20px; width:auto; padding:18px 40px 22px;}
#lowerFormTitle{ font-size:24px;}
.lowerSubmit{}
.leftLowerSubmit{ float:none; width:auto; margin:1rem auto 0; text-align:center; padding-right:0;}
.rightLowerSubmit{ float:none; width:auto; margin:1rem auto 0; text-align:center; padding-left:0;}
#errorTextWrapper{ padding:1rem; margin:0 0 2rem;}
#compTextWrapper{ padding:1rem; margin:0 0 2rem;}
#sexForm label{ margin-right:1rem;}
#jobForm label{ margin-right:1rem;}
#jobFlag{ display:block;}


/* フッター ---------------------------------------------*/
footer{ padding:4rem 0 60px;}
footer p.borderBox{ width:auto; margin:0 1rem; padding:1rem; box-sizing:border-box;}
#footerContent{ width:auto; margin:2rem 1rem 2rem;}
footer ul{ margin:1rem 0 0;}
footer ul li{ margin:0 0 0 1rem;}


#bottomFixWrapper{ position:fixed; bottom:-60px; left:0; width:100%; -webkit-transition: all 0.5s; transition: all 0.5s;}
#bottomFixWrapper li{ display:inline-block; width:50%; padding:10px 0; text-align:center; background:#339966;}
#bottomFixWrapper li:nth-child(2){ border-left:1px solid #006633; box-sizing:border-box;}
#bottomFixWrapper li img{ height:12px; width:auto; margin:0 auto;}
#bottomFixWrapper.bottomFixedOn{ bottom:0;}


}




/* スマホ ---------------------------------------------*/
@media screen and (max-width : 736px) {
#mainContent{ background-size:120% auto;}
}
@media screen and (max-width : 600px) {
#mainContent{ background-size:140% auto;}
}


@media screen and (max-width : 480px) {
#mainContent{ background:url(../top_img/bg_main_product_sp.png) center bottom no-repeat; background-size:contain; }
#mainPoint{ margin:170px auto 0;}

#infoWrapper dl dt:nth-child(1){ line-height:3.2;}
#infoWrapper dl dd:nth-child(1){ line-height:1.4;}
}