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

body, p, address, ul, ol, li, dl, dt, dd, table, th, td, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 180%;
	list-style-type: none;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	text-align: left;
	color:#000; 
}
img {
	border: none;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

@media screen and (max-width: 768px) {
body, p, address, ul, ol, li, dl, dt, dd, table, th, td, form {
	font-size: 4vw;
}
img {
	width: 100%;
	max-width: 100%;
	height: auto;　
}
}


/*clearfix**************************/
.clearfix:after {  
    visibility: hidden;
    display: block;　
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* clearfix for ie7 */
.clearfix{
    display: inline-block;
}
.clearfix {
    display: block;
}
/*clearfix End************************/



 /*  リンク  */
a:link    { color: #333; text-decoration: underline; }
a:visited { color: #333; text-decoration: underline; }
a:hover   { color: #999; text-decoration: none; }
a:active  { color: #ccc; text-decoration: underline; }
 
 
/*  共通  */
.contents {
	max-width: 1000px;
	margin: 0 auto;
}
.red {
	color: #cc0000;
}
.pink {
	color: #ff6683;
}
.marker {
	background: linear-gradient(transparent 50%, #fff799 50%);
}
.ac_txt {
	margin-top: 5%;
	text-align: center;
}
.lf_txt {
	margin-top: 5%;
	text-align: left;
}
p.phone {
	display: block;
}
p.phone_sp {
	display: none;
}

@media screen and (max-width: 768px) {
/*  共通  */
.contents {
	width: 94%;
	margin: 0 auto;
}
.ac_txt {
	margin-top: 8%;
	text-align: center;
}
p.phone {
	display: none;
}
p.phone_sp {
	display: block;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.contents {
	width: 96%;
	margin: 0 auto;
}
}


/* FV */
header {
	width: 100%;
}
header .line {
	border-top: solid 10px #ff6683;
}
header p.logo {
	float: left;
	margin: 2.5% 0;
	width: 38%;
}
header table.sp {
	display: none;
}
header table {
	width: 60%;
	float: right;
	margin: 3% 0;
}
header table td {
	width: 20%;
	padding: 0.2% 0.4%;
}
header table td p {
	font-size: 90%;
	text-align: center;
	color: #999;
	border: 1px solid #999;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	padding: 0.5% 0;
	width: 100%;
}
header table td p.none {
	border: none;
}
header .fv {
	background: url(../img/0_bg_pc.jpg) no-repeat center top;
}
header .fv .offer {
	float: right;
	margin: 3% 0 6%;
}
header .fv .offer p.btn {
	margin-top: 5%;
	text-align: center;
}
header .fv .offer p.phone {
	margin-top: 5%;
	text-align: center;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
header .fv {
	background: url(../img/0_bg_pc.jpg) no-repeat center top;
	background-size: cover;
	-moz-background-size: cover;
}
header .fv .offer {
	float: right;
	width: 60%;
}
header .fv .offer h1 {
	text-align: right;
}
header .fv .offer p.btn {
	margin-top: 5%;
	text-align: right;
}
header .fv .offer p.phone {
	margin-top: 5%;
	text-align: right;
}
header table.sp {
	display: none;
}
header table td p {
	font-size: 70%;
}
}
@media screen and (max-width: 768px) {
header p.logo {
	float: none;
	margin: 2% auto 0;
	width: 40%;
}
header table {
	width: 100%;
	float: none;
	margin: 1% 0 3%;
}
header table td {
	width: 20%;
	padding: 0 0.5% 0.5%;
}
header table td p {
	font-size: 70%;
}
header table td p.none {
	display: none;
}
header .fv {
	background: none;
}
header .fv .contents {
	width: 100%;
}
header .fv .offer {
	float: none;
	margin: 0 0 10%;
}
header .fv .offer p.btn {
	margin-top: 0;
	width: 94%;
	text-align: center;
	margin: 0 auto;
}
header .fv .offer p.phone_sp {
	display: block;
	margin-top: 0;
	width: 94%;
	text-align: center;
	margin: 3% auto;
}
}



/* お悩み */
.trouble {
	width: 100%;
	background: url(../img/01_bg_pc.png) repeat-x;
}
.trouble .contents {
	padding: 7% 0 5%;
}
.trouble .contents p {
	text-align: center;
}
.trouble .contents p.sp {
	display: none;
}
.trouble .contents .checklist {
	background: url(../img/01_model_pc.png) no-repeat right 70%;
	background-size: 50% auto;
	-moz-background-size: 50% auto;
	padding-top: 10%;
	margin-bottom: 5%;
}
.trouble .contents .checklist p.list {
	text-align: left;
	margin-bottom: 10%;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
.trouble .contents {
	padding: 10% 0 5%;
}
.trouble .contents p.sp {
	display: block;
}
.trouble .contents .checklist {
	background: none;
}
.trouble .contents .checklist p.list {
	text-align: left;
	margin-bottom: 3%;
}
.trouble .contents p.arrow img {
	width: 20%;
}
}


/* 3つのポイント */
h2 {
	width: 100%;
	background: #ff6683;
	padding: 3% 0;
	text-align: center;
}
.point1 {
	background: url(../img/02_img1_pc.jpg) no-repeat center top;
	background-size: cover;
	-moz-background-size: cover;
	width: 100%;
}
.point1 .contents,
.point3 .contents {
	padding: 4% 0 7.5%;
}
.point1 .contents .main {
	float: right;
	width: 70%;
}
.point1 .contents .main p {
	float: right;
}
.point1 .contents .main p.text {
	width: 70%;
	margin-top: 8%;
}
.point2 {
	background: url(../img/02_img2_pc.jpg) no-repeat center top;
	background-size: cover;
	-moz-background-size: cover;
	width: 100%;
}
.point2 .contents {
	padding: 3.5% 0 5%;
}
.point2 .contents .main {
	float: left;
	width: 60%;
}
.point2 .contents .main p.text {
	margin: 6% 0;
}
.point2 .contents .main table {
	width: 90%;
}
.point2 .contents .main table th {
	background: #6987c3;
	width: 22%;
	color: #fff;
	text-align: center;
	padding: 3% 2%;
}
.point2 .contents .main table td {
	background: #fff;
	text-align: center;
	font-weight: bold;
}
.point3 {
	background: url(../img/02_img3_pc.jpg) no-repeat center top;
	background-size: cover;
	-moz-background-size: cover;
	width: 100%;
}
.point3 .contents .main {
	float: right;
	width: 67%;
}
.point3 .contents .main p img {
	float: left;
}
.point3 .contents .main p.text {
	float: right;
	width: 71%;
	margin-top: 8%;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
h2 img {
	width: 90%;
}
.point2 .contents .main table {
	width: 100%;
}
.point2 .contents .main table th {
	width: 20%;
}
}
@media screen and (max-width: 768px) {
h2 {
	padding: 5% 0;
}
h2 img {
	width: 90%;
}
.point1 {
	background: #fcfcfc;
	width: 100%;
}
.point1 .contents,
.point2 .contents,
.point3 .contents {
	width: 100%;
	padding: 0 0 8%;
}
.point1 .contents .main,
.point2 .contents .main,
.point3 .contents .main	{
	float: none;
	width: 100%;
}
.point1 .contents .main p,
.point3 .contents .main p {
	float: none;
}
.point1 .contents .main p.text,
.point2 .contents .main p.text,
.point3 .contents .main p.text {
	width: 94%;
	margin: 8% auto 0;
	float: none;
}
.point2 {
	background: #f0faff;
	width: 100%;
}
.point2 .contents .main table {
	width: 94%;
	margin: 8% auto 3%;
}
.point2 .contents .main table th {
	width: 100%;
	padding: 3% 0;
	display: block;
}
.point2 .contents .main table td {
	display: block;
	width: 94%;
	padding: 5% 3%;
	font-size: 95%;
}
.point3 {
	background: #fff;
	width: 100%;
}
.point3 .contents .main p img {
	float: none;
}
}



/* 疑問にお答え */
.question {
	background: url(../img/03_bg.png);
	width: 100%;
	padding: 5% 0 6%;
}
.question .contents .box .q1,
.question .contents .box .q3 {
	float: left;
	width: 58%;
}
.question .contents .box .q1 p.title,
.question .contents .box .q3 p.title {
	margin-top: 6%;
}
.question .contents .box .q1 p.img,
.question .contents .box .q3 p.img {
	margin-top: 9%;
}
.question .contents .box p.photo {
	float: right;
}
.question .contents .box:nth-of-type(2) {
	margin-top: 3%;
}
.question .contents .box .q2 {
	float: right;
	width: 58%;
}
.question .contents .box .q2 p.title {
	margin-top: 10%;
}
.question .contents .box .q2 p.img {
	margin-top: 9%;
}
.question .contents .box p.photo2 {
	float: left;
}
.question .contents .box:nth-of-type(3) {
	margin-top: 6%;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.question .contents .box p.photo {
	float: right;
	width: 40%;
}
.question .contents .box p.photo2 {
	float: left;
	width: 40%;
}
.question .contents .box .q3 p.title {
	margin-top: 0;
}
.question .contents .box .q3 p.img img {
	width: 85%;
}
}
@media screen and (max-width: 768px) {
.question {
	padding: 5% 0 10%;
}
.question .contents .box .q1,
.question .contents .box .q2,
.question .contents .box .q3 {
	float: none;
	width: 100%;
}
.question .contents .box .q3 p.img img {
	width: 85%;
}
.question .contents .box p.photo,
.question .contents .box p.photo2 {
	float: none;
	margin-top: 5%;
}
.question .contents .box:nth-of-type(3) {
	margin-top: 10%;
}
}



/* 全額返金保証 */
.back {
	background: url(../img/04_img1_pc.jpg) no-repeat center top;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	width: 100%;
	padding-top: 22%;
}
.back .contents .box {
	background: url(../img/04_ribbon_pc.png) no-repeat center top;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	margin: 5% 0 0;
}
.back .contents .box p {
	width: 86%;
	margin: 0 auto;
}
.back .contents .box p.img {
	padding: 16.5% 0 7%;
}
.back .contents .box p.attention {
	font-size: 80%;
	margin-top: 2%;
	padding-bottom: 4%;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.back .contents .box {
	background: url(../img/04_ribbon_tub.png) no-repeat center top;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	margin: 5% 0 0;
}
.back .contents .box p.img {
	padding: 16.5% 0 3.5%;
}
.back .contents .box p.img img {
	width: 60%;
}
.back .contents .box .tub {
	border-left: solid #b2e5e7 9px;
	border-right: solid #b2e5e7 9px;
	border-bottom: solid #b2e5e7 9px;
	width: 94%;
	margin: auto;
	padding-top: 4%;
}
}
@media screen and (max-width: 768px) {
.back {
	background: url(../img/04_img1_sp.jpg) no-repeat center top;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	width: 100%;
	padding-top: 40%;
}
.back .contents .box {
	background: url(../img/04_ribbon_sp.png) no-repeat center top;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	margin: 5% 0 0;
}
.back .contents .box p {
	width: 84%;
	margin: 0 auto;
	text-align: left;
}
.back .contents .box p.img {
	padding: 27% 0 8%;
}
.back .contents .box p.img img {
	width: 70%
}
.back .contents .box .tub {
	border-left: solid #b2e5e7 0.4em;
	border-right: solid #b2e5e7 0.4em;
	border-bottom: solid #b2e5e7 0.4em;
	width: 90%;
	margin: auto;
	padding-top: 7%;
}
.back .contents .box .tub p {
	width: 90%;
}
.back .contents .box .tub p.attention {
	font-size: 80%;
	margin-top: 5%;
	padding-bottom: 8%;
}
}


/* オファー */
.offer_pink {
	background: #ffe9ed;
	width: 100%;
	margin: 6% 0 0;
}
.offer_pink .contents {
	background: url(../img/05_model_pc.png) no-repeat left bottom;
	padding: 3% 0;
}
.offer_pink .info {
	float: right;
}
.offer_pink .info p.btn {
	margin-top: 4%;
	text-align: center;
}
.offer_pink .info p.phone {
	margin-top: 5%;
	text-align: center;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.offer_pink .info {
	float: right;
	width: 55%;
}
.offer_pink .contents {
	background: url(../img/05_model_pc.png) no-repeat left bottom;
	background-size: 45% auto;
	-moz-background-size: 45% auto;
	padding: 5% 0;
	width: 98%;
	margin: 0;
}
}
@media screen and (max-width: 768px) {
.offer_pink {
	margin: 10% 0 0;
}
.offer_pink .contents {
	background: url(../img/05_model_sp.png) no-repeat left 3%;
	background-size: 55% auto;
	-moz-background-size: 55% auto;
	padding: 5% 0;
	width: 96%;
	margin: 0;
}
.offer_pink .info {
	float: none;
}
.offer_pink .info p.img  {
	text-align: right;
}
.offer_pink .info p.img img {
	width: 60%;
}
.offer_pink .info p.btn {
	margin: 4% 0 0 4%;
	text-align: center;
}
.offer_pink .info p.phone_sp {
	margin: 3% 0 0 4%;
	text-align: center;
}
}



/* お口の健康状態チェック */
.dr {
	padding: 5%;
	margin: 8% 0;
	border: solid 10px #eaf8ff;
	position: relative;
}
.dr p.check {
	position: absolute;
	left: -10px;
	top: -10px;
}
.dr .text {
	float: left;
	width: 75%;
}
.dr .text p.title {
	padding-left: 10%;
}
.dr .text p.txt_l {
	padding-top: 3%;
}
.dr .text p.name {
	text-align: right;
}
.dr .text p.attention {
	font-size: 80%;
	margin-top: 2%;
}
.dr p.dr_img {
	float: right;
	width: 25%;
	text-align: right;
}
.dr p.sp {
	display: none;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.dr .text {
	float: left;
	width: 70%;
}
}
@media screen and (max-width: 768px) {
.dr {
	padding: 8% 5%;
	margin: 10% 0;
}
.dr p.check {
	width: 20%;
}
.dr .text {
	float: none;
	width: 100%;
}
.dr .text p.title {
	padding-left: 10%;
}
.dr .text p.txt_l {
	padding-top: 5%;
}
.dr .text p.attention {
	font-size: 80%;
	margin-top: 5%;
}
.dr p.dr_img {
	display: none;
}
.dr p.sp {
	display: block;
	width: 35%;
	float: left;
	margin: 0 9% 0 3%;
}
.dr .text p.name {
	text-align: left;
}
}



/* 2つの理由 */
.reason {
	padding: 5% 0 0;
}
.reason p.photo_l {
	float: left;
	margin-top: 6%;
}
.reason p.text_r {
	float: right;
	margin-top: 8%;
	width: 40%;
}
.reason p.photo_r {
	float: right;
	margin-top: 6%;
}
.reason p.text_l {
	float: left;
	margin-top: 11%;
	width: 40%;
}
.reason p.text_r2 {
	float: right;
	margin-top: 9%;
	width: 46%;
}
.reason p.photo_r2 {
	float: right;
	margin-top: 7%;
}
.reason p.text_l2 {
	float: left;
	margin-top: 9%;
	width: 46%;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.reason p.photo_l {
	float: left;
	margin-top: 6%;
	width: 50%;
}
.reason p.text_r {
	float: right;
	margin-top: 8%;
	width: 48%;
}
.reason p.photo_r {
	float: right;
	margin-top: 6%;
	width: 50%;
}
.reason p.text_l {
	float: left;
	margin-top: 8%;
	width: 48%;
}
.reason p.text_r2 {
	float: right;
	margin-top: 7%;
	width: 48%;
}
.reason p.photo_r2 {
	float: right;
	margin-top: 7%;
	width: 50%;
}
.reason p.text_l2 {
	float: left;
	margin-top: 6%;
	width: 48%;
}
}
@media screen and (max-width: 768px) {
.reason {
	padding: 10% 0 0;
}
.reason p.photo_l {
	float: none;
	margin-top: 8%;
}
.reason p.text_r,
.reason p.text_l,
.reason p.text_r2,
.reason p.text_l2 {
	float: none;
	margin-top: 6%;
	width: 100%;
}
.reason p.photo_r,
.reason p.photo_r2 {
	float: none;
	margin-top: 6%;
}
}



/* アクセス */
.access {
	background: url(../img/08_bg.png);
	padding: 5% 0 6%;
	margin: 7% 0;
}
hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0));
	margin: 2% 0;
}
.access .textinfo {
	float: left;
	width: 35%;
	margin-top: 5%;
}
.access .textinfo p.where {
	position: relative;
	padding: 2% 0;
	width: auto;
	color: #fff;
	text-align: center;
	background: #ff6683;
	z-index: 0;
}
.access .textinfo p.where:before {
	content: "";
	position: absolute;
	bottom: -20%; 
	left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #ff6683 transparent transparent transparent;
	z-index: 0;
}
.access .textinfo p.name {
	margin-top: 7%;
	font-size: 120%;
	font-weight: 700;
	text-indent: 8%;
	background: url(../img/08_icon_pc.png) no-repeat left center;
}
.access .textinfo p.address {
	margin-top: 3%;
}
.access .textinfo p.train {
	margin-top: 5%;
	border: 1px solid #333;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	padding: 1% 0;
	background: #fff;
	text-align: center;
}
.access .map {
	float: right;
	margin-top: 5%;
	width: 60%;
}
.access .map .google {
	border: solid 0.5em #fff;
}
.access .map iframe {
	vertical-align: bottom;
}
.access .maplink {
	float: right;
	font-size: 90%;
}
.access .photo {
	margin-top: 5%;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
.access {
	padding: 10% 0;
	margin: 10% 0;
}
.access p:first-child img {
	width: 50%;
}
hr {
	margin: 5% 0;
}
.access .textinfo {
	float: none;
	width: 100%;
	margin-top: 5%;
}
.access .textinfo p.where:before {
	content: "";
	position: absolute;
	bottom: -15%; 
	left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #ff6683 transparent transparent transparent;
	z-index: 0;
}
.access .textinfo p.name {
	margin-top: 5%;
	font-size: 120%;
	font-weight: 700;
	text-indent: 8%;
	background: url(../img/08_icon_pc.png) no-repeat left center;
	background-size: 4% auto;
	-moz-background-size: 4% auto;
}
.access .map {
	float: none;
	margin-top: 5%;
	width: 100%;
}
.access .maplink {
	float: right;
	font-size: 90%;
}
.access .photo {
	margin-top: 8%;
}
}



/* QA */
.qa_q {
	position: relative;
	padding: 2% 2% 2% 10%;
	width: 88%;
	background: #f5f5f5 url(../img/09_q.png) no-repeat 3% center;
	z-index: 0;
}
.qa_q:after {
	content: "";
	position: absolute;
	bottom: -20px; 
	left: 0;
	margin-left: 0;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 30px 20px 0;
	border-color: transparent #F6F6F6 transparent transparent;
	z-index: -1;
}
.qa_a {
	padding: 2% 2% 2% 10%;
	width: 90%;
	background: url(../img/09_a.png) no-repeat 5% center;
	margin-bottom: 1%;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
.qa p:first-child img {
	width: 50%;
}
.qa_q {
	position: relative;
	display: inline-block;
	padding: 4% 8% 4% 12%;
	width: 80%;
	background: url(../img/09_q.png) no-repeat 3% center, url(../img/09_arrow.png) no-repeat 97% center, #f5f5f5;
	background-size: 5% auto, 3% auto;
	-moz-background-size: 5% auto, 3% auto;
	z-index: 0;
	border-bottom: 3px solid #fff;
}
.qa_q:after {
	display: none;
}
.qa_a {
	padding: 4% 2% 4% 12%;
	width: 86%;
	background: url(../img/09_a.png) no-repeat 3% center;
	background-size: 5% auto;
	-moz-background-size: 5% auto;
	margin-bottom: 1%;
}
}



/* SNS */
.sns {
	float: right;
	margin-top: 2%;
	width: 20%;
}
.sns .twitter-share-button {
	float: left;
	margin-right: 5%;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.sns {
	width: 30%;
}
}
@media screen and (max-width: 768px) {
.sns {
	width: 50%;
}
}


/* フッター */
.last {
	padding: 5% 0;
}
.last p.logo {
	float: left;
	margin-right: 8%;
	padding-top: 2%;
}
.last p.text {
	float: left;
	font-size: 90%;
}
.last p.totop {
	float: right;
	padding-top: 3%;
}
footer {
	padding: 2% 0;
	background: #ff6683;
}
footer p {
	color: #fff;
	font-size: 80%;
	text-align: center;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.last p.logo {
	float: left;
	margin-right: 8%;
	padding-top: 0;
}
}
@media screen and (max-width: 768px) {
.last p.logo {
	float: none;
	margin-right: 0;
	padding-top: 0;
	text-align: center;
}
.last p.logo img {
	width: 60%;
}
.last p.text {
	float: none;
	font-size: 85%;
	text-align: center;
	margin-top: 5%;
}
.last p.totop {
	float: right;
	padding-top: 3%;
	width: 20%;
}
footer {
	padding: 5% 0;
	background: #ff6683;
}
}