@charset "UTF-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 768px) {

.hed_wrap{margin: 0 auto;}
    
.mt40{margin-top: 40px;}
    
#mission {position:relative; min-width: 1400px;}

#mission .section_wrap{margin: 0 auto 160px;}

#mission .top_box{position: relative; background: url("../images/mission/top_bg.jpg"); background-size: cover;  background-attachment: fixed; padding: 150px 0;}
#mission .top_box::before{content: ""; display: block; background: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .8)); position: absolute; left: 0;width: 100%; height: 100%; z-index: 1; top: 0;}
    
#mission .top_box .text_box{ z-index: 2; top: 11%; text-align: center; color: #fff; position: relative;}

#mission .top_box .text_box .tit{font-size: 2rem; font-weight: 600; font-family: 'Noto Serif JP', serif;}
#mission .top_box .text_box .text{font-size: 1rem; margin-top: 60px; line-height: 2.2; letter-spacing: 2px;}
    
    

/* スライドの動き等速 */
#mission .swiper-wrapper {
  transition-timing-function: linear;
}
/* 画像のサイズ調整 */
#mission .swiper-slide img {height: auto;width: 100%;}
#mission .swiper-slide{margin-left: 20px;}
#mission .swiper-slide.mt30{}
    
#mission .swiper_about{ width: 100%; margin-top: 150px; margin-top: 130px;}

#mission .position{width: 90%; margin: 0 auto 200px;}
#mission .position .tit{text-align: center; font-size: 1.8rem; line-height: 1; margin: 0 0 60px; background: linear-gradient(105deg,#7B5825 33.02%,#8A6B1C 54.88%,#8B5608 81.27%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center;}
#mission .position .img_box{width: 1200px; margin: 100px auto;}
    
#mission .position .tit{font-size: 2rem; position: relative; padding-top: 30px;}
#mission .position .tit::before{content: ""; display: block; background: #8A6B1C; height: 1px; width: 70px;  position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
        
#mission .position .cont_box .cont_item{margin-top: 130px;}
#mission .position .cont_box .cont_item h3{font-size: 1.2rem; text-align: center; line-height: 1.5;}     
#mission .position .cont_box .cont_item h3 span{display: block; color: #BCB2A0; text-align: center; font-size: 3rem;}
   
#mission .position .cont_box .cont_item.Vision h3 span{color: #DBC491;}
#mission .position .cont_box .cont_item.Mission h3 span{color: #BC9548;} 
#mission .position .cont_box .cont_item.Value h3 span{color: #8A6B1C;}  
    
#mission .position .cont_box .cont_item .flex_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px;}  

#mission .position .cont_box .cont_item .flex_wrap .flex_item{width: 32%; background: #f2efe9; padding: 50px; box-sizing: border-box; border-top: solid 2px #8A6B1C;}
#mission .position .cont_box .cont_item .flex_wrap .flex_item h4{color: #8A6B1C; text-align: center; font-size: 1.3rem;}
#mission .position .cont_box .cont_item .flex_wrap .flex_item .text{margin-top: 20px; font-size: 1rem;} 
    
#mission .position .cont_box .cont_item .text_box{font-size: 1.1rem; text-align: center; margin-top: 30px;}
    
#mission .last_text_box{background: url("../images/mission/bg.jpg"); background-size: auto; background-size: cover; position: relative; padding: 30px; box-sizing: border-box; width: 900px; margin: 120px auto 0; border-radius: 30px; overflow: hidden; border: solid 2px #8A6B1C; padding: 100px 0;}
 
#mission .last_text_box::before { content: ""; display: block; background: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .8)); position: absolute; left: 0; width: 100%; height: 100%; z-index: 1; top: 0;}
    
#mission .last_text_box .text{color: #fff; position: relative; z-index: 2; text-align: center; font-size: 1.1rem; line-height: 2.2; font-weight: 700; letter-spacing: 3px;}
    
   
    
    
    
    
}



/*sp*/
@media only screen and (max-width: 767px) {

.hed_wrap {margin: 0 auto;}
    
.mt40 {margin-top: 40px;}
    
#mission { position:relative; }

#mission .section_wrap { margin: 0 auto 80px; }

#mission .top_box {
position: relative;
background: url("../images/mission/top_bg.jpg");
background-size: cover;
background-attachment: fixed;
padding: 100px 0;
}
#mission .top_box::before {
content: "";
display: block;
background: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .8));
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
z-index: 1;
}

#mission .top_box .text_box { z-index: 2; top: 11%; text-align: center; color: #fff; position: relative; }
#mission .top_box .text_box .tit { font-size: 1.6rem; font-weight: 600; font-family: 'Noto Serif JP', serif; }
#mission .top_box .text_box .text { margin-top: 40px; line-height: 2.2; letter-spacing: 2px; }
    
    

/* スライドの動き等速 */
#mission .swiper-wrapper {
transition-timing-function: linear;
}
/* 画像のサイズ調整 */
#mission .swiper-slide img { height: auto; width: 100%; }
#mission .swiper-slide { margin-left: 20px; }
#mission .swiper-slide.mt30 {}
    
#mission .swiper_about { width: 100%; margin-top: 50px; overflow: hidden; }

/* position */
#mission .position { width: 90%; margin: 0 auto 100px; }

#mission .position .tit { font-size: 1.6rem; position: relative; padding-top: 20px; text-align: center; line-height: 1; color: #8A6B1C; }
#mission .position .tit::before {
content: "";
display: block;
background: #8A6B1C;
width: 70px; height: 1px;
position: absolute;
top: 0; left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

#mission .position .img_box { margin: 50px auto 0; }
        
#mission .position .cont_box .cont_item { margin-top: 50px; }
#mission .position .cont_box .cont_item h3 { font-size: 1rem; text-align: center; line-height: 1.5; }     
#mission .position .cont_box .cont_item h3 span { display: block; color: #BCB2A0; text-align: center; font-size: 2rem; }
#mission .position .cont_box .cont_item.Vision h3 span { color: #DBC491; }
#mission .position .cont_box .cont_item.Mission h3 span { color: #BC9548; }
#mission .position .cont_box .cont_item.Value h3 span { color: #8A6B1C; }

#mission .position .cont_box .cont_item .flex_wrap { margin-top: 30px; }
#mission .position .cont_box .cont_item .flex_wrap .flex_item { background: #f2efe9; padding: 20px; box-sizing: border-box; border-top: solid 2px #8A6B1C; }
#mission .position .cont_box .cont_item .flex_wrap .flex_item h4 { color: #8A6B1C; text-align: center; font-size: 1.2rem; }
#mission .position .cont_box .cont_item .flex_wrap .flex_item .text { margin-top: 10px; text-align: center; } 
    
#mission .position .cont_box .cont_item .text_box { text-align: center; margin-top: 20px; }
    
#mission .last_text_box {
background: url("../images/mission/bg.jpg");
background-size: auto;
background-size: cover;
position: relative;
padding: 30px;
box-sizing: border-box;
margin: 80px auto 0;
border-radius: 20px;
overflow: hidden;
border: solid 2px #8A6B1C;
}
 
#mission .last_text_box::before { content: ""; display: block; background: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .8)); position: absolute; left: 0; width: 100%; height: 100%; z-index: 1; top: 0;}
    
#mission .last_text_box .text{color: #fff; position: relative; z-index: 2; text-align: center; line-height: 2.2; font-weight: 700; letter-spacing: 3px;}


}