@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : top.css
 Author     : 
 Style Info : トップページ CSS
=================================================================== */

#top .container{width: 920px; margin: 0 auto; padding: 20px;}
p{font-size: 16px; line-height: 1.6}

.top{width: 100%; background: linear-gradient(#fff, #e8f6ff); padding-bottom: 30px;}
.top h2{padding: 10px 0;}
.top p.txtMin{font-size: 20px; color: #43a8e7; margin-bottom: 5px;}
.top .container{background: url("../img/top/top_img.png") no-repeat bottom right;  }


.cnt01 p{text-align: center; font-size: 22px; font-weight: bold; color: #43a8e7; background: url("../img/top/cnt01_bkimg.png") no-repeat bottom center; padding-bottom: 80px;}
.cnt01 p span{font-size: 30px; font-weight: bold; color: #f97396;}

.cnt02{background: url("../img/top/cnt02_bkimg.png") ,linear-gradient(90deg, #fef1e5, #fff); background-repeat: no-repeat; background-position: right; background-size: contain; margin-bottom: 20px;}
.cnt02 .bltxt{font-size: 18px; padding: 0 2px;}
.cnt02 .pnktxt{font-size: 18px; margin-top: 20px;}

.cnt03{background: #e8f6ff; margin-bottom: 20px;}
.cnt03 h3{height: 105px; background: url("../img/top/rogo_115x115.png") no-repeat left center; padding: 10px 0 0 130px; font-size: 22px; color: #051f7c; font-weight: bold; line-height: 1.6; margin-left: 70px}

/*.cnt04{margin-bottom: 20px;}
.cnt04 h4{background: #7ac5f4; color: #fff; font-weight: bold; font-size: 20px; padding: 3px 20px; margin-bottom: 20px;}
.cnt04 p{margin-left: 20px}
.cnt04 b{font-weight: bold; color:#43a8e7; font-size: 18px}
.cnt04 .sgn{text-align: right; margin-right: 75px;}*/

.trademark{background: #e8f6ff; padding: 5px; margin-bottom: 40px;}
.trademark p{color: #43a8e7; font-weight: bold; text-align: center; }

.cnt05{background: #fef1e5;}
.cnt05 h6{font-weight: bold; font-size: 22px; color: #f97396; background: url("../img/common/ribon.png") no-repeat; padding-left: 20px;}
.cnt05 h6 span{margin-left: 40px; font-size: 18px;}
.cnt05 h6+div{border: solid 1px #f97396; margin-top: 10px; padding: 10px;}
.cnt05 dl{background: #fff; padding: 10px;}
.cnt05 dl dt{width: 90px; float: left; padding: 10px 10px 5px; border-bottom: dashed 1px #aaa;}
.cnt05 dl dd{width: 748px; float: left; padding: 10px 10px 5px; border-bottom: dashed 1px #aaa;}

.bnr_box a{display: inline-block;}
.bnr_box a img{width: 450px;}
.bnr_box a:first-of-type{margin-right: 14px;}



@media screen and (max-width:480px) { 
/*　画面サイズが480pxまではここを読み込む　*/
	
	#top .container{width: 94%; padding: 0 3% 15px;}
	p{font-size: 14px;}
	.top{padding-bottom: 10px;}
	.top .container{background-image: none;}
	.top p.txtMin{font-size: 16px;}
	
	.cnt01 p{text-align: center; font-size: 16px; padding-bottom: 50px; background-size: 500px;}
	.cnt01 p span{font-size: 20px;}
	
	.cnt02{background-position: bottom right -300px; background-size: cover; }
	.cnt02 .container {background-color:rgba(255,255,255,0.3);}
	.cnt02 .bltxt{font-size: 16px;}
	.cnt02 .pnktxt{font-size: 16px;}
	
	.cnt03 h3{height: auto; background-position:  top center; background-size: 80px; padding: 90px 0 0; font-size: 16px; margin-left: 0; text-align: center; }
	
	.cnt05 h6{font-size: 16px; color: #f97396; background-size: contain; padding-left: 15px;}
	.cnt05 h6 span{margin-left: 10px; font-size: 12px;}
	.cnt05 h6+div{border: solid 1px #f97396; margin-top: 10px; padding: 5px;}
	.cnt05 dl{background: #fff; padding: 5px;}
	.cnt05 dl dt{width: 96%; float: none; padding: 5px 2% 0; border-bottom: none;}
	.cnt05 dl dd{width: 96%; float: none; padding: 5px 2% 5px;}
	
	.bnr_box a{display: block;}
	.bnr_box a img{width: 100%; margin-bottom: 10px;}
	.bnr_box a:first-of-type{margin-right: 0;}
}