/* -----------------------------------------------　all　---------------------------------------------------- */

/* -----------------------------　ボディ　------------------------------------- */



/*--------link_font--------*/



/* ----------　font　---------- */
body{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}

body, .overlay .overlay-nav .en {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-weight: 400;
}

/* ----------　カラー　---------- */
.txt_color1,.hvr_txt_color1:hover{color:     } /* 文字色 */
.txt_color2,.hvr_txt_color2:hover{color:     } /*　サブカラー*/
.txt_color3,.hvr_txt_color3:hover{color:#0f4d35;}　/* スクロールバー */
.txt_color4,.hvr_bg_color4:hover {color:     } /* アクセントカラー2 */
/*.txt_color5,.hvr_txt_color5:hover{color:   }*/ 

.bg_color1,.hvr_bg_color1:hover{background-color:   }　/* 背景色 */
.bg_color2, .hvr_bg_color2:hover {background-color: #b9afb4;
                                  filter: brightness(0.5);
} /*　サブカラー*/
.bg_color3,.hvr_bg_color3:hover{background-color: #0f4d35;}　/* アクセントカラー1 */
/*.bg_color4,.hvr_bg_color4:hover{background-color: } /* アクセントカラー2 */
/*.bg_color5,.hvr_bg_color5:hover{background-color: }*/ 

.border_color1, .hvr_border_color1:hover {
    border-color: #0f4d35;
}　/* メインカラー */
.border_color2,.hvr_border_color2:hover{border-color:   } /*　サブカラー*/
.border_color3,.hvr_border_color3:hover{border-color: #003300;}　/* 線色 */
/*.border_color4,.hvr_border_color4:hover{border-color: }*/
/*.border_color5,.hvr_border_color5:hover{border-color: }*/

.top_title .slash:before, .top_title .slash:after {background-color: #668076;}

.cate_list:before {background-color: #0f4d35!important;}

footer #footer_info {background-color: #394a44;}

/* ------------　header　------------ */

header.scr_header {
    background-color: rgb(15 46 34 / 63%)!important;
}

/* ------------　intro_title　------------ */
.intro_title1 {
    font-size: 30px;
    font-weight: bold;
}
/* ----------h　logo　---------- */
h1#logo {
    position: relative;
    left: 2%;
}

h1#logo img {
    padding: 0;
    position: relative;
    max-width: 400px;
}

.top_title h2 {
    text-shadow: 3px 3px 15px #5a656c;
}

/* ----------　linkStyle　---------- */
.linkStyle{
	color:#;
}
.linkStyle:hover{
	color:#;
	opacity: 0.7;
	transition: all 0.5s;
}

/* ----------　catch　---------- */
.pc {
    z-index: 3 ;
    width: 80% ;
    top: 70% ;
    left: 3%;
    filter: drop-shadow(1px 1px 10px rgba(51, 69, 93,0.2));
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* ----------　cms　---------- */

/* ----------　map　---------- */
body{
  margin: 0;
}

.map{
  height: 100vh;
  filter: grayscale(40%);
}

/* ---------------------------------------------　TOP　---------------------------------------- */
#contents .con_title {
    font-size: 26px;
    font-weight: bold;
}

.modal_title1 {
    display: none;
}

/* ----------　pc_nav　---------- */


/* ----------　grid_6　---------- */


/* ----------　grid_8　---------- */


/* ---------------------------------　BLOG　----------------- */




/* ---------------------------------　求人　--------------------------------- */


/* ---------------------------------　下層ページ　--------------------------------- */



/* ----------　会社情報　---------- */

/* ----------　お問い合わせ　---------- */
.mail_box{
    text-align: center;
    width: 87%;
    margin: 0 auto;
    max-width: 500px;
}

.txt_box p{
    font-size: 80%;
}

/* ----------　プライバシーポリシー ---------- */


/* -------------　サイトマップ　-------------- */

@media all and (-ms-high-contrast: none){
  .sample{

  }
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

/*-------------------------------------------------------タブレット-------------------------------------------------------*/
@media screen and (max-width: 768px){

#loading .kvArea .img_box img {
    max-width: 90%;
    height: 80%;
}

#loading #loading_text .progressbar-text {
    top: 70%;
}

h1#logo img {
    max-width: 300px;
}

.overlay .overlay-nav .top .jp {
    font-size: 23px;
}

.intro_title1 {
    font-size: 27px;
    font-weight: bold;
}

span.jp {
    font-size: 16px;
}

span.slash {
    font-size: 66px;
}

#contents .con_title {
    font-size: 37px;
}

.sp{
    width: 85%;
    top: 75%;
}

.cate_title {
    font-size: 21px;
}

}

/*-------------------------------------------------------スマホ-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
h1#logo img {
    max-width: 200px;
}
    
span.slash {
    font-size: 50px;
}  

.intro_title1 {
    font-size: 22px;
    font-weight: bold;
}

#contents .con_title {
    font-size: 16.5px;
    font-weight: bold;
}   
 
.sp {
    width: 85%;
    top: 13%;
    left: 2%;
}
 
.txt_box p {
    font-size: 68%;
}
 
}