@charset "UTF-8";

/*============================
	kv
============================*/
.main{padding: 100px 0 20px 20px; text-align: -webkit-right;}
.swiper-pagination {
  left: 10% !important;
  bottom: 20%;
  z-index: 999;
  display: flex;
  width: fit-content;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.swiper-pagination-bullet {
  width: 20px;
  height: 1px;
  background: #dbd2c0;
  z-index: 99;
  margin: 0 10px !important;
  opacity: .7;
}

.swiper-pagination-bullet:last-child {margin-bottom: 0 !important;}
.swiper-pagination-bullet-active {opacity: 1; background: #001011;}
.kv__copy {position: relative;}
.kv__copy img{position: absolute; top: -32rem; left: 5rem;}

@media screen and (max-width:1440px) {
  .slick-slide img {width: 83%;}
  .slick-slide img {display: block; width: 83%;}
}
@media screen and (max-width:1280px) {
  .kv__copy img {top: -22rem;left: 0; width: 34%;}
}
@media screen and (max-width:1024px) {
  .kv__copy img {top: -15rem; left: 0; width: 40%;}
}
@media screen and (max-width:768px) {
  .kv__copy img {top: -12rem;}
}
@media screen and (max-width:478px) {
  .slick-slide img {width: 90%; height: 300px; object-fit: cover;}
}
@media screen and (max-width:428px) {
  .main {padding: 50px 0 20px 20px;}
  .slick-slide img {width: 100%;}
  .hd__logo {width: 19%;}
  .kv__copy img {top: -2rem; width: 72%; left: -11px;}
}

/*============================
	top_news
============================*/
.top_news {width: 65.92%; margin: 0 auto;}

@media screen and (max-width:1279px) {
  .top_news {width: 100%; padding: 100px 3% 0;}
}

@media screen and (max-width:1024px) {
  .top_news .p1717384420929 {padding-top: 30px;}
}

/*============================
	top_concept
============================*/
.top_concept {width: 72.92%; margin: 0 auto; padding: 140px 0 186px;}
.top_concept .inner{}
.top_concept .txt{width: 42.8571%;}
.top_concept .img{width: 51.6429%;}
.top_concept .img img{width: 100%;}

.top_concept .top_con_cp {font-size: 28px; font-weight: bold; margin-bottom: 50px !important;}

@media screen and (max-width:1440px) {
  .top_concept {padding: 140px 0 100px;}
}
@media screen and (max-width:1279px) {
  .top_concept {padding: 140px 3% 100px; width: 100%;}
  .top_concept .img {width: 50%;}
  .top_concept .img img{width: 100%;}
  .top_concept .txt {width: 42%;}
}
@media screen and (max-width:768px) {
  .top_concept .ttl01_c {margin: 0 auto 80px;}
  .top_concept .txt {width: 100%; margin-bottom: 30px;}
  .top_concept .img {width: 100%;}
}
@media screen and (max-width:478px) {
  .top_concept .top_con_cp {font-size: 7vw;}
}


/*============================
	top_commitment 
============================*/
.top_commitment {width: 89.5833%; margin: 0 auto 10rem; position: relative;}
.top_commitment .inner{border: 1px solid #cccccc; width: 1565px; margin: 0 auto;}
.top_commitment .ttl01_h{position: absolute; left: 10%; top: -4rem; padding: 30px;}
.top_commitment .txt{width: 42.8571%;}
.top_commitment .img{width: 51.6429%;}
.top_commitment .img img{width: 100%;}

.cmt_ttl_flex{display: flex; align-items: center;}
.cmt_ttl_flex img{width: 700px;}

.cmt_ttl .font-en {font-size: 94px; line-height: 1; padding-right: 35px;}
.cmt_ttl .cmt_ttl_txt p {font-size: 29px; font-weight: 600; line-height: 1.3em;}
.cmt_ttl .font-jp {padding-left: 160px; margin-top: 16px;}

.cmt_flex_li {width: 83.7209%; height: 380px; position: relative;}
.cmt_flex_li .p_a{position: absolute;}
.cmt_flex_li:first-of-type .p_a{right: -20%;}
.cmt_flex_li:nth-of-type(2) .p_a{left: -2%;}
.cmt_flex_li:nth-of-type(3) .p_a{right: -18%;}
.cmt_flex_li:nth-of-type(4) .p_a{left: -2%;}

.cmt_flex_li:nth-of-type(3) .txt {width: 54%;}
.cmt_flex_li:nth-of-type(3) .img {width: 40%;}

.top_commitment .btn_area{position: absolute; left: 40%; bottom: -2%;}
.top_commitment .link_btn01 a{padding: 20px 0 15px;}




@media screen and (max-width:1660px) {
  .top_commitment .inner{width: 100%;}
}
@media screen and (max-width:1440px) {
  .top_commitment {width: 90%;}
  .cmt_ttl .font-en {font-size: 5vw;}
  .cmt_ttl .cmt_ttl_txt p {font-size: 24px;}
  .cmt_ttl .font-jp {padding-left: 100px;}
  
  .cmt_flex_li:first-of-type .p_a {right: -24%;}
}
@media screen and (max-width: 1330px) {
  .cmt_flex_li{height: 310px;}
  .top_commitment .cmt_flex_li:first-of-type .txt{padding-left: 20px;}
}
@media screen and (max-width: 1024px) {
  .top_commitment .ttl01_h {left: 2%;}
  .top_commitment .txt {width: 100%; margin-bottom: 20px;}
  .top_commitment .img {width: 100%;}
  .top_commitment .cmt_flex_li:nth-of-type(3) .txt {padding-left: 20px;}
  .cmt_flex_ul{padding: 0; display: flex; flex-direction: column; align-items: center; margin-top: 8rem;}
  .cmt_flex_li .p_a {position: unset;}
  .cmt_flex_li {height: 100%;}
  .cmt_flex_li:nth-of-type(3) .txt {width: 100%;}
  .cmt_flex_li:nth-of-type(3) .img {width: 100%; text-align: center;}
  .cmt_flex_li:nth-of-type(3) .img img{width: 66%;}
  .top_commitment .cmt_flex_li:first-of-type .txt {padding-left: 0;}
  .top_commitment .cmt_flex_li:nth-of-type(3) .txt {padding-left: 0;}
  
  .cmt_flex_li:first-of-type .cmt_ttl_txt p br{display: none;}
}
@media screen and (max-width:797px) {
  .cmt_ttl .cmt_ttl_txt p {font-size: 3.1vw;}
  .cmt_ttl .font-en{padding-right: 30px;}
}
@media screen and (max-width:768px) {
  .cmt_ttl .font-en{padding-right: 30px;}
  .cmt_ttl .font-jp {padding-left: 55px;}
  .top_commitment .btn_area{left: 28%;}
  .cmt_flex_li {margin-bottom: 100px; width: 90%;}
}
@media screen and (max-width:692px) {
  .cmt_ttl .cmt_ttl_txt p {font-size: 3vw;}
}
@media screen and (max-width:600px) {
  .top_commitment .link_btn01 a {width: 300px;}
  .top_commitment .btn_area {width: 100%; left: 0;}
}
@media screen and (max-width:488px) {
  .cmt_flex_li:first-of-type .txt p br {display: none;}
}
@media screen and (max-width:468px) {
  .top_commitment .ttl01_h {left: 2%; top: -31px; padding: 15px;}
  .cmt_ttl .font-en {padding-right: 3vw; font-size: 7vw;}
  .cmt_ttl .font-jp {padding-left: 0;}
  .cmt_ttl .cmt_ttl_txt p {font-size: 5vw;}
}
@media screen and (max-width:320px) {
  .top_commitment .link_btn01 a {width: 260px;}
}

/*============================
	top_problem 
============================*/
.top_problem{position: relative;}
.top_problem::before{content: ""; background: url(../images/top_problem_bg.png) no-repeat; position: absolute; width: 30%; height: 100%; right: 0; top: 10%; z-index: -1;}
.top_problem::after{content: ""; background: #f9f9f8; width: 90%; height: 1626px; position: absolute; left: 0; top: 0; z-index: -1000;}
.top_problem .inner{padding: 120px 0; width: 89.5833%; margin: 0 auto;}
.problem__txt{margin-left: 70px;}
.top_problem .flex-btw{justify-content: flex-start;}
.top_problem .ttl01_h{background: #f9f9f8;}
.top_problem .pro-img img{width: 100%;}

/*worries*/
.worries_ul{display: flex; justify-content: center; margin-top: 10rem;}
.worries_li{width: 340px; margin: 0 30px; position: relative; padding: 75px 40px 40px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; background: #fff;}
.worries_num{position: absolute; top: -10%; left: 5%; display: flex; flex-direction: column; align-items: center;}
.num_worries{font-size: 18px;}
.worries_num .span{font-size: 70px; line-height: 50px;}
.worries_ttl {font-size: 24px; font-weight: 600; text-align: center; margin-bottom: 50px !important;}
.worries_li .link_btn02 a{width: 50%;}
.worries_li .link_btn02 a img {width: 55%;}


@media screen and (max-width:1440px) {
  .top_problem {width: 100%;}
  .top_problem .inner {padding: 120px 4%; width: 100%; margin: 0 auto;}
  .top_problem .img{width: 100%;}
  .top_problem .img img{width: 78%;}
 
}
@media screen and (max-width: 1024px) {
  .worries_ul {justify-content: space-between;}
  .worries_li {width: 32%; margin: 0 10px; padding: 75px 21px 40px;}
  
}
@media screen and (max-width: 768px) {
  .top_problem .inner { padding: 60px 4%;}
  .top_problem .flex-btw {flex-direction: column;}
  .top_problem .ttl01_l{margin-bottom: 30px;}
  .top_problem .img img {width: 100%;}
  .worries_ul{flex-direction: column;}
  .worries_li {width: 100%; margin: 0 0 80px;}
  .top_problem .link_btn02{text-align: right;}
  .worries_li .link_btn02 a img {width: 50%; right: 0;}
  .worries_li .link_btn02 a {width: 23%;}
  .worries_ttl {font-size: 4vw;}

  .top_problem::before {width: 25%; height: 18%; top: 17%;}
}

@media screen and (max-width: 478px) {
  .problem__txt {margin-left: 0;}
  .top_problem::before {width: 59%; top: 16%;}
  .worries_li .link_btn02 a {width: 60%;}
  .worries_ttl {font-size: 6vw;}
  .top_menu_li img {width: 100%;}
}
  
/*============================
	top_menu
============================*/
.top_menu{width: 85.4167%; margin: 0 auto; position: relative;}
.top_menu::before{position: absolute; left: 0; top: -37%; content: ""; background: #fff; width: 100%; height: 500px; z-index: 0;}
.top_menu .inner{padding: 116px 0 0 78px;}
.menu__flex{position: absolute; top: 0rem; width: 90%;}
.top_menu .left{width: 15%;}
.top_menu .right{width: 85%; z-index: 10;}
.top_menu .link_btn02 a{width: 50%;}
.top_menu .link_btn02 a img {width: 50%;}
.top_menu_ul {display: flex; justify-content: space-between;}
.top_menu_li {width: 350px; margin-right: 60px;}
.top_menu_li img{width: 100%;}
.top_menu_li:last-of-type{margin-right: 0;}

.top_btn{width: 72.9167%; margin: 30rem auto 0;}
.top_btn .btn_ul{justify-content: space-around;}

@media screen and (max-width:1440px) {
  .top_menu {width: 100%;}
  .top_menu .inner {padding: 116px 35px;}
  .top_btn {width: 100%; margin: 20rem auto 0;}
}

@media screen and (max-width: 1279px) {
  .top_menu_li{width: 30%;}
  .top_menu_li img{width: 100%;}
}

@media screen and (max-width: 1024px) {
  .top_btn {margin: 12rem auto 0;}
  .top_btn .btn_ul {justify-content: center;}
  .btn_li {width: 40%; margin: 0 20px;}
  .btn_li img{width: 100%;}
}

@media screen and (max-width:768px) {
  .top_menu {margin-bottom: 50px;}
  .top_menu .inner {padding: 0 7%;}
  .top_menu .left {width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;}
  .top_menu .right {width: 100%;}
  .top_menu .link_btn02 a img{width: 45%; right: 15%;}
  .top_menu_ul {flex-direction: column; align-items: center; }
  .top_menu_li {width: 100%; text-align: center; margin-bottom: 50px; margin-right: 0;}
  .top_menu .link_btn02{width: 50%; text-align: right;}
  .top_menu .link_btn02 a {width: 60%;}
  
  .top_btn {width: 100%; margin: 5rem auto 0; text-align: center; padding: 0 4%;}
  .btn_li {width: 100%; margin-bottom: 50px;}
  .btn_li img{width: 100%;}
  .menu__flex{position: unset;}
  .top_menu::before{position: unset;}
  .worries_ttl br{display: none;}
}
@media screen and (max-width:478px) {
  .top_menu .link_btn02 {width: 70%;}
  .btn_li {width: 100%; margin: 0 0 28px;}
}


/*============================
	top_map
============================*/
.top_map{width: 100%; margin-top: 12rem;position: relative;}
.top_map::before{position: absolute; left: 7%; top: -64%; content: ""; background: #f9f9f9; width: 90%; height: 500px; z-index: -1;;}
.top_map iframe {border: none;}
@media screen and (max-width:1440px) {

}
@media screen and (max-width:768px) {
  .top_map {margin-top: 5rem;}
}
@media screen and (max-width: 375px) {
  .top_map {margin-top: 2rem;}
}