@charset "utf-8";

/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

body {
	width: 100% !important;
	color: #333333;
	line-height: 1.6;
	overflow: hidden;
	font-size: 1.8rem;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: "Noto Sans JP", serif!important;
	letter-spacing: 0.05em;
	background: #fff;
}

html{
	background: #cccccc4d;
	scroll-padding-top: 80px;
}

.zen{
	font-family: "Zen Kaku Gothic New", serif!important;
}

.robo{
	font-family: "Roboto", serif!important;
}

.din{
	font-family: "din-2014", sans-serif!important;
}

.din_n{
	font-family: "din-2014-narrow", sans-serif!important;
}

/* color */
.white{
	color: #ffffff!important;
}
.blue{
	color: #1E9FEA;
}
.blue2{
	color: #00D4F0;
}
.red{
	color: #FF0852;
}
.green{
	color: #88DB47;
}
.yellow{
	color: #FFD817;
}
.black{
	color: #333;
}
.pink{
	color: #FF0084;
}
.orange{
	color: #FFA500;
}
.orange2{
	color: #FC9F10;
}

.bgwh{
	background: #ffffff;
}
.bgblu{
	background: #1E9FEA;
}
.bgbla{
	background:#333;
}
.bgred{
	background: #FF0852;
}
.bggre{
	background: #88DB47;
}
.bgyel{
	background: #FFD817;
}
.bgpink{
	background: #FF0084;
}
.bgora{
	background: #FFA500;
}

/*リンク表示方法*/

a {
	text-decoration: none;	
}

a:link {
	color: #333;
}

a:visited {
	color: #333;
}

a:active {
	color: #333;
}

a:hover {
	opacity: 0.7;
}

a:hover img {
	opacity: 1;
}

.hLogo a:hover{
	opacity: 1;
}

:has( > .lista){
	position: relative;
}

.lista{
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height:100%;
	z-index: 1;
}

a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}
/*-----------------------------------------------------------
PCサイズ
-----------------------------------------------------------*/

.pc,.pc2 {
	display: block;
}

.sp,.sp2, .spTel {
	display: none;
}

.pcTel {
	display: inline;
}


/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

header {
	padding: 19px 2%;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 9999;
	max-width: 1920px;
	transition: .4s;
	top: 0;
}

header.headerScroll{
	/* background: #fff; */
	/* justify-content: space-between; */
}

.hLogo{
	max-width: 154px;
	width: 20%;
	position: absolute;
	left: 0;
	top: 34px;
	left: 23px;
	transition:.4s;
}

.hLogo .pc.wh{
	display:none;
}

.environment .hLogo .pc.bl,
.people .hLogo .pc.bl,
.company .hLogo .pc.bl{
	display:none;
}

.environment .hLogo .pc.wh,
.people .hLogo .pc.wh,
.company .hLogo .pc.wh{
	display:block;
}

.headerScroll .hLogo{
/* 	max-width: 116px; */
/* 	top: 14px; */
/* 	left: 23px; */
}


.logo a:hover img {
	opacity: 1;
}


.hd_right{
	display:flex;
	align-items:center;
	width: 75%;
/* 	margin-right: 2.102%; */
	max-width: 790px;
	justify-content: flex-end;
}

/* ヘッダー
----------------------------------------------------------- */


.telBtn {
	width: 35%;
	line-height: 1;
	margin: 3px 11% 0 0;
	font-size: 4rem;
}

.headerUl{
	display: flex;
	width: 70px;
	justify-content: flex-end;
	max-width: 70px;
	margin-left: 22px;
	flex-shrink: 0;
}

.menuBtn {
	/* width: 35%; */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 70px;
	position: relative;
	z-index: 9999;
}

.menu_div{
		display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #88DB47;
	border-radius: 50%;
	color: #fff;
	position: relative;
	box-shadow: 0 0 17px #00000029;
	z-index: 9999;
}

/*--- modal ---*/

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 24px;
  height: 16px;
  z-index: 9999;
  margin-bottom: 12px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 7px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span{
	/* background: #333; */
}
	
.menu_div.active .menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg);
}
.menu_div.active .menu-trigger span:nth-of-type(2) {
  opacity: 0;
}
.menu_div.active .menu-trigger span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
}

.menu_div p{
	position:absolute;
	bottom: 10px;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	font-size: 0.8rem;
	font-weight:700;
	line-height:16px;
}
/*gnav*/
.gnav{
    background: url(./img/common/bg_hd.jpg) #fff;
    background-size: contain;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999;
    transition: 1s;
    left: 0;
    top: 0;
    background-position-y: -5px;
    overflow-x: scroll;
    padding-top: 60px;
}

.gnav.active{
	display: block;
}

.gnav__menu{
    display: block;
    width: 100%;
    height: 100%;
    padding: 60px 0 60px;
    margin-bottom: 10px;
}

.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: fixed;
    width: 100%;
	top: 0px;
    overflow: scroll;
}

nav .gnav__menu__item{
    margin: 10px auto 0;
    width: 95%;
    border-bottom: 1px solid #ccc;
}

.gnav__menu__item a{
    color: #111;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 0;
    text-decoration: none;
    transition: .5s;
    background: none;
    width: 100%;
    padding: 0 0 10px 0;
    display: block;
}

nav .gnav__menu__item a.btn03{
    padding: 0 5%;
    font-size: 2rem;
}

.gnav_area{
	max-width:1400px;
	margin:0 auto;
	width: 89%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gnav_flex{
	display:flex;
	justify-content:space-between;
	position:relative;
	z-index:1;
/* 	padding: 12% 0 17.858%; */
	width: 100%;
}

.gnav_area .ab_text{
	position:absolute;
	max-width:650px;
    width: 30%;
    z-index: -1;
    bottom: 2%;
    right: 9.429%;
}

.hd_div.gre{
	border:4px solid #BCEA96;
}

.hd_div.yel{
	border:4px solid #F9D216;
}

.hd_div.re{
	border:4px solid #FF3571;
}

.hd_div{
	background:#fff;
	border-radius:10px;
	width: 32.5%;
	max-width: 438px;
	padding: 2.786% 1.143% 3.286%;
}

.hd_div .title{
	line-height: 1.4482;
	font-weight:700;
	font-size: clamp(2rem,2vw,2.9rem);
	padding-bottom: 5.81%;
	border-bottom:1px solid #E6E6E6;
	margin-bottom: 7.578%;
}

.hd_div .title span{
	font-size:1.5rem;
	font-weight:700;
	letter-spacing:0.1em;
	line-height:1.333;
	display:block;
}

.hd_list1 li{
	margin-bottom: 7.3%;
	font-size: clamp(1.4rem,1vw,1.8rem);
	font-weight: 700;
	line-height: 1.55556;
	position:relative;
	padding-left:42px;
}
.hd_list1 li:last-child{
	margin-bottom:0;
}

.hd_list1 li:before{
	position:absolute;
	content:"";
	width:29px;
	height:29px;
	background:url(./img/common/hd_gre_arrow.svg)no-repeat;
	background-size:contain;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}

.hd_div.yel .hd_list1 li:before{
	background:url(./img/common/hd_yel_arrow.svg)no-repeat;
	background-size:contain;
}

.hd_div.re .hd_list1 li:before{
	background:url(./img/common/hd_pi_arrow.svg)no-repeat;
	background-size:contain;
}


.hd_list1 li span{
	display:block;
}


/*-----------------------------------------------------------
テーブル共通
-----------------------------------------------------------*/

table {
	border-collapse: separate;
}



/*-----------------------------------------------------------
 nav
-----------------------------------------------------------*/

.pc_nav{
	width: 89%;
	display: flex;
	max-width: 600px;
	align-items: center;
	justify-content: flex-end;
}

.sp_nav{
	display:none;
}

.hd_btn{
	width: 48%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 0.8rem;
	color: #fff!important;
	max-width: 48px;
	border-radius: 50%;
	height: 48px;
	font-weight: 700;
	letter-spacing:0;
}

.hd_btn img{
	margin-bottom:3px;
}

.nav_list1{
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.nav_list1 li {
	margin-left:auto;
	width: 32%;
}

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

.nav_list1 a {
	display: flex;
	text-decoration: none;
	font-size: 1.8rem;
	background: #FFFFFF;
	font-weight: 700;
	box-shadow: 0 0 17px #00000038;
	align-items: center;
	justify-content: center;
	height: 54px;
	border-radius: 30px;
	position:relative;
	opacity:1;
	overflow: hidden;
	z-index: 1;
	transition:.4s;
}

.nav_list1 a:hover{
	color:#fff;
}

.nav_list1 a: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;
}

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

.nav_list1 li a:before{
	position:initial;
	content:"";
	width:5px;
	height:5px;
	border-radius:50%;
	margin-right:9px;
}

.nav_list1 li:nth-child(1) a:before{
	background:#88DB47;
}

.nav_list1 li:nth-child(2) a:before{
	background:#F9D216;
}

.nav_list1 li:nth-child(3) a:before{
	background:#FF0852;
}

.nav_list1 li:nth-child(4) a:before{
	background:#00D4F0;
}
.sns_list{
	display:flex;
	justify-content:space-between;
	max-width:76px;
	width: 9%;
	margin-left: auto;
}

.sns_list li{
	width: 45%;
}

.hd_link{
	display:flex;
	max-width:320px;
	width: 37%;
	margin-left: auto;
}

.hd_link_btn1{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	max-width:160px;
	width:100%;
	height:80px;
	font-size:1.4rem;
	font-weight: 500;
	line-height:2;
	transition: .4s;
}

.hd_link_btn1.bgwh:hover{
	background: #dadada;
	opacity:1;
}


/*-----------------------------------------------------------
#slide
-----------------------------------------------------------*/


/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

#cover {
	width: 100%;
	margin: 0px auto 0;
	padding: 130px 0 45px;
	background:url(./img/company/co1_sou1.png) no-repeat;
	background-size: contain;
	background-position-x: 76%;
	overflow: hidden;
}

.cov-div{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-height: 734px;
	overflow: hidden;
	max-width: 1676px;
	margin: 0 auto;
	width: 95%;
	height: 38.2292vw;
}

.cov-div .title_area{
	position:absolute;
	bottom: 3%;
	left: 0;
	line-height: 1.3333;
	font-weight:900;
	font-size: clamp(3rem,3.5vw,6.2rem);
}

.cov-div .ab_text{
	position:absolute;
	max-width: 650px;
	width: 27%;
	bottom: 1.4%;
	left: 48.5%;
	z-index:2;
}

.cov-div .ab_text span{
  overflow: hidden;
  width: 100%;
  position: relative;
  display: block;
  height: 100%;
}

.cov-div .ab_text span img{
	transform: translate(100%, -100%);
	transition:2s;
	opacity:0;
}

.active .cov-div .ab_text span img{
	transform: translate(0px, 0px);
	opacity:1;
}


.sld1{
	width:100%;
	height: 38.2292vw;
	border-radius: 80px;
	max-height: 734px;
}

.sld11{
	background: url(./img/top/mv11a.jpg)no-repeat center;
	background-size:cover;
	/* background-position-x:100%; */
	position:relative;
	z-index:1;
}

.sld12{
	background:url(./img/top/mv12a.jpg)no-repeat center;
	background-size:cover;
	/* background-position-y: 0px; */
	/* background-position-x:100%; */
	position:relative;
	z-index:1;
}

.sld13{
	background:url(./img/top/mv13.jpg)no-repeat bottom center;
	background-size:cover;
	/* background-position-x:0%; */
	position:relative;
	z-index:1;
}


.sld14{
	background:url(./img/top/mv10.jpg)no-repeat center;
	background-size:cover;
	position:relative;
	z-index:1;
}

/* .slick-active .sld1{
	animation-name: line_move;
    animation-duration: 5.5s;
	animation-fill-mode: forwards;
}


@keyframes line_move {
	from {
	background-position-x:0%;
	}

	to {
		background-position-x:100%;
	}
} */


.sld2{
	margin: 20px 0;
}

.cov-div .left{
	width: 73.867%;
	position: relative;
}

.cov-div .left:before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background:#fff;
	border-radius:0 80px 80px 0;
}

.cov-div .right{
	width: 23.867%;
}

/* .sld2_cont.slick-active.slick-center{
	margin:auto 0;
} */

.slider2.slick-initialized{
	height:100%;
}

.cov_span{
	display:block;
	background:#FFFFFFed;
	padding-left: 70px;
}

.cov_span:first-child{
	margin-bottom: 2%;
}
/* スライダー逆順 */
.slider2 {
  transform: rotate(180deg);
}
.slider2 img {
   transform: rotate(180deg);
}

@-webkit-keyframes passing-bar{
	0% {
		left: 0;
		right: auto;
		width: 0;
	}
	50% {
		left: 0;
		right: auto;
		width: 100%;
	}
	51% {
		left: auto;
		right: 0;
		width: 100%;
	}
	100% {
		left: auto;
		right: 0;
		width: 0;
	}
}
@keyframes passing-bar{
	0% {
		left: 0;
		width: 0;
	}
	50% {
		left: 0;
		width: 100%;
	}
	51% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0;
	}
}
@-webkit-keyframes passing-txt{
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes passing-txt{
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity:1; }
}


.cov-div .title {
	position: relative;
	display: inline-block;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.cov-div .title:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #000;
}

.cov-div .cov_span {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.active .cov-div .title:before {
	-webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
	animation: passing-bar 1s ease 0s 1 normal forwards;
}

.active .cov-div .cov_span {
	-webkit-animation: cov_span 0s ease .5s 1 normal forwards;
	animation:passing-txt 0s ease .5s 1 normal forwards;
}


/* 画像アニメーション */

.img_anm {
	position: relative;
	display: inline-block;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.img_anm:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #ccc;
}

.img_anm span {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.active.img_anm:after,
.active .img_anm:after {
	-webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
	animation: passing-bar 1s ease 0s 1 normal forwards;
}

.active.img_anm span,
.active .img_anm span {
	-webkit-animation: cov_span 0s ease .5s 1 normal forwards;
	animation:passing-txt 0s ease .5s 1 normal forwards;
}

.interview .active.img_anm:after,
.interview .active .img_anm:after {
	-webkit-animation: none;
	animation: none;
}

.interview .active.img_anm span,
.interview .active .img_anm span {
	-webkit-animation: none;
	animation:none;
}

.interview .img_anm {
	position: relative;
	display: block;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.interview .img_anm:after {
	display: none;
}

.interview .img_anm span {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

/*-----------------------------------------------------------
 #main
-----------------------------------------------------------*/

#main {
	width: 100%;
	margin: 0px auto 0;
}

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

.inner{
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
}

.mainTit{
	line-height: 1.1111;
	font-weight:700;
	font-size: clamp(2.4rem,3vw,3.6rem);
	max-width:187px;
	width: 63%;
	margin-left: 16%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-right: auto;
}

.mainTit .en_tit{
	display: flex;
	font-size: clamp(1.5rem, 1.6vw, 2rem);
	line-height: 1.25;
	letter-spacing: 0;
	font-weight: 700;
}

.mainTit .ver{
	display:block;
	letter-spacing: 0.05em;
}

.mainTit2{
	line-height: 1.42857;
	font-weight: 700;
	font-size: clamp(3rem,3.8vw,7rem);
}

.mainTit2 .en_tit{
	line-height:1.3333;
	font-size: clamp(2rem,4vw,2.4rem);
	display:block;
}

.mainTit3{
	line-height: 1.85;
	font-weight: 700;
	font-size: clamp(2rem, 2.1vw, 3.2rem);
}

.mainTit4{
	line-height: 1.6;
	font-weight: 700;
	font-size: clamp(2.4rem, 2.4vw, 3.2rem);
}


.btn1{
	max-width:418px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50px;
	height:83px;
	color:#FFFFFF!important;
	font-size:2.5rem;
	font-weight:900;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition:.4s;
}

.btn1:hover{
	opacity:1;
	
}

.btn1.bggre{
	border:5px solid #7ED03D;
	box-shadow:0 6px 0 #6BAF36;
}

.btn1.bggre:hover{
	color:#88DB47!important;
}

.btn1.bgyel{
	border:5px solid #E5C526;
	box-shadow:0 6px 0 #D9BA1F;
}

.btn1.bgyel:hover{
	color:#FFD817!important;
}

.btn1.bgred{
	border:5px solid #D53162;
	box-shadow:0 6px 0 #C11A4C;
}

.btn1.bgred:hover{
	color:#FF0852!important;
}

.btn1.bgblu{
	border:5px solid #0D88D0;
	box-shadow:0 6px 0 #0D76B4;
}

.btn1.bgblu:hover{
	color:#1E9FEA!important;
}

.btn1::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;
}

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

.btn1 .arrow{
	position:absolute;
	right:22px;
}

.content01{
	margin: 158px auto 0;
}

.top_flex{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	position: relative;
}

.top_left{
	max-width:354px;
	width: 19%;
	position: relative;
	z-index: 1;
}

.top_right{
	max-width:1476px;
	width: 79%;
}

.top_left:before{
	width: 143%;
	height: 27vw;
	max-width:503px;
	max-height:503px;
	background:#333333;
	position:absolute;
	content:"";
	border-radius:50%;
	left: -42%;
	top:0;
	z-index: -1;
}

.ver{
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.content01 .top_left{
	padding-top: 7.5%;
}

.content01 .flex1{
	align-items:flex-start;
	margin-bottom: 5%;
	align-items: center;
}

.content01 .flex1 .left{
	max-width:511px;
	width: 35%;
}

.content01 .flex1 .left .mainTit3{
	margin: 16.4% 0 11.75%;
	font-size: clamp(2rem, 2.4vw, 3.2rem);
}

.content01 .flex1 .img{
	max-width:934px;
	width: 64%;
	margin-right: -1.83%;
	position: relative;
}

.content01 .flex1 .img:before{
	position:absolute;
	content:"";
	width: 24%;
	height:221px;
	max-width:221px;
	background: url(./img/top/co1_sou1.svg)no-repeat bottom;
	background-size:contain;
	bottom: -19.733%;
	right:0;
	animation: fuwafuwa 3s linear infinite;
	z-index: 1;
} 

.content01 .flex1 .img img {
    border-radius: 2.45vw;
}

/* fuwafuwa */
@keyframes fuwafuwa {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(10px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }
}

.content01 .flex1 .left .text{
	line-height:2.04545;
	font-weight:400;
	font-size: clamp(1.5rem,1.5vw,2.2rem);
	margin-top: 8.613%;
}

.content01 .flex2{
	    align-items: center;
}

.content01 .flex2 .left{
	max-width:769px;
	width: 46%;
}

.content01 .flex2 .img{
	max-width:561px;
	width: 40%;
	position: relative;
}

.content01 .flex2 .img:before{
	position:absolute;
	content:"";
	width: 24%;
	height:127px;
	max-width:133px;
	background: url(./img/top/co1_sou2.svg)no-repeat bottom;
	background-size:contain;
	bottom: -8.67%;
	right: -4.45%;
	animation: fuwafuwa 3s linear infinite;
	z-index: 1;
}

.content01 .flex2 .left .btn1{
	margin-top: 6%;
	width: 90%;
}

.content02{
	margin: 188px auto 0;
	position:relative;
	z-index:1;
}

.content02:before{
	position:absolute;
	content:"";
	width: 11%;
	max-width:191px;
	height:183px;
	background:url(./img/top/co2_sou1.svg)no-repeat right top;
	background-size:contain;
	right: -1.524%;
	top: 2%;
	animation: fuwafuwa 3s linear infinite;
}

/* .content02:after{
	position:absolute;
	content:"";
	width: 15%;
	max-width:278px;
	height:556px;
	background:url(./img/top/co2_sou2.svg)no-repeat right top;
	background-size:contain;
	right: 0%;
	top: 576px;
	z-index:-1;
	animation: fuwafuwa 3s linear infinite;
} */

.content02 .top_left{
	padding-top: 8.594%;
}

.content02 .top_left .ab_text1{
	margin: 62% 0 0 3%;
	max-width: 138px;
	width: 39%;
}

.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: 2.17% 0 11.247%;
}

.content02 .top_right .slider_area3 .ab_text1{
	max-width:518px;
	width: 40%;
	margin-left: -4.5%;
}

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

.sld3{
	max-width:445px;
	width: 91%;
	margin:0;
	transition:.4s;
}


.slick-center .sld3{
	margin:0 auto;
}

.slick-center + .sld3_cont .sld3{
	margin-left:auto;
}

.sld3_cont:has(+ .slick-center) .sld3{
	margin-right:auto;
}

.slider3a .slick-center + .sld3_cont .sld3{
	margin:0 auto;
}

.slider3a .sld3_cont:has(+ .slick-center) .sld3{
	margin:0 auto;
}

.slider3a .sld3{
	margin:0 auto;
}

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

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

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

.sld3 .img:hover .off{
	opacity:0;
}

.sld3 .img:hover .on{
	opacity:1;
}

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

.sld3 .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;
}

.sld3 .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;
}

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

.sld3 .text2{
	line-height:1.444;
	font-weight:700;
	font-size: 1.4rem;
	letter-spacing:0.13em;
	text-align:right;
	margin: 12px auto 0;
	width: 100%;
}

.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{
	max-width: 35px;
	width:7%;
	cursor: pointer;
	pointer-events: initial;
}

.slider_area3{
	position:relative;
}

.cont02_div{
	width:100%;
	background:#F7F7F7;
	border-radius:50px 0 0px 50px;
	padding: 3.388% 0;
	margin:67px 0 52px;
	position: relative;
}

.cont02_div:before,
.cont02_div:after{
	position:absolute;
	content:"";
	width:40px;
	height:40px;
	background:url(./img/top/tes.png)no-repeat;
	background-size:contain;
	right:0;
}
.cont02_div:before{
	bottom:100%;
	transform:rotateZ(270deg);
}
.cont02_div:after{
	top:100%;
	transform:rotateZ(180deg);
}

.co2_list{
	display:flex;
	max-width:788px;
	margin:0 auto;
	width: 90%;
	justify-content:space-between;
}

.co2_list li{
	position: relative;
	max-width:377px;
	width:49%;
	border:2px solid transparent;
	border-radius:50px;
}

.co2_list li .lista{
	z-index:2;
}

.co2_list li .img img{
	border-radius:50px;
}

.co2_list li:before{
	position:absolute;
	content:"";
	background:#333333;
	opacity:0.5;
	border-radius:50px;
	width:100%;
	height:100%;
	top:0;
	left:0;
	transition:.4s;
}

.co2_list li:hover:has(.blue2){
	border:2px solid #00D4F0;
}

.co2_list li:hover:has(.green){
	border:2px solid #88DB47;
}


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

.co2_list li .text_area{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

.co2_list li .text_area .text1{
	line-height:1.3888;
	font-weight:700;
	font-size: clamp(1.8rem,2.3vw,2.8rem);
	text-align:center;
	display: flex;
	align-items: baseline;
}

.co2_list li .text_area .text1 span{
	margin-left:7px;
	display: block;
	width: 42%;
	max-width: 86px;
}

.co2_list li .text_area .text2{
	line-height:1.3888;
	font-weight:700;
	font-size: clamp(2rem,2.5vw,3.6rem);
	text-align:center;
	margin-top: 4.778%;
	text-shadow: 0 3px 6px #0000008c;
}

.content02 .btn1{
	margin:0 auto;
}

.content03{
	margin: 15.5% 0 0;
}

 .content03 .top_left {
    padding-top: 7.5%;
}

.content03 .top_left .mainTit {
    /* margin-left: 10%; */
}

.content03 .flex{
	align-items:flex-start;
	margin-bottom: 5%;
}

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

.content03 .flex .right{
	max-width:934px;
	width: 64%;
	margin-right: -1.83%;
}

.content03 .flex .right .img{
	position: relative;
	z-index: 0;
}


.content03 .flex .right .img.img_anm:after {
	
/* background: #ff0084; */
}

.content03 .flex .right .img img{
 border-radius: 2.45vw;
}

.content03 .flex .right .img:before{
	position:absolute;
	content:"";
	width: 17%;
	height:158px;
	max-width:158px;
	background: url(./img/top/co3_sou1.svg)no-repeat bottom;
	background-size:contain;
	bottom: -15%;
	left: 3.6%;
	animation: fuwafuwa 3s linear infinite;
	z-index: 1;
}

.content03 .flex .left .mainTit3{
	margin-top: 5.64%;
	font-size: clamp(2rem, 2.1vw, 3.2rem);
}

.content03 .flex .left .text{
	line-height:2.04545;
	font-weight:400;
	font-size: clamp(1.5rem,1.5vw,2.2rem);
	margin-top: 14.6%;
	max-width: 495px;
}

.content03 .flex .right .mainTit3{
	margin-left: 18%;
	margin-top: 4%;
}

.co3_list{
	max-width:1338px;
	width: 98%;
	display:flex;
	justify-content:space-between;
}

.co3_list li{
	position: relative;
	max-width:311px;
	width:24%;
	border: 2px solid transparent;
	border-radius: 54px 54px 0 54px;
}

.co3_list li .lista{
	z-index:2;
}

.co3_list li:before{
	position:absolute;
	content:"";
	background:#333333;
	opacity:0.5;
	border-radius:50px;
	width:100%;
	height:100%;
	top:0;
	left:0;
	transition:.4s;
}

.co3_list li .img img{
	border-radius:51px;
}

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

.co3_list li .text1{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	color:#fff;
	line-height:1.44;
	font-weight:700;
	font-size: clamp(1.6rem,2vw,2.5rem);
	text-align:center;
	text-shadow: 0 3px 6px #0000008c;
}

.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;
}

.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: url(./img/top/co4_sou1.svg)no-repeat bottom right;
	background-size:contain;
	max-width: 215px;
	width: 12%;
	height: 429px;
	z-index: 1;
	animation: fuwafuwa 3s linear infinite;
}

.side_btn_area{
	position:fixed;
	/* max-width: 1880px; */
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
	bottom: 0;
	right: 0px;
	margin: auto;
	flex-direction: column;
	z-index: 99;
	width: 100%;
	left: 0;
	padding-right: 2%;
	pointer-events: none;
	/* top: 100px; */
}

.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: 50vw;
	max-height: 341px;
	height: 25vw;
	min-height: 180px;
}

.con_sld1{
	 background:url(./img/common/bg_cont1.jpg)no-repeat center bottom;
	background-size:cover;
 }

.con_sld2{
	 	 background:url(./img/common/bg_cont2.jpg)no-repeat center bottom;
	background-size:cover;
 }

.con_sld3{
	 	 background:url(./img/common/bg_cont3.jpg)no-repeat center bottom;
	background-size:cover;
 }

.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: 3.6rem;
	font-weight:700;
	position:relative;
	padding:0 30px;
	line-height: 1.4444;
	font-size: 2.6rem;
}

.contact_area .flex .fuki:before,
.contact_area .flex .fuki:after{
	position:absolute;
	content:"";
	background:#fff;
	width:3px;
	height:52px;
	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;
	font-size: 20px;
	height: 60px;
	max-width: 275px;
}

.btn2:hover{
	opacity:1;
}

.btn2.bgpink{
    border: 5px solid #FF0084;
}

.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;	
    position: relative;
}

.ft_div{
	background:url(./img/common/bg_ft.jpg)no-repeat;
	background-size:cover;
	position:relative;
	padding: 90px 0 80px;
}

.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: 192px;
	margin: 0 auto 83px;
}

.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: 16px;
	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;
}

/*--- ページトップ ---*/
#pageTop {
	position: fixed;
	bottom: 200px;
	right: 25px;
	z-index: 9999;
}


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

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

input {
	vertical-align: middle;
}

.btnBox1 {
	text-align: center;
}

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


.clearForm,
.clearForm2,
.toHome {
	width: 100%;
	cursor: pointer;
	outline: 0;
	color: #ffffff!important;
	font-size: 2.2rem;
	border: none;
	font-weight: 700;
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	margin: 0 auto!important;
	height: 100%;
	background: #333333!important;
	height: 80px;
}

.green .clearForm,
.green .clearForm2,
.green .toHome {
	color: #2CB573 !important;
	
}


.toHome {
	margin: 50px auto 0 !important;
	text-decoration: none;
	display: block;
	text-align: center;
}

.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 .top_right{
	padding-top: 5.9%;
}

.content02 .top_right{
	padding-top: 4%;
}

.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: 4.21% 0 0;
	position: relative;
	margin-bottom: 200px;
}

.content04a:before{
	position:absolute;
	content:"";
	max-width:400px;
	width:20%;
	height:400px;
	top:0;
	left:0;
	background:url(./img/top/add4_sou.svg)no-repeat top left;
	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{
	max-width:1691px;
	width: 98%;
	margin-bottom: 6.3%;
	margin-right: 2%;
}

.co4a_div .flex .img{
	max-width:1000px;
	width: 60%;
}

.co4a_div .flex .text_area{
	max-width:566px;
	width: 38%;
}

.co4a_div .flex .text_area .title2{
	    line-height: 1.42857;
	    font-weight: 700;
	    font-size: clamp(3.2rem, 3.8vw, 6rem);
	    margin-bottom: 12.4%;
}

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

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

.content04a .btn1{
	margin:0 auto;
}


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

.anker_area1 .co3_list{
	width:100%;
}

.co3_list.col2{
	max-width:783px;
	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: absolute;
	bottom: 60px;
	right:31px;
	width:20px;
	z-index: 99;
	opacity: 0.6;
}

.ft_in{
	max-width: 1200px;
	margin:0 auto;
	width:95%;
}

/* article */

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

.cov2_div{
	height:300px;
	width:100%;
	background:url(./img/company/mv.jpg)no-repeat center;
	background-size:cover;
}

.people .cov2_div{
	background:url(./img/people/mv.jpg)no-repeat center;
	background-size:cover;
}


.entry .cov2_div{
	background:#ffffffdb;
	z-index:-1;
}

.recruit .cov2_div{
	background:#ffffffdb;
	z-index:-1;
}

.privacy .cov2_div{
	background:#ffffffdb;
	z-index:-1;
}

.privacy #cover2,
.entry #cover2,
.recruit #cover2{
	z-index:0;
	overflow:hidden;
}


.environment .cov2_div{
	background:url(./img/environment/mv.jpg)no-repeat center;
	background-size:cover;
}

#cover2 .title{font-size: clamp(2.4rem, 4vw, 4rem);font-weight: 900;line-height: 1.45;position: absolute;right: auto;bottom: 52px;left: 14.5%;}

#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;
	display:none;
}

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

#cover2 .ab_text.white{
	opacity: 0.3;
}

.cov_sou:before{
	position:absolute;
	content:"";
	width: 58%;
	height:96vh;
	background:url(./img/company/co1_sou1.png)no-repeat top;
	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:934px;
	width: 50%;
}

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

.comp01_div .text_area .title{
	background: #FFFFFFe6;
	width:100%;
	font-size: clamp(2.4rem, 2.7vw, 4rem);
	font-weight:700;
	line-height:1.6;
	letter-spacing:0.05em;
	padding: 9% 7%;
	padding-left: 15%;
}

.comp01_div .text_area:before{
	position:absolute;
	content:"";
	background:url(./img/company/co1_sou2.svg)no-repeat top left;
	background-size:contain;
	max-width:102px;
	width: 14%;
	height:97px;
	top:0;
	left:0;
}

.comp01_div .text_area:after{
	position:absolute;
	content:"";
	background:url(./img/company/co1_sou3.svg)no-repeat bottom right;
	background-size:contain;
	max-width:84px;
	width: 11%;
	height:81px;
	bottom:0;
	right:0;
}

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

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

.comp02_div{
	position: relative;
	z-index: 1;
}

.comp02_div1{
	margin-bottom: 6.6%;
}


.arttit1{
	font-size: clamp(2rem, 3vw, 3.6rem);
	font-weight:700;
	line-height:1.6;
	letter-spacing:0.05em;
}

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

.bar_rela:before{
	position:absolute;
	content:"";
	height:106px;
	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:0;
	left:0;
}

.comp02_div .bar_rela{
	margin-left: 12%;
}

.comp02_div .arttit1{
	margin-bottom: 8%;
}

.arttit2{
	line-height: 1.875;
	font-weight: 700;
	font-size: clamp(1.9rem, 2.1vw, 3.2rem);
}

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

.comp02_div .text1{
	line-height: 1.7;
	font-weight: 400;
	font-size: clamp(1.5rem, 2.1vw, 2.2rem);
	margin-bottom: 7%;
}

.comp02_div .text2{
	line-height: 1.4444;
	font-weight: 500;
	font-size: clamp(1.5rem, 2.1vw, 1.8rem);
	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.8rem);
}

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

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

.comp02_div2 .img2{
	max-width:1000px;
	margin-right:auto;
	width: 41%;
	margin-bottom: 6.7%;
}

.comp02_div2 .img3{
	max-width:1000px;
	width: 70%;
	margin-top: 12.8%;
}

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

.comp03:before{
	position:absolute;
	content:"";
	width: 15%;
	max-width:278px;
	height:556px;
	right:0;
	top:0;
	background:url(./img/company/co3_sou1.svg)no-repeat right top;
	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: -6.94%;
	width: 65%;
	max-width: 932px;
}

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

.arttit3{
	line-height: 1.5365;
	font-weight: 700;
	font-size: clamp(2.4rem, 2.8vw, 4.1rem);
}

.arttit3 .en_tit{
	line-height: 1.375;
	font-weight: 700;
	font-size: clamp(1.6rem, 2.1vw, 2.4rem);
	letter-spacing:0.1em;
	display:block;
	margin-bottom:15px;
}

.com3_div .flex .text_area .text{
	line-height: 2.363636;
	font-weight: 400;
	font-size: clamp(1.6rem, 1.6vw, 2.2rem);
	margin-top:30px;
}

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

.comp04:before{
	position:absolute;
	content:"";
	width: 15%;
	max-width:278px;
	height:556px;
	right:0;
	top:0;
	background:url(./img/company/co3_sou1.svg)no-repeat right top;
	background-size:contain;
	z-index: 1;
	animation: fuwafuwa 3s linear infinite;
}

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

.arttit4{
	font-size: clamp(2.2rem, 4vw, 5rem);
	font-weight:900;
	line-height:1.44;
	letter-spacing:0.1em;
	text-align:center;
}

.comp04 .text{
	line-height: 1.857;
	font-weight: 400;
	font-size: 1.6rem;
	margin: 6.7% auto 9%;
}

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

.comp05:before{
	position:absolute;
	content:"";
	width:20%;
	max-width:191px;
	height:183px;
	background:url(./img/company/co5_sou1.svg)no-repeat right bottom;
	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:1000px;
}

.co5_list li{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.45;
	padding-top: 60px;
}

.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: 10.6% 0 16.5%;
	position:relative;
}

.comp06:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	background:url(./img/company/co6_sou1.svg)no-repeat left bottom;
	max-width:353px;
	height:353px;
	background-size:contain;
	width: 19%;
}

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

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

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

.comp06 .flex .text_area .title{
	font-size: clamp(3rem, 4vw, 5rem);
	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: clamp(1.6rem, 2.1vw, 2.4rem);
	letter-spacing:0.1em;
}

.comp06 .flex .text_area .title .sub_tit{
	display:block;
	line-height: 1.47;
	font-weight: 700;
	font-size: clamp(1.4rem, 2.1vw, 1.7rem);
	letter-spacing:0em;
}

.comp06 .flex .text_area .text{
	line-height: 3.3333;
	font-weight: 700;
	font-size: clamp(1.5rem, 2.1vw, 1.8rem);
	letter-spacing:0em;
	margin-top: 14%;
}

/* people */

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

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

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

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

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

.peo02_list1 li{
	width:32%;
	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.3rem,1.7vw,2.2rem);
	margin: 0 auto;
	width: 100%;
	letter-spacing: 0.05em;
}

.peo02_list1 li .text2{
	line-height:1.444;
	font-weight:700;
	font-size: clamp(1.1rem,2vw,1.4rem);
	letter-spacing:0.13em;
	text-align:right;
	margin: 25px 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:38px;
	font-size:1.8rem;
	font-weight:700;
}

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

.comp02.peo02{
    padding: 8% 0 5.3%;
}

.peo03{
	
}

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

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

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

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

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

.peo03_div.peo03_div1.bg_gre{
	background:#88DB47;
}

.peo03_div{
	padding: 159px 0;
}

.peo03_div .flex{
	max-width: 1576px;
	margin-right:auto;
	align-items: center;
	width: 95%;
}

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


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

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

.peo03_div .flex .text_area .fuki_text{
	line-height:1.4444;
	font-weight:700;
	font-size: clamp(1.8rem,2.3vw,3.6rem);
	padding: 4% 8px;
	text-align:center;
	width:100%;
	background:#fff;
	border-radius:50px;
	position:absolute;
	top:-128px;
}

.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: 4% 0 6.9%;
	font-size: clamp(3rem, 4vw, 5rem);
	font-weight:900;
	line-height:1.34;
}

.peo03_div .flex .text_area .text2{
	line-height:1.818181;
	font-weight:700;
	font-size: clamp(1.6rem,1.7vw,2.2rem);
}

.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:url(./img/company/co1_sou1.png)no-repeat;
	background-size:contain;
	background-position-x:71%;
	padding-top: 6.3%;
	min-height: 700px;
	display: flex;
	align-items: flex-end;
	    height: 96vh;
}

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

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

.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:url(./img/company/co1_sou2.svg)no-repeat top left;
	background-size:contain;
	max-width:102px;
	width: 14%;
	height:97px;
	top:0;
	left:0;
}
.cov3_div .text_area:after{
	position:absolute;
	content:"";
	background:url(./img/top/sl_bg_gre.svg)no-repeat bottom right;
	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: clamp(2.4rem, 3vw, 4rem);
	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, 8rem);
	letter-spacing:0em;
	color:#33333380;
	margin-right: 2.4%;
}

.cov3_div1 .flex .text2{
	line-height: 1.4285;
	font-weight: 700;
	font-size: clamp(2rem, 2.1vw, 2.8rem);
	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: clamp(1.6rem,1.7vw,2.2rem);
	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: clamp(1.8rem, 2.1vw, 2.8rem);
}

.int01_div1 .text_area .text2{
	line-height: 1.8636;
	font-weight:400;
	font-size: clamp(1.5rem,1.7vw,2.2rem);
	margin-top: 3.878%;
}

.int01_div1 .text_area .text3{
	line-height: 1.7307;
	font-weight: 700;
	font-size: clamp(1.5rem, 2.1vw, 2.6rem);
}

.int01_flex{
	display:flex;
	max-width: 1560px;
	margin-left:auto;
	width:95%;
	justify-content:space-between;
	align-items:flex-start;
}

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


.int01_flex .img{
	max-width:934px;
	width: 60%;
	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: clamp(1.7rem, 2vw, 2.5rem);
}

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

.int01_list1 li .text1{
	line-height: 1.72;
	font-weight: 400;
	font-size: clamp(1.6rem, 1.6vw, 2.5rem);
}

.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;
}


.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: 66%;
}

.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:url(./img/interview/co2_sou1.svg)no-repeat top left;
	background-size:contain;
	top:0;
	left:0;
}

.int02:after{
	position:absolute;
	content:"";
	width: 9%;
	max-width:167px;
	height:181px;
	background:url(./img/interview/co2_sou2.svg)no-repeat bottom left;
	background-size:contain;
	bottom:0;
	left:0;
	animation: fuwafuwa 3s linear infinite;
}

.int02_div{
	max-width:1800px;
	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, 8.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:155px;
	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.anm.active{
	animation: none;
}

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

.int02_list1 li:before{
	position:absolute;
	content:"";
	width: 5.901%;
	height:5px;
	background:url(./img/interview/bar.svg);
	left: 5%;
	top: 10%;
}

.int02_list1 li:after{
	position:absolute;
	content:"";
	width: 25px;
	height:25px;
	left: -15px;
	top: 4%;
	border:5px solid #1E9FEA;
	border-radius:50%;
	background:#fff;
}

.int02_list1 li .title{
	line-height: 1.444;
	font-weight: 700;
	font-size: 3.6rem;
	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: clamp(1.5rem,1.7vw,2.2rem);
}

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

.int03:before{
	position:absolute;
	content:"";
	width: 13%;
	height: 471px;
	bottom: -9.553%;
	right:0;
	background:url(./img/interview/co3_sou1.svg)no-repeat right bottom;
	background-size:contain;
	max-width: 236px;
	animation: fuwafuwa 3s linear infinite;
}

.int03 .flex{
	max-width:1200px;
	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: 9.353%;
	line-height: 1.8571;
	font-weight: 400;
	font-size: clamp(1.5rem,1.5vw, 2.8rem);
}

.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: 1300px;
	margin:0 auto;
	width: 80%;
}

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

.cov3_div2 .text_area.bg_gre{
	background: #88DB47c9;
}

.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: clamp(2.4rem, 3.8vw, 5rem);
	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;
}

.talk01_list1 li{
	width:32%;
	max-width:506px;
	border-radius:50px;
	background:#fff;
	box-shadow:0 0 18px #00000029;
	padding: 29px 2.173% 48px;
	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: clamp(1.8rem,1.8vw, 2.8rem);
}

.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: clamp(1.5rem,1.8vw, 2.2rem);
}

.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: clamp(4rem,5vw, 7.1rem);
}

.talk02{
	padding-bottom: 6.94%;
}

.talk02_title {
    max-width: 1468px;
    margin-left: auto;
    width: 95%;
    padding-bottom: 4.835%;
    position: relative;
    z-index: 3;
}

.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_div1:before{
	background:#FFD817;
}

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


.talk02_div3:before{
	background:#FFD817;
}

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

.talk02_div .title_area{
	max-width:1468px;
	margin-left:auto;
	width:95%;
	margin-bottom: 3.469%;
}

.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: clamp(2rem, 3vw, 3.6rem);
	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;
	z-index: 3;
}

.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: 2rem;
	font-weight: 700;
}

.talk02_list1 li .img_area .name.din_n{
	font-size: 2.4rem;
}

.talk02_list1 li .text_area{
	max-width: 1030px;
	width:100%;
	background:#FFFFFF;
	position:relative;
	border-radius:30px;
	padding: 4% 2%;
	line-height: 1.909;
	font-weight: 400;
	font-size: clamp(1.5rem,1.8vw, 2.2rem);
	box-shadow: 0px 0px 12px #00000029;
}

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

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

.talk02_div1{
	margin-bottom: 17%;
}


.talk02_div3{
	margin-bottom: 17%;
}

.talk02_div4:before{height: 50%;}


.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{
	padding: 6.3% 0 5.25%;
}

.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: clamp(1.8rem,1.8vw, 2.8rem);
}

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

.rec01_list1 li .right .text{
	line-height: 1.6363;
	font-weight: 400;
	font-size: clamp(1.5rem,1.8vw, 2.2rem);
	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:url(./img/recruit/co2_sou1.svg)no-repeat top left;
	background-size:contain;
}

.recruit02:after{
	position:absolute;
	content:"";
	bottom: -11.6%;
	right:0;
	width: 13%;
	max-width:236px;
	height:471px;
	background: url(./img/recruit/co3_sou1.svg)no-repeat bottom right;
	background-size:contain;
	animation: fuwafuwa 3s linear infinite;
}

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

.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: clamp(2.4rem, 3vw, 3.6rem);
	font-weight:700;
	line-height:1.444;
	padding-bottom:21px;
	margin-bottom:25px;
	text-align:center;
	border-bottom:1px solid #B7B7B7;
}

.rex02_list1 li .text{
	line-height: 1.6363;
	font-weight: 400;
	font-size: clamp(1.5rem,1.8vw, 2.2rem);
}

.rec02_list2{
	margin-top:42px;
}

.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: clamp(1.6rem,1.6vw, 2.8rem);
}

.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;
}

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

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

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

.rec02_div1 .text1{
	margin-top:11px;
	line-height:1.727272;
	font-size:2.2rem;
	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:2.6rem;
	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: 26px 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: clamp(1.7rem,2.4vw, 2.8rem);
}

.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: clamp(1.5rem,2.4vw, 2.2rem);
	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;
}

.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;
}

/* 中央のスライド */
.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:596px;
	margin:0 auto -36px;
	text-align:center;
	border:5px solid #333333;
	border-radius:50px;
	min-height:96px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:4.2rem;
	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:url(./img/environment/tri.svg)no-repeat bottom center;
	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:1485px;
	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{

}

.env01_list {
	display:flex;
	flex-wrap:wrap;
	max-width:1485px;
	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: 455px;
	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, 3rem);
	font-weight:700;
	line-height:1.46667;
	letter-spacing:0;
	padding-top: 4.606%;
}

/* data_area */

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

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

.li1 .text1 img{
	margin-right: 3%;
	padding-bottom: 5px;
	max-width: 88px;
	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, 6.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:0;
}

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

.li2_div .ab_text3{
	bottom:19%;
	left: 0;
/* 	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: 74%;
	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, 8.8rem);
	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, 3.5rem);
	letter-spacing:0;
	line-height:1.4571;
}

.li4 .text1 .big{
	font-size: clamp(4rem,8vw, 12rem);
	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, 5rem);
	letter-spacing:0;
	line-height:1.4571;
	
}

.li5 .text1 .big{
	font-size: clamp(4rem,7vw, 12rem);
	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: clamp(1rem, 1.2vw, 1.8rem);
	letter-spacing:0;
}

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

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

.li6_div .ab_text1{
	left:0;
	top:0;
}

.li6_div .ab_text2{
	right: 0;
	top: 22%;
}

.li6_div .ab_text3{
	bottom: 8%;
	left:0;
}

/* li7 */
.li7 .ab_text{
	color:#fff;
	width: 37%;
	height: 11vw;
	max-height:168px;
	position: absolute;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-weight:700;
	font-size: clamp(1.5rem, 2vw, 2.5rem);
	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, 7.8rem);
	line-height:1.2692;
}

.li7 .ab_text .mid{
	font-size: clamp(1.5rem, 2vw, 2.1rem);
	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: clamp(2.4rem,3vw, 5rem);
	letter-spacing:0;
	line-height:1.4571;
	
}

.li8 .text1 .big{
	font-size: clamp(4rem,7vw, 12rem);
	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, 5rem);
	letter-spacing:0;
	line-height:1.4571;
	
}

.li9 .text1 .big{
	font-size: clamp(4rem,7vw, 12rem);
	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:52px;
	width: 26%;
}

.li10 .ab_text3{
	top: 64.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, 2rem);
	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, 8.8rem);
	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, 5rem);
		letter-spacing:0;
		line-height:1.4571;
}

.li11 .flex .left span{
	font-size: clamp(4rem,7vw, 12rem);
	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, 2.4rem);
	letter-spacing:0;
	line-height:1.458333;
	max-width:120px;
	width:50%;
}

.env01_list21 li .text2{
	font-size: clamp(1.2rem,2.4vw, 2.9rem);
	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, 7.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, 2.4rem);
	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, 3.6rem);
}

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

.li13_div .text2 span{
	font-size: clamp(3rem,5vw, 10rem);
	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: 10.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, 3.6rem);
	line-height:1.4444;
	letter-spacing:0;
	font-weight:900;
}

.li14_div .text1{
	font-size: clamp(1.5rem,1.5vw, 2rem);
	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, 3.6rem);
	line-height:1.333;
	letter-spacing:0;
}

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

.li14_div .text2 .big{
	font-size: clamp(3rem,5vw, 8.8rem);
	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, 5rem);
	letter-spacing:0;
	line-height: 1.1;
}

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

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

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

/* li16 */

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

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

.li16 .text1 .big{
	font-size: clamp(4rem,7vw, 12rem);
	line-height:1.1;
	margin-right:5px;
}
.li16 .text2{
	font-size: clamp(1.2rem, 2vw, 1.8rem);
	letter-spacing:0;
	line-height:1.25;
	font-weight: 700;
	max-width: 300px;
	margin: 0 auto;
	width: 80%;
}

/* data_area_end */


.env01_div1 .img_area{
	position:relative;
	max-width:1188px;
	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: 1442px;
	width: 76%;
	margin-right:auto;
	padding: 184px 0 0;
	z-index: 1;
}

.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;
	min-height: 300px;
}

.env01_div2 .img_area .img1{
	position:absolute;
	bottom:0;
	left:0;
	max-width: 932px;
	width: 65%;
}

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


.env02{
	padding: 9% 0 3.1499%;
}

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



.env02_div1{
	max-width:1465px;
	margin: 7.9% auto 0;
	width:95%;
}

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

.env02_div1 .title1{
	font-size: clamp(2rem, 3vw, 3.6rem);
	font-weight:700;
	line-height:1.444;
	margin-bottom: 6.3%;
}

.env02 .text{
	font-size: clamp(1.5rem,2.4vw, 2.8rem);
	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: 42%;
}

.env02_div2 .img{
	max-width:934px;
	width: 56%;
	display: flex;
	align-items: center;
}


.env02_div2 .text_area .title2{
	font-size: clamp(2.4rem, 3vw, 4rem);
	font-weight:700;
	line-height:1.5;
	margin-bottom:35px;
}

.env02_list1{
	margin-top:45px;
}

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

.env02_list1 li:before{
	position:initial;
	content:"";
	width: 37px;
	height:35px;
	background:url(./img/environment/check.svg)no-repeat;
	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, 3.8rem);
	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%;
}

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

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

.env03 .title{
	text-align:center;
	font-size: clamp(2rem, 3vw, 3.6rem);
	font-weight:700;
	line-height:1.444;
	margin-top: 4.8%;
}

.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:1451px;
	margin:0 auto;
	width:95%;
}

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

.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: clamp(1.5rem, 2vw, 2.5rem);
	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; */
	max-width: 680px;
}
.modal_inner {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

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

/* 閉じるボタンのX */
.lineClose {
    display: flex;
    background:url(./img/environment/close.svg)no-repeat;
    background-size:contain;
    width: 88px;
    height: 88px;
}

.modal1{
	background:#fff;
	padding: 24px 24px 47px;
	border-radius: 60px;
}

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

.modal1 .cont_area .title{
	font-size: clamp(2rem, 3vw, 3.6rem);
	font-weight:700;
	line-height:1.444;
}

.modal1 .cont_area .text{
	margin-top:8px;
	font-size: clamp(1.4rem, 2vw, 1.8rem);
	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:url(./img/environment/sl_right_arrow.svg)no-repeat;
	background-size:contain;
}

.swiper-button-prev:after{
	background:url(./img/environment/sl_left_arrow.svg)no-repeat;
	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 .text1{
	font-weight:700;
	font-size: clamp(2.4rem, 3vw, 3rem);
	margin-bottom:20px;
}

.thanks_area .text2{
	margin-bottom:20px;
}

.thanks_area a{
	color:#FF0852;
}

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

.br_2 {
    display: block;
    content: "";
    margin-bottom: 10px;
}
.slick-slide .img > img {
    border-radius: 14%;
}
ul.f-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px auto 0;
}
ul.f-group li  {
    /* max-width: 80px; */
    text-align: center;
    margin: 0 auto;
    width: 13%;
}

.img_cont1 img{
	border-radius:2.45vw;
}

.env01_div2 .img_area  img{
	border-radius:2.45vw;
}

.priv01{
	padding: 120px 0 80px;
}

.priv01 .text{
	margin-top:24px;
}

.priv_list01{
	margin-top:80px;
}

.priv_list01 > li{
	margin-top:40px;
}

.priv_list01 > li .title1{
	font-size: clamp(2rem, 3vw, 2.4rem);
	font-weight:700;
	line-height:1.444;
}

.priv_list01 > li .text1{
	margin-top:16px;
}

.priv_list01 > li .text1.matop{
	margin-top:40px;
}


.priv_list02{
	margin-top:30px;
}

.priv_list02 li{
  text-indent: -1em;
  padding-left: 1em;
	margin-top:4px;
	font-size: clamp(1.5rem, 2vw, 1.6rem);
}

.comp04_div .bar_rela {
    margin-left: 12%;
}

.comp04 .title{
	font-size: clamp(2.4rem, 3vw, 3.6rem);
	font-weight:700;
	letter-spacing:0.05em;
	line-height:1.4444;
	text-align:center;
}

.comp04 .title span{
	display:block;
	margin-bottom:32px;
	letter-spacing:0;
}

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

.comp04_list1 li.long{
	width:100%;
	max-width:initial;
	margin-bottom: 10%;
}

.comp04_list1 li{
	width: 49%;
	max-width:465px;
	margin-bottom: 8%;
}

.comp04_list1 li .title1{
	padding: 35px 0;
	background:#F2F2F2;
	border-left:15px solid #303D89;
	font-size: clamp(2rem, 2.6vw, 2.8rem);
	font-weight:700;
	letter-spacing: 0;
	line-height:1.4285;
	text-align:center;
}

.comp04_list1 li:nth-child(2) .title1{
	border-left:15px solid #478245;
}

.comp04_list1 li:nth-child(3) .title1{
	border-left:15px solid #C13A21;
	letter-spacing:-0.1em;
}

.comp04_list1 li:nth-child(4) .title1{
	border-left:15px solid #C4A730;
}
.comp04_list1 li:nth-child(5) .title1{
	border-left:15px solid #D6D9DA;
}
.comp04_list1 li:nth-child(6) .title1{
	border-left:15px solid #3C76B4;
}
.comp04_list1 li:nth-child(7) .title1{
	border-left:15px solid #DC6AA0;
}

.comp04_list1 li .text1{
	margin-top: 33px;
	text-align: center;
	font-weight: 700;
}

.comp04_list1 li .text2{
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	font-weight: 400;
	line-height: 1.5;
	max-width: 707px;
	margin: 26px auto 0;
}

.comp04_list1 li .text_area {
    padding: 0 2%;
}

/*-- 固定ここまで --*/


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1921px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1921px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
	

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1600px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	
.recruit02:before {
    width: 14%;
}

.recruit02{
	padding:120px 0;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1600px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
	

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1400px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	
.mainTit{margin-left: 5%;width: 75%;}

.content01 .top_left {
    padding-top: 6%;
}

.sld2 {
    margin: 10px 0;
}

.int02_list1 li .title{
	font-size:2.8rem;
}


.int02_list1 li:before{
	top: 8%;
}

.int02_list1 li:after{
	top: 2%;
}



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

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

.recruit02:after{
	width: 10%;
	bottom: -7%;
}

.slider4_btn{
	width: 75%;
}

.slider4_btn div{
	width: 50px;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
	

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1200px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	.cov-div {
    height: 50vw;
}

.sld1{
	height: 50vw;
}

.cov-div .title_area {
    bottom: 4%;
}
	
.cov-div .ab_text{
	left: 51%;
}

.cov_span {
    padding-left: 30px;
}

.content03 .flex .right .mainTit3{
	margin-left: 9%;
	font-size: clamp(1.8rem, 2.7vw, 4rem);
}

.content03 .flex .left {
    width: 45%;
}

.content03 .flex .right {
    width: 55%;
}

.content03 .top_left .mainTit {
    width: 80%;
    margin-left: 5%;
}

.content03 .top_left .mainTit .en_tit{
	/* width: 70%; */
}

.content04 .text_area:before {
    height: 32%;
}

.gnav_flex {
    padding: 8% 0 17.858%;
}


.peo03_div .flex .text_area .fuki_text{
	top:-90px;
}

.peo03_div .flex .text_area .fuki_text:before{
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-top: 40px solid #ffffff;
	top:70%;
}

.cov3_div .text_area{
	margin-top:auto;
}

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

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

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

.contact_tb th, .contact_tb td{
	font-size: 1.6rem;
}

.contact_tb th {
    padding-left:5%;
}

.sld4_cont .name {
    margin: 0 auto -20px;
    min-height: 70px;
    font-size: 3rem;
}

#cover3{
	height: 70vh;
}

.cov3_div2 .img{
	width: 80%;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
	
	
		

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1000px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

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

.cov-div .ab_text {
	left: 58%;
}

.content01 .flex1 .left{
	width: 40%;
}

.content01 .flex1 .img{
	width: 60%;
}

.btn1 {
    height: 70px;
    font-size: 2.2rem;
}

.co3_list li:before{
	border-radius:30px;
}

.co3_list li .img img{
	border-radius: 30px;
}

.co3_list li{
	border-radius: 32px 32px 0 32px;
}

.content04 .text_area:before {
    height: 28%;
    display: none;
}


.content04 .img{
	width: 53%;
}

.btn2{
	height: 90px;
	font-size: 3rem;
	max-width: 400px;
}


.contact_area .flex .fuki{
	font-size: 2.6rem;
	padding:0 30px;
}

.contact_area .flex .fuki:before,
.contact_area .flex .fuki:after{
	width:3px;
	height:32px;
	bottom:0px;
}

.mainTit{width: 80%;}

.mainTit .en_tit{
	/* width: 67%; */
}

 .content03 .top_left {
    padding-top: 5%;
}


.co4a_div .flex .img{
	max-width:1000px;
	width: 50%;
}

.co4a_div .flex .text_area{
	max-width:566px;
	width: 48%;
}

.co4a_div .flex .text_area .title2{
	margin-bottom:6%;
}

/* .side_btn_area{
	bottom: 130px;
} */

.pagetop{
	right:20px;
	width:15px
}

.hd_list1 li{
	padding-left:26px;
}

.hd_list1 li:before{
	width:20px;
	height:20px;
}

.cov2_div {
    height: 300px;
}

.hLogo {
    max-width: 130px;
}

#cover2 .title{
	bottom:20px
}


.comp01_div .img{
	width: 80%;
}

.comp01_div .text_area{
	width: 45%;
	margin-left: -7.8%;
	padding: 10px;
	margin-top: 8%;
}

.bar_rela{
	padding: 40px 0 0px 30px;
}

.bar_rela:before{
	height:60px;
	width:3px;
	left: 16px;
}


.com3_div .flex .img{
	width: 60%;
}

.com3_div .flex .text_area{
	width: 44%;
}


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

.peo03_div .flex .text_area .fuki_text{
	top:-70px;
}

.peo03_div .flex .text_area .fuki_text:before{
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 20px solid #ffffff;
	top:85%;
}

.peo03_div {
    padding: 100px 0;
}

#cover3{
	min-height: 590px;
	padding-top: 100px;
	min-height: initial;
	padding-top: 0;
}

.int01_div .arrow span{
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 26px solid #1e9fea;
}


.int02_list1 li .title{
	font-size: 2rem;
}


.int02_list1 li:before{
	left: 6%;
	top: 8%;
}

.int02_list1 li:after{
	top: 0%;
}

.inttit1 .inttit1_flex .bar{
	min-width:100px;
}

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

.slider3a .sld3 .img .ab_text{
	right: 3.5%;
}
	
.cov3_div2 .text_area{
	padding: 3% 3%;
	width: 60%;
}

.on_img .img1 {
    bottom: 88%;
}

.contact_tb th, .contact_tb td{
	font-size: 1.5rem;
}

    .contact_tb th {
        padding-left: 4%;
    }

.contact_tb th label em{
	top:5px;
}

.rad_flex1,
.rad_flex2{
	margin-left:0;
}

.rex02_list1 li:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 17px solid #00d4f0;
    right: -10.5%;
}

.rex02_list1 li .step{
	top: -40px;
	font-size: 2rem;
}

.rex02_list1 li .step .num{
	margin-left:7px;
	font-size: 6rem;
}

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


.rex02_list1 li{
	border: 4px solid #EFF9FF;
	padding: 30px 3.5% 20px;
	width: 47%;
}

.rex02_list1 li .title{
	padding-bottom: 10px;
	margin-bottom: 12px;
}

.rec02_div {
    margin: 80px auto 0;
}
	.rec02_div .title1 {
    font-size: 3.5rem;
    top: -28px;
}

.rec02_div1{
	padding: 40px 20px 25px;
}

.rec02_div1 .title2{
	font-size:2.4rem;
}

.rec02_div1 .text1{
	font-size:1.6rem;
}

.rec02_div2{
	padding:20px 0 20px;
}

.rec02_div2 a{
	font-size:1.8rem;
}

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

.rec02_list2 li img {
    margin-right: 10px;
    width: 22px;
    margin-top: 2px;
}

    .recruit02:after {
        bottom: -6.5%;
    }

.qanda_list li .que,
.qanda_list li .ans{
	margin-right: 10px;
	width: 40px;
	height: 40px;
	font-size: 2rem;
	padding-bottom: 2px;
	padding-left: 0px;
}

.env02_list1 li:before {
    width: 27px;
    height: 25px;
    margin-right: 13px;
}

    .slider4_btn {
        width: 64%;
    }


.modal1 {
    padding: 12px 12px 30px;
    border-radius: 40px;
}

.swiper-button-next, .swiper-button-prev{
    width:60px!important;
    height:60px!important;
}

.swiper-button-next:after, .swiper-button-prev:after{
    width:60px!important;
    height:60px!important;
}

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

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

.modal__close-btn {
    right: -15px;
    top: -10px;
    width: 60px;
    height: 60px;
}

.lineClose {
    width: 60px;
    height: 60px;
}

.li14_div{
	width:49%;
}

.li14_div3{
	width:100%;
	margin: 2% auto 0;
}

.li14 .flex {
    margin: 4% auto 0;
}

.li10 .ab_text3 {
    top: 71%;
}
	
.li16 .img {
    max-width: 35px;
    margin: 3% auto 0;
}
	
.li16 .text2 {
        font-size: clamp(1.2rem, 1.5vw, 1.8rem);
    width: 90%;
}

.gnav_area {
    width: 95%;
}

 .cov3_div2 .img img{
	 transform: scale(1.2);
	}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1000px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc {
	display: none;
}

.sp {
	display: block;
}

nav li a {
	font-size: 1.5rem;
}
	
.hLogo .pc.wh{
	display:none!important;
}

a[href*="tel:"] {
	pointer-events: initial;
	cursor: pointer;
	text-decoration: none;
	}


.pc_nav{
	display:none;
}

#cover {
    padding: 17px 0 25px;
    background:url(./img/company/co1_sou1.png) no-repeat top;
    background-size: contain;
    margin-top: 60px;
	overflow: initial;
}

.cov-div{
	width: 100%;
	flex-direction:column;
	height: initial;
	overflow: initial;
	max-height: initial;
}


.cov-div .left{
	width: 90.234%;
	margin: 0 auto 30px;
}

.cov-div .right{
	width: 100%;
	margin-top: 43vw;
}

.sld1 {
	height: 58vw;
	border-radius: 30px;
}

.sld2{
	margin: 0 auto;
	width:95%;
}

.cov-div .title_area {
	bottom: auto;
	font-size: clamp(2rem, 7vw, 7.5rem);
	top: 60vw;
}

.cov-div .ab_text {
	left: auto;
	right: 10px;
	top: auto;
	bottom: 37%;
}


.headerUl {
    width: 48px;
    margin-left: auto;
}

.menuBtn{
	height: 48px;
}

.menuBtn p{
	bottom: 7px;
}

.hLogo{
	width: 48%;
	max-width: 205px!important;
	position: initial;
}

header{
	position: fixed;
	background: #ffffff;
	padding: 6px 14px;
	justify-content: space-between;
}

.content01{
	margin: 6vw  auto 0;
}

.top_flex{
	flex-direction:column;
	width: 95%;
	margin: 0 auto;
}

.top_left{
	max-width:initial;
	width: 100%;
	margin: 0 auto 85px;
	padding: 80px 0 0!important;
}

.top_right{
	max-width:initial;
	width: 100%;
	text-align: center;
}

.content01 .top_left {
	padding-top: 0%;
}

.top_left:before{
	width: 273px;
	left: -136.5px;
	height: 273px;
	max-width: initial;
	max-height: initial;
	top: 13px;
}

	.mainTit{
	font-size: clamp(1.9rem,4vw,3rem);
	max-width:initial;
	width: 100%;
	margin-left: 45px;
	align-items: flex-start;
}

.mainTit .en_tit{/* margin-bottom: 8px; */position: absolute;color: #E4E4E4;font-size: clamp(5rem, 10vw, 8rem);line-height: 1.25;left: 23.5%;border-bottom: 1px solid;width: 77%;top: 50%;left: 25%;}

.mainTit .ver{
	
}

.content01 .flex1 {
	flex-direction:column;
	margin-bottom: 60px;
}


.content01 .flex1 .left{
	width: 100%;
	max-width: initial;
	margin-bottom: 80px;
	text-align: center;
}

.content01 .flex1 .img{
	width: 80%;
	margin: 0 0 0 auto;
}


.content01 .flex1 .img img{
	border-radius:3vw;
}

.content01 .flex1 .img2{
	width: 60%;
	margin:10% auto 0 0;
}
	
.content01 .flex1 .img2 img{
	border-radius:10px;
}


.content01 .flex1 .left .text{
	font-size: clamp(1.5rem, 3vw, 1.8rem);
	text-align: left;
	width: 96%;
	margin: 32px auto 0;
}

.mainTit2{
	font-size: clamp(3rem,6vw,7rem);
}

.mainTit2 .en_tit{
	font-size: clamp(1.5rem,3vw,2.4rem);
	padding-right: 3%;
}

.content01 .flex1 .img:before{
	width: 16%;
	bottom: -8%;
	right: -4%;
}

.content01 .flex2{
	flex-direction:column-reverse;
}

.content01 .flex2 .left{
	width: 100%;
	margin:0 auto;
	text-align:center;
}

.content01 .flex2 .img{
	max-width:561px;
	width: 100%;
	margin:40px auto 0;
}

.content01 .flex2 .left .btn1{
	margin:30px auto 30px;
}


.content01 .flex2 .img:before{
	width: 18%;
	bottom: -5%;
}


.content02 .top_left .ab_text1{
	margin: 0%;
	max-width: 400px;
	width: 50%;
	position: absolute;
	bottom: 50%;
	left: auto;
	margin: auto;
	right:0;
	display: none;
}

.content02 .top_left .ab_img1{
	margin-left: 0;
	margin-top: 0;
	width: 80px;
	position: absolute;
	right: -5%;
	z-index: -1;
	bottom: -27%;
}

.content02 {
    margin: 20px auto 0;
}

.content02:before{
top: 16%;
}

.content02 .top_right .mainTit3 {
    margin: 24px 0 80px;
}

.content02 .top_right .slider_area3 .ab_text1{
	margin: 0 auto 30px;
	width: 80%;
}

.sld3 .img .off{
	transition:.4s;
	transition-delay: 1s;
}

.sld3 .img .on{
	transition:.4s;
	transition-delay: 1s;
}

.slick-center .sld3 .img .off{
	opacity:0;
}

.slick-center .sld3 .img .on{
	opacity:1;
}

.sld3 .img .ab_text {
    font-size: clamp(3rem, 10vw, 11.5rem);
}

.co2_list li{
	border-radius: 23px;
}
	
.co2_list li .img img{
	border-radius:20px;
}

.co2_list li:before{
	border-radius:20px;
}

.cont02_div {
    border-radius: 30px 0 0px 30px;
    padding: 40px 0;
}



.side_btn_area{
	bottom: 0px;
	flex-direction: initial;
	box-shadow: 0 0 10px #0000004d;
	display: none!important;
}

.side_btn{
	width: 50%;
	height: 60px;
	flex-direction: initial;
	border-radius: 0%;
	font-size:1.8rem;
}

.side_btn img{
	margin-bottom:0px;
	margin-right:8px;
}

.side_btn.bgblu{
	margin-bottom:0px;
	box-shadow: none;
}

.content03 {
    margin: 100px 0 0;
}

.content03 .top_left .mainTit{
	max-width: max-content;
	width: 100%;
	/* margin: 0 auto; */
	margin-left: 45px;
}

.content03 .flex{
	flex-direction:column;
	margin-bottom: 40px;
}

.content03 .flex .left {
    width: 100%;
    margin: 0 auto 80px;
    max-width: initial;
}

.content03 .flex .right {
    width: 100%;
	margin:0 auto;
}
	

.content03 .top_left .mainTit .en_tit{
	width: 70%;
}

.content03 .flex .left .mainTit3 {
    font-size: clamp(2rem, 2.4vw, 3.2rem);
    margin: 49px auto;
}

    .content03 .flex .left .text {
        font-size: clamp(1.5rem, 3vw, 1.8rem);
        margin: 32px auto 0;
        text-align: left;
    }

    .content03 .flex .right .mainTit3 {
        margin: 50px auto 0px;
        font-size: clamp(2rem, 4vw, 4rem);
        text-align:center;
    }

.co3_list{
	width: 95%;
	flex-wrap:wrap;
}

.co3_list li{
	max-width:initial;
	width:48%;
	margin-top:4%;
}

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

.content04 {
    margin: 80px auto 0px;
    padding: 0 0 80px;
}

.content04 .flex{
	flex-direction:column-reverse;
	width:95%;
	margin:0 auto;
	position:relative;
}

.content04 .img{
	width: 100%;
	margin-top: 0%;
}

.content04 .img img{
	border-radius:40px;
}

.content04 .text_area{
	max-width:initial;
	width: 100%;
	padding-top: 6%;
	margin: 0 auto 80px;
}
	
.content04 .text_area .text {
    font-size: clamp(1.6rem, 4vw, 2.5rem);
    margin-top: 30px;
}

.content04 .text_area .title{
	font-size: clamp(2rem, 4vw, 3.6rem);
	position:relative;
	padding: 32px 0;
}

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


.content04 .text_area .title .en_tit{
	width: 67%;
}

.content04 .btn1{
	margin:40px auto 0;
}

.btn2{
	font-size: 2.6rem;
	height:70px;
}
	
.btn2 > img{
	width:30px;
	left: 16px;
}

.btn2 > .arrow{
	width:30px;
	right: 16px;
}

.content01 .top_right,
.content02 .top_right{
    padding-top: 0%;
}

.cov-div .left:before{
	border-radius: 30px;
}

.content02:after{
	display:none;
}


.slick-active .sld1{
	animation-name: line_move;
	animation-duration: 5s;
	animation-fill-mode: forwards;
}

    .btn1 {
        height: 56px;
        font-size: 1.6rem;
        max-width: 249px;
    }


.btn1.bggre{
	border:2px solid #7ED03D;
	box-shadow:0 3px 0 #6BAF36;
}

.btn1.bgyel{
	border:2px solid #E5C526;
	box-shadow:0 3px 0 #D9BA1F;
}

.btn1.bgred{
	border:2px solid #D53162;
	box-shadow:0 3px 0 #C11A4C;
}

.btn1.bgblu{
	border:2px solid #0D88D0;
	box-shadow:0 3px 0 #0D76B4;
}

.btn1 .arrow {
    right: 10px;
    width: 26px;
}
	
.btn1 .arrow img{
}

.inner {
    width: 88.4%;
}

.co3_list.col3 li:after {
    border-top: 30px solid transparent;
}
	
.co3_list.col3 li.re_li:after{
	border-right: 30px solid #FF0852;
}

.co3_list.col3 li.gre_li:after{
	border-right: 30px solid #88DB47;
}

.co3_list.col3 li.blu1_li:after{
	border-right: 30px solid #00D4F0;
}

.co3_list.col3 li.blu2_li:after{
	border-right: 30px solid #1E9FEA;
}
.co3_list.col3 li.yel_li:after{
	border-right: 30px solid #FFD817;
}

.co3_list.col3 li .arrow{
	bottom: 4px;
	right: 3px;
}

.anker_area1 {
    padding: 40px 0;
}

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

.co4a_div{
	width: 88.4%;
	padding: 72px 0 70px;
	position: relative;
}

.co4a_div .flex {
    width: 100%;
    margin-bottom: 50px;
    margin-right: 0%;
	flex-direction:column;
}
	
	.co4a_div .flex .img{
	width: 102.34%;
	margin-left: -7%;
}

.co4a_div .flex .text_area{
	max-width:initial;
	width: 89.45%;
	margin: 62px auto 0;
}

.co4a_div .flex .text_area .title2{
	max-width: max-content;
	margin: 0 auto;
	text-align: left;
	font-size: clamp(3.2rem, 5vw, 6rem);
}

.co4a_div .flex .text_area .mainTit3{
	text-align:center;
	line-height: 2;
	margin: 49px auto;
	font-size: clamp(2rem, 2.4vw, 3.2rem);
}
	
.co4a_div .flex .text_area .text{
	line-height:2;
	max-width: initial;
}

.content04a {
    padding: 5.118% 0 0;
    margin: 60px auto;
}

.content04a .title{
	position: initial;
	width: 100%;
	margin-bottom: 25px;
	font-size: clamp(2.3rem, 4.5vw, 3.6rem);
}

.content04a .title .tit_span{
	position:initial;
	display:block;
	text-align: center;
}

.content04a .title .en_tit{
	font-weight: 700;
	position: absolute;
	top: 0;
	color: #E4E4E4;
	font-size: 5rem;
	line-height: 1.28;
	z-index: 1;
}

.content04a:before{
	z-index:1;
	width: 27%;
}

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

.ft_div .flex1{
	flex-wrap:wrap;
}

.ft_list{
	width:32%;
	margin-bottom: 16px;
}

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

.ft_list2{
	margin:0 auto;
}

.ft_div{
	padding:40px 0;
}

.ft_list li{
	margin-bottom: 6px;
	padding-left:15px;
}

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

    .pagetop {
        right: 5px;
        width: 15px;
    }

.hd_right{
	max-width:152px;
}

.sp_nav{
	display:flex;
	max-width: 100px;
	width: 80%;
	justify-content: space-between;
}

.content01 .mainTit2,
.content02 .mainTit2,
.content03 .mainTit2{
max-width: max-content;
margin: 0 auto;
}

.content01 .flex1 .left .mainTit3{
	margin:49px auto;
}

.gnav_flex{
	flex-direction:column;
	padding: 0 0 60px;
}

.hd_div{
	width:100%;
	padding: 20px;
	margin: 0 auto 30px;
}

.gnav_area{
	margin-top:60px;
	bottom: auto;
}

    .cov2_div {
        height: 200px;
    }

#cover2 .title{
	right:auto;
	left:5%;
}

.cov_sou:before{
	top: 13%;
	width: 70%;
	right: 5%;
}

.comp01_div{
	flex-direction:column;
}

.comp01_div .text_area{
	margin-left: auto;
	width: 60%;
	margin-top: -9%;
	margin-right: 2.5%;
}

.comp01_div .text_area .title{
	font-size: clamp(2.4rem, 4vw, 5rem);
	padding: 9% 6%;
}

.comp01{
	padding:100px 0 0;
}

.comp02 {
    padding: 80px 0 60px;
}

.comp02_div .arttit1 .en_tit{
	-ms-writing-mode: initial;
	writing-mode: initial;
	top: -26px;
}

.comp04_div .arttit1 .en_tit{
	-ms-writing-mode: initial;
	writing-mode: initial;
	top: 3.5%;
}

.comp02_div1 {
    margin-bottom: 60px;
}

.comp02_div2:before{
	top:2%;
}
	
.comp02_div2 .img1{
	margin-bottom:60px;
	width: 63%;
}

.comp02_div2 .img2{
	margin-bottom:60px;
	width: 58%;
}

.com3_div {
    padding: 3% 0 60px;
}

.com3_div .flex{
	flex-direction:column-reverse;
	margin-top: 40px;
}

.com3_div .flex .img{
	width: 90%;
	margin-left: 0;
	margin-right: auto;
	margin-top: 40px;
}

    .com3_div .flex .text_area {
        width: 90%;
		margin:0px auto 0;
    }

.comp04 {
    padding: 100px 0;
}

.comp04 .img {
    width: 90%;
    max-width: 500px;
}

.comp04 .text{
	margin:30px auto 50px;
}

.comp05_div{
	width:90%;
	border-radius:30px;
	padding: 5.2556% 0 40px;
}

.co5_list li{
	flex-direction:column;
	padding-top: 24px;
	font-size: 1.5rem;
	line-height: 1.8!important;
}
	
.co5_list li .left{
	margin-bottom: 6px;
	width: 100%;
	max-width: initial;
}

.co5_list li .right{
	max-width:initial;
	width:100%;
}

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

.comp02_div .bar_rela {
    margin-left: 5%;
}

.comp06 .flex{
	width:90%;
	flex-direction:column-reverse;
}

.comp06 .flex .img{
	max-width:502px;
	width: 80%;
	margin:50px auto 0;
}

.comp06 .flex .text_area{
	width:100%;
	padding-top: 0%;
	margin:0 auto;
	max-width:502px;
}

.comp06 .flex .text_area .text {
    margin-top: 30px;
	line-height:2.5;
}

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

.article .con_sld {
    height: 40vw;
}

.comp02.peo02{
	padding:80px 0 60px;
}

.peo02 .comp02_div .arttit1{
	width:90%;
}

.peo_div1{
	width:90%;
}

.peo02_list1 li {
    width: 48%;
    max-width: 377px;
    margin-bottom: 40px;
}

.peo02_list1 li .text2{
	margin:15px auto 0;
}

.more_btn{
	font-size:1.6rem;
	max-width: 80px;
	margin-top: 20px;
}

.more_btn img{
	width:30px;
}

.peo03 .title_area{
	flex-direction: column;
	padding: 20px 5% 40px;
	align-items: flex-start;
}

.peo03 .title_area .text{
	max-width:initial;
	margin:0 auto;
	width:100%;
	margin-top: 24px;
    line-height: 1.7;
    font-size: clamp(1.5rem, 2.1vw, 2.2rem);
}

.peo03_div .flex{
	width:100%;
	flex-direction:column-reverse!important;
}

.peo03_div .flex .img{
	width:85%;
	margin-right:auto;
}

.peo03_div .flex .text_area {
    max-width: initial;
    width: 90%;
    margin: 0 auto 50px;
    text-align:center;
}

.peo03_div .flex .text_area .fuki_text{
	position:relative;
	top:initial;
	padding: 12px 8px;
	max-width: 290px;
	font-size: 1.8rem;
	margin: 0 auto 20px;
}

.peo03_div .flex .text_area .text2{
	text-align:left;
}

.more_btn2{
	margin: 30px auto 0;
	height: 47px;
	max-width: 200px;
	font-size: 1.8rem;
}

.peo03_div .flex .title {
    margin: 30px 0 40px;	
}

.peo03_wrap .ab_text{
	top: 3.7%;
}

    .peo03_div {
        padding: 60px 0;
    }

.peo03_div2 .flex .img{
	margin-left:auto;
	margin-right:0;
}

.cov3_div .img{width: 30%;position: absolute;z-index: 1;bottom: 0;left: 0;}

.cov3_div .text_area{
	width: 80%;
	margin: 0 0 0 auto;
}

    #cover3 {
        min-height: initial;
        padding-top: 30px;
        padding-bottom: 15%;
        position: relative;
        margin-top: 60px;
        height: 56vh;
    }

.cov3_div{
	flex-direction:column-reverse;
	align-items: flex-start;
}

.cov3_div1 .title {
    font-size: clamp(2.2rem, 6vw, 2.4rem);
}


.cov3_div1 .flex .text1{
	font-size: clamp(3rem, 6vw, 8rem);
}

.cov3_div1 .flex .text2{
	font-size: clamp(1.6rem, 2.1vw, 2.8rem);
}


.int01_div1{
	border:2px solid #707070;
	border-radius:20px;
	width: 47%;
}

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

.int01_div1 .title_area{
	border-radius:14px 14px 0 0;
	padding:18px 16px 13px;
}

    .int01_div .arrow span {
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 18px solid #1e9fea;
    }

.int01 {
    padding: 80px 0 100px;
}

.int01_div{
	margin-bottom:60px;
}

.int01_flex{
	flex-direction:column!important;
	width: 90%;
	margin: 0 auto 60px;
	z-index: 1;
}

.int01_flex .text_area{
	max-width:initial;
	width:100%;
}

.int01_flex1:before{
	z-index:-1;
	top: auto;
	bottom: -6%;
}

.int01_flex .img{
	margin-left:auto;
	margin-top:50px;
	width: 85%;
	margin-right: -7%;
	max-width: 600px;
}

.int01_flex.int01_flex2 .img {
    margin-right: auto;
    margin-left: -7%;
	max-width: 600px;
	width: 85%;
}

.int01_list1 li .title1 .num{
	margin-right: 8px;
}

.int01_flex2:before{
	bottom:-5%
}

.int01_flex.int01_flex3{
	margin-bottom:0;
}

.int02_div{
	width:90%;
	border-radius:30px;
	padding: 50px 0;
}

.int02_div .flex{
	width:90%;
	flex-direction:column;
}

.int02_div .flex .left{
	max-width:initial;
	width: 100%;
}

.int02_div .flex .right{
	max-width:initial;
	width: 100%;
	margin:50px auto 0;
}

.int02_div .img_area{
	display:flex;
	justify-content:space-between;
	margin-top:50px;
}
	
.int02_div .img_area .img{
	width:48%;
}

.inttit1 .inttit1_flex .bar{
	min-width:70px;
	margin-right:10px;
}

.int03 .flex{
	width:90%;
	flex-direction:column;
}

.int03 .flex .text_area{
	max-width:initial;
	width: 100%;
	padding-top: 0%;
}

.int03 .flex .img{
	width: 50%;
	margin:10px 0 0 auto;
	max-width:300px;
}

.int03 {
    padding: 60px 0;
}

.int04 .slider_area_int {
    margin-top: 40px;
}

.int04 {
    padding: 0 0 80px;
}

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

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

#cover3.talk_cov{
padding-bottom: 0;
}

.cov3_div2 .text_area{
	padding: 2% 3%;
	width: 75%;
	bottom: 5%;
	max-width: 400px;
}


.talk01 {
    padding: 100px 0;
}


.talk01_list1{
	/* margin: 0px auto 0; */
	/* flex-direction: column; */
	flex-wrap: wrap;
}

.talk01_list1 li{
	width: 48%;
	max-width:506px;
	border-radius:30px;
	padding: 20px 20px 60px;
	margin: 20px auto;
}

.talk01_list1 li .tri{
	width: 42%;
}

.talk01_list1 li .ab_text {
    font-size: clamp(3.8rem , 10vw, 6rem);
}

.talk02_list1 li .img_area{
	width:70px;
	margin-right:40px;
	font-size: 2rem;
}

.on_img .img1{
	position:initial;
	margin-left:auto;
	width: 90%;
	display: flex;
	max-width: 600px;
	margin-bottom: 60px;
}
	
	.on_img .img1 .slider_co1{
	width:100%;
}

.talk02_div.on_img .title_area .title {
    max-width: initial;
    width: 100%;
	padding:0 5%;
}

.talk02_div .title_area{
	width:100%;
	margin-bottom: 40px;
}

.talk02_title{
	margin:0 auto;
	width:90%;
	padding-bottom: 80px;
}

.talk02_div:before{
	width: 85%;
	height: 60vw;
	max-height: 300px;
	top: -3%;
}

.talk02_list1 li .text_area {
    border-radius: 15px;
    font-size: 1.4rem;
    padding: 20px 16px;
}


.talk02_list1 li .text_area:before{
	left: -19px;
	top: 15px;
	width: 20px;
	filter: drop-shadow(-7px 0px 5px #00000029);
}

.talk02_list1 li{
	margin-top: 40px;
}

.talk02_div .img_cont1 {
    margin-top: 60px;
}

.talk02 {
    padding-bottom: 0px;
}

.talk02_div.no_img .title_area {
	width:90%;
	margin:0 auto 40px;
}

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

.talk02_div2 {
    padding-bottom: 100px;
}

.talk02_div {
    padding: 0px 0 100px;
}

.talk02_div1 {
    margin-bottom: 60px;
}

.talk03 .title_area {
    padding: 30px 5%;
}

.contact_tb th, .contact_tb td{
	font-size: 1.6rem;
	display:block;
	width:100%;
}

.contact_tb th{
	padding:16px 0 10px;
	border-bottom:none;
} 

.contact_tb td{
	padding:0 0 16px;
}

.entry01_div {
    border: 3px solid #E8E9F1;
    padding: 24px 20px 40px;
}

.rad_flex2 > span {
    margin-top: 16px;
}

.privacy_area {
    margin: 30px auto 30px;
}

.send_btn {
    max-width: 300px;
}

.clearForm, .clearForm2, .toHome{
	height:60px;
	font-size:1.8rem;
}

.contact_tb th label{
	display:flex;
	align-items:flex-start;
}
	
.contact_tb th label em{
	position:initial;
	margin-top:6px;
	margin-right:8px;
}

.contact_tb .text2 {
    margin-top: 8px;
}

.entry01 {
    padding: 80px 0 100px;
}

#cover2{
	margin-top:60px;
}


.rec01_list1 li{
	padding: 24px 0;
	flex-direction:column;
}


.rec01_list1 li .left{
	max-width:initial;
	width: 100%;
	padding-bottom:16px;
}

.rec01_list1 li .right{
	max-width:initial;
	width: 100%;
}

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

.rec01_div1 {
    padding: 20px 2.5% 20px;
}

.recruit01 {
    padding: 80px 0;
}

.recruit01 .inttit1 {
    margin: 0 auto 60px;
}

.recruit01 .tab-area .tab .text{
	font-size: clamp(1.4rem, 3vw, 3.5rem);
	border-radius: 15px 15px 0 0;
	padding: 8px 0;
}

.recruit01 .tab-area .tab .text span {
    height: 30px;
    font-size: clamp(1rem, 1.6vw, 1.8rem);
    width: 95%;
    margin-top: 4px;
    text-align: center;
}

.recruit02 {
    padding: 80px 0;
}

.rex02_list1 li:before{
	right: -12%;
}

    .rec02_div1 .text1 {
        font-size: 1.5rem;
    }
	
    .recruit02:after {
        bottom: -4.5%;
    }

.recruit03{
	padding:80px 0 100px;
}


.qanda_list dt .pulu{
	right: 5px;
	width: 20px;
	height: 20px;
}

.qanda_list dt .pulu span{
	width: 20px;
	height: 2px;
}

    .qanda_list li .que, .qanda_list li .ans {
        width: 28px;
        height: 28px;
        font-size: 1.6rem;
        margin-right: 8px;
    }

.inner3{
	width:90%;
}

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

.rex02_list1 li:last-child:before{
	display:none;
}

.env02 {
    padding: 80px 0 30px;
}

.env02_div1{
	margin: 40px auto 0;
	width:90%;
}

.env02_div1 .title1{
	margin-bottom: 40px;
}

.js-scrollable{
	overflow-x: scroll;
}

.js-scrollable .img{
	width: 800px;
	padding-bottom: 10px;
}
.env02_div2 {
    margin: 80px 0 0;
    width: 100%;
	flex-direction:column;
}

.env02_div2 .text_area {
    max-width: initial;
    width: 90%;
    margin: 0 auto 40px;
}

.env02_div2 .img {
    max-width: max-content;
    width: 95%;
    margin:0 auto;
}

.env02_div3 {
    margin: 80px auto 0;
    width: 90%;
    padding: 30px 0;
    border: 3px solid #F4F5FF;
    border-radius: 30px;
}

.env02_div3 .title3 {
    font-size: clamp(2rem, 3vw, 3.8rem);
    top: -20px;
}

.env02_list1 li {
    margin-top: 20px;
    font-size: clamp(1.6rem, 3vw, 2.8rem);
}

	.env03_list1 li{
	margin-bottom: 30px;
	padding: 20px 20px;
	border-radius:30px;
	flex-direction:column;
	align-items: center;
}

.env03_list1 li .step{
	margin-right: 0%;
}


.env03_list1 li .text{
	max-width:initial;
	font-size: clamp(1.5rem, 2.4vw, 2.5rem);
	line-height: 1.85714;
}

.env03 .title{
	margin-top: 40px;
}

.env03_div{
	padding: 40px 0;
	margin: 40px auto 0;
}

.env03 {
    padding: 60px 0 60px;
}

.slider4_btn {
	width: 77%;
	top: 13%;
}


.sld4_cont .name {
	margin: 0 auto -10px;
	min-height: 55px;
	font-size: 2rem;
}

.swiper-button-next, .swiper-button-prev{
    width:50px!important;
    height:50px!important;
}

.swiper-button-next:after, .swiper-button-prev:after{
    width:50px!important;
    height:50px!important;
}

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

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

.modal__close-btn {
    width: 50px;
    height: 50px;
}

.lineClose {
    width: 50px;
    height: 50px;
}

.env01 .arttit1{
	width:90%;
}
	
.env01_list{
	width:90%;
}

.env01_list{
	justify-content:space-between;
}

.env01_list.env01_list2{
	justify-content: flex-end;
}
	
.env01_list > li{
	width:48%;
	margin-right:0;
	border-radius: 15px;
	height: 48vw;
	margin-top: 30px;
}

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

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

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

/* data */

.env01_list > li .title {
    font-size: clamp(1.5rem, 3vw, 2rem);
    padding-top: 10px;
}

/* li1 */

.li1 .text1 img {
    padding-bottom: 0px;
}

.li1 .img1 {
    width: 88%;
}

/* li2 */
.li2_div .ab_text{
	font-size: clamp(1rem, 2vw, 1.8rem);
}

.li2_div .ab_text .big{
	font-size: clamp(2.4rem,7vw, 6.8rem);
}

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

.li2_div{
	padding: 4% 0 30%;
}

.li2_div .img {
    width: 43%;
}

/* li3 */

.li3 .flex p {
    font-size: clamp(1.4rem, 3vw, 2.4rem);
}

.li3 .flex p .big{
	font-size: clamp(3.4rem,8vw, 8.8rem);
}

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

/* li5 */

.li5 .img{
	width: 35%;
}

.li5 .text1{
	font-size: clamp(2.4rem,4vw, 5rem);
}

.li5 .text1 .big{
	font-size: clamp(4rem,9vw, 12rem);
}

/* li6 */

.li6_div{
	width: 89%;
	margin: 9% auto 0;
	padding: 13.8% 0 7.24%;
}

.li6_div .img{
	width: 50%;
}

.li6_div .ab_text{
	font-size: clamp(1rem, 2vw, 1.8rem);
}

.li6_div .ab_text .big{
	font-size: clamp(2.4rem,6vw, 6.8rem);
}

.li6_div .ab_text .mid{
	font-size: clamp(1.2rem,3vw, 2.8rem);
}

.li6_div .ab_text1{
	left:0;
	top:0;
}

.li6_div .ab_text2{
	right: 0;
	top: 11%;
}

.li6_div .ab_text3{
	bottom: 2%;
	left: -3%;
}


/* li7 */
.li7 .ab_text{
	height: 17.7vw;
	font-size: clamp(1.2rem, 3vw, 2rem);
	width: 41%;
}

.li7 .ab_text1{right: 26.64%;top: 58.8%;}

.li7 .ab_text2{right: 7.16%;top: 21.64%;}

.li7 .ab_text3{
	left: 7%;
	top: 25.3%;
}

.li7 .ab_text .big{
	font-size: clamp(2.4rem,6vw, 7.8rem);
}

.li7 .ab_text .mid{
	font-size: clamp(1.2rem, 3vw, 2.1rem);
}


/* li8 */

.li8 .img{
	width: 17%;
}

.li8 .text1{
	font-size: clamp(2rem,5vw, 5rem);
	
}

.li8 .text1 .big{
	font-size: clamp(4rem,9vw, 12rem);
}

/* li9 */

.li9 .text1{
	font-size: clamp(2rem,5vw, 5rem);
	
}

.li9 .text1 .big{
	font-size: clamp(4rem,9vw, 12rem);
}


/* li10 */

.li10 .ab_text{
	position:absolute;
	
}

.li10 .ab_text1{
	top: 18%;
	left: 3%;
}

.li10 .ab_text1 img{
	width: 20%;
}

.li10 .ab_text2{
	top: 47%;
	right: 5%;
}

.li10 .ab_text2 img{
	width: 20%;
}

.li10 .ab_text3{
	top: 73%;
	left: 3%;
}

.li10 .ab_text3 img{
	width: 20%;
}


.li10 .ab_text .text1{
	font-size: clamp(1.2rem, 2.4vw, 2rem);
}

.li10 .ab_text .text2{
	font-size: clamp(1.5rem,4vw, 3.6rem);
}

.li10 .ab_text .text2 .big{
	font-size: clamp(2rem,6vw, 8.8rem);
}


/* li11 */

.li11 .flex .left{
	font-size: clamp(2.4rem,5vw, 5rem);
}

.li11 .flex .left span{
	font-size: clamp(4rem,9vw, 12rem);
	margin-right: 4px;
}


/* li12 */
.env01_list21 {
    margin: 6% auto 0;
    width: 90%;
}

.env01_list21 li .text1{
	font-size: clamp(1.4rem, 3.2vw, 2.4rem);
	width: 56%;
}

.env01_list21 li .text2{
	font-size: clamp(1rem,4vw, 2.9rem);
	margin-left: 1%;
}

.env01_list21 li .text2 span{
	font-size: clamp(1.8rem,6vw, 7.1rem);
}

/* li13 */


.li13_div .text1{
	font-size: clamp(1.4rem, 4vw, 2.4rem);
}

.li13_div .text2{
	font-size: clamp(1.8rem,4vw, 3.6rem);
}

.li13_div .text2 span{
	font-size: clamp(3rem,8vw, 10rem);
}

.li13 .img{
	width: 95%;
}

/* li14 */
.li14 .flex{
	margin: 10.967% auto 0;
}

.li14_div{
	width: 49%;
	padding: 2% 0;
}


.li14_div3{
	width:100%;
	margin: 2% auto 0;
	padding-left: 5%;
	align-items: center;
	padding-right: 5%;
}


.li14_div .title2{
	font-size: clamp(1.6rem,4vw, 3.6rem);
}

.li14_div .text1{
	font-size: clamp(1.1rem,2vw, 2rem);
}

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

.li14_div .text2{
	font-size: clamp(1.2rem,3vw, 3.6rem);
	display: flex;
	align-items: baseline;
	justify-content: center;
}

.li14_div .text2 .ver{
	font-size: clamp(1rem,2.4vw, 1.8rem);
	margin-right: 3px;
}

.li14_div .text2 .big{
	font-size: clamp(2.6rem,6vw, 8.8rem);
}

/* li15 */

.li15 .text1{
	font-size: clamp(2rem,4vw, 5rem);
}

.li15 .text1 .big{
	font-size: clamp(3.4rem,8vw, 12rem);
}

.li15 .text2{
	font-size: clamp(1.2rem, 3vw, 2.1rem);
	width: 76%;
}

.li15 .text2 span{
	font-size: clamp(1rem,2vw, 1.8rem);
}

/* li16 */
.li16 .text1{
	font-size: clamp(2rem,4vw, 5rem);
}

.li16 .text1 .big{
	font-size: clamp(3rem,9vw, 12rem);
}


/* data_area_end */


/* .env01_div1 .img_area {
    padding: 50px 0 0;
    margin-bottom: 60px;
    width: 96%;
}
 */
	
.env01_div1 .img_area {
    padding: 170px 0 0;
    margin-bottom: 60px;
    width: 88%;
}
	
.env01 .arttit1 .bar_rela span {
	display:block;
    margin-left: 0px;
}

.env01_div2 .img_area {
    width: 98%;
/* 	    width: 80%; */
    padding: 50px 0 0;
}

.slider4_area {
    margin: 60px auto 0;
}


.thanks_area{
	font-size:1.5rem;
}
.sld3 .text1{
		text-align: left;
}
	.content03 .left .text{
	width:96%;
}
.comp02_div .text1 {
    line-height: 1.857;
}
.comp05_div .left .text1 {
text-align: center;
        border-bottom: 1px solid #333;
        display: block;
        margin: 0 auto;
}
/*  FOOTER */
.ft_div {
    background-size: 1300px; /* 背景画像の幅を50%に縮小 */
    background-repeat: repeat-y;
}

.talk .btm_txt{
	font-size: 2rem;
	font-weight: 800;
	text-align: center;
	margin: 0vh auto 10vh;
	width: 90%;
}
	
.li16 .img {
    max-width: 45px;
    margin: 8% auto 0;
}
	
.li16 .text2 {
    font-size: clamp(1.2rem, 2vw, 1.8rem);
    width: 80%;
}

.content03 .flex .right .img img {
 border-radius: 3vw;
}
	
.img_cont1 img{
	border-radius:3vw;
}
	
.env01_div2 .img_area  img{
	border-radius:3vw;
}

ul.f-group {
	justify-content:center;
	flex-wrap:wrap;
}
ul.f-group li  {
    width: 24%;
	margin:0 auto;
}

.priv01 {
    padding: 80px 0 60px;
}

.priv_list01{
	margin-top:50px;
}

.priv_list01 > li{
	margin-top:30px;
}
	
body{
	font-size:1.6rem;
}

.comp04 .title {
	margin-top:30px;
}

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

.comp04_list1 li{
	width: 100%;
	max-width:initial;
	margin-bottom: 40px!important;
}

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


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

.comp04_list1 li .text2{
	font-size: 1.5rem;
	max-width: initial;
	margin: 12px auto 0;
}


.co3_list li:before{
	border-radius:20px;
}

.co3_list li .img img{
	border-radius: 20px;
}

.co3_list.col2 li:before{
	border-radius:30px;
}

.co3_list.col2 li .img img{
	border-radius: 30px;
}

.peo_div1 .text3{
    line-height: 1.7;
    font-weight: 400;
    font-size: clamp(1.5rem, 2.1vw, 2.2rem);
}

.env01 .arttit1 .en_tit{
	-ms-writing-mode: initial;
	writing-mode: initial;
}

.env01_div1 .img_area p{
	font-size:1.4rem;
}
	
.env02 .arttit1{
	position:relative;
	padding-top:10px;
}

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

.env02_list1 {
    margin-top: 0px;
}
	
    .cov3_div2 .img {
        width: 100%;
    }	

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

.privacy_area input {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.privacy_area label {
    font-size: 1.5rem;
}
	
	.map_link{
	display:inline;
}

 .cov3_div2 .img img{
	 transform: scale(1.1);
	}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 591px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc2, .pcTel {
	display: none;
}

.sp2 {
	display: block;
}

.spTel  {
	display: inline;
}


/*-- テーブル --*/

table {
	width: 100%;
}


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

#pageTop {
	display: none !important;
}


/* フッター
----------------------------------------------------------- */

.sp nav {
	margin: 0 auto;
	background: #329026;
}


.sld1 {
/* 	height: 100vw; */
	border-radius: 20px;
/* 	min-height: 510px; */
}

.btn2{
	font-size: 1.8rem;
	height: 50px;
	max-width: 260px;
}

.contact_area .flex .fuki{
	font-size: 1.8rem;
	padding:0 20px;
}

.contact_area .flex .fuki:before,
.contact_area .flex .fuki:after{
	width:2px;
	height:24px;
	bottom:0px;
}
	
.btn2 > img{
	width: 26px;
	left: 8px;
}

.btn2 > .arrow{
	width: 24px;
	right: 8px;
}

.ft_div .flex .left {
    width: 100%;
    margin-left: 3.3%;
    flex-direction:column;
    align-items: center;
}

.ft_div .flex .right{
	position:absolute;
	right:0;
	top: 10px;
	padding: 0;
}

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

.ft_div1 {
    /* max-width: 328px; */
    width: 100%;
}


.co2_list{
	width: 90%;
	flex-direction:column;
}

.co2_list li{
	width:100%;
	margin:0 auto 16px;
	border-radius: 26px;
}
	
.co2_list li:last-child{
	margin:0 auto;
}

.content02 .top_left .ab_text1{
	bottom:58%;
}

.co2_list li .img{
	width:100%;
	height:40vw;
}
	
.co2_list li .img img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: top;
}
	

.ft_div .flex1{
	max-width:400px;;
	margin:0 auto;
}

    .ft_list {
        width: 49%;
        margin-bottom: 8px;
    }

    .cov_sou:before {
        width: 75%;
        max-width: 300px;
    }


.comp01_div .text_area{
	width: 85%;
	max-width: 320px;
}

    .comp01_div .text_area .title {
        padding: 9% 3%;
    }
	
.peo03_wrap .ab_text{
	top: 4.3%;
}

    .cov3_div .img {
        width: 47%;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: -6%;
    }

    .cov3_div .text_area {
        width: 96%;
        margin: 0 0 0 auto;
    }

	    .cov3_div1 .title {
        font-size: clamp(2.2rem, 6vw, 2.8rem);
        font-size: 1.8rem;
        width: 70%;
        margin: 0 0 0 auto;
    }


.int01_div{
	flex-direction:column;
}

.int01_div1{
	width: 100%;
}

.int01_div1 .title_area{
	border-radius:14px 14px 0 0;
	padding:18px 16px 13px;
}

.int01_div .arrow{
	margin:20px auto;
}
	
    .int01_div .arrow span {
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 20px solid #1e9fea;
  border-bottom: 0;
    }

.int01_div1 .text_area {
    padding: 20px 20px 30px;
}

.int01_div1 .text_area .text2{
	margin-top:6px;
}

    .int02_list1 li .title {
        font-size: 1.8rem;
    }

.int02_list1 li:after{
	width:17px;
	height:17px;
	left: -11px;
}

.int02_list1 li:before{
	top: 12px;
	left: 7%;
}


.cov3_div2 .text_area{
	padding: 10px 20px;
	width: 75%;
	flex-direction:column;
	align-items:flex-start;
	max-width:300px;
}

.cov3_div2 .text_area .title{
	line-height:1.2
}

    .talk02_list1 li .img_area {
        width: 50px;
        margin-right: 30px;
        font-size: 1.8rem;
    }

    .contact_tb th, .contact_tb td {
        font-size: 1.5rem;
	}

.rad_flex{
	flex-direction:column;
}

.rad_flex > span{
	width:100%;
	margin-top: 10px;
}

.rad_flex > span:nth-child(2){
	margin-top: 10px;
}

.contact_tb .text2 {
    font-size: 1.2rem;
}

.rex02_list1 li{
	width:100%;
	margin-top: 80px;
	padding: 30px 20px 30px;
}

.rex02_list1 li:before{
	right:0;
	left:0;
	margin:0 auto;
	bottom: -40px;
	top: auto;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 17px solid #00d4f0;
	border-bottom: 0;
}


.rec02_div {
    margin: 40px auto 0;
    max-width: 350px;
}
	.rec02_div .title1 {
    font-size: 3rem;
    top: -20px;
}

.rec02_div1{
	padding: 40px 20px 25px;
}

.rec02_div1 .title2{
	font-size:1.8rem;
}

.rec02_div1 .text1{
	font-size:1.5rem;
}

.rec02_div2{
	padding:10px 20px;
}

.rec02_div2 a{
	font-size:1.5rem;
	flex-direction:column;
	align-items:center;
}

.rec02_div2 a img{
	margin-left:0px;
	width:24px;
	margin-top:8px;
}


    .recruit02:after {
        bottom: -1.8%;
    }


.top_left:before{
	top: -8px;
}


.slider4_btn div {
	width: 40px;
}

.sld4_cont .name {
	margin: 0px auto 0px;
	min-height: 40px;
	font-size: 1.6rem;
	border: 2px solid #333333;
}
	
.slider4 .sld4 img{
	border-radius:30px;
}

.sld4_cont .name:before {
    width: 41px;
    height: 16px;
    bottom: -12px;
}

    .modal1 {
        border-radius: 30px;
		
    }

.modal__content {
    width: 100%;
}


.swiper-button-next, .swiper-button-prev{
    width:40px!important;
    height:40px!important;
}

.swiper-button-next:after, .swiper-button-prev:after{
    width:40px!important;
    height:40px!important;
}

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

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

.modal__close-btn {
    width: 40px;
    height: 40px;
}

.lineClose {
    width: 40px;
    height: 40px;
}

.modal{
	padding:20px;
}
	
.li14 .flex{
	margin: 5% auto 0;
}
    .li16 .img {
        max-width: 30px;
        margin: 3% auto 0;
    }
	
    .li16 .text2 {
        font-size: clamp(0.9rem, 2.5vw, 1.8rem);
        width: 90%;
    }

.ft_list li a {
    font-size: 1.3rem;
}

    .cov2_div {
        height: 130px;
    }

    #cover3 {
        height: 100vw;
    }

    .cov3_div1 {
        padding: 12.78% 3% 6.269% 5%;
    }

.cov3_div1 .title br{
	display:none;
}

    .li15 .text2 {
        width: 80%;
    }

 .cov3_div2 .img img{
	 transform: scale(1.3);
	}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
.content03 .top_left .mainTit{
    margin-left: 25px;
}

.mainTit .en_tit{
	left: 75px;
	width: 70%;
}

    .top_left:before {
        width: 240px;
        left: -120px;
        height: 240px;
        top: 0px;
    }

.mainTit{
	margin-left: 25px;
}

    .cov3_div1 .title {
        width: 74%;
    }
	

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 320px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */