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

#kodawari{
	width:980px;
	margin:0 auto 80px;
	padding:0;
	color:#222;
	font-size:15px;
	line-height:1.6em;
	letter-spacing:0.06em;
	font-family:YuMincho, "Hiragino Mincho ProN", "MS PMincho", serif;
	box-sizing:border-box;
}

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

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

#kodawari h2{
	position:absolute;
	width:100%;
	color:#fff;
	font-size:40px;
	font-weight:normal;
	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;
}

#kodawari .cnt_wrap{
	width:100%;
	text-align:center;
}

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

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

#kodawari .cntsub_wrap1{
	background:#f6f6f6;
}

#kodawari img.imgR{
	float:right;
}

#kodawari img.imgL{
	float:left;
}

#kodawari .cntsub_outer1{
	width:490px;
	height:300px;
	display:table;
}

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

#kodawari h4{
	font-size:24px;
	margin:0 auto;
	font-weight:normal;
	text-align:center;
}

#kodawari  .txt_sub1{
	width:400px;
	margin:0 auto;
	text-align:left;
}

#kodawari .cntsub_wrap2{
	width:680px;
	margin:0 auto;
	padding:60px 0;
	text-align:center;
	border-bottom:1px solid #ccc;
}

#kodawari .cntsub_wrap2 img{
	margin:0 10px 0 30px;
}

#kodawari h5{
	font-size:18px;
	margin:0 auto;
	font-weight:normal;
	text-align:center;
}

#kodawari .cntsub_outer2{
	width:340px;
	height:300px;
	display:table;
}

#kodawari .cntsub_innner2{
	display:table-cell;
	vertical-align:middle;
}

#kodawari .txt_sub2{
	width:290px;
	margin:0 auto;
	text-align:left;
}

#kodawari .attention{
	margin:20px auto 0;
	width:600px;
	font-size:13px;
	line-height:1.5em;
	text-align:left;
}

#kodawari .attention:before{
	content:"※ ";
}

#kodawari .attention span:before{
	content:"　 ";
}

#kodawari .cntsub_wrap3{
	position:relative;
	z-index:1;
	float:left;
	width:460px;
	background:#f6f6f6;
}

#kodawari .cntsub_wrap3 a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-999px;
	z-index:2;
}

#kodawari .cntsub_wrap3:hover{
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	zoom:1;
}

#kodawari .cntsub_wrap4{
	position:relative;
	z-index:1;
	float:right;
	width:460px;
	background:#f6f6f6;
}

#kodawari .cntsub_wrap4 a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-999px;
	z-index:2;
}

#kodawari .cntsub_wrap4:hover{
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	zoom:1;
}

#kodawari h6{
	font-size:21px;
	line-height:30px;
	font-weight:normal;
	margin:30px auto;
}

#kodawari .txt_sub3{
	width:380px;
	margin:0 auto;
	text-align:left;
}

#kodawari .arrow{
	width:20px;
	height:20px;
	border:2px solid;
	border-color:transparent transparent #222 #222;
	transform:rotate(-45deg);
	margin:10px auto 30px;
}


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

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

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

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

#kodawari h3 span{
	display:block;
}

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

#kodawari .cntsub_outer1, #kodawari .cntsub_outer2{
	width:100%;
	height:auto;
}

#kodawari .cntsub_innner1, #kodawari .cntsub_innner2{
	padding:30px 0;
}

#kodawari h4{
	font-size:19px;
}

#kodawari h4:before, #kodawari h4:after{
	content:" － ";
}

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

#kodawari .txt_sub1{
	width:90%;
	margin:0 auto;
}

#kodawari .cntsub_wrap2{
	width:100%;
	padding:40px 0;
	text-align:center;
}

#kodawari .cntsub_wrap2 img{
	max-width:300px;
	float:none;
	margin:0 auto;
}

#kodawari h5{
	font-size:17px;
}

#kodawari .cntsub_innner2{
	padding:20px 0 0;
}

#kodawari txt_sub2{
	width:300px;
	margin:0 auto;
}

#kodawari img.dot{
	width:25px !important;
}

#kodawari .attention{
	width:290px;
	margin:30px auto 0;
	text-align:left;
}

#kodawari .attention:before, #kodawari .attention span:before{
	display:none;
}

#kodawari .cntsub_wrap3, #kodawari .cntsub_wrap4{
	width:100%;
}

#kodawari .txt_sub3{
	width:90%;
	margin:0 auto;
}

}


/* フォント */
#kodawari .Gothic{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


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

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

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

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


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