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

/*共有*/
img{width:100%;}
.pc{display:block;}
.sp{display:none;}
.page_wrap{overflow: hidden;}

/*マージン*/
.mt10{margin-top:10%;}
.mt15{margin-top:15%;}
.mt20{margin-top:20%;}

/*ベース*/

/*ヘッダー*/
header{padding-bottom:1%;}
header h1{float:left;max-width:280px;width:28%;padding-top:0.5%;}
header a{
	float:right;
	max-width:300px;
	width:30%;
	display:block;
	background:#d61819;
	padding:1%;
	text-align:center;
	color:#FFF;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight:bold;
	margin:1.5% 1% 0 0;
	}

header a:hover{background:#900;color:#FFF;}

/*メイン*/
.main_wrap{background:url(../img/main_bg.jpg) center top no-repeat;background-size:cover;}
.main_copy{margin:5% 0 4%;}


/*タイトル*/
.title{}
.title div.copy_bg{background:#734c23;text-align:center;color:#FFF;font-weight:bold;padding-top:5%;font-size:48px;line-height:1.1em;}
.title span{font-size:30px;display:block;line-height:1.4em;}
.title .title_btm{background:url(../img/head_btm_loop.png) top repeat-x;min-height:94px;text-align:center;line-height:0em;}
.title .list_bg{background:#ffe9a9 url(../img/head_btm_loop.png) top repeat-x;}

.title .title_btm img{max-width:94px;}
.point div.copy_bg{padding-top:1%;}

.title div.copy_bg_r{background:#a2282f;text-align:center;color:#FFF;font-weight:normal;padding-top:5%;font-size:48px;line-height:1.1em;}

.title div.copy_bg_r span{font-size:0.6em;display:inline;line-height:1.4em;}

.title .title_btm_r{background:url(../img/head_btm_loop_r.png) top repeat-x;min-height:94px;text-align:center;line-height:0em;}
.title .title_btm_r img{max-width:94px;}

.title div.copy_bg_b{background:#116cad;text-align:center;color:#FFF;font-weight:normal;padding-top:5%;font-size:48px;line-height:1.1em;}

.title div.copy_bg_b span{font-size:0.6em;display:inline;line-height:1.4em;}

.title .title_btm_b{background:url(../img/head_btm_loop_b.png) top repeat-x;min-height:94px;text-align:center;line-height:0em;}
.title .title_btm_b img{max-width:94px;}



/*リスト*/
.list_wrap{background:url(../img/list_bg.jpg) top repeat-x;}

.list_img{margin:5% 0;}
.nayami{margin:5% 0;}
.arrow{margin:0 auto;width:30%;max-width:374px;display:block;}
.copy_osusume{margin:5% 0 0;}

.bnr_wrap{padding:10% 0;}

/*ポイント*/
.hikari_wrap{
	margin-top:10%;
	background:url(../img/hikari_bg.jpg) center no-repeat;
	background-size:cover;
	padding:8% 0;
	}
.hikari_wrap img{max-width:1000px;width:96%;margin:0 auto;display:block;}


.point_wrap{padding:5% 0 10%;}
.point_wrap p{font-size:1.2em;line-height:2em;}
.red{color:#F00;}


h3.line_title{
	padding:2%;
	border-top:3px #046535 solid;
	border-bottom:3px #046535 solid;
	font-size:36px;
	text-align:center;
	margin-bottom:5%;
	}

.zu_img{margin:5% 0;}
.zu_img2{margin:5% auto;max-width:800px;display:block;}
.zu_img6{margin:5% auto;max-width:720px;display:block;}


p.indent{font-size:0.9em;line-height:1.2em;padding-left:3em;text-indent:-3em;}
p.indent2{font-size:0.9em;line-height:1.2em;padding-left:1.5em;text-indent:-1.5em;}

.lr_wrap{width:80%;margin:0 auto;}
.lr_wrap .left{float:left;width:49%;}
.lr_wrap .right{float:right;width:49%;}
.lr_wrap h4{text-align:center;}
.lr_wrap .list_wrap2{padding:2%;border:1px #888 solid;font-size:0.8em;line-height:1.6em;}



/*QA*/
.faq_wrap .inner{paddong-bottom:10%;}
.qa_top_text{display:block;text-align:center;padding:5% 0;font-size:1.4em;line-height:1.2em;}
.qa_wrap{
	padding:4%;
	border:3px #888 solid;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	margin-bottom:4%;
}

.qa_wrap .icon_q{
	padding-left:60px;
	background:url(../img/icon_q.gif) no-repeat;
	font-size:32px;
	color:#03b8df;
	padding-top:0.3em;
	padding-bottom:0.6em;
	border-bottom:1px #888 dashed;
	line-height:1.2em;
	}
.qa_wrap .icon_a{
	padding-left:60px;
	background:url(../img/icon_a.gif) 0 10px no-repeat;
	min-height:60px;
	padding-top:0.3em;
	margin-top:10px;
	line-height:1.4em;
	}



@media screen and (max-width:760px) {
/*共通*/
.pc{display:none;}
.sp{display:block;}

/*ヘッダー*/
header{padding-bottom:0%;}
header .inner{width:100%;}
header h1{float:none;max-width:280px;width:50%;margin:0 auto;}
header a{
	float:none;
	max-width:1000px;
	width:100%;
	margin:1% 0 0 0;
	}

/*タイトル*/
.title{}
.title div.copy_bg{font-size:6vw;line-height:1.1em;}
.title span{font-size:4vw;line-height:1.4em;}

.title .title_btm{background:url(../img/head_btm_loop_sp.png) top repeat-x;min-height:50px;text-align:center;}
.title .list_bg{background:#ffe9a9 url(../img/head_btm_loop_sp.png) top repeat-x;}

.title .title_btm img{max-width:49.9px;}


.title div.copy_bg_r{font-size:6vw;line-height:1.1em;}
.title div.copy_bg_r span{font-size:0.6em;display:inline;line-height:1.4em;}

.title .title_btm_r{background:url(../img/head_btm_loop_r_sp.png) top repeat-x;min-height:50px;text-align:center;}
.title .title_btm_r img{max-width:49.9px;}

.title div.copy_bg_b{font-size:6vw;line-height:1.1em;}

.title .title_btm_b{background:url(../img/head_btm_loop_b_sp.png) top repeat-x;min-height:50px;text-align:center;}
.title .title_btm_b img{max-width:49.9px;}



/*ポイント*/
.point_wrap p{font-size:1em;line-height:1.6em;}
h3.line_title{font-size:24px;}


.lr_wrap{width:100%;}
.lr_wrap .left{float:none;width:100%;}
.lr_wrap .right{float:none;width:100%;margin-top:3%;}



/*QA*/
.qa_wrap .icon_q{
	padding-left:40px;
	background:url(../img/icon_q.gif) no-repeat;
	background-size:30px;
	font-size:26px;
	padding-top:0.2em;
	}
.qa_wrap .icon_a{
	padding-left:40px;
	background:url(../img/icon_a.gif) 0 10px no-repeat;
	background-size:30px;
	}


}