html {
    visibility: hidden;
}

html.wf-active,
html.loading-delay {
    visibility: visible;
}


/*----------------------------------固定-----------------------------------------*/
body{position: relative; min-width: 1200px;}
.tt{font-size: 16px;  letter-spacing: 0.05em; line-height:200%;font-family: 'Noto Serif JP', serif;font-weight: 300;}
.link_view{max-width: 1500px; margin: 32px auto 0; padding: 0 50px; }
.link_view ul {display: flex; padding: 0 0 80px;}
.link_view ul li{display: flex;align-items: center}
.link_view ul li:not(:last-child)::after{content: ""; width: 55px; height: 1px; background: #000; margin: 0 15px;}
.link_view ul li a{font-size: 13px;font-family: 'Noto Serif JP', serif;font-weight: 300; }
.link_view .link_btn{display: flex;}
.link_view .link_btn .btn{width: 564px; height: auto;display: block; text-align: center; padding: 30px 0; font-family: 'Marcellus', serif; font-size: 23px; letter-spacing: 1px;}
.fv_side{margin: 180px 0 0; height: 622px;}
.fv_side .fv_side_2 h2{font-size: 32px; padding: 366px 50px 33px; font-family: fot-tsukuaoldmin-pr6n, sans-serif;  max-width: 1500px; margin: 0 auto;  }
.fv_side .fv_side_2 h2 span{font-size: 150px; font-family: 'Marcellus', serif; display: block; padding: 28px 0 0;}
/*---------------------------------------------------------------------------*/


header{position: fixed; top: 0px; width: 100%; min-width: 1200px;z-index: 10; transition: 0.5s; }
header .logo_box{display: flex; align-items: flex-end;float: left;margin: 0 30px 0 0;}
header .logo_box .recruitment_btn{border-radius: 5px; border: 1px solid #000;color: #000;font-size: 12px;font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; padding:5px 0; text-align: center; width: 110px; transition: 0.5s;}
/* header.change-color .logo_box .recruitment_btn{border: 1px solid #000;color: #000; transition: 0.5s;} */
header .logo_box .logo_2{display: block;transition: 0.5s;}/*

header.change-color .logo_box .logo_2{display: block;transition: 0.5s;}
*//*

header .logo_box .logo_1{display: block;transition: 0.5s;}
header.change-color .logo_box .logo_1{display: none;transition: 0.5s;}
*/

header #sp_nav{width: 100%;}
header .header_list{ padding: 0 0 0 30px; width: 100%; display: flex; align-items: center;}
header.change-color{background: #fff; transition: 0.5s;}

header .header_list .logo_btn{display: block; margin: 0 10px 0 0; }
header .header_list h1{width: 100%; max-width: 300px;height: auto; }
header .header_list h1 img{width: 100%; height: auto;}
header .header_list nav{ width: 100%;max-width: 1035px; min-width: 780px; float: right;}
header .header_list ul{display: flex; align-items: center; justify-content: space-between; width: 100%;}
header .header_list ul li a{font-size: 14px;font-family: 'Noto Serif JP', serif;font-weight: 400; }
header .header_list ul li:not(:last-child){padding: 0 1% 0 0; }
header .header_list ul li:last-child{background: #000;  padding: 30px 0; width: 200px; text-align: center;}
header .header_list ul li:last-child a{color: #fff; line-height: 140%;}
header .header_list ul li:last-child a span{font-size: 20px; font-family: 'Marcellus', serif; font-weight: 500;}

.access{}
.access .link_box{display: flex; justify-content: space-between; padding: 100px 0;}
.access .link_box a{display: block; width: 525px; color: #fff; font-size: 28px; text-align: center;letter-spacing: 2px; padding: 70px 0;font-family: fot-tsukuaoldmin-pr6n, sans-serif;}
.access .link_box a span{font-size: 14px; display: block; padding: 0 0 14px; letter-spacing: 2px;font-family: 'Marcellus', serif; font-weight: 400;}
.access .link_box a:nth-child(1){background: url(../img/common/fv_bg_01.jpg) no-repeat center center; background-size: cover;}
.access .link_box a:nth-child(2){background: url(../img/common/fv_bg_02.jpg) no-repeat center center; background-size: cover;}

.access .entry{background: url(../img/common/vf_bg_02.jpg) no-repeat center center; background-size: cover; padding: 150px 0;}
.access .entry .entry_box{display: flex; justify-content: space-between; align-items: center}
.access .entry .entry_box h3{font-size: 50px; color: #fff; line-height: 140%; letter-spacing: 3px;font-family: fot-tsukuaoldmin-pr6n, sans-serif;  }
.access .entry .entry_box a{display: block; font-size: 16px; border-radius: 100%; background: #f58a69; line-height: 180%; padding: 71px 0;text-align: center; color: #fff; width: 200px;font-family: fot-tsukuaoldmin-pr6n, sans-serif;}
.access .entry .entry_box a span{font-size: 30px;letter-spacing: 2px; display: block; margin: 0 auto; font-family: 'Marcellus', serif; font-weight: 400;}

footer{background: #505050; padding: 50px 0 30px;}
footer .footr_inner{max-width: 1100px; margin: 0 auto;}
footer .footer_list_box{display: flex;  padding: 0 0 65px;}
footer .footer_list_box ul li a{color: #fff; }
footer .footer_list_box .ul_1{width: 440px; height: 256px; display: flex; flex-direction: column; flex-wrap: wrap;}
footer .footer_list_box .ul_1 li{font-size: 16px; color: #fff;padding: 0 0 30px;}
footer .footer_list_box .ul_1 li a{}
footer .footer_list_box .box{display: flex;justify-content: space-between; width: 600px;}
footer .footer_list_box .box ul{width: 165px;}
footer .footer_list_box .box li{width: 100%;padding: 0 0 10px;}
footer .footer_list_box .box li a{position: relative; display: block; padding: 0 0 0 15px;font-size: 14px; }
footer .footer_list_box .box li a:before{
	position: absolute;
	content: ''; 
	top: 0;
	bottom: 0; 
	margin: auto 0; 
	left: 0; 
	display: block;
	width: 8px;
	height: 8px; 
	border-top: solid 2px #fff; 
	border-right: solid 2px #fff; 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);
}

footer .footer_list_box .box .list_box{}
footer .footer_list_box .box .list_box h3{font-size: 16px; color: #fff ;padding: 0 0 10px;  text-align: left;}

footer .footer_list_box .box_2{display: flex; flex-wrap: wrap; padding: 0 0 30px;width: 377px; justify-content: space-between;}
footer .footer_list_box .box_2 a img{width: 376px; height: auto;}
footer .foote_box{display: flex; padding: 0 0 45px; }
footer .foote_box .logo{display: block; width: 300px; height: auto;}
footer .foote_box p{line-height: 180%; padding: 0 0 0 122px; color: #fff;}
footer .text_cener{text-align: center; font-size: 13px; color: #fff;}

@media only screen and (max-width: 768px) {
	/*----------------------------------固定-----------------------------------------*/
	body{min-width: auto;}
	.tt{font-size: 14px;letter-spacing: 0px; }
	.link_view{ margin: 32px auto 0; padding: 0; }
	.link_view .nav_box{width: 90%; overflow-x: scroll; padding:  0; margin: 0 auto;}
	.link_view ul {display: flex; padding: 0 0 31px; width: 467px; margin: 0 auto;}
	.link_view ul li {display: flex; align-items: center;}
	.link_view ul li:nth-child(1) {width: auto;}
	.link_view ul li:nth-child(2) { width: auto;}
	.link_view ul li:nth-child(3) { width: auto;}
	
	.link_view ul li:not(:last-child)::after{margin: 0 15px; width: 33px;}
	.link_view ul li a{font-size: 10px; }
	.link_view .link_btn .btn{padding: 15px 0;  font-size: 12px; width: 50%;}
	.fv_side{margin: 68px 0 0; height: auto;}
	.fv_side .img{width: 100%;}
	.fv_side .img img{width: 100%; height: auto;}
	.fv_side .fv_side_2 h2{font-size: 16px; padding: 42px 25px 5px;  }
	.fv_side .fv_side_2 h2 span{font-size: 40px; padding: 5px 0 0;}
	/*---------------------------------------------------------------------------*/
	
	
	header{position: fixed; top: 0px; width: 100%; min-width: auto ;z-index: 10; padding:  17px 0; background: #fff;}
	header .header_list{ padding: 0; display: block; }
	header .header_list .logo_btn_top{display: flex; justify-content: space-between; align-items: center; width: 90%; margin: 0 auto; position: relative; z-index: 10;}
	header .header_list .botton{width: 25px; height: 16px; }
	header .header_list .botton span{display: block; width: 25px; height: 2px; background: #707070;}
	header .header_list .botton span:nth-child(1){transition: 0.5s;}
	header .header_list .botton span:nth-child(2){transition: 0.5s; margin: 5px 0;}
	header .header_list .botton span:nth-child(3){transition: 0.5s;}
	
	header .header_list .botton{width: 25px; height: 16px; margin: auto 0; }
	header .header_list .botton.active{width: 25px; height: 25px; }
	header .header_list .botton span.top_1{transition: 0.5s; transform: rotate(45deg); position: absolute;top: 50%;}
	header .header_list .botton span.center_1{transition: 0.5s; display: none;}
	header .header_list .botton span.button_1{transition: 0.5s;  transform: rotate(-45deg); position: absolute;top: 50%;}
	header .logo_box .logo_2{display: block;}
	header.change-color .logo_box .logo_2{display: block;}
	header .logo_box .logo_1{display: none;}
	header.change-color .logo_box .logo_1{display: none;}
	
	
	header #sp_nav{width: 100%; height: 100vh; background: #fff; position: absolute; top: 52px; display: none;}
	header #sp_nav .top_sp{width: 90%; margin: 17px auto 0;}
	header .header_list .logo_btn{display: inline-block; margin:  0; }
	header .header_list h1{width: 100%; max-width: 155px;height: auto; }
	header .header_list h1 img{width: 100%; height: auto;}
	header .header_list nav{ width: 100%;max-width: none;min-width: auto; margin:30px 0 0;}
	header .header_list ul{flex-direction: column; padding: 0 25px;}
	header .header_list ul li{font-size: 14px; text-align: left; width: 100%;  border-bottom:  1px solid #000;}
	header .header_list ul li:nth-child(1){border-top:  1px solid #000;}
	header .header_list ul li:not(:last-child){padding: 15px;}
	header .header_list ul li:last-child{background: #000;  padding: 15px 0; width: 100%; margin: 25px 0 0;  }
	header .header_list ul li:last-child a{font-size: 12px;}
	header .header_list ul li:last-child a span{font-size: 18px; }
	
	
	.access .link_box{display: flex; justify-content: space-between;     flex-direction: column; padding: 33px 0 50px;}
	.access .link_box a{display: block; width: 100%; font-size: 16px; padding: 43px 0;}
	.access .link_box a span{font-size: 11px; display: block; padding: 0 0 14px; }
	.access .link_box a:nth-child(1){background: url(../img/common/fv_bg_01.jpg) no-repeat center center; background-size: cover; margin: 0 0 15px;}
	.access .link_box a:nth-child(2){background: url(../img/common/fv_bg_02.jpg) no-repeat center center; background-size: cover; }
	
	.access .entry{background: url(../img/common/vf_bg_02.jpg) no-repeat center center; background-size: cover; padding: 119px 0 10px;}
	.access .entry .entry_box{display: flex; justify-content: space-between; align-items: center}
	.access .entry .entry_box h3{font-size: 19px; text-align: left;}
	.access .entry .entry_box a{ font-size: 10px; padding: 9% 0; width: 28%; min-width: 95px; max-width: 123px;}
	.access .entry .entry_box a span{font-size: 16px;letter-spacing: 2px; display: block; margin: 0 auto; fon}
	
	footer{padding: 22px 0 30px;}
	footer .page_top{margin: 0 auto 20px;; width: 34px;  }
	footer .footr_inner{max-width: 1024px; margin: 0 auto; width: 90%;}
	footer .footer_list_box{display: flex; justify-content: space-between; flex-direction: column; padding: 0 0 65px;}
	footer .footer_list_box ul li a{color: #fff;}
	footer .footer_list_box .ul_1{width: auto; height: auto; display: flex; flex-direction: column; flex-wrap: wrap;}
	footer .footer_list_box .ul_1 li{font-size: 16px; color: #fff;padding: 15px 0; border-bottom: 1px solid #fff; border-top: 1px solid #fff}
	footer .footer_list_box .ul_1 li a{font-size: 14px}
	
	footer .footer_list_box .box .list_box {border-bottom: 1px solid #fff; }
	
	footer .footer_list_box .box_2 {width: auto; display: flex; padding: 0; flex-direction: column;}
	footer .footer_list_box .box{display: flex;justify-content: space-between;flex-direction: column; width:auto ;}
	footer .footer_list_box .box .nav_ul_box{display: none;}
	footer .footer_list_box .box ul{width: 100%; }
	footer .footer_list_box .box li{width: 100%; margin: 12px 0 25px; padding: 0px;	}
	footer .footer_list_box .box .top_box{position: relative; display: flex; align-items: center; justify-content: space-between;padding:15px 0 15px; }
	footer .footer_list_box .box .clos_btn_tag{width: 20px; height: 20px; position: relative;}
	footer .footer_list_box .box .clos_btn_tag span{display: block;width: 20px; height: 1px; transition: 0.5s; background: #fff; position: absolute; bottom: 10px;}

	footer .footer_list_box .box .clos_btn_tag .button{transform: rotate(90deg);}
	footer .footer_list_box .box .active .clos_btn_tag .top{}
	footer .footer_list_box .box .active .clos_btn_tag .button{transform: rotate(0deg);transition: 0.5s;}
	
	
	
	footer .footer_list_box .box li:not(.top) a{position: relative; display: block; padding: 0 0 0 15px;}
	footer .footer_list_box .box li:not(.top) a:before{position: absolute; content: ''; top: 0; bottom: 0; margin: auto 0; left: 0; display: block; width: 6px; height: 6px; border-top: solid 1px #fff; border-right: solid 1px #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	footer .footer_list_box .box .list_box h3 {font-size: 16px;padding: 0;}
	
	footer .footer_list_box .box_3{display: flex; padding: 0 0 30px}
	footer .footer_list_box .box_2 a img{width: auto; height: auto;}
	footer .foote_box{display: flex; padding: 0 0 15px; flex-direction: column;align-items: center;}
	footer .foote_box a{display: block; width: 100%; max-width: 250px; height: auto; padding: 0 0 30px;}
	footer .foote_box p{line-height: 180%; padding: 0 0 0; font-size: 11px; text-align: center;}
	footer .foote_box p span{padding: 22px 0 0;}
	footer .text_cener{text-align: center; font-size: 11px; }

}