@charset "utf-8";

/*=================================

sp_top

=================================*/
@media screen and (max-width: 768px) {

/*------------------------------------------------------------
top_main_visual（top）
------------------------------------------------------------*/
#top_main_visual {
 overflow:hidden;
 height:500px;
}

#top_main_visual #main_visual_cont .visual > ol {
 min-height:500px;
 height:500px;
}

#top_main_visual #main_visual_cont .visual > ol li a > img {
 min-height:500px;
 height:500px;
}

.slick-dots {
 column-gap: 10px;
 bottom: 15px;
}

.slick-dots li {
 height:10px;
 width:10px;
}

.slick-dots li button {
 height:10px;
 width:10px;
}

/*------------------------------------------------------------
information
------------------------------------------------------------*/
#information #information_cont {
 padding:0 5vw 30px;
}

#information #information_cont dl dt span:first-child {
 color:var(--main);
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
}

#information #information_cont dl dd ul li a .date {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

#front_menu #front_menu_cont h2 span {
 padding:20px 100px;
}

#information #information_cont dl dd ul li a h3 {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

/*------------------------------------------------------------
front_menu_194
------------------------------------------------------------*/
#front_menu {
 flex-wrap:wrap;
}

#front_menu #front_menu_cont {
 flex:1 1 auto;
 padding:0 5vw 5vw;
 order:1;
}

#front_menu #front_menu_cont h2 span {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
}

#front_menu #front_menu_cont ul {
 padding:80px 5vw 50px;
}

#front_menu #front_menu_cont ul li a {
 padding:25px 35px 25px 15px;
}

#front_menu #front_menu_cont ul li a dl dd {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944)); 
}

#front_menu #front_menu_left {
 order:2;
 flex-direction:unset;
 min-width:50%;
 width:50%;
}

#front_menu #front_menu_left figure {
 height:100%;
}

#front_menu #front_menu_right {
 order:3;
 flex-direction:unset;
 min-width:50%;
 width:50%;
}

#front_menu #front_menu_right figure {
 height:100%;
}


/*------------------------------------------------------------
blog_466
------------------------------------------------------------*/
#blog {
 padding:5vw;
}

/*------------------------------------------------------------
work_style_472
------------------------------------------------------------*/
#work_style .title {
 min-height:260px;
}

#work_style #work_style_cont {
 padding:30px 5vw;
}

#work_style #work_style_cont h2 span {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
}

#work_style #work_style_cont h3 span {
 text-align:left;
}

/*------------------------------------------------------------
training_system_576
------------------------------------------------------------*/
#training_system .title {
padding: 5vw 5vw 30px; 
}

#training_system .title h2 {
 padding:25px;
 min-width:100%;
}

#training_system .title h2:before {
 bottom:-30px;
 width: 20vw;
 height: 20vw;
 left:10px;
}

#training_system .title h2:after {
 width: 20vw;
 height: 20vw;
 right:10px;
 bottom:-30px;
}

#training_system .title h2 span {
 border:4px solid var(--white);
 font-size: calc(1.6rem + ((1vw - 0.48rem) * 0.6944)); 
}

#training_system #training_system_cont h2 span {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944)); 
}

#training_system #training_system_cont ul {
 align-items:start;
 column-gap:15px;
 padding:20px 10px;
}

#training_system #training_system_cont ul li {
 width: calc(100% / 2 - 15px); 
}

#training_system #training_system_cont ul li dl {
 width:100%;
}

#training_system #training_system_cont ul li dl dd figure {
 height:60px;
 width:60px; 
}

#training_system #training_system_cont ul li dl dd span {
 font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

/*------------------------------------------------------------
welcome_800
------------------------------------------------------------*/
#welcome {
padding:5vw;
}

#welcome #welcome_cont {
 padding:10vw 5vw 5vw;
}

#welcome #welcome_cont h2 span {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944)); 
}

#welcome #welcome_cont ul li {
 max-width:100%;
}

#welcome #welcome_cont ul:nth-child(2) li:first-child {
 width:100%;
}

#welcome #welcome_cont ul:nth-child(2) li:nth-child(2) {
 width:calc(100% / 2 - 15px);
}

#welcome #welcome_cont ul:nth-child(2) li:nth-child(3) {
 width:calc(100% / 2 - 15px);
}

#welcome #welcome_cont ul:nth-child(3) li:first-child {
 width:calc(100% / 2 - 15px);
}

#welcome #welcome_cont ul:nth-child(3) li:nth-child(2) {
 order:3;
 width:100%;
}

#welcome #welcome_cont ul:nth-child(3) li:nth-child(3) {
 width:calc(100% / 2 - 15px);
}

#welcome #welcome_cont ul:nth-child(4) li:first-child {
 width:calc(100% / 2 - 15px);
}

#welcome #welcome_cont ul:nth-child(4) li:nth-child(2) {
 width:calc(100% / 2 - 15px);
}

#welcome #welcome_cont ul:nth-child(4) li:nth-child(3) {
 width:100%;
}

#welcome #welcome_cont ul li dl {
 padding:35px 10px 25px;
 width:100%;
}

#welcome #welcome_cont ul li dl:before {
 left: 5px;
 top: -7px;
 width: 20px;
 height: 14px;
}

#welcome #welcome_cont ul:nth-child(4) li:nth-child(3) dl dd br {
 display:none;
}

#welcome #welcome_cont p {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944)); 
}

/*------------------------------------------------------------
career_1227
------------------------------------------------------------*/
#career .title {
 background-position: 30vw center;
 max-height: 260px;
 min-height: 200px;
}

#career .title h2 span {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944)); 
}

#career #career_cont {
 padding:0 0 150px;
}

#career #career_cont .career_up {
 row-gap:20px;
 padding: 30px 0 0;
}

#career #career_cont .career_up h2 {
 padding:0;
}

#career #career_cont .career_up h2 span {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
}

#career #career_cont .career_up .career_up_cont {
 overflow: hidden;
 padding:0 5vw;
 width: 100%;
}

#career #career_cont .career_up .career_up_cont h3 span {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944)); 
}

#career #career_cont .career_up .career_up_cont figure.map {
 aspect-ratio:auto;
 overflow-x: scroll;
 width: 100%;
}

#career #career_cont .career_up .career_up_cont figure.map img {
 min-width: 800px;
 object-position: left center;
 height:auto;
}

#career #career_cont .career_up .career_up_cont p {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
 line-height:1.8; 
}

/*
.career_up_cont .step {
 display:none;
}
*/

.career_up_cont .career_step .career_step_cont {
min-height: 380px; 
}

.career_up_cont .career_step .career_step_cont ol li {
 flex: 0 0 160px; 
 width:160px;
}

.career_up_cont .career_step .career_step_cont ol li dl dd figure img {
 width: 80px;
}

.career_up_cont .career_step .career_step_cont ol li dl dd .state {
 padding:30px 15px;
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944)); 
}

.career_up_cont .career_step .career_step_cont ol li:first-child dl dd .state {
 min-height:150px;
}

.career_up_cont .career_step .career_step_cont ol li:nth-child(2) dl dd .state {
 min-height:150px;
}

.career_up_cont .career_step .career_step_cont ol li:nth-child(3) dl dd .state {
 min-height:150px;
}

.career_up_cont .career_step .career_step_cont ol li:nth-child(4) dl dd .state {
 min-height:150px;
}

.career_up_cont .career_step .career_step_cont ol li:nth-child(5) dl dd .state {
 min-height:150px;
}



#career #career_cont .career_pass {
 row-gap:30px; 
 padding: 50px 5vw 30px;
}

#career #career_cont .career_pass h2 {
 padding:0 0 30px;
}

#career #career_cont .career_pass h2 span {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
}

#career #career_cont .career_pass .career_pass_cont {
 overflow: hidden;
 width: 100%;
}

#career #career_cont .career_pass .career_pass_cont figure {
 aspect-ratio:auto;
 overflow-x: scroll;
 width: 100%;
}

#career #career_cont .career_pass .career_pass_cont figure img {
 min-width: 800px;
 object-position: left center;
}

#career #career_cont .career_pass .career_pass_cont p {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
 line-height:1.8;
 position:relative;
 z-index:2;
}

/*------------------------------------------------------------
requirements_1482
------------------------------------------------------------*/
#requirements .title h2 span {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
}

#requirements .title > p {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944)); 
}

#requirements #requirements_cont {
 width:100%;
}

#open_for_applications {
 flex-direction:column;
 row-gap:40px;
 padding:0;
 justify-content: center;
 align-items: center;
}

#open_for_applications .occupation figure.pic {
 height:200px;
}

#open_for_applications .occupation figure.icon img {
 max-width:60px; 
}

#open_for_applications .occupation .occupation_detail h3 span:first-child {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
}

#open_for_applications .occupation .occupation_detail p {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
 line-height:1.8; 
}

#open_for_applications button.left,
#open_for_applications button.right {
 display:none;
}


/*------------------------------------------------------------
slider_1741
------------------------------------------------------------*/
.slick-track {

}

}