@charset "UTF-8";

/* ▼ スマホ(767px以下)の場合 */ 
@media screen and (max-width: 767px) {

/* リセット
================================================== */

.pc_no{display:block !important;}
.sp_no{display:none !important;}
img{height:auto;}

/* メイン
================================================== */
body{
	line-height: 1.7em;
	font-size: 15px;
}

.header{
	padding:25px 0 10px;
}
.header img{
	width:85%;
	height:auto;
}
.main_wp{
	width:90%;
	margin:10px auto;
}
.top_wp{
	background : none;
}
.top_wp img.mainimg{
	width:100%;
	max-width:600px;
	position: absolute;
	top:-20px;
  	left: 50%;
  	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
img.co_free{
	width:25%;
	top:-4%;
	left:15%;
	z-index:99;
}

p.top_txt{
	padding-top:65%;
	font-size:18px;
	font-weight: bold;
	line-height: 1.7em;
}
p.top_txt span{
	background: linear-gradient(transparent 60%, #fff100 60% );
	font-weight: bold;
	color:#55c0de;
}
@media screen and (max-width: 498px) {
	p.top_txt{font-size:16px;}
	.pcm_no{display:block !important;}
}
img.minasama{
	width:85%;
	max-width:400px;
	margin-top:15px;
}

.check_box{
	border: solid 2px #55c0de;
	width: 100%;
	padding:20px;
	margin: 20px auto 30px;
}
.check_box:before {
    height: 0;
    display: block;
    position: absolute;
    right: -3px;
    content: "";
    border-bottom: solid 30px #fff;
    border-left: solid 30px transparent;
    bottom: -3px;
    z-index: 2;
}
.check_box:after {
    height: 0;
    display: block;
    position: absolute;
    right: -2px;
    content: "";
    border-bottom: solid 30px #55c0de;
    border-left: solid 30px transparent;
    bottom: -2px;
}
.check_box h2 img{
	width:85%;
	max-width:350px;
	position: absolute;
	top:-20px;
  	left: 50%;
  	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.check_box ul{
	margin:10px auto 0;
}
.check_box ul li{
	background: url("../images/check.png") no-repeat left top 0.4em;
	background-size:16px;
	padding:0 0 0 20px;
	font-size:15px;
	margin-bottom:0.3em;
	line-height: 1.6em;
}
.blue_box{
	width:100%;
	margin:20px auto;
	padding:20px;
}
.yellow_box{
	width:100%;
	margin:20px auto;
	padding:20px;
}
.blue_box h2,
.yellow_box h2{
	background:#fff;
	display: block;
	padding:0.5em 0.7em;
	font-size:18px;
}
.blue_box p,
.yellow_box p{margin-top:20px}

.merit_box{
	width:100%;
	margin:50px auto 30px;
	background:#fff;
	border: solid 2px #55c0de;
	position: relative;
    	border-radius: 15px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
	padding-bottom:25px;
	box-shadow: 3px 3px 7px #ccc;
}
.merit_box img.illust_1{
	width:60px;
	position: absolute;
	top:-80px;
  	right: 3%;
}
.merit_box h1{
	background:#55c0de;
	font-size:18px;
	text-align: center;
	color:#fff;
	border-radius: 10px 10px 0 0;
	padding:13px 10px;
	margin-bottom:10px;
}
.merit_box p{margin:10px 0 15px; padding:10px 7%;}
.merit_title{
	position: relative;
	width:90%;
	margin:25px auto 0;
}
.bk_blue{
	background:#55c0de;
    	border-radius: 20px;
    	-webkit-border-radius: 20px;
    	-moz-border-radius: 20px;
	padding:8px 20px;
}
.bk_green{
	background:#62b534;
    	border-radius: 20px;
    	-webkit-border-radius: 20px;
    	-moz-border-radius: 20px;
	padding:8px 20px;
}
.merit_title img{
	width:70px;
	position: absolute;
	top:-25px;
  	left: -10px;
}

.merit_title h2{
	border-left: solid 3px #fff;
	padding-left:10px;
	color:#fff;
	font-size:18px;
}

.jirei_box{
	width:100%;
	margin:40px auto 20px;
}
.jirei_title{position: relative; margin-bottom:15px;}
.jirei_title h1{
	width:100%;
	margin:0 auto;
	border: solid 2px #55c0de;
	background:#fff;
    	border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;
	text-align: center;
	font-size:20px;
	padding:12px;
	color:#55c0de;
}
.jirei_title img.illust_2{
	width:25px;
	position: absolute;
	top:10px;
  	left: 0;
}
.jirei_title img.illust_3{
	width:90px;
	position: absolute;
	top:-63px;
  	right: 0;
}
.jirei_wp{
    display: block;
}
.jirei_in{
	position:relative;
	width: 100%;
	margin: 15px auto;
	padding:15px 20px 15px;
	border: solid 2px #55c0de;
	background:#fff;
    	border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-moz-border-radius: 10px;	
}
.jirei_in img.illust_4{
	width:30px;
	position: absolute;
	top:10px;
  	left: 0;
}
.jirei_in h2{
	font-size:18px;
	text-align: center;
	border-bottom: solid 1px #55c0de;
	padding-bottom:0.5em;
	margin-bottom:1em;
}
.jirei_in ul li{
	background: url("../images/check.png") no-repeat left top 0.4em;
	background-size:15px;
	padding:0 0 0 20px;
	font-size:15px;
	letter-spacing: 0;
	line-height: 1.6em;
	margin-bottom:0.5em;
}
img.svs_img{
	width:100%;
	max-width:450px;
	display: block;
	margin:25px auto 0;
}

ul.price_info{
	margin:10px auto 20px;
	font-size:14px;
}
ul.price_info li{
	margin-bottom:0.5em;
	line-height: 1.5em;
}
footer,
.contact{
	margin:30px auto 0;
}
.footer_wp{
	width:90%;
	margin:10px auto 0;
	padding:30px 0 50px;
}
.ft_left{
	float: none;
	width:100%;
	text-align: center;
}
.ft_left h3{font-size:20px; margin-bottom:5px;}
.ft_left h3 span{font-size:18px;}
.ft_left p.add{font-size:14px;line-height: 1.5em;}
.ft_left p.url{font-size:15px; letter-spacing: 0.05em;}

.ft_right{
	float: none;
	width:100%;
	margin-top:15px
}
.ft_right h3{
	font-size:15px;
	text-align: center;
	letter-spacing: 0.05em;
	padding:7px;
	margin-bottom:10px;
	line-height: 1.5em;
}
.tel_box{
	float: none;
	width:280px;
	margin:0 auto;
	text-align: center;
}
p.tel{
	background: url("../images/ft_tel.png") no-repeat left 30px center;
	background-size:33px;
	padding:5px 0 5px 50px;
	font-size:28px
}
p.time{font-size:14px; letter-spacing: 0.08em; padding-left:10px;}
.mail_box{
	float: none;
	width:280px;
	margin:8px auto;
	text-align: center;
}
.mail_box a{
	display: block;
	background: url("../images/mail_wt.png") #0eb6dd no-repeat left 40px center;
	background-size:33px;
	font-weight: bold;
	padding:15px 10px 15px 50px;
	font-size:23px;
}
.mail_box a:hover{
	background: url("../images/mail_wt.png") #0eb6dd no-repeat left 40px center;
	background-size:33px;
	color:#fff;
}





}