@charset "UTF-8";


/* キービジュアル *********************************************************************************************************************/ 
.book_img{
font-size:100%;
}
.br_int br{
display:inline;
}
.dv-bnr a:hover{
opacity:0.6;
}
/*
フェード表示させる要素に使用するためのクラス
*/
.fadein {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s;
}

/*-------------------------------------------
ヘッダー
-------------------------------------------*/
.naro_ad br{
display:none;
}

#header {
/*  width: 100%; */
  display: flex;
  justify-content: space-between;
/*  padding: 20px 40px; */
  position: fixed;
  z-index: 9999;
}


/*ハンバーガーメニュー*/
#navi {
  display: block;
  position: fixed;
  top: 0;
  left: -300px;
  bottom: 0;
  width: 300px;
  color: #fff;
  padding: 30px 25px;
  background-color: #121212;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 20;
  opacity: 0;
}

#navi a {
  color: #fff;
}

.open #navi {
  left: 0;
  opacity: 1;
}

#navi ul {
  margin: 0;
  padding: 0;
}

#navi ul.nav-menu {
  margin-bottom: 30px;

}

#navi ul.nav-menu li {
  position: relative;
  margin: 0;
  padding: 20px 0;
  border-bottom: solid 1px #fff;
}
#navi ul.nav-menu li:nth-last-child(1){
border-bottom:none;
}

#navi ul.nav-sns li {
  padding: 5px 0;
}

.toggle_btn {
  transition-duration: 0.1s;
  display: none;

}

#header.open .toggle_btn {
  display: block;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 60px;
    height: 60px;
    transition: all .5s;
    cursor: pointer;
    z-index: 20;
background:transparent;
}

.toggle_btn span {
  display: block;
  position: absolute;
  left: 15px;
  width: 30px;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
  transition: all .5s;
}

.toggle_btn span:nth-child(1) {
  top: 20px;
}

.toggle_btn span:nth-child(2) {
  top: 30px;
}

.toggle_btn span:nth-child(3) {
  top: 40px;
}

.open .toggle_btn span {
  background-color: #fff;
}

.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}

.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}

.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}



#mask {
  display: none;
  transition: all .5s;
}

.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  z-index: 10;
  cursor: pointer;
}



#all_wrap_box {
  width: 100%;
  overflow: hidden;
}

#all_wrap {
  width: 100%;
  overflow: hidden;
}

h1.site-logo figure {
  margin: 0.08em 0 0;
}

h1.site-logo figure img {
width: 180px;
}

.container_saiyo {
  width: 82%;
}

.container_saiyo_wrap {
  position: relative;
  margin: 0 0;
  width: 100%;
  height: 600px;
  background-image: url(/acquisition/files/saiyo_top_2024.png);
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  z-index: 77;
}

.container_saiyo_wrap div.main_menu {
  width: 100%;
  background-color: #e8f2f4;
  height: 60px;
}

.header-change {
  background: #e8f2f4;
  display: flex;
  justify-content: space-between;
  padding: 0 0;
  position: fixed;
  top: -80px;
  transition: .5s;
  width: 100%;
  z-index: 8888;
  height: 60px;
  font-family: 'Noto Sans JP', sans-serif;
}

.header-change.show {
  top: 0;
}

.header-change .gnav__menu__item a {
  color: #222;
  text-decoration: none;
}

nav.gnav{
  display: block;
}

.gnav__menu {
  display: flex;
    align-items: center;
    height: 60px;
    justify-content: space-between;
}


.container_saiyo_wrap img.catch2{

  margin-top: 375px;
  z-index: 78;
  position: absolute;
  right: -3%;
  width: 70%;
  min-width: 750px;
  max-width: 820px;
}


.gnav__menu__item {
  font-size: 15.2px;
  font-weight: bold;
  min-width: 160px;
  text-align: center;
}

.gnav__menu__item a {
/*  margin-top: 19px; */
  color: #222;
  text-decoration: none;
  display: block;
  overflow: hidden;
  position: relative;
  padding: 10px 60px;
}
ul.flexbox2 {
  display: none;
}

ul.flexbox2 li:nth-child(1) {
  width: 250px;

}
ul.flexbox2 li:nth-child(2) {
  width: 60px;
}
ul.flexbox3 {
  display: none;
    margin-right: 7.5em;
}

ul.flexbox3 li:nth-child(1) {
  width: 170px;
}

ul.flexbox {
  display: flex;
  align-items: center;
  height: 60px;
  justify-content: space-between;
  font-family: 'Noto Sans JP', sans-serif;
}

ul.flexbox li {
  width: 16.6%;
  text-align: center;
  font-size: 15.2px;
  font-weight: 600;
  line-height: 1.1;
}

ul.flexbox li a {
  color: #020506;
  letter-spacing: -1px;
}


ul.flexbox li:nth-last-child(1) {
  margin-left: auto !important;
display:flex;
}

ul.flexbox li span.en, ul.gnav__menu li span.en {
  letter-spacing: 0px;
  color: #2b9bce;
}

.gnavi {
  display: flex;
  flex-wrap: wrap;
  /*スマホ表示折り返し用なのでPCのみなら不要*/
  margin: 0 0 50px 0;
  list-style: none;
}

.gnavi li a {
  display: block;
  text-decoration: none;
  color: #222;
}


/*==================================================
 5-3-9 テキストが入れ替わる
===================================*/

.gnav__menu li a {
  /*テキストの基点とするためrelativeを指定*/
  position: relative;
  /*はみ出る要素を隠す*/
  overflow: hidden;
  padding: 10px 60px;
}

.gnav__menu li span {
  /*絶対配置でテキストの位置を決める*/
  position: absolute;
  left: 50%;
  top: -3px;
  /*アニメーションの指定*/
  transition: all .5s;
  transform: translate(-50%, 0);
  /*X方向に-50% ※中央寄せにするため*/
  /*ブロック要素にして透過なし、テキスト折り返しなし*/
  display: block;
  opacity: 1;
  white-space: nowrap;
}


/*差し替わるテキストの設定*/
.gnav__menu li span:nth-child(2) {
  opacity: 0;
  /*透過0に*/
  transform: translate(-50%, 100%);
  /*X方向に-50% Y方向に100%*/
}


/*hoverするとテキストが入れ替わる設定*/
.gnav__menu li:hover span:nth-child(1) {
  opacity: 0;
  /*透過0に*/
  transform: translate(-50%, -100%);
  /*X方向に-50% Y方向に-100%*/
}

.gnav__menu li:hover span:nth-child(2) {
  opacity: 1;
  /*不透明に*/
  transform: translate(-50%, 0);
  /*X方向に-50% Y方向に0*/
}

.gnavi li a {
  /*テキストの基点とするためrelativeを指定*/
  position: relative;
  /*はみ出る要素を隠す*/
  overflow: hidden;
  padding: 10px 60px;
}


ul.gnav__menu li:nth-last-child(1) {
display:flex;
}
.gnavi li span {
  /*絶対配置でテキストの位置を決める*/
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: 1.2em;
  /*アニメーションの指定*/
  transition: all .5s;
  transform: translate(-50%, 0);
  /*X方向に-50% ※中央寄せにするため*/
  /*ブロック要素にして透過なし、テキスト折り返しなし*/
  display: block;
  opacity: 1;
  white-space: nowrap;
}


/*差し替わるテキストの設定*/
.gnavi li span:nth-child(2) {
  opacity: 0;
  /*透過0に*/
  transform: translate(-50%, 100%);
  /*X方向に-50% Y方向に100%*/
}

/*hoverするとテキストが入れ替わる設定*/
.gnavi li:hover span:nth-child(1) {
  opacity: 0;
  /*透過0に*/
  transform: translate(-50%, -100%);
  /*X方向に-50% Y方向に-100%*/
}

.gnavi li:hover span:nth-child(2) {
  opacity: 1;
  /*不透明に*/
  transform: translate(-50%, 0);
  /*X方向に-50% Y方向に0*/
}

h3.naro_en_name+p span {
  letter-spacing: -0.3em;
}
h3.naro_en_name+p br  {
display:inline;
}
.saiyo_gaiyo {
  padding-top: 18px;
  padding-left: 18px;
}

.saiyo_gaiyo_wrap {
  height: 567px;
  padding: 420px 0 0 0;
  font-size: 125%;
  line-height: 1.6;
  border-top: solid 2px #eee;
  border-left: solid 2px #eee;
}

.naro_en_name {
  transition-duration: 0.7s;
  margin-left: 20vw;
  width: 25%;
  float: left;
  font-size: 115%;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
}

.naro_en_name span {
  font-size: 125%;
}

h3.naro_en_name br {
  display: inline;
}

.saiyo_gaiyo_wrap p {
  border-left: solid 1px #002929;
  padding-left: 3.3vw;
  /* width:45%; */
  float: left;
  color: #002929;
  transition-duration: 0.7s;
  text-shadow: 3px 1px 5px rgba(255, 255, 255, 0.3);
}

.recruit_top_bnr {
  padding-bottom: 90px;
}

.recruit_top_bnr_wrap {
  positon: relative;
  width: 18%;
}

.naro_logo {
  max-width: 240px;
  width: 100%;
display:inline;
}
.naro_logo2{
  max-width: 240px;
  width: 100%;
display:inline;
}

.catchphrase01 {
  margin-top: 90px;
  margin-left: 14%;
  z-index: 78;
  position: absolute;
  width: 90%;
  max-width: 990px;
}

.gradation_bk {
  position: relative;
  z-index: 2;
  height: 585px;
  width: 1200px;
  background: linear-gradient(to left top, #75cfc5, #5faaea);
  margin-top: 70px;
}

.border_bk {
  z-index: -1;
  height: 586px;
  width: 1201px;
  border: solid 2px #60ABE9;
  margin-top: 18px;
  position: absolute;
  margin-left: 18px;
}

.cap6 {
  max-width: 195px;
  height: 100%;
  overflow: hidden;
  margin: 0 0 0 auto;
  position: relative;
}

.cap6 .caption {
  font-size: 90%;
  color: #fff;
  padding-top: 20px;
  padding-left: 0.3em;

text-align:center;
}

.cap6 .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -100%;
  /* 枠の上に置いて表示させない */
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.cap6:hover .mask {
  top: 0;
  /* 下に降りてくるように見せる */
}
.cap6 img {
  width: 100%;
}

/* 農研機構について   *********************************************************************************************************************/ 

#about_us {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.about_us_intro {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 60%;
  height: 507px;
  background-color: rgb(253 253 253 / 95%);
  z-index: 33;
  padding: 3.5rem 1.5rem 0 1.5rem;
  transition-duration: 1.0s;
}

.about_us_intro div.gaiyo_wrap {
 height:310px; 
 overflow-y:auto; 
  padding: 0 0.5rem 0 1rem;
}

.about_us_intro h2 {
  color: #4095ad;
  font-size: 220%;
  letter-spacing: 0.5px;
  padding-left: 5%;
}

.about_us_intro h3 {
  font-size: 150%;
  font-weight: bold;
}

.about_us_intro p {
  font-size: 120%;
  color: #000;
}

.fade2 {
  overflow: hidden;
}

.fade2 span {
  transform: translateY(3.3rem);
}

.fade2.active span {
  transition: 0.2s;
  display: inline-block;
  animation: txt-animation 0.8s forwards;
  transform: translateY(0rem);
}

.fade2.active span:nth-child(1) {
  transition-delay: 0.15s;
}

.fade2.active span:nth-child(2) {
  transition-delay: 0.2s;
}

.fade2.active span:nth-child(3) {
  transition-delay: 0.25s
}

.fade2.active span:nth-child(4) {
  transition-delay: 0.3s
}

.fade2.active span:nth-child(5) {
  transition-delay: 0.35s
}

.fade2.active span:nth-child(6) {
  transition-delay: 0.4s
}

.fade2.active span:nth-child(7) {
  transition-delay: 0.45s
}

.fade2.active span:nth-child(8) {
  transition-delay: 0.55s
}

.fade2.active span:nth-child(9) {
  transition-delay: 0.6s
}

.fade2.active span:nth-child(10) {
  transition-delay: 0.65s
}

.fade2.active span:nth-child(11) {
  transition-delay: 0.7s
}

.fade2.active span:nth-child(12) {
  transition-delay: 0.75s;
}

.fade2.active span:nth-child(13) {
  transition-delay: 0.8s;
}

.fade2.active span:nth-child(14) {
  transition-delay: 0.85s;
}

.readmore {
  width: 200px;
  float: right;
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.scroll-infinity__wrap {
  display: flex;
}

.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}

.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}

.scroll-infinity__item {
  /* width: calc(100% / 5);  */
  width: 380px;
}

.scroll-infinity__item>img {
  width: 100%;
}

@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}

.scroll-infinity__list--right {
  animation: infinity-scroll-right 80s infinite linear 0.5s both;
}


/* 新着情報  *********************************************************************************************************************/ 

.container_saiyo2 {
  margin: 100px 0 0;
  width: 100%;
  /*  height: 360px; */
  padding-top: 0;
  background-color: #f7f7f5;
  display: flex;
  flex-wrap: wrap;
}

.whats_new_box {
  width: 40%;
  position:relative; 
  background-color:#f7f7f5;
  max-width:768px;
}

.whats_new_box h2 {
  color: #fff;
  font-size: 400%;
  transition-duration: 0.7s;
  margin-top: 160px;
  position:absolute;
  z-index:999;
  text-align:center;
  font-weight:bold;
  width:100%;
}


.whats_new_box2 {

  position:relative; 
  background-color:#f7f7f5;
  max-width:768px;
}

.whats_new_box2 h2 {
  color: #fff;
  font-size: 350%;
  transition-duration: 0.7s;
  margin-top: 90px;
  position:absolute;
  z-index:999;
  text-align:center;
  font-weight:bold;
  width:100%;
letter-spacing:-1px;
text-shadow:0px 1px 8px rgba(0,0,0,0.2);
}

.new_date {
  width: 60%;
  background-color: #f7f7f7;
  max-height: 385px;
  padding: 55px 30px 55px 40px;
}

.new_date div {
  /* height:28%; */
  overflow: auto;
  padding-right: 15px;
}

.new_date .new dt, .new dd {
  color: #333 !important;
  font-size: 130% !important;
}

.new_date .new dt a {
  color: #333 !important;
  font-size: 130% !important;
}

.fade3 {
 animation: fadeIn linear both;
  animation-timeline: view();
  animation-range: entry 20% cover 45%;
width:100%;
background-color:#000;
}

.fade3 img{
opacity:0.95;
}

.cntr {
/*  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 50px; */
}

.cntr_box01 {
  animation: fadeIn linear both;
  animation-timeline: view();
  animation-range: entry 20% cover 15%;
}
.cntr_box02 {
  animation: fadeIn linear both;
  animation-timeline: view();
  animation-range: entry 20% cover 25%;
}
.cntr_box03 {
  animation: fadeIn linear both;
  animation-timeline: view();
  animation-range: entry 20% cover 35%;
}
.cntr_box04 {
  animation: fadeIn linear both;
  animation-timeline: view();
  animation-range: entry 20% cover 45%;
width:100%;
}
.cntr_box05 {
  animation: fadeIn linear both;
  animation-timeline: view();
  animation-range: entry 20% cover 55%;
}


@keyframes fadeIn {
  from {
    opacity: 0;
    clip-path: inset(45% 20% 45% 20%);
  }

  to {
    opacity: 1;
    clip-path: inset(0% 0% 0% 0%);
  }
}



/* 理事長メッセージ  *********************************************************************************************************************/ 

.h2_top_message{
font-weight:bold;
font-size:240%;
margin-left:26%;
color:#4095ad;
margin-bottom:2.5rem;
text-align:left;
padding-top:10px;
}

.top_message{
padding-top:100px;
line-height:1.6;
display:flex;
flex-wrap:wrap;
}

.message_txt{
font-size:130%;
padding-bottom:55px;
transition-duration: 0.7s;
}

.top_name{
height:200px;
/* width:112%; */
background:linear-gradient(to bottom right, #b9f0fd, #56b6c6);
margin-left:-8%;
}



/*  *********************************************************************************************************************/ 

.button007 a:hover{
color:#007bff !important;
}
.button008 a:hover{
color:#007bff !important;
}
.button007 br{
display:none;
}

.plus span{
        transform: translateY(4.3rem) ;
}





#recruit_event br{
display:inline;
}
.br_info h2 br{
display:inline;
}




.footer_toiawase{
background:#222;color:#fff;font-size:120%;padding-left:16%;
}

.footer_toiawase div.t01{
display:flex;margin:0 auto; width:80%;

}

.footer_toiawase div.t02{
width:80%;display:flex;margin:0 auto;padding-left:9.5em;
}

.naro_ad{
padding-left:2.5em;
}

.tfe{
margin-bottom:0;
}

.saiyo_gaiyo2{
padding:14px 0 0 14px;
font-size:150%;
line-height:1.4;
position:relative;
}

.saiyo_gaiyo_wrap2 {
    height: 186px;
    padding: 20px 0 0 7%;
    line-height: 1.6;
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
}

.border_bk2 {
    z-index: -1;
    height: 16px;
    width: 100%;
    border-left: solid 2px #60ABE9;
    border-bottom: solid 2px #60ABE9;
    margin-top:0;
    margin-left: 0;
}

p.naro_top{
padding-left:8%;
}

.kyuma_rijicho{
padding-left:14%;
font-size:220%;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
position:relative;
}

.kyuma_rijicho img{
display:inline;
}
.message_txt p br{
display:inline;
}

.message_txt p{
padding:0.8rem 4rem 0 15rem;
}

.message_txt ul{
padding:0 4rem 0 15rem;
}

.top_message_wrap01{
width:40%;
}
.top_message_wrap02{
width:60%;
}

.top_message_wrap01 figure img{
max-width:420px;
width:117%;
}

#recruit_interview h2{
font-weight: bold;
font-size: 240%;
text-align:center;
color: #4095ad;
margin-top:120px;
}


.interview_wrap{
padding:38px 5px 25px;
background:#fff url(/acquisition/files/naro_image_gaikan3.png) no-repeat;
margin:20px 0 0px 0px;  
background-size: cover;
background-position: center top 0;
background-attachment: fixed;
overflow:hidden;
}


.interview_wrap01{
padding-bottom:90px;
padding-top:0;
width:30%;
margin:5px auto 0;
/* background:rgb(255 252 255 / 97%); */
border:solid 2px #fff;
}

.interview_wrap01 h3{
font-weight:bold;
color:#0e577c;
text-align:center;
font-size:160%;
border-bottom: dotted 1px #307176;
padding-top:9px;
padding-bottom:3px;
}

.interview_wrap01 p{
font-size:135%;
padding:14px 20px 0;
color:#13202a;
text-align:center;
}


.slider {
   width:94%;
    margin:-35px auto 12px;
}
.slick-slider{
display:flex !important;
align-items: stretch !important;
}
.slider li {
background:#fff;
/* height:190px; */
}

.slider li a{
color:#222;
}
.slider li a:hover{
text-decoration:none;
}
.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}
.slick-slide img{
border:none !important;
/* opacity:0.95; */
}

.slider .slick-slide {
    margin:0 10px;
}

.slider figcaption{
text-align:center;
font-size:110%;

}
.slider figcaption span {
    font-size: 110%;
    color: #fff;

    letter-spacing: 2px;
    display: inline-block;
    padding-left: 14px;
    padding-right: 14px;
    padding-top:3px;
    padding-bottom: 1.5px;

    margin-bottom: 0.6em;
    margin-top: 0.8em;
border-radius: 2px;
}
.slider figcaption span.jimu {
    background-color: #fe7474;
}
.slider figcaption span.kenkyu {
    background-color: #5cb1f1;
}
.slider figcaption span.gijutsu{
    background-color: #f5a048;
}
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
  margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
  margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
}
.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}
.recruit_book{
padding:62px 75px 22px 90px;
background:#eaf3f5;
margin:0 0 0 0;
}

ul.book_img{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
width:100%;

}
ul.book_img li figure figcaption{
color:#171717;
font-size:120%;
}

ul.book_img li{
width:18%;
text-align:center;
}
ul.book_img li img{
width:85%;
}

.kankobutsu{
background:#8fc2cc;
/*padding-left:50px; 
padding-top:50px;*/
margin:0;
padding:0;
}

.kankobutsu h3{
font-weight:bold;
color:#fff;
font-size:250%;
letter-spacing:0.05em;
}
.kankobutsu p{
font-size:135%;
padding:24px 20px 0;
color:#fff;
}

#event .row{
padding-top:140px;
}
.i_s br{
display:none;
}
.event_title{
padding:10px 50px 0 0;
}

.event_title h2{
font-size:370%;
font-weight:bold;
color:#4095ad;
letter-spacing:1px;
}

.event_title span{
font-size:140%;
letter-spacing:-1px;
}
.event_bk{
height:399px;  
  background-position: center top 0;
/*  background-attachment: fixed ; */
background:url(/acquisition/files/event_image_setsumeikai.png) no-repeat;
/* background-position: right; */

padding:56px 0 0 70px;
background-size: cover;
}

/* 008 */
.button008 a {
max-width:250px;
width:100%;
height:130px;
font-size:140%;
background:rgb(255 255 255 /100%);
    position: relative;
    display: flex;
 /*   justify-content: space-around; */
    align-items: center;
    margin: 0 auto 30px;
border:solid 1px #222;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
font-weight:bold;
}

.button008 a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 50px;
    height: 2px;
    background-color: #444;
    transition: 0.3s;
}
.button008 a:hover:before, .button008 a:hover:after {
    width: 70px;
}
.button008 a:hover {
/*    background: #f7f7f7; */
    color: #222;
text-decoration:none;
}

.event_btn01,.event_btn02{
width:250px;
} 


#recruit_information row{
padding-top:70px;
}

.info_bk{
padding:0 0 0 0;
}
.info_bk div{
height:340px;  

background:url(/acquisition/files/event_image_setsumeikai02.png) no-repeat;
padding:56px 0 0 0;
background-size: cover;
}

.info_title h2{
/* padding-top:10px; */
/* padding-bottom:20px; */
margin-left:50px;
font-size:320%;
font-weight:bold;
color:#4095ad;
letter-spacing:1px;
}

.event_title h2{
font-size:320%;
}

#recruit_entry{
padding:80px 0 ;
color:#fff;
text-align:center;
font-weight:bold;
margin-top:140px;
width:100%;
background:linear-gradient(to left top, #75cfc5, #5faaea);
}

#recruit_entry a{
color:#fff;
text-decoration:none;
}

#recruit_entry div{
/* padding:25px 30px; */
/* border:solid 1px #fff; */
/* width:30%; */
min-width:440px;
margin:0 auto;
transition-duration: 1.0s;
}

.footer_gray{
padding:30px 0 ;
text-align:center;
font-weight:bold;
width:100%;
background:#36393b;
font-size:280%;
}
.footer_gray ul{
display:flex;
justify-content:center;
}
.footer_gray ul:nth-child(1) li{
width:90px;
}

.footer_gray li a{
color:#747879;
}

.footer_gray ul:nth-child(2) li{
width:250px;
}
span.entry_span01{
font-size:360%;
letter-spacing:0.1em;
}

span.entry_span02{
font-size:130%;
}

#all_wrap01 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 0 auto;
	transition:1s;
}
.naro_en_name {
    margin-left: 10vw;
}

@media (max-width: 3000px) {
.naro_en_name {
    margin-left: 18vw;
}
}


@media (max-width: 1350px) {
.naro_en_name {
    margin-left: 20vw;
}
.recruit_book {
    padding: 80px 40px 22px 40px;
}
.container_saiyo_wrap{
  transition: .5s;
height:580px;
}
}

@media (max-width: 1300px) {
.footer_toiawase{
  transition-duration: 0.4s;
font-size:120%;
padding-left:7%;
}
}


@media (max-width: 1200px) {
.whats_new_box2 h2 {
  font-size: 310%;
letter-spacing:-1px;
}

.footer_toiawase{
font-size:120%;
padding-left:2%;
}
.toggle_btn {
    display: block;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 60px;
    height: 60px;
    transition: all .5s;
    cursor: pointer;
    z-index: 20;
background:rgba(232,242,244,0.6);
}


.container_saiyo_wrap{
height:480px;
}

.container_saiyo_wrap img.catch2 {
  margin-top: 265px;
  min-width: 730px;
}


nav.gnav{
  display: none;
}
ul.flexbox{
display:none;
}
.naro_logo {
display:none;
}
ul.flexbox2 {
  display: flex;
  align-items: center;
  height: 60px;
  justify-content: space-between;
}
ul.flexbox3 {
  display: flex;
  align-items: center;
  height: 60px;
  justify-content: space-between;
}

.button007 br{
display:inline;
}
.interview_wrap01{
transition-duration: 1.0s;
width:50%;
}
.about_us_intro{
width:75%;
}
.h2_top_message{
margin-left:35%;
transition-duration: 0.7s;
}
.message_txt{
padding-bottom:35px;
}

.catchphrase01{
transition-duration: 1s;
margin-left:9%;
}
.message_txt p br{
display:none;
}
}
@media (max-width: 1100px) {
.footer_toiawase{
font-size:110%;
padding-left:0%;
}
#recruit_entry div{
width:50%;
}
.info_title h2{
font-size:290%;
  transition-duration: 0.2s;
}
.event_title h2{
font-size:290%;
}

.about_us_intro{
width:80%;
}
}
@media (max-width: 1000px) {
.footer_toiawase div.t01{
display:flex;margin:0 auto; width:92%;
}

.footer_toiawase div.t02{
width:92%;display:flex;margin:0 auto;padding-left:11.5em;

}


.event_title{
  transition-duration: 0.5s;
padding:10px 25px 0 0;
}
.message_txt{
padding-bottom:25px;
}
.whats_new_box h2{
font-size:390%;
}
.whats_new_box2 h2 {
  font-size: 280%;
letter-spacing:-1px;
}

.container_saiyo_wrap{
height:440px;
}


.saiyo_gaiyo_wrap p{
float:none;
width:80%;
border-left:0;
padding-left:21vw;
}

.saiyo_gaiyo_wrap{
padding:373px 0 0 0;
}
.naro_en_name{
margin-left:21vw;
float:none;
width:100%;
padding-bottom:1em;
}
h3.naro_en_name br{
display:none !important;
}
}

@media (max-width: 900px) {
.whats_new_box2 h2 {
  font-size: 260%;
letter-spacing:-1px;
}

.footer_toiawase div.t01{
display:block;margin:0 auto; width:95%;
}
.i_s br{
display:inline;
}
.info_title h2{
font-size:260%;
}

.event_title h2{
font-size:260%;
}

.footer_toiawase div.t02{
width:95%;display:block;margin:0 auto;padding-left:2em;
}


.tfe{
margin-bottom:1em;
}

.naro_ad{
padding-left:4.5em;
}

.container_saiyo_wrap img.catch2 {
   width: 100%;
    min-width: 330px;
margin-top:260px;
  right: -5%;
}

h1.site-logo picture img {
  max-width: 330px;
}

.h2_top_message {
     padding-top: 0px;
}
.message_txt{
padding-bottom:15px;
}

.catchphrase01 {
transition-duration: 1s;
  margin-top: 110px;
}
.naro_en_name{
margin-left:18vw;
}
.saiyo_gaiyo_wrap p{
padding-left:18vw;
}
}


@media (max-width: 768px) {

.book_img{
font-size:90%;
}
.recruit_book {
    padding: 40px 5px 22px 5px;
}

.br_int br{
display:none;
}
.naro_ad {
    padding-left: 2.5em;
}


.naro_ad br{
display:inline;
}
.footer_toiawase div.t01{
margin:0 auto; width:99%;
}
.whats_new_box2 h2 {
  font-size: 340%;
letter-spacing:-1px;
}
.
.footer_toiawase div.t02{
width:99%;margin:0 auto;padding-left:2em;

}

.br_info h2 br{
display:none;
}
.event_title{
padding:10px 30px 0 0;
}
#recruit_event br{
display:none;
}
.about_us_intro div.gaiyo_wrap {
 height:340px; 
}

.about_us_intro h2 {
    font-size: 200%;
    padding-left: 9%;
}

.about_us_intro {
  padding: 3.2rem 1.5rem 0 1.5rem;
}

h1.site-logo picture img {
  max-width: 280px;
}
.catchphrase01 {
  margin-top: 130px;
}
.whats_new_box{
width:100%;
}
.whats_new_box h2{
margin-top:22%;
}

.new_date{
width:100%;

}
.interview_wrap01{
transition-duration: 1.0s;
width:70%;
}
.event_title {
    padding: 10px 40px 50px 0;
}
.kankobutsu{
padding-top:20px; 
padding-bottom:30px;
}
#recruit_entry div{
width:50%;
}
.message_txt p {
    padding: 0 5rem;
}
.message_txt ul {
    padding: 0 3rem;
}
.h2_top_message{
margin-left:0%;
text-align:center;
padding-top:40px;
}
.top_message{
padding-top:70px;
}
.top_name{
margin-left:0%;
}
.top_message_wrap01{
width:100%;
}
.top_message_wrap02{
width:100%;
}
}
@media (max-width: 667px) {

.kyuma_rijicho {
    padding-left: 20%;
}

p.naro_top {
    padding-left: 0%;
}
h1.site-logo figure img {
width: 150px;
}
h1.site-logo picture img {
  max-width: 240px;
}
.kyuma_rijicho img{
display:none;
  transition-duration: 0.1s;
}



.whats_new_box h2{
font-size:320%;
}
.catchphrase01 {
  margin-top: 110px;
  max-width:500px;
}

ul.flexbox li{
  font-size:110%;
}
.saiyo_gaiyo_wrap p{
width:30%;
padding-left:4vw;
}
.naro_en_name{
font-size:75%;
margin-left:4vw;
}
ul.flexbox li:nth-last-child(1){
/* font-size:130%;
padding-top:1.2em;
letter-spacing:0; */
}
.container_saiyo_wrap img.catch2 {
  right: -10%;
   width: 100%;
    min-width: 420px;
margin-top:280px;
}
}




@media (max-width: 666px) {

h3.naro_en_name+p br  {
display:none;
}
.cap6 img {
    width: 60%;
margin-left:2.5em;
}
}





















.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
z-index:999;
}
.pagetop a {
	display: block;
	background-color: #60ACE8;
	text-align: center;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	padding: 14px 20px;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	border-radius: 3px
}
.pagetop a:hover {
	background-color: #44a2ed;
}

.recruit_book figure a div{
overflow:hidden;
}
.recruit_book figure a{
color:#222;
}
.recruit_book figure a:hover{
color:#007bff;
text-decoration:none;
}
.recruit_book figure a div img{
	transform:scale(1.0);
	transition:0.5s;
}
.recruit_book figure a div img:hover{
	transform:scale(1.1);
	transition:0.5s;
}
.interview_wrap figure a div{
overflow:hidden;
}
.interview_wrap figure a:hover{
color:#007bff;
}

.interview_wrap figure a div img{
	transform:scale(1.0);
	transition:0.5s;
}

.interview_wrap figure a div img:hover{
	transform:scale(1.1);
	transition:0.5s;
}

.interview_wrap figure{
/* border: solid 9px #fff; */
margin-bottom:0;
box-shadow:2px 1px 5px rgba(190,190,190,0.7);
}

.interview_wrap figcaption{
 padding-bottom:1em; 
background-color:#fff;
}
.basicBox{
  width: 440px;
  height: 165px;
  margin: 15px auto;
  color: #fff;

  font-size: 1.1rem;
 line-height: 35px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  cursor: pointer;

}

.basicBox a:hover{
transition: 1.1s;
	text-shadow:

		0 0 20px #fff,
		0 0 40px #b2ebf5,
		0 0 80px #b2ebf5,
		0 0 90px #b2ebf5
}
.basicBox a svg{
transition: 0s !important;
}

svg {
  position: absolute;
  top: 0;
  left: 0;
z-index:-1;
}
svg rect, svg path, svg polyline {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
}

.basicBox:hover svg rect {
  stroke: #fff;
}

/* Basic Box */
svg rect {
  stroke-dasharray: 400, 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}
.basicBox:hover svg rect {
  stroke-width: 3;
  stroke-dasharray: 35, 245;
  stroke-dashoffset: 38;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}




/* Check Mark Effect */
.box, .checkMark {
  opacity: 0;
}


/* Check Box Display */
@-webkit-keyframes boxDisplay {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes boxDisplay {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes boxDisplay {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes boxDisplay {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes boxDisplay {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
/* Check Mark Display */
@-webkit-keyframes checkDisplay {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes checkDisplay {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes checkDisplay {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes checkDisplay {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes checkDisplay {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


dl.new dd {
    padding: 4px 0 0 16px !important;
}

.footer_gray ul:nth-child(1) li:nth-child(1) a:hover{
color:#222;
}
.footer_gray ul:nth-child(1) li:nth-child(2) a:hover{
color:#2f5ea9;
}

.footer_gray ul:nth-child(1) li:nth-child(3) a:hover{
color:#b93131;
}

.footer_gray ul:nth-child(2) a:hover{
opacity:0.6;
}
/* 018 */
.button018 a {
    position: relative;
    display: flex;
    justify-content:center;
    align-items: center;
    margin: 0 0 0 auto;
    max-width: 160px;
    padding: 10px 0px 10px 35px;
    color: #000;
    transition: 0.3s ease-in-out;
    font-weight: 500;
font-size:150%;
}
.button018 a:hover{
text-decoration:none;
} 
.button018 a:before, .button018 a:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
}
.button018 a:before {
  width: 0.5rem;
  height: 0.5rem;
  left: 1.1rem;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  z-index: 2;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.3s;
}
.button018 a:after {
  left: 0;
  background: #000;
  z-index: 1;
  width: 3rem;
  height: 3rem;
  border-radius: 4rem;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.button018 a span {
  position: relative;
  transition: all 0.3s;
  z-index: 3;
}

.button018 a:hover span {
  color: #fff;
}
.button018 a:hover:before {
  left: 2rem;
}
.button018 a:hover:after {
  right: 0;
  width: 100%;
}


/* 007 */
.button007 a {
 width:100%;
height:130px;
font-size:130%;
background:rgb(255 255 255 /100%);
    position: relative;
    display: flex;
/*    justify-content: space-around; */
    align-items: center;
    margin: 0 auto 30px;
border:solid 1px #222;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
font-weight:bold;
}

.button007 a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 50px;
    height: 2px;
    background-color: #444;
    transition: 0.3s;
}
 .button007 a:hover:after {
    width: 80px;
}
.button007 a:hover {
/*    background: #f7f7f7; */
    color: #222;
text-decoration:none;
}