@charset "UTF-8";
/*************************************** 矢印
*****************************************/
/* gallery.scss
***************************************

gallery

*****************************************/
.gallery .title_bar { background-color: #EDE0C9; line-height: 130%; display: flex; align-items: center; }
.gallery .title_bar h1 { color: #333; }
.gallery .bg-title { background-color: #EDE0C9; }
.gallery .narrow_center { margin-left: auto; margin-right: auto; }
@media print, screen and (min-width: 1030px) { .gallery .narrow_center { max-width: 980px; padding-left: 40px; padding-right: 40px; } }
@media screen and (max-width: 1029px) { .gallery .narrow_center { width: 90%; } }
.gallery .fs-14 { font-size: 1.4rem; }
@media screen and (min-width: 1030px) { .gallery .ma100 { margin-bottom: 100px; } }
.gallery .copy { font-weight: normal; line-height: 150%; }
@media print, screen and (min-width: 1030px) { .gallery .copy { margin: 70px auto 50px; } }
@media screen and (max-width: 1029px) { .gallery .copy { margin: 40px auto; } }
.gallery .elm-block { display: block; }
.gallery .top_pic-flex_cont .pic-box { width: 45%; }
@media screen and (max-width: 1029px) { .gallery .top_pic-flex_cont .pic-box { width: 100%; } }
.gallery .top_pic-flex_cont .txt-box { width: 50%; }
@media screen and (max-width: 1029px) { .gallery .top_pic-flex_cont .txt-box { width: 100%; } }
.gallery .contact-box { border: 1px solid #777; padding: 40px; }
@media screen and (max-width: 1029px) { .gallery .contact-box { padding: 5%; } }
.gallery .contact-box .btn.tel a { background-color: #535353; padding-top: 20px; padding-bottom: 20px; font-size: 2rem; width: 100%; max-width: 370px; }
.gallery .contact-box .btn.tel a::after { display: none; }
.gallery .career_area { background-color: #EBEAE1; padding: 70px 0 180px; position: relative; margin-bottom: 100px; }
@media screen and (max-width: 1029px) { .gallery .career_area { padding: 60px 0 380px; margin-bottom: 60px; } }
.gallery .career_area .career-flex_cont { margin-bottom: 10px; }
@media screen and (max-width: 1029px) { .gallery .career_area .career-flex_cont { flex-wrap: nowrap; margin-bottom: 10px; } }
.gallery .career_area .career-flex_cont dt { width: 150px; margin-right: 20px; }
.gallery .career_area ul li { margin-bottom: 10px; }
.gallery .career_area .pic-box { position: absolute; width: 350px; bottom: 0; right: calc(50% - (350px + 120px)); }
@media screen and (max-width: 1029px) { .gallery .career_area .pic-box { width: auto; height: 350px; right: 50%; margin-right: -92px; } }