@charset "utf-8";
html{
color: #333;
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",Verdana,Arial,sans-serif;
line-height: 1.4;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}

html {
  scroll-padding-top: 70px;
}

body{font-size: 1.0rem;}
input, textarea,select {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Osaka",Verdana,Arial,sans-serif;
}

body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;

}

/*--------------------------------
Simple Header
---------------------------------*/
header.simpleH{border-bottom: 1px solid #c0c0c0;width: 100%; min-width: 1260px; text-align: center;padding:5px 0; background: #ffffff;}
header.simpleH p.logo img{width: 244px; height: auto;}
header.simpleH p.logo a:hover{opacity: 0.6; transition: 0.6s;}

@media screen and (max-width: 768px){
header.simpleH{width: 100%; min-width: 100%; padding: 15px 0;}
header.simpleH p.logo img{width: 180px; height: auto;}
}

footer .copySec{background: #003c04; width: 100%; /*min-width: 1260px;*/font-size: 1.4rem;padding: 30px 0;}
footer .copySec .inner{margin: 0 auto; color: #fff; text-align: center;}
footer .copySec .inner .logo{width: 226px; margin: 0  auto 20px auto;}
footer .copySec .inner .logo img{width: 100%; height: auto;}
footer .copySec .inner p{font-size: 0.9rem; margin-top: 10px;}
footer .copySec .inner p small{line-height: 1;}
footer .copySec .inner .logo a:hover{opacity: 0.6; transition: 0.6s;}
footer .pcSpace{ width: 45px; display: inline-block;}

.contents{width: 90%; margin: 0 auto;overflow: hidden;}


h1{font-size: 144%; line-height: 1.8; padding:2.4rem 0; margin: 0; text-align: center; background: #ECECEC;}
h2{font-size: 180%; line-height: 1; padding:1rem 0.8rem 0.8rem 1rem; margin: 0;}
/*h2色違い各サイト*/
.h2net{ background: #D5E0FD;}
.h2plu{ background: #D4E7DD;}
.h2365{ background: #FDEFD5;}
.h2kab{ background: #FBD9EB;}


/*カラム幅均一*/
.colWrap{width: 100%; overflow: hidden; margin:0;}
.colWrap.col2 {padding-right: 0px;}
.colWrap.col2 .cell{width: 45%; height:auto; float: left; margin-right: 20px;}
.colWrap.col2 .cell:last-child{margin-right: -20px;}

.bdBox04{ border: 1px solid #d9d9d9; border-top: 3px solid #007f08; border-bottom: 5px solid #d9d9d9; padding:14px 20px 16px 20px; background: #fff; margin:0;}


.colWrap a{ text-decoration:underline;}
.colWrap a:hover{ color:#002CFF; font-weight: bold; text-decoration:underline !important;}
.colWrap a:focus {outline: none;}


dl{font-size: 105%;}
dt{ margin:0; float: left; clear: both;}
dd{ margin:1rem; float: left;}

.txt01{font-size: 122%; font-weight: bold; color: #007f08;}
.txt02{font-size: 80% !important;}
.txt03{font-size: 69% !important;}
.txt04{font-size: 62% !important;}

.mt30 { margin-top: 30px !important;}
.pb130 { padding-bottom: 6.8rem !important;}

/*HDとネットへのリンク*/
.lik{ line-height: 2; margin-bottom: 40px !important;}
.lik a:hover{ color:#002CFF; font-weight: bold; text-decoration:underline !important;}



@media screen and (max-width: 768px){
body{width: 100% !important;}
h1{font-size: 110% !important; padding: 1.3rem !important;}
h2{font-size: 140%;}

dl{ min-height: 10rem;}
dt{}
dd{}
.colWrap.col2{ width: auto;}
.colWrap.col2 .cell{float: none !important;width: 92% !important; margin-top:15px ;margin-right: 0 !important; clear: both !important;}
.colWrap .cell:first-child{margin-top: 0!important;}
.colWrap {padding-right: 0 !important;}

.bdBox04{}
.pb130 { padding-bottom: 0 !important;}

footer .copySec{width: 100% !important;font-size: 1.2rem;padding: 20px 0;}
/*footer .copySec .inner{width: 100%; }
footer .copySec .inner .logo{width: 210px; margin: 0  auto 15px auto;}
footer .copySec .inner .logo img{width: 100%; height: auto;}
footer .copySec .inner p{margin-top: 10px;}
footer .copySec .inner p small{font-size: 1rem;}
footer .pcSpace{ display: none;}
*/
}