@charset "utf-8";
/*svg{	background: rgba(148,85,86,1.00);}*/
/* ROOT */
.root #header{	position:absolute;}
.root .global-nav a{	color: #FFF;}


@-webkit-keyframes parapara {
    0% { background-position: 50% 50%;}
  100% { background-position:  27100px -25400px; }
}
@keyframes parapara {
    0% { background-position: 50% 50%;}
  100% { background-position:  27100px -25400px; }
}
#index-slider{	position: relative; overflow: hidden;}
#index-slider .absCB{	z-index: +100;}
#index-slider .absLM{	padding: 300px 30px 0 30px;	max-width: 100%;	box-sizing: border-box;}
#index-slider .absRB{	margin: 35px 90px;}
	#index-slider .slides li div{	display: block;	height: 100%;	height: 100vh;}
	#index-slider .slides li .img{	display: block;	height: 100vh;	min-height: 768px;	position: relative;	overflow: hidden;}
	#index-slider .slides li .img .inner01{	position: relative;	z-index: 3;}
	#index-slider .slides li .img::before{	content: "";	display: block;	width: 100%;	height: 100%; background:url(../img/bg-index-slide.svg) center center repeat;	background-size: 2170px;	-ms-animation: parapara 100s steps(3000) 0s infinite;	-webkit-animation: parapara 100s  0s infinite;	animation: parapara 100s steps(3000) 0s infinite;	position: absolute;	left: 0;	top: 0;	z-index: 2;}
	#index-slider .slides li .img::after{ background:center center no-repeat;	background-size: cover;	content: "";	display: block;	width: 100%;	height: 100%;	position: absolute;	left: 0;	top: 0; z-index: 1;	-ms-transition: transform 7s linear;	-webkit-transition: transform 7s linear;	transition: transform 7s linear;}

	#index-slider .slides li.flex-active-slide .img::after{	transform: scale(1.2);}
	#index-slider .slides li.flex-active-slide >*:not(.img){	transform: scale(.8);}
	#index-slider.bgH .slides li.flex-active-slide .img{	background-size: auto 120%;}
	#index-slider .slides li.s01 .img::after{	background-image:url(../img/img-index-slide.jpg);}
	#index-slider .slides li.s02 .img::after{	background-image:url(../img/img-index-slide02.jpg);}
	#index-slider .slides li.s03 .img::after{	background-image:url(../img/img-index-slide03.jpg);}
	#index-slider .slides li.s04 .img::after{	background-image:url(../img/img-index-slide04.jpg);}

/*#index-slider .absRB{	margin: 35px 90px;}
	#index-slider .slides li div{	display: block;	height: 100%;	height: 100vh;	overflow: hidden;}
	#index-slider .slides li .img{	display: block;	height: 100vh;	min-height: 768px; background:center center no-repeat;	background-size: 100%;	-ms-transition: background-size 7s linear;	-webkit-transition: background-size 7s linear;	transition: background-size 7s linear;	position: relative;}
	#index-slider .slides li .img::before{	content: "";	display: block;	width: 100%;	height: 100%; background:url(../img/bg-index-slide.svg) center center repeat;	background-size: 2170px;	-ms-animation: parapara 100s steps(3000) 0s infinite;	-webkit-animation: parapara 100s  0s infinite;	animation: parapara 100s steps(3000) 0s infinite;	position: absolute;	left: 0;	top: 0;}
	#index-slider.bgH .slides .img{		background-size: auto 100%;}
	#index-slider .slides li.flex-active-slide .img{	background-size:120%;}
	#index-slider.bgH .slides li.flex-active-slide .img{	background-size: auto 120%;}
	#index-slider .slides li.s01 .img{	background-image:url(../img/img-index-slide.jpg);}
	#index-slider .slides li.s02 .img{	background-image:url(../img/img-index-slide02.jpg);}
	#index-slider .slides li.s03 .img{	background-image:url(../img/img-index-slide03.jpg);}*/

.root #sec01{	padding: 100px 0;	background:url(../img/bg-index01.jpg) center center no-repeat;	background-size: cover;}
	.root #sec01 ul{	margin-bottom: -230px;}
	.root #sec01 li{	margin-bottom: 35px;}
.root #sec02{	padding: 130px 0 100px;	background:url(../img/bg-index02.jpg) center center no-repeat;	background-size: cover;}
	.root #sec02 .h-txt01{	padding: 30px 0 0;}
	.root #sec02 p{		margin: 0 auto;	font-size: 123.1%;	line-height: 1.4em;}
	.index-people01{	position: relative;	width: 100%;	margin-top: -200px;	min-height: 626px;}
	.index-people01 li{	list-style: none;	display: block;}
	.index-people01 li.absLT,
	.index-people01 li.absRT{	margin: 0 -100px;}
	.index-people01 li.absLM,
	.index-people01 li.absRM{	margin: auto 10px;}
	.index-people01 li.absLB,
	.index-people01 li.absRB{	margin: auto -100px;}
	.index-people01 li.absCC{	margin: 530px 350px;}
	.root #sec02 .inlinebox01{	margin-top: 150px;}
	.root #sec02 .btn-ghost01-02{	top: -150px;}
.root #sec03{	background:#079CCD;	position: relative;	min-height: 800px;}
.root #sec03 .h-txt01{	z-index: +1;	padding-top: 5px;}
	.root #sec03 li{	width: 404px;	transform: skewX(-10deg);	padding: 80px 0 65px;	background: #FFD340; overflow: hidden;}
	.root #sec03 li a{	display: block;	transform: skewX(10deg);}
	.root #sec03 li img{	max-width: none;	margin-left: -80px;}
	.root #sec03 li:nth-child(even){	margin: 0 20px;}
	@media screen and (max-width: 640px) {
		.root #header{	position:absolute;	background-color: transparent;}
		#index-slider,
		#index-slider .slides li .img{	height: 100%;	height: calc(100vh);	background-size: 100%; overflow: hidden;}
			#index-slider .slides li.s01 .img::after{	background-image:url(../img/img-index-slide@sp.jpg);}
			#index-slider .slides li.s02 .img::after{	background-image:url(../img/img-index-slide02@sp.jpg);}
			#index-slider .slides li.s03 .img::after{	background-image:url(../img/img-index-slide03@sp.jpg);}
			#index-slider .slides li.s04 .img::after{	background-image:url(../img/img-index-slide04@sp.jpg);}
			#index-slider .slides li.flex-active-slide .img,
			#index-slider.bgH .slides li.flex-active-slide .img{	background-size:120%;}
			#index-slider .slides li .img::before{	background-size: 1085px;	opacity: .3;}
			#index-slider .absRM,
			#index-slider .absLM{	top:auto;	bottom: 0;	margin-bottom: 30px;}
		.root #sec01{	padding: 30px 0;}
		.root #sec01 ul{	margin-bottom: -100px;}
		.index-people01{	margin-top: 0;}
		.index-people01 li{	position: static;}
		.root #sec02{	padding: 70px 0 30px;	}
			.root #sec02 .btn-ghost01-02{	top:0px;	margin: 20px auto 0;}
			.root #sec02 p{		font-size: 108%;}
			.root #sec02 .inlinebox01{	margin-top: 50px;}
		.root #sec03{	padding: 30px 0;}
		.root #sec03 .h-txt01{	position: static;	margin: 0 auto 1.8em!important;}
			.root #sec03 li{	width: 100%;	transform: skewX(0deg);	padding: 10px 0 5px;}
			.root #sec03 li a{	display: block;	transform: skewX(0deg);}
			.root #sec03 li img{	max-width: 100%;	margin-left: 0px;}
			.root #sec03 li:nth-child(even){	margin: 0;}
}
	@media screen and (max-width: 375px) {
		#index-slider,
		#index-slider .slides li .img{	background-size:auto 100%; }
			#index-slider .slides li.flex-active-slide .img,
			#index-slider.bgH .slides li.flex-active-slide .img{	background-size:auto 120%;}
}

/* FIELD */
.field section{	margin-top: 40px;}
.field section h4{	margin: 20px auto;}
.field section .box{	background: #EEEEEE;}
.field section .box p{	font-size: 123.1%;	line-height: 2em;	padding: 50px 20px 0 490px;}
.field #sec01 .h-img01{	background-color:#6CABD1;}
.field #sec02 .h-img01{	background-color:#F68D6D;}
.field #sec03 .h-img01{	background-color:#857AB0;}
@media screen and (max-width: 640px) {
	.field section .box p{	font-size: 108%;	padding: 1em;}
}
/* MESSAGE */
.message#index .col1box01{	position: relative;	z-index: +1;	 margin-top: -155px;}
.message#index .col1box01 li{	position: relative;}
.message#index .col1box01 li span{	margin: 30px 90px;}
.message#index .col1box01 li + li{	margin-top: 50px;}
.message aside{	margin-top: 40px;	padding: 40px 0;	background: #103A83;}
.messagebox01 p{	display: block;	height: 305px;	font-size: 123.1%;	line-height: 2em;	padding: 60px 100px 0 450px;}
.messagebox01 p + p{	margin-top: -30px;}
.messagebox01 p.n01{	padding: 60px 100px 0 450px;	background: left center no-repeat;}
.messagebox01 p.n02{	padding: 60px 450px 0 100px;	background: right center no-repeat;}
.messagebox01 p.n03{	height: 265px;	padding: 110px 100px 0 450px;	background: left center no-repeat;}
#ceo .messagebox01 .n01{	background-image: url(../img/img-message-ceo01.png);}
#ceo .messagebox01 .n02{	background-image: url(../img/img-message-ceo02.png);}
#ceo .messagebox01 .n03{	background-image: url(../img/img-message-ceo03.png);}
#coo .messagebox01 .n01{	background-image: url(../img/img-message-coo01.png);}
#coo .messagebox01 .n02{	background-image: url(../img/img-message-coo02.png);}
#coo .messagebox01 .n03{	background-image: url(../img/img-message-coo03.png);}
#hr article > div{	padding-top: 0;}
#hr article .hr-bg{	padding: 80px 0 40px;		background: url(../img/bg-message-hr.jpg) center bottom no-repeat #FFFFFF;}
#hr article > div p{	width: 350px;	font-size: 123.1%;	line-height: 2em;}
@media screen and (max-width: 640px) {
	.message#index .col1box01{ margin-top: -75px;}
	.messagebox01 p{	font-size: 108%;	height: auto!important;	background-position: center top!important;	background-size: 260px!important;	padding: 200px 0 0!important;	box-sizing: content-box;}
	.messagebox01 p + p{	margin-top: 10px;}
	#hr article .hr-bg{	padding: 40px 0;		background: url(../img/bg-message-hr@sp.jpg) center bottom no-repeat #FFFFFF;	background-size: 100%;}
	#hr article .hr-bg .inner02{	padding-bottom: 80%;}
	#hr article > div p{	width: 100%;	font-size: 108%;}
}
/* PEOPLE */
.people .bg01{	padding-top: 40px;}
.people aside h3{	margin-top: 50px;}
.people p{	font-size: 123.1%;	line-height: 2em;}
.header-people{	background:url(../img/img-header-sub-people-ob01.jpg) center bottom no-repeat;	height: 540px;	position: relative;	font-size: 123.1%;	color: #FFF;}
	.header-people span{	display: inline-block;	vertical-align: middle;	padding-bottom: .5em;	font-weight: bold;}
	.header-people em{	font-weight: bold;	font-size: 1.87em;	font-style:normal;}
	.header-people em::after{	content: "";	display: inline-block;	width: 1px;	height: 26px;	margin:0 1em;	transform:skewX(-45deg);	background: #FFF;	vertical-align: middle;}
	.header-people > div.absCM{	width: 1060px;}
	.header-people > div.absLB{	width: 100%;	padding: 10px 0 7px;	background: rgb(16,58,131);	background: rgba(16,58,131,.75);}
	#ob01 .header-people{	background-image:url(../img/img-header-sub-people-ob01.jpg);}
	#ob02 .header-people{	background-image:url(../img/img-header-sub-people-ob02.jpg);}
	#ob03 .header-people{	background-image:url(../img/img-header-sub-people-ob03.jpg);}
	#ob04 .header-people{	background-image:url(../img/img-header-sub-people-ob04.jpg);}
	#ob05 .header-people{	background-image:url(../img/img-header-sub-people-ob05.jpg);}
	#ob06 .header-people{	background-image:url(../img/img-header-sub-people-ob06.jpg);}
	#ob07 .header-people{	background-image:url(../img/img-header-sub-people-ob07.jpg);}
.mainbox{	width: 650px;	float: left;}
	.mainbox section + section{	margin-top: 40px;}
	.mainbox img{	margin-top: 40px;}
.sidebox{	width: 300px;	float: right;}
	.sidebox p{	font-size: 108%;	line-height: 1.6em;}
	.sidebox .profile{	background: #EEEEEE;	margin-bottom: 40px;}
	.sidebox .profile p{	padding: 0 1em 1em;}
	.sidebox .msg{	color: #FFFFFF;	padding: 1em;	background: #103A83;}
	.sidebox .msg::after{	content: "";	display: block;	width: 0;	height: 0;	border:solid 10px transparent;	border-bottom: 0;	border-top-color:#103A83;	position: relative;	margin: 1em auto -20px;}
	.sidebox .private{	padding: 1em;	background: #FFD340;}
	.sidebox .private::before{	content: "";	display: block;	width: 0;	height: 0;	border:solid 10px transparent;	border-top: 0;	border-bottom-color:#FFD340;	position: relative;	margin: -20px auto 1em;}
	.sidebox > div{	margin: 20px auto;}
.sidebox dl{	position: relative;	font-size: 108%;	line-height: 2em;	margin-bottom: 40px;}
	.sidebox dl::before{	content: "";	display: block;	position:absolute;	width: 55px;	height: 100%;		background: #EEEEEE;}
.sidebox dt{	width: 55px;	text-align: center;	float: left;	clear: both;	z-index: +1;	position: relative;	font-weight: bold;}
.sidebox dd{	margin-left: 57px;	padding:0 1em 0 25px;	text-indent: -25px;	background: #FFF;}
.sidebox dd::before{	content: "";	display: inline-block;	height: 0;	border: solid 5px transparent; 	border-left-color: #103A83;	margin: 0 5px 0 10px;}
.bottombox{	clear: both;	height: 840px; background:url(../img/img-people-ob01-bottom.jpg) center center no-repeat;	background-size: cover;	margin: 40px auto;}
	#ob01 .bottombox{	 background-image:url(../img/img-people-ob01-bottom.jpg);}
	#ob02 .bottombox{	 background-image:url(../img/img-people-ob02-bottom.jpg);}
	#ob03 .bottombox{	 background-image:url(../img/img-people-ob03-bottom.jpg);}
	#ob04 .bottombox{	 background-image:url(../img/img-people-ob04-bottom.jpg);}
	#ob05 .bottombox{	 background-image:url(../img/img-people-ob05-bottom.jpg);}
	#ob06 .bottombox{	 background-image:url(../img/img-people-ob06-bottom.jpg);}
	#ob07 .bottombox{	 background-image:url(../img/img-people-ob07-bottom.jpg);}

	@media screen and (min-width: 1893px) {
		.header-people{	background-size: 100%;}
	}

@media screen and (max-width: 640px) {
	.header-people{	background-size: auto 100%;	height: 230px;	font-size: 93%;	margin-bottom: 62px;}
	.header-people > div.absLB{	bottom:-65px;}
	.header-people > div.absCM{	width:94%;}
	.header-people > div.absCM img{	width: 60%;}
	.people aside h3{	margin-top: 20px;}
	.people aside h3 img{	height: 36px!important;}
	.mainbox,
	.sidebox{	width:100%;}
	.mainbox > * + *{	margin: 20px auto 0;}
	.mainbox img{	margin-top: 20px;}
	.mainbox p{	font-size:108%;}
	.sidebox > *{	margin: 20px auto 0!important;}
	.bottombox{	height: 320px;}
}

/* TALK */
/*.talk article{	position: relative;}
.talk section{	padding: 90px 0 0;	position: relative;}
.talk section h3{	 font-size: 182%;	margin-bottom: 90px;	color: rgb(16,58,131);}
.talk p{	font-size: 16px;	line-height: 2;}
.header-talk{	height: 820px;	position: relative;	text-align: center;	background: url(../img/bg-header-talk.jpg) 50% 50% no-repeat;	background-size: cover;}
	.header-talk p{	display: inline-block;	font-size: 50px;	color: #103A83;	font-weight: bold;	line-height: 1.2;	padding: 20px;	background: rgba(255,255,255,.9);}
	.header-talk p span{	letter-spacing: -.5em;}
	.header-talk + p{	margin: 20px auto;}
.frontbox{	z-index: 6;}
.talkImgBox{	height: 1314px;	position: relative;	background: 50% 100% no-repeat;	background-size: cover;}
.commentbox{	margin: 70px auto 0;	max-width: 814px;	padding: 30px;	background: rgba(255,255,255,.9);}
.comment{	color: rgb(16,58,131);}
	.comment em{	font-style: normal;	font-weight: bold;	margin-right: 1em;}
.col2box-talk-profile li{	width: 50%;	margin: 0;	position: relative;}
	.col2box-talk-profile .frontbox{	width: 490px;	padding: 11% 8%;	color: #FFFFFF;}
	.col2box-talk-profile .frontbox > div{	padding: 5px 50px;	background: rgba(16,58,131,.75);}
	.col2box-talk-profile .frontbox h4{	font-size: 40px;	font-weight: 500;}
		.col2box-talk-profile .frontbox h4::after{	content: attr(data-text);	font-size: .4em;	font-style: italic; vertical-align: middle;}
	.col2box-talk-profile .frontbox > p{	padding: 10px 50px;	min-height: 6.5em;	line-height: 1.6;	background: rgba(0,0,0,.5);}

#talk #sec01 .talkImgBox{	background-image: url(../img/bg-talk_sec01.jpg);}
#talk #sec02 img + *,
#talk #sec04 img + *{	margin-top: 40px;}
#talk #sec02 img.pc-fL{	margin: 0 50px 0 -360px;}
#talk #sec02 img.pc-fR{	margin: 0 -360px 0 50px;}
#talk #sec03 .talkImgBox{	background-image: url(../img/bg-talk_sec03.jpg);}
#talk #sec03 .commentbox{	max-width: 1000px;}
#talk #sec04 img.pc-fL{	margin: 0 40px 0 -100px;}
#talk .talk-bottom{	height: 915px;	padding-top: 90px;	margin-top: 90px;	background: url(../img/bg-talk-footer.jpg) 50% 50% no-repeat;	background-size: cover;}
	#talk .talk-bottom li{	width: 48%!important;	max-width: 360px;}
	#talk .talk-bottom p{	font-size: 108%;	line-height: 1.6;	color: #FFFFFF;}
	#talk .msg{	color: #FFFFFF;	padding: 20px;	background: #103A83;	position: relative;	border-radius: 5px;}
	#talk .msg::after{	content: "";	display: block;	width: 0;	height: 0;	border:solid 10px transparent;	border-bottom: 0;	border-top-color:#103A83;	position:absolute;	top: 100%;	left: 50%; margin: 0 0 0 -10px;}

@media screen and (min-width: 641px) {
	.talk article::before{	content: "";	display: block;	z-index: 5;	height: 100%;	width: 100%;	position: absolute;	left: 0;	top: 0; background:url(../img/bg-talk_line.png) 50% 0 repeat;}
}
@media screen and (max-width: 640px) {
	.talk article::before{	background-size: 200%;}
	.talk section{	padding: 40px 0 0;}
	.talk p{	font-size: 100%;}
	.talk section h3{	 font-size: 153.9%;	margin-bottom: 30px;}
	.header-talk{	height: 50vmax;	background-image: url(../img/bg-header-talk@sp.jpg);	background-position: 50% 0;}
		.header-talk > div{	left: 0;	top: 0;	margin: 0 auto!important;	padding: 24vmax 0 0;}
		.header-talk p{	font-size: 4vmin;	}
	.talkImgBox{	height: auto;}
	.commentbox{	margin: 0 auto;	padding: 20px;	background: rgba(255,255,255,.7);	box-sizing: border-box;	width: 100%;}
	.col2box-talk-profile .frontbox{	width: 100%;	padding: 0;	font-size: 3.5vw;}
	.col2box-talk-profile .frontbox > div{	padding: 5px 10px;}
	.col2box-talk-profile .frontbox h4{	font-size: 6vmin;}
	.col2box-talk-profile .frontbox > p{	padding: 10px 10px;	min-height: 0;}
	#talk #sec02 img + *,
	#talk #sec04 img + *{	margin-top: 0px;}
	#talk #sec02 img{	display: block;	margin: 20px auto!important;}
	#talk #sec04 img{	display: block;	margin: 0 auto 20px!important;}
	#talk .talk-bottom{	height: auto;	padding:0 0 60vw;	margin-top: calc(20vmin + 40px);}
		#talk .talk-bottom ul{	position: relative;	top: -20vmin;}
		#talk .talk-bottom p{	font-size: 3vmin;}
		#talk .msg{	padding: 10px;}
		#talk .msg::after{	margin: 0 auto;}
		#talk .msg.n1::after{	left:17%;}
		#talk .msg.n2::after{	left:auto;	right: 17%;}
}
*/

.flex{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flexCol{
	-moz-flex-direction: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.contC{
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.itemC{
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

@media screen and (min-width:768px){
	.pc-flex{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.pc-flexCol{
		-moz-flex-direction: vertical;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.pc-contC{
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
	}

	.pc-itemC{
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}
	.pc-itemE{
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		-ms-align-items: flex-end;
		align-items: flex-end;
	}

	.pc-flexReRow{
		-moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
	}

}

@media screen and (max-width:767px){
	.sp-flex{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.sp-flexCol{
		-moz-flex-direction: vertical;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.sp-contC{
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
	}

	.sp-itemC{
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}

}
.pc-pt20{	padding-top: 20px;}
.mt40{	margin-top: 20px;}
.mb40{	margin-bottom: 40px;}
.talk article{	position: relative;}
.talk section{	margin-top: 75px;	position: relative;}
.talk .img1{	width: 375px;}
.talk .img2{	width: 440px;}
.talk .fullimg{	margin: 75px auto;	width: 100%;	position: relative;	overflow: hidden;}
	.talk .fullimg img{	max-width: none;	position: relative;	left: 50%;	transform: translateX(-50%);}
.talk section img.pc-fL{	margin: 0 40px 0 0;}
.talk section img.pc-fR{	margin: 0 0 0 40px;}
.talk section h3{	 font-size: 28px;	font-weight: 700;	margin-bottom: 1em;	color: rgb(16,58,131);}
.talk .h-txt03{	margin-bottom: .7em;}
.talk p{	font-size: 16px;	line-height: 2;}

.header-talk{	font-size: 30px;	color: #fff;	height: 1020px;	position: relative;	text-align: center;	background: url(../img/img-talk01.jpg) 50% 50% no-repeat;	background-size: cover;	margin-bottom: 30px;}
	.header-talk h2{	color: rgba(16,58,131,1);	font-weight: bold;	font-size: 1.2em;	margin-bottom: .5em;	padding-top: 220px;}
	.header-talk p{font-size: 1em;	font-weight: bold;	line-height: 2.2;}
	.header-talk p span{	background: rgba(16,58,131,.8);	padding: .3em 1.5em;}
.frontbox{	z-index: 6;}
.comment{	color: rgb(16,58,131);	line-height: 2.25!important;    font-feature-settings: normal;}
	.comment em{	font-style: normal;	font-weight: bold;	margin-right: 1em;}

.talk-profile{	color: #fff;	font-size: 12px;	width: 1200px;	margin: 30px auto;	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
	.talk-profile li{clip-path: polygon(15px 0%, 100% 0%, calc(100% - 25px) 100%, 0% 100%);	list-style: none;	width: 392px;	position: relative;}
	.talk-profile img{	width: 100%;}
	.talk-profile_inner{	position: absolute;	left: 0;	bottom: 0;}
	.talk-profile_inner p{	font-size: 1em!important;}
	.talk-profile_inner > *{	padding-left: 20px;	padding-right: 20px;	position: relative;	z-index: 2;}
	.talk-profile_inner > *::before{	content: "";	position: absolute;	left: 0;	bottom: 0;	transform-origin: 0 0;	transform: skewX(-5deg);	width: 100%;	z-index: -1;}
	.talk-profile_inner > div{	display: inline-block;}
	.talk-profile_inner > div::before{	content: "";	background: rgba(16,58,131,.75);	height: calc(100% - 5px);}
	.talk-profile_inner h4{	font-size: 2em;	font-weight: 700;	text-shadow: 1px -1px 2px rgba(0,0,0,.33);}
	.talk-profile_inner h4::after{	font-size: .5em;	content: attr(data-text); margin-left: .7em;	text-shadow: none;	font-style: italic;}
	.talk-profile_inner > p{	height: 59px;	line-height: 1.25!important;	margin-right: 30px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;
	}
	.talk-profile_inner > p::before{	height: 100%;	background: rgba(0,0,0,.5)}

.talk-set{	gap: 40px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
	.talk-set_imgbox{	min-width: 375px;width: 375px;}
	.talk-set_imgbox.is-large{	min-width: 440px;	width: 440px;}
	.talk-set_textbox{flex-grow: 1;}
	.talk-set+.talk-set{	margin-top: 40px;}
	.talk-set_endtext{	margin-top: 70px!important;}

.talk-msg_wrap{	margin: 75px auto 0;	width: 100%;	position: relative;	overflow: hidden;}
	.talk-msg_wrap img{	max-width: none;	position: relative;	left: 50%;	transform: translateX(-50%);}
.talk-msg{	gap: 30px;	position: absolute;	left: 0;	bottom: 175px;	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
	.talk-msg p{	font-size: 108%;	line-height: 1.6;}
	.talk-msg svg{	width: 156px;	height: auto;	fill:currentColor;}
	.talk-msg::after{	display: none;}
	.talk-msg li{	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	color: #103A83;	padding: 20px;	background: rgba(255,255,255,.8);	position: relative;	border-radius: 5px;	list-style: none;	width: 324px;}
	.talk-msg li::after{	content: "";	display: block;	width: 0;	height: 0;	border:solid 10px transparent;	border-top: 0;	border-bottom-color:rgba(255,255,255,.8);	position:absolute;	bottom: 100%;	left: 50%;	transform: translateX(-50%);}

@media screen and (min-width: 1920px) {
	.talk .fullimg img,
	.talk-msg_wrap img{	width: 100%;}
}
@media screen and (min-width: 641px) {
	.talk article::before{	content: "";	display: block;	z-index: 5;	height: 100%;	width: 100%;	position: absolute;	left: 0;	top: 0; background:url(../img/bg-talk_line.png) 50% 0 repeat;}
	.talk-msg{
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}
}
@media screen and (max-width: 640px) {
	.talk article::before{	background-size: 200%;}
	.talk section{	margin-top: 40px;}
	.talk section img.pc-fL,
	.talk section img.pc-fR{	margin: 20px auto;}
	.talk p{	font-size: 100%;}
	.talk section h3{	 font-size: 153.9%;}
	.header-talk{	font-size: 16px;	height: 50vmax;	background: url(../img/img-talk01@sp.jpg) 50% 100% / cover no-repeat;}
		.header-talk h2{	padding-top: 80px;}
	
	.comment{	line-height: 1.6!important; }
	.comment + .comment{padding-top: .5em; }
	
	.talk .fullimg{	margin: 40px auto;}
		.talk .fullimg img{	width:120vw;}
	.talk-profile{	width: 100%;	margin: 30px auto;	position: relative;
		-moz-flex-direction: vertical;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
		.talk-profile li{clip-path: none;	width: 100%;}
		.talk-profile_inner > *{	padding-left: 20px;	padding-right: 20px;}
		.talk-profile_inner > *::before{	transform: skewX(-10deg);}
		.talk-profile_inner h4{	font-size: 2em;	font-weight: 700;	text-shadow: 1px -1px 2px rgba(0,0,0,.33);}
		.talk-profile_inner > p{	height: auto;	padding-top: 1em;	padding-bottom: 1em;}

	.talk-set{	gap: 20px;
		-moz-flex-direction: vertical;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
		.talk-set_imgbox,
		.talk-set_imgbox.is-large{	min-width: 0;	width: 100%;}
		.talk-set+.talk-set{	margin-top: 30px;}
		.talk-set_endtext{	margin-top: 20px!important;}

	.talk-msg_wrap{	margin-top: 40px;}
	.talk-msg_wrap img{	width: 100%;}
	.talk-msg{	gap: 5px;	bottom: 50vmin;}
		.talk-msg p{	font-size: 2.93333333333vmin;	line-height: 1.4;}
		.talk-msg svg{	width: 80%!important;}
		.talk-msg li{	padding: .5em;	width: calc((100% - 20px) / 3);}
}



/* ABOUT */
.about #main{ background:url(../img/bg-index-slide2.svg) 50% -900px repeat ,url("../img/bg-about01.jpg") 50% 0 no-repeat #103A83;	background-size: 2115px,auto;	padding-bottom: 100px;}
.about-history li{	display: block;	list-style: none;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap:  wrap;
	-ms-flex-wrap:  wrap;
	flex-wrap:  wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content:  space-between;
	-ms-justify-content:  space-between;
	justify-content:  space-between;
	-webkit-align-items: center;
	-moz-align-items:  center;
	-ms-align-items:  center;
	align-items:  center;

}
	.about-history li:nth-child(n+2){	margin-top: 70px;}
	.about-history .imgbox{		position: relative;}
	.about-history .textbox{	width: 440px;	box-sizing: border-box;	margin-left: 100px;	padding: 0 25px;}
	.about-history .textbox::before{	background: url("../img/bg-about02.png") no-repeat;	background-size: 93px;	content: "";	display: block;	height: 48px;	margin:-58px 0 10px;	width: 93px;}
	.about-history li:nth-child(2) .textbox::before{	background-position: 0 50%;}
	.about-history li:nth-child(3) .textbox::before{	background-position: 0 100%;}
	.about-history .textbox p{	color: #FFFFFF;	font-size: 18px;	line-height: 1.8;	padding: 25px 0;	position: relative;	}
	.about-history .textbox p span{	display: block;	position: relative;	z-index: 3;}
	.about-history .textbox p::before,
	.about-history .textbox p::after{	background: url("../img/bg-about03.png") no-repeat;	background-size: 100% 100%;	min-width: 2200px;	content: "";	display: block;	height: 100%;	position: absolute;	top: 0;	width: 100vw;}
	.about-history .textbox p::before{	opacity: .3; z-index: 0;}
	.about-history .textbox p::after{	opacity: .9;	z-index: 2;}
	.about-history li:nth-child(odd) .textbox::before{	float: right;}
	.about-history li:nth-child(odd) .textbox p::before{	left: 110%;}
	.about-history li:nth-child(odd) .textbox p::after{	right: -190px;}
	.about-history li:nth-child(odd) .imgbox{	text-align: right;}
	.about-history li:nth-child(even) .imgbox{	text-align: left;}
	.about-history li:nth-child(even) .textbox p::before{	right: 110%;}
	.about-history li:nth-child(even) .textbox p::after{	left: -190px;}
	@media screen and (min-width: 641px) {
		.about-history li:nth-child(even) .textbox{	margin-left: 0;	margin-right: 100px;
			-webkit-box-ordinal-group: 3;
			-moz-box-ordinal-group: 3;
			-ms-flex-order: 3;
			-webkit-order: 3;
			order: 3;
		}
	}
	@media screen and (max-width: 640px) {
		.about #main{	background-size: 100%,150%;	padding-bottom: 50px;}
		.about-history li:nth-child(n+2){	margin-top: 30px;}
		.about-history .textbox{	width: 100%;	margin:0 auto 10px;	padding: 0;	position: relative;	z-index: 1;}
		.about-history .textbox p{font-size: 12px;	line-height: 1.8;	padding: 1em 0;}
		.about-history li:nth-child(odd) .textbox::before{	float: none;}
		.about-history li .imgbox{	margin-bottom: 10px;
			-webkit-box-ordinal-group: -1;
			-moz-box-ordinal-group: -1;
			-ms-flex-order: -1;
			-webkit-order: -1;
			order: -1;
		}
	}

.topics-catch{	background: url("../img/bg-about-topics.jpg") no-repeat; background-size: cover;	color: #FFFFFF;	font-size: 18px;	line-height: 2;	margin-bottom: 60px;}
	.topics-catch div{	border-top: solid 3px #FFFFFF;	border-bottom: solid 3px #FFFFFF;	margin: 60px auto;	max-width: 90%;	padding: 30px 0;	width: 680px;}
	.topics-catch h3{	text-align: center;	margin-bottom: 30px;}

.topics-list{
		display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap:  wrap;
	-ms-flex-wrap:  wrap;
	flex-wrap:  wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content:  space-between;
	-ms-justify-content:  space-between;
	justify-content:  space-between;
}
	.topics-list li{	list-style: none;}
	.topics-list> li{	font-size: 16px;	line-height: 2;	max-width: 100%;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-align-items: flex-start;
		-moz-align-items:  flex-start;
		-ms-align-items:  flex-start;
		align-items:  flex-start;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap:  wrap;
		-ms-flex-wrap:  wrap;
		flex-wrap:  wrap;
		background: #FFFFFF; border:solid 3px #FFC926;	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	padding: 27px 27px;	width: 495px;
	}
	.topics-list> li p{	width: 412px;	margin: 0 auto;	max-width: 100%;}
	.topics-list> li h4{	background:0 0 no-repeat;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	color: #103983;	font-size: 24px;	font-weight: bold;	padding-left: 142px;	line-height: 142px;	text-align: center;	margin: -27px 0 0 -27px;	width: calc(100% + 27px);	white-space: nowrap;}
		.topics-list> li h4 em{	font-size: 1.666em;	font-style: normal;}
		.topics-list> li:nth-child(1) h4{	background-image: url("../img/bg-about-topics01.png");}
		.topics-list> li:nth-child(2) h4{	background-image: url("../img/bg-about-topics02.png");}
		.topics-list> li:nth-child(3) h4{	background-image: url("../img/bg-about-topics03.png");}
		.topics-list> li:nth-child(4) h4{	background-image: url("../img/bg-about-topics04.png");}
		.topics-list> li:nth-child(5) h4{	background-image: url("../img/bg-about-topics05.png");}
		.topics-list> li:nth-child(6) h4{	background-image: url("../img/bg-about-topics06.png");}
		.topics-list> li:nth-child(7) h4{	background-image: url("../img/bg-about-topics07.png");}
		.topics-list> li:nth-child(8) h4{	background-image: url("../img/bg-about-topics08.png");}
		.topics-list> li:nth-child(9) h4{	background-image: url("../img/bg-about-topics09.png");}
	.topics-list ul{	color: #103983;	font-weight: bold;	margin-top: auto;	margin-bottom: 0;	width: 100%;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		-moz-justify-content:  space-between;
		-ms-justify-content:  space-between;
		justify-content:  space-between;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap:  wrap;
		-ms-flex-wrap:  wrap;
		flex-wrap:  wrap;
	}
	.topics-list> li:nth-child(n+2){	margin-top: 10px;
		-webkit-flex-direction:vertical;
		-moz-flex-direction:vertical;
		-ms-flex-direction:column;
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	.topics-list > li:nth-child(n+2) li{	width: 210px;}
	.topics-list> li:first-child{	width: 100%;
		-webkit-justify-content: space-between;
		-moz-justify-content:  space-between;
		-ms-justify-content:  space-between;
		justify-content:  space-between;
	}
	.topics-list> li:first-child div{	width: 412px;}
	.topics-list> li:first-child ul{	width: 484px;}
	.topics-list> li:nth-child(3) ul{	padding-top: 30px;}
@media screen and (max-width: 640px) {
	.topics-catch{	font-size: 13px;	margin-bottom: 30px;}
		.topics-catch div{	margin: 30px auto;	padding: 15px 0;}
		.topics-catch h3{	text-align: center;	margin-bottom: 15px;}
		.topics-list> li{	font-size: 12px;	padding: 15px;}
		.topics-list> li h4{	background-size: 71px;	font-size: 16px;	font-weight: bold;	padding-left: 71px;	line-height: 71px;	margin: -15px 0 0 -15px;	width: calc(100% + 15px);	}
		.topics-list> li ul{	padding-top: 0!important;}
		.topics-list > li li{	width: 100%!important;	margin-top: 1em;}
		.topics-list img{	width: 100%;}
}

/* Employment */
.employment #main{ background:url(../img/bg-index-slide2.svg) 50% -900px repeat ,url("../img/bg-about01.jpg") 50% 0 no-repeat #103A83;	background-size: 2115px,auto;	padding-bottom: 100px;}
.employment-box{	font-size:16px;	background: #ffffff;	border:solid 6px #FFC926;	padding: 15px 103px 80px;	position: relative;	overflow: hidden;}
	.employment-box.is-education{	padding: 15px 40px 80px;}
	.employment-box::before{		content: "";	border:solid 74px transparent;	border-left-color: #FFC926;	border-top-color: #FFC926;	position: absolute;	left: 0;	top: 0;}
	.employment-box *{	position: relative;	z-index: +1;}
	.employment-box_title1{	color: #103983;	font-size: 40px;	font-weight: bold;	text-align: center;	font-feature-settings: normal;}
	.employment-box_title2{	color: #103983;	font-weight: bold;	font-size: 28px;	height: 44px;	line-height: 44px;	margin-bottom: 50px;	padding-left: 40px;	position: relative;}
		.employment-box_title2::before,
		.employment-box_title2::after{	content: "";	position: absolute;	top: 0;}
		.employment-box_title2::before{		border:solid 22px transparent;	border-left-color: #FFC926;	left: 0;}
		.employment-box_title2::after{	height: 100%;	width: 100%;	background: #FFC926;	right: 100%;}
	.employment-box_title3{	font-weight:normal;	font-size: 18px;	margin: 50px auto 70px;	text-align: center;}
	.employment-box section{	margin-top: 100px;}
.table-employment{	border-spacing: 10px;	font-size: 16px;	border-collapse:separate;	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	width: 100%;}
	.table-employment> tbody > tr > *{		-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	color: #333333;	line-height: 1.4;	padding: 10px;	vertical-align: middle;}
	.table-employment> tbody > tr > th{	background: #103983;	color: #ffffff;}
	.table-employment table *{	font-weight: normal;	text-align: left;	padding-right: 1em;}
.education-flow li{	
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		-moz-justify-content:  space-between;
		-ms-justify-content:  space-between;
		justify-content:  space-between;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap:  wrap;
		-ms-flex-wrap:  wrap;
		flex-wrap:  wrap;
	}
	.education-flow li:nth-child(n+2){	margin-top: 30px;}

.table-education{	font-size: 16px;	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	width: 730px;}
	.table-education> tbody > tr > *{	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	color: #333333;	line-height: 1.4;	padding: 10px;	vertical-align: top;}
	.table-education> tbody > tr > th{	color: #ffffff;	text-align: center;}
.education-color1{	background-color: #E67C5C!important;}
.education-color2{	background-color: #6AB17E!important;}
.education-color3{	background-color: #58B7E0!important;}
.education-titlebox1{	border-radius: 50%;	color: #ffffff;	height: 150px;	width: 150px;	font-weight: bold;	text-align: center;	font-size: 21px;	margin-top: 10px;	position: relative;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-align-items: center;
		-moz-align-items:  center;
		-ms-align-items:  center;
		align-items:  center;
		-webkit-justify-content: center;
		-moz-justify-content:  center;
		-ms-justify-content:  center;
		justify-content:  center;
		-webkit-flex-direction:vertical;
		-moz-flex-direction:vertical;
		-ms-flex-direction:column;
		-webkit-flex-direction:column;
		flex-direction:column;
}
	.education-titlebox1.is-arrow::after{	border:solid 15px transparent;	border-top:solid 10px #103983;	content: "";	display: block;	position: absolute;	left: 50%;	top: calc(100% + 10px);	margin-left: -15px;}
	.education-titlebox1.is-bg{	background: url("../img/bg-employment01.png") 50% 0 no-repeat;	background-size: 100%;}
	.education-titlebox1.is-bg div{    margin-bottom: 1em; margin-top: -2em;}
.education-titlebox2{	padding: 10px;	font-size: 21px;}
	@media screen and (max-width: 640px) {
		.employment #main{	background-size: 100%,150%;	padding-bottom: 50px;}
		.employment-box.is-education,
		.employment-box{		border:solid 3px #FFC926;	padding: 1em;}
		.employment-box::before{	border-width: 50px;}
		.employment-box_title1{	font-size: 24px;}
			.employment-box_title2{	font-size: 20px;	height: 30px;	line-height: 30px;	margin-bottom: 20px;	padding-left: 20px;}
				.employment-box_title2::before{		border-width: 15px;}
		.employment-box_title3{		font-size: 16px;	margin: 20px auto 30px;}
			.employment-box section{	margin-top: 20px;}
		.table-employment{	border-spacing: 0;	font-size: 12px;}
			.table-employment> tbody > tr > *{	display: block;	width: 100%!important;	float: left;}
			.table-employment> tbody > tr > th{	clear: both;	text-align: left;}
		.education-titlebox1{	margin: 0 auto 20px;}
		.table-education{	border-spacing: 0;	font-size: 12px;	width: 100%;}
			.table-education> tbody > tr > *{	display: block;	width: 100%!important;	float: left;	padding: 10px 0;}
			.table-education> tbody > tr > th{	clear: both;	text-align: left;}
	}

.sdgs{	background: url("../img/bg-sdgs01.png");}
	.sdgs-header{	box-sizing: border-box;	background: url("../img/bg-sdgs02.png") 50% 100% / cover no-repeat;	height: 617px;	padding-top: 70px;	text-align: center;}
	.sdgs-catch{	box-sizing: border-box;	background: url("../img/bg-sdgs03.png") 50% 100% / cover no-repeat;	max-width: 1366px;	margin: 0 auto;	padding: 70px 0 90px;}
		.sdgs-catch p{	font-size: 20px;	max-width: 962px;	margin: 0 auto 40px;	line-height: 2.1;}
		.sdgs-catch_list{		letter-spacing: -.4em;	line-height: 0;	text-align: center;}
		.sdgs-catch_list li{	display: inline-block;	list-style: none;	letter-spacing:normal;	line-height: normal;	padding: 0 10px;}
	.sdgs-title01{	font-size: 34px;	font-weight: 400;	text-align: center;	display: table;	margin: 125px auto 70px;}
		.sdgs-title01::after,
		.sdgs-title02::after{ background : -moz-linear-gradient(0% 50% 0deg,rgba(229, 0, 30, 1) 0%,rgba(215, 166, 0, 1) 6.81%,rgba(0, 151, 59, 1) 14.53%,rgba(198, 15, 40, 1) 21.84%,rgba(232, 56, 25, 1) 28.73%,rgba(0, 166, 217, 1) 35.21%,rgba(250, 189, 0, 1) 42.3%,rgba(220, 0, 122, 1) 49.24%,rgba(237, 106, 2, 1) 54.57%,rgba(151, 11, 49, 1) 61.38%,rgba(245, 162, 0, 1) 67.5%,rgba(66, 121, 53, 1) 73.37%,rgba(0, 117, 186, 1) 80.23%,rgba(40, 168, 56, 1) 87.07%,rgba(0, 76, 136, 1) 93.07%,rgba(0, 48, 103, 1) 100%);
		background : -webkit-linear-gradient(0deg, rgba(229, 0, 30, 1) 0%, rgba(215, 166, 0, 1) 6.81%, rgba(0, 151, 59, 1) 14.53%, rgba(198, 15, 40, 1) 21.84%, rgba(232, 56, 25, 1) 28.73%, rgba(0, 166, 217, 1) 35.21%, rgba(250, 189, 0, 1) 42.3%, rgba(220, 0, 122, 1) 49.24%, rgba(237, 106, 2, 1) 54.57%, rgba(151, 11, 49, 1) 61.38%, rgba(245, 162, 0, 1) 67.5%, rgba(66, 121, 53, 1) 73.37%, rgba(0, 117, 186, 1) 80.23%, rgba(40, 168, 56, 1) 87.07%, rgba(0, 76, 136, 1) 93.07%, rgba(0, 48, 103, 1) 100%);
		background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(229, 0, 30, 1) ),color-stop(0.0681,rgba(215, 166, 0, 1) ),color-stop(0.1453,rgba(0, 151, 59, 1) ),color-stop(0.2184,rgba(198, 15, 40, 1) ),color-stop(0.2873,rgba(232, 56, 25, 1) ),color-stop(0.3521,rgba(0, 166, 217, 1) ),color-stop(0.423,rgba(250, 189, 0, 1) ),color-stop(0.4924,rgba(220, 0, 122, 1) ),color-stop(0.5457,rgba(237, 106, 2, 1) ),color-stop(0.6138,rgba(151, 11, 49, 1) ),color-stop(0.675,rgba(245, 162, 0, 1) ),color-stop(0.7337,rgba(66, 121, 53, 1) ),color-stop(0.8023,rgba(0, 117, 186, 1) ),color-stop(0.8707,rgba(40, 168, 56, 1) ),color-stop(0.9307,rgba(0, 76, 136, 1) ),color-stop(1,rgba(0, 48, 103, 1) ));
		background : -o-linear-gradient(0deg, rgba(229, 0, 30, 1) 0%, rgba(215, 166, 0, 1) 6.81%, rgba(0, 151, 59, 1) 14.53%, rgba(198, 15, 40, 1) 21.84%, rgba(232, 56, 25, 1) 28.73%, rgba(0, 166, 217, 1) 35.21%, rgba(250, 189, 0, 1) 42.3%, rgba(220, 0, 122, 1) 49.24%, rgba(237, 106, 2, 1) 54.57%, rgba(151, 11, 49, 1) 61.38%, rgba(245, 162, 0, 1) 67.5%, rgba(66, 121, 53, 1) 73.37%, rgba(0, 117, 186, 1) 80.23%, rgba(40, 168, 56, 1) 87.07%, rgba(0, 76, 136, 1) 93.07%, rgba(0, 48, 103, 1) 100%);
		background : -ms-linear-gradient(0deg, rgba(229, 0, 30, 1) 0%, rgba(215, 166, 0, 1) 6.81%, rgba(0, 151, 59, 1) 14.53%, rgba(198, 15, 40, 1) 21.84%, rgba(232, 56, 25, 1) 28.73%, rgba(0, 166, 217, 1) 35.21%, rgba(250, 189, 0, 1) 42.3%, rgba(220, 0, 122, 1) 49.24%, rgba(237, 106, 2, 1) 54.57%, rgba(151, 11, 49, 1) 61.38%, rgba(245, 162, 0, 1) 67.5%, rgba(66, 121, 53, 1) 73.37%, rgba(0, 117, 186, 1) 80.23%, rgba(40, 168, 56, 1) 87.07%, rgba(0, 76, 136, 1) 93.07%, rgba(0, 48, 103, 1) 100%);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5001E', endColorstr='#003067' ,GradientType=0)";
		background : linear-gradient(90deg, rgba(229, 0, 30, 1) 0%, rgba(215, 166, 0, 1) 6.81%, rgba(0, 151, 59, 1) 14.53%, rgba(198, 15, 40, 1) 21.84%, rgba(232, 56, 25, 1) 28.73%, rgba(0, 166, 217, 1) 35.21%, rgba(250, 189, 0, 1) 42.3%, rgba(220, 0, 122, 1) 49.24%, rgba(237, 106, 2, 1) 54.57%, rgba(151, 11, 49, 1) 61.38%, rgba(245, 162, 0, 1) 67.5%, rgba(66, 121, 53, 1) 73.37%, rgba(0, 117, 186, 1) 80.23%, rgba(40, 168, 56, 1) 87.07%, rgba(0, 76, 136, 1) 93.07%, rgba(0, 48, 103, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5001E',endColorstr='#003067' , GradientType=1);
		content: "";	display: block;	height: 6px;	margin-top: 10px;}
		.sdgs-title02::after{ height: 3px;	margin-top: 1em;}
	.sdgs-title02{	font-size: 25px;	font-weight: 700;		margin: 0 auto 40px;}
	.sdgs-box1{		font-size: 16px;	line-height: 2.15;	padding:50px 40px;	background: #fff;}
		.sdgs-box1_text{	margin-top: 60px;	position: relative;	width: 540px;}
		.sdgs-box1_title{	position: absolute;	left: -10px;	bottom: 100%;	margin-bottom: 0;}
		.sdgs-box1_img{	width: 550px;}
		.sdgs-box1_img img{	max-width: none;}
		.sdgs-box1_img .btn01{	position: relative;	top: -1.5em;}
	.sdgs-sec1{	background: url("../img/bg-sdgs04.png") 50% 100% / 100% no-repeat;	overflow: hidden;}
		.sdgs-sec1 + .sdgs-sec1{	margin-top: 100px;}
	.sdgs-list li{	font-size: 16px;	list-style: none;	padding-left: 1em;	text-indent: -1em;}
		.sdgs-list li::before{	background: url("../img/bg-sdgs05@2x.png") 0 50% / 10px no-repeat;	content: "";	display: inline-block;	height: 1em;	width: 1em;vertical-align: middle;}
		.sdgs-list li+li{		margin-top: 2em;}
	.sdgs-iconbox{	text-align: center;	margin-bottom: 40px;	letter-spacing: -.4em;	line-height: 0;}
		.sdgs-iconbox img{max-height: 138px;}
	.sdgs-set img{	float: right;	margin-left: 30px;	width: 354px;}
		.sdgs-set +	.sdgs-set{	margin-top: 50px;}
	.sdgs-sec:last-of-type{	padding-bottom: 100px;}

	.setItem1{    opacity: 0;
			-moz-transform: translateY(100px);
			-webkit-transform: translateY(100px);
			transform: translateY(100px);}
	.setItem2{    opacity: 0;
			-moz-transform: translateX(100px);
			-webkit-transform: translateX(100px);
			transform: translateX(100px);}
	.setItem3{    opacity: 0;
			-moz-transform: translateX(-100px);
			-webkit-transform: translateX(-100px);
			transform: translateX(-100px);}
	.setItem4{    opacity: 0;
			-moz-transform: translateY(-100px);
			-webkit-transform: translateY(-100px);
			transform: translateY(-100px);}
	.setItem1.is-active,
	.setItem2.is-active,
	.setItem3.is-active,
	.setItem4.is-active {
			opacity: 1;
			-moz-transform: translate(0);
			-webkit-transform: translate(0);
			transform: translate(0);
			-moz-transition: opacity 1.3s ease, transform 1s ease;
			-webkit-transition: opacity 1.3s ease, transform 1s ease;
			transition: opacity 1.3s ease, transform 1s ease;
	}
	@media screen and (min-width: 641px) {
		.sdgs-slider .slides{	list-style: none;	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;justify-content: space-between;	max-width: 1200px;	margin: 0 auto;}
	}
	@media screen and (max-width: 640px) {
		.sdgs-header{	height: 43vh; padding: 8em 2em 0;}
		.sdgs-header p{	width: 60%;	margin: 0 auto;}
		.sdgs-catch{	background-size: 100%;	padding: 2em 0 4em;}
			.sdgs-catch p{	font-size: 14px;	margin: 0 2em 1em;}
			.sdgs-catch_list li{	width: 40%;	padding: 10px 10px;}
		.sdgs-title01{	font-size: 153.9%;	margin: 2em auto 1em;}
		.sdgs-title02{	font-size: 138.5%;		margin: 0 auto 1em;}
		.sdgs-box1{		font-size: 13px;	padding:1em;}
			.sdgs-box1_text{	margin-top: 9em;	width: 100%;}
			.sdgs-box1_text img{	filter: drop-shadow(0px 0px 3px rgba(255,255,255,0.6));}
			.sdgs-box1_title{	position: absolute;	left: -10px;	bottom: 100%;	margin-bottom: 0;}
			.sdgs-box1_img{	width: 100%;}
			.sdgs-box1_img img{	max-width: 100%;}
		.sdgs-sec1 + .sdgs-sec1{	margin-top: 3em;}
		.sdgs-slider img{ 	max-height: 300px;}
			.sdgs-slider .flex-direction-nav{	box-sizing: border-box;	position: absolute;	top: 50%;	left: 0;	width: 100%;	padding: 0 15px;}
			.sdgs-slider .flex-direction-nav li{	list-style: none;}
			.sdgs-slider .flex-direction-nav a{	border-radius: 3px;	color: #fff;	display: inline-block;	background: #0093d3;	font-size: 13px;	height: 30px;	width: 30px;	text-align: center;	line-height: 30px;}
			.sdgs-slider .flex-direction-nav a.flex-prev::before{	content: "＜";}
			.sdgs-slider .flex-direction-nav a.flex-next::before{	content: "＞";}
			.sdgs-slider .flex-direction-nav a.flex-prev{	float: left;}
			.sdgs-slider .flex-direction-nav a.flex-next{	float: right;}
		.sdgs-list li{	font-size: 13px;}
		.sdgs-iconbox{	margin-bottom: 40px;}
			.sdgs-iconbox img{	max-height: 100px;}
		.sdgs-set img{	float: none;	margin:0 auto 20px;	width: 100%;}
			.sdgs-set +	.sdgs-set{	margin-top: 50px;}
		.sdgs-sec:last-of-type{	padding-bottom: 50px;}
	}