@charset "utf-8";

/* TOP用CSS
========================================*/

/* SPonly */
@media screen and (max-width:767px){
	#mainArea {
		background:url(../img/bg_dotline.png) no-repeat center top;
		background-size:45px 5px;
		margin:25px 0 0;
		padding:30px 0 50px;
	}
	#mainArea .explanList {
		background:url(../img/bg_dotline.png) no-repeat center bottom;
		background-size:45px 5px;
		margin-bottom:50px;
		padding-bottom:50px;
	}
	#mainArea .explanList a {
		color:#333;
		display:block;
	}
	#mainArea .explanList li {
		margin-bottom:60px;
	}
	#mainArea .explanList li:last-of-type {
		margin-bottom:0;
	}
	#mainArea .explanList li figure img {
		width:100%;
	}
	#mainArea .explanList li dl {
		padding:0 8%;
	}
	#mainArea .explanList li dt {
		border-bottom:3px solid #8d0404;
		color:#8d0404;
		font-size:145%;
		line-height:150%;
		padding:20px 0 17px;
	}
	#mainArea .explanList li dd {
		line-height:150%;
		margin-top:15px;
	}
	#mainArea .infoSec {
		background:url(../img/bg_dotline.png) no-repeat center bottom;
		background-size:45px 5px;
		margin:0 auto 50px;
		padding-bottom:50px;
		width:100%;
		max-width:325px;
	}
	#mainArea .infoSec h2 {
		margin-bottom:18px;
	}
	#mainArea .infoSec h2 img {
		width:129px;
	}
	#mainArea .infoSec ul li {
		background:url(../img/bg_infobox_top_sp.png) no-repeat left -1px, url(../img/bg_infobox_btm_sp.png) no-repeat left bottom;
		background-size:100% auto, 100% auto;
		padding:3px 0 4px;
	}
	#mainArea .infoSec ul li:first-of-type {
		background:url(../img/bg_infobox_top_sp.png) no-repeat left top, url(../img/bg_infobox_btm_sp.png) no-repeat left bottom;
		background-size:100% auto, 100% auto;
		padding:4px 0;
	}
	#mainArea .infoSec ul li dl {
		border-left:1px solid #f2e7e7;
		border-right:1px solid #f2e7e7;
		font-size:108%;
		padding:15px 17px 17px;
	}
	#mainArea .infoSec ul li dt {
		margin-bottom:5px;
	}
	#mainArea .infoSec ul li dd.icon {
		margin-bottom:10px;
	}
	#mainArea .infoSec ul li dd.icon img {
		width:80px;
	}
	#mainArea .ambaSec {
		background:url(../img/bg_dotline.png) no-repeat center bottom;
		background-size:45px 5px;
		margin:0 auto;
		padding-bottom:50px;
		width:100%;
		max-width:325px;
	}
	#mainArea .ambaSec h2 {
		margin-bottom:18px;
	}
	#mainArea .ambaSec h2 img {
		width:129px;
	}
	#mainArea .ambaSec .ambaBox {
		background:url(../img/bg_infobox_top_sp.png) no-repeat left top, url(../img/bg_infobox_btm_sp.png) no-repeat left bottom;
		background-size:100% auto, 100% auto;
		padding:4px 0;
	}
	#mainArea .ambaSec .ambaBoxInr {
		border-left:1px solid #f2e7e7;
		border-right:1px solid #f2e7e7;
	}
	#mainArea .ambaSec .ambaBox figure {
		padding-top:20px;
		text-align:center;
	}
	#mainArea .ambaSec .ambaBox figure img {
		width:120px;
	}
	#mainArea .ambaSec .ambaBox dl {
		font-size:108%;
		padding:20px 6%;
	}
	#mainArea .ambaSec .ambaBox dt {
		margin-bottom:10px;
	}
	#mainArea .ambaSec .ambaBox dd {
		line-height:165%;
	}
	#mainArea .ambaSec .ambaBox dd.taR {
		text-align:right;
	}
}

/* PConly */
@media screen and (min-width:768px){
	/* header */
	header .headerInr {
		padding:60px 0 48px 35px;
	}
	header .headerInr .logo img {
		height:92px;
		width:317px;
	}
	header nav .searchArea {
		top:80px;
	}
	
	/* mainArea */
	#mainArea {
		margin:0 auto;
		padding:35px 0 50px;
		width:960px;
	}
	#mainArea .explanList {
		margin-bottom:60px;
	}
	#mainArea .explanList a {
		color:#333;
		display:block;
	}
	#mainArea .explanList a:hover {
		opacity:0.8;
	}
	#mainArea .explanList li {
		float:left;
		margin-right:20px;
		width:225px;
	}
	#mainArea .explanList li:last-of-type {
		margin-right:0;
	}
	#mainArea .explanList li figure img {
		width:100%;
	}
	#mainArea .explanList li dt {
		border-bottom:2px solid #8d0404;
		color:#8d0404;
		font-size:114%;
		padding:20px 0 17px;
		text-align:center;
	}
	#mainArea .explanList li dd {
		font-size:93%;
		line-height:150%;
		margin-top:12px;
	}
	#mainArea .block {
		padding-bottom:4px;
	}
	#mainArea .infoSec {
		float:left;
		width:600px;
	}
	#mainArea .infoSec h2 img {
		width:97px;
	}
	#mainArea .infoSec ul li {
		background:url(../img/bg_infobox_top_pc.png) no-repeat left -1px, url(../img/bg_infobox_btm_pc.png) no-repeat left bottom;
		padding:3px 0 4px;
	}
	#mainArea .infoSec ul li:first-of-type {
		background:url(../img/bg_infobox_top_pc.png) no-repeat left top, url(../img/bg_infobox_btm_pc.png) no-repeat left bottom;
		padding:4px 0;
	}
	#mainArea .infoSec ul li dl {
		border-left:1px solid #f2e7e7;
		border-right:1px solid #f2e7e7;
		padding:17px 20px 20px;
	}
	#mainArea .infoSec ul li dt {
		margin-bottom:3px;
	}
	#mainArea .infoSec ul li dd.icon {
		display:table-cell;
		padding-right:12px;
	}
	#mainArea .infoSec ul li dd.text {
		display:table-cell;
		width:445px;
	}
	#mainArea .infoSec ul li dd.text a:hover {
		opacity:0.8;
	}
	#mainArea .ambaSec {
		float:right;
		width:360px;
	}
	#mainArea .ambaSec h2 img {
		width:97px;
	}
	#mainArea .ambaSec .ambaBox {
		background:url(../img/bg_ambabox_top_pc.png) no-repeat left top, url(../img/bg_ambabox_btm_pc.png) no-repeat left bottom;
		padding:4px 0;
	}
	#mainArea .ambaSec .ambaBoxInr {
		border-left:1px solid #f2e7e7;
	}
	#mainArea .ambaSec .ambaBox figure {
		float:left;
		padding:20px;
	}
	#mainArea .ambaSec .ambaBox dl {
		border-right:1px solid #f2e7e7;
		float:right;
		font-size:93%;
		padding:20px 30px 15px 0;
		width:205px;
	}
	#mainArea .ambaSec .ambaBox dt {
		margin-bottom:10px;
	}
	#mainArea .ambaSec .ambaBox a:hover {
		opacity:0.8;
	}	
}