@charset "UTF-8";

/* ****************************************************
Title: base.css
***************************************************** */
a:link    {  }
a:visited {  }
a:hover   {  }
a:active  {  }

h1 {  }


@media screen and (min-width: 740px) {

  a {
    transition: all .3s ease;
  }

  .common-wrap {
    position: relative;
    width: 1000px;
    margin: 0 auto;
  }

  .point-txt01 { color: #000; }

  .pc-none { display: none!important; }

}

/* # body
---------------------------------------------------------------------------- */
body {
  font-family: dnp-shuei-gothic-gin-std, "Inter", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3,
    "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "YuMincho",
    "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 1.5;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  position: relative;
}

.txtJp {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  font-weight: 400;
  letter-spacing: .01em;
  display: inline-block;
}
.txtEn {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  letter-spacing: .05em;
  display: inline-block;
}

.fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


/* common
---------------------------------------------------------------------------- */
/* -- color --*/
.red {color:red;}

/* -- text font  --*/
.bold{font-weight:bold;}
.tc { text-align: center; }.tl { text-align: left; }.tr { text-align: right; }
.tdu { text-decoration: underline; }
.lh10 { line-height: 1em; }.lh15 { line-height: 1.5em; }.lh2 { line-height: 2em; }.lh3 { line-height: 3em; }
.vm { vertical-align: middle; }.vt { vertical-align: top; }
.fs08 { font-size: 0.8em; }.fs09 { font-size: 0.9em; }.fs1 { font-size: 1em; }
.fs11 { font-size: 1.1em; }.fs12 { font-size: 1.2em; }.fs13 { font-size: 1.3em; }
.bn { border:none; }
.bbn { border-bottom: none; }


/* -- width  --*/
.w800 {max-width:800px; margin: 0 auto;}
.w960 {max-width:960px; margin: 0 auto;}.w1000 {max-width:1000px; margin: 0 auto;}.w1100 {max-width:1100px; margin: 0 auto;}
.w1200 {max-width:1200px; margin: 0 auto;}.w90{width: 90%;}.w100{width:100%;}

/* -- layout  --*/
.fl {float:left;}.fr {float:right;}
.dc {display:block; text-align:center;}.ma {margin-left: auto; margin-right: auto;}
.flex {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex;}
.jc_sb {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.jc_ce {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.fl_wp {flex-wrap:-webkit-wrap; flex-wrap:-moz-wrap;-ms-flex-wrap:-ms-wrap;flex-wrap:-ms-wrap;flex-wrap:wrap;}
.fl_wp {flex-wrap:-webkit-wrap; flex-wrap:-moz-wrap;-ms-flex-wrap:-ms-wrap;flex-wrap:-ms-wrap;flex-wrap:wrap;}
.ai_ce{  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}

/* -- none --*/
body .sp {display: none;}.pc_none {display:none;}

/* -- margin  --*/
.mb0{margin-bottom:0px !important;}.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}.mb85{margin-bottom:85px !important;}.mb90{margin-bottom:90px !important;}.mb95{margin-bottom:95px !important;}.mb100{margin-bottom:100px !important;}

/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-30 { font-size: 30px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


/* -- clearfix  --*/
.cf:before, .cf:after {content:' '; display:table;}
.cf:after {clear:both;}


/* #Pjax
---------------------------------------------------------------------------- */

/* Pjax用オーバーレイ */
.js-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 2000;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #2E1B11;
}

/* 見出しアニメーション用 */
.block-revealer__element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  pointer-events: none;
  opacity: 0;
}


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

@media screen and (max-width: 739px) {

  body .pc {display: none;}
  body .sp {display: block;}

  body.second #pagebody {background-size: cover;}
    
  .w800 {width:100%;}
  .w960 {width:100%;}
  .w1000 {width:100%;}
  .w1100 {width:100%;}
  .w1200 {width:100%;}
  .fl {float:none;}.fr {float:none;}
  .flexsp {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex;}
  .jc_sbsp {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
  .jc_cesp {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
  .fl_wpsp {flex-wrap:-webkit-wrap; flex-wrap:-moz-wrap;-ms-flex-wrap:-ms-wrap;flex-wrap:-ms-wrap;flex-wrap:wrap;}
  .ai_cesp {-webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}


  .common-wrap {
    position: relative;
    width: 1000px;
    margin: 0 auto;
  }

  .point-txt01 { color: #000; }

  .sp-none { display: none; }


  #pagebody .c_title {
    font-size: 150%;
    margin-bottom: 5px;
  }
  #pagebody .jac_title {
    font-size: 100%;
  }
  body#second #pagebody #contents section .tbar {
    margin-bottom: 40px;
    font-size: 120%;
  }



  footer #f_navi {display: none;}

  #linkarea .f_entry_btn li{
    width: 100%;
  }
  #linkarea .f_entry_btn li a{
    padding: 30px 0;
    position: relative;
  }

  #linkarea .f_entry_btn li a:before {
    font-family: Material Icons;
    position: absolute;
    top: 38%;
    right: 2%;
    content: '\e315';
    font-size: 175%;
  }

  #linkarea .f_entry_btn li a.white:before,
  #linkarea .f_entry_btn li a.bg_gld:before {color: #000;}
  #linkarea .f_entry_btn li a.bg_db:before {color: #fff;}

  #linkarea .f_entry_btn li a.white:before:visited,
  #linkarea .f_entry_btn li a.bg_gld:before:visited {color: #000;}
  #linkarea .f_entry_btn li a.bg_db:before::visited {color: #fff;}

  #linkarea .f_entry_btn li a.white:before:hover,
  #linkarea .f_entry_btn li a.bg_gld:before:hover {color: #fff;}
  #linkarea .f_entry_btn li a.bg_db:before::hover {color: #fff;}

  .mynavi {
    display: none;
  }

  #footer .f_linkarea {
    padding: 40px 0;
  }

  footer #flogo img {
    width: 50%;
  }
}