@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');

:root{
	--blue:#004EA2;
	--red:#F10007;
	--gradient-red:linear-gradient(90deg, #F795F4, #F10007);
	--gradient-blue:linear-gradient(90deg, #004BD6, #93F7D6);
	--gradient-blue2:linear-gradient(270deg, #004BD6, #93F7D6);
}
html {
	/* firefox　スクロールバー対策 */
	overflow-y:scroll;
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	background-image: none;
}
body{
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", sans-serif;
	color: #231815;
	background-color: #F7F9FC;
	font-size: 1.5rem;
	*font-size:small;
	*font:x-small;
	font-weight: 400;
	line-height: 1.7;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0.02em;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
	position: relative;
	overflow-x: hidden;
}

.sp {display:none;}
.pc {display:block;}

@media screen and (max-width: 736px) {
	body{font-size: 1.4rem;}
	.sp {display:block;}
	.pc {display:none;}
}

:root{
	scroll-behavior: smooth;
	scroll-padding-top: 160px;
	overflow-x: hidden;
}
img {
	max-width: 100%;
	width: 100%;
}
div, section, a, h1,h2,h3,h4,h5,h6,p,ul,ol,li{
	box-sizing: border-box;
}
img,iframe{
	vertical-align: bottom;
	border-style: none;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
a{
	color: var(--blue);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-tranPerformersition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
a:link {
	text-decoration: none;
	outline: none;
	color: var(--red);
}
a:visited {
	color: var(--red);
}
a:hover {
	color: var(--red);
	opacity: 0.8;
}
h1,h2,h3,h4,h5,h6{
	font-weight:500;
}
.wrap{
	width: auto;
	max-width: 1200px;
	min-width: 900px;
	margin: auto;
	position: relative;
	padding: 0 1rem 1rem 1rem;
}
@media screen and (max-width: 736px) {
	.wrap{
		width: 100%;
		max-width: auto;
		min-width: auto;
		padding: 0 1rem 1rem 1rem;
	}
}
img{
	width: 100%;
	vertical-align: bottom;
}
.min{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.eng{
	font-family: "Oswald", Avenir, 'Helvetica neue', Helvetica, Arial, sans-serif;
}


/* header -----------------------------------------------*/
#header{
	width: 100%;
	padding: 1rem 0;
	position: fixed;
	top:0;
	z-index: 10;
	box-sizing: border-box;
	background: #ffffffdd;
}
#top #header .wrap{
	padding: 0 1rem 1rem 1rem;
}
#header h1.logo{
	line-height: 1;
}
#header h1.logo img{
	width: 140px;
}
#header h1.logo span{
	font-size: 1.5rem;
	font-weight: 500;
	margin-left: 2rem;
	letter-spacing: 0.2rem;;
}
#header .btn{
	position: absolute;
	top:0;
	right: 1rem;
}
#header .btn a{
	color: #fff;
	display: inline-block;
	padding: .5rem 2rem;
	min-width: 160px;
	border-radius: 50px;
	text-align: center;
	position: relative;
	font-weight: 500;
}
#header .btn .blue{
	background-color: var(--blue);
}
#header .btn a::after{
	content: "";
	display:inline-block;
	width: 13px;
	height: 3px;
	background-image: url(../../images/arrow_white.png);
	background-size: cover;
	position: absolute;
	margin: auto;
	top:0;bottom:0;right:1rem;
}
#header .btn .black{
	background-color: #000;
	margin-left: 1rem;
}

@media screen and (max-width: 736px) {
	#header h1.logo img{
		width: 120px;
	}
	#header h1.logo span{
		font-size: 1rem;
		margin-left: 1rem;
	}
	#header .btn{
		display: none;
	}
}

.link-contact{
	position: fixed;
	top:260px;
	right: 0;
	z-index: 10;
}
.link-contact a{
	background-color: #45B035;
	padding: 2rem 1rem;
	writing-mode: vertical-rl;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	color: #fff;
	font-size: 2rem;
	width: 54px;
}
@media screen and (max-width: 736px) {
	.link-contact{
		position: fixed;
		top:auto;
		bottom: 0;
		right: 0;
		width: 100%;
	}
	.link-contact a{
		width: 100%;
		margin: auto;
		background-color: #45B035;
		padding: 1rem 4rem;
		writing-mode:horizontal-tb;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		color: #fff;
		font-size: 1.4rem;
		display: block;
		text-align: center;
	}
}

/* navi -----------------------------------------------*/
.h-navi{
	list-style: none;
	padding: 0 2rem;
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	background-color: #fff;
	border-radius: 50px;
	align-items: center;
	box-shadow: 3px 3px 3px #0000004D;
	color: var(--blue);
}
.h-navi li{
	flex-grow: 1;
	text-align: center;
}
.h-navi li.head a{
	color: #000;
}
.h-navi li a{
	color: var(--blue);
	padding: 1.5rem 1rem;
	display: block;
}
.h-navi li a:hover{
	color: var(--red);
}
@media screen and (max-width: 736px) {
	.h-navi li.btn{
		position: static !important;
		border: none;
		margin: 2em auto;
	}
}


/* foooter -----------------------------------------------*/
#footer{
	background-color: var(--blue);
	padding: 6rem 0 0 0;
	color: #fff;
	position: relative;
}
#footer .wrap{
	padding: 0 1rem 0 1rem!important;
}
#footer .logo img{
	width: 140px;
}
#footer .name{
	font-size: 1.5rem;
	font-weight: 500;
	margin-left: 2rem;
	letter-spacing: 0.2rem;
	display: inline-block;
	font-weight: 400;
}
#footer .link a{
	display: block;
	width: 300px;
	background-color: #fff;
	color: var(--blue);
	text-align: center;
	padding: .5rem;
}

#footer .btn{
	position: absolute;
	top: 1rem;
	right: 1rem;
}
#footer .btn a{
	background-color: #fff;
	display: inline-block;
	padding: .5rem 2rem;
	min-width: 160px;
	border-radius: 50px;
	text-align: center;
	position: relative;
	font-weight: 500;
}
#footer .btn .blue{
	color: var(--blue);
}
#footer .btn .blue::after{
	content: "";
	display:inline-block;
	width: 13px;
	height: 3px;
	background-image: url(../../images/arrow_blue.png);
	background-size: cover;
	position: absolute;
	margin: auto;
	top:0;bottom:0;right:1rem;
}
#footer .btn .black{
	margin-left: 1rem;
	color: #000;
}
#footer .btn .black::after{
	content: "";
	display:inline-block;
	width: 13px;
	height: 3px;
	background-image: url(../../images/arrow_black.png);
	background-size: cover;
	position: absolute;
	margin: auto;
	top:0;bottom:0;right:1rem;
}

#footer .f-navi{
	position: absolute;
	bottom:0;
	right: 1rem;
	list-style: none;
	display: flex;
	justify-content: right;
	text-align: center;
}
#footer .f-navi li{
	display: block;
}
#footer .f-navi li a{
	color: #fff;
	text-align: center;
	padding: 0 2rem;
	display: inline-block;
}
#footer .copyright{
	text-align: center;
	font-size: 13px;
	color: #fff;
	background-color: #231815;
	margin: 6rem 0 0 0;
	padding: 1rem;
}
#footer .obj.circle.small{
	top:-120px;
	right:2rem;
}

.obj.circle.small{
	width: 100px;
	position: absolute;
}
.obj.circle{
	width: 185px;
	position: absolute;
}



#footer .sns-area{
	position: absolute;
	top:0;
	right: 0;
	top:80px;
}
#footer .sns-area a.icon{
	display: inline-block;
	width:30px;
	margin: 0 5px;
}

.gototop{
	padding-bottom: 2rem;
	position: fixed;
	right: 2rem;
	bottom: 0;
	width: 117px;
	z-index: 2;
}
@media screen and (max-width: 736px) {
	#footer{
		padding: 4rem 0 0 0;
		text-align: center;
	}
	#footer .logo{
		width: 200px;
		margin: auto;
	}
	#footer .name{
		font-size: 18px;
	}
	#footer .link a{
		margin: auto;
	}
	#footer .f-navi{
		display: none;
	}
	#footer .btn{
		position: static;
		text-align: center;
		padding: 0;
		margin: 0;
		width: 100%;
		text-align: center;
	}
	#footer .btn a{
		margin: auto;
	}
	#footer .copyright{
		text-align: center;
		font-size: 1.2rem;
		margin: 0;
		padding-bottom: 6rem;
	}
	
	#footer .sns-area{
		position: absolute;
		top:0;
		right: 0;
		top:80px;
	}
	#footer .sns-area a.icon{
		display: inline-block;
		width:30px;
		margin: 0 5px;
	}
	
	.gototop{
		padding-bottom: 2rem;
		position: fixed;
		right: 2rem;
		bottom: 0;
		width: 117px;
		z-index: 2;
	}

	.obj.circle.small{
		width: 8cqb;
		position: absolute;
	}
	.obj.circle{
		width: 100px;
		position: absolute;
	}
	
	#footer .obj.circle.small{
		top:-60px;
		right:1rem;
	}


}


/* top -----------------------------------------------*/
#mainvisual{
	width:100%;
	min-width: 1000px;
	position: relative;
	background-image: url(../../images/bg_circle_gray1.svg);
	background-repeat: no-repeat;
	background-size: 50%;
	padding-bottom: 40px;
	height: 1100px;
	overflow: hidden;
}

.mv-musk{
	position: absolute;
	bottom: -6px;
	bottom: 240px;
	right: 0;
	width: 66%;
	height: 100%;
}
/* 動画musk */
.movie {
	height: 100%;
	/*aspect-ratio:7 / 5;*/
	mask-image: url("../../images/top_mv_musk.svg");
	mask-repeat: no-repeat;
	mask-position: bottom right;
	mask-size: 100%;
	/* Chrome, Safari用 */
	-webkit-mask-image: url("../../images/top_mv_musk.svg");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: bottom right;
	-webkit-mask-size: 100%;
}
.movie video{
	width: 120%;
	height: 120%;
}
#mainvisual .mainvisal.movie{
	background-image: url(../../images/top_mv01.jpg);
	background-size: cover;
	width: 100%;
	height: 100%;
	display: block;
}
#mainvisual .mv-wrap{
	max-width: 1200px;
	min-width: 1000px;
	margin: auto;
	padding-top: 200px;
	top:0;
	z-index: 1;
	position: absolute;
	top:0;
	left:0;right: 0;
}
#mainvisual .mv-wrap h2.site-copy{
	font-size: 4.5rem;
	font-weight: 500;
	color: var(--blue);
	line-height: 1.3;
	margin: 60px 0 40px 0;
	display: block;
}
#mainvisual .main_copy{
	text-align: center;
	margin: 100px auto 30px auto;
	max-width: 1200px;
	position: relative;
	z-index: 1;

	position: absolute;
	bottom: 300px;
	left:0;right:0;
}
#mainvisual .slider-wrap{
	width: 90%;
	margin: 0 auto;
	z-index: 1;
	position: absolute;
	bottom: 40px;
	left:0;right:0;
}
#mainvisual .slider-mv-thm{
	width: 100%;
}
#mainvisual .slider-mv-thm div.pic{
	width: auto;
	margin: 0;
	padding:0 12px;
	display: block;
	box-sizing: border-box;
}
#mainvisual .slider-mv-thm img{
	border-radius: 10px;
	object-fit: cover;
	height: 240px;
	width: 100%;
}
#mainvisual .slider-mv-thm .slick-prev{
	left: -5px;
	z-index: 2;
}
#mainvisual .slider-mv-thm .slick-next {
	right: -5px;
	z-index: 2;
}
#mainvisual .slider-mv-thm .slick-prev:before,
#mainvisual .slider-mv-thm .slick-next:before {
	font-size: 30px;
	color: gray;
}
#mainvisual .obj.circle{
	position: absolute;
	margin: auto;
	top:20%;bottom:0;left:0;right:0;
}
#mainvisual .scroll{
  writing-mode: vertical-rl;
	font-size: 1rem;
	font-weight: 300;
	letter-spacing: 2px;
	margin: 0 ;
	position: absolute;
	bottom:100px;
	left: -5vw;
}
#mainvisual .scroll2 {
	height: 80px;
	position: absolute;
	margin-top: 10px;
	left:6px;
}
#mainvisual .scroll2:before {
	content: "";
	position: absolute;
	left: -3px;
	bottom: 0;
	display: block;
	background-color: #000;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	opacity: 0;
	-webkit-animation: circlemove 2s ease-in-out infinite, cirlemovehide 2s ease-out infinite;
	animation: circlemove 2s ease-in-out infinite, cirlemovehide 2s ease-out infinite;
}
#mainvisual .scroll2:after {
	content: "";
	display: block;
	width: 1px;
	height: 80px;
	background: #3C3533;
}
@-webkit-keyframes circlemove {
  0% {bottom: 80px;}
  100% {bottom: 0;}
}
@keyframes circlemove {
  0% {bottom: 80px;}
  100% {bottom: 0;}
}
@-webkit-keyframes cirlemovehide {
  0% {opacity: 0;}
  50% {opacity: 1;}
  80% {opacity: 0.9;}
  100% {opacity: 0;}
}
@keyframes cirlemovehide {
  0% {opacity: 0;}
  50% {opacity: 1;}
  80% {opacity: 0.9;}
  100% {opacity: 0;}
}

@media screen and (max-width: 736px) {
	#mainvisual{
		width:100%;
		min-width: auto;
		height: auto;
		min-height: 1000px;
		overflow-x: hidden;
	}
	#mainvisual .mv-wrap{
		min-width: auto;
		padding-top: 100px;
		padding: 1rem 2rem;
	}		
	#mainvisual .mv-wrap h2.site-copy{
		font-size: 3rem;
		color: var(--blue);
		line-height: 1.3;
		margin: 160px 0 40px 0;
	}
	#mainvisual .main_copy{
		width: 90%;
		margin: auto;
	}
	#mainvisual .obj.circle{
		position: absolute;
		margin: auto;
		top:10%;right:0;left: auto;
	}
	#mainvisual .slider-mv-thm{
		display: flex;
		justify-content: space-around;
		width: 100%;
		margin: 0 auto 20px auto;
	}
	#mainvisual .slider-mv-thm div{
		margin: 0 2px;
	}
	
	#mainvisual .scroll,
	#mainvisual .scroll2{
		display: none;
	}
	.mv-musk {
		position: absolute;
		top:36%;
		bottom: auto;
		right: 0%;
		width: 90%;
		height: auto;
	}
	.movie video{
		width: 100%;
		height: 100%;
	}
	#mainvisual .slider-mv-thm {
		display: flex;flex-wrap: wrap;
		justify-content: space-evenly;
		margin-bottom: 0;
	}
	#mainvisual .slider-mv-thm img {
		border-radius: 10px;
		object-fit: cover;
		height: 100px;
		width: 100px;
		margin-bottom: 1rem;
		}
}

#top .wrap{
	padding: 100px 1rem 60px 1rem;
}
#top h3.htext{
	margin: 0;
	font-size: 5rem;
	font-weight:500;
  background: linear-gradient(0deg, #93F7D6 0%, #004BD6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#top h3.htext span.jp{
	font-size: 1.5rem;
	font-weight:400;
	background: #231815;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#top h3.htext img{
	height: 100%;
	width: auto;
	vertical-align:baseline;
	margin-right: 2rem;
}
@media screen and (max-width: 736px) {
	#top .wrap{
		padding: 50px 1rem;
	}
	#top h3.htext{
		font-size: 1.8rem;
	}
	#top h3.htext span{
		font-size: 1.4rem;
	}
}
#top #message{
	background-color: #fff;
	background-image: url(../../images/bg_circle_green.svg);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 25%;
}
#top #message .bg_pic{
	background-image: url(../../images/top_message_pic.jpg);
	background-size: cover;
}
#top #message .bg_pic .wrap{
	padding-top: 80px;
}
#top #message .bg_pic h4{
	font-size: 4.5rem;
	color: var(--blue);
	letter-spacing: 5px;
	font-weight: 500;
}
#top #message .bg_pic .name{
	font-size: 2rem;
	letter-spacing: 3px;
}
#top #message .text-area{
	width: 600px;
}
#top #message .text-area h5{
	font-size: 3rem;
	color: var(--blue);
	margin: 0 0 7rem 0;
	font-weight: 500;
}
#top #message .text-area p{
	line-height: 2;
	margin-bottom: 2rem;
	position: relative;
	z-index: 1;
}
#top #message .graph{
	position: absolute;
	top:100px;left:60%;
}
#top #message .obj.circle.small{
	top: -30px;
	left: -100px;
}
#top #message .obj.circle{
	top: -40px;
	right: -0px;
}

@media screen and (max-width: 736px) {
	#top #message{
		background-size: 50%;
	}
	#top #message .bg_pic{
		background-position: 70% 200px;
		background-color: #FDFCF9;
		background-repeat: no-repeat;
		background-size: 200%;
	}
	#top #message .bg_pic .wrap{
		padding: 20px 2rem 200px 2rem;
	}
	#top #message .bg_pic h4{
		font-size: 2.5rem;
		color: var(--blue);
		letter-spacing: 5px;
	}
	#top #message .bg_pic .name{
		font-size: 1.5rem;
	}
	#top #message .text-area{
		width: 100%;
	}
	#top #message .text-area h5{
		font-size: 2.4rem;
		color: var(--blue);
		margin: 0 0 4rem 0;
	}
	#top #message .text-area p{
		line-height: 2;
		margin-bottom: 2rem;
	}
	#top #message .graph{
		position: static;
		width: 90%;
		margin: auto;
	}
	#top #message .obj.circle{
		top: -20px;
		right: 10px;
	}
}


#top #culture.bg-gray{
	background-color: #F8F8F8;
}
#top #culture .desp{
	position: absolute;
	left:50%;
	top:80px;
}
#top #culture .flex{
	margin: 100px auto 0 auto;
	justify-content: space-between;
}
#top #culture .flex .box{
	background-color: #fff;
	width: 24%;
	border-radius: 10px;
	text-align: center;
	font-weight: 500;
}
#top #culture .flex .box:hover{
	background-image: var(--gradient-blue);
}
#top #culture .flex .box a{
	color: #000;
	border-radius: 10px;
	display: block;
	opacity: 1;	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding-bottom: 1rem;
}
#top #culture .flex .box a:hover{
	color: #fff;
}
#top #culture .flex .box .pic{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#top #culture .flex .box a .btn{
	background-image: var(--gradient-blue);
	color: #fff;
	border: solid 1px #fff;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	border-radius: 30px;
}
#top #culture .flex .box a:hover .btn{
	background-image: none;
	background-color: var(--blue);
}
#top #culture .bg_visual{
	width: 100%;
	position: relative;
}
#top #culture .bg_visual img{
	object-fit: cover;
	max-height: 350px;
}
#top #culture .obj.circle.small{
	top:130px;
	left: 500px;
}
#top #culture .obj.circle{
	top:-50px;
	left: calc(50% - 800px);
}

@media screen and (max-width: 736px) {
	#top #culture .desp{
		position: static;
		margin-top: 4rem;
	}
	#top #culture .flex{
		margin: 4rem auto 0 auto;
		flex-wrap: wrap;
	}
	#top #culture .flex .box{
		background-color: #fff;
		width: 48%;
		margin-bottom: 2rem;
	}
	#top #culture .flex .box a .btn{
		width: 90%;
	}
	#top #culture .obj.circle.small{
		display: none;
	}
	#top #culture .obj.circle{
		display: none;
	}
}


#top #data{
	background-color: #fff;
	background-image: url(../../images/bg_circle_blue.svg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 25%;
}
#top #data .wrap{
	padding-bottom: 100px;
}
#top #data .desp{
	position: absolute;
	left:40%;
	top:80px;
}
#top #data .flex{
	margin: 100px auto 0 auto;
	justify-content: space-between;
}
#top #data .flex .box{
	width: 48%;
	display: block;
	border-radius: 10px;
	height: 450px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2rem;
}
#top #data .flex .box.data01{
	background-image: url(../../images/top_date01.webp);
	background-size: cover;
}
#top #data .flex .box.data02{
	background-image: url(../../images/top_date02.webp);
	background-size: cover;
}
#top #data .flex .box .htext{
	width: 375px;
	margin: auto auto 0 auto;
}
#top #data .flex .box .btn a{
	border: solid 1px var(--blue);
	padding: 1rem 6rem;
	background-color: #fff;
	border-radius: 40px;
	font-weight: 700;
	color: var(--blue);
}
#top #data .flex .box .btn a:hover{
	border: none;
	background-image: var(--gradient-blue);
	color: #fff;
	border-color:initial;
}
#top #data .obj.circle{
	top:150px;
	right:-150px;
}
@media screen and (max-width: 736px) {
	#top #data{
	}
	#top #data .wrap{
		padding-bottom: 50px;
	}
	#top #data .desp{
		position: static;
		margin-top: 4rem;
	}
	#top #data .flex{
		margin: 4rem auto 0 auto;
	}
	#top #data .flex .box{
		width: 100%;
		height: auto;
		margin-bottom: 2rem;
	}
	#top #data .flex .box .htext{
		width: 90%;
		margin: 100px auto 0 auto;
	}
	#top #data .flex .box .btn a{
		border: solid 1px var(--blue);
		color: var(--blue);
	}
	#top #data .flex .box .btn a:hover{
		border: none;
		background-image: var(--gradient-blue);
		color: #fff;
		border-color:initial;
	}
	#top #data .obj.circle{
		display: none;
	}
	#top #data .flex .box.data01{
		background-image: url(../../images/top_date01_sp.webp);
	}
	#top #data .flex .box.data02{
		background-image: url(../../images/top_date02_sp.webp);
	}
}

#top #vision{}
#top #vision h3{
	z-index: 1;
}
#top #vision .btn{
	position: absolute;
	top:80px;
	left:40%;
	z-index: 1;
}
#top #vision .btn a{
	padding: 1rem 5rem;
	border: solid 1px var(--blue);
	display: inline-block;
	border-radius: 50px;
	font-weight: 700;
	color: var(--blue);
}
#top #vision .btn a:hover{
	border: none;
	background-image: var(--gradient-blue);
	color: #fff;
	border-color:initial;
}
#top #vision .slider-vision{
	margin-top: -60px;
	text-align: center;
}
#top #vision .slider-vision .box .flex{
	display: flex;
	justify-content: space-around;
	flex-wrap: nowrap;
	background-image: linear-gradient(#004EA280, #ffffff80);
}
#top #vision .slider-vision .box .flex .text-box{
	width:16%;
	margin: 2%;
	padding: 1.4rem;
	background-color: var(--blue);
	color: #fff;
	font-size: 1.2rem;
	border-radius: 5px;
	text-align: left;
}
#top #vision .slider-vision .box .flex .text-box span{
	display: none;
}
#top #vision .slider-vision .box .htext{
	text-align: center;
	font-size: 2.5rem;
	letter-spacing: 5px;
	background-color: #fff;
}
#top #vision .obj.person{
	position: absolute;
	width: 26px;
	bottom:200px;
	left: 105%;
}

@media screen and (max-width: 736px) {
	#top #vision .btn{
		position: static;
		margin-top: 4rem;
	}
	#top #vision .btn{
		text-align: center;
	}
	#top #vision .btn a{
		padding: 1rem 5rem;
	}
	#top #vision .slider-vision{
		margin-top: 0px;
	}
	#top #vision .slider-vision .box .flex{
		flex-wrap: wrap;
	}
	#top #vision .slider-vision .box .flex .text-box{
		width:100%;
		margin: 2% 2% 0 2%;
		padding: 1rem;
		font-size: 1.2rem;
	}
	#top #vision .slider-vision .box .flex .text-box span{
		display: block;
		font-weight: 700;
		text-align: center;
	}
	#top #vision .slider-vision .box .htext{
		font-size: 1.5rem;
	}
	#top #vision .obj.person{
		display: none;
	}
	
}

#top #person{
	background-color: #fff;
}
#top #person .wrap{
	padding-bottom: 100px;
}
#top #person .desp{
	position: absolute;
	left:40%;
	top:60px;
}
#top #person .slider-person{
	margin: 0 auto 100px auto;
}
#top #person .slider-person a{
	color:#fff
}
#top #person .slider-person .box{
	border-radius: 10px;
	padding: 2rem;
	color: #fff;
	min-height: 380px;
	width: 565px;
	margin: 0 2rem;
	position: relative;
	transition: all 0.3s
}
#top #person .slider-person .box::after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	background-color: #7B7473;
	border-radius: 10px;
	mix-blend-mode: multiply;
}
#top #person .slider-person .box:hover{
	opacity: .5;
}
#top #person .slider-person .box .htext{
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 3px;
	margin-top: 80px;
	display: none;
	text-shadow: 0 0 2px #000000, 0 0 6px #0000004d;
}
#top #person .slider-person .box .name{
	font-size: 1.7rem;
	font-weight: 500;
	letter-spacing: 6px;
	margin-left: 150px;
	display: none;
	text-shadow: 0 0 2px #000000, 0 0 6px #0000004d;
}
#top #person .slider-person .box .detail{
	font-size: 1.3rem;
	margin-left: 150px;
	display: none;
	text-shadow: 0 0 2px #000000, 0 0 6px #0000004d;
}
#top #person .slider-person .box .icon{
	position: absolute;
	width: 134px;
	height: 134px;
	bottom: 2rem;
	left: 2rem;
	display: none;
}
#top #person .slider-person .box.slick-center .htext,
#top #person .slider-person .box.slick-center .name,
#top #person .slider-person .box.slick-center .detail,
#top #person .slider-person .box.slick-center .icon{
	display: block;
}
#top #person .slider-person .box.person1{
	background-image: url(../../images/top_person01.jpg);
	background-size: cover;
}
#top #person .slider-person .box.person2{
	background-image: url(../../images/top_person02.jpg);
	background-size: cover;
}
#top #person .slider-person .box.person3{
	background-image: url(../../images/top_person03.jpg);
	background-size: cover;
}
#top #person .slider-person .box.person4{
	background-image: url(../../images/top_person04.jpg);
	background-size: cover;
}
#top #person .slider-person .slick-center::after{
	content: none;
}
#top #person .btn{
	text-align: center;
	padding-bottom: 4rem;
	margin: 0;
}
#top #person .btn a{
	padding: 1rem 5rem;
	display: inline-block;
	background-image: var(--gradient-blue);
	color: #fff;
	border-radius: 50px;
	margin: 4rem auto;
}
#top #person .slick-dots {
	bottom: -50px;
}
#top .slick-dots li button:before {
	content: "";
	border: solid 1px #231815;
	border-radius: 20px;
	width: 10px;
	height: 10px;
	opacity: 1;
}
#top .slick-dots li.slick-active button:before {
	background-color: #231815;
}
#top #person .obj.circle{
	top:-100px;
	left: -100px;
}
@media screen and (max-width: 736px) {
	#top #person .wrap{
		padding-bottom: 50px;
	}
	#top #person .desp{
		position: static;
	}
	#top #person .slider-person{
		margin: 0 auto 100px auto;
	}
	#top #person .slider-person .box{
		border-radius: 10px;
		padding: 2rem;
		color: #fff;
		min-height: 380px;
		width: 100%;
		margin: 0 2rem;
		position: relative;
	}
	#top #person .slider-person .box::after{
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left: 0;
		background-color: #7B7473;
		border-radius: 10px;
		mix-blend-mode: multiply;
	}
	#top #person .slider-person .box .htext{
		font-size: 1.8rem;
		font-weight: 500;
		letter-spacing: 3px;
		margin-top: 0px;
		margin-bottom: 120px;
		display: none;
	}
	#top #person .slider-person .box .name{
		font-size: 1.7rem;
		font-weight: 500;
		letter-spacing: 6px;
		margin-left: 150px;
		display: none;
	}
	#top #person .slider-person .box .detail{
		font-size: 1.3rem;
		margin-left: 150px;
		display: none;
	}
	#top #person .slider-person .box .icon{
		position: absolute;
		width: 134px;
		height: 134px;
		bottom: 2rem;
		left: 2rem;
		display: none;
	}
	#top #person .slider-person .box.slick-center .htext,
	#top #person .slider-person .box.slick-center .name,
	#top #person .slider-person .box.slick-center .detail,
	#top #person .slider-person .box.slick-center .icon{
		display: block;
	}
	#top #person .slider-person .box.person1{
		background-image: url(../../images/top_person01.jpg);
		background-size: cover;
		background-position: top right 50%;
	}
	#top #person .slider-person .box.person2{
		background-image: url(../../images/top_person02.jpg);
		background-size: cover;
		background-position: top right 50%;
	}
	#top #person .slider-person .box.person3{
		background-image: url(../../images/top_person03.jpg);
		background-size: cover;
		background-position: top right 50%;
	}
	#top #person .slider-person .box.person4{
		background-image: url(../../images/top_person04.jpg);
		background-size: cover;
		background-position: top right 50%;
	}
	#top #person .slider-person .slick-center::after{
		content: none;
	}
	#top #person .btn{
		text-align: center;
		margin: 0;
	}
	#top #person .btn a{
		padding: 1rem 5rem;
		display: inline-block;
		background-image: var(--gradient-blue);
		color: #fff;
		border-radius: 50px;
		margin: 4rem auto;
	}
	#top #person .slick-dots {
		bottom: -50px;
	}
	#top .slick-dots li button:before {
		content: "";
		border: solid 1px #231815;
		border-radius: 20px;
		width: 10px;
		height: 10px;
		opacity: 1;
	}
	#top .slick-dots li.slick-active button:before {
		background-color: #231815;
	}
	#top #person .obj.circle{
		display: none;
	}
}


/* セカンドページ -----------------------------------------------*/
#second{
	background-image: 
		url(../../images/bg_circle_blue_half.svg),
		url(../../images/bg_circle_green_half.svg),
		url(../../images/bg_circle_blue_half.svg),
		url(../../images/bg_circle_green_half.svg);
	background-position: 
		-0 200px,
		right 0 bottom,
		-0 2200px,
		right 0 top 4400px;
	background-size: 350px;
	background-repeat: no-repeat;
}

#second #mainvisual{
	background-image: url(../../images/data_mv.jpg);
	background-size: cover;
	height: 550px;
}
#second #mainvisual h2.page-title{
	font-size: 5rem;
	color: var(--blue);
	margin-top: 300px;
	display: inline-block;
	line-height: 1;
}
#second #mainvisual h2.page-title .bg-white{
	background-color: #ffffffAA;
	display: inline-block;
	padding: .5rem 2rem;
}
#second #mainvisual h2.page-title span.jp{
	font-size: 1.5rem;
	font-weight: 500;
	color: #000;
	display: block;
	margin-top: 2rem;
}

@media screen and (max-width: 736px) {
	#second{
		background-size: 30%;
	}
	
	#second #mainvisual{
		height: 300px;
		min-height: auto;
		padding: 0 2rem;
	}
	#second #mainvisual h2.page-title{
		font-size: 3rem;
		padding-top: 140px;
		margin: 0;
	}
	#second #mainvisual h2.page-title span.jp{
		font-size: 1.5rem;
	}
}

/* データで見るページ-----------------------------------------------*/
#second #data #mainvisual{
	background-position: center left;
}
#second #data .worker{
	padding: 9rem 0;
}
#second #data p.jp-title{
	text-align: center;
	font-size: 2.5rem;
	color: var(--blue);
	margin: 0;
}
#second #data h3.cnt-title {
	text-align: center;
	border-bottom: solid 1px var(--blue);
	padding-bottom: 5rem;
	margin-bottom: 5rem;
	margin-top: 0;
	font-size: 5rem;
	font-weight: 500;
	background: linear-gradient(0deg, #93F7D6 40%, #004BD6 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#second #data h3.cnt-title img{
	height: 38px;
}
#second #data .flex.contents{
	justify-content: space-between;
}
#second #data .flex.contents .databox{
	width: calc(50% - 1rem);
	background-color: #fff;
	box-shadow:0 0 10px #0000004D;
	border-radius: 15px;
	margin-bottom: 2rem;
	padding: 5rem 5rem 3rem 5rem;
	position: relative;
}
#second #data .flex.contents .databox.wide{
	width: 100%;
}
#second #data .flex.contents .databox h5{
	background-image: var(--gradient-blue);
	padding: 1rem;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 2.5rem;
	font-weight: 400;
	margin: 0 auto;
}
#second #data .flex.contents .databox h5.wide-half{
	display: inline-block;
	padding: 1rem 5rem;
}
#second #data .flex.contents .databox .value{
	color: var(--blue);
	font-size: 11rem;
	text-align: center;
	margin: 0;
	line-height: 1.25;
}
#second #data .flex.contents .databox .value .small{
	font-size: 3rem;
}
#second #data .flex.contents .databox.num10 .value{
	font-size: 8.4rem;
}
#second #data .flex.contents .databox.num10 .value .small{
	font-size: 1.6rem;
}

#second #data .flex.contents .databox.num11 p.value{
	font-size: 3rem;
	margin: 3rem auto;
}
#second #data .flex.contents .databox.num04 .value{
	width: 70%;
	margin-left: auto;
	margin-top: -2rem;
}
#second #data .flex.contents .databox.num09 .value{
	width: 90%;
	margin: 0 auto;
}
#second #data .flex.contents .databox .caption{
	text-align: center;
	font-size: 1.4rem;
}
#second #data .flex.contents .databox.num09 h5.wide-half{
	display: block;
	padding: 1rem 5rem;
	margin: auto;
	width: 50%;
}
#second #data .flex.contents .databox.num09 .obj{
	width: auto;
	height: 100px;
	display: block;
	position: absolute;
}
#second #data .flex.contents .databox.num09 .obj img{
	height: 100%;
}
#second #data .flex.contents .databox.num09 .obj.man{
	bottom: 2rem;left: 4rem;
}
#second #data .flex.contents .databox.num09 .obj.woman{
	bottom: 2rem;right: 4rem;
}
#second #data .flex.contents .databox.num10 .value{
	text-align: right;
	width: 50%;
}
#second #data .flex.contents .databox.num10 .figures{
	min-width: 400px;
}
#second #data .flex.contents .databox.num21 .value{
	width: 100%;
	margin: auto 0 auto;
}
#second #data .flex.contents .databox.num22 .value{
	margin-top: 3rem;
}
#second #data .flex.contents .databox.num23 h5{
	margin-bottom: 2rem;
}
/*
#second #data .worker .obj.circle{
	top:-80px;
	left:100px;
}*/
#second #data .worker .obj.circle.small{
	top:1250px;
	left:auto;
	right:-200px;
}

@media screen and (max-width: 736px) {
	#second #data .worker{
		padding: 5rem 0;
	}
	#second #data p.jp-title{
		font-size: 1.8rem;
	}
	#second #data h3.cnt-title {
		font-size: 2.4rem;
	}
	#second #data h3.cnt-title img{
		height: 20px;
	}
	#second #data .flex.contents{
		padding: 0	1rem;
	}
	#second #data .flex.contents .databox{
		width: 100%;
		padding: 3rem 2rem 3rem 2rem;
	}
	#second #data .flex.contents .databox.wide{
		width: 100%;
	}
	#second #data .flex.contents .databox h5{
		font-size: 1.8rem;
	}
	#second #data .flex.contents .databox h5.wide-half{
		display: block;
		padding: 1rem;
	}
	#second #data .flex.contents .databox .value{
		color: var(--blue);
		font-size: 8rem;
		text-align: center;
		margin: 0;
		line-height: 1.25;
	}
	#second #data .flex.contents .databox .value .small{
		font-size: 1.7rem;
	}
	#second #data .flex.contents .databox.num03 .value{
		font-size: 6rem;
	}
	#second #data .flex.contents .databox.num10 .flex{
		justify-content: center;
	}
	#second #data .flex.contents .databox.num10 .small.ttl{
		display: block;
	}
	#second #data .flex.contents .databox.num10 .value{
		width: 100%;
		text-align: center;
		margin: 2rem auto; 
		font-size: 8rem;
	}
	#second #data .flex.contents .databox.num10 .value .small{
		font-size: 1.7rem;
	}
	#second #data .flex.contents .databox.num11 p.value{
		font-size: 2rem;
		margin: 3rem auto;
	}
	#second #data .flex.contents .databox.num04 .value{
		width: 100%;
		margin-top: 1rem;
	}
	#second #data .flex.contents .databox.num09 .value{
		width: 100%;
		margin: 0 auto;
	}
	#second #data .flex.contents .databox .caption{
		text-align: center;
		font-size: 1.4rem;
	}
	#second #data .flex.contents .databox.num09 .obj{
		display: none;
	}
	#second #data .flex.contents .databox.num09 h5.wide-half{
		padding: 1rem;
		width: 100%;
	}
	#second #data .flex.contents .databox.num09 .obj.man{
		bottom: 0;left: 2rem;
		display: none;
	}
	#second #data .flex.contents .databox.num09 .obj.woman{
		bottom: 0;right: 2rem;
		display: none;
	}
	#second #data .flex.contents .databox.num21 .value{
		width: 100%;
		margin: auto 0 auto;
	}
	#second #data .flex.contents .databox.num22 .value{
		margin-top: 3rem;
	}
	#second #data .flex.contents .databox.num23 h5{
		margin-bottom: 2rem;
	}
	
	#second #data .worker .obj.circle{
		top:-60px;
		left:30px;
	}
	#second #data .worker .obj.circle.small{
		display: none;
	}

}

/* キャリアビジョンページ-----------------------------------------------*/
#second #vision #mainvisual{
	background-image: url(../../images/vision_mv.jpg);
	background-position: left 30% center;
}
#second .carrierimage,
#second .salaryimage,
#second .enviromental{
	padding: 10rem 1rem;
	position: relative;
}
#second .carrierimage{
	background-image: url(../../images/bg_circle_green.svg);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 25%;
}
#second .salaryimage{
	background-image: url(../../images/bg_circle_blue_half.svg);
	background-position: left top -400px;
	background-repeat: no-repeat;
	background-size: 25%;
}
#second #vision p.jp-title{
	text-align: center;
	font-size: 2.5rem;
	color: var(--blue);
	margin: 0;
}
#second #vision h3.cnt-title {
	text-align: center;
	border-bottom: solid 1px var(--blue);
	border-image-source: var(--gradient-blue2);
  border-image-slice: 1;
	padding-bottom: 5rem;
	margin: auto;
	margin-bottom: 15rem;
	margin-top: 0;
	font-size: 5rem;
	font-weight: 500;
	background: linear-gradient(0deg, #93F7D6 40%, #004BD6 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: block;
	width: 80%;
}
#second #vision h3.cnt-title img{
	height: 38px;
}
#second #vision .flex.cnt1,
#second #vision .flex.cnt2{
	margin-bottom: 10rem;
}
#second #vision .flex .pic-area{
	width: 40%;
}
#second #vision .flex .text-area{
	width: 52%;
}
#second #vision .flex.cnt1 .pic-area{
	order: 2;
}
#second #vision .flex.cnt1 .text-area{
	order: 1;
}
#second #vision .flex .obi{
	background: var(--gradient-blue);
	display: inline-block;
	padding: .5rem 6rem;
	color: #fff;
	border-radius: 50px;
	margin-bottom: 80px;
	font-size: 2rem;
}
#second #vision .flex .copy{
	font-size: 3rem;
	font-weight: 500;
	margin: 0;
	margin-bottom: 40px;
}
#second #vision .flex .text{
	font-size: 2rem;
	margin: 0;
}
#second #vision .flex .h-blue{
	color: var(--blue);
	font-size: 1.7rem;
	margin: 0;
}
/*
#second #vision .carrierimage .obj.circle{
	top:-200px;
	left:100px;
}*/
#second #vision .carrierimage .obj.circle.small{
	top:40%;
	right: -200px;
	left: auto;
}
#second #vision .carrierimage .obj.circle.second{
	top: auto;
	bottom:-200px;
	left:-100px;
	z-index: 1;
}

#second #vision .salaryimage{}
#second #vision .salaryimage .flex .table{
	width: 50%;
}
#second #vision .salaryimage .flex .text-area{
	width: 42%;
}
#second #vision .salaryimage .flex .table table{
	width: 100%;
	border-collapse: collapse ;
	font-size: 2rem;
	letter-spacing: 2px;
}
#second #vision .salaryimage .flex .table table thead th{
	border-bottom: solid 1px #918C8A;
}
#second #vision .salaryimage .flex .table table thead th span{
	margin: auto;
	display: inline-block;
	background-color: #BDBAB9;
	color: #fff;
	width: 200px;
	padding: 1rem;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin-bottom: -1px;
}
#second #vision .salaryimage .flex .table table tbody{
	background: linear-gradient(180deg, #93F7D6, #004BD6);
}
#second #vision .salaryimage .flex .table table tbody th{
	border-bottom: solid 1px #FFFFFF;
	padding: 1rem;
	color: #fff;
}
#second #vision .salaryimage .flex .table table tbody td{
	border-bottom: solid 1px #918C8A;
	background-color: #F7F9FC;
	padding: 1rem;
	text-align: center;
}

#second #vision .salaryimage .flex .text-area .h-text{
	font-size: 3rem;
	margin-bottom: 6rem;
}
#second #vision .salaryimage .flex .text-area .text{}
#second #vision .salaryimage .obj.circle.small{
	bottom:-160px;
	right: -200px;
	z-index: 1;
}

#second #vision .enviromental{
	background-color: #fff;
}

#second #vision .enviromental .cnt{
	padding: 10rem 10rem;
	font-size: 1.7rem;
	position: relative;
	border-bottom: solid 1px #231815;
	margin: 0 -100px 0 -100px;
}
#second #vision .enviromental .cnt:last-child{
	border: none;
}
#second #vision .enviromental .cnt .obi{
	font-size: 2.5rem;
	text-align: center;
	color: #fff;
	display: inline-block;
	width: 500px;
	padding: 1rem;
	background: var(--gradient-blue);
	border-radius: 50px;
}
#second #vision .enviromental .cnt .graph{
	margin-bottom: 0;
}
#second #vision .enviromental .flex2{
	display: flex;
	justify-content: space-around;
	flex-wrap: nowrap;
	background-image: linear-gradient(#004EA280, #ffffff80);
}
#second #vision .enviromental .flex2 .text-box{
	width:16%;
	margin: 2%;
	padding: 1.4rem;
	background-color: var(--blue);
	color: #fff;
	font-size: 1.2rem;
	border-radius: 5px;
	text-align: left;
}
#second #vision .enviromental .flex2 .text-box span{
	display: none;
}

#second #vision .enviromental .cnt .flex .text-area{
	width: 46%;
}
#second #vision .enviromental .cnt .flex .text-area .h-text{
	color: var(--blue);
	font-size: 2rem;
	margin-bottom: 3rem;
}
#second #vision .enviromental .cnt .flex .text-area .text2{}
#second #vision .enviromental .cnt .flex .person-box{
	margin: 4rem auto;
}
#second #vision .enviromental .cnt .flex .person-box a{
	border-radius: 20px;
	box-shadow: 0 0 10px #0000004D;
	color: #000;
	display: block;
	transform: all .3s;
	opacity: 1;
}
#second #vision .enviromental .cnt .flex .person-box a:hover{
	box-shadow: 0 0 10px #00000099;
}
#second #vision .enviromental .cnt .flex .person-box .pic{
	width: 200px;
	width: 200px;
}
#second #vision .enviromental .cnt .flex .person-box .pic img{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	width: 200px;
	height: 100%;
	object-fit: cover;
}
#second #vision .enviromental .cnt .flex .person-box .text-area2{
	padding: 2rem;
	flex-grow: 1;
	font-size: 1.5rem;
}
#second #vision .enviromental .cnt .flex .person-box .text-area2 .h-text{
	background-color: #00A6D9;
	color: #fff;
	text-align: center;
	margin: 1rem 0 2rem 0;
}
#second #vision .enviromental .cnt .flex .person-box .text-area2 .work{
	margin: 0 0 1rem 0;}
#second #vision .enviromental .cnt .flex .person-box .text-area2 .name{
	font-size: 2rem;
	margin: 0;
}
#second #vision .enviromental .cnt .flex .person-box .text-area2 .name span{
	font-size: 1.5rem;
	display: block;
}
#second #vision .enviromental  #job_officework  .obj.circle{
	left: -100px;
	bottom: -100px;
}
#second #vision .enviromental  #job_logistics  .obj.circle{
	left: -100px;
	bottom: -100px;
}

@media screen and (max-width: 736px) {
	#second .carrierimage,
	#second .salaryimage,
	#second .enviromental{
		padding: 6rem 1rem;
		position: relative;
	}
	#second #vision p.jp-title{
		font-size: 1.8rem;
	}
	#second #vision h3.cnt-title {
    padding-bottom: 5rem;
    margin-bottom: 10rem;
		font-size: 2.4rem;
	}
	#second #vision h3.cnt-title img{
		height: 20px;
	}
	#second #vision .flex.cnt1,
	#second #vision .flex.cnt2{
		margin-bottom: 6rem;
	}
	#second #vision .flex .pic-area{
		width: 100%;
	}
	#second #vision .flex .text-area{
		width: 100%;
	}
	#second #vision .flex.cnt1 .pic-area,
	#second #vision .flex.cnt2 .pic-area{
		order: 2;
	}
	#second #vision .flex.cnt1 .text-area,
	#second #vision .flex.cnt2 .text-area{
		order: 1;
	}
	#second #vision .flex .obi{
		margin-bottom: 40px;
	}
	#second #vision .flex .copy{
		font-size: 2rem;
		margin-bottom: 30px;
	}
	#second #vision .flex .text{
		font-size: 1.5rem;
		margin: 0;
	}
	#second #vision .flex .h-blue{
		font-size: 1.6rem;
	}
	
	#second #vision .carrierimage .obj.circle{
    top: -100px;
    left: 30px;
	}
	#second #vision .carrierimage .obj.circle.small{
		display: none;
	}
	#second #vision .carrierimage .obj.circle.second{
		display: none;
	}
	
	#second #vision .salaryimage{}
	#second #vision .salaryimage .flex .table{
		width: 100%;
	}
	#second #vision .salaryimage .flex .text-area{
		width: 100%;
	}
	#second #vision .salaryimage .flex .table table{
		font-size: 1.5rem;
	}
	#second #vision .salaryimage .flex .table table thead th span{
		width: auto;
		padding: 1rem 2rem;
	}
	#second #vision .salaryimage .flex .text-area .h-text{
		font-size: 2rem;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
	#second #vision .salaryimage .flex .text-area .text{}
	#second #vision .salaryimage .obj.circle.small{
		display: none;
	}
	
	#second #vision .enviromental{
		background-color: #fff;
	}
	#second #vision .enviromental .anchor-link .text{
		margin-bottom: 1rem;
	}
	#second #vision .enviromental .cnt{
		padding: 3rem 0;
		font-size: 1.5rem;
		margin: 0;
	}
	#second #vision .enviromental .cnt span{}
	#second #vision .enviromental .cnt .obi{
		font-size: 1.8rem;
		padding: .5rem 5rem;
		width: auto;
	}
	#second #vision .enviromental .cnt .graph{
		margin-bottom: 0;
	}
	#second #vision .enviromental .flex2{
		flex-wrap: wrap;
	}
	#second #vision .enviromental .flex2 .text-box{
		width:100%;
		margin: 2% 2% 0 2%;
		padding: 1rem;
		font-size: 1.2rem;
	}
	#second #vision .enviromental .flex2 .text-box span{
		display: block;
		font-weight: 700;
		text-align: center;
	}



	#second #vision .enviromental .cnt .flex .flow-area{
		width: 100%;
	}
	#second #vision .enviromental .cnt .flex .flow-area .text1 span.indent{
		left: 0rem;
	}
	#second #vision .enviromental .cnt .flex .text-area{
		width: 100%;
	}
	#second #vision .enviromental .cnt .flex .text-area .h-text{
		font-size: 1.8rem;
		margin-bottom: 2rem;
	}
	#second #vision .enviromental .cnt .flex .text-area .text2{}
	#second #vision .enviromental .cnt .flex .person-box.flex{
		margin: 4rem auto;
		width: 90%;
	}
	#second #vision .enviromental .cnt .flex .person-box .pic{
		width: 100%;
	}
	#second #vision .enviromental .cnt .flex .person-box .pic img{
		border-top-left-radius:20px;;
		border-top-right-radius: 20px;
		border-bottom-left-radius: 0;
		width: 100%;
	}
	#second #vision .enviromental .cnt .flex .person-box .text-area2 a{
		padding: 2rem;
		flex-grow: 1;
		font-size: 1.2rem;
	}
	#second #vision .enviromental .cnt .flex .person-box .text-area2 .h-text{
		margin: 1rem 0 2rem 0;
		font-size: 1.5rem;
	}
	#second #vision .enviromental .cnt .flex .person-box .text-area2 .work{
		margin: 0 0 1rem 0;}
	#second #vision .enviromental .cnt .flex .person-box .text-area2 .name{
		font-size: 1.5rem;
	}
	#second #vision .enviromental .cnt .flex .person-box .text-area2 .name span{
		font-size: 1.2rem;
	}

	#second #vision .enviromental  #job_officework  .obj.circle,
	#second #vision .enviromental  #job_logistics  .obj.circle{
		display: none;
	}


}



/* カルチャー・環境ページ-----------------------------------------------*/
#second #culture #mainvisual{
	background-image: url(../../images/culture_mv.jpg);
}

.anchor-link{
	background-image: url(../../images/bg_dots_gray.png);
	background-size: 100%;
	background-color: #fff;
	padding: 55px 0;
	position: relative;
	margin-top: 15rem;
	z-index: 1;
}
.anchor-link .flex{
	display: flex;
	justify-content: center;
}
.anchor-link .flex a{
	display: block;
  flex-grow: 1;
	text-align: center;
	border-left: solid 1px var(--blue);
}
.anchor-link .flex a:last-child {
	border-right: solid 1px var(--blue);
}
.anchor-link .flex a .text{
	font-size: 2rem;
	font-weight: 600;
	color: var(--blue);
	padding: 2rem 0 0 0;
	margin: 0;
}
.anchor-link .flex a .eng2{
	font-size: 1.3rem;
	color: #231815;
	margin: 0;
}
.anchor-link .flex a:hover .text,
.anchor-link .flex a:hover .eng2{
	color: var(--red);
}
.anchor-link .flex a .arrow{
	width:35px;
	margin: 3rem auto auto auto;
}

#second .culture,
#second .regional{
	padding: 10rem 1rem;
	position: relative;
}
#second .culture{
	background-size: 25%;
}
#second .regional{
	background-image: url(../../images/bg_circle_blue_half.svg);
	background-position: left top -35%;
	background-repeat: no-repeat;
	background-size: 25%;
}
#second #culture p.jp-title{
	text-align: center;
	font-size: 2.5rem;
	color: var(--blue);
	margin: 0;
}
#second #culture h3.cnt-title {
	text-align: center;
	border-bottom: solid 1px var(--blue);
	border-image-source: var(--gradient-blue2);
  border-image-slice: 1;
	padding-bottom: 5rem;
	margin-bottom: 15rem;
	margin-top: 0;
	font-size: 5rem;
	font-weight: 500;
	background: linear-gradient(0deg, #93F7D6 40%, #004BD6 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#second #culture h3.cnt-title img{
	height: 38px;
}
#second #culture .flex.cnt1,
#second #culture .flex.cnt2{
	margin-bottom: 10rem;
}
#second #culture .flex .pic-area{
	width: 54%;
}
#second #culture .flex.cnt2 .pic-area{
	order: 2;
}
#second #culture .flex .pic-area img{
	border-top-left-radius: 40px;
	border-bottom-right-radius: 40px;
}
#second #culture .flex .text-area{
	width: 38%;
	display: flex;
	flex-direction: column;
}
#second #culture .flex .text-area{
	order: 1;
}
#second #culture .flex .text-area .copy{
	margin: 0;
	font-size: 3rem;
	font-weight: 500;
	margin-bottom: 3rem;
}
#second #culture .flex .text-area .text{
	font-size: 1.7rem;
}
#second #culture .flex .text-area .btn{
	margin: auto 0 0 0;
}
#second #culture .flex .text-area .btn a{
	padding: 1rem 5rem;
	display: inline-block;
	background-image: var(--gradient-blue);
	color: #fff;
	border-radius: 50px;
}
#second #culture .flex .text-area .h-blue{
	font-size: 2rem;
	font-weight: 500;
	color: var(--blue);
	margin: 2rem 0 0 0;
}
#second #culture .environmental{
	background-image: url(../../images/bg_dots_gray.png);
	background-color: #fff;
	background-size: 100%;
	padding: 10rem 1rem;
}

#second #culture .environmental .flex,
#second #culture .regional .flex{
	flex-wrap: wrap;
	justify-content: left;
	gap: 3%;
}
#second #culture .environmental .flex .box,
#second #culture .regional .flex .box{
	width: 30%;
	margin-bottom: 8rem;
}
#second #culture .environmental .flex .box .img img,
#second #culture .regional .flex .box .img img{
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
}
#second #culture .environmental .flex .box .h-text,
#second #culture .regional .flex .box .h-text{
	font-weight: 500;
	font-size: 2rem;
}
#second #culture .environmental .flex .box.double{
	width: 66%;
	margin-bottom: 8rem;
	display: flex;
	justify-content: space-between;
}
#second #culture .environmental .flex .box.double .img{
	width: 46%;
}
#second #culture .environmental .flex .box.double .text-area{
	width: 46%;
}
#second #culture .regional .flex .box.triple{
	width: 66%;
	position: relative;
}
#second #culture .regional .flex .box.triple .chara-img-area{
	display: flex;
	justify-content: space-between;
}
#second #culture .regional .flex .box.triple .chara-img-area img{
	width: 23%;
}
#second #culture .regional .flex .box.triple .chara-img-obi-area{
	position: absolute;
	bottom:0;
	right: -200px;
	width: 180px;
}
/*
#second .culture .obj.circle{
	top:-600px;
	left:100px;
	z-index: 1;
}*/
#second .culture .obj.circle.small{
	top:25%;
	right: -200px;
	left: auto;
}
#second .culture .obj.circle.second{
	top:76%;
	left:-100px;
	z-index: 1;
}
#second .environmental .obj.circle.small{
	top:-160px;
	right: -150px;
	left: auto;
}
#second .regional .obj.circle{
	top:-160px;
	left:-100px;
	z-index: 1;
}

@media screen and (max-width: 736px) {
	.anchor-link{
		padding: 55px 1rem;
		margin-top: 5rem;
	}
	.anchor-link .flex{
		padding: 0;
	}
	.anchor-link .flex a{
		display: flex;
		flex-direction: column;
	}
	.anchor-link .flex a .text{
		font-size: 1.5rem;
		padding: 1rem 0 0 0;
	}
	.anchor-link .flex a .eng2{
		font-size: .8rem;
		padding: 0 0 1rem 0;
	}
	.anchor-link .flex a:hover .text,
	.anchor-link .flex a:hover .eng2{
		color: var(--red);
	}
	.anchor-link .flex a .arrow{
		width:25px;
		margin: auto auto 0 auto;
	}
	
	#second .culture,
	#second .regional{
		padding: 6rem 1rem;
	}
	#second .culture{
		background-size: 40%;
	}
	#second .regional{
		background-position: left top -40%;
		background-size: 40%;
	}
	#second #culture p.jp-title{
		font-size: 1.8rem;
	}
	#second #culture h3.cnt-title {
		padding-bottom: 5rem;
		margin-bottom: 10rem;
		font-size: 2.4rem;
	}
	#second #culture h3.cnt-title img{
		height: 20px;
	}
	#second #culture .flex.cnt1,
	#second #culture .flex.cnt2{
		margin-bottom: 8rem;
	}
	#second #culture .flex .pic-area{
		width: 100%;
		margin-bottom: 2rem;
	}
	#second #culture .flex.cnt2 .pic-area{
		order: 1;
	}
	#second #culture .flex .pic-area img{
		border-top-left-radius: 30px;
		border-bottom-right-radius: 30px;
	}
	#second #culture .flex .text-area{
		width: 100%;
	}
	#second #culture .flex .text-area{
		order: 2;
	}
	#second #culture .flex .text-area .copy{
		margin: 0;
		font-size: 2.2rem;
		margin-top: 2rem;
		margin-bottom: 1rem;
	}
	#second #culture .flex .text-area .text{
		font-size: 1.5rem;
	}
	#second #culture .flex .text-area .btn{
		margin: auto 0 0 0;
	}
	#second #culture .flex .text-area .h-blue{
		font-size: 1.8rem;
	}
	#second #culture .environmental{
		padding: 6rem 1rem;
	}
	
	#second #culture .environmental .flex,
	#second #culture .regional .flex{
		flex-wrap: wrap;
		justify-content: left;
		gap: 0;
	}
	#second #culture .environmental .flex .box,
	#second #culture .regional .flex .box{
		width: 100%;
	}
	#second #culture .environmental .flex .box .img img,
	#second #culture .regional .flex .box .img img{
		border-top-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	#second #culture .environmental .flex .box .h-text,
	#second #culture .regional .flex .box .h-text{
		font-size: 2rem;
	}
	#second #culture .environmental .flex .box.double{
		width: 100%;
		flex-wrap: wrap;
	}
	#second #culture .environmental .flex .box.double .img{
		width: 100%;
	}
	#second #culture .environmental .flex .box.double .text-area{
		width: 100%;
	}
	#second #culture .regional .flex .box.triple{
		width: 100%;
		position: relative;
	}
	#second #culture .regional .flex .box.triple .chara-img-area{
		display: flex;
		flex-wrap: wrap;
	}
	#second #culture .regional .flex .box.triple .chara-img-area img{
		width: 48%;
		margin-bottom: 4%;
	}
	#second #culture .regional .flex .box.triple .chara-img-obi-area{
		position: static;
		width: 50%;
		margin: 2rem auto;
	}
	#second #culture .obi img{
		height: 160px;
		width: 100%;
		object-fit: cover;
	}
	#second .culture .obj.circle{
		top:-360px;
		left:30px;
	}
	#second .culture .obj.circle.small{
		display: none;
	}
	#second .culture .obj.circle.second{
		display: none;
	}
	#second .environmental .obj.circle.small{
		display: none;
	}
	#second .regional .obj.circle{
		top:-100px;
		left:0px;
		z-index: 1;
	}
}










/* インタビューページ-----------------------------------------------*/
#second #interview #mainvisual{
	background-image: url(../../images/interview_mv.jpg);
}

/* 新卒採用ページ-----------------------------------------------*/
#second #recruitment #mainvisual{
	background-image: url(../../images/recruitment_mv.jpg);
}
#second #recruitment .cnt-reader .text-area{
	width: 50%;
	padding: 10rem 0;
}
#second #recruitment .cnt-reader h3.h-text{
	font-size: 2.8rem;
	font-weight: 500;
	color: var(--blue);
	margin-bottom: 10rem;
}
#second #recruitment .cnt-reader p.text{
	margin-bottom: 2rem;
}
#second #recruitment .flow-area{
	width: 36%;
	position: absolute;
	top:100px;
	right: 0;
}
#second #recruitment .cnt-recruit h3.h-text{
	font-size: 2.8rem;
	font-weight: 500;
	color: var(--blue);
	margin-bottom: 6rem;
	text-align: center;
}
#second #recruitment .cnt-recruit .table01{
	padding: 2rem 1rem;
}
#second #recruitment .cnt-recruit .table01 table{
	border-spacing: 2rem;
}
#second #recruitment .cnt-recruit .table01 th{
	background-color: var(--blue);
	color: #fff;
	font-size: 2.4rem;
	font-weight: 500;
	padding: 2rem;
	white-space: nowrap;
	vertical-align: top;
}
#second #recruitment .cnt-recruit .table01 td{
	font-size: 1.8rem;
	padding: 2rem;
}
#second #recruitment .cnt-recruit .table-child01{
	padding: 0;
	border-collapse: collapse;
	border-bottom: solid 1px #ccc;
}
#second #recruitment .cnt-recruit .table-child01 table{
	border-spacing: 0;
}
#second #recruitment .cnt-recruit .table-child01 th{
	padding: 0 3rem 0 2rem;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background-color: transparent;
	color: #000;
	font-size: 1.8rem;
	font-weight: 400;
	text-align: left;
}
#second #recruitment .cnt-recruit .table-child01 td{
	padding: 0 2rem 0 2rem;
	border-top: solid 1px #ccc;
}

@media screen and (max-width: 736px) {
	#second #recruitment .cnt-reader .text-area{
		width: 100%;
		padding: 6rem 0;
	}
	#second #recruitment .cnt-reader h3.h-text{
		font-size: 2rem;
		margin-bottom: 6rem;
	}
	#second #recruitment .cnt-reader p.text{
		margin-bottom: 2rem;
	}
	#second #recruitment .flow-area{
		width: 80%;
		position: static;
		margin: auto auto 8rem auto;
	}
	#second #recruitment .cnt-recruit h3.h-text{
		font-size: 2rem;
	}
	#second #recruitment .cnt-recruit .table01{
		padding: 1rem 1rem;
	}
	#second #recruitment .cnt-recruit .table01 table{
		border-spacing: 1rem;
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#second #recruitment .cnt-recruit .table01 tbody{
		margin: auto;
		box-sizing: border-box;
	}
	#second #recruitment .cnt-recruit .table01 th{
		font-size: 2rem;
		padding: 1rem;
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	#second #recruitment .cnt-recruit .table01 td{
		font-size: 1.5rem;
		padding: 1rem;
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	#second #recruitment .cnt-recruit .table-child01 th{
		font-size: 1.5rem;
		display: table-cell;
		width: auto;
	}
	#second #recruitment .cnt-recruit .table-child01 td{
		font-size: 1.5rem;
		display: table-cell;
		text-align: center;
	}
}




















/* バーガーメニュー */
/* Navbar & Navmenu color */

.menu-btn {
	display: none;
}
@media screen and (max-width: 736px) {
	:root {
		--background-navbar: rgba(255, 255, 255, 0.98);
	}
	.menu {
		list-style: none;
		position: static;
		width: 100%;
		height: 0;
		top: 0;
		/*background: var(--background-navbar);*/
		transition: all 0.5s ease-out;
		transform: scale(1, 0);
		transform-origin: top;
		margin: 0 0 0 auto;
		padding: 0;
		text-align: center;
		position: absolute;
		right: 0;
		top:37px;
		background-color: var(--lightgray);
		z-index: 1;
		border-radius: 10px;
		box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
	}

	.menu{
		position:inherit;
		width: calc(100%);
		border-radius: 0;
		box-shadow:none;
		display: block;
		background-color: #ffffff;
		box-shadow: 3px 3px 3px #0000004D;
		color: var(--blue);
		border-radius: 20px;
	}
	/* Hamburger menu button */
	.menu-btn:checked ~ .menu {
		height: auto;
		transform: scale(1, 1);
		transform-origin: top;
		transition:all 0.4s ease-out;
		padding: 3rem 1rem 3rem 1rem;
		text-align: center;
	}
	/* Hamburger menbu text */
	.menu a {
		display: block;
		text-decoration: none;
		letter-spacing: 2px;
		font-size: 16px;
		text-transform: capitalize;
		opacity: 0;
		transition: 0.5s;
		border: none!important;
	}
	.menu li {
		display: block!important;
		padding: 0px 0;
		margin: 0;
		opacity: 0;
		border-bottom: solid 1px #ddd;
	}
	.menu-btn:checked ~ .menu a,
	.menu-btn:checked ~ .menu li {
		opacity: 1;
	}
	.menu-icon {
		display: inline-block;
		position: absolute;
		top:20px;
		right:40px;
		margin: auto;
		cursor: pointer;
		padding: 24px 14px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		z-index: 3;
	}
	.navicon {
		background: #030303;
		display: block;
		height: 3px;
		width: 40px;
		position: relative;
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
	}
	.navicon:before,
	.navicon:after {
		content: "";
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		background: #fff;
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
	}
	.navicon:before {
		top: 14px;
	}
	.navicon:after {
		bottom: 14px;
	}
	.menu-btn:checked ~ .menu-icon .navicon:before {
		transform: rotate(-45deg);
	}
	.menu-btn:checked ~ .menu-icon .navicon:after {
		transform: rotate(45deg);
	}
	.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
		top: 0;
	}
	.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
		bottom: 0;
	}
	.menu-btn:checked ~ .menu-icon .navicon {
		background: rgba(0, 0, 0, 0);
		transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
	}
	.menu-icon {
		top:0px;
		right:0px;
	}
	.navicon {
		width: 34px;
		border-radius: 10px;
	}
	.navicon:before,
	.navicon:after {
		content: "";
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		background: #030303;
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
		border-radius: 10px;
	}
	.navicon:before {
		top: 8px;
	}
	.navicon:after {
		bottom: 8px;
	}
}














/* アニメーション設定
.scr-target {
	opacity: 0;
	transform: translate3d(0, 30px, 0);
}
.scr-target.is-active {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: 1s;
} */

/* アニメーション設定 */
.scr-target {
	/* アニメーション開始から終了までの所要時間 */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	/* アニメーションが開始するまでの遅延時間 */
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	/* アニメーションのループ回数 - infiniteで無限ループ */
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	/* キーフレームアニメーションで指定したプロパティをアニメーション開始前、終了後に適用するかどうか */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.scr-target[class*='fadeIn'],
.scr-target[class*='zoom'] {
	opacity: 0;
}

/* フェードイン */
@-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}
.anime__fadeIn.is-active {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

/* フェードイン(上から) */
@-webkit-keyframes fadeInDown {
	from {opacity: 0;
			-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0);}
	to {opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);}
}
@keyframes fadeInDown {
	from {opacity: 0;
			-webkit-transform: translate3d(0, -100%, 0);
			transform: translate3d(0, -100%, 0);}
	to {opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);}
}
.anime__fadeInDown.is-active {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

/* フェードイン(下から) */
@-webkit-keyframes fadeInUp {
	from {opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);}
	to {opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);}
}
@keyframes fadeInUp {
	from {opacity: 0;
			-webkit-transform: translate3d(0, 30%, 0);
			transform: translate3d(0, 30%, 0);}
	to {opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);}
}
.anime__fadeInUp.is-active {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

/* フェードイン(左から) */
@-webkit-keyframes fadeInLeft {
	from {opacity: 0;
			-webkit-transform: translate3d(-20%, 0, 0);
			transform: translate3d(-20%, 0, 0);}
	to {opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);}
}
@keyframes fadeInLeft {
	from {opacity: 0;
			-webkit-transform: translate3d(-20%, 0, 0);
			transform: translate3d(-20%, 0, 0);}
	to {opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);}
}
.anime__fadeInLeft.is-active {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

/* フェードイン(右から) */
@-webkit-keyframes fadeInRight {
	from {opacity: 0;
			-webkit-transform: translate3d(20%, 0, 0);
			transform: translate3d(20%, 0, 0);}
	to {opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);}
}
@keyframes fadeInRight {
	from {opacity: 0;
			-webkit-transform: translate3d(20%, 0, 0);
			transform: translate3d(20%, 0, 0);}
	to {opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);}
}
.anime__fadeInRight.is-active {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

/* ズームイン */
@-webkit-keyframes zoomIn {
	from {opacity: 0;
			-webkit-transform: scale3d(0.3, 0.3, 0.3);
			transform: scale3d(0.3, 0.3, 0.3);}
	100% {opacity: 1;}
}
@keyframes zoomIn {
	from {opacity: 0;
			-webkit-transform: scale3d(0.3, 0.3, 0.3);
			transform: scale3d(0.3, 0.3, 0.3);}
	100% {opacity: 1;	}
}
.anime__zoomIn.is-active {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

/* ズームアウト */
@-webkit-keyframes zoomOut {
	from {opacity: 0;
			-webkit-transform: scale3d(1.6, 1.6, 1.6);
			transform: scale3d(1.6, 1.6, 1.6);}
	100% {opacity: 1;}
}
@keyframes zoomOut {
	from {		opacity: 0;
			-webkit-transform: scale3d(1.6, 1.6, 1.6);
			transform: scale3d(1.6, 1.6, 1.6);}
	100% {opacity: 1;}
}
.anime__zoomOut.is-active {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}