@charset "utf-8";


@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&display=swap&subset=japanese');

header{background-color:#FFFFFF;}

/*-------------------------------------
normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
-------------------------------------*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;color: #333;}


/* custom
-------------------------------------*/

*,:before,:after{box-sizing:border-box}
h1,h2,h3,h4,h5,h6{position:relative;}
ul,ol,dl,li,dt,dd{margin:0;padding:0}
li,dt,dd{list-style-type:none}
p{margin:0;font-size: 0.9em;}
th,td{font-weight:400}
img,iframe{max-width:100%;vertical-align:top}
a{color:#444;text-decoration:none}
a:hover{color:#4b62a3;}
.bg-orange a{color:#fff}
.bg-orange a:hover{color:#fff;opacity:.7}
a,a:before,a:after{-webkit-transition:background-color .3s, border-color .3s, color .3s, opacity .3s;transition:background-color .3s, border-color .3s, color .3s, opacity .3s;}

/*-------------------------------------
initial
-------------------------------------*/
html{font-size:62.5%;font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}


/* IE表示用のCSS　*/
_:-ms-input-placeholder, :root {
  font-family: Meiryo, sans-serif;
}

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

.w300{font-weight:300;}
.mt6{margin-top: 6px;}
.mb30{margin-bottom: 30px;}
.mb60{margin-bottom: 60px;}
.mr30{margin-right: 30px;}
.ml30{margin-left: 30px;}
.mr50{margin-right: 50px;}
.taL{text-align: left;}

.effibotColor{color:#1d6ced;}


@media print, screen and (min-width: 768px) {
   .pc_none{display: none;}
   .img_sp {display: none;}
   .img_pc{display: block;}
}
@media only screen and (min-device-width:320px) and (max-device-width:812px) {
   .sp_none{display: none;}
   .img_pc {display: none;}
   .img_sp{display: block;}
}

/*************
/* フッター
*************/

.footer {width: 100%;}
.footer a.gototop {cursor: pointer;display: block;height: 40px;text-align: center;padding: 8px;background-color: #666;}
.footer a.gototop img {width: 27px;}
.footer .nav {padding: 25px 0;font-size: 13px;background-color: #e0e0e0;}
.footer .nav ul {text-align: center;}
.footer .nav ul li {display: inline-block;}
.footer .nav ul li a {padding-left: 16px;padding-right: 11px;border-left: 1px solid #000;text-decoration: none;color: #000;}
.footer .nav ul li .first {padding-left: 0;border-left: none;}
.footer .nav ul li .last {padding-right: 0;}
.footer .nav ul li br {display: none;}
.footer .copy {padding: 12px 0;color: #fff;text-align: center;font-size: 10px;background-color: #424242;}

@media (max-width : 480px ){
.footer .nav {padding: 0;}
.footer .nav ul:after {content: '';display: block;clear: both;}
.footer .nav ul li {float: left;width: 50%;font-size: 12px;border-top: 2px solid #ccc;}
.footer .nav ul li a {height: 5em;display: block;padding: 1.5em 1em;border: none;line-height: 2em;text-align: center;position: relative;background-image: url("../img/sp/footer_allow.png");background-repeat: no-repeat;background-position: 90% center;}
.footer .nav ul li:nth-of-type(even) {border-left: 2px solid #ccc;}
.footer .nav ul li:nth-of-type(1), .footer .nav ul li:nth-of-type(2) {border-top: none;line-height: 1.2em; }
.footer .nav ul li:nth-of-type(3) a, .footer .nav ul li:nth-of-type(4) a {line-height: 1.2em; }
.footer .nav ul li br {display: block;}
}

#content {position:relative;overflow:hidden;*zoom:1;}