@charset "UTF-8";
html, body {margin:0;padding:0;}
@media screen nd (min-width:769px){
html, body {height:100%;overflow-x:hidden;}
}
body {
font-size:100%;
color:#111;
background-color:#fff;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/*---------- リンク設定 ----------*/

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;text-decoration:none;}
a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
a img {border-style:none;}
img {vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
a:hover img{filter:brightness(1.2);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}


/*---------- ベーステキストの指定 ----------*/

p {
font-size:100%;
line-height:180%;
}
@media screen and (min-width:769px){
p {font-size:16px;letter-spacing:1px;}
}


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

header {
padding:25px 0 30px 0;
text-align:center;
}
.logo img{width:180px;}
.recruit{
padding:15px 0 20px 0;
font-size:110%;
line-height:100%;
letter-spacing:10px;
text-indent:10px;
color:#8a7c75;
font-family:'Roboto Condensed', sans-serif;
}
h1{
margin:0;
padding:0;
font-size:90%;
font-weight:normal;
line-height:180%;
letter-spacing:1px;
text-indent:1px;
}
.mv img{width:100%;}
@media screen and (min-width:769px){
header {padding:60px 0 45px 0;}
.logo img{width:256px;}
.recruit{font-size:18px;}
h1{font-size:14px;}
.mv{
text-align:center;
background-image:url("img/mv_bg.png") ;
background-position:center center;
background-size:cover;
}
.mv img{width:100%;max-width:1180px;}
}


.guide_bg{
margin:0;
padding:0 20px 1px 20px;
background:#fdfcf8;
}
.guide_title{
padding:45px 0 20px 0;
font-size:200%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family:'Shippori Mincho', serif;
}
.guide_txt{font-size:100%;line-height:180%;}
.select_box{margin:30px 0 75px 0;}
.select{
margin:0 0 30px 0;
padding:45px 30px;
box-sizing:border-box;
border-radius:8px;
background:#fff;
border:solid 1px #dcd3c8;
}
.select_head{
padding:5px 0 20px 0;
font-size:80%;
line-height:100%;
text-align:center;
}
.select_head span{
padding:3px 20px;
color:#b89456;
border-radius:20px;
border:solid 1px #b89456;
}
.select h2{
margin:0;
padding:0 0 15px 0;
font-size:180%;
line-height:140%;
text-align:center;
font-family:'Shippori Mincho', serif;
}
.select_txt{
font-size:90%;
line-height:180%;
text-align:justify;
}
.select_enter{padding:20px 0 0 0;text-align:center;}
.select_enter a:link{color:#fff;text-decoration:none;}
.select_enter a:visited{color:#fff;text-decoration:none;}
.select_enter a:hover{color:#fff;text-decoration:none;}
.btn{
width:60%;
display:inline-flex;
justify-content:center;
align-items:center;
padding:18px 40px;
font-weight:bold;
border-radius:50px;
font-size:1.2rem;
letter-spacing:0.05em;
box-shadow:0 4px 15px rgba(0,0,0,0.1);
background:linear-gradient(135deg, #d4af66 0%, #b38e45 100%);
position: relative;
}
.btn:after{
content:'\f054';
font-family:'Font Awesome 5 Free';
font-size:80%;
font-weight:900;
right:20px;
position:absolute;
}
.btn:hover{
transform:translateY(-2px);
box-shadow:0 6px 20px rgba(0,0,0,0.15);
}
@media screen and (min-width:769px){
.guide_bg{padding:0 0 1px 0;}
.guide_title{font-size:36px;}
.guide_txt{font-size:16px;text-align:center;}
.select_box{
width:94%;
max-width:1180px;
margin:0 auto 120px auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.select{width:31%;margin:0;}
.select_head{font-size:14px;}
.select h2{
font-size:24px;
min-height:calc(1.5em * 2);
display:flex;
align-items:center;
justify-content:center;
}
.select_txt{font-size:14px;}
.btn{width:70%;}
}




/*------------------------------ フッター ------------------------------*/

#footer{
margin:0;
padding:30px 0;
font-size:80%;
line-height:150%;
text-align:center;
color:#fff;
background:#2e2e2e;
}
@media screen and (min-width:769px){
#footer{padding:45px 0;font-size:12px;}
}

/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {font-weight:bold;color:#c30d23;}

/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}