@charset "UTF-8";

/*======================================

共通

======================================*/

html {

  font-size: 62.5%;

}



body {

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 400;

  font-size: 16px;

  letter-spacing: 0.05em;

  line-height: 1.6;

  color: #333;

}

/*アイコン*/

.guide-link-btn.pdf i,.nav_list li.pdf i{

	display: inline-block;

	width: 1em;

	vertical-align: middle;

}

.nav_list li.pdf:hover i .st0{fill:#fff;}

.guide-link-btn.nolink{background: #B4B4B4;opacity: .8;}

.guide-link-btn.pdf i .st0{

	fill:#fff;

}

/* サイドバーとメインの横並び */

.wrap {

  display: flex;

}



.nolink {

  pointer-events: none;

  color: #757575;

  background: #eee;

}



/* フォーカス時 */

*:focus {

  outline: none !important;

  box-shadow: none !important;

}



ul, ol {

  list-style: none;

}



a {

  background-color: transparent;

  text-decoration: none;

  color: inherit;

}



img {

  width: 100%;

}



/* 文字色 */

.error {

  color: rgb(195, 7, 10);

}



/* 改行対策 */

.inb {

  display: inline-block;

}



.txt-cent {

  text-align: center;

}



/* コンテナー系 */

.l-container {

  width: 95%;

  max-width: 1000px;

  margin: auto;

}



.m-container {

/*
   width: 95%;

  max-width: 900px;

  margin: auto;

 */
}



.s-container {

  width: 95%;

  max-width: 800px;

  margin: auto;

}



/* その他 */

.ovf-h {

  overflow: hidden;

}



.fw-b {

  font-weight: bold;

}



/* 余白 */

.mgb-1em {

  margin-bottom: 1em;

}



.con-m {

  margin: 80px auto;

}



.con-p {

  padding: 80px auto;

}



.con-bm {

  margin: 100px auto;

}



.con-bp {

  padding: 100px 0;

}



/*☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

レスポンシブ

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/

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

  /* サイドバーとメインの横並び */

  .wrap {

    display: block;

  }

} /* end @media screen */

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

  /* 余白 */

  .con-bm {

    margin: 70px auto;

  }

  .con-bp {

    padding: 70px 0;

  }

  body {

    font-size: 14px;

    line-height: 1.5;

  }

} /* end @media screen */

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

  /* body{

    font-size: 12px;

    line-height: 1.5;

  } */

  /* コンテナー系 */

  .l-container, .m-container, .s-container {

    width: 90%;

  }

  /* 余白 */

  .con-m {

    margin: 50px auto;

  }

  .con-p {

    padding: 50px 0;

  }

  .con-bm {

    margin: 50px auto;

  }

  .con-bp {

    padding: 50px 0;

  }

} /* end @media screen */

/*★★★★★★★★★★★★★★★★      共通 responsive end       ★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*======================================

表・パーツ

======================================*/

/* ボタン */

.btn-mail {

  display: inline-block;

  width: 100%;

  max-width: 300px;

  background: #fff;

  border: 1px solid #0072bc;

  border-radius: 6px;

  text-align: center;

  padding: 14px 8px;

  font-size: 15px;

  color: #404040;

  transition: all 0.3s;

  border-radius: 6px;

}

.btn-mail img {

  display: inline-block;

  margin: 0 4px 0 0;

  width: 23px;

  vertical-align: middle;

}

.btn-mail:hover {

  background: #0072bc;

  color: #fff;

}



.btn {

  display: inline-block;

  width: 100%;

  max-width: 180px;

  background: #0072bc;

  border: 1px solid #fff;

  text-align: center;

  padding: 9px 8px;

  font-size: 13px;

  color: #fff;

  transition: all 0.3s;

  position: relative;

  border-radius: 6px;

}

.btn:before {

  content: "";

  display: block;

  height: 7px;

  width: 7px;

  position: absolute;

  right: 7%;

  border-right: 1px solid #fff;

  border-top: 1px solid #fff;

  top: 16px;

  transform: rotate(45deg);

}

.btn:hover {

  background: #0072bc;

}



/* 枠線 */

.frame {

  margin: 0 0 50px;

  box-shadow: 0px 0px 9.5px 0.5px rgb(243, 222, 191);

}

.frame .maintit {

  background: #0072bc;

  padding: 5px 10px;

  width: 100%;

  color: #fff;

  font-size: 24px;

  font-weight: 500;

  text-align: center;

}

.frame .inner {

  padding: 30px;

  background: #fff;

}

.frame .btn-box {

  display: inline-block;

  width: 100%;

  margin: 10px 0 0;

}



/* セクションタイトル */

.sectit {

  text-align: center;

  margin: 0 auto 40px;

}



.sectit-en {

  font-size: 30px;

  color: #0072bc;

  font-family: "M PLUS Rounded 1c", sans-serif;

  letter-spacing: 0.1em;

  font-weight: 500;

}



.sectit-ja {

  font-weight: normal;

  font-size: 14px;

  color: #368303;

}



/* 1色の表 */

.list-onecolor dl {

  display: flex;

  border-bottom: solid 1px #ddd;

  padding: 17px 13px;

}

.list-onecolor dt {

  width: 15%;

  min-width: 120px;

  color: #0072bc;

}

.list-onecolor dd {

  width: 85%;

}

.list-onecolor .ad-box:not(:last-of-type) {

  margin: 0 0 17px;

}



/* 2色の表 */

.list-bicolor dl {

  display: flex;

}

.list-bicolor dt {

  width: 20%;

  min-width: 150px;

  padding: 17px 13px;

  border-bottom: solid 1px #0072bc;

  background: #eef1fd;

  color: #0462a0;

}

.list-bicolor dd {

  width: 80%;

  padding: 17px 13px 17px 25px;

  border-bottom: solid 1px #ddd;

}



/*☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

レスポンシブ

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/

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

  /* 枠線 */

  .frame {

    margin: 0 0 30px;

  }

  .frame .maintit {

    font-size: 16px;

  }

  .frame .inner {

    padding: 20px 3%;

  }

  /* セクションタイトル */

  .sectit {

    margin: 0 auto 30px;

  }

  .sectit-en {

    font-size: 24px;

  }

} /* end media */

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

  /* 1色の表 */

  .list-onecolor dl {

    display: block;

  }

  .list-onecolor dt {

    width: 100%;

    min-width: 100%;

    padding: 0px 0px 5px;

    font-size: 14px;

  }

  .list-onecolor dd {

    width: 100%;

  }

  /* 2色の表 */

  .list-bicolor dl {

    display: block;

  }

  .list-bicolor dt {

    width: 100%;

    min-width: 100%;

    padding: 15px 10px 5px 10px;

    border-bottom: none;

    background: #f7eefd;

    color: #3b1886;

  }

  .list-bicolor dd {

    width: 100%;

    padding: 0px 10px 15px 10px;

    border-bottom: solid 1px #0072bc;

  }

} /* end media */