@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
*/

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

/* フォント */
.shuei{font-family: "dnp-shuei-gothic-gin-std", sans-serif;font-weight: 400;font-style: normal;}
.shuei_b{font-family: "dnp-shuei-gothic-gin-std", sans-serif;font-weight: 600;font-style: normal;}

/* アルファベット用 */
.montserrat_b{font-family: "montserrat", sans-serif;font-weight: 700;font-style: normal;}
.montserrat_ib{font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;}

/* 汎用 */
html {scroll-behavior: smooth;}
body{background:#fff;font-family: "dnp-shuei-gothic-gin-std", sans-serif;font-weight: 400;font-style: normal;}
.no-sidebar .content .main,.main{padding-left:0;padding-right:0;}
table tr:nth-of-type(2n+1){background-color:rgba(0,0,0,0);}
.body aside.widget{margin-bottom:0;}
.content{margin-top:0;}
.main{padding:0;}
.entry-content,.body .article,.entry-content>*{margin-top:0;margin-bottom:0;}
.home .entry-title{display:none;}
.outline{width:100%;max-width:1100px;margin:0 auto;}
.inline{width:100%;max-width:880px;margin:0 auto;}
.article p{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;}


/* display関連 */
.pc_none{display:none;}
.d_b{display:block;}
.d_ib{display:inline-block;}


/* 文字サイズ */
.fs_10{font-size: 10px;}
.fs_11{font-size: 11px;}
.fs_12{font-size: 12px;}
.fs_13{font-size: 13px;}
.fs_14{font-size: 14px;}
.fs_15{font-size: 15px;}
.fs_16{font-size: 16px;}
.fs_17{font-size: 17px;}
.fs_18{font-size: 18px;}
.fs_19{font-size: 19px;}
.fs_20{font-size: 20px;}
.fs_22{font-size: 22px;}
.fs_23{font-size: 23px;}
.fs_24{font-size: 24px;}
.fs_25{font-size: 25px;}
.fs_26{font-size: 26px;}
.fs_27{font-size: 27px;}
.fs_28{font-size: 28px;}
.fs_29{font-size: 29px;}
.fs_30{font-size: 30px;}
.fs_32{font-size: 32px;}
.fs_34{font-size: 34px;}
.fs_35{font-size: 35px;}
.fs_36{font-size: 36px;}
.fs_40{font-size: 40px;}
.fs_42{font-size: 42px;}
.fs_43{font-size: 43px;}
.fs_44{font-size: 44px;}
.fs_45{font-size: 45px;}
.fs_47{font-size: 47px;}
.fs_48{font-size: 48px;}
.fs_49{font-size: 49px;}
.fs_50{font-size: 50px;}
.fs_52{font-size: 52px;}
.fs_53{font-size: 53px;}
.fs_55{font-size: 55px;}
.fs_56{font-size: 56px;}
.fs_58{font-size: 58px;}
.fs_60{font-size: 60px;}
.fs_66{font-size: 66px;}
.fs_68{font-size: 68px;}
.fs_77{font-size: 77px;}
.fs_80{font-size: 80px;}
.fs_87{font-size: 87px;}

.ctr{text-align: center;}
.right{text-align: right;}
.left{text-align:left;}
.tate{-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
.ff-600{font-weight:600;}

/* カラー関連 */
.c_bk{color:#222222;}
.c_wh{color: #fff;}
.c_red{color: #e20011;}
.c_lblue{color:#009FE5;}
.c_navy{color:#062D59;}

/* 背景色 */
.c_back01{background:#F3FBFF;padding: 12rem 0 1px;margin: -7.5rem 0 0;}
.c_back01_a{background:#F3FBFF;padding: 3rem 0;margin: 0 auto 7rem;}
.c_back02{background:#F3FBFF;padding:7rem 0;}
.c_back03{background:#F3FBFF;padding:7rem 0 0;}

/* グローバルナビゲーション */
#container{position:relative;}
.triangle{position:absolute;width: 50%;aspect-ratio:5.5;clip-path: polygon(0 0,100% 0,0 100%);background: rgb(177,228,252);background: linear-gradient(90deg, rgba(177,228,252,1) 0%, rgba(0,159,229,1) 100%);z-index: 997;}
.triangle02{position:absolute;width: 50%;aspect-ratio:5.5;clip-path: polygon(0 0,100% 0,0 100%);background: rgb(177,228,252);background: linear-gradient(90deg, rgba(177,228,252,1) 0%, rgba(0,159,229,1) 100%);z-index: 997;}
.header-container-in.hlt-top-menu .navi-in{width: 100%;max-width: 60px;margin: 0 1rem;}
.navi{background-color:rgba(255,255,255,0);display: flex;justify-content: flex-end;}
.header-container.fixed-header{box-shadow:none;z-index:99;}

.nav_entry01{font-size:clamp(74px,6vw,106px);font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;color:#fff;width: 100%;max-width: 40%;line-height: 1;}
.nav_entry01 span{display:block;font-size:16px;font-family: "Noto Sans JP", sans-serif;font-weight:normal;font-style:normal;line-height: 1.8;margin: 2rem 0;}
.nav_entry01 a{display:block;color:#fff;background: #e20011;width: 100%;max-width: 250px;text-align: center;padding: .8rem 0;margin: 2rem 0;line-height: 1.8;}

.btn_ent{width:100%;max-width:200px;}

#g-nav{
    /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
    position:fixed;
	z-index: -1;
	display:none;
	opacity: 0;/*はじめは透過0*/
    /*ナビの位置と形状*/
	top:0;
	width:100%;
    height: 100vh;/*ナビの高さ*/
	background: rgb(0,159,229);
	background: linear-gradient(135deg, rgba(0,159,229,1) 0%, rgba(177,228,252,1) 100%);
    /*動き*/
	transition: all 0.5;
	left: 0;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive{opacity: 1;z-index:999;display:block;}

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

.hm_nav{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);display: flex;justify-content: center;align-items: flex-start;width:100%;}
.navi-in a:hover{background-color:rgba(255,255,255,0);}

/*ナビゲーション*/
#g-nav ul.nav_01 {display: none;position: relative;z-index: 999;}
#g-nav ul.nav_02 {display: none;position: relative;z-index: 999;}
#g-nav.panelactive ul {display: block;}
.nav_03{margin: 3rem 0 0;}
.nav_entry01 a:hover{color:#fff;background: #e20011;}

/*リストのレイアウト設定*/

#g-nav li{list-style: none;text-align: left; }
#g-nav li a{color: #fff;text-decoration: none;padding:10px;display: block;text-transform: uppercase;letter-spacing: 0.1em;font-weight: bold;}
#g-nav li a:hover{background-color: rgba(255, 255, 255, 0);}

/*========= ボタンのためのCSS ===============*/
.openbtn{
	position:relative;
    z-index: 9999;/*ボタンを最前面に*/
	cursor: pointer;
    width: 50px;
    height:50px;
	background: #009fe5;
}

/*×に変化*/	
.openbtn span{display: inline-block;transition: all .4s;position: absolute;left: 14px;height: 3px;border-radius: 2px;background-color: #fff;width: 45%;}
.openbtn span:nth-of-type(1) {top:15px;	}
.openbtn span:nth-of-type(2) {top:23px;}
.openbtn span:nth-of-type(3) {top:31px;}

.openbtn.active{background:rgba(255,255,255,0);}
.openbtn.active span:nth-of-type(1) {top: 18px;left: 18px;transform: translateY(6px) rotate(-45deg);width: 30%;background-color:#fff;}
.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: 30%;background-color:#fff;}

/* フッター */
#footer{position:relative;}
#footer:after{position:absolute;content:"";background:url(images/slash_01.webp) no-repeat top left;background-size:auto 100%;bottom:0;right:0;width:50%;min-height:200px;}
.footer{margin-top:60px;}

.footer-widgets{width: 100%;max-width: 80vw;margin: 0 auto 7rem;display:flex;justify-content: space-between;}
.footer-center{display:none;}
.footer-left, .footer-right{width:100%;max-width:45%;}
.footer-widgets .widget_nav_menu ul{display: flex;justify-content: space-between;}
.footer-widgets .widget_nav_menu ul li a{font-weight:600;}
.footer-widgets .widget_nav_menu ul li a:hover{background-color:#fff;}

.ft_l02{margin:2rem 0 4rem;}
.ft_l03{font-size:11px;color:#009fe5;}
.ft_r01{text-align:right;margin-top:40px;}

.go-to-top-button{width:100px;height:100px;}

/* コンテンツボトム */
.content-bottom{margin:0;}
#cb_bg{background:url(images/cb_bg01.webp) no-repeat top left;background-size:100% auto;padding: 37% 0 5rem;}

.cb_01{}
.btn_01{display:block;width: 100%;max-width:85.5%;margin: 0 auto;text-align: center;text-decoration: none;color: #fff;background:url(images/cb_bg02.webp) no-repeat top left;background-size:cover;box-shadow:40px 40px 0px #e20011;transition: .8s;padding: 6.5% 0;}
.btn_01:hover {box-shadow: unset;transform: translate(38px,38px);color:#fff;}

.cb_01 .txt01{font-size:clamp(18px,3vw,43px);font-weight: 600;}
.cb_01 .txt02{display:block;font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;font-size:clamp(50px,5.5vw,100px);position:relative;}
.cb_01 .txt02:before{position:absolute;content:"";background:url(images/arr_wh.svg);background-size:100% auto;width:67px;height:9px;bottom:1rem;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}

/* スワイパー */
#slider{width:100%;margin:0 auto;position: relative;overflow: hidden;}
.swiper-slide{padding: 100px 0;text-align: center;background-color: #eee;margin-bottom: 5px;padding:0;}
.progress-bar{width: 1px;height: 100px;background-color:#e20011;margin: 10px auto;transform:scaleY(0);transform-origin:left top;position:relative;}
.progress-number{width: 10px;margin: 10px auto;position: relative;color:#222222;font-family: "montserrat", sans-serif;font-style: normal;}
.progress-number::before{content:attr(data-current)" ";position: absolute;left: -0.5px;top: -9.2rem;font-size: 24px;}
.progress-number::after{content:attr(data-all)" ";position: absolute;right: -0.5px;top:  -7px;font-size: 24px;}

.swiper-pagination-bullet{border-radius:0!important;}
.swiper-wrapper{margin-top:0;}
.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{display: grid;grid-template-columns: 1.5rem;gap: 1rem;position: absolute;top: 10px;left:17%;align-items: center;align-content: center;justify-items: center;}
.swiper-container{overflow:hidden;width: 100%;max-width: 80%;margin: 0 0 0 auto;}
.swiper-container.swiper-fade.swiper-initialized.swiper-horizontal.swiper-watch-progress.swiper-backface-hidden{margin-inline-start: 2rem;}
.pg_bar_box{position: absolute;top: 50%;left:14%;}
.pg_bar_box:before{position:absolute;content:"";width:1px;height:100px;background-color:#333;top:10px;left:4.5px;}

.swiper-pagination-bullet{width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px))!important;height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px))!important;}
.swiper-pagination-bullet{background:#808080!important;opacity:1!important;}
.swiper-pagination-bullet-active{background:#e20011!important;}

/* 固定ページヘッダー */
.phead{width: 100%;margin:0 auto;line-height: 1.5;height:500px;}
.phead h2{font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;color:#ffffff;font-size: clamp(36px,17vw, 200px);line-height: 1.2;padding: 0 0 0 7vw;}
.phead h2 span{display:block;position:relative;font-size: clamp(20px,3vw, 42px);font-family: "dnp-shuei-gothic-gin-std", sans-serif;font-weight: 600;font-style: normal;padding:0 0 0 20px;}
.ph_faq{background:url(images/ph_faq.webp) no-repeat top left;background-size:cover;padding: 24% 0 34%;position: relative;}
.ph_jobdiscription{background:url(images/ph_jobdiscription.webp) no-repeat top left;background-size:cover;padding: 24% 0 34%;position: relative;}
.ph_jobdiscription h2{font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;color:#ffffff;font-size: clamp(36px,9vw, 160px);line-height: 1.2;padding: 0 0 0 7vw;}
.ph_vision{background:url(images/ph_vision.webp) no-repeat top left;background-size:cover;padding: 24% 0 34%;position: relative;}
.ph_single{background:url(images/ph_single.webp) no-repeat top left;background-size:cover;padding: 12% 0 17%;position: relative;}
.ph_interview{background:url(images/ph_single.webp) no-repeat top left;background-size:cover;padding: 24% 0 34%;position: relative;z-index: 3;}
.ph_interview h2{font-size: clamp(36px,7vw, 200px);}
.ph_single h2{font-size: clamp(26px, 6vw, 160px);}
.breadcrumb{width: 100%;max-width: 80vw;text-align: right;margin: -9rem auto 9rem;color:#fff;position: relative;}
.breadcrumb a{color:#fff;}


/* 見出し */
.mds_01{}
.article .mds_01 h3{border-left: none;border-top: none;border-right: none;border-bottom: none;font-size: clamp(36px,5vw, 102px);text-align:center;color:#009FE5;margin: 0 auto 1rem;font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;}
.mds_txt{width:100%;text-align:center;margin: 0 auto 1rem;}
.mds_txt span{position: relative;z-index: 1;color:#fff;font-size:20px;font-weight:600;text-align:center;padding:3px 15px;}
.mds_txt span:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background: #E20011;transform: skewX(-30deg);}
.article .mds_02 h4{position:relative;text-align:center;border-bottom:none;border-top:none;color:#009FE5;font-size:28px;font-weight:600;margin: 0 auto 3rem;}
.article .mds_02 h4:before{position:absolute;content:"";border-bottom:2px solid #E20011;bottom:0;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width:50px;height:2px;}
.mds_02{}
.mds_03{}
.article .mds_03 h3{border-left: none;border-top: none;border-right: none;border-bottom: none;font-size: clamp(36px,5vw, 102px);text-align:center;color:#fff;margin: 0 auto 1rem;font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;}

.mds_04{}
.article .mds_04 h3{border-left: none;border-top: none;border-right: none;border-bottom: none;font-size: clamp(20px,3vw, 52px);color:#fff;margin: 0 auto 3rem;padding: 0;}
.mds_txt02{width:100%;margin: 0 0 1rem;}
.mds_txt02 span{position: relative;z-index: 1;color:#fff;font-size:20px;font-weight:600;text-align:center;padding:3px 15px;}
.mds_txt02 span:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background: #E20011;transform: skewX(165deg);}
.mds_05{}
.article .mds_05 h3{border-left: none;border-top: none;border-right: none;border-bottom: none;font-size: clamp(36px,5vw, 102px);color:#fff;margin: 0 auto 1rem;font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;padding:0;}

/* よくある質問 */
.accordion{margin:0 auto 7rem;}
.accordion-content {display: none;}
.accordion-header {background-color:#ffffff;padding: 10px 45px 10px 20px;margin: 1rem 0 0;transition: background .3s ease;cursor: pointer;position: relative;display: flex;justify-content: flex-start;align-items: center;}

.accordion-header::before,.accordion-header::after{position:absolute;content:'';top:1px;right:20px;bottom:0;width:12px;height:2px;margin:auto;background:#151E2F;}
.accordion-header::after{transform:rotate(-90deg);transition:transform 0.3s;}
.accordion-header.active::after{transform:rotate(0deg);}
.accordion-content {background-color: #FFF;padding:1rem 20px 10px;}
.accordion-header span{padding-left: 25px;position: relative;}

.qa_q{font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;color:#009FE5;font-size:36px;}
.qa_mds{font-weight:600;padding:0 0 0 2rem;}
.qa_a{font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;font-size:36px;}
.qa_cont{padding:0 0 0 2rem}

.qa_bx01{margin:2rem auto 7rem;text-align:center;}
.qa_bx01 a{text-decoration:none;border-bottom:1px solid #009fe5;padding:0 0 2px;}
.qa_bx01 a:hover{color:#009fe5}

/* 募集要項 */
.job_01{border-top: 1px solid #ddd;padding: 2rem 0;}
.job_02{width:100%;max-width:980px;margin:0 auto 7rem;}
.job_03{background:#fff;width:100%;max-width:1300px;margin:0 auto;padding:3rem 0;}
.job_04{}
.job_04 span{display:block;color:#E20011;margin: 2rem 0 4rem;}

.job_06{font-size: 24px;margin: 3rem 0 1rem;}
.job_07 {width: 100%;height: 230px;overflow: auto;border: 1px solid #111111;margin: 0 auto 2rem;padding: 2rem;}
.job_08{margin: 2rem 0;}
article .job_08 h4{border-top: 2px solid #009FE5;border-bottom: 2px solid #009FE5;font-size: 18px;font-weight: 400;padding:11px 0;margin-bottom:0;}


/* エントリーフォーム */
article table.tbl_ctt{width: 100%;max-width: 90%;margin: 0 auto;}
table.tbl_ctt:not(.has-border-color) :where(th, td){border:none;}
table.tbl_ctt th{background-color:#fff;vertical-align: top;padding: 2rem 0;}
.eform_01{margin:2rem 0;}

input[type=submit]{background: #009FE5;border-radius: 50px;width: 100%;max-width: 380px;padding: 10px 0;display: block;margin: 0 auto 4rem;color: #fff;font-size: 18px;font-weight: 600;}


/* ビジョン */
.vis_01{background:url(images/vis_bg01.webp) no-repeat bottom left;background-size:cover;padding: 5rem 0 28rem;}
.vis_02{font-size:clamp(18px,2vw,20px);text-align:center;color:#062D59;font-weight:600;}
.vis_02 span{display:block;font-size: clamp(32px,5vw, 62px);margin: 0 auto 3rem;}
.vis_03{margin: 5rem 0 0;}
.vis_04{width:100%;max-width:597px;margin: 0 8vw 0 0;}
.vis_05{font-size:clamp(24px,2vw,32px);font-weight:600;}
.vis_05 span{display:block;font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;font-size:24px;color:#009FE5;}
.vis_06{font-size:20px;margin: 3rem 0 0;width: 100%;max-width: 597px;}
.vis_07{width:100%;max-width:50%;}
.vis_08{margin:0;}
.vis_09{width:100%;max-width:640px;margin: 0 0 0 8vw;}

.vis_11{position:relative;}
.vis_11 img{object-fit: fill;}
.vis_11 span{display:block;position:absolute;mix-blend-mode: overlay;color: white;font-size: clamp(36px,9vw, 200px);top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;width:100%;text-align:center;}

/* データで見る */
.data_01{background: rgb(0,159,229);background: linear-gradient(166deg, rgba(0,159,229,1) 0%, rgba(177,228,252,1) 100%);padding:7rem 0 12rem;}
.data_02{width:100%;max-width:1100px;margin:3rem auto 0;}
.data_03{width:100%;max-width:47%;margin:0 0 4rem;}
.data_04{width:100%;max-width:47%;}

/* フロントページ */
.slide_txt01{position:absolute;font-size: clamp(30px,8vw, 110px);z-index:3;color:#fff;font-weight:600;bottom:7rem;right:6rem;line-height: 1.4;text-align: right;font-style:italic;}

.front_01{background:url(images/front_bg_01.webp) no-repeat top left;background-size:100% auto;padding: 15.5% 0 1px;margin: -7rem 0 5rem;height: 148vh;}
.front_02{align-self:flex-start;margin:0;width: 100%;max-width: 34%;}
.front_03{align-self:center;width: 100%;max-width: 510px;margin: 0 0 3rem;}
.front_04{align-self:flex-end;margin: 0 0 -2%;width: 100%;max-width: 29.5%;}
.front_05{width: 100%;max-width: 80%;font-size: clamp(16px,1.5vw,20px);color: #fff;font-weight: 600;line-height: 2.2;}
.front_05 a{display:block;background:#fff;width:100%;max-width:290px;position:relative;font-family: "montserrat", sans-serif;font-weight: 700;font-style: normal;text-align: center;color: #009FE5;text-decoration: none;padding: 10px 0;margin: 2rem 0 0;transition: .5s;border:1px solid #fff;}
.front_05 a:hover{background:rgba(255,255,255,0);color:#fff;border:1px solid #fff;}
.front_05 a:before{position:absolute;content:"";top:50%;right:-2rem;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);background:url(images/arr_bl.svg) no-repeat top left;background-size:100% auto;width:65px;height:8px;transition: .5s;}
.front_05 a:hover:before{right:-3rem;}
.front_06{background:url(images/front_bg_02.webp) no-repeat top left;background-size:cover;padding: 7% 0 21%;}
.front_07{width:100%;max-width:90%;margin:0 auto;color:#fff;}
.front_08{text-align:justify;}
.front_09{border-bottom:1px solid #fff;}
.front_10{width:100%;max-width:60vw;background:#E20011;padding:4rem 0 0;position:relative;color:#fff;}
.front_11{width:100%;max-width:600px;margin:0 auto;font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;font-size:clamp(50px,5vw,80px);}
.front_11 span{font-family: "dnp-shuei-gothic-gin-std", sans-serif;font-weight: 600;font-style: normal;font-size:20px;padding: 0 0 0 2rem;}
.front_11 p{font-family: "dnp-shuei-gothic-gin-std", sans-serif;font-weight: 600;font-style: normal;font-size:16px;display:block;width:100%;max-width:485px;}
.front_12{position:absolute;top:50%;right:-5rem;z-index:3;width:155px;height:auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transition: .5s;}
.front_12:hover{right: -8rem;}
.front_13{width:100%;max-width:40vw;}
.front_13 img{object-fit: fill;}
.front_14{width:100%;max-width:600px;margin:0 auto;font-family: "montserrat", sans-serif;font-weight: 700;font-style: italic;font-size: clamp(45px, 4vw, 60px);line-height: 1.2;}
.front_14 span{font-family: "dnp-shuei-gothic-gin-std", sans-serif;font-weight: 600;font-style: normal;font-size:20px;padding: 0 0 0 2rem;}
.front_14 p{font-family: "dnp-shuei-gothic-gin-std", sans-serif;font-weight: 600;font-style: normal;font-size:16px;display:block;width:100%;max-width:485px;line-height: 1.8;margin: 1.5rem 0 0;}

/* 投稿記事一覧 */
.widget-entry-cards .a-wrap:hover{background-color:rgba(255,255,255,0);}
.widget-entry-cards.card-large-image .a-wrap{max-width:330px;}
.widget-entry-cards{width:100%;max-width:72vw;margin:3rem auto 0;}
.list{width:100%;max-width:1100px;margin:0 auto;}
.cat-label{display:none;}
.entry-card-title{color:#009FE5;}

/* 投稿 */

body.single .is-layout-flex{justify-content:flex-end;align-items:center;}
.article  h3.int_title{font-size:clamp(20px,2vw,32px);color:#062d59;border-left:none;border-right:none;border-top:none;border-bottom:none;padding: 0;}
.int_bx01{place-content: center;}
.int_box02{width:100%;max-width:1100px;margin:0 auto;}
.article p.int_name{font-size:24px;font-weight:600;margin:0 0 1rem;}
.article p.int_depart{color:#009fe5;}

.article h5.int_q01{border-bottom:none;background:#f3fbff;line-height:1!important;padding: 0 0 12px 1rem;margin-bottom: 1.5rem;color: #009fe5;margin-top: 3rem;}
.article p.int_a_title{font-size: 24px;font-weight: 600;color: #062d59;display: block;width: 100%;max-width: 93%;margin: 0 auto 2rem;}
.article p.int_a01{display: block;width: 100%;max-width: 93%;margin: 0 auto 2rem;font-size: 15px;text-align:justify;}
.int_img01{width: 100%;max-width: 1100px;margin:4rem auto;}

#wpsp-304{width:100%;max-width:1400px;margin:3rem auto 0!important;}
.wp-show-posts-entry-header{background: #fff;padding: 1rem 1.5rem;margin: -2rem 0 0 1.5rem;position: relative;width: 100%;max-width: 96%;}
.wp-show-posts-entry-header a{color:#222222;text-decoration:none;}

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

/*1600px以下*/
@media screen and (max-width: 1600px){
	.front_02{width:100%;max-width:28%;margin:0;}
	.front_04{width:100%;max-width:30%;}
	.front_03{max-width:35%;}
	.front_01{height:128vh;}
	.front_05{max-width: 100%;text-align: justify;}
	.front_06{padding: 7% 0 22%;}
	.vis_04{max-width: 40%;margin: 0 5% 0 0;}
	.vis_09{max-width: 40%;margin: 0 0 0 5%;}
	#wpsp-304{max-width:95%;}
}

/*1500px以下*/
@media screen and (max-width: 1500px){
	.front_01{padding: 16.5% 0 120px;margin: -7rem 0 -1rem;}	
}

/*1400px以下*/
@media screen and (max-width: 1400px){
	.front_01{height:108vh;padding: 9.5% 0 -1px;}
	.front_06{padding: 7% 0 13%;}
	.front_10{padding: 2% 0 0;}
	#cb_bg{padding: 28% 0 5rem;}
	.footer-widgets{max-width:90vw;margin: 0 auto;}
	.footer-right{max-width:50%;}
	.data_02{max-width:80vw;}
	.outline{max-width:85vw;}
	.slide_txt01{bottom: 2rem;right: 1rem;}
}

/*1200px以下*/
@media screen and (max-width: 1200px){
	.front_01{height: 98vh;padding: 9.5% 0 1px;background: url(images/front_bg_01.webp) no-repeat top left;background-size:cover;margin: -3rem 0 0;}
	.nav_entry01 span{width: 100%;max-width: 80%;}
	.footer-widgets .widget_nav_menu ul{flex-wrap:wrap;justify-content: flex-start;}
	.front_12{right: -3rem;width: 105px;}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
	.front_09{flex-wrap:wrap;}
	.header-container-in.hlt-top-menu{flex-direction:row;}
	.pg_bar_box{left:5%;}
	.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{left:8%;}
	.swiper-container{max-width:88%;}
	.front_10{padding: 4rem 0;max-width:100%;}
	.front_13{max-width:100%;}
	.front_13 img{object-fit: cover;width: 100%;}
	.front_15{flex-wrap:wrap;}
	.front_12{top:100%;right: 5%;width: 155px;}
	.front_12:hover{right:3%;}
	.slide_txt01{bottom: 1rem;right: 2rem;}
	.triangle{width: 63%;aspect-ratio: 4.5;}
	.breadcrumb{margin: -5rem auto 5rem;}
	.vis_03,.vis_10{flex-wrap: wrap;}
	.vis_04{max-width:65%;margin:0 auto 4%;}
	.vis_07{margin:0 auto 7%;}
	.vis_08{flex-wrap: wrap-reverse;}
	.vis_09{max-width: 65%;margin: 0 auto 2rem;}
	.ph_single{padding: 17% 0 9%;height: auto;}
	body.single .breadcrumb{margin: 0 auto 5rem;color:#222;}
	body.single .breadcrumb a{color:#222;}
}

/*834px以下*/
@media screen and (max-width: 834px){
	main.main, div.sidebar{padding:0;}
	.pg_bar_box{display:none;}
	.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{left:2%;}
	.swiper-container{max-width:100%;}
	.front_01{margin: -5px 0 0;flex-wrap:wrap;padding: 4.5% 0 1px;}
	.front_02{max-width:32%;margin: 0 6% 0 auto;}
	.front_03{max-width:90%;margin:-2rem auto 0;}
	.wpsp-col-3{width:33%;}
	.front_12{width:130px;}
	.widget_nav_menu ul li a{padding-right:1rem;}
	.slide_txt01{bottom: 1rem;right: 1rem;}
	.ft_l01{width: 100%;max-width: 235px;}
	.front_04{max-width: 45%;margin:-5% 6% 0 auto;}
	.btn_01{max-width:80%;}
	.wpsp-clear{display:none;}
	.vis_01{padding: 5% 0 28%;}
	.vis_04,.vis_09{max-width:90%;}
	.outline {max-width: 90vw;}
}

/*767px以下*/
@media screen and (max-width: 767px){
	.wp-show-posts-columns .wp-show-posts-single{width:40%;}
	.wp-show-posts-columns#wpsp-304{justify-content:space-around;}
	.btn_01{max-width: 83%;box-shadow: 15px 15px 0px #e20011;}
	.btn_01:hover{transform: translate(2px, 2px);}
	#wpsp-304{max-width: 80%;}
	.front_12{width:85px;right:10%;}
	.front_12:hover{right:8%;box-shadow: 20px 20px 0 #e20011;}
	.front_03{margin: -6rem auto 0;}
	.logo-image a{max-width: 88%;}
	.btn_ent{max-width: 160px;}
	.front_10{padding:3% 1rem;}
	.slide_txt01{font-size:clamp(28px,5vw,50px;);}
	.footer-widgets{flex-direction: column-reverse;}
	.phead{height:auto;}
	.ph_faq,.ph_vision{padding: 24% 0 16%;}
	.phead h2{padding: 0 0 0 3vw;}
	.header-container-in.hlt-top-menu .navi-in{margin: 0 10px 0 0;}
	.vis_02{width: 100%;max-width: 95%;margin: 0 auto;text-align: left;}
	.vis_02 span{text-align:center;}
	.vis_05 br{display:none;}
	body.single .is-layout-flex{width: 100%;max-width: 95%;justify-content: space-around;margin: 0 auto;}
	
}

/*630px以下*/
@media screen and (max-width: 630px){
	.footer-widgets{flex-wrap:wrap;justify-content:space-around;}
	.footer-left, .footer-right{max-width:95%;}
	#wpsp-304{max-width:100%;}
	.wp-show-posts-columns .wp-show-posts-single{width:42%;}
	.wp-show-posts-entry-header{padding:5px;}
	.front_10{padding: 6% 1rem;}
	.btn_01{max-width: 90%;box-shadow: 5px 5px 0px #e20011;}
	#cb_bg{padding: 28% 0 1px;}
	.footer-left, .footer-right{max-width:100%;}
	.header-container{position:fixed!important;}
	.hm_nav{flex-wrap: wrap;}
	.nav_entry01{max-width:90%;}
	#g-nav.panelactive ul{padding-left: 0;}
	.btn_ent{display:none;}
	.logo-image a{max-width: 75%;}
	.front_14 span{display:block;padding:0;font-size:18px;}
	.front_10{padding: 6% 1rem 12%;}
	.front_11 span {font-size:18px;}
	.article .mds_04 h3 {font-size: clamp(22px, 3vw, 52px);margin: 0px auto 2rem;line-height: 1.5;}
	.front_04 {margin: 8% 6% 6% auto;}
	.wp-show-posts-entry-header a{font-size:15px;}
	.cb_01 .txt01 {font-size: clamp(15px, 3vw, 43px);}
	.ft_r01{margin-bottom:40px;}
	.nav_03 {margin: 3rem 1rem 0;}
	.c_back03 {padding: 5rem 0 0;}
	.vis_02 {font-size: clamp(16px, 2vw, 20px);text-align:justify;}
	.vis_02 span {font-size: clamp(28px, 5vw, 62px);}
	.vis_03 {margin: 2rem 0 0;}
	.vis_04 {margin: 0 auto;}
	.vis_05 {font-size: clamp(20px, 2vw, 32px);line-height: 1.6;}
	.vis_06 {font-size: 15px;text-align:justify;margin: 2rem 0 3rem;}
	.vis_07 {margin: 0 auto 18%;max-width:85%;}
	.vis_09 {margin: 0 auto;}
	.data_01 {padding: 4rem 0;}
	.data_02 {margin:0 auto;max-width: 90vw;}
	.data_03 {margin: 0 0 2rem;}
	.article h3.int_title {font-size: clamp(22px, 2vw, 32px);line-height: 1.8;}
	.article p.int_a_title {font-size: 20px;margin: 0px auto 1rem;max-width: 90%;}
	.article .mds_02 h4 {font-size: 26px;}
	.qa_cont {font-size: 15px;}
	.job_02 {margin: 0 auto 4rem;}
	.c_back02 {padding: 4rem 0;}
	.article table.tbl_ctt {max-width: 100%;}
}