@charset "UTF-8";




/* 下層ページ共通
===================================================*/
.midpage-sec{
  padding: 50px 0 100px;
}

.page-navsec{
  background: #F8F9FA;
 /* display: flex;
  align-items: center;*/
  width: 100vw;
  padding: 80px 0;
  margin-bottom: 90px;
  margin-left: calc(50% - 50vw);
}

.page-nav{
  display: flex;
  max-width: 100%;
  width: 1100px;
  justify-content: center;
  margin: 0 auto;
  flex-wrap: wrap;
}

.page-nav li{
  width: calc(50% - 20px);
  max-width: 245px;
  margin: 0 10px 30px;
}
.page-nav li a{
  display: flex;
  height: 90px;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #D3D3D3;
  font-weight: bold;
  position: relative;
	padding: 10px 20px;
  line-height: 1.5;
}
.page-nav li a::after{
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #0019BB;
  border-right: 2px solid #0019BB;
  position: absolute;
  bottom: 18px;
  left: calc(50% - 5px);
  transform: rotate(135deg);
  transition: all .3s;
}
.page-nav li a:hover::after{
  bottom: 13px;
}



/* 企業情報
===================================================*/

.midpage-fv.-aboutus::after{
  content: '';
  display: block;
  position: absolute;
  width: 627px;
  height: 100px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22690%22%20height%3D%2299%22%20viewBox%3D%220%200%20690%2099%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20opacity%3D%220.5%22%20clip-path%3D%22url(%23clip0_642_7317)%22%3E%3Cpath%20d%3D%22M24.43%2072.43L16.76%2097.48H0C3.14%2088.15%2026.54%2011.89%2030.05%201.30005H51.9L83.41%2097.48H65.5L57.4%2072.43H24.43ZM53.89%2058.2401C47.17%2036.9401%2042.67%2022.99%2040.6%2014.46H40.42C37.97%2025.38%2033.39%2040.3201%2027.81%2058.2401H53.9H53.89Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3Cpath%20d%3D%22M102.119%201.30005H138.189C157.979%201.30005%20167.819%2011.66%20167.819%2025.51C167.819%2037.83%20160.769%2043.0801%20155.409%2045.1501C162.339%2047.9001%20171.059%2054.62%20171.059%2068.61C171.059%2087.09%20157.309%2097.48%20137.339%2097.48H102.119V1.30005ZM135.029%2039.75C146.359%2039.75%20151.259%2035.7501%20151.259%2027.1201C151.259%2018.4901%20145.729%2014.39%20136.009%2014.39H118.799V39.76H135.029V39.75ZM118.799%2084.49H136.049C146.049%2084.49%20153.749%2079.69%20153.749%2068.69C153.749%2058.57%20147.619%2052.82%20134.679%2052.82H118.799V84.48V84.49Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3Cpath%20d%3D%22M274.761%2048.89C274.761%2076.55%20261.571%2098.88%20232.001%2098.88C202.431%2098.88%20190.471%2076.62%20190.471%2048.78C190.471%2024.58%20203.481%200.0100098%20233.271%200.0100098C261.471%200.0100098%20274.761%2022.39%20274.761%2048.9V48.89ZM208.061%2048.75C208.061%2069.1%20216.221%2085.18%20232.761%2085.18C250.521%2085.18%20257.361%2069.9%20257.361%2048.93C257.361%2029.76%20250.491%2013.7%20232.551%2013.7C214.611%2013.7%20208.061%2029.29%20208.061%2048.74V48.75Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3Cpath%20d%3D%22M314.4%201.30005V62.4901C314.4%2074.8401%20318.29%2085.13%20333.86%2085.13C349.43%2085.13%20352.9%2075.3001%20352.9%2062.4501V1.30005H370.09V62.91C370.09%2083.1%20361.59%2098.88%20333.47%2098.88C305.35%2098.88%20297.33%2084.4%20297.33%2063.25V1.30005H314.38H314.4Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3Cpath%20d%3D%22M416.93%2015.5H390.15V1.30005H460.86V15.5H434.04V97.48H416.93V15.5V15.5Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3Cpath%20d%3D%22M544.41%201.30005V62.4901C544.41%2074.8401%20548.3%2085.13%20563.87%2085.13C579.44%2085.13%20582.91%2075.3001%20582.91%2062.4501V1.30005H600.1V62.91C600.1%2083.1%20591.6%2098.88%20563.48%2098.88C535.36%2098.88%20527.34%2084.4%20527.34%2063.25V1.30005H544.39H544.41Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3Cpath%20d%3D%22M636.98%2069.51C638.53%2079.53%20645.16%2085.34%20655.81%2085.34C666.46%2085.34%20672.08%2080.19%20672.08%2072.05C672.08%2062.66%20666.89%2058.7601%20651.97%2054.3601C630.42%2048.2001%20622.78%2040.6501%20622.78%2026.7901C622.78%209.83005%20636.11%200.0500488%20654.29%200.0500488C676.55%200.0500488%20685.99%2012.12%20687.07%2026.93H670.35C669.06%2018.9001%20664.87%2013.22%20654.06%2013.22C644.53%2013.22%20639.82%2017.74%20639.82%2025.15C639.82%2032.96%20644.71%2035.5201%20658.95%2039.7201C683.21%2046.9001%20689.42%2056.47%20689.42%2070.07C689.42%2085.86%20678.78%2098.66%20655.04%2098.66C634.4%2098.66%20621.41%2088.03%20620.16%2069.51H636.97H636.98Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_642_7317%22%3E%3Crect%20width%3D%22689.42%22%20height%3D%2298.88%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: 0;
}

.corporateofficers{
  padding: 50px 0 100px;
}

.corporateofficers-table{
  width: 100%;
}
.corporateofficers-table th,
.corporateofficers-table td{
  padding: 30px 1rem;
  vertical-align: top;
  border-bottom: 1px solid #E4E6EC;
  position: relative;
	letter-spacing: .1rem;
}

.corporateofficers-table th{
  border-bottom: 1px solid #BABABA;
  font-weight: bold;
}

.about-history .financial-dl:first-child dd{
  display: none;
}

.about-history .financial-dl .title-square{
  padding: 0;
  color: #0019BC;
  margin-top: 20px;
}
.about-history .financial-dl .title-square::before{
  content: '【';
  background: none;
  display: inline-block;
  position: static;
  width: auto;
  height: auto;
}
.about-history .financial-dl .title-square::after{
  content: '】';
}


.about-profilesec02{
  background: #F7F9FA;
}
.about-profilesec02 h1{
	margin: 40px 0 100px 0;
}


.basicinfo-item{
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.over-hidden{
  overflow: hidden;
}

.faq-dllist{
  counter-reset: counter;
  margin-top: 40px;
}
.faq-dllist dt{
  font-weight: bold;
  padding: 20px 40px 20px;
  background: #f8f9fa;
  counter-increment: counter;
}
.faq-dllist dt::before{
  content: 'Q' counter(counter) ".";
  color: #01279A;
  font-size: 1.5em;
  margin-right: 10px;
}

.faq-dllist dd{
  padding: 40px;
  padding-left: 80px;
}

@media screen and (max-width: 1020px) {
.corporateofficers-table th,
.corporateofficers-table td{
	font-size: 1.4rem;
line-height: 2;

	}
  .midpage-fv.-aboutus::after{
    width: 80vw;
  }

  .corporateofficers-table th{
    white-space: nowrap;
    border-bottom: 1px solid #E4E6EC;
    position: relative;
  }
  .corporateofficers-table td::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: calc(100% - 40px);
    width: 1px;
    background: #E4E6EC;
    margin: auto;
  }


  .corporateofficers-table td:first-of-type{
    white-space: nowrap;
  }

}



@media screen and (max-width: 640px) {
.corporateofficers-table th,
.corporateofficers-table td{
	 padding: 20px 1rem;
	font-size: 3.255vw;
	}
.about-profilesec02 h1{
	margin: 0 0 40px 0;
}
.corporateofficers-table th, .corporateofficers-table td {

}
.page-nav li a{
  font-size: 3.255vw;
}
}




/* News お知らせ
===================================================*/

.sec-news.-news .post_wrap{
  width: 100%;
  max-width: 100%;
}

.sec-news.-news .post-news .post-ttl,
.sec-news .post-news.-irtop .post-ttl{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0;
}


.post_search{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.post_search.-year{
  margin-bottom: 50px;
}
.post_search p{
  font-size: 15px;
  font-weight: bold;
  margin-right: 20px;
}
.post_search_item button{
  background: none;
  background: #fff;
  appearance: none;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  border: 1px solid #000000;
  text-align: center;
  font-size: 14px;
  min-width: 120px;
  padding: 0 10px;
  line-height: 2;
  border-radius: 3px;
  transition: all .3s;
}
.post_search_item button.on,
.post_search_item button:hover{
  background: #0019BC;
  border-color: #0019BC;
  color: #fff;
}
.post_search_item select{
  display: block;
  padding: 0 10px;
  width:  250px;
  height: 38px;
  border: 1px solid #000000;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2244%22%20height%3D%2240%22%20viewBox%3D%220%200%2044%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200H40.19C41.85%200%2043.19%201.34%2043.19%203V36.19C43.19%2037.85%2041.85%2039.19%2040.19%2039.19H0V0Z%22%20fill%3D%22%230019BC%22%20stroke%3D%22%230019BC%22%20stroke-width%3D%220.5%22%20stroke-miterlimit%3D%2210%22%2F%3E%3Cpath%20d%3D%22M26.96%2017L24.47%2019.71L21.98%2022.42L19.49%2019.71L17%2017%22%20stroke%3D%22white%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: 40px 38px;
  background-position: right -2px center;
}



.post-cat{
  position: relative;
  top: -2px;
  min-width: 102px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 1.0rem;
  letter-spacing: .1rem;
  line-height: 1.75;
  background: #eeeeee;
  padding: 7px 10px 7px 10px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: normal;
}

.date{
  font-size: 12px;
  color: #0019BC;
}

.post-content{
  padding: 40px 0 100px;
}
.post-content h1{
  font-weight: bold;
  font-size: 35px;
}
.post-content-main{
  margin-top: 50px;
  font-size: 15px;
}
.post-content-main p {
  font-size: 15px;
  margin-bottom: 1.5em;
}

.back-btn{
  width: 330px;
  max-width: 100%;
  margin: 50px auto 0;
}
.back-btn a{
  border: 1px solid #E1E4EA;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.back-btn a:hover::after{
  right: 15px;
}
.back-btn a:hover::before{
  width: 25px;
  right: 15px;
}


@media screen and (max-width: 1020px) {
  .post_search_item button{
    min-width: 11vw;
    font-size: 2.188vw;
    padding: 5px 5px 7px 5px;
    line-height: calc(16 / 14);
  }
  .sec-news .post-news .post-ttl img{
    width: 20px;
  }
}
@media screen and (max-width: 640px) {
.post-content h1 {
  font-size: 6.25vw;
}
  .post_search p{
    display: none;
  }
  .post_search_item{
    margin: 0 auto;
  }
  .post_search_item select{
    height: 25px;
    font-size: 1.2rem;
  }
}




/* Recruit 採用情報
===================================================*/


.midpage-fv.-recruit::after{
  content: '';
  display: block;
  position: absolute;
  width: 465px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22464%22%20height%3D%22104%22%20viewBox%3D%220%200%20464%20104%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20opacity%3D%220.51%22%20clip-path%3D%22url(%23clip0_647_7339)%22%3E%3Cpath%20d%3D%22M16.72%2060.7499V101.86H0V5.68994H37.42C55.17%205.68994%2067.79%2014.4999%2067.79%2031.2799C67.79%2044.6599%2060.41%2050.9199%2052.55%2053.7599C62.26%2057.2899%2065.99%2064.9599%2065.99%2077.2899V79.5299C65.99%2088.1799%2066.38%2096.3699%2067.29%20101.86H50.83C49.47%2097.8799%2049.09%2090.5799%2049.09%2079.3599V77.0299C49.09%2065.1199%2044.77%2060.7399%2031.08%2060.7399H16.72V60.7499ZM16.72%2047.1299H32.42C42.84%2047.1299%2050.85%2044.2599%2050.85%2032.6499C50.85%2023.2699%2044.26%2019.2999%2035.16%2019.2999H16.72V47.1299Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3Cpath%20d%3D%22M103.971%2069.47C103.931%2080.18%20108.231%2090.04%20119.601%2090.04C129.171%2090.04%20132.151%2083.77%20133.301%2080.4H149.501C146.391%2091.34%20138.451%20103.17%20119.041%20103.17C96.2008%20103.17%2087.3008%2086.81%2087.3008%2065.86C87.3008%2048.09%2096.1508%2028.51%20119.801%2028.51C143.451%2028.51%20150.471%2045.87%20150.471%2063.75C150.471%2064.54%20150.371%2068.59%20150.271%2069.48H103.981L103.971%2069.47ZM134.321%2058.39C134.001%2048.89%20130.181%2041.14%20119.521%2041.14C107.601%2041.14%20104.701%2051.24%20104.251%2058.39H134.321Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3Cpath%20d%3D%22M230.659%2077.47C228.279%2091.79%20219.249%20103.16%20200.079%20103.16C178.659%20103.16%20168.369%2089.59%20168.369%2065.89C168.369%2043.79%20180.289%2028.49%20201.089%2028.49C223.149%2028.49%20230.009%2044.15%20230.619%2054.77H214.139C213.199%2047.73%20209.709%2041.32%20200.749%2041.32C189.739%2041.32%20185.179%2051.21%20185.179%2065.34C185.179%2082.71%20190.779%2090.42%20200.459%2090.42C209.219%2090.42%20212.379%2084.82%20214.279%2077.46H230.659V77.47Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3Cpath%20d%3D%22M250.37%2054.2899C250.37%2042.5899%20250.33%2034.3799%20250.09%2029.8999H266.19C266.53%2033.1099%20266.62%2037.6799%20266.62%2043.1799C269.36%2036.1699%20276.22%2028.7799%20288.91%2028.6899V45.4899C273.62%2045.5299%20266.86%2052.0599%20266.86%2068.2499V101.86H250.37V54.2899Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3Cpath%20d%3D%22M365.47%2080.9199C365.47%2090.8199%20365.61%2098.2499%20365.75%20101.87H349.73C349.31%2099.7599%20349.17%2096.2399%20349.07%2092.2899C345.02%2099.8899%20338.3%20103.14%20328.83%20103.14C315.5%20103.14%20306.67%2095.3299%20306.67%2078.0599V29.8999H323.06V75.1899C323.06%2083.3499%20325.85%2089.3599%20334.66%2089.3599C343.47%2089.3599%20348.89%2083.7899%20348.89%2070.0799V29.8999H365.47V80.9199V80.9199Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3Cpath%20d%3D%22M389.461%200H405.951V16.68H389.461V0ZM389.461%2029.9H405.951V101.86H389.461V29.9Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3Cpath%20d%3D%22M423.17%2029.8999H433.78V9.8999H450.17V29.8999H463.57V42.8899H450.17V82.5499C450.17%2087.8499%20451.46%2090.0699%20457.42%2090.0699C459.22%2090.0699%20460.3%2089.9899%20462.15%2089.7099V101.34C458.77%20102.47%20453.88%20102.66%20451.31%20102.66C438.56%20102.66%20433.77%2097.5999%20433.77%2084.7099V42.8899H423.16V29.8999H423.17Z%22%20fill%3D%22%23E4E6EC%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_647_7339%22%3E%3Crect%20width%3D%22463.57%22%20height%3D%22103.17%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}

.recruit-content-item p{
 letter-spacing: .1rem;
}
.recruit-content-item p+p{
  margin-top: 1.5em;
}

.receruit-contact{
  background-color: #c7d1f1;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 840px 128px;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22841%22%20height%3D%22129%22%20viewBox%3D%220%200%20841%20129%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20opacity%3D%220.05%22%20clip-path%3D%22url(%23clip0_648_7360)%22%3E%3Cpath%20d%3D%22M100.72%2088.17C97.23%20108.82%2083.49%20128.23%2052.4%20128.23C14.05%20128.23%200%2099.92%200%2063.74C0%2027.56%2017.32%200%2053.38%200C85.34%200%2098.43%2020.11%20100.04%2040.02H78.38C75.64%2028.26%2070.26%2017.9%2052.63%2017.9C30.56%2017.9%2022.67%2039.92%2022.67%2063.67C22.67%2087.42%2029.71%20110.46%2052.88%20110.46C70.18%20110.46%2076.11%2099.11%2078.97%2088.17H100.7H100.72Z%22%20fill%3D%22%230019BC%22%2F%3E%3Cpath%20d%3D%22M238.71%2063.4C238.71%2099.27%20221.61%20128.23%20183.26%20128.23C144.91%20128.23%20129.41%2099.36%20129.41%2063.25C129.41%2031.86%20146.28%200%20184.92%200C221.49%200%20238.72%2029.02%20238.72%2063.4H238.71ZM152.22%2063.22C152.22%2089.61%20162.8%20110.46%20184.25%20110.46C207.28%20110.46%20216.15%2090.64%20216.15%2063.45C216.15%2038.59%20207.24%2017.77%20183.97%2017.77C160.7%2017.77%20152.21%2037.99%20152.21%2063.21%22%20fill%3D%22%230019BC%22%2F%3E%3Cpath%20d%3D%22M274.49%20126.41V1.68994H302.85C344.23%2081.9799%20350.48%2094.1599%20352.51%2099.9399H352.82C351.6%2084.5099%20351.42%2064.2299%20351.42%2043.8999V1.68994H371.7V126.41H344.72C300.36%2038.6099%20296.09%2029.3899%20293.97%2024.5299H293.79C294.7%2040.4099%20294.72%2061.7499%20294.72%2084.0599V126.41H274.5H274.49Z%22%20fill%3D%22%230019BC%22%2F%3E%3Cpath%20d%3D%22M438.3%2020.0899H403.58V1.68994H495.27V20.0899H460.49V126.41H438.3V20.0899Z%22%20fill%3D%22%230019BC%22%2F%3E%3Cpath%20d%3D%22M529.801%2093.9299L519.861%20126.41H498.131C502.201%20114.31%20532.541%2015.4199%20537.101%201.68994H565.431L606.291%20126.41H583.071L572.561%2093.9299H529.801ZM568.001%2075.5199C559.291%2047.8999%20553.451%2029.7999%20550.761%2018.7399H550.521C547.341%2032.8999%20541.411%2052.2699%20534.171%2075.5199H568.001Z%22%20fill%3D%22%230019BC%22%2F%3E%3Cpath%20d%3D%22M724.88%2088.17C721.39%20108.82%20707.65%20128.23%20676.56%20128.23C638.21%20128.23%20624.16%2099.92%20624.16%2063.75C624.16%2027.58%20641.48%200%20677.54%200C709.5%200%20722.59%2020.1%20724.2%2040.02H702.54C699.8%2028.26%20694.42%2017.9%20676.79%2017.9C654.72%2017.9%20646.83%2039.92%20646.83%2063.67C646.83%2087.42%20653.87%20110.46%20677.04%20110.46C694.34%20110.46%20700.27%2099.11%20703.13%2088.17H724.86H724.88Z%22%20fill%3D%22%230019BC%22%2F%3E%3Cpath%20d%3D%22M783.669%2020.0899H748.939V1.68994H840.629V20.0899H805.859V126.41H783.669V20.0899Z%22%20fill%3D%22%230019BC%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_648_7360%22%3E%3Crect%20width%3D%22840.64%22%20height%3D%22128.23%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
  height: 245px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 160px;
  margin-bottom: 80px;
  position: relative;
}
.receruit-contact::before{
  content: '';
  display: block;
  position: absolute;
  width: 50px;
  height: 46px;
  background: url(../img/recruit/icon_recruitbtn.svg) no-repeat center/contain;
  top: 10px;
  left: 50px;
}

.receruit-contact h2{
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

.recruit-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background: #0019bc;
  width: 420px;
  height: 75px;
  max-width: 100%;
  margin: 40px auto 0;
}

.recruit-relatedlink {
  margin-bottom: 50px;
}
.recruit-relatedlink .relatedlink-list{
  justify-content: space-between;
}
.recruit-externallink a{
	font-size: 13px;
	padding: 15px 50px 15px 10px;
	line-height: 1.5;
}
@media screen and (max-width: 1020px) {
  .receruit-contact::before{
    content: none;
  }
  .receruit-contact{
    background-size: 80% auto;
  }
.recruit-content-item p{
font-size: 1.4rem;
line-height: 2;
}
	.recruit-externallink{
		margin: 20px 0 0;
	}
}
@media screen and (max-width: 640px) {
  .receruit-contact{
    padding: 40px 1rem;
    height: auto;
  }
.recruit-content-item p,.recruit-externallink a{
font-size: 3.255vw;
}
}






@media screen and (max-width: 1020px) {
  .midpage-fv.-recruit::after{
    font-size: 32px;
    /* background-size: 90vw auto; */
    /* content: none; */
  }
}
@media screen and (max-width: 640px) {}



/* ----------------------------------------------------------------------------------------------------
*  RECRUIT.css
* --------------------------------------------------------------------------------------------------*/

.recruit_01 {
	padding: 105px 0 0;
	background-image: url(../img/recruit/recruit_04.png);
	background-repeat: no-repeat;
	background-position: left 10% center;
	background-size: 146px auto;
	position: relative;
}
.recruit_01 .sec_ttl {
  margin-bottom: 82px;
}

.blue_text{
	display: block;
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
letter-spacing: .2rem;
margin-top: 12px;
padding-bottom: 15px;
box-sizing: border-box;
	color: #0033c9;
}
.recruit_01 p,.recruit_02 p,.recruit_03 p,.recruitment li a,.recruit_05 .inner p,.recruitment ul li a{
	letter-spacing: .1rem;
}
.recruit_point01{
	padding: 70px 8% 100px 30%;
	position: relative;
}
.recruit_point01::after,.recruit_03::after {
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 121, 192, 0.08)), to(rgba(0, 121, 192, 0.08)));
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 121, 192, 0.08) 1%, rgba(0, 121, 192, 0.08) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 121, 192, 0.08) 1%, rgba(0, 121, 192, 0.08) 100%);
height: 100%;
width: 61%;
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.recruit_point01 .title-ara{
	position: relative;
}
.-h24{
	font-size: 24px;
font-family: 'Poppins', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: 600;
line-height: 1.5em;
letter-spacing: 0.08em;
}
.recruit_03_img{
	position: absolute;
	top: 50%;
	 right: calc(50% + 160px);
	width: 356px;
}
.recruit_p{
	padding:  0 0 0 160px;
}
.employee{
	width: 80%;
	margin: 0 auto 100px;
}

.recruit_01_img{
	position: absolute;
	top: 0;
	left: 0;
	width: 98px;
}
.recruit_point01 .title-ara h3{
	border-bottom: 2px solid #0033c9;
	margin: 0 0 30px;
}
.recruit_point01 .title-ara h3{
	padding: 40px 0 10px 150px;
}
.recruit_point01 .title-ara h3{

}
.recruit_02_img{
	margin: 0 0 0 30%;
}
/*繧ｳ繝ｳ繝�Φ繝�02*/
.recruit_02{
	position: relative;
}
.recruit_02::after{
	background: #f4f4f4;
	height: 85%;
width: 100%;
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.recruit_point02 {
	padding: 0px 8% 100px 15%;
	position: relative;

}
.recruit_point02 .title-ara{
	border-left: 2px solid #0033c9;
	padding: 80px 0 0 80px;
	position: relative;
}
.recruit_0_img{
	width: 108px;
}
.long_term{
	position: absolute;
	top: 110px;
	right: 0%;
}
.recruit_08_img{
	width: 90%;
}
.recruit_06_img{
	position: absolute;
	bottom: -200px;
	right: 0%;
	width: 298px;
}
/*繧ｳ繝ｳ繝�Φ繝�03*/
.recruit_03{
	position: relative;
}

.recruit_03 .recruit_point01::after{
	display: none;
}
.recruit_10_img{
	position: absolute;
top: 300px;
right: calc(50% + 200px);
width: 289px;
}
/*蜍滄寔隕���*/
.recruit_04{
	padding: 100px 0 ;
	background-color: rgba(224,224,224,0.40);
}
.recruitment {
	margin: 80px 0 0;
}
.recruitment li{
	width: 45%;
}
.recruitment ul li a{
	display: block;
font-size: 1.5rem;
letter-spacing: .1rem;
line-height: calc(28 / 15);
padding-right: 35px;
box-sizing: border-box;
	font-weight: 600;
	padding: 30px 60px 30px 85px;
	background-color: #FFFFFF;
}
.recruitment ul li a{
		background-repeat: no-repeat;
	background-position: left 30px center;
	background-size: 40px auto;
}
.recruitment ul li:first-child a{
	background-image: url(../img/recruit/icon_new.png);
}
.recruitment ul li:nth-child(2) a{
	background-image: url("../img/recruit/icon_guru.png");
}

.recruit_05{
	margin: 50px 0 80px;
}
.recruit_05 .inner{
	background-color: rgba(210,219,245,0.70);
	padding: 70px 30px 80px;
	text-align: center;
	position: relative;
}
.recruit_05 .inner p{
	text-align: center;
	margin: 0 0 30px;
	font-weight: 600;
}
.contact_a a{
	background-color: #0033c9;
	padding: 20px 20px;
	color: #FFFFFF;
	width: 60%;
	margin: auto;
	display: block;
	text-align: center;
	font-weight: 600;
	font-family: "din1451alt" , sans-serif !important;
	letter-spacing: .1rem;
}
.recruit_05 .inner::after {
	position: absolute;
	bottom: 70px;
	right: 0;
	margin: 0 auto;
	content: 'CONTACT';
	display: block;
	font-size: 200px;
	color: #E8E8E8;
	font-weight: 500;
	z-index: -1;
	letter-spacing: .1rem;
}
.en_con .relatedlink-list a{
	padding: 15px 60px 15px 0;
}

.recruit_send{
	position: absolute;
	top: 70px;
	left: 100px;
	width: 50px;
}

.btn_wrap{
    margin: 40px auto 0 0;
}
.btn_wrap a{
    display: flex;
    align-items: center;
}
.btn_wrap a:hover{
    opacity: 1;
}
.btn_wrap .txt_link{
    position: relative;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .075rem;
    color: #0033c9;
}
.btn_wrap .txt_link:after{
    position: absolute;
    right: 0;
    left: auto;
    bottom: 3px;
    display: block;
    content: '';
    width: 0;
    height: 1px;
    background: #0033c9;
    transition: .4s;
}

.btn_wrap .circle_btn{ margin-left: 10px;}
.recruit-content{
	padding: 100px 0 ;
}
@media (hover:hover){
  .btn_wrap a:hover .txt_link:after{
    width: 100%;
    left: 0;
}
}



@media screen and (max-width: 1020px) {
.recruit-content {
  padding: 11.719vw 0;
}
.recruit_01 {
	padding: 105px 0 0;
	background-position: left 5% top 100px;
	background-size: 90px auto;
}
.recruit_point01 {
  padding: 70px 5% 80px 20%;
}
.recruit_01 p ,.recruit_02 p,.recruit_03 p,.recruitment li a,.recruit_05 .inner p,.recruitment ul li a{
  font-size: 1.4rem;
  line-height: 2;
}
.recruit_01_img{
	width: 78px;
}
.recruit_point01 .title-ara h3 {
  padding: 20px 0 10px 120px;
}
.recruit_p {
  padding: 0 0 0 120px;
}
.recruit_point01::after,.recruit_03::after {
  width: 67%;
}
.recruit_02_img {
  margin: 0 0 0 20%;
}
.recruit_03_img {
  position: absolute;
  top: auto;
  right: auto;
	bottom: 20%;
	left: 0;
  width: 356px;
}
.recruit_10_img {
  top: 300px;
  right: auto;
	left: 1%;
  width: 289px;
}
.recruit_05 .inner::after {
	font-size: 140px;
	bottom: 50px;
}
}
@media screen and (max-width: 640px) {
.recruit_01 .sec_ttl {
  font-size: 4.206vw;
}
.employee{
	width: 100%;
	margin: 0 auto 50px;
}
.blue_text {
  font-size: 3.255vw;
	padding-bottom: 5px;
}
.recruit_01 .sec_ttl {
  margin-bottom: 42px;
}
.recruit_01 {
  padding: 13.021vw 0 0;
  background:none
}
.recruit_point01 {
  padding: 30px 5% 30px 5%;
}
.recruit_01_img {
  width: 58px;
}
.recruit_point01 .title-ara h3 {
  padding: 10px 0 10px 80px;
}
.-h24 {
  font-size: 4.206vw;
}
.recruit_01 p ,.recruit_02 p,.recruit_03 p,.recruitment li a,.recruit_05 .inner p,.recruitment ul li a{
 font-size: 3.255vw;
}
.recruit_p {
  padding: 0;
}
.recruit_02_img {
  margin: 0 0 0 15%;
}
.recruit_03_img {
  bottom: 10%;
  left: 5%;
  width: 226px;
}
.recruit_point01::after,.recruit_03::after {
  width: 75%;
}

.recruit_point02 {
  padding: 0px 5% 50px 7.5%;
}
.recruit_point02 .title-ara {
  padding: 50px 0 0 30px;
}
.recruit_0_img {
  width: 62px;
}
.long_term {
  position: static;
}
.recruit_06_img {
  bottom: -100px;
  right: 0%;
  width: 198px;
}
.recruit_03{
		padding: 20px 0 0 ;
	}
.recruit_10_img {
  top: auto;
  bottom: 0;
	left: 1%;
  width: 189px;
}
/*蜍滄寔隕���*/
.recruit_04{
	padding: 50px 0 ;
}
.recruitment {
	margin: 30px 0 0;
}
.recruitment ul li:first-child a {
	margin: 0 0 20px;

}
.recruitment li{
	width: 100%;
}
.recruit_05 .inner::after {
	display: none;
}
.recruit_05 .inner {
  padding: 70px 30px 50px;
}
.recruit_send {
top: 30px;
left: 30px;
width: 30px;
}
.recruit_05 {
  margin: 0px 0 50px;
}
.contact_a a {
  width: 90%;
}
}



/* ----------------------------------------------------------------------------------------------------
*  PRIVACY.css
* --------------------------------------------------------------------------------------------------*/

.midpage-fv.-privacy::after {
  position: absolute;
  bottom: 30px;
  right: 0;
  content: 'PRIVACY';
  display: block;
  font-size: 140px;
  color: #f2f2f2;
  font-weight: 500;
}
.midpage-fv .title {
  font-weight: bold;
  font-size: 3.5rem;
  letter-spacing: 0.01em;
}
.midpage-fv .title::after {
  content: '';
  display: block;
  width: 52px;
  height: 3px;
  background: linear-gradient(to right,#0060FF, #00CDD8);
}
.praivacy {
  padding-top: 50px;
  padding-bottom: 100px;
	min-height: 500px;
}
.praivacy p,.praivacy_list li,.praivacy_list_sabu li,.praivacy_dl dd,.praivacy_dl dd  {
    letter-spacing: .1rem;
}
.praivacy_list{
	padding-left: 1em;
	text-indent: -1em;
}
.praivacy .box{
	margin:0 0 100px;
}
.praivacy .box:last-of-type{
	margin:0 0 0px;
}
.praivacy  .box .-h3{
	margin: 0 0 10px;
}
.praivacy_dl{
	margin: 0 0 20px;
}
.praivacy_dl dt{
	font-weight: 600;
}
.praivacy_dl dd{
	padding: 0 0 0 15px;
}
.box_f6{
	background: #F6F8F9;
	padding: 50px;
	margin: 50px 0 0;
}
.praivacy_list_sabu li{
	font-size: 13px;
	padding-left: 3.5em;
	text-indent: -3.5em;
	margin: 0 0 20px;
}
.praivacy_list_sabu li:last-child{
	margin: 0 0 0px;
}
.-h3 {
  font-size: 20px;
  font-family: 'Poppins', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1020px){
.praivacy  {
  padding: 11.719vw 0;
}
.praivacy p,.praivacy_list li,.praivacy_list_sabu li,.praivacy_dl dt,.praivacy_dl dd {
  font-size: 1.4rem;
  line-height: 2;
}
.box_f6{
	padding: 30px 30px 30px 15px;
	text-align: justify;
}
.midpage-fv.-privacy::after {
  font-size: 80px;
}
}
@media screen and (max-width: 640px){
.midpage-fv {
  height: 52.5vw !important;
}
.midpage-fv::after{
  content: none !important;
}
.midpage-fv .title, .-h2 {
  font-size: 6.25vw !important;
}
.page-ttl {
  position: absolute;
  bottom: 0;
  left: 3.906vw;
}
.-h3 {
  font-size: 3.806vw;
}
.midpage-fv.-title_en::after {
  display: none;
}
.praivacy p,.praivacy_list li,.praivacy_list_sabu li,.praivacy_dl dt,.praivacy_dl dd {
  font-size: 3.255vw;
}
.praivacy .box {
  margin: 0 0 50px;
}
.praivacy_dl {
  margin: 0 0 10px;
}
	.post-content .page-ttl {position: static;line-height: 1.65;}
	.sec-news .back-btn .arrow:before, .sec-news .back-btn .arrow:after {top: 50%;}
}





/* ----------------------------------------------------------------------------------------------------
*  ESG.css
* --------------------------------------------------------------------------------------------------*/

.esg_01 {
	padding: 105px 0 0;
}
.esg_01 .-h24 {
  margin-bottom: 50px;
	text-align: center;
}
.esg_01  .font_esg{
	 margin-bottom: 52px;
}
.-h20{
	font-size: 20px;
font-family: 'Poppins', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: 600;
line-height: 2;
letter-spacing: 0.08em;
}
.-h24{
	font-size: 24px;
font-family: 'Poppins', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: 600;
line-height: 1.8em;
letter-spacing: 0.08em;
}
.-h17{
	font-size: 15px;
font-weight: 600;
line-height: 2;
letter-spacing: 0.08em;
}
.font_esg,.under_link02 li a,.column .box dd{
	letter-spacing: .1rem;
}
.bk_gray{
	background-color: rgba(224,224,224,0.40);
}
.face_eco{
	padding: 150px 0 100px;
	position: relative;
}
.face_eco .column{
	margin: 0 !important;
}
.face_eco ul{
	width: 90%;
	margin: auto;
}

.face_eco li{
	width: 28%;
}
.face_eco li p{
	margin: 20px 0 0;
	letter-spacing: .1rem;
	font-weight: 500;
}
/* .face_eco::before {
	margin: -180px auto 120px;
	content: 'Face Eco,AGP!';
	display: block;
	 font-size: 12.206vw;
	color: #E0E0E0;
	font-weight: 500;
	text-align: center;
} */
.face_eco_slider{
  /* position: absolute; */
  top: 0;
  left: 0;
  transform: translateY(50%);
}
.face_eco_slider img{
  width: 100%;
  padding: 0 70px;
}
.w_box {
  background-color: #FFFFFF;
  padding: 1px 50px 50px;
  border-radius: 3px;
}
.esg_01 .w_box {
  padding: 1px 50px 80px;
}
.column {

}
.-h2 {
  font-size: 30px;
  font-family: 'Poppins', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: 0.08em;
}
.face_eco .column .number {
  color: #af272d;
  font-size: 14px;
	display: block;
	line-height: 2
}
.font_red{
	color: #af272d;
}
.face_eco .column .font_red{
	text-align: center;
	margin: 50px 0 0;
	text-decoration: underline;
}
.esg_02{
	padding: 100px 0;
}

.esg_02 .box  h2{
	text-align: center;
	color: #FFFFFF;
}
.esg_02_01 .title_ara  .under_link,.esg_02_02 .title_ara .under_link{
	margin: 20px 0 100px;
}
.esg_02_03 .title_ara .under_link{
	margin: 20px 0 65px;
}
.esg_02 .box  .under_link p{
	text-align: center;
	color: #FFFFFF;
}


.esg_02_01,.esg_02_02,.esg_02_03{
	width: 32%;
}



.esg_02_01 .title_ara,.esg_02_02 .title_ara,.esg_02_03 .title_ara{
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	padding: 50px 20px 20px;
	margin: 0 !important;

}
.esg_02_01 .title_ara{
	background-image: url(../img/esg/esg_05.jpg);
}
.esg_02_02 .title_ara{
	background-image: url(../img/esg/esg_06.jpg);
}
.esg_02_03 .title_ara{
	background-image: url(../img/esg/esg_07.jpg);
}
.esg_02_02 .title_ara .under_link,.esg_02_01  .title_ara .under_link{
  margin: 20px 0 65px;
}

.esg_02 .font01 {
  display: block;
  font-size: 3.0rem;
  letter-spacing: .3rem;
  line-height: 1.5;
}
.esg_02  .small{
	display: block;
font-size: 1.7rem;
font-weight: 600;
line-height: 1;
letter-spacing: .2rem;
margin-top: 12px;
padding-bottom: 15px;
box-sizing: border-box;
}
.under_link{
	position: relative;
}
.under_link .circle_btn {
  width: 45px;
  height: 45px;
	margin: auto;
}
.c_btn{
	margin: 10px auto 0;
	display: block;

}
.c_btn02 {
  margin: 46px auto 0;
  display: block;
}
.under_link02{
	padding: 30px 20px;
	border-right: 1px solid #c9caca;
	border-left: 1px solid #c9caca;
	border-bottom: 1px solid #c9caca;
	
}
.under_link02 li {
  position: relative;
  border-bottom: 1px solid #c9caca;
  box-sizing: border-box;
}
.under_link02 li a {
  display: block;
  font-size: 1.5rem;
  letter-spacing: .1rem;
  line-height: calc(28 / 15);
  padding-right: 35px;
  padding: 10px 0;
  box-sizing: border-box;
}
.under_link02 li:after{
    position: absolute;
    display: block;
    content: '';
    right: 0;
    left: auto;
    width: 0;
    height: 1px;
    background: #0033c9;
    transition: .4s;
}
.under_link02 li:hover:after{
    left: 0;
    width: 100%;
}
.under_link02 ul li::after {
  position: absolute;
  display: block;
  content: '';
  right: 0;
  left: auto;
  width: 0;
  height: 1px;
  background: #0033c9;
  transition: .4s;
}
.under_link02  .arrow:hover:before{
    right: 10px;
    width: 30px;
}
.under_link02  .arrow:hover:after{ right: 10px;}
.coming{
	font-size: 20px;
line-height: 1.8;
letter-spacing: 0.01em;
font-weight: bold;
	text-shadow: 1px 2px 3px #000;
}
.coming02 {
  font-size: 13px;
  line-height: 1.8 !important;
  color: #af272d;
  text-align: right;
}
.comig_soon li{
	position:relative;
}
.coming03 {
  font-size: 10px;
  line-height: 1.4 !important;
  color: #af272d;
  position: absolute;
  top: 21px;
  right: 20px;
  text-align: center;
}
.column .box{
	position: relative;
	margin: 50px 0 0;
}
.column .box:first-of-type{
	margin: 80px 0 0;
}
.column .box h3{
	padding: 12px 20px 12px 45px;
	margin: 0 0 20px;
}
.column .box dl{
	padding: 0 2% 40px;
}
.column .box dt{
		margin: 0 0 5px;
	font-weight: 600;
	line-height: 2;
letter-spacing: .1rem;
}
.column .box .link_ara{
	position: absolute;
	bottom: 0px;
	right: 30px;
}
.esg_02 .under_link a {
  padding-left: 0;
  text-indent: 0;
	display: block;
}

/*
環境
*/
.esg.midpage-fv.-title_en::after{
	content: 'ESG';
}
.environment {
  padding-top: 50px;
}
.esg p,.environment p,.initiatives dl dt,.initiatives dl dd,.envi_03 h3{
  letter-spacing: .1rem;
}

.envi_01{
	margin: 80px 0 0;
}
.esg_text_ara{
	margin: 0 0 80px;
}
.envi_01 .-h20{
	display: block;
}
.envi_in{
	padding: 80px 50px;
}
.numbers{
	color: #0133C7;
	font-size: 53px;
	display: block;
	line-height: 1;
	letter-spacing: 0.1em;
	font-family: "din1451alt" , sans-serif !important;
}
.envi_in .boxes .l_box{
	width: 60%;
}
.envi_in .boxes .l_box h3{
	margin: 0 0 10px;
}
.envi_in .boxes .r_box{
	width: 30%;
	margin: 0 0 50px 8%;
}
.envi_in.boxes.flex{
	  justify-content: center;
  align-items: center;
}
.initiatives{}
.initiatives .box{
	border-bottom: 1pt dashed #DBDBDB;
	margin: 0 0 30px;
	padding: 0 0 30px;
	position: relative;
}
.initiatives .box02{
	padding: 0 0 50px;
}
.initiatives .box03{
	margin: 0 0 50px;
}

.box_last{
	position: relative;
	padding: 0 0 30px;
}
.initiatives .box:last-of-type{
	border-bottom: none;
	margin: 0 0 10px 0 ;
	padding: 0 ;
}
.initiatives dl{
	padding:  0 0 0 30px;
	background-repeat: no-repeat;
	background-position: left top 10px;
	background-size: 16px auto;
}
.initiatives dl dt{
	font-weight: 600;
	line-height: 2;
}
.initiatives dl dd{}
.f_01{
	width: 70%;
	background-image: url(../img/esg/r_01.png);
}
.f_02{width: 70%;background-image: url(../img/esg/r_02.png);}
.f_03{background-image: url(../img/esg/r_03.png);}
.f_04{background-image: url(../img/esg/r_04.png);}
.initiatives .link_ara{
	position: absolute;
	right: 0;
	bottom: 30px;
}
.envi_02{
	padding: 100px 0 100px;
	position: relative;
}
.envi_02 .link_ara{
	position: absolute;
	bottom: 0;
	right: 20px;
}
.envi_03,.envi_last{
	margin: 100px 0 0;
}
.envi_03 h3{
	padding: 6px 20px;
	font-weight: 600;
	margin:  0 0 50px;
}
.envi_03 .boxes .l_box{
	width: 45%;
}
.envi_03 .boxes .l_box figure,.envi_03 .boxes .r_box figure{
	width: 80%;
	margin: auto;
}
.envi_03 .boxes .r_box{
	width: 45%;
	margin: 0 0 0 10%;
}
.envi_last{
	
}


/*
社会
*/
.dive{
	width: 150px;
	position: absolute;
	top: 10px;
	left: 10px;
}
.envi_01 .red{
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.7;
}
.agp_map table{
	 border-collapse: separate;
    border-spacing: 0px;
	position: relative;
}
.arrow_under::after{
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-image: url(../img/esg/social/arrow_under.png);
	width: 98px;
	height: 25px;
	background-size: 98px 25px;
	margin: 20px 0 20px 35%;

}
.agp_map table tr{}
.agp_map table th{
	padding: 30px;
	vertical-align: middle;
	text-align: center;
	background-color: #D4E6FF;
	border: 1px solid #d4e6ff;
	width: 40%;
	color: #3b64ac;
}
.agp_map table td{
	padding: 30px;
	border: 1px solid #d4e6ff;
	width: 60%;
	
}
.agp_map table td dl{}
.agp_map table td dl dt{
	color: #3b64ac;
	font-weight: 600;
	margin: 0 0 20px;
	letter-spacing: .1rem;
}
.agp_map table td dl dd{
	
}
.agp_map table td dl dd li{
	font-size: 13px;
	line-height: 2;
	letter-spacing: .1rem;
}
.grly_box {
	background-color: rgba(232,232,232,0.40);
	padding: 50px 50px 50px;
	border-radius: 3px;	
}
.grly_box .bold{
	margin: 0 0 20px;
}

/*
ガバナンス
*/
.gove_table table th{
	padding: 2%;
vertical-align: middle;
text-align: center;
background-color: #3b64ab;
border: 1px solid #3b64ab;
color: #FFFFFF;
}
.bk_none{
	background-color: transparent!important;
	border:none !important;
	
}
.width_10{
	width: 15%;
	background-color: #000000;
}
.width_45{
	width: 42.5%;
}
.boder{
	border: 1px solid #d3e5ff;
	padding: 2%;
	vertical-align: top !important;
	}
.bk_bule{
	background-color: #d3e5ff;
	padding: 2%;
	text-align: center;
	color: #3b64ab;
	font-size:20px;
	font-weight: 500;
}
.gove_table .gove_dl dl{
	margin: 0 0 30px;
}
.gove_table .gove_dl dl dt{
	font-size: 1.4rem;
line-height: 2;
	color: #3b64ab;
	font-weight: 500;
	margin: 0 0 5px;
}
.gove_table .gove_dl dl dd{
	font-size: 1.4rem;
line-height: 2;
}
.sanka{
	padding: 3% 2% 1%;
	
}
.sanka img{
	width: 100%;
max-width: 100%;
height: auto;

}
.bk_bule span{
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.link_bana a {
	display: block;
	width: 48%;
	border: 1px solid #cdcfd5;
	padding: 15px 20px 15px 100px;
	position: relative;
	margin: 100px auto 0;
	font-weight: 500;
	line-height: 2;
}
.link_bana a::before{
	  content: "";
  display: block;
  width: 23px;
  height: 26px;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: 0 25px 0 0;
	background-image: url(../img/esg/governance/link_f.png);
	position: absolute;
left: 30px;
top: 50%;
transform: translateY(-50%);
}
.link_bana a::after{
	content: "";
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
display: block;
width: 52px;
height: 46px;
background-image: url(../img/business/agp_electricity_03.jpg);
background-repeat: no-repeat;
background-size: contain;
}
.gove_table{
	position: relative;
}
.current{
	color: firebrick;
	position: absolute;
	top: -30px;
	right: 0;
	font-size: 13px;
}



@media screen and (max-width: 1020px) {
.esg_01 {
  padding: 11.719vw 0;
}
.face_eco ul {
  width: 100%;
}
.esg_01  .font_esg{
	 margin-bottom: 42px;
}

.font_esg,.under_link02 li a,.column .box dd,.environment p,.face_eco .column .number,.initiatives dl dt,.initiatives dl dd,.envi_03 h3,.agp_map table td dl dd li,.initiatives dl dd li {
	 font-size: 1.4rem;
  line-height: 2;
}
	
	
.esg_02 {
  padding: 0 0 11.719vw 0;
}
.esg_02_01,.esg_02_02{
	width: 100%;
	padding: 0px 0px 10px;
	background-position: center center;
	margin: 0 0 50px;
}
.esg_02_03{
	width: 100%;
	padding: 0px 0px 10px;
	background-position: center center;
	}
.under_link .circle_btn {
  width: 10.594vw;
  height: 10.594vw;
	margin: auto;
}
.column .box .link_ara{
	bottom: -30px;

}

/*
環境
*/
.environment {
  padding: 11.719vw 0;
}
.initiatives {
margin: 30px 0 0;
	}
.f_01,.f_02 {
  width: 100%;
}
.initiatives .link_ara{
	position: static;
	margin: 0 0 0 30px;
}
.initiatives dl {
  background-position: left top 6px;
	padding: 0 0 0 25px;
}

.coming02 {
  line-height: 1 !important;
  text-align: left;
}
/*
ガバナンス
*/		
.link_bana a {
	width: 100%;
	padding: 25px 20px 25px 100px;
	margin: 50px auto 0;
}
}

@media screen and (max-width: 840px) {
.arrow_under::after {
  margin: 20px 0 20px 30%;
}	
	
}

@media screen and (max-width: 640px) {
.-h2 {
  font-size: 6.25vw !important;
}
.-h24 {
  font-size: 4.206vw;
}
.-h20{
	font-size: 4.25vw ;
	line-height: 1.8;
	}
.esg_01 .-h24 {
  margin-bottom: 30px;
	text-align: justify;
	line-height: 1.8em;
}
.esg_01  .font_esg{
 margin-bottom: 2px;

}
.face_eco::before {
  margin: -70px auto 40px;
 font-size: 13.206vw;
}
.face_eco li {
  width: 47%;
margin: 0 0 20px;
}
.face_eco li:last-child {
  margin: 0;
}
.face_eco {
  padding: 50px 0;
  position: relative;
}
.face_eco .column {
  margin: 30px 0 0  !important;
}
.font_esg,.face_eco li p,.face_eco .column .number,.under_link02 li a,.column .box dd,.environment p,.initiatives dl dt,.initiatives dl dd,.envi_03 h3,.envi_01 .red,.agp_map table td dl dt,.gove_table .gove_dl dl dt,.gove_table .gove_dl dl dd,.gove_table table th,.initiatives dl dd li
	{
	font-size: 3.255vw ;
}
.w_box {
  padding: 1px 20px 50px;
}
.esg_01 .w_box {
  padding: 1px 20px 30px;
}
.esg_01 .btn_wrap {
  margin: 0 auto 0 0;
}
.column {
  margin: 60px 0 0;
}
.face_eco .column .font_red {
  text-align: left;
  margin: 30px 0 0;
}
.esg_02 {
  padding: 0 0 15.021vw 0;
}
.under_link .circle_btn {
  width: 15.594vw;
  height: 15.594vw;
	margin: auto;
}
.under_link02 {
  padding: 5%;
}
.esg_02_01,.esg_02_02{
	margin: 0 0 30px;
}
	.about-history .financial-dl .title-square {
  margin-top: 10px;
}
.corporateofficers {
  padding: 50px 0 0;
}
.column .box:first-of-type {
  margin: 50px 0 0;
}
.column .box dl {
  margin: 0 0 30px;
  padding: 0 ;
}
.column .box dt,.-h17{
	font-size: 3.60vw;
	}
.column .box .link_ara{
	position: static;

}
.btn_wrap .txt_link {
  font-size: 3.255vw;
}

/*
環境
*/
.envi_01 {
  margin: 30px 0 0;
}
.envi_in {
  padding: 50px 20px 50px;
}
.numbers {
  font-size: 33px;
}
.envi_in .boxes .l_box{
	width: 100%;
}
.envi_in .boxes .r_box{
	width: 80%;
	margin: 20px auto 30px;
}
.initiatives {
margin: 0px 0 0;
	}
.initiatives .box {
  margin: 0 0 20px;
  padding: 0 0 20px;
}
.envi_in  .btn_wrap {
  margin: 20px auto 0 0;
}
.initiatives .box:last-of-type{
	margin: 0 0 5px 0 ;
}
.envi_02 {
  padding: 40px 0 50px;
}
.envi_03,.envi_last {
  margin: 50px 0 0;
}
.envi_03 h3 {
  margin: 0 0 20px;
}
.envi_03 .boxes .l_box{
	width: 100%;
}
.envi_03 .boxes .l_box figure,.envi_03 .boxes .r_box figure{
	width: 80%;
	margin: auto;
}
.envi_03 .boxes .r_box{
	width: 100%;
	margin: 30px 0 0 0;
}
.esg_text_ara {
  margin: 0 0 40px;
}
	.face_eco_slider img {
    padding: 0 40px;
}
/*
社会
*/	
.dive{
	width: 100px;
}
.agp_map table th{
	padding: 20px;
	width: 100%;
	display: block;
	color: #3b64ac;
}
.agp_map table td{
	padding: 20px 20px 30px;
	width: 100%;
	display: block;
	font-size: 3.255vw;
}
.agp_map table td dl dt{
	
	}	
.agp_map table td dl dd li{
	font-size: 3.255vw;
	  padding-left: 1.5em;
  text-indent: -1.5em;
	}	
.arrow_under::after {
  margin: 20px auto 20px;
}
.grly_box {
	padding: 30px 20px 30px;
}	
.grly_box .bold{
	margin: 0 0 10px;
	font-size: 3.255vw;
}
/*
ガバナンス
*/		
.link_bana a {
	padding: 15px 80px 15px 80px;
}
}


/* 役員紹介 (企業情報) 2024年12月追加
===================================================*/
.padi02{
	padding: 0 0px;
}
/*
common.cssに移す↑↑↑↑↑↑
*/	
.officer_introduction{
	padding: 35px 0 65px 0;
}
.profile{
	margin-bottom: 120px;
}
.profile .padi02{
	display: flex;
	flex-wrap: wrap;
	 justify-content: space-between;
	align-items: top;
}
.pro_box{
	display: flex;
	width: 49%;
	margin-bottom: 60px;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
.person{
	display: flex;
	width: 100%;
	margin:0 auto 100px;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.pro_box .p_right_box,.person .p_right_box{
	order: 2;
	width: 45%;
	letter-spacing: 0.08em;
}
.pro_box .p_left_box,.person .p_left_box{
	order: 1;
	width: 45%;	
}
.pro_box .position{
	font-weight: 700;
	margin: 10px 0 20px;
	display: block;
	font-size: 1.4rem;
    line-height: 1.6;
}
.pro_box  h3{
	font-size: 1.8rem;
	line-height: 2;
}
.pro_box  h3 span{
	display: block;
	font-size: 1.4rem;
}
.company_name{
	font-size: 1.8rem;
	line-height: 2;
	font-weight: 500;
	margin-bottom: 30px;
}
.full_name{
	font-size: 30px;
	font-weight: 700;
	line-height: 1.8;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
}
.full_name .roman{
	font-size: 1.4rem;
	font-weight: normal;
	display: block;
	
}
.attribute{
	font-size: 1.4rem;
	line-height: 2;
}
.biography_h2{
	font-size: 24px;
	text-align: center;
	margin-bottom: 20px;
	font-weight: 500;
	letter-spacing: 0.08em;
}
.biography .corporateofficers-table{
	width: 85%;
	margin:0 auto 100px;
}
.biography .corporateofficers-table th{
	width: 30%;
}
.biography .corporateofficers-table td{
	width: 70%;
}
.lists{  padding-left: 1em;
  text-indent: -1em;}
.katagaki_03{
	margin-top: 20px;
	font-size: 1.2rem;
  line-height: 1.6;
}
@media screen and (max-width: 840px) {
.profile {
  margin-bottom: 30px;
}
.person{
	width: 100%;
	margin:0 auto 50px;
}
.biography .corporateofficers-table {
  width: 100%;
  margin: 0 auto 100px;
}	
}

@media screen and (max-width: 640px) {
.officer_introduction{
	padding: 0 0 13.021vw ;
}	
.pro_box .btn_wrap {
  margin: 20px auto 0 0;
}
.padi02 {
  padding: 0 10px;
}
.pro_box {
  width: 100%;
  margin-bottom: 30px;
}
.pro_box .position {
  margin-bottom: 13px;
	margin-top: 0px;
}
.katagaki_03 {
  margin-top: 13px;
}
.pro_box h3 {
  line-height: 1.6;
}
.pro_box .position,.pro_box  h3 span,.full_name .roman,.attribute,.back-btn a,.lists li,.others,.others p,.biography .corporateofficers-table td p,.katagaki_03{
	font-size: 3.255vw;
}	
.person .p_right_box, .person .p_left_box {
  width: 100%;
}
.biography .corporateofficers-table {
  margin: 0 auto 0px;
}	
.company_name{font-size: 1.5rem;margin: 10px 0;}
.full_name{font-size: 6.25vw;margin-bottom: 15px;}
.person {margin: 0 auto 0px;}
.biography_h2 {margin-bottom: 0px;font-size: 5.25vw;}	
.back-btn a{}
.biography .corporateofficers-table td{
    white-space: normal;
  }
}


/* 企業情報 (社長メッセージ) 2024年12月追加
===================================================*/
.about_04{
	margin-bottom: 13.42857rem;
}
.about_04 .sec_ttl{
	margin-bottom: 62px;
}
.about_04 .text_box{
	margin-bottom: 35px;
}
.u-float-l {
  float: left;
  margin-bottom: 30px;
  margin-right:60px;
}
.u-float-l img{
	max-width: 280px;
}
.u-float-l figcaption {
	font-size: 18px;
	letter-spacing: 0.08em;
}
.about_04 .text_box h3{
	font-size: 1.8rem;
  line-height: 2;
  font-weight: 500;
	letter-spacing: 0.08em;
}
.about_04 .text_box p{
	margin-bottom: 35px;
}
.text_box_r p{text-align: right;}
.ule{background-color: #ff9;}

@media screen and (max-width: 640px) {
.about_04{
	margin-bottom: 5.42857rem;
}
.about_04 .sec_ttl{
	margin-bottom: 32px;
}
.u-float-l {
  float: none;
  margin-bottom: 30px;
  margin-right:0px;
}
.u-float-l img{
	max-width: 100%;
}	
.u-float-l figcaption {
  text-align: right;
}
.about_04 .text_box h3{
font-size: 1.5rem;
}
}