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

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%; /* 1rem = 10px */
}
body {
	position: relative;
	background-color: #ffffff;
	word-wrap: break-word;
}
body > * {
	font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}
/*main{overflow:hidden;}*/

header{
	width:100%;
	max-width:900px;
	margin:0 auto;
}
h2{
	background:#00bb28;
}
.img_header{
	display:block;
	margin:15px auto;
	margin-left:0;
	width:100%;
	max-width:900px;
	}
.bg-lg {
	padding:20px 0 10px;
    background-color: #efefef;
}
.img0{
	display:block;
	margin:10px auto;
	width:100%;
	max-width:940px;
	}
.step{
	margin:0 auto;
	padding:0;
	background:#ecffe6;
}
.step1{
	width:900px;
	margin:0 auto;
}
.step1_in{
	width:880px;
	margin-left:10px;
	padding:30px 0;
	background:#fff;
	}
header p.txt{
	margin:0 auto;
	max-width:1060px;
	padding:0 20px 20px;
	font-size:21px;
}
.step1_in p{
	padding-left:40px;
	font-size:24px;
	color:#5c5b5b
}
.fL{width:50%;}
.img_s1{
		display:block;
		margin:0 auto;
		width:900px;
}
a img:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    }
.imgL{
		margin-top:-10px;
		width:300px;
		z-index:9;
		}
.step1_in p.txt{
	margin:0;
	padding:20px 40px;
	text-align:left;
}
/**/
.mt20{margin-top:20px;}

/* float
================================ */
.fR {float:right !important;}
.fL {float:left !important;}
.fN {float:none !important;}

/* clear
================================ */
.clearB {clear:both !important;}
.clearR {clear:right !important;}
.clearL {clear:left !important;}
.clearN {clear:none !important;}

footer{
	background-color: #110c09;
}
.step1_in:after{
	content: "";
	clear: both;
	display: block;	
}
@media only screen and (min-width: 768px) {
.spOnly,.spOnly_in {display: none !important;}
}
@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 940px) {
.img0{width:100%; max-width:100%;}
}
@media only screen and (max-width: 900px) {
.img_s1{width:100%; max-width:100%;}
}
@media only screen and (max-width: 900px) {
.step1{width:100%;}
}
@media only screen and (max-width: 880px) {
.step1_in{width:98%; margin:0 auto;}
}
@media only screen and (max-width: 767px) {
.pcOnly {display: none !important;}
.spOnly {display: block !important;}
.spOnly_in {display:inline-block !important;}

body > * {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.3;
}
.fR {float:none !important;}
.fL {float:none !important; width:100%;}
.step1{text-align:center;}
.step1_in{
	padding:10px 0 20px;
}
.step1_in p{
	margin:20px 0 0;
	padding:0;
	text-align:center;
	font-size:18px;
}
header p.txt{
	font-size:18px;
}
.step1_in p.txt{
	text-align:left;
	padding:0 10px;
}
.imgL{
		display:inline-block;
		margin:20px auto;
		width:90%;
		max-width:400px;
		}
}