@charset "UTF-8";
/* CSS Document */
/********** フォント設定 **********/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body {
  font-size: 62.5%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  color: #4d4d4d;
}

/********** ベースタグ設定 **********/
* {
  max-height: 99999px;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

.drawer-hamburger, a {
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: inherit;
}
.drawer-hamburger:active, a:active, .drawer-hamburger:focus, a:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  .drawer-hamburger:hover, a:hover {
    color: inherit;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

@media (min-width: 768px) {
  a:hover {
    opacity: 0.75;
  }
}
a.hv_udr {
  text-decoration: underline;
}
@media (min-width: 768px) {
  a.hv_udr {
    text-decoration: none;
  }
  a.hv_udr:hover {
    opacity: 1;
    text-decoration: underline;
  }
}
a.hv_md_udr {
  text-decoration: none;
}
@media (min-width: 768px) {
  a.hv_md_udr {
    text-decoration: none;
  }
  a.hv_md_udr:hover {
    opacity: 1;
    text-decoration: underline;
  }
}
a.blue_link {
  text-decoration: underline;
  color: #0c387f;
}

.dummyBox {
  display: block;
  width: 100%;
  height: 1000px;
}

/********** formタグリセット **********/
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

/********** #wrapperエリア **********/
#wrapper {
  font-size: 1.4rem;
  line-height: 1.75;
  font-size: 1.6rem;
  line-height: 2.2;
  width: 100%;
  overflow: hidden;
}

/********** パンくず **********/
#breadcrumbs {
  display: block;
  font-size: 1.4rem;
  line-height: 1.7;
}
#breadcrumbs ul {
  margin-top: 15px;
  letter-spacing: -0.5em;
}
#breadcrumbs ul li {
  display: inline-block;
  letter-spacing: normal;
}
#breadcrumbs ul li:not(:last-of-type):after {
  content: ">";
  margin-left: 0.5em;
  margin-right: 0.5em;
}
@media (min-width: 768px) {
  #breadcrumbs ul {
    margin-top: 20px;
  }
}
#breadcrumbs a {
  text-decoration: underline;
}
@media (min-width: 768px) {
  #breadcrumbs a {
    text-decoration: none;
  }
  #breadcrumbs a:hover {
    opacity: 1;
    text-decoration: underline;
  }
}
#breadcrumbs:before {
  content: "";
  display: table;
}

.list_style_disc li {
  list-style: disc;
  margin-left: 1.5em;
}

/********** ページ内リンク **********/
.page_link ul {
  font-size: 1.4rem;
  line-height: 1.6;
}
.page_link ul li {
  display: inline-block;
}
.page_link ul li a {
  padding: 0px 10px 0px 15px;
  background: url("../img/common/img_icon_09.jpg") no-repeat 3px 0.3em;
  letter-spacing: 0.01em;
}

/********** 共通バナー **********/
.general_bnr_base > [class*=col-] {
  border-right: 1px #cccccc solid;
}
@media (min-width: 768px) {
  .general_bnr_base > [class*=col-] {
    border-right: none;
  }
  .general_bnr_base > [class*=col-]:last-of-type .general_bnr {
    border-right: 1px #cccccc solid;
  }
}

.general_bnr {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  padding-top: 40%;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
}
@media (min-width: 768px) {
  .general_bnr {
    padding-top: 60%;
  }
}
.general_bnr.type01 .img_in_text02 .icn {
  background: url(../img/common/icn_general_bnr01.png) no-repeat center/cover;
}
.general_bnr.type02 .img_in_text02 .icn {
  background: url(../img/common/icn_general_bnr02.png) no-repeat center/cover;
}
.general_bnr.type03 .img_in_text02 .icn {
  background: url(../img/common/icn_general_bnr03.png) no-repeat center/cover;
}
.general_bnr.type04 .img_in_text02 .icn {
  background: url(../img/common/icn_general_bnr04.png) no-repeat center/cover;
}
.general_bnr .img_in_text02 .icn {
  width: 50%;
  margin-right: 7.5%;
}
.general_bnr .img_in_text02 .icn:before {
  content: "";
  padding-top: 84.6%;
  display: block;
}

/********** スマホフッタメニュー **********/
.footer_menu {
  margin-top: 30px;
  padding-top: 50px;
  padding-bottom: 75px;
  background-color: #ebebeb;
}
.footer_menu a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  border: 1px #cccccc solid;
  background-color: #ffffff;
  line-height: 1;
  padding: 15px;
}
.footer_menu a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px #06406f solid;
  border-top: 2px #06406f solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: auto;
}
.footer_menu a:not(:first-of-type) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .footer_menu {
    display: none;
  }
}

/********** .drawer-hamburger **********/
.drawer-hamburger {
  width: 28px;
  position: static;
  padding-top: 12px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 6px;
  margin-left: auto;
  z-index: 1;
  background-color: #06406f;
}
@media (min-width: 768px) {
  .drawer-hamburger {
    display: none;
  }
}
.drawer-hamburger:hover {
  background-color: #0c387f;
}

.drawer-hamburger-icon {
  height: 2px;
  background-color: #ffffff;
}

.drawer-hamburger-icon:before {
  top: -10px;
  height: 2px;
  background-color: #ffffff;
}

.drawer-hamburger-icon:after {
  top: 10px;
  height: 2px;
  background-color: #ffffff;
}

.drawer-hamburger-title {
  color: #ffffff;
  display: block;
  line-height: 1;
  font-size: 1rem;
  margin-top: 15px;
}

.drawer-nav {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .drawer-nav {
    display: none;
  }
}

.drawer-menu > * {
  background-color: #0c387f;
  border-bottom: 1px #6d88b2 solid;
}
.drawer-menu > *.minor {
  background-color: #acacac;
  border-bottom: 1px #ffffff solid;
}
.drawer-menu > *.minor:last-of-type {
  border-bottom: none;
}
.drawer-menu > *.searchbox {
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.drawer-menu form[name=search] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px #dfdfdf solid;
  font-size: 1.6rem;
}
.drawer-menu form[name=search] input[name=word], .drawer-menu form[name=search] input[name=query] {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 5px;
  padding-right: 5px;
}
.drawer-menu form[name=search] button {
  background-color: #8fc31f;
  color: #ffffff;
  text-align: center;
  padding-left: 0.8em;
  padding-right: 0.8em;
}

.drawer-dropdown-menu > * {
  background-color: #ffffff;
}
.drawer-dropdown-menu > *:not(:last-of-type) {
  border-bottom: 1px #6d88b2 solid;
}

.drawer-menu-floor1 {
  font-size: 1.6rem;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  color: #ffffff;
}
.drawer-menu-floor1:hover {
  color: #ffffff;
}

.drawer-menu-floor2 {
  font-size: 1.6rem;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: calc(15px + 1em);
  padding-right: 15px;
  color: #666666;
}
.drawer-menu-floor2.baselink {
  padding-left: 15px;
  color: #06406f;
}

.drawer-dropdown-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer-dropdown-link > p,
.drawer-dropdown-link > a {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.drawer-dropdown-link .dropdown-linkicn {
  width: 40px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}
.drawer-dropdown-link .dropdown-linkicn:after {
  content: "";
  display: block;
  width: 0.7em;
  height: 0.7em;
  margin-right: 0.3em;
  border-top: 2px #ffffff solid;
  border-right: 2px #ffffff solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.drawer-dropdown-menu .dropdown-linkicn:after {
  border-top: 2px #0c387f solid;
  border-right: 2px #0c387f solid;
}

.drawer-dropdown-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer-dropdown-switch > p,
.drawer-dropdown-switch > a {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.drawer-dropdown-switch .dropdown-toggle {
  width: 40px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}
.drawer-dropdown-switch .dropdown-toggle:after {
  content: "＋";
  font-size: 2rem;
  border: none;
  vertical-align: baseline;
}
.drawer-dropdown-switch .dropdown-toggle.opened:after {
  content: "ー";
}

.drawer-overlay {
  background-color: transparent;
}

/********** .container設定 **********/
.container {
  width: 100%;
  max-width: none;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: none;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 1030px;
  }
}
.container.lg {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 992px) {
  .container.lg {
    max-width: 1200px;
  }
}
.container.lgmd {
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 992px) {
  .container.lgmd {
    max-width: 1200px;
    padding-right: 0;
    padding-left: 0;
  }
}

/********** ガター設定 **********/
.gutter-50 {
  margin-left: -25px;
  margin-right: -25px;
}

.gutter-50 > [class*=col-] {
  padding-left: 25px;
  padding-right: 25px;
}

.gutter-20 {
  margin-left: -10px;
  margin-right: -10px;
}

.gutter-20 > [class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
}

.gutter-16 {
  margin-left: -8px;
  margin-right: -8px;
}

.gutter-16 > [class*=col-] {
  padding-left: 8px;
  padding-right: 8px;
}

.gutter-10 {
  margin-left: -5px;
  margin-right: -5px;
}

.gutter-10 > [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}

@media (min-width: 768px) {
  .gutter-md-30 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .gutter-md-30 > [class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/********** 5分割設定 **********/
/*
ex)
col-5-1 20%
col-sm-5-3 60%
col-md-5-4 80%
*/
.col-xl-5-5, .col-xl-5-4, .col-xl-5-3, .col-xl-5-2, .col-xl-5-1, .col-lg-5-5, .col-lg-5-4, .col-lg-5-3, .col-lg-5-2, .col-lg-5-1, .col-md-5-5, .col-md-5-4, .col-md-5-3, .col-md-5-2, .col-md-5-1, .col-sm-5-5, .col-sm-5-4, .col-sm-5-3, .col-sm-5-2, .col-sm-5-1, .col-xs-5-5, .col-5-5, .col-xs-5-4, .col-5-4, .col-xs-5-3, .col-5-3, .col-xs-5-2, .col-5-2, .col-xs-5-1, .col-5-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 0px) {
  .col-xs-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xs-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-xs-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-xs-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-xs-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 576px) {
  .col-sm-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-sm-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-sm-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-sm-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-sm-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-md-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-md-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-md-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-md-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-lg-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-lg-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-lg-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-lg-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-5-1 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xl-5-2 {
    -ms-flex: 0 0 40%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
  }
  .col-xl-5-3 {
    -ms-flex: 0 0 60%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%;
  }
  .col-xl-5-4 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
  .col-xl-5-5 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
/********** 各パーツ **********/
/***** フォントサイズ *****/
.fz_75pc {
  font-size: 75%;
}

sup {
  font-size: 75%;
}

/***** フォントカラー *****/
.fc_white {
  color: #ffffff;
}

.fc_black01 {
  color: #333333;
}

.fc_blue01 {
  color: #06406f;
}

.fc_blue02 {
  color: #0066cc;
}

.fc_red {
  color: #ff0000;
}

.fc_green {
  color: #70ba2e;
}

/***** フォントウェイト *****/
.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-700 {
  font-weight: 700;
}

@media (min-width: 768px) {
  .fw-md-400 {
    font-weight: 400;
  }
  .fw-md-500 {
    font-weight: 500;
  }
  .fw-md-700 {
    font-weight: 700;
  }
}
/***** ラインハイト *****/
.lh-10 {
  line-height: 1;
}

.lh-12 {
  line-height: 1.2;
}

.lh-13 {
  line-height: 1.3;
}

.lh-14 {
  line-height: 1.4;
}

.lh-15 {
  line-height: 1.5;
}

.lh-16 {
  line-height: 1.6;
}

.lh-17 {
  line-height: 1.7;
}

.lh-18 {
  line-height: 1.8;
}

.lh-19 {
  line-height: 1.9;
}

.lh-20 {
  line-height: 2;
}

.lh-21 {
  line-height: 2.1;
}

.lh-22 {
  line-height: 2.2;
}

.lh-23 {
  line-height: 2.3;
}

@media (min-width: 768px) {
  .lh-md-10 {
    line-height: 1;
  }
}

/***** ワイド *****/
.w_800px {
  width: 800px;
}

.w_100pc {
  width: 100%;
}

.mw_70px {
  min-width: 70px;
}

.mw_100px {
  min-width: 100px;
}

@media (min-width: 768px) {
  .w_md_w_100pc {
    width: 100%;
  }
  .w_md_75pc {
    width: 75%;
  }
}
/***** ボーダー *****/
.bdr_bottom_green01_06 {
  border-bottom: 6px #8fc31f solid;
}

.bdr_left_blue01_10 {
  border-left: 10px #06406f solid;
}

.bdr_green_01 {
  border: 1px #8fc31f solid;
}

/***** 区切り線 *****/
.end_bar01 {
  width: 100%;
  height: 1px;
  border: none;
  border-top: 1px #4d4d4d dashed;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .end_bar01 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

/***** バックグラウンドカラー *****/
.bg_blue01 {
  background-color: #06406f;
}

.bg_beige {
  background-color: #F2F1CE;
}

/***** 一覧リンク *****/
.list_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2;
}
.list_link:before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 1.2em;
  margin-right: 0.5em;
  text-align: center;
  border-radius: 100px;
  background-color: #8fc31f;
  color: #ffffff;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

/***** 画像内リンク文字 *****/
.img_in_text01, .img_in_text02 {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.img_in_text02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.img_in_text02:after {
  content: "";
  display: block;
  width: 0.6em;
  height: 0.6em;
  border-top: 3px #ffffff solid;
  border-right: 3px #ffffff solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: auto;
}
.img_in_text02.bl_icn:after {
  border-top: 3px #06406f solid;
  border-right: 3px #06406f solid;
}

/***** インラインブロック親 *****/
.inline_base {
  letter-spacing: -0.5em;
}
.inline_base > * {
  letter-spacing: normal;
}

.link_end_line {
  border-right: 1px #4d4d4d solid;
  padding-right: 1em;
  margin-right: 1em;
}

/***** インラインブロック親 *****/
.indention_table {
  display: block;
}
@media (min-width: 768px) {
  .indention_table {
    display: table;
  }
}
.indention_table > dl {
  display: block;
}
@media (min-width: 768px) {
  .indention_table > dl {
    display: table-row;
  }
}
.indention_table > dl > dt {
  display: block;
}
@media (min-width: 768px) {
  .indention_table > dl > dt {
    display: table-cell;
  }
}
.indention_table > dl > dd {
  display: block;
}
@media (min-width: 768px) {
  .indention_table > dl > dd {
    display: table-cell;
  }
}

/***** 三角形矢印 *****/
.tryangle01 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 18px 0 18px;
  border-color: #8fc31f transparent transparent transparent;
  display: inline-block;
}

/***** リスト *****/
.list_pdf li {
  position: relative;
  padding-left: 1.6em;
}
.list_pdf li:after {
  content: "";
  display: block;
  width: 0.7em;
  height: 0.7em;
  border-top: 2px #8fc31f solid;
  border-right: 2px #8fc31f solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0.7em;
  left: 0;
}
.list_pdf li a {
  padding-right: 30px;
  display: inline-block;
  background: url(../img/common/icn_pdf.gif) no-repeat right center;
  color: #06406f;
}

/***** 但し書き *****/
.proviso {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.proviso:before {
  content: "※";
}

/***** 改行 *****/
.white-nowrap {
  white-space: nowrap;
}

/***** メールフォーム *****/
div#mail_form {
  margin: 15px 0;
  width: 100%;
  height: auto;
}
div#mail_form input, div#mail_form button, div#mail_form select, div#mail_form textarea {
  outline: inherit;
  border: 1px solid #000000;
  font-size: 1.6rem;
}
div#mail_form select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}
div#mail_form input[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
  border-radius: 100px;
}

ul.Form {
  width: 100%;
  margin: 20px 0px 0px 0px;
  border-collapse: inherit;
  border-spacing: 2px;
}
@media (min-width: 768px) {
  ul.Form {
    width: 100%;
  }
  ul.Form li {
    display: table;
    width: 100%;
  }
}
ul.Form textarea {
  width: 100%;
}

ul.Form div {
  width: 100%;
  display: block;
  margin: 2px;
  padding: 8px;
}
@media (min-width: 768px) {
  ul.Form div {
    display: table-cell;
    width: 70%;
    margin: 2px;
    padding: 8px;
  }
}

ul.Form div.Key {
  background-color: #EBEBEB;
  display: block;
  width: 100%;
  margin: 2px;
  padding: 8px;
  text-align: left;
  vertical-align: middle;
}
@media (min-width: 768px) {
  ul.Form div.Key {
    display: table-cell;
    width: 30%;
    margin: 2px;
    padding: 8px;
  }
}

table.Form div.KeyCheck {
  background-color: #FFEEEE;
}

/***** レスポンシブ画像切替 *****/
.pc_img {
  display: none;
}
@media (min-width: 768px) {
  .pc_img {
    display: block;
  }
}

.sp_img {
  display: block;
}
@media (min-width: 768px) {
  .sp_img {
    display: none;
  }
}

/********** headerエリア **********/
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 101;
}
@media (min-width: 768px) {
  #header {
    position: relative;
  }
}
#header #header_core {
  z-index: 102;
  position: relative;
  background-color: #ffffff;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  #header #header_core {
    height: 100px;
    max-width: 1030px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
#header #header_core .logo img {
  max-height: 55px;
}
@media (min-width: 768px) {
  #header #header_core .logo img {
    max-height: 40px;
  }
}
#header #header_core .logo img.usually {
  display: block;
}
#header #header_core .logo img.toponly {
  display: none;
}
#header #global-menu_outer {
  display: none;
}
@media (min-width: 768px) {
  #header #global-menu_outer {
    display: block;
    background-color: #06406f;
  }
}
#header #global-menu_outer .global-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
}
#header #global-menu_outer .global-menu > * {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 15px;
  padding-right: 15px;
  height: 60px;
}
#header #global-menu_outer .global-menu > *:hover {
  background-color: #0056a8;
}
#header #global-menu_outer .global-menu > *:hover .global-menu-main {
  opacity: 1;
}
#header #global-menu_outer .global-menu .global-dropdown .global-dropdown-menu {
  position: absolute;
  top: 60px;
  left: 0;
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #0056a8;
  width: 100%;
  margin: 0;
  padding: 0;
}
#header #global-menu_outer .global-menu .global-dropdown .global-dropdown-menu .row > [class*=col-]:not(:last-of-type) {
  border-right: 1px #ffffff solid;
}
#header #global-menu_outer .global-menu .global-menu-main {
  text-align: center;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#header #global-menu_outer .global-menu .global-dropdown-link {
  color: #ffffff;
  display: inline-block;
}
#header #global-menu_outer .global-menu .global-dropdown-link:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px #ffffff solid;
  border-top: 2px #ffffff solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-right: 0.8em;
  margin-bottom: 0.2em;
}
#header .global-linkicn {
  width: 40px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}
#header .global-linkicn:after {
  content: "";
  display: block;
  width: 0.7em;
  height: 0.7em;
  border-top: 2px #8fc31f solid;
  border-right: 2px #8fc31f solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#header form[name=search] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px #dfdfdf solid;
  font-size: 1.6rem;
  margin-left: 15px;
}
#header form[name=search] input[name=word], #header form[name=search] input[name=query] {
  padding-left: 5px;
  padding-right: 5px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #ffffff;
}
#header form[name=search] button {
  background-color: #999999;
  color: #ffffff;
  width: 2em;
  text-align: center;
  cursor: pointer;
}
#header .font_size_change {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .font_size_change > * {
  margin-left: 5px;
}
#header .font_size_change > *:nth-of-type(1) {
  margin-left: 0;
}
#header .font_size_change > *:nth-of-type(2) {
  margin-left: 10px;
}
#header .font_size_change .size_select {
  display: block;
  border: 1px #999999 solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  line-height: 1.8;
  width: 1.8em;
  text-align: center;
  cursor: pointer;
}
#header .font_size_change .size_select.textresizer-active {
  border: none;
  background-color: #06406f;
  color: #ffffff;
}

/********** footerエリア **********/
#footer .footer_banner03,
#footer .footer_banner02,
#footer .footer_banner01 {
  display: none;
}
#footer.bnr_type01 .footer_banner01, #footer.bnr_type01 .footer_banner03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#footer.bnr_type02 .footer_banner02, #footer.bnr_type02 .footer_banner03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#footer:before {
  content: "";
  display: table;
}
#footer .copyright {
  background-color: #06406f;
}
@media (min-width: 768px) {
  #footer .copyright {
    margin-top: 160px;
  }
}
#footer .f_link > * {
  margin-top: 10px;
}
#footer .f_link > a {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px #ffffff solid;
}
#footer .f_link > a.last {
  border-right: 1px #ffffff solid;
}
#footer .f_link > a:last-of-type {
  border-right: 1px #ffffff solid;
  margin-right: 20px;
}
#footer .f_link > a:last-of-type.last {
  margin-right: 0;
}
#footer .pagetop {
  position: absolute;
  top: 1px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  right: 15px;
  background-color: #06406f;
  color: #ffffff;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 1.2rem;
  border-radius: 10px 10px 0 0;
}

/********** スクロールバー **********/
#wrapper .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  #wrapper .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 0;
  }
}
#wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 32px;
}
#wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 18px;
  border-radius: 0;
  border: 2px #919191 solid;
  background-color: #eaeaea;
}
#wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 10px;
  background-color: #c4c4c4;
  border-radius: 0;
  margin-top: 11px;
  margin-bottom: 11px;
  width: calc(100% - 8px);
}
#wrapper .mCSB_vertical .mCSB_scrollTools {
  width: 18px;
}
#wrapper .mCSB_vertical .mCSB_scrollTools .mCSB_draggerRail {
  width: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
  border: 2px #919191 solid;
  background-color: #eaeaea;
}
#wrapper .mCSB_vertical .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 10px;
  background-color: transparent;
  border-radius: 0;
  position: relative;
}
#wrapper .mCSB_vertical .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  right: 0;
  background-color: #c4c4c4;
}
#wrapper .simplebar-track.simplebar-vertical {
  width: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px #919191 solid;
  background-color: #eaeaea;
}
#wrapper .simplebar-track.simplebar-vertical .simplebar-scrollbar {
  width: 14px;
}
#wrapper .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  background-color: #c4c4c4;
  border-radius: 0;
  opacity: 1;
  height: calc(100% - 8px);
}
#wrapper .simplebar-track.simplebar-horizontal {
  height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px #919191 solid;
  background-color: #eaeaea;
}
#wrapper .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 10px;
}
#wrapper .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  background-color: #c4c4c4;
  border-radius: 0;
  opacity: 1;
  width: calc(100% - 8px);
}

/********** トップページ **********/
#top {
  /*** ヘッダ周りトップページ仕様 ***/
  /*** メインビジュアル ***/
  /*** タブ ***/
}
#top header {
  background-color: transparent;
}
#top header #header_core {
  background-color: transparent;
}
#top header #header_core .logo img.usually {
  display: block;
}
#top header #header_core .logo img.toponly {
  display: none;
}
#top header #global-menu_outer {
  background-color: transparent;
}
#top header #global-menu_outer .global-menu > *:hover .global-menu-main {
  color: #ffffff;
}
#top header #global-menu_outer .global-menu > * .global-menu-main {
  color: #4d4d4d;
}
#top header .global-linkicn:after {
  border-top: 2px #4d4d4d solid;
  border-right: 2px #4d4d4d solid;
}
#top header form[name=search] button {
  background-color: #06406f;
}
#top .mv_copy {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 167.7%;
  background: url(../img/top/mv.jpg) no-repeat right bottom/cover;
  margin-top: -55px;
}
@media (min-width: 768px) {
  #top .mv_copy {
    background: url(../img/top/mv_md.jpg) no-repeat right bottom/cover;
    padding-top: 62.5%;
    margin-top: -160px;
  }
}
#top .mv_copy .copy_core {
  display: block;
  width: 100%;
  position: absolute;
  top: 140px;
  left: 0;
}
@media (min-width: 768px) {
  #top .mv_copy .copy_core {
    top: calc((100% - 160px) / 2 + 160px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
#top .news_switch > * p {
  padding-bottom: 10px;
  position: relative;
}
@media (min-width: 768px) {
  #top .news_switch > * p {
    padding-bottom: 15px;
  }
}
#top .news_switch > * p span {
  display: block;
  padding-top: 10px;
  border-top: 1px #acacac solid;
  border-left: 1px #acacac solid;
  color: #acacac;
}
#top .news_switch > * p:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #acacac;
}
@media (min-width: 768px) {
  #top .news_switch > * p:after {
    height: 5px;
  }
}
#top .news_switch > *.current p span {
  color: #4d4d4d;
  border-top: 1px #8fc31f solid;
  border-left: 1px #8fc31f solid;
}
#top .news_switch > *.current p:after {
  background-color: #8fc31f;
}
@media (min-width: 768px) {
  #top .news_switch > *:hover p span {
    color: #4d4d4d;
    border-top: 1px #8fc31f solid;
    border-left: 1px #8fc31f solid;
  }
  #top .news_switch > *:hover p:after {
    background-color: #8fc31f;
  }
}
#top .news_block ul > li {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px #4d4d4d dashed;
}
#top .mdcb {
  display: block;
  padding-top: 40%;
}
@media (min-width: 768px) {
  #top .mdcb {
    padding-top: 60%;
  }
}
#top .mdcb.type01 {
  background-color: #0056a8;
}
#top .mdcb.type01 .img_in_text02 .icn {
  background: url(../img/top/icn_bnr01.png) no-repeat center/cover;
}
#top .mdcb.type02 {
  background-color: #911d34;
}
#top .mdcb.type02 .img_in_text02 .icn {
  background: url(../img/top/icn_bnr02.png) no-repeat center/cover;
}
#top .mdcb.type03 {
  background-color: #ce7410;
}
#top .mdcb.type03 .img_in_text02 .icn {
  background: url(../img/top/icn_bnr03.png) no-repeat center/cover;
}
#top .mdcb .img_in_text02 .icn {
  width: 30%;
  margin-right: 7%;
}
#top .mdcb .img_in_text02 .icn:before {
  content: "";
  padding-top: 90%;
  display: block;
}

/********** 各ページ **********/
/* italic */
.c-text-italic {
  font-style: oblique;
  font-style: italic;
}

/********** 会社情報 **********/
#profile {
  /*** メインビジュアル ***/
}
#profile #header #global-menu_outer .global-menu > *:nth-of-type(1) {
  background-color: #0056a8;
}
#profile .table_profile01 *, #profile .table_profile01--gappei * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#profile .table_profile01 > dl:not(:first-of-type) dt, #profile .table_profile01--gappei > dl:not(:first-of-type) dt {
  margin-top: 10px;
}
#profile .table_profile01 > dl > dt, #profile .table_profile01--gappei > dl > dt {
  font-weight: 500;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  #profile .table_profile01 > dl > dt, #profile .table_profile01--gappei > dl > dt {
    width: 18%;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
  }
}
#profile .table_profile01 > dl > dd, #profile .table_profile01--gappei > dl > dd {
  padding-left: 1em;
}
@media (min-width: 768px) {
  #profile .table_profile01 > dl > dd, #profile .table_profile01--gappei > dl > dd {
    padding: 5px;
  }
}
#profile .table_profile01--gappei {
  position: relative;
  border: 1px solid #a6c1d2;
  margin-top: 70px;
  min-width: 250px;
}
#profile .table_profile01--gappei::before {
  content: "";
  position: absolute;
  display: block;
  width: 100px;
  height: 34px;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../img/profile/arrow_bottom.png) no-repeat;
  background-size: contain;
}
#profile .month,
#profile .year {
  width: 2em;
  display: inline-block;
  white-space: nowrap;
}
#profile .year {
  width: 4em;
}
#profile .cap01 {
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  #profile .cap01 {
    left: 0;
    right: auto;
  }
}
#profile .message_img01 {
  width: 50%;
}
@media (min-width: 768px) {
  #profile .message_img01 {
    max-width: 300px;
  }
}
#profile .profnetBox {
  position: relative;
}
#profile .profnetBox .btn {
  position: absolute;
  text-indent: -9999px;
  bottom: 19%;
  left: 4%;
  width: 16.5%;
  max-width: 121px;
  height: 9.7%;
  max-height: 47px;
  background: url(../img/profile/btn_off.png) no-repeat 0 0;
  background-size: 100%;
}
#profile .profnetBox .btn a {
  display: block;
}
#profile .profnetBox .btn img {
  width: 100%;
}
#profile .profnetBox .btn:hover {
  background: url(../img/profile/btn_on.png) no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}
#profile .profnetBox .btn2 {
  position: absolute;
  text-indent: -9999px;
  left: 40%;
  bottom: 38%;
  width: 15.5%;
  max-width: 114px;
  height: 6.2%;
  max-height: 30px;
  background: url(../img/profile/btn2_off.png) no-repeat 0 0;
  background-size: 100%;
}
#profile .profnetBox .btn2 a {
  display: block;
}
#profile .profnetBox .btn2 img {
  width: 100%;
}
#profile .profnetBox .btn2:hover {
  background: url(../img/profile/btn2_on.png) no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}
#profile .profnetBox .btn3 {
  position: absolute;
  text-indent: -9999px;
  left: 69%;
  bottom: 28%;
  width: 13%;
  max-width: 94px;
  height: 6.2%;
  max-height: 30px;
  background: url(../img/profile/btn3_off.png) no-repeat 0 0;
  background-size: 100%;
}
#profile .profnetBox .btn3 a {
  display: block;
}
#profile .profnetBox .btn3 img {
  width: 100%;
}
#profile .profnetBox .btn3:hover {
  background: url(../img/profile/btn3_on.png) no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}
#profile .profnetBox .btn4 {
  position: absolute;
  text-indent: -9999px;
  left: 41.5%;
  bottom: 58%;
  width: 27.7%;
  max-width: 203px;
  height: 10%;
  max-height: 51px;
  background: url(../img/profile/btn4_off.jpg) no-repeat 0 0;
  background-size: 100%;
}
#profile .profnetBox .btn4 a {
  display: block;
}
#profile .profnetBox .btn4 img {
  width: 100%;
}
#profile .profnetBox .btn4:hover {
  background: url(../img/profile/btn4_on.jpg) no-repeat 0 0;
  background-size: 100%;
  cursor: pointer;
}
#profile .table_profile01.network_table > dl > dt, #profile .network_table.table_profile01--gappei > dl > dt {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .table_profile01.network_table > dl > dt, #profile .network_table.table_profile01--gappei > dl > dt {
    width: 20%;
  }
}
#profile .table_profile01.network_table > dl > dd, #profile .network_table.table_profile01--gappei > dl > dd {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .table_profile01.network_table > dl > dd, #profile .network_table.table_profile01--gappei > dl > dd {
    width: 80%;
  }
}
#profile .table_profile01.network_table02 > dl > dt, #profile .network_table02.table_profile01--gappei > dl > dt {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .table_profile01.network_table02 > dl > dt, #profile .network_table02.table_profile01--gappei > dl > dt {
    width: 30%;
  }
}
#profile .table_profile01.network_table02 > dl > dd, #profile .network_table02.table_profile01--gappei > dl > dd {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .table_profile01.network_table02 > dl > dd, #profile .network_table02.table_profile01--gappei > dl > dd {
    width: 70%;
  }
}
#profile .table_profile01.network_table02 > dl > dd, #profile .network_table02.table_profile01--gappei > dl > dd {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .table_profile01.network_table02 > dl > dd, #profile .network_table02.table_profile01--gappei > dl > dd {
    width: 100%;
  }
}
#profile .border_gray {
  width: 100%;
  border: 1px solid #999999;
  padding: 2px 3px;
  margin: 5px 0;
}
@media (min-width: 768px) {
  #profile .border_gray {
    width: 50%;
  }
}
#profile .border_bottom {
  width: 100%;
  border-bottom: 1px solid #999999;
  padding-bottom: 30px;
}
#profile .mv_copy {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 40%;
  background: url(../img/profile/mv.jpg) no-repeat right bottom/cover;
}
@media (min-width: 768px) {
  #profile .mv_copy {
    background: url(../img/profile/mv_md.jpg) no-repeat right bottom/cover;
    padding-top: 33%;
  }
}
#profile .mv_copy .copy_core {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#profile .profile_link {
  width: 100%;
}
#profile .profile_link li {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .profile_link li {
    width: calc((100% - 2px) / 3);
    margin-right: 1px;
  }
  #profile .profile_link li:nth-child(3n) {
    margin-right: 0;
  }
}
#profile .profile_link a span {
  position: relative;
  padding-left: 15px;
}
#profile .profile_link a span:after {
  position: absolute;
  content: "";
  right: -10px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #7a0;
  border-right: 2px solid #7a0;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}
@media (min-width: 768px) {
  #profile .profile_link a span {
    padding-left: 25px;
  }
}
#profile .container-profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
}
#profile .container-profile dl > dt,
#profile .container-profile dl > dd {
  display: block;
  width: 100%;
}
#profile .container-profile-alfresa {
  width: 46%;
  line-height: 1.6;
}
#profile .container-profile-alfresa-title {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 3.5em;
  color: #FFF;
  padding: 2px 8px;
  font-size: 1.3rem;
  background: #70ba2f;
}
@media (min-width: 768px) {
  #profile .container-profile-alfresa-title {
    width: 50%;
    height: auto;
    font-size: 1.5rem;
  }
}
#profile .container-profile-alfresa-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #70ba2f;
}
@media (min-width: 768px) {
  #profile .container-profile-alfresa-title::after {
    width: 200%;
  }
}
#profile .container-profile-sannova {
  width: 46%;
  line-height: 1.6;
}
#profile .container-profile-sannova-title {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 3.5em;
  color: #FFF;
  padding: 2px 8px;
  font-size: 1.3rem;
  margin: 0;
  background: #06406e;
}
@media (min-width: 768px) {
  #profile .container-profile-sannova-title {
    width: 50%;
    height: auto;
    font-size: 1.5rem;
  }
}
#profile .container-profile-sannova-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #06406e;
}
@media (min-width: 768px) {
  #profile .container-profile-sannova-title::after {
    width: 200%;
  }
}
#profile .container-profile .bdr_left_blue01_10 {
  width: 100%;
}
@media (min-width: 768px) {
  #profile .container-profile .indention_table > dl {
    display: block;
  }
}
#profile .container-profile dl > dd {
  line-height: 1.4;
}
#profile .c-table-profile {
  width: 100%;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
#profile .c-table-profile th, #profile .c-table-profile td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 3px 5px;
}
#profile .c-table-profile__cell01, #profile .c-table-profile__cell01--02, #profile .c-table-profile__cell01--01 {
  width: 25%;
}
#profile .c-table-profile__cell01--01 {
  width: 75%;
  color: #0B72C2;
  background: #E0EEF9;
}
#profile .c-table-profile__cell01--02 {
  color: #0B72C2;
  background: #E0EEF9;
}

/********** 事業／製品のご案内 **********/
#works {
  /*** メインビジュアル ***/
  /*** iyakuメインビジュアル ***/
}
#works #profile table {
  border: 1px solid #CCC;
}
#works #profile table td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
#works #header #global-menu_outer .global-menu > *:nth-of-type(2) {
  background-color: #0056a8;
}
#works #work_index .mv_copy {
  display: block;
  width: 100%;
  position: relative;
  padding-top: 40%;
  background: url(../img/works/mv_md.jpg) no-repeat right bottom/cover;
}
@media (min-width: 768px) {
  #works #work_index .mv_copy {
    height: 450px;
    background: url(../img/works/mv_md.jpg) no-repeat right bottom/cover;
    padding-top: 0;
  }
}
#works #work_index .mv_copy .copy_core {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) {
  #works #work_index .mv_copy .copy_core {
    top: 30px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  #works #work_index .mv_copy .copy_core .container {
    padding: 0;
  }
}
#works .mv_copy {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 50px;
  padding-top: 38%;
  background: url(../img/works/mainimg_iyaku.jpg) no-repeat center center/cover;
}
@media (min-width: 768px) {
  #works .mv_copy {
    height: 400px;
    padding-top: 0;
  }
}
#works .mv_copy .copy_core {
  display: block;
  width: 96%;
  height: 80%;
  position: absolute;
  top: 5px;
  right: 2%;
  left: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  @media (min-width: 768px) {
    width: 90%;
    height: 90%;
    top: 30px;
    right: 5%;
  }
}
#works .mv_copy .copy_core .d-block {
  position: relative;
  height: 100%;
}
#works .mv_copy .copy_core .d-block .c-btn_set {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  bottom: -40px;
}
@media (min-width: 768px) {
  #works .mv_copy .copy_core .d-block .c-btn_set {
    display: block;
    height: 80px;
    left: auto;
    right: 0;
    bottom: 0;
  }
}
#works .mv_copy .copy_core span.btn_01, #works .mv_copy .copy_core span.btn_02, #works .mv_copy .copy_core span.btn_03, #works .mv_copy .copy_core span.btn_04 {
  display: block;
  width: 120px;
}
@media (min-width: 768px) {
  #works .mv_copy .copy_core span.btn_01, #works .mv_copy .copy_core span.btn_02, #works .mv_copy .copy_core span.btn_03, #works .mv_copy .copy_core span.btn_04 {
    margin-top: 0;
  }
}
#works .mv_copy .copy_core span.btn_01 img, #works .mv_copy .copy_core span.btn_02 img, #works .mv_copy .copy_core span.btn_03 img, #works .mv_copy .copy_core span.btn_04 img {
  padding-bottom: 18%;
}
@media (min-width: 768px) {
  #works .mv_copy .copy_core span.btn_01 img, #works .mv_copy .copy_core span.btn_02 img, #works .mv_copy .copy_core span.btn_03 img, #works .mv_copy .copy_core span.btn_04 img {
    padding-bottom: 0;
  }
}
#works #iyaku .mv_copy {
  background: url(../img/works/mainimg_iyaku.jpg) no-repeat center center/cover;
}
#works #shindan .mv_copy {
  background: url(../img/works/mainimg_shindan.jpg) no-repeat center center/cover;
}
#works #iryokiki .mv_copy {
  background: url(../img/works/mainimg_iryokiki.jpg) no-repeat center center/cover;
}
#works #kaigaihanbai .mv_copy {
  background: url(../img/works/mainimg_kaigaihanbai.jpg) no-repeat center center/cover;
}
#works #finechemical .mv_copy {
  background: url(../img/works/mainimg_finechemical.jpg) no-repeat center center/cover;
}
#works #jyutaku .mv_copy {
  background: url(../img/works/mainimg_jyutaku.jpg) no-repeat center center/cover;
}
#works table {
  border: 2px solid #4D7A2B;
  width: 100%;
  table-layout: fixed;
  word-break: break-word;
}
#works table th, #works table td {
  padding: 5px 10px;
}
#works table td {
  border-bottom: 1px solid #4D7A2B;
  border-right: 1px solid #4D7A2B;
}
#works table td.bottombo {
  border-bottom: 2px solid #4D7A2B;
}
#works table td.td01, #works table td.td02 {
  border-bottom: 2px solid #4D7A2B;
  background: #F2F1CE;
  color: #4D7A2B;
}
#works table td.tdw20 {
  width: 20%;
}
#works table td a {
  text-decoration: underline;
  color: #083681;
}
@media (min-width: 768px) {
  #works table {
    width: 100%;
  }
}
#works .note ul {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  #works .note ul {
    float: right;
    width: 35%;
  }
}
#works .works_link {
  width: 100%;
}
#works .works_link li {
  width: 100%;
}
@media (min-width: 768px) {
  #works .works_link li {
    width: calc((100% - 2px) / 3);
    margin-right: 1px;
  }
  #works .works_link li:nth-child(3n) {
    margin-right: 0;
  }
}
#works .works_link a span {
  position: relative;
  padding-left: 15px;
}
#works .works_link a span:after {
  position: absolute;
  content: "";
  right: -10px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #7a0;
  border-right: 2px solid #7a0;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}
@media (min-width: 768px) {
  #works .works_link a span {
    padding-left: 25px;
  }
}
#works table {
  border: 2px solid #4D7A2B;
  width: 100%;
  table-layout: fixed;
  word-break: break-word;
}
#works table th, #works table td {
  padding: 5px 10px;
}
#works table td {
  border-bottom: 1px solid #4D7A2B;
  border-right: 1px solid #4D7A2B;
}
#works table td.td {
  border-bottom: 2px solid #4D7A2B;
  background: #F2F1CE;
  color: #4D7A2B;
}
#works .table_works01 * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#works .table_works01 > dl:not(:first-of-type) dt {
  margin-top: 10px;
}
#works .table_works01 > dl > dt {
  font-weight: 500;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  #works .table_works01 > dl > dt {
    width: 18%;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
  }
}
#works .table_works01 > dl > dd {
  padding-left: 1em;
}
@media (min-width: 768px) {
  #works .table_works01 > dl > dd {
    padding: 5px;
  }
}

/********** サイトマップ **********/
#sitemap .sitemap_list01 li {
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
}
#sitemap .sitemap_list01 li:last-child {
  margin-bottom: 0;
}
#sitemap .sitemap_list01 li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  border-left: 0.4em solid #8fc31f;
}
#sitemap .sitemap_list02 li {
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
}
#sitemap .sitemap_list02 li:last-child {
  margin-bottom: 0;
}
#sitemap .sitemap_list02 li::before, #sitemap .sitemap_list02 li::after {
  position: absolute;
  content: "";
}
#sitemap .sitemap_list02 li::before {
  width: 12px;
  height: 12px;
  top: 11px;
  left: 0;
  border-radius: 50%;
  background: #8fc31f;
}
#sitemap .sitemap_list02 li::after {
  width: 3px;
  height: 3px;
  top: 14px;
  left: 5px;
  border: 3px solid transparent;
  border-left: 3px solid #fff;
}

/********** 検索 **********/
#search form.search_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px #dfdfdf solid;
  font-size: 1.6rem;
  width: 70%;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #search form.search_box {
    width: 30%;
  }
}
#search form.search_box input[name=word], #search form.search_box input[name=query] {
  padding-left: 5px;
  padding-right: 5px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #ffffff;
}
#search form.search_box button {
  background-color: #999999;
  color: #ffffff;
  width: 2em;
  text-align: center;
  cursor: pointer;
}
#search .pageing a {
  color: #06406f;
  text-decoration: underline;
}
#search .serarchResult dt {
  border-bottom: dashed 1px #666666;
  padding: 10px 5px;
  margin-bottom: 10px;
}
#search .serarchResult a {
  color: #06406f;
  text-decoration: underline;
}

/**/
.page-description {
  font-size: 11px;
  @media (min-width: 768px) {
    font-size: 24px;
  }
}


/*20250331 add  /english/works/iryokiki.html*/
.p-sub01 {
  vertical-align: sub;
}