:root {
  --base-font: 'Open Sans', Verdana,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",Meiryo, sans-serif;
  --sub-font: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 共通 */
.lower h1 {
  text-align:left;
  font-size: clamp(20px, 3vw, 25px);
  padding-bottom:1.3em;
  color:#666;
}
						@media screen and (max-width: 909px) {
						.lower h1 {
              padding-bottom: 0;
						}
						}

.lower h1 span {
  display: block;
  font-size: 18px;
  padding-top: 10px;
}
						@media screen and (max-width: 909px) {
						.lower h1 span {
              display: inline-block;
              padding-left: 10px;
						}
						}

.lower h3{
	color:#FFFFFF;
	clear: both;
	font-size: clamp(18px, 2vw, 24px);
	line-height: 1.4;
	margin-bottom: 1em;
	font-weight: bold;
	padding: 1.5em 20px 1.5em 2em;
	position: relative;
	background-image:url('./img/bg_h3.png');
	background-repeat:repeat;
}
.lower h4{
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 0.5em 0;
	padding: 1.5em;
	font-size: clamp(15px, 2vw,21px);
	background-color:#E6E6E6;
	border-left:1px solid #1D21A7;
}
.lower h5{
	font-weight: bold;
	text-align: center;
  margin: 0 0 0.5em 0;
  font-family:var(--base-font);
}

.lower h6{
  clear: both;
  margin: 0 0 10px 0;
  line-height: 1.5;
  padding: 5px 0 5px 15px;
  font-size: clamp(16px, 2.2vw , 26.6px);
  position:relative;
}
.lower h6::after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:3px;
  height:1.8em;
  background-color:#251e1c;
}

/*.lower .pc_menu_black,
.lower .sp_menu_black {
  background-color:transparent;
}*/
.containerInner_default {
  background: rgb(245,245,245);
  background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 23%, rgba(255,255,255,1) 23%, rgba(255,255,255,1) 100%);
}
						@media screen and (max-width: 909px) {
						.containerInner_default {
              background: #FFF;
						}
						}
.body_interview .containerInner_default{
  background-color: #fff;
  background: none;
}
article,
.breadCrumb ul {
  max-width:100%;
  padding:0;
}
.lower .container article {
  max-width:100%;
}
.columnBox .firstview {
  position: relative;
  background-color: #f5f5f5;
  padding-top: 538px;
  text-align: center;
  line-height: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.columnBox .firstview  .firstview_copy{
  position: absolute;
  text-align: center;
  top: 21%;
  left: calc(50% - 136px);
}
.columnBox .firstview img {
  width: 100%;
}
.body_aboutus .columnBox .firstview  .firstview_copy{
  left: calc(50% - 153px);
}
.body_identity .columnBox .firstview  .firstview_copy{
  left: calc(50% - 198px);
}

@media screen and (max-width: 909px) {
.body_identity .columnBox .firstview  .firstview_copy img{
  max-width: 80%;
}
  }

    @media screen and (max-width: 570px) {
      .columnBox .firstview  .firstview_copy img{
        max-width: 220px;
    }
    .columnBox .firstview  .firstview_copy{
      left: calc(50% - 112px);
    }
    .body_aboutus .columnBox .firstview  .firstview_copy{
      left: calc(50% - 101px);
    }
    .body_identity .columnBox .firstview  .firstview_copy{
      left: calc(50% - 116px);
      top: 32%;
    }
    .body_identity .columnBox .firstview  .firstview_copy img{
      max-width: 250px;
    }
    .columnBox .firstview {
      padding-top: 416px;
    }
      }
      @media screen and (max-width: 510px) {
        .columnBox .firstview  .firstview_copy img{
          max-width: 200px;
      }
      .columnBox .firstview  .firstview_copy{
        left: calc(50% - 100px);
      }
        }



.column_mainWrapper01 {
  background: #000;
  color:#FFF;
}
.column_mainWrapper02 {
  background: #FFF;
  color:#000;
}
.body_advantage .column_mainWrapper01 {
  background-image: url(./img/bg_gray.png);
  color: #000;
}
.body_recruit .column_mainWrapper01 {
  background-image: url(./img/bg_gray.png);
  color: #000;
}
.body_interview .column_mainWrapper03 {
  background-color: #f5f5f5;
  color: #000;
  position: relative;
  z-index: -1;
  bottom: -30px;
}

.columnBox .column_main .main_inner {
  margin-left: 23.95%;
  padding: 20px 50px 50px 50px;
  
}
						@media screen and (min-width: 1920px) {
            .columnBox .column_main .main_inner {
							width: 1300px;
						}
						}
						@media screen and (max-width: 909px) {
						.columnBox .column_main .main_inner {
              margin-left: 0;
              padding: 20px 50px 20px 50px;
						}
						}
						@media screen and (max-width: 570px) {
						.columnBox .column_main .main_inner {
							padding: 20px 20px 20px 20px;
						}
						}

.columnBox .column_side {
  position: sticky;
  top: 166px;
  left: 0;
  width: 23.95%;
  height:0;
  z-index: 9;
}
@media screen and (max-width: 1641px), print {
  .columnBox .column_side {
    top:160px;
  }
}
						@media screen and (max-width: 909px) {
						.columnBox .column_side {
              position: relative;
              width:100%;
              background-color: #f5f5f5;
              height: auto;
              top:100px;
						}
						}
						@media screen and (max-width: 570px) {
             .columnBox .column_side {
               top: 92px;
              }
						}

#side {
  background-color:transparent;
  padding:0;
  border-radius:unset;
  position:unset;
  top:unset;
  padding-left:66px;
      padding-right: 20px;
}
						@media screen and (max-width: 570px) {
						#side {
							padding-left:20px;
						}
						}

#side ul li {
  border:none;
}
						@media screen and (max-width: 909px) {
						#side ul li {
              display: inline-block;
						}
						}

#side ul li a {
  background-image: url(./img/mark_gray.png);
  color: #666;
  background-position:left;
}
.body_identity #side ul li a{
  background-image: url(./img/mark_gray.png);
  color: #666666;
}

#side li a:hover {
  background-position:left;
}
@media screen and (min-width:720px), print {
  .lower .columnBox {
    display:block;
  }
}
#side h1 {
  font-family: Arial;
  color:#666;
  font-size: 1.6em;
}
#side h1 span{
  font-family: "Yu Mincho","游明朝";
	font-weight: bold;
  color: #666;
}

 /* arrow */
.dli-arrow-right {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 0.1em;
  background: currentColor;
  margin-right: 10px;
  content: '';
}
.dli-arrow-right::before {
  content: '';
  width: 0.55em;
  height: 0.55em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 56%;
  left: -18px;
  box-sizing: border-box;
  display: inline-block;
  z-index: 3;
}
/* table */

@media screen and (max-width: 719px) {
  .side{
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .tableResponsive th,
  .tableResponsive td {
    border-bottom: none;
    display: block;
    width: 100%!important;
  }
}

/* access */
#map iframe {
   filter: grayscale(100%);
   transition: all 0.7s ease;
}
#access h2 {
   font-size: 3.1em;
    letter-spacing: 0.1em;
    margin-top: 20px;
    font-family: var(--base-font);
}
#access h2 span {
    display: block;
    font-size: 0.2em;
    letter-spacing: 0;
    font-family: var(--base-font);
}
#map{
  position: relative;
}
#map .access_info {
  display: flex;
  position: absolute;
  bottom: -10px;
  z-index: 3;
  background: #fff;
  color: #000;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 170px;

  font-family: "Yu Mincho","游明朝";
}
#map .access_info .title {
  background-color: #f5f5f5;
  line-height: 3em;
  min-width: 180px;
  font-size: 1.3em;
  text-align: center;
  margin-right: 24px;
}
#map .access_info .detail {
  padding-left: 24px;
  border-left: #000 1px solid;
}

@media screen and (max-width: 1476px) {
  #map .access_info {
    display: block;
    width: 90%;
    padding: 2%;
  }
  #map .access_info .detail {
    border-left: none;
  }
}
@media screen and (max-width: 765px) {
  #map .access_info {
    position: relative;
    display: block;
    top: 0;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  #map .access_info .title {
    display: none;
  }
  #map .access_info .detail {
    padding-left: 0;
  }
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common set-up */
.floatL {
  float:left;
}
.floatR {
  float:right;
}

.con {
  padding-bottom:50px;
}
						@media screen and (max-width: 498px) {
						.con {
              padding-bottom:20px;
						}
						}

.lower .container.default article {
  width: 100%;
  max-width: 1022px;
  margin: 138px auto 80px;
  padding: 20px;
}
						@media screen and (max-width: 909px) {
						.lower .container.default article {
              margin: 58px auto 0px;
						}
						}

.lower .container.default article h1 {
  text-align: center;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;

}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: aboutus */
.body_aboutus #con1,
.body_aboutus #con2,
.body_aboutus #con3,
.body_aboutus #con4,
.body_aboutus #con5,
.body_aboutus #access{
  margin-top: 75px;
  margin-bottom: 16px;
}

.headjustify td:first-of-type {
  text-align-last:justify;
  white-space:nowrap;
  vertical-align:top;
}
  @media screen and (max-width: 640px) {
  .headjustify td:first-of-type {
    text-align-last: left;
    border-bottom: solid 1px #dfdfdf;
    font-weight: bold;
  }

}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: works */

.body_works h5{
	color:#FFFFFF;
	clear: both;
	font-weight: bold;
	margin: 0 0 10px 0;
	line-height: 1.5;
	padding: 10px 10px;
	font-size: 1.1em;
	background-color:#000000;

  margin-top: 50px;
}
.body_works .msg{
  padding-top: 75px;
}
.body_works .works_caption{
  padding-bottom: 16px;
}
.body_works h3{
  margin-bottom: 54px;
}
.works_table1,
.works_table1 th,
.works_table1 td{
	border:5px solid #FFFFFF;
}
.works_table1 th{
	color:#FFFFFF;
	background-color:#A0A8BD;
	padding-left:1em;
}
.works_table1 tr:nth-child(even) td{
	background-color:#F2F2F2;
}
.works_table2,
.works_table2 th,
.works_table2 td{
	border:5px solid #FFFFFF;
}
.works_table2 th{
	color:#FFFFFF;
	background-color:#A0A8BD;
	padding-left:1em;
}
.works_table2 tr:nth-child(even) th{
	color:#FFFFFF;
	background-color:#94ABEE;
	padding-left:1em;
}
.works_table2 tr:nth-child(even) td{
	background-color:#F2F2F2;
}
.body_works .works_title{
  margin-bottom: 26px;
}
.body_works .works_title br{
  display: none;
}
#side ul li ul li a{
	font-size: 0.9em;
	font-weight: normal;
	background-image: url('./img/arrow.png');
	background-size:8px;
	margin-left:2.5em;
	padding:2px 1em 2px 2em;
}

.works_table_detail,
.works_table_detail th,
.works_table_detail td{
  border:5px solid #FFFFFF;
}
/*.equipment .works_table_detail td{
  font-size: 12px;
}*/
.works_table_detail td{
  font-size: 14px;
  color: #000;
}
.works_table_detail .img_cell{
  border-bottom: 2px #666666 solid!important;
  padding: 0;
  line-height: 0;
  min-width: 300px;
}
.works_table_detail .img_cell_2{
  border-top: none;
  min-width: 300px;
}
.works_table_detail th {
  color: #FFFFFF;
  background-color: #A0A8BD;
  padding-left: 1em;
}
.table_66{
  width: 66%;
}
@media screen and (max-width: 909px) {
  .body_works .works_25 ,.table_66{
    width: 100%!important;
  }
}
@media screen and (max-width: 403px) {
  .body_works .works_title br{
    display: block;
  }
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: advantage */
.body_advantage .con {
  margin-bottom: -165px;
  padding-bottom:0;
  background-size: 90% auto;
  background-repeat:no-repeat;
  background-position:bottom left;
}
.body_advantage #con01 {
  margin-bottom:0;
  padding-top: 100px;
}
.body_advantage #con02 {
  margin-bottom:calc(165px + 300px);
  padding-top: 100px;
}
.body_advantage .con .msg p{
  padding-bottom: 50px;
}
.body_advantage .con .floatL {
  width:20%;
}
.body_advantage .con .floatL h2 {
  font-size: 3.1em;
  letter-spacing: 0.2em;
  padding-bottom:20px;
  margin-top: 20px;
  font-family:var(--sub-font);
}
						@media screen and (max-width: 570px) {
             .body_advantage .con .floatL h2 {
               font-size: 4.1em;
               padding-bottom: 0;
               margin-top: 0;
              }
						}

.body_advantage .catch {
  text-align: center;
  font-size: 3em;
  font-family:var(--sub-font);
}
.body_advantage .con .floatL h2 span {
  display:block;
  font-size: 0.2em;
  letter-spacing: 0;
  font-family:var(--base-font);
}
@media screen and (max-width: 570px) {
  .body_advantage .con .floatL h2 span {
    font-size: 0.3em;
   }
}

.body_advantage .con .floatR {
  width:75%;
}

						@media screen and (max-width: 909px) {
						.body_advantage .con .floatL,
            .body_advantage .con .floatR {
							float:none;
              width:100%;
						}
						}

.body_advantage .con .floatR .pic img {
  width:100%;
}
.body_advantage .con .caption img{
  height: 40px!important;
  width: auto;
  margin-bottom: 20px;
}
.body_advantage .pic {
  float:none;
  clear: both;
}
.field{
    position: relative;
    bottom: 300px;
}
.field .title img{
  display: block;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
.field .photo img{
  display: block;
  width: 100%;
  padding-bottom: 41px;
}
@media screen and (max-width: 570px) {
  .field .title img{
    width: auto;
    max-height: 65px;
    margin-bottom: 40px;
  }
  .body_advantage #con02 {
    margin-bottom: calc(165px + 180px);
}
.body_advantage .con .caption img {
  width: 80%;
  max-width: 100%;
  height: auto!important;
}
  }

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: identity */

.body_identity .columnBox .column_main {
  background-color:inherit;
}
.body_identity #con01 .floatL,
.body_identity #con02 .floatL {
  width:48%;
  font-family:var(--sub-font);
}
						@media screen and (max-width: 1188px) {
						.body_identity #con01 .floatL,
						.body_identity #con02 .floatL {
              width: 48%;
						}
						}


.body_identity #con01 .floatR,
.body_identity #con02 .floatR {
  width:48%;
  font-family: var(--sub-font);
}
						@media screen and (max-width: 1188px) {
						.body_identity #con01 .floatR,
						.body_identity #con02 .floatR {
              width: 48%;
						}
						}
						@media screen and (max-width: 570px) {
            .body_identity #con01 .floatL,
            .body_identity #con02 .floatL,
						.body_identity #con01 .floatR,
						.body_identity #con02 .floatR {
							float:none;
              width:100%;
						}
						}

.body_identity .name {
  text-align:right;
  margin-top:40px;
  margin-bottom: 80px;
}
.body_identity .name{
  font-size: 1.1em;
}
.body_identity .name span {
  display:block;
  font-size: 1.1em;
}
.body_identity .name img {
  vertical-align: middle;
  max-height: 33px;
  padding-left: 20px;
}
.body_identity .pic01 img {
  width:100%;
}
.body_identity .pic02 img {
  width:100%;
}

.body_identity .pic {
  margin: 0;
  background-color:#000;
  padding:0;
  text-align: center;
  vertical-align: bottom;
  line-height: 1.0em;
}
						@media screen and (max-width: 570px) {
            .body_identity .pic {
							padding:0 0 50px;
						}
						}

.body_identity .pic img,
.body_identity h4.normal img{
  width:100%;
  max-width: 1920px;
  margin: 0 auto;
}

.body_identity h4.normal {
    line-height: 0;
    margin: 0;
    padding: 0;
    border-left: none;
  text-align: center;
  background-color:#fff;
}

.body_identity #con03 {
  padding:114px 200px 100px 200px;
  margin-bottom: 253px;
  padding-bottom:0;
}
						@media screen and (max-width: 570px) {
            .body_identity #con03 {
							padding:0;
              margin-bottom:0;
						}
             .body_identity #con03 .msg {
							padding-bottom: 140px;
						}
						}
						@media screen and (max-width: 479px) {
            .body_identity #con03 {
							padding-left:0;
						}

						}


.body_identity #con01{
  margin-top: 330px;
}
.body_identity #con02{
  margin-top: 450px;
}
.body_identity .title_section{
  position: relative;
  padding-bottom: 162px;
}
.body_identity .title_section .kanji,
.body_identity .title_section .text_title{
  position: absolute;
}
.body_identity .title_section .english{
  padding: 0;
  margin: 0;
  vertical-align: bottom;
}
.body_identity .title_section .english img{
  max-height: 84px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
}
.body_identity .title_section .kanji img{
  max-width: 230px;
}
.body_identity .title_section .kanji{
  top: -214px;
  right: -112px;
}
.body_identity .title_section .text_title{
  bottom: 100px;
  right: -1px;
  text-align: right;
  font-weight: bold;
  background-color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  min-width: 565px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.body_identity .title_section .text_title span{
  color: #4d56cb;
  font-size: 2em;
}
.body_identity .title_section .text_title p{
  margin: 0;
}
.body_identity #con01 h2,
.body_identity #con02 h2{
  margin-top: 0;
  margin-bottom: 133px;
  font-size: 2em;
  line-height: 2em;
}
.body_identity #con01 .msg,
.body_identity #con02 .msg{
  font-size: 1.2em;
}

.body_identity #con01 .pic02,
.body_identity #con02 .pic02{
  padding-top: 78px;
}
.body_identity #con03{
  position: relative;
}
.body_identity #con03 .msg p{
  position: relative;
  z-index: 2;
}
.body_identity #con03 h2 {
  font-family:var(--sub-font);
  font-size: 2.5em;
  letter-spacing: 0.1rem;
  z-index: 2;
}
.body_identity #con03 .back{
  position: absolute;
  top: 340px;
  left: 0px;
  width: 76%;
  z-index: 0;
}
.body_identity #con04 .policy h4,
.body_identity #con04 .policy h5,
.body_identity #con04 .policy p{
  text-align: center;

}
.body_identity #con04 .policy{
  padding-top: 60px;
  color: #251e1c;
}
.body_identity #con04 .policy h4{
  background-color: #000;
  color: #fff;
  padding: 0;
  font-weight: normal;
  padding: 10px;
}
.body_identity #con04 .policy h5{
  padding-top: 32px;
  font-size: 1.8em;
  font-weight: normal;
}
.body_identity #con04 .policy p{
  font-family: var(--sub-font);
  font-weight: bold;
  font-size: 1.2em;
}
.body_identity #con04 .msg_04_3{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 80px;
}
.body_identity #con04 .msg_04_3 .detail{
  width: 48%;
  border-left: #251e1c 1.8px solid;
  padding-bottom: 28px;
  padding-left: 28px;
  margin-bottom: 60px;
}
.body_identity #con04 .msg_04_3 .detail h4{
  background-color: transparent;
  border: none;
  color: #000;
  text-align: left;
}
.body_identity #con04 .msg_04_3 .con4_1 h4::before,
.body_identity #con04 .msg_04_3 .con4_2 h4::before,
.body_identity #con04 .msg_04_3 .con4_3 h4::before,
.body_identity #con04 .msg_04_3 .con4_4 h4::before{
  content: "";
  display: inline-block;
  width: 25px;
  height: 52px;
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 20px;

  position: relative;
  top: 5px;
}
.body_identity #con04 .msg_04_3 .con4_1 h4::before{
  background-image: url(img/con5_1.png);
}
.body_identity #con04 .msg_04_3 .con4_2 h4::before{
  background-image: url(img/con5_2.png);
}
.body_identity #con04 .msg_04_3 .con4_3 h4::before{
  background-image: url(img/con5_3.png);
}
.body_identity #con04 .msg_04_3 .con4_4 h4::before{
  background-image: url(img/con5_4.png);
}
@media screen and (max-width: 1919px) {
  .body_identity .title_section .kanji {
    right: 0;
}
  }
@media screen and (max-width: 1709px) {
  .body_identity #con01 h2, .body_identity #con02 h2 {
    margin-bottom: 100px;
    font-size: 1.8em;
  }
}
@media screen and (max-width: 1497px) {
  .body_identity #con03 {
    padding: 114px 100px 100px 200px;
    margin-bottom: 60px;
}
}
@media screen and (max-width: 1334px) {
  .body_identity #con03 {
    padding: 114px 41px 69px 146px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 1271px) {
  .body_identity #con03 .back {
    top: 376px;
  }
}
@media screen and (max-width: 1229px) {
  .body_identity #con04 .policy h5,
  .body_identity #con04 .policy p{
    text-align: left;
  }
}
@media screen and (max-width: 1199px) {
  .body_identity .title_section .kanji img{
    width: 150px;
}
.body_identity .title_section .kanji {
  top: -130px;
}
.body_identity .title_section .english img {
  max-height: 60px;
}
}
@media screen and (max-width: 1184px) {
  .body_identity #con03 {
    padding: 114px 40px 69px 40px;
    margin-bottom: -10px;
    }
}
@media screen and (max-width: 1130px) {
  .body_identity #con03 .back {
    display: none;
}
}
@media screen and (max-width: 949px) {
  .body_identity .title_section .text_title {
    bottom: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: auto;
    max-width: 100%;
    width: 80%;
  }
}
@media screen and (max-width: 699px) {
  .msg_04_3 {
    display: block;
    padding-top: 30px;
  }
  .body_identity #con04 .msg_04_3 .detail {
    width: 100%;
    margin-bottom: 30px;
}
}
@media screen and (max-width: 660px) {
  .body_identity #con01 {
    margin-top: 100px;
}
  .body_identity #con02 {
    margin-top: 200px;
}
  .body_identity .title_section .kanji img{
  width: 100px;
}
.body_identity .title_section .kanji {
  top: -76px;
}
.body_identity .title_section .english img {
  max-height: 50px;
}
}
@media screen and (max-width: 570px) {
  .body_identity #con01,
  .body_identity #con02 {
    padding-top: 100px;
}
.body_identity #con03 .msg {
  padding-bottom: 10px;
}
}
@media screen and (max-width: 475px) {
  .body_identity .title_section .kanji img{
  width: 80px;
}
.body_identity .title_section .kanji {
  top: -52px;
}
.body_identity .title_section .english img {
  max-height: 40px;
}
}
@media screen and (max-width: 454px) {
  .body_identity #con04 .policy h5 br,
  .body_identity #con04 .policy p br{
    display: none;
  }
}
@media screen and (max-width: 383px) {
  .body_identity .title_section .kanji img{
  width: 70px;
}
.body_identity .title_section .kanji {
  top: -40px;
}
.body_identity .title_section .english img {
  max-height: 30px;
}
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: recruit */
.body_recruit #con01 .msg {
    font-size: 1.6em;
    line-height: 2.3;
    font-weight: bold;
}
@media screen and (max-width: 909px) {
  .body_recruit #con01 .msg p br {
    display: none;
  }
  }
.body_recruit .name {
  text-align:right;
  margin-right: 5%;
}
.body_recruit .name span {
  display:block;
  font-size: 0.6em;
}
.body_recruit .name img {
  vertical-align: middle;
  padding-left: 1em;
}

.body_recruit .pic01 {
  text-align: center;
  margin-top: 30px;
}
.body_recruit #con01{
  margin-top: 100px;
}
.body_recruit #con02{
  margin-bottom: 100px;
}
.body_recruit #con04{
  margin-top: 50px;
}
@media screen and (max-width: 719px) {
  .body_recruit #con02{
    position: relative;
  }
  .body_recruit #con02 .title{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .body_recruit #con02 .title img{
    max-height: 40px;
  }
  .body_recruit #con02 .text{
    position: absolute;
    z-index: 3;
    top: 0px;
    right: 0;
    max-width: 110px;
    width: 20%;
  }
}

.body_recruit #con03 h2,
.body_recruit #con03 .msg {
  text-align: center;
  font-family:var(--sub-font);
}
						@media screen and (max-width: 909px) {
						.body_recruit #con03 .msg {
              text-align: left;
						}
						}

.body_recruit #con03 h2 {
  font-size: 2.1em;
}
.body_recruit .catch,
.body_interview .catch {
  text-align: center;
  font-size: 3em;
  font-family:var(--sub-font);
}
.body_interview .copy{
  margin-top: -245px;
}
.body_recruit #con01 dt{
  background: url(../recruit/voice.png) left bottom no-repeat;
  background-size: 260px auto;
  margin: 0 0 0 -130px;
  padding: 57px 0 30px 120px;
  font-family:var(--base-font);
  font-weight:bold;
  color: #fff;
}
						@media screen and (max-width: 909px) {
						.body_recruit #con03 dt,.body_interview #con01 dt {
              margin: 0 0 0 27%;
						}
						}
						@media screen and (max-width: 420px) {
						.body_recruit #con03 dt,.body_interview #con01 dt {
              margin: 0 0 0 0;
						}
						}

/*interview_index*/
.body_interview #con01 dt{
  background: url(img/interview_voice.png) left bottom no-repeat;
  background-size: 260px auto;
  margin: 0 0 0 -130px;
  padding: 57px 0 30px 120px;
  font-family:var(--base-font);
  font-weight:bold;
  color: #000000;
}
.body_recruit #con03 dt{
  background: url(img/recruit_voice.png) left bottom no-repeat;
  background-size: 260px auto;
  margin: 0 0 0 -130px;
  padding: 57px 0 30px 120px;
  font-family:var(--base-font);
  font-weight:bold;
  color: #fff;
}
@media screen and (max-width: 909px) {
  .body_interview #con01 dt,
  .body_recruit #con03 dt{
    margin: 0;
    max-width: 100%;
    background-size: contain;
    padding-left: 0;
  }
  }

.body_recruit #con03 dd ,
.body_interview #con01 dd {
  margin:0;
  padding:0;
}
.body_recruit #con03{
  position: relative;
  bottom: 70px;
  padding-bottom: 420px;
}
.body_recruit .column_04{
  position: relative;
  bottom: 440px;
}
@media screen and (max-width: 719px) {
  .body_recruit .column_04{
    bottom: 490px;
  }
}

.body_recruit #con04 .infolabel {
  border-radius: 5px;
    padding: 5px 15px 5px 15px;
    color: #fff;
    display: inline-block;
    min-width: 180px;
    font-size: 1.3em;
    text-align: center;
}
.body_recruit #con04 .new {
  background-color: #961612;
}
.body_recruit #con04 .career {
  background-color: #4D56CB;
}
.body_recruit #con04 .info{
 padding-top: 188px; 
}
.body_recruit #con04 .info:first-of-type{
  padding-top: 0; 
 }
.body_recruit #con04 .info:last-of-type{
  padding-bottom: 75px;
}
.body_recruit #con04 h3{
  color: #000;
  background-image: none;
  border-left: 5px solid #000;
  padding: 0.5em 20px 0.5em 1em;
  margin-top: 40px;
}
.body_recruit #access {
  margin-bottom: -420px;
}
.interviewList a {
  font-family:var(--base-font);
}

.interviewList .thumbnail {
  border-radius:0;
}

.interviewList .thumbnail li {
  margin: 0 0 20px;
}

.interviewList .thumbnail span {
    aspect-ratio: 2 / 3;
}
.interviewList .title {
  background-color:#A7A7A7;
  width: 102%;
  min-height: 328px;
  margin:-170px 0 0 12%;
  z-index: 1;
  position: relative;
  text-align: left;
  font-family: "kozuka-gothic-pr6n", sans-serif;;
  color: #000;
  padding: 30px 25px 30px 25px;
}
.interviewList .title .section{
  font-size: 0.8em;
  font-weight: bold;
}
.interviewList .title .number {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  font-size: 0.7em;
  margin-bottom: 25px;
}
.interviewList .title .number span {
  font-size: 1.5em;
}
.interviewList .title .overview {
  display:block;
  font-size: 1em;
  min-height: 100px;
  white-space: nowrap;
}
.interviewList .title .name {
  font-family: var(--font_sub);
  font-size: 1.1em;
  font-weight: normal;
}
.interviewList .title .length {
  font-size: 0.6em;
  display: block;
  margin-bottom: 10px;
}

.interviewList .title .more{
	display: block;
	text-align: right;
	margin-top: 20px;
}
.interviewList .title .more img {
    width: 45px;
}
@media screen and (max-width: 1634px) {
  .interviewList .title {
    min-height: 426px;
  }
  .interviewList .title .overview {
    font-size: 0.88em;
}
}
@media screen and (max-width: 1477px) {
  .interviewList .title .overview {
    min-height: 119px;
    white-space: pre-wrap;
}
}
@media screen and (max-width: 1199px) {
  .interviewList{
      gap: 2em;
  }
  .interviewList .title {
    background-color: #A7A7A7;
    width: 90%;
  }
  .body_recruit .catch, .body_interview .catch {
    font-size: 2em;
}
}
@media screen and (max-width: 909px) {
  .interviewList .title .overview {
    font-size: 1em;
}
.interviewList .title .overview {
  min-height: 85px;
}
.interviewList .title {
  min-height: 370px;
}
}
@media screen and (max-width: 719px) {
  .interviewList .title {
    background-color: #A7A7A7;
    width: 88%;
    min-height: 300px;
  }
  .interviewList .title .overview {
    min-height: 80px;
    white-space: pre-wrap;
    font-size: 1.4em;
}
.interviewList .title .number {
  font-size: 1.2em;
}
.interviewList .title .section {
  font-size: 1.2em;
}
.interviewList .title .length {
  font-size: 1em;
}
.interviewList .title .name {
  font-size: 2em;
}
.body_recruit #con04 .info:last-of-type {
  padding-bottom: 50px;
}
.body_recruit #con04 .info {
  padding-top: 50px;
  padding-bottom: 50px;
}
}
@media screen and (max-width: 633px) {
  .body_recruit #con03 {
    padding-bottom: 380px;
}
.body_recruit .column_04 {
  bottom: 390px;
}
.body_recruit #access {
  margin-bottom: -300px;
}
}
@media screen and (max-width: 514px) {
  .body_recruit #con03 {
    padding-bottom: 320px;
}
}
@media screen and (max-width: 497px) {
	.body_recruit .list_thumbnail {
		gap: 30px;
	}
	.body_recruit .list_thumbnail li {
		width: calc( calc(100% - 1em) / 2);
	}
	.body_recruit .list_thumbnailC2 li,
	.body_recruit .list_thumbnailC3 li {
		width: 100%;
	}
}
@media screen and (max-width: 446px) {
  .body_recruit #con03 {
    padding-bottom: 300px;
}
.body_recruit .column_04 {
  bottom: 340px;
}
}
@media screen and (max-width: 389px) {
  .body_recruit #con03 {
    padding-bottom: 242px;
}
.body_recruit .column_04 {
  bottom: 295px;
}
}
/*interview_index*/
.body_interview .thumbnail span{
  aspect-ratio: 1 / 1;
}
.body_interview .interview h3 {
  color: #000;
  background-image: none;
  border-left: 5px solid #4D56CB;
  padding: 0.5em 20px 0.5em 1em;
  font-size: 1.1em;
}
.body_interview .interview h3:before {
  content: none;
}
.body_interview .interview .photo{
  float: right;
  width: 50%;
}
.body_interview .interview .text{
  width: 44%;
  margin: 30px;
}
.body_interview .interview .text .number{
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #000;
  font-size: 1.1em;
}
.body_interview .interview .text .number span{
  color: #4D56CB;
  font-size: 1.9em;
}
.body_interview .interview .text .overview{
  font-weight: bold;
  font-size: 1.5em;
  font-family: var(--base-font);
  padding-top: 1em;
}
.body_interview .interview .text .detail p{
  margin: 0;
  font-weight: bold;
}

.body_interview .interview .text .name{
  font-family: var(--font_sub);
  font-size: 2.5em;
}

.body_interview .interview .interview_msg{
  font-size: 1.1em;
}
.body_interview .interview .interview_msg div{
  padding-bottom: 50px;
}
.body_interview .interview .interview_msg .msg_5{
  padding-bottom: 150px;
}
.body_interview .interview .interview_msg .msg_6{
  font-family: var(--font_sub);
  color: #4d56cb;
  background-color: #fff;
  border-top: #4D56CB 5px solid;
  padding: 102px 94px 90px 220px;

  background-image: url(img/private.png);
  background-repeat: no-repeat;
  background-position: 35px 35px;
  background-size: 71px;
}
.body_interview #interview_01_02,
.body_interview #interview_02_02,
.body_interview #interview_03_02,
.body_interview #interview_04_02,
.body_interview #interview_05_02,
.body_interview #interview_06_02{
  position: relative;
  bottom: 65px;
}

.body_interview #interview_01_03,
.body_interview #interview_02_03,
.body_interview #interview_03_03,
.body_interview #interview_04_03,
.body_interview #interview_05_03,
.body_interview #interview_06_03{
  position: relative;
  bottom: 215px;
  padding-top: 80px;
}
@media screen and (max-width: 1685px) {
  .body_interview #interview_01_02,
  .body_interview #interview_02_02,
  .body_interview #interview_03_02,
  .body_interview #interview_04_02,
  .body_interview #interview_05_02,
  .body_interview #interview_06_02 {
    bottom: 0;
}}
@media screen and (max-width: 1263px) {
  .body_interview .column_mainWrapper03{
    bottom: 40px;
    position: relative;
  }
}
@media screen and (max-width: 1135px) {
  .body_interview .interview .text .overview {
    font-size: 1.3em;
}
}
@media screen and (max-width: 719px) {
  .body_interview .interview .photo {
    float: none;
    clear: both;
    width: 100%;
}
.body_interview .interview .text {
  width: 100%;
  margin: 0;
  margin-bottom: 37px;
}
.body_interview .interview .interview_msg .msg_6 {
  padding: 0;
  background-image: none;
  padding-left: 20px;
  padding-right: 20px;
}
.body_interview .interview .interview_msg .msg_6 .only_sp{
  padding-top: 30px;
  padding-bottom: 30px;
}
.body_interview .interview .interview_msg .msg_6 .only_sp img {
 max-height: 65px;
}
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: news */
#news_container article {
    width: 100%;
    max-width: 1022px;
    margin: 138px auto;
  padding: 20px;
}
#news_container h1 {
    text-align: center;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

#news_container .list_text li a {
    width: 100%;
}

.body_news .dateBox {
  display:block;
}
						@media screen and (max-width: 909px) {
						.body_news h1 {
              padding-bottom: 40px;
              }
						}

						@media screen and (max-width: 480px) {
						.body_news .list_text li a:before {
              width: 44px;
              top: 41%;
						}
            .body_news .list_text li .listBox {
              padding: 24px 52px 24px 0;
						}
						}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: contact */
.body_sitemap .floatL,
.body_sitemap .floatR { width:45%; }

						@media screen and (max-width: 570px) {
						.body_sitemap .floatL,
						.body_sitemap .floatR {
              width:100%;
						}
						}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear */
.con:after {
	content: "";
	display: block;
	clear: both;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: scroll_box */
@media screen and (max-width:1649px) {
	.scroll_box_long {
		max-width: 100%;
		margin-bottom:30px;
		overflow-x: auto;
		position: relative;
		line-height:1.5;
    white-space: nowrap;
	}
	.scroll_box_long {
		overflow-x: scroll;
		border-right: 1px solid #eaeaea;
		box-shadow: 0px 0px 0px 1px #eaeaea inset;
	}
}
@media screen and (max-width:1064px) {
	.scroll_box_middle {
		max-width: 100%;
		margin-bottom:30px;
		overflow-x: auto;
		position: relative;
		line-height:1.5;
    white-space: nowrap;
	}
	.scroll_box_middle {
		overflow-x: scroll;
		border-right: 1px solid #eaeaea;
		box-shadow: 0px 0px 0px 1px #eaeaea inset;
	}
}
@media screen and (max-width:899px) {
  .scroll_box_long:before {
		content: "";
		padding: clamp(40px, 3vw, 60px);
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-image: url('./img/img_scroll.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		background-color: rgb(30 33 136 / 50%);
		border-radius: 10px;
		transition: opacity 0.5s;
		opacity: 1;
		z-index:1;
	}
  .scroll_box_long.touch:before {
    opacity: 0;
  }
	.scroll_box_middle:before {
		content: "";
		padding: clamp(40px, 3vw, 60px);
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-image: url('./img/img_scroll.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		background-color: rgb(30 33 136 / 50%);
		border-radius: 10px;
		transition: opacity 0.5s;
		opacity: 1;
		z-index:1;
	}
  .scroll_box_middle.touch:before {
    opacity: 0;
  }
}
@media screen and (max-width:480px) {
	.scroll_box {
		max-width: 100%;
		margin-bottom:30px;
		overflow-x: auto;
		position: relative;
		line-height:1.5;
    white-space: nowrap;
	}
	.scroll_box {
		overflow-x: scroll;
		border-right: 1px solid #eaeaea;
		box-shadow: 0px 0px 0px 1px #eaeaea inset;
	}
	.scroll_box:before {
		content: "";
		padding: clamp(40px, 3vw, 60px);
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-image: url('./img/img_scroll.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		background-color: rgb(30 33 136 / 50%);
		border-radius: 10px;
		transition: opacity 0.5s;
		opacity: 1;
		z-index:1;
	}
  .scroll_box.touch:before {
    opacity: 0;
  }
}