@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
ADD:追加cssはここに記入。style.cssは使用しない
*/

/*cocooon設定--フォント--メイリオを'BIZ UDPGothic'に書き換えて使用*/
@font-face {/*normal*/	
	font-family: 'BIZ UDPGothic';
	src:url("https://minanote.co.jp/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPGothic-Regular.woff2") format('woff2'), url("https://minanote.co.jp/wp-content/themes/cocoon-child-master/custom/fonts/BIZUDPGothic-Regular.woff") format("woff");	
    font-weight:400;
    font-style: normal;
    font-display: swap;
 }
@font-face {/*maru_bold レギュラーフォントと異なるので注意!!*/
	font-family: "Zen Maru Gothic";
	src:url("https://minanote.co.jp/wp-content/themes/cocoon-child-master/custom/fonts/ZenMaruGothic-Medium500.woff2") format('woff2'), url("https://minanote.co.jp/wp-content/themes/cocoon-child-master/custom/fonts/ZenMaruGothic-Medium500.woff") format("woff");	
    font-weight: 500;
    font-style: normal;
    font-display: swap;
 }
.ff-meiryo{	font-family: 'BIZ UDPGothic', sans-serif;}
/*bolderb, strong,boldstrong, b{font-weight:700;}*/

:root{
	/*bootstrapの設定を消す*/
	/*
	 --bs-white
	--bs-secondary:#6c757d;
	--bs-dark-bg-subtle; border-color
	--cocoon-text-color:#010101;
	 */
	--color_green_text:#00963a;
	--color_green:#1eaa39;
	--color_green_yellow:#b7d100;
	--color_green_yellow_2:#7fbe26; /*ボタン色*/
	--color_green_light:#f6faed;
	--color_yellow:#faed00;
	--color_sky:#6eb7e6;

	/*企業向けカラー*/
   --color_blue:#57ace3/*#43b3df*/;
    --color_blue_dark:#2386cc;
    --color_blue_light:#f5fbff;
	
	/*管理者向けカラー*/
	/*--color_navy:#3b5588;
	--color_navy_dark:#23395d;
	--color_navy_light:#f4f7fb;*/
	--color_navy:#4a6aa3;
	--color_navy_dark:#355487;
	--color_navy_light:#f4f7fb;

	--fs_14:0.875rem;
	--fs_18:1.125rem;
	--fs_22:1.375rem;
	--header_h:100px;/*ヘッダーの高さ:初期値*/
	--header_h_s:60px;/*ヘッダーの高さ:スクロール後*/
    --header_logo_w:416px; /*cocoon設定ロゴの幅と合わせる*/
	--header_logo_h:80px /*cocoon設定ロゴの高さと合わせる*/
	
	--mv_h: calc( 100vh );/*メインビジュアルの高さ*/
	--subpagetop_h:160px;/*サブページトップ*/
	--mobilemenu_size:80px;/*モバイルボタンの幅*/
	--content_w:1100px;/*コンテンツ幅を固定*/
	--wave_h:25px;/*波の高さ*/
	
	--font_jp_name:'BIZ UDPGothic', sans-serif;
	--font_jp_maru_name:"Zen Maru Gothic", sans-serif; /*w-500*/
	--font_en_name:"Poppins", sans-serif; /*w-500*/
	/*--font_num_name:'Prompt', sans-serif;*/
	--font_fa_name:"Font Awesome 6 Free";
	--fluid_max_w:1800px;
	
	--border_round:12px;/*基本のborder-radius*/
	/*--timeline_left:4rem;/*timelineの位置*/
	/*--timeline_top:0.65rem;*/
}

body{
	font-family: var(--font_jp_name), sans-serif;
	letter-spacing:0.04em;
}
a, a > img{transition: all .3s;}
.breadcrumb-item+.breadcrumb-item::before{display: none;}/*bootstrap設定を消す*/
/*img fit*/
.img_fit > img{width: auto;height: auto;}
/*pdfアイコンは全てに赤*/
.fa-file-pdf{color:var(--cocoon-red-color)!important;}

/*cocoon設定の初期化*/
a:hover {text-decoration:none;color:var(--color_green_yellow_2);}
.article dd{margin:0;}
.wrap{max-width:100%;}
.entry-card-thumb {display: none;} /*一覧からphotoを削除*/
.entry-card-content {margin-left: 0;}

/*ulのスタイルを解除するには .ul_unstyledを使用する。使用できない場合はこちらに記述*/
ul.ul_unstyled,ul.menu, ul.sub-menu {list-style-type: none;padding: 0;}
ul.ul_unstyled li,ul.menu > li,ul.sub-menu > li{margin: 0;}

/*ページ内リンクのヘッダー高さの対応（rootが使えない,jsで制御）*/
html {scroll-behavior: smooth;}

/*fluid-maxwide*/
.container-fluid.fluid-maxwide{max-width:var(--fluid_max_w);} /*container-fluidに.fluid-maxwideを追加することでmax値を設定*/

/*loading---------------------------------*/
/*枠組み*/
.loader-wrap {
	z-index: 99999;
	position: fixed;
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height:100vh;
	 background-color: var(--color_blue);

background: linear-gradient(
	135deg,
	#003366 0%,
	#00529f 50%,
	#00a199 100%
);
	color:var(--bs-white);
	overflow: hidden!important;
	padding:0 1.5rem;
}

#draw_logo{
	width:350px;
	height:125px;
	flex:0 0 auto;
}
#loading_logo{
	width: 100%;
	height: 100%;
	display: block;
}
#draw_logo path {
	fill: none;
	stroke: var(--bs-white);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 9px;

	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;

	animation: drawLogo 1.4s linear forwards;
	animation-delay: 1s;
}
@keyframes drawLogo {
	to {
		stroke-dashoffset: 0;
	}
}

/*mainview---------------------------------*/
#mainview{
	padding-top:var(--header_h);
	/*min-height:100vh;*/
}
#main_catch_area{
	min-height:calc(100vh / 3 - var(--header_h));
}
#main_catch_area::after{
	content:'';
	display:block;
	width:100%;
	height:var(--wave_h);
	background-image:url('https://minanote.co.jp/wp-content/uploads/bg_wave.svg');
	background-repeat:repeat-x;
	background-size:100px var(--wave_h);
	position:absolute;
	bottom:calc(-1 * var(--wave_h));
	left:0;
}
#main_illust_area{
	height:auto;
	min-height:calc(100vh / 3 );
}
#main_cat{
	bottom:0;
	right:38%;
}
#main_cat > img{
	max-height:calc(100vh / 2.2 );
	width:auto;
	/*margin-top:calc(100vh / 6.5 * -1 );*/
}
#main_button{
	height:auto;
	min-height:calc(100vh / 3 );
}
/*#main_button*/ ul.ul_btn_2col > li img{
	width:100%;
	max-width:420px;
}
#main_side_sp{
	/*top:var(--header_h);*/
	top: 50%;
    transform: translateY(-50%);
	right:0;
}
#main_side_sp  img{
	height:calc( (100vh - var(--header_h)) / 2);
	max-height:200px;
	width:auto;
}
/*header---------------------------------*/
.header-container{
	position: fixed!important; 
	top: 0px; left: 0px; width: 100%!important;
	padding-right:var(--mobilemenu_size);
	z-index:99;
	height:var(--header_h);
	transition: all 0.3s;
	/*background-color: transparent;*/
	display:flex;
	align-items:center;
	border-bottom:1px solid var(--color_green);
}
.header-container > .wrap{width:100%;}
.header-container.scroll-nav{height:var(--header_h_s);}
.header-container-in.hlt-top-menu .navi{
	/*margin-right:calc(var(--mobilemenu_size) + 10px );*/
	margin-right:30px ;
	background-color: transparent!important;
	flex-grow: 1
}

/*logo*/
.header-container-in.hlt-top-menu .logo-header img,.header-container-in.hlt-top-menu .logo-header,.header-container.scroll-nav .header-container-in.hlt-top-menu .logo-header img,.header-container.scroll-nav .header-container-in.hlt-top-menu .logo-header {transition: all 0.3s;}

.header-container-in.hlt-top-menu .logo-header img,.header-container-in.hlt-top-menu .logo-header{max-height:var(--header_h);}

.header-container.scroll-nav .header-container-in.hlt-top-menu .logo-header img,.header-container.scroll-nav .header-container-in.hlt-top-menu .logo-header{width:calc(var(--header_logo_w) * 0.8); height:calc(var(--header_logo_h) * 0.8);max-height:calc(var(--header_h_s) * 0.8);}
/*.header{ flex-shrink: 1;}*/
.logo {text-align:left;}
.site-name-text-link{padding-left:30px;}

.scroll-nav .navi-in > ul li{
	height:40px;
}

/*mobilemenu:モバイル表示*/
.mobile-menu-buttons{
	display:flex;
	justify-content:center;
	top:0!important;
	bottom:auto;
	right:0;
    left:auto;
	background-color:transparent;
	box-shadow:none;
	z-index:100;
}
.mobile-menu-buttons .menu-button{
	width:var(--mobilemenu_size);
	height:var(--header_h);
	transition: 0.3s;
}
.mobile-menu-buttons.scroll-nav .menu-button{
	height:var(--header_h_s);
}
.menu-button-in{
	width:60%;
	height:36px;
	display:flex;
	align-items:center;
	justify-content:center;
	transition: 0.3s;
}
.mobile-menu-buttons .menu-button:hover .menu-button-in{
 	opacity:1!important;
	background-position:right;
}
.sidebar-menu-button .menu-icon{
	display:none;
}
.sidebar-menu-caption.menu-caption {
  position: relative;
  font-size: 0; 
  display: inline-block;
  width: 100%;
  height: 100%;
}
.sidebar-menu-caption.menu-caption::before,
.sidebar-menu-caption.menu-caption::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 6px;
  border-radius:100vh;
  background: var(--color_green);
}
.sidebar-menu-caption.menu-caption::before {top: 0;}
.sidebar-menu-caption.menu-caption::after {bottom: 0;}

/* 真ん中の線 */
.sidebar-menu-caption.menu-caption span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 6px;
  border-radius:100vh;
  background: var(--color_green);
  transform: translateY(-50%);
}

.navi-menu-content{/*右からスライドに変更*/
	left: auto;
	right: 0;
	transform: translateX(101%);
	background-color:rgba(32,33,33,0.9);
	padding:0;
    margin:0;
}
.menu-content .menu-drawer{padding-top:30px;}
.menu-close-button{color:var(--color_green);text-align:right;padding:0 10px;}
.fa-times:before{content:'\f00d';}
/*mobile sidebar*/
.menu-content,.sidebar{background-color:var(--color_green_light);}
/*#slide-in-sidebar{padding: 0 1rem ;}*/
#slide_sitemap a{
	color:var(--cocoon-text-color);
    padding:0.4rem 0!important;
	display:flex;
	align-items:center;
}
.widget-sidebar { margin-bottom:2rem!important;}

/*ボタン*/
#slide_sitemap .slide_menu_job ul.menu > li > a{padding:4px!important;}
#slide_sitemap .slide_menu_btn ul.menu > li {margin:4px 0;}
#slide_sitemap .slide_menu_btn ul.menu > li > a{color:var(--bs-white);}

.slide_menu ul.menu > li{ /*親メニュー*/
	border-top:1px solid var(--color_green);
	padding :0.5rem 0;
}
.slide_menu ul.menu > li:last-child{ 
	border-bottom:1px solid var(--color_green);
}
.slide_menu ul.sub-menu > li{ /*子メニュー*/
    padding-left:1rem; 
	position:relative;
    line-height: 1.8;
	font-size:var(--fs_14);
}
.slide_menu ul.sub-menu > li:before {
 	content:'\30FB';
    color: var(--color_sky);
    position: absolute;
    left: 0;
	top:50%;
	transform: translateY(-50%);
}
.slide_menu a:hover{background-color:rgba(255,255,255,0.1);}
#slide_sitemap .slide_menu_contact  a{
	border:2px solid var(--bs-white);
	padding: 0.25rem 1.25rem!important;
}
.slide_menu_other a{justify-content:center;}


/*footer---------------------------------*/
/*コピーライトエリア*/
.footer,.footer-bottom{ margin-top:0;}
.copyright{font-family:var(--font_en_name);}
/*コンテンツ下部エリア*/
#footer_logo img{width:100%; max-width:300px;}
/*topボタン*/
.go-to-top-button{height:80px;}

/*ウィジェット:コンテンツ下部 content-bottomの幅を100%に変更*/
#content-bottom-in.wrap{width:100%;}
.content-bottom{margin:0;}
.widget.widget-content-bottom,.content-bottom{margin-bottom:0;!important}

/*footermenu*/
ul[id^="menu-footer-menu"]{
	margin-bottom:0;
	line-height: 1;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:10px 0;
}
ul[id^="menu-footer-menu"] a{
	color:var(--bs-white);
	padding: 0.2rem 1rem;
	display:inline-block;
}

ul[id^="menu-footer-menu"]  > li{
	border-right:1px solid rgba(255,255,255,0.4);
	border-left:1px solid rgba(255,255,255,0.4);
	/*重なるborderを消す*/
  margin-left: -1px;
  margin-top: -1px;
}


/*foote-link*/
ul[id^="menu-link-consultation"]{
	margin-bottom:0;
	line-height: 1;
}
ul[id^="menu-link-consultation"] > li{position:relative;line-height:1.2;padding-left:1.2em;}
ul[id^="menu-link-consultation"] > li::before{
	content:'';
	width:1em;
	height:1em;
	background-image:url('https://minanote.co.jp/wp-content/uploads/icon_url.svg');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	position:absolute;
	left:0;
	top:0.5em;
}
ul[id^="menu-link-consultation"] a{
	color:var(--cocoon-text-color);
	padding: 0.4rem 0;
	display:inline-block;
	letter-spacing:0;
}
ul[id^="menu-link-consultation"] a:hover{color:var(--color_green);}

/*固定+トップ共通*/
.article h2,.article h3,.article h4,.article h5{
	background-color:transparent;
	margin-bottom:0;
	padding:0;
	margin-block-start: 0;
    margin-block-end:0;
	border:none;
	color:var(--cocoon-text-color);
	/*font-weight:600;*/
}
.entry-content{margin:0!important;}
/*固定ページテンプレート:body:not(.home)-----------------------*/
.page .date-tags {display: none;}
.content{margin-top:0;}
.main{padding: 0;}


/*固定ページヘッダー部：body.home ,body.add-parentid-jobs--------------------------*/
body.home .main{padding-top:0;}
body.home .entry-title{display:none;}
body.home .entry-content,.body .article,.entry-content >*{margin-bottom:0;}

/*subpage下層ページ---------------------------------*/
.breadcrumb{padding:1rem!important;margin:0!important;}
.breadcrumb, .breadcrumb a{color :var(--cocoon-text-color);font-size:var(--fs_14);}
/*パン屑エリアをlightにしたい場合はここに記述*/
body.faq .breadcrumb{background-color:var(--color_green_light)!important;}
body.faq .widget-content-bottom{background-color:var(--color_green_light)!important;}


/*下層固定ページ共通 */
/*固定ページヘッダー*/
#subpage_title{
	padding-bottom:calc(var(--wave_h) * 3);
}
#subpage_title_in{
	min-height:calc(var(--subpagetop_h) + var(--header_h));
	padding-top:calc(var(--subpagetop_h) * 0.25 + var(--header_h));
}
#subpage_title_in::before{
	content:'';
	display:block;
	width:100%;
	height:calc(var(--wave_h) * 2);
	position:absolute;
	bottom:calc(var(--wave_h) * -2);
	left:0;	
	z-index:1;
}
#subpage_title_in::after{
	content:'';
	display:block;
	width:100%;
	height:var(--wave_h);
	background-image:url('https://minanote.co.jp/wp-content/uploads/bg_wave.svg');
	background-repeat:repeat-x;
	background-size:100px var(--wave_h);
	position:absolute;
	bottom:calc(var(--wave_h) * -1);
	left:0;
	z-index:2;
}
#subpage_title h1{letter-spacing:0.125rem;line-height:1.2;}
#subpage_title .title_anime{letter-spacing:-0.1rem;}
#subpage_illust{
	height:calc(var(--subpagetop_h) + 20px);
	width:80%;
	right:1rem;
	bottom: calc(-1.5 * var(--wave_h));
	z-index:2;
	background-image:url('https://minanote.co.jp/wp-content/uploads/subpage_illust.png');
	background-size:contain;
	background-position:bottom right;
	background-repeat:no-repeat;
	z-index:3;
}


/*投稿ページ共通 投稿ページはページタイプを1カラム狭いに強制*/
.page:not(.column-full-wide) .content-in,.single.single-format-standard .content-in,.archive .content-in{max-width:var(--content_w);padding:0 16px;}
/*タイトル非表示*/
/*body.single  .entry-header h1{display:none;}*/

/*subpage nav ：下部下層メニュー*/
#subpage_nav{border-radius:60px 60px 0 0 ;}
#subpage_nav h2{border-bottom: 1px solid var(--color_green)!important;}

#subpage_nav ul.menu > li{ /*親メニュー*/
	padding-left:1rem; 
	position:relative;
    line-height: 1.8;
}
#subpage_nav ul.menu > li:before {
	 content:'\30FB'; 
    color: var(--color_sky);
    position: absolute;
    left: 0;
    top:50%;
	 transform: translateY(-50%);
}
#subpage_nav ul.menu > li a{color:var(--bs-white);padding:0.25rem 0;display:block;}
#subpage_nav ul.menu > li a:hover{
	background-color:rgba(255, 255, 255, 0.1);
}
#subpage_nav ul.menu li.active > a {
  color:var(--color_sky);
}
/*toc_navi ：コンテンツ目次*/
ul.ul_toc{display:flex; flex-wrap:wrap;gap:2px;}
ul.ul_toc > li > a{
	line-height:1.4;
	padding:1em 3em 1em 2em;
	background-color:var(--bs-white);
	display:flex;
	align-items:center;
	border:3px solid var(--color_green);
	border-radius:100vh;
	color:var(--color_green);
position:relative;
}
ul.ul_toc.to_offices > li > a{
	color:var(--color_blue_dark);
	border-color:var(--color_blue_dark);
}
ul.ul_toc > li > a::before{
font-family: var(--font_fa_name);
    content: '\f111';
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color:var(--color_green);
    font-size:20px;
}
ul.ul_toc.to_offices > li > a::before{  color:var(--color_blue_dark);}
ul.ul_toc > li > a::after{
font-family: var(--font_fa_name);
    content: '\f063';
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
     color:var(--bs-white);
    font-size:8px;
	 transition: transform 0.3s ease;
}
ul.ul_toc > li > a:hover{box-shadow: inset 0 -2px 0 var(--color_blue);}

/*tab表示非表示切り替え*/
.ul_tab{
  display:flex;
  gap: 0 2px;
  align-items:stretch;
}
.ul_tab > li{
  flex:1;
  line-height:1.4;
	display:flex; 
}
.ul_tab a{
	display:flex;
	justify-content:center;
	align-items:center;
	 width:100%;
  height:100%; 
  padding:18px 10px;
  background:var(--bs-border-color);
 color:var(--cocoon-text-color);
	border-radius:var(--border_round) var(--border_round) 0 0 ;
}

.ul_tab a.tab_jobs.active{
  background:var(--color_green);
  color:var(--bs-white);
}
.ul_tab a.tab_offices.active{
  background:var(--color_blue);
  color:var(--bs-white);
}


/* タブ切り替え */
.tab_content{display:none;}
.tab_content.active{display:block;}

/*一覧-----------------------------------*/
/*ショートコード:list_cat*/
ul.list_cat > li{
	border-bottom:1px dotted var(--color_green);
}
ul.list_cat > li > a{
	display:flex;
	padding:0.5rem 0;
}
ul.list_cat  .list_cat_date {
  width:9.5em;
  flex-shrink: 0;
  font-size:var(--fs_14);
	letter-spacing:-0.05rem;
	padding:0.1em 0;
}
ul.list_cat .list_cat_title {
  flex: 1;
	color:var(--cocoon-text-color);
}


/*トップページ、サブページ-----------------------------------*/
.title_area > img{ width:100%;max-width:340px;}
.info_wrap .title_area > img{ width:100%;max-width:280px;}


/*job投稿:求人票-----------------------------------*/
table.table_jobdetail th{font-size:var(--fs_14);font-weight:400;width:250px;background:transparent;border-bottom:1px solid var(--bs-dark-bg-subtle);}
table.table_jobdetail td{border-bottom:1px solid var(--bs-dark-bg-subtle);}

#jobs_title{padding-top:var(--header_h);}
ul.ul_jobs_summary > li{
	line-height:1.4;
	display:flex;
    align-items:flex-start; /* 上揃え */
	gap:0.75rem;	
	padding:4px 0;
}
.jobs_summary_icon{
	width:16px;
	height:16px;
	flex:0 0 16px; /* 伸びない・縮まない・幅16px固定 */
	margin-top:0.1em; /* 少し上付きに調整 */
}
.jobs_summary_icon img{
	display:block;
	object-fit:contain;
}

/*現在のステータス、検索ボックス*/
.area_status_current,.area_search_box,.wrap_shadow_box{
	border-radius: var(--border_round);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}


/*一覧ページネーション----------------------------------*/
.pagination {
  display: flex;
  align-items: center;
	justify-content: center;

}
.pagination .current {
    background-color: var(--color_green);
    color:var(--bs-white);
}
.page-numbers{	font-size:var(--fs_14);}
.pagination-item-link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 35px;
  height: 35px;
  background:var(--bs-white);
	border:solid 1px var(--color_green)!important;
	border-radius:4px;
  color: var(--color_green);
  transition: all 0.15s linear;
}
.pagination-item-link-icon {
  width: 20px;
}
.pagination-item-link.isactive {
  background: var(--color_green);
  color:var(--bs-white);
  pointer-events: none;
}
.pagination-item-link:not(.isactive):hover {
  background: var(--color_green);
  color: var(--bs-white);
}
.pagination > * + * {
  margin-left: 12px;
}

/*絞り込み検索条件*-----------------------------*/
.list-status-filter{
	border-radius:var(--border_round);
	box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.list-status-filter form{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:4px 20px;
}
.list-status-filter label{
	display:flex;
	align-items:center;
	gap:10px;
	padding:4px 10px;
	border:1px solid var(--color_green);
	border-radius:50vh;
	cursor:pointer;
	transition:.2s;
	background:var(--color_green_light);
}
.list-status-filter input[type="checkbox"]{
	accent-color:var(--color_green);
}
.list-status-filter button{
	border:none;
	background:var(--color_green);
	color:var(--bs-white);
	padding:6px 16px;
	border-radius:50vh;
	transition:.2s;
}
.list-status-filter button:hover{
	background:var(--color_green_yellow_2);
}
.list-status-filter a.clear_checks{
	color:var(--color_green);
	text-decoration:underline;
	font-size:var(--fs_14);
}
.list-status-filter a:hover{
	text-decoration:underline;
}

/*固定ページ:about------------*/
ul.ul_point > li{
line-height:1.4;
display:flex;
align-items:center;
gap:5px 14px;
border-bottom:3px dotted var(--color_green);
padding:8px 0;
}
#about_offices ul.ul_point > li{border-color:var(--color_blue_dark);}

ul.ul_point > li .point_num{
width:6em;
background-color:var(--color_green_yellow_2);
color:var(--bs-white);
display:flex;
justify-content:center;
align-items:center;
 align-self:flex-start;
flex-shrink:0;
border-radius:100vh;
}
#about_offices ul.ul_point > li .point_num{background-color:var(--color_blue);}


/*animation--------------------------------*/
.title_anime {
  overflow: hidden;
	opacity:0;
}
.title_anime.is-ready {opacity: 1;}

.title_anime  .title-row {
  display: inline-flex;
}

.title_anime  .title-row > span {
  display: inline-block;
  opacity: 0;
  transform: translateY(24px);
}

.title_anime.is-show .title-row > span {
  animation: titleUp 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	animation-delay:1s;
}
@keyframes titleUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*dl-----------------------------*/
dl > dt{font-weight:400;}
dl.dl_terms > dd{ margin-bottom:1.5rem;}

/*dl_table*/
dl.dl_table{
margin-left:0 ;
margin-right:0;
margin-block-start: 0;
 margin-block-end: 0;
}
dl.dl_table > dt{
	border-bottom: 1px solid var(--color_green);
	border-radius: .5px;
     padding: 20px 5px 16px 15px;
	font-weight:normal;
	margin-bottom: 0;
}
dl.dl_table > dd{
    border-bottom: 1px solid var(--bs-dark-bg-subtle);
	 border-radius: .5px;
    padding: 20px 5px 16px 15px;
	margin-bottom: 0;
	margin-left:0;
}

/*jobs専用*/
dl.dl_table_jobs{
	border-top:1px dotted var(--color_green);
}
dl.dl_table_jobs > dt{color:var(--color_green);}
dl.dl_table_jobs > dd{
	border-color:var(--color_green);
}
@media (max-width:767px){
	dl.dl_table > dt{padding-bottom: 5px;padding-top: 5px;border-bottom:none; border-top:1px solid var(--color_green);background-color:var(--color_green_light);}
	dl.dl_table > dd{padding-top:4px; padding-bottom: 20px;border:none;}
	dl.dl_table_jobs{border-top:none; border-bottom:1px dotted var(--color_green);}
	dl.dl_table_jobs > dt{background-color:transparent}
}

/*ulドット付き---------------------------------------*/
ul.list_gray,ul.list_pink {
    list-style-type: none; 
    padding-left: 0; 
}
ul.list_gray > li ,ul.list_pink > li{
    padding-left:1rem; 
	position:relative;
    line-height: 1.8;
}
ul.list_gray >li:before,ul.list_pink > li:before {
    content:'\30FB'; 
    color:var(--color_sky);
    position: absolute;
    left: 0;
    top:0;
}
ul.list_pink > li:before {color:  var(--color_darkpink);}

/*ol括弧付き---------------------------------------*/
/*かっこ*/
ol.ol_brackets{
	list-style:none;
	counter-reset:number;
	padding-left:0;
}
ol.ol_brackets > li{
	counter-increment:number;
    position:relative;
	padding-left:2.5em;
}
ol.ol_brackets > li::before{
	content:"(" counter(number) ") ";
		position:absolute;
	left:0;
	top:0;
}
/*アイウ*/
ol.ol_kana{
	list-style:none;
	counter-reset:kana;
	padding-left:0;
}
ol.ol_kana > li{
	counter-increment:kana;
}
ol.ol_kana > li::before{
	content:"(" counter(kana, katakana) ") ";
}
/*btn--------------------------------------*/
.btn_green_header > a{
	background-color:var(--color_green);
	line-height:1.4;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0.5rem 2rem!important;
	color:var(--bs-white)!important;
	font-size:22px;
	border-radius:100vh;
}
.btn_green_header > a:hover{background-color:var(--color_green_yellow_2)!important;}
.scroll-nav .btn_green_header > a{
	font-size:18px;
}

.btn_green,.btn_green_yellow,.btn_blue,.btn_navy,.btn_white{
	background-color:var(--color_green);
	line-height:1.4;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0.1rem 1rem;
	color:var(--bs-white)!important;
	border-radius:100vh;
	border:2px solid var(--color_green);
	/*position:relative;*/
}
.btn_green_yellow{
	background-color:var(--color_green_yellow_2);
	border-color:var(--color_green_yellow_2);
}
.btn_blue{
	background-color:var(--color_blue_dark);
	border-color:var(--color_blue_dark);
}
.btn_navy{
	background-color:var(--color_navy);
	border-color:var(--color_navy);
}
.btn_white{
background-color:var(--bs-white);
color:var(--color_green)!important;
}
.btn_green:hover{border-color:var(--color_green_text);background-color:var(--color_green_text);}
.btn_white:hover{border-color:var(--color_green_text);color:var(--color_green_text)!important;background-color:var(--color_green_light);}
.btn_green_yellow:hover{border-color:var(--color_green);}
.btn_blue:hover{border-color:var(--color_blue);}
.btn_navy:hover{background-color:var(--color_navy_dark);}
.btn_green_right,.btn_white_right{
	background-color:var(--color_green);
	line-height:1.4;
	display:flex;
	align-items:center;
	padding:0.4rem 1.5rem;
	color:var(--bs-white)!important;
	border-radius:100vh;
	position:relative;
}
.btn_white_right{
	background-color:var(--bs-white);
	color:var(--color_green)!important;
}
.btn_green_right::after,.btn_white_right::after{
	content:'';
	width:25px;
	height:25px;
	display:block;
	background-image:url('https://minanote.co.jp/wp-content/uploads/arrow_right_yellow.svg');
	background-size:cover;
	background-position:center;
	position:absolute;
	right:0.75rem;
	top:50%;
	transform: translateY(-50%);
	transition: all .3s;
}
.btn_white_right::after{background-image:url('https://minanote.co.jp/wp-content/uploads/arrow_right_green.svg');}
.btn_green_right:hover::after,.btn_white_right:hover::after{right:0.25rem;}



/*共通---------------------------------------*/
.fs_14{font-size:var(--fs_14)!important;}
.fs_18{font-size:var(--fs_18)!important;}
.font_maru{font-family: var(--font_jp_maru_name); -webkit-font-smoothing: antialiased;transform: rotate(0.03deg); /* Windowsのガタつき・潰れ対策 */ font-weight:500!important;letter-spacing:0;}
.font_min{font-family: var(--font_jp_min_name);font-weight: 400!important; letter-spacing:-0.175rem;}
.font_en{font-family: var(--font_en_name);font-weight:500!important;} 
/*.font_num{font-family: var(--font_num_name);font-weight:400!important;} */

.fw-400 { font-weight: 400!important;}
.ls_w{letter-spacing: 0.1em;}
.ls_0{letter-spacing:0rem!important;}

.color_body{color:var(--cocoon-text-color);}
.color_green{color:var(--color_green);}
.color_green_text{color:var(--color_green_text);}
.color_yellow{color:var(--color_yellow);}
.bg_sky{background-color:var(--color_sky);}
.bg_green{background-color:var(--color_green);}
.bg_green_light{background-color:var(--color_green_light);}
.bg_green_yellow{background-color:var(--color_green_yellow);}
.bg_green_yellow_2{background-color:var(--color_green_yellow_2);}

.bg_blue{background-color:var(--color_blue);}
.bg_blue_light{background-color:var(--color_blue_light);}
.bg_navy{background-color:var(--color_navy);}
.bg_navy_light{background-color:var(--color_navy_light);}

.border_green_top{border-top:2px solid var(--color_green);}
.border_green_yellow_2_top{border-top:2px solid var(--color_green_yellow_2);}
.border_green_bottom{border-bottom:2px solid var(--color_green);}
.border_green_bottom_dotted{border-bottom:2px dotted var(--color_green)!important;}
.rounded_s{border-radius:var(--border_round);}

.link_black{color:var(--cocoon-text-color);}
.underline_yellow {
    background: linear-gradient(transparent 40%, rgba(250, 237, 0, 0.5) 40%);
    padding-bottom: 0.2em;
}
/*画像のhoverアニメーション*/
a.hover_ani:hover > img {
	transform:translateY(-3px);
	filter:drop-shadow(0 2px 6px rgba(120,120,120,.4));
}
/*Fluent Formのヘルプメッセージ */
.frm-fluent-form .ff-el-help-message {
  color: #DF4D4D !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/************************************
** bootstrap:レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width: 1200px){

}
@media screen and (max-width: 1199.98px) { /*xl（ここからmobile-menu表示）*/
	#navi{display:none;}
	.header-container-in.hlt-top-menu {flex-direction:row;height:100%;}
	.header-in{height:100%}
}
@media screen and (max-width:991.9px){/*lg*/
  .single.column-narrow .content-in,.blog.public-page .content-in,.archive.public-page .content-in{width:auto;}
}
@media screen and (max-width:767.9px) {/*md: sp*/
	/*body.page:not(.home):not(.add-parentid-jobs ) .entry-header h1 {font-size: 1.5rem; margin-right:80px;letter-spacing:0;}
	body.page:not(.home):not(.add-parentid-jobs ) .entry-header::after{width:60px;height:60px;}*/

/*footermenu*/
ul[id^="menu-footer-menu"]{flex-direction:column;}
ul[id^="menu-footer-menu"]  > li{border:none;}	
	
	/*main*/
	#main_cat{right:20%;}
}

@media screen and (max-width:575.9px){/*sm*/
	.header{ flex-shrink: 1;}/*縮む*/
	 #header .site-name-text {font-size:1px;}

	/*about*/
	ul.ul_point > li{
		flex-direction: column;
		align-items:start;
	}
	
	/*body:not(.home) main > article::before{	max-width:90%;}*/
	/*body:not(.home) .entry-header::after{font-size:5rem;}	*/

}

/************************************
** cocoon:レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下 humbergerMenuの表示*/
@media screen and (max-width: 1023px){

}

/*834px以下*/
@media screen and (max-width: 834px){
    main.main{padding:0!important;}/*必要：モバイルの両端の余白を取り除く*/
	.scroll-nav .header div.header-in {min-height: var(--header_h_s);}
   table th, table td{font-size:1rem;}	
}

/*480px以下*/
@media screen and (max-width: 480px){
	.site-fixed-logo-image{display:block;}
	.site-logo-image{display:none;}
	.site-name-text-link {padding-left: 10px;}
}
	/*.logo-header img { width:calc(100% - 100px);}*/
}