@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップへ戻るボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.generate-back-to-top {
    width: 80px;
    height: 80px;
}

a.generate-back-to-top:after{
	content: 'トップ';
	position:absolute;
	display: block;
    font-size: 19px;
	font-weight:bold;
    width: 100%;
	letter-spacing:-0.1em;
	bottom:25px;
	line-height:1em;
}

a.generate-back-to-top .gp-icon svg {
    height: 2em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*すべてのナビゲーションの「終身サポート事業」を非表示*/
.main-navigation li:is(.lifetime-support),
.site-footer li:is(.lifetime-support){
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > 縦文字
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_tate {
	writing-mode: vertical-rl;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローカルナビ 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.h_child_navi ul.child_navi {
    column-gap: 30px;
}

.h_child_navi ul.child_navi a {
    border-radius: 50px;
	background-color: #fff;
	font-size: 21px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
目次デザイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#toc_container {
    border-radius: 20px;
    padding: 0 40px 20px !important;
	margin-bottom: 60px;
}

#toc_container p.toc_title {
    font-size: 28px;
}

#toc_container ul.toc_list li {
    margin: 0 0 20px 0;
    font-size: 18px;
}

#toc_container ul.toc_list > li > a {
    font-size: 20px;
	font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
PDF掲載
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*全画面ボタン非表示*/
.pdfp_header.pdfp_header_top {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
会社概要
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*これまでの歩み*/
#history span.frame {
    border: 1px solid var(--text);
    padding: 2px 10px;
    margin-top: 6px;
    display: inline-block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
求人情報
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*募集要項のアイコン*/
span.gb-accordion__toggle-icon-open,
span.gb-accordion__toggle-icon-close{
    background-color: var(--main);
    width: 30px;
    color: #fff;
    height: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*サイドナビ*/
.sidebar .widget {
	padding:30px;
	border-radius:10px;
}

.sidebar .widget h2{
	border-bottom:1px dashed var(--line);
	padding-bottom:10px;
}

.sidebar .widget select{
	background-color: var(--base-2);
	border:none;
	margin-bottom:10px;
}

.widget-title {
    margin-bottom: 20px;
}

#right-sidebar aside ul li {
    font-size: 17px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニューのカスタマイズ(2023-03-13mk)
↓↓↓下記をまずは削除した上で、【https://coco-factory.jp/ugokuweb/move01-cat/humbugermenu/】から、お好みのボタンのCSSを追加
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn{
	position: relative;/*ボタン内側の基点となるためrelativeを指定*/
	background:transparent;
	cursor: pointer;
	width: 50px;
	height:50px;
	border-radius: 5px;
}

/*ボタン内側*/
.openbtn span{
	display: inline-block;
	transition: all .4s;/*アニメーションの設定*/
	position: absolute;
	left: 14px;
	height: 2px;
	border-radius: 2px;
  background:var(--main);
	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;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn.active span:nth-of-type(1) {
	top: 18px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%;
}

.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%;
}