@charset "utf-8";



.MainTit{
	width:100%;
	position:relative;
	margin-bottom:120px;
}
.MainTit .Area{
	width:92%;
	padding:180px 0;
	background:url(../img/low_tit_bg.jpg) no-repeat center center;
	background-size: cover;
}
.MainTit.p_plus .Area{
	padding:180px 0 55px 0;
}
.MainTit .Area .Tx{
	width:90%;
	max-width:1400px;
	margin:auto;
}
.MainTit .Area .Tx span{
	font-size:16px;
	letter-spacing:2px;
	display:block;
	padding-left:25px;
	position:relative;
	font-weight:450;
}
.MainTit .Area .Tx span::before{
	content:"";
	width:15px;
	height:15px;
	background:#00A5F7;
	display:block;
	top:50%;
	left:0;
	transform:translateY(-50%);
	position:absolute;
}
.MainTit .Area .Tx h1 i{
	display:block;
	font-size:32px;
	font-style:normal;
	letter-spacing:1px;
	font-weight:500;
	font-family: "Jost", sans-serif;
	margin-bottom:60px;
}
.MainTit .Area .Tx h1 b{
	display:block;
	font-size:42px;
	letter-spacing:3px;
	font-weight:500;
}
.MainTit .Area .Tx h1 + p{
	font-size:16px;
	line-height:175%;
	margin-top:70px;
}
.MainTit img{
	width:60%;
	max-width:960px;
	position:absolute;
	bottom:-80px;
	right:0;
}
@media screen and (max-width: 768px) {
	.MainTit{
		margin-bottom:70px;
	}
	.MainTit .Area{
		width:94%;
		padding:110px 0 160px 0;
		background:url(../img/low_tit_bg.jpg) no-repeat center center;
		background-size: cover;
	}
	.MainTit.p_plus .Area{
		padding:110px 0 160px 0;
	}
	.MainTit .Area .Tx span{
		font-size:12px;
		padding-left:17px;
		margin-bottom:5px;
	}
	.MainTit .Area .Tx span::before{
		width:12px;
		height:12px;
	}
	.MainTit .Area .Tx h1 i{
		font-size:20px;
		margin-bottom:25px;
	}
	.MainTit .Area .Tx h1 b{
		font-size:26px;
	}
	.MainTit .Area .Tx h1 + p{
		font-size:14px;
		margin-top:25px;
	}
	.MainTit img{
		width:85%;
		bottom:-40px;
	}
}










.LowTit{
	margin-bottom:45px;
}
.LowTit .t{
	text-align:center;
	font-size:24px;
	font-weight:500;
	letter-spacing:1px;
}
.LowTit .t::after{
	content:"";
	display:block;
	width:40px;
	height:3px;
	background:#00A5F7;
	margin:12px auto;
}
@media screen and (max-width: 768px) {
	.LowTit{
		margin-bottom:30px;
	}
	.LowTit .t{
		font-size:18px;
	}
	.LowTit .t::after{
		width:32px;
		height:4px;
		margin:10px auto;
	}
}









.LowRead{
	width:100%;
	padding:130px 0;
}
.LowRead.Mtbig{
	padding-top:27.5%;
}
.LowRead .Area{
	width:90%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.LowRead .Area .Tit{
	width:48%;
	position:relative;
}
.LowRead .Area .Tx{
	width:46%;
	padding-left:4.5%;
}
.LowRead .Area .Tx.b{
	border-left:solid 1px #DADADA;
}
.LowRead .Area h2{
	font-size:24px;
	letter-spacing:1px;
	font-weight:600;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translateY(-50%);
}
.LowRead .Area p{
	font-size:16px;
	font-weight:500;
	line-height:185%;
}
@media screen and (max-width: 768px) {
	.LowRead{
		padding:60px 0;
	}
	.LowRead.Mtbig{
		padding-top:120px;
	}
	.LowRead .Area .Tit{
		width:100%;
		margin-bottom:25px;
	}
	.LowRead .Area .Tx{
		width:100%;
	}
	.LowRead .Area .Tx.b{
		padding-top:30px;
		padding-left:0;
		border-left:none;
		border-top:solid 1px #DADADA;
	}
	.LowRead .Area h2{
		font-size:18px;
		position: static;
		top:auto;
		left:auto;
		transform:none;
		text-align:center;
		line-height:165%;
	}
	.LowRead .Area p{
		font-size:14px;
		text-align:left;
	}
}

.LowRead.noflex .Area .Tit{
	width:100%;
	margin-bottom:25px;
}
.LowRead.noflex .Area .Tx{
	width:100%;
}
.LowRead.noflex .Area h2{
	position: static;
	top:auto;
	left:auto;
	transform:none;
	text-align:center;
}
.LowRead.noflex .Area p{
	font-size:18px;
	text-align:center;
}

.LowRead.Mtbig .Area p{
	font-size:18px;
	line-height:210%;
}
@media screen and (max-width: 768px) {
	.LowRead.noflex .Area p{
		font-size:14px;
	}
	.LowRead.Mtbig .Area p{
		font-size:14px;
		line-height:190%;
	}
}





.B_cnt_tx{
	margin-top:40px;
	text-align:center;
}
.B_cnt_tx.sp{
	display:none;
}
.B_cnt_tx p{
	display:inline-block;
	color:#FFFFFF;
	font-size:18px;
	font-weight:500;
	text-align:center;
	letter-spacing:1px;
	line-height:1;
	padding:8px 16px 10px 16px;
	background:#212128;
	margin:5px auto;
}
@media screen and (max-width: 768px) {
	.B_cnt_tx{
		margin-top:25px;
	}
	.B_cnt_tx.pc{
		display:none;
	}
	.B_cnt_tx.sp{
		display: block;
	}
	.B_cnt_tx p{
		font-size:15px;
	}
}













/* about.html
-------------------------------------------------------------------------------------------------------- */

.About01{
	padding:100px 0;
	background:url(../img/about/bg1.jpg) no-repeat top center;
	background-size:cover;
}
.About01 .Wrap{
	width:90%;
	max-width:1400px;
	margin:auto;
	background:#FFFFFF;
}
.About01 .Wrap .Area{
	padding:80px;
}
.About01 .Wrap .Area img{
	max-width:800px;
	margin:auto;
}
@media screen and (max-width: 768px) {
	.About01{
		padding:40px 0;
	}
	.About01 .Wrap .Area{
		padding:40px 26px;
	}
}







.About02{
	padding:140px 0 0 0;
}
.About02 .Wrap{
	background:#FFFFFF;
	padding:100px 0;
}
.About02 .Wrap.g{
	background:#F5F5F5;
}
.About02 .Wrap .Area{
	width:90%;
	max-width:1200px;
	margin:auto;
}
.About02 .Wrap .Area .f{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:40px;
}
.About02 .Wrap .Area .f .l{
	width:40%;
	position:relative;
}
.About02 .Wrap .Area .f .l i{
	width:90px;
	height:90px;
	display:block;
	text-align:center;
	line-height:90px;
	font-family: "Jost", sans-serif;
	color:#FFFFFF;
	font-size:30px;
	font-style:normal;
	font-weight:600;
	background:#0038A3;
	position:absolute;
	top:-45px;
	left:0;
}
.About02 .Wrap .Area .f .r{
	width:56%;
	padding-top:10px;
}
.About02 .Wrap .Area .f .r h4{
	font-size:24px;
	letter-spacing:1px;
	margin-bottom:35px;
	font-weight:500;
}
.About02 .Wrap .Area .f .r h4 span{
	margin-left:15px;
	font-size:11px;
	line-height:1;
	padding:1px 8px 3px 8px;
	background:#F5F5F5;
	vertical-align:middle;
	font-weight:500;
}
.About02 .Wrap.g .Area .f .r h4 span{
	background:#FFFFFF;
}
.About02 .Wrap .Area .f .r div{
	margin-bottom:35px;
}
.About02 .Wrap .Area .f .r h5{
	font-size:18px;
	letter-spacing:1px;
	margin-bottom:14px;
	font-weight:500;
	position:relative;
}
.About02 .Wrap .Area .f .r h5 span{
	padding-right:45px;
	background:#FFFFFF;
	position:relative;
	z-index:2;
}
.About02 .Wrap.g .Area .f .r h5 span{
	background:#F5F5F5;
}
.About02 .Wrap .Area .f .r h5::after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#DADADA;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	z-index:1;
}
.About02 .Wrap .Area .f .r p{
	font-size:14px;
	line-height:165%;
}

.About02 .Wrap .Area .Point{
	width:90%;
	margin:0 0 0 auto;
	position:relative;
}
.About02 .Wrap .Area .Point i{
	width:140px;
	height:40px;
	line-height:40px;
	text-align:center;
	display:block;
	font-family: "Jost", sans-serif;
	color:#FFFFFF;
	letter-spacing:1px;
	background:#00A5F7;
	font-style:normal;
	font-size:20px;
	font-weight:500;
	position:absolute;
	top:-12px;
	left:-40px;
}
.About02 .Wrap .Area .Point div{
	padding:50px 100px;
	background:#F5F5F5;
}
.About02 .Wrap.g .Area .Point div{
	background:#FFFFFF;
}
.About02 .Wrap .Area .Point div p{
	font-size:14px;
	line-height:175%;
}
@media screen and (max-width: 768px) {
	.About02{
		padding:60px 0;
	}
	.About02 .LowTit{
		margin-bottom:0;
	}
	.About02 .Wrap{
		padding:70px 0 50px 0;
	}
	.About02 .Wrap .Area .f{
		margin-bottom:25px;
	}
	.About02 .Wrap .Area .f .l{
		width:100%;
		margin-bottom:25px;
	}
	.About02 .Wrap .Area .f .l i{
		width:60px;
		height:60px;
		line-height:60px;
		font-size:22px;
		top:-30px;
	}
	.About02 .Wrap .Area .f .r{
		width:100%;
		padding-top:0;
	}
	.About02 .Wrap .Area .f .r h4{
		font-size:18px;
		margin-bottom:25px;
	}
	.About02 .Wrap .Area .f .r h4 span{
		margin-left:12px;
		font-size:10px;
	}
	.About02 .Wrap .Area .f .r div{
		margin-bottom:25px;
	}
	.About02 .Wrap .Area .f .r h5{
		font-size:15px;
		margin-bottom:10px;
	}
	.About02 .Wrap .Area .f .r h5 span{
		padding-right:30px;
	}
	
	.About02 .Wrap .Area .Point{
		width:100%;
		margin:0 auto;
	}
	.About02 .Wrap .Area .Point i{
		width:120px;
		height:34px;
		line-height:34px;
		font-size:16px;
		top:-17px;
		left:0;
	}
	.About02 .Wrap .Area .Point div{
		padding:35px 20px 25px 20px;
	}
}








.About03{
	padding:140px 0;
}
.About03 .Flow{
	width:90%;
	max-width:1200px;
	margin:auto;
	margin-top:60px;
}
.About03 .Flow .fWrap{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	position:relative;
}
.About03 .Flow .fWrap i{
	font-size:30px;
	font-family: "Jost", sans-serif;
	color:#00A5F7;
	font-weight:bold;
	font-style:normal;
	letter-spacing:1px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-65%);
}
.About03 .Flow .fWrap.b i{
	transform:translateY(-50%);
}
.About03 .Flow .fWrap.b{
	margin-top:-15px;
}
.About03 .Flow .fWrap .Img{
	width:24%;
}
.About03 .Flow .fWrap .Tx{
	width:72%;
	position:relative;
}
.About03 .Flow .fWrap.b .Tx::after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	border-top:dotted 2px #00A5F7;
	top:15px;
	left:0;
	position:absolute;
}
.About03 .Flow .fWrap .Tx div{
	position:absolute;
	top:50%;
	left:50%;
	width:86%;
	transform:translate(-50%,-65%);
}
.About03 .Flow .fWrap.b .Tx div{
	transform:translate(-50%,-50%);
}
.About03 .Flow .fWrap .Tx div p{
	font-size:18px;
	letter-spacing:1px;
	line-height:155%;
}
@media screen and (max-width: 768px) {
	.About03{
		padding:45px 0 40px 0;
	}
	.About03 .Flow{
		margin-top:25px;
	}
	.About03 .Flow .fWrap{
		width:85%;
		display: block;
		padding-left:15%;
	}
	.About03 .Flow .fWrap i{
		font-size:25px;
		top:35%;
		transform:translateY(-65%);
	}
	.About03 .Flow .fWrap.b i{
		top:40%;
		transform:translateY(-50%);
	}
	.About03 .Flow .fWrap.b{
		margin-top:0;
	}
	.About03 .Flow .fWrap .Img{
		width:100%;
	}
	.About03 .Flow .fWrap.b .Img{
		padding-top:20px;
		border-top:dotted 2px #00A5F7;
	}
	.About03 .Flow .fWrap .Tx{
		width:100%;
		padding:10px 0 20px 0;
	}
	.About03 .Flow .fWrap.b .Tx::after{
		display:none;
	}
	.About03 .Flow .fWrap .Tx div{
		position: static;
		top:auto;
		left:auto;
		width:100%;
		transform:none !important;
	}
	.About03 .Flow .fWrap .Tx div p{
		font-size:14px;
		line-height:160%;
	}
}





.About04{
	padding:90px 0 130px 0;
	background:url(../img/about/foot_bg.jpg) no-repeat center bottom;
	background-size:cover;
}
.About04 .List{
	width:90%;
	max-width:1200px;
	margin:auto;
	background:#FFFFFF;
}
.About04 .List ul{
	padding:50px 30px 30px 30px ;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
}
.About04 .List ul li{
	width:21%;
	margin:0 2%;
	margin-bottom:20px;
	padding:22px 0;
	background:#CCECFA;
	font-size:18px;
	text-align:center;
}
.About04 p{
	font-size:16px;
	text-align:center;
	margin-top:30px;
	letter-spacing:1px;
}
.About04 p a{
	color:#212128;
	text-decoration:underline;
	font-size:16px;
}
@media screen and (max-width: 768px) {
	.About04{
		padding:55px 0 60px 0;
	}
	.About04 .List ul{
		padding:30px 15px 10px 15px;
		justify-content: space-between;
	}
	.About04 .List ul li{
		width:48%;
		margin:0;
		margin-bottom:14px;
		padding:10px 0;
		font-size:14px;
	}
	.About04 p{
		font-size:14px;
		margin-top:20px;
	}
	.About04 p a{
		font-size:14px;
	}
}








/* company.html
-------------------------------------------------------------------------------------------------------- */

.Company01{
	width:100%;
	max-width:1400px;
	margin:auto;
	background:-webkit-linear-gradient(top,#FFFFFF 0%,#FFFFFF 15%,#F5F5F5 100%);
}
.Company01 .Circle{
	width:90%;
	max-width:800px;
	margin:auto;
	position:relative;
}
.Company01 .Circle img{
	opacity:0;
}
.Company01 .Circle .f{
	position:absolute;
	top:0;
	left:0;
}
.Company01 .Circle #Cc01,
.Company01 .Circle #Cc02,
.Company01 .Circle #Cc03{
	mix-blend-mode:multiply;
}
.Company01 .Circle #Cc01.move{
	-webkit-animation: fade_in 2s ease 0s forwards;
}
.Company01 .Circle #Cc02.move{
	-webkit-animation: fade_in 2s ease 0.15s forwards;
}
.Company01 .Circle #Cc03.move{
	-webkit-animation: fade_in 2s ease 0.3s forwards;
}
.Company01 .Circle #Cc04.move{
	-webkit-animation: fade_in 1.2s ease 1s forwards;
}

.Company01 .Img{
	margin-top:140px;
}
@media screen and (max-width: 768px) {
	.Company01 .Img{
		margin-top:50px;
	}
}





.Company02{
	width:100%;
	margin-top:100px;
}
.Company02 .Wrap{
	padding:100px 0;
	background:url(../img/company/bg1.jpg) no-repeat center top;
	background-size:cover;
}
.Company02 .Wrap .Area{
	width:90%;
	max-width:1400px;
	background:#FFFFFF;
	margin:auto;
}
.Company02 .Wrap .Area .w{
	padding:100px 60px 80px 60px;
}
.Company02 .Wrap .Area .w .Tx{
	margin-bottom:120px;
}
.Company02 .Wrap .Area .w .Tx h4{
	margin-bottom:50px;
	line-height:1;
}
.Company02 .Wrap .Area .w .Tx h4 strong{
	font-size:80px;
	text-align:center;
	letter-spacing:1px;
	font-family: "Jost", sans-serif;
	color:#E5F5FC;
	font-weight:500;
	display:block;
}
.Company02 .Wrap .Area .w .Tx h4 span{
	font-size:24px;
	text-align:center;
	letter-spacing:1px;
	color:#00A5F7;
	font-weight:500;
	display:block;
}
.Company02 .Wrap .Area .w .Tx p{
	text-align:center;
	font-size:22px;
	line-height:215%;
	letter-spacing:1px;
}
.Company02 .Wrap .Area .w .Tx p.l_center{
	text-align: left;
	max-width:800px;
	margin:auto;
}
.Company02 .Wrap .Area .w .Tx.mb1 p{
	text-align:left;
	width: 740px;
    margin: 25px auto;
	padding-left:15px;
}
.Company02 .Wrap .Area .w .Tx.mb1 p span{
	font-size:32px;
	margin-left:50px;
}
.Company02 .Wrap .Area .w .Tx.mb2 p{
	font-size:18px;
}
.Company02 .Wrap .Area .w span.c{
	display:block;
	max-width:1200px;
	margin:auto;
	text-align:right;
	font-size:15px;
	line-height:215%;
}
@media screen and (max-width: 768px) {
	.Company02{
		margin-top:60px;
	}
	.Company02 .Wrap{
		padding:45px 0;
	}
	.Company02 .Wrap .Area .w{
		padding:40px 20px 10px 20px;
	}
	.Company02 .Wrap .Area .w .Tx{
		margin-bottom:80px;
	}
	.Company02 .Wrap .Area .w .Tx h4{
		margin-bottom:30px;
	}
	.Company02 .Wrap .Area .w .Tx h4 strong{
		font-size:40px;
	}
	.Company02 .Wrap .Area .w .Tx h4 span{
		font-size:20px;
	}
	.Company02 .Wrap .Area .w .Tx p{
		font-size:18px;
	}
	.Company02 .Wrap .Area .w .Tx.mb1 p{
		width:100%;
		text-align:center;
		padding-left:0;
		line-height:165%;
		margin-bottom:18px;
	}
	.Company02 .Wrap .Area .w .Tx.mb1 p span{
		font-size:22px;
		margin-left:0;
		display:block;
		line-height:165%;
		margin-top:4px;
	}
	.Company02 .Wrap .Area .w .Tx.mb2 p{
		font-size:15px;
	}
	.Company02 .Wrap .Area .w span.c{
		font-size:12px;
	}
}
.PhiloList{
	width:100%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:80px;
}
.PhiloList li{
	width:23%;
	padding:45px 0;
	background:-webkit-radial-gradient(#FFFFFF,#D1EDFF);
}
.PhiloList li h5{
	text-align:center;
	letter-spacing:1px;
	line-height:190%;
	font-weight:500;
	font-size:21px;
}
.PhiloList li h5::after{
	content:"";
	display:block;
	width:40px;
	height:5px;
	background:#00A5F7;
	margin:30px auto;
}
.PhiloList li i{
	font-style:normal;
	display:block;
	text-align:center;
	font-size:18px;
	letter-spacing:1px;
}
@media screen and (max-width: 768px) {
	.PhiloList{
		margin-top:45px;
	}
	.PhiloList li{
		width:100%;
		padding:35px 0;
		margin-bottom:30px;
	}
}





.Company03{
	width:100%;
	margin-top:120px;
}
.Company03 .Area{
	width:90%;
	max-width:1000px;
	margin:auto;
}
.Company03 .Area table{
	width:100%;
	margin-bottom:45px;
}
.Company03 .Area table td{
	font-size:18px;
	padding:35px 0 20px 0;
	border-bottom:solid 1px #DADADA;
}
.Company03 .Area table td:nth-child(1){
	width:15%;
}
.Company03 .Area iframe{
	display:block;
	width:100%;
	height:360px;
	border:none;
}
@media screen and (max-width: 768px) {
	.Company03{
		margin-top:60px;
	}
	.Company03 .Area table{
		margin-bottom:35px;
	}
	.Company03 .Area table td{
		font-size:15px;
		padding:25px 0 14px 0;
		vertical-align:top;
	}
	.Company03 .Area table td:nth-child(1){
		width:20%;
	}
	.Company03 .Area iframe{
		height:220px;
	}
}





.Company04{
	width:100%;
	margin:120px 0;
}
.Company04 .Wrap{
	width:90%;
	max-width:1400px;
	margin:auto;
	padding:80px 0 5px 0;
	background:#F5F5F5;
}
.Company04 .Wrap .LowTit{
	margin-bottom:80px;
}
.Company04 .Wrap .LowTit h3::after{
	display:none;
}
.Company04 .Wrap .Map{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:auto;
	margin-bottom:90px;
	width:90%;
	max-width:1000px;
}
.Company04 .Wrap .Map .Tx{
	width:46%;
}
.Company04 .Wrap .Map .Tx h4{
	font-size:20px;
	letter-spacing:1px;
	padding-left:25px;
	margin-bottom:20px;
	position:relative;
}
.Company04 .Wrap .Map .Tx h4::before{
	content:"";
	display:block;
	width:16px;
	height:16px;
	background:#00A5F7;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
.Company04 .Wrap .Map .Tx p{
	font-size:16px;
	line-height:180%;
	margin-bottom:20px;
}
.Company04 .Wrap .Map .Frame{
	width:50%;
}
.Company04 .Wrap .Map .Frame iframe{
	width:100%;
	height:210px;
	border:none;
	display:block;
}
@media screen and (max-width: 768px) {
	.Company04{
		margin:60px 0;
	}
	.Company04 .Wrap{
		padding:35px 0 5px 0;
	}
	.Company04 .Wrap .LowTit{
		margin-bottom:40px;
	}
	.Company04 .Wrap .Map{
		margin-bottom:45px;
	}
	.Company04 .Wrap .Map .Tx{
		width:100%;
		margin-bottom:0;
	}
	.Company04 .Wrap .Map .Tx h4{
		font-size:18px;
		padding-left:22px;
		margin-bottom:15px;
	}
	.Company04 .Wrap .Map .Tx h4::before{
		width:14px;
		height:14px;
	}
	.Company04 .Wrap .Map .Tx p{
		font-size:14px;
		line-height:170%;
		margin-bottom:15px;
	}
	.Company04 .Wrap .Map .Frame{
		width:100%;
	}
	.Company04 .Wrap .Map .Frame iframe{
		height:180px;
	}
}









/* message.html
-------------------------------------------------------------------------------------------------------- */

.Message1{
	width:90%;
	max-width:1200px;
	margin:200px auto 120px auto;
}
.Message1 .w{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.Message1 .w .Img{
	width:50%;
}
.Message1 .w .Tx{
	width:40%;
	margin:0 5%;
}
.Message2{
	padding-bottom:140px;
	background:-webkit-linear-gradient(top,#FFFFFF 0%,#FFFFFF 12%,#F5F5F5 12%);
}
.Message2 .w{
	width:90%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	flex-direction:row-reverse;
}
.Message2 .w .Img{
	width:40%;
	margin:0 5%;
}
.Message2 .w .Tx{
	width:40%;
	margin:0 0 0 10%;
	position:relative;
}
.Message2 .w .Tx div{
	width:100%;
	/*
	position:absolute;
	bottom:20px;
	left:0;
	*/
}
.Message1 h2,
.Message2 h2{
	font-size:24px;
	line-height:175%;
	margin-bottom:30px;
	font-weight:500;
}
.Message1 p,
.Message2 p{
	font-size:15px;
	line-height:225%;
}
@media screen and (max-width: 768px) {
	.Message1{
		margin:100px auto 45px auto;
	}
	.Message1 .w .Img{
		width:100%;
	}
	.Message1 .w .Tx{
		width:100%;
		margin:auto;
		margin-top:20px;
	}
	.Message2{
		padding-bottom:80px;
		background:-webkit-linear-gradient(top,#FFFFFF 0%,#FFFFFF 12%,#F5F5F5 12%);
	}
	.Message2 .w .Img{
		width:90%;
		margin:auto;
	}
	.Message2 .w .Tx{
		width:100%;
		margin:auto;
		margin-top:20px;
	}
	.Message2 .w .Tx div{
		width:100%;
		position: static;
		bottom:auto;
		left:auto;
	}
	.Message1 h2,
	.Message2 h2{
		font-size:18px;
		margin-bottom:20px;
	}
	.Message1 p,
	.Message2 p{
		font-size:13px;
		line-height:190%;
	}
}







/* data.html
-------------------------------------------------------------------------------------------------------- */

.DataWrap{
	width:90%;
	max-width:1200px;
	margin:auto;
	padding-top:80px;
}
.DataWrap .imgBox{
	position:relative;
	margin-bottom:40px;
}
.DataWrap .imgBox.last{
	margin-bottom:0;
}
.DataWrap .imgBox img{
	opacity:0;
}
.DataWrap .imgBox .f{
	position:absolute;
	top:0;
	left:0;
}
.DataWrap .imgBox .fr{
	width:115px;
	position:absolute;
	top:-55px;
	left:-30px;
}
.DataWrap .imgBox .fr.move{
	-webkit-animation: fade_in 1.4s ease 0s forwards;
}
.DataWrap .imgBox .ib01.move{
	-webkit-animation: fade_in 1.4s ease 0s forwards;
}
.DataWrap .imgBox .ib02.move{
	-webkit-animation: fade_in 1.4s ease 0.2s forwards;
}
.DataWrap .imgBox .ib03.move{
	-webkit-animation: fade_in 1.4s ease 0.4s forwards;
}
.DataWrap .imgBox .ib04.move{
	-webkit-animation: fade_in 1.4s ease 0.6s forwards;
}
.DataWrap .imgBox .ib05.move{
	-webkit-animation: fade_in 1.4s ease 0.8s forwards;
}

.DataWrap .imgBox .TxBox{
	text-align:center;
	position: absolute;
	z-index:2;
	opacity:0;
}
.DataWrap .imgBox .TxBox p{
	text-align:center;
	font-size:24px;
}
.DataWrap .imgBox .TxBox p i{
	font-style:normal;
	font-size:18px;
}
.DataWrap .imgBox .TxBox p.b{
	font-size:36px;
	font-weight:500;
}
.DataWrap .imgBox .TxBox span{
	display:block;
	text-align:center;
	font-size:24px;
}
.DataWrap .imgBox .TxBox span.s{
	text-align:right;
	font-size:16px;
}
.DataWrap .imgBox .TxBox span b{
	font-family: "Jost", sans-serif;
	font-weight:500;
	font-size:74px;
}
.DataWrap .imgBox .TxBox span b i{
	font-size:36px;
	font-style:normal;
}
.DataWrap .imgBox .TxBox span span{
	font-size:18px;
	margin-top:-21px;
}
@media screen and (max-width: 1320px) {
	.DataWrap .imgBox .TxBox p{
		font-size:1.85vw;
	}
	.DataWrap .imgBox .TxBox p i{
		font-size:1.35vw;
	}
	.DataWrap .imgBox .TxBox p.b{
		font-size:2.6vw;
	}
	.DataWrap .imgBox .TxBox span{
		font-size:1.85vw;
	}
	.DataWrap .imgBox .TxBox span.s{
		font-size:1.15vw;
	}
	.DataWrap .imgBox .TxBox span b{
		font-size:5.5vw;
	}
	.DataWrap .imgBox .TxBox span b i{
		font-size:2.6vw;
	}
	.DataWrap .imgBox .TxBox span span{
		font-size:1.3vw;
		margin-top:-0.5rem;
	}
}
@media screen and (max-width: 640px) {
	.DataWrap .imgBox .TxBox p{
		font-size:4.25vw;
	}
	.DataWrap .imgBox .TxBox p i{
		font-size:4.35vw;
	}
	.DataWrap .imgBox .TxBox p.b{
		font-size:5.6vw;
	}
	.DataWrap .imgBox .TxBox span{
		font-size:4.25vw;
	}
	.DataWrap .imgBox .TxBox span.s{
		font-size:2.75vw;
	}
	.DataWrap .imgBox .TxBox span b{
		font-size:11.5vw;
	}
	.DataWrap .imgBox .TxBox span b i{
		font-size:5.6vw;
	}
	.DataWrap .imgBox .TxBox span span{
		font-size:4.3vw;
		margin-top:-0.5rem;
	}
}
/* 01 */
.DataWrap .imgBox#DataBox01 .TxBox.ib01{
	top:8%;
	left:16%;
}
.DataWrap .imgBox#DataBox01 .TxBox.ib02{
	top: 13%;
    left: 58%;
}
.DataWrap .imgBox#DataBox01 .TxBox.ib03{
	top: 13%;
    left: 79%;
}
.DataWrap .imgBox#DataBox01 .TxBox.ib04{
	top: 65%;
    left: 57.5%;
}
.DataWrap .imgBox#DataBox01 .TxBox.ib05{
	top: 65%;
    left: 82.5%;
}
/* 02 */
.DataWrap .imgBox#DataBox02 .TxBox.ib01{
	top:9%;
	left:20%;
}
.DataWrap .imgBox#DataBox02 .TxBox.ib01.b{
	top: 38%;
    left: 2.5%;
}
.DataWrap .imgBox#DataBox02 .TxBox.ib01.c{
	top: 38%;
    left: 35.5%;
}
.DataWrap .imgBox#DataBox02 .TxBox.ib02{
	top:9%;
	left:73%;
}
.DataWrap .imgBox#DataBox02 .TxBox.ib02.b{
	top: 38%;
    left: 55%;
}
.DataWrap .imgBox#DataBox02 .TxBox.ib02.c{
	top: 38%;
    left: 87%;
}
/* 03 */
.DataWrap .imgBox#DataBox03 .TxBox.ib01{
	top:9%;
	left:18.5%;
}
.DataWrap .imgBox#DataBox03 .TxBox.ib01.b{
	top: 38%;
    left: 2.5%;
}
.DataWrap .imgBox#DataBox03 .TxBox.ib01.c{
	top: 38%;
    left: 35.5%;
}
.DataWrap .imgBox#DataBox03 .TxBox.ib02{
	top: 27%;
    left: 82.5%;
}
/* 04 */
.DataWrap .imgBox#DataBox04 .TxBox.ib01{
	top: 13%;
    left: 26%;
}
.DataWrap .imgBox#DataBox04 .TxBox.ib02{
	top: 26%;
    left: 81%;
}
/* 05 */
.DataWrap .imgBox#DataBox05 .TxBox.ib01{
	top: 30%;
    left: 32%;
}
.DataWrap .imgBox#DataBox05 .TxBox.ib02{
	top: 30%;
    left: 80.5%;
}
/* 06 */
.DataWrap .imgBox#DataBox06 .TxBox.ib01{
	top: 20%;
    left: 32%;
}
.DataWrap .imgBox#DataBox06 .TxBox.ib02{
	top: 12%;
    left: 79.5%;
}
.DataWrap .imgBox#DataBox06 .TxBox.ib02.b{
	top: 84%;
    left: 71.5%;
}
@media screen and (max-width: 640px) {
	/* 01 */
	.DataWrap .imgBox#DataBox01 .TxBox.ib01{
		top:4%;
		left:33%;
	}
	.DataWrap .imgBox#DataBox01 .TxBox.ib02{
		top: 58%;
		left: 12.25%;
	}
	.DataWrap .imgBox#DataBox01 .TxBox.ib03{
		top: 58%;
		left: 56.25%;
	}
	.DataWrap .imgBox#DataBox01 .TxBox.ib03 p i{
		font-size: 3.35vw;
	}
	.DataWrap .imgBox#DataBox01 .TxBox.ib04{
		top: 84%;
		left: 10.5%;
	}
	.DataWrap .imgBox#DataBox01 .TxBox.ib05{
		top: 83.5%;
		left: 64.5%;
	}
	/* 02 */
	.DataWrap .imgBox#DataBox02 .TxBox.ib01{
		top: 4.5%;
        left: 40.5%;
	}
	.DataWrap .imgBox#DataBox02 .TxBox.ib01.b{
		top: 19%;
        left: 5.5%;
	}
	.DataWrap .imgBox#DataBox02 .TxBox.ib01.c{
		top: 19%;
        left: 73.5%;
	}
	.DataWrap .imgBox#DataBox02 .TxBox.ib02{
		top: 57%;
        left: 43%;
	}
	.DataWrap .imgBox#DataBox02 .TxBox.ib02.b{
		top: 72%;
        left: 7%;
	}
	.DataWrap .imgBox#DataBox02 .TxBox.ib02.c{
		top: 72%;
        left: 73.5%;
	}
	/* 03 */
	.DataWrap .imgBox#DataBox03 .TxBox.ib01{
		top: 4%;
        left: 35.5%;
	}
	.DataWrap .imgBox#DataBox03 .TxBox.ib01.b{
		top: 20%;
        left: 4.5%;
	}
	.DataWrap .imgBox#DataBox03 .TxBox.ib01.c{
		top: 20%;
        left: 73.5%;
	}
	.DataWrap .imgBox#DataBox03 .TxBox.ib02{
		top: 64%;
        left: 61.5%;
	}
	/* 04 */
	.DataWrap .imgBox#DataBox04 .TxBox.ib01{
		top: 4%;
        left: 50%;
	}
	.DataWrap .imgBox#DataBox04 .TxBox.ib02{
		top: 65%;
        left: 61%;
	}
	/* 05 */
	.DataWrap .imgBox#DataBox05 .TxBox.ib01{
		top: 13%;
        left: 66%;
	}
	.DataWrap .imgBox#DataBox05 .TxBox.ib02{
		top: 67%;
        left: 58.5%;
	}
	/* 06 */
	.DataWrap .imgBox#DataBox06 .TxBox.ib01{
		top: 10%;
        left: 65%;
	}
	.DataWrap .imgBox#DataBox06 .TxBox.ib02{
		top: 59%;
        left: 52.5%;
	}
	.DataWrap .imgBox#DataBox06 .TxBox.ib02.b{
		top: 93%;
        left: 34.5%;
	}
}


.DataWrap span.c{
	display:block;
	font-size:12px;
	text-align:right;
	margin:5px 0 140px 0;
}
@media screen and (max-width: 768px) {
	.DataWrap{
		padding-top:30px;
	}
	.DataWrap .imgBox{
		margin-bottom:26px;
	}
	.DataWrap .imgBox .fr{
		width:80px;
		top:-40px;
		left:-12px;
	}
	.DataWrap span.c{
		font-size:11px;
		margin:4px 0 80px 0;
	}
}








/* job-types.html
-------------------------------------------------------------------------------------------------------- */

.JobList{
	width:100%;
	padding:120px 0;
}
.JobList ul{
	width:90%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.JobList ul li{
	width:22%;
	margin:0 1.5%;
	margin-bottom:35px;
}
.JobList ul li a{
	display:block;
	padding:14px 20px;
	color:#FFFFFF;
	background:#0038A3;
	position:relative;
	font-size:16px;
	letter-spacing:1px;
}
.JobList ul li a:hover{
	opacity:1;
}
.JobList ul li a::after{
	content:"";
	display:block;
	width:16px;
	height:16px;
	background:url(../img/jobtype/allow.png) no-repeat center center;
	background-size:16px;
	position:absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%);
	transition:all 0.25s;
}
.JobList ul li a:hover::after{
	top:60%;
}
@media screen and (max-width: 768px) {
	.JobList{
		padding:50px 0;
	}
	.JobList ul li{
		width:47%;
		margin:auto 1.5%;
		margin-bottom:10px;
	}
	.JobList ul li a{
		padding:0 16px;
		height:46px;
		line-height:46px;
		font-size:13px;
		position:relative;
	}
	.JobList ul li a span{
		display:block;
		width:100%;
		position:absolute;
		top:50%;
		left:16px;
		transform:translateY(-50%);
		line-height:1.2;
	}
	.JobList ul li a::after{
		width:14px;
		height:14px;
		background:url(../img/jobtype/allow.png) no-repeat center center;
		background-size:14px;
		right:18px;
	}
}


.JobArea{
	padding:110px 0;
}
.JobArea.g{
	background:#F5F5F5;
}
.JobArea .w{
	width:90%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.JobArea .w .Img{
	width:46%;
	position:relative;
}
.JobArea .w .Img i{
	width:220px;
	height:48px;
	line-height:48px;
	color:#FFFFFF;
	background:#0038A3;
	font-size:16px;
	text-align:center;
	font-weight:500;
	font-style:normal;
	position:absolute;
	top:-24px;
	left:0;
}
.JobArea .w .Tx{
	width:48%;
}
.JobArea .w .Tx h3{
	font-size:24px;
	font-weight:500;
	line-height:175%;
	margin-bottom:20px;
}
.JobArea .w .Tx p{
	font-size:16px;
	line-height:225%;
}
@media screen and (max-width: 768px) {
	.JobArea{
		padding:100px 0 70px 0;
	}
	.JobArea .w .Img{
		width:100%;
		margin-bottom:20px;
	}
	.JobArea .w .Img i{
		width:180px;
		height:42px;
		line-height:42px;
		font-size:15px;
		top:-21px;
	}
	.JobArea .w .Tx{
		width:100%;
	}
	.JobArea .w .Tx h3{
		font-size:18px;
		margin-bottom:15px;
	}
	.JobArea .w .Tx p{
		font-size:14px;
		line-height:210%;
	}
}







/* interview.html
-------------------------------------------------------------------------------------------------------- */

.IntList{
	padding:120px 0;
}
.IntList .f{
	width:90%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.IntList .f .Item{
	width:30%;
	margin:0 1.66666666%;
	margin-bottom:40px;
	display:block;
	color:#FFFFFF;
	position:relative;
}

.IntList .f .Item:hover{
	opacity:1;
}
.IntList .f .Item div.t{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	transition:all 0.5s;
	z-index:3;
}
.IntList .f .Item div.t div{
	padding:14px 15px;
	position:relative;
}
.IntList .f .Item div.t div::before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background:-webkit-linear-gradient(top,rgba(0,56,163,0),rgba(0,56,163,1));
	transition:all 0.5s;
}
.IntList .f .Item:hover div.t div::before{
	opacity:0;
}
.IntList .f .Item div.t div::after{
	content:"";
	display: block;
	width:40px;
	height:40px;
	background:url(../img/link_allow_w.jpg) no-repeat center center;
	background-size:40px;
	position:absolute;
	top:50%;
	right:30px;
	transform:translateY(-50%);
	transition:all 0.5s;
	z-index:2;
}
.IntList .f .Item:hover div.t div::after{
	background:url(../img/link_allow_hover.jpg) no-repeat center center;
	background-size:40px;
}
.IntList .f .Item div.t div strong{
	font-size:28px;
	font-weight:500;
	font-family: "Jost", sans-serif;
	display:block;
	position:relative;
	z-index:2;
}
.IntList .f .Item div.t div span{
	font-size:14px;
	font-weight:500;
	display:block;
	margin:3px 0;
	position:relative;
	z-index:2;
}
.IntList .f .Item div.t div i{
	font-style:normal;
	font-size:14px;
	font-weight:500;
	display:block;
	position:relative;
	z-index:2;
}
.IntList .f .Item div.c{
	width:100%;
	height:100%;
	background:rgba(0,165,247,0.7);
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:all 0.5s;
}
.IntList .f .Item:hover div.c{
	opacity:1;
}
.IntList .f .Item div.c p{
	color:#FFFFFF;
	font-size:18px;
	font-weight:500;
	line-height:185%;
	width:60%;
	position:absolute;
	top:40%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
}



@media screen and (max-width: 768px) {
	.IntList{
		padding:60px 0;
	}
	.IntList .f .Item{
		width:80%;
		margin:0 auto;
		margin-bottom:45px;
	}
	.IntList .f .Item div.t div{
		padding:12px 14px;
	}
	.IntList .f .Item div.t div::after{
		width:30px;
		height:30px;
		background:url(../img/link_allow_w.jpg) no-repeat center center;
		background-size:30px;
		right:25px;
	}
	.IntList .f .Item div.t div strong{
		font-size:25px;
	}
	.IntList .f .Item div.t div span{
		font-size:13px;
	}
	.IntList .f .Item div.t div i{
		font-size:13px;
	}
	.IntList .f .Item div.c{
		display:none !important;
	}
}











/* interview_detail
-------------------------------------------------------------------------------------------------------- */

.IntTit{
	width:100%;
	position:relative;
}
.IntTit .Bg{
	width:100%;
	height:540px;
	background:url(../img/low_tit_bg.jpg) no-repeat center center;
	background-size: cover;
}
.IntTit img{
	width:70%;
	max-width:1120px;
	position:absolute;
	bottom:-80px;
	right:0;
}
.IntTit .Tx{
	width:90%;
	max-width:1400px;
	position:absolute;
	top:130px;
	left:50%;
	transform:translateX(-50%);
	z-index:10;
}
.IntTit .Aside{
	width:90%;
	max-width:1400px;
	margin:auto;
	margin-top:25px;
}
.IntTit .Tx span{
	display: block;
	font-size:21px;
	color:#00A5F7;
	letter-spacing:1px;
	font-weight:500;
	font-family: "Jost", sans-serif;
}
.IntTit .Tx h1 i{
	display:inline-block;
	font-size:40px;
	font-style:normal;
	letter-spacing:1px;
	font-weight:500;
	font-family: "Jost", sans-serif;
	margin-bottom:60px;
	background:#00A5F7;
	margin:10px auto;
	padding:0 10px;
	color:#FFFFFF;
}
.IntTit .Aside strong{
	font-size:28px;
	font-weight:500;
	font-family: "Jost", sans-serif;
	display:block;
}
.IntTit .Aside span{
	font-size:14px;
	font-weight:500;
	display:block;
	margin:3px 0;
}
.IntTit .Aside i{
	font-style:normal;
	font-size:14px;
	font-weight:500;
	display:block;
}
@media screen and (max-width: 768px) {
	.IntTit .Bg{
		height:320px;
	}
	.IntTit img{
		bottom:50px;
	}
	.IntTit .Tx{
		top:100px;
		left:20px;
		transform:none;
	}
	.IntTit .Aside{
		width:90%;
		max-width:1400px;
		margin:auto;
		margin-top:15px;
	}
	.IntTit .Tx span{
		font-size:16px;
	}
	.IntTit .Tx h1 i{
		font-size:18px;
		margin:4px auto;
		padding:0 8px;
	}
	.IntTit .Aside strong{
		font-size:24px;
	}
	.IntTit .Aside span{
		font-size:12px;
	}
	.IntTit .Aside i{
		font-size:12px;
	}
}

.IntTit .CrossTit{
	width:90%;
	margin:auto;
	max-width:1400px;
	position:absolute;
	top:100px;
	left:50%;
	transform:translateX(-50%);
}
.IntTit .CrossTit div{
	position:relative;
}
.IntTit .CrossTit div img{
	position:static;
	width:100%;
	max-width:none;
}
.IntTit .CrossTit div h1{
	position:absolute;
	top:50%;
	left:40px;
	transform:translateY(-50%);
	color:#FFFFFF;
}
.IntTit .CrossTit div h1 span{
	display:block;
	font-size:24px;
	letter-spacing:1px;
	font-family: "Jost", sans-serif;
	margin-bottom:4px;
	font-weight:500;
}
.IntTit .CrossTit div h1 b{
	font-weight:500;
	display:block;
	font-size:42px;
	letter-spacing:1px;
}
@media screen and (max-width: 768px) {
	.IntTit .CrossTit{
		top:80px;
	}
	.IntTit .CrossTit div h1{
		position:absolute;
		top:auto;
		bottom:30px;
		left:20px;
		transform:none;
		line-height:150%;
	}
	.IntTit .CrossTit div h1 span{
		font-size:15px;
		margin-bottom:0;
	}
	.IntTit .CrossTit div h1 b{
		font-size:26px;
	}
}





.Id_Text span{
	font-size:24px;
	font-family: "Jost", sans-serif;
	margin-bottom:12px;
	color:#00A5F7;
	font-weight:500;
}
.Id_Text h2{
	font-size:22px;
	margin-bottom:24px;
	font-weight:500;
	line-height:175%;
}
.Id_Text p{
	font-size:14px;
	line-height:205%;
}
@media screen and (max-width: 768px) {
	.Id_Text span{
		font-size:17px;
		margin-bottom:10px;
	}
	.Id_Text h2{
		font-size:18px;
		margin-bottom:18px;
	}
	.Id_Text p{
		font-size:13px;
	}
}



.IntDetail01{
	width:100%;
	padding:200px 0 120px 0;
}
.IntDetail01 .w{
	width:90%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.IntDetail01 .w .Tx{
	width:45%;
}
.IntDetail01 .w .Img{
	width:50%;
}

.IntDetail02{
	width:100%;
	position:relative;
	z-index:4;
}
.IntDetail02 .w{
	width:90%;
	max-width:1400px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.IntDetail02 .w .Tx{
	width:38%;
	margin:0 6%;
}
.IntDetail02 .w .Img{
	width:50%;
}

.IntDetail03{
	width:90%;
	max-width:1200px;
	margin:auto;
	margin-top:-50px;
	position:relative;
	z-index:2;
	background:#F5F5F5;
}
.IntDetail03 .w{
	padding:140px 0;
	width:90%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.IntDetail03 .w .Tx{
	width:45%;
}
.IntDetail03 .w .Img{
	width:50%;
}
@media screen and (max-width: 768px) {
	.IntDetail01{
		padding:80px 0 60px 0;
	}
	.IntDetail01 .w{
		flex-direction:column-reverse;
	}
	.IntDetail01 .w .Tx{
		width:100%;
	}
	.IntDetail01 .w .Img{
		width:100%;
		margin-bottom:20px;
	}
	
	.IntDetail02 .w .Tx{
		width:100%;
		margin:0;
	}
	.IntDetail02 .w .Img{
		width:100%;
		margin-bottom:20px;
	}
	
	.IntDetail03{
		margin-top:60px;
	}
	.IntDetail03 .w{
		padding:20px 0;
		flex-direction:column-reverse;
	}
	.IntDetail03 .w .Tx{
		width:100%;
	}
	.IntDetail03 .w .Img{
		width:100%;
		margin-bottom:20px;
	}
}




.IntLink_List{
	background:-webkit-linear-gradient(top,#BBE4F6,#D5EEEE);
	padding:50px 0 180px 0;
	margin-top:240px;
	position:relative;
}
.IntLink_List .Tx{
	width:90%;
	max-width:1200px;
	margin:auto;
}
.IntLink_List .Tx span{
	font-size:16px;
	letter-spacing:2px;
	display:block;
	padding-left:25px;
	position:relative;
	margin-bottom:22px;
}
.IntLink_List .Tx span::before{
	content:"";
	width:15px;
	height:15px;
	background:#00A5F7;
	display:block;
	top:50%;
	left:0;
	transform:translateY(-50%);
	position:absolute;
}
.IntLink_List .Tx h3{
	font-size:48px;
	font-weight:500;
	font-family: "Jost", sans-serif;
	line-height:120%;
}
ul.SlideBtn{
	margin-top:40px;
}
ul.SlideBtn.sp{
	display:none;
}
ul.SlideBtn li{
	width:50px;
	display:inline-block;
	margin-right:50px;
}
ul.SlideBtn li a{
	position:relative;
	display:block;
}
ul.SlideBtn li a:hover{
	opacity:1;
}
ul.SlideBtn li a img.h{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:all 0.5s;
}
ul.SlideBtn li a:hover img.h{
	opacity:1;
}

.IntLink_List .Slide{
	width:67%;
	position:absolute;
	top:-80px;
	right:0;
	overflow:hidden;
}
.IntLink_List .Slide .slider{
	width:110%;
}
.IntLink_List .Slide li.slick-slide{
	margin:0 20px;
	background:#FFFFFF;
}

.IntLink_List .Slide li.slick-slide a{
	width:100%;
	display:block;
	color:#FFFFFF;
	position:relative;
}
.IntLink_List .Slide li.slick-slide a:hover{
	opacity:1;
}
.IntLink_List .Slide li.slick-slide a div.t{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	transition:all 0.5s;
	z-index:3;
}
.IntLink_List .Slide li.slick-slide a div.t div{
	padding:14px 15px;
	position:relative;
}
.IntLink_List .Slide li.slick-slide a div.t div::before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background:-webkit-linear-gradient(top,rgba(0,56,163,0),rgba(0,56,163,1));
	transition:all 0.5s;
}
.IntLink_List .Slide li.slick-slide a:hover div.t div::before{
	opacity:0;
}
.IntLink_List .Slide li.slick-slide a div.t div::after{
	content:"";
	display: block;
	width:40px;
	height:40px;
	background:url(../img/link_allow_w.jpg) no-repeat center center;
	background-size:40px;
	position:absolute;
	top:50%;
	right:30px;
	transform:translateY(-50%);
	transition:all 0.5s;
	z-index:2;
}
.IntLink_List .Slide li.slick-slide a:hover div.t div::after{
	background:url(../img/link_allow_hover.jpg) no-repeat center center;
	background-size:40px;
}
.IntLink_List .Slide li.slick-slide a div.t div strong{
	font-size:28px;
	font-weight:500;
	font-family: "Jost", sans-serif;
	display:block;
	position:relative;
	z-index:2;
}
.IntLink_List .Slide li.slick-slide a div.t div span{
	font-size:14px;
	font-weight:500;
	display:block;
	margin:3px 0;
	position:relative;
	z-index:2;
}
.IntLink_List .Slide li.slick-slide a div.t div i{
	font-style:normal;
	font-size:14px;
	font-weight:500;
	display:block;
	position:relative;
	z-index:2;
}
.IntLink_List .Slide li.slick-slide a div.c{
	width:100%;
	height:100%;
	background:rgba(0,165,247,0.7);
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition:all 0.5s;
}
.IntLink_List .Slide li.slick-slide a:hover div.c{
	opacity:1;
}
.IntLink_List .Slide li.slick-slide a div.c p{
	color:#FFFFFF;
	font-size:18px;
	font-weight:500;
	line-height:185%;
	width:60%;
	position:absolute;
	top:40%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
}

@media screen and (min-width: 1800px) {
	.IntLink_List .Slide{
		width:64%;
	}
}
@media screen and (max-width: 768px) {
	.IntLink_List{
		padding:40px 0 60px 0;
		margin-top:80px;
	}
	.IntLink_List .Tx span{
		text-align:center;
		font-size:14px;
		padding-left:0;
		margin-bottom:18px;
	}
	.IntLink_List .Tx span::before{
		width:11px;
		height:11px;
		display:inline-block;
		position:static;
		transform:none;
		margin-right:10px;
		vertical-align:middle;
	}
	.IntLink_List .Tx h3{
		font-size:40px;
		text-align:center;
		margin-bottom:30px;
	}
	.IntLink_List .Tx ul.SlideBtn{
		display:none;
	}
	ul.SlideBtn.sp{
		display:block;
		text-align:center;
		margin-top:30px;
	}
	ul.SlideBtn li{
		width:42px;
		display:inline-block;
		margin:0 20px;
	}

	.IntLink_List .Slide{
		width:75%;
		position: static;
		top:auto;
		right:auto;
		margin:auto;
	}
	.IntLink_List .Slide .slider{
		width:100%;
	}
	.IntLink_List .Slide li.slick-slide{
		margin:0;
		background:#FFFFFF;
	}
	.IntLink_List .Slide li.slick-slide a div.t div{
		padding:12px 14px;
	}
	.IntLink_List .Slide li.slick-slide a div.t div::after{
		width:30px;
		height:30px;
		background:url(../img/link_allow_w.jpg) no-repeat center center;
		background-size:30px;
		right:25px;
	}
	.IntLink_List .Slide li.slick-slide a div.t div strong{
		font-size:25px;
	}
	.IntLink_List .Slide li.slick-slide a div.t div span{
		font-size:13px;
	}
	.IntLink_List .Slide li.slick-slide a div.t div i{
		font-size:13px;
	}
	.IntLink_List .Slide li.slick-slide a div.c{
		display:none;
	}
}













.CrossMain{
	width:100%;
	margin-bottom:170px;
}
.CrossMain .Tit{
	margin-bottom:100px;
	position:relative;
}
.CrossMain h2 strong{
	font-size:74px;
	display:block;
	text-align:center;
	letter-spacing:1px;
	color:#E5F5FC;
	font-weight:500;
	font-family: "Jost", sans-serif;
}
.CrossMain h2 span{
	font-size:22px;
	display:block;
	text-align:center;
	position:absolute;
	bottom:5px;
	left:50%;
	font-weight:600;
	transform:translateX(-50%);
}
.CrossMain ul{
	width:90%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.CrossMain ul li{
	width:21.5%;
}
.CrossMain ul li h3{
	margin-top:12px;
	font-size:24px;
	font-weight:600;
}
.CrossMain ul li h3 span{
	margin-left:10px;
	font-size:60%;
	font-weight:500;
}
.CrossMain ul li p{
	margin-top:12px;
	font-size:14px;
	font-weight:500;
	line-height:165%;
}
@media screen and (max-width: 768px) {
	.CrossMain{
		margin-bottom:80px;
	}
	.CrossMain .Tit{
		margin-bottom:40px;
		position:relative;
	}
	.CrossMain h2 strong{
		font-size:44px;
	}
	.CrossMain h2 span{
		font-size:16px;
		bottom:3px;
	}
	.CrossMain ul li{
		width:46%;
		margin-bottom:30px;
	}
	.CrossMain ul li h3{
		margin-top:10px;
		font-size:14px;
	}
	.CrossMain ul li p{
		margin-top:10px;
		font-size:12px;
	}
}



p.Ind_tx{
	font-size:16px;
	line-height:185%;
	margin-bottom:60px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
p.Ind_tx span{
	width:82%;
	display:block;
}
p.Ind_tx i{
	margin-top:5px;
	width:15%;
	font-style:normal;
	padding-top:85px;
	text-align:center;
	display:block;
	letter-spacing:1px;
	position:relative;
}
.CrossTalk03 p.Ind_tx span,
.CrossTalk04 p.Ind_tx span{
	width:90%;
}
.CrossTalk03 p.Ind_tx i,
.CrossTalk04 p.Ind_tx i{
	width:7.5%;
}
p.Ind_tx i::after{
	content:"";
	display:block;
	width:80px;
	height:80px;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
}
p.Ind_tx i.ki::after{
	background:url(../img/crosstalk/img_k_i.png) no-repeat center center;
	background-size:80px;
}
p.Ind_tx i.hw::after{
	background:url(../img/crosstalk/img_h_w.png) no-repeat center center;
	background-size:80px;
}
p.Ind_tx i.it::after{
	background:url(../img/crosstalk/img_i_t.png) no-repeat center center;
	background-size:80px;
}
p.Ind_tx i.om::after{
	background:url(../img/crosstalk/img_o_m.png) no-repeat center center;
	background-size:80px;
}
@media screen and (max-width: 768px) {
	p.Ind_tx{
		font-size:14px;
		line-height:178%;
		margin-bottom:35px;
	}
	p.Ind_tx span{
		width:75%;
	}
	p.Ind_tx i{
		width:20%;
		padding-top:65px;
	}
	.CrossTalk03 p.Ind_tx span,
	.CrossTalk04 p.Ind_tx span{
		width:75%;
	}
	.CrossTalk03 p.Ind_tx i,
	.CrossTalk04 p.Ind_tx i{
		width:20%;
	}
	p.Ind_tx i::after{
		width:60px;
		height:60px;
	}
	p.Ind_tx i.ki::after{
		background:url(../img/crosstalk/img_k_i.png) no-repeat center center;
		background-size:60px;
	}
	p.Ind_tx i.hw::after{
		background:url(../img/crosstalk/img_h_w.png) no-repeat center center;
		background-size:60px;
	}
	p.Ind_tx i.it::after{
		background:url(../img/crosstalk/img_i_t.png) no-repeat center center;
		background-size:60px;
	}
	p.Ind_tx i.om::after{
		background:url(../img/crosstalk/img_o_m.png) no-repeat center center;
		background-size:60px;
	}
}


.CrossTalk01{
	width:90%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:60px;
}
.CrossTalk01 .Tx{
	width:50%;
}
.CrossTalk01 .Img{
	width:45%;
}
.CrossTalk02{
	width:90%;
	max-width:1400px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:60px;
}
.CrossTalk02 .Tx{
	width:43%;
	margin-right:7%;
}
.CrossTalk02 .Img{
	width:45%;
}
.CrossTalk03{
	width:90%;
	max-width:1200px;
	margin:auto;
	margin-bottom:120px;
}
.CrossTalk04{
	width:90%;
	max-width:1400px;
	margin:auto;
	padding-bottom:80px;
}
.CrossTalk04 .Tx{
	max-width:1200px;
	margin:auto;
}
.CrossTalk04 .Img{
	width:92.5%;
	margin-bottom:90px;
}
@media screen and (max-width: 768px) {
	.CrossTalk01{
		flex-direction:column-reverse;
		margin-bottom:40px;
	}
	.CrossTalk01 .Tx{
		width:100%;
	}
	.CrossTalk01 .Img{
		width:100%;
		margin-bottom:25px;
	}
	.CrossTalk02{
		margin-bottom:40px;
	}
	.CrossTalk02 .Tx{
		width:100%;
	}
	.CrossTalk02 .Img{
		width:100%;
		margin-bottom:25px;
	}
	.CrossTalk03{
		margin-bottom:80px;
	}
	.CrossTalk04{
		padding-bottom:50px;
	}
	.CrossTalk04 .Img{
		width:100%;
		margin-bottom:25px;
	}
}

.CrossLast{
	width:100%;
	padding:70px 0;
	background:-webkit-linear-gradient(top,#BBE4F6,#D5EEEE);
}
.CrossLast p{
	text-align:center;
	line-height:240%;
	font-size:18px;
	font-weight:550;
	letter-spacing:1px;
}
@media screen and (max-width: 768px) {
	.CrossLast{
		padding:40px 0;
	}
	.CrossLast p{
		line-height:210%;
		font-size:15px;
	}
}

















.QuesWrap{
	width:100%;
	position:relative;
}
.QuesWrap::before{
	content:"";
	display:block;
	width:65%;
	height:40%;
	background:#F5F5F5;
	position:absolute;
	top:6%;
	right:0;
	z-index:1;
}
.QuesWrap::after{
	content:"";
	display:block;
	width:32%;
	height:22%;
	background:#F5F5F5;
	position:absolute;
	bottom:13%;
	left:0;
	z-index:1;
}
.QuesWrap .Area{
	width:90%;
	max-width:1200px;
	margin:auto;
	position:relative;
	z-index:5;
}
.QuesWrap .Area .Cont{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:140px;
}
.QuesWrap .Area .Cont.re{
	flex-direction:row-reverse;
}
.QuesWrap .Area .Cont .Img{
	width:50%;
	position:relative;
}
.QuesWrap .Area .Cont .Img i{
	width:70px;
	height:70px;
	background:#0038A3;
	line-height:70px;
	text-align:center;
	font-style:normal;
	font-weight:500;
	letter-spacing:1px;
	font-size:22px;
	position:absolute;
	top:-35px;
	left:0;
	color:#FFFFFF;
}
.QuesWrap .Area .Cont .Tx{
	width:50%;
}
.QuesWrap .Area .Cont .Tx div{
	padding:0 0 40px 45px;
	border-bottom:solid 1px #DADADA;
}
.QuesWrap .Area .Cont.re .Tx div{
	padding:0 40px 45px 0;
}
.QuesWrap .Area .Cont .Tx div h2{
	font-size:24px;
	letter-spacing:1px;
	margin-bottom:15px;
	font-weight:600;
}
.QuesWrap .Area .Cont .Tx div p{
	font-size:16px;
	line-height:185%;
	font-weight:400;
}
@media screen and (max-width: 768px) {
	.QuesWrap .Area .Cont{
		margin-bottom:70px;
	}
	.QuesWrap .Area .Cont .Img{
		width:100%;
		margin-bottom:20px;
	}
	.QuesWrap .Area .Cont .Img i{
		width:55px;
		height:55px;
		line-height:55px;
		font-size:18px;
		top:-27.5px;
	}
	.QuesWrap .Area .Cont .Tx{
		width:100%;
	}
	.QuesWrap .Area .Cont .Tx div{
		padding:0 15px 30px 15px !important;
	}
	.QuesWrap .Area .Cont .Tx div h2{
		font-size:18px;
		text-align:center;
		margin-bottom:12px;
	}
	.QuesWrap .Area .Cont .Tx div p{
		font-size:14px;
		line-height:180%;
	}
}



.Q_Foot{
	width:100%;
	position:relative;
}
.Q_Foot p{
	font-size:22px;
	text-align:center;
	width:100%;
	line-height:200%;
	color:#FFFFFF;
	font-weight:500;
	letter-spacing:1px;
	position:absolute;
	top:65%;
	left:0;
	transform:translateY(-50%);
}
@media screen and (max-width: 768px) {
	.Q_Foot p{
		font-size:16px;
		line-height:190%;
	}
}













.BeneMain{
	width:90%;
	max-width:1200px;
	margin:auto;
	margin-bottom:120px;
}
.BeneMain .Tit{
	margin-bottom:100px;
	position:relative;
}
.BeneMain h2 strong{
	font-size:80px;
	display:block;
	text-align:center;
	letter-spacing:1px;
	color:#E5F5FC;
	font-weight:500;
	font-family: "Jost", sans-serif;
}
.BeneMain h2 span{
	font-size:22px;
	display:block;
	text-align:center;
	position: relative;
	top:-38px;
	font-weight:600;
}
.BeneMain h2 + p{
	font-size:14px;
	text-align:center;
	letter-spacing:1px;
	margin-top:-10px;
	line-height:175%;
}

.BeneMain .f{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.BeneMain .f.re{
	flex-direction:row-reverse;
}
.BeneMain .f .Img{
	width:45%;
}
.BeneMain .f .Tx{
	width:49.5%;
}
.BeneMain .f .Tx .w{
	padding:35px;
	background:#F5F5F5;
	margin-bottom:10px;
	
}
.BeneMain .f .Tx .w h3{
	font-size:20px;
	padding-left:32px;
	letter-spacing:1px;
	margin-bottom:30px;
	position:relative;
	font-weight:600;
}
.BeneMain .f .Tx .w h3 span{
	font-size:15px;
	display:block;
}
.BeneMain .f .Tx .w h3::before{
	content:"";
	display:block;
	width:15px;
	height:15px;
	background:#00A5F7;
	position:absolute;
	top:8px;
	left:0;
}
.BeneMain .f .Tx.two .w h3::before{
	top:5px;
}
.BeneMain .f .Tx .w p{
	text-align:left;
	font-size:14px;
	padding-left:32px;
	line-height:185%;
}
@media screen and (max-width: 768px) {
	.BeneMain{
		margin-bottom:70px;
	}
	.BeneMain .Tit{
		margin-bottom:40px;
	}
	.BeneMain h2 strong{
		font-size:60px;
	}
	.BeneMain h2 span{
		font-size:18px;
		top:-30px;
	}
	.BeneMain h2 + p{
		font-size:13px;
	}
	
	.BeneMain .f .Img{
		width:100%;
		margin-bottom:20px;
	}
	.BeneMain .f .Tx{
		width:100%;
	}
	.BeneMain .f .Tx .w{
		padding:25px;
		margin-bottom:8px;
	}
	.BeneMain .f .Tx .w h3{
		font-size:18px;
		padding-left:24px;
		margin-bottom:15px;
	}
	.BeneMain .f .Tx .w h3 span{
		font-size:14px;
	}
	.BeneMain .f .Tx .w h3::before{
		width:13px;
		height:13px;
	}
	.BeneMain .f .Tx .w p{
		font-size:13px;
		padding-left:24px;
		line-height:175%;
	}
}














.TraiWrap{
	padding:140px 0;
}
.TraiWrap.g{
	background:#F5F5F5;
}
.TraiWrap .Area{
	width:90%;
	max-width:1200px;
	margin:auto;
}
.TraiWrap .Area p.t_tx{
	text-align:center;
	font-size:16px;
	letter-spacing:1px;
	margin:65px auto;
}
.TraiWrap .Trai01{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.TraiWrap .Trai01 .w{
	background:#FFFFFF;
	width:32%;
	position:relative;
}
.TraiWrap .Trai01 .w h4{
	display:inline-block;
	font-size:20px;
	color:#FFFFFF;
	letter-spacing:1px;
	padding:6px 15px;
	background:#00A5F7;
	position:absolute;
	top:-8px;
	left:0;
}
.TraiWrap .Trai01 .w p{
	padding:50px 30px 40px 30px;
	font-size:16px;
	line-height:195%;
}

.TraiWrap .Trai02 .Img{
	margin-bottom:60px;
	position:relative;
}
.TraiWrap .Trai02 .Img img{
	opacity:0;
	mix-blend-mode:multiply;
}
.TraiWrap .Trai02 .Img img.f{
	position:absolute;
	top:0;
	left:0;
}
.TraiWrap .Trai02 .Img #Tc01.move{
	-webkit-animation: fade_in 1.2s ease 0s forwards;
}
.TraiWrap .Trai02 .Img #Tc02.move{
	-webkit-animation: fade_in 1.2s ease 0.2s forwards;
}
.TraiWrap .Trai02 .Img #Tc03.move{
	-webkit-animation: fade_in 1.2s ease 0.4s forwards;
}
.TraiWrap .Trai02 .Tx{
	background:#F5F5F5;
	padding:60px 40px 50px 40px;
}
.TraiWrap .Trai02 .Tx h4{
	text-align:center;
	font-size:22px;
	letter-spacing:1px;
	margin-bottom:55px;
	font-weight:500;
}
.TraiWrap .Trai02 .Tx ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.TraiWrap .Trai02 .Tx ul li{
	width:31%;
	padding:15px 0;
	font-size:18px;
	text-align:center;
	letter-spacing:1px;
	background:#FFFFFF;
	margin-bottom:18px;
}
.TraiWrap .Trai02 .Tx ul li.t{
	width:48.3%;
}

.TraiWrap .Trai03{
	margin-top:100px;
}
.TraiWrap .Trai03 .w{
	width:90%;
	max-width:1200px;
	margin:auto;
	position:relative;
	margin-bottom:220px;
}
.TraiWrap .Trai03 .w.re{
	margin-bottom:300px;
}
.TraiWrap .Trai03 .w .Tx{
	width:38%;
	margin-left:8%;
	position:relative;
	z-index:2;
}
.TraiWrap .Trai03 .w .Tx h4{
	margin-bottom:0;
}
.TraiWrap .Trai03 .w .Tx h4 i{
	font-size:90px;
	font-weight:500;
	color:#FFFFFF;
	letter-spacing:2px;
	display:block;
	font-style:normal;
	font-family: "Jost", sans-serif;
}
.TraiWrap .Trai03 .w .Tx h4 span{
	font-size:21px;
	font-weight:500;
	letter-spacing:1px;
	position:relative;
	top:-50px;
	display:block;
}
.TraiWrap .Trai03 .w .Tx p{
	font-size:14px;
	line-height:185%;
}
.TraiWrap .Trai03 .w img{
	position:absolute;
	top:80px;
	right:0;
	width:58%;
	z-index:1;
}
.TraiWrap .Trai03 .w.re .Tx{
	width:42%;
	margin-left:auto;
	margin-right:8%;
}
.TraiWrap .Trai03 .w.re img{
	top:20px;
	right:auto;
	left:0;
	width:55%;
	z-index:1;
}
@media screen and (max-width: 768px) {
	.TraiWrap{
		padding:60px 0;
	}
	.TraiWrap .Area p.t_tx{
		font-size:14px;
		margin:40px auto;
	}
	.TraiWrap .Trai01 .w{
		width:100%;
		margin-bottom:25px;
	}
	.TraiWrap .Trai01 .w h4{
		font-size:16px;
	}
	.TraiWrap .Trai01 .w p{
		padding:40px 20px 24px 20px;
		font-size:14px;
		line-height:190%;
	}

	.TraiWrap .Trai02 .Img{
		margin-bottom:30px;
	}
	.TraiWrap .Trai02 .Tx{
		background:#F5F5F5;
		padding:30px 20px 25px 20px;
	}
	.TraiWrap .Trai02 .Tx h4{
		font-size:18px;
		margin-bottom:25px;
	}
	.TraiWrap .Trai02 .Tx ul li,
	.TraiWrap .Trai02 .Tx ul li.t{
		width:100%;
		padding:12px 0;
		font-size:15px;
		margin-bottom:10px;
	}

	.TraiWrap .Trai03{
		margin-top:30px;
	}
	.TraiWrap .Trai03 .w{
		margin-bottom:40px !important;
	}
	.TraiWrap .Trai03 .w .Tx{
		width:100%;
		margin-left:0;
	}
	.TraiWrap .Trai03 .w .Tx h4 i{
		font-size:66px;
	}
	.TraiWrap .Trai03 .w .Tx h4 span{
		font-size:18px;
		top:-40px;
	}
	.TraiWrap .Trai03 .w .Tx p{
		font-size:13px;
		line-height:180%;
	}
	.TraiWrap .Trai03 .w img{
		position: static;
		top:auto;
		right:auto;
		width:100% !important;
		margin-top:20px;
	}
	.TraiWrap .Trai03 .w.re .Tx{
		width:100%;
		margin-right:auto;
	}
}










.QaArea{
	padding:140px 0;
}
.QaArea .Area{
	width:90%;
	max-width:1000px;
	margin:auto;
	border-top:solid 1px #DADADA;
}
.QaArea .Area .Qa{
	padding:24px 0;
	border-bottom:solid 1px #DADADA;
}
.QaArea .Area .Qa .q{
	position:relative;
	padding-left:60px;
	height:40px;
	cursor:pointer;
}
.QaArea .Area .Qa .q i{
	width:40px;
	height:40px;
	display:block;
	background:#0038A3;
	color:#FFFFFF;
	line-height:40px;
	text-align:center;
	font-size:26px;
	font-weight:bold;
	position:absolute;
	font-style:normal;
	top:0;
	left:0;
	font-family: "Jost", sans-serif;
}
.QaArea .Area .Qa .q p{
	font-size:16px;
	letter-spacing:1px;
	line-height:40px;
	font-weight:500;
}
.QaArea .Area .Qa .q::after{
	content:"";
	display: block;
	width:9px;
	height:9px;
	border-top:2px solid #333333;
	border-right:2px solid #333333;
	transform: rotate(135deg);
	position: absolute;
	right:20px;
	top:40%;
	transition:all 0.5s;
}
.QaArea .Area .Qa .q.ac::after{
	transform: rotate(315deg);
	top:50%;
}
.QaArea .Area .Qa .a{
	position:relative;
	padding-left:60px;
	height:auto;
	display:none;
	margin-top:20px;
}
.QaArea .Area .Qa .a i{
	width:40px;
	height:40px;
	display:block;
	background:#00A5F7;
	color:#FFFFFF;
	line-height:40px;
	text-align:center;
	font-size:26px;
	font-weight:bold;
	position:absolute;
	font-style:normal;
	top:0;
	left:0;
	font-family: "Jost", sans-serif;
}
.QaArea .Area .Qa .a p{
	font-size:14px;
	letter-spacing:1px;
	line-height:165%;
	padding-top:8px;
}
@media screen and (max-width: 768px) {
	.QaArea{
		padding:60px 0;
	}
	.QaArea .Area .Qa{
		padding:24px 0;
	}
	.QaArea .Area .Qa .q{
		padding-left:42px;
		height:auto;
		padding-right:30px;
	}
	.QaArea .Area .Qa .q i{
		width:32px;
		height:32px;
		line-height:32px;
		font-size:21px;
	}
	.QaArea .Area .Qa .q p{
		font-size:15px;
		line-height:155%;
	}
	.QaArea .Area .Qa .q::after{
		width:7px;
		height:7px;
		right:10px;
		top:35%;
	}
	.QaArea .Area .Qa .a{
		padding-left:42px;
		height:auto;
		margin-top:20px;
	}
	.QaArea .Area .Qa .a i{
		width:32px;
		height:32px;
		line-height:32px;
		font-size:21px;
	}
	.QaArea .Area .Qa .a p{
		font-size:13px;
		line-height:155%;
	}
}


.Qa_Link{
	width:100%;
	padding:110px 0;
	background:#F5F5F5;
}
.Qa_Link .Area{
	width:90%;
	max-width:1200px;
	margin:auto;
}
.Qa_Link .Area .w{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.Qa_Link .Area .w a{
	width:47.5%;
	color:#FFFFFF;
	display:block;
	background:#00A5F7;
	position:relative;
}
.Qa_Link .Area .w a p{
	padding:40px 50px;
}
.Qa_Link .Area .w a p strong{
	font-size:24px;
	font-weight:500;
	letter-spacing:1px;
	display:block;
}
.Qa_Link .Area .w a p span{
	font-size:14px;
	font-weight:500;
	letter-spacing:1px;
	display:block;
	font-family: "Jost", sans-serif;
	margin-top:8px;
}
.Qa_Link .Area .w a::after{
	content:"";
	display: block;
	width:40px;
	height:40px;
	background:url(../img/link_allow_w.jpg) no-repeat center center;
	background-size:40px;
	position:absolute;
	top:50%;
	right:40px;
	transform:translateY(-50%);
}
@media screen and (max-width: 768px) {
	.Qa_Link{
		padding:35px 0;
	}
	.Qa_Link .Area .w a{
		width:100%;
		margin:10px auto;
	}
	.Qa_Link .Area .w a p{
		padding:20px 25px;
	}
	.Qa_Link .Area .w a p strong{
		font-size:18px;
	}
	.Qa_Link .Area .w a p span{
		font-size:12px;
		margin-top:5px;
	}
	.Qa_Link .Area .w a::after{
		width:26px;
		height:26px;
		background:url(../img/link_allow_w.jpg) no-repeat center center;
		background-size:26px;
		right:20px;
	}
}
