@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:768px){
body{overflow-x: hidden;width: 100vw;}
.sp{display: block!important;}
.pc{display: none!important;}

	
.wrap{width: 85%;margin: 0 auto;position: relative;z-index: 1;}
.t_a_c_sp{text-align: center;width:100%;}
	
.Label-01{font-weight: normal;font-size: 3vw;letter-spacing: 0.05em;}
.Label-02{font-weight: bold;font-size: 3.5vw;letter-spacing: 0.1em;}
.Label-03{font-weight: bold;font-size: 7vw;line-height: 11vw;letter-spacing: 0.1em;}
.Label-04{font-weight: normal;font-size: 2.7vw;line-height: 5vw;letter-spacing: 0.1em;}
.Label-05{font-size: 4.5vw;letter-spacing: 0.075em;position: relative;z-index: 10;}
.Label-06{font-weight: bold;font-size: 5vw;letter-spacing: 0.1em;line-height: 9vw;margin: 20px 0;position: relative;z-index: 10;}
.Label-07{font-weight: normal;font-size: 3.5vw;letter-spacing: 0.075em;line-height: 7vw;text-align: left;position: relative;z-index: 10;}
.Label-08{font-weight: bold;font-size: 4.5vw;letter-spacing: 0.05em;line-height: 7.5vw;}
.Label-09{font-weight: normal;font-size: 3.5vw;letter-spacing: 0.075em;}
.Label-10{font-weight: bold;font-size: 42px;letter-spacing: 0.1em;}
.Label-11{font-weight: normal;font-size: 4vw;letter-spacing: 0.2em;}
.Label-12{font-weight: bold;font-size: 36px;letter-spacing: 0.1em;}
.Label-13{font-weight: bold;font-size: 30px;letter-spacing: 0.05em;}
.Label-14{font-weight: normal;font-size: 3.2vw;letter-spacing: 0.05em;}
.Label-15{font-size: 4.5vw;letter-spacing: 0.075em;}

.ls75{letter-spacing: 0.075em;}
	
.button-01{width: 150px;height: 150px;border-radius: 10px;color: #f8ffff;display: block;text-align: center;position: absolute;right: 10px;font-size: 18px;line-height: 30px;}
.button-01 i{font-size: 36px;line-height: 48px;}
	
.button-02{width:70%;padding: 30px 0; border-radius: 10px;color: #f8ffff;display: inline-block;text-align: center;font-size: 4vw;letter-spacing: 0.16em;}
	#gloval-nav .button-02{width: 59.5%;}
.button-03{width: 80%;padding: 30px; border-radius: 10px;color: #5d5e68;display: inline-block;text-align: center;font-size: 4vw;letter-spacing: 0.16em;}
.button-04{width: 422px;height: 130px;border-radius: 10px;}
.button-05{width: 70%;padding: 30px 0; border-radius: 10px;color: #f8ffff;display: inline-block;text-align: center;font-size: 4vw;letter-spacing: 0.16em;position: relative;z-index: 10;}
.button-06{width: 212px;height: 70px;border-radius: 10px;display: inline-block;text-align: center;font-size: 36px;line-height: 70px;}
	

section{width: 100vw;overflow-x: hidden;}

header{width: 100%;height: 80px;}
header .wrap{position: relative;width: 90%;}
header h1{
width: 40%;
max-width:222px;
position: absolute;
top: 0;
height: inherit;
left: 10px;
display: flex;
align-items: center;

}
header p.text01{position: absolute;left: 12px;top: 8px;font-size: 9px;}
header p.logo02{width: 28%;position: absolute;left: 45%;max-width: 150px;height: inherit;
display: flex;
align-items: center;}

.page header, .archive header, .single header {margin: 0 0 60px 0;}

#scroll_nav{position: absolute;position: absolute;bottom: 130px; left: 50%;transform: translate(-50%, 0) rotate(90deg);font-size: 14px;font-weight: bold;letter-spacing: 0.1em;z-index: 100;}
#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: 150px 0 280px;position: relative;}	
#sec01 .text01{margin: 20px 0 30px 0;}
#sec02{padding: 30px 0 0 0;background: #dbf0fc;overflow-y: hidden;}
#sec02 .box02{margin: 30px 0 0 0;}
#sec03{background: url("../img/bg_01.png") no-repeat center bottom;background-size: 100% auto;position: relative;padding: 100px 0 100px 0;}
#sec03:before{position: absolute;background: #dbf0fc;content: "";width: 100%;height: 100%;top:0;z-index: -1;}	
	
#sec03 li.bgc01{background: linear-gradient(#5c7df9, #02e0bb);color: #f8ffff;}
#sec03 .box02{margin: 0 0 20px 0;}
#sec03 .box03 ul{margin: 50px 0 0 0}
#sec03 .box03 ul + ul{margin: 0 0 70px 0}
#sec03 .box03 ul li:first-child{padding: 0;}
#sec03 .box03 ul + ul li:first-child{padding: 30px 0 0 0;}
#sec03 .box03 ul li{position: relative; width: 80%;text-align: center;color: #f8ffff;margin: 0 auto;padding: 30px 0 0 0;}
#sec03 .box03 ul li:before{position: absolute;content: "";width: 100%;
height: 30px;
border-style: solid;
border-width: 20px 34vw 0 34vw;
border-color:  #02e0bb transparent transparent transparent;bottom: -30px;z-index: 1;left: 0;}

#sec03 .box03 ul li .text01{font-size: 13vw;padding: 30px 0 20px;position: relative;z-index: 1;}
#sec03 .box03 ul li .text01:before{font-size: 10vw;position: absolute;font-family: "Font Awesome 5 Free";font-weight: 900;z-index: 0; content: "\f086";opacity: 0.2;bottom: 20%;left: 32%;}
#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: 4vw;font-weight: bold;}
#sec03 .box03 ul li .text03{font-size: 3vw;line-height: 6vw;padding: 20px;}
	
#sec03 .box04 ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 20px 0;}
#sec03 .box04 ul li{width: 47%;padding: 25px 0;; background: rgba(255, 255, 255, 0.8);border-radius: 10px;text-align: center;margin: 0 0 15px;font-size: 3vw;line-height: 5vw;font-weight: bold;}
#sec03 .box04 ul li i{color:#16c9c9;font-size: 52px;padding: 0 0 15px;display: block;}

	
#sec04{background: #7788af;color: #f8ffff;padding: 60px 0 100px 0;}
#sec04 .box02{margin: 30px 0 200px;position: relative;z-index: 3;}
#sec04 .img01{width: 60%;margin: 0 auto 30px;}
#sec04 ul li{margin: 0 0 120px;}
#sec04 ul li .box05{position: relative;z-index: 1;}
#sec04 ul li .box06{position: relative;z-index: 2;}
#sec04 ul li dt{background: #fff;padding: 4.2px 7px;border-radius: 3px;display: inline-block;color: #67738d;margin: 30px 0 10px 0;}
#sec04 ul li dt.Label-07{line-height: 130%;}
#sec04 .box06{margin: 30px auto 0;width: 80%;}
	
#sec05{background: #dbf0fc;padding: 60px 0 100px 0;}	
#sec05 .box02{margin: 30px 0 0 0;}
#sec05 ul {margin: 40px 0;}
#sec05 ul li{width: 100%;background: #e7f6fd;border-radius:10px;text-align: center;padding:40px;margin: 0 0 30px 0;}
#sec05 .box03{width: 100%;}
#sec05 .box04{padding: 0 20px;}
#sec05 ul li .text01{font-size: 3.5vw;line-height: 6vw;}
#sec05 ul li .text02{font-size: 6vw;font-weight: bold;margin: 20px 0 30px;}
#sec05 ul li .text03{font-size: 3.5vw;line-height: 6vw; text-align: left;margin: 30px 0;}
#sec05 ul li a{font-size: 20px;letter-spacing: 0.16em;}
	
#sec06{background: #dbf0fc;text-align: center;}
#sec06 ul{display: flex;flex-direction: column;justify-content: center;align-content: center; padding: 60px 0 0;}
	#sec06 ul li{margin: 0 auto;}
	#sec06 ul li:first-child{width: 80%;background: rgba(255, 255, 255, 0.3);padding: 20px 40px;display: flex;align-items: center;border-radius: 10px;}
	#sec06 ul li:nth-child(2){width: 106px;font-size: 48px;color: #f8ffff;text-align: center;line-height: 80px;}
	#sec06 ul li:nth-child(3){width: 80%;display: flex;justify-content: space-between;align-items: center;padding: 20px 40px;background: rgba(255, 255, 255, 0.3);border-radius: 10px;}
	#sec06 ul li:nth-child(3) span{width: 20%;}
	#sec06 ul li:nth-child(3) span:nth-child(3){width: 45%;}

#sec07{background: url("../img/bg03_pc.png") no-repeat center bottom;background-size: 100% auto;position: relative;padding: 120px 0 200px;}
#sec07:before{position: absolute;background: #dbf0fc;content: "";width: 100%;height: 100%;top:0;z-index: -1;}
	#sec07 .text01.Label-07{text-align: center;}
#sec07 ul.bnr{margin:40px 0 80px;position: relative;z-index: 10;}
#sec07 ul.bnr li{margin:0 0 20px 0;}
#sec07 ul#information_list {position: relative;z-index: 10;}
#sec07 ul#information_list li .text02{margin: 0;}
#sec07 .text02{font-size: 3.5vw;margin: 0 0 40px 0;line-height: 6.5vw;}
#recruit{margin:84px 0 0 0;position: relative;}
#sec08{background: #7788af;color: #f8ffff;padding: 100px 0 50px 0;overflow-y: hidden;}
#sec08 .box01{letter-spacing: 0.4em;width: 100%;margin: 40px 0 80px 0;}
#sec08 .box01 .text01{font-size: 7vw;margin: 60px 0;text-align: center;line-height: 11vw;}
#sec08 .box01 .text02{font-size: 3vw;line-height: 7vw;text-align: left;}
#sec08 .box02 ul{display: flex;justify-content: space-between;}
#sec08 .box02 li:first-child{width:28%}
#sec08 .box02 li:nth-child(2){width: 33%;}
#sec08 .box02 li:nth-child(3){width: 33%;}
#sec08 .box03{font-size: 4vw;line-height:8vw;text-align: center;padding: 100px 0;}
	
	
#sec09{background: #7788af;color: #f8ffff;text-align: center;padding: 0 0 200px;}
#sec09 ul{margin: 30px 0;}
#sec09 ul li{width: 100%;background: #fff;border-radius: 10px;padding: 30px;position: relative;margin: 0 0 20px 0;color: #67738d;text-align: left;color: #67738d;}
#sec09 ul li .text01{font-size: 4vw; line-height: 7vw; font-weight: bold;text-align: center;}
#sec09 ul li .text02{font-size: 3.5vw;line-height: 7vw;widows: 50%;}
#sec09 ul li .img01{padding: 20px 40px;}

	
footer{padding: 100px 0 0 0;}	
footer .box001 {font-size:3vw;line-height: 48px;display: flex;flex-wrap: wrap; justify-content: space-between;}
footer .box001 ul li{padding: 0 0 0 20px;position: relative;}
footer .box001 ul li:before{position: absolute;left: 0; font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f0da";}
footer .box001 .box01 li:first-child{font-size: 4vw;margin: 0 0 20px;}
footer .box001 .box01 {width: 100%;}
footer .box001 .box02 , footer .box001 .box03{width: 50%;margin: 20px 0;}
footer .box002{display: flex;align-items: center;margin: 40px 0 20px;justify-content: space-around;}
footer .box002 span:first-child{width: 50%;}
footer .box002 span:nth-child(2){width: 35%;}
footer .box003{display: flex;justify-content: space-between;}
footer .box003 .box01{font-size:3vw;line-height: 7vw;}
footer .box003 .box02{width: 602px;}
footer .box04{margin: 30px 0;}
footer small{text-align: center;font-size: 2.5vw;font-weight: bold;display: block;padding: 70px 0 30px;}

footer .breadcrumb {font-size:2.8vw;display: flex;margin: 0 0 42px 0;}
footer .breadcrumb i{margin: 0 14px;}

/*company*/
h3{text-align: center;}
	.page.company header{margin: 0 0 60px 0;}
	.page.company #sec08{background:#67738d;padding: 10px 0 140px;}
	.page.company #sec08 h3{margin: 100px 0 0 0;}
	.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;padding: 60px 0 0 0;}
	#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: left;margin:35px 0 0 0 ;font-size: 3.5vw;}
	#company_01 .box01{background: #f8ffff;border-radius: 10px;padding: 30px 30px 50px 30px;margin: 84px 0 0 0;position: relative;z-index: 10;}
	#company_01 .box01 dt{width: 100%;float: left;padding: 15px 0 5px;font-weight: bold;}
	#company_01 .box01 dd{width: 100%;float: left;padding: 0px 0 15px;color: #5d5e68;
		}
	#company_01 .box01 dd span{display: block;margin: 0 0 15px 0;}
	#company_01 .box01 dl{margin: 0 0 80px 0;}
	#company_01 .box01 .text02.Label-07{text-align: center;font-size: 13.6px;margin: 35px 0 42px 0;}
	.page.company #sec09{background: #dbf0fc;}
	
	.page.company #sec09{color: #5d5e68;}
	.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.company #sec09 .bubble::before{width: 60vw;height: 61vw;right: 25vw;top:-5vw;}
	.page.company #sec09 .bubble::after{width: 64vw;height: 63vw;left: -25vw;top:-5vw;}
	.page.company #sec09 .bubble span{width: 64vw;height: 63vw;right: -25vw;top:-5vw;}
	.page.company #sec09 .box03{
		font-size: 4vw;
    line-height: 8vw;
    text-align: center;
	}
	

/*case*/
.page-template-page-case header{margin: 0 0 60px 0;}	
.page-template-page-case #sec08{padding: 0 0 53px 0;}
   #case{background: #7788af;}
   ul#case_list li{background: rgba(93, 94, 104, 0.4);border-radius: 10px;padding: 40px 20px 20px 20px;margin: 0 0 42px 0;display: block;}
   ul#case_list li .box05{color: #f8ffff;}
   ul#case_list li dt{background: #fff;padding: 4.2px 7px;border-radius: 3px;display: inline-block;color: #67738d;margin: 21px 0 7px 0;}
ul#case_list li dt.Label-07{line-height: 130%;}
  ul#case_list li .box06{padding: 20px 20px 0 20px;}

.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: 100px 0 140px;
}

	.page-template-page-case #sec09 .bubble::before{width: 60vw;height: 61vw;right: 25vw;top:-5vw;}
	.page-template-page-case #sec09 .bubble::after{width: 64vw;height: 63vw;left: -25vw;top:-5vw;}
	.page-template-page-case #sec09 .bubble span{width: 64vw;height: 63vw;right: -25vw;top:-5vw;}
	.page-template-page-case #sec09 .box03{
		font-size: 4vw;
    line-height: 8vw;
    text-align: center;
	}

/*product*/
.page-template-page-product header{margin: 0 0 60px 0;}
.page-template-page-product #sec08{padding: 0 0 53px 0;}
#product, #product #sec08, #product #sec09{background: #dbf0fc;color: #5d5e68;}
ul#product_list li{width: 100%;background: #e7f6fd;border-radius:10px;text-align: center;padding:40px;margin: 0 0 30px 0;}
ul#product_list .box03{width: 100%;}
ul#product_list .box04{padding: 0 20px;}
ul#product_list li .text01{font-size: 3.5vw;line-height: 6vw;}
ul#product_list li .text02{font-size: 6vw;font-weight: bold;margin: 20px 0 30px;}
ul#product_list li .text03{font-size: 3.5vw;line-height: 6vw; text-align: left;margin: 30px 0;}
ul#product_list li a{font-size: 20px;letter-spacing: 0.16em;}
.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: 60vw;height: 61vw;right: 25vw;top:-5vw;}
	.page-template-page-product #sec09 .bubble::after{width: 64vw;height: 63vw;left: -25vw;top:-5vw;}
	.page-template-page-product #sec09 .bubble span{width: 64vw;height: 63vw;right: -25vw;top:-5vw;}
	.page-template-page-product #sec09 .box03{
		font-size: 4vw;
    line-height: 8vw;
    text-align: center;
	}	
	
	
	
/*contact*/
h3{text-align: center;}
.page.contact header{margin: 0 0 60px 0;}
.page.contact #sec08 {
background: #dbf0fc;
color: #5d5e68;
padding: 10px 0;
}
.page.contact #sec09 {
background: #dbf0fc;
color: #5d5e68;
margin: 80px 0 0 0;
}
.mgt20{margin: 20px 0 0 0;}
.mw_wp_form{background: #fff;border-radius: 10px;padding: 30px;color: #5d5e68;margin: 63px 0 0 0;text-align: center;}
.mw_wp_form .Label-07{margin: 0 0 42px;text-align: center;}
.cform th {
	font-size: 14px;
	width: 100%;
	font-weight: normal;
	text-align: left;
	position: relative;
	display: block;
	margin: 0 0 5px 0

}
.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: 100%;
	padding: 5px 0;
	display: block;
}
.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;
	font-size: 16px;
}
.cform textarea {
	resize: vertical;
	padding: 14px;
	height: 40vw;}

.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;
	left: 40%;
	top: -2px;
}

tr:last-child .required-srt {top:3px;}	

	
/*thanks*/
.page-template-page-thanks header{margin: 0 0 60px 0;}
#sec10 {
background: #d2e6f7;
color: #5d5e68;
padding: 60px 0 130px 0;
}
#sec10 .wrap{position: relative;padding: 0 0 63px;z-index: 6;}
#sec10 .box02{width: 50vw;position: absolute;right: -20vw;top:21px;}

	
/*recruit*/	
.page-template-page-recruit header{margin: 0 0 60px 0;}
.page-template-page-recruit #sec10 {
padding: 0 0 130px 0;
}
.page-template-page-recruit #sec10 .box02{width: 50vw;position: relative;right: -20vw;top:21px;margin: 30px 0 35vw 0;}
.page-template-page-recruit #sec10 .box02 .bubble{position: absolute;left: 78%;top: 30px;}
	
/*information*/
#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 0 0;float: left;}
ul#information_list li .text02 a{color: #f8ffff;background: #67738d;border-radius: 3px;padding:0 24px;display: inline-block;margin: 0 20px 5px 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: 140px 0;
}
	#information #sec09 .bubble::before, #interview #sec09 .bubble::before {width: 60vw;height: 61vw;right: 25vw;top:-5vw;}
	#information #sec09 .bubble::after, #interview #sec09 .bubble::after {width: 64vw;height: 63vw;left: -25vw;top:-5vw;}
	#information #sec09 .bubble span, #interview #sec09 .bubble span {width: 64vw;height: 63vw;right: -25vw;top:-5vw;}
	#information #sec09 .box03,
	#interview #sec09 .box03{
		font-size: 4vw;
    line-height: 8vw;
    text-align: center;
	}
	

/*ハンバーガーメニュー*/
#nav-toggle {
  position: fixed;
    cursor: pointer;
	top:8px;
	right: 6px;
	width: 50px;
	height: 50px;
	border-radius: 6px;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
}
#nav-toggle p{margin: 55px auto 0;font-size: 20px;letter-spacing: 1px;}
#nav-toggle > div {
  position: relative;
  width: 24px;
height: 20px;
}
#nav-toggle span {
  width: 100%;
  height: 3px;
  left: 0;
  display: block;
  background: #fff;
  position: absolute;
  transition: top .5s ease, -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out, top .5s ease;
  transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 9px;
}
#nav-toggle span:nth-child(3) {
  top: 18px;
}



.open #nav-toggle span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
  top: 10px;
  width: 0;
  left: 50%;
}
.open #nav-toggle span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}


#container {
  z-index: 900;
}
#gloval-nav .box00{height: 80px;position: relative;width: 100%;}
#gloval-nav {
  background: #7788af;
font-weight: 500;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  text-align: center;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  /*justify-content: center;*/
  align-items: center;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
	overflow-y: scroll;
	text-align: start;
}
	#gloval-nav nav{
		 -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
		width: 70vw;
		margin: 0 auto;
	}
#gloval-nav a {
  color: #f8ffff;
  text-decoration: none;
  transition: color .6s ease;
}
#gloval-nav ul a {font-size: 4vw;line-height: 9vw;}
	

#gloval-nav ul#category{
		display: flex;
		justify-content: space-between;
	}
	#gloval-nav ul{
		width: 80%;
		margin: 80px auto 40px;
	}
	#gloval-nav ul + ul{margin: 0 auto;}
#gloval-nav ul li {
	text-align: left;
	float: left;
  opacity: 0;
	width: 100%;
	padding: 10px 0;
	float: left;
}
	#gloval-nav ul li img{width: 8%;}
/* open */
.open {
  overflow: hidden;
}
.open #gloval-nav {
  visibility: visible;
  opacity: 1;
}
.open #gloval-nav li {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  transition: opacity .9s ease, -webkit-transform 1s ease;
  transition: transform 1s ease, opacity .9s ease;
  transition: transform 1s ease, opacity .9s ease, -webkit-transform 1s ease;
	}
	


/*プライバシーポリシーページ*/
#sec_pp{padding: 80px 0 50px 0;}
#sec_pp h2{text-align: center;font-size: 4vw;margin: 0 0 40px;font-weight: 100;}
#sec_pp .text01{font-size: 3vw; line-height: 5vw;margin: 0 0 40px;}
#sec_pp .text02{font-size: 3.5vw;margin: 0 0 25px;}
#sec_pp .text03{font-size: 3vw; line-height: 5vw;margin: 0 0 55px;}
#sec_pp .text03 a{color: #13b5b1;}

/*サンクスページ*/
#sec_th{padding: 100px 0 100px 0;}
#sec_th h2{text-align: center;font-size: 5vw;margin: 0 0 40px;color: #13b5b1;}
#sec_th .text01{font-size: 3.5vw; line-height: 5.5vw;margin: 0 0 80px;text-align: center;}

#sec_th .btn03{background: #959595;border:2px solid #959595;border-radius: 35px;width: 90%;margin: 0 auto 70px;text-align: center;height: 50px;line-height: 46px;font-size: 3.5vw;box-shadow: 0 4px 4px rgba(74, 74, 74, 0.4);transition: all 0.3s;}
#sec_th .btn03 a{color: #fff;display: block;}
	
/*バブルアニメーション*/

.bubble::before
{
  content: '';
  opacity: 0.5;
  position:absolute;
  z-index:-1;
  top: -3vw;
  right: 0;
  transform: translate(-50%, -50%);
  display: block;
  width: 50vw;
  height: 60vw;
  

  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: 5vw;
  right: -20vw;
  transform: translate(-50%, -50%);
  display: block;
  width: 67vw;
  height: 60vw;
  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: 30vw;
  right: -25vw;
  transform: translate(-50%, -50%);
  display: block;
  width: 40vw;
  height: 40vw;
  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: -20px;
	left: -300px;
	 width: 860px;
  height: 830px;}
#sec04 .box05:before{z-index: -1;opacity: 0.2;
	background: linear-gradient(90deg, #02e0bb, #5c7df9);
	top: -250px;
	  width: 860px;
  height: 830px;}
#sec04 li:nth-child(2) .box05:before{
	background: linear-gradient(270deg, #02e0bb, #5c7df9);
	width: 860px;
	height: 880px;
	left: 0;}
	#sec06 .bubble::before, #sec06 .bubble::after, #sec06 .bubble span, #sec08 .bubble::before, #sec08 .bubble::after, #sec0 .bubble span{
	opacity: 0.25;
	}
	#sec07 .bubble::before{width: 60vw;height: 61vw;right: 25vw;top:-10vw;opacity: 0.25;}
	#sec07 .bubble::after{width: 64vw;height: 63vw;left: -25vw;top:-10vw;opacity: 0.25;}
	#sec07 .bubble span{width: 64vw;height: 63vw;right: -25vw;top:-10vw;opacity: 0.25;}
	
	#recruit .bubble::before{width: 60vw;height: 61vw;right: 25vw;top: -50vw;opacity: 0.25;}
	#recruit .bubble::after{width: 64vw;height: 63vw;left: -25vw;top: -50vw;opacity: 0.25;}
	#recruit .bubble span{width: 64vw;height: 63vw;right: -25vw;top: -50vw;opacity: 0.25;}
	
	#sec08 .box03{position: relative;z-index: 1;}
	#sec08 .bubble::before{width: 60vw;height: 61vw;right: 25vw;top:5vw;}
	#sec08 .bubble::after{width: 64vw;height: 63vw;left: -25vw;top:5vw;}
	#sec08 .bubble span{width: 64vw;height: 63vw;right: -25vw;top:5vw;}
	
	.page-template-page-thanks #sec10 .bubble::before{width: 60vw;height: 61vw;right: 25vw;top:5vw;}
	.page-template-page-thanks #sec10 .bubble::after{width: 64vw;height: 63vw;left: -25vw;top:5vw;}
	.page-template-page-thanks #sec10 .bubble span{width: 64vw;height: 63vw;right: -25vw;top:5vw;}
	
/*境界線アニメーション*/
.editorial, .editorial02{
  display: block;
  width: 100%;
  height: 50px;
  margin: -50px 0 0 0;
  z-index:5;
  bottom:0;
  position:relative;
}

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




/* case 
---------------------------- */
ul#case_list li .box05{position: relative;}
ul#case_list li .box05:before{
visibility: hidden;
}
ul#case_list li .box05:before{
visibility:visible;
z-index: -1;
opacity: 0.2;
background: linear-gradient(90deg, #02e0bb, #5c7df9);
top: -140px;
width: 650px;
height: 650px;}
ul#case_list li:nth-child(2n) .box05:before{
left: 0;
}

/* lp 
---------------------------- */
.lp_main {
	background: #E4EEFF;
}
.lp_main .wrap {
	display: block;
	padding-top: 30px;
	padding-bottom: 25px;
}
.lp_main figure {
	margin: auto;
}
.lp_main h1 {
	padding: 0 0 20px 0;
	color: #4052B6;
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	line-height: 1.0;
}
.lp_main h1 span {
	color: #5d5e68;
	font-size: 20px;
}
.lp_main p {
	padding: 0 0 30px 0;
	font-size: 16px;
	line-height: 1.2;
}
.lp_catch p {
	padding: 30px 0;
	font-size: 15px;
	line-height: 1.5;
}
.lp_catch a {
	color: #3F52B6;
}
.lp_section {
	padding: 0 0 40px 0;
	font-size: 14px;
	line-height: 1.5;
}
.lp_section.lp_bg01 {
	background: #dbf0fc;
}
.lp_section h2 {
	margin: 0 0 35px 0;
	padding: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	background: #4C8BF5;
}
.lp_section .lead {
	padding: 0 0 35px 0;
}
.lp_section .box01 {
	padding: 15px;
	background: #E4EEFF;
}
.lp_section .box01 ul {
	margin: 0 0 20px 0;
	font-size: 16px;
}
.lp_section .box01 ul li {
	position: relative;
	padding: 0 0 0 15px;
}
.lp_section .box01 ul li:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #5d5e68;
}
.lp_section .box01 p {
	word-break: break-all;
}

.lp_section .box02 {
	padding: 15px 10px 10px 10px;
	background: url(/wp-content/themes/paraworks/img/box_bg01.png) repeat;
}
.lp_section .box02 h3 {
	margin: 0 0 15px 0;
	color: #fff;
	font-size: 16px;
}
.lp_section .box02 ul {
	padding: 15px;
	font-size: 14px;
	background: #fff;
}
.lp_section .box02 ul li {
	position: relative;
	padding: 0 0 0 15px;
}
.lp_section .box02 ul li:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #5d5e68;
}
.lp_section .plan {
	text-align: left;
}
.lp_section .plan h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}
.lp_section .plan p + h3 {
	margin-top: 30px;
}
.lp_section #freeform {
	padding: 0 0 100px 0;
}
.lp_section a {
	color: #3F52B6;
}

/* pp 
---------------------------- */
.under_page{margin: 80px 0 0 0;}
#sec_pp{padding: 50px 0 50px 0;}
#sec_pp h2{text-align: center;font-size: 4vw;margin: 0 0 40px;font-weight: 100;}
#sec_pp .text01{font-size: 3vw; line-height: 5vw;margin: 0 0 40px;}
#sec_pp .text02{font-size: 3.5vw;margin: 0 0 25px;}
#sec_pp .text03{font-size: 3vw; line-height: 5vw;margin: 0 0 55px;}
#sec_pp .text03 a{color: #13b5b1;}

/* 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: 50vw;position: absolute;right: -20vw;top:21px;}

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

.interview_link {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-bottom: 40px;
}
.interview_link .btn a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 240px;
	max-width: 100%;
	height: 50px;
	font-size: 14px;
	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: 15px;
	margin-bottom: 30px;
}
.interview_filter .btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 40px;
	cursor: pointer;
	color: #222;
	font-size: 12px;
	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, minmax(192px, 1fr));
	gap: 0 15px;
	margin: 0 0 40px;
	padding: 20px 15px;
	border-radius: 10px;
	background: #fff;
}
.interview_list .col {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	gap: 0;
	padding: 20px 0;
}
.interview_list .col figure {
	margin-bottom: 10px;
}
.interview_list .col figure img {
	object-fit: cover;
	aspect-ratio: 7 / 6;
	border-radius: 10px;
}
.interview_list .col .tag {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-width: 70px;
	height: 26px;
	margin-bottom: 5px;
	color: #fff;
	font-size: 12px;
	border-radius: 5px;
	background: #1571DA;
}
.interview_list .col .title {
	margin-bottom: 10px;
	font-size: 14px;
	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: 13px;
	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 0 0;
	float: left;
}
.interview_box .text02 a {
	color: #f8ffff;
	background: #67738d;
	border-radius: 3px;
	padding:0 24px;
	display: inline-block;
	margin: 0 20px 5px 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;
}




}