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

★ベリートップ専用CSS

-------------------------------------------------------

build:2014-11
lastupdate:2015-12
version:1.1
author:hk

-------------------------------------------------------



/* ■01.共通動作
--------------------------------------------------- */
@media print, screen and (min-width:1px) {

/* key
--------------------------------*/

#key{
	background: url(/common/img/pat_cube.gif) repeat left top;
	background-size: 38px 33px;
	width: 100%;
}

#key .k_wrap h1{
	background: rgba(255,255,255,0.8);
}

#key .k_wrap h1 span{
	color: #003893;
	font-weight: 600;
	letter-spacing: 0.5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



.pdflist p.pdfbtn a{
	text-align: left;
}

.pdfbox li:nth-child(n+3){ margin-top: 20px; }
	
.bold {
	font-weight: bold;
}
	
.big {
	font-size: 16px;
}


}

/* ■02.横幅960px以上（PC用）---------------------------------------------- */
@media print, screen and (min-width:1020px) {
/* ▼PC用================================================================== */


/* key
--------------------------------*/

#key .k_wrap{
	max-width: 1140px;
	height: 260px;
	margin: 0 auto;
	background: url(/overview/img/bg_key.jpg) no-repeat center top;
	position: relative;
}


#key .k_wrap h1{
	width: 442px;
	height: 130px;
	vertical-align: middle;
	display: table;
	position: absolute;
	top: 60px;
}

#key .k_wrap h1 span{
	background: url(/overview/img/icon_overview.png) no-repeat 70px center;
	padding-left: 140px;
	line-height: 120%;
	font-size: 28px;
	display: table-cell;
	vertical-align: middle;
}




ul.clm2box li{
	width: 49%;
	float: left;
}

ul.clm2box li:last-child{
	margin-left: 2%;
}

ul.clm2box .gbox{
	background: #f5f5f5;
	padding: 16px 26px;
	text-align: center;	
	margin-bottom: 15px;
}

ul.clm2box .gbox .numb{
	width: 72%;
	margin: 0 auto;

}
	




/* ▲PC用================================================================== */
}


/* ■03.横幅768px以上、959px以下（Tab用）
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1019px) {
/* ▼Tab用================================================================= */



/* key
--------------------------------*/

#key .k_wrap{
	width: 94%;
	height: 260px;
	margin: 0 auto;
	background: url(/overview/img/bg_key.jpg) no-repeat center top;
	position: relative;
}

#key .k_wrap h1{
	width: 42%;
	height: 130px;
	vertical-align: middle;
	display: table;
	position: absolute;
	top: 60px;
}

#key .k_wrap h1 span{
	background: url(/overview/img/icon_overview.png) no-repeat 5% center;
	padding-left: 22%;
	line-height: 120%;
	font-size: 26px;
	display: table-cell;
	vertical-align: middle;
}




ul.clm2box li{
	width: 49%;
	float: left;
}

ul.clm2box li:last-child{
	margin-left: 2%;
}

ul.clm2box .gbox{
	background: #f5f5f5;
	padding: 16px 26px;
	text-align: center;	
	margin-bottom: 15px;
}

ul.clm2box .gbox .numb{
	width: 72%;
	margin: 0 auto;

}





/* ▲Tab用================================================================= */
}


/* ■04.横幅480px以上、767px以下（SP横用）
--------------------------------------------------- */
@media screen and (min-width:480px) and (max-width:767px) {
/* ▼SP横用================================================================ */


/* key
--------------------------------*/

#key .k_wrap{
	width: 94%;
	height: 180px;
	margin: 0 auto;
	background: url(/overview/img/bg_key.jpg) no-repeat center top;
	position: relative;
}

#key .k_wrap h1{
	width: 56%;
	height: 90px;
	vertical-align: middle;
	display: table;
	position: absolute;
	top: 60px;
}

#key .k_wrap h1 span{
	background: url(/overview/img/icon_overview.png) no-repeat 4% center;
	background-size: 18%;
	padding-left: 24%;
	line-height: 120%;
	font-size: 24px;
	display: table-cell;
	vertical-align: middle;
}




ul.clm2box li{
	width: 100%;
}

ul.clm2box li:last-child{
	margin-top: 50px;
}

ul.clm2box .gbox{
	background: #f5f5f5;
	padding: 16px 26px;
	text-align: center;	
	margin-bottom: 15px;
}

ul.clm2box .gbox .numb{
	width: 72%;
	margin: 0 auto;

}






/* ▲SP横用================================================================ */
}


/* ■05.横幅479px以下（SP縦用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:479px) {
/* ▼SP縦用================================================================ */


/* key
--------------------------------*/

#key .k_wrap{
	width: 94%;
	height: 200px;
	margin: 0 auto;
	background: url(/overview/img/bg_key.jpg) no-repeat left 54% top;
	background-size: 240%;
	position: relative;
}

#key .k_wrap h1{
	width: 100%;
	height: 40px;
	vertical-align: middle;
	display: table;
	position: absolute;
	bottom: 0;
}

#key .k_wrap h1 span{
	background: url(/overview/img/icon_overview.png) no-repeat 4% center;
	background-size: 10%;
	padding-left: ;
	line-height: 120%;
	padding: 4% 0 4% 16%;
	font-size: 22px;
	display: table-cell;
	vertical-align: middle;
}




ul.clm2box li{
	width: 100%;
}

ul.clm2box li:last-child{
	margin-top: 50px;
}

ul.clm2box .gbox{
	background: #f5f5f5;
	padding: 16px 26px;
	text-align: center;	
	margin-bottom: 15px;
}

ul.clm2box .gbox .numb{
	width: 72%;
	margin: 0 auto;

}




	
/* ▲SP縦用================================================================ */
}