@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@1,500&display=swap");

.sp_object {
  display: none
}

body {
  padding: 92px 0 0
}

aside {
  position: relative
}

main {
  position: relative;
  overflow: hidden;
  margin: 0 0 100px
}

.back_green {
  position: absolute;
  z-index: 2;
  width: 74vw;
  height: 630px;
  background-image: url(../images/common/back_green.png);
  background-repeat: repeat
}

.back_blue {
  position: absolute;
  z-index: 1;
  width: 74vw;
  height: 410px;
  background: #0b43af;
  background: linear-gradient(45deg, #0b43af 0%, #0674b8 79%, #00a4c1 100%)
}

.back_gray {
  position: absolute;
  z-index: 1;
  width: 65vw;
  height: 1080px;
  background-color: #ebebeb
}

#back_contents {
  position: absolute;
  z-index: 1;
  top: 450px;
  right: 0;
  width: 38vw;
  height: 470px;
  background: #0b43af;
  background: linear-gradient(145deg, #00a4c1 0%, #0674b8 30%, #0b43af 100%)
}

/* 莨夂､ｾ邏ｹ莉句虚逕ｻ逕ｨ窶ｻ繝医ャ繝励�繝ｼ繧ｸ縺ｮ繧ｹ繧ｿ繧､繝ｫ縺ｯ蜷ｫ縺ｾ縺ｪ縺� */
/* 繝吶�繧ｹ */
.box_movie {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box_movie video {
  width: 100%;
}
/* 謗｡逕ｨ諠��ｱ */
.box_movie_recruit {
  text-align: center;
}
.box_movie_recruit video {
  max-width: 830px;
}                            
.box_movie_recruit figcaption {
  line-height: 1.6;
}
.box_movie_recruit .box_movie_caption_style1 {
  font-weight: 600;
}
.box_movie_recruit .box_movie_caption_style2 {
  font-size: 1.4rem;
}


#block_wrapper {
  width: 1180px;
  line-height: 2;
  margin: 0 auto
}

#block_wrapper_contents {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1180px;
  min-height: 10rem;
  line-height: 1.8;
  background-color: #fff;
  padding: 80px 60px 0 0;
  margin: 0 auto
}

#block_wrapper_contents #box_contents {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 820px
}

#block_wrapper_contents #box_contents a {
  color: #08358c;
  text-decoration: underline
}

#block_wrapper_contents #box_contents_full {
  width: 100%
}

#block_wrapper_contents #box_contents,
#block_wrapper_contents #box_contents_full {
  line-height: 2
}

#block_wrapper_contents #box_contents ul,
#block_wrapper_contents #box_contents ol,
#block_wrapper_contents #box_contents table,
#block_wrapper_contents #box_contents_full ul,
#block_wrapper_contents #box_contents_full ol,
#block_wrapper_contents #box_contents_full table {
  line-height: 1.8
}

#block_wrapper_contents #nav_page {
  position: relative;
  z-index: 5;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 250px;
  font-family: YakuHanJP, 'Noto Sans Medium', sans-serif;
  line-height: 1
}

#block_wrapper_contents #nav_page h2 {
  width: auto;
  color: #fff;
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  background-color: #08358c;
  padding: 20px 15px
}

#block_wrapper_contents #nav_page h3 {
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 1.3rem;
  padding: 0 15px;
  margin: 0 0 5px
}

#block_wrapper_contents #nav_page ul {
  width: auto;
  font-size: 1.4rem;
  list-style: none
}

#block_wrapper_contents #nav_page ul li {
  border-bottom: 1px solid #e4e4e4
}

#block_wrapper_contents #nav_page ul a,
#block_wrapper_contents #nav_page ul .btn_trigger {
  display: block;
  width: auto;
  line-height: 1.5;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  cursor: pointer;
  background-image: url(../images/common/icon_arrow_blue.svg);
  background-position: 94% center;
  background-size: 11px;
  padding: 15px
}

#block_wrapper_contents #nav_page ul a:hover,
#block_wrapper_contents #nav_page ul .btn_trigger:hover,
#block_wrapper_contents #nav_page ul a.is_current {
  color: #08358c;
  background-color: #dcebf5
}

#block_wrapper_contents #nav_page ul .btn_trigger {
  background-image: url(../images/common/icon_plus.png);
  background-size: 11px
}

#block_wrapper_contents #nav_page ul .btn_trigger.is_selected {
  background-image: url(../images/common/icon_minus.png)
}

#block_wrapper_contents #nav_page ul .list_child {
  display: none;
  line-height: 1.6;
  margin: 0 0 15px
}

#block_wrapper_contents #nav_page ul .list_child li {
  border: none;
  font-size: 1.3rem;
  font-family: YakuHanJP, 'Noto Sans Regular', sans-serif
}

#block_wrapper_contents #nav_page ul .list_child a {
  background-image: none;
  padding: 7px 15px
}

#block_wrapper_contents #nav_page ul .is_opened {
  display: block
}

#block_wrapper_contents #nav_page ul .list_child_2 {
  margin: 0 0 5px
}

#block_wrapper_contents #nav_page ul .list_child_2 a {
  padding: 5px 28px
}

.box_cmn_1 {
  width: 1180px;
  line-height: 2;
  margin: 0 auto
}

#list_bread {
  position: absolute;
  top: 38px;
  left: -50%;
  right: -50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1180px;
  list-style: none;
  font-size: 1.3rem;
  margin: 0 auto
}

#list_bread li:not(:last-child) {
  width: auto
}

#list_bread li:not(:last-child):after {
  content: "/";
  margin: 0 6px
}

#list_bread a {
  color: inherit
}

.ttl_page {
  position: relative;
  width: auto;
  color: #fff;
  background-color: #08358c;
  background-position: center center;
  background-size: cover;
  padding: 170px 0;
  margin: 0 0 85px
}

.ttl_page h1 {
  display: block;
  width: 1180px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 500;
  font-size: 8rem;
  line-height: 1;
  letter-spacing: .04em;
  margin: 0 0 30px;
  margin: 0 auto
}

.ttl_page h1 span {
  display: block;
  width: auto;
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 2rem;
  letter-spacing: .09em;
  margin: 10px 0 0
}

#back_news {
  background-image: url(../images/news/back_page.jpg)
}

#back_company {
  background-image: url(../images/company/back_page.jpg)
}

#back_recruit {
  background-image: url(../images/recruit/back_page.jpg)
}

#back_about {
  background-image: url(../images/about/back_page.jpg)
}

#back_csr {
  background-image: url(../images/csr/back_page.jpg)
}

#back_health_and_productivity {
  background-image: url(../images/health_and_productivity/back_page.jpg)
}

#loop_news {
  width: auto
}

#loop_news dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  padding: 14px 0
}

#loop_news dl:not(:last-child) {
  border-bottom: 1px solid #ddd
}

#loop_news dt {
  width: 130px;
  color: #666
}

#loop_news a:hover {
  text-decoration: underline
}

#txt_ceo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: auto;
  font-size: 1.4rem
}

#txt_ceo span {
  display: block;
  width: 85px;
  height: 25px;
  background-image: url(../images/company/img_ceo_name.svg);
  background-size: cover;
  text-indent: -9999px;
  margin: 0 0 0 20px
}

.section_policy_1,
.section_policy_2 {
  width: auto;
  text-align: center;
  font-family: YakuHanJP, 'Noto Sans Medium', sans-serif;
  margin: 0 0 50px
}

.section_policy_1 {
  font-size: 1.8rem
}

.section_policy_2 .list_policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  list-style: none;
  white-space: nowrap
}

.section_policy_2 .list_policy li {
  width: 252px
}

.section_policy_2 .list_policy li:before {
  content: "";
  display: block;
  width: auto;
  height: 164px;
  background-position: center center;
  background-size: 164px;
  background-repeat: no-repeat;
  margin: 0 0 25px
}

.section_policy_2 .list_policy #li_policy_1:before {
  background-image: url(../images/company/icon_policy_1.png)
}

.section_policy_2 .list_policy #li_policy_2:before {
  background-image: url(../images/company/icon_policy_2.png)
}

.section_policy_2 .list_policy #li_policy_3:before {
  background-image: url(../images/company/icon_policy_3.png)
}

.table_history {
  width: 100%;
  font-size: 1.4rem
}

.table_history th,
.table_history td {
  text-align: left;
  vertical-align: top;
  padding: 20px 0
}

.table_history th {
  width: 135px;
  color: #08358c;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 4.2rem;
  font-style: italic;
  font-weight: normal;
  text-align: center;
  line-height: 1;
  border-right: 1px solid #ddd
}

.table_history th span {
  display: block;
  width: auto;
  font-family: sans-serif;
  font-size: 1.3rem;
  color: #111;
  margin: 4px 0 0
}

.table_history td {
  padding-left: 30px
}

.table_history tr:nth-child(even) {
  background-color: #ebebeb
}

.section_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  margin: 0 0 80px
}

.section_area .detail_area {
  width: 380px
}

.section_area .detail_area dl {
  width: auto;
  font-size: 1.4rem;
  border: 1px solid #ddd;
  padding: 10px 13px
}

.section_area .detail_area dl dt {
  font-weight: bold
}

.section_area iframe {
  width: 300px;
  height: 200px
}

.section_area figure {
  width: auto;
  margin: 40px 0 0
}

.flex_about_1,
.flex_about_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  margin: 0 0 40px
}

.flex_about_1 .detail_about,
.flex_about_2 .detail_about {
  width: 470px
}

.flex_about_1 figure,
.flex_about_2 figure {
  width: 310px;
  margin: 10px 0 0
}

.flex_about_2 .detail_about {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.flex_about_2 figure {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

#box_news {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 0 30px;
  margin: 0 auto 100px
}

#box_news .ttl_cmn_01 {
  width: 280px
}

#box_news #loop_news {
  width: calc(100% - 280px)
}

#box_news #loop_news dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  padding: 14px 0
}

#box_news #loop_news dl:not(:last-child) {
  border-bottom: 1px solid #ddd
}

#box_news #loop_news dt {
  width: 130px;
  color: #666
}

#box_news #loop_news a:hover {
  text-decoration: underline
}

#box_news .btn_cmn_02 {
  position: absolute;
  left: 0;
  bottom: 0
}

#box_lead_recruit {
  position: relative;
  width: auto;
  padding: 120px 0 0;
  margin: 0 auto 120px
}

#box_lead_recruit .back_blue {
  top: 0;
  right: 0;
  z-index: 2;
  width: 70vw;
  height: 855px
}

#box_lead_recruit .back_gray {
  top: 350px;
  left: 0
}

#box_lead_recruit #txt_lead_recruit {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #fff;
  margin: 0 auto 240px
}

#box_lead_recruit #txt_lead_recruit .ttl_cmn_01 {
  color: #fff
}

#box_lead_recruit #txt_lead_recruit .ttl_cmn_01 span {
  color: #fff
}

#box_lead_recruit #txt_lead_recruit .txt_detail {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 536px
}

#box_lead_recruit #txt_lead_recruit figure {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

#box_lead_recruit #nav_recruit_lead {
  position: relative;
  padding: 0 0 60px;
  margin: 0 0 120px
}

#box_lead_recruit #nav_recruit_lead .back_green {
  top: 80px;
  width: 100%;
  height: 250px
}

#box_lead_recruit #nav_recruit_lead ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 2rem;
  line-height: 1;
  list-style: none
}

#box_lead_recruit #nav_recruit_lead li {
  position: relative;
  z-index: 10;
  width: 565px;
  height: 274px;
  background-color: #fff
}

#box_lead_recruit #nav_recruit_lead li a {
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}

#box_lead_recruit #nav_recruit_lead li a:hover {
  opacity: .9
}

#box_lead_recruit #nav_recruit_lead #nav_education a {
  background-image: url(../images/recruit/back_nav_education.jpg)
}

#box_lead_recruit #nav_recruit_lead #nav_system a {
  background-image: url(../images/recruit/back_nav_system.jpg)
}

#box_lead_recruit #nav_recruit_lead a {
  display: block;
  width: auto;
  height: 100%;
  color: #fff
}

#box_lead_recruit #nav_recruit_lead span {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  background-image: url(../images/common/icon_arrow_white.svg);
  background-position: 96% center;
  background-size: 13px;
  background-color: rgba(6, 36, 49, 0.75);
  padding: 20px
}

#box_lead_recruit #back_office {
  background: #0b43af;
  background: linear-gradient(135deg, #00a4c1 0%, #0674b8 20%, #0b43af 100%);
  padding: 80px 0 55px
}

#box_lead_recruit #box_office {
  position: relative;
  color: #fff
}

#box_lead_recruit #box_office h2 {
  position: relative;
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 2rem;
  line-height: 1;
  padding: 20px 0
}

#box_lead_recruit #box_office h2 span {
  position: relative;
  z-index: 2
}

#box_lead_recruit #box_office h2:after {
  position: absolute;
  z-index: 1;
  top: -15px;
  left: 0;
  content: "WORKPLACE";
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 8rem;
  opacity: .12
}

#box_lead_recruit #box_office #nav_office {
  width: auto;
  line-height: 1;
  margin: 35px 0 100px
}

#box_lead_recruit #box_office #nav_office figure {
  width: 268px
}

#box_lead_recruit #box_office #nav_office figure figcaption {
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  margin: 20px 0 0
}

#box_lead_recruit #box_office #nav_office figure img {
  width: 268px;
  height: auto
}

#box_lead_recruit #box_office #nav_office a {
  display: block;
  width: auto;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}

#box_lead_recruit #box_office #nav_office a span {
  position: relative;
  z-index: 2;
  display: block;
  width: 96px;
  font-family: YakuHanJP, 'Noto Sans Regular', sans-serif;
  font-size: 1.4rem;
  text-align: center;
  background-color: #8ec914;
  padding: 10px 0;
  margin: -20px 0 16px
}

#box_lead_recruit #box_office #nav_office a:hover {
  opacity: .9
}

#box_lead_recruit #box_office .btn_cmn_01 {
  position: absolute;
  top: 7px;
  right: 0
}

#back_area_recruit {
  position: relative;
  width: auto
}

#back_area_recruit .back_green {
  top: 0;
  left: 0
}

#back_area_recruit .back_blue {
  right: 0;
  bottom: -150px
}

#id_area_recruit {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #fff;
  padding: 100px 0 0;
  margin: 0 auto 260px
}

#id_area_recruit .txt_detail {
  width: 495px
}

#id_area_recruit .ttl_cmn_01 {
  color: #fff
}

#id_area_recruit .ttl_cmn_01 span {
  color: #fff
}

#id_area_recruit ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  line-height: 1;
  list-style: none;
  margin: 50px 0 0
}

#id_area_recruit ul li {
  width: 230px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin: -1px 0 0
}

#id_area_recruit ul a {
  display: block;
  width: auto;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  background-image: url(../images/common/icon_arrow_white.svg);
  background-position: 98% center;
  background-size: 10px;
  padding: 20px 0
}

#id_area_recruit ul a:hover {
  color: #08358c;
  background-image: url(../images/common/icon_arrow_blue.svg)
}

#nav_recruit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  line-height: 1
}

#nav_recruit figure {
  width: 268px
}

#nav_recruit figure .link_recruit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  height: 258px;
  background-color: #f3f3f3
}

#nav_recruit figure .link_recruit img {
  width: 104px;
  height: auto
}

#nav_recruit figure:last-child .link_recruit img {
  width: 46px;
  height: auto
}

#nav_recruit figure:hover {
  color: #08358c
}

#nav_recruit figcaption a {
  display: block;
  width: auto;
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  background-image: url(../images/common/icon_arrow_blue.svg);
  background-size: 10px;
  background-position: right center;
  padding: 20px 0
}

#back_system {
  background-image: url(../images/recruit/system/back_page.jpg)
}

.detail_welfare {
  width: auto;
  background-color: #f2f2f2;
  padding: 18px 25px 25px;
  margin: 0 0 20px
}

.detail_welfare ul {
  width: auto;
  list-style: none
}

.detail_welfare ul li {
  display: inline
}

.detail_welfare ul li:not(:last-child):after {
  content: "��"
}

.flex_event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto
}

.flex_event .detail_event {
  width: 390px;
  font-size: 1.4rem;
  margin: 0 0 50px
}

.flex_event .detail_event figure {
  width: auto;
  margin: 0 0 15px
}

#lead_interview {
  line-height: 1.9;
  margin: 0 0 60px
}

#box_interview {
  position: relative;
  width: auto;
  line-height: 1.9;
  padding: 50px 0
}

#box_interview .ttl_interview {
  position: relative;
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 2.4rem;
  color: #08358c;
  line-height: 1;
  padding: 20px 12px;
  margin: 0 0 52px
}

#box_interview .ttl_interview span {
  position: relative;
  z-index: 3
}

#box_interview .ttl_interview:after {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: -5px;
  content: "INTERVIEW";
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 7.8rem;
  color: #fff
}

#box_interview figure {
  position: relative;
  z-index: 2
}

#box_interview .detai_interview_1,
#box_interview .detai_interview_2 {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  margin: 0 0 70px
}

#box_interview .detai_interview_1 .txt_interview,
#box_interview .detai_interview_2 .txt_interview {
  width: 385px
}

#box_interview .detai_interview_2 .txt_interview {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

#box_interview .detai_interview_2 figure {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

#box_interview .detai_interview_3 {
  position: relative;
  z-index: 2;
  width: auto;
  margin: 0 0 70px
}

#box_interview #back_interview {
  position: absolute;
  z-index: 1;
  top: 0;
  left: -100vw;
  width: 4000px;
  height: 4000px;
  background-color: #f3f3f3
}

.section_staff {
  width: auto;
  background-color: #dcebf5;
  padding: 35px 40px;
  margin: 0 0 50px
}

.section_staff h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 4.6rem;
  line-height: 1;
  color: #8da1c5;
  margin: 0 0 32px
}

.section_staff h2 span {
  display: block;
  width: auto;
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 2rem;
  color: #111;
  margin: 16px 0 0
}

.section_staff h2 strong {
  font-size: 1.6rem
}

.section_staff figure {
  float: right;
  width: auto;
  margin: 0 0 30px 40px
}

.section_staff .box_white {
  width: auto;
  font-size: 1.4rem;
  background-color: #fff;
  padding: 20px 30px 10px;
  margin: 0 0 20px
}

.section_staff .box_white h3 {
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 1.6rem;
  margin: 0 0 5px
}

.section_staff .box_white p {
  line-height: 1.6;
  margin: 0 0 14px
}

.flex_support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto
}

.flex_support .detail_support {
  width: 500px
}

.dl_qa {
  width: auto;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding: 20px 0;
  margin: -1px 0 0
}

.dl_qa dt,
.dl_qa dd {
  position: relative;
  width: auto;
  padding: 0 0 0 45px
}

.dl_qa dt:before,
.dl_qa dd:before {
  position: absolute;
  top: .2em;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: sans-serif;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  border-radius: 25px
}

.dl_qa dt {
  font-family: YakuHanJP, 'Noto Sans Medium', sans-serif;
  font-size: 2rem;
  margin: 0 0 10px
}

.dl_qa dt:before {
  content: "Q";
  background-color: #666
}

.dl_qa dd:before {
  content: "A";
  background-color: #08358c
}

#box_step {
  position: relative;
  width: auto;
  margin: 0 0 40px
}

#box_step:after {
  position: absolute;
  z-index: 1;
  top: 110px;
  left: 83px;
  content: "";
  display: block;
  width: 3px;
  height: 475px;
  background-color: #08358c
}

#box_step .section_process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  padding: 20px
}

#box_step .section_process h2 {
  position: relative;
  z-index: 2;
  width: 130px;
  height: 130px;
  text-indent: -9999px
}

#box_step .section_process #ttl_step_1 {
  background-image: url(../images/recruit/process/ttl_step_1.png)
}

#box_step .section_process #ttl_step_2 {
  background-image: url(../images/recruit/process/ttl_step_2.png)
}

#box_step .section_process #ttl_step_3 {
  background-image: url(../images/recruit/process/ttl_step_3.png)
}

#box_step .section_process #ttl_step_4 {
  background-image: url(../images/recruit/process/ttl_step_4.png)
}

#box_step .section_process .ttl_step {
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 2.2rem
}

#box_step .section_process .detail_process {
  width: calc(100% - 160px)
}

#box_step .section_process:nth-child(even) {
  background-color: #f2f2f2
}

.flex_talent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto
}

.flex_talent .loop_talent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 252px;
  margin: 0 0 40px
}

.flex_talent .loop_talent h2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 100%;
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 2rem;
  color: #08358c
}

.flex_talent .loop_talent p {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.6;
  text-align: left
}

.flex_talent .loop_talent figure {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  margin: 0 0 10px
}

.flex_talent .loop_talent img {
  width: 170px;
  height: auto
}

#box_timeline {
  position: relative;
  width: auto;
  overflow: hidden;
  padding: 30px 0;
  margin: 0 0 70px
}

#box_timeline:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 409px;
  content: "";
  display: block;
  width: 3px;
  height: 4000px;
  background-color: #278acd
}

#box_timeline .section_timeline_1,
#box_timeline .section_timeline_2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  margin: 0 0 90px
}

#box_timeline .section_timeline_1 h2,
#box_timeline .section_timeline_2 h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  line-height: 1;
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 2.1rem;
  margin: 0 0 18px
}

#box_timeline .section_timeline_1 h2 span,
#box_timeline .section_timeline_2 h2 span {
  display: block;
  width: auto;
  color: #08358c;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 2.7rem;
  margin: 0 20px 0 0
}

#box_timeline .section_timeline_1 .detail_timeline,
#box_timeline .section_timeline_2 .detail_timeline {
  width: 354px;
  font-size: 1.5rem;
  text-align: justify
}

#box_timeline .section_timeline_1 figure,
#box_timeline .section_timeline_2 figure {
  width: 354px;
  height: 230px;
  text-align: center;
  background-color: #f2f2f2;
  overflow: hidden
}

#box_timeline .section_timeline_1:before,
#box_timeline .section_timeline_1:after,
#box_timeline .section_timeline_2:before,
#box_timeline .section_timeline_2:after {
  position: absolute;
  z-index: 2;
  content: "";
  display: block
}

#box_timeline .section_timeline_1:before,
#box_timeline .section_timeline_2:before {
  top: 15px;
  left: 320px;
  width: 80px;
  height: 3px;
  background-color: #278acd
}

#box_timeline .section_timeline_1:after,
#box_timeline .section_timeline_2:after {
  top: 6px;
  left: 400px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 3px solid #278acd;
  border-radius: 10px
}

#box_timeline .section_timeline_1:last-child,
#box_timeline .section_timeline_2:last-child {
  margin: 0
}

#box_timeline .section_timeline_2 .detail_timeline {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

#box_timeline .section_timeline_2 figure {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

#box_timeline .section_timeline_2 .figure_none {
  visibility: hidden;
  height: 0px
}

#box_timeline .section_timeline_2:before {
  left: auto;
  right: 370px;
  width: 30px
}

.section_holiday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  background-color: #f2f2f2;
  padding: 50px 40px
}

.section_holiday h2 {
  width: auto;
  line-height: 1;
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 2.1rem;
  margin: 0 0 18px
}

.section_holiday .detail_holiday {
  width: 330px
}

.section_holiday figure {
  width: 354px
}

#box_csr p,
#box_csr ul,
#box_csr ol,
#box_csr table {
  margin-bottom: 1.4em
}

#box_csr hr {
  margin: 3em 0
}

#box_csr table {
  width: 70%;
  border-bottom: 1px solid #ddd
}

#box_csr table tr {
  border-top: 1px solid #ddd
}

#box_csr table th,
#box_csr table td {
  padding: 10px 20px
}

#box_csr table th {
  width: 70%;
  text-align: left;
  background-color: #f2f2f2;
  white-space: nowrap;
}

#box_csr table td {
  text-align: left;
  white-space: nowrap;
}

#box_csr h2 {
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 2.4rem;
  color: #08358c;
  margin: 0 0 15px
}

#box_csr h3 {
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 2rem;
  margin: 0 0 10px
}

#box_csr h4 {
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 1.8rem;
  color: #08358c;
  margin: 0 0 10px
}

#box_csr h5 {
  font-family: YakuHanJP, 'Noto Sans Medium', sans-serif;
  font-size: 1.6rem;
  background-color: #f2f2f2;
  padding: 5px 20px;
  margin: 0 0 15px
}

#box_csr h6 {
  font-family: YakuHanJP, 'Noto Sans Medium', sans-serif;
  font-size: 1.6rem;
  margin: 0 0 10px
}

#box_health_and_productivity p,
#box_health_and_productivity ul,
#box_health_and_productivity ol,
#box_health_and_productivity table {
  margin-bottom: 1.4em
}

#box_health_and_productivity hr {
  margin: 3em 0
}

#box_health_and_productivity table {
  width: 70%;
  border-bottom: 1px solid #ddd
}

#box_health_and_productivity table tr {
  border-top: 1px solid #ddd
}

#box_health_and_productivity table th,
#box_health_and_productivity table td {
  padding: 10px 20px
}

#box_health_and_productivity table th {
  width: 70%;
  text-align: left;
  background-color: #f2f2f2;
  white-space: nowrap;
}

#box_health_and_productivity table td {
  text-align: left;
  white-space: nowrap;
}

#box_health_and_productivity h2 {
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 2.4rem;
  color: #08358c;
  margin: 0 0 15px
}

#box_health_and_productivity h3 {
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 2rem;
  margin: 0 0 10px
}

#box_health_and_productivity h4 {
  font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
  font-size: 1.8rem;
  color: #08358c;
  margin: 0 0 10px
}

#box_health_and_productivity h5 {
  font-family: YakuHanJP, 'Noto Sans Medium', sans-serif;
  font-size: 1.6rem;
  background-color: #f2f2f2;
  padding: 5px 20px;
  margin: 0 0 15px
}

#box_health_and_productivity h6 {
  font-family: YakuHanJP, 'Noto Sans Medium', sans-serif;
  font-size: 1.6rem;
  margin: 0 0 10px
}

.box_health_column { /* 蛛･蠎ｷ繧ｳ繝ｩ繝� */
  position: relative;
}
.box_health_column_archive {
  position: absolute;
  top: 0;
  right: 0;
}
.select_health_column_archive {
  border: revert;
  padding-right: 2em;
  height: 2.2em;
  cursor: pointer;
}
.select_health_column_archive:focus {
  outline: revert;
}

.list_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  list-style: none
}

.list_link li {
  width: 48%;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 0 0 20px
}

.list_link a {
  display: block;
  width: auto;
  text-align: center;
  padding: 50px 20px
}

.list_link img {
  width: 200px;
  height: auto;
  margin: 0 auto
}

.list_sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto;
  list-style: none;
  line-height: 1
}

.list_sitemap li {
  width: 32%;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 16px 20px 0
}

.list_sitemap li:nth-child(3n) {
  margin-right: 0
}

.list_sitemap a {
  display: block;
  width: auto;
  text-align: center;
  text-decoration: none !important;
  padding: 30px
}

.list_sitemap a:hover {
  color: #fff !important;
  background-color: #278acd
}

@media screen and (max-width: 414px) {
  .sp_object {
    display: block
  }

  body {
    padding: 60px 0 0
  }

  main {
    margin: 0 0 80px
  }

  img {
    max-width: 100%;
    height: auto
  }

  .back_green {
    display: none;
    background-image: url(../images/common/back_green.png);
    background-repeat: repeat
  }

  .back_blue {
    display: none;
    background: #0b43af;
    background: linear-gradient(45deg, #0b43af 0%, #0674b8 79%, #00a4c1 100%)
  }

  .back_gray {
    display: none
  }

  #back_contents {
    display: none
  }

  #block_wrapper {
    width: 92%;
    line-height: 1.7
  }

  #block_wrapper_contents {
    display: block;
    width: 92%;
    min-height: auto;
    padding: 0;
    margin: 0 auto
  }

  #block_wrapper_contents #box_contents {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: auto;
    line-height: 1.8
  }

  #block_wrapper_contents #nav_page {
    display: none
  }

  .box_cmn_1 {
    width: 92%
  }

  #list_bread {
    display: none
  }

  .ttl_page {
    text-align: center;
    padding: 40px 0;
    margin: 0 0 30px
  }

  .ttl_page h1 {
    display: block;
    width: 100%;
    font-size: 4rem;
    margin: 0
  }

  .ttl_page h1 span {
    font-size: 1.5rem;
    letter-spacing: .04em;
    margin: 4px 0 0
  }

  #back_recruit {
    background-image: url(../images/recruit/back_page.jpg)
  }

  #box_news {
    display: block;
    width: 92%;
    padding: 0;
    margin: 0 auto 40px
  }

  #box_news .ttl_cmn_01 {
    width: auto;
    text-align: center;
    margin: 0
  }

  #box_news #loop_news {
    width: auto;
    font-size: 1.5rem
  }

  #box_news #loop_news dl {
    display: block;
    width: auto;
    padding: 10px 0
  }

  #box_news #loop_news dt {
    width: auto;
    color: #666
  }

  #box_news #loop_news dd {
    line-height: 1.8
  }

  #box_news .btn_cmn_02 {
    position: absolute;
    left: 0;
    bottom: 0
  }

  #box_lead_recruit {
    position: relative;
    width: auto;
    padding: 0;
    margin: 0 auto
  }

  #box_lead_recruit .ttl_cmn_01 {
    text-align: center
  }

  #box_lead_recruit #txt_lead_recruit {
    position: relative;
    z-index: 10;
    display: block;
    width: auto;
    color: #fff;
    background: #0b43af;
    background: linear-gradient(45deg, #0b43af 0%, #0674b8 79%, #00a4c1 100%);
    padding: 72px 4%;
    margin: 0 auto
  }

  #box_lead_recruit #txt_lead_recruit .txt_detail {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: auto
  }

  #box_lead_recruit #txt_lead_recruit .txt_detail .mar40 {
    margin: 0 0 20px
  }

  #box_lead_recruit #txt_lead_recruit .txt_detail .btn_cmn_01 {
    display: block;
    width: 190px;
    height: auto;
    margin: 0 auto
  }

  #box_lead_recruit #txt_lead_recruit figure {
    display: none
  }

  #box_lead_recruit #back_office {
    background: #0b43af;
    background: linear-gradient(135deg, #00a4c1 0%, #0674b8 20%, #0b43af 100%);
    padding: 80px 0 10px
  }

  #box_lead_recruit #nav_recruit_lead {
    position: relative;
    background-image: url(../images/common/back_green.png);
    background-repeat: repeat;
    padding: 0 0 10px;
    margin: 0
  }

  #box_lead_recruit #nav_recruit_lead ul {
    display: block;
    padding: 10px 0 0
  }

  #box_lead_recruit #nav_recruit_lead li {
    width: 100%;
    height: auto;
    margin: 15px 0
  }

  #box_lead_recruit #nav_recruit_lead #nav_education a {
    background-size: cover
  }

  #box_lead_recruit #nav_recruit_lead a {
    display: block;
    width: auto;
    height: 100%;
    color: #fff;
    padding: 0
  }

  #box_lead_recruit #nav_recruit_lead span {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    background-position: 90% center;
    padding: 30px 20px
  }

  #box_lead_recruit #box_office {
    position: relative;
    margin: 0 auto 40px
  }

  #box_lead_recruit #box_office h2 {
    text-align: center;
    padding: 20px 0
  }

  #box_lead_recruit #box_office h2 span {
    position: relative;
    z-index: 2
  }

  #box_lead_recruit #box_office h2:after {
    top: .05em;
    width: 100%;
    font-size: 5rem;
    text-align: center
  }

  #box_lead_recruit #box_office #nav_office {
    position: relative;
    width: 84%;
    line-height: 1;
    margin: 10px auto 60px
  }

  #box_lead_recruit #box_office #nav_office .arrow_prev,
  #box_lead_recruit #box_office #nav_office .arrow_next {
    position: absolute;
    z-index: 5;
    top: 36%;
    left: -14%;
    width: 45px;
    text-align: center;
    font-size: 2rem;
    color: #08358c;
    background-color: #fff;
    padding: 20px 0
  }

  #box_lead_recruit #box_office #nav_office .arrow_next {
    left: auto;
    right: -14%
  }

  #box_lead_recruit #box_office #nav_office figure {
    width: 100%
  }

  #box_lead_recruit #box_office #nav_office figure img {
    width: 100%;
    height: auto
  }

  #back_area_recruit {
    position: relative;
    width: auto;
    background-image: url(../images/common/back_green.png);
    background-repeat: repeat
  }

  #id_area_recruit {
    display: block;
    padding: 60px 0 70px;
    margin: 0 auto 40px
  }

  #id_area_recruit .txt_detail {
    width: auto
  }

  #id_area_recruit .ttl_cmn_01 {
    text-align: center
  }

  #id_area_recruit ul {
    margin: 20px 0 30px
  }

  #id_area_recruit ul li {
    width: 49%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: -1px 0 0
  }

  #id_about_recruit .ttl_cmn_01 {
    text-align: center;
    margin: 0 0 30px
  }

  #nav_recruit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    line-height: 1
  }

  #nav_recruit figure {
    width: 48%;
    margin: 0 0 20px
  }

  #nav_recruit figure .link_recruit {
    width: auto;
    height: 100px;
    background-color: #f3f3f3
  }

  #nav_recruit figure .link_recruit img {
    width: 50px;
    height: auto
  }

  #nav_recruit figure:last-child .link_recruit img {
    width: 23px;
    height: auto
  }

  #nav_recruit figcaption a {
    padding: 15px 0
  }

  .flex_event {
    display: block
  }

  .flex_event .detail_event {
    width: 100%;
    font-size: 1.5rem;
    margin: 0 0 25px
  }

  #lead_interview {
    min-height: auto;
    line-height: 1.9;
    margin: 0 0 30px
  }

  #box_interview {
    position: relative;
    width: auto;
    line-height: 1.9;
    padding: 30px 0 20px
  }

  #box_interview .ttl_interview {
    font-size: 2rem;
    margin: 0 0 30px
  }

  #box_interview .ttl_interview:after {
    position: absolute;
    z-index: 2;
    top: -5px;
    left: -5px;
    font-size: 6rem
  }

  #box_interview .detai_interview_1,
  #box_interview .detai_interview_2 {
    position: relative;
    z-index: 2;
    display: block;
    width: auto;
    margin: 0 0 40px
  }

  #box_interview .detai_interview_1 .txt_interview,
  #box_interview .detai_interview_2 .txt_interview {
    width: 100%
  }

  #box_interview .detai_interview_1 figure,
  #box_interview .detai_interview_2 figure {
    margin: 20px 0 0
  }

  #box_interview .detai_interview_3 {
    margin: 0 0 50px
  }

  body article.align_center {
    text-align: left
  }

  .flex_talent {
    display: block;
    width: auto;
    text-align: left
  }

  .flex_talent .loop_talent {
    display: block;
    width: 100%;
    margin: 0 0 1em
  }

  .flex_talent .loop_talent h2 {
    width: 100%;
    font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
    font-size: 2rem;
    color: #08358c
  }

  .flex_talent .loop_talent p {
    width: 100%;
    text-align: left;
    line-height: 1.6
  }

  .flex_talent .loop_talent figure {
    display: none
  }

  .section_staff {
    padding: 30px 20px;
    margin: 0 0 35px
  }

  .section_staff p {
    line-height: 1.8;
    text-align: justify
  }

  .section_staff figure {
    float: none;
    width: auto;
    text-align: center;
    margin: 0 0 30px
  }

  .section_staff .box_white {
    width: auto;
    font-size: 1.4rem;
    background-color: #fff;
    padding: 10px 20px;
    margin: 0 0 20px
  }

  .section_staff .box_white h3 {
    font-family: YakuHanJP, 'Noto Sans Bold', sans-serif;
    font-size: 1.6rem
  }

  .section_staff .box_white p {
    margin: 0 0 10px
  }

  #box_step {
    position: relative;
    width: auto;
    margin: 0 0 30px
  }

  #box_step:after {
    content: none
  }

  #box_step .section_process {
    display: block;
    width: auto;
    padding: 0;
    margin: 0
  }

  #box_step .section_process:not(:last-child):after {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 5rem;
    line-height: 1;
    display: block;
    width: 100%;
    text-align: center;
    color: #278acd
  }

  #box_step .section_process h2 {
    display: block;
    width: auto;
    height: auto;
    color: #fff;
    background-color: #278acd;
    text-indent: 0;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 2.5rem;
    font-style: italic;
    text-align: center;
    border-radius: 3px;
    line-height: 1;
    padding: 5px 30px;
    margin: 0 0 10px
  }

  #box_step .section_process #ttl_step_1 {
    background-image: none
  }

  #box_step .section_process #ttl_step_2 {
    background-image: none
  }

  #box_step .section_process #ttl_step_3 {
    background-image: none
  }

  #box_step .section_process #ttl_step_4 {
    background-image: none
  }

  #box_step .section_process .ttl_step {
    font-size: 1.8rem
  }

  #box_step .section_process .detail_process {
    width: 100%
  }

  #box_step .section_process:nth-child(even) {
    background-color: transparent
  }

  .flex_support {
    display: block;
    width: auto
  }

  .flex_support .detail_support {
    width: 100%;
    margin: 0 0 30px
  }

  .flex_support img {
    width: 100%;
    height: auto
  }

  .dl_qa dt {
    font-size: 1.7rem;
    line-height: 1.5;
    margin: 0 0 18px
  }

  .dl_qa dd {
    line-height: 1.8
  }

  #box_timeline {
    padding: 0;
    margin: 0 0 30px
  }

  #box_timeline:after {
    content: none
  }

  #box_timeline .section_timeline_1,
  #box_timeline .section_timeline_2 {
    display: block;
    width: auto;
    margin: 0 0 45px
  }

  #box_timeline .section_timeline_1 .detail_timeline,
  #box_timeline .section_timeline_2 .detail_timeline {
    width: 100%;
    line-height: 1.9
  }

  #box_timeline .section_timeline_1 h2,
  #box_timeline .section_timeline_2 h2 {
    font-size: 1.9rem;
    margin: 0 0 15px
  }

  #box_timeline .section_timeline_1 figure,
  #box_timeline .section_timeline_2 figure {
    width: 100%;
    height: auto;
    margin: 20px 0 0
  }

  #box_timeline .section_timeline_1:before,
  #box_timeline .section_timeline_1:after,
  #box_timeline .section_timeline_2:before,
  #box_timeline .section_timeline_2:after {
    content: none
  }

  .section_holiday {
    display: block;
    padding: 25px 20px
  }

  .section_holiday h2 {
    font-size: 1.8rem;
    margin: 0 0 10px
  }

  .section_holiday .detail_holiday {
    width: auto;
    line-height: 1.7
  }

  .section_holiday figure {
    width: auto;
    margin: 20px 0 0
  }

  .section_policy_1,
  .section_policy_2 {
    width: auto;
    text-align: left;
    margin: 0
  }

  .section_policy_1 {
    font-size: 1.7rem;
    line-height: 1.7;
    margin: 0 0 35px
  }

  .section_policy_1 br {
    display: none
  }

  .section_policy_2 {
    margin: 35px 0 0
  }

  .section_policy_2 .list_policy {
    display: block;
    width: auto;
    list-style: disc;
    white-space: normal;
    margin: 0 0 0 22px
  }

  .section_policy_2 .list_policy li {
    width: 100%;
    font-family: YakuHanJP, 'Noto Sans Regular', sans-serif;
    font-size: 1.5rem;
    margin: 0 0 15px
  }

  .section_policy_2 .list_policy li br {
    display: none
  }

  .section_policy_2 .list_policy li:before {
    display: none
  }

  .table_history {
    display: block;
    width: 100%;
    font-size: 1.4rem
  }

  .table_history tr {
    padding: 15px 18px
  }

  .table_history tr,
  .table_history th,
  .table_history td {
    display: block;
    width: 100%
  }

  .table_history th,
  .table_history td {
    text-align: left;
    padding: 0
  }

  .table_history th {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    width: 100%;
    text-align: left;
    border-right: none;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px
  }

  .table_history th span {
    margin: 0 0 0 10px
  }

  .table_history td {
    padding-left: 0;
    padding: 10px 0 0
  }

  .section_area {
    display: block;
    width: auto;
    margin: 0 0 40px
  }

  .section_area .detail_area {
    width: 100%
  }

  .section_area .detail_area dl {
    width: auto;
    font-size: 1.4rem;
    border: 1px solid #ddd;
    padding: 10px 13px
  }

  .section_area .detail_area dl dt {
    font-weight: bold
  }

  .section_area iframe {
    width: 100%;
    margin: 20px 0 0
  }

  .section_area figure {
    width: auto;
    margin: 10px 0 0
  }

  .flex_about_1,
  .flex_about_2 {
    display: block;
    width: auto
  }

  .flex_about_1 .detail_about,
  .flex_about_2 .detail_about {
    width: 100%
  }

  .flex_about_1 figure,
  .flex_about_2 figure {
    width: 100%;
    margin: 20px 0 0
  }

  .flex_about_1 figure img,
  .flex_about_2 figure img {
    width: 100%;
    height: auto
  }

  #box_csr p,
  #box_csr ul,
  #box_csr ol,
  #box_csr table {
    line-height: 1.7
  }

  #box_csr hr {
    margin: 3em 0
  }

  #box_csr table {
    width: 100%
  }

  #box_csr table th,
  #box_csr table td {
    padding: 10px
  }

  #box_csr table th {
    width: 80%
  }

  #box_csr table td {
    text-align: right
  }

  #box_csr h2 {
    font-size: 2.1rem
  }

  #box_csr h3 {
    font-size: 2rem
  }

  #box_csr h4 {
    font-size: 1.8rem
  }

  #box_csr h5 {
    font-size: 1.6rem
  }

  #box_csr h6 {
    font-size: 1.6rem
  }

  .list_link {
    display: block
  }

  .list_link li {
    width: 76%;
    border-radius: 0;
    margin: 10px auto
  }

  .list_link a {
    display: block;
    width: auto;
    text-align: center;
    padding: 20px
  }

  .list_sitemap {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    list-style: none;
    line-height: 1
  }

  .list_sitemap li {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    margin: 0 0 10px
  }

  .list_sitemap li:nth-child(3n) {
    margin-right: 0
  }

  .list_sitemap a {
    text-align: left;
    padding: 5px 0
  }

  #box_health_and_productivity p,
  #box_health_and_productivity ul,
  #box_health_and_productivity ol,
  #box_health_and_productivity table {
    line-height: 1.7
  }

  #box_health_and_productivity hr {
    margin: 3em 0
  }

  #box_health_and_productivity table {
    width: 100%
  }

  #box_health_and_productivity table th,
  #box_health_and_productivity table td {
    padding: 10px
  }

  #box_health_and_productivity table th {
    width: revert
  }

  #box_health_and_productivity table td {
    white-space: revert
  }

  #box_health_and_productivity h2 {
    font-size: 2.1rem
  }

  #box_health_and_productivity h3 {
    font-size: 2rem
  }

  #box_health_and_productivity h4 {
    font-size: 1.8rem
  }

  #box_health_and_productivity h5 {
    font-size: 1.6rem
  }

  #box_health_and_productivity h6 {
    font-size: 1.6rem
  }

  .select_health_column_archive {
    padding-right: 1em;
    height: 2em;
  }    

  .list_link {
    display: block
  }

  .list_link li {
    width: 76%;
    border-radius: 0;
    margin: 10px auto
  }

  .list_link a {
    display: block;
    width: auto;
    text-align: center;
    padding: 20px
  }

  .list_sitemap {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    list-style: none;
    line-height: 1
  }

  .list_sitemap li {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    margin: 0 0 10px
  }

  .list_sitemap li:nth-child(3n) {
    margin-right: 0
  }

  .list_sitemap a {
    text-align: left;
    padding: 5px 0
  }
}