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



/* ==============================================
pc
============================================== */

#tmpl_main{
width:100%!important;
}



* {
margin:0; 
padding:0;
}
body{
}
.common h1,.common h2,.common h3,.common h4,.common h5,.common h6,.common p,.common th,.common td,.common dt,.common dd,.common li {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-size:15px;
line-height:28px;
color:#000;
}
.common img {
border:none;
vertical-align:middle;
}
.common table {
border-collapse:collapse;
border-spacing:0;
}
.common ul {
list-style:none;
}
.common a {
color:#5865f5;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
.common .sp{
display:none!important;
}



.common{
padding: 0 0 100px 0;
}
.common .inner{
max-width: 1200px;
margin: auto;
padding: 0 50px;
position: relative;
}



.common #introduction{
background: #0085ba;
padding: 0 50px 60px 50px;
}
.common #introduction h1{
font-size: 40px;
line-height: 40px;
font-weight: bold;
color: #FFF;
padding: 55px 0 0 0;
}



.common #menu nav ul{
border-bottom: 1px solid #c4c5d5;
}
.common #menu nav ul li{
float: left;
width: 33.33333%;
text-align: center;
}
.common #menu nav ul li a{
display: block;
border-right: 1px solid #c4c5d5;
padding: 20px 0 22px 0;
color: #000000;
text-decoration: none;
}
.common #menu nav ul li a:hover{
background: #f1f5f9;
}
.common #menu nav ul li.here a{
background: #f1f5f9;
}
.common #menu nav ul li:last-child a{
border-right: none;
}
.common #menu nav ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html .common #menu nav ul { display:inline-block; }
*:first-child+html .common #menu nav ul { display:inline-block; }



.common #contents h2{
font-size: 30px;
line-height: 40px;
font-weight: bold;
position: relative;
padding: 60px 0 0 0;
}
.common #contents p{
padding: 40px 0 0 0;
}
.common #contents table{
margin: 40px 0 0 0;
border-top: 1px solid #c4c5d5;
border-left: 1px solid #c4c5d5;
width: 100%;
}
.common #contents table th{
border-right: 1px solid #c4c5d5;
border-bottom: 1px solid #c4c5d5;
padding: 11px 20px 13px 20px;
background: #f1f5f9;
}
.common #contents table td{
border-right: 1px solid #c4c5d5;
border-bottom: 1px solid #c4c5d5;
padding: 11px 20px 13px 20px;
}



#top.common{
background: url(../images/pic_bg.jpg) bottom right no-repeat;
padding: 0 0 224px 0;
}



/* ==============================================
sp
============================================== */
@media screen and (max-width:750px) {


.common img {
width: 100%;
height: auto;
}
.common .sp{
display:inherit!important;
}
.common .pc{
display:none!important;
}



.common .inner{
padding: 0 20px;
}



.common #introduction h1{
font-size: 30px;
line-height: 40px;
}



.common #menu nav ul{
border-bottom: none;
}
.common #menu nav ul li{
float: inherit;
width: 100%;
text-align: left;
}
.common #menu nav ul li a{
border-right: none;
border-bottom: 1px solid #c4c5d5;
padding: 10px 0 12px 20px;
}



.common #contents table th{
font-size:13px;
line-height:20px;
padding: 11px 10px 13px 10px;
}
.common #contents table td{
font-size:13px;
line-height:24px;
padding: 11px 10px 13px 10px;
}




}