@charset "UTF-8";
:root{
	--body : #222;
	--link : #222;
}
.wrap{
	margin-left : auto;
	margin-right : auto;
}
@media screen and (max-width: 768px){
	.wrap{
		padding-left : calc( 20 * 100% / 375 );
		padding-right : calc( 20 * 100% / 375 );
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	.wrap{
		padding-left : calc( 10 * 100% / 1300 );
		padding-right : calc( 10 * 100% / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	.wrap{
		max-width : 1300px;
		padding-left : 10px;
		padding-right : 10px;
	}
}
.wrap-inner{
	margin-left : auto;
	margin-right : auto;
}
@media screen and (max-width: 768px){
	.wrap-inner{
		padding-left : calc( 20 * 100% / 375 );
		padding-right : calc( 20 * 100% / 375 );
	}
}
@media print,screen and (min-width: 769px){
	.wrap-inner{
		position : relative;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	.wrap-inner{
		max-width : calc( 1000 * 100% / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	.wrap-inner{
		max-width : 1000px;
	}
}
@media screen and (max-width: 767px){
	body{
		padding-top : calc( 50 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 768px){
	body{
		padding-top : 60px;
	}
}
@media print,screen and (min-width: 1300px){
	body{
		padding-top : 110px;
	}
}
@media screen and (max-width:1299px){
	#main{
		overflow : hidden;
	}
}
/*--------------------------------------------
HEADER
---------------------------------------------*/
#header{
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	z-index : 12;
}
#header .wrap{
	display : flex;
	align-items : center;
}
#header .logo a{
	display : flex;
	align-items : center;
}
#header .logo a svg{
	flex-shrink : 0;
	height : auto;
}
#header .logo a svg:nth-of-type(2) .a{
	fill : transparent;
}
@media screen and (max-width: 768px){
	#header{
		backface-visibility : hidden;
		will-change : background-color;
		transition : background-color .3s ease-in;
	}
	#header:not(.is-scroll) .logo svg:nth-of-type(1){
		fill : #fff;
	}
	#header:not(.is-scroll) .logo svg:nth-of-type(2) .b{
		stroke : #fff;
	}
	#header:not(.is-scroll) .logo svg:nth-of-type(2) .c{
		fill : #fff;
	}
	#header.is-scroll{
		background-color : #fff;
	}
	#header.is-scroll .logo svg:nth-of-type(1){
		fill : #000;
	}
	#header.is-scroll .logo svg:nth-of-type(2) .b{
		stroke : #222;
	}
	#header.is-scroll .logo svg:nth-of-type(2) .c{
		fill : #222;
	}
	#header .wrap{
		height : calc( 50 * 100vw / 375 );
		padding-left : calc( 15 * 100% / 375 );
		padding-right : calc( 15 * 100% / 375 );
	}
	#header .logo{
		width : calc( 295 * 100% / 345 );
	}
	#header .logo svg:nth-of-type(1){
		width : calc( 90 * 100% / 295 );
		backface-visibility : hidden;
		will-change : fill;
		transition : fill .3s ease-in;
	}
	#header .logo svg:nth-of-type(2){
		margin-left : calc( 20 * 100% / 295 );
		width : calc( 60 * 100% / 295 );
	}
	#header .logo svg:nth-of-type(2) .b{
		backface-visibility : hidden;
		will-change : stroke;
		transition : stroke .3s ease-in;
	}
	#header .logo svg:nth-of-type(2) .c{
		backface-visibility : hidden;
		will-change : fill;
		transition : fill .3s ease-in;
	}
}
@media print,screen and (min-width: 769px){
	#header{
		background-color : #fff;
	}
	#header .wrap{
		justify-content : space-between;
	}
	#header .logo svg:nth-of-type(2) .b{
		stroke : #222;
	}
	#header .logo svg:nth-of-type(2) .c{
		fill : #222;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#header .wrap{
		height : calc( 100 * 100vw / 1300 );
	}
	#header .logo svg:nth-of-type(1){
		width : calc( 159 * 100vw / 1300 );
	}
	#header .logo svg:nth-of-type(2){
		margin-left : calc( 30 * 100vw / 1300 );
		width : calc( 90 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#header .wrap{
		height : 100px;
	}
	#header .logo svg:nth-of-type(1){
		width : 159px;
	}
	#header .logo svg:nth-of-type(2){
		margin-left : 30px;
		width : 90px;
	}
}
@media screen and (max-width: 768px){
	body.is-open #header{
		/*background: url("../images/header/bg_sp.png") 0 0 / 100% auto no-repeat;*/
		background-color : #c00;
	}
	body.is-open #header .logo svg:nth-of-type(1) path , body.is-open #header .logo svg:nth-of-type(1) rect{
		fill : #fff;
	}
	body.is-open #header .logo svg:nth-of-type(2) .b{
		stroke : #fff;
	}
	body.is-open #header .logo svg:nth-of-type(2) .c{
		fill : #fff;
	}
}
@media screen and (max-width: 768px){
	body.bg02 #header.is-scroll{
		border-bottom : 1px solid rgba(0,0,0,.1);
	}
}
/*--------------------------------------------
MENU BUTTON
---------------------------------------------*/
body.is-open{
	overflow : hidden;
}
body.is-open [data-aos^=fade]{
	opacity : 1!important;
}
@media screen and (max-width: 768px){
	body.is-open #nav{
		max-height : 100vh;
	}
}
@media screen and (max-width: 768px){
	body.is-open #drawerPanel{
		position : fixed;
		z-index : -1;
		width : 100%;
	}
}
body.is-open #c-header #menuBtn > span:nth-of-type(1) span{
	top : calc( 50% - .5px );
}
body.is-open #c-header #menuBtn > span:nth-of-type(1) span:nth-of-type(1){
	transform : rotate(-45deg);
}
body.is-open #c-header #menuBtn > span:nth-of-type(1) span:nth-of-type(2){
	transform : rotate(45deg);
}
body.is-open #c-header #menuBtn > span:nth-of-type(1) span:nth-of-type(3){
	opacity: 0;
}
#menuBtn{
	z-index : 11;
	position : absolute;
}
#menuBtn span{
	font-size : 0;
}
#menuBtn > span:nth-of-type(1){
	width : 100%;
	height : 100%;
	position : relative;
	display : block;
}
#menuBtn span span{
	display : block;
	position : absolute;
	left : 0;
	backface-visibility : hidden;
	will-change : transform;
	transition : all .4s;
	width : 100%;
}
#menuBtn span span:nth-of-type(1){
	top : 0;
}
#menuBtn span span:nth-of-type(2){
	bottom : 0;
}
#menuBtn{
	z-index : 11;
	position : absolute;
}
#menuBtn span{
	font-size : 0;
}
#menuBtn > span:nth-of-type(1){
	width : 100%;
	height : 100%;
	position : relative;
	display : block;
}
#menuBtn span span{
	display : block;
	position : absolute;
	left : 0;
	backface-visibility : hidden;
	will-change : transform;
	transition : all .4s;
	width : 100%;
}
#menuBtn span span:nth-of-type(1){
	top : 0;
}
#menuBtn span span:nth-of-type(2){
	bottom : 0;
}
#menuBtn span span:nth-of-type(3){
	top : 50%;
	transform: translateY(-50%);
	opacity: 1;
}
@media screen and (max-width: 768px){
	#menuBtn{
		right : 0;
		top : 0;
		width : calc( 60 * 100% / 375 );
		height : 100%;
		padding-left : calc( 16.5 * 100% / 375 );
		padding-right : calc( 16.5 * 100% / 375 );
		padding-top : calc( 21 * 100vw / 375 );
		padding-bottom : calc( 21 * 100vw / 375 );
	}
	#menuBtn > span:nth-of-type(1){
		margin-left : auto;
		margin-right : auto;
		width : 100%;
		height : 100%;
	}
	#menuBtn span span{
		background-color : #C65A5A;
		height : 1px;
		backface-visibility : hidden;
		will-change : background-color , transform;
	}
}
@media screen and (max-width: 768px){
	#header:not(.is-scroll) #menuBtn span span , body.is-open #header.is-scroll #menuBtn span span{
		background-color : #fff;
	}
}
@media screen and (max-width: 768px){
	#header.is-scroll #menuBtn span span{
		background-color : #222;
	}
}
/*--------------------------------------------
NAVI
---------------------------------------------*/
@media screen and (max-width: 768px){
	#nav{
		position : fixed;
		left : 0;
		width : 100%;
		z-index : 9;
		transition : max-height .5s ease-in;
		max-height : 0;
		overflow : hidden;
		overflow-y : scroll;
		top : calc( 54 * 100vw / 375 );
		height : calc( 100vh - ( 60 * 100vw / 375 ) );
		background: #fff;
	}
	#nav .scroll{
		background: #fff;
	}

}
#grobalNav li {
	border-bottom: 1px solid #DAE0DA;
	height: 60px;
}
#grobalNav li a {
	font-size: 20px;
	font-weight: bold;
	padding: 25px 0;
	display : flex;
	flex-direction : column;
	justify-content : center;
	align-items : center;
	text-align : center;
	height: 60px;
}
#grobalNav li a.entry {
	padding: 0;
}
#grobalNav li a.entry span {
	background: #C65A5A;
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	padding: 15px;
	width: 90%;
	margin: 10px 5%;
}



@media print,screen and (min-width: 769px){
	#grobalNav{
		display : flex;
		align-items : center;
	}
	#grobalNav > li:not(:last-child) span:nth-of-type(1){
		font-size : 0;
	}
	#grobalNav > li:not(:last-child) span:nth-of-type(2){
		font-weight : 300;
		letter-spacing : .1em;
		color : #666;
	}
	#grobalNav li:last-child a{
		color : #fff;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#grobalNav > li:not(:last-child) a{
		padding-left : calc( 10 * 100vw / 1300 );
		padding-right : calc( 10 * 100vw / 1300 );
	}
	#grobalNav > li:not(:last-child) span:nth-of-type(1) img{
		height : calc( 12 * 100vw / 1300 );
	}
	#grobalNav > li:not(:last-child) span:nth-of-type(2){
		margin-top : calc( 9 * 100vw / 1300 );
		font-size : calc( 12 * 100vw / 1300 );
	}
	#grobalNav > li:last-child{
		margin-left : calc( ( 77 - 28 ) * 100vw / 1300 );
	}
	#grobalNav > li:last-child a{
		width : calc( 160 * 100vw / 1300 );
		height : calc( 40 * 100vw / 1300 );
		border-radius : calc( 20 * 100vw / 1300 );
	}
	#grobalNav > li:last-child .application-copy {
		color: #222222;
		font-size: 10px;
		text-align: center;
		white-space: nowrap;
	}
	#grobalNav > li:last-child img.entry-image {
		height: 45%;
		width: 65%;
	}
}
@media print,screen and (min-width: 1300px){
	#grobalNav > li:not(:last-child) a{
		padding-left : 15px;
		padding-right : 15px;
	}
	#grobalNav > li:not(:last-child) span:nth-of-type(1) img{
		height : 12px;
	}
	#grobalNav > li:not(:last-child) span:nth-of-type(2){
		margin-top : 9px;
		font-size : 12px;
	}
	#grobalNav > li:last-child{
		margin-left : calc( 77px - 28px );
	}
	#grobalNav > li:last-child a{
		width : 160px;
		height : 40px;
		border-radius : 20px;
	}
	#grobalNav > li:last-child .application-copy {
		color: #222222;
		font-size: 10px;
		text-align: center;
	}
	#grobalNav > li:last-child img.entry-image {
		height: 45%;
		width: 65%;
	}
}
/*--------------------------------------------
TITLE HEADER
---------------------------------------------*/
#titleHeader .title{
	position : relative;
}
#titleHeader .title span:nth-of-type(1){
	font-weight : 600;
	color : #222;
}
#titleHeader .title span:nth-of-type(2){
	position : absolute;
	font-family : "Roboto", sans-serif;
	color : #fff;
	font-weight : 700;
	letter-spacing : .1em;
	z-index : -1;
	left : 0;
}
@media screen and (max-width: 768px){
	#titleHeader .wrap{
		padding-top : calc( 44  * 100vw / 375 );
		padding-bottom : calc( 18  * 100vw / 375 );
	}
	#titleHeader .title span:nth-of-type(1){
		font-size : calc( 24  * 100vw / 375 );
		letter-spacing : .1em;
	}
	#titleHeader .title span:nth-of-type(2){
		font-size : calc( 40  * 100vw / 375 );
		top : calc( ( -24 - 5.5 )  * 100vw / 375 );
	}
}
@media print,screen and (min-width: 769px){
	#titleHeader .title span:nth-of-type(1){
		letter-spacing : .2em;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#titleHeader .wrap{
		padding-top : calc( 177  * 100vw / 1300 );
		padding-bottom : calc( 109  * 100vw / 1300 );
	}
	#titleHeader .title span:nth-of-type(1){
		font-size : calc( 50  * 100vw / 1300 );
	}
	#titleHeader .title span:nth-of-type(2){
		font-size : calc( 100  * 100vw / 1300 );
		top : calc( ( -44 - 13.5 )  * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#titleHeader .wrap{
		padding-top : 177px;
		padding-bottom : 109px;
	}
	#titleHeader .title span:nth-of-type(1){
		font-size : 50px;
	}
	#titleHeader .title span:nth-of-type(2){
		font-size : 100px;
		top : calc( -44px - 13.5px );
	}
}
/*--------------------------------------------
MEMBER
---------------------------------------------*/
#member{
	background-repeat : no-repeat;
}
#member .title01:after{
	background-image : url("../images/home/member/bg_title.svg");
}
#member li a{
	display : block;
}
#member picture img{
	width : 100%;
	height : auto;
}
#member .box{
	background-color : #fff;
	z-index : 1;
	position : relative;
	background-image : url("../images/ui/arrow/link_black.svg");
	background-repeat : no-repeat;
}
#member h3{
	font-weight : 600;
	letter-spacing : .1em;
}
#member li p{
	color : #666;
	font-weight : 300;
}
#member.requirements-insert .wrap-inner {
	padding-top: 0;
	background: white;
	overflow: hidden;
}
#member.requirements-insert ul {
	margin-top: 0;
}
#member .link01 {
	margin: 0 auto;
}
@media screen and (max-width: 768px){
	#member{
		background-size : 100% auto;
		background-position : left calc( 256 * 100vw / 375 );
	}
	#member.lazyloaded {
		background-image : url("../images/home/member/bg_sp.png");
	}
	#member .wrap-inner{
		padding-top : calc( 107 * 100vw / 375 );
		padding-bottom : calc( 25 * 100vw / 375 );
	}
	#member.requirements-insert .wrap-inner {
		padding-left: 0;
		padding-right: 0;
		margin-left: calc( 20 * 100% / 375 );
		margin-right: calc( 20 * 100% / 375 );
	}
	#member .title01 span:nth-of-type(2){
		right : 0;
	}
	#member .title01:after{
		top : calc( -107 * 100vw / 375 );
		left : 0;
		width : calc( 109 * 100vw / 375 );
		height : calc( 79 * 100vw / 375 );
	}
	#member .lede01{
		margin-top : calc( ( 24 - 5.5 ) * 100vw / 375 );
	}
	#member ul{
		margin-top : calc( ( 85 - 5.5 ) * 100vw / 375 );
	}
	#member .box{
		width : 100%;
		margin-left : calc( 20 * 100% / 335 );
		padding-left : calc( 20 * 100% / 335 );
		padding-right : calc( 40 * 100% / 335 );
		padding-top : calc( ( 23 - 4 ) * 100vw / 375 );
		margin-top : calc( -20 * 100vw / 375 );
		padding-bottom : calc( 21 * 100vw / 375 );
		background-size : auto calc( 16 * 100vw / 375 );
		background-position : top calc( ( 45 ) * 100vw / 375 ) right calc( 20 * 100vw / 375 );
	}
	#member h3{
		font-size : calc( 16 * 100vw / 375 );
		line-height : 1.5;
	}
	#member li p{
		font-size : calc( 12 * 100vw / 375 );
		margin-top : calc( ( 6 - 4 ) * 100vw / 375 );
	}
}
@media print,screen and (min-width: 769px){
	#member{
		background-position-x : center;
	}
	#member.lazyloaded{
		background-image : url("../images/home/member/bg_pc.png");
	}
	#member ul{
		display : flex;
		flex-wrap : wrap;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#member{
		background-size : auto calc( 300 * 100vw / 1300 );
		background-position-y : calc( 299 * 100vw / 1300 );
	}
	#member .wrap-inner{
		padding-top : calc( 89 * 100vw / 1300 );
		padding-bottom : calc( 72 * 100vw / 1300 );
	}
	#member .title01 span:nth-of-type(2){
		right : 0;
	}
	#member .title01:after{
		top : calc( -89 * 100vw / 1300 );
		left : calc( 39 * 100vw / 1300 );
		width : calc( 214 * 100vw / 1300 );
		height : calc( 156 * 100vw / 1300 );
	}
	#member .lede01{
		margin-top : calc( ( 42 - 4.5 ) * 100vw / 1300 );
	}
	#member ul{
		margin-top : calc( ( 100 - 4.5 ) * 100vw / 1300 );
	}
	#member li{
		width : calc( 460 * 100% / 1000 );
	}
	#member li:nth-child(even){
		margin-left : calc( 60 * 100% / 1000 );
		padding-top : calc( 40 * 100vw / 1300 );
	}
	#member li:nth-child(n+3){
		margin-top : calc( -30 * 100vw / 1300 );
	}
	#member .box{
		width : calc( 420 * 100vw / 1300 );
		margin-left : calc( 60 * 100vw / 1300 );
		padding-left : calc( 20 * 100vw / 1300 );
		padding-right : calc( 50 * 100vw / 1300 );
		padding-top : calc( ( 25 - 4 ) * 100vw / 1300 );
		margin-top : calc( -40 * 100vw / 1300 );
		padding-bottom : calc( 23 * 100vw / 1300 );
		background-size : auto calc( 19 * 100vw / 1300 );
		background-position : top calc( ( 55 ) * 100vw / 1300 ) right calc( 20 * 100vw / 1300 );
	}
	#member h3{
		font-size : calc( 24 * 100vw / 1300 );
		line-height : 1.33;
	}
	#member li p{
		font-size : calc( 15 * 100vw / 1300 );
		margin-top : calc( ( 12 - 4 ) * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#member{
		background-size : auto 300px;
		background-position-y : 299px;
	}
	#member .wrap-inner{
		padding-top : 89px;
		padding-bottom : 72px;
	}
	#member .title01 span:nth-of-type(2){
		right : 0;
	}
	#member .title01:after{
		top : -89px;
		left : 39px;
		width : 214px;
		height : 156px;
	}
	#member .lede01{
		margin-top : calc( 42px - 4.5px );
	}
	#member ul{
		margin-top : calc( 100px - 4.5px );
	}
	#member li{
		width : 460px;
	}
	#member li:nth-child(even){
		margin-left : 60px;
		padding-top : 40px;
	}
	#member li:nth-child(n+3){
		margin-top : -30px;
	}
	#member .box{
		width : 420px;
		margin-left : 60px;
		padding-left : 20px;
		padding-right : 50px;
		padding-top : calc( 25px - 4px );
		margin-top : -40px;
		padding-bottom : 23px;
		background-size : auto 19px;
		background-position : top 55px right 20px;
	}
	#member h3{
		font-size : 24px;
		line-height : 1.33;
	}
	#member li p{
		font-size : 15px;
		margin-top : calc( 12px - 4px );
	}
}
.wrap-slider {
	background-color: white;
	width: 100%;
}
#member-list .member-slider li {
	padding: 0 3% 3%;
	margin: 0 3%;
	width: 42%;
	background-color: white;
}
#member-list .member-slider li picture img {
	width: 100%;
	height: auto;
}
#member-list .member-slider li .box {
	width: auto;
	padding: 1% 0;
}
#member-list .member-slider li .box h3 {
	font-weight: 600;
	letter-spacing: .1em;
	margin-top: calc( 8vw / 13 );
	margin-bottom: calc( 8vw / 13 );
	font-size: 0.9rem;
	height: 2.7rem;/* 0.9×3 */
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
#member-list .member-slider li .box p {
	font-size: 0.9rem;
	color: #666;
	font-weight: 300;
	white-space: nowrap;
	margin: 1.5% 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
#member-list .member-slider li .box button {
	display: block;
	background-color: #6c6c6c;
	color: white;
	padding: 2px 10px;
	margin: 5% auto;
	border-radius: 10px;
	height: 22px;
	font-size: 13px;
}
#member-list .member-slider li .box button:before {
	content: "";
	display: inline-block;
	background-image: url(/assets/images/ui/symbol/speech-bubble.svg);
	background-size: contain;
	height: 15px;
	width: 15px;
	vertical-align: middle;
	margin-right: 3px;
	position: relative;
	top: -2px;
}
.wrap-slider h2.title {
	position: relative;
	height: 40px;
}
.wrap-slider h2.title span:nth-of-type(2) {
	font-weight: 600;
	color: #222;
	letter-spacing: .1em;
	margin: 0 5%;
	z-index: 2;
	position: relative;
}
.wrap-slider h2.title span:nth-of-type(1) {
	z-index: 1;
	position: absolute;
	font-family: "Roboto", sans-serif;
	color: #e7e7e7;
	font-weight: 700;
	letter-spacing: .1em;
	left: 0;
	margin: 0.2% 5% 3%;
}
#member-list .member-slider.slick-slider button.slick-prev.slick-arrow, #member-list .member-slider.slick-slider button.slick-next.slick-arrow {
	top: -20%;
	font-size: 0;
	position: absolute;
	color: #2c2c2c;
}
#member-list .member-slider.slick-slider button.slick-prev.slick-arrow:before {
	content: '←';
}
#member-list .member-slider.slick-slider button.slick-prev.slick-arrow:after {
	content: '|';
	position: absolute;
}
#member-list .member-slider.slick-slider button.slick-next.slick-arrow:before {
	content: '→';
}
#member-list .member-slider.slick-slider button.slick-prev.slick-arrow:before, #member-list .member-slider.slick-slider button.slick-prev.slick-arrow:after, #member-list .member-slider.slick-slider button.slick-next.slick-arrow:before {
	font-size: 30px;
}
@media screen and (max-width: 768px) {
	.wrap-slider h2.title span:nth-of-type(2) {
		font-size: calc(14 * 100vw / 375);
	}
	.wrap-slider h2.title span:nth-of-type(1) {
		font-size: calc( 20 * 100vw / 375 );
		top: calc( -14 * 100vw / 375 );
	}
	#member-list .member-slider.slick-slider button.slick-prev.slick-arrow {
		right: 70px;
	}
	#member-list .member-slider.slick-slider button.slick-next.slick-arrow {
		right: 10px;
	}
	#member-list .member-slider.slick-slider button.slick-prev.slick-arrow:after {
		left: 39px;
	}
}
@media screen and (max-width: 1299px) and (min-width: 769px) {
	.wrap-slider h2.title span:nth-of-type(2) {
		font-size: calc(25 * 100vw / 1300);
	}
	.wrap-slider h2.title span:nth-of-type(1) {
		font-size: calc( 50 * 100vw / 1300 );
		top: calc( -28* 100vw / 1300 );
	}
	#member-list .member-slider.slick-slider button.slick-prev.slick-arrow {
		right: 110px;
	}
	#member-list .member-slider.slick-slider button.slick-next.slick-arrow {
		right: 50px;
	}
	#member-list .member-slider.slick-slider button.slick-prev.slick-arrow:after {
		left: 39px;
	}
	#member-list .member-slider.slick-slider button.slick-prev.slick-arrow, #member-list .member-slider.slick-slider button.slick-next.slick-arrow {
		top: -48px;
	}
}
@media print, screen and (min-width: 1300px) {
	.wrap-slider h2.title span:nth-of-type(2) {
		font-size: 25px;
	}
	.wrap-slider h2.title span:nth-of-type(1) {
		font-size: 50px;
		top: -26px;
	}
	#member-list .member-slider.slick-slider button.slick-prev.slick-arrow {
		right: 110px;
	}
	#member-list .member-slider.slick-slider button.slick-next.slick-arrow {
		right: 50px;
	}
	#member-list .member-slider.slick-slider button.slick-prev.slick-arrow:after {
		left: 39px;
	}
	#member-list .member-slider.slick-slider button.slick-prev.slick-arrow, #member-list .member-slider.slick-slider button.slick-next.slick-arrow {
		top: -48px;
	}
}

/*--------------------------------------------
LINK TOPMESSAGE
---------------------------------------------*/
#linkMessage .box{
	position : relative;
}
#linkMessage p{
	position : absolute;
}
#linkMessage dl{
	font-weight : 600;
}
#linkMessage dt span{
	letter-spacing : .1em;
}
#linkMessage dd span:nth-of-type(1){
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	#linkMessage .wrap-inner{
		padding-top : calc( 19 * 100vw / 375 );
	}
	#linkMessage .box{
		margin-top : calc( 20 * 100vw / 375 );
	}
	#linkMessage p{
		top : calc( 3 * 100vw / 375 );
		left : calc( 16 * 100% / 335 );
	}
	#linkMessage p img{
		height : calc( 132 * 100vw / 375 );
	}
	#linkMessage .box > picture img{
		width : 100%;
		height : auto;
	}
	#linkMessage .box-inner{
		width : 100%;
		margin-left : calc( 20 * 100% / 335 );
		margin-top : calc( -20 * 100vw / 375 );
		background-color : #fff;
		position : relative;
		z-index : 1;
		padding-top : calc( 20 * 100vw / 375 );
		padding-left : calc( 20 * 100% / 335 );
		padding-right : calc( 20 * 100% / 335 );
	}
	#linkMessage dt span{
		font-size : calc( 13 * 100vw / 375 );
	}
	#linkMessage dt span + span{
		padding-left : .5em;
	}
	#linkMessage dd{
		margin-top : calc( 12 * 100vw / 375 );
	}
	#linkMessage dd span:nth-of-type(1){
		font-size : calc( 20 * 100vw / 375 );
	}
	#linkMessage dd span:nth-of-type(2):before{
		margin-left : calc( 22 * 100vw / 375 );
		letter-spacing : .2em;
		color : #666;
		font-family : "Roboto", sans-serif;
		font-weight : 700;
		font-size : calc( 12 * 100vw / 375 );
	}
	#linkMessage .link01{
		margin-top : calc( 20 * 100vw / 375 );
		margin-left : calc( 18 * 100% / 295 );
		width : calc( 220 * 100% / 295 );
	}
	#linkMessage + #linkRecruiter{
		margin-top : calc( 54 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 769px){
	#linkMessage .box > picture{
		width : 100%;
		height : 100%;
		position : absolute;
		top : 0;
		left : 0;
		overflow : hidden;
		z-index : -1;
	}
	#linkMessage .box > picture > img{
		width : 100%;
		height : 100%;
		object-fit : cover;
		font-family : "object-fit: cover;";
	}
	#linkMessage dl span{
		display : block;
	}
	#linkMessage dd span:nth-of-type(2){
		font-size : 0;
	}
	#linkMessage dd span:nth-of-type(2):before{
		content : none;
	}
	#linkMessage .link01{
		margin-left : auto;
		margin-right : auto;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#linkMessage .wrap-inner{
		padding-top : calc( 40 * 100vw / 1300 );
	}
	#linkMessage .box{
		margin-top : calc( 42 * 100vw / 1300 );
		height : calc( 300 * 100vw / 1300 );
	}
	#linkMessage p{
		top : calc( 36 * 100vw / 1300 );
		left : calc( 275 * 100% / 1000 );
	}
	#linkMessage p img{
		height : calc( 170 * 100vw / 1300 );
	}
	#linkMessage dl{
		padding-top : calc( 89 * 100vw / 1300 );
		padding-left : calc( 40 * 100% / 1000 );
	}
	#linkMessage dt span{
		font-size : calc( 18 * 100vw / 1300 );
	}
	#linkMessage dt span + span{
		margin-top : calc( 10 * 100vw / 1300 );
	}
	#linkMessage dd{
		margin-top : calc( 21 * 100vw / 1300 );
	}
	#linkMessage dd span:nth-of-type(1){
		font-size : calc( 30 * 100vw / 1300 );
	}
	#linkMessage dd span:nth-of-type(2){
		margin-top : calc( 15 * 100vw / 1300 );
	}
	#linkMessage dd span:nth-of-type(2) img{
		height : calc( 10 * 100vw / 1300 );
	}
	#linkMessage .link01{
		margin-top : calc( 12 * 100vw / 1300 );
	}
	#linkMessage + #linkRecruiter{
		margin-top : calc( 72 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#linkMessage .wrap-inner{
		padding-top : 40px;
	}
	#linkMessage .box{
		margin-top : 42px;
		height : 300px;
	}
	#linkMessage p{
		top : 36px;
		left : 275px;
	}
	#linkMessage p img{
		height : 170px;
	}
	#linkMessage dl{
		padding-top : 89px;
		padding-left : 40px;
	}
	#linkMessage dt span{
		font-size : 18px;
	}
	#linkMessage dt span + span{
		margin-top : 10px;
	}
	#linkMessage dd{
		margin-top : 21px;
	}
	#linkMessage dd span:nth-of-type(1){
		font-size : 30px;
	}
	#linkMessage dd span:nth-of-type(2){
		margin-top : 15px;
	}
	#linkMessage dd span:nth-of-type(2) img{
		height : 10px;
	}
	#linkMessage .link01{
		margin-top : 12px;
	}
	#linkMessage + #linkRecruiter{
		margin-top : 72px;
	}
}
/*--------------------------------------------
RECRUITER
---------------------------------------------*/
#linkRecruiter .box{
	position : relative;
}
#linkRecruiter p{
	position : absolute;
}
#linkRecruiter dl{
	font-weight : 600;
}
#linkRecruiter dt span{
	letter-spacing : .1em;
}
#linkRecruiter dd span:nth-of-type(1){
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	#linkRecruiter .wrap-inner{
		padding-top : calc( 19 * 100vw / 375 );
	}
	#linkRecruiter .box{
		margin-top : calc( 20 * 100vw / 375 );
	}
	#linkRecruiter p{
		top : calc( 53 * 100vw / 375 );
		left : calc( 145 * 100% / 335 );
	}
	#linkRecruiter p img{
		height : calc( 105 * 100vw / 375 );
	}
	#linkRecruiter .box > picture img{
		width : 100%;
		height : auto;
	}
	#linkRecruiter .box-inner{
		width : 100%;
		margin-left : calc( -20 * 100% / 335 );
		margin-top : calc( -20 * 100vw / 375 );
		padding-top : calc( 20 * 100vw / 375 );
		padding-left : calc( 20 * 100% / 335 );
		padding-right : calc( 20 * 100% / 335 );
		padding-bottom : calc( 22 * 100vw / 375 );
		background-color : #fff;
		position : relative;
		z-index : 1;
	}
	#linkRecruiter dt span{
		font-size : calc( 13 * 100vw / 375 );
	}
	#linkRecruiter dt span + span{
		padding-left : .5em;
	}
	#linkRecruiter dd{
		margin-top : calc( 12 * 100vw / 375 );
	}
	#linkRecruiter dd span:nth-of-type(1){
		font-size : calc( 20 * 100vw / 375 );
	}
	#linkRecruiter dd span:nth-of-type(2):before{
		margin-left : calc( 22 * 100vw / 375 );
		letter-spacing : .2em;
		color : #666;
		font-family : "Roboto", sans-serif;
		font-weight : 700;
		font-size : calc( 12 * 100vw / 375 );
	}
	#linkRecruiter .link01{
		margin-top : calc( 20 * 100vw / 375 );
		margin-left : calc( 58 * 100% / 295 );
		width : calc( 220 * 100% / 295 );
	}
}
@media print,screen and (min-width: 769px){
	#linkRecruiter .box > picture{
		width : 100%;
		height : 100%;
		position : absolute;
		top : 0;
		left : 0;
		overflow : hidden;
		z-index : -1;
	}
	#linkRecruiter .box > picture > img{
		width : 100%;
		height : 100%;
		object-fit : cover;
		font-family : "object-fit: cover;";
	}
	#linkRecruiter dl span{
		display : block;
	}
	#linkRecruiter dd span:nth-of-type(2){
		font-size : 0;
	}
	#linkRecruiter dd span:nth-of-type(2):before{
		content : none;
	}
	#linkRecruiter .link01{
		margin-left : auto;
		margin-right : auto;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#linkRecruiter .wrap-inner{
		padding-top : calc( 40 * 100vw / 1300 );
	}
	#linkRecruiter .box{
		margin-top : calc( 42 * 100vw / 1300 );
		height : calc( 300 * 100vw / 1300 );
	}
	#linkRecruiter p{
		top : calc( 69 * 100vw / 1300 );
		left : calc( 356 * 100% / 1000 );
	}
	#linkRecruiter p img{
		height : calc( 115 * 100vw / 1300 );
	}
	#linkRecruiter dl{
		padding-top : calc( 89 * 100vw / 1300 );
		padding-left : calc( 735 * 100% / 1000 );
	}
	#linkRecruiter dt span{
		font-size : calc( 18 * 100vw / 1300 );
	}
	#linkRecruiter dt span + span{
		margin-top : calc( 10 * 100vw / 1300 );
	}
	#linkRecruiter dd{
		margin-top : calc( 21 * 100vw / 1300 );
	}
	#linkRecruiter dd span:nth-of-type(1){
		font-size : calc( 30 * 100vw / 1300 );
	}
	#linkRecruiter dd span:nth-of-type(2){
		margin-top : calc( 15 * 100vw / 1300 );
	}
	#linkRecruiter dd span:nth-of-type(2) img{
		height : calc( 10 * 100vw / 1300 );
	}
	#linkRecruiter .link01{
		margin-top : calc( 12 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#linkRecruiter .wrap-inner{
		padding-top : 40px;
	}
	#linkRecruiter .box{
		margin-top : 42px;
		height : 300px;
	}
	#linkRecruiter p{
		top : 69px;
		left : 356px;
	}
	#linkRecruiter p img{
		height : 115px;
	}
	#linkRecruiter dl{
		padding-top : 89px;
		padding-left : 735px;
	}
	#linkRecruiter dt span{
		font-size : 18px;
	}
	#linkRecruiter dt span + span{
		margin-top : 10px;
	}
	#linkRecruiter dd{
		margin-top : 21px;
	}
	#linkRecruiter dd span:nth-of-type(1){
		font-size : 30px;
	}
	#linkRecruiter dd span:nth-of-type(2){
		margin-top : 15px;
	}
	#linkRecruiter dd span:nth-of-type(2) img{
		height : 10px;
	}
	#linkRecruiter .link01{
		margin-top : 12px;
	}
}
/*--------------------------------------------
FOOTER
---------------------------------------------*/
#footer{
	background-color : #000;
	position : relative;
	background-repeat : no-repeat;
}
#footer .text01{
	position : absolute;
	text-align : center;
	width : 100%;
	z-index : -1;
}
@media screen and (max-width: 768px){
	#footer .text01{
		top : calc( -48 * 100vw / 375 );
	}
	#footer .text01:before{
		content : "";
		display : block;
		position : absolute;
		background : url("../images/footer/bg_text01_sp.svg") 0 0 / contain no-repeat;
		width : calc( 355 * 100% / 375 );
		height : calc( 83 * 100vw / 375 );
		left : calc( 10 * 100% / 375 );
		top : calc( -44 * 100vw / 375 );
	}
	#footer .text01 img{
		height : calc( 52 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 769px){
	#footer .text01{
		background-image : url("../images/footer/bg_text01_pc.svg");
		background-repeat : no-repeat;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#footer .text01{
		top : calc( -183 * 100vw / 1300 );
		background-size : auto calc( 162 * 100vw / 1300 );
		background-position : center calc( 7 * 100vw / 1300 );
	}
	#footer .text01 img{
		height : calc( 194 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#footer .text01{
		top : -183px;
		background-size : auto 162px;
		background-position : center 7px;
	}
	#footer .text01 img{
		height : 194px;
	}
}
#footerList .footerTitle01 , #footerList .footerTitle02 , #footerList .lede{
	color : #fff;
	text-align : center;
	font-weight : 600;
}
#footerList .lede{
	letter-spacing : .1em;
}
#footerList .lede span{
	display : block;
	text-align : center;
}
#footerList .footerTitle02{
	letter-spacing : .04em;
}
#footerList .subtitle01{
	color : #fff;
}
#footerList .lists{
	display : flex;
	flex-wrap : wrap;
}
#footerList .lists > li{
	border : 1px solid #ddd;
	position : relative;
	cursor : pointer;
}
#footerList .lists.no-link > li{
	cursor : auto;
}
#footerList .lists picture{
	background-color : #f9f9f9;
	overflow : hidden;
}
#footerList .lists picture > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	font-family : "object-fit: cover;";
}
#footerList .label{
	position : absolute;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	background-color : #c00;
	letter-spacing : .2em;
	font-weight : 700;
	font-family : "Roboto", sans-serif;
}
#footerList .lists h4 , #footerList .lists h5{
	font-weight : 600;
}
#footerList .lists01{
	background-color : #fff;
}
#footerList .lists02-wrapper > li{
	background-color : #fff;
}
#footerList .lists02-wrapper a:not([disabled]) .norecruit , #footerList .lists02-wrapper a:not(.disabled) .norecruit{
	display : none;
}
#footerList .lists02-wrapper li[disabled] , #footerList .lists02-wrapper li.disabled{
	pointer-events : none;
}
#footerList .lists02-wrapper li[disabled] .norecruit , #footerList .lists02-wrapper li.disabled .norecruit{
	position : absolute;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	color : #fff;
	background-color : rgba(0,0,0,.5);
	font-weight : 600;
}
#footerList .lists02-wrapper .count{
	color : #c00;
}
#footerList .lists-header img[src$="svg"], .studio .studio-header img[src$="svg"].close-button {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
}
.studio .studio-header {
	position: relative;
}

@media screen and (max-width: 768px){
	#footerList .wrap{
		padding-top : calc( 1 * 100vw / 375 );
		padding-bottom : calc( 100 * 100vw / 375 );
		padding-left : 0;
		padding-right : 0;
	}
	#footerList .footerTitle01{
		font-size : calc( 36 * 100vw / 375 );
		letter-spacing : .1em;
	}
	#footerList .lede{
		font-size : calc( 13 * 100vw / 375 );
		line-height : 1.85;
		margin-top : calc( ( 42 - 5.5 ) * 100vw / 375 );
	}
	#footerList .lede span{
		margin-top : 1.85em;
	}
	#footerList .footerTitle02{
		margin-top : calc( ( 42 - 5.5 ) * 100vw / 375 );
		font-size : calc( 18 * 100vw / 375 );
	}
	#footerList .subtitle01{
		max-width : calc( 355 * 100vw / 375 );
		margin-left : auto;
		margin-right : auto;
	}
	#footerList .footerTitle02 + .subtitle01{
		margin-top : calc( 46 * 100vw / 375 );
	}
	#footerList .lists{
		margin-left : auto;
		margin-right : auto;
	}
	#footerList .lists > li{
		width : calc( 25% + .75px );
		height : calc( 110 * 100vw / 375 );
		display : block;
	}
	#footerList .lists > li:not(:nth-child(4n+1)){
		margin-left : -1px;
	}
	#footerList .lists > li:nth-child(n+5){
		margin-top : -1px;
	}
	#footerList .lists picture{
		width : 100%;
		height : calc( 87.5 * 100vw / 375 );
		border-bottom : 1px solid #ddd;
	}
	#footerList .label{
		width : calc( 45 * 100vw / 375 );
		height : calc( 18 * 100vw / 375 );
		font-size : calc( 10 * 100vw / 375 );
		top : 0;
		left : 0;
	}
	#footerList .lists h4{
		font-size : calc( 9 * 100vw / 375 );
		text-align : center;
		letter-spacing : -.05em;
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		height : calc( 21 * 100vw / 375 );
		width : 100%;
	}
	#footerList .lists01{
		width : calc( 355 * 100% / 375 );
		margin-top : calc( ( 3 - 9 ) * 100vw / 375 );
	}
	#footerList .lists + .subtitle01{
		margin-top : calc( 25 * 100vw / 375 );
	}
	#footerList .lists02-wrapper{
		max-width : calc( 355 * 100% / 375 );
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( -8 * 100vw / 375 );
	}
	#footerList .lists02-wrapper > li + li{
		margin-top : calc( 20 * 100vw / 375 );
	}
	#footerList .lists-header{
		padding-left : calc( 10 * 100% / 355 );
		padding-right : calc( 10 * 100% / 355 );
		height : calc( 56 * 100vw / 375 );
		display : flex;
		align-items : center;
	}
	#footerList .lists-header h4{
		font-size : calc( 16 * 100vw / 375 );
		font-weight : 600;
		letter-spacing : .1em;
	}
	#footerList .lists02 h5{
		font-size : calc( 9 * 100vw / 375 );
		display : flex;
		align-items : center;
		justify-content : center;
		text-align : center;
		height : calc( 21 * 100vw / 375 );
		width : 100%;
	}
	#footerList .lists02 .norecruit{
		width : calc( 70 * 100vw / 375 );
		height : calc( 70 * 100vw / 375 );
		border-radius : calc( 5 * 100vw / 375 );
		white-space : nowrap;
		top : calc( 9 * 100vw / 375 );
		left : 50%;
		transform : translateX(-50%);
	}
	#footerList .lists02 .norecruit > span{
		font-size : calc( 16 * 100vw / 375 );
		display : block;
		transform : scale(.5);
		transition-duration : center;
	}
	#footerList .lists-header button {
		position: relative;
	}
	.studio .studio-header button.opener {
		position: absolute;
		top: 3vw;
		right: 3vw;
	}
	#footerList .lists-header img, .studio .studio-header img.close-button {
		height: calc( 80 * 100vw / 1300 );
	}
	#footerList .lists-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}
@media print,screen and (min-width: 769px){
	#footerList .footerTitle01{
		letter-spacing : .04em;
	}
	#footerList .lists li{
		display : flex;
		align-items : center;
	}
	#footerList .lists picture{
		flex-shrink : 0;
		border-right : solid 1px #ddd;
	}
	#footerList .lists li div{
		flex-grow : 1;
	}
	#footerList .lists p.is-pc{
		color : #666;
		font-weight : 300;
	}
	#footerList .label{
		top : -1px;
		right : -1px;
	}
	#footerList .lists-header {
		display : flex;
		justify-content : space-between;
		align-items : center;
	}
	#footerList .lists-header h4{
		font-family : "Roboto", sans-serif;
		font-weight : 700;
		letter-spacing : .1em;
	}
	#footerList .lists-header button {
		position : relative;
	}
	#footerList .lists02{
		border-top : 1px solid #ddd;
	}
	#footerList .lists02 .norecruit{
		top : 50%;
		left : 50%;
		transform : translateX(-50%) translateY(-50%);
	}
	#footerList .lists02 h5{
		flex-grow : 1;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#footerList .wrap{
		padding-top : calc( 3 * 100vw / 1300 );
		padding-bottom : calc( 180 * 100vw / 1300 );
	}
	#footerList .footerTitle01{
		font-size : calc( 110 * 100vw / 1300 );
		letter-spacing : .04em;
	}
	#footerList .lede{
		font-size : calc( 24 * 100vw / 1300 );
		line-height : 1.67;
		margin-top : calc( ( 64 - 8 ) * 100vw / 1300 );
	}
	#footerList .lede span{
		margin-top : 1.67em;
	}
	#footerList .footerTitle02{
		margin-top : calc( ( 54 - 8 ) * 100vw / 1300 );
		font-size : calc( 55 * 100vw / 1300 );
	}
	#footerList .subtitle01{
		max-width : calc( 1000 * 100vw / 1300 );
		margin-left : auto;
		margin-right : auto;
	}
	#footerList .footerTitle02 + .subtitle01{
		margin-top : calc( 68 * 100vw / 1300 );
	}
	#footerList .lists{
		margin-left : auto;
		margin-right : auto;
		padding-left : calc( 20 * 100% / 1000 );
		padding-right : calc( 20 * 100% / 1000 );
		padding-top : calc( 20 * 100vw / 1300 );
		padding-bottom : calc( 20 * 100vw / 1300 );
	}
	#footerList .lists > li{
		width : calc( 306 * 100% / 960 );
		height : calc( 100 * 100vw / 1300 );
		box-shadow : 0 3px 6px rgba(0,0,0,.16);
		background-size : auto calc( 19 * 100vw / 1300 );
		background-position : right 10px top 50%;
	}
	#footerList .lists > li:not(:nth-of-type(3n+1)){
		margin-left : calc( 21 * 100% / 960 );
	}
	#footerList .lists > li:nth-of-type(n+4){
		margin-top : calc( 20 * 100vw / 1300 );
	}
	#footerList .lists picture{
		width : calc( 98 * 100vw / 1300 );
		height : calc( 98 * 100vw / 1300 );
	}
	#footerList .label{
		width : calc( 50 * 100vw / 1300 );
		height : calc( 20 * 100vw / 1300 );
		font-size : calc( 12 * 100vw / 1300 );
		right : 0;
	}
	#footerList .lists h4{
		font-size : calc( 15 * 100vw / 1300 );
	}
	#footerList .lists01{
		max-width : calc( 1000 * 100% / 1300 );
		margin-top : calc( ( 4 - 18 ) * 100vw / 1300 );
	}
	#footerList .lists01 div{
		padding-left : calc( 10 * 100vw / 1300 );
		padding-right : calc( 30 * 100vw / 1300 );
	}
	#footerList .lists01 p.is-pc{
		font-size : calc( 12 * 100vw / 1300 );
		margin-top : calc( 19 * 100vw / 1300 );
	}
	#footerList .lists + .subtitle01{
		margin-top : calc( 46 * 100vw / 1300 );
	}
	#footerList .lists02-wrapper{
		max-width : calc( 1000 * 100% / 1300 );
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( ( 4 - 18 ) * 100vw / 1300 );
	}
	#footerList .lists02-wrapper > li + li{
		margin-top : calc( 20 * 100vw / 1300 );
	}
	#footerList .lists-header{
		padding-left : calc( 20 * 100vw / 1300 );
		padding-right : calc( 20 * 100vw / 1300 );
		height : calc( 120 * 100vw / 1300 );
	}
	#footerList .lists-header h4{
		font-size : calc( 30 * 100vw / 1300 );
	}
	#footerList .lists-header img, .studio .studio-header img.close-button {
		height : calc( 40 * 100vw / 1300 );
	}
	#footerList .lists02 h5{
		padding-left : calc( 10 * 100vw / 1300 );
		padding-right : calc( 30 * 100vw / 1300 );
		font-size : calc( 15 * 100vw / 1300 );
	}
	#footerList .lists02 .norecruit{
		font-size : calc( 13 * 100vw / 1300 );
		height : calc( 40 * 100vw / 1300 );
		border-radius : calc( 5 * 100vw / 1300 );
		padding-left : calc( 9 * 100vw / 1300 );
		padding-right : calc( 9 * 100vw / 1300 );
		white-space : nowrap;
	}
	.studio .studio-header button.opener {
		position: absolute;
		top: 2.2vw;
		right: 2.2vw;
	}
}
@media print,screen and (min-width: 1300px){
	#footerList .wrap{
		padding-top : 3px;
		padding-bottom : 180px;
	}
	#footerList .footerTitle01{
		font-size : 110px;
		letter-spacing : .04em;
	}
	#footerList .lede{
		font-size : 24px;
		line-height : 1.67;
		margin-top : calc( 64px - 8px );
	}
	#footerList .lede span{
		margin-top : 1.67em;
	}
	#footerList .footerTitle02{
		margin-top : calc( 54px - 8px );
		font-size : 55px;
	}
	#footerList .subtitle01{
		max-width : 1000px;
		margin-left : auto;
		margin-right : auto;
	}
	#footerList .footerTitle02 + .subtitle01{
		margin-top : 68px;
	}
	#footerList .lists{
		margin-left : auto;
		margin-right : auto;
		padding-left : 20px;
		padding-right : 20px;
		padding-top : 20px;
		padding-bottom : 20px;
	}
	#footerList .lists > li{
		width : 306px;
		height : 100px;
		box-shadow : 0 3px 6px rgba(0,0,0,.16);
		background-size : auto 19px;
		background-position : right 10px top 50%;
	}
	#footerList .lists > li:not(:nth-of-type(3n+1)){
		margin-left : 21px;
	}
	#footerList .lists > li:nth-of-type(n+4){
		margin-top : 20px;
	}
	#footerList .lists picture{
		width : 98px;
		height : 98px;
	}
	#footerList .label{
		width : 50px;
		height : 20px;
		font-size : 12px;
		right : 0;
	}
	#footerList .lists h4{
		font-size : 15px;
	}
	#footerList .lists01{
		max-width : 1000px;
		margin-top : calc( 4px - 18px );
	}
	#footerList .lists01 div{
		padding-left : 10px;
		padding-right : 30px;
	}
	#footerList .lists01 p.is-pc{
		font-size : 12px;
		margin-top : 19px;
	}
	#footerList .lists + .subtitle01{
		margin-top : 46px;
	}
	#footerList .lists02-wrapper{
		max-width : 1000px;
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( 4px - 18px );
	}
	#footerList .lists02-wrapper > li + li{
		margin-top : 20px;
	}
	#footerList .lists-header{
		padding-left : 20px;
		padding-right : 20px;
		height : 120px;
	}
	#footerList .lists-header h4{
		font-size : 30px;
	}
	#footerList .lists-header img, .studio .studio-header img.close-button {
		height : 40px;
	}
	#footerList .lists02 h5{
		padding-left : 10px;
		padding-right : 30px;
		font-size : 15px;
	}
	#footerList .lists02 .norecruit{
		font-size : 13px;
		width : 180px;
		height : 40px;
		border-radius : 5px;
	}
	.studio .studio-header button {
		position: absolute;
		top: 22px;
		right: 22px;
	}
}
#footerLinks a , #footerLinks p{
	color : #fff;
}
#footerLinks h2 a{
	text-align : center;
	display : block;
}
#footerLinks li a{
	font-weight : 300;
	display : block;
	width : 100%;
	text-align : center;
}
#footerLinks p{
	text-align : center;
	line-height : 1.2;
	font-weight : 300;
}
@media screen and (max-width: 768px){
	#footerLinks .wrap-inner{
		padding-bottom : calc( ( 289 - 1 ) * 100vw / 375 );
	}
	#footerLinks h2 img{
		height : calc( 50 * 100vw / 375 );
	}
	#footerLinks ul{
		margin-top : calc( 65 * 100vw / 375 );
	}
	#footerLinks li + li{
		margin-top : calc( 26 * 100vw / 375 );
	}
	#footerLinks li a{
		font-size : calc( 12 * 100vw / 375 );
		text-align : center;
	}
	#footerLinks p{
		margin-top : calc( ( 101 - 1 ) * 100vw / 375 );
		font-size : calc( 10 * 100vw / 375 );
	}
	.footerSubLinks-pc,
	.footerSubLinks-title-pc,
	.footerSubLinks-items-pc {
		display: none;
	}
	.footerSubLinks-sp {
		color: #ffffff;
		margin: auto;
	}
	.footerSubLinks-title-sp {
		text-align: center;
		width: 90%;
		margin: 31px auto 22px auto;
		border-bottom: 1px solid #707070;
		border-top: 1px solid #707070;
		padding-top: 10px;
		padding-bottom: 10px;
		color: #ffffff;
	}
	.footerSubLinks-sp ul{
		display: inline-block;
	}
	.footerSubLinks-item-top-1-sp,
	.footerSubLinks-item-top-2-sp,
	.footerSubLinks-item-top-3-sp,
	.footerSubLinks-item-top-4-sp,
	.footerSubLinks-item-top-5-sp,
	.footerSubLinks-item-top-6-sp {
		font-size: 14px;
		font-weight: 600;
		text-align: left;
		color: #ffffff;
	}
	.footerSubLinks-item-top-1-sp span,
	.footerSubLinks-item-top-2-sp span,
	.footerSubLinks-item-top-3-sp span,
	.footerSubLinks-item-top-4-sp span,
	.footerSubLinks-item-top-5-sp span,
	.footerSubLinks-item-top-6-sp span{
		font-size: 14px;
		font-weight: 400;
		text-align: left;
		color: #ffffff;
	}
	.footerSubLinks-item-1-sp,
	.footerSubLinks-item-2-sp,
	.footerSubLinks-item-3-sp,
	.footerSubLinks-item-4-sp,
	.footerSubLinks-item-5-sp,
	.footerSubLinks-item-6-sp {
		font-size: 12px;
		font-weight: normal;
		margin-top: 15px;
		text-align: left;
		padding-left: 15px;
		display: none;
		color: #ffffff;
	}
	.footerSubLinks-items-sp {
		display: flex;
		text-align: center;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: auto;
		width: 90%;
	}
	.footerSubLinks-items-sp a {
		color: #ffffff;
	}
	.sc-logo {
		text-align: center;
		margin-top: 46px;
		padding-bottom: 130px;
	}
	.sc-logo p{
		margin-top: 21px;
		font-size: 10px;
		color: #ffffff;
	}
}
@media print,screen and (min-width: 769px){
	#footerLinks ul{
		display : flex;
		align-items : center;
		justify-content : center;
		gap: 30px;
	}
	#footerLinks li{
		width : auto;
	}
	#footerLinks li a{
		letter-spacing : .12em;
	}
	#footerLinks p{
		letter-spacing : .1em;
	}
	.footerSubLinks-sp,
	.footerSubLinks-title-sp,
	.footerSubLinks-items-sp {
		display: none;
	}
	.footerSubLinks-pc {
		color: #ffffff;
		margin: auto;
	}
	.footerSubLinks-title-pc {
		text-align: center;
		width: 903px;
		margin: 79px auto 22px auto;
		border-bottom: 1px solid #707070;
		padding-bottom: 15px;
	}
	.footerSubLinks-pc ul{
		display: inline-block;
	}
	.footerSubLinks-item-top-1-pc,
	.footerSubLinks-item-top-2-pc,
	.footerSubLinks-item-top-3-pc,
	.footerSubLinks-item-top-4-pc,
	.footerSubLinks-item-top-5-pc,
	.footerSubLinks-item-top-6-pc {
		font-size: 14px;
		font-weight: 600;
		text-align: left;
	}
	.footerSubLinks-item-top-1-pc span,
	.footerSubLinks-item-top-2-pc span,
	.footerSubLinks-item-top-3-pc span,
	.footerSubLinks-item-top-4-pc span,
	.footerSubLinks-item-top-5-pc span,
	.footerSubLinks-item-top-6-pc span{
		font-size: 14px;
		font-weight: 400;
		text-align: left;
	}
	.footerSubLinks-item-1-pc,
	.footerSubLinks-item-2-pc,
	.footerSubLinks-item-3-pc,
	.footerSubLinks-item-4-pc,
	.footerSubLinks-item-5-pc,
	.footerSubLinks-item-6-pc {
		font-size: 12px;
		font-weight: normal;
		margin-top: 15px;
		text-align: left;
		padding-left: 15px;
		display: none;
	}
	.footerSubLinks-items-pc {
		display: flex;
		text-align: center;
		justify-content: space-between;
		margin: auto;
		width: 903px;
	}
	.footerSubLinks-items-pc a {
		color: #ffffff;
	}
	.sc-logo {
		text-align: center;
		margin-top: 90px;
		padding-bottom: 50px;
	}
	.sc-logo p{
		margin-top: 21px;
		font-size: 10px;
		color: #ffffff;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#footerLinks h2 img{
		height : calc( 80 * 100vw / 1300 );
	}
	#footerLinks ul{
		margin-top: 65px;
		width : calc( 630 * 100% / 1000 );
		margin-left : auto;
		margin-right : auto;
	}
	#footerLinks li a{
		font-size : calc( 15 * 100vw / 1300 );
	}
	#footerLinks p{
		margin-top : calc( 158 * 100vw / 1300 );
		font-size : calc( 10 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#footerLinks h2 img{
		width: 197.9px;
		height: 62.23px
	}
	#footerLinks ul{
		margin-top : 65px;
		width : 630px;
		margin-left : auto;
		margin-right : auto;
	}
	#footerLinks li a{
		font-size : 15px;
	}
	#footerLinks p{
		margin-top : 158px;
		font-size : 10px;
	}
}
@media screen and (max-width: 768px){
	#footer:not(.nobg){
		background-size : auto calc( 900 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 769px){
	#footer:not(.nobg){
		background-position-x : center;
		background-position-y : top;
	}
	#footer:not(.nobg).lazyloaded{
		background-image : url("../images/footer/bg_pc.png");
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#footer:not(.nobg){
		background-size : auto calc( 900 * 100vw / 1300 );
	}
	#footer:not(.nobg) #footerLinks .wrap-inner{
		padding-bottom : calc( ( 559 - 1 ) * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#footer:not(.nobg){
		background-size : auto 900px;
	}
	#footer:not(.nobg) #footerLinks .wrap-inner{
		padding-bottom : calc( 559px - 1px );
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#footer.nobg #footerLinks .wrap-inner{
		padding-top : calc( 162 * 100vw / 1300 );
		padding-bottom : calc( ( 335 - 1 ) * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#footer.nobg #footerLinks .wrap-inner{
		padding-top : 162px;
		padding-bottom : calc( 335px - 1px );
	}
}
/*# sourceMappingURL=../maps/layout.css.map */