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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 間隔 */
.m_at{margin:0 auto;}
.m_top0{margin-top:0;}
.m_top10{margin-top:10px;}
.m_top20{margin-top:20px;}
.m_top30{margin-top:30px;}
.m_top40{margin-top:40px;}
.m_top50{margin-top:50px;}
.m_top60{margin-top:60px;}
.m_top80{margin-top:80px;}
.m_top100{margin-top:100px;}
.m_top10p{margin-top:10%;}
.m_top5p{margin-top:5%;}
.m_btm0{margin-bottom:0;}
.m_btm5{margin-bottom:5px;}
.m_btm10{margin-bottom:10px;}
.m_btm20{margin-bottom:20px;}
.m_btm25{margin-bottom:25px;}
.m_btm30{margin-bottom:30px;}
.m_btm40{margin-bottom:40px;}
.m_btm50{margin-bottom:50px;}
.m_btm60{margin-bottom:60px;}
.m_btm70{margin-bottom:70px;}
.m_btm80{margin-bottom:80px;}
.m_btm100{margin-bottom:100px;}
.m_btm10p{margin-bottom:10%;}
.m_btm15p{margin-bottom:15%;}
.m_btm20p{margin-bottom:20%;}
.m_btm25p{margin-bottom:25%;}
.m_rt20{margin-right:20px;}
.p_top1{padding-top:3px;}
.p_top5{padding-top:5px;}
.p_top10{padding-top:10px;}
.p_top20{padding-top:20px;}
.p_top40{padding-top:40px;}
.p_top50{padding-top:50px;}
.p_top60{padding-top:80px;}
.p_top70{padding-top:70px;}
.p_top80{padding-top:80px;}
.p_btm10{padding-bottom:10px;}
.p_btm20{padding-bottom:20px;}
.p_btm25{padding-bottom:25px;}
.p_btm30{padding-bottom:30px;}
.p_btm40{padding-bottom:40px;}
.p_btm60{padding-bottom:60px;}
.p_btm80{padding-bottom:80px;}
.p_btm200{padding-bottom:200px;}
.p_btm10p{padding-bottom:10%;}
.p_btm15p{padding-bottom:15%;}
.p_btm18p{padding-bottom:18%;}
.p_btm20p{padding-bottom:20%;}

.p_left10{padding-left: 10px;}
.p_left20{padding-left: 20px;}
.p_left30{padding-left: 30px;}
.p_left10p{padding-left: 10%;}
.p_left12p{padding-left: 12%;}

.p_right10{padding-right: 10px;}
.p_right20{padding-right: 20px;}
.p_right30{padding-right: 30px;}
.p_right50{padding-right: 50px;}

.m_lauto{margin-left: auto;}
.m_left10{margin-left: 10px;}
.m_left20{margin-left: 20px;}
.m_left30{margin-left: 30px;}
.m_left40{margin-left: 40px;}
.m_left60{margin-left: 60px;}

.m_rauto{margin-right: auto;}
.m_rleft20{margin-left: -20px;}
.m_rleft30{margin-left: -30px;}

.m_right10{margin-right: 10px;}
.m_right20{margin-right: 20px;}
.m_right30{margin-right: 30px;}
.m_right40{margin-right: 40px;}

.m_right5p{margin-right: 5%;}
.m_right10p{margin-right: 10%;}
.m_left5p{margin-left: 5%;}
.m_left10p{margin-left: 10%;}

.m_rright20{margin-right: -20px;}
.m_rright30{margin-right: -30px;}

.p_20{padding:20px 0;}
.p_40{padding:40px 0;}
.p_60{padding:60px 0;}
.p60{padding:60px;}

.p_w10{padding:0 10px;}
.p_w20{padding:20px;}
.p_w20-0{padding:0 20px;}
.p_w30{padding:30px;}
.p_w40{padding:40px;}
.p_w50{padding:50px;}
.p_w60{padding:30px 60px;}

.p_h40-30{padding:40px 30px;}

.p_20-0{padding:20px 20px 0;}
.p_20-30{padding:20px 30px 0;}
.p_20-50{padding:20px 50px 20px 0;}
.p_20-70{padding:20px 0 20px 70px;}

/* 文字サイズ */
.fs_14{font-size: 14px;}
.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_28{font-size: 28px;}
.fs_30{font-size: 30px;}
.fs_32{font-size: 32px;}
.fs_36{font-size: 36px;}
.fs_56{font-size: 56px;}

.sp_ft20{font-size:20px;}

/* 幅 */
.w_10p{width:10%;}
.w_15p{width:15%;}
.w_20p{width:20%;}
.w_22p{width:22%;}
.w_24p{width:24%;}
.w_26p{width:26%;}
.w_30p{width:30%;}
.w_32p{width:32%;}
.w_35p{width:35%;}
.w_38p{width:38%;}
.w_40p{width:40%;}
.w_42p{width:42%;}
.w_43p{width:43%;}
.w_45p{width:45%;}
.w_46p{width:46%;}
.w_48p{width:48%;}
.w_49p{width:49%;}
.w_50p{width:50%;}
.w_51p{width:51%;}
.w_52p{width:52%;}
.w_54p{width:54%;}
.w_57p{width:57%;}
.w_58p{width:58%;}
.w_59p{width:59%;}
.w_60p{width:60%;}
.w_62p{width:62%;}
.w_70p{width:70%;}
.w_80p{width:80%;}
.w_95p{width:95%;}

.w_50p img{vertical-align:top;width:100%;}
.W_60{width:60px;}

.f_bld{font-weight: 700;}

/* 文字位置 */
.ctr{text-align: center;}
.right{text-align: right;}
.left{text-align:left;}

/* 文字間高さ */
.l_h30{line-height:30px;}
.l_h25{line-height:2.5;}
.l_h20{line-height:2;}
.l_h18{line-height:1.8;}
.l_h14{line-height:1.4;}

.l_sp2{letter-spacing:2px;}
.ls_n{list-style:none;padding-left:0;margin-bottom:0!important;}

/* 文字間 */
.lt_sr1{letter-spacing:-1px;}
.lt_sr2{letter-spacing:-2px;}
.lt_sr6{letter-spacing:-6px;}
.lt_s0{letter-spacing:0px;}
.lt_s1{letter-spacing:1px;}
.lt_s2{letter-spacing:2px;}
.lt_s4{letter-spacing:4px;}


/* 文字色 */
.c_f{color:#fff;}
.c_rr{color:#ff4848;}
.c_red{color: #f56f61;}
.c_rd{color: #e22213;}
.c_rd02{color: #f77c7c;}
.c_bl{color:#33bde2;}
.c_yr{color:#ffd243;}
.c_gr01{color:#04a091;}
.c_gr02{color:#399134;}
.c_gr03{color:#b77e18;}

.p_rl{position: relative;}
.z_i2{z-index:2;}
.z_i3{z-index:3;}
.top_sp{display:none;}

/* フレックス */
.fx{display:flex;}
.fx_ard{display:flex;justify-content:space-around;}
.fx_btw{display:flex;justify-content:space-between;}
.fx_str{display:flex;justify-content:flex-start;}
.fx_end{display:flex;justify-content:flex-end;}
.fx_wrp{display:flex;flex-wrap:wrap;}
.fx_rvs{flex-direction:row-reverse;}
.fx_ctr{display:flex;justify-content:center;}
.actr{align-items:center;}
.aend{align-items:flex-end;}
.sp_fxb{display:flex;justify-content:space-between;}

.grecaptcha-badge { visibility: hidden; }

.o_inr {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.bo_inr {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}

.main {padding:0;}
.content{margin-top: -190px;}
a {text-decoration: auto;}

.bg_g{background:#F5F5F5;margin:0;}
.bg_w{background:#ffffff;}
.bg_gra_r{background:-webkit-linear-gradient(0deg, #0040a1, #2FAAEF);}
.bg_gra_b{background:#fff;}
.bg_gr{background-color:#fdfcfc;}
.bg_rec{background-color:#2FAAEF;}
.bg_gra_rec{background-color:#ecf2f7;}

.author-info{display:none}

.date-tags{display:none;}
.entry-content{margin-top:0;margin-bottom:0;}

.eye-catch img{width: 100%;max-width: 100%;}
.eye-catch,article{margin-bottom:0!important;}

.title_first{padding:3em 0 0.5em 0;}
.title_first h2{margin:0;padding:0 0 2em 0;}
.extxt{margin:0 0 1em 0;padding:0 0 1em 0;}

.article h3{border-left:0px;border-top:0px;border-right:0px;border-bottom:1px solid #0040A1;color:#0040A1;font-size:32px;padding:2em 0 1em 0;}
.article h3.rec{color:#333333;border-bottom:1px solid #2FAAEF;font-size:22px;}
p span{}

/*ヘッダーメニュー*/

.header-container {
    position: sticky;
    top: 1em;
    z-index: 999;
}

nav#mainNav{ clear:both; position:relative; z-index:200; background:rgba(239, 239, 239, 0.5); }
nav#mainNav ul li{ float:left; position: relative; }
nav#mainNav ul li:first-child{border-left:0px solid #fff;}
nav#mainNav ul li a{ font-weight: bold; display: block; text-align: center; float:left; height:40px; line-height:40px; padding:15px 88px 5px; }
nav#mainNav ul li a span,nav#mainNav ul li a strong{ display:block; font-size:90%; line-height:1.4; }
nav#mainNav ul li a span{ font-size:70%; color:#CCC; }
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a{
color:#007800; background: #efefef;
		-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
nav#mainNav ul ul{width:160px;}
nav#mainNav ul li ul{display: none;}
nav#mainNav ul li:hover ul{ display: block; position: absolute; top:60px; left:-2px; z-index:500; }
nav#mainNav ul li li{ padding:0 0 0 5px; margin:0; float: none; height:40px; line-height:40px; width:160px; background:#444; border:0; border-bottom:1px solid #ccc; }
nav#mainNav ul li li:first-child{border-left:10px;}
nav#mainNav ul li li a{ width:100%; height:40px; padding:0; line-height:40px; font-size:95%; text-align:left; color:#fff; background:#444;}
nav#mainNav ul li li a span{padding:0 10px;}
nav#mainNav ul li li a:hover,nav#mainNav ul li li.current-menu-item a{color:#ccc; background:#444;}
nav#mainNav ul li:hover ul li:last-child{border:0;}
nav div.panel{ display:block !important; }
a#menu{display:none;}

	#header.rcHeader ul li{font-size:15px;}
	#header.rcHeader ul li a{padding: 0 10px;}
	.gradient1{padding: 22px 20px 16px;font-size:16px;}
	#header.rcHeader h2{width:20%;}

.header-container-in.wrap{width:auto;}
.header-container{margin: 0em 2em 1em 2em;border-radius: 10px;box-shadow: 0 8px 40px #131d300d; background-color: rgb(255 255 255 / 90%);}
.header-container-in.hlt-top-menu .navi{background:none;}
.nav_mctr{background: -webkit-linear-gradient(0deg, #0040a1, #2FAAEF);padding: 0.5em 0;width: 375px;border-radius: 0px 10px 10px 0px;}

.rec .header-container-in.hlt-top-menu{display:block;}
.rec .header-container-in.wrap{width:auto;}
.rec.header-container{border-radius: 10px;box-shadow: 0 8px 40px #131d300d;font-size:16px;}
.rec .nav_mctr{color:#fff;background-color:#0066B5;padding: 0em 2em;width: auto;border-radius: 0 10px 10px 0;}
.rec .nav_mctr a{color:#fff;}

.rec.header-container {
    position: sticky;
    top: 3em;
    z-index: 999;
}

#header ul li {
    display: inline;
    margin-left: 0;
    font-size: 16px;
}

.navi-in a{font-size:20px;transition: 0.3s;}
.navi-in a:hover{background:none;color:#0040A1;}

.site-description h1{font-size:13px;}
.rec{}
.rec img{width:100%;max-width:265px;}


/* サブナビゲーション
----------------------------------*/
#header ul{
padding-top:0;
float:inherit;
}

#header ul li{
display:inline;
margin-left:0;
font-size:18px;
}

#header ul li a{
padding:0 15px;
color:#333333;
background:none;
}

#header ul li a:hover{background-position:inherit;}

.header-logo-menu{display:none;}

.eye-catch{position:relative;}
h2.entry-title{position: absolute;text-align: center;
    width: 100%;
    background: none;
    margin: auto;
    top: 3.3em;
    font-size: 48px;
	letter-spacing: 2px;}

h2.entry-title:before{
    content: "";
    display:block;
	font-size:25px;
	color:#2FAAEF;
	margin-bottom: 0.5em;}

#post-17 h2.entry-title:before{content: "about us";}
#post-45 h2.entry-title:before{content: "staff";}
#post-27 h2.entry-title:before{content: "job description";}
#post-25 h2.entry-title:before{content: "faq";}
#post-29 h2.entry-title:before{content: "entry";}
#post-2756 h2.entry-title:before {content: "work";}

/* トップページ */
#metaslider-id-159{position:relative;}
#metaslider-id-159:before {
    position: absolute;
    content: "";
    right: 2em;
    bottom: 3em;
    background: url(images/main_txt4.png) no-repeat center / contain;
    width: 650px;
    height: 160px;
    z-index: 111;
}

.top_01_bg{position:relative;margin:0 !important;padding:6em 0;}
.top_01_bg:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: -3px;
    background: url(images/25661134-1.png) no-repeat center / contain;
    width: 350px;
    height: 350px;
    z-index: 111;
}
.top_01{justify-content: flex-start;align-items: center;margin-bottom:0 !important;}
.top_01 .column-left{width: 50%;}
.top_01 .column-right{width: 33%;margin-left: 5%;}
.top_03 {border-radius:20px;padding: 1em 3em 0 3em;}
.top_05{justify-content: flex-end;align-items: center;}
.top_05 .column-left{width: 50%;}
.top_05 .column-right{width: 26%;margin-right: 5%;}

.cta_rec{margin:0;}

.rec_top_02.pc{display:flex;}
.rec_top_02.sp{display:none;}

/* お問い合わせ */
.tbl_ctt{width:100%;}
.hisu {
    font-size: 12px;
    background: #f12b21;
    color: #fff;
    padding: 5px 6px 5px 5px;
    border-radius: 5px;
}

.wpcf7-form .tbl_ctt th {
    background: #fff;
    border: none;
    padding: 0;
    text-align: left;
    padding-left: 20px;
    width: 25%;
}

.wpcf7-form .tbl_ctt td {
    border: none;
    padding: 20px 0px 20px 20px;
}

.wpcf7-submit{
	padding: 0.5em 2em;
	--btn--background-color:#333;
}

.wpcf7-submit:hover{
	--btn--background-color:#76dd00;
	color:#fff;
}

.wpcf7-spinner{display:none;}

.scl_box {
    max-height: 300px;
    overflow-y: scroll; 
    border: 1px solid #ccc; 
    padding: 10px; 
  }

.scl_box {
    max-height: 300px;
    overflow-y: scroll;
    border: 1px solid #ccc;
	padding:2em;
}

.wpcf7-form .wpcf7-submit{width: 150px !important; height: 40px !important; } /*送信ボタン*/
input[type="submit"],
input[type="reset"],
input[type="button"]{
padding:3px 10px;
background: #0063F8 !important;
background: -moz-linear-gradient(top, #2a588b 0%, #214a78 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop, color-stop);
background: -webkit-linear-gradient;
background: -o-linear-gradient;
background: -ms-linear-gradient;
background: linear-gradient;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a588b', endColorstr='#214a78',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
background: #222 !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214a78', endColorstr='#2a588b',GradientType=0 );
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

/* 会社概要 */
li.rinen::marker {font-weight: 700;}

/* フッター */
.footer-bottom{display:none;}
.footer_c{background:-webkit-linear-gradient(0deg, #000C32, #000000);margin:0;color:#fff;padding:5em 0 3em 0;position: relative;}
.footer_c a{color:#fff;text-decoration: auto;}
.footer_c:before {
    position: absolute;
    content: "";
    right: 0;
	bottom:0;
	background: url(images/25661134-4.png) no-repeat center / contain;
    width: 624px;
    height: 611px;
}
#footer-in.wrap{width:100%;}
.copyright{font-size:14px;color:#717171;}
.footer,footer{margin:-1px 0 0 0;padding:0;}
.footer_c .w_20p{z-index:1;}

#rec .footer_c{background:none;margin:0;color:#333333;padding:5em 0 3em 0;position: relative;}
#rec .footer_c:before{display:none;}
#rec .footer_c a{color:#333;}
#rec .copyright{font-size:14px;color:#dddddd;}

.go-to-top-button{width: 60px;height: 60px;border-radius: 50px;font-size: 30px;margin: 0 0.3em 0.5em 0;padding-bottom: 4px;}

	.rec_main_sp{display:none;}
	.rec_main_pc{display:block;width:100%}

.single .eye-catch img{max-width:0;}
.single .eye-catch-wrap{display:block;}
.single .content{ margin-top: 170px;}
.category .content{ margin-top: 25px;}
.single .content h2.entry-title{top: -158px;}
.single .entry-content{padding:3em;}

.sns_btn{padding: 0 0 0 0.5rem;}
.sns_btn a{font-size: 35px;padding: 0 1rem 0 0;}

.tiktok{width:33px;height:auto;}
.tiktok_bk{width:30px;height:auto;}

/* pc、sp切り替え */
.pc { display: inline; }
.sp { display: none; } 

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1250px以下*/
@media screen and (max-width: 1250px){
  /*必要ならばここにコードを書く*/
	
	.navi-in > ul li{width:135px;}
	#metaslider-id-159{width:130%!important;left:-30%;}
	.footer_c .fs_28{font-size: 22px;}
	.footer_c .fs_20 {font-size: 16px;}
	.fb_iframe_widget{width:20%}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	/* pc、sp切り替え */
.pc { display: none; }
.sp { display: inline; }
	
	#main_h .header-container{display:none;}
	.breadcrumb{display:none;}
	.search-menu-button{display:none!important}
	.logo-menu-button img{margin:1em;}
	.mobile-menu-buttons{flex-direction: row-reverse;}
	.mobile-menu-buttons .menu-button{justify-content: space-between;}
	main.main, div.sidebar{padding:0;}
	
	body.page-id-17{margin-top:0em;}
	body.page-id-29{margin-top:-2em;}
	body.page-id-15,body.page-id-25,body.page-id-27,body.page-id-45,body.page-id-19,body.page-id-21,body.page-id-23,body.page-id-2756{margin-top:-3em;}
	.page-id-15 .mobile-menu-buttons,.page-id-25 .mobile-menu-buttons,.page-id-29 .mobile-menu-buttons,.page-id-17 .mobile-menu-buttons,.page-id-27 .mobile-menu-buttons,.page-id-45 .mobile-menu-buttons,.page-id-19 .mobile-menu-buttons,.page-id-21 .mobile-menu-buttons,.page-id-23 .mobile-menu-buttons,.page-id-2756 .mobile-menu-buttons{display:none;}
	
	.o_inr {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}
	.page-id-15 .eye-catch-wrap,.page-id-25 .eye-catch-wrap,.page-id-29 .eye-catch-wrap,.page-id-17 .eye-catch-wrap,.page-id-45 .eye-catch-wrap,.page-id-09 .eye-catch-wrap,.page-id-19 .eye-catch-wrap,.page-id-21 .eye-catch-wrap,.page-id-23 .eye-catch-wrap,.page-id-27 .eye-catch-wrap,.page-id-2756 .eye-catch-wrap{margin-top:190px;}
	.wp-block-image img{margin: auto;}
	.page-id-15 .content{margin-top:-76px;}
	.page-id-5 .content{margin-top:-17px;}
	
	.bg_rec .wp-block-spacer{height:1px !important;}
	
	h2.entry-title{top: 12px; font-size: 18px;}
	h2.entry-title:before{font-size: 14px;}
	
	#main .fz-36px {font-size: 23px;}
	#main .fz-20px {font-size: 16px;}
	.has-bottom-margin.is-style-bottom-margin-2em {margin-bottom: 1em !important;margin-left:0;margin:auto;}
	.bg_gra_b .wp-block-image{margin:auto;}
	.footer_c .fx_wrp{flex-direction: column;}
	.footer_c .w_25p,.fb_iframe_widget,.footer_c .w_20p,.footer_c .w_10p{width:100%;}
	.footer_c .w_20p{margin:2em auto 0 auto;}
	
	.title_first {padding: 6em 0 0.5em 0;}
	.top_01_bg:before{width: 116px;height: 113px;z-index: 0;}
	#post-8 .fz-12px{display:block;padding-top: 1em;}
	
	.cta_rec .wp-block-image img {margin: 2em auto 0 auto;}
	
	#nav-drawer {
  position: relative;
}
	nav#mainNav{ 	display: none; width:95%;}
nav#mainNav ul{margin:0 auto;}
nav#mainNav ul ul{padding:0;}
nav div.panel{display:none!important;float:none;}
	.gradient1{padding:0;}
	.rec .nav_mctr{padding:13px 3px 6px 13px;margin-left:0;border-radius:0;}
	.hd_logo{margin: 0px 0 -12px 5px;}
	.p_top1 {font-size:18px;font-weight:bold}
	#header h2.m_left30{margin-left:0;width:50%;}
	
	#metaslider-id-159:before{width: 247px;height: 66px;right: 1em;bottom: 2em;}
	
	.rec_main_sp{display:block;}
	.rec_main_pc{display:none;}
	
	.header-container {margin: 0em .5em 1em .5em;}
	#header .m_left10{margin-left:0;}
	.rec.header-container {top: .5em;}
	.nav_mctr .m_left10 img{padding-top:15%;}
	#nav-content img{margin:30px 30px 0 30px;}
	
	.bg_rec{padding-bottom:60px!important;}
	
	.nav_mctr2{padding:26px;margin-left:0;border-radius:0;color:#2faaef;background-color:#fff;width:auto;}
	

	
	/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 20px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 2px;/*線の太さ*/
  width: 40px;/*長さ*/
  border-radius: 3px;
  background: #333;
  display: block;
  content: '';
  cursor: pointer;
}
	
	#nav-open span, #nav-open span:before, #nav-open span:after{width: 20px;}
#nav-open span:before {
  bottom: -10px;
}
#nav-open span:after {
  bottom: -20px;
}

/*閉じる用の薄黒箇所*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*メニューの中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 90%;/*最大幅（お好みで調整を）*/
  height: 100%;
  background: #2faaef;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.header-logo-menu{
 display: flex;
 display: -moz-flex;
 display: -o-flex;
 display: -webkit-flex;
 display: -ms-flex;
 flex-direction: row;
 -moz-flex-direction: row;
 -o-flex-direction: row;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
margin:0 1em;
}
	
	#nav-content ul{display:flex;flex-direction:column;width: 90%;margin: 20px auto;padding:0;font-weight:bold;}
	
	#header ul li a{color:#fff;}
	#header ul li{padding-bottom:10px;}
	
	#rec .footer_c .w_40p,#rec .footer_c .w_20p,#rec .footer_c .w_15p{width:100%;}
	#rec .footer_c .w_40p{margin-bottom:1em;}
	
	.bg_rec .top_01{padding: 2em 1em!important;margin: 1em auto;}
	.rec_top_02.pc{display:none;}
	.rec_top_02.sp{display:flex;}
	
	.fz-18px {font-size: 16px;}
	.fz-48px {font-size: 36px;}
	.article h3{font-size:24px;}
	#footer .fs_24 {font-size: 20px;}
	.hd_logo{margin: 0px 0 0px 5px;}
	.rec img {max-width: 185px;}
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* 2025/02/24 ヘッダーフッター修正 */
li#menu-item-2728,
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-2728,
a.c_top {
  position: relative;
}
a.c_top::after {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: .125rem;
  background: url(https://www.tiscom.jp/tscm24/wp-content/uploads/2025/02/link.png);
  background-repeat: no-repeat;
  background-position: center center;
}

li#menu-item-2728 a::after {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  bottom: .125rem;
  background: url(https://www.tiscom.jp/tscm24/wp-content/uploads/2025/02/link2.png);
  background-repeat: no-repeat;
  background-position: 1.5px center;
}
@media(834px >= width){
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-2728 a::after {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  background: url(https://www.tiscom.jp/tscm24/wp-content/uploads/2025/02/link3.png);
  background-repeat: no-repeat;
  background-position: right center;
  bottom: 0;
  top: .45rem;
}	
}

/* 採用ページ追加CSS　2025/05 */
.o_inr.rec_work_block.is-layout-constrained{background: #ebf9ff;font-feature-settings: "palt";padding:40px 28px;}
.o_inr.rec_work_block.is-layout-constrained, .o_inr.rec-training>div{margin-block-end: 40px;border-radius:1rem}
p.o_inr.timeEn {color: #025fa5;font-size: clamp(2.5rem, 2.088rem + 1.76vw, 58px);font-weight: bold;line-height:1;position: relative;width:fit-content}
.recruit-worksblock.o_inr {display: grid;grid-template-columns: 1.5fr 8.5fr;column-gap: 1rem;}
.recruit-worksblock.o_inr>div.o_inr {display: grid;grid-template-columns: 2fr 1fr;gap: 2rem;text-align: justify;}
.recruit-worksblock.o_inr>div.o_inr>div p:first-child{color:#025fa5;font-weight:900;font-size:20px;margin-bottom:1em}
.o_inr.rec-training h4 {border-top: none;}
.o_inr.rec-training p:nth-of-type(1) {max-width: unset;}
.o_inr.rec-training>div{padding:2.25em clamp(0rem, -1.733rem + 7.4vw, 3rem)}
.o_inr.rec-training>div:nth-of-type(1) h4 {border-bottom-color: #39b54a;}
.o_inr.rec-training>div:nth-of-type(2) h4 {border-bottom-color: #ffa600;}
.o_inr.rec-training>div:nth-of-type(1){background-color:#f0fff4;}
.o_inr.rec-training>div:nth-of-type(2){background-color:#fff6ea;}
.recruit-worksblock figure,.o_inr.rec-training figure{margin:0;padding:0;}
.o_inr.rec-training>div:nth-of-type(2) img{margin-inline-start: auto;}
.beginner{margin-block-start: 2em;}
.beginner>div{background-color:#fff;display:grid;text-align:justify;font-feature-settings:"palt";gap:1.5rem}
.beginner>div>p:nth-of-type(1){background-color:#39b54a;font-size:18px;color:#fff;width:100%;font-weight:bolder;padding-block: .25rem 1rem;clip-path:polygon(0 0, 100% 0, 100% 85%,
	calc(50% - 8px) 85%,
	50% 100%,
	calc(50% + 8px) 85%,
	0 85%);}
.beginner>div>p:nth-of-type(2){color:#39b54a;font-size:20px;font-weight:bolder;}
.beginner>div>p:nth-of-type(3){padding-inline:2.25rem;min-height:6.5rem}


@media(835px > width){
.o_inr.rec_work_block.is-layout-constrained{padding-block:1.5em;padding-inline:0;}
.recruit-worksblock.o_inr{grid-template-columns: 1fr;}
.recruit-worksblock.o_inr>div.o_inr{display:flex;flex-direction:column-reverse;gap:clamp(1rem, 0.389rem + 2.61vw, 1.75rem)}
.recruit-worksblock.o_inr>div.o_inr>div{max-width:310px}
p.o_inr.timeEn{text-align:center;padding-bottom:clamp(1rem, 0.389rem + 2.61vw, 1.75rem);}
.o_inr.rec-training>.o_inr,.beginner{width:unset;max-width:unset}
.o_inr.gennin{flex-direction: column-reverse;}
.o_inr.gennin figure img.wp-image-2767 {width: 100%; max-width: unset;}
}

@media(835px <= width){
.recruit-worksblock.o_inr{column-gap:2rem}
.recruit-worksblock.o_inr>div.o_inr>div p:first-child{margin-bottom:.5em;line-height:3}
p.o_inr.timeEn::after {
content: "";
width: 1px;
height: calc(clamp(2.5rem, 2.088rem + 1.76vw, 58px) * 1.75);
background-color: #025fa5;
position: absolute;
display: block;
top: calc(clamp(2.5rem, 2.088rem + 1.76vw, 58px) * 1.25);
left: 50%;
transform: translateX(-50%);
}
}