@charset "utf-8";

/* 1366px幅の画面でフル幅（1920px）と同様に表示するための調整用CSS */
@media screen and (min-width: 1366px) and (max-width: 1919px) {
  /* 全体のスケーリングを調整 */
  body {
    width: 100% !important;
    max-width: 1920px;
    margin: 0 auto;
  }

  /* ヘッダー調整 */
  header {
    max-width: 1920px;
    width: 100%;
  }

  /* メインコンテンツの調整 */
  .inner {
    width: 95%;
    max-width: 1000px;
  }

  /* カバーエリアの調整 */
  .cov-div {
    max-width: 1676px;
    width: 95%;
  }

  .sld1 {
    height: 38.2292vw;
  }

  /* コンテンツエリアの調整 */
  .top_flex {
    width: 95%;
  }

  .top_left {
    width: 19%;
  }

  .top_right {
    width: 75%;
  }

  /* スライダーエリアの調整 */
  .slider_area3 .ab_text1 {
    width: 40%;
  }

  /* コンテンツ02の調整 */
  .content02:before {
    width: 11%;
    right: -1.524%;
  }

  /* コンテンツ03の調整 */
  .co3_list {
    width: 98%;
  }

.co3_list li{
	max-width: 210px;
}

  /* コンテンツ04の調整 */
  .content04 .img {
    width: 55%;
  }

  .content04 .text_area {
    width: 44%;
  }

  /* コンテンツ04aの調整 */
  .co4a_div .flex {
    width: 98%;
  }

  /* サイドボタンエリアの調整 */
  .side_btn_area {
	  
  }

  /* フッターの調整 */
  .ft_div .flex .left {
    width: 87%;
  }

  /* 環境ページの調整 */
  .env01_list > li {
    height: 30vw;
  }

  /* データエリアの調整 */
  .li7 .ab_text {
    height: 11vw;
  }
  .ma1920 {
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
}
  .hLogo {
    max-width: 100px;
    width: 20%;
    left: 0;
    top: 14px;
    left: 23px;
    transition: .4s;
}
  header {
    width: 100%;
    /*     max-width: 1366px; */
    transition: .4s;
    top: 0;
}
  #cover{
    width: 100%;
    margin: 0px auto 0;
    padding: 70px 0 45px;
  }
  
element.style {
}
.nav_list1 a {
    font-size: 1.6rem;
    height: 30px;
}
  .mainTit3{
	line-height: 1.65;
	font-size: 22px !important;
}
  .mainTit2{
	line-height: 1.4;
	font-weight: 700;
	font-size: clamp(2rem,4vw,3rem);
    font-size: clamp(2.4rem, 3vw, 3.6rem);
}
  .mainTit2 .en_tit{
	line-height:1.3333;
	font-size: clamp(1.5rem,3vw,2rem);
	display:block;
}
  .content01 .flex1 .left .mainTit3{
	margin: 5% 0 5%;
	font-size: clamp(1rem, 2vw, 2.6rem);
}
.content01 .flex1 .img{
	max-width:8004px;
	width: 54%;
	margin-right: -1.83%;
}
  .content01 .flex1 .left .text{
	line-height:1.5;
	font-weight:400;
	font-size: clamp(1.5rem,1.5vw,1.6rem);
	margin-top: 5%;
}.content01 .flex1 .left{
	max-width:511px;
	width: 45%;
}
  .content02 .top_left .ab_img1{
	margin-left: -5.5%;
	margin-top: 35.5%;
	width: 53%;
	max-width: 185px;
	animation: fuwafuwa 3.5s linear infinite;
}

.content02 .top_right .mainTit3{
	margin: 10px auto 20px;
	font-size: 20px;
}

.content02 .top_right .slider_area3 .ab_text1{
	max-width: 300px;
	width: 40%;
	margin-left: 1%;
	font-size: 20px;
}

.content02 .top_right .slider_area3 .ab_text1 img{
	filter: drop-shadow(0px 0px 20px #00000029);
	transform: translateZ(0);
}

.sld3{
	max-width: 225px;
	width: 91%;
	margin:0;
	transition:.4s;
	display: block;
	margin: 0 auto;
}
.sld3 .img .ab_text{
	font-size: clamp(2rem,7vw,5rem);
}
	
.sld3 .img .ab_text .num{
	display:block;
	font-size: clamp(2.2rem,4vw,3rem);
	margin-bottom:8px;
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
}
	.btn1 .arrow{
	position:absolute;
	right:12px;
		width: 30px;
}

.sld3 .text1{
	line-height: 1.6;
	font-size: 15px;
	max-width: 400px;
	margin: 0 auto;
	width: 100%;
	letter-spacing: 0.05em;
}



.slider3_btn{
	position:absolute;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	top: 0;
	left: 0;
	pointer-events: none;
}

.slider3_btn > div{
	/* width:7%; */
}
	
.co3_list li .img img{
	border-radius:51px;
}

.co3_list li:hover:before{
	opacity:0;
}

.co3_list li .text1{
	font-size: clamp(1.6rem,2vw,2rem);
}

.co3_list li .arrow{
	position:absolute;
	bottom:12px;
	right:13px;
	z-index:1;
}

.co3_list li:after{
	position:absolute;
	content:"";
	border-top: 60px solid transparent;
	bottom:0;
	right:0;
}

.co3_list li.re_li:after{
	border-right: 60px solid #FF0852;
}
.co3_list li.re_li:hover{
	border:2px solid #FF0852;
}

.co3_list li.gre_li:after{
	border-right: 60px solid #88DB47;
}
.co3_list li.gre_li:hover{
	border:2px solid #88DB47;
}

.co3_list li.blu1_li:after{
	border-right: 60px solid #00D4F0;
}
.co3_list li.blu1_li:hover{
	border:2px solid #00D4F0;
}

.co3_list li.blu2_li:after{
	border-right: 60px solid #1E9FEA;
}
.co3_list li.blu2_li:hover{
	border:2px solid #1E9FEA;
}

.co3_list li.yel_li:after{
	border-right: 60px solid #FFD817;
}
.co3_list li.yel_li:hover{
	border:2px solid #FFD817;
}

.content03 .btn1{
	margin:68px auto 0;
	max-width: 300px;
	height: 60px;
	font-size: 20px;
}

.content04{
	margin: 240px auto 0px;
	padding: 0 0 222px;
	position: relative;
}

.content04 .img{
	max-width:1022px;
	width: 55%;
	margin-top: 3%;
	position: relative;
	z-index: 2;
}

.content04 .text_area{
	max-width:822px;
	width: 44%;
	padding-top: 6%;
	position: relative;
	z-index: 1;
}

.content04 .text_area:before{
	position:absolute;
	content:"";
	width: 127.5%;
	height: 40%;
	max-height:253px;
	background:#1E9FEA;
	right:0;
	top:0;
	z-index: -1;
}

.content04 .text_area .title{
	display:flex;
	align-items:center;
	flex-direction:row-reverse;
	line-height:1.16667;
	font-weight:700;
	font-size: clamp(2rem,2.5vw,3.6rem);
	justify-content: flex-end;
}


.content04 .text_area .title .en_tit{
	display:block;
	margin-left: -5%;
	z-index:-1;
	width: 78%;
}

.content04 .text_area .text{
	line-height:2.04545;
	font-weight:400;
	font-size: clamp(1.5rem,1.5vw,2.2rem);
	max-width: 635px;
	margin-top:4%
}

.content04 .btn1{
	margin: 10% 0 0;
}

.content04:before{
	position:absolute;
	content:"";
	right:0;
	bottom:-53px;
	background-size:contain;
	max-width: 215px;
	width: 12%;
	height: 429px;
	z-index: 1;
	animation: fuwafuwa 3s linear infinite;
}


.side_btn{
	width: 81px;
	height: 81px;
	transition:.4s;
	pointer-events: initial;
}

.side_btn:hover{
	width: 120px;
	height: 120px;
	opacity:1;
}

.side_btn:first-child{
	margin-bottom:18px;
}

.side_btn img{
	filter: drop-shadow(0 0 10px #0000004d);
}

.side_btn.bgblu{
	margin-bottom:12px;
}

.contact_area{
	position:relative;
}

.con_sld{
	width:100%;
	height: 25vw;
	max-height:553px;
}
.contact_area .flex{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	max-width:1138px;
	width:95%;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.contact_area .flex .fuki{
	margin-bottom: 16px;
	font-size: 2.6rem;
	font-weight:700;
	position:relative;
	padding: 0 30px;
	line-height: 1.4444;
}

.contact_area .flex .fuki:before,
.contact_area .flex .fuki:after{
	height: 34px;
	bottom:2%;
}

.contact_area .flex .fuki:before{
	left:0;
	transform: rotateZ(330deg);
}

.contact_area .flex .fuki:after{
	right:0;
	transform:rotateZ(30deg);
}

.btn2{
	display:flex;
	align-items:center;
	justify-content:center;
	height:127px;
	width: 100%;
	max-width:526px;
	border-radius:64px;
	line-height:1.46667;
	font-weight:900;
	font-size: 4.8rem;
	position:relative;
	overflow:hidden;
	transition:.4s;
	z-index:1;
}

.btn2:hover{
	opacity:1;
}

.btn2.bgpink{
    font-size: 20px;
    height: 60px;
    max-width: 275px;
}

.btn2.bgpink:hover{
	color:#FF0084!important;
}

.btn2::after {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}

.btn2:hover::after {
  transform: scale(1, 1);
}

.btn2 > img{
	position:absolute;
	left:32px;
}

.btn2 > .arrow{
	position:absolute;
	right:35px;
}

/*-----------------------------------------------------------
 footer
-----------------------------------------------------------*/

footer {
	margin: 0px auto 0;
}

.ft_div{
	background-size:cover;
	position:relative;
	padding: 45px 0 40px;
}

.ft_div .flex{
	align-items: flex-start;
}

.ft_div .flex .left{
	max-width:572px;
	width: 87%;
	display:flex;
	justify-content:space-between;
	margin-left: 3.3%;
}

.ft_div .flex .right{
	max-width: 22px;
	width:100%;
	margin-right: 1.6%;
	padding-top: 143px;
}

footer .logo {
	width: 24%;
	max-width: 110px;
	margin: 0 auto 30px;
}

.ft_div1{
	max-width: initial;
	width: 100%;
}

.ft_list{
	/* display:flex; */
	/* flex-wrap:wrap; */
	/* justify-content:space-between; */
}

.ft_list li{
	/* width: 100%; */
	margin-bottom: 8px;
	position:relative;
	padding-left:18px;
}

.ft_list li.child{
	margin-left: 17px;
}

.ft_list li a{
	font-size:1.4rem;
	font-weight: 700;
	line-height:1.42857;
}

.ft_list li.child a{
	font-weight:500;
}

.ft_list li:before{
	content: '';
	width: 5px;
	height: 5px;
	border-top: solid 2px #A9A9A9;
	border-right: solid 2px #A9A9A9;
	position: absolute;
	left: 0px;
	top: 13px;
	transform: rotate(45deg);
}

.ft_list2{
	display:flex;
	justify-content:space-between;
	font-size: 1.4rem;
	font-weight: 400;
	max-width: 328px;
	width: 100%;
}

.ft_list2 li.bar{
	border-right:1px solid #CCCCCC;
}

.ft_list2 li a{
	display:flex;
	align-items:center;
}

.ft_list2 li a img{
	margin-left:8px;
}

.copyright {
	background: #A9A9A9;
	color: #fff;
	text-align: center;
	padding: 14px 0 17px;
	font-size:1.2rem;
	font-weight:400;
	line-height:1.416667;
}

.copyright small {
    /* width: 1000px; */
    /* margin: 0 auto; */
    /* padding: 20px 0 20px; */
    /* display: block; */
    /* text-align: right; */
}


/* 全ページ共通クラス
----------------------------------------------------------- */

/*--- パンくず ---*/

.pankuzu {
    width: 95%;
    margin: 0 auto;
    font-size: 12px;
    padding: 16px 0 0;
	max-width: 1080px;
}

.pankuzu li {
    margin: 0 0 0 10px;
    display: inline;
}

.pankuzu li:first-child {
    margin: 0;
}

.pankuzu li a {
    margin: 0 10px 0 0;
    color: #F44336;
}

/*--- ページトップ ---*/



/* -- お問い合わせ -- */

/* -- お問い合わせ -- */

input {
	vertical-align: middle;
}

.btnBox1 {
	text-align: center;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}


.tb_inp.mabo{
	margin-bottom:16px;
}

textarea {
	padding: 10px 5px;
	height: 170px;
	width: 100%;
	background: #FFFFFF;
}

input,
textarea,
button,
select,
option {
	outline: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select{
	height: 50px;
	padding: 5px;
	width: 100%;
	background: #FFFFFF;
	max-width: 680px;
}

::placeholder{
	color:#CCCCCC;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
option,
select{
	max-width: 680px;
	border: 1px solid #DDDDDD;
	border-radius:5px;
}


input[type="date"]{
	width:100%;
	max-width:204px;
	height:42px;
}

button {
	border: none;
	outline: none;
	background: none;
}

.form_notice1 {
	font-size: 85.714%;
	display: block;
	margin: 5px 0 0;
}

.form_notice2 {
	font-size: 87.5%;
}

.modification_wrap {
	overflow: hidden;
}

.modification {
	width: 221px;
	float: left;
	margin: 0 0 0 246px;
}

.send_bt {
	width: 221px;
	float: right;
	margin: 0 245px 0 0;
}

.error_style {
	color: #FF0000;
	display: block;
	margin: 8px 0 0;
}


.contact_tb th, .contact_tb td {
	padding: 4.42% 0;
	font-size: 1.8rem;
	position: relative;
	font-weight: 700;
	border-bottom: 1px solid #E7E7E7;
	letter-spacing: 0;
}


.contact_tb {
	width: 100%;
	margin: auto;
}

.contact_tb .text2{
	font-size:1.4rem;
	font-weight:500;
	line-height:1.857;
	margin-top:17px;
}

.contact_tb .text .small{
	display:block;
	font-size:1.4rem;
	font-weight:500;
}


.contact_tb th {
	width: 32.2%;
	text-align: left;
	padding-right: 1%;
	padding-left: 7.7%;
}

.contact_tb th label{
	position:relative;
}

.contact_tb th label > span{
	display:block;
}

.contact_tb th label em{
	position:absolute;
	left: -16%;
	top: 8px;
}

.contact_tb th.vert{
	vertical-align:top;	
}

.contact_tb td {width: 67.8%;}

.contact_tb td .text{
	font-size:1.4rem;
}


.contact01_div3{
	margin-top:80px;
}


.pri_div{
	padding: 27px 3%;
	height: 242px;
	overflow-y:scroll;
	margin: 41px auto 37px;
	background: #fff;
	-ms-overflow-style: none;
	scrollbar-width: none;
	border: 1px solid #CCCCCC;
	width: 100%;
}

.pri_div.pri_div2{
	padding: 24px 4%;
	height: 285px;
	overflow-y:scroll;
	margin: 24px auto 56px;
	background: #F1F4E0;
	-ms-overflow-style: none;
	scrollbar-width: none;
	border: 2px solid #F1F4E0;
	width: 100%;
	border-radius: 10px;
}

.pri_div::-webkit-scrollbar{
	display: none;
}

.pri_div .text2{
	font-size: 1.4rem;
	line-height: 1.8;
	font-weight: 500;
}


.pri_div h3{
	font-size: 1.8rem;
	line-height: 1.6;
	margin-bottom: 16px;
}

.pri_div.pri_div2 h3{
	font-size: clamp(1.8rem,2vw,2.4rem);
	line-height: 1.8;
	margin-bottom: 24px;
	color: #534541!important;
}

.pri_div dt{
	font-size: 1.4rem;
	line-height: 2.057;
}

.pri_div dd{
    font-size: 1.4rem;
    line-height: 2.057;
	margin-bottom:24px;
}

.pri_div dd p.matop{
	margin-top:24px;
}

.privacy_area{
	display:flex;
	align-items:center;
	justify-content:center;
	margin: 52px auto 37px;
	position: relative;
}

.privacy_area .error{
	position:absolute;
	bottom:-30px;
}

.privacy_area label{
	display:flex;
	align-items: center;
	font-size: 1.6rem;
}

.privacy_area a{
	color:#1571DA;
	display: flex;
	align-items: center;
}

.privacy_area a img{
	margin:0 4px;
}

.privacy_area input{
	width: 24px;
	height: 24px;
	border: 1px solid #ccc;
	border-radius: 0;
	accent-color: #ccc;
	margin-right: 12px;
}

.send_btn{position:relative;margin: 0 auto;max-width: 440px;width: 100%;}



.send_btn:hover{
	opacity:0.7;
}

.contact_tb th em {
	background: #D80303;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1;
	padding: 1px;
}


/* wordpress 記事 */
.detail_area img{
	margin-bottom:24px;
}

.detail_area p:has(img){
	margin:0;
}


.aligncenter{
	margin:0 auto 24px;
	display:block;
}


.detail_area p{
	margin-bottom:24px;
	font-size: clamp(1.5rem,2.3vw,1.8rem);
	line-height:2;
	letter-spacing:0.05em;
}

.detail_area h2{
	margin-bottom:24px;
	font-size: clamp(2.4rem,3vw,3.2rem);
	line-height:2;
	letter-spacing:0.05em;
}

.detail_area h3{
	margin-bottom:24px;
	font-size: clamp(1.8rem,2.3vw,2.4rem);
	line-height:2;
	letter-spacing:0.05em;
}

.detail_area h4{
	margin-bottom:24px;
	font-size: clamp(1.6rem,2.3vw,1.8rem);
	line-height:2;
	letter-spacing:0.05em;
}

.ma1920{
	max-width:1920px;
	width:100%;
	margin:0 auto;
}
.content01 .flex2 .left .btn1{
	margin-top: 6%;
	width: 90%;
	max-width: 300px ;
	font-size:20px ;
	height:60px;
}

.content01 .top_right{
	padding-top: 5.9%;
	width: 76%;
}

.content02 .top_right{
	padding-top: 4%;
}
	.content02 .btn1{
	max-width: 300px;
	margin:0 auto;
	font-size: 20px;
	height: 60px;
}
.content03 .flex{
	align-items:flex-start;
	margin-bottom: 5%;
}

.content03 .flex .left{
	max-width: 532px;
	width: 45%;
}

.content03 .flex .right{
	max-width: 544px;
	width: 54%;
	margin-right: -1.83%;
}
.content03 .flex .left .text{
	line-height:1.5;
	font-size: clamp(1.5rem, 1.5vw, 1.6rem);
	margin-top: 5%;
	max-width: 495px;
}
.content03 .flex .right .img{
	position: relative;
	z-index: 0;
}

.title_anm {
	white-space:nowrap;
	overflow:hidden;
	width:0%;
	display: block;
}

.active.title_anm{
animation:title_anm 1s linear forwards;
}

@keyframes title_anm {

from {
width:0%;
}

to {
width:100%;
}

}

.fade_anm {
	opacity:0;
}

.active .fade_anm,
.active.fade_anm{
animation:fade_anm 0.5s linear forwards;
}
.active .fade_anm.slow,
.active.fade_anm.slow{
	animation-delay:1s;
}

@keyframes fade_anm {

from {
transform:translateY(20%);
	opacity:0;
}

to {
transform:translateY(0%);
	opacity:1;
}

}

.content04a{
	padding: 0 auto;
	position: relative;
	margin-bottom: 60px;
}

.content04a:before{
	position:absolute;
	content:"";
	max-width:400px;
	width:20%;
	height:400px;
	top:0;
	left:0;
	background-size:contain;
}

.content04a .title{
	line-height:1.16667;
	font-weight:700;
	font-size: clamp(2.3rem,2.5vw,3.6rem);
	position: absolute;
	top: 7.3%;
	left: 1%;
	width: 45%;
}

.content04a .title .tit_span{
	position:absolute;
	top: 47%;
	left: 22%;
}


.content04a .title .en_tit{
	display:block;
	width: 100%;
}

.co4a_div{
	background:#F2F2F2;
	border-radius:30px;
	max-width:1800px;
	width:95%;
	margin:0 auto;
	padding: 15.8% 0 5.26%;
}

.co4a_div .flex{
	width: 98%;
	margin-bottom: 6.3%;
	margin-right: 2%;
}

.co4a_div .flex .img{
	width: 42%;
}

.co4a_div .flex .text_area{
	max-width: initial;
	width: 54%;
}

.co4a_div .flex .text_area .title2{
	    line-height: 1.42857;
	    font-weight: 700;
	    font-size: clamp(2.4rem, 3vw, 3.6rem);
	    margin-bottom: 5%;
}

.co4a_div .flex .text_area .mainTit3{
	margin-bottom: 3%;
}

.co4a_div .flex .text_area .text{
	        line-height: 1.5;
        font-weight: 400;
        font-size: clamp(1.5rem, 1.5vw, 1.6rem);
	}

.content04a .btn1{
	margin:0 auto;
	max-width: 300px;
	font-size: 20px;
	height: 60px;
}


.anker_area1{
	background:#F2F2F2;
	padding: 4.85% 0;
}

.anker_area1 .co3_list{
        width: 75%;
        margin: 0 auto;
}

.co3_list.col2{
	max-width:500px;
	margin:0 auto;
}

.co3_list.col2 li{
	max-width: 375px;
	width: 48%;
	margin-top: 0;
}

.co3_list.col3 li{
	max-width: 375px;
	width: 32%;
	margin-top: 0;
}

.co3_list.col3 li .text1{
	font-size: clamp(1.5rem, 2vw, 3rem);
}

/* 
.pagetop{
	position:fixed;
	bottom:10px;
	right:31px;
	width:20px;
	z-index: 99;
	opacity: 0.6;
}
 */
.ft_in{
	max-width:918.5px;
	margin:0 auto;
	width:95%;
}

/* article */

#cover2 {
	position:relative;
	z-index:1;
}


#cover2 .title{
        bottom: 25px;
}

#cover2 .ab_text{
	position:absolute;
	bottom:0;
	right:0;
	font-size: 20rem;
	font-size: clamp(7rem, 11vw, 20rem);
	opacity: 0.23;
	line-height: 0.8;
	color:#D6D6D6;
	letter-spacing: 0;
}

.environment #cover2 .ab_text{
	font-size: clamp(5rem, 11vw, 20rem);
}

#cover2 .ab_text.white{
	opacity: 0.3;
}
.cov2_div {
    height: 200px;
    width: 100%;
    background-size: cover;
}
.cov_sou:before{
	position:absolute;
	content:"";
	width: 58%;
	        height: 630px;
	background-size:contain;
	right: 14.3%;
	top:0;
	z-index: -1;
	pointer-events: none;
	max-width: 1078px;
}


.comp01{
	z-index:1;
	position:relative;
	padding: 7.2% 0 0;
}

.comp01_div{position: relative;display: flex;align-items: flex-start;}

.comp01_div .img{
	max-width: 700px;
	width: 40%;
}

.comp01_div .text_area{
	max-width: 717px;
	width: 40%;
	position: relative;
	margin-left: -7.8%;
	padding: 20px;
	margin-top: 5%;
}

.comp01_div .text_area .title{
	background: #FFFFFFe6;
	width:100%;
	font-size: 28px;
	font-weight:700;
	line-height:1.6;
	letter-spacing:0.05em;
	padding: 8% 6% 8% 17%;
}

.comp01_div .text_area:before{
	position:absolute;
	content:"";
	background-size:contain;
	max-width:102px;
	width: 14%;
	height:97px;
	top:0;
	left:0;
}

.comp01_div .text_area:after{
	position:absolute;
	content:"";
	background-size:contain;
	max-width:84px;
	width: 11%;
	height:81px;
	bottom:0;
	right:0;
}

.inner2{
	max-width:1000px;
	width: 90%;
	margin:0 auto;
}

.company .inner2{
	max-width: 700px;
}

.comp02{
	padding: 8% 0 11.2%;
}

.comp02_div{
	/* position: relative; */
	/* z-index: 1; */
	/* max-width: 1000px; */
	margin: 0 auto;
}

.comp02_div1{
	margin-bottom: 6.6%;
}


.arttit1{
	font-size: clamp(2rem, 3vw, 2.4rem);
}

.bar_rela{
	display:block;
	position:relative;
	padding: 40px 0 15px 73px;
}

.bar_rela:before{
	position:absolute;
	content:"";
	height: 76px;
	width:3px;
	background:#FF0852;
	left: 26px;
	bottom:0;
	transform: rotateZ(30deg);
}

.arttit1 .en_tit{
	font-size: 20rem;
	font-size: clamp(7rem, 11vw, 20rem);
	opacity: 0.3;
	line-height: 0.8;
	color:#D6D6D6;
	position: absolute;
	letter-spacing: 0;
}

.comp02_div .arttit1 .en_tit{
	top: 8%;
	/* left: -18%; */
}

.comp02_div .bar_rela{
	margin-left: 15%;
	max-width: 700px;
	margin: 0 auto;
}

.comp02_div .arttit1{
	margin-bottom: 20px;
}

.arttit2{
	line-height: 1.875;
	font-weight: 700;
	font-size: 25px;
}

.comp02_div .arttit2{
	margin-bottom: 3%;
}

.comp02_div .text1{
	line-height: 1.7;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 7%;
}

.comp02_div .text2{
	line-height: 1.4444;
	font-weight: 500;
	font-size: clamp(1.5rem, 2.1vw, 1.6rem);
	text-align:right;
	letter-spacing:0.13em;
}

.comp02_div .text2 .big{
	line-height: 1.42857;
	font-weight: 700;
	font-size: clamp(1.8rem, 2.1vw, 2.2rem);
}

.comp02_div2:before{
	position:absolute;
	content:"";
	width: 129%;
	max-width:1459px;
	right: -20%;
	top: 6.36%;
	background:#F2F2F2;
	height: 21%;
	border-radius: 50px 0 0 50px;
	max-height: 752px;
	z-index: -1;
	right: auto;
	left: 15%;
}

.comp02_div2 .img1{
	max-width: 1000px;
	margin-left:auto;
	width: 44%;
	margin-right: 0;
	display: block;
	margin-bottom: 20px;
}

	.comp02_div2 .img1 img{
	border-radius:5%;
}
	
.comp02_div2 .img2 img{
	border-radius: 5%;
}

	
.comp02_div2 .img2{
	width: 41%;
}

.comp02_div2 .img3{
	max-width:1000px;
        width: 70%;
        margin: 10px auto;
}
	


.comp03{
	padding-top: 6.56%;
	position: relative;
}

.comp03:before{
	position:absolute;
	content:"";
	width: 15%;
	max-width:278px;
	height:556px;
	right:0;
	top:0;
	background-size:contain;
	z-index: 1;
	animation: fuwafuwa 3s linear infinite;
}

.com3_div{
	background:#F2F2F2;
	padding: 5.2556% 0 9.3%;
	position:relative;
}

.com3_div .arttit1 .en_tit{
	position:absolute;
	top:0;
	left:0;
	color: #FFFFFF;
}

.blu1_bar .bar_rela:before{
	background: #00D4F0;
}

.or_bar .bar_rela:before{
	background: #FC9F10;
}

.com3_div .bar_rela{
	margin-left: 12.1%;
}

.com3_div .flex{
	margin-top: 7.5%;
	max-width: 1456px;
	width: 100%;
	align-items: center;
	padding-right: 2%;
}

.com3_div .flex .img{
	margin-left: 0.06%;
	width: 45%;
	max-width: 932px;
}

.com3_div .flex .text_area{
	max-width: 562.5px;
	width: 50%;
}

.arttit3{
	line-height: 1.5365;
	font-weight: 700;
	font-size: 28px;
}

.arttit3 .en_tit{
	line-height: 1.375;
	font-weight: 700;
	font-size: 20px;
	letter-spacing:0.1em;
	display:block;
	margin-bottom: 5px;
}

.com3_div .flex .text_area .text{
	line-height: 1.8;
	font-weight: 400;
	font-size: 20px;
	margin-top:30px;
}

.comp04{
	padding: 7.46% 0 14%;
}

.comp04 .img{
	max-width: 600px;
	margin:0 auto;
	width: 95%;
}

.arttit4{
	font-size: 28px;
	font-weight:900;
	line-height:1.44;
	letter-spacing:0.1em;
	text-align:center;
}

.comp05{
	padding-bottom:34px;
	position:relative;
}

.comp05:before{
	position:absolute;
	content:"";
	width:20%;
	max-width:191px;
	height:183px;
	bottom:0;
	right:0;
	z-index:1;
	background-size:contain;
	animation: fuwafuwa 3s linear infinite;
}

.comp05_div{
	position:relative;
	max-width:1800px;
	width:95%;
	margin:0 auto;
	background:#F2F2F2;
	border-radius:50px;
	padding-bottom: 8.41%;
	padding: 5.2556% 0 8.41%;
}

.co5_list{
	width: 90%;
	margin: 10px auto 0;
	max-width: 700px;
}

.co5_list li{
	font-size: 1.8rem;
}

.co5_list li .left{
	max-width:210px;
	width: 21%;
}

.co5_list li .right{
	max-width:790px;
	width: 79%;
}

.comp05 .arttit1{
	max-width:1000px;
	margin:0 auto;
	width: 90%;
}

.comp05 .arttit1 .en_tit{
	position:absolute;
	top:0;
	left:0;
	color:#FFFFFF;
}

.co5_list li:last-child{
	line-height:2.2;
}


.comp06{
	padding: 50px 0 50px;
	position:relative;
}

.comp06:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	max-width:353px;
	height:353px;
	background-size:contain;
	width: 19%;
}

.comp06 .flex{
	max-width: 1000px;
	margin:0 auto;
	width:95%;
}

.comp06 .flex .img{
	max-width:502px;
	width: 33%;
}

.comp06 .flex .text_area{
	max-width:504px;
	width: 63%;
	padding-top: 3.1%;
}

.comp06 .flex .text_area .title{
	font-size: 28px;
	font-weight:700;
	line-height:1.44;
	letter-spacing:0em;
}

.comp06 .flex .text_area .title .en_tit{
	display:block;
	line-height: 1.3333;
	font-weight: 700;
	font-size: 20px;
	letter-spacing:0.1em;
}

.comp06 .flex .text_area .title .sub_tit{
	display:block;
	line-height: 1.47;
	font-weight: 700;
	font-size: 20px;
	letter-spacing:0em;
}

.comp06 .flex .text_area .text{
	line-height: 1.8;
	font-weight: 700;
	font-size: 22px;
	letter-spacing:0em;
	margin-top: 20px;
}

/* people */

.peo02 .comp02_div .arttit1{
	max-width: 820px;
	width:95%;
	margin: 0 auto 15px;
}

.peo02 .comp02_div .bar_rela{
	margin-left:0;
}

.peo_div1{
	max-width: 820px;
	width:95%;
	margin:0 auto;
}

.peo_div1 .text3{
	line-height: 1.857;
	font-weight: 400;
	font-size: clamp(1.6rem, 2.1vw, 1.8rem);
	margin:0 auto 47px;
}

.peo02_list1{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.peo02_list1 li{
	width: 30%;
	max-width: 377px;
	margin-bottom: 9.834%;
}

.peo02_list1 li .img{
	position:relative;
	margin-bottom:19px;
}

.peo02_list1 li .img .off{
	opacity:1;
	transition:.4s;
}

.peo02_list1 li .img .on{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	transition:.4s;
}

.peo02_list1 li:hover .img .off{
	opacity:0;
}

.peo02_list1 li:hover .img .on{
	opacity:1;
}

.peo02_list1 li .img .tri{
	position:absolute;
	right: 2%;
	bottom: 0px;
	max-width: 175px;
	width: 45%;
}

.peo02_list1 li .img .ab_text{
	position:absolute;
	color:#fff;
	font-size: clamp(2rem,7vw,6.8rem);
	font-weight:700;
	bottom: 3px;
	right:5%;
	line-height:0.698;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
}

.peo02_list1 li .img .ab_text .num{
	display:block;
	font-size: clamp(2.2rem,4vw,3.4rem);
	margin-bottom:8px;
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
}

.peo02_list1 li .text1{
	line-height:1.68;
	font-weight:700;
	font-size: clamp(1.5rem,1.7vw,1.6rem);
	margin: 0 auto;
	width: 100%;
	letter-spacing: 0.05em;
}

.peo02_list1 li .text2{
	line-height:1.444;
	font-weight:700;
	font-size: clamp(1.2rem,2vw,1.4rem);
	letter-spacing:0.13em;
	text-align:right;
	margin: 12px auto 0;
	width: 100%;
}

.more_btn{
	display:flex;
	align-items:center;
	justify-content:space-between;
	max-width:103px;
	width:100%;
	margin-left:auto;
	margin-top: 19px;
	font-size:1.8rem;
	font-weight:700;
}

.more_btn img{
	filter:drop-shadow(0 0 17px #00000029);
}

.comp02.peo02{
    padding: 8% 0 5.3%;
    max-width: initial;
    margin: 0 auto;
    position: relative;
}

.peo03{
	
}

.peo03 .title_area{
	background: #F2F2F2;
	padding: 82px 18%;
	display: flex;
	align-items: center;
}

.peo03 .title_area .arttit1{
	flex-shrink:0;
}

.peo03 .title_area .text{
	max-width:882px;
	width: 80%;
	line-height: 2;
	font-weight:400;
	font-size: clamp(1.6rem,1.7vw,1.8rem);
	margin-left: 9%;
}

.peo03_div.peo03_div1{
	background:#00D4F0;
}

.peo03_div.peo03_div2{
	background:#88DB47;
}

.peo03_div{
	padding: 159px 0;
}

.peo03_div .flex{
	margin-right:auto;
	align-items: center;
	width: 85%;
}

.peo03_div2 .flex{
	flex-direction:row-reverse;
	margin-left:auto;
	margin-right:0;
}


.peo03_div .flex .img{
	max-width: 961px;
	width: 56%;
}

.peo03_div .flex .text_area{
	max-width: 550px;
	width: 42%;
	position:relative;
}

.peo03_div .flex .text_area .fuki_text{
	line-height:1.4444;
	font-weight:700;
font-size: 21px;
        padding: 4% 8px;
        text-align: center;
        width: 75%;
        background: #fff;
        border-radius: 50px;
        position: absolute;
        top: -128px;
        margin: auto;
        left: 0;
        right: 0;
}

.peo03_div .flex .text_area .fuki_text:before{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 28px solid transparent;
	border-left: 28px solid transparent;
	border-top: 48px solid #ffffff;
	border-bottom: 0;
	left:0;
	right:0;
	margin:auto;
	top:75%;
}

.peo03_div .flex .text_area .text1{
	line-height: 1.857;
	font-weight: 700;
	font-size: clamp(2rem, 2.1vw, 2.8rem);
}

.peo03_div .flex .text_area .text1 .num{
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #333;
	font-size: clamp(5rem, 3vw, 8rem);
	margin-left:7px;
	line-height:1;
}

.peo03_div .flex .title{
	margin: 0 auto 10px;
	font-size: 28px;
	font-weight:900;
	line-height:1.34;
}

.peo03_div .flex .text_area .text2{
	line-height: 1.8;
	font-weight:700;
	font-size: 18px;
}

.more_btn2{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#FFFFFF;
	border-radius:29px;
	height:57px;
	max-width:223px;
	margin-left:auto;
	margin-top:38px;
	font-weight:700;
	font-size: 2rem;
	line-height:1.45;
	position:relative;
	box-shadow:0 0 17px #00000029;
	overflow: hidden;
	z-index: 1;
	transition: .4s;
	opacity: 1;
}

.more_btn2:before{
	content: '';
	width: 9px;
	height: 9px;
	border-top: solid 2px #00D4F0;
	border-right: solid 2px #00D4F0;
	position: absolute;
	right: 17px;
	top: 0px;
	transform: rotate(45deg);
	bottom:0;
	margin:auto;
}

.more_btn2:hover{
	color:#fff;
	opacity: 1;
}

.more_btn2:after {
  background: #333;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}

.more_btn2:hover::after {
  transform: scale(1, 1);
}


.peo03_wrap{
	position:relative;
}

.peo03_wrap .ab_text{
	font-size: 20rem;
	font-size: clamp(6rem, 11vw, 20rem);
	opacity: 0.3;
	line-height: 0.8;
	color: #FFFFFF;
	position: absolute;
	letter-spacing: 0;
	font-weight: 700;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

/* interview */

#cover3{
	background-size:contain;
	background-position-x:71%;
	padding-top: 6.3%;
	/* max-height: 600px; */
	display: flex;
	align-items: flex-end;
	min-height: 640px;
}

.cov3_div{
	display:flex;
	max-width: 1000px;
	width:95%;
	align-items: flex-end;
	justify-content: space-between;
	margin: 0 auto;
}

.cov3_div .img{
	max-width:630px;
	width: 40%;
}

.cov3_div .text_area{
	max-width:850px;
	padding: 1% 1.1%;
	position:relative;
	margin-bottom: auto;
	width: 58%;
	margin-top: auto;
}


.cov3_div .text_area:before{
	position:absolute;
	content:"";
	background-size:contain;
	max-width:102px;
	width: 14%;
	height:97px;
	top:0;
	left:0;
}

.cov3_div .text_area:after{
	position:absolute;
	content:"";
	background-size:contain;
	max-width:84px;
	width: 11%;
	height:81px;
	bottom:0;
	right:0;
}

.cov3_div1{
	background:#FFFFFFe6;
	padding: 12.78% 10% 6.269%;
}

.cov3_div1 .title{
	font-size: 28px;
	font-weight:700;
	line-height:1.6;
}

.cov3_div1 .flex{
	justify-content:flex-end;
	margin-top: 9.84%;
	align-items:center;
}

.cov3_div1 .flex .text1{
	line-height: 1.275;
	font-weight: 700;
	font-size: clamp(4rem, 6vw, 5rem);
	letter-spacing:0em;
	color:#33333380;
	margin-right: 4%;
}

.cov3_div1 .flex .text2{
	line-height: 1.4285;
	font-weight: 700;
	font-size: 18px;
	letter-spacing:0.13em;
}

.int01{
	padding: 8% 0 21.6%;
}

.int01_div{
	display:flex;
	justify-content:space-between;
	margin-bottom: 22.25%;
}

.int01_div .arrow{
	display:flex;
	align-items:center;
	justify-content:center;
	margin: 0 auto;
}

.int01_div .arrow span{
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 44px solid #1e9fea;
	border-right: 0;
}

.int01_div1{
	border:4px solid #707070;
	max-width:535px;
	border-radius:30px;
	width: 45%;
}

.int01_div1.int01_div12{
	border:4px solid #FF0852;
}

.int01_div1 .title_area{
	display:flex;
	align-items:center;
	color:#fff;
	background:#707070;
	border-radius:24px 24px 0 0;
	padding:18px 28px 13px;
}

.int01_div1.int01_div12 .title_area{
	background:#FF0852;
}

.int01_div1 .title_area .title{
	line-height: 1.772;
	font-weight:700;
	font-size: 26px;
	display:flex;
	align-items:center;
}

.int01_div1 .title_area .title span{
	line-height: 1.3157;
	font-weight: 700;
	font-size: clamp(2rem, 3vw, 3.8rem);
	letter-spacing:0em;
	color:transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	margin-right:20px;
}

.int01_div1 .text_area{
	padding: 5.93% 5.93% 10.164%;
}

.int01_div1 .text_area .text1{
	line-height: 1.4285;
	font-weight: 700;
	font-size: 22px;
}

.int01_div1 .text_area .text2{
	line-height: 1.8636;
	font-weight:400;
	font-size: 18px;
	margin-top: 3.878%;
}

.int01_div1 .text_area .text3{
	line-height: 1.7307;
	font-weight: 700;
	font-size: 18px;
}

.int01_flex{
	display:flex;
	/* max-width: 1000px; */
	margin-left:auto;
	width: 90%;
	justify-content:space-between;
	align-items:flex-start;
	/* margin: 0 auto; */
}

.int01_flex .text_area{
	max-width:667px;
	width: 55%;
}


.int01_flex .img{
	max-width:934px;
	width: 50%;
	margin-right: -8.46%;
}

.int01_list1 li{
	margin-bottom: 9%;
}

.int01_list1 li:last-child{
	margin-bottom:0px;
}

.int01_list1 li .title1{
	display:flex;
	align-items:center;
	padding-bottom:10px;
	border-bottom:1px solid #BFBFBF;
	margin-bottom:10px;
	line-height: 1.444;
	font-weight: 700;
	font-size: 26px;
}

.int01_list1 li .title1 .num{
	font-size: clamp(3rem, 4vw, 5rem);
	font-weight:900;
	line-height:1.32;
	margin-right:19px;
}

.int01_list1 li .text1{
	line-height: 1.909;
	font-weight: 400;
	font-size: 18px;
}

.int01_flex1{
	position:relative;
	margin-bottom: 7.3%;
}

.int01_flex1:before{
	position:absolute;
	content:"";
	width: 28%;
	max-width:459px;
	height: 48vw;
	max-height:913px;
	right: -7.8%;
	top: -13%;
	background:#FC9F10;
}


.int01_flex2{
	position:relative;
	margin-bottom: 15.8%;
	flex-direction:row-reverse;
	margin-left:0;
	margin-right:auto;
	margin-bottom: 10%;
}


.int01_flex2:before{
	position:absolute;
	content:"";
	width: 40%;
	max-width:616px;
	height: 35vw;
	left: -16.154%;
	bottom: -10%;
	background:#88DB47;
	max-height: 659px;
}

.int01_flex.int01_flex2 .img{
	margin-right: 0;
	margin-left: -13.783%;
	max-width: 1022px;
	width: 54%;
}

.int01_flex.int01_flex2 .text_area{
	padding-top: 3.5%;
}

.int01_flex.int01_flex3 .text_area{
	padding-top: 4.156%;
}

.int02{
	padding: 3.26% 0 4.8%;
	position:relative;
}

.int02:before{
	position:absolute;
	content:"";
	width: 21%;
	max-width:400px;
	height:400px;
	background-size:contain;
	top:0;
	left:0;
}

.int02:after{
	position:absolute;
	content:"";
	width: 9%;
	max-width:167px;
	height:181px;
	background-size:contain;
	bottom:0;
	left:0;
	animation: fuwafuwa 3s linear infinite;
}

.int02_div{
	max-width: 1000px;
	background:#1E9FEA;
	width:95%;
	margin:0 auto;
	border-radius:50px;
	padding: 6.7% 0 7.26%;
}

.int02_div .flex{
	max-width:1294px;
	width:95%;
	margin:0 auto;
}

.int02_div .flex .left{
	max-width:471px;
	width: 36%;
}

.int02_div .flex .right{
	max-width:661px;
	color:#fff;
	width: 60%;
}

.inttit1{
	max-width:max-content;
	width:100%;
}

.inttit1 .en_tit{
	line-height: 1.3176;
	font-weight: 700;
	font-size: clamp(5rem, 7vw, 6.5rem);
	letter-spacing:0em;
	color:transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #333;
}

.inttit1.white .en_tit{
	-webkit-text-stroke-color: #fff;
}

.inttit1 .inttit1_flex{
display: flex;
align-items: center;
justify-content: space-between;
}

.inttit1 .inttit1_flex .bar{
	min-width: 75px;
	height:1px;
	background:#707070;
	width:100%;
	margin-right: 12.5px;
}

.inttit1.white .inttit1_flex .bar{
	background:#fff;
}

.inttit1 .inttit1_flex .subtit{
	flex-shrink:0;
	line-height: 1;
	font-weight: 700;
	font-size: clamp(1.6rem, 1.6vw, 2.5rem);
}

.int02_div .img.matop{
	margin: 46% 0 19.3%;
}

.int02_list1{
	position:relative;
}

.int02_list1:before{
	position:absolute;
	content:"";
	width:5px;
	height:100%;
	background:#00D4F0;
	left:0;
	top: 2%;
}

.int02_list1 li{
	position:relative;
	padding-left: 15.28%;
	padding-bottom: 12.105%;
}


.int02_list1 li:last-child{
	padding-bottom: 0;
}

.int02_list1 li:before{
	position:absolute;
	content:"";
	width: 5.901%;
	height:5px;
	left: 5%;
	top: 14px;
}

.int02_list1 li:after{
	top: -2px;
}

.int02_list1 li .title{
	line-height: 1.444;
	font-weight: 700;
	font-size: clamp(1.6rem, 1.6vw, 2.5rem);
	display:flex;
	align-items:baseline;
}

.int02_list1 li .title span{
	margin-right: 3%;
}

.int02_list1 li .text{
	margin-top: 3.574%;
	line-height: 1.7727;
	font-weight:700;
	font-size: 18px;
}

.int03{
	padding: 6.31% 0 10.88%;
	position:relative;
}

.int03:before{
	position:absolute;
	content:"";
	width: 13%;
	height: 471px;
	bottom: -9.553%;
	right:0;
	background-size:contain;
	max-width: 236px;
	animation: fuwafuwa 3s linear infinite;
}

.int03 .flex{
	max-width: 1000px;
	width:95%;
	margin:0 auto;
}

.int03 .flex .text_area{
	max-width:663px;
	width: 56%;
	padding-top: 5.334%;
}

.int03 .flex .img{
	max-width:576px;
	width: 48%;
	margin-right: -4.334%;
}

.int03 .flex .text_area .text{
	margin-top: 20px;
	line-height: 1.8571;
	font-weight: 400;
	font-size: 18px;
}

.int04{
	padding: 0 0 12.5%;
}

.int04 .slider_area_int{
	margin-top: 7.6723%;
}

.slider3a .sld3 .img .tri{
	right: 4%;
}

.slider3a .sld3 .img .ab_text{
	right: 4%;
}

/* talk */
.cov3_div2{
	width:100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: relative;
}

.cov3_div2 .img{
	max-width: 1000px;
	align-items: flex-end;
	width: 67%;
}

.cov3_div2 .text_area{
	position:absolute;
	background: #00D4F0c9;
	max-width: 600px;
	width: 50%;
	left: 0;
	bottom: 26%;
	padding: 5% 3%;
	display: flex;
	align-items: center;
}

.cov3_div2 .text_area .text{
	margin-right:5%;
	line-height: 1.8571;
	font-weight: 400;
	font-size: clamp(1.5rem,1.5vw, 2.8rem);
}


.cov3_div2 .text_area .text span{
	line-height: 1.275;
	font-weight: 700;
	font-size: clamp(3rem, 6vw, 8rem);
	letter-spacing:0em;
	color:transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
	margin-left:7px;
}

.cov3_div2 .text_area .title{
	font-size: 28px;
	font-weight:700;
	line-height:1.6;
}

.talk01{
	padding: 8.1% 0 13.348%;
}

.inner3{
	max-width:1610px;
	width:95%;
	margin:0 auto;
}

.talk01 .arttit4{
	
}

.talk01 .arttit4 .en_tit{
	display:block;
	line-height: 1.3333;
	font-weight: 700;
	font-size: clamp(1.2rem, 1.6vw, 2.4rem);
	margin-bottom:13px;
}

.talk01_list1{
	display:flex;
	justify-content:space-between;
	margin: 5.2% auto 0;
	max-width: 1000px;
}

.talk01_list1 li{
	width: 32%;
	max-width:506px;
	border-radius:50px;
	background:#fff;
	box-shadow: 0 0 18px #00000029;
	padding: 29px 2.173% 25px;
	position:relative;
	margin: 0 1%;
}

.talk01_list1 li .img{
	max-width:163px;
	margin:0 auto 17px;
	width: 60%;
}

.talk01_list1 li .name{
	text-align:center;
	line-height: 1.428;
	font-weight: 700;
	font-size: 20px;
}

.talk01_list1 li .name span{
	display:block;
	line-height: 1.5;
	font-weight: 700;
	font-size: clamp(1.3rem,1.5vw, 1.6rem);
	margin-top:12px;
}

.talk01_list1 li .text{
	margin-top:25px;
	line-height: 1.5;
	font-weight: 400;
	font-size: 16px;
	width: 95%;
	margin: 25px auto 0;
}

.talk01_list1 li .tri{
	position:absolute;
	bottom:0;
	right:0;
	width: 27%;
	max-width: 110px;
}


.talk01_list1 li .ab_text{
	position:absolute;
	bottom:0;
	right:0;
	color:#fff;
	line-height:0.69;
	font-weight:700;
	font-size: 28px;
}

.talk02{
	padding-bottom: 6.94%;
}

.talk02_title {
    max-width: 1468px;
    margin-left: auto;
    width: 95%;
    padding-bottom: 4.835%;
}

.talk02_div{
	position:relative;
	z-index:1;
	padding: 4.204% 0 0;
}

.talk02_div:before{
	position:absolute;
	content:"";
	width: 63%;
	max-width:1187px;
	top:0;
	left:0;
	height:30%;
	max-height:543px;
	z-index:-1;
}

.talk02_div4:before{height: 50%;}

.talk02_div1:before{
	background:#FFD817;
}

.talk02_div2:before{
	background:#00D4F0;
}


.talk02_div3:before{
	background:#FFD817;
}

.talk02_div .title_area{
	max-width: 1000px;
	margin-left:auto;
	width:95%;
	margin: 0 auto;
}

.talk02_div.no_img .title_area{
	margin-bottom: 6.832%;
}

.talk02_div.no_img .title_area .title{
	padding-right:5%;
}

.talk02_div.on_img .title_area .title{
	max-width:457px;
	width: 46%;
}

.talk02_div .title_area .title{
	font-size: 26px;
	font-weight:700;
	line-height:1.444;
}

.talk02_div .title_area .title span{
	display:block;
	line-height: 1.275;
	font-weight: 700;
	font-size: clamp(3rem, 4vw, 5rem);
	letter-spacing:0em;
	color:transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #333;
	margin-left:7px;
}

.on_img .img1{
	position:absolute;
	bottom: 83%;
	right:0;
	max-width:934px;
	width: 50%;
}

.talk02_list1{
	position:relative;
	max-width: 1000px;
}

.talk02_list1 li{
	display:flex;
	margin-top: 4.584%;
	justify-content:space-between;
}

.talk02_list1 li .img_area{
	width:94px;
	flex-shrink:0;
	text-align:center;
	margin-right:52px;
	font-size: 16px;
	font-weight: 700;
}
	
.talk02_list1 li .img_area .name.din_n{
	font-size: 2rem;
}

.talk02_list1 li .text_area{
	max-width: 845px;
	width:100%;
	background:#FFFFFF;
	position:relative;
	border-radius:30px;
	padding: 4% 2%;
	line-height: 1.909;
	font-weight: 400;
	font-size: 18px;
	box-shadow: 0px 0px 12px #00000029;
}

.talk02_list1 li .text_area:before{
	position:absolute;
	content:"";
	width:31px;
	height:34px;
	background-size:contain;
	left:-26px;
	z-index: 1;
	top:30px;
	filter: drop-shadow(-11px 0px 9px #00000029);
}

.talk02_div .img_cont1{
	margin-top: 8.408%;
	max-width: 1000px;
	margin: 8.408% auto 0;
	border-radius: 10px;
}

.talk02_div1{
	margin-bottom: 17%;
}

.talk02_div3{
	margin-bottom: 17%;
}


.talk02_div2{padding-bottom: 25.599%;
/* 	padding-bottom: 5%; */
}

.talk02_div2.talk02_div4{padding-bottom: 25.599%;
	padding-bottom: 5%;
}

.talk02_div2:after{
	position:absolute;
	content:"";
	width:100%;
	bottom:0;
	left:0;
	height: 97%;
	z-index:-2;
	background:#F2F2F2;
}

.talk03 .title_area{
	padding: 66px 13.873%;
	background:#F2F2F2;
}

.talk .btm_txt{
	font-size: 2.6rem;
	font-weight: 800;
	text-align: center;
	margin: 80px 0 0;
}

/* entry */
.entry01{
	padding: 8.15% 0 16.4%;
}

.entry01_div{
	width:100%;
	border:9px solid #E8E9F1;
	padding:5px 26px 65px;
}

.rad_flex1{
	display:flex;
	margin-left:25px;
	justify-content:space-between;
	max-width:357px;
	flex-wrap: wrap;
}

.rad_flex2{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	max-width:585px;
	margin-left:25px;
}

.rad_flex2 > span{
	width:48%;
	display:flex;
	align-items:center;
	margin-top:23px;
}

.rad_flex2 > span:nth-child(1),
.rad_flex2 > span:nth-child(2){
	margin-top:0;
}

.rad_flex input{
	width:24px;
	height:24px;
	margin-right:6px;
}

input[type=file]{
	background:#fff;
	font-size: 1.4rem;
	width: 100%;
}

.recruit01{
	max-width: 1000px;
	padding: 6.3% 0 5.25%;
	margin: 0 auto;
}

.recruit01 .inttit1{
	margin: 0 auto 7.834%;
}

.recruit01 .inttit1_flex{
	max-width:325px;
}

.recruit01 .tab-area{
	display:flex;
}


.recruit01 .tab-area .tab{
	width: 24.667%;
	margin-right: 0.444%;
}

.recruit01 .tab-area .tab:last-child{
	margin-right:0;
}

.recruit01 .tab-area .tab .text{
	width: 100%;
	height: 100%;
	font-size: 3.5rem;
	font-size: clamp(2rem,2vw, 3.5rem);
	font-weight: 900;
	background: #F2F2F2;
	border-radius: 30px 30px 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding:14px 0;
}

.recruit01 .tab-area .tab.active .text{
	background:#1E9FEA;
	color:#fff
}

.recruit01 .tab-area .tab .text span{
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:1;
	height:41px;
	background:#fff;
	font-size: clamp(1.2rem,1.6vw, 1.8rem);
	font-weight: 700;
	max-width:265px;
	width:95%;
	margin-top:8px;
}

.recruit01 .tab-area .tab.active .text span{
	color:#FF0084;
}

.panel{
	display:none;
}

.panel.active{
	display:block;
}

.rec01_list1 li{
	border-top:1px solid #707070;
	display:flex;
	justify-content:space-between;
	padding: 6% 0;
}


.rec01_list1 li .left{
	max-width:372px;
	width: 31%;
	line-height: 1.428;
	font-weight: 700;
	font-size: 20px;
}

.rec01_list1 li .right{
	max-width:825px;
	width: 69%;
}

.rec01_list1 li .right .text{
	line-height: 1.6363;
	font-weight: 400;
	font-size: 18px;
	letter-spacing:0.03em;
}

.rec01_list1 li .right > .text{
	padding-left: 5.577%;
}

.rec01_div1{
	background:#F2F2F2;
	margin-top: 17px;
	padding: 40px 5.577% 20px;
}

.recruit02{
	background: #F2F2F2;
	padding: 8.5% 0 5.8%;
	position: relative;
}

.recruit02:before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width: 21%;
	max-width:400px;
	height:400px;
	background-size:contain;
}

.recruit02:after{
	position:absolute;
	content:"";
	bottom: -11.6%;
	right:0;
	width: 13%;
	max-width:236px;
	height:471px;
	background-size:contain;
	animation: fuwafuwa 3s linear infinite;
}

.rex02_list1{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	max-width: 1000px;
	margin: 0 auto;
}

.rex02_list1 li{
	width:48%;
	max-width:569px;
	margin-top:85px;
	background:#fff;
	border:9px solid #EFF9FF;
	border-radius:25px;
	box-shadow:0 0 17px #00000029;
	padding: 5.25% 3.5% 2.334%;
	position: relative;
}

.rex02_list1 li:before{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 26px solid #00d4f0;
	border-right: 0;
	top:0;
	bottom:0;
	margin:auto;
	right: -9.5%;
}

.rex02_list1 li:nth-child(2n):before{
	display:none;
}

.rex02_list1 li .step{
	position:absolute;
	top: -58px;
	left:0;
	right:0;
	text-align:center;
	line-height: 1;
	font-weight: 700;
	font-size: clamp(1.8rem,1.8vw, 2.8rem);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-size: 2.8rem;
}

.rex02_list1 li .step .num{
	line-height: 1;
	font-weight: 700;
	font-size: clamp(3rem, 6vw, 8rem);
	letter-spacing:0em;
	color:transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #333;
	margin-left:15px;
	font-size: 8rem;
}

.rex02_list1 li .step1{
    padding-bottom: 20px;
}

.rex02_list1 li .title{
	font-size: 26px;
	font-weight:700;
	line-height:1.444;
	padding-bottom:21px;
	margin-bottom: 15px;
	text-align:center;
	border-bottom:1px solid #B7B7B7;
}

.rex02_list1 li .text{
	line-height: 1.6363;
	font-weight: 400;
	font-size: 1.6rem;
}

.rec02_list2{
	margin-top:42px;
	max-width: 1000px;
	margin: 20px auto;
}

.rec02_list2 li{
	display:flex;
	align-items: flex-start;
	padding: 21px 0;
	border-bottom:1px dashed #707070;
	line-height: 1.4;
	font-weight: 700;
	font-size: 20px;
}

.rec02_list2 li:last-child{
	border-bottom:none;
}

.rec02_list2 li img{
	margin-right:28px;
}

.rec02_div{
	background:#FFFFFF;
	border-radius:42px;
	text-align:center;
	margin:105px auto 0;
	position:relative;
	max-width: 1000px;
}

.rec02_div .title1{
	font-size: 28px;
	letter-spacing:0em;
	font-weight:900;
	line-height:1.4444;
	position:absolute;
	top: -20px;
	left:0;
	right:0;
	margin:auto;
}

.rec02_div1{
	padding: 35px 0 34px;
}

.rec02_div1 .title2{
	font-size: 26px;
	letter-spacing:0.03em;
	font-weight:700;
	line-height:1.466667;
}

.rec02_div1 .text1{
	margin-top:11px;
	line-height:1.727272;
	font-size: 20px;
	font-weight:500;
}

.rec02_div2{
	background:#FF1084;
	padding:35px 0 34px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:0 0 42px 42px;
}

.rec02_div2 a{
	display:flex;
	align-items:center;
	font-size: 24px;
	font-weight:900;
	width: 100%;
	height: 100%;
	justify-content: center;
}

.rec02_div2 a img{
	margin-left:23px;
}

.recruit03{
	padding: 5.7225% 0 8.242%;
}

.qanda_list{
	margin-top: 8.084%;
}


.qanda_list li{
	border-top:1px solid #707070;
	padding: 16px 0;
}

.qanda_list li:last-child{
	border-bottom:1px solid #707070;
}

.qanda_list li dt,
.qanda_list li dd{
	display:flex;
	align-items:baseline;
	font-weight: 700;
	position: relative;
}

.qanda_list li dt{
	font-size: 20px;
}

.qanda_list li dd{
	padding: 17px 0 0;
}

.qanda_list li dt p,
.qanda_list li dd p{
	width: 80%;
}

.qanda_list li dd p{
    font-size: 1.8rem;
	font-weight: 500;
}

.qanda_list li .que,
.qanda_list li .ans{
	display:flex;
	align-items:center;
	margin-right: 20px;
	width: 62px;
	height: 62px;
	flex-shrink:0;
	color:#fff;
	justify-content:center;
	border-radius:50%;
	font-size: 2.8rem;
	font-weight:700;
	padding-bottom: 4px;
	padding-left: 2px;
}

.qanda_list li .que{
	background:#1E9FEA;
}

.qanda_list li .ans{
	background:#FF1084;
}


.qanda_list dt .pulu{
	position: absolute;
	display: flex;
	right: 5px;
	width: 30px;
	height: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
	align-items: center;
}

.qanda_list dt .pulu span{
	width: 30px;
	background: #B5B5B5;
	height: 3px;
	display: block;
	position: absolute;
	right: 0;
}

.qanda_list .open  .pulu span + span{transform: rotate(0deg);}

.qanda_list  .pulu span + span{transform: rotate(90deg);}


/* environment */
.slider4_area{
	position:relative;
	z-index:1;
	margin:90px auto 0;
}


/* 中央以外のスライド */
.slider4 .sld4 img {
  height: auto;
  transform: scale(.7);
  transition: opacity .5s, transform .5s;
  width: 100%;
  border-radius:50px;
  max-width: 500px;
  margin: 0 auto;
}

/* 中央のスライド */
.slider4 .slick-center img {
  opacity: 1;
  transform: scale(1);
}

.sld4{
	position:relative;
}

.modalOpen{
	position:absolute;
	width:100%;
	height:100%;
	cursor: pointer;
	z-index: 1;
	transition:.4s;
	background:transparent;
	border-radius:50px;
	display:none;
}

.modalOpen:hover{
	background:#fff;
	opacity:0.3;
}

.sld4_cont.slick-active .modalOpen{
	display:block;
}


.sld4_cont .name{
	background:#fff;
	max-width: 300px;
	margin:0 auto -36px;
	text-align:center;
	border:5px solid #333333;
	border-radius:50px;
	min-height: 60px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size: 28px;
	font-weight:700;
	position:relative;
	z-index: 2;
	opacity:0;
	transition:.4s;
	width: 85%;
}


.sld4_cont.slick-active .name{
	opacity:1;
}

.sld4_cont .name span{
	position:relative;
	z-index:1;
}

.sld4_cont .name:before{
	position:absolute;
	content:"";
	width: 65px;
	height: 48px;
	background-size:contain;
	left:0;
	right:0;
	margin:auto;
	bottom:-24px;
}


.sld4_cont .name:after{
	position:absolute;
	content:"";
	width: 100%;
	height:100%;
	background:#fff;
	left:0;
	right:0;
	margin:auto;
	top:0;
	border-radius:50px;
}

.slider4_btn{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width: 53%;
	margin:auto;
	display:flex;
	justify-content:space-between;
	pointer-events:none;
	bottom:0;
	align-items: center;
}

.slider4_btn div{
	pointer-events:initial;
	cursor:pointer;
}

.slider4_btn div:hover{
	opacity:0.7;
}

.env01{
	margin:80px auto 0;
}

.env01 .arttit1{
	max-width: 1000px;
	margin:0 auto;
	width:95%;
}

.env01 .arttit1 .en_tit{
	left:0;
}

.env01 .arttit1 .bar_rela span{
	font-size: clamp(1.4rem, 2vw, 1.8rem);
	margin-left:30px;
	font-weight: 400;
}

.env01_div{/* max-width: 1000px; *//* margin:  0 auto; */}

.env01_list {
	display:flex;
	flex-wrap:wrap;
	max-width: 1000px;
	margin:25px auto 0;
	width:95%;
	position: relative;
	z-index: 2;
}

.env01_list2{
	justify-content:flex-end;
}

.env01_list > li{
	background:#fff;
	box-shadow:0 0 18px #00000029;
	border-radius:30px;
	width: 30.708%;
	margin-top:50px;
	position:relative;
	max-height: 320px;
	height: 30vw;
}


.env01_list1 > li{
	margin-right: 3.938%;
}

.env01_list1 > li:nth-child(3n+3){
	margin-right:0;
}

.env01_list2 > li{
	margin-left: 3.938%;
}

.env01_list2 > li:nth-child(3n+1){
	margin-left:0;
}


.env01_list > li .title{
	text-align:center;
	font-size: clamp(1.8rem, 1.8vw, 2.4rem);
	font-weight:700;
	line-height:1.46667;
	letter-spacing:0;
	padding-top: 4.606%;
}

/* data_area */

/* li1 */
.li1 .text1{
	margin: 2% auto 0%;
	display:flex;
	align-items: baseline;
	justify-content:center;
	font-size: clamp(1.8rem,3vw, 4rem);
	line-height:1.34;
	font-weight:700;
}

.li1 .text1 span{
	font-size: clamp(4rem,8vw, 10rem);
	line-height:1.25;
}

.li1 .text1 img{
	margin-right: 3%;
	padding-bottom: 5px;
	max-width: 48px;
	width: 20%;
}

.li1 .img1{
	max-width:381px;
	margin:0 auto;
	width: 84%;
}

/* li2 */
.li2_div{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	max-width:397px;
	width:95%;
	margin: 7% auto 0;
	padding: 7.457% 0 21.275%;
}

.li2_div .img{
	max-width:197px;
	width: 50%;
}

.li2_div .ab_text{
	position:absolute;
	text-align:center;
	font-weight:700;
	font-size: clamp(1rem, 1.2vw, 1.8rem);
	letter-spacing:0;
}

.li2_div .ab_text .big{
	font-size: clamp(3rem,4vw, 5.8rem);
	line-height:1;
}

.li2_div .ab_text .mid{
	font-size: clamp(1.6rem,2.4vw, 2.8rem);
}

.li2_div .ab_text1{
	left:0;
	top: -26px;
}

.li2_div .ab_text2{
	right:0;
	top: 56%;
}

.li2_div .ab_text3{
        bottom: 0%;
        left: 3%;
	/* 	top: 80px; */
	/* right:0; */
	-webkit-transform-origin-y: top;
	margin:auto;
}

/* li3 */

.li3 .img{
	max-width:126px;
	width: 28%;
	margin: 10% auto 7.4%;
}

.li3 .flex{
	max-width: 335px;
	width: 80%;
	margin: 0 auto;
}

.li3 .flex p{
	text-align:center;
	font-weight:700;
	font-size: clamp(1.4rem, 2vw, 2.4rem);
	letter-spacing:0;
	line-height:1.458333;
}

.li3 .flex p .big{
	font-size: clamp(3.4rem,5vw, 6rem);
	line-height:1.1;
}

.li3 .flex p .mid{
	font-size: clamp(1.8rem,2.4vw, 3.6rem);
	margin-left:5px;
}

/* li4 */

.li4 .img{
	max-width:190px;
	margin: 6.8% auto 9.87%;
	width:40%;
}

.li4 .text1{
	text-align:center;
	font-weight:700;
	font-size: clamp(1.6rem, 3vw, 3rem);
	letter-spacing:0;
	line-height:1.4571;
}

.li4 .text1 .big{
	font-size: clamp(4rem,8vw, 8rem);
	line-height:1.1;
}

.li4 .text1 .mid{
	font-size: clamp(2rem,4vw, 5rem);
	margin-left:5px;
}

/* li5 */

.li5 .img{
	max-width:120px;
	margin: 7% auto 11.3%;
	width: 27%;
}

.li5 .text1{
	text-align:center;
	font-weight:700;
	font-size: clamp(2.4rem,3vw, 4rem);
	letter-spacing:0;
	line-height:1.4571;
}

.li5 .text1 .big{
	font-size: clamp(4rem,7vw, 9rem);
	line-height:1.1;
	margin-right:5px;
}

/* li6 */
.li6_div{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	max-width: 402px;
	width: 89%;
	margin: 5% auto 0;
	padding: 13.8% 0 7.24%;
}

.li6_div .img{
	max-width:197px;
	width: 50%;
}

.li6_div .ab_text{
	position:absolute;
	text-align:center;
	font-weight:700;
	font-size: 14px;
	letter-spacing:0;
}

.li6_div .ab_text .big{
	font-size: clamp(3rem,4vw, 5.8rem);
	line-height: 1;
}

.li6_div .ab_text .mid{
	font-size: clamp(1.6rem,2.4vw, 2.4rem);
}

.li6_div .ab_text1{
	left:0;
	top: -11px;
}

.li6_div .ab_text2{
        right: 1%;
        top: 77%;
}

.li6_div .ab_text3{
bottom: -18%;
        left: 1%;
}

/* li7 */
.li7 .ab_text{
	color:#fff;
	width: 37%;
	height: 11vw;
	max-height: 118px;
	position: absolute;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-weight:700;
	font-size: 16px;
	letter-spacing:0;
	line-height:1.44;
}

.li7 .ab_text1{right: 27.64%;top: 57.8%;}

.li7 .ab_text2{right: 13.16%;top: 22.64%;}

.li7 .ab_text3{
	left: 9%;
	top: 30.3%;
}

.li7 .ab_text .big{
	font-size: clamp(3rem,4vw, 5rem);
	line-height:1.2692;
}

.li7 .ab_text .mid{
	font-size: clamp(1.5rem, 2vw, 1.8rem);
	line-height:1.33;
}

/* li8 */

.li8 .img{
	max-width:65px;
	margin: 10.47% auto 11.2%;
	width: 17%;
}

.li8 .text1{
	text-align:center;
	font-weight:700;
	font-size: 21px;
	letter-spacing:0;
	line-height:1.4571;
}

.li8 .text1 .big{
	font-size: clamp(4rem,7vw, 9rem);
	line-height:1.1;
	margin-right:5px;
}


/* li9 */

.li9 .img{
	max-width:123px;
	margin: 12% auto 12.45%;
	width: 33%;
}

.li9 .text1{
	text-align:center;
	font-weight:700;
	font-size: clamp(2.4rem,3vw, 3rem);
	letter-spacing:0;
	line-height:1.4571;
}

.li9 .text1 .big{
	font-size: clamp(4rem,7vw, 9rem);
	line-height:1.1;
	margin-right:5px;
}

/* li10 */

.li10 .ab_text{
	position:absolute;
	
}

.li10 .ab_text1{
	top: 19.344%;
	left: 9.43%;
}

.li10 .ab_text1 img{
	max-width:54px;
	width: 27%;
}

.li10 .ab_text2{
	top: 45.3%;
	right: 6.36%;
}

.li10 .ab_text2 img{
	max-width: 38px;
	width: 23%;
}

.li10 .ab_text3{
	top: 68.2%;
	left: 9.43%;
}

.li10 .ab_text3 img{
	max-width:56px;
	width: 27%;
}


.li10 .ab_text .text1{
	text-align:center;
	font-weight:700;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);
	line-height:1.45;
}

.li10 .ab_text .text2{
	font-size: clamp(1.8rem,2.4vw, 3.6rem);
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
}

.li10 .ab_text .text2 .big{
	font-size: clamp(4rem,5vw, 6rem);
	line-height:1;
	margin-right:5px;
	margin-left: 9%;
}

.li10 .ab_text .text2 > span{
	display:flex;
	align-items:flex-end;
}

/* li11 */
.li11 .img{
	margin: 14% auto 12.4%;
	max-width:314px;
	width: 69%;
}

.li11 .flex{
	max-width: 359px;
	width: 90%;
	margin: 0 auto;
	align-items: flex-end;
}

.li11 .flex .left{
		font-weight:700;
		font-size: clamp(2.4rem,4vw, 3rem);
		letter-spacing:0;
		line-height:1.4571;
}

.li11 .flex .left span{
	font-size: clamp(4rem,7vw, 9rem);
	line-height:1;
	margin-right: 8px;
}

.li11 .flex .right{
	max-width:202px;
	width: 57%;
}

/* li12 */

.env01_list21{
	max-width:309px;
	margin: 6.3% auto 0;
	width: 85%;
}

.env01_list21 li{
	display:flex;
	align-items:center;
	justify-content: space-between;
}

.env01_list21 li .img{
	max-width:58px;
	display:flex;
	align-items:center;
	width: 19%;
	margin-right: 3.8%;
}

.env01_list21 li .text1{
	font-weight:900;
	font-size: clamp(1.2rem, 2vw, 2rem);
	letter-spacing:0;
	line-height:1.458333;
	max-width:120px;
	width:50%;
}

.env01_list21 li .text2{
	font-size: clamp(1.2rem,2.4vw, 2.4rem);
	font-weight:700;
	display: flex;
	align-items: baseline;
	justify-content: center;
	text-align: center;
	max-width: 107px;
	width: 36%;
	margin-left: 3.8%;
}

.env01_list21 li .text2 span{
	font-size: clamp(2.4rem,4vw, 6.1rem);
	line-height:1;
}

/* li13 */

.li13_div {margin: 6% auto 3%;font-weight:700;text-align: center;}

.li13_div .text1{
	font-size: clamp(1.4rem, 2vw, 2rem);
	letter-spacing:0;
	line-height:1.458333;
}

.li13_div .text2{display: flex;align-items: baseline;justify-content: center;font-size: clamp(1.8rem,2.4vw, 2.6rem);}

.li13_div .text2 img{
	max-width:51px;
	width: 12%;
}

.li13_div .text2 span{
	font-size: clamp(3rem,5vw, 7rem);
	line-height:1.1;
	margin-left:9px;
}

.li13 .img{
	max-width:418px;
	margin:0 auto;
	width: 92%;
}

/* li14 */
.li14 .flex{
	flex-wrap:wrap;
	max-width:370px;
	margin: 5.967% auto 0;
	width:90%;
}

.li14_div{
	width: 47.3%;
	border-radius: 11px;
	font-weight: 700;
	text-align: center;
	padding: 7.3px 0;
}

.li14_div1{background: #FDE8F2;color: #FF1084;}

.li14_div2{
	background: #E0F4FF;
	color: #1E9FEA;
}

.li14_div3{
	width:100%;
	margin: 5.4% auto 0;
	background: #F2FFE8;
	color: #88DB47;
	display: flex;
	justify-content: space-between;
	padding-left: 5.7%;
	padding-right: 10.812%;
}


.li14_div .title2{
	font-size: clamp(1.8rem,2.4vw, 2.6rem);
	line-height:1.4444;
	letter-spacing:0;
	font-weight:900;
}

.li14_div .text1{
	font-size: clamp(1.5rem,1.5vw, 1.8rem);
	line-height:1.45;
	letter-spacing:0;
	font-weight:700;
}

.li14_div1 .text1{
	margin-bottom:5%;
}

.li14_div .text2{
	font-size: clamp(1.8rem,2.4vw, 2.6rem);
	line-height:1.333;
	letter-spacing:0;
}

.li14_div .text2 .ver{
	font-size: clamp(1.4rem,2vw, 1.6rem);
	line-height:1.111;
	letter-spacing:0;
	margin-right:7px;
}

.li14_div .text2 .big{
	font-size: clamp(3rem,5vw, 6rem);
	line-height:1;
}

/* li15 */

.li15 .img{
	max-width: 98px;
	margin: 8% auto 0;
	width: 22%;
}

	.li15 .text1{
	text-align:center;
	font-weight:700;
	font-size: clamp(2.4rem,3vw, 4rem);
	letter-spacing:0;
	line-height: 1.1;
}

.li15 .text1 .big{
	font-size: clamp(4rem,7vw, 9rem);
	line-height: 1.1;
	margin-right:5px;
}

.li15 .text2{
	font-size: clamp(1.4rem, 2vw, 1.8rem);
	letter-spacing:0;
	line-height:1.25;
	font-weight: 700;
	max-width: 216px;
	margin: 0 auto;
	width: 80%;
}

.li15 .text2 span{
	font-size: clamp(1.4rem,1.4vw, 1.8rem);
	line-height:1.66667;
	letter-spacing:0;
}

/* li16 */

.li16 .img{
	max-width: 55px;
        margin: 3% auto 2%;
	width: 26%;
}

.li16 .text1{
	text-align:center;
	font-weight:700;
	font-size: clamp(2.4rem,3vw, 3rem);
	letter-spacing:0;
	line-height:1.4571;
}

.li16 .text1 .big{
	font-size: clamp(4rem,7vw, 8rem);
	line-height:1.1;
	margin-right:5px;
}


/* data_area_end */


.env01_div1 .img_area{
	position:relative;
	max-width: 1000px;
	width: 63%;
	margin-left:auto;
	padding: 128px 0 0;
	z-index: 1;
	margin-bottom: 75px;
}

.env01_div1 .img_area:before{
	position:absolute;
	content:"";
	width: 84.7%;
	height: 36vw;
	max-height:676px;
	bottom: 29%;
	right:0;
	background: #88DB47;
	z-index: -1;
}

.env01_div1 .img_area .img1{
	position:absolute;
	bottom:0;
	right:0;
	max-width: 673px;
	width: 57%;
}

.env01_div1 .img_area .img2{
	max-width:456px;
	width: 39%;
}



.env01_div2 .img_area{
	position:relative;
	max-width: 1000px;
	width: 76%;
	margin-right:auto;
	padding: 184px 0 0;
	z-index: 1;
	margin: 120px auto 0 0;
	/* padding: 20px 0 0; */
}

.env01_div2 .img_area:before{
	position:absolute;
	content:"";
	width: 76.4%;
	height: 39vw;
	max-height: 731px;
	bottom: 27%;
	left: 0;
	background: #00D4F0;
	z-index: -1;
}

.env01_div2 .img_area .img1{
	te; */
	bottom:0;
	left:0;
	max-width: 932px;
	width: 65%;
	/* position: initial; */
}

.env01_div2 .img_area .img2{
	max-width:456px;
	width: 32%;
	margin-left:auto;
}


.env02{
	padding: 9% 0 3.1499%;
	max-width: 1000px;
	margin: 0 auto;
}

.env02 .bar_rela {
    margin-left: 2.5%;
}



.env02_div1{
	max-width: 1000px;
	margin: 20px auto 0;
	width:95%;
}

.env02_div1 .text{
	max-width:1058px;
}

.env02_div1 .title1{
	font-size: 26px;
	font-weight:700;
	line-height:1.444;
	margin-bottom: 20px;
}

.env02 .text{
	font-size: 18px;
	line-height:1.85714;
	font-weight:400;
	letter-spacing:0.05em;
}

.env02_div1 .img{
	margin-top:21px;
}

.env02_div2{
	margin: 14.5% 0 0;
	margin-left:auto;
	max-width:1673px;
	width:97.5%;
	display: flex;
	justify-content: space-between;
}

.env02_div2 .text_area{
	max-width:586px;
	width: 48%;
}

.env02_div2 .img{
	max-width:934px;
	width: 48%;
}


.env02_div2 .text_area .title2{
	font-size: 28px;
	font-weight:700;
	line-height:1.5;
	margin-bottom: 20px;
}

.env02_list1{
	margin-top:45px;
}

.env02_list1 li{
	margin-top:30px;
	position:relative;
	display: flex;
	align-items: center;
	font-size: clamp(1.5rem, 2vw, 2rem);
	line-height: 1.42857;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.env02_list1 li:before{
	position:initial;
	content:"";
	width: 27px;
	height: 28px;
	background-size:contain;
	display: block;
	margin-right: 23px;
}

.env02_div3{
	max-width:1450px;
	margin: 7.1% auto 0;
	width:95%;
	padding: 4.2% 0;
	position:relative;
	border:9px solid #F4F5FF;
	border-radius:50px;
}

.env02_div3 .title3{
	font-size: clamp(2.2rem, 3vw, 3rem);
	font-weight:900;
	line-height:1.3157;
	position:absolute;
	top:-30px;
	left:0;
	right:0;
	text-align:center;
}

.env02_div3 .text{
	max-width: max-content;
	margin:0 auto;
	width: 90%;
}

.env03{
	padding: 5.8% 0 12.5%;
}

.env03 .arttit1 {
	position:relative;
	padding-top: 4.2%;
	max-width: 1000px;
	margin: 0 auto;
}

.env03 .bar_rela{
    margin-left: 12.1%;
}

.env03 .arttit1 .en_tit{
	top:0;
}

.env03 .title{
	text-align:center;
	font-size: 26px;
	font-weight:700;
	line-height:1.444;
	margin-top: 10px;
}

.env03_div{
	padding: 5% 0;
	position:relative;
	width:100%;
	margin: 5.25% auto 0;
	z-index:1;
}

.env03_div:before{
	position:absolute;
	content:"";
	width:40%;
	background:#FC9F10;
	height:100%;
	left:0;
	top:0;
	z-index:-1;
	
}

.env03_list1{
	max-width: 1000px;
	margin:0 auto;
	width:95%;
}

.env03_list1 li{
	background:#fff;
	margin-bottom: 3.2%;
	padding: 3% 5.445%;
	border-radius:50px;
	box-shadow:0 0 18px #00000029;
	display:flex;
	justify-content:space-between;
	align-items: flex-start;
}

.env03_list1 li:last-child{
	margin-bottom:0;
}

.env03_list1 li .step{
	font-size: clamp(2rem, 2.4vw, 2.8rem);
	line-height: 1.42857;
	font-weight: 700;
	letter-spacing: 0.05em;
	display:flex;
	align-items:center;
	flex-shrink: 0;
	margin-right: 3%;
}

.env03_list1 li .step span{
	line-height: 1.325;
	font-weight: 700;
	font-size: clamp(4rem, 6vw, 8rem);
	letter-spacing:0em;
	color:transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #FC9F10;
	margin-left:8px;
}

.env03_list1 li .text{
	max-width:981px;
	font-size: 18px;
	line-height: 1.8;
	font-weight: 400;
	letter-spacing: 0.05em;
	width: 100%;
}

.swiperModalButton {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around;
}

/* モーダル */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  z-index: 99999;
  background:#333333de;
}

/* モーダルがactiveの時 */
.modal.is-active {
  opacity: 1;
  pointer-events: auto;
}

/* モーダル背景のオーバーレイ部分 */
.modal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* モーダルのコンテンツ */
.modal__content {
    position: relative;
    width: 75%;
    max-width: 880px;
}
.modal_inner {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* 閉じるボタン */
.modal__close-btn {
    position: absolute;
    right: 140px;
    top: 1px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 20;
}
.modal__close-btn:hover {
    opacity: 0.8;
}

/* 閉じるボタンのX */
.lineClose {
    display: flex;
    background-size:contain;
    width: 50px;
    height: 50px;
}

.modal1{
	max-width: 500px;
	background:#fff;
	padding: 24px 24px 47px;
	border-radius: 60px;
	margin: 0 auto;
}

.modal1 .cont_area{
	margin-top:21px;
	text-align:center;
}

.modal1 .cont_area .title{
	font-size: 26px;
	font-weight:700;
	line-height:1.444;
}

.modal1 .cont_area .text{
	margin-top:8px;
	font-size: clamp(1.4rem, 2vw, 1.6rem);
	font-weight:400;
	line-height:1.444;
}

.swiper-button-next, .swiper-button-prev{
    width:99px!important;
    height:99px!important;
    margin: 0!important;
    font-size: 0;
	top:40%!important;
}

.swiper-button-next:after, .swiper-button-prev:after{
    width:99px!important;
    height:99px!important;
    margin: 0!important;
    font-size: 0!important;
}

.swiper-button-next:after{
	background-size:contain;
}

.swiper-button-prev:after{
	background-size:contain;	
}

.swiper-button-prev, .swiper-rtl .swiper-button-next{
	left:-49px!important;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev{
	right:-49px!important;
}

.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0px;
}

.thanks_area{
	padding:150px 0;
	text-align:center;
	width:90%;
	margin:0 auto;
}

.thanks_area a{
	color:#FF0852;
}

.map_link img {
    max-height: 20px;
    margin-left: 1rem;
}
li.anm.active{
animation:title_anm 0.5s linear none ;
}
.text_bold {
    font-weight: bold;
}

.br_2 {
    display: block;
    content: "";
    margin-bottom: 10px;
}
	
.li16 .text2 {
    font-size: clamp(1.2rem, 2vw, 1.5rem);
    width: 80%;
}
	
	.pc_nav {
    max-width: 500px;
}
	.mainTit {
		font-size: clamp(2rem, 4vw, 3rem);
}

.top_left:before{
	height: 25.809vw;
}
	
.cont02_div {
	width: 107%;
	}
	
	
.co2_list {
    max-width: 500px;
    margin: 0 auto 0;
}

.co2_list li .text_area .text1{
	font-size: clamp(1.8rem,2.3vw,2.3rem);
}

.co2_list li .text_area .text2{
	font-size: 2rem;
}

.co2_list li .text_area .text1 span {
    max-width: 60px;
}

.comp04 .title{
	font-size: clamp(2rem, 3vw, 3rem);
}

.comp04 .title span{
	margin-bottom:24px;
}

.comp04_list1 li.long{
	margin-bottom: 6%;
}

.comp04_list1 li{
	margin-bottom: 4%;
}

.comp04_list1 li .title1 {
    padding: 25px 0;
    font-size: clamp(1.8rem, 2vw, 2rem);
}

.comp04_list1 li .text1{
	margin-top: 20px;
}

.comp04_list1 li .text2{
	margin: 10px auto 0;
        font-size: 1.5rem;
}

.comp04_div .bar_rela {margin: 0 auto;max-width: 700px;}

.env02 .arttit1{
        position: relative;
        padding-top: 4.2%;
}
	
.env02 .arttit1 .en_tit{
	top: 0%;
}
	
	.content03 {
    margin: 150px 0 0;
}
	
}