@charset "UTF-8";
:root{
	--body : #222;
	--link : #222;
}
@media screen and (max-width: 768px){
	#main{
		padding-bottom : calc( 191 * 100vw / 375 );
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#main{
		padding-bottom : calc( 736 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#main{
		padding-bottom : 736px;
	}
}
@media screen and (max-width: 768px){
	#message .wrap{
		padding-bottom : calc( ( 100 - 4 ) * 100vw / 375 );
		padding-left : 0;
		padding-right : 0;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#message .wrap{
		padding-bottom : calc( ( 220 - 8 ) * 100vw / 1300 );
		padding-left : 0;
		padding-right : 0;
	}
}
@media print,screen and (min-width: 1300px){
	#message .wrap{
		padding-bottom : calc( 220px - 8px );
	}
}
#message .tabs .is-current a{
	background-color : rgba(255,255,255,1);
}
#message .tabs a{
	background-color : rgba(255,255,255,.5);
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	width : 100%;
	height : 100%;
	letter-spacing : .1em;
	font-weight : 600;
}
@media screen and (max-width: 768px){
	#message .tabs li{
		height : calc( 50 * 100vw / 375 );
	}
	#message .tabs a{
		font-size : calc( 15 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 769px){
	#message .tabs{
		display : flex;
	}
	#message .tabs li{
		width : 50%;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#message .tabs li{
		height : calc( 100 * 100vw / 1300 );
	}
	#message .tabs a{
		font-size : calc( 30 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#message .tabs li{
		height : 100px;
	}
	#message .tabs a{
		font-size : 30px;
	}
}
#message picture img{
	width : 100%;
	height : auto;
}
#message .box{
	background-color : #fff;
}
#message .box > div{
	background-color : #fff;
	position : relative;
	z-index : 1;
}
#message .box h3{
	letter-spacing : .1em;
	font-weight : 600;
}
#message .box dt{
	letter-spacing : .1em;
	color : #666;
	font-weight : 300;
}
#message .box dd span:nth-of-type(1){
	font-weight : 600;
	letter-spacing : .1em;
}
#message .box ol li{
	font-weight : 300;
}
@media screen and (max-width: 768px){
	#message .box{
		padding-top : calc( 20 * 100vw / 375 );
		padding-bottom : calc( ( 121 - 6.5 - 5 ) * 100vw / 1280 );
	}
	#message .box > div{
		margin-top : calc( -40 * 100vw / 375 );
		padding-top : calc( 13 * 100vw / 375 );
		padding-left : calc( 20 * 100% / 375 );
		padding-right : calc( 20 * 100% / 375 );
	}
	#message .box h3{
		font-size : calc( 20 * 100vw / 375 );
		line-height : 1.5;
		margin-top : calc( ( 22 - 5 ) * 100vw / 375 );
		text-align : center;
	}
	#message .box dl{
		margin-top : calc( ( 23 - 5 ) * 100vw / 375 );
	}
	#message .box dt{
		font-size : calc( 13 * 100vw / 375 );
	}
	#message .box dd{
		margin-top : calc( 12 * 100vw / 375 );
		display : flex;
	}
	#message .box dd span:nth-of-type(1){
		font-size : calc( 20 * 100vw / 375 );
	}
	#message .box 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 );
	}
	#message .box ol{
		margin-top : calc( ( 20 - 4 ) * 100vw / 375 );
	}
	#message .box li{
		font-size : calc( 12 * 100vw / 375 );
		line-height : 1.67;
	}
	#message .box .topspace{
		margin-top : 1.87em;
	}
}
@media print,screen and (min-width: 769px){
	#message .box dd span{
		display : block;
	}
	#message .box dd span:nth-of-type(2){
		font-size : 0;
	}
	#message .box dd span:nth-of-type(2):before{
		content : none;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#message .box{
		padding-top : calc( 40 * 100vw / 1300 );
		padding-left : calc( 40 * 100% / 1280 );
		padding-right : calc( 40 * 100% / 1280 );
		padding-bottom : calc( ( 121 - 6.5 - 5 ) * 100vw / 1280 );
	}
	#message .box > div{
		margin-left : auto;
		margin-right : auto;
		margin-top : calc( -80 * 100vw / 1300 );
		width : calc( 1000 * 100% / 1200 );
		padding-top : calc( 26 * 100vw / 1300 );
		padding-left : calc( 50 * 100% / 1200 );
		padding-right : calc( 50 * 100% / 1200 );
	}
	#message .box h3{
		font-size : calc( 40 * 100vw / 1300 );
		line-height : 1.5;
		margin-top : calc( ( 44 - 10 ) * 100vw / 1300 );
	}
	#message .box dl{
		margin-top : calc( ( 46 - 10 ) * 100vw / 1300 );
	}
	#message .box dt{
		font-size : calc( 20 * 100vw / 1300 );
	}
	#message .box dd{
		margin-top : calc( 21 * 100vw / 1300 );
	}
	#message .box dd span:nth-of-type(1){
		font-size : calc( 30 * 100vw / 1300 );
	}
	#message .box dd span:nth-of-type(2){
		margin-top : calc( 15 * 100vw / 1300 );
	}
	#message .box dd span:nth-of-type(2) img{
		height : calc( 10 * 100vw / 1300 );
	}
	#message .box ol{
		margin-top : calc( ( 40 - 6.5 ) * 100vw / 1300 );
	}
	#message .box li{
		font-size : calc( 15 * 100vw / 1300 );
		line-height : 1.87;
	}
	#message .box .topspace{
		margin-top : 1.87em;
	}
}
@media print,screen and (min-width: 1300px){
	#message .box{
		padding-top : 40px;
		padding-left : 40px;
		padding-right : 40px;
		padding-bottom : calc( 121px - 6.5px - 5px );
	}
	#message .box > div{
		margin-left : auto;
		margin-right : auto;
		margin-top : -80px;
		width : 1000px;
		padding-top : 26px;
		padding-left : 50px;
		padding-right : 50px;
	}
	#message .box h3{
		font-size : 40px;
		line-height : 1.5;
		margin-top : calc( 44px - 10px );
	}
	#message .box dl{
		margin-top : calc( 46px - 10px );
	}
	#message .box dt{
		font-size : 20px;
	}
	#message .box dd{
		margin-top : 21px;
	}
	#message .box dd span:nth-of-type(1){
		font-size : 30px;
	}
	#message .box dd span:nth-of-type(2){
		margin-top : 15px;
	}
	#message .box dd span:nth-of-type(2) img{
		height : 10px;
	}
	#message .box ol{
		margin-top : calc( 40px - 6.5px );
	}
	#message .box li{
		font-size : 15px;
		line-height : 1.87;
	}
	#message .box .topspace{
		margin-top : 1.87em;
	}
}
#message .content h4{
	text-align : center;
	letter-spacing : .1em;
	font-weight : 600;
	background-color : #fff;
	position : relative;
	z-index : 1;
}
#message .content .texts{
	background-color : #fff;
	position : relative;
	z-index : 1;
}
#message .content .texts em{
	font-weight : 600;
}
@media screen and (max-width: 768px){
	#message .content h4{
		width : calc( 335 * 100% / 375 );
		font-size : calc( 15 * 100vw / 375 );
		line-height : 1.33;
		margin-left : auto;
		margin-right : auto;
		padding-bottom : calc( ( 20 - 2.4 ) * 100vw / 375 );
	}
	#message .content picture{
		margin-top : calc( -20 * 100vw / 375 );
	}
	#message .content .texts{
		padding-left : calc( 20 * 100% / 375 );
		padding-right : calc( 20 * 100% / 375 );
		padding-top : calc( ( 21 - 4 ) * 100vw / 375 );
		padding-bottom : calc( ( 27 - 4 ) * 100vw / 375 );
		margin-top : calc( -20 * 100vw / 375 );
	}
	#message .content .texts p{
		font-size : calc( 12 * 100vw / 375 );
		line-height : 1.67;
	}
	#message .content .texts p + p{
		margin-top : 1.87em;
	}
}
@media print,screen and (min-width: 769px){
	#message .content > li + li{
		margin-top : calc( 60px - 5px );
	}
	#message .content h4{
		margin-left : auto;
		margin-right : auto;
	}
	#message .content .texts{
		margin-left : auto;
		margin-right : auto;
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#message .content h4{
		width : calc( 1000 * 100% / 1280 );
		font-size : calc( 30 * 100vw / 1300 );
		line-height : 1.33;
		padding-bottom : calc( ( 41 - 5 ) * 100vw / 1300 );
	}
	#message .content picture{
		margin-top : calc( -40 * 100vw / 1300 );
	}
	#message .content .texts{
		width : calc( 1000 * 100% / 1280 );
		padding-left : calc( 30 * 100% / 1280 );
		padding-right : calc( 30 * 100% / 1280 );
		padding-top : calc( ( 42 - 6.5 ) * 100vw / 1300 );
		padding-bottom : calc( ( 27 - 6.5 ) * 100vw / 1300 );
		margin-top : calc( -40 * 100vw / 1300 );
	}
	#message .content .texts p{
		font-size : calc( 15 * 100vw / 1300 );
		line-height : 1.87;
	}
	#message .content .texts p + p{
		margin-top : 1.87em;
	}
}
@media print,screen and (min-width: 1300px){
	#message .content h4{
		width : 1000px;
		font-size : 30px;
		line-height : 1.33;
		padding-bottom : calc( 41px - 5px );
	}
	#message .content picture{
		margin-top : -40px;
	}
	#message .content .texts{
		width : 1000px;
		padding-left : 30px;
		padding-right : 30px;
		padding-top : calc( 42px - 6.5px );
		padding-bottom : calc( 27px - 6.5px );
		margin-top : -40px;
	}
	#message .content .texts p{
		font-size : 15px;
		line-height : 1.87;
	}
	#message .content .texts p + p{
		margin-top : 1.87em;
	}
}
@media screen and (max-width: 768px){
	#message.message h2{
		text-align : center;
	}
	#message.message h2 img{
		height : calc( 72 * 100vw / 375 );
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#message.message h2{
		margin-left : calc( 65 * 100vw / 1300 );
	}
	#message.message h2 img{
		height : calc( 170 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#message.message h2{
		margin-left : 65px;
	}
	#message.message h2 img{
		height : 170px;
	}
}
@media screen and (max-width: 768px){
	#message.recruiter h2{
		text-align : center;
	}
	#message.recruiter h2 img{
		height : calc( 72 * 100vw / 375 );
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#message.recruiter h2{
		margin-left : calc( 49 * 100vw / 1300 );
	}
	#message.recruiter h2 img{
		height : calc( 170 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#message.recruiter h2{
		margin-left : 49px;
	}
	#message.recruiter h2 img{
		height : 170px;
	}
}
#toHome .link01{
	margin-left : auto;
	margin-right : auto;
}
@media screen and (max-width: 768px){
	#toHome{
		margin-top : calc( 50 * 100vw / 375 );
	}
}
@media screen and (min-width: 769px) and (max-width:1299px){
	#toHome{
		margin-top : calc( 100 * 100vw / 1300 );
	}
}
@media print,screen and (min-width: 1300px){
	#toHome{
		margin-top : 100px;
	}
}
/*# sourceMappingURL=../maps/message.css.map */