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

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

#container{
	overflow-x:hidden;
}

ul{
	padding-left:20px;
}

/*フッター固定*/
.container {
  display:flex;
  flex-direction:column;
  min-height:100vh;
}

footer {
	margin-top:auto !important;
}

.header{
	height:80px;
	line-height:80px;
	padding-left:15px;
}

.header-container-in.hlt-top-menu{
	margin:0;
	width:100%;
	background-color:#0e236f;
}

/*見出し非表示*/
.home h1{
	display:none;
}

/*画面横スクロール禁止*/
body{
	overflow-x:hidden;
}

/*お問い合わせフォームアスタリスク*/
.asterisk {
  margin-left: 0.2em;
  color: #f5637a;
}

/*お問い合わせフォーム*/
.wpcf7-form{
	padding:0 20px;
}

.wpcf7-form p{
	margin-bottom:20px;
}

.wpcf7-form select{
	width:50%;
}

.wpcf7-form textarea{
	resize:none;
	overflow-y:auto;
}

.acceptance-47{
	display:block;
	text-align:center;
}

.wpcf7-submit{
	background-color:#0e236f !important;
	border:1px solid #0a184d !important;
	color:#fff;
	transition:all 0.3s;
	border-radius:4px;
}

.wpcf7-submit:hover{
	background-color:#fff !important;
	color:#0e236f;
	border:1px solid #0e236f !important;
	font-weight:bold;
}

/*ヘッダーメニュー*/
.navi-in a:hover{
	background-color:#0e236f !important;
	text-decoration:underline;
}

.navi-in >ul >li >a{
	padding:0;
}

.navi-in > .menu-mobile li{
	width:30% !important;
}

.header-container-in.hlt-top-menu .site-name-text{
	width:22.8vw;
}



/*ヘッダーの文字と背景の色を変える*/
.mobile-menu-buttons{
	box-shadow: 0 0 5px #000;
}

.menu-icon,
.menu-caption{
	color:#fff;
}

.mobile-menu-buttons{
	background-color:#0e236f;
}

.mobile-header-menu-buttons{
	height:80px;
}

.mobile-header-menu-buttons > .menu-button{
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.logo-menu-button img{
	max-height:85px;
}

/*サイドバー*/

.menu-drawer{
	padding:0 !important;
}

.menu-drawer a{
	padding:15px 0;
	padding-left:5px;
	border-bottom:1px solid #fff;
}

.fa-close{
	color:#fff;
}

.widget_nav_menu{
	background-color:#0e236f !important;
	border-radius:4px;
	border:1px solid #0e236f;
}

.widget_nav_menu ul li a{
	color:#fff;
}

.widget_nav_menu ul li a{
	border-top:none;
	border-bottom:none;
}

.widget_nav_menu ul li a{
	border-bottom:1px solid #fff;
	transition:all 0.3s;
	padding:15px 0;
	padding-left:5px;
}

.widget_nav_menu ul li a:hover,
.menu-drawer a:hover{
	background-color:#fff !important;
	color:#0e236f !important;
	font-weight:bold;
}

.widget_nav_menu ul li:last-child a{
	border-bottom:none;
	border-radius:0 0 4px 4px;
}

.menu-item-107 a:before,
.menu-item-106 a:before,
.menu-item-126 a:before{
	content: "";
	background-image:url("https://taihoku.jp/wp-content/uploads/2020/12/img2.png");
	display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    transition: all 0.2s;
	margin-right:3px;
}

.menu-item-107 a:hover:before,
.menu-item-106 a:hover:before,
.menu-item-126 a:hover:before{
	background-image:url("https://taihoku.jp/wp-content/uploads/2020/12/img1.png");
	margin-right:6px;
}

.menu-item-26 a:before,
.menu-item-98 a:before,
.menu-item-419 a:before,
.menu-item-27 a:before{
	content: "";
	background-image:url("https://taihoku.jp/wp-content/uploads/2020/12/img4.png");
	display: inline-block;
    width: 30px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    transition: all 0.2s;
	margin-right:3px;
}

.menu-item-26 a:hover:before,
.menu-item-98 a:hover:before,
.menu-item-419 a:hover:before,
.menu-item-27 a:hover:before{
	background-image:url("https://taihoku.jp/wp-content/uploads/2020/12/img3.png");
	margin-right:6px;
}

.sidebar h3{
	margin-bottom:-1px;
	border-bottom:1px solid #fff;
	text-align:center;
	font-size:25px;
	margin-top:0;
}

/*新着情報*/
.whatsnew a,
.whatsnew dt{
	transition:all 0.3s;
}

.whatsnew dl a:hover{
	background-color:#0e236f !important;
}

.whatsnew dl a:hover,
.whatsnew a:hover dt{
	color:#fff !important;
	text-decoration:underline !important;
}

.whatsnew dl:last-child{
	border-bottom:none;
}

.whatsnew dl a{
	padding:15px 0!important;
	padding-left:10px!important;
}

.whatsnew hr{
	margin:-1px !important;
	color:#fff;
}

/*スライドインメニューをカスタマイズ*/
.navi-menu-content{
	left: auto;
	right: 0;
	transform: translateX(101%);
	background-color:#0e236f !important;
	opacity:0.9 !important;
	overflow-x:hidden;
}

.navi-menu-content a{
	color:#fff;	
}

/*投稿カード*/

.a-wrap{
	border:1px solid #a9a9a9;
}

.a-wrap:hover{
	background-color:#0e236f;
	color:#fff;
}

/*固定ページの投稿名と日付非表示*/
.page .date-tags,
.page .author-info {
    display: none;
} 

.center {
	text-align: left;
	padding-left:10px;
}

.td_head{
	width:max-content;
	white-space:nowrap;
	
}

/*グーグルマップ*/
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	margin-top: 20px;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

/*top FontAwesome*/

.fa-camera{
	margin-right:10px;
}

.icon-box {

}

.icon-fa {
	text-align: center;
}

.top-icon {
	font-size: 60px;
	color: #00bfff;
}

.icon-title {
	font-weight: bold;
	text-align: center;
	margin: 10px 0;
}

span.contact{
	font-size:30px;
	margin:0 5px 0 10px;
	color:#0e236f;
}

.navi-in a:hover .fa-chevron-right{
	margin-left:15px;
}

.fa-chevron-right{
	margin-left:5px;
	transition:all 0.3s;
}

/*上へ戻るボタン*/
.go-to-top-button{
	border-radius:20px;
	transition:all 0.3s;
}

.go-to-top-button:hover{
	background-color:#fff;
	color:#0e236f;
}

/*カテゴリーラベル*/
.cat-label {
	padding: 1px 10px;
	background-color:#0e236f;
	opacity:0.8;
	border: 0;
	border-radius: 2px;
}

/*業務内容*/
.gaiyo_table{
	overflow-x:auto;
}

.wp-block-columns{
	flex-wrap:nowrap !important;
}

.left_img{
	margin-right:2px;
}

.center_img{
	margin-left:2px;
	margin-right:2px;
}

.right_img{
	margin-left:2px;
}

/*求人案内*/
.info_list{
	list-style-type:none;
}

ul.info_list li:before{
	content:"＊";
	color:#ff0000;
}

/* 画面外にいる状態 */
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
	}


/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}

.article h2{
	padding:15px;
	word-break:keep-all;
}

.top_btn a{
	transition:all 0.3s;
	border:2px solid #0e236f;
}

.top_btn a:hover{
	color:#0e236f;
	background-color:#fff;
	font-weight:bold;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.header{
	height:unset;
	line-height:unset;
}

.header-container{
	display:none;	
}

.metaslider{
	margin-top:34px !important;
}
	
.center br{
	display:none;
}

}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
.header-container-in.hlt-top-menu .site-name-text{
	width:unset;		
}

.gyomu_img > .wp-block-column:nth-child(2n){
		margin:0 !important;
}
	
}

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

.wpcf7-form select{
	width:100%;
}

.center {
	text-align: left;
}
	
.kyuzin_column{
	flex-wrap:wrap !important;
}
	
.article ol{
	padding-left:15px !important;	
}
	
}



@media screen and (max-width: 834px){
	.container .column-wrap {
		flex-direction: initial;
		display: flex;
		flex-wrap: wrap;
	}
	.column-wrap.column-3 div{
		width:calc((100% / 2) - 1em);
		margin:0.5em;
	}
}