@charset "UTF-8";
@media screen and (max-width:640px){


#wrapper {
    background: #FFFFFF;
	margin: 0;
	padding: 0;
}

header {
	/*background:url(../img/mainimg2_sp.jpg) center top no-repeat;*/
    background-size: cover;
	/*padding: 70% 0 0 0;*/
}

header .inner  {
	background:#0088e1;
	padding: 0 0 0 0;
	margin: 0;
}

header .campaign  {
	width: 100%;
	padding: 0;
	margin: 0 auto;
    position: relative;
}

header .campaign a  {
    position: absolute;
    right: 10px;
    bottom: 12px;
	width: 48%;
	padding: 0;
	margin: 0;
}

header dl {
	width: 98%;
	padding: 1.5% 1%;
	margin: 0 auto;
}

header dl dt {
	width: 48%;
	padding: 1% 0 0 0;
	margin: 0;
	float: left;
}

header dl dd {
	width: 48%;
	padding: 0;
	margin: 0;
	float: right;
}

main {
	font-size: 1.4rem;
    line-height: 1.6;
	padding: 0;
	margin: 0;
}

#main a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=70);
}

footer {
	background: #0088e1;
	padding: 0;
	margin: 0;
}

footer .inner {
	width: 100%;
	padding: 12px 0;
	margin: 0 auto;
    text-align: right;
}

small {
    color: #FFFFFF;
    font-size: 1.1rem;
	padding: 0;
	margin: 0;
    text-align: center;
    display: block;
}

#page-top {
    display: none;
}

#page-top a {
    display: none;
}

#page-top a:hover {
    text-decoration: none;
}

/* main */

.title {
    background: url(../img/title_bg.jpg) left center repeat-x;
    color: #FFFFFF;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
	padding: 4% 0;
	margin: 0 0 3% 0;
}

.copy {
    line-height: 2;
    text-align: center;
	padding: 4% 1% 5% 1%;
	margin: 0;
}

/* main */

.inner1 {
    background:#5d5c5d url(../img/trouble_bg.jpg) center top no-repeat;
    background-size: cover;
	padding: 0 0 5% 0;
	margin: 0;
}

.symptoms h1 {
    color: #FFFFFF;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
	padding: 0;
	margin: 0 0 5% 0;
}

.symptoms h1 span {
    font-weight: 700;
	padding: 0 10%;
	margin: 0;
    display: block;
}

.symptoms  {
    width: 100%;
	padding: 3% 1%;
	margin: 0;
}

.symptoms dl {
    background: #FFFFFF;
    width: 100%;
	padding: 3%;
	margin: 0 0 5% 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    float: left;
}

.symptoms dl:last-child {
	margin: 0;
}

.symptoms dl dt {
    width: 100%;
    color: #3773a5;
    font-size: 2.2rem;
    font-weight: 700;
    text-align: center;
	padding: 0;
	margin: 0 0 3% 0;
}

.symptoms dl dt span {
    color: #333333;
    font-size: 1.4rem;
	padding: 0;
	margin: 0;
    display: block;
}

.symptoms dl dd {
	padding: 0;
	margin: 0;
}

.symptoms dl dd img {
    width: 28%;
	padding: 0;
	margin: 0 0 1% 2%;
    float: right;
}

.inner1 p.copy1 {
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
	padding: 4% 1% 2% 1%;
	margin: 0;
    text-align: center;
}

.inner1 p.copy1 span {
    color: #fdff5b;
}

.inner2 {
    width: 100%;
	padding: 5% 1.5%;
	margin: 0;
}

.inner2 h2 {
    background: url(../img/support_bg.png) center center no-repeat;
    color: #326d9e;
    font-size: 3rem;
    text-align: center;
	padding: 0;
	margin: 0 0 5% 0;
    clear: both;
}

.inner2 dl {
    width: 100%;
	padding: 0;
	margin: 0 0 5% 0;
}

.inner2 dl dt {
    font-size: 1.8rem;
	padding: 0;
	margin: 0;
}

.inner2 dl dt span {
    color: #cf2121;
    font-size: 2.4rem;
    font-weight: 700;
	padding: 0;
	margin: 0;
    display: block;
}

.inner2 dl dd {
	padding: 0;
	margin: 0;
}

.inner2 p.texture {
    width: 60%;
	padding: 0;
	margin: 0 20% 2% 20%;
}

.inner2 div.support {
    width: 100%;
	padding: 0;
	margin: 0;
}

.inner2 div.support p img {
    width: 80%;
	padding: 0;
	margin: 0 10% 4% 10%;
}

.inner2 ol {
	width: 100%;
	padding: 0;
	margin: 0;
}

.inner2 ol li {
    color: #FFFFFF;
    font-size: 1.4rem;
    font-weight: 700;
	padding: 3% 5% 3% 13%;
	margin: 0;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	list-style: none;
}

.inner2 ol li:nth-child(odd) {background: #326d9e url(../img/check2.png) 12px center no-repeat}
.inner2 ol li:nth-child(even) {background: #3b7baf url(../img/check2.png) 12px center no-repeat}

.inner3 {
    background: #4381b5 url(../img/arrow2.jpg) top center no-repeat;
	padding: 30px 0 0 0;
	margin: 0 0 5% 0;
}

.inner3 h2 {
	width: 80%;
	padding: 0;
	margin: 0 15% 2% 5%;
}

.inner3 div.reason {
	width: 100%;
	padding: 0 7% 5% 2%;
	margin: 0 auto;
    position: relative;
}

.inner3 div.reason p img {
    position: absolute;
    bottom: 0;
    right: 0;
	width: 25%;
}

.inner4 {
	padding: 0 1% 5% 1%;
	margin: 0;
}
    
.inner4 table {
	width: 100%;
	border-collapse:collapse;
	margin: 0;
}

.inner4 table th {
	width: 7%;
	background: #f8f8f8;
    color: #666666;
    font-size: 1.2rem;
    line-height: 1;
    vertical-align: middle;
	padding: 2% 0;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

.inner4 table td {
	width: 31%;
	background: #FFFFFF;
	padding: 2% 0;
	border:1px solid #cccccc;
	box-sizing: border-box;
}

.inner4 table td span {
    display: block;
}

.inner4 table td p {
	padding: 3%;
}

.inner4 table td .sub1 { background: #dd5252; color: #FFFFFF; font-size:1.6rem; font-weight: 700; text-align: center; padding: 6% 1%; line-height: 1.4;}
.inner4 table td .sub2 { background: #58a848; color: #FFFFFF; font-size:1.6rem; font-weight: 700; text-align: center; padding: 6% 1%; line-height: 1.4;}
.inner4 table td .sub3 { background: #31a2b6; color: #FFFFFF; font-size:1.6rem; font-weight: 700; text-align: center; padding: 6% 1%; line-height: 1.4;}
.inner4 table td .price1 {color: #dd5252; font-size:2rem; font-weight: 700; text-align: center;}
.inner4 table td .price2 {color: #58a848; font-size:2rem; font-weight: 700; text-align: center;}
.inner4 table td .price3 {color: #31a2b6; font-size:2rem; font-weight: 700; text-align: center;}


.inner4 table td img {
	width: 100%;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
}

.inner5 {
    width: 100%;
	padding: 0 1%;
	margin: 0;
}

.inner5 p.copy {
    line-height: 2;
    text-align: center;
	padding: 4% 1% 5% 1%;
	margin: 0;
}

.inner5 p.copy2 {
	padding: 0;
	margin: 0 1.5% 3% 1.5%;
}

.inner5 p.kaiin {
    color: #e61e2c;
    font-size: 3rem;
    font-weight: 900;
    line-height: 2;
    text-align: center;
	padding: 0;
	margin: 0 0 50px 0;
}

.inner5 p.kaiin strong {
    background: linear-gradient(#fc3947, #ca121f);
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    vertical-align: 5px;
	padding: 2% 4%;
	margin: 0 1% 0 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.inner5 div.info {
    width: 100%;
	padding: 0;
	margin: 0;
}

.inner5 div.info:nth-child(odd){
	padding: 0;
	margin: 0;
}

.inner5 div h3 {
    background: #3a76a7;
    width: 70%;
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
	padding: 3% 0;
	margin: 0 15% 4% 15%;
}

.inner5 p.map {
    width: 100%;
    height: 220px;
	padding: 0;
	margin: 0 0 3% 0;
	border:1px solid #dddddd;
	box-sizing: border-box;
}
    
.inner5 table {
    width: 100%;
	border-collapse:collapse;
	margin: 0 0 5% 0;
}

.inner5 table th {
	width: 30%;
	background: #f8f8f8;
    color: #666666;
    line-height: 1.2;
    vertical-align: middle;
	padding: 3% 2%;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

.inner5 table td {
	width: 70%;
	background: #FFFFFF;
	padding: 3% 2%;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

.inner6 {
    width: 100%;
	padding: 0 0 5% 0;
	margin: 0;
}

.inner6 ul {
    width: 98%;
	padding: 0;
	margin: 0 1% 4% 1%;
}

.inner6 ul li {
    width: 30%;
	padding: 0;
	margin: 0 1.6% 3.3% 1.6%;
	list-style: none;
    float: left;
}

.inner6 h3 {
    background: url(../img/qa_bg.jpg) left top repeat-x;
    color: #FFFFFF;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
	padding: 3% 0;
	margin: 0 0 5% 0;
}

.inner6 div.qa {
	padding: 0;
	margin: 0 0 5% 0;
}

.inner6 div.qa dl {
    width: 100%;
	padding: 0;
	margin: 0 0 3% 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.inner6 div.qa dl dt {
    background: url(../img/qa_bg1.jpg) 10px 10px no-repeat;
    font-weight: 700;
	padding: 4% 3% 4% 50px;
	margin: 0;
}

.inner6 div.qa dl dd {
    background: #f8f8f8 url(../img/qa_bg2.jpg) 10px 10px no-repeat;
	padding: 4% 3% 4% 50px;
	margin: 0;
}

.inner7 {
    width: 100%;
	padding: 5% 1% 5% 1%;
	margin: 0;
}

.inner7 p.copy3 {
	padding: 0;
	margin: 2% 1.5% 5% 1.5%;
}

.inner7 ol {
	padding: 0;
	margin: 0 0 3% 0;
}

.inner7 ol li {
	padding: 0;
	margin: 0 0 4% 27px;
    list-style: decimal;
    list-style-position: outside;
}

.inner7 table {
    width: 100%;
	border-collapse:collapse;
	margin: 0 0 5% 0;
}

.inner7 table th {
	width: 35%;
	background: #f8f8f8;
    color: #666666;
    line-height: 1.2;
    vertical-align: middle;
	padding: 3% 2%;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

.inner7 table td {
	width: 65%;
	background: #FFFFFF;
	padding: 3% 2%;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

/* reservation */

.inner8 {
    background: #eeeeee;
    padding: 0;
    margin: 0;
}

.inner8 div.reservation {
    width: 100%;
    padding: 5% 1%;
    margin: 0;
}

.inner8 h2 {
	font-size: 1.4rem;
    font-weight: normal;
	line-height: 1.4;
    text-align: center;
	padding: 0 3% 3% 3%;
	margin: 0 0 3% 0;
}

.inner8 h2 strong {
	color: #3a76a7;
	font-size: 2rem;
    font-weight: 700;
	padding: 0;
	margin: 0 3% 3% 3%;
    display: block;
}

.inner8 h2 span {
    display: block;
}

.inner8  dl {
	padding: 0;
	margin: 0;
}

.inner8 dl dt {
	color: #444444;
	font-size: 1.6rem;
	font-weight: 600;
	padding: 0;
	margin: 0;
}

.inner8 dl dt span {
	color: #444444;
	font-size: 1.8rem;
	font-weight: 600;
	padding: 0;
	margin: 0 0 5px 0;
	display: block;
}

.inner8 dl dt strong {
	color: #499839;
}

.inner8 .lbox {
	background: #FFF;
	width: 100%;
	padding: 5% 0;
	margin: 0 0 3% 0;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #999;
	-moz-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
}

.inner8 .lbox dl dd {
	color: #222222;
	font-size: 3.6rem;
	font-weight: 600;
	padding: 0;
	margin: 0;
}

.inner8 .lbox dl dd img {
    width: 40px;
	margin: 0 15px 0 0;
    vertical-align: 0;
}

.inner8 .lbox dl dd span {
	font-size: 3.2rem;
	font-weight: 600;
	padding: 0;
	margin: 0;
}

.inner8 .rbox {
	background: #FFF;
	width: 100%;
	padding: 5% 0;
	margin: 0;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #999;
	-moz-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
}

.inner8 .rbox dl dd {
	width: 100%;
	padding: 0;
	margin: 0;
}

.inner8 .rbox dl dd span a {
	color: #FFF;
	font-size: 1.4rem;
    font-weight: 700;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	padding: 4% 0;
	margin: 0 2% 3% 2%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
    float: left;
}

.inner8 .rbox dl dd span a.btn1 {
	background: #dd5252;
	width: 38%;
    float: left;
    display: block;
}

.inner8 .rbox dl dd span a.btn2 {
	background: #58a848;
	width: 50%;
    float: left;
    display: block;
}

.inner8 .rbox dl dd span a:hover {
	opacity: 0.8;
	filter: alpha(opacity=70);
}

.inner9 {
    padding: 0;
    margin: 0;
}

.inner9 h2 {
    background: url(../img/support_bg.png) center center no-repeat;
    color: #326d9e;
    font-size: 3rem;
    text-align: center;
	padding: 0;
	margin: 0 0 3% 0;
    clear: both;
}

.inner9 ol {
	padding: 5% 0 0 0;
	margin: 0 0 5% 0;
}

.inner9 ol li {
    width: 48%;
	padding: 0;
	margin: 0 1% 2% 1%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    border: 2px solid #3b7baf; 
    list-style: none;
    float: left;
}

.inner9 ol li span {
    background: linear-gradient(#3b7baf, #326d9e);
    width: 100%;
    height: auto;
    color: #FFFFFF;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
	padding: 5% 0;
	margin: 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    border: 1px solid #FFF; 
    display: block;
}

/* fixed_bg */

.fixed_bg {
    background-size: cover;
	text-align: center;
	padding: 8% 0 7.5% 0;
	margin: 0;
}

.fixed_bg h2, .fixed_bg h3 {
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 600;
	line-height: 1;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.bg1 {background: url("../img/bg1.jpg") center center no-repeat;}
.bg2 {background: url("../img/bg2.jpg") center center no-repeat;}
.bg3 {background: url("../img/bg3.jpg") center center no-repeat;}
.mfp .textarea {
	width: 80%;
}
}