/*
common-style
*/

body,div,p,span,section{box-sizing:border-box;}

body{
    font-size:16px;
    font-family: "Noto Sans JP", sans-serif;
    color:#000;
}
#rmp-menu-additional-content-10{display:none!important}
#rmp-menu-title-10{border-bottom:1px solid #fff!important;margin-bottom:15px}

p{line-height:1.8}

a{color:#000;text-decoration:none;transition:0.3s;}
a:hover{opacity:0.8;color:#000;}
a:visited{color:#000}

.bg-gray{background-color:#f0f3f8}
.font-blue{color:#0c4faf}
.font-red{color:#af0c0c}

.sub-content-block  .font-blue{color:#0c4faf}
.sub-content-block .font-red{color:#af0c0c}

/* animation */

.fadeIn {
    transform: translate3d(0, 50px, 0);
    transition: all 0.8s;
    opacity: 0;
  }
  .fadeIn.animated {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  
  .fadetimeS{transition:all 0.5s}
  .fadetimeL{transition:all 2s}
  
  .delay1{transition-delay:0.2s}
  .delay2{transition-delay:0.4s}
  .delay3{transition-delay:0.6s}
  .delay4{transition-delay:0.8s}
  .delay5{transition-delay:1s}
  .delay6{transition-delay:1.2s}
  .swiper .swiper-wrapper {
    transition-timing-function: linear!important;
    padding-top:45px;padding-bottom:45px;
}
  
  @media screen and (max-width:780px){
  
    .delay1{transition-delay:0.1s}
    .delay2{transition-delay:0.2s}
    .delay3{transition-delay:0.3s}
    .delay4{transition-delay:0.4s}
    .delay5{transition-delay:0.5s}
      .delay6{transition-delay:0.6s}
  }

  @keyframes rotateAnimation {
    0% {
      transform: rotate(0deg);
    }
   
    100% {
      transform: rotate(700deg);
    }
  }

  @keyframes rotateAnimation2 {
    0% {
      transform: rotate(0deg);
    }
   
    100% {
      transform: rotate(350deg);
    }
  }
  @keyframes rotateAnimation360 {
    0% {
      transform: rotate(0deg);
    }
   
    100% {
      transform: rotate(360deg);
    }
  }
a .rotate{display:inline-block;transition:0;color:#000;}
a:hover .rotate{color:#fff;animation: rotateAnimation2 0.3s ease-in-out forwards;}

.firstbig  .rotate{display:inline-block;transition:0;color:#000;}
.firstbig.animated .rotate{animation: rotateAnimation360 0.8s ease-in-out forwards;}


.inner1200{width:100%;max-width:1200px;margin:0 auto;}

.page-section{padding-top:35px;padding-bottom:35px;margin-top:35px;margin-bottom:45px}
@media screen and (max-width:1200px){
.inner1200{width:94%;max-width:1200px;margin:0 auto;}
}
@media screen and (max-width:780px){
  .page-section{margin:0 auto;padding-top:15px;padding-bottom:20px;padding-bottom:15px;margin-bottom:20px;padding-left:4%;padding-right:4%;}
  
}

.site-header header{display:flex;height:80px;width:100%;background:transparent;position:fixed;box-sizing:border-box;justify-content:space-between;align-items:center;z-index:10;top:0;bottom:0;z-index:5;}
.site-header header::after{content:"";display:block;width:100%;height:80px;position:absolute;left:0;top:0;z-index:4;background: #000;
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%,  rgba(0,0,0,0.75) 100%);}

.site-header header .logo-block{height:100%;width:auto;max-width:20%;padding-top:20px;padding-bottom:20px;padding-left:20px;position:relative;z-index:6;}
.site-header header .logo-block img{height:100%;}
.site-header header .header-navi{display:flex;justify-content:space-between;align-items:center;height:100%;position:relative;z-index:6;}
.site-header header .header-navi > li{display:flex;padding-left:17px;padding-right:17px;height:80px;align-items:center;justify-content:center}
.site-header header .header-navi >  li a{color:#fff;font-weight:bold;}
.site-header header .header-navi >  li a:hover{text-decoration:underline;}
.site-header header .header-navi li.header-mail{height:100%;padding:0;margin-left:17px}
.site-header header .header-navi li.header-mail a{width:80px;height:100%;display:flex;justify-content:center;align-items:center;background:#0c4faf;transition:0.1s}
.site-header header .header-navi li.header-mail a img{width:23px;transition:0.1s}
.site-header header .header-navi li.header-mail a:hover img{width:25px}
.site-header header .header-navi .no-event,.site-footer .footer-naviarea .no-event{pointer-events:none;}

.site-header header .header-navi >  li > ul {width:200px;height:0;opacity:0;transition:0.3s;position:absolute;top:70px;}
.site-header header .header-navi >  li:hover > ul{height:auto;opacity:1;}
.site-header header .header-navi >  li > ul li{height:0;transition:0.3s;display:block;padding:0;box-sizing:border-box;width:100%;}

.site-header header .header-navi >  li:hover > ul li{width:100%;height:50px;}
.site-header header .header-navi >  li > ul li a{padding:0px 10px 0px 10px;width:100%;display:block;width:100%;box-sizing:border-box;border-bottom:1px dotted #aad;}
.site-header header .header-navi >  li > ul li:last-child a{border-bottom:0px solid #fff;}
.site-header header .header-navi >  li:hover > ul li a{padding:15px 10px 5px 10px;height:50px;display:block;width:100%;background:rgba(12,79,175,0.8)}
.site-header header .header-navi >  li:hover > ul li a:hover{background:rgba(25,99,190,0.9);text-decoration:none;}

@media screen and (max-width:1199px){
  .site-header header{font-size:14px}
  .site-header header .header-navi li{padding-left:10px;padding-right:10px;}

}
@media screen and (max-width:999px){
  .site-header header{font-size:13px}
  .site-header header .logo-block{width:25%;padding-top:30px;padding-bottom:10px;max-width:1200px;padding-left:10px}
  .site-header header .logo-block img{width:100%;height:auto;}
  .site-header header .header-navi li{padding-left:5px;padding-right:5px}
}

@media screen and (max-width:780px){
.site-header header .header-navi{display:none;}
.site-header header .logo-block{width:250px}
} 

.section-title{font-family: "Oswald", serif;font-size:90px;font-weight:700;line-height:0.5em;}
.section-title span{font-family: "Noto Sans JP", sans-serif;font-size:25px;color:#0c4faf;}


.recruit-contact-section{width:100%;display:flex;flex-wrap:wrap;height:25vw;justify-content:space-around}
.recruit-contact-section a{display:flex;box-sizing:border-box;width:50%;height:100%;align-items:center;padding-left:5%;background-position:center;background-size:100% auto;}
.recruit-contact-section a:hover{background-size:105% auto;}
.recruit-contact-section a h3{color:#fff;font-size:90px;font-weight:700;font-family: "Oswald", serif;line-height:0.5em;}
.recruit-contact-section a h3 span{font-family: "Noto Sans JP", sans-serif;font-size:25px;}
.recruit-contact-section a:nth-child(1){border:10px solid #fff;border-right:5px solid #fff;}
.recruit-contact-section a:nth-child(2){border:10px solid #fff;border-left:5px solid #fff;}

.site-footer{padding-top:110px;overflow:hidden;}


.footer-wrapper{overflow:hidden;width:100%;}
.footer-logoarea{width:31%;float:left;}

.footerlogo{width:100%;display:block;max-width:251px}
.footerlogo img{width:100%;}
.footer-sns-wrapper{width:100%;display:block;margin-top:30px;}
.footer-sns-wrapper a{display:inline-block;margin-right:20px}

.footer-navi-wrapper{width:55%;float:right;display:flex;justify-content:flex-end;}
.footer-naviarea{width:78%;display:flex;font-size:14px;justify-content:space-between;flex-wrap:wrap;position:relative;}
.footer-naviarea > li{width:31%;font-weight:bold;display:block;margin-bottom:0.9em}

.footer-naviarea > li:nth-child(1){width:38%}

.footer-naviarea > li > a{display:block;margin-bottom:0.9em;transition:0.3s}
.footer-naviarea > li > a:hover{padding-left:0.5em;}
.footer-naviarea > li ul li{font-weight:400;margin-bottom:0.9em;display:block;}
.footer-naviarea > li ul li a{display:block;transition:0.3s;box-sizing:border-box}
.footer-naviarea > li ul li a:hover{padding-left:0.5em;}
.footer-naviarea2{width:22%;font-size:14px;font-weight:bold;}
.footer-naviarea2 > li{margin-bottom:0.9em;}
.footer-naviarea2 > li a{display:block;transition:0.3s;box-sizing:border-box}
.footer-naviarea2 > li a:hover{padding-left:0.5em;}

.copyright{width:100%;text-align:center;margin-bottom:50px;display:block;margin-top:50px}

@media screen and (max-width:1200px){
.site-footer{width:94%;max-width:1200px;margin:0 auto;margin-top:0px}
}
@media screen and (max-width:830px){
  .section-title{font-size:55px}
}
@media screen and (max-width:780px){
  .footerlogo{text-align:center;margin:0 auto;}
  .footer-sns-wrapper a:last-child{margin-right:0}
  .recruit-contact-section a:nth-child(1){border:10px solid #fff;border-right:10px solid #fff;border-bottom:0px solid #fff;}
  .recruit-contact-section a:nth-child(2){border:10px solid #fff;border-left:10px solid #fff;}
}

.column-wrapper{width:100%;margin-top:50px;display:flex;flex-wrap:wrap;justify-content:flex-start;}
.column-wrapper li{display:block;width:29%;margin-bottom:40px}
.column-wrapper li:nth-child(2),
.column-wrapper li:nth-child(5),
.column-wrapper li:nth-child(8),
.column-wrapper li:nth-child(11),
.column-wrapper li:nth-child(14),
.column-wrapper li:nth-child(17),
.column-wrapper li:nth-child(20){margin-left:5.5%;margin-right:5.5%;}
.column-wrapper li a{display:block;width:100%;height:100%;transition:0.3s;padding-bottom:10px;line-height:1}
.column-wrapper li a:hover{}
.column-wrapper li a figure{display:block;width:100%;height:220px;overflow:hidden;margin-bottom:20px}
.column-wrapper li a figure img{height:100%;width:auto;object-fit:cover;object-position: 50% 50%;transition:0.3s}
.column-wrapper li a:hover figure img{height:105%;opacity:0.8;object-fit:cover;object-position: 50% 50%;}
.column-wrapper li a h4{margin-bottom:0px;line-height:1.2;}
.column-date{font-size:14px;font-family: "Oswald", serif;}
.icons-wrapper > div{height:50px;width:100%;max-width:1000px;margin:20px auto;display:flex;justify-content:center;align-items:center;}
.icons-wrapper > div a{height:100%;width:auto;overflow:hidden;margin-left:5px;margin-right:5px;}
.icons-wrapper a img{height:100%;}
@media screen and (max-width:780px){
  .footer-list-title > a::after{content:"　〉"; transform:rotate(450deg);display:inline-block;margin-left:20px;transition:0.3s}
.icons-wrapper > div{flex-wrap:wrap;height:auto;margin-top:50px}
  .footer-list-title.close > a::after{transform:rotate(630deg)}
  .footer-list{margin-top:30px}
  .icons-wrapper > div a{height:40px;margin-bottom:15px}
  .footer-naviarea > li:nth-child(1){width:100%;}
  .site-footer{padding-top:0;width:100%;}
  .footer-logoarea{width:100%;float:none;max-width:300px;margin:30px auto;}
  .footer-navi-wrapper{width:100%;float:none;display:block;}
  .footer-sns-wrapper{text-align:center;}
  .footer-naviarea{display:block;width:100%;}
  .footer-naviarea > li ul{display:none;}
  .footer-naviarea .footer-list-title.close ul{display:block}
  .footer-naviarea .footer-list-title > ul{display:none}

  .footer-navi-wrapper  li{width:100%;text-align:center;padding:10px;border-bottom:1px solid #fff;display:block;box-sizing:border-box;background:#f0f3f8;margin-bottom:1px}
  .footer-naviarea > li:first-child{border-top:1px solid #fff;padding-top:20px}
  .footer-naviarea > li:first-child a{}
  .footer-naviarea > li ul li{background:#dbe4f2;margin-bottom:0}
  .footer-naviarea > li ul li:last-child{border-bottom:0 solid #3e33;}
  .footer-navi-wrapper  li a{margin-bottom:10px;margin-top:10px}
  .footer-navi-wrapper  li ul li{padding:0}
  .footer-navi-wrapper  li ul li a{width:100%;height:100%;margin:0;padding:25px 10px}
  .footer-naviarea2{width:100%;margin-bottom:50px}
  .recruit-contact-section a{width:100%;height:150px;}
  .recruit-contact-section{height:auto;}
  .recruit-contact-section a h3{font-size:25px;line-height:1.2}
  .copyright{margin-bottom:100px;display:block;margin-top:25px}
  .recruit-contact-section a h3 span{font-size:20px;}
  .column-wrapper li:nth-child(2),
  .column-wrapper li:nth-child(5),
  .column-wrapper li:nth-child(8),
  .column-wrapper li:nth-child(11),
  .column-wrapper li:nth-child(14),
  .column-wrapper li:nth-child(17),
  .column-wrapper li:nth-child(20){margin-left:initial;margin-right:initial;}
  .column-wrapper li{width:47%;margin-bottom:20px;}
  .column-wrapper{justify-content:space-around;}
  .column-wrapper li a figure{height:150px;}
  .column-wrapper li a h4{line-height:1.5}
}