@charset "utf-8";

/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/
body{
	font-size:16px;
	font-weight:400;
	line-height:1.5;
}

/* color */
.white{
	color: #ffffff!important;
}
.blue{
	color: blue;
}
.red{
	color: #DC000C;
}
.green{
	color: #008A32;
}
.yellow{
	color: yellow;
}
.black{
	color: #333;
}

.bgwh{
	background: #ffffff;
}
.bgblu{
	background: linear-gradient(to right, #165888 , #172D6B);
}
.bgbla{
	background:#333;
}
.bgred{
	background: #DC000C;
}
.bggre{
	background: #008A32;
}
.bgyel{
	background: yellow;
}
.bgora{
	background:#EF8C02;
}

/*リンク表示方法*/

.lista{
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height:100%;
	z-index: 1;
}

/*-----------------------------------------------------------
PCサイズ
-----------------------------------------------------------*/

.pc,.pc2 {
	display: block;
}

.sp,.sp2, .spTel {
	display: none;
}

.pcTel {
	display: inline;
}

.inner{
	max-width:1200px;
	width:95%;
	margin:0 auto;
}

.gun_sns-section .top_cont{
	margin-bottom: 100px;
}

.gun_sns-section .top_cont .sns_text1{
	margin-bottom:40px;
	font-size: clamp(16px,2.4vw,20px);
	font-weight:700;
	line-height:1.45;
}

a.gun_btn1{
	display:flex;
	align-items:center;
	max-width:330px;
	width:100%;
	height:66px;
	border-radius:60px;
	font-size:16px;
	font-weight:700;
	padding: 0 40px;
	position:relative;
	color:#fff;
	transition:.4s;
}

a.gun_btn1.bgwh{
	border:2px solid #008A32;
	color:#000000;
}

a.gun_btn1:hover{
	opacity:0.7;
}

.gun_sns-section .top_cont .gun_btn1{
	margin-bottom:40px;
}

.about_sns a.gun_btn1.bggre:hover{
	background:#DC000C;
	opacity:1;
}

a.gun_btn1:after{
	    content: "";
    width: 24px;
    height: 24px;
    background: url(./assets/img/common/icon_arrow_white.svg) center no-repeat;
    background-size: 16px auto;
	position: absolute;
    top: calc(50% - 12px);
    right: 5%;
}

a.gun_btn1.bgwh:after{
    background: url(./assets/img/common/icon_arrow.svg) center no-repeat;
    background-size: 16px auto;
}

.gun_sns-div1{
	margin-bottom:60px;
}

.sns_title_area{
	display:flex;
	align-items:center;
	border-bottom:1px solid #C1C0C0;
	position:relative;
	padding-bottom:20px;
	margin-bottom:38.5px;
}

.sns_title_area:before{
	position:absolute;
	content:"";
	width:40px;
	height:2px;
	background:#008A32;
	bottom:-2px;
	left:0;
}

.sns_title_area .sns_img{
	margin-right:24px;
}

.sns_title_area .sns_title1{
	font-size: clamp(20px,3vw,28px);
	font-weight:700;
	line-height:1.42857;
}

.sns_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.sns_list li{
	background:#FFFFFF;
	border-radius:20px;
	box-shadow:0 0 20px #0000001a;
	width:48%;
	max-width:583px;
	margin-bottom: 40px;
	position:relative;
	padding: 3.5% 3.5% 14.667%;
}

.sns_list li .sns_img1{
	max-width:140px;
	width:50%;
	margin:0 auto;
}

.sns_list li .sns_img2{
	max-width:376px;
	width:80%;
	margin:0 auto;
}

.sns_list li .sns_img img{
	width:100%;
}

.sns_list li .text_area{
	margin-top: 8%;
}

.sns_list li .text_area .name{
	font-size: clamp(16px,2.4vw,20px);
	font-weight:700;
	line-height:1.45;
	text-align:center;
}

.sns_list li .text_area .id{
	color:#008A32;
	text-align:center;
}

.recruit_sns .sns_list li .text_area .id{
	color: #DC000C;
}

.sns_list li .text_area .sns_text1{
	font-size: clamp(16px,2.4vw,20px);
	font-weight:400;
	line-height:1.5;
	margin-top: 3.3%;
}

.sns_list li a.gun_btn1{
	position:absolute;
	bottom: 7.5%;
	left:0;
	right:0;
	width:95%;
	margin:auto;
	padding: 0 6%;
}

.video_area{
	margin-top:100px;
}

.video_title{
	text-align:center;
	font-size: clamp(22px,3vw,28px);
	font-weight:700;
	line-height:1.42857;
	margin-bottom:40px;
}

.video_cont{
	max-width:640px;
	max-height:360px;
	width:100%;
	height:40vw;
	margin:0 auto;
}

.video_cont iframe{
	width:100%;
	height:100%;
}

/*-- 固定ここまで --*/


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1921px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1921px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


	

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
	
	
		


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

img {
	width: auto;
	max-width: 100%;
	height: auto;
}




.sns_list li{
	padding:20px 20px 130px;
}





/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc {
	display: none;
}

.sp {
	display: block;
}


a[href*="tel:"] {
	pointer-events: initial;
	cursor: pointer;
	text-decoration: none;
	}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc2, .pcTel {
	display: none;
}

.sp2 {
	display: block;
}

.spTel  {
	display: inline;
}


.sns_list li{
	width:100%;
	max-width:initial;
}

.sns_title_area .sns_img{
	margin-right:16px;
	max-width:40px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */