@charset "UTF-8";


/* global nav */
#grovalNav .navbar a.pageLink,
#grovalNav .dropdown .dropbtn{
	background: none;
	border: none;
	color: rgba(255, 255, 255, 0.50);
	font-family: ryo-gothic-plusn;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.48px;
  transition: color .5s , text-shadow .5s;
}

#grovalNav .navbar a.pageLink.current,
#grovalNav .navbar a.pageLink:hover,
#grovalNav .dropdown .dropbtn:hover,
#grovalNav .dropdown .dropbtn.active{
	color: rgba(255,255,255,1);
	text-shadow: 0px 0px 10px #FFF;
}


#grovalNav .dropdown-content a {
  float: none;
  display: block;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.50);
	font-feature-settings: 'clig' off, 'liga' off;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.48px;
	background: none;
	border: none;
	font-size: 16px;
	line-height: 1.2;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	margin-bottom: 16px;
}

#grovalNav .dropdown-content a:last-of-type{
	margin-bottom: 0;
}

.sub-menu li a{
	display: block;
	padding: 10px;
	font-size: 14px;
}

/* global nav lang_en */

.lang_en #grovalNav .navbar a.pageLink,
.lang_en #grovalNav .dropdown .dropbtn{
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.54px;
}

.lang_en #grovalNav .dropdown-content a {
  float: none;
  display: block;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.50);
	font-feature-settings: 'clig' off, 'liga' off;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.48px;
	background: none;
	border: none;
	font-size: 16px;
	line-height: 1.2;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	margin-bottom: 16px;
}

.lang_en #grovalNav .navbar a.current,
.lang_en #grovalNav .navbar a:hover,
.lang_en #grovalNav .dropdown .dropbtn:hover,
.lang_en #grovalNav .dropdown .dropbtn.active{
	color: rgba(255,255,255,1);
	text-shadow: 0px 0px 10px #FFF;
}


.lang_en .sub-menu li a{
	display: block;
	padding: 10px;
	font-size: 14px;
}


/* sub nav */

@media screen and (max-width: 850px) {
	#spNav .sp li.spIn a.pageLink,
	#spNav .sp li.spIn span.label{
		display: block;
		color: #FFF;
		font-family: ryo-gothic-plusn;
		font-size: 18px;
		font-weight: 500;
		line-height: 130%; /* 23.4px */
		letter-spacing: 0.9px;
    transition: text-shadow .5s;
	}

	.pc #spNav li.spIn a.pageLink:hover,
	#spNav .sp li.spIn a.pageLink:active{
		text-shadow: 0px 0px 5px #FFF;
	}

	#spNav .sp li.spIn ul{
		padding-left: 20px;
	}
	
	#spNav .sp li.spIn li{
			margin-bottom: 10px;
	}

	#spNav li.spIn{
		margin-bottom: 21px;
	}

	#spNav .sp li.spIn span.label{
		margin-bottom: 31px;
	}

	#spNav .sp li.spIn li a.pageLink{
		font-weight: normal;
		color: #FFF;
		font-family: ryo-gothic-plusn;
		font-size: 16px;
		font-weight: 400;
		line-height: 130%; /* 20.8px */
		letter-spacing: 0.8px;
	}

	
	.headerLanguageList li{
		cursor: pointer;
		font-size: 14px;
	}

	.headerLanguageList li span{
		display: block;
		font-family: Sofia Sans;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 26.824px;
		color: rgba(255, 255, 255, 0.20);
	}

	.headerLanguageList li.selected span{
		text-shadow: 0px 0px 5px #FFF;
		color: rgba(255, 255, 255, 1);
	}

	.headerLanguageList li[data-value="ja"]:after{
		content: "";
		display: block;
		width: 27px;
    height: 1px;
    background: linear-gradient(to left, white, transparent);
    position: absolute;
    right: -34px;
    top: 50%;
    transform: translateY(-50%);
	}	

	.headerLanguageList li[data-value="ja"].selected:after{
		background: linear-gradient(to right, white, transparent);
		top: 50%;
	  transform: translateY(-50%);
	}

	/* lang_en */
	
	.lang_en #spNav .sp li.spIn a,.lang_en #spNav .sp li.spIn span.label {
		color: #FFF;
		font-feature-settings: 'clig' off, 'liga' off;
		font-family: Sofia Sans;
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 130%; /* 26px */
		letter-spacing: 1px;
	}

	.lang_en #spNav .sp li.spIn li a.pageLink {
		font-family: Sofia Sans;
		font-size: 18px;
		font-style: normal;
		font-weight: 300;
		line-height: 130%; /* 23.4px */
		letter-spacing: 0.9px;
	}



}


/* page header */


#pageHeader h1{
	color: #0E1737;
	font-family: Sofia Sans;
	font-size: 49px;
	font-weight: 700;
	line-height: 105%; /* 51.45px */
	letter-spacing: 4.9px;
	margin-bottom: 8px;
}

.pageHeaderIn .ttlWrap .subTtl{
	color:#0E1737;
	font-family: ryo-gothic-plusn;
	font-size: 25px;
	font-weight: 700;
	line-height: 120%; /* 30px */
	letter-spacing: 1.25px;
}

.pageHeaderIn .description p{
	color: #0E1737;
	font-family: ryo-gothic-plusn;
	font-size: 20px;
	font-weight: 400;
	line-height: 150%; /* 30px */
	letter-spacing: -0.4px;
	margin-bottom: 1em;
}

/* page header lang_en */

.lang_en .pageHeaderIn .description p{
	color: #0E1737;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Barlow;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}


@media screen and (max-width: 1024px) {
	#pageHeader h1{
		font-size: 40px;
		font-weight: 700;
		line-height: 105%; /* 43.914px */
		letter-spacing: 4.182px;
	}
	.pageHeaderIn .ttlWrap .subTtl{
		position: absolute;
		top: 0;
		right: 0;
		font-size: 18px;
		font-weight: 700;
		line-height: 120%; /* 22.584px */
		letter-spacing: 0.941px;
	}

	.pageHeaderIn .description p{
		font-size: 16px;
		font-weight: 400;
		line-height: 150%; /* 30px */
		letter-spacing: -0.4px;
	}

	.lang_en .pageHeaderIn .description p{
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
	}
}

@media screen and (max-width: 767px) {
	#pageHeader h1{
		font-size: 30px;
		margin-bottom: 10px;
	}

	.pageHeaderIn .ttlWrap .subTtl{
		position: static;
		font-size: 15px;
	}

	.pageHeaderIn .description p {
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 160%;
	}

	.lang_en .pageHeaderIn .description p{
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%;
	}
}


/* footer */

#footerContents #footerNav .navWrap dt{
	margin-bottom: 22px;
}

#footerContents #footerNav .navWrap dt a{
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 23.4px */
	letter-spacing: 0.9px;
  transition: all .5s;
}

.lang_en #footerContents #footerNav .navWrap dt a,
.lang_en #footerContents #footerNav .navWrap dd a.pageLink{
	font-family: Sofia Sans;
}



.pc #footerContents #footerNav .navWrap dt a:hover,
.sp #footerContents #footerNav .navWrap dt a:active{
	text-shadow: 0px 0px 5px #FFF;
}

.pc #footerContents #footerNav .navWrap dt a:active{
	text-shadow: none;
}



#footerContents #footerNav .navWrap dd{
	padding-left: 20px;
	margin-bottom: 16px;
}

#footerContents #footerNav .navWrap a.pageLink{
	color: #FFF;
 transition: all .5s;
 display: block;
}


#footerContents #footerNav .navWrap dd a.pageLink{
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 15px;
	font-weight: 400;
	line-height: 130%; /* 19.5px */
	letter-spacing: 0.75px;
	transition: all .5s;
}

.pc #footerContents #footerNav .navWrap dd a.pageLin:hover,
.sp #footerContents #footerNav .navWrap dd a.pageLin:active,
.pc #footerContents #footerNav .navWrap dd a.pageLin:active{
	text-shadow: 0px 0px 5px #FFF;
}

.pc #footerContents #footerNav .navWrap dd a:hover,
.sp #footerContents #footerNav .navWrap dd a:active{
	text-shadow: 0px 0px 5px #FFF;
}

.pc #footerContents #footerNav .navWrap dd a:active{
	text-shadow: none;
}

#footerContents #footerNav .navWrap ul li{
	margin-top: 15px;
}

#footerContents #footerNav .navWrap ul li:first-of-type{
	margin-top: 0;
}

#footerContents #footerNav .navWrap dd.button_inquiry{
	padding-left: 0;
}


#footerBottom .policyNav li{
	margin-left: 20px;
}

#footerBottom .policyNav a{
	color: #FFF;
	font-size: 12px;
	font-weight: 400;
	line-height: 130%; 
	font-family: ryo-gothic-plusn;
  transition: all .5s;
}

.pc #footerBottom .policyNav a:hover,
.sp #footerBottom .policyNav a:active{
	text-shadow: 0px 0px 5px #FFF;
}

.pc #footerBottom .policyNav a:active{
	text-shadow: none;
}

#footerBottom .address{
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	margin-bottom: 20px;
	
}


.languageList li{
	cursor: pointer;
}

.languageList li span,
.languageList li span a{
	
	display: block;
	color: rgba(255, 255, 255, 0.20);
	font-family: Sofia Sans;
	font-size: 15.647px;
	font-style: normal;
	font-weight: 500;
	line-height: 26.824px
  transition: all .5s;
  

}

.languageList li.selected{
	pointer-events: none;
}

.languageList li:hover span,
.languageList li:active span,
.languageList li:focus span,
.languageList li.selected span{
	color: rgba(255, 255, 255, 1);
	text-shadow: 0px 0px 5px #FFF;
}


.languageList li:hover span a,
.languageList li:active span a,
.languageList li:focus span a,
.languageList li.selected span a{
	color: rgba(255, 255, 255, 1);
	text-shadow: 0px 0px 5px #FFF;
}


.languageList li[data-value="ja"]{
	float: left;
	position: relative;
}

.languageList li[data-value="ja"]:after{
	content: "";
	display: block;
	width: 27px;
    height: 1px;
    background: linear-gradient(to left, white, transparent);
    position: absolute;
    right: -34px;
    top: 50%;
    transform: translateY(-50%);
}

.languageList li[data-value="ja"].selected:after{
	background: linear-gradient(to right, white, transparent);
}

.languageList li[data-value="en"]{
	float: right;
}


footer .copy{
	color: #FFF;
	font-family: Barlow;
	font-size: 13px;
	font-style: normal;
	font-weight: 300;
	line-height: 130%; 
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 767px) {
}


/* buttons */

/* お問い合わせボタン */

/* header footer お問い合わせボタン */

a.inquiry01.btn {
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: ryo-gothic-plusn;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 18.2px */
	letter-spacing: 0.42px;
	display: block;
	width: 148px;
	height: 40px;
	border-radius: 8px;
	position: relative;
  transition: all .5s;
	background: linear-gradient(98deg, #202847 -1.42%, #0E1737 94.38%);
	box-shadow: 8px 8px 15px 0px rgba(1, 4, 17, 0.25), -8px -5px 15px 0px rgba(91, 107, 157, 0.25), -8px 5px 15px 0px rgba(1, 4, 17, 0.25), 8px -5px 15px 0px rgba(1, 4, 17, 0.25);
}

.lang_en a.inquiry01.btn {
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Sofia Sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.48px;
}

a.inquiry01.btn span{
	position: absolute;
	top: 4px;
	left: 4px;
	display: block;
	text-align: center;
	width: 140px;
	height: 32px;
	line-height: 32px;
	border-radius: 5px;
	transition: all .5s;
	background: linear-gradient(280deg, rgba(31, 71, 107, 0.30) -21.03%, #1F476B 93.84%);
}
#grovalNav a.inquiry01.btn span,
#spNav a.inquiry01.btn span {
	background: linear-gradient(280.26deg, rgba(35, 90, 157, 0.3) -21.03%, #28679B 93.84%);
}

a.inquiry01.btn.pc:hover{
	box-shadow: 4px 4px 7px 0px rgba(255, 255, 255, 0.15), -4px -2px 7px 0px rgba(91, 107, 157, 0.15), -4px 2px 7px 0px rgba(255, 255, 255, 0.15), 4px -2px 7px 0px rgba(255, 255, 255, 0.15);
}

a.inquiry01.btn.pc:hover span,
a.inquiry01.btn.sp:hover span{
	text-shadow: 0px 0px 5px #FFF;
}

a.inquiry01.btn.pc:active{
	box-shadow: 4px 4px 15px 0px rgba(1, 4, 17, 0.25), -4px -2px 15px 0px rgba(91, 107, 157, 0.25), -4px 2px 15px 0px rgba(1, 4, 17, 0.25), 4px -2px 15px 0px rgba(1, 4, 17, 0.25);
}

a.inquiry01.inquiry01--careers.btn{
	color: rgba(14, 23, 55, 1) !important;
}
a.inquiry01.inquiry01--careers.btn span{
	background: linear-gradient(288.18deg, #F2F0EF -27.9%, #F2F0EF 163.44%) !important;
}
a.inquiry01.inquiry01--careers.btn.pc:hover span,
a.inquiry01.inquiry01--careers.btn.sp:hover span{
	text-shadow: 0px 0px 5px rgba(77, 107, 172, 1) !important;
}

#grovalNav .navbar a.inquiry01.inquiry01--careers + a.inquiry01 {
	margin-left: 11px;
}
@media screen and (max-width: 850px) {
	#grovalNav .navbar a.inquiry01.inquiry01--careers + a.inquiry01 {
		margin-left: 0;
	}
	a.inquiry01.btn + a.inquiry01.btn {
		margin-top: 20px;
	}
	.lang_en #spNav .sp li.spIn a.inquiry01:has(span) {
		font-size: 16px;
	}
}

@media screen and (min-width: 851px) and (max-width: 1023px) {
	#grovalNav .navbar a.pageLink,
	#grovalNav .dropdown .dropbtn,
	.lang_en #grovalNav .navbar a.pageLink,
	.lang_en #grovalNav .dropdown .dropbtn {
		font-size: 14px;
	}
	a.inquiry01.btn,
	.lang_en a.inquiry01.btn {
		width: 118px;
		font-size: 12px;
	}
	a.inquiry01.btn span,
	.lang_en a.inquiry01.btn span {
		width: 110px;
	}
}

/* leadMore01 */


a.leadMore01.btn{
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: ryo-gothic-plusn;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 19.5px */
	letter-spacing: 0.45px;
	border-radius: 5px;
	border: 1px solid #0E1737;
	background: #ECECEC;
	padding: 10px 32px;
  transition: all .5s;
	box-shadow: 9px 6px 17px 0px #B9B9B9, -9px -6px 17px 0px #FFF, -9px 6px 17px 0px rgba(236, 236, 236, 0.25), 9px -6px 17px 0px rgba(236, 236, 236, 0.25);

}

a.leadMore01.btn.pc:hover,
a.leadMore01.btn.sp:active {
	background: #FFF;
	box-shadow: 0px 0px 17px 0px #859BBB;
}

a.leadMore01.btn.pc:active{
	background: #FFF;
	box-shadow: 0px 0px 4px 0px #859BBB;
}

/* home */

.toArchive{
	width: 90%;
	max-width: 1038px;
	margin: 0 auto;
	text-align: right;
	margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
	.toArchive{
		width: 100%;
		text-align: center;
	}

	a.leadMore01.btn{
		width: 100%;
		max-width: 250px;
		display: inline-block;
	}
}


/* leadMore02 */


a.leadMore02.btn{
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: ryo-gothic-plusn;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 19.5px */
	letter-spacing: 0.45px;
	border-radius: 5px;
	border: 1px solid var(--Tenchijin-Navy, #0E1737);
	background: #ECECEC;
	box-shadow: 9px 6px 17px 0px #010411, -9px -6px 17px 0px #5B6B9D, -9px 6px 17px 0px rgba(1, 4, 17, 0.25), 9px -6px 17px 0px rgba(1, 4, 17, 0.25);
	padding: 10px 32px;
  transition: all .5s;

}

a.leadMore02.btn span.linkIn .icon {
    display: inline-block;
    margin-left: 10px;
    width: 17px;
    height: 17px;
    line-height: 17px;
}

a.leadMore02.btn.pc:hover,
a.leadMore02.btn.sp:active {
	background: #FFF;
	box-shadow: 4px 4px 7px 0px rgba(255, 255, 255, 0.20), -4px -2px 7px 0px rgba(255, 255, 255, 0.20), -4px 2px 7px 0px rgba(255, 255, 255, 0.20), 4px -2px 7px 0px rgba(255, 255, 255, 0.20);
}

a.leadMore02.btn.pc:active{
	background: #FFF;
	box-shadow: 4px 4px 15px 0px rgba(1, 4, 17, 0.20), -4px -2px 15px 0px rgba(91, 107, 157, 0.25), -4px 2px 15px 0px rgba(1, 4, 17, 0.25), 4px -2px 15px 0px rgba(1, 4, 17, 0.25);
}


/* careers */

#culture .linkBtn{
	width: 100%;
	margin: 0 auto;
	margin-top: 45px;
	text-align: right;
}

@media screen and (max-width: 1024px) {
	#culture .linkBtn{
		width: 90%;
	}
	}


@media screen and (max-width: 767px) {
	#culture .linkBtn{
		width: 100%;
		text-align: center;
	}

	a.leadMore02.btn{
		display: inline-block;
		width: 90%;
		max-width: 250px;
		text-align: center;
	}
}


/* seeMore01 */


a.seeMore01.btn{
	display: inline-block;
	padding: 12px 24px;
	border-radius: 5px;
	border: 1px solid #FFF;
  transition: all .5s;
	position: relative;
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 19.5px */
	letter-spacing: 0.75px;
	transition: box-shadow 0.5s ease , text-shadow 0.5s ease, filter 0.5s ease;

}

a.seeMore01.btn svg{
		transition: filter 0.5s ease;
}

a.seeMore01.btn.pc span{
	transition: all .5s;
}

a.seeMore01.btn.pc:hover span,
a.seeMore01.btn.sp:active span{
	text-shadow: 0px 0px 5px #FFF;
}

a.seeMore01.btn:hover svg,
a.seeMore01.btn:active svg{
	filter: drop-shadow(0px 0px 5px #FFF);
}

a.seeMore01.btn.pc:active span{
	filter: none;
}

/* home */

@media screen and (max-width: 767px) {
		#about .more{
		width: 100%;
		text-align: center !important;
		margin-top: 40px;
	}

	a.seeMore01.btn{
		width: 100%;
		max-width: 250px;
		display: inline-block;
	}

}


/* seeMore02 */


a.seeMore02.btn{
	display: inline-block;
	text-align: center;
	width: 220px;
	height: 55px;
	border-radius: 8.005px;
	background: linear-gradient(280deg, #CCC 6.03%, #ECECEC 90.08%);
	box-shadow: 9px 6px 17px 0px #B9B9B9, -9px -6px 17px 0px #FFF, -9px 6px 17px 0px rgba(236, 236, 236, 0.25), 9px -6px 17px 0px rgba(236, 236, 236, 0.25);
  transition: all .5s;
  position: absolute;
	left: 0;
	top: 0;
}

a.seeMore02.btn:hover{
	border-radius: 8.005px;
	background: linear-gradient(280deg, #CCC 6.03%, #ECECEC 90.08%);
	box-shadow: 0px 0px 10px 0px rgba(229, 89, 60, 0.50);
}


a.seeMore02.btn span{
	transition: all .5s;
	width: calc(100% - 10px);
	height: 45px;
	line-height: 45px;
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 5px;
	background: linear-gradient(98deg, #0E1737 7.96%, #485892 100.62%);
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: ryo-gothic-plusn;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.8px;
	
}

a.seeMore02.btn.pc:hover span,
a.seeMore02.btn.sp:active span{
	color: #E5593C;
	text-shadow: 0px 0px 5px #E5593C;
}

a.seeMore02.btn.pc:active{
	box-shadow: 5px 2px 17px 0px #B9B9B9, -5px -2px 17px 0px #FFF, -5px 2px 17px 0px rgba(236, 236, 236, 0.25), 5px -2px 17px 0px rgba(236, 236, 236, 0.25);
}




/* home */

@media screen and (max-width: 767px) {
	.txtBox .more{
		width: 100% !important;
		text-align: center !important;
		margin-top: 20px;
	}

	a.seeMore02.btn{
		width: 100%;
		max-width: 250px;
		display: inline-block;
		transform: translateY(0%);
		position: relative;
	}

}


/* privacy */

/*no*/


#privacy .btnList .no{
		width: 128px;
		height: 50px;
		position: relative;
}

#privacy .btnList .no span.aWrap{
		display: inline-block;
}

#privacy .btnList .no span.aIn{
	display: block;
	color: #0E1737;
	text-align: center;
	font-family: ryo-gothic-plusn;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.48px;
	width: 118px;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #0E1737;
	background: #ECECEC;
  transition: all .5s;
	box-shadow: 9px 6px 17px 0px #B9B9B9, -9px -6px 17px 0px #FFF, -9px 6px 17px 0px rgba(236, 236, 236, 0.25), 9px -6px 17px 0px rgba(236, 236, 236, 0.25);
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 5px;
	height: 40px;
	line-height: 40px;

}

#privacy .btnList .no.pc span.aIn:hover,
#privacy .btnList .no.sp span.aIn:active {
	background: #FFF;
	box-shadow: 0px 0px 17px 0px #859BBB;
}

#privacy .btnList .no.pc span.aIn:active{
	background: #FFF;
	box-shadow: 0px 0px 4px 0px #859BBB;
}

/*yes*/

#privacy .btnList .yes{
		width: 128px;
		height: 50px;
		position: relative;
}

#privacy .btnList .yes span.aWrap{
	display: inline-block;
	text-align: center;
	width: 128px;
	height: 50px;
	border-radius: 8px;
	background: linear-gradient(280deg, #CCC 6.03%, #ECECEC 90.08%);
	box-shadow: 9px 6px 17px 0px #B9B9B9, -9px -6px 17px 0px #FFF, -9px 6px 17px 0px rgba(236, 236, 236, 0.25), 9px -6px 17px 0px rgba(236, 236, 236, 0.25);
  transition: all .5s;
  position: absolute;
	left: 0;
	top: 0;
}

#privacy .btnList .yes span.aWrap:hover{
	border-radius: 8.005px;
	background: linear-gradient(280deg, #CCC 6.03%, #ECECEC 90.08%);
	box-shadow: 0px 0px 10px 0px rgba(229, 89, 60, 0.50);
}


#privacy .btnList .yes span.aIn{
	transition: all .5s;
	width: calc(100% - 10px);
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 5px;
	background: linear-gradient(98deg, #0E1737 7.96%, #485892 100.62%);
	color: #FFF;
	font-family: ryo-gothic-plusn;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.48px;
	cursor: pointer;
	
}

#privacy .btnList .yes.pc span.aIn:hover span,
#privacy .btnList .yes.sp span.aIn:active span{
	color: #E5593C;
	text-shadow: 0px 0px 5px #E5593C;
}

#privacy .btnList .yes.pc span.aIn:active{
	box-shadow: 5px 2px 17px 0px #B9B9B9, -5px -2px 17px 0px #FFF, -5px 2px 17px 0px rgba(236, 236, 236, 0.25), 5px -2px 17px 0px rgba(236, 236, 236, 0.25);
}


/*lang_en	*/

.lang_en #privacy .privacyIn h4{
	color: #302C28;
	font-family: "Sofia Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 24px */
}

.lang_en #privacy .privacyIn p{
	color: #302C28;
	font-family: Barlow;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 22.4px */
}

.lang_en #privacy .btnList .no a span{
	color: #0E1737;
	text-align: center;
	font-family: "Sofia Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.48px;
}

.lang_en #privacy .btnList .no span.aIn{
	color: #0E1737;
	font-family: "Sofia Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.48px;
}

.lang_en #privacy .btnList .yes span.aIn {
	color: #FFF;
	font-family: "Sofia Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.8px;
}


/* add */

@media screen and (max-width: 767px) {

	#privacy .btnList .no span.aIn{
		width: calc(100% - 6px);
		left: 3px;
	}

	#privacy .btnList .yes span.aIn,
		#privacy .btnList .no span.aIn,
	.lang_en #privacy .btnList .yes span.aIn,
	.lang_en #privacy .btnList .no span.aIn{
		font-size: 14px;
	}

	#privacy .btnList .yes span.aWrap{
		width: 100%;
	}

	#privacy .privacyIn h4{
		font-size: 14px;
	}

	#privacy .privacyIn ul{
		display: block;
	}

	#privacy .btnList li{
		width: 100%;
	}

	#privacy .privacyIn ul li{
		width: 100%;
		margin: 0;
	}

	#privacy .btnList .no{
		width: 100%;
		margin-bottom: 5px;
	}

	#privacy .btnList .no a{
		display: block;
	}

	#privacy .btnList .no a span{
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
	}

	#privacy .privacyIn ul{
		padding-top: 16px;
	}

	#privacy .btnList .yes{
		width: 100%;
	}

	#privacy .btnList .yes a{
		width: 100%;
	}

	.lang_en #privacy .privacyIn h4{
		font-size: 12px;
	}

	.lang_en #privacy .privacyIn p{
		font-size: 10px;
	}

	.lang_en #privacy .btnList .no a span{
		font-size: 14px;
	}

	#privacy .btnList .yes a span{
		font-size: 14px;
	}