voicevoice@charset "UTF-8";


/* common
--------------------------------------------------------------------------------------*/

#common{
	width:100%;
	background-color:#fff;
	padding: 0;
	font-size:1.25em;
	line-height:1.75;
}

#common #main{
	width:100%;
	height:500px;
	background:url(./img/sheets/main.jpg) no-repeat center 0;
	background-size: cover;
	margin: 0 0 120px 0;
}
#common #main .sheetsMain{
	width: 1240px;
	margin: 210px auto 0 auto;
	text-align: center;
	font-family:"DINPro Regular" , Verdana , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	letter-spacing:0.2em;
	color:#003f76;
}
#common #main .sheetsMain h2{
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	font-size:75px;
	text-transform: uppercase;
	line-height:1;
}
#common #main .sheetsMain .cap{
	font-size:25px;
	font-weight:700;
}


/* calendar
--------------------------------------------------------------------------------------*/
#common #calendar{
	width: 1250px;
	margin: 0 auto 100px auto;
	text-align: left;
	clear:both;
	font-size:16px;
}
#common #calendar h3{
	margin: 0 0 60px 0;
	padding:4px 15px 2px 15px;
	text-align: left;
	background-color:#003f76;
	color:#fff;
	font-size:36px;
	font-weight:700;
}

#common #calendar h4{
	color:#003f76;
	font-size:36px;
	padding: 0;
	font-weight:700;
	margin-bottom:20px;
	border-bottom:2px solid #003f76;
}
#common #calendar h4 span{
	font-size:24px;
	color:#000;
	padding-right:24px;
}

#common #calendar h5{
	float:left;
	border-left:10px solid #003f76;
	color:#003f76;
	font-size:27px;
	font-weight:700;
	padding:5px 0.75em 0 0.75em;
	background-color:#d1e2ec;
	margin-bottom:20px;
}

#common #calendar .slipL{
	width:600px;
}
#common #calendar .slipR{
	width:600px;
}
#common #calendar .lists{
	margin-left:30px !important;
}


/* ここからタブ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 1260px) {
#common{
	width:100%;
}
img {
	vertical-align: top;
	max-width: 100% !important;
	height: auto;
	-ms-interpolation-mode: bicubic; 
}

#common #main{
	width:100%;
	height: auto;
	background:url(./img/sheets/main.jpg) no-repeat center 0;
	margin: 0 0 120px 0;
	background-size:cover;
}

#common #main .sheetsMain{
	width: 76.2%;
	margin: 10% auto;
}

#common #main .sheetsMain h2{
	margin: 0;
	font-size:45px;
}

#common #main .sheetsMain .cap{
	font-size:20px;
}


/* company
--------------------------------------------------------------------------------------*/
#common #calendar{
	width: 90%;
	margin: 0 5%;
	text-align: left;
	clear:both;
}
#common #calendar .slipL{
	width:67%;
}
#common #calendar .slipR{
	width:30%;
}

}


/* ここからスマホ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/
@media screen and (max-width: 481px) {

/* common
--------------------------------------------------------------------------------------*/
#common {
	margin:0;
	padding:0;
	width:100%;
	clear:both;
}
#common #main{
	height:100%;
	margin:0 0 5% 0;
	padding:5% 0;
	background:url(./img/sheets/mainS.jpg) no-repeat center 0;
	background-size:cover;
}
#common #main .sheetsMain{
	width:90%;
	margin:10% 0 10% 0;
	padding: 0 5% 0 5%;
	letter-spacing:normal;
}

#common #main .sheetsMain h2{
	margin:0;
	font-size:2.25rem;
}
#common #main .sheetsMain .cap{
	font-size:20px;
	font-weight:700;
}




/* calendar
--------------------------------------------------------------------------------------*/
#common #calendar{
	width: 90%;
	margin: 15% 5% 5% 5% !important;
	position:relative;
	font-size:1rem;
}
#common #calendar h3{
	margin: 0 0 10% 0;
	padding:2px 10px 2px 10px;
	text-align: left;
	background-color:#003f76;
	color:#fff;
	font-size:1.5rem;
	font-weight:700;
	letter-spacing:0.1em;
}

/* history */
#common #calendar h4{
	font-size:1.25rem;
}
#common #calendar h4 span{
	font-size:0.85rem;
	padding-right:5px;
}

#common #calendar h5{
	float:left;
	border-left:10px solid #003f76;
	color:#003f76;
	font-size:1rem;
	font-weight:700;
	padding:2px 0.5em 0 0.5em;
	background-color:#d1e2ec;
	margin-bottom:20px;
}
#common #calendar .slipL,
#common #calendar .slipR{
	width:100%;
}
#common #calendar .ml20{
	margin-left:0 !important;
}
#common #calendar .btnPdf img{ width:60%; margin:5% 20%;}

}