@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* 汎用分 */
html {scroll-behavior: smooth;}
.home .entry-title{display:none;}
ul{list-style-type:none;padding-left:0;}
.body .article{margin-bottom:0;}
.content-bottom{margin:0;}
.body .widget{margin-bottom:0;}


/* flex関連 */
.fx{display:flex;}
.fx_ard{display:flex;justify-content:space-around;}
.fx_btw{display:flex;justify-content:space-between;}
.fx_end{display:flex;justify-content:flex-end;}
.fx_stt{display:flex;justify-content:flex-start;}
.fx_ctr{display:flex;justify-content:center;}
.fx_wrp{flex-wrap:wrap;}
.fx_rwrp{flex-wrap:wrap-reverse;}
.fx_rvs{flex-direction:row-reverse;}
.actr{align-items:center;}
.astr{align-items:flex-start;}
.aend{align-items:flex-end;}
.abas{align-items:baseline;}

/* グローバルメニュー */
.header-container-in.hlt-top-menu .wrap{width:100%;}
.header-container-in.hlt-top-menu .header{display: flex;justify-content: space-between;}
.isuzu_logo{margin: 0 5% 0 0;}

/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
/*ボタン内側の基点となるためrelativeを指定。追従するナビゲーションの場合はfixed＋top、rightといった位置をセットで指定*/
.openbtn{position: absolute;cursor: pointer;width:60px;height:70px;border-radius: 5px;z-index:999;top: 0;right: 1rem;}

/*ボタン内側*/
.openbtn span{display: inline-block;transition: all .4s;/*アニメーションの設定*/position: absolute;left: 0;height: 2px;border-radius: 5px;background: #1b35ff;width: 100%;z-index:99;}
.openbtn span:nth-of-type(1) {top:13px;	}
.openbtn span:nth-of-type(2) {top:22px;}
.openbtn span:nth-of-type(3) {top:33px;}
.openbtn span:nth-of-type(3)::after {content:"Menu";/*3つ目の要素のafterにMenu表示を指定*/position: absolute;top:5px;left:50%;color: #1b35ff;font-size:19px;text-transform: uppercase;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;}

/*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/
.openbtn.active span:nth-of-type(1) {top: 18px;left: 18px;transform: translateY(6px) rotate(-45deg);width: 60%;}
.openbtn.active span:nth-of-type(2) {opacity: 0;}
.openbtn.active span:nth-of-type(3){top: 30px;left: 18px;transform: translateY(-6px) rotate(45deg);width: 60%;}
.openbtn.active span:nth-of-type(3)::after {content:"";/*3つ目の要素のafterにClose表示を指定*/transform: translateY(0) rotate(-45deg);top:5px;left:4px;}

#g-nav{position:fixed;z-index: 998;
/*ナビのスタート位置と形状*/
top:-100%;left:0;width:100%;height: 80vh;
/*ナビの高さ*/background:#fff;
/*動き*/
transition: all 0.6s;}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{top: 0;}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{/*ナビの数が増えた場合縦スクロール*/
position: fixed;z-index: 999;width: 100%;height: 80vh;/*表示する高さ*/overflow: auto;-webkit-overflow-scrolling: touch;padding: 3rem;}

/*ナビゲーション*/
#g-nav ul {z-index: 999;width: 100%;max-width: 33%;}

/*リストのレイアウト設定*/
#g-nav li{list-style: none;text-align:left;}
#g-nav li a{color: #333;text-decoration: none;padding:5px 0;display: block;text-transform: uppercase;font-size:15px;}
.navi-in a:hover{background:#fff;}

.header-container-in.hlt-top-menu .header{width:100%;}
.header-container-in.hlt-top-menu .logo-header .site-name,.header-container-in.hlt-top-menu .logo-header{text-align:left;}
.header-container-in.hlt-top-menu .site-name-text-link{display:inline-block;}
.header-container-in.hlt-top-menu{position:relative;z-index:99;}
.fixed-header .header-container-in.hlt-top-menu .logo-header img{width:auto;height:45px;margin:.5rem 0;}
.header-container-in.hlt-top-menu .logo-header img{max-height:40px;}
.header-container-in.hlt-top-menu .logo-header{max-height:80px;}
.logo-header img{width:auto;}

.navi_logo{width:100%;margin: 3rem 0 0 3rem;display:flex;justify-content:space-between;align-items:center;}
.nav_box{width: 100%;max-width: 960px;margin: 3rem auto;}
.navi-in a.ent_link{display:block;width: 100%;max-width: 220px;background: #eb010f;color:#fff;font-size:18px;border-radius:50px;padding:10px 1rem;text-align:center;font-weight:700;}
.navi-in a.ent_link:before{content:"";background:url(images/link_arrow.svg) no-repeat top left;background-size:100% auto;position:absolute;top:50%;right:1rem;transform: translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform: translateY(-50%);width:28px;height:28px;}
.i_unitec_logo{width: 100%;max-width: 200px;}
.isuzu_logo{width: 100%;max-width: 400px;margin:6px 10% 0 0;}

.nav_link_bx{border-top:1px solid #ddd;margin: 5rem 0 0;padding: 5rem 0 0;}
.link_bnr{width:100%;max-width:80vw;margin:0 auto;}
.link_bnr img{width:100%;max-width:355px;}


/* フッター */
.footer-left,.footer-right{display:none;}
.footer-center{width: 100%;max-width: 80vw;margin: 0 auto;}

.ft_01{text-align:center;width: 100%;max-width: 500px;margin: 0 auto 5rem;}
.ft_02{border-top:1px solid #d4d4d4;padding: 5rem 0 0;}

#custom_html-2 .tablepress{width:100%;max-width:30%;}

/* コンテントボトム */
#content-bottom{background:#002444;padding: 5rem 0;}
.content-bottom-in{display:flex;justify-content:space-around;width: 100%;max-width: 70vw;}
#custom_html-6{width:100%;max-width:540px;}
#custom_html-6 .textwidget a{color:#fff;font-size: 15px;}

.ct_btm01{}
.ct_btm01 a{display:block;width:100%;max-width:311px;}
.ct_btm01 a.ct_btmlink[data-box="btm02"]{margin:0 0 2rem;}
.ct_btm02{}
.ct_btm02 ul li{padding:0 0 1rem;}
.ct_btm03{width: 100%;max-width: 130px;margin: 2rem 0 0;}

/* 本文下 */
body.page .article-footer{background:#eb010f;position:relative;}
body.page .article-footer:before{position:absolute;content:"";background:url(images/art_ft.png) top left no-repeat;background-size:auto 100%;height:100.1%;width:51vw;top: 0;left: 3vw;}

#custom_html-3{position:relative;padding:13% 0;}
#custom_html-3 a{color:#fff;}
#custom_html-3 .textwidget{position:absolute;z-index:1;display:block;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);right: 19%;}


.art_ft01{font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;font-size:100px;}
.art_ft01 span{padding: 0 4rem 0 0;}
.art_ft01 img{width:100%;max-width:70px;height:auto;}
.art_ft01 img:hover{transform: translateX(10px);transition: transform 0.3s ease;}
.art_ft02{font-family: noto-sans-cjk-jp, sans-serif;font-weight: 700;font-style: normal;font-size:26px;}


/* フォント */
.montserrat-b{font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;}
.montserrat-bi{font-family: montserrat, sans-serif;font-weight: 700;font-style: italic;}
.noto-r{font-family: noto-sans-cjk-jp, sans-serif;font-weight: 400;font-style: normal;}
.noto-b{font-family: noto-sans-cjk-jp, sans-serif;font-weight: 700;font-style: normal;}
.meyiryo{font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;}
.meyiryo_b{font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;font-weight:bold;}


/* 固定ページヘッダー */
.phead{color:#fff;margin: 1vw 0 0;padding: 8vw 0 7vw;background:url(images/ph_vision.jpg) no-repeat top left;background-size:cover;}
.phead h2{position:relative;z-index:2;font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;font-size: clamp(30px, 8vw, 90px);line-height: 0.7;width:100%;max-width:80vw;margin:0 auto;}
.ph_job_introduction h2{line-height: 1;}
.phead h2 span{display:inline-block;font-family: noto-sans-cjk-jp, sans-serif;font-weight: 700;font-style: normal;font-size: clamp(18px, 5vw, 26px);position:relative;}
.phead h2 span:before{content:"";position:absolute;bottom:-1rem;left:0;width:100%;height:3px;background:#eb010f;}

.ph_vision{background:url(images/ph_vision.jpg) no-repeat top left;background-size:cover;}
.ph_job-description{background:url(images/ph_job-description.jpg) no-repeat top left;background-size:cover;}
.ph_qa{background:url(images/ph_qa.jpg) no-repeat top left;background-size:cover;}
.ph_voice{background:url(images/ph_voice.jpg) no-repeat top left;background-size:cover;}
.ph_interview01{background:url(images/ph_interview01.jpg) no-repeat top left;background-size:cover;}
.ph_interview02{background:url(images/ph_interview02.jpg) no-repeat top left;background-size:cover;}
.ph_interview03{background:url(images/ph_interview03.jpg) no-repeat top left;background-size:cover;}
.ph_interview04{background:url(images/ph_interview04.jpg) no-repeat top left;background-size:cover;}
.ph_interview05{background:url(images/ph_interview05.jpg) no-repeat top left;background-size:cover;}
.ph_interview06{background:url(images/ph_interview06.jpg) no-repeat top left;background-size:cover;}
.ph_job_introduction{background:url(images/ph_job_introduction.jpg) no-repeat top left;background-size:cover;padding: 6vw 0 5vw;}
.ph_form{background:url(images/ph_form.jpg) no-repeat top left;background-size:cover;}
.ph_environment{background:url(images/ph_environment.jpg) no-repeat top left;background-size:cover;}
.ph_discussion{background:url(images/ph_discussion.jpg) no-repeat top left;background-size:cover;}

/* 汎用 */
.content{margin-top:0;}
.main{padding:0;}
.breadcrumb{width: 100%;max-width: 1100px;margin:1rem auto 0;text-align: right;}
.outline{width:100%;max-width:1100px;margin:0 auto;}
a:where(:not(.wp-element-button)){text-decoration:none;}
.entry-content>*,.entry-content{margin-bottom:0;}

/* 投稿 */
body.single .entry-content{width;100%;max-width:1100px;margin:3rem auto;}


/* 見出し */
.mds_01{}
.mds_01 h3{border:none;text-align:center;font-size:clamp(32px,5vw,40px);line-height: 1.8;}
.mds_01 h3 span{display:block;font-size:12px;color:#0000ff;}

.mds_02{}
.mds_02 h3{border:none;font-size: clamp(32px, 5vw, 40px);line-height: 1.8;padding: 0;}
.mds_02 h3 span{display:block;font-size:12px;color:#0000ff;}

.mds_03{}
.mds_03 h3{border:none;font-size:clamp(32px,5vw,40px);line-height: 1.8;padding: 0;color:#fff;text-align:center;}
.mds_03 h3 span{display:block;font-size:12px;color:#ec1c24;}

.mds_04{}
.mds_04 h3{border:none;font-size:clamp(32px,5vw,40px);line-height: 1.8;padding: 0;color:#fff;text-align:center;}
.mds_04 h3 span{display:block;font-size:12px;color:#fff;}



/************************************
** 固定ページ
************************************/

/* 募集要項 */
.sec_c01{background:#f0f4f7;padding:6rem 0;margin:6rem 0 0;}

.jd_01{width:100%;max-width:80%;margin:0 auto 2rem;}
.jd_02{display: flex;justify-content: space-around;margin: 3rem auto;font-size:24px;}
.jd_02 a{display:block;width: 45%;text-align: center;padding:1.5rem 0;color:#fff;background:#1b35ff;border-radius: 15px;}
.jd_02 a.red{background:#ec1c24;}
.jd_03{font-size:30px;font-weight:700;}
.jd_03 span{color:#1b35ff;padding: 0 .5rem 0 0;font-size: 26px;}
.jd_04{position:relative;background:#1b35ff;padding:5rem 0;overflow:hidden;}
.jd_04:before{position:absolute;content:"";transform: skewX(-45deg);background:#ec1c24;height:100%;width:300px;top:0;left:41%;}
.jd_04 a{display:block;position:relative;z-index:3;background:#f0f4f7;width:100%;max-width:765px;margin:0 auto;text-align:center;color:#333;font-weight:700;padding:1rem 0;border-radius: 50px;font-size:26px;}
.jd_04 a:before{position:absolute;content:"";background:url(images/link_arw.svg) no-repeat top left;background-size:100% auto;width:42px;height:42px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);right:1rem;}
.jd_05{font-size:30px;font-weight:700;}
.jd_05 span{color:#ec1c24;padding: 0 .5rem 0 0;font-size: 26px;}


/*タブ切り替え全体のスタイル*/
.tabs {margin-top: 50px;padding-bottom: 40px;background-color: #fff;width: 100%;margin: 0 auto;}
/*タブのスタイル*/
.tab_item {width: calc(100%/2);height: 60px;background-color: #b3b3b3;line-height:60px;font-size:22px;text-align: center;color: #fff;display: block;float: left;text-align: center;font-weight: bold;transition: all 0.2s ease;}
.tab_item:hover {opacity: 0.75;}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {display: none;}
/*タブ切り替えの中身のスタイル*/
.tab_content {display: none;padding: 40px 40px 0;clear: both;overflow: hidden;}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,#university:checked ~ #university_content{display: block;}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {background-color: #fff;color: #1b35ff;border-top: 3px solid #1b35ff;}

/*タブ切り替え全体のスタイル*/
.tabs_02 {margin-top: 50px;padding-bottom: 40px;background-color: #fff;width: 100%;margin: 0 auto;}
/*タブのスタイル*/
.tab_item_02 {width: calc(100%/2);height: 60px;background-color: #b3b3b3;line-height:60px;font-size:22px;text-align: center;color: #fff;display: block;float: left;text-align: center;font-weight: bold;transition: all 0.2s ease;}
.tab_item_02:hover {opacity: 0.75;}
/*ラジオボタンを全て消す*/
input[name="tab_item_02"] {display: none;}
/*タブ切り替えの中身のスタイル*/
.tab_content_02 {display: none;padding: 40px 40px 0;clear: both;overflow: hidden;}
/*選択されているタブのコンテンツのみを表示*/
#clerical_job:checked ~ #clerical_job_content,#technical_job:checked ~ #technical_job_content{display:block;}
/*選択されているタブのスタイルを変える*/
.tabs_02 input:checked + .tab_item_02 {background-color: #fff;color: #1b35ff;border-top: 3px solid #1b35ff;}

/*タブ切り替え全体のスタイル*/
.tabs_03 {margin-top: 50px;padding-bottom: 40px;background-color: #fff;width: 100%;margin: 0 auto;}
/*タブのスタイル*/
.tab_item_03 {width: calc(100%/2);height: 60px;background-color: #b3b3b3;line-height:60px;font-size:22px;text-align: center;color: #fff;display: block;float: left;text-align: center;font-weight: bold;transition: all 0.2s ease;}
.tab_item_03:hover {opacity: 0.75;}
/*ラジオボタンを全て消す*/
input[name="tab_item_03"] {display: none;}
/*タブ切り替えの中身のスタイル*/
.tab_content_03 {display: none;padding: 40px 40px 0;clear: both;overflow: hidden;}
/*選択されているタブのコンテンツのみを表示*/
#office:checked ~ #office_content,#technical:checked ~ #technical_content{display:block;}
/*事務技術職タブが選択されている時のスタイル*/
#office:checked + .tab_item_03 {background-color: #fff;color: #1b35ff;border-top: 3px solid #1b35ff;}
/*技術職タブが選択されている時のスタイル*/
#technical:checked + .tab_item_03 {background-color: #fff;color: #dd2525; /* 緑色 */border-top: 3px solid #dd2525; /* 緑色 */}


/* よくある質問 */
.qa_01{display:flex;justify-content:space-around;width:100%;max-width:700px;margin:7rem auto 3rem;}
.qa_01 a{}
.qa_01 a img{width:100%;max-width:105px;}

.article h4.wpsm_panel-title{border-top:none;border-bottom:none;position:relative;padding: 9px 10px 9px 3rem;}
.article h4.wpsm_panel-title:before{position:absolute;content:"Q";color:#333;font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;font-size:30px;top:48%;left:1rem;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.wpsm_panel-body{padding:15px 15px 15px 3rem;position:relative;}
.wpsm_panel-body:before{position:absolute;content:"A";color:#ec1c24;font-size:30px;font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;top:0.3rem;left:1rem;}
.wpsm_panel-heading{padding:0;}


/* タブのスタイル */
.tab-container {width:100%;max-width: 900px;margin: 0 auto;}
.tab-buttons {display: flex;justify-content: space-around;width: 100%;max-width: 800px;margin:0 auto;}
.tab-button {padding: 10px 5px;cursor: pointer;margin-right: 5px;border-radius: 5px 5px 0 0;transition: background-color 0.3s;text-align: center;}
.tab-button:hover {}
.tab-button.active {background-color: #fff;border-bottom: 1px solid #fff;margin-bottom: -1px;font-weight: bold;}

/* 画像のスタイル */
.tab-button img {width: 100%;max-width: 100%;height: auto;display: block;margin: 0 auto 5px;}
.tab-button .active-img {display: none; /* 初期状態では非アクティブ画像を表示 */}
.tab-button.active .inactive-img {display: none; /* アクティブ状態では非アクティブ画像を非表示 */}
.tab-button.active .active-img {display: block; /* アクティブ状態ではアクティブ画像を表示 */}
.tab-content {display: none;padding: 20px;animation: fadeIn 0.5s;}
.tab-content.active {display: block;}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

/* 社員の声 */
#c_back{background:#e8f5fd;padding:7rem 0 5rem;margin: 4rem 0 0;}

.voice_bx{width:100%;max-width:48%;position: relative;padding: 9% 7% 1.5% 1rem;margin:0 0 4%}
.voice_01{background:url(images/voice_01.png) no-repeat top left;background-size: 100% auto;}

.voice_02{font-size: clamp(30px, 5vw, 74px);font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;color:#1b35ff;}
.voice_03{font-size:18px;}
.voice_03 span{color:#fff;background:#1b35ff;}
.voice_04{font-size: clamp(16px, 3vw, 20px);color:#fff;font-weight:700;}
.voice_05{width:100%;max-width:60px;position:absolute;bottom:1rem;right:0.8rem;}

.voice_06{background:url(images/voice_02.png) no-repeat top left;background-size: 100% auto;}
.voice_07{background:url(images/voice_03.png) no-repeat top left;background-size: 100% auto;margin:0 0 4% 3%;}
.voice_08{background:url(images/voice_04.png) no-repeat top left;background-size: 100% auto;}
.voice_09{background:url(images/voice_06.png) no-repeat top left;background-size: 100% auto;margin:0 0 4% 3%;}

.voice_12{margin:0 auto;text-align:center;}
.voice_13{margin:6rem auto 0;}

/* インタビュー */
#int_sec_01{background:#e1f3fc;padding:6rem 0 10rem;}
#int_sec_02{background:#e1f3fc;padding:6rem 0 2rem;position:relative;}
#int_sec_02:before{position:absolute;content:"";background:url(images/voice_09.png) no-repeat left top;background-size:100% auto;width:30vw;height:100%;bottom:-37rem;right:0;}
#int_sec_03{background:#e1f3fc;padding:6rem 0;}
#int_sec_04{position:relative;}
#int_sec_04:before{position:absolute;content:"";background:url(images/voice_12.png) no-repeat top left;background-size:100% auto;width:27vw;height:100%;bottom:-37rem;left:0;}

.int_bx01{display:flex;justify-content:flex-start;}
.int_bx02{}
.int_bx03{font-size: 24px;background: #2666DB;background: linear-gradient(130deg,rgba(38, 102, 219, 1) 0%, rgba(2, 16, 132, 1) 100%);color:#fff;align-self: center;margin: 0 0 0 -11rem;padding: 3rem 3rem 2rem 3rem;width: 100%;max-width: 40%;}
.int_bx04{font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;}
.int_bx04 span{color:#ec1c24;}
.int_bx05{font-size: 40px;font-weight: 700;margin:2rem 0;}
.int_bx06{text-align: right;}
.int_bx06 span{border: 1px solid #fff;padding: 10px;}
.int_bx07{display: flex;justify-content: space-around;width: 100%;max-width: 1240px;margin: 0 auto 4rem;}
.int_bx08{width: 100%;max-width: 600px;align-self:center;}
.int_bx09{font-size:28px;font-weight:700;display: flex;justify-content: flex-start;}
.int_bx09 span{color:#1b35ff;font-family: montserrat, sans-serif;font-style: normal;display:block;padding: 0 0.5rem 0 0;}
.int_bx10{margin: 2rem 0;}
.int_bx10 span{font-weight:700;font-size:19px;}
.int_bx11{width: 100%;max-width: 520px;position: relative;}
.int_bx12{margin: 2rem 0 0;}
.int_bx12 span{font-weight:700;font-size:19px;}
.int_bx13{display: flex;justify-content: space-around;width: 100%;max-width: 1240px;margin: 4rem auto;position: relative;}
.int_bx14{width: 100%;max-width: 520px;align-self:flex-end;}
.int_bx15{width:100%;max-width:1240px;margin:0 auto;}
.int_bx16{text-align:center;width:100%;max-width:68vw;margin:6rem auto;}
.int_bx17{text-align:center;margin:3rem auto 6rem;}
.int_bx17 a{position:relative;background:#1b35ff;color:#fff;padding: 11px 5rem 15px 3rem;border-radius: 50px;font-size:18px;font-weight:700;}
.int_bx17 a:before{position:absolute;content:"";background:url(images/arrow_link_01.svg) no-repeat top left;top:50%;right:1rem;width: 28px;height: 28px;transform:translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.int_bx18{display: flex;justify-content: space-around;width: 100%;max-width: 1240px;margin:4rem auto;}
.int_bx19{width:100%;max-width:1240px;margin:3rem auto;}

/* エントリーフォーム */
.form_01{text-align:center;font-size:40px;font-weight: 700;margin: 5rem auto 3rem;}
.form_01 span{display:block;font-size:12px;color:#0000ff;font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;}
.form_02{width:100%;max-width:80%;margin:2rem auto 3rem;}
.form_02 span{display:block;color:#e20011;margin:2rem 0 0;}
.form_03{background:#f3fbff;padding: 2rem 3rem 4rem;margin: 2rem auto 4rem;}
.form_04{text-align: center;font-weight: 700;margin: 0 auto 2rem;font-size: 20px;position: relative;width: 100%;max-width: 380px;}
.form_04:before{position:absolute;display:table;content:"";width:2px;height:40px;background:#1b35ff;transform:rotate(155deg);top:5px;left:0;}
.form_04:after{position:absolute;display:table;content:"";width:2px;height:40px;background:#1b35ff;transform:rotate(35deg);top:5px;right:0;}
.form_05{display:flex;justify-content:space-around;background: #fff;padding: 2rem 0;}

.form_09{font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;font-size:14px;color:#0000ff;margin:3rem auto 1rem;}
.form_10{font-size:14px;height: 300px;overflow-x: hidden;padding: 2rem;overflow-y: scroll;border: 1px solid #ccc;margin: 0 0 8rem;}
.form_10 span{display:block;color:#0000ff;font-weight:700;}

table th,table td{background:#fff;}
table:not(.has-border-color) :where(th, td){border:none;}
input[type="submit"]{display:block;width:100%;max-width:380px;margin:2rem auto;background:#1b35ff;color:#fff;border-radius: 30px;font-size:18px;padding: 16px 0;}

/* 働く環境を知る */
#env_bg01{background:url(images/env_bg01.jpg) no-repeat top left;background-size:cover;padding:3rem 0;}
#env_bg02{background:#0000ff;padding:5rem 0 13rem;position:relative;overflow:hidden;}
#env_bg02:after {content: '';position: absolute;top: 0;right:12vw;background-color: #fff;transform: skewX(-25deg);height:100%;width:40%;}

.item-list{display:flex;justify-content:flex-start;flex-wrap:wrap;}

.data_01{width:100%;max-width:29%;background:url(images/data_bg.svg) no-repeat top left;background-size:cover;padding:2rem;box-shadow: 9px 9px 0px #90c2e9;margin: 0 0 3rem 3.5%;}
.data_02{width: auto;height:40px;text-align: center;margin: 0 auto;}
.data_03{width: auto;height:120px;margin:2rem auto 0;text-align:center;}
.data_02 img,.data_03 img{height:100%;width:auto;}
.data_04{font-size: 12px;font-weight: 700;text-align:center;}
.data_05{margin: 2rem auto 0;}
.data_06{position:absolute;top: -28%;right: -8%;}
.data_07{position:absolute;top: -28%;left:4%;}
.data_08{position:absolute;top: 7%;left: -4%;}
.data_09{position:absolute;bottom: 11%;left: -4%;}
.data_06 .number,.data_07 .number,.data_08 .number,.data_09 .number{font-size:50px;}

.data_10{width: auto;height:150px;margin:4rem auto 0;text-align:center;position:relative;}
.data_11{width:100%;max-width:75%;margin:0 auto;}
.data_12{margin: 2rem auto 0;text-align:center;position:relative;}
.data_12 img{height:190px;width:auto;margin:0 auto;}
.data_12:before{position:absolute;content:"";background:url(images/data_09_3.svg) no-repeat top left;background-size:100% auto;width: 90px;height: 63px;bottom: 21%;right: 8%;}
.data_13{margin: 2rem auto 0;text-align:center;}
.data_13 img{height:78px;width:auto;margin:0 auto;}

.number{color:#ec1c24;font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;font-size:60px;}
.counter{line-height:1.2;text-align:center;}
.ato{font-size:20px;color:#ec1c24;font-weight:700;}
.ato_02{font-size:48px;font-weight:700;color:#ec1c24;}
.gender{display:block;text-align:center;font-weight:bold;}
.nendo{font-weight:700;padding: 0 5% 0 0;}

/* スライダー */
.loop_wrap01 {display: flex;width: 100%;height: 333px;position: relative;z-index:1;margin:1rem 0 0;}
.loop_wrap01 div {flex: 0 0 auto;white-space: nowrap;animation: loop3 30s linear infinite;}
.loop_wrap01 div img {height: 333px;width: auto;margin: 0 1rem 0 0;display: block;}
.loop_wrap01:before{position:absolute;content:"";background:url(images/env_02.svg) no-repeat top left;background-size:100% auto;width:80vw;height:130px;bottom:-6rem;left:50%;transform:translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);z-index: 2;}

.loop_wrap02 {display: flex;width: 100%;height: 333px;overflow: hidden;position:relative;z-index: 1;}
.loop_wrap02 div {flex: 0 0 auto;white-space: nowrap;overflow: hidden;}
.loop_wrap02 div img{margin:0 1rem 0 0;}
.loop_wrap02 div:nth-child(odd) {animation: loop 50s -25s linear infinite;}
.loop_wrap02 div:nth-child(even) {animation: loop2 50s linear infinite;}

.loop_wrap03 {display: flex;width: 100%;height: 333px;overflow: hidden;position:relative;z-index: 1;}
.loop_wrap03 div {flex: 0 0 auto;white-space: nowrap;overflow: hidden;}
.loop_wrap03 div img{margin:0 1rem 0 0;}
.loop_wrap03 div:nth-child(odd) {animation: loop 50s -25s linear infinite;}
.loop_wrap03 div:nth-child(even) {animation: loop2 50s linear infinite;}

@keyframes loop {
    0% {transform: translateX(100%);}
    to {transform: translateX(-100%);}
}

@keyframes loop2 {
    0% {transform: translateX(0);}
    to {transform: translateX(-200%);}
}

@keyframes loop3 {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}

@keyframes loop4 {
    0% {transform: translateX(-200%);}
    to {transform: translateX(0);}
}

.env_01{width: 100%;max-width: 1200px;margin: 0 auto;align-items: center;}
.env_02{color:#fff;position: relative;z-index: 1;width: 100%;max-width: 50%;margin: 0 4% 0 0;}

.env_03{font-size:36px;font-weight: 700;}
.env_03 span{display:block;color:#dd2525;font-size:12px;font-family: montserrat, sans-serif;font-style: normal;}
.env_04{font-size:24px;font-weight:700;margin:2rem 0 1rem;}
.env_05{width: 100%;max-width: 83%;}
.env_06{width: 100%;max-width:560px;position: relative;z-index: 1;}
.env_07{font-size:40px;font-weight: 700;text-align:center;margin:5rem auto 2em;}
.env_07 span{display:block;font-size:12px;color:#0000ff;font-family: montserrat, sans-serif;font-style: normal;}
.env_08{font-size:40px;font-weight: 700;text-align:center;margin:5rem auto 2em;}
.env_08 span{display:block;font-size:12px;color:#eb010f;font-family: montserrat, sans-serif;font-style: normal;}
.env_09{margin:0 auto 10rem;}

/* ビジョン */
#vis_bg01{position:relative;overflow:hidden;padding:0 0 5rem;}
#vis_bg01:before{content: '';position: absolute;bottom: 0rem;left: -29rem;background-color: #eb010f;transform: rotate(50deg);height: 450px;width: 80%;}
#vis_bg02{position:relative;overflow:hidden;padding:5rem 0;margin:12rem 0 0;}
#vis_bg02:before{content: '';position: absolute;bottom: 29rem;right: 2rem;background-color: #eb010f;transform: skewY(140deg) rotate(130deg);height: 660px;width: 53%;}
#vis_bg03{position:relative;overflow:hidden;padding:5rem 0;margin:12rem 0 0;}
#vis_bg03:before{content: '';position: absolute;bottom: 20rem;left: 5rem;background-color: #eb010f;transform: skewY(50deg) rotate(130deg);height: 660px;width: 53%;}
#vis_bg04{background:#1b35ff url(images/vis_bg01.svg) no-repeat bottom left;background-size:38% auto;padding: 7rem 0 10rem;}
#vis_bg05{position:relative;overflow:hidden;padding:8rem 0 5rem;}
#vis_bg05:before{content: '';position: absolute;bottom: 0rem;left: -29rem;background-color: #eb010f;transform: rotate(50deg);height: 450px;width: 80%;}
#vis_bg06{background:#0000ff;padding:8rem 0;}
#vis_bg07{position: relative;overflow:hidden;}
#vis_bg07:before{content: '';position: absolute;bottom: 0rem;right: -29rem;background-color: #eb010f;transform: rotate(135deg);height: 450px;width: 80%;}


.vis_01{margin: 5rem auto 4rem;text-align: center;}
.vis_02{font-size: clamp(18px, 4vw, 24px);font-weight:700;}
.vis_03{position:relative;z-index:1;background:#fff;width:100%;max-width:1100px;padding:0 6% 5rem;margin:0 auto 2rem;}
.vis_04{text-align:center;}
.vis_05{margin: 3rem 0 0;}
.vis_05 span{display:block;text-align:right;margin: 5rem 0 0;}
.vis_06{position: relative;z-index: 1;width: 100%;max-width: 26%;margin: 0 3rem 0 0;}
.vis_07{position:relative;z-index:1;}
.vis_08{font-size: clamp(18px, 5vw, 24px);font-weight:700;}
.vis_09{position: relative;z-index: 1;width: 100%;max-width: 26%;margin: 0 0 0 10%;}
.vis_10{background: #fff;padding: 3rem 8%;}
.vis_11{display: flex;justify-content: flex-start;align-items: center;margin: 0 0 1rem;}
.vis_11 span{display: inline-block;background: #1b35ff;color: #fff;border-radius: 50%;padding: 0 10px;margin:0 3rem 0 0;}
.vis_12{display: flex;justify-content: flex-start;align-items: center;margin: 0 0 1rem;}
.vis_12 span{display: inline-block;background: #1b35ff;color: #fff;border-radius: 50%;padding: 0 10px;margin:0 3rem 0 0;}
.vis_13{background:#fff;padding:3rem;position: relative;z-index: 1;}
.vis_14{width: 100%;max-width: 90%;margin: 0 auto;height: 500px;overflow: scroll;padding: 3rem;background: #fff;}
.vis_15{margin:8rem 0;}
.vis_16{width:100%;max-width:57%;}
.vis_17{width:100%;max-width:395px;margin: 0 0 0 7%;}
.vis_18{font-size: 40px;font-weight: 700;}
.vis_18 span{display:block;font-size:12px;color:#0000ff;margin: 1rem 0 3rem;}
.vis_19{}
.vis_19 span{display:block;font-size:24px;font-weight:700;margin:0 0 1rem;}
.vis_20{width:100%;max-width:395px;margin: 0 7% 0 0;}
.vis_21{width:100%;max-width:667px;}
.vis_22{width:100%;max-width:395px;}
.vis_23{margin:8rem auto;width:100%;max-width:80%;}

.vis_hiritu{color:#cccccc;font-size:14px;text-align:right;}

.acc_01{display: flex;justify-content: flex-start;align-items: baseline;margin: 0 0 1rem;position: relative;z-index: 1;}
.acc_01 span{display:block;font-size: 24px;font-weight: 700;margin: 0 1.5rem 0 0.5rem;}
.acc_01 a{display:block;color:#1b35ff;border-bottom:1px solid #1b35ff;}
.acc_01 a span{padding:0 0 0 0;}
.acc_02{display:flex;justify-content:space-around;padding:2rem;border:2px solid #ccc;align-items:center;margin:0 0 5rem;position: relative;z-index: 1;background: #fff;}
.acc_03{width:100%;max-width:60%;}
.acc_04{width:100%;max-width:365px;}
.acc_05{margin: 0 0 2rem;}
.acc_05 span{display:block;border-left: 5px solid #0000ff;padding: 0 0 0 .5rem;margin: 0 0 .5rem;}

.map_icon{width: 100%;max-width: 25px;}
.link_icon{width: 100%;max-width: 13px;}

/* アコーディオン */
.accordion-content {display: none;}
.accordion-header {background: #e6e6e6;padding: 12px 45px 10px 20px;margin: 10px 0 0;transition: background .3s ease;cursor: pointer;position: relative;}
.accordion-header::before,.accordion-header::after{position:absolute;content:'';top:1px;right:20px;bottom:0;width:12px;height:2px;margin:auto;background:#1b35ff;}
.accordion-header::after{transform:rotate(-90deg);transition:transform 0.3s;}
.accordion-header.active::after{transform:rotate(0deg);}
.accordion-content {background-color: #FFF;padding: 12px 20px 10px;}
.accordion-header span,.accordion-content span{padding-left:5px;position: relative;font-size: 18px;font-weight: 700;}

/* hover */
.accordion-header:hover {background-color: #F2F2F2;}

.g_com01{background: #fff;padding:1rem 6% 5rem;}
.g_com02{font-size:24px;font-weight:700;margin:3rem 0 1.5rem;}
.g_com02 span{color:#1b35ff;}
.g_com03{text-align:center;}


/* 職種紹介 */
#intr_bg01{position: relative;overflow:hidden;padding: 3rem 0 7rem;}
#intr_bg01:before{content: '';position: absolute;bottom: 15rem;right: -33rem;background-color: #eb010f;transform: rotate(130deg);height: 450px;width: 100%;}
#intr_bg02{background:#eaf6fd;padding:7rem 0 8rem;}

.intr_01{margin: 0 auto 4rem;}

/* 社員座談会 */
#dis_bg01{background:#1b35ff;padding:5rem 0;color:#fff;}
#dis_bg02{position: relative;overflow:hidden;padding: 3rem 0 0;}
#dis_bg02:before{content: '';position: absolute;bottom: -2rem;right: -33rem;background-color: #eb010f;transform: rotate(130deg);height: 450px;width:80%;}
#dis_bg03{position: relative;overflow:hidden;padding: 3rem 0 7rem;}
#dis_bg03:before{content: '';position: absolute;bottom: 0rem;left: -29rem;background-color: #eb010f;transform: rotate(50deg);height: 450px;width: 80%;}
#dis_bg04{position: relative;overflow:hidden;padding: 3rem 0 4rem;}
#dis_bg04:before{content: '';position: absolute;bottom: 0rem;left: -29rem;background-color: #eb010f;transform: rotate(50deg);height: 450px;width: 80%;}
#dis_bg05{position: relative;overflow:hidden;padding: 3rem 0 7rem;margin: 0 auto 7rem;}
#dis_bg05:before{content: '';position: absolute;bottom: -2rem;right: -33rem;background-color: #eb010f;transform: rotate(130deg);height: 450px;width:80%;}


.dis_01{margin: 6rem 0 3rem;line-height: 2.5;}
.dis_01 span{display:block;font-size: clamp(18px, 3vw, 36px);font-weight:700;margin:0 0 1.5rem;line-height:1.8;}
.dis_02{}
.dis_03{font-size:24px;text-align:center;}
.dis_03 p{display:none;}
.dis_03 span{font-size:16px;}
.dis_04{width:100%;max-width:41vw;margin: 0 3rem 0 0;}
.dis_05{font-size: clamp(22px, 3vw, 32px);font-weight:700;padding: 0 0 0 4.5rem;position:relative;margin: 0 0 2rem;}
.dis_05:before{position:absolute;content:"";background:#ec1c24;width:45px;height:1px;top:50%;left:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}

.dis_07{font-size:20px;font-weight:700;position:relative;padding: 0 0 0 4.5rem;margin: 0 0 3rem;}
.dis_07:before{position:absolute;content:"";background:#ec1c24;width:45px;height:1px;top:50%;left:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.dis_08{width:100%;max-width:760px;}
.dis_09{width:100%;max-width:760px;}
.dis_10{width: 100%;max-width: 41vw;margin: 0 0 0 3rem;padding: 3rem 0 0;}


.dis_12{position: relative;z-index: 1;}
.dis_13{position: relative;z-index: 1;}
.dis_14{width:100%;max-width:650px;margin:0 0 0 5rem;}

/* TOPページ */
.vertical-text {writing-mode: vertical-rl;text-orientation: mixed;}
.fr_01{display: flex;justify-content: flex-end;}
.fr_02{width:100%;max-width:95vw;margin: 0 0 -1.48%;position:relative;}
.fr_03{position:absolute;color:#fff;font-size: clamp(16px, 3vw, 38px);top:50%;left:3%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.fr_04{position:absolute;top:52%;left:2%;width:80%;}
.fr_04 span {display: block;font-size: clamp(26px, 6vw, 146px);line-height: 1;background: #fff;background-clip: text;-webkit-background-clip: text;color: #fff;position: relative;
/* 赤いメタリックグラデーション - 細め（グレーベース無し） */background-image: linear-gradient(70deg,transparent 0%,transparent 40%,#8b0000 45%,#dc143c 47%,#ff6b6b 48.5%,#ffffff 50%,#ff6b6b 51.5%,#dc143c 53%,#8b0000 55%,transparent 60%,transparent 100%);
/* サイズを調整してより滑らかに */
background-size: 300% 100%;-webkit-text-fill-color: transparent;
/* easeを追加してより自然な動き */
animation: shine 3s ease-in-out;}

.fr_05{position:absolute;top:67%;left:2%;width:80%;}
.fr_05 span {display: block;font-size: clamp(26px, 6vw, 146px);line-height: 1;background: #fff;background-clip: text;-webkit-background-clip: text;color: #fff;position: relative;
/* 赤いメタリックグラデーション - 細め（グレーベース無し） */
background-image: linear-gradient(70deg,transparent 0%,transparent 40%,#8b0000 45%,#dc143c 47%,#ff6b6b 48.5%,#ffffff 50%,#ff6b6b 51.5%,#dc143c 53%,#8b0000 55%,transparent 60%,transparent 100%);
/* サイズを調整してより滑らかに */
background-size: 300% 100%;-webkit-text-fill-color: transparent;
/* easeを追加してより自然な動き */animation: shine 3s ease-in-out;}


.fr_06{align-self:flex-end;position: relative;margin: 0 1vw 8rem;color:#1b35ff;}
.fr_06:before{content:"";position:absolute;background:#1b35ff;bottom: -90%;left:50%;width:1px;height:80%;}

.txt01{font-size:24px;margin: 0 0 1.5rem;}
.txt02{font-size: clamp(46px, 4vw, 100px);}
.txt03{font-size:18px;color:#0000ff;}
.txt04{font-size: clamp(26px, 3vw, 42px);color:#333;line-height: 1.5;}
.txt05{font-size:24px;font-weight:700;display:block;}
.txt06{font-size: clamp(46px, 4vw, 100px);display:block;line-height: 1;}

/* アニメーション */
@keyframes shine {
	0% {background-position: 150% 50%;}
	100% {background-position: -150% 50%;}
}

.block02 p{line-height:1;margin:0;overflow:hidden;background-color:#fff;  color:#0000ff;}
.block02 p,.block02 p::before{transition:3s ease;}
.block02{counter-rest:num;counter-increment:num;transition:1s ease;place-content:center;grid-column: span 2 / span 2;grid-row: span 2 / span 2;grid-column-start: 1;grid-row-start: 2;}
.block03{grid-row: span 4 / span 4;grid-column-start: 3;grid-row-start: 1;position: relative;}
.block04{grid-row: span 4 / span 4;grid-column-start: 4;grid-row-start: 1;position: relative;}
.block05{margin: 3rem 0 0;color:#0000ff;}
.block06 p{line-height:1;margin:0;overflow:hidden;background-color:#fff;}
.block06 p,.block06 p::before{transition:3s ease;}
.block06{transition:1s ease;place-content:center;width: 100%;max-width: 590px;}
.block07{margin: 3rem 0 0;width: 100%;max-width: 75%;}
.block08{margin: 2rem 0;}

.block09_1{position: relative;align-self:flex-end;margin: 0 10% 0 0;}
.block09_1:before{position:absolute;content:"JOB TYPE"; writing-mode: vertical-rl;text-orientation: mixed;top:0;left:-2rem;font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;}
.block10{position: relative;align-self:flex-start;}
.block10:before{position:absolute;content:"JOB DESCRIPTION"; writing-mode: vertical-rl;text-orientation: mixed;top:0;left:-2rem;font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;}
.block11{display: flex;justify-content:flex-start;height:75vh;width: 100%;max-width:63vw;margin: 0 auto;}

.link_01{position:absolute;bottom:3rem;left:-2rem;background:#0000ff;padding: 0 2rem 0 0;width: 100%;max-width: 75%;}
.link_01 img{width:11px;}
.hover-button {width: 100%;display: inline-flex;align-items: center;padding:1rem 1.5rem;color:#fff;text-decoration: none;font-size: 16px;transition: all 0.3s ease;cursor: pointer;border: none;position: relative;padding-right: 60px;}
.hover-button::after {content: '';position: absolute;right: 2rem;top: 0;bottom: 0;width: 1px;background-color: white;opacity: 0.3;}
.hover-button:hover {color:#fff;transform: translateY(-2px);}
.hover-button:hover::after {background-color: rgba(255, 255, 255, 0.5);}
.arrow {position: absolute;right: -1rem;top: 0;bottom: 0;width: 36px;display: flex;justify-content: center;align-items: center;font-size: 18px;transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.hover-button:hover .arrow {transform: translateX(6px);}


/* textアニメーション例 */
.block02 .move{transition: all 0.3s ease;background-color:transparent;overflow:hidden;}
/* spanを移動させる */
.block02 .move span{transform:translateY(200px);display:block;transition: all 1s ease;}
.block02 .move.show span{transform:translateY(0);}

/* textアニメーション例 */
.block06 .move{transition: all 0.3s ease;background-color:transparent;overflow:hidden;}
/* spanを移動させる */
.block06 .move span{transform:translateY(200px);display:block;transition: all 1s ease;}
.block06 .move.show span{transform:translateY(0);}

#fr_bg01{background:url(images/fr_bg01.png) no-repeat bottom right;background-size:43% auto;position:relative;overflow:hidden;padding:5rem 0 15rem;margin: 3rem 0 0;}
#fr_bg01:before{content: '';position: absolute;bottom: 0rem;left: -29rem;background-color: #0000ff;transform: rotate(50deg);height: 450px;width: 80%;}
#fr_bg02{background:url(images/fr_bg02.jpg) no-repeat top left;background-size:cover;padding:10rem 0;}
.fr_about01{position:relative;background: #fff;padding: 3rem;width: 100%;max-width: 80vw;margin: 0 auto;display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 10px 1fr 1fr 10px;gap: 3rem;}
.fr_about02{}

#fr_bg03{background:#0000ff;position:relative;overflow:hidden;padding:8rem 0;color:#fff;}
#fr_bg03:before{content: '';position: absolute;bottom: 15rem;right: -9rem;background-color: #eb010f;transform: rotate(130deg);height: 450px;width: 100%;}
#fr_bg04{background:url(images/fr_bg04.png) no-repeat bottom right,#eb010f;color:#fff;padding: 8rem 0 3rem;background-size: 47% auto;}

.fr_int01{font-size: clamp(46px, 9vw, 100px);font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;text-align:center;line-height: 1.5;}
.fr_int01 span{font-size:24px;display:block;}
.fr_int02{text-align:center;margin: 0 auto 5rem;}
.fr_int04{width:100%;max-width:27%;}
.fr_int04 a{color:#fff;}
.fr_int04 span{display:block;margin: 1rem 0 0;}
.fr_int05{position:relative;}

.fr_disc01{display: flex;justify-content: flex-start;margin: 8rem 0;align-items:flex-start;}
.fr_disc02{position:relative;z-index:1;width:100%;max-width:45vw;margin: 0 0 0 8%;padding: 3rem 0 0;}
.fr_disc03{font-size: clamp(46px, 6vw, 100px);font-family: montserrat, sans-serif;font-weight: 700;font-style: normal;color:#0000ff;line-height: 1.5;}
.fr_disc03 span{display:block;font-size:24px;font-family: noto-sans-cjk-jp, sans-serif;font-weight: 700;font-style: normal;color:#333;}
.fr_disc04{background: #0000ff;color: #fff;font-size: clamp(23px, 6vw, 36px);font-weight:700;padding: 8%;box-sizing: border-box;margin: 3rem 0 0;align-self:flex-end;}
.fr_disc04 span{display:block;font-size:16px;font-weight:normal;width: 100%;max-width: 280px;position:relative;margin: 3rem 0 2rem;}
.fr_disc04 span:before{content:"";position:absolute;background:#fff;width:2rem;height:1px;top:-1rem;left:0;}
.fr_disc04 a{background:#fff;color:#333;font-size:18px;padding: 10px 4rem 10px 2rem;border-radius: 25px;position:relative;}
.fr_disc04 a:before{content:"";position:absolute;background:url(images/arrow_white.png) no-repeat top left;background-size:100% auto;top:50%;right:1rem;width:28px;height:28px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.fr_disc05{width: 100%;max-width: 1040px;margin: 0 0 0 -17.3%;}

/* ループスライダー */
.slider-container {width: 100%;overflow: hidden;position: relative;z-index: 2;}
 .slider {display: flex;animation: slide 40s infinite linear;}
.slide {min-width: 520px;height: 370px;margin: 0 20px;}
.slide img {width: 520px;height: 370px;object-fit: cover;}
.slide:nth-child(odd) {margin-top: 20px;}
.slide:nth-child(even) {margin-top: 80px;}

@keyframes slide {
0% {transform: translateX(0);}
100% {transform: translateX(calc(-520px * 5 - 100px));}
}

.image-container {
  width: 50svw;
  aspect-ratio: 1 / 0.5;
  margin-inline: auto 0;
  margin-block-start: 1rem;
  position: relative;

  /* 右側から切り取って非表示状態にしておく */
  clip-path: inset(0 0 0 49.99svw);

  /* アニメーション：0.5秒遅れてスタート */
  animation: container-slide-in 0.5s cubic-bezier(0.644, 0.096, 0.7, 0.965) 0.5s forwards;
}

/* 画像部分 */
.image-container img {
	background-color:maroon;
  width: 50svw;
  aspect-ratio: 1 / 0.5;
  object-fit: cover; /* ← 修正済み！ */
  display: block;
  position: absolute;
  top: 0;
  left: 0;

  /* 初期状態は完全に右から切り取る（非表示） */
  clip-path: inset(0 0 0 100%);

  /* 画像のアニメーション：背景より少し遅れて始まる */
  animation: image-slide-in 0.75s cubic-bezier(0.644, 0.096, 0.7, 0.965) 1.75s forwards;
}

@keyframes container-slide-in {
  from { clip-path: inset(0 0 0 49.99svw); }
  to   { clip-path: inset(0); }
}

@keyframes image-slide-in {
  from { clip-path: inset(0 0 0 100%); }
  to   { clip-path: inset(0); }
}

.fr_07{width:100%;max-width:44vw;}
.fr_08{display: flex;justify-content: flex-start;position: relative;z-index: 1;margin: 0 0 0 8vw;}

.rellax{background:url(images/fr_bg03.png) no-repeat top left;background-attachment:fixed;height:50vh;position: relative;z-index: 1;margin: -13rem 0 0;}
.rellax02{background:url(images/fr_bg05.jpg) no-repeat top left;background-attachment:fixed;height:65vh;}

/* アコーディオン */
.qa-container {max-width: 800px;margin:8rem auto 4rem;overflow: hidden;}
.accordion {padding: 20px;}
.accordion-item {border-bottom: 1px solid #e9ecef;margin-bottom: 10px;}
.accordion-item:last-child {border-bottom: none;margin-bottom: 0;}
.f_question {padding: 20px;cursor: pointer;display: flex;align-items: center;justify-content: space-between;transition: all 0.3s ease;position: relative;background: #fff;border: none;border-bottom: 2px solid #2563eb;}
.question-content {display: flex;align-items: center;flex: 1;}
.q-label {color: #2563eb;font-weight: bold;font-size: 1.2rem;margin-right: 15px;min-width: 30px;}
.toggle-icon {width: 40px;height: 40px;background: #2563eb;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;flex-shrink: 0;}
.toggle-icon::before {content: '↑';color: white;font-size: 1rem;font-weight: bold;transition: transform 0.3s ease;}
.accordion-item.active .toggle-icon {background: #dc2626;}
.accordion-item.active .toggle-icon::before {content: '↓';}
 .answer {max-height: 0;overflow: hidden;transition: all 0.3s ease;}
.accordion-item.active .answer {max-height: 200px;padding: 20px;}
.answer-content {display: flex;align-items: flex-start;}
.a-label {color: #dc2626;font-weight: bold;font-size: 1.2rem;margin-right: 15px;min-width: 30px;margin-top: 2px;}
.answer-text {line-height: 1.7;}

.more-btn{text-align:center;}
.more-btn a{background:#fff;color:#333;font-size:18px;padding: 10px 4rem 10px 2rem;border-radius: 25px;position:relative;border: 1px solid #1b35ff;display: block;width: 100%;max-width: 200px;margin:3rem auto;transition:.3s;}
.more-btn a:hover{background:#1b35ff;color:#fff;}
.more-btn a:before{content:"";position:absolute;background:url(images/arrow_white.png) no-repeat top left;background-size:100% auto;top:50%;right:1rem;width:28px;height:28px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}

.f_qa{font-size:24px;text-align:center;margin: 0 auto 3rem;}
.f_qa span{display:block;font-size:100px;color:#1b35ff;line-height:1.0;}

.wordks_01{width: 100%;max-width: 75vw;margin: 0 auto;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

@media screen and (max-width: 1600px){
	#vis_bg02:before{width: 62%;}
	#vis_bg03:before{width: 58%;}
	.vis_07{width: 100%;max-width: 60vw;}
	.vis_17{max-width: 27vw;}
	.int_bx03{margin: 0 0 0 -19%;}
	.int_bx02{width: 100%;max-width: 75vw;}
}


@media screen and (max-width: 1300px){
	#vis_bg07:before{bottom: 10rem;right: -24rem;transform: rotate(130deg);height: 400px;width: 100%;}
	.fr_about01{padding: 2rem 4.5rem;max-width: 85vw;grid-template-columns: repeat(2, 1fr);grid-template-rows: auto;gap: 2rem;}
	.block02{grid-column: 1/0;grid-row: auto;grid-column-start: auto;grid-row-start: auto;}
	.block03{grid-column: span 1;grid-row: auto;grid-column-start: auto;grid-row-start: auto;}
	.block04{grid-column: span 1;grid-row: auto;grid-column-start: auto;grid-row-start: auto;}
	.link_bnr img{max-width: 260px;}
	.int_bx19,.int_bx07,.int_bx13{max-width:95vw;}
}
/*1024px以下*/
@media screen and (max-width: 1024px){
	.vis_03,.breadcrumb,.outline{max-width:95vw;}
	#fr_bg02{padding: 6rem 0;}
	#fr_bg01{padding:5rem 0 8rem;}
	#fr_bg01:before{bottom: -5rem;}
	.block11{height: 42vh;max-width: 75vw;}
	.rellax{height:42vh;background-attachment: scroll;background: url(images/fr_bg03.png) no-repeat center left;}
	.rellax02{height:35vh;background: url(images/fr_bg05.jpg) no-repeat center left;background-attachment: scroll;}
	#fr_bg03:before{bottom: 15rem;right: -42rem;width: 160%;}
}

/*834px以下*/
@media screen and (max-width: 834px){
	main.main{padding:0;}
	.fr_07{max-width:100vw;}
	.fr_08{margin: 0 auto;width: 100%;max-width: 95vw;flex-wrap: wrap-reverse;}
	.block07{max-width:100%;}
	#fr_bg01{margin:0;}
	#fr_bg01:before{left: -30rem;height: 422px;width: 130%;}
	.fr_about01{display:block;}
	.block03{width;100%;max-width:340px;margin: 3rem auto 1rem;}
	.block04{width:100%;max-width:340px;margin:0 auto;}
	#fr_bg03:before{bottom: 7rem;right: -23rem;height: 374px;width: 150%;}
	.fr_disc01{flex-wrap:wrap;width:100%;max-width:95vw;margin:8rem auto;}
	.fr_disc02,.fr_disc05{max-width: 100%;margin: 0;}
	#custom_html-3{padding:24%;}
	body.page .article-footer:before{width:100%;}
	.rellax02{height: 50vh;}
	.block11{height:auto;}
	.block11{max-width: 85vw;}
	.wordks_01{margin: 0 auto 3rem;max-width: 95vw;}
	#fr_bg04{padding:4rem 0;}
	.link_01{max-width:90%;}
	.block06{max-width: 95vw;margin: 0 auto 3rem;}
	.int_bx01{flex-wrap:wrap;width:100%;max-width:95vw;margin:0 auto;}
	.int_bx02{max-width:100%;}
	.int_bx03{margin:0 auto;max-width: 100%;}
	.int_bx18,.int_bx13{flex-wrap:wrap;}
	.int_bx07{flex-wrap:wrap-reverse;}
	.voice_bx{max-width:58%;}
	.voice_13{justify-content:space-around;}
	.voice_bx{margin:0 auto 4%;}
	.voice_05{max-width:45px;}
	#intr_bg01:before{bottom: -6rem;right: -20rem;}
	.form_01 {font-size:30px;}
	.form_02 {max-width: 90%;}
	.form_03 {padding: 2rem 2rem 2rem;}
	.form_04 {font-size:16px;}
	.form_05{padding:2rem 1rem;}
	.form_06{padding:0 .5rem;}
	.form_10 {margin: 0 0 5rem;}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.vis_07,.vis_16{max-width:95vw;}
	.vis_01{margin: 1rem auto 3rem;}
	.mds_01 h3{margin-bottom:2rem;}
	.vis_03{padding: 0 0% 1rem;margin: 0 auto;}
	#vis_bg01:before{left: 4rem;height: 839px;width: 80%;}
	#vis_bg02{padding:5rem 0 0;margin: 0rem 0 0;flex-wrap: wrap-reverse;justify-content: space-around;}
	.vis_06{max-width: 95%;margin: 0 auto;}
	#vis_bg02:before{width: 66%;bottom: 24rem;right: 3rem;height: 345px;}
	#vis_bg03{justify-content: space-around;flex-wrap: wrap;margin: 4rem 0 0;}
	.vis_09{max-width: 95%;margin: 0;}
	#vis_bg03:before{width: 70%;bottom: 30rem;left: -2rem;height: 660px;}
	.vis_10{padding: 1rem 2%;width: 100%;max-width: 95vw;margin: 0 auto;}
	.vis_11 span,.vis_12 span{margin: 0px 1rem 0 0;}
	#vis_bg05{padding: 3rem 0 5rem;}
	.vis_13{padding:0;}
	.vis_14{padding:10px;}
	#vis_bg06{padding: 4rem 0 5rem;}
	.acc_02{flex-wrap:wrap;}
	.acc_03{max-width:100%;}
	.vis_15{margin:3rem 0;}
	#vis_bg04{background-size: 53% auto;}
	.accordion{padding:10px 0;}
	.accordion-content{padding: 12px 10px 10px;}
	.vis_15{flex-wrap:wrap;justify-content: space-around;}
	.vis_20,.vis_17,.vis_22{max-width:95vw;margin:0 auto;}
	.vis_23{flex-wrap:wrap;max-width:95vw;}
	.art_ft01{font-size: clamp(20px, 8vw, 100px);}
	#custom_html-3{padding: 32% 0;}
	body.page .article-footer:before{width:100vw;}
	#custom_html-3 .textwidget{right: 45px;width: 100%;max-width: 80vw;}
	.content-bottom-in{flex-wrap:wrap;max-width: 80vw;}
	.header-container-in.hlt-top-menu .logo-header img{max-height:15px;}
	.isuzu_logo{margin: 25px 10% 0 0;}
	.openbtn span{width:50%;left:34px;}
	.openbtn span:nth-of-type(3)::after{font-size: 10px;}
	.header-container-in.hlt-top-menu .logo-header{width:110px;}
	.i_unitec_logo{max-width:100px;}
	.navi_logo .isuzu_logo{margin: 0;}
	.navi_logo{margin:6rem auto 0;width:100%;max-width:95vw;}
	.fr_03{top: 28%;}
	.fr_05{top:58%;}
	.fr_04{top: 45%;}
	.fr_06{margin:0 1vw 2rem;font-size: 10px;}
	.fr_06:before{bottom: -23%;height: 22%;}
	#g-nav.panelactive #g-nav-list{padding:1rem 15px;}
	.nav_link_bx{margin: 2rem 0 0;padding: 3rem 0 0;}
	.nav_box{max-width:100%;flex-wrap:wrap;margin: 0rem auto;}
	.link_bnr{flex-wrap:wrap;}
	.link_bnr a{margin: 0 auto 1rem;}
	#fr_bg01:before{left: -27rem;height: 288px;width: 200%;}
	.fr_about01{padding: 2rem 1.5rem;}
	#fr_bg02{padding:3rem 0;}
	.link_01{left: -.5rem;}
	.fr_int03{flex-wrap:wrap;}
	.fr_int04{max-width:80%;}
	#fr_bg03:before{bottom: -1rem;right: -15rem;height: 280px;}
	.block11{flex-wrap:wrap;}
	.block09_1{margin:0;}
	.qa-container{max-width:95vw;}
	#navi{position:fixed;}
	.dis_12,.dis_13{flex-wrap:wrap;justify-content:space-around;}
	.dis_04{max-width: 95vw;margin: 0;}
	.dis_10{max-width: 95vw;margin: 0 auto;}
	.voice_bx{max-width:95%;margin:0 auto 4%;}
	.voice_05{max-width: 30px;bottom: 10px;right: 7px;}
}