@charset "UTF-8";

/* CSS Document */

/* --------------------------------------------------------------- 
common.css
-----------------------------------------------------------------*/
* { 
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
dl,dt,dd{ 
	margin: 0;
	padding: 0;
	line-height:normal;
}

img{ 
	padding: 0; 
	margin: 0; 
	border: 0;
	height: auto;
  width: 100%;
  vertical-align: bottom;
}
img a { 
	padding: 0; 
	margin: 0; 
	border: 0; 
  width: 100%;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table, th, td{ 
	margin: 0;
	padding: 0; 
	font-weight: normal; 
	vertical-align: top;
}
div { 
	margin: 0;
	padding: 0;
}
span{ 
	padding: 0;
	margin: 0; 
	text-indent: 0;
}
ul,li,ol {
	margin: 0;
	font-weight: normal;
/*	text-decoration: none;
	list-style: none;*/
	padding-top: 0;
	padding-right: .5em;
	padding-bottom: 0;
	padding-left: 1.5em;
}


strong {
	font-weight: bold;
	color: #3AB54A;
}

iframe {
    display: block;
    margin: 0px auto;
}

.youtube-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 2em;
  height: 0;
  overflow: hidden;
}
.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/* BODY */
body {
    width: 100%;
	padding: 0;
	margin: 0;
	font-size:4.375vw;
	line-height: 1.5;
	color: #333;
	font-family: "メイリオ","Meiryo", "MS Pゴシック", "MSゴシック", "ヒラギノ角ゴ Pro W6", Helvetica, verdana, arial;
   text-align:center;
	counter-reset:nummber;

}
@media screen and (min-width: 640px) {
body{
	font-size:18px;
	background:url("../images/bg.jpg") no-repeat top center;
	background-attachment:fixed;
	background-size:cover;
}

img{ 
  width: auto!important;
}
img a { 
  width: auto!important;

}
}
/* --------------------------------------------------------------- clearfix
-----------------------------------------------------------------*/
.cf {
  zoom: 1;
}
.cf:before {
  content: "";
  display: block;
  overflow: hidden;
}
.cf:after {
  content: "";
  display: block;
  overflow: hidden;
  clear: both;
}

/* --------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------*/
#container{}
@media screen and (min-width: 640px) {
#container{
background:#fff;
margin:0 auto;
padding:0;
width:640px;
box-shadow: 0px 0px 20px gray;
}
}
article{
	margin:0 auto 1em;
	width:100%;
	text-align:left;
}
@media screen and (min-width: 640px) {
article{
width:640px;
}
}
section{
}


/* --------------------------------------------------------------- 
 BASIC
--------------------------------------------------------------*/
/* LINK */
a { 
	color: #0066cc;
	text-decoration: underline; 
	padding: 0; 
	margin: 0; 
}
a:hover { 
	color: #0099dd; 
	text-decoration: none;
}
.note{
	font-size:2.2vw;
	line-height: 1.5;
	padding-left: .5em;
	padding-top:.5em;

}
@media screen and (min-width: 640px) {
.note{
font-size:11px;
}
}
.attention {
	color: #f00;
}
.bold {
	font-weight: bold;
}
.break {
	display: inline-block;
}
/* --------------------------------------------------------------- 
 HEADER
-----------------------------------------------------------------*/

header{
    width:100%;	
	margin:0 auto 1em;
	text-align:left;
}
header.kotei_down{
    padding-top:17.7vw;
}
@media screen and (min-width: 640px) {
header{
    width:640px;	
}
header.kotei_down{
    padding-top:0;
}

}
header h1 {
	text-align: center;
}

/* --------------------------------------------------------------- 
 FOOTER
-----------------------------------------------------------------*/
footer{
	width:100%;
	margin:0 auto;
	text-align:center;
}
@media screen and (min-width: 640px) {
footer{
width:640px;

}

}
footer .seibun{
	text-align:center;
	padding:1em;
}
footer .seibun img{
width:auto!important;
}
footer .seibun h2{
   background:#0287AF;
	color:#fff;
	padding:.2em .5em;
}
footer .seibun table{
border:1px solid #969494;
		border-collapse:collapse;
	width:100%;
	margin:0;padding:0;
	
}
footer .seibun table th{
border:1px solid #969494;
	white-space:nowrap;
	padding:.5em;
}
footer .seibun table td{
border:1px solid #969494;
	padding:.5em;
	
}
footer ul.seibun_list{
	margin:0 0 0 1em;;
	padding:0;
}
footer ul.seibun_list li{
	margin:0 0 .3em 0;
	padding:0;
}

footer .seibun .seibun_inner{
	text-align:left;
	padding:1em .5em;
}

.footer_blackbox{
	background:#034200;
	color:#fff;
	
}
footer ul.footer_menu {
	text-align: center;
	margin:0;
	padding:0;
	}
footer .footer_menu li {
	display: inline-block;
	width: auto;
	margin:0;
	font-size:4vw;
	padding:0;
	}
	@media screen and (min-width: 640px) {
	footer .footer_menu li {font-size:16px;}
	}
footer .footer_menu li a {
	display: inline-block;
	padding:.5em;
	border-bottom: none;
	text-decoration: underline;
	color: #FFF;
	}
footer .footer_menu li a:hover{
	text-decoration:none;
	
}
.copyright{
	padding: .5em;
	text-align: center;
	font-size: 3.5vw;	
	}
	@media screen and (min-width: 640px) {
	.copyright{font-size:14px;}
	}
  /*bottom*/
#bottom{
	background-color:#FFF;
	 margin:0;
	 width:100%;
	 padding:0;
	 height:150px;
	 position:fixed;
	 bottom:0;
	 left: 0;
	 filter: alpha(opacity=90);
	 -moz-opacity:0.90;
	 opacity:0.90;
	  overflow:hidden;
	  *zoom:1;
  }
  
#bottom img{
	  display:block;
	  	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	  
	  }
  

#bottom p img:hover{
	  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	  opacity:0.8
  }




/* --------------------------------------------------------------- 
 CONTENTS
-----------------------------------------------------------------*/
h1 {
	text-align: center;
}
.experience {
	padding: 0;
	margin: 0 0 2em;
    font-size:4.4vw;
}
.experience .imageface_l img{
	width:50%;
	float:left;
	padding:0 .5em .5em 0;
}
.experience .imageface_r img{
	width:50%;
	float:right;
	padding:0 0 .5em .5em;}
.accordion-box {
display: none;
}

/* -------------------
offer
--------------------*/
section.offer,
section.offer_moni{
margin:.3em;
background:url("../images/offer_bg_sp.png") repeat-x top #55B3C9;
padding:.5em;
border-radius: .2em;
-webkit-border-radius:  .2em; 
-moz-border-radius: .2em;
}
section.offer .offer_inner,
section.offer_moni .offer_moni_inner{
margin:0;
background:#fff;
padding:.2em;
}
.offer_moni_price{margin-top:-3vw;}
@media screen and (min-width: 640px) {
.offer_moni_price{margin-top:-1em!important;}
}
section.offer .offer_title{
margin-top:-.5em;
}
section.offer .offer_note,
section.offer_moni .offer_note{
font-size:3.2vw;
	text-align:right;
}

section.offer .offer_start{
text-align:center;
	color:#FB0105;
	line-height:normal;
	font-size:5vw;
	
}
section.offer .offer_naiyo{
padding:.5em;
	font-size:4vw;
}
section.offer_tujo{margin:0;padding:1em;}
.offer_tujo_btn{}

section.mailcontact{margin:0;padding:1em;}
.mailcontact_btn{}
#about {
	text-align: center;
}
.order {
	text-align: center;
}
.order .note {
	text-align: left;
}
.buy {
	width: 100%;
	height: 3.5em;
	margin: 0 0 1em;
}
@media screen and (min-width: 640px) {
section.offer .offer_note,
section.offer_moni .offer_note{
font-size:18px;
}
section.offer .offer_start{
font-size:18px;
}
section.offer .offer_naiyo{
font-size:18px;
}
}

#point {
	background-image: url("../images/5points_bg_sp.jpg");
	background-repeat: repeat-y;
	background-size:contain;
	
}
#point .point-detail {
	padding-bottom: 1em;
}
#point p{padding:1em 0;margin:0;}
#point .point-detail .comment {
	padding: 1em;
	margin: 0 0 1em;
	text-align: left;
}
#questionnaire {
	text-align: center;
}
#questionnaire .note {
	text-align: left;
}

#development h2 {
	margin-bottom: 1em;
	text-align: center;
}
#development .development-detail {
	padding: 0!important;
	margin: 1.5em 0 2em;
}
#development .development-detail .photo-person {
margin:0 0 1em 0;
}
#development .development-detail .case img {
	max-width: 50%;
}
#development .development-detail .postscript {
	margin-top: 1em;
}

#development .more{
	clear:both;
	background-size: 18px 12px;
	font-size: 1.1em;
	line-height: 1.5;
	text-align: center;
	color: #fff;
	padding: 1em;
	margin: 1em;
	cursor: pointer;
	background-color: #39B9A9;
	background-image: url("../images/icon-arrow-bottom_sp.png");
	background-repeat: no-repeat;
	background-position: 97% center;		
	
}
#development .more:hover{
	background-color:#30907A;
}


#genin{
	font-size:4.6vw;
}

#genin .geninimage img{
	width:50%;
}
#genin ol {
	margin: 1em 0;
}
#genin ol li{
	margin:0 0 1em 1em;
	padding:0;
}
#genin .section-inner{
padding:1em 0 2em;	
	
}

/* --------------------------------------------------------------- 
 下層ページ共通
-----------------------------------------------------------------*/

body.page header {
	margin-bottom: 1em;
	text-align:center;
}
body.page ol li {
	list-style: decimal inside;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom:1em;

}
body.page h2{
    font-weight:bold;
	font-size:5vw;
 	color:#0F6C4E;
	margin:1.5em;
    text-align:center;
}
@media screen and (min-width: 640px) {
body.page h2{font-size:30px;}
body.page article{font-size:14px;}
}

body.page article{font-size:75%;}
body.page h3{
	color: #034200;
	padding:1em;
	line-height: 1;
	background-color: #BFE67B;	
	
}
body.page .section-inner{
	padding:1em;
}
body.page article p{
	padding:0px;
	margin:0 0 1em 0;
}
body.page article ul {
	margin: 1em 0;
}
body.page article ul li{
	margin:0 0 1em 1em;
	padding:0;
}


body.page dl{
margin:1em;
	}
body.page dt {
	font-weight: bold;
	margin-top: 1em;
	margin-bottom:1em;
	border-bottom:1px dotted #CCC;
}
body.page dd{margin-bottom:2em;}


/* --------------------------------------------------------------- 
 会社概要
-----------------------------------------------------------------*/


/* --------------------------------------------------------------- 
 個人情報保護方針
-----------------------------------------------------------------*/
#privacy article ul{
	background: #f4eff0;
	padding:1em;
}
/* --------------------------------------------------------------- 
 特定商取引法に基づく表記
-----------------------------------------------------------------*/
#term p.attention{
background:#E4F8F5;
padding:2px 1em;
	
	}
#term p.attention2{
background:#F3F3F3;
padding:2px 1em;
	}
	#term img{width:auto!important;}
/* --------------------------------------------------------------- 
	 CONTENTS
-----------------------------------------------------------------*/
#development .development-detail .case img {
		max-width: 100%;
	}

p {
	padding-right: 1em;
	padding-left: 1em;
}
.howtouse p{}
span.marker_y{
background: linear-gradient(transparent 60%, #FFF000 0%);

}

.qa{
	margin:1em;
	padding:0;
	}
.qa_ttl{color:#9E4C99;}
.qa_contents{
padding: .3em 0;
text-align:left;
font-size:75%;
}
.qa_contents dt{
display:block;
width:25%;
float:left;
}

.qa_contents dd{
padding:0.5em;
margin:0;
word-wrap: break-word;
background:#F4DFF3;
width:70%;
float:right;
border-radius: .4em;
-webkit-border-radius:  .4em; 
-moz-border-radius: .4em;
}
@media screen and (min-width: 640px) {
.qa_contents{
font-size:14px;
}
}

.qa_q_fukidasi {
 	position: relative;
	display: inline-block;
 	margin:0 .5em 0 0;
	padding: .5em;
 	color: #fff;
background:#9E4C99;
    border-radius: .4em;
    -webkit-border-radius:  .4em; 
-moz-border-radius: .4em;
color:#fff;

}

.qa_q_fukidasi:before{
	content: "";
	position: absolute;
	top: 1em;
	right: -1.5em;
	border: .5em solid transparent;
	border-left: 1em solid #9D4B97;
 	z-index: 2;
}

.qa_q_fukidasi:after{
	content: "";
	position: absolute;
	top: 1em;
	right: -1.5em;
	border: .5em solid transparent;
	border-left: 1em solid #9D4B97;
 	z-index: 1;
}

.qa_q_fukidasi p {
	margin: 0;
	padding: 0;
}

.movingbtn{text-align:center;margin:1em 0;}
.purubtn{text-align:center;margin:1em 0;}

.privacy h2{
position: relative;
 	margin: 1.5em 0 .5em;
	padding: .5em;
 	color:#fff;
	font-size: 7vw;
	background:#0287AF;
text-align:center;
}
.privacy h2:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 45%;
	border: .5em solid transparent;
	border-top: .5em solid #4ECFBB;
}
.privacy .section_inner{
	border-bottom:0.2em dotted #4ECFBB;
	padding:.5em 0 1.5em;
}



.privacy h3{
	line-height: 1.5;
	margin:.5em;
	padding-left:2em;
	position:relative;
}
.privacy h3:before{
display:inline-block;
	counter-increment: nummber;
	content: counter(nummber)"";
	background: #4ECFBB;
            width:1.5em;
            height:1.5em;
            text-align: center;
            border-radius: 50%;
            color: #fff;
            margin-right: .3em;
position:absolute;
	top:0;
	left:0;

}

.privacy span{font-weight:normal;font-size:3.5vw;}
.kantan_box{
border:0.2em dotted #D0D0D0;
padding:.5em;
margin:.5em;
color:#5F5E5E;
	border-radius: .5em;
-webkit-border-radius:  .5em; 
-moz-border-radius: .5em;
}

/*movingbtn*/
.animate4kato,
.m-altana4kato,
.m-botansub4kato {
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
a.m-botan {
	position:relative;
	display:inline-block;
	margin:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
a.m-botan img {
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
img.m-altana {z-index: 55;position: absolute;left:-4em;}
img.a-main {position:relative;z-index: 54;}
a.shover:hover * {animation-name:none!important;}
@-moz-keyframes animate4kato {
	0%{ -moz-transform: skewX(9deg);}
	10%{ -moz-transform: skewX(-8deg);}
	20%{ -moz-transform: skewX(7deg);}
	30%{ -moz-transform: skewX(-6deg);}
	40%{ -moz-transform: skewX(5deg);}
	50%{ -moz-transform: skewX(-4deg);}
	60%{ -moz-transform: skewX(3deg);}
	70%{ -moz-transform: skewX(-2deg);}
	80%{ -moz-transform: skewX(1deg);}
	90%{ -moz-transform: skewX(0deg);}
	100%{ -moz-transform: skewX(0deg);}
}
@-o-keyframes animate4kato {
	0%{ -o-transform: skewX(9deg);}
	10%{ -o-transform: skewX(-8deg);}
	20%{ -o-transform: skewX(7deg);}
	30%{ -o-transform: skewX(-6deg);}
	40%{ -o-transform: skewX(5deg);}
	50%{ -o-transform: skewX(-4deg);}
	60%{ -o-transform: skewX(3deg);}
	70%{ -o-transform: skewX(-2deg);}
	80%{ -o-transform: skewX(1deg);}
	90%{ -o-transform: skewX(0deg);}
	100%{ -o-transform: skewX(0deg);}}
@-webkit-keyframes animate4kato {
	0%{ -webkit-transform: skewX(9deg);}
	10%{ -webkit-transform: skewX(-8deg);}
	20%{ -webkit-transform: skewX(7deg);}
	30%{ -webkit-transform: skewX(-6deg);}
	40%{ -webkit-transform: skewX(5deg);}
	50%{ -webkit-transform: skewX(-4deg);}
	60%{ -webkit-transform: skewX(3deg);}
	70%{ -webkit-transform: skewX(-2deg);}
	80%{ -webkit-transform: skewX(1deg);}
	90%{ -webkit-transform: skewX(0deg);}
	100%{ -webkit-transform: skewX(0deg);}
}
@keyframes animate4kato {
	0%{ transform: skewX(9deg);}
	10%{ transform: skewX(-8deg);}
	20%{ transform: skewX(7deg);}
	30%{ transform: skewX(-6deg);}
	40%{ transform: skewX(5deg);}
	50%{ transform: skewX(-4deg);}
	60%{ transform: skewX(3deg);}
	70%{ transform: skewX(-2deg);}
	80%{ transform: skewX(1deg);}
	90%{ transform: skewX(0deg);}
	100%{ transform: skewX(0deg);}
}
.animate4kato{
	-webkit-animation-name: animate4kato;
	-moz-animation-name: animate4kato;
	-o-animation-name: animate4kato;
	animation-name: animate4kato;
}
@-moz-keyframes option4kato {
	0%{ -moz-transform: translateX(0);}
	20%{ -moz-transform: translateX(9%);}
	50%{ -moz-transform: translateX(5%); }
	60%{ -moz-transform: translateX(13%);}
	90%{ -moz-transform: translateX(0);}
	100%{ -moz-transform: translateX(0);}
}
@-o-keyframes option4kato {
	0%{ -o-transform: translateX(0);}
	20%{ -o-transform: translateX(9%);}
	50%{ -o-transform: translateX(5%); }
	60%{ -o-transform: translateX(13%);}
	90%{ -o-transform: translateX(0);}
	100%{ -o-transform: translateX(0);}
}
@-webkit-keyframes option4kato {
	0%{ -webkit-transform: translateX(0);}
	20%{ -webkit-transform: translateX(9%);}
	50%{ -webkit-transform: translateX(5%); }
	60%{ -webkit-transform: translateX(13%);}
	90%{ -webkit-transform: translateX(0);}
	100%{ -webkit-transform: translateX(0);}
}
@keyframes option4kato {
	0%{ transform: translateX(0);}
	20%{ transform: translateX(9%);}
	50%{ transform: translateX(5%); }
	60%{ transform: translateX(13%);}
	90%{ transform: translateX(0);}
	100%{ transform: translateX(0);}
}
.m-altana4kato{
	-webkit-animation-name: option4kato;
	-moz-animation-name: option4kato;
	-o-animation-name: option4kato;
	animation-name: option4kato;
}
img.m-altana4kato {left:0;top:40%;}
.m-botan4kato{padding-left:7%!important;}
.m-altana4kato{top:40%!important;}
.m-altana4kato{width:20%!important;}
.animate4kato{width:90%;}
.animate4kato,.m-botansub4kato,
.m-altana4kato{
	animation-duration:1s!important;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	-moz-animation-duration:1s!important;
}
/*/movingbtn*/
.santi{
margin:1em 0;
background:url("../images/santi_bg_sp.jpg");
padding:0 0 1em 0;
	background-size:contain;
}
.santi h3{
color:#00A99D;	
	font-size:6vw;
	line-height:normal;
	padding:1.5em 1em 1em 1em;
}
.santi_note{font-size:2.8vw;margin:.5em 0 1em;}

.youtube_santi-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 2em ;
  height: 0;
  overflow: hidden;
}
.youtube_santi-container iframe {
  position: absolute;
  top: 0;
  left:2.5%;
	right:2.5%;
  width: 95%;
  height: 95%;
}

.order_set3_box{
	position:relative;
	width:100%;
	height:76vw;
	margin:0 auto;
}
.order_set3_03{
	position:absolute;
	top:0;
	left:0;

}
.order_set3_btn{
	position:absolute;
	bottom:1em;
	left:0;
}

.csr{
background:#F3F1F1;
font-size:75%;
}

.dud{
background:#F3F1F1;
font-size:75%;

}
@media screen and (min-width: 640px) {
.dud{font-size:14px;}
}
.dud_inner{
padding:1em;
}
.dud h2{
background:#0299C1;
text-align:center;
color:#fff;
padding:.5em;
}
.dud h3{
background:#999999;
text-align:center;
color:#fff;
padding:.5em;

}
.yoho_txt{
margin:1em 0;
}
table.yoho_table{
   border:1px solid #2F2F2F;
   border-collapse:collapse;
   margin:1em 0;
}
table.yoho_table th{
   border:1px solid #2F2F2F;
padding:.5em;
background:#E4E9F0;
text-align:center;
}
table.yoho_table td{
   border:1px solid #2F2F2F;
background:#fff;
text-align:center;
padding:.5em;
}
.kouka_box{
background:#fff;
padding:.5em;
margin-bottom:1em;
}
.yoho_tyui{
margin:.5em 0 1em;
background:#fff;
padding:.5em;

}
.yoho_tyui h4{
font-size:1em;

}
.siyou_tyui{
background:#fff;
margin:0 0 1em;
padding:.5em;
}
.seibun{font-size:75%;
}
@media screen and (min-width: 640px) {
.seibun{font-size:14px;
}
}
table.seibun_table{
   width:100%;
   border:1px solid #2F2F2F;
   border-collapse:collapse;
   background:#fff;
   margin:1em 0;
}

table.seibun_table td{
   border:1px solid #2F2F2F;
background:#fff;
padding:.5em;
}

.kaihatu{
	margin:1em 0;
}
.kaihatu:after{
 content: "";
  display: block;
  overflow: hidden;
  clear: both;
}
.kaihatu_inner{

	padding:1em;
	
}
.kaihatusya img{
	width:45%;
	float:left;
	padding:0 .5em .5em 0;
}
.kaihatu_txt{
}
#actress{
	background-image: url("../images/actress_bg_sp.jpg");
	background-size:100%;
	padding:1em 0;
	margin:1em 0;
}
.actress_img01{
}
.actress_img02{
float: right;
clear: both;
width:40%;
margin: 0 .5em 0 0;
}
.actress_txt{
margin-top:1em;
 text-align:left;
}
.rightbottom_box{
  width:100%;
  overflow: hidden;/*float解除*/

}
.rightbottom_box .rightbottom_space{
float: right;
height:6em;
}
@media screen and (min-width: 640px) {
.rightbottom_box .rightbottom_space{
height:1em;
}
}
#suryo{
}
#suryo p{margin:0 0 2em 0;}
#suryo span{
text-decoration:underline;
background:#FFF27C;
color:#FF0004;
}
.konyu{margin:0 0 3em 0;}
@media screen and (min-width: 640px) {
#suryo{
font-size:24px;
}
#suryo p{margin:0 0 40px 0;}

}

.kotei{
background:#1A1E65;
position:fixed;
top:0;
z-index:100;
height:17.7vw;
width:100%;
}
.kotei ul{margin:0;padding:0;list-style:none;}
.kotei ul:after{
  content: "";
  display: block;
  overflow: hidden;
  clear: both;

}
.kotei ul li{
display:block;
float:left;
margin:0;
padding:0;
list-style:none;
}
.kotei ul li img{
height:17.7vw;
display:block;
width:auto;
}
@media screen and (min-width: 640px) {
.kotei{
display:none;
}
}
/*-------------------yuso----------------------*/
.yuso{margin:1em;}
.yuso h2{
position: relative;
 	margin: 1.5em 0 .5em;
	padding: .5em;
 	color:#fff;
	font-size: 6vw;
	background:#29A9E0;
text-align:center;
}
.yuso h2:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 45%;
	border: .5em solid transparent;
	border-top: .5em solid #29A9E0;
}
.yuso .section_inner{
	border-bottom:0.2em dotted #29A9E0;
	padding:.5em 0 1.5em;
	
}
.yuso .section_inner:last-child{
	border-bottom:none;
	padding:.5em 0 1.5em;
}



.yuso h3{
	line-height: 1.5;
	margin:.5em;
	padding-left:2em;
	position:relative;
	font-weight:bold;
}
.yuso h3:before{
display:inline-block;
	counter-increment: nummber;
	content: counter(nummber)"";
	background: #29A9E0;
            width:1.5em;
            height:1.5em;
            text-align: center;
            border-radius: 50%;
            color: #fff;
            margin-right: .3em;
position:absolute;
	top:0;
	left:0;

}

.yuso span{font-weight:normal;font-size:3.5vw;}
.yuso img,
.tojitu img{max-width:100%;}
@media screen and (min-width: 640px) {
.yuso{font-size:20px!important;}
.yuso h2{
	font-size: 32px!important;
}
.yuso span{font-size:20px!important;}

}
.tojitu{margin:1em;}
.tojitu h2{
position: relative;
 	margin: 1.5em 0 .5em;
	padding: .5em;
 	color:#fff;
	font-size: 6vw;
	background:#29A9E0;
text-align:center;
}
.tojitu h2:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 45%;
	border: .5em solid transparent;
	border-top: .5em solid #29A9E0;
}
@media screen and (min-width: 640px) {
.tojitu{font-size:20px!important;}
.tojitu h2{
	font-size: 32px!important;
}
.tojitu span{font-size:20px!important;}

}
.ins{margin:15px 0;}
@media screen and (min-width: 640px) {
.ins{margin:1em 0;}
}
.jikken_txt1{
text-align:center;
font-weight:bold;
font-size:16px;
}
.jikken_txt2{
text-align:center;
font-weight:bold;
font-size:16px;
}
@media screen and (min-width: 640px) {
.jikken_txt1{
font-size:24px!important;
}
.jikken_txt2{
font-size:24px!important;

}
}
.gozonji p{padding:15px;}
@media screen and (min-width: 640px) {
.gozonji p{
font-size:24px;
}
}
.point3_box{padding:15px 0;}
.point3_box img{
float:right;
padding:0 0 1em 1em;
width:40%;
}
@media screen and (min-width: 640px) {
.point3_box img{
width:auto!important;
}
}
.clinic{}
.clinic_box img{
float:left;
padding:0 0 1em 0;
width:30%;
}
@media screen and (min-width: 640px) {
.clinic{font-size:18px;}
.clinic_box img{
width:auto!important;
}
}
/*youtube---------------------------*/
.yt { /* 動画をレスポンシブ表示、無駄な余白出さないようにパディング設定 */
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.yt iframe { /* 親要素内100%で動画を表示する */
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.yt_video { /* 親要素内100%でサムネイル画像を表示する */
	position: absolute;
	width:100%;
	height:auto;
	top:0;
}
.yt_video img { /* 親要素内100%でサムネイル画像を表示する */
	width:100%!important;
	height:auto;
}

.yt_video::before { /* FontAwesomeで再生ボタンを画像上に。あっても無くても可 */
	position: absolute;
content: url(../img/yt_icon_mono_light.png);
	top: 50%;
	left: 50%;
	transform : translate(-50%,-50%);
	opacity: .90;
	transition:.5s;
	width:70px;
	height:49px;
}

.yt_video img:hover{ /* ホバー時にカーソル変える */
cursor: pointer;
	width:100%;
	height:auto;
	box-sizing: border-box;
}

.yt_video:hover::before { /* ホバー時アイコンの色変える */
content: url(../img/yt_icon_rgb.png);
	opacity: 1;
}
.line_friend{
margin:0;
padding:0 15px 15px;
background:url(https://iino.life/images/bg_line_friend.jpg);
font-size:3.6vw;
}
.line_friend_ttl{
font-weight:bold;

}
.line_friend ul{
display:table;
text-align:center;
margin:0 auto;
padding:0;
border-collapse: separate;
border-spacing:20px;
}
.line_friend li{
display:table-cell;
vertical-align:middle;
text-align:center;
padding:0;
}
@media screen and (min-width: 640px) {
.line_friend{font-size:14px!important;}
}