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


#intro{
	width:980px;
	margin:0 auto 80px;
	padding:0;
	color:#222;
	font-size:15px;
	line-height:1.6em;
	letter-spacing:0.06em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#intro .main_wrap{
	position:relative;
	width:100%;
	height:auto;
}

#intro .main_wrap img{
	width:100%;
}

#intro h2{
	position:absolute;
	width:100%;
	color:#fff;
	text-shadow:0 0 20px rgba(90,70,60,0.7);
	-webkit-text-shadow:0 0 20px rgba(90,70,60,0.7);
	font-size:40px;
	font-weight:normal;
	line-height:1.3em;
	letter-spacing:0.1em;
	text-align:center;
	top:50%;
	left:50%;
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	margin:0;
	padding:0;
}

#intro h2 span{
	display:block;
}

#intro .cnt_wrap{
	width:100%;
	text-align:center;
	padding:0 0 60px;
	border-bottom:1px solid #ccc;
	counter-reset:num;
}

#intro h3{
	display:inline-block;
	font-size:30px;
	font-weight:normal;
	margin:0;
	padding:0 1em 0.7em;
	border-bottom:1px solid #222;
}

#intro .mds1{
	font-size:20px;
	line-height:1.5em;
	margin:30px auto;
}

#intro .txt_main{
	width:680px;
	margin:40px auto 0;
	text-align:left;
	font-size:17px;
}

#intro h4{
	display:inline-block;
	font-size:25px;
	font-weight:normal;
	text-align:center;
	margin:0 auto;
	padding:0 1em 0.7em;
	border-bottom:1px dashed #222;
}

#intro .txt_sub1{
	width:680px;
	margin:40px auto 0;
	text-align:center;
	font-size:16px;
	line-height:1.6em;
}

#intro .txt_sub2{
	width:680px;
	margin:30px auto 0;
	text-align:left;
	font-size:15px;
}

#intro .cntsub_wrap1{
	width:680px;
	margin:0 auto; 
	background:#f6f6f6;
}

#intro .cntsub_outer1{
	width:340px;
	height:300px;
	display:table;
}

#intro .cntsub_innner1{
	display:table-cell;
	vertical-align:middle;
}

#intro img.imgL{
	float:left;
}

#intro h5{
	margin:0 auto 30px;
	font-size:18px;
	font-weight:normal;
}

#intro h5:before{
	counter-increment:num;
	content:counter(num, decimal-leading-zero);
	display:block;
	font-family:'Alegreya', serif;
	font-weight:bold;
	font-size:30px;
	margin-bottom:15px;
}

#intro .txt_sub3{
	margin:0 30px;
	font-size:14px;
	text-align:left;
}

#intro .cnt_wrap2{
	width:680px;
	margin:0 auto;
	text-align:center;
}

#intro .txt_sub4{
	font-size:25px;
	text-align:center;
	margin:30px auto;
}


/* ----------smartphone */
@media screen and (max-width:768px) {

#intro{
	width:100%;
	margin:10px 0;
}

#intro h2{
	font-size:25px;
}

#intro h3{
	font-size:20px;
}

#intro .mds1{
	font-size:17px;
}

#intro .txt_main{
	width:90%;
	margin:20px auto;
	font-size:16px;
}

#intro h4{
	font-size:19px;
	line-height:1.7em;
}

#intro h4 span{
	display:block;
}

#intro .txt_sub1{
	width:90%;
	margin:20px auto;
	text-align:left;
	font-size:15px;
}

#intro img{
	width:100%;
	float:none;
	margin:0;
	padding:0;
}

#intro .txt_sub2{
	width:90%;
	margin:20px auto;
}

#intro .cntsub_wrap1{
	width:100%;
	max-width:340px;
	text-align:center;
}

#intro .cntsub_wrap1 img{
	max-width:340px;
	float:none;
}

#intro .cntsub_outer1{
	width:100%;
	height:auto;
}

#intro .cntsub_innner1{
	padding:30px 0;
}

#intro .cnt_wrap2{
	width:100%;
}

#intro .cnt_wrap2 img{
	max-width:340px;
	margin:0 auto;
}

#intro .txt_sub4{
	width:100%;
	font-size:19px;
}

#intro .txt_sub4 span{
	display:block;
}

}


/* PC・SPの表示・非表示 */
#intro .sp{/*PCで非表示・SPで表示*/
	display:none;
}
@media screen and (max-width:768px) {
#intro .pc{/*PCで表示・SPで非表示*/
	display:none;
}
#intro .sp{
	display:block;
}
}


/* フォント */
#intro .Mincho{
	font-family:YuMincho, "Hiragino Mincho ProN", "MS PMincho", serif;
}


/* 改行 */
#intro span.br:after{
	content:"\A";
	white-space:pre;
}


/* margin・padding */
#intro .mrT5{margin-top:5px !important;}
#intro .mrT10{margin-top:10px !important;}
#intro .mrT15{margin-top:15px !important;}
#intro .mrT20{margin-top:20px !important;}
#intro .mrT30{margin-top:30px !important;}
#intro .mrT40{margin-top:40px !important;}
#intro .mrT50{margin-top:50px !important;}
#intro .mrT60{margin-top:60px !important;}
#intro .mrT70{margin-top:70px !important;}
#intro .mrT80{margin-top:80px !important;}
#intro .mrT90{margin-top:90px !important;}
#intro .mrT100{margin-top:100px !important;}
#intro .mrT110{margin-top:110px !important;}
#intro .mrT120{margin-top:120px !important;}

#intro .mrR5{margin-right:5px !important;}
#intro .mrR10{margin-right:10px !important;}
#intro .mrR15{margin-right:15px !important;}
#intro .mrR20{margin-right:20px !important;}
#intro .mrr30{margin-right:30px !important;}
#intro .mrR40{margin-right:40px !important;}
#intro .mrR50{margin-right:50px !important;}
#intro .mrR60{margin-right:60px !important;}
#intro .mrR70{margin-right:70px !important;}
#intro .mrR80{margin-right:80px !important;}
#intro .mrR90{margin-right:90px !important;}
#intro .mrR100{margin-right:100px !important;}
#intro .mrR110{margin-right:110px !important;}
#intro .mrR120{margin-right:120px !important;}

#intro .mrB5{margin-bottom:5px !important;}
#intro .mrB10{margin-bottom:10px !important;}
#intro .mrB15{margin-bottom:15px !important;}
#intro .mrB20{margin-bottom:20px !important;}
#intro .mrB30{margin-bottom:30px !important;}
#intro .mrB40{margin-bottom:40px !important;}
#intro .mrB50{margin-bottom:50px !important;}
#intro .mrB60{margin-bottom:60px !important;}
#intro .mrB70{margin-bottom:70px !important;}
#intro .mrB80{margin-bottom:80px !important;}
#intro .mrB90{margin-bottom:90px !important;}
#intro .mrB100{margin-bottom:100px !important;}
#intro .mrB110{margin-bottom:110px !important;}
#intro .mrB120{margin-bottom:120px !important;}

#intro .mrL5{margin-left:5px !important;}
#intro .mrL10{margin-left:10px !important;}
#intro .mrL15{margin-left:15px !important;}
#intro .mrL20{margin-left:20px !important;}
#intro .mrL30{margin-left:30px !important;}
#intro .mrL40{margin-left:40px !important;}
#intro .mrL50{margin-left:50px !important;}
#intro .mrL60{margin-left:60px !important;}
#intro .mrL70{margin-left:70px !important;}
#intro .mrL80{margin-left:80px !important;}
#intro .mrL90{margin-left:90px !important;}
#intro .mrL100{margin-left:100px !important;}
#intro .mrL110{margin-left:110px !important;}
#intro .mrL120{margin-left:120px !important;}


/* float */
#intro .fltL{
	float:left;
}
#intro .fltR{
	float:right;
}
#intro .fltClr{
	clear:both;
}