@charset "UTF-8";
/* CSS Document */

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

body{overflow-x: hidden;
	}
.pc{display: block!important;}
.sp{display: none!important;}

.tellink {
    pointer-events: none;
  }
.op50{transition: all 0.3s;}
.op50:hover{opacity: 0.5;}
.wrap{width: 728px;margin: 0 auto;position: relative;z-index: 1;}
	
.Label-01{font-weight: normal;font-size: 8.4px;letter-spacing: 0.05em;}
.Label-02{font-weight: bold;font-size: 12.6px;letter-spacing: 0.1em;}
.Label-03{/*font-weight: bold;font-size: 80px;line-height: 120px;letter-spacing: 0.1em;*/font-weight: bold;
    font-size: 56px;
    line-height:84px;
    letter-spacing: 0.1em;}
.Label-04{font-weight: normal;font-size: 21px;line-height: 35px;letter-spacing: 0.1em;}
.Label-05{font-size: 21px;letter-spacing: 0.075em;position: relative;z-index: 10;}
.Label-06{font-weight: bold;font-size: 25.2px;letter-spacing: 0.1em;line-height: 52.5px;margin: 30px 0;position: relative;z-index: 10;}
.Label-06.big{font-size: 39.2px;line-height: 70px;}
.Label-06.mid{font-size: 29.4px;}
.Label-07{font-weight: normal;font-size: 14.6px;letter-spacing: 0.075em;line-height: 28px;}
.Label-08{font-weight: bold;font-size: 21px;letter-spacing: 0.05em;line-height: 42px;}
.Label-09{font-weight: normal;font-size: 12.6px;letter-spacing: 0.075em;}
.Label-10{font-weight: bold;font-size: 29.4px;letter-spacing: 0.1em;}
.Label-11{font-weight: normal;font-size: 14px;letter-spacing: 0.2em;}
.Label-12{font-weight: bold;font-size: 25.2px;letter-spacing: 0.1em;}
.Label-13{font-weight: bold;font-size: 21px;letter-spacing: 0.05em;}
.Label-14{font-weight: normal;font-size: 11.2px;letter-spacing: 0.05em;}
.Label-15{font-size: 18px;letter-spacing: 0.075em;}

.ls75{letter-spacing: 0.075em;}

.button-01{width: 105px;height: 105px;border-radius: 10px;color: #f8ffff;display: block;text-align: center;position: absolute;right: 10px;font-size: 12.6px;line-height: 21px;padding: 20px;top:-22px;}
.button-01 i{font-size: 25.2px;line-height: 33.6px;}
	
.button-02{width: 364px;height: 91px;border-radius: 10px;color: #f8ffff;display: inline-block;text-align: center;font-size: 25.2px;line-height: 91px;letter-spacing: 0.16em;}
.button-03{width: 324.8px;height: 91px;border-radius: 10px;color: #5d5e68;display: inline-block;text-align: center;font-size: 25.2px;line-height: 91px;letter-spacing: 0.16em;}
.button-04{width: 295.4px;height: 91px;border-radius: 10px;}
.button-05{width: 264.6px;height: 91px;border-radius: 10px;color: #f8ffff;display: inline-block;text-align: center;font-size: 25.2px;line-height: 91px;letter-spacing: 0.16em;position: relative;z-index: 10;}
.button-06{width: 148.4px;height: 49px;border-radius: 10px;display: inline-block;text-align: center;font-size: 25.2px;line-height: 49px;}
.button-05.small{width: 252px;font-weight: bold;}

.button-03.bgc04, .button-05.bgc02{transition: all 0.3s; }	
.button-03.bgc04:hover{background: #dbf0fc;}
.button-05.bgc02:hover{background: #5c7df9;}
	
#sec05 .button-03.bgc04:hover{background: #16c9c9;}
	
header{width: 100%;
height: 56px;
margin: 31.5px 0 0 0;
position: relative;
min-width: 1008px;
z-index: 5;
}

header h1{
width: 155.4px;
position: absolute;
left: 35px;
bottom:2.1px;
}
header p.text01{position: absolute;left: 35px;top: 2.8px;}
header p.logo02{position: absolute;left: 228px;top: 0;width: 158.9px;}
header #g-nav{display: flex;width:497px;position: absolute;right: 140px;justify-content: space-around;line-height: 56px;}
header #g-nav a{color:#5d5e68;}


#sec01{position: relative;}
		#scroll_nav{transform: rotate(90deg);position: absolute;position: absolute;right: 20px;bottom: 300px;font-size: 9.8px;font-weight: bold;letter-spacing: 0.1em;}
			#scroll_nav span:before{content: "";height: 1px;width: 58px;background: #515151;display: block;position: absolute;top: 6px;left: 78px;}
			#scroll_nav span:after{content: "";height: 22px;width: 22px;display: block;position: absolute;top: -5px;left: 125px;border: 1px solid #515151;border-radius: 50%;}

#sec01{/*padding: 175px 0 250px 0;*/height:calc(100vh - 56px);}
	#sec01 .wrap{position: relative;transform: translate(0, -50%);top: 45%;}
	#sec01 .text01{margin: 28px 0 35px;}

	#svg-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
	
#sec02{height: 420px;padding: 140px 0 0 0;position: relative;background: #dbf0fc;z-index: 1;}
#sec02 .wrap{position: relative;height: 100%;}
#sec02 .box01{width: 420px;position: absolute;right: -60px;z-index: 1;}
#sec02 .box02{width: 441px;position: absolute;left: -140px;bottom: -52.5px; z-index: 0;}

#sec03{height: 2100px;background: url("../img/bg_01.png") no-repeat center bottom;background-size: 100% auto;position: relative;padding: 189px 0 0 0;}
#sec03:before{position: absolute;background: #dbf0fc;content: "";width: 100%;height: 100%;top:0;z-index: -1;}
#sec03 .wrap{position: relative;height: 100%;}
#sec03 .box01{width: 400px;position: absolute;left: 0;top:119px;}
#sec03 .box02{width: 407.4px;position: absolute;right: -98px;}
#sec03 .box03{position: absolute;top:420px;}

#sec03 .box03 ul {display: inline-block;margin: 0 auto 35px;}
#sec03 .box03 ul li{position: relative; width: 234.5px;height: 234.5px;float: left;text-align: center;color: #f8ffff;padding: 0 0 0 43px;}
#sec03 .box03 ul li:first-child{padding: 0 0 0 30px;}
#sec03 .box03 ul li:before{position: absolute;content: "";width: 0;
height: 0;
border-style: solid;
border-width: 117.25px 0 117.25px 30px;
border-color: transparent transparent transparent #5c7df9;right: -30px;z-index: 1;}
#sec03 .box03 ul + ul{display: block; width: 469px;margin: 0 auto;}
#sec03 .box03 ul li .text01{font-size: 64.4px;padding: 20px 0;position: relative;z-index: 1;}
#sec03 .box03 ul li .text01:before{font-size: 46.2px;position: absolute;font-family: "Font Awesome 5 Free";font-weight: 900;z-index: 0; content: "\f086";opacity: 0.2;bottom: 26%;left: 21%;}
#sec03 .box03 ul li .text01.en:before{font-style: normal;}
#sec03 .box03 ul li:nth-child(2) .text01:before{content: "\f200";}
#sec03 .box03 ul li:nth-child(3) .text01:before{content: "\f15c";}
#sec03 .box03 ul + ul li .text01:before{content: "\f108";}
#sec03 .box03 ul + ul li:nth-child(2) .text01:before{content: "\f4c4";}
#sec03 .box03 ul li .text02{font-size: 16.8px;font-weight: bold;white-space: nowrap;}
#sec03 .box03 ul li .text03{font-size: 11.2px;line-height: 25.2px;text-align: left;padding: 14px 0 0 5px;}
/*#sec03 .box04 ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 14px 0;}
#sec03 .box04 ul li{width: 168px;height: 140px;background: rgba(255, 255, 255, 0.8);border-radius: 10px;text-align: center;margin: 0 0 21px;font-size: 12.6px;line-height: 16.8px;font-weight: bold;}*/
#sec03 .box04 ul{width: 100%; margin: 14px 0;}
#sec03 .box04 ul li{width: 168px;height: 140px;background: rgba(255, 255, 255, 0.8);border-radius: 10px;text-align: center;margin: 0 18.66px 21px 0;font-size: 12.6px;line-height: 16.8px;font-weight: bold;float: left;}
#sec03 .box04 ul li:nth-child(4n){margin: 0 0 21px 0;}
#sec03 .box04 ul li i{color:#16c9c9;font-size: 36.4px;padding: 28px 0 16.8px;display: block;}
#sec03 .box04{position: absolute;bottom:210px;}
	
#sec04{background: #7788af;color: #f8ffff;padding: 100px 0 250px 0;}
#sec04 .wrap{position: relative;height: 100%;}
#sec04 .box01{width: 315px;float: left;margin: 100px 0 0 0;}
#sec04 .box02{width: 407.4px;float: right;}
#sec04 .box03{width: 100%;}
#sec04 ul li{position: relative;width: 100%;margin: 0 0 280px;}
#sec04 ul li:first-child{margin: 126px 0 420px;}
#sec04 ul li .box05{z-index: 1;}
#sec04 ul li:first-child .box05{width: 500px;position: absolute;left: 63px;top: 133px;}
#sec04 ul li:nth-child(2) .box05{width: 399px;position: absolute;right: -35px;}
#sec04 ul li:nth-child(3) .box05{width: 407px;position: absolute;left: 0;top:63px;}
#sec04 ul li .box06{width: 336px;float: right;z-index: 1;position: relative;}
#sec04 ul li:nth-child(2) .box06{width: 336px;float: left;}
#sec04 ul li .img01{width: 196px;display: block;margin: 0 auto;}
#sec04 ul li:first-child .img01{margin: 0;}
#sec04 ul li .text01{margin: 21px 0 14px 0;}
#sec04 ul li dt{background: #fff;padding: 4.2px 7px;border-radius: 3px;display: inline-block;color: #67738d;margin: 21px 0 7px 0;}
#sec04 ul li dt.Label-07{line-height: 18px;}
	
#sec05{background: #dbf0fc;padding: 70px 0 63px 0;}
#sec05 .wrap{position: relative;height: 100%;}
#sec05 .box01{width: 335px;float: left;margin: 70px 0 0 0;}
#sec05 .box02{width: 426.3px;float: right;margin: 0 -59.5px 0 0;}
#sec05 ul {display: flex;justify-content: space-between;margin: 56px 0 28px 0;}
#sec05 ul li{width: 232.4px;background: #e7f6fd;border-radius:10px;text-align: center;padding: 42px 28px;height: 474.6px;}
#sec05 .box03{width: 100%;}
#sec05 ul li .text01{font-size: 12.6px;line-height: 21px;}
#sec05 ul li .text02{font-size: 16.8px;font-weight: bold;margin: 14px 0 21px;}
#sec05 ul li .text03{font-size: 11.2px;line-height: 21px; text-align: left;margin: 21px 0;}
#sec05 ul li:nth-child(2){margin: 49px 0 0 0;}
#sec05 ul li:nth-child(3){margin: 98px 0 0 0;}
#sec05 ul li:nth-child(2) .text03{margin: 21px 0 42px 0;}
#sec05 ul li:nth-child(3) .text03{margin: 21px 0 63px 0;}
#sec05 ul li a{font-size: 14px;letter-spacing: 0.16em;}
	
#sec06{background: #dbf0fc;text-align: center;}
#sec06 .wrap{position: relative;z-index: 1;}
#sec06 ul{display: flex;justify-content: space-between;padding: 42px 0 84px;}
	#sec06 ul li:first-child{width: 253.4px;height: 133px; background: rgba(255, 255, 255, 0.3);padding: 20px;display: flex;align-items: center;border-radius: 10px;}
	#sec06 ul li:nth-child(2){width: 74.2px;font-size: 33.6px;color: #f8ffff;text-align: center;line-height: 133px;}
	#sec06 ul li:nth-child(3){width: 406px;display: flex;justify-content: space-between;align-items: center;padding: 0 35px;height: 133px; background: rgba(255, 255, 255, 0.3);border-radius: 10px;}
	#sec06 ul li:nth-child(3) span{width: 70px;}
	#sec06 ul li:nth-child(3) span:nth-child(3){width: 148.4px;}

#sec07{background: url("../img/bg03_pc.png") no-repeat center bottom;background-size: 100% auto;position: relative;padding: 0 0 200px 0;}
#sec07 .wrap{position: relative;
	z-index: 1;}
#sec07:before{position: absolute;background: #dbf0fc;content: "";width: 100%;height: 100%;top:0;z-index: -1;}
#sec07 ul.bnr{display: flex;justify-content: space-between;margin: 63px 0 70px;}
#sec07 ul.bnr li{width: 357px;}
#sec07 ul#information_list {position: relative;z-index: 10;}
#sec07 ul#information_list li .text02{margin: 0;}
#sec07 .text02{/*font-size: 16.8px;*/margin: 0 0 56px;}
#sec07 .button-03{position: relative;z-index: 10;}
#recruit{margin:84px 0 0 0;position: relative; }
#sec08{background: #7788af;color: #f8ffff;padding: 140px 0;}
#sec08 .box01{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;letter-spacing: 0.4em;width: 100%;margin: 56px 0;}
#sec08 .box01 .text01{font-size: 29.4px;margin: 0 0 0 30px;white-space: nowrap;}
#sec08 .box01 .text02{height: 455px;font-size: 14px;line-height: 30.9px;text-align: left;}
#sec08 .box02 ul{display: flex;justify-content: space-between;}
#sec08 .box02 li:first-child{width: 195.3px;}
#sec08 .box02 li:nth-child(2){width: 233.8px;}
#sec08 .box02 li:nth-child(3){width: 249.2px;}
#sec08 .box03{position: relative;z-index: 1; font-size: 25.2px;line-height: 52.5px;text-align: center;margin: 189px 0 140px;}
#sec09{background: #7788af;color: #f8ffff;text-align: center;padding: 0 0 140px;}
#sec09 ul{margin: 42px 0 0 0;}
#sec09 ul li{width: 100%;height: 207.2px;background: #fff;border-radius: 10px;padding: 42px;position: relative;margin: 0 0 35px 0;color: #67738d;text-align: left;color: #67738d;}
#sec09 ul li .text01{font-size: 21px;font-weight: bold;}
#sec09 ul li .text02{font-size: 14.2px;line-height: 28px;margin: 21px 0 0 0;}
#sec09 ul li .img01{position: absolute;right: 14px;top: 21px; z-index: 0;}
#sec09 ul li:first-child .img01{width: 204.4px;}
#sec09 ul li:nth-child(2) .img01{width: 201.6px;}
#sec09 ul li:nth-child(3) .img01{width: 177.8px;}
#sec09 ul li:nth-child(4) .img01{width: 177.8px;right: 21px;}
	
footer{padding: 70px 0 0 0;}	
footer a{color: #5d5e68;}
footer .box001 {font-size:12.6px;line-height: 33.6px;display: flex;justify-content: space-between;padding: 0 42px 0 0;}
footer .box001 .box01 ul li:first-child {font-size: 14px;}
footer .box001 ul li{padding: 0 0 0 14px;position: relative;}
footer .box001 ul li:before{position: absolute;left: 0; font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f0da";}
footer .box002{display: flex;align-items: center;margin: 28px 0 14px;}
footer .box002 span:first-child{width: 238px;margin: 0 65.8px 0 0;}
footer .box002 span:nth-child(2){width: 155.4px;}
footer .box003{display: flex;justify-content: space-between;}
footer .box003 .box01{font-size:11.2px;line-height: 19.6px;}
footer .box003 .box02{width: 421.4px;}
footer small{text-align: center;font-size: 9.1px;font-weight: bold;display: block;padding: 49px 0 21px;}

footer .breadcrumb {font-size:12.6px;display: flex;margin: 0 0 42px 0;}
footer .breadcrumb i{margin: 0 14px;}
/*company*/
h3{text-align: center;}
	.page-template-page-company #sec08{background:#67738d;padding: 0 0 240px;}
	.page-template-page-company #sec08 + .editorial{height: 180px;margin: -180px 0 0 0;}
	#company_01{background: url("https://test.paraworks.jp/wp-content/themes/paraworks/img/bg_company.png") no-repeat left 210px;background-size: 90% auto;position: relative;}
	#company_01:before{position: absolute;background: #dbf0fc;content: "";width: 100%;height: 100%;top:0;z-index: -1;}
	#company_01 .box00{margin: 70px 0 0 0;}
	#company_01 .box00 .text02{text-align: right;margin:35px 0 0 0 ;font-size: 16.8px;}
	#company_01 .box01{background: #f8ffff;border-radius: 10px;padding: 70px 84px;margin: 84px 0 0 0;position: relative;z-index: 10;}
	#company_01 .box01 dt{width: 180px;float: left;padding: 22.4px 0 21px;font-weight: bold;border-top: 1px solid #67738d;}
	#company_01 .box01 dt.f01, #company_01 .box01 dd.f01{border-top:none;}
	#company_01 .box01 dd{width: 380px;float: left;padding: 22.4px 0 21px;color: #5d5e68;border-top: 1px solid #67738d;}
	#company_01 .box01 dd span{display: block;margin: 0 0 15px 0;}
	#company_01 .box01 dl{border-bottom: 1px solid #67738d;margin: 0 0 84px 0;}
	#company_01 .box01 .text02.Label-07{text-align: center;font-size: 13.6px;margin: 35px 0 42px 0;}
	.page-template-page-company #sec09{background: #dbf0fc;}
	
	.page-template-page-company #sec09{color: #5d5e68;}
	.page-template-page-company #sec09 .box03 {
    position: relative;
    z-index: 1;
    font-size: 25.2px;
    line-height: 52.5px;
    text-align: center;
    margin: 189px 0 140px;
}
	.page-template-page-company #sec09 .bubble::before{width: 448px;height: 455px;right: calc(50% - 224px);top:-105px;}
	.page-template-page-company #sec09 .bubble::after{width: 448px;height: 441px;left: -210px;top:-105px;}
	.page-template-page-company #sec09 .bubble span{width: 448px;height: 441px;right: -210px;top:-105px;}
	
/*case*/
.page-template-page-case #sec09{color: #f8ffff;}
	.page-template-page-case #sec09 .box03 {
    position: relative;
    z-index: 1;
    font-size: 25.2px;
    line-height: 52.5px;
    text-align: center;
    margin: 189px 0 140px;
}
	.page-template-page-case #sec09 .bubble::before{width: 448px;height: 455px;right: calc(50% - 224px);top:-105px;}
	.page-template-page-case #sec09 .bubble::after{width: 448px;height: 441px;left: -210px;top:-105px;}
	.page-template-page-case #sec09 .bubble span{width: 448px;height: 441px;right: -210px;top:-105px;}

/*product*/
	.page-template-page-product #sec09 .box03 {
    position: relative;
    z-index: 1;
    font-size: 25.2px;
    line-height: 52.5px;
    text-align: center;
    margin: 189px 0 140px;
}
	.page-template-page-product #sec09 .bubble::before{width: 448px;height: 455px;right: calc(50% - 224px);top:-105px;}
	.page-template-page-product #sec09 .bubble::after{width: 448px;height: 441px;left: -210px;top:-105px;}
	.page-template-page-product #sec09 .bubble span{width: 448px;height: 441px;right: -210px;top:-105px;}
	
	
	/*information*/
	.page-template-page-information #sec09 .box03 {
    position: relative;
    z-index: 1;
    font-size: 25.2px;
    line-height: 52.5px;
    text-align: center;
    margin: 189px 0 140px;
}
	.page-template-page-information #sec09 .bubble::before{width: 448px;height: 455px;right: calc(50% - 224px);top:-105px;}
	.page-template-page-information #sec09 .bubble::after{width: 448px;height: 441px;left: -210px;top:-105px;}
	.page-template-page-information #sec09 .bubble span{width: 448px;height: 441px;right: -210px;top:-105px;}
	
	#information #sec08, #interview #sec08{padding: 0 0 53px 0;}
	#information, #information #sec08, #information #sec09, #interview, #interview #sec08, #interview #sec09 {background: #dbf0fc;color: #5d5e68;}
	ul#information_list li{background: rgba(248, 255, 255, 0.4);border-radius: 10px;padding: 42px;margin: 0 0 28px 0;}
ul#information_list li .text01{font-weight: bold;display: inline-block;margin: 0 35px 10px 0;float: left;}
ul#information_list li .text02 a{color: #f8ffff;background: #67738d;border-radius: 3px;padding:0 24px;display: inline-block;margin: 0 10px 0 0;}
ul#information_list li .text03{margin: 24px 0 0 0;}
ul#information_list li .box05 .button-05{margin: 0 auto;}
	
	#information #sec09 .box03,
	#interview #sec09 .box03 {
    position: relative;
    z-index: 1;
    font-size: 25.2px;
    line-height: 52.5px;
    text-align: center;
    margin: 189px 0 140px;
}
	#information #sec09 .bubble::before, #interview #sec09 .bubble::before{width: 448px;height: 455px;right: calc(50% - 224px);top:-105px;}
	#information #sec09 .bubble::after, #interview #sec09 .bubble::after{width: 448px;height: 441px;left: -210px;top:-105px;}
	#information #sec09 .bubble span, #interview #sec09 .bubble span{width: 448px;height: 441px;right: -210px;top:-105px;}
	
/*contact*/
.page-template-page-contact #sec08 {
background: #dbf0fc;
padding: 0 0 240px;
color: #5d5e68;
}
.page-template-page-contact #sec09 {
background: #dbf0fc;
color: #5d5e68;
padding: 0;
margin: 105px 0 0 0;
}
.mgt20{margin: 20px 0 0 0;}
.page-template-page-contact h3{margin: 84px 0 0 0;}
.mw_wp_form{background: #fff;border-radius: 10px;padding: 70px;color: #5d5e68;margin: 63px 0 0 0;text-align: center;}
.mw_wp_form .Label-07{margin: 35px 0 42px;}
.cform th {
	font-size: 14px;
	width: 191px;
	font-weight: normal;
	text-align: left;
	position: relative;

}
.cform tr:last-child th{padding: 7px 0 0 0;}
			.cform tr:last-child th{vertical-align: top;}

.cform td {
	font-size: 14px;
	line-height: 150%;
	width: 370px;
	padding: 5px 0;
}
.cform tr{margin: 0 0 30px 0;display: block;vertical-align: middle;
}
.cform {
	width: 100%;
	margin: auto;
}

.cform [type=submit] {
	display: inline-block;
	font-size: 20px;
	padding: 10px 30px;
	text-decoration: none;
	background: #ff8f00;
	color: #FFF;
	border-bottom: solid 4px #B17C00;
	border-radius: 3px;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: 100%;
	background: #dbf0fc;
	border: none;
	padding: 5px 14px;
	border-radius: 3px;
}
.cform textarea {
	resize: vertical;
	padding: 10px 14px;}

.required-srt {
	font-size: 8pt;
	padding: 5px;
	background: #67738d;
	color: #fff;
	border-radius: 3px;
	margin-left: 10px;
	vertical-align: middle;
	text-align: right;
	display: block;position: absolute;
	right: 42px;
	top: 5px;
}
	
/*recruit*/
.page-template-page-recruit #sec10 .text01{width: 483px;}
.page-template-page-recruit #sec10 .box02{width: 330px;right: -98px;top:189px;}
.page-template-page-recruit .bubble{position: relative;top: 50px;right: 50px;}
.page-template-page-recruit #sec10{padding: 0 0 130px 0;}

/*thanks*/
#sec10 {
background: #d2e6f7;
color: #5d5e68;
padding: 60px 0 130px 0;
}
#sec10 .wrap{position: relative;padding: 0 0 63px;z-index: 6;}
#sec10 .box02{width: 298.2px;position: absolute;right: -49px;top:21px;}
	
	
.bubble::before
{
  content: '';
  opacity: 0.5;
  position:absolute;
  z-index:-1;
  top: -70px;
  right: -35px;
  transform: translate(-50%, -50%);
  display: block;
  width: 385px;
  height: 420px;
 
  background-size: 1600% 1600%;
  box-shadow: inset 0px -20px 100px 0px rgba(255, 255, 255, 0.48);
  animation: 
    transform 80s linear infinite alternate,
    movement 100s linear infinite alternate,
    shade 120s linear infinite alternate,
	bg_color01 5s normal forwards;
}

.bubble::after, #sec03 .wrap:before, #sec04 .box05:before, ul#case_list li .box05:before
{
  content: '';
  position:absolute;
opacity: 0.5;
  z-index:-2;
  top: 5%;
  right: -70px;
  transform: translate(-50%, -50%);
  display: block;
  width: 469px;
  height: 420px;
  background: linear-gradient(
    270deg,
    #00f2fe,
    #8ec5fc,
    #38f9d7,
    #a8edea
  );
  background-size: 1600% 1600%;
  box-shadow: inset 0px -20px 100px 0px rgba(255, 255, 255, 0.48);
  animation: 
	transform2 80s linear infinite alternate-reverse,
    movement 120s linear infinite alternate-reverse,
    shade 120s linear infinite alternate-reverse;

}
.bubble span
{
  content: '';
  position:absolute;
opacity: 0.3;
  z-index:-3;
  top: 147px;
  right: -119px;
  transform: translate(-50%, -50%);
  display: block;
  width: 400px;
  height: 400px;
  background: linear-gradient(
    270deg,
	#8ec5fc,
    #00f2fe
  );

  background-size: 1600% 1600%;
  box-shadow: inset 0px -20px 100px 0px rgba(255, 255, 255, 0.48);
  animation: 
    transform 40s linear infinite alternate-reverse,

    movement 80s linear infinite alternate-reverse,
    shade 120s linear infinite alternate-reverse;

}
#sec03 .wrap:before{z-index: -1;opacity: 0.2;
	background: linear-gradient(90deg, #02e0bb, #5c7df9);
	top: -14px;
	left: -210px;
	 width: 602px;
  height: 581px;;}
#sec04 .box05:before{z-index: -1;opacity: 0.2;
	background: linear-gradient(90deg, #02e0bb, #5c7df9);
	top: -140px;
	 width: 602px;
  height: 581px;;}
#sec04 li:nth-child(2) .box05:before{
	background: linear-gradient(270deg, #02e0bb, #5c7df9);
	width: 602px;
	height: 616px;}
	#sec06 .bubble::before, #sec06 .bubble::after, #sec06 .bubble span, #sec08 .bubble::before, #sec08 .bubble::after, #sec0 .bubble span{
	opacity: 0.25;
	}
	#sec06 .bubble::before{width: 448px;height: 455px;right: calc(50% - 224px);top:280px;}
	#sec06 .bubble::after{width: 441px;height: 434px;left: -210px;top:280px;}
	#sec06 .bubble span{width: 441px;height: 434px;right: -210px;top:280px;}
	
	#sec07 .bubble::before{width: 448px;height: 455px;right: calc(50% - 224px);top:-350px;opacity: 0.25;}
	#sec07 .bubble::after{width: 441px;height: 434px;left: -210px;top:-350px;opacity: 0.25;}
	#sec07 .bubble span{width: 441px;height: 434px;right: -210px;top:-350px;opacity: 0.25;}
	
	#sec08 .bubble::before{width: 448px;height: 455px;right: calc(50% - 224px);top:-105px;}
	#sec08 .bubble::after{width: 448px;height: 441px;left: -210px;top:-105px;}
	#sec08 .bubble span{width: 448px;height: 441px;right: -210px;top:-105px;}
	
	.page-template-page-thanks #sec10 .bubble::before{width: 448px;height: 455px;right: calc(50% - 224px);top:0px;}
	.page-template-page-thanks #sec10 .bubble::after{width: 448px;height: 441px;left: -210px;top:0px;}
	.page-template-page-thanks #sec10 .bubble span{width: 448px;height: 441px;right: -210px;top:0px;}

	
.editorial {
  display: block;
  width: 100%;
  height: 100px;
  margin: -100px 0 0 0;
  z-index:5;
  bottom:0;
  position:relative;
}
	
.editorial02 {
  display: block;
  width: 100%;
  height: 100px;
  margin: -135px 0 0 0;
  z-index:5;
  bottom:0;
  position:relative;
}

.parallax4 > use {
  animation: move-forever4 8s linear infinite;
  &:nth-child(1) {
   animation-delay: -2s;
  }
}


/* interview
---------------------------- */
.interview_lead {
	margin-bottom: 70px;
	font-size: 16px;
	line-height: 1.4;
}

.interview_link {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 26px;
	margin-bottom: 70px;
}
.interview_link .btn a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 60px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
}
.interview_link .btn a:after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 8px;
	margin-left: 20px;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 100% auto;
}
.interview_link .btn_typeA a {
	color: #1571DA;
	border: 1px solid #1571DA;
	background: #fff;
}
.interview_link .btn_typeA a:after {
	background-image: url(../img/ico_arw01.svg);
}
.interview_link .btn_typeB a {
	color: #fff;
	border: 1px solid #1571DA;
	background: #1571DA;
}
.interview_link .btn_typeB a:after {
	background-image: url(../img/ico_arw02.svg);
}

.interview_filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 30px;
	margin-bottom: 30px;
}
.interview_filter .btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 52px;
	cursor: pointer;
	color: #222;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #707070;
}
.interview_filter .btn.is-active {
	color: #fff;
	background: #707070;
}

.interview_list {
	display: grid;
	grid-template-columns: repeat(auto-fit, 192px);
	grid-template-rows: auto;
	gap: 0 40px;
	margin: 0 0 70px;
	padding: 40px 35px 50px;
	border-radius: 22px;
	background: #fff;
}
.interview_list .col {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	gap: 0;
	padding: 40px 0;
}
.interview_list .col figure {
	margin-bottom: 10px;
}
.interview_list .col figure img {
	object-fit: cover;
	aspect-ratio: 7 / 6;
	border-radius: 15px;
}
.interview_list .col .tag {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-width: 90px;
	height: 30px;
	margin-bottom: 5px;
	color: #fff;
	font-size: 14px;
	border-radius: 7px;
	background: #1571DA;
}
.interview_list .col .title {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.7;
}
.interview_list .col .btn a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 35px;
	color: #1571DA;
	font-size: 14px;
	border-radius: 3px;
	border: 1px solid #1571DA;
	background: #fff;
}
.interview_list .col .btn a:after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 8px;
	margin-left: 10px;
	background: url(../img/ico_arw01.svg) no-repeat 0 center / 100% auto;
}
.interview_list .is-hide {
	display: none;
}

.interview_box {
	background: rgba(248, 255, 255, 0.4);
	border-radius: 10px;
	padding: 42px;
	margin: 0 0 28px 0;
}
.interview_box .text01 {
	font-weight: bold;
	display: inline-block;
	margin: 0 35px 10px 0;
	float: left;
}
.interview_box .text02 a {
	color: #f8ffff;
	background: #67738d;
	border-radius: 3px;
	padding:0 24px;
	display: inline-block;
	margin: 0 10px 0 0;
}
.interview_box .text03 {
	margin: 24px 0 0 0;
}
.interview_box .box05 .button-05 {
	margin: 0 auto;
}
.interview_box .text03 a {
	color: #1a0dab;
	overflow-wrap: anywhere;
	word-break: normal;
	line-break: strict;
}

.interview_link .btn a:hover,
.interview_filter .btn:hover,
.interview_list .col figure img:hover,
.interview_list .col .btn a:hover {
	opacity: 0.7;
}


}