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


.swiper-pagination{}
.swiper-pagination-bullet{ opacity: 1; background-color: #a7a7a7; height: 2px; border-radius: 2px;}
.swiper-pagination-bullet-active{ background-color: #18cced;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{}

#topslide .swiper-slide{ background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;}
#topslide .slide01{ background-image: url("../images/slide/01.jpg");}
#topslide .slide02{ background-image: url("../images/slide/02.jpg");}
#topslide .a_100th{ display: flex; align-content: center; justify-content: center; flex-wrap: wrap; position: absolute;}
#topslide .a_100th>p{ font-weight: bold; width: 100%; text-align: center; letter-spacing: .22em; padding-left: .22em;}
#topslide .slide01>.a_100th{ width: 100%; height: 100%; left: 0; top: 0;}
@media (min-width: 768px) {
.swiper-pagination{ text-align: right; padding: 0 8px;}
.swiper-pagination-bullet{ width: 30px;}
.swiper-pagination-bullet-active{ width: 80px;}

#topslide .swiper-slide{ width: 100%; height: 600px;}
#topslide .a_100th>p{ font-size: 26px;}
#topslide .a_100th>img{ width: 312px;}

#topslide .slide01>.a_100th>p{ font-size: 26px;}
#topslide .slide01>.a_100th>img{ width: 312px;}

#topslide .slide02>.a_100th{ width: 300px; height: 200px; right: 20px; bottom: 20px;}
#topslide .slide02>.a_100th>p{ font-size: 16px;}
#topslide .slide02>.a_100th>img{ width: 220px;}
}
@media (max-width: 767.98px) {
.swiper-pagination{ padding: 0 4px;}
.swiper-pagination-bullet{ width: 15px; margin: 0 3px;}
.swiper-pagination-bullet-active{ width: 40px;}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{ bottom: 20px;}

#topslide{ background-color: #f5f5f5;}
#topslide{ padding-bottom: 50px;}
#topslide .swiper-slide{ padding: 0 0 76%;}
#topslide .slide01>div>p{ font-size: 13px;}
#topslide .slide01>div>img{ width: 156px;}

#topslide .slide02>.a_100th{ width: 110px; height: 70px; right: 10px; bottom: 10px;}
#topslide .slide02>.a_100th>p{ font-size: 8px; margin-bottom: 5px;}
#topslide .slide02>.a_100th>img{ width: 100px;}
}



.swiper-button-next,
.swiper-button-prev{ background: rgba(52,114,183,0.7) url("../common/images/link_arrow_white.svg") no-repeat center;}
.swiper-button-prev{ transform: rotate(180deg);}

#works_slide{}
#works_slide .swiper-slide{ position: relative;}
#works_slide .swiper-slide>.img{ background-repeat: no-repeat; background-position: center; background-size: cover;}
#works_slide .swiper-slide>.text{}
#works_slide .swiper-slide>.text>.ct{ color: #595959;}
#works_slide .swiper-slide>.text>.ttl{}
@media (min-width: 768px) {
.swiper-button-next{ right: 0;}
.swiper-button-prev{ left: 0;}
.swiper-button-next,
.swiper-button-prev{ background-size: 18px auto; height: 60px; width: 60px; margin-top: -30px;}

#works_slide{ margin-top: 60px;}
#works_slide .swiper-slide{ width: 340px; height: 255px; text-decoration: none; color: black;}
#works_slide .swiper-slide:hover{ opacity: 1; text-decoration: none;}
#works_slide .swiper-slide>div{ transition: .3s;}
#works_slide .swiper-slide>.img{ position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}
#works_slide .swiper-slide>.img::before{ display: block; content: ""; position: absolute; left: 7px; top: 7px; width: calc(100% - 14px); height: calc(100% - 14px); border: 1px solid white; opacity: 0;}
#works_slide .swiper-slide>.text{ position: relative; z-index: 2; display: flex; justify-content: center; align-content: center; flex-wrap: wrap; text-align: center; background-color: rgba(255,255,255,0.8); width: 100%; height: 100%; padding: 14px; opacity: 0;}
#works_slide .swiper-slide>.text>p{ width: 100%; margin: 0 0 6px;}
#works_slide .swiper-slide>.text>.ct{ font-size: 15px;}
#works_slide .swiper-slide>.text>.ttl{ font-size: 16px;}
#works_slide .swiper-slide>.text::after{ content: ""; display: block; margin: 0 auto; background: #3472b7 url("../common/images/link_arrow_white.svg") no-repeat center / auto 14px; width: 40px; height: 40px; border-radius: 50%;}
#works_slide .swiper-slide:hover>.img::before,
#works_slide .swiper-slide:hover>.text{ opacity: 1;}
}
@media (max-width: 767.98px) {
.swiper-button-next,
.swiper-button-prev{ display: none;}

#works_slide{ width: calc(100% - 30px); margin: 30px auto 0;}
#works_slide .swiper-slide{}
#works_slide .swiper-slide>.img{ width: 100%; padding: 0 0 75%;}
#works_slide .swiper-slide>.text{}
#works_slide .swiper-slide>.text>p{ margin: 0; font-size: 12px;}
#works_slide .swiper-slide>.text>.ct{}
#works_slide .swiper-slide>.text>.ttl{}
}



.yess_container{ background: #f5f5f5 url("../images/yess.jpg") no-repeat center / cover; position: relative;}
.yess_container>div>div{ background-color: white;}
.yess_container>div>img{ display: block;}
.yess_container>div>div>a{ margin-bottom: 0;}
@media (min-width: 768px) {
.yess_container{ height: 590px; margin-bottom: 70px;}
.yess_container>div{ position: absolute; right: calc(50% - 650px); bottom: 0; width: 608px;}
.yess_container>div>img{ width: calc(100% - 30px); margin: 0 auto 45px; filter: drop-shadow(2px 2px 3px #333) drop-shadow(4px 4px 3px #fff);}
.yess_container>div>div{ padding: 30px;}
.yess_container>div>div>p{ line-height: 1.83em;}
.yess_container>div>div>a{ margin-top: 30px;}
}
@media (min-width: 768px) and (max-width: 1300px){
.yess_container>div{ right: 0;}
}
@media (max-width: 767.98px) {
.yess_container{ padding: 20px 15px 0; background-size: auto 300px; background-position: center top;}
.yess_container>div{}
.yess_container>div>img{ width: auto; height: 57px; margin: 0 auto 160px; filter: drop-shadow(1px 1px 1.5px #333) drop-shadow(1px 1px 1px #fff);}
.yess_container>div>div{ padding: 15px 15px 30px;}
.yess_container>div>div>p{ font-size: 12px;}
.yess_container>div>div>a{ margin-top: 30px;}

}



.top_link_box{}
.top_link_box>a{ display: block; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;}
.top_link_box>a::before,
.top_link_box>a::after{ content: ""; display: block; position: absolute;}
.top_link_box>a::before{ left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.top_link_box>a::after{ border-style: solid; z-index: 2;}
.top_link_box>a>div{ display: flex; flex-wrap: wrap; align-content: center; position: absolute; z-index: 3;}
.top_link_box>a>div>span{ width: 100%; text-align: center;}

.top_link_box>a:nth-child(1){ background-image: url("../images/01.jpg"); color: white;}
.top_link_box>a:nth-child(1)::before,
.top_link_box>a:nth-child(1)>div{ background-color: rgba(52,114,183,0.50);}
.top_link_box>a:nth-child(1)::after{ border-color: #3472b7;}

.top_link_box>a:nth-child(2){ background-image: url("../images/02.jpg"); color: black;}
.top_link_box>a:nth-child(2)::before,
.top_link_box>a:nth-child(2)>div{ background-color: rgba(255,255,255,0.50);}
.top_link_box>a:nth-child(2)::after{ border-color: white; border-width: 1px;}

@media (min-width: 768px) {
.top_link_box{ display: flex; max-width: 1366px; margin: 0 auto 80px;}
.top_link_box>a{ width: 50%; padding: 25.62% 0 0;}
.top_link_box>a>div{ width: 320px; height: 180px; left: calc(50% - 160px); top: calc(50% - 90px);}
.top_link_box>a::after{ width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px;}
.top_link_box>a:nth-child(1)::after{ border-width: 9px;}
.top_link_box>a>div>span:nth-child(1){ font-size: 36px;}
.top_link_box>a>div>span:nth-child(2){ font-size: 24px;}
}
@media (max-width: 767.98px) {
.top_link_box{ padding: 15px 15px 50px;}
.top_link_box>a{ width: 100%; padding: 51.24% 0 0; margin: 30px 0 0;}
.top_link_box>a>div{ width: 150px; height: 90px; left: calc(50% - 75px); top: calc(50% - 45px);}
.top_link_box>a::after{ width: calc(100% - 10px); height: calc(100% - 10px); left: 5px; top: 5px;}
.top_link_box>a:nth-child(1)::after{ border-width: 5px;}
.top_link_box>a>div>span:nth-child(1){ font-size: 18px;}
.top_link_box>a>div>span:nth-child(2){ font-size: 12px;}

}


.recruit_link_box{ background-color: #3472b7;}
.recruit_link_box>div>div{ position: relative;}
.recruit_link_box>div>div>p{ font-weight: bold; color: white; margin: 0;}
.recruit_link_box .btn_01{ background-color: white; background-image: url("../common/images/link_arrow_blue.svg"); color: #3472b7;}
@media (min-width: 768px) {
.recruit_link_box>div>div{ padding: 80px 0;}
.recruit_link_box>div>div>p:nth-child(1){ font-size: 50px;}
.recruit_link_box>div>div>p:nth-child(2){ font-size: 30px;}
.recruit_link_box .btn_01{ position: absolute; right: 0; top: calc(50% - 30px); margin: 0;}
}
@media (max-width: 767.98px) {
.recruit_link_box>div>div{ padding: 20px 0 15px; text-align: center;}
.recruit_link_box>div>div>p:nth-child(1){ font-size: 25px;}
.recruit_link_box>div>div>p:nth-child(2){ font-size: 15px;}
.recruit_link_box .btn_01{ margin: 15px auto 0;}

}



@media (min-width: 768px) {}
@media (max-width: 767.98px) {}



@media (min-width: 768px) {}
@media (max-width: 767.98px) {}



@media (min-width: 768px) {}
@media (max-width: 767.98px) {}