@charset "Shift_JIS";

/*====================================================

FileName:contents.css

====================================================== */

@import "base.css";

/* ------------------------------
　BASE
------------------------------ */

body{
	margin:0;
	padding:0;
	text-align:center;
	background:#fff;
}

/* ------------------------------
　HEADER
------------------------------ */


#header{
	margin:0 auto;
	width:960px;
	height:80px;
	position:relative;
}

#header ul{
	position:absolute;
	top:41px;
	right:0;
	height:18px;
}
#header ul li{
	margin-left:14px;
	float:left;
}

#header p{
	position:absolute;
	top:20px;
	left:0;
}


/* ------------------------------
　FOOTER
------------------------------ */

#footer{
	margin:0 auto 40px;
	padding-top:15px;
	width:960px;
	text-align:right;
}


/* ------------------------------
　CONTENTS
------------------------------ */

#contents{
	margin:0 auto;
	padding:20px 74px 30px 84px;
	width:802px;
	border-top:solid 34px #f8f2df;
	border-bottom:solid 34px #f8f2df;
	background:url(../image/simulation/bg_contents.gif) 0 0 repeat-y;
	text-align:left;
}
#contents p.close{
	margin-right:10px;
	text-align:right;
}

#contents p.pagetop{
	margin-right:10px;
	text-align:right;
}
#contents p.btn{
	margin:10px 10px 0 0;
	text-align:center;
}

/*common*/
.ttlBox{
	height:110px;
	position:relative;
}
.ttlBox h2{
	position:absolute;
	top:12px;
	left:15px;
}
.ttlBox h3{
	position:absolute;
	top:13px;
	left:119px;
}
.ttlBox h3 img{
	margin:6px 0;
}
.simulation01{
	position:absolute;
	top:47px;
	left:35px;
	line-height:1;
}
.simulation01 dt{
	margin-bottom:11px;
}
.simulation01 dd{
	margin-bottom:14px;
}
.simulation02{
	position:absolute;
	top:47px;
	left:533px;
}
.simulation02 dt{
	margin-bottom:11px;
}
.simulation02 dd{
	margin-bottom:15px;
}
.simulation03{
	margin:15px 55px 0;
}
.simulation03 dt{
	margin-left:-5px;
}
.simulation03 dd{
	margin:1px 0 0 1em;
	text-indent:-1em;
}
#contents h4{
	margin-bottom:19px;
}
#contents h5{
	margin:44px 0 29px;
}
.simulation04{
	margin-top:20px;
}
.simulation04 li{
	margin-left:1em;
	text-indent:-1em;
}

/*toshinBlock*/
#toshinBlock{
	margin-top:30px;
	margin-right:10px;
}
#toshinBlock .ttlBox{
	background:url(../image/simulation/bg_ttl_001.gif) 0 0 no-repeat;
}
.toshinBox01{
	background:url(../image/simulation/bg_simulation_001a.gif) 0 0 no-repeat;
	height:173px;
	position:relative;
}
.toshinBox02{
	margin:30px 0 0 34px;
	padding-top:33px;
	background:url(../image/simulation/bg_simulation_002a.gif) 0 0 no-repeat;
	height:444px;
	width:712px;
	text-align:center;
}

/*chihouBlock*/
#chihouBlock{
	margin-top:55px;
	margin-right:10px;
}
#chihouBlock .ttlBox{
	background:url(../image/simulation/bg_ttl_002.gif) 0 0 no-repeat;
}
.chihouBox01{
	background:url(../image/simulation/bg_simulation_001b.gif) 0 0 no-repeat;
	height:173px;
	position:relative;
}
.chihouBox02{
	margin:30px 0 0 34px;
	padding-top:32px;
	background:url(../image/simulation/bg_simulation_002b.gif) 0 0 no-repeat;
	height:470px;
	width:712px;
	text-align:center;
}
.chihouBox02 dl{
	margin:0 0 0 40px;
	height:84px;
	float:left;
	display:inline;
	line-height:1;
}
.chihouBox02 dl dt{
	text-align:left;
	margin:0 0 10px 3px;
}
.bnrs{margin:40px 0;}
.bnrs a{display: block;}
.bnrs img{max-width: 100%;height: auto;}
@media screen and (min-width:481px){
 .bnrs,.bnrs.hl .pc-flex{
  display: flex;gap:30px;flex-wrap: wrap;justify-content: center;
 }
 .bnrs a{max-width: min(600px,calc(50% - 15px));}
 .bnrs.hl .pc-flex a{max-width: min(750px,calc(100% - 30px));}
}
@media screen and (max-width:480px){
 .bnrs a:not(:first-child){margin-top: 6vw;}
}