@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap');

body a:hover{text-decoration: none;}
.font-ro{font-family: 'Ropa Sans', sans-serif;text-transform: uppercase;}
p{margin-bottom: 0!important;}
.tategaki{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode:vertical-rl;}

.bg-gr{
background: #84e8ff; /* Old browsers */
background: -moz-linear-gradient(left,  #84e8ff 0%, #1a81e2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #84e8ff 0%,#1a81e2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #84e8ff 0%,#1a81e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84e8ff', endColorstr='#1a81e2',GradientType=1 ); /* IE6-9 */
}

.h3_ttl02{position: relative;}
.h3_ttl02::after {
	position: absolute;
	content: " ";
	bottom: 0;
	left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
	width:70%;
	height: 8px;
	display: block;
	background: #84e8ff; /* Old browsers */
	background: -moz-linear-gradient(left,  #84e8ff 0%, #1a81e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #84e8ff 0%,#1a81e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #84e8ff 0%,#1a81e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84e8ff', endColorstr='#1a81e2',GradientType=1 ); /* IE6-9 */
	margin: auto;
	text-align: center;
}

/* top */

.top_recruit .bg-gr{background: none;}
.top_recruit .btn01{border: 1px solid #fff;}

/* subcon */	
.bread-crumb a{color: #c49f69;}
iframe.gamp{width: 100%; margin: 50px 0 0; padding: 0;vertical-align: bottom; height: 450px;border: none;}

.col-md-4.info_th{border-bottom: 1px solid #ddd;}
.col-md-8.info_td{border-bottom: 1px solid #ddd;}
.privacy_txt {height: 350px;overflow-y: scroll;}

.col.col-sm-2.recruiting_box{
background: #84e8ff; /* Old browsers */
background: -moz-linear-gradient(left,  #84e8ff 0%, #1a81e2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #84e8ff 0%,#1a81e2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #84e8ff 0%,#1a81e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84e8ff', endColorstr='#1a81e2',GradientType=1 ); /* IE6-9 */
}
.col.col-sm-2.recruiting_box p{padding: 35px 0;}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



@media screen and (max-width: 856px) {
.container.hd_inner .col {
    -ms-flex-preferred-size: auto!important;
    -webkit-flex-basis: auto!important;
    flex-basis: auto!important;
	}
	.col.hd_logo{width: 100%!important;max-width: 100%!important}
	.col.hd_R{width: 100%!important;max-width: 100%!important}
}
@media screen and (max-width: 767px) {
	.col.hd_logo{text-align: center;}
	.col.hd_nav.pc_nav{display: none;}
	.col.hd_nav{width: 50%!important;max-width: 50%!important;}
	.hd_tel{font-size: 22px;}
	
	.ft .col-md-4{ text-align: center;}
	.ft .col-md-4 a{display: block;background: #1a81e2; margin-bottom: 1px;color: #fff!important;}
	
	.sub_box.under .row{flex-direction: column-reverse;}	
	img.w100{width: 100%!important;max-width: 100%!important;}
	
	.container.recruiting_list .col{
    -ms-flex-preferred-size: auto!important;
    -webkit-flex-basis: auto!important;
    flex-basis: auto!important;
	}
	.col.col-sm-2.recruiting_box{max-width: 31.7%!important;margin:0.8% 0.8%!important;}
	
	.gallery .col {
    -ms-flex-preferred-size: auto!important;
    -webkit-flex-basis: auto!important;
    flex-basis: auto!important;
	}
	.gallery .col-sm-2{width: 48%;}
	
}
@media (min-width: 375px){}
@media (min-width: 768px) {.header.sub_header{display: none;}}