@charset "UTF-8";
@import url("/common/css/reset.css");
@import url("/common/css/fonts.css");
@import url("/common/css/base.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
}
body {
    color: #333333;
    font-family: "KozGoStd-Regular","ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","メイリオ","KozGoStd-Light";
    font-size: 12px;
    line-height: 160%;
}
table, th, td {
    border-collapse: collapse;
}
img, dd, area {
    border: 0 none;
    vertical-align: top;
}
p {
    margin: 0;
    padding: 0;
}
dd, p {
    line-height: 160%;
    text-indent: 0;
}

body{
	text-align:center;
	margin:0 auto;
	width:940px;
	font-size:12px;
	line-height: 160%;
}

.secondContents{
	text-align:left;
	font-size:1.4rem;
}

.secondContents .mb20{
	margin-bottom:20px;
}

.secondContents .mb10{
	margin-bottom:10px;
}


.secondContents ol{
	margin:0 20px 150px;
}

.secondContents ol li{
	padding-left:1em;
	text-indent:-1em;
	list-style-type: decimal;
	list-style-position:inside;
	margin-bottom:30px;
	font-weight:bold;
	font-size:1.6rem;
}

.secondContents ol li ul{
	margin-top:15px;
}

.secondContents ol li ul ul{
	margin-top:0;
}

.secondContents ol li ul li{
	padding-left:1em;
	text-indent:-1em;
	list-style-type:none;
	margin-left:1em;
	margin-bottom:0;
	font-weight:normal;
	font-size:1.4rem;
}

.secondContents ol li ul li.indent{
	padding-left:2.5em;
	text-indent:-2.5em;	
}

.secondContents ol li ul li.no_indent{	
	padding-left:0;
	text-indent:0;
}

.secondContents ol li ul li.attention,
.secondContents ol li ul li .attention{
	font-size:1.2rem;
}

.secondContents .image {
	display: inline-block;
	width: 80%;
	max-width: 800px;
}

.linkBlank {
    background:url("/common/images/ico_blank_01.png") no-repeat left 50%;
    padding-left: 20px;
}

.linkArw {
	background:url("/common/images/ico_arw_04.png") no-repeat left 50%;
    padding-left: 20px;
}

#footer{
	border-top:2px solid #400A0C;
	position:relative;
}

#footer .footerListArea2 > div{
	width:100%;
}

#footer .footerListArea2 .close a:link{
	background:#400a0c;
	padding:10px;
	color:#FFF;
	width:67px;
	position:absolute;
	right:0;
	top:-50px;
	text-align:center;
}
#footer .footerListArea2 .close a:hover{
	text-decoration:none;
	background:#D22B34;
}

#footer .footerListArea2 .close span{float:left;}

@media screen and (max-width: 768px) {
	#win{padding:50px 0 0 0;}
	#win header{
		background: white none repeat 0 0;
		height: 50px;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
		}
	#win header h1 {
		display: block;
		float: left;
		height: 40px;
		margin: 5px;
		width: 145px;
	}
	#win header h1 a {
		background:url(/sp/media/images/common/img_logo.png) no-repeat left top / 145px 40px;
		display: block;
		height: 40px;
		text-indent: -9999px;
		width: 145px;
	}
	#win .secondContents{margin-top:0;}
	#win .secondContents h2{font-size: 2rem;padding:20px 10px;margin-bottom:0;width:auto;border-top:5px solid #400a0c;}
	#win .secondContents h2::after{border-top:5px solid #d22b34;width:50%;top: -5px;}
	.top_txt{margin:0 10px 20px;}
	.guide{position:relative;}
	.logo img,
	.link img{width:280px;}
	.link,
	.logo{text-align:center;}
	.lead{
		position:absolute;
		top:170px;
		margin:0 auto;
		padding-right:30px;
	}
	.link{margin-top:5em;}
	.logo,
	.link,
	.link .adr,
	.link .ios{
		float:none;
	}
	.link .adr{
		margin-bottom:10px;
	}
	.link,
	.link dl{width:auto;}
	#footer .footerListArea2{padding:25px 0;}
	#footer .footerListArea2 .close a:link{
		width:280px;
		margin-left:-140px;
		position:absolute;
		right:50%;
		left:50%;
		top:-100px;
		box-sizing:border-box;
		font-size:2.4rem;
		line-height:40px;
	}
	#footer .footerListArea2 p.jt{float:none;margin-bottom:20px;text-align:center;}
	#footer .footerListArea2 div > p {
		clear: left;
		float: none;
		text-align:center;
	}
	
	
	.wrap-sp {
		padding: 10px 10px 60px
	}
}