@charset "UTF-8";
/* =========================================================
  ◆見出し
  ========================================================= */

  /*h2見出し v1*/

  .el_ttlLv2_v1{
    margin: 0 auto;
    text-align: center;
    padding-top:20px;
  }

  .el_ttlLv2_v1 h2{
    color: #0fabd8;
    font-weight: bold;
    font-size: 3.0rem;
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
  }

  .el_ttlLv2_v1 p{
    font-size: 1.8rem;
    line-height: 180%;
  }


  /*h2見出し v2*/

  .el_ttlLv2_v2{
    text-align: left;
    padding-top:20px;
  }

  .el_ttlLv2_v2 h2{
    color: #0fabd8;
    font-weight: bold;
    font-size: 3.0rem;
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
  }

  .el_ttlLv2_v2 p{
    font-size: 1.8rem;
  }


  /*h3見出し v1*/

  .el_ttlLv3_v1{
    text-align: left;
  }

  .el_ttlLv3_v1 h3{
    font-weight: bold;
    font-size: 2.4rem;
  }


  /*h4見出し v1*/

  .el_ttlLv4_v1{
    text-align: left;
  }

  .el_ttlLv4_v1 h4{
    font-weight: bold;
  }

  /*h4見出し v2*/

  .el_ttlLv4_v2{
    text-align: center;
  }

  .el_ttlLv4_v2 h4{
    font-weight: bold;
    color:#0fabd8;
    font-size: 2.0rem;
  }


  @media only screen and (max-width: 600px){
    .el_ttlLv2_v1 h2 {
      font-size: 2.2rem;
      line-height: 130%;
    }
    .el_ttlLv2_v1 p {
      font-size: 1.4rem;
    }
    .el_ttlLv2_v2 {
      padding-top: 10px;
    }
    .el_ttlLv2_v2 p{
      font-size: 1.4rem;
    }
    .el_ttlLv2_v2 h2 {
      font-size: 2.2rem;
    }

    .el_ttlLv3_v1 h3 {
      font-size: 2.0rem;
      line-height: 130%;
    }

    .el_ttlLv4_v2 h4{
      font-size: 1.8rem;
    }


  }


/* =========================================================
  ◆ヘルパー
  ========================================================= */
  /* マージン */
  .hp_mgn0 { margin: 0 !important; }
  .hp_mgnSS { margin: 15px 0 !important; }
  .hp_mgnS { margin: 30px 0 !important; }
  .hp_mgnM { margin: 48px 0 !important; }
  .hp_mgnL { margin: 72px 0 !important; }
  .hp_mgnLL { margin: 100px 0 !important; }
  .hp_mgnTop0 { margin-top: 0 !important; }
  .hp_mgnTopSS { margin-top: 15px !important; }
  .hp_mgnTopS { margin-top: 30px !important; }
  .hp_mgnTopM { margin-top: 48px !important; }
  .hp_mgnTopL { margin-top: 72px !important; }
  .hp_mgnTopLL { margin-top: 100px !important; }
  .hp_mgnBtm0 { margin-bottom: 0 !important; }
  .hp_mgnBtmSS { margin-bottom: 15px !important; }
  .hp_mgnBtmS { margin-bottom: 30px !important; }
  .hp_mgnBtmM { margin-bottom: 48px !important; }
  .hp_mgnBtmL { margin-bottom: 72px !important; }
  .hp_mgnBtmLL { margin-bottom: 100px !important; }
  .hp_mgnAutoR { margin: 0 auto 0 0 !important; }
  .hp_mgnAutoL { margin: 0 0 0 auto !important; }
  .hp_mgnAuto0 { margin: 0 auto !important; }

  /* パディング */
  .hp_pdg0 { padding: 0 !important; }
  .hp_pdgSS { padding: 15px 0 !important; }
  .hp_pdgS { padding: 30px 0 !important; }
  .hp_pdgM { padding: 48px 0 !important; }
  .hp_pdgL { padding: 72px 0 !important; }
  .hp_pdgLL { padding: 100px 0 !important; }
  .hp_pdgTop0 { padding-top: 0 !important; }
  .hp_pdgTopSS { padding-top: 15px !important; }
  .hp_pdgTopS { padding-top: 30px !important; }
  .hp_pdgTopM { padding-top: 48px !important; }
  .hp_pdgTopL { padding-top: 72px !important; }
  .hp_pdgTopLL { padding-top: 100px !important; }
  .hp_pdgBtm0 { padding-bottom: 0 !important; }
  .hp_pdgBtmSS { padding-bottom: 15px !important; }
  .hp_pdgBtmS { padding-bottom: 30px !important; }
  .hp_pdgBtmM { padding-bottom: 48px !important; }
  .hp_pdgBtmL { padding-bottom: 72px !important; }
  .hp_pdgBtmLL { padding-bottom: 100px !important; }
  .hp_pdgAutoR { padding: 0 auto 0 0 !important; }
  .hp_pdgAutoL { padding: 0 0 0 auto !important; }
  .hp_pdgAuto0 { padding: 0 auto !important; }

  @media screen and (max-width: 600px ){
    /* マージン */
    .hp_mgnSS { margin: 1.25vh 0 !important; }
    .hp_mgnS { margin: 2.5vh 0 !important; }
    .hp_mgnM { margin: 4vh 0 !important; }
    .hp_mgnL { margin: 6vh 0 !important; }
    .hp_mgnLL { margin: 8.3vh 0 !important; }
    .hp_mgnTopSS { margin-top: 1.25vh !important; }
    .hp_mgnTopS { margin-top: 2.5vh !important; }
    .hp_mgnTopM { margin-top: 4vh !important; }
    .hp_mgnTopL { margin-top: 6vh !important; }
    .hp_mgnTopLL { margin-top: 8.3vh !important; }
    .hp_mgnBtmSS { margin-bottom: 1.25vh !important; }
    .hp_mgnBtmS { margin-bottom: 2.5vh !important; }
    .hp_mgnBtmM { margin-bottom: 4vh !important; }
    .hp_mgnBtmL { margin-bottom: 6vh !important; }
    .hp_mgnBtmLL { margin-bottom: 8.3vh !important; }

    /* パディング */
    .hp_pdgSS { padding: 1.25vh 0 !important; }
    .hp_pdgS { padding: 2.5vh 0 !important; }
    .hp_pdgM { padding: 4vh 0 !important; }
    .hp_pdgL { padding: 6vh 0 !important; }
    .hp_pdgLL { padding: 8.3vh 0 !important; }
    .hp_pdgTopSS { padding-top: 1.25vh !important; }
    .hp_pdgTopS { padding-top: 2.5vh !important; }
    .hp_pdgTopM { padding-top: 4vh !important; }
    .hp_pdgTopL { padding-top: 6vh !important; }
    .hp_pdgTopLL { padding-top: 8.3vh !important; }
    .hp_pdgBtmSS { padding-bottom: 1.25vh !important; }
    .hp_pdgBtmS { padding-bottom: 2.5vh !important; }
    .hp_pdgBtmM { padding-bottom: 4vh !important; }
    .hp_pdgBtmL { padding-bottom: 6vh !important; }
    .hp_pdgBtmLL { padding-bottom: 8.3vh !important; }

  }


  /* 文字位置 */
  .hp_txtAlnL { text-align: left !important; }
  .hp_txtAlnR { text-align: right !important; }
  .hp_txtAlnC { text-align: center !important; }


  /* 文字サイズ */

  .hp_txtS{
   font-size: 85% !important;
 }

/* =========================================================
  リスト
  ========================================================= */

  /* 最初の文字を逆インデント */
  .el_li_indent {
   margin-left: 2rem;
 }
 .el_li_indent li{
   text-indent: -2rem;
 }

 .el_dd_indent dd{
   padding-left: 3rem;
 }

 .el_dd_indent2 dd{
   padding-left: 2.5rem;
 }

 .el_tx_indent{
   text-indent: -2rem;
   margin-left: 2rem;
 }

 .el_tx_indent2{
   padding-left: 2rem;
 }


/* =========================================================
  ◆ボタン
  ========================================================= */
  .el_btnBox{
   width: 100%;
   margin: 20px auto;
 }

 .el_btnBox .arrow {
  display: inline-block;
  position: relative;
  color: #01192b;
  font-weight:bold;
  text-decoration: none;
  transition: 0.5s;
}

.el_btnBox .arrow::after {
  left: 4px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #01192b;
  border-right: 2px solid #01192b;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.el_btnBox .arrow::before{
  left: 4px;
  width: 6px;
  height: 2px;
  background: #01192b;
  transition: 0.5s;
}

.el_btnBox .arrow:hover::after {
 border-bottom: 1px solid #01192b;
 transition: 1s;
}
.el_btnBox .arrow:hover::before {
  border-top: 1px solid #01192b;
  transition: 0.5s;
}

.btn {
  transform: rotate(.03deg);
  font-family: acumin-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  position: relative;
  width: 300px;
  height: 60px;
  text-align: center;
  line-height: 56px;
}
.btn span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #01192b;
  transform-style: preserve-3d;
  transition: 0.6s;
}
.btn span:nth-child(1) {
  background-color: #ffffff;
  color: #01192b;
  transform: rotateX(0deg);
  transform-origin: 0 50%  -30px;
}
.btn span:nth-child(2) {
  background-color: #01192b;
  color: #ffffff;
  transform: rotateX(90deg);
  transform-origin: 0 50%  -30px;
}

.el_btnBox .btn span i{
  position: absolute;
  right:20px;
  top:38%;
}

.btn:hover span:nth-child(1) {
  transform: rotateX(-90deg);
}
.btn:hover span:nth-child(2) {
  transform: rotateX(0deg);
}

.submit_button{
  background-color: #01192b;
  color:#fff;
  padding-left:60px;
  padding-right:60px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left:20px;
  transition: 0.3s;
  font-size: 110%;
}


.submit_button:hover,.submit_button .active {
 background-color: #0fabd8;
 color:#fff;
 text-decoration:none;
}

.el_btnBox_v2{
  margin:0 auto;
}

.el_btnBox_v2 a{
  color:#ffffff;
 text-decoration: none;
 background-color:#01192b;
 padding:25px 50px;
 font-size: 1.6rem;
 font-weight: bold;
 display: inline-block;
}
.el_btnBox_v2 a:hover{
  background-color:#0fabd8;
}




@media screen and (max-width: 600px){
  .btn {
    max-width:300px;
    width: 100%;
  }
  .el_btnBox_v2 a{
    max-width:300px;
    width: 100%;
    font-size: 1.4rem;
  }
}







/* =========================================================
　◆線
========================================================= */

.boderDot{
  border-top: 1px dotted #b2b7bd;
}

/* =========================================================
　◆シャドウ
========================================================= */

.el_boxShadow{
  box-shadow: 0 7px 40px 0 rgba(0,0,0,0.2);
}

/* =========================================================
　◆アイコン
========================================================= */
.el_icon_pdf{
	margin-left: 5px;
	display: inline;
	width: 25px;
}

@media screen and (max-width: 600px ){
  .el_icon_pdf{
   width: 4vw;
 }
}

/* =========================================================
　テーブル
========================================================= */

/*ver01*/

.el_table_v1{
	width: 100%;
}

.el_table_v1 td, .el_table_v1 th {
  border: 1px #bfbfbf solid;
  vertical-align: middle;
}

.el_table_v1 th {
  font-weight: bold;
  width: 200px;
  text-align: center;
  white-space: nowrap;
}

.el_table_v1 td {
  padding: 20px 40px;
}

@media screen and (max-width: 1007px){
	
  .el_table_v1 th {
    width: 17vw;
  }	
  .el_table_v1 td {
    padding: 2.5vw 5vw;
  }
}


/*ver02*/

.el_table_v2 td, .el_table_v2 th {
  border:none;
}

.el_table_v2 th {
  text-align: left;
  font-weight:400;
  white-space: nowrap
}

.el_table_v2 td {
  padding: 10px;
}

.history dl:last-child {
  margin-bottom: 0;
}
.history dl {
  display: table;
  width: 100%;
  margin-bottom: 20px;
} 

.history dl dt{
  font-weight: bold;
  display: table-cell;
  width: 80px;
}

.history dl dd{
  display: table-cell;
}

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

  .history dl dt {
    width: 8.3vw;
  }

}

/*ver03（CSVのイメージ画像）*/

.el_table_v3 img{
	width: 95%;
	
}


/*テーブル中のdl*/

.em_table_dl dt{
	font-weight: bold;
}


/*ver03（お問い合わせ）*/

.el_table_v3{
  width: 100%;
}

.el_table_v3 td, .el_table_v3 th {
  border: 1px #bfbfbf solid;
  vertical-align: middle;
}

.el_table_v3 th {
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  padding: 10px 30px;
  background-color: #f5f5f5;
}

.el_table_v3 td {
 padding: 10px 30px;
}

.el_table_v3 td input.text{
 height:40px;
 font-size: 100%;
 padding-left:10px;
}


.el_table_v3 td textarea{
 font-size: 100%;
 padding-left:10px;
 padding-top:10px;
}

.el_table_v3 th span{
  font-size: 80%;
  color:#f39;
  padding-left: -20px;
}

.el_table_v3 .error{
  display:block;
  color:#f39;
  font-size:bold;
}



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

  .el_table_v3 th {
    width: 17vw;
  } 
  .el_table_v3 td {
    padding: 2.5vw 5vw;
  }
  .el_table_v3 td textarea,.el_table_v3 td input.text{
    width:100% !important;
    font-size: 100%;
    padding-left: 10px;
  }
}


/*スマホ用レイアウト修正*/

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

  .el_table_sp td,.el_table_sp th {
    width: 100%;
    display: block;
    border-top:0px;
  }

  .el_table_sp th.firstTh{
    border-top: 1px #bfbfbf solid;
  }

  .el_table_sp th{
    padding:10px 10px;
  }

}