@charset "UTF-8";

/* -----------------------------------------------
 *  	         component.css
 * ----------------------------------------------- */



/* =========== recruitArti 汎用の括り =========== */
article.content_arti{
	margin:0 auto 5%;
	padding:5% 0;
	border-bottom:solid 2px #dbd4c7;
	}

article.content_arti div.content_arti_inner{
	margin:0 auto 5%;
	/*background-color: #999;*/
	}


/* =========== content_Sect 汎用section =========== */
section.content_sect01{
	margin:0 0 5% 0;
	}

/* ===========heading2=========== */
h2.heading2_001{
	margin:0 0 8% 0;
	text-align:center;
	font-size:45px;
	font-size:4.5rem;
	font-weight: bold;
	letter-spacing:10px;
	line-height:1;
	font-family: 'Questrial', sans-serif;
	}

/*leadTxt有り*/
h2.heading2_002{
	margin:0 0 1% 0;
	text-align:center;
	font-size:45px;
	font-size:4.5rem;
	font-weight: bold;
	letter-spacing:10px;
	font-family: 'Questrial', sans-serif;
	}

/* span付 */
h2.heading2_003{
	margin:0 0 3% 0;
	text-align:center;
	font-size:45px;
	font-size:4.5rem;
	font-weight: bold;
	letter-spacing:10px;
	line-height:1;
	font-family: 'Questrial', sans-serif;
	}
h2.heading2_003 > span{
	display:block;
	margin:0;
	text-align:center;
	font-size:15px;
	font-size:1.5rem;
	font-weight: bold;
	letter-spacing:2px;
	line-height:1;
  font-family: "Noto Sans Japanese","メイリオ", "Meiryo", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	}
	
/* 768px */
@media only screen and (max-width: 48em) {
h2.heading2_001{
	font-size:35px;
	font-size:3.5rem;
	}

/*leadTxt有り*/
h2.heading2_002{
	font-size:35px;
	font-size:3.5rem;
	}

/* span付 */
h2.heading2_003{
	font-size:35px;
	font-size:3.5rem;
	}
h2.heading2_003 > span{
	font-size:12px;
	font-size:1.2rem;
	}
}

/* ===========heading3=========== */
h3.heading3_001{
	margin:0 0 1% 0;
	padding:0;
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:1px;
	}
	
h3.heading3_002{
	margin:0 0 1% 0;
	padding:0;
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:1px;
	border-bottom: dashed 1px #beb096;
	}

h3.heading3_003{
	margin:0 0 3% 0;
	padding:0;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:1px;
	text-align:center;
	}
h3.heading3_003 a{
	text-decoration:none;
	}
h3.heading3_003 a:hover{
	opacity:0.6;
	}
h3.heading3_003 span{
	font-size:14px;
	font-size:1.4rem;
	}
/* 768px */
@media only screen and (max-width: 48em) {
}
/* ===========heading4=========== */
h4.heading4_001{
	margin:0 0 3px 0;
	padding:0;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:1px;
	}
h4.heading4_001::before{
	content:"■";
	}
	
h4.heading4_002{
	margin:0 0 3px 0;
	padding:0;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:1px;
	text-align:center;
	}	
@media only screen and (max-width: 48em) {
h4.heading4_001{
	font-size:14px;
	font-size:1.4rem;
	}
}
/* ===========heading5=========== */
h5.heading5_001{
	margin:0 0 3px 0;
	padding:0;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:1px;
	}
h5.heading5_001::before{
	content:"●";
	}
@media only screen and (max-width: 48em) {
h5.heading5_001{
	font-size:13px;
	font-size:1.3rem;
	}
}
/* ===========txt=========== */
.txt001{
	margin:0 0 1% 0;
	padding:0;
	font-size:15px;
	font-size:1.5rem;
	line-height:1.8;
	}
.txt002{
	margin:0 0 20px 0;
	padding:0;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.6;
	}
.txt003{
	margin:0 0 20px 0;
	padding:0;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.6;
	text-align:center;
	}
/* 768px */
@media only screen and (max-width: 48em) {
.txt001{
	font-size:13px;
	font-size:1.3rem;
	}
.txt002{
	font-size:12px;
	font-size:1.2rem;
	}
.txt003{
	font-size:12px;
	font-size:1.2rem;
	}
}
/* ===========leadTxt=========== */
p.lead_txt_01{
	margin:0 0 3% 0;
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	}

p.lead_txt_02{
	margin:0 0 3% 0;
	font-size:14px;
	font-size:1.4rem;
	text-align:left;
	}


/* ===========figure=========== */
/* 001 */
figure.figure_001{
	margin:0 0 1% 0;
	}
figure.figure_001 img{
	}


/* ===========definitionList=========== */
dl.definition_list_01{
	}
dl.definition_list_01 dt{
	display:block;
	margin:0 0 0.3% 0;
	padding:5px 0 7px 5px;
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:1.2px;
	transition:all 0.6s;
	cursor:pointer;
	background-color:#ffffff;
	border-bottom: dashed 1px #beb096;
	}
dl.definition_list_01 dt::before{
	content:"▼";
	}
dl.definition_list_01 dt.isshow::before{
	content:"▲" !important;
	}
dl.definition_list_01 dt.isshow{
	border:none !important;
	}
dl.definition_list_01 dt:hover{
	background-color:#beb096;
	}
dl.definition_list_01 dd{
	margin:0 0 1% 0;
	padding:5px 10px 20px;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.6px;
	border-bottom: dashed 1px #beb096;
	}


/* ===========BTNsetting=========== */
.btn01{
	}
.btn01 a{
	display:block;
	width:40%;
	margin:0 auto;
	padding:15px 0;
	text-align:center;
	font-size:1.2em;
	letter-spacing:3px;
	line-height:1.2;
	border:solid #beb096 2px;
	background-color:#beb096;
	color:#FFF;
	text-decoration:none;
	box-sizing:border-box;
	font-family: 'Questrial', sans-serif;
	}
.btn01 a span{
	display:block;
	font-size:0.4em;
	}
.btn01 a:hover{
	background-color:#ffffff;
	color:#beb096;
	transition:0.3s;
	}
/* 768px */
@media only screen and (max-width: 48em) {
.btn01 a{
	width:80%;
	}
}
/* 480px */
@media only screen and (max-width: 30em) {
.btn01 a{
	width:100%;
	}
}



/* ============================■■共通CLASS■■============================ */
/* clearfix */
.clearfix:after {
  display: block;
  visibility: hidden; 
  clear: both;
  height: 0;
  content: "";
}

/* =========== limit =========== */
.limited{width:98%; margin:0 auto;}

.limit1600{max-width:1600px; margin:0 auto;}
.limit1400{max-width:1400px; margin:0 auto;}
.limit1200{max-width:1200px; margin:0 auto;}
.limit1050{max-width:1050px; margin:0 auto;}
.limit1024{max-width:1024px; margin:0 auto;}
.limit960{max-width:960px; margin:0 auto;}
.limit768{max-width:768px; margin:0 auto;}
.limit480{max-width:480px; margin:0 auto;}

/* ========== marginBottom ========== */
.mb0{ margin-bottom:0 !important; }
.mb10{ margin-bottom:10px !important; }
.mb20{ margin-bottom:20px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }
.mb80{ margin-bottom:80px !important; }
.mb90{ margin-bottom:90px !important; }
.mb100{ margin-bottom:100px !important; }

/* ========== marginBottomParcent ========== */
.mb0p{ margin-bottom:0 !important; }
.mb1p{ margin-bottom:1% !important; }
.mb2p{ margin-bottom:2% !important; }
.mb3p{ margin-bottom:3% !important; }
.mb05p{ margin-bottom:5% !important; }
.mb10p{ margin-bottom:10% !important; }
.mb20p{ margin-bottom:20% !important; }
.mb30p{ margin-bottom:30% !important; }
.mb40p{ margin-bottom:40% !important; }
.mb50p{ margin-bottom:50% !important; }
.mb60p{ margin-bottom:60% !important; }
.mb70p{ margin-bottom:70% !important; }
.mb80p{ margin-bottom:80% !important; }
.mb90p{ margin-bottom:90% !important; }
.mb100p{ margin-bottom:100% !important; }

/* ========== txt-align ========== */
.txt_left{text-align:left !important;}
.txt_center{text-align:center !important;}
.txt_right{text-align:right !important;}
.txt_just{text-align:justify !important;}

/* ========== br ========== */
/* 768px */
@media only screen and (max-width: 48em) {
br.del768{ display:none;}
}

/* ============================■■共通CLASS■■============================ */

/* ●↑汎用スタイル */



/* ●↓Topページスタイル */


/* =========== mainVarea =========== */

article.main_visual_arti{
	position:relative;
	margin:0 0 5% 0;
	padding:0;
	width:100%;
	height:90vh;
	transition: all 0.6s;
	}

article.main_visual_arti.is_spsize{
	background-image:url(../../top/img/sp-mainmovie.gif);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}

svg.svg_mainvisual_logo{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	fill:#FFF;
	width:40%;
	height:20%;
	}
/* 480px */
@media only screen and (max-width: 30em) {
svg.svg_mainvisual_logo{
	width:60%;
	}
}

/* =========== conceptArti =========== */
article.concept_arti{
	margin:0 auto 5%;
	padding:0 0 5% 0;
	border-bottom:solid 2px #dbd4c7;
	}

article.concept_arti div.concept_arti_inner{
	margin:0 auto 5%;
	/*background-color: #999;*/
	}


/* conceptBox */
/* A */
div.concept_boxA{
	position:relative;
	padding:8% 0;
	}
	
/* B */
div.concept_boxB{
	position:relative;
	margin:0;
	padding:5% 0 1px 0;
	}

div#conceptMainLine{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	width:2px;
	height:100%;
	background-color:#dbd4c7;
	}
div#conceptSubLineA{
	position:absolute;
	top:6%;
	left:50%;
	margin:0 auto;
	width:10%;
	height:2px;
	background-color:#dbd4c7;
	}
div#conceptSubLineB{
	position:absolute;
	top:53%;
	right:50%;
	margin:0 auto;
	width:10%;
	height:2px;
	background-color:#dbd4c7;
	}

div.concept_boxB_inner{
	margin:0 0 6% 0;
	}

figure.concept_boxBimage{
	width:48%;
	}

div.concept_txtbox{
	position:relative;
	width:48%;
	text-align:center;
	}
.conceptB_floatLeft{ float:left;}
.conceptB_floatRight{ float:right;}

div.concept_txtbox_inner{
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	margin:auto;
	}

/* 768px */
@media only screen and (max-width: 48em) {
div.concept_boxB{
	position:relative;
	margin:0;
	padding:8% 0 1px 5%;
	}	

figure.concept_boxBimage{
	float:none;
	width:100%;
	}
div.concept_txtbox{
	float:none;
	width:100%;
	}
.conceptB_floatLeft{ float:none;}
.conceptB_floatRight{ float:none;}


div.concept_txtbox_inner{
	position: static;
	padding:3% 0
	}

div#conceptMainLine{
	position:absolute;
	top:0;
	left:1%;
	margin:0;
	width:2px;
	height:100%;
	background-color:#dbd4c7;
	}
div#conceptSubLineA{
	position:absolute;
	top:1%;
	left:1%;
	margin:0;
	width:10%;
	height:2px;
	background-color:#dbd4c7;
	}
div#conceptSubLineB{
	position:absolute;
	top:53%;
	left:1%;
	margin:0;
	width:10%;
	height:2px;
	background-color:#dbd4c7;
	}

}



/* C */
div.concept_boxC{
	position:relative;
	margin:0 0 5% 0;
	padding:3% 0;
	}

/* linePointSetting */
div#linePoint1{
	position:absolute;
	top:0;
	right:50%;
	width:0%;/*50%*/
	height:2px;
	background-color:#dbd4c7; 
	}
div#linePoint2{
	position:absolute;
	top:0;
	left:50%;
	width:0%;/*50%*/
	height:2px;
	background-color:#dbd4c7; 
	}
div#linePoint3{
	position:absolute;
	top:0;
	left:0;
	width:2px;
	height:0;/*100%*/
	background-color:#dbd4c7; 
	}
div#linePoint4{
	position:absolute;
	top:0;
	right:0;
	width:2px;
	height:0;/*100%*/
	background-color:#dbd4c7; 
	}
div#linePoint5{
	position:absolute;
	bottom:0;
	left:0;
	width:0%;/*50%*/
	height:2px;
	background-color:#dbd4c7; 
	}
div#linePoint6{
	position:absolute;
	bottom:0;
	right:0;
	width:0%;/*50%*/
	height:2px;
	background-color:#dbd4c7; 
	}

/* 768px */
@media only screen and (max-width: 48em) {
div.concept_boxC{
	position:relative;
	margin:0 0 5% 1%;
	padding:3%;
	}

/* linePointSetting */
div#linePoint1{
	position:absolute;
	top:0;
	left:0;
	width:0%;/*100%*/
	height:2px;
	}
div#linePoint2{
	position:absolute;
	top:0;
	left:0;
	width:2px;
	height:0%;/*100%*/
	}
div#linePoint3{
	position:absolute;
	top:0;
	right:0;
	left:auto;
	width:2px;
	height:0;/*100%*/
	}
div#linePoint4{
	position:absolute;
	top:auto;
	bottom:0;
	left:0;
	width:0%;/*100%*/
	height:2px;
	}
div#linePoint5{display:none;}
div#linePoint6{display:none;}
}


/* conceptItem */
h2.concept_titleA{
	margin:0 0 2% 0;
	text-align:center;
	font-size:50px;
	font-size:5.0rem;
	font-weight: bold;
	letter-spacing:10px;
	line-height:1;
	font-family: 'Questrial', sans-serif;
	}

h3.concept_titleB{
	text-align:center;
	font-size:40px;
	font-size:4.0rem;
	font-weight: bold;
	letter-spacing:8px;
	font-family: 'Questrial', sans-serif;
	}

p.concept_txtA{
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.8;
	letter-spacing:2px;	
	}
	
p.concept_txtB{
	text-align:center;
	font-size:13px;
	font-size:1.3rem;
	font-weight:normal;
	line-height:1.8;
	letter-spacing:1.5px;	
	}

p.concept_txtC{
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.8;
	letter-spacing:3px;	
	}


/* 768px */
@media only screen and (max-width: 48em) {
h2.concept_titleA{
	font-size:38px;
	font-size:3.8rem;
	}

h3.concept_titleB{
	font-size:30px;
	font-size:3.0rem;
	}
p.concept_txtC{
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.8;
	letter-spacing:3px;	
	}
}

/* 480px */
@media only screen and (max-width: 30em) {
h2.concept_titleA{
	font-size:40px;
	font-size:4.0rem;
	}

h3.concept_titleB{
	font-size:26px;
	font-size:2.6rem;
	}
p.concept_txtC{
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.8;
	letter-spacing:3px;	
	}
}


/* =========== videoArti =========== */
article.video_arti{
	margin:0 auto 5%;
	padding:5% 0;
	border-bottom:solid 2px #dbd4c7;
	}

article.video_arti div.video_arti_inner{
	margin:0 auto 5%;
	/*background-color: #999;*/
	}


/* video_list_01 */
ul.video_list_01{
	margin:0 0 5% 0;
	width:100%;
	list-style:none;
	}

ul.video_list_01 li.video_list_01_one{
	float:left;
	width:48%;
	margin:0 4% 5% 0;
	padding:0;
	}
ul.video_list_01 li.video_list_01_one:nth-child(even){
	margin-right:0;
	}
	
ul.video_list_01 li.video_list_01_one a{
	text-decoration:none;
	}
	
ul.video_list_01 li.video_list_01_one a figure.list_01_imgbox{
	display:block;
	position:relative;
	width:100%;
	margin:0 0 1% 0;
	padding:50% 0 0 0;
	background:center center no-repeat;
	background-size:cover;
	filter: sepia(0.5) ;
	transition:all 0.6s;
	}
ul.video_list_01 li.video_list_01_one a figure.list_01_imgbox::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:30%;
	height:30%;
	margin:auto;
	z-index:4;
	background:url(../img/ariganle_cirle_white.png) no-repeat center center;
	background-size: contain;
	opacity:0;
	transition:all 0.6s;
	}
ul.video_list_01 li.video_list_01_one a figure.list_01_imgbox::after{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:0%;
	background-color:#000;
	z-index:3;
	opacity:0.1;
	transition:all 0.6s;
	}
ul.video_list_01 li.video_list_01_one a figure.list_01_imgbox img{
	display:none;
	}

ul.video_list_01 li.video_list_01_one a div.list_01_txtbox{
	}
ul.video_list_01 li.video_list_01_one a div.list_01_txtbox h3{
	margin:0 0 1% 0;
	font-size:24px;
	font-size:2.4rem;
	letter-spacing:5px;
	font-weight:normal;
	}
ul.video_list_01 li.video_list_01_one a div.list_01_txtbox p.list_01_txt{
	font-size:13px;
	font-size:1.3rem;
	letter-spacing:1px;
	font-weight:normal;
	}

/* hover */
ul.video_list_01 li.video_list_01_one a:hover figure.list_01_imgbox{
	filter: sepia(0) ;
	}
ul.video_list_01 li.video_list_01_one a:hover figure.list_01_imgbox::before{
	opacity:1;
	}
ul.video_list_01 li.video_list_01_one a:hover figure.list_01_imgbox::after{
	height:100%;
	}

/* 768px */
@media only screen and (max-width: 48em) {
ul.video_list_01 li.video_list_01_one a figure.list_01_imgbox::before{
	width:60%;
	height:60%;
	}
}
/* 480px */
@media only screen and (max-width: 30em) {
ul.video_list_01 li.video_list_01_one{
	float: none;
	width:100%;
	margin:0 0% 8% 0;
	padding:0;
	}
ul.video_list_01 li.video_list_01_one a figure.list_01_imgbox::before{
	width:40%;
	height:40%;
	}
}



/* =========== recruitArti =========== */
article.recruit_arti{
	margin:0 auto 5%;
	padding:5% 0;
	border-bottom:solid 2px #dbd4c7;
	}

article.recruit_arti div.recruit_arti_inner{
	margin:0 auto 5%;
	/*background-color: #999;*/
	}


div.recruit_btn{
	width:100%;
	}
div.recruit_btn a{
	position:relative;
	display:block;
	padding:40% 0 0 0;
	text-decoration:none;
	background:url(../../top/img/recruit_image01.jpg) center center no-repeat;
	background-size:cover;
	box-sizing:border-box;
	filter: sepia(0.5) ;
	transition:all 0.6s;
	}
div.recruit_btn a::after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #000;
	z-index:98;
	opacity:0.2;
	transition:all 0.6s;
	}
div.recruit_btn a div.recruit_btn_txt{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	display:block;
	width:30%;
	height:20%;
	text-align:center;
	font-size:14px;
	font-size:1.4em;
	line-height:;
	z-index:100;
	}
div.recruit_btn a div.recruit_btn_txt h3{
	margin:0 0 2% 0;
	font-size:16px;
	font-size:1.6em;
	line-height:1.2;
	color:#FFF;
	letter-spacing:4px;
	font-family: 'Questrial', sans-serif;
	}
div.recruit_btn a div.recruit_btn_txt h3 > span{
	display:block;
	font-size:5px;
	font-size:0.5em;
	font-weight:normal;
	letter-spacing:normal;
  font-family: "Noto Sans Japanese","メイリオ", "Meiryo", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	}
div.recruit_btn a div.recruit_btn_txt span.recruite_more{
	display:block;
	font-size:10px;
	font-size:1.0em;
	font-weight:normal;
	background-color:#FFF;
	font-family: 'Questrial', sans-serif;
	}

/* hover */
div.recruit_btn a:hover{
	filter: sepia(0) ;
	}
div.recruit_btn a:hover::after{
	opacity:0;
	}


/* 768px */
@media only screen and (max-width: 48em) {
div.recruit_btn a div.recruit_btn_txt{
	width:50%;
	height:50%;
	}
}
/* 480px */
@media only screen and (max-width: 30em) {
div.recruit_btn a div.recruit_btn_txt{
	width:70%;
	height:50%;
	}
}


/* ●↑Topページスタイル */




/* ======================parts====================== */

/* 1400px */
@media only screen and (max-width: 87.5em) {
}
/* 1024px */
@media only screen and (max-width: 64em) {
}
/* 960px */
@media only screen and (max-width: 60em) {
}
/* 768px */
@media only screen and (max-width: 48em) {
}
/* 720px */
@media only screen and (max-width: 45em) {
}
/* 600px */
@media only screen and (max-width: 37.5em) {
}
/* 480px */
@media only screen and (max-width: 30em) {
}
/* 320px */
@media only screen and (max-width: 20em) {
}