/*main*/
a{color: #ec1111; text-decoration: none;}a:hover{color:#ed6d00;}
/*nav*/
.above_the_fold{position: relative; }
.logo {position: fixed; top:20px; left: 20px;z-index: 9999;}
.logo img {display:block; width:100%; max-width:300px;}
.h_bttn{position: fixed; top:20px; right: 20px;display:flex;align-items:center; margin-bottom: 10px; justify-content: flex-end; padding-bottom: 10px; z-index: 9999;}
.h_bttn div {margin-right: 20px; float: right;}
a.h_bttns{margin: 0px auto; color: #ffffff;padding: 15px 40px; transition:0.3s; border-radius: 30px; display: block; font-size: 150%; font-weight: bold;}
a.h_bttns:hover { background:#000000; color:#fff; }
a.btn_recruit01{background: #ec1111;}
a.btn_recruit02{background: #e98b05;}

.navigation{display:flex; justify-content: space-around; flex-wrap: wrap; align-items:center;width:100%; max-width: 1200px; margin: 0px auto; padding: 100px 0px 50px; border-bottom: 3px solid #271105; }
.navigation dd{width: 20%;text-align: center;  }
.navigation dd a{color: #271105; font-size: 160%; font-family: Georgia, "Times New Roman", Times, "serif"; letter-spacing: .2em;text-align: center; }
.navigation dd p {font-size: 60%; margin-top: 15px;text-align: center; }
.navigation dd a:hover{color: #ec1111;}
    
a.h_bttn_web{margin: 0px; color: #ffffff;padding: 10px 35px; transition:0.3s; font-weight: bold;background: #d61518; display: block;}
a.h_bttn_web:hover{background: #ed6d00; }

@media screen and (min-width:1000px){
.h_bttn_sm{display: none;}
}

@media screen and (max-width:999px){
.logo img {display:block; width:100%; max-width:200px;}
.navigation{width:100%; max-width: 999px; margin: 0px auto; padding: 50px 0px 50px; border-bottom: 3px solid #271105; }
.navigation dd a{margin-right:20px; font-size: 130%;letter-spacing: .2em;}
.h_bttn{display: none;}
.h_bttn_sm{margin:0px auto 50px; display: flex; justify-content: center; padding-top: 50px;}
.h_bttn_sm div {margin-right: 20px; float: right;}
}

@media screen and (max-width:650px){
.logo img {display:block; width:100%; max-width:150px;}
.navigation{width:100%; max-width: 650px; margin: 0px auto; padding: 30px 0px 30px; border-bottom: 3px solid #271105; }
.navigation dd a{font-size: 100%;letter-spacing: .2em; width: 50%; padding-bottom: 15px;}
.h_bttn{display: none;}
.h_bttn_sm{margin:0px auto 20px; display: flex; justify-content: center; padding-top: 20px;}
.h_bttn_sm div {margin-right: 10px; float: right; font-size: 80%;}
a.h_bttns02,a.h_bttns{font-size:80%;padding: 10px 20px;border-radius:15px; }
    }

@media screen and (min-width:925px){
.nav-menu{display: none;}
.nav-check,.nav-btn,.nav-menu .icon{display:none;}
.nav-menu a.h_bttn{display:none;}
.nav-menu a.h_bttn_web{display:none;}
}
@media screen and (max-width:924px){
.navigation{ display: none;}
nav dl dd{display:none;}
	.fixed_nav{display:none;}
    
	.nav-menu{position:fixed;top:0;right:0;transform:perspective(500px) rotateY(-90deg);opacity:0;}
	.nav-check{display:none;}
	.nav-btn{position:fixed;display:block;top:20px;right:20px;display:block;width:40px;height:40px;font-size:10px;text-align:center;cursor:pointer;z-index:3 }
	.nav-bar{position:absolute;top:0;left:0;display:block;width:40px;height:3px;background:#d61518;transition:all .1s;transform-origin:left top;}
	.nav-bar_under{position:absolute;top:0;left:0;display:block;width:40px;height:3px;background:#2e1608;transition:all .1s;transform-origin:left top;}
	.nav-bar.middle{top:11px;opacity:1;}.nav-bar_under.middle{top:11px;opacity:1;}
	.nav-bar.bottom{top:23px;transform-origin:left bottom;}.nav-bar_under.bottom{top:23px;transform-origin:left bottom;}
    
    .nav-menu{background:#ffffff;box-sizing:border-box;width:300px;height:100%;padding:50px 0;transition-property:all;transition-duration:.1s;transition-delay:0s;transform-origin:right center;display:block;}
    nav dl dt ul li{display:block;}
	.nav-menu li a{color:#000000;display:block;padding:15px 20px;transition:all .1s;text-decoration:none;font-size:90%; border-bottom: 1px dotted #2e1608; text-align: left; width: 100%; font-size: 120%;}
    .nav-menu li p {font-size: 70%;margin-top: 5px; } 
    .nav-menu a.h_bttn{margin: 10px auto; color: #ffffff;padding: 10px 10px; transition:0.3s; width: 200px; text-align: center; }
    .nav-menu a.h_bttn_web{background: #d61518;}
    .nav-menu a.h_bttn:hover { background:#d61518; color:#ffffff; }
    .nav-menu a.h_bttn_web:hover{background: #ed6d00; }
    
	.nav-menu  li a:hover, .nav-menu  li a:hover p, .nav-menu ul li a:hover font{color:#ed6d00;background:rgba(255,255,255,0.80);}
	.nav-btn:hover .nav-bar{background:#ed6d00;}
	.nav-close{position:fixed;top:0;right:300px;width:100%;height:100vh;background:rgba(0,0,0,0);cursor:auto;transition-property:all;transition-duration:.1s;transition-delay:0s;visibility:hidden;opacity:0;}
	.nav-check:checked ~ .nav-menu{transition-delay:.1s;transform:none;opacity:1;z-index:2;}
	.nav-check:checked ~ .nav-btn .nav-bar.top{width:45px;transform:rotate(45deg);}
	.nav-check:checked ~ .nav-btn .nav-bar.middle{opacity:0;}
	.nav-check:checked ~ .nav-btn .nav-bar.bottom{width:45px;top:31px;transform:rotate(-45deg);}
	.nav-check:checked ~ .nav-btn .nav-bar_under.top{width:45px;transform:rotate(45deg);}
	.nav-check:checked ~ .nav-btn .nav-bar_under.middle{opacity:0;}
	.nav-check:checked ~ .nav-btn .nav-bar_under.bottom{width:45px;top:31px;transform:rotate(-45deg);}
	.nav-check:checked ~ .nav-close{transition-duration:1s;transition-delay:.1s;background:rgba(0,0,0,.5);visibility:visible;opacity:1;z-index:3;}
}

#footer {margin: 50px auto 0; padding:0px;}
#footer a {color:#000000; display: inline-block;}
#footer a:hover {color:#ed6d00; }
#footer img { width: 100%; }
#footer .content {max-width: 1400px; margin: 50px auto; padding: 0px 0;}
.f_name {font-size:180%; text-align: center; margin: 30px 10px;}
.f_address {font-size:120%; text-align: center; margin: 30px 10px; line-height: 180%;}
.copyright {text-align: center; font-size: 90%; height: 50px; display: flex; align-items: center; justify-content: center;}
#footer .icon img {width: 30px; margin: 0 10px;}
.footer_corp {display:flex; justify-content: space-around; flex-wrap: wrap; margin-top: 50px;}
.footer_corp li {border-right:1px dotted #000; width: 30%;}
.footer_corp li:last-child {border-right:0px dotted #000;}
.footer_corp li .golf_name {text-align: center; font-size: 120%; margin-bottom: 15px;}
.footer_corp li .address {text-align: center; font-size: 90%; margin-bottom: 15px;}


@media screen and (max-width: 999px) {
#footer img { width: 100%; }
#footer .content {display:flex; justify-content: center; max-width: 999px; margin: auto; flex-wrap: wrap; padding: 0px 0;}
.f_name {font-size:140%; text-align: center; margin: 20px 10px;}
.f_address {font-size:90%; text-align: center; margin: 30px 10px; line-height: 180%;}
.copyright {text-align: center; font-size: 90%; height: 50px; display: flex; align-items: center; justify-content: center;}
.footer_corp li {border-bottom:1px dotted #000; width: 100%; border-right: 0px; margin-bottom: 10px;}
.footer_corp li:last-child {border-bottom:0px dotted #000;}
.footer_corp li .golf_name {text-align: center; font-size: 110%; margin-bottom: 15px;}
.footer_corp li .address {text-align: center; font-size: 80%; margin-bottom: 15px;}
.copyright { font-size: 70%; }
}

/*top*/
.m_title {text-align: center;padding: 100px 50px 100px; font-size: 400%; max-width: 800px; margin: auto; letter-spacing: .2em;display: block;}
.m_title p {font-size: 35%; text-align: center; text-decoration: underline; text-decoration-color:#d9aa08; display: block;text-underline-offset: 15px; margin-top: 20px;}

@media screen and (max-width: 999px) {
.m_title {padding: 50px 50px 50px; font-size: 200%; max-width: 999px; margin: auto; letter-spacing: .2em;}
.m_title p {font-size: 35%; margin-top: 20px;}
}
/* basebox */

.container {background: url(../../images/common/bg.jpg) top center repeat-y; background-size: cover; padding-top:0px;}
@media screen and (min-width: 1400px) {
	.limit_box { max-width: 1400px; padding: 0px 30px; margin: 0px auto 50px auto; }
	.limit_box_nb { max-width: 1400px; padding: 30px; margin: 0px auto; }
	.limit_box_member { max-width: 1200px; padding: 0 30px; margin: 0px auto 70px auto; background: rgba(255,255,255,0.9); }
	.wide_box { margin: 0px auto 100px ; width:100%; }
	.sm_box { max-width: 1000px; padding: 30px; margin: 10px auto 0px auto; }
}

@media screen and (max-width: 1399px) {
	.limit_box { margin:0px 3% 50px; }
	.limit_box_nb { padding: 30px; margin: 0px auto; }
	.limit_box_member { margin: 20px 3%; }
	.wide_box { margin: 30px auto; }
}


.title01  {	font-size: 250%; color: #000000; margin-bottom: 50px; text-align: center; }
.title01 font {font-size: 50%;  margin-top: 10px; color: #e40101; font-style: normal; text-align: center; padding: 5px; display: block; }

.sub_title{border-top:3px #000000 double;border-bottom:3px #000000 double;padding-top:8px;padding-bottom:8px;margin-bottom:15px;color:#e40101;font-size:110%;}
.stitle {	font-size: 120%;	border-bottom: 1px dotted #ffffff;	padding-bottom: 3px;	margin-bottom: 20px;	text-align: left;	clear: both;	color: #ffffff;}

/*topscroll*/
.topscroll a{background:#2f478c;color:#FFF;}
.topscroll a:hover{background:#557877;color:#FFF;}

.top_pr_2col {display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 1400px; margin: 50px auto 100px;}
.top_pr_2col dd{width: 45%;}
@media screen and (max-width: 649px) {
.top_pr_2col dd{width: 100%;}}

.data_3col {display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 1400px; margin: 50px auto 100px;}
.data_3col dd{width: 31%;}
@media screen and (max-width: 649px) {
.data_3col dd{width: 45%;}}

.job_3col {display:flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 1400px; margin: 50px auto 100px;}
.job_3col dd{width: 31%;}
.job_3col dd .job_ph{margin-bottom: 15px; position: relative;}
.job_3col dd .job_ph img{border-radius: 10px; width: 100%;}
.job_3col dd .txt_box {background: #FFFFFF; position: absolute; bottom:20px; left:0; padding: 10px 15px;}
.job_3col dd .txt_box .txt_lg {font-size: 180%;}
.job_3col dd .txt_box .txt_sm {font-size: 100%; color:#CCCCCC;}

/*slider*/
.slider_bg{background-size:cover;padding-top:20px;padding-bottom:20px; margin-bottom: 50px;}
.rest_slider .slick-slide{margin-left:0px;margin-right:0px;}
.rest_slider .slick-slide img{width:400px;}
@media screen and (max-width:1399px){
.rest_slider .slick-slide{margin-left:0px;margin-right:0px;}
.rest_slider .slick-slide img{width:300px;}
.slider_bg{padding-top:30px;padding-bottom:10px;}
.job_3col {width: 90%; max-width: 1400px; margin: 50px auto 100px;}
.job_3col dd{width: 48%;}
.job_3col dd .txt_box .txt_lg {font-size: 150%;}
.job_3col dd .txt_box .txt_sm {font-size: 80%; color:#CCCCCC;}
}
@media screen and (max-width:600px){
.rest_slider .slick-slide{margin-left:0px;margin-right:0px;}
.rest_slider .slick-slide img{width:150px;}
.slider_bg{padding-top:30px;padding-bottom:0px;}
.job_3col {width: 90%; max-width: 1400px; margin: 50px auto 100px;}
.job_3col dd{width: 100%;}
}

/* ジャンプ位置調整 */

a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

/* ===========================
採用情報
============================*/
/* トリガーとなるタイトルと表示・非表示する内容全体の１つのコンテンツ枠 */
.cont { margin-bottom:1.5em; }

/* トリガーとするタイトル部分 */
.cont_title, .cont_title_expand { border:2px #e8e6dc solid; border-radius:0.2em; margin-bottom:1em; padding:0.3em 1.5em 0.5em; cursor:pointer; background:#fff; font-weight:bold; text-align:left; font-size:140%; position:relative; vertical-align: middle;}
/*内容非表示時のタイトル*/
.cont_title { background:#fff; font-weight:bold; }
.cont_title:hover { background:#e8e6dc; }

.cont_title font { display:inline-block; }

/* 内容表示時のタイトル */
.cont_title_expand { background:#e8e6dc; }

/* 表示・非表示する内容全体枠 */
.disp_area { border:2px #ccc solid; border-top-style:none; padding:1em; margin-bottom:5em; text-align:left; }

/* 表示した内容内につける閉じボタン */
.toji_btn_div { margin:2em auto 4em; text-align:center; }
.toji_btn { padding:5px 15px; background:#000; color:#fff; border-radius: 30px; }
.toji_btn:hover { background:#c66; }

/* タイトル内につける「表示」「非表示」を表す記号 */
.trigger_plus, .trigger_minus { font-weight:bold; font-size:140%; line-height:110%; position:absolute; right:0.5em; bottom:0.4em; }

/* ＋ */
.trigger_plus { color:#f00; }
/* － */
.trigger_minus { color:#000; }

/*interview*/
.voice01_box{border-radius: 15px; background: #e0f4f7; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; max-width: 1000px; margin: 0 auto 20px;}
.voice01_box dt{ width: 30%; padding: 5% 0 0 5%;}
.voice01_box dd{ width: 55%; padding: 5%;}
.voice01_box dt img { width: 100%;}
.voice01_box .v_title{ color: #33cccc; font-size: 220%; margin-bottom: 30px;display: flex; justify-content: space-between; }
.voice01_box .v_year{ background: #33cccc; color:#FFFFFF; border-radius: 30px; float: right; padding: 10px 15px; font-size: 50%;}
.voice01_box .catch {color:#003366; font-size: 140%; margin-bottom: 20px;}
.voice01_box .detail {font-size: 110%; line-height: 200%;}

.voice02_box{border-radius: 15px; background: #f5e8ed; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; max-width: 1000px; margin: 0 auto 20px;}
.voice02_box dt{ width: 30%; padding: 5% 0 0 5%;}
.voice02_box dd{ width: 55%; padding: 5%;}
.voice02_box dt img { width: 100%;}
.voice02_box .v_title{ color: #f53e65; font-size: 220%; margin-bottom: 30px;display: flex; justify-content: space-between; }
.voice02_box .v_year{ background: #f53e65; color:#FFFFFF; border-radius: 30px; float: right; padding: 10px 15px; font-size: 50%;}
.voice02_box .catch {color:#003366; font-size: 140%; margin-bottom: 20px;}
.voice02_box .detail {font-size: 110%; line-height: 200%;}

.voice03_box{border-radius: 15px; background: #fef9eb; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; max-width: 1000px; margin: 0 auto 20px;}
.voice03_box dt{ width: 30%; padding: 5% 0 0 5%;}
.voice03_box dd{ width: 55%; padding: 5%;}
.voice03_box dt img { width: 100%;}
.voice03_box .v_title{ color: #efb616; font-size: 220%; margin-bottom: 30px;display: flex; justify-content: space-between; }
.voice03_box .v_year{ background: #efb616; color:#FFFFFF; border-radius: 30px; float: right; padding: 10px 15px; font-size: 50%;}
.voice03_box .catch {color:#003366; font-size: 140%; margin-bottom: 20px;}
.voice03_box .detail {font-size: 110%; line-height: 200%;}

@media screen and (max-width:1000px){
.voice01_box,.voice02_box,.voice03_box{width: 90%; font-size:90%;}
    .voice01_box .v_title, .voice02_box .v_title, .voice03_box .v_title{ font-size:185%;}
}
@media screen and (max-width:700px){
.voice01_box,.voice02_box,.voice03_box{width: 90%; font-size:85%;}
.voice01_box dt,.voice02_box dt,.voice03_box dt{ width: 90%;padding: 5%;}
.voice01_box dd,.voice02_box dd,.voice03_box dd{ width: 90%;padding: 5%;}
}