:root {
  --primary-color: #f7931e;
}

body{font-family: 'Noto Sans JP', sans-serif;font-size: clamp(0.9375rem, 0.709rem + 0.4754vw, 1.125rem);/*18/15*/ font-weight:500; line-height:1.7; color:#1A1A1A;  letter-spacing:1px;font-feature-settings: "palt"; background:#efeee8;overflow-y: scroll;}

@media screen and (max-width: 768px) {
body{font-size:15px;line-height:1.6; letter-spacing:1px; overflow-x: hidden; }
}
.site_logo img{position:fixed; top:14px; left:20px; z-index:3}
.global_inner{max-width:1000px;margin:0 auto; position:relative;padding: 0 20px;}
h1,h2,h3,h4,h5,h6{line-height:1;}


h2{font-weight: 500;font-size: clamp(2.5rem, 1.8906rem + 1.2678vw, 3rem); /*48/40*/ }
h2 span{  display:block;font-size: clamp(1.25rem, 0.8692rem + 0.7924vw, 1.5625rem);/*25/20*/ font-weight:700; margin-top:15px;}
h2.top{font-size: clamp(2.5rem, 1.8906rem + 1.2678vw, 3rem); /*48/40*/ font-weight:500;}

h3.bg {
  font-size: clamp(1.875rem, 1.418rem + 0.9509vw, 2.25rem); 
  padding: 5px 15px; 
  color: transparent; 
  width: fit-content; 
  line-height: 1.2; 
  margin-top: 50px;
  position: relative;	
  overflow: hidden;    
}

/* オレンジ色の背景 */
h3.bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  transform: scaleX(0);
  transform-origin: left;
  z-index: 1;
}

/* 同期して現れる白い文字（擬似要素） */
h3.bg:after {
  content: attr(data-text); 
  position: absolute;
  top: 5px;
  left: 15px;
  color: #FFF;
  white-space: nowrap;
  z-index: 2;
  width: 0;
  overflow: hidden;
}

/* 画面に現れたら同時にアニメーションを発火 */
h3.bg.isShow:before {
  animation: slide-left-to-right 0.8s ease-out 0.1s forwards;
}

h3.bg.isShow:after {
  animation: reveal-text 0.8s ease-out 0.1s forwards;
}

/* 背景が伸びるアニメーション */
@keyframes slide-left-to-right {
  0% { transform: scaleX(0); transform-origin: left; }
  100% { transform: scaleX(1); transform-origin: left; }
}

/* 文字エリアが広がるアニメーション */
@keyframes reveal-text {
  0% { width: 0; }
  100% { width: calc(100% - 30px); } /* 左右のpadding分（15px×2）を引いた幅 */
}




.text{text-align: justify;}
img{width:100%; height:auto;}
a{transition:0.4s all;}
a img{transition:0.4s all;}
a img:hover{transform: scale(1.10);transition:0.4s all; letter-spacing:2px;}
a img.no-zoom:hover{transform: scale(1.0);}
a:hover{transition:0.4s all;}
a:hover img{transform: scale(1.10);}
.box{display:flex;justify-content: space-between; }

@media screen and (max-width: 768px) {
.global_inner{width:94%;padding: 0 3%; }
.box{flex-direction: column; }
h1,h2,h3,h4,h5,h6{line-height:1.3;}

h2.top{ line-height:1.3;}
h3.bg:after{white-space:normal;}
}

/*====================
ハンバーガーメニュー
=====================*/
header{height:auto; position:fixed;z-index:10; top:0px;left:40px;font-family: "Zen Old Mincho", serif;}
header .logo{box-shadow: 0px 0px 20px -5px #777777;border-radius: 10px;}
header .logo img{height:auto; width:140px;transition:0.4s all;}
header .logo img:hover{transform: scale(1.0); opacity:0.8;transition:0.4s all;}
header .logo h1{margin-bottom:0;}

nav {display: block;  position: fixed;  top: -100%;  left: 180px;  bottom: 0;  width: 300px;	background-color:#FFF;  	-webkit-overflow-scrolling: touch;  transition: all 0.5s;  z-index: 102;  visibility: hidden;}
.open nav {left: 180px;  opacity: 1;  top:0px;  width:300px; min-width:300px;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08); visibility:visible;}
nav .inner {	height: 100%;		width: 100%;overflow: auto; padding-top:0px;}
nav .inner .box{width: 100%;}
nav .inner .box .item{padding-left: 0px;width: 100%;}
nav .inner .box .item ul{margin-bottom:20px;width: 100%; }
nav .inner .box .item ul li{line-height: 1.3; font-size:16px; display: block;  overflow: hidden;   z-index:0;position: relative;    text-align: left;}
nav .inner .box .item ul li:last-child{border:none;}

nav .inner .box .item ul li:before{content:'';width: 12px;height: 0.5px;background-color: #000;display:  block;position: absolute;top: 50%;left: 5px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
nav .inner .box .item ul li a{ display:block;padding-left:40px; padding-top:15px; padding-bottom:15px; color:#4a4a4a; 
position: relative;	overflow: hidden;    transition: ease .2s; border-bottom:solid 1px #4a4a4a; line-height:1.2;}
nav .inner .box .item ul li a span{position: relative;	z-index: 3;	}


nav .inner .box .item ul li a:hover{ transition: all 0.3s;color:#FFF;}
nav .inner .box .item ul li a:before { 	content: '';position: absolute;top: 0;left: 0;z-index: 2;background:#e78b42;width: 100%;height: 100%;transition: transform .4s cubic-bezier(0.8, 0, 0.2, 1) 0s;transform: scale(0, 1);	transform-origin: right top; }

nav .inner .box .item ul li a:hover:before{	transform-origin:left top;	transform:scale(1, 1); z-index:-1;}

nav .inner .box .item ul li.title{font-size:15px;  }
nav .inner .box .item ul li.title span{display:block; margin-top:5px;letter-spacing:0px; font-size:15px; font-weight:bold; margin-bottom:5px; font-family: "Oswald", sans-serif; font-weight:normal;}
nav .inner .box .item ul li.title:before{content:none;}
nav .inner .box .item ul li.title a:after{font-size:14px; display:block; font-weight:normal;z-index: 3; padding-left:3px; position:relative;}
nav .inner .box .item ul li:last-child{margin-bottom:0px;}






@media screen and (max-width: 768px) {
header{ left:0; width:100%;}
header .logo{box-shadow: none;border-radius: 0px; height:50px;}
header .logo img{height:50px; width:auto;}
header .btn_entry{height:50px; position:fixed; left:220px; top:0;}
header .btn_entry img{height:100%; width:auto;}
.open nav {left: unset; right:0;  }

}


/*============
ハンバーガーメニューのトグル
=============*/
.toggle_btn {  display: block;   height: 50px; width:50px;  transition: all .5s;  cursor: pointer;  z-index: 103; position:absolute; top:148px;left: 45px;   }
.toggle_btn span {  display: block;  position: absolute;   width: 20px;  height: 1.5px;  background-color: #000;  border-radius: 4px;  transition: all .5s;left: 16px;}
.toggle_btn span:nth-child(1) {  top: 15px;}
.toggle_btn span:nth-child(2) {  top: 19px;}
.toggle_btn span:nth-child(3) {  top: 23px;}
.open .toggle_btn span {  background-color: #000;}
.open .toggle_btn span:nth-child(1) {  transform: translateY(10px) rotate(-315deg);top: 9px;}
.open .toggle_btn span:nth-child(2) {  opacity: 0;}
.open .toggle_btn span:nth-child(3) {  transform: translateY(-10px) rotate(315deg);top: 29px;}

@media screen and (max-width: 768px) {
.toggle_btn{right:10px; left:unset; top:5px;}
}
/*============
ハンバーガーメニューのマスク
=============*/
#mask {display: none;  transition: all .5s;}
.open #mask {  display: block;  position: fixed;  top: 0;  right: 0;  width: 100%;  height: 100%;  /*background: #000;*/  opacity: .8;  z-index: 101; }



/*====================
メインビジュアル
=====================*/
.kv{ position:relative;width: 100%;height: 100vh; overflow: hidden; color:#FFF;}
.kv video {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 100vw;height: 100vh;object-fit: cover; }

@media screen and (max-width: 768px) {
.kv{height:auto;}
.kv video{height: auto; position:static;width: 100%; transform:none; padding-top:50px;}

}


/*====================
トップ：イントロダクション
=====================*/
.top_introduction{ padding:80px 0 140px 0; background:#fff;}
.top_introduction .box{align-items: center;}
.top_introduction .text_area{width:70%;}
.top_introduction .text_area .copy{font-size: clamp(1.875rem, 0.7325rem + 2.3772vw, 2.8125rem); /*45/30*/ font-weight:bold; line-height:1.5; letter-spacing:2px;}
.top_introduction .text_area .text{margin-top:40px;}
.top_introduction .text_area .link{margin-top:40px; font-weight:500;    justify-content: flex-start;}
.top_introduction .text_area .link ul{display:flex;}
.top_introduction .text_area .link ul li{border-bottom:solid 2px #e78b42; margin-right:30px; padding-bottom:5px;}
.top_introduction .text_area .link ul li a{color:#e78b42;}
.top_introduction .photo{width:  calc(25% + 180px);
  margin-right: -130px;margin-left: -50px; margin-bottom:-50px;}


@media screen and (max-width: 768px) {
.top_introduction{ padding:40px 0 40px 0; }
.top_introduction .text_area{width:100%;}
.top_introduction .text_area .link ul{flex-direction: column;}
.top_introduction .text_area .link ul li{margin-bottom:15px;}
.top_introduction .photo{width:50%; max-width:300px; margin-left:auto; margin-right:auto;}
}




/*====================
ニュースリスト
=====================*/
.news_list{background:#efeee8; padding-bottom:100px; margin-top:0;}
.news_list.top{padding:100px 0; margin-top:-120px;}
.news_list h2{font-size: clamp(1.5rem, -4.2722rem + 12.0253vw, 6.25rem);font-weight:700;writing-mode: vertical-rl; margin-right:80px;}
.news_list .item{width:100%;}
.news_list .item dl{display:flex; border-bottom:solid 1px #000; padding:10px 0;}
.news_list .item dl dt{width:200px;}


@media screen and (max-width: 768px) {
.news_list{padding-bottom:50px; }
.news_list.top{padding:80px 0 50px 0; margin-top:-50px;}
.news_list h2{writing-mode: unset;margin-right:0px;}
.news_list .item dl{flex-direction: column;}
}


/*====================
ニュース詳細
=====================*/
.news_detail .heading{ background:var(--primary-color); color:#FFF;display:flex;align-items: center; padding:10px 40px;}
.news_detail .heading .date{ font-size:18px; margin-right:40px;}
.news_detail .heading .title{ font-size:24px;}
.news_detail .item{background:#FFF; padding:40px 50px;}
.news_detail .item h2{ font-size:24px; background:#fde9d2; padding:10px 20px;margin-bottom:30px;}
.news_detail .item h3{ font-size:24px; margin-bottom:30px;}
.news_detail .item h4{ font-size:21px; margin-bottom:30px;}
.news_detail .item .photo{margin-top:40px;}
.news_detail .item .photo img{border-radius:25px;}

@media screen and (max-width: 768px) {
.news_detail .heading{flex-direction: column; align-items: flex-start; padding:10px 20px;}
.news_detail .item{ padding:20px 25px;}
}

/*====================
トップ：数字で見る
=====================*/
.top_number{padding:100px 0; position:relative; background:#fff;}
.top_number .box{justify-content: flex-start;}
.top_number .text_area{ width:800px; padding-right:20px;}
.top_number .photo{width:35%; max-width:500px; margin-right:60px;}


.top_number.sales .box{justify-content: flex-end;}
.top_number.sales .box .photo{margin-left:60px; margin-right:0;width:30%;}
.top_number.sales .box .text_area{ width:940px;padding-left:20px;padding-right:0px;}
.top_number.sales .text_area dt{width:80%;}
.top_number.sales .text_area dd{width:20%;}

.top_number.sales .text_area .schedule{margin-top:100px;}
.top_number.sales .text_area .schedule .box{justify-content: flex-start;position: relative;}
.top_number.sales .text_area .schedule .box .item{width:400px; margin-top:40px;}
.top_number.sales .text_area .schedule .link{justify-content: flex-start;}
/*.top_number.sales .text_area .schedule .box .photo{position: absolute;top: 40px;left: auto; right: 0; margin-right: calc(50% - 50vw); margin-left:0; width: 35%; 
  max-width: 600px; transform: none;}*/

.top_number.sales .photo_image{position:absolute; right:0; bottom:0px; max-width:700px; width:45%; }
.top_number.sales .photo_image img{ height:800px; object-fit:cover; border-radius:50px 0 0 50px;}


@media screen and (max-width: 768px) {
.top_number{padding:30px 0; }
.top_number .text_area{max-width:100%;margin:0 auto; position:relative; margin-top:20px;width:94%;padding: 50px 3% 0 3%;}
.top_number.sales{padding-bottom:30px;}
.top_number.sales .box .text_area{ max-width:100%;margin:0 auto; position:relative;padding: 0 20px; margin-top:20px;}
.top_number.sales .text_area dt{ width:70%;}
.top_number.sales .text_area dt.note{width:100%; padding:10px 0;}
.top_number.sales .text_area dd{width:30%;}
.top_number.sales .text_area .schedule{margin-top:50px;}
.top_number.sales .text_area .schedule .box .item{width:100%;}
.top_number.sales .box .photo{width:100%;    text-align: right;margin-left:0px;}
.top_number.sales .box .photo img{width:40%; max-width:300px;}
}


/*====================
トップ：人を知る
=====================*/
.top_people{ padding-top:100px; background:#fff;}
.top_people .box{justify-content: flex-start; width:75%; min-width:1000px;}
.top_people .box h2{  writing-mode: vertical-rl; margin-top:10px; width:250px;}
.top_people .box .item{position:relative;}
.top_people .box .item .text{position:absolute; top:30px; right: -4%; height:100%;}
.top_people .box .item .text img{height:80%;}
.top_people .box .item .name_area{display:flex;justify-content: flex-end; margin-top:20px; line-height:1.3;}
.top_people .box .item .name_area .unit{display:flex;align-items: center;font-size:11px; border-left:solid 2px #000; padding:0 15px;}
.top_people .box .item .name_area .unit span{font-family: "Oswald", sans-serif;font-size: 60px;color:#e78b42; font-weight:500; line-height:1; margin-right:10px;}
.top_people .box .item .name_area .unit h3{font-size:16px; margin-bottom:6px;}

@media screen and (max-width: 768px) {
.top_people{ padding-top:50px;}
.top_people .box{justify-content: flex-start; width:100%; min-width:auto;flex-direction: row;}
.top_people .box h2{margin-left:20px; width:15%; margin-right:20px;}
.top_people .box .item{margin-right:0px; width:85%;}
.top_people .box .item .text{margin-right:0px; margin-top:10px; height:auto; position:static; margin-left:20px;}
.top_people .box .item .text img{height:auto;}
.top_people .box .item .name_area{flex-direction: column; margin-left:20px;}
.top_people .box .item .name_area .unit{margin-bottom:15px;}
.top_people .link{margin-left:20px;}
}

/*====================
トップ：働く環境・キャリア
=====================*/
.top_environment{ padding:100px 0; background:#fff;}
.top_environment .box{justify-content: flex-start; min-width:1000px;    margin-left: auto; width:75%;}
.top_environment .box .link{justify-content: flex-start;}

@media screen and (max-width: 768px) {
.top_environment{ padding:50px 0;}
.top_environment .box{justify-content: flex-start; width:100%; min-width:auto;}
.top_environment .box .item{text-align:right;}
.top_environment .box .item img{width:90%;}
.top_environment .link{margin-left:20px;}
}


/*====================
トップ：フットメニュー
=====================*/
.top_foot_menu{background:#efeee8;}
.top_foot_menu ul{display:flex;}
.top_foot_menu ul li{width:33.3333%; border-left:solid 3px #FFF;}
.top_foot_menu ul li:last-child{border-right:solid 3px #FFF;}
.top_foot_menu ul li a{display:block; background:#ef8f00; color:#FFF; text-align:center; padding:30px 0;}
.top_foot_menu ul li a:hover{background:#bd750a;}


@media screen and (max-width: 768px) {
.top_foot_menu ul{flex-direction: column;}
.top_foot_menu ul li{width:100%; border-left:none;border-bottom:solid 3px #FFF;}
.top_foot_menu ul li:last-child{border-right:none;}
.top_foot_menu ul li a{padding:15px 0;}
}


/*====================
トップ：FAQ
=====================*/
.top_faq{padding:80px 0; background:#fff;}
.top_faq .box{justify-content: center;}
.top_faq .box h2{font-size:30px; margin-bottom:20px;}
.top_faq .box h2 span{font-family: "Oswald", sans-serif;font-size: 140px; line-height:1; display:block; margin-top:0;}
.top_faq .box .text{font-family: 'Noto Serif JP', serif; margin-left:80px; font-weight:500; padding-top:40px; margin-top:0;}
.top_faq .link{justify-content: flex-start;}
.top_faq .link .viewmore{margin-left:0;}

@media screen and (max-width: 768px) {
.top_faq{width:94%;padding: 50px 3%;}
.top_faq .box h2{text-align:center;}
.top_faq .box .text{margin-left:auto; margin-right:auto; }
.top_faq .link{justify-content: center;}
}


/*====================
下層：ヘッダー
=====================*/
.head{height:100vh; display:flex; margin-bottom:100px;}
.head .item{display:flex;justify-content: flex-end;align-items: center;background:var(--primary-color);width:55%; color:#FFF;}
.head .item .text_area{width:60%; padding-right:100px; }
.head  h1{font-size: clamp(3.125rem, 0.8399rem + 4.7544vw, 5rem); /*80/50*/text-decoration: underline;  text-decoration-color: #FFF;  text-decoration-thickness: 1px;text-underline-offset: 5px; line-height:1.2; font-weight:500;color:#FFF;}
.head  h1 span{display:block; font-weight:700; text-decoration:none;}
.head .item .text_area .en_title{font-size:25px; margin-top:30px; font-weight:500;}
.head .item .text_area .copy{font-family: "Zen Old Mincho", serif;font-size: clamp(1.25rem, 0.1075rem + 2.3772vw, 2.1875rem);/*35/20*/; margin-top:40px; letter-spacing:5px; white-space:nowrap;}
.head .item .text_area .text{font-weight:500; font-size:15px; margin-top:30px; line-height:1.6;}
.head .photo{ width:45%;}
.head .photo img{height:100vh; object-fit:cover;}


.head_people{display:block; position:relative;height:100vh;margin-bottom:100px;}
.head_people .photo{ width:100%;}
.head_people .photo img{height:100vh; object-fit:cover;}
.head_people h1{position:absolute; bottom:12vh;left: 50%; transform: translateX(-50%);display:flex;align-items: center;text-decoration:none; width: 1000px;color:#FFF;}
.head_people h1 span.main_text{font-size: clamp(3.125rem, 0.8399rem + 4.7544vw, 5rem); /*80/50*/text-decoration: underline;  text-decoration-color: #FFF;  text-decoration-thickness: 1px;text-underline-offset: 5px; line-height:1.0; font-weight:500;color:#FFF; margin-right:30px}
.head_people h1 span{font-size:25px; text-decoration:none; }


.head_interview{height:600px;background:var(--primary-color); }
.head_interview .box{}
.head_interview .box .item{position:relative; color:#FFF;}
.head_interview .box .item .text_area{position:absolute; left:0; top:33%;}
.head_interview .box .item .text_area h1{ font-size:27px; font-weight:500; display:flex;align-items: flex-end;}
.head_interview .box .item .text_area h1 span{font-family: "Oswald", sans-serif;font-size: clamp(5rem, 1.9532rem + 6.3391vw, 7.5rem);/*120/80*/ line-height:0.8;}
.head_interview .box .item .text_area .name{margin-top:40px; font-size: clamp(1.875rem, 1.1133rem + 1.5848vw, 2.5rem);/*40/30*/}
.head_interview .box .item .text_area .dept{margin-top:20px;font-size: clamp(1.125rem, 0.8203rem + 0.6339vw, 1.375rem);/*22/18*/}
.head_interview .photo{ width:600px;}
.head_interview .photo img{height:600px; aspect-ratio:1;}

.head_short{height:300px;background:var(--primary-color); margin-bottom:60px; }
.head_short .global_inner{height:300px;}
.head_short .box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:100%;align-items: flex-end;}
.head_short h1{font-size: clamp(2.5rem, 1.7383rem + 1.5848vw, 3.125rem);/*50/40*/ color:#FFF;}
.head_short h1 span{display:block; font-size:21px; margin-top:20px;}
.head_short .photo{width:270px;}



@media screen and (max-height: 600px) {
.head{height:auto;}

.head .item .text_area{padding:30px 50px 30px 0;}
.head .photo img{height:100%; }
}
@media screen and (max-width: 768px) {
.head{height:auto; flex-direction: column;margin-bottom:50px;}
.head .item{width:100%;}
.head .item .text_area{width:100%; padding-right:0; padding:70px 30px 30px 30px;}
.head .item .text_area .copy{white-space:normal;}
.head .photo{width:100%;}
.head .photo img{height:300px; width:100%;}
.head_people{height:auto; margin-bottom:50px; padding-top:50px;}
.head_people h1{bottom:10%; width:auto;transform: none; left:10%;}
.head_people h1 span.main_text{font-size:20px;}
.head_people h1 span{font-size:17px;}
.head_people .photo img{height:auto;}
.head_interview{height:auto;}
.head_interview .global_inner{width:100%; padding:0;}
.head_interview .photo{width:100%;}
.head_interview .photo img{height:auto;}
.head_interview .box .item .text_area{position:static; padding:70px 3% 20px 3%;}
.head_interview .box .item .text_area h1{    justify-content: flex-end;}
.head_interview .box .item .text_area .name{margin-top:0px;}
.head_short{padding-top:70px; padding-bottom:30px;height:auto;margin-bottom: 40px;}
.head_short .global_inner{height:auto;}
.head_short h1{font-size:30px;}
.head_short h1 span{margin-top:10px;}
.head_short .box{position: static;transform: none; width:100%;align-items: flex-start}
.head_short .photo{max-width:270px; width:30%;margin-left: auto;}

}

/*====================
下層：会社を知る
=====================*/
.company{padding-bottom:200px;}
.company .business{position:relative;}
.company .business .photo_image{position:absolute; top:20px; right:0; width:40%; max-width:600px;}
.company .business dl.number dt{width:fit-content;}
.company .view_number{margin-top:100px; padding-top:100px; border-top:solid 3px #e78b42;}
.company .view_number .data{margin-top:100px;}


@media screen and (max-width: 768px) {
.company{padding-bottom:50px;}
.company .business .photo_image{position:absolute; top:-20px; right:0; width:30%; max-width:200px;}
.company .business dl.number dt{width:100%;}
.company .view_number{margin-top:50px; padding-top:50px; }
}





/*====================
下層：営業を知る
=====================*/
.sales{padding-bottom:200px;}
.sales .notice{border-radius:25px; text-align:center; padding:20px; background:#e78b42;font-size: clamp(1.25rem, 0.8692rem + 0.7924vw, 1.5625rem)/*25/20*/; color:#FFF; margin-top:40px;}
.sales .schedule{margin-top:200px;}
.sales .schedule dl{ padding-top:60px;border-left:solid 1px #000; padding-left:40px; position:relative;}
.sales .schedule dl:before{content:""; position:absolute; height:26px; width:26px; background:url(/wp-content/themes/nes-co-recruit/assets/image/ic_circle.svg) no-repeat; left:-14px; top:70px;}
.sales .schedule dl dt{ display:flex;align-items: center;}
.sales .schedule dl dt span{font-size:40px; color:#e78b42; width:150px;font-family: "Oswald", sans-serif; line-height:1; font-weight:500;}
.sales .schedule dl dd{margin-top:20px;}
.sales .schedule dl:last-of-type{padding-bottom:60px;}
.sales .photo_title img{object-position: right;}
.sales .message{font-size: clamp(1.5rem, 1.043rem + 0.9509vw, 1.875rem);/*30/24*/ font-weight:700;text-decoration: underline;  text-decoration-color: #000;  text-decoration-thickness: 1px;text-underline-offset: 10px; color:var(--primary-color); letter-spacing:5px; line-height:2.3; margin-top:40px;}

@media screen and (max-width: 768px) {
.sales{padding-bottom:50px;}
.sales .text_area dt.note {width: 100%;padding: 10px 0;}
.sales .schedule{margin-top:50px;}
.sales .schedule dl dt span{width:120px;}
.sales .message{font-size:18px;}
}

/*====================
下層：働く環境とキャリア
=====================*/
.environment{padding-bottom:200px;}
.environment .step .box{margin-top:40px;}
.environment .step .photo{width:30%;}
.environment .step .text_area{width:60%;}
.environment .step .text_area h4{ border-bottom:solid 1px #000; font-size:21px; margin-top:60px; padding-bottom:10px;}
.environment .step .text_area h4:first-of-type{margin-top:0;}
.environment .model{margin-top:100px;}
.environment .model .item{width:48%;}
.environment .model .item h3{width:100%; text-align:center;font-size: clamp(1.5rem, 1.043rem + 0.9509vw, 1.875rem);/*30/24*/}
.environment .model .item h4{font-size:17px;}
.environment .model .number{background:#FFF; border-radius:15px; padding:25px; margin-top:30px;}
.environment .model .number ul{margin-top:20px;}
.environment .model .number li{font-size: clamp(3.75rem, 2.2266rem + 3.1696vw, 5rem); /*80/60*/ font-weight:700; color:var(--primary-color); border-bottom:solid 1px #000; padding:10px 0;font-family: "Oswald", sans-serif; line-height:1;display:flex;align-items: flex-end; width:fit-content;}
.environment .model .number li span{font-size: clamp(0.8125rem, 0.2793rem + 1.1094vw, 1.25rem);/*20/13*/ color:#000;padding:0 5px 5px 5px;}
.environment .model .number .note{margin-top:20px;}
.environment .model .foot{margin-top:20px; border-radius:15px; background:#FFF; padding:25px;}
.environment .model .foot dl{display:flex;align-items: center;}
.environment .model .foot dl dt{width:200px;}
.environment .model .foot dl dd span{color:var(--primary-color);}

.environment .work_balance{margin-top:100px;}

.environment .benefits{margin-top:100px;}
.environment .benefits .item{width:48%;}

.environment .work_environment{margin-top:100px;}
.environment .work_environment .item{width:48%;}

.environment .message{font-size: clamp(1.5rem, 1.043rem + 0.9509vw, 1.875rem);/*30/24*/ font-weight:700;text-decoration: underline;  text-decoration-color: #000;  text-decoration-thickness: 1px;text-underline-offset: 10px; color:var(--primary-color); letter-spacing:5px; line-height:2.3; margin-top:40px;}

@media screen and (max-width: 768px) {
.environment{padding-bottom:50px;}
.environment .step .photo{width:100%;}
.environment .step .text_area{width:100%; margin-top:40px;}
.environment .model{margin-top:50px;}
.environment .model .item{width:100%;}
.environment .model .foot dl{flex-direction: column;}
.environment .model .foot dl dt{width:auto;}
.environment .model .foot dl dd{ margin-top:20px;}
.environment .benefits{margin-top:50px;}
.environment .benefits .item{width:100%;}
.environment .work_balance{margin-top:50px;}
.environment .work_environment{margin-top:50px;}
.environment .work_environment .item{width:100%;}
.environment .message{font-size: 18px;}
}

/*====================
人を知る
=====================*/
.people{padding-bottom:200px;}
.people .introduction .main_copy{font-family: "Zen Old Mincho", serif; font-size: clamp(2.25rem, 1.336rem + 1.9017vw, 3rem);/*48/36*/}
.people .introduction .text{ width:80%;}
.people .interview_list{margin-top:100px;}
.people .interview_list .copy{font-size: clamp(1.875rem, 1.418rem + 0.9509vw, 2.25rem);/*36/30*/ margin-top:40px;}
.people .interview_list .text{ padding-bottom:60px;}
.people .interview_list .box .line_tate_right{padding-left:0;}
.people .interview_list .box .item{margin-bottom:40px; background:#FFF; border-radius:0 25px 25px 0; overflow:hidden; display:flex;transition:0.4s all;}
.people .interview_list .box .item:hover{background:#ececec;transition:0.4s all;}
.people .interview_list .box .item .text_area{width:70%; padding:20px 30px;}
.people .interview_list .box .item .text_area .heading{display:flex;align-items: flex-start;}
.people .interview_list .box .item .text_area .heading h3{font-size:30px;}
.people .interview_list .box .item .text_area .heading .info{width:50%;}
.people .interview_list .box .item .text_area .heading .info .dept{margin-top:20px;}
.people .interview_list .box .item .text_area .heading .number{width:50%; color:#e78b42; font-size:26px; font-weight:500;display:flex;align-items: flex-end; justify-content: flex-end;letter-spacing:0px;}
.people .interview_list .box .item .text_area .heading .number span{font-size:90px;font-family: "Oswald", sans-serif; line-height:0.8; margin-left:10px; padding-bottom:5px;}
.people .interview_list .box .item .text_area .text{padding-bottom:0;}
.people .interview_list .box .item .text_area .link{ margin-top:30px; margin-left:auto;}
.people .interview_list .box .item .text_area .link .viewmore{ color:#e78b42;}
.people .interview_list .box a:hover .item .text_area .link .viewmore{ text-decoration:underline;}


.people .interview_list .box .item .photo{width:30%; aspect-ratio:1; min-width:350px; overflow:hidden;}
.people .interview_list .box .item .photo img{height: 100%;object-fit: cover;}

@media screen and (max-width: 768px) {
.people{padding-bottom:50px;}
.people .introduction .main_copy{ font-size:25px;}
.people .interview_list{margin-top:50px;}
.people .interview_list .box .item{flex-direction: column-reverse;border-radius:25px 25px 0 0;}
.people .interview_list .box .item .text_area{width:100%; padding:15px 15px;}
.people .interview_list .box .item .photo{width:100%; aspect-ratio:auto;}
.people .interview_list .box .item .photo img{height:300px;}
.people .interview_list .box .item .text_area .heading{flex-direction: column-reverse;}
.people .interview_list .box .item .text_area .heading .info{width:100%;}
.people .interview_list .box .item .text_area .heading .number{width:100%; }
.people .interview_list .box .item .text_area .heading .number span{font-size:60px; }
}


/*====================
インタビュー詳細
=====================*/
.interview_contents{padding-bottom:200px;}
.interview_contents h2{font-size: clamp(4.375rem, 2.8516rem + 3.1696vw, 5.625rem);/*90/70*/ color:#e78b42;font-family: "Oswald", sans-serif; margin-top:40px;}
.interview_contents .question{margin-top:20px; font-size: clamp(1.25rem, 0.9453rem + 0.6339vw, 1.5rem);/*24/20*/}
.interview_contents .answer{margin-top:30px;}
.interview_contents .link{margin-top:150px;    justify-content: center;}

@media screen and (max-width: 768px) {
.interview_contents{padding-bottom:50px;}
.interview_contents .link{margin-top:50px;}
}
/*====================
募集要項
=====================*/
.recruitment{padding-bottom:100px;}
.recruitment .link{justify-content:center; margin-top:100px;}

@media screen and (max-width: 768px) {
.recruitment{padding-bottom:50px;}
.recruitment .link{margin-top:50px;}
}
/*====================
よくあるご質問
=====================*/
.faq{padding-bottom:100px;}
.faq span.question{font-size:30px; margin-right:20px;}

.faq .link{justify-content:center; margin-top:100px;}
.faq .answer{display:flex;align-items: flex-start;}
.faq .answer span.ans{font-size:36px;color:var(--primary-color); margin-right:20px; line-height:1;}

.faq .foot_menu{background:#FFF; margin-top:100px;}
.faq .foot_menu ul{display:flex;}
.faq .foot_menu ul li{width:33.3333%; border-left:solid 3px #FFF;}
.faq .foot_menu ul li:last-child{border-right:solid 3px #FFF;}
.faq .foot_menu ul li a{display:block; background:#ef8f00; color:#FFF; text-align:center; padding:30px 0;}
.faq .foot_menu ul li a:hover{background:#bd750a;}

@media screen and (max-width: 768px) {
.faq{padding-bottom:50px;}
.faq .link{margin-top:50px;}
.faq .foot_menu ul{flex-direction: column;}
.faq .foot_menu ul li{width:100%; border-left:none;border-bottom:solid 3px #FFF;}
.faq .foot_menu ul li:last-child{border-right:none;}
.faq .foot_menu ul li a{padding:15px 0;}

}

/*====================
共通部品
=====================*/
dl.number{display:flex;flex-wrap: wrap;align-items: flex-end; margin-top:30px;    justify-content: space-between;}
dl.number dt{font-family: "Oswald", sans-serif;font-size: clamp(4.375rem, -2.4802rem + 14.2631vw, 10rem); /*160/70*/display:flex;align-items: flex-end; width:80%; line-height:1; letter-spacing:0; color:#e78b42; border-bottom:solid 1px #000; padding-bottom:20px; padding-top:25px; font-weight:500; }
dl.number dt.text{font-size: clamp(1.875rem, 1.418rem + 0.9509vw, 2.25rem)/*36/30*/; margin-top:0; font-weight:700;}
dl.number dt.text.lg{font-size: clamp(2.5rem, 0.9766rem + 3.1696vw, 3.75rem)/*60/40*/; line-height:1.2;}
dl.number dt span{font-size:18px; padding:0 5px 10px 5px; color:#000; font-weight:700;}
dl.number dt span.note{font-size:13px; line-height:1.4; font-weight:normal;padding-bottom: 6px; margin-left:20px;}
dl.number dd{width:20%; text-align:right;font-size: clamp(1.125rem, 0.6693rem + 0.9494vw, 1.5rem);/*24/18*/ font-weight:700;border-bottom:solid 1px #000;padding-bottom:20px;}
dl.number dd span{display:block;font-size: clamp(0.8125rem, 0.4317rem + 0.7924vw, 1.125rem);/*18/13*/ letter-spacing:0; }

.copy_md{font-size:21px; margin-top:30px;}
.copy_lg{font-size:27px; margin-top:30px;}
.text{margin-top:30px;}
.line_tate_right{border-left:solid 1px #000; padding-left:40px;}

.photo_title{ margin-top:100px; margin-bottom:100px; margin-left: auto;text-align:right; width:80%; min-width:1000px;}
.photo_title img{width:100%; height:auto; border-radius:50px 0 0 50px;}

ul.circle{ margin-top:10px; margin-bottom:20px;}
ul.circle li{text-indent: -20px;padding: 0 0 0 20px;}
ul.circle li:before{content:"●"; margin-right:5px; color:var(--primary-color);}

.text_orange{color:var(--primary-color);}
.mt100{margin-top:100px;}

@media screen and (max-width: 768px) {
dl.number{margin-top:15px;}
dl.number dl{}
dl.number dt{font-size: 40px; width:63%;padding-bottom:15px;padding-top: 15px;}
dl.number dt span{font-size:16px; padding:0 5px 1px 5px;line-height:1.2; }
dl.number dd{font-size:18px;width:37%;        padding-bottom: 15px;
        padding-top: 15px;line-height:1.2;white-space: nowrap;}
dl.number dt.note{ padding:10px 0;font-size:13px; line-height:1.4; font-weight:normal;padding-bottom: 6px; margin-left:0px; color:#000; width:100% !important;}
dl.number dt.text.lg{font-size:20px;}
.line_tate_right{border-left:none; padding-left:0;}
.photo_title{ margin-top:50px; margin-bottom:50px; margin-left: auto;text-align:right; width:90%; min-width:auto;}
.mt100{margin-top:50px;}


}

/*====================
下層：アコーディオン
=====================*/
.accordion-container{margin-top: 40px;}
.accordion-container .item{ }
.accordion-container .item:first-child{}
.accordion-container .item h3.js-accordion-title{position:relative;transition:0.4s all;display:block;font-size:24px;color:#FFF; background:var(--primary-color);margin-bottom:0; padding:25px 70px 25px 35px; margin-top:30px; display:flex;align-items: center;}
.accordion-container .item h3.js-accordion-title:hover{cursor:pointer;}
.accordion-container .item h3.js-accordion-title::before{/* 閉じている時 */	content: "";position: absolute;background:url(/wp-content/themes/nes-co-recruit/assets/image/ic_arrow_down.svg) no-repeat; width: 34px;  height: 17px;  transition: all .5s;top: 33px; right:25px;}
.accordion-container .item h3.js-accordion-title.open{}
.accordion-container .item h3.js-accordion-title.open::before{/* 開いている時 */	content: "";	transition: all .3s ease-in-out;  transform: rotate(180deg);top: 30px; right:25px;}
.accordion-container .item .accordion-content{transition: max-height 0.3s ease; background:#FFF; padding:30px 40px;}

.accordion-container table{margin-top:0;}
.accordion-container table th, .accordion-container table td{ border-bottom:solid 1px var(--primary-color);border-top:none;}


@media screen and (max-width: 768px) {
.accordion-container .item .accordion-content{padding:15px 15px;}
.accordion-container .item h3.js-accordion-title{font-size:20px;padding:15px 70px 15px 25px;}
.accordion-container .item h3.js-accordion-title::before{top: 50%; transform: translateY(-50%); }
.accordion-container .item h3.js-accordion-title.open::before{top: 50%; transform: translateY(-50%); }
.accordion-container table td{ border-bottom:none;}
}




/*==========================
お問い合わせ
=========================*/
.contact{padding-bottom:100px;}
.contact form{ background:#FFF; padding:40px 40px; margin-top:80px; border-radius:25px;}
.contact form .item{display:flex;align-items: flex-start; margin-top:20px;}
.contact form .item:first-of-type{margin-top:0;}
.contact form .item .must{border-radius:10px; text-align:center; padding:5px 10px; margin-right:20px; font-size:14px; color:#FFF;margin-top:8px; width:80px; white-space:nowrap;}
.contact form .item .must.on{background: var(--primary-color);}
.contact form .item .must.off{background:#FFF; width:84px;}
.contact form .item .input{display:flex;border:solid 2px var(--primary-color); border-radius:10px;  padding:7px 15px; flex-grow: 1; }
.contact form .item .input .title{color: var(--primary-color); width:280px;}
.contact form .item .input .title.small{font-size:14px; width:auto; margin-right:20px; }

.contact .link{margin-top:100px;    justify-content: center;}
.contact .link .viewmore{margin-left:0;}


.contact input[type="text"],.contact input[type="email"],.contact textarea{ width:100%; }
.wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}

.wpcf7-form-control.wpcf7-textarea {
    width: 100% !important;
    max-width: 100% !important; /* 最大幅の制限をクリア */
    box-sizing: border-box !important; /* 枠線がはみ出るのを防ぐ */
}


.contact input::placeholder,.contact textarea::placeholder{
  color: #CCC;
  font-weight:400;
}

.contact .disabled {
  opacity: 1;
  pointer-events: none; /* クリックを完全に無効化 */
  cursor: not-allowed;
  color: var(--primary-color);
}

.contact .policy{display:flex;align-items: center;justify-content: center;margin-top:40px;}
.contact .policy a{color: var(--primary-color);}
.contact .policy .wpcf7-form-control-wrap{width:auto !important;}
.contact .policy .wpcf7-checkbox{margin-right:20px;}

.contact h3{background:var(--primary-color); text-align:center;  font-size: 18px; 
  padding: 15px; color:#FFF; margin-top:50px;
}
.contact .banner{margin-top:40px;}
.contact .banner .box{justify-content: center;}
.contact .banner .box .item{margin-left:10px; margin-right:10px; width:300px;}


.contact .formbtn{border-radius:10px; padding:10px 20px;  background:var(--primary-color);; text-align:center; color:#FFF; margin-left:auto; margin-right:auto;display: block; margin-top:60px;}

.wpcf7-radio label{display:flex;align-items: center;}
.wpcf7-radio label:hover{cursor:pointer;}
.contact input[type="radio"]{scale: 1.5; margin-right:10px; margin-left:40px;}

.wpcf7-not-valid-tip{margin-top:10px;}
.wpcf7 .wpcf7-submit:disabled{background:#CCC;}



/* 全体のコンテナ */
.custom-select-wrapper {
  position: relative;
  width: 100%;
  max-width: 300px;
  cursor: pointer;
  user-select: none;
  margin-top: 5px;
  margin-right:20px;
}

/* 表示エリア */
.custom-select-trigger {
  padding:7px 15px; 
  border:solid 2px var(--primary-color); border-radius:10px; 
  background: #fff;
  position: relative;
  padding-right: 30px;
  z-index: 2;

}
/* 疑似要素で逆三角形を右端に追加 */
.custom-select-trigger::after {
  content: "";
  position: absolute;
  right: 15px;                  /* 右端からの距離 */
  top: 50%;                     /* 上下中央に配置 */
  transform: translateY(-50%);  /* 上下中央の補正 */
  
  /* CSSで逆三角形を作る指定 */
  width: 0;
  height: 0;
  border-left: 12px solid transparent;  /* 左の斜め線 */
  border-right: 12px solid transparent; /* 右の斜め線 */
  border-top: 16px solid var(--primary-color);       /* 三角形の色（濃いグレー） */
}

/* （応用）メニューが開いているときは、三角形を「正三角形（▲）」にひっくり返す */
.custom-select-wrapper.open .custom-select-trigger::after {
  transform: translateY(-50%) rotate(180deg);
}



/* ドロップダウンメニュー（初期は非表示） */
.custom-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
 border:solid 2px var(--primary-color); border-radius:10px; 
  background: #fff;
  list-style: none;
  display: none;
  z-index: 100;
  max-height: 400px;
  overflow-y: auto;
  margin-top:-15px;
  z-index:1;
  padding-top:15px;
}

/* メニュー展開時 */
.custom-select-wrapper.open .custom-options {
  display: block;
}

/* 選択肢のスタイル */
.custom-options li {
  padding: 10px;
}
.custom-options li:hover {
  background: #f0f0f0;
}

/* ★ 文字の一部の色を変えるスタイル */
.contact .circle {
  color: var(--primary-color); margin-right:3px;
}



/* 1. デフォルトのチェックボックスの見た目を消してサイズを定義 */
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    
    /* 面積を2倍にする（例：元のサイズが16pxの場合、各辺を1.414倍の22.6pxに） */
    width: 23px;
    height: 23px;
    
    /* 枠線をオレンジにする */
    border: 2px solid #ff9900;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

/* 2. チェックが入った時の状態（背景をオレンジに、またはレ点を白に） */
input[type="checkbox"]:checked {
    background-color: #ff9900;
}

/* 3. チェック時の「レ点」を疑似要素で作成 */
input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}


@media screen and (max-width: 768px) {
.contact{padding-bottom:50px;}
.contact form{margin-top:40px; padding:15px;}
.contact form .item{flex-direction: column;}
.contact form .item .must{padding:5px 10px; margin-right:20px;  width:auto; margin-bottom:5px; }
.contact form .item .must.off{width:auto;}
.contact form .item .input{flex-direction: column;}
.contact form .item .input .title{margin-bottom:5px;}
.custom-select-wrapper{margin-right:0; max-width:unset;}
.contact .policy{text-align:center;}
.contact .link{margin-top:50px;}
.contact .banner .box{align-items: center;}
.contact .banner .box .item{margin-bottom:10px;}

        
}

/*==============================
もっと見る
==============================*/
.link{display:flex;justify-content: flex-end;align-items: center; margin-top:40px;}
.link span{margin-right:30px;}
.link .viewmore{margin-left:0px;}

.viewmore{ position:relative; padding-left:30px;}
.viewmore:before {
	content:"";
display: inline-block;
  width: 14.7px;
  height: 17px;
  background: #e78b42;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  position:absolute; 
  position: absolute;    top: 50%;    left: 0;    transform: translateY(-50%);
}
.viewmore a{color:#e78b42;}
.viewmore a:hover{text-decoration:underline;}

@media screen and (max-width: 768px) {
.link{justify-content: flex-start;margin-top:20px;}
.link .viewmore{margin-left:0px;}
}





/*=======  ページャー  =======*/
.pagenation{display:flex;justify-content: space-between;margin-bottom:100px; margin-top:60px;}
.pagenation .item{text-align:center; background:transparent;}
.pagenation .item a{color:#000;}
.pagenation .item:last-child{text-align:right;}
.pagenation .item > div{display:flex;    align-items: center; }
.pagenation .item:last-child > div{flex-direction: row-reverse;}
.pagenation .item .date{ margin-bottom:0px;}
.pagenation .item .title{border-bottom:none; padding-bottom:0px;}
.pagenation .item .title a{color:#000; font-size:17px;}
.pagenation .link{margin-top:0;}
.pagenation .link a{color:#e78b42;}


.arrow-left,.arrow-right {position: relative;display: inline-block;padding: 10px;}
.arrow-left::before, .arrow-right::before {  content: '';  width: 20px;  height: 20px;  border-top: solid 2px #e78b42;  border-right: solid 2px #e78b42;  position: absolute;  left: 0px;  top: 1px;}

.arrow-left::before{ transform: rotate(-135deg);}
.arrow-right::before {  transform: rotate(45deg);}

@media screen and (max-width: 768px) {
.pagenation{margin-bottom:50px;}
.pagenation .item{ padding:0;}
}





table {width:100%; margin-top:40px;}
table th, table td{padding:15px 10px;border-top:solid 1px #000; line-height:1.8;}
table th{width:25%;  font-weight:normal;}
.img100{width:100%; height:auto;}


@media screen and (max-width: 768px) {
table td,table th{width:100%; display:block;}
table th{background:#f0f0f0;}
}


@media screen and (max-width: 768px) {
.mt60{margin-top:40px;}
}
/*==============================
ページトップ
==============================*/

#page_top {position: fixed;bottom: 30px;left: calc(100vw - 100px); display:none; z-index:1;}
#page_top a {background-color: #999;color: #fff;text-align: center;	text-decoration: none;font-size: 24px;padding-top: 6px;	padding-right: 15px;padding-bottom: 10px;padding-left: 15px;}
#page_top a:hover {background-color: #666;text-decoration: none;}

@media screen and (max-width: 768px) {
#page_top {bottom: calc(100vh - 88vh);left:auto; right:10px; }
#page_top a{}
}



/*=======  サイトマップ  =======*/


/*=======  フッター  ====*/
footer{padding:0 0 100px 0;   letter-spacing:1px; background:#fff; }
footer .global_inner{max-width:1200px;}
footer .box{justify-content: flex-start;align-items: flex-end;}
footer .box .item{width:50%;}
footer .box .logo{width:250px; margin-right:40px;}
footer .box .logo img{width:100%;}
footer .box .address{font-size:12px; margin-top:20px;}
footer .box .banner{width:55%;    overflow: hidden;}
footer .box .banner img{height:140px; width:auto;}


@media screen and (max-width: 768px) {
footer{margin-bottom:0px; text-align:center; padding-top:50px;}
footer .box .logo{width:50%; margin-left:auto; margin-right:auto;}
footer .box .item{width:100%;}
footer .box .address span{display:block;}
footer .box .banner{width:100%; margin-top:10px;}
footer .box .banner img{height:auto; width:100%;}
}



/*=======  下からフェードアップ  =======*/
.fadeup {opacity: 0;}
.fadeup.isShow {  opacity: 1;animation: fadeUp 1.0s ease 0.5s 1 normal backwards;}
.delay01{animation-delay: 0.1s !important;}
@keyframes fadeUp {
from {
    opacity: 0;
    transform: translateY(50px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


/*=======  左からからフェードイン  =======*/
.fadein_from_left{opacity: 0;}
.fadein_from_left.isShow {  opacity: 1;animation:  fadein_from_left 1.0s ease 0.5s 1 normal backwards;}

@keyframes fadein_from_left {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*=======  右からからフェードイン  =======*/
.fadein_from_right{opacity: 0;}
.fadein_from_right.isShow {   opacity: 1;animation:  fadein_from_right 1.0s ease 0.5s 1 normal backwards;}

@keyframes fadein_from_right {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*=======  上からからフェードイン  =======*/
.fadein_from_top{opacity: 0;}
.fadein_from_top.isShow {   opacity: 1;animation:  fadein_from_top 1.0s ease 0.5s 1 normal backwards;}

@keyframes fadein_from_top {
  0% {
    opacity: 0;
    transform: translateY(-500px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


@media screen and (max-width: 768px) {
.pc{display:none !important;}
}

@media screen and (min-width: 769px) {
.sp{display:none !important;} 
}