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

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

/* リンクの下線は消す */
a {
	text-decoration: none;
}

/*画像のキャプション*/
figcaption {
    font-size: 0.75em;
    opacity: 0.95;
}

/* reCAPTCHA v3 Google公認のテキストを問い合わせフォームに表示 */
.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 11px !important;
  color: #444 !important;
}
.recaptcha_policy a {
  font-size: 11px !important;
  color: #111 !important;
}

/* reCAPTCHA v3のバッジを非表示 */
.grecaptcha-badge {
	visibility: hidden;
}


/*---------　↓start  メニュー関連  -------------*/

/*2023.01.13 グローバルメニュー（親）　フォントサイズ等変更*/
.navi-in .menu-header .item-label{
	font-size: 16px;
	font-weight: bold;
}


/*2023.01.13 グローバルメニュー（親） （説明文）*/
.sub-caption{
	font-size:13px; /*文字サイズ*/
	color:#000; /*文字色*/
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.1em;
	opacity: 0.7;/*透明度を下げる*/
}


/* 2023.02.07 サブメニュー（子）のカスタマイズ */
.sub-menu {
	background-color: #F3F4F5 !important; /*背景色*/
}
.navi-in>ul .sub-menu li {
	color: #333; /*文字色*/
	border-bottom: 2px solid #ccc!important; /*仕切り線*/
	height: 54px; /*高さ*/
}

.navi-in>ul .sub-menu li .sub-caption{ /*（子）説明文*/
	font-size:12px !important; /*文字サイズ*/
	color:#000 !important; /*文字色*/
	font-family: 'Noto Sans JP', serif;
	letter-spacing: 0em;
}

/***2023.02.07 メニューマウスオーバー時の背景＆下線 ***/
/* （親）マウスオーバー時背景の色を変える */
.navi-in a:hover {
	transform: translateY(1px);
	background: #f5f5f5 !important; /*薄いグレー背景*/
}

/* （親）下線をひく */
.item-label:after {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 0%;
	height: 2px;
	background: #cc0804; /*赤の下線*/
	content: '';
	transition: all .4s;
}

.menu-header .menu-item:hover .item-label:after {
	width: 100%;
}


/* （子）サブメニューのアニメーション -下線- */
.sub-menu .item-label:after {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 0%!important;
	height: 3px!important;
	background: #cc0804; /*赤の下線*/
	content: '';
	transition: all .4s;
}

.sub-menu .menu-item:hover .item-label:after {
	width: 0%!important;/*一度赤線は非表示*/
}

/* （子）サブメニューのアニメーション -フォント- */
.sub-menu .item-label {
	font-size: 16px !important; /*親より少し小さく*/
	text-align: center;
	transition: font-size .4s;
}



.sub-menu .menu-item:hover .item-label {
  font-size: 15px !important; /*オーバー時、少し小さく*/
}


/*------------↓モバイルスライドインメニュー↓------------*/

/* ×ボタン */
.menu-close-button {
	margin-right: 8%;
	text-align: right;
	color: #CC0804;
	opacity: 0.7;
	font-size: 0.8em;
}

/* 背景色 */
.menu-content {
	background-color: #F3F4F5;
}

/* 親メニュー */
.menu-drawer > li {
	padding: 10px 0;
	line-height: 1.7;
}

.menu-drawer > li > a {
/*↓ボタン風にしたい時のカスタマイズ↓*/
	/*border-radius: 10px;*/
	/*box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.5);*/
	/*background: linear-gradient(10deg, #ba7373, #f2bfbf);*/
	/*margin: 6px 0;*/
	/*padding: 4px 1em;*/
	/*border: 2px solid white;*/
	/*color: white;*/

/*↓親メニューは帯にする↓*/
	/*background: #333;*/
	background: linear-gradient(10deg, #333, #666);/*グラデ*/
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding-left: 1rem;
}

.menu-drawer > li > a:hover {
	color: white;
	opacity: 0.7;
}

/* 子メニュー */
.menu-drawer .sub-menu li {
	text-align: left;
	font-size: 16px;
}

.menu-drawer .sub-menu li a {
	position: relative;
	padding: 0 25px;
	color: #333;
	border-bottom: dotted 1px #999;
	line-height: 1.8;
	font-size: 14px;
}

/*先頭に三角マーク
.menu-drawer .sub-menu li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-left: 11px solid #333;
	border-bottom: 8px solid transparent;
}
*/

.menu-drawer .sub-menu li a:hover {
	opacity: 0.6;
}



/*---------　↑end  メニュー関連 end↑ -------------*/


/*------------↓ボタン↓------------*/
/*ボタンを浮かして影をつける*/
.btn{
	box-shadow: 0 6px 0px #999999;
}
 /*ボタンが重なったときに沈む*/
.btn:hover{
	box-shadow: 0 1px 0 #999999 ;
	transform: translateY(6px);
	-webkit-transform: translateY(6px);
}
/*カーソルを外したときに元に戻す*/
.btn{
 transition:.5s ease-in-out;
}


/*ライム　→メイン（明るいグリーン）*/
.has-lime-background-color{
	background-color: #00BC51!important;
}
/*レッド　→メイン②（中間の赤）*/
.has-red-background-color{
	background-color: #C92420!important;
}

/*WooDiL用ボタンサイズ*/
div.btn_width_woodil a{
	width: 800px;
	font-size: 1.5rem;
}
/*サイドバーが右じゃなくなる時（縦表示）は80%表示*/
@media screen and (max-width: 834px) {
	div.btn_width_woodil a{
		width: 95%;
		font-size: 1.2rem;
	}
}



/*------------↑end　ボタン　end↑------------*/




/************************/
/*目次デザイン*/
/************************/
/* 目次全体枠 */
.toc{
	border-top:5px solid; color:#eb0707!important; /*目次用の赤*/
	background-color: #FAFAFA !important; /*超薄いグレー*/
	border-color: #eb0707!important;
	padding: 20px 40px;
}

/* 目次アイコン */
.toc-title:before {
	width: 40px;
	height: 40px;
	font-family: 'Font Awesome 5 Free';
	content: '\f022';/*リストアイコン*/
	font-weight: bold;
	font-size:16px;
	margin-right:8px;
	color:#FFF;
	background-color:#eb0707;
	border-radius: 50%;
	padding:10px;
}
/* 目次タイトル */
.toc-title {
	text-align: center;
	font-size: 19px;
	font-weight: 600;
	color: #333;
	padding-bottom: 0.8rem;
}
/*閉じるボタン*/
.toc-title::after{
	font-size: 0.65em;
	color: #666;
}

/*H2階層*/
.toc-content > .toc-list > li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f152";/*矢印アイコン*/
	font-weight: 900;
	color: #eb0707;
	padding-right:8px;
}
.toc-content .toc-list li {
	font-weight:600;
}

/*H3階層以下～*/
.toc-content .toc-list li li {
	font-weight: normal;
	font-size: 0.85rem;
	padding-left: 6px;
	line-height: 1.65;
}
/*１つのul単位*/
.toc ul {
	padding-bottom: 0.2rem;
}
/*ホバー時*/
.toc a:hover {
	color: #666;
	background-color: #fff;/*ホバー時の背景色*/
	font-weight: bold;/*文字の太さ*/
}


/* ※サイドバーの目次 */
#sidebar .toc{
	margin-top: 6em;/*枠の上の余白*/
	margin-bottom: 2em;/*枠の下の余白*/
}
/*サイドバーが右じゃなくなる時（縦表示）、目次は非表示*/
@media screen and (max-width: 834px) {
	.sidebar .widget_toc {
		display: none;
	}
}

/*----目次end---------*/





/* 新着記事ウィジェット（ショートコード）で投稿日・更新日を表示 */
.new-entry-card-date {
	display: block;
	padding-top: 0.2em;
	text-align: right;
	font-size: 1rem;
}
.new-entry-card-date::before{ /*投稿日のアイコン*/
	font-family: "Font Awesome 5 Free";
	content: "\f017"; /*fa-clockアイコン*/
	font-weight: 400; /*アイコンの種類regular*/
	padding-right: 0px; /*右余白*/
	font-size: 0.75rem; /*フォントサイズ*/
}
.new-entry-card-update-date::before{ /*更新日のアイコン*/
	font-family: "Font Awesome 5 Free";
	content: "\f1da"; /*fa-historyアイコン*/
	font-weight: 900; /*アイコンの種類solid*/
	padding-right: 1.5px; /*右余白*/
	font-size: 0.75rem; /*フォントサイズ*/
}

/* 新着記事ウィジェットのタイトル*/
.new-entry-card-title{
	font-weight: bold;/* タイトルを太字に*/
}




/* 人気記事ウィジェット（ショートコード）で投稿日・更新日を表示 */
.popular-entry-card-date {
  display: block;
	padding-top: 0.2em;
	text-align: right;
}

/* 関連記事ウィジェット（ショートコード）で投稿日・更新日を表示 */
.widget-related-entry-card-date {
	display: block;
	padding-top: 0.2em;
	text-align: right;
}




/*-----ブログカード-----------*/
/* フッタ（アイコン＆URL）を非表示 */
.blogcard-footer {
	display: none;
}
/* 抜粋文 */
.blogcard-snippet{
	margin-bottom: 10px;
	margin-right: 20px;
	font-size: 0.85rem;
}

/*ブログカード全体のデザイン*/
.blogcard-wrap {
	transition: all .3s;
	max-width: 600px;
	margin: 2em auto;
}
.blogcard {
	border:1px solid #eaeaea !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
	padding: 10px 14px;
}
/*ホバー時、少し上に上がる*/
.blogcard-wrap:hover {
	background: none;
	transform: translateY(-3px);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
}
/* タイトル*/
.blogcard-title {
	color: #555;
	letter-spacing: 0.5px;
	font-size: 16px;
	line-height: 1.5;
	margin: 10px 0 0 0;
	height: 45px;
	overflow: hidden;
}
/*サムネイル*/
.blogcard-thumbnail {
	margin-top: 14px;
	margin-left: 10px;
}
/* 右側のコンテンツ枠*/
.blogcard-content {
 	min-height: auto;
	margin-left: 185px;
	padding-right: 6px;
	max-height: 160px;
}
/* ラベル（あわせて読みたい、など）*/
.blogcard-label {
	top: -11px;
	left: 9px;
	padding: 3px 0.6em;
	background:#aaa;
	padding: 1px 10px;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1px;
}
/*ボタン*/
.blogcard-content:after {
	content: "続きを読む \00bb";
	background: #333; /* 背景色 */
	display: block;
	text-align: center;
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px;
	width: 180px;
	border-radius: 20px;
	font-size: 13px;
	padding: 4px 0;
	margin-top: 6px;
	margin-left: 180px;
}

@media screen and (max-width: 480px){
	.blogcard-content {
		margin-left: 140px!important;
	}
	.blogcard-content:after {
		margin-left: 0px;
	}
}

/*----- end ブログカード end -----------*/







/* アピールエリアの最小高さを解除　※chu-ya様の対応策 */
.appeal .appeal-in {
  min-height: unset;
}

/* アピールエリアの画像比率に合わせ画面いっぱいに表示 */
.appeal {
  aspect-ratio: 1920 / 600;
  background-size: contain;
}


/* アピールエリア モバイルは別画像を表示 */
@media screen and (max-width: 480px) {
	.appeal {
		background-image: url(https://jsdkk.com/home_2023/wp-content/uploads/2023/08/25e733f2d796901a46c8014ecd8f8ec2.png);
/*		height: 360px;*/
	}

	/* モバイルもアピールエリアの画像比率に合わせ画面いっぱいに表示 */
	.appeal {
		aspect-ratio: 750 / 800;
		background-size: contain;
	}
}


/*モバイルの時のロゴを上下中央に*/
/*480px以下*/
@media screen and (max-width: 480px){
	.logo-menu-button img{
		/*display: none!important;*/
		padding-top: 6px;
		}
	.logo.logo-header.logo-image{
		/*padding 0;*/
		display: none!important;
	}
}



/*カバー画像を全幅に*/
.entry-content .wp-block-cover,
.entry-content .wp-block-cover-image {
  margin: 0 calc((100% - 100vw)/2);
  min-height: 600px;
  width: auto;
}





/*2023.01.17 セクションごとの背景色*/
/* gray */
.bg_gray {
    background: #F3F4F5;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}
/* ダークgray */
.bg_dgray {
	background: #999999;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
}
/* black */
.bg_black {
	background: #000;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
}




/*2023.01.24 ContactForm7カスタマイズ ↓---------*/
table.CF7_table{
	width:90%;
	margin:0 auto;
	margin-bottom: 2rem;
	border: none !important;
	border-collapse: collapse !important;/* 隣接する境界線を結合して（重ねて）表示する （初期値） */
	font-size: 1rem;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
	color:#797979;
}

/*「必須」文字*/
.CF7_req{
	font-size:0.7rem;
	padding: 2px 8px;
	background: #EE2727;/*キーカラー赤*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}


@media screen and (min-width: 768px){/*PC*/
	.CF7_table th{/* th タイトル列 */
		width:30%;/*横幅*/
		background-color:#E9F4FF;/*ブルー*/
		vertical-align: middle;
		text-align: left;
		padding-left: 1rem!important;
		border: 2px solid #fff !important;/*線を白*/
	}
	.CF7_table th p{
		margin: 0;/* pが付くのでマージンクリア */
	}
	.CF7_table td{/* td 右列：入力欄 */
		border: 2px solid #fff !important;/*線を白*/
		padding: 16px 10px 0 10px!important;
		vertical-align: middle; /* 上下中央揃え */
		background-color:#FAFAFA;/*薄いグレー*/
		
	}

}
@media screen and (max-width: 768px){/*mobile*/
	table.CF7_table{
		width:95%;
		font-size:1rem;
		border: none !important;
		border-collapse: collapse !important;/* 隣接する境界線を結合して（重ねて）表示する （初期値） */
	}
	.CF7_table tr:nth-of-type(2n+1){/*交互の背景色？を無くす*/
		background-color: #fff;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
		display: block;
		width: 100%;
		line-height:2.5em;
		border: 2px solid #fff !important;/*線を白*/
	}
	.CF7_table th{/* th タイトル列 */
		background-color:#E9F4FF;/*ブルー*/
		font-size: 16px;
	}
	.CF7_table th p{
		margin: 0;/* pが付くのでマージンクリア */
	}
	.CF7_table td{/* td 右列：入力欄 */
		background-color:#FAFAFA;/*薄いグレー*/
		padding: 10px 0px 2px 20px;
	}
	.CF7_table tr{/* tr １項目 */
		margin-bottom: 0.5rem;
	}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#00BC51;/*グリーン*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
	/* transition: background-color 300ms ease-out; */
	box-shadow: 0 6px 0px #999999;
	border-radius:4px;
	width: 100%;/*ボタン幅*/
	transition:.5s ease-in-out; /*カーソルを外したときに元に戻す*/
}

.wpcf7 input.wpcf7-submit:hover {
	color: #fff;
	box-shadow: 0 1px 0 #999999 ;/*ボタンが重なったときに沈む*/
	transform: translateY(6px);
	-webkit-transform: translateY(6px);
	background: #66d696;/*グリーン 少し明るく*/
}

/* 「戻る」ボタン　※確認画面 */
.wpcf7 input.wpcf7-previous {
	background-color:#999999;
	border:0;
	color:#fff;
	font-size:0.8em;
	font-weight:normal;
	margin:0 auto;
	transition: background-color 300ms ease-out;
	box-shadow: 0 4px 0px rgba(0,0,0,0.3); /* 影 */
	border-radius:4px;
	width: 200px!important;/*ボタン幅*/
	padding: 6px;
	transition:.5s ease-in-out; /*カーソルを外したときに元に戻す*/
}

.wpcf7 input.wpcf7-previous:hover {
	background: #E5E5E5;/* グレーを薄く */
	color: #fff;
	transform: translate3d(0, 5px, 0); /*Y軸に5px移動*/
	box-shadow: none; /*影削除*/
}


@media screen and (max-width: 768px){/*mobile*/
	.wpcf7 input.wpcf7-submit {
		width: 300px;/*ボタン幅*/
	}
}




/* ---問い合わせ確認画面のボタンレイアウト------------ */
.CF7_comfirm_button{
	width: 80%;
	margin: 0 auto !important;
}




.CF7_btn{
	text-align:center;
	margin-top:20px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}

/*2023.01.24 ContactForm7カスタマイズ ↑
END---------*/



/*サイト全体の表*/
table{
	border: 1px solid #000000 !important;  /* テーブル外枠の指定　!important必須 */
	border-collapse: collapse;  /* 接触するボーダーはひとまとめにする*/
}
table th{
	border: none;
}
table td{
	border: none;
	padding: 0;
	vertical-align: middle;	/*上下の中央揃え指定*/
}




/* 特定ページのSNSシェア・フォローボタン非表示 */
.page-id-237 .sns-share, /*問い合わせ*/
.page-id-240 .sns-share,/*問い合わせ確認*/
.page-id-242 .sns-share{/*問い合わせ完了*/
  display: none;
}



/*2023.01.17 --幅調整-----------------*/
.indent-narrow50 { /* 幅調整50%*/
	width: 50%;
	margin: 0 auto;
	padding-top: 2em;
	padding-bottom: 2em;
}
.indent-narrow60 { /* 幅調整60%*/
	width: 60%;
	margin: 0 auto;
	padding-top: 1em;
	padding-bottom: 1em;
}
.indent-narrow70 { /* 幅調整70%*/
	width: 70%;
	margin: 0 auto;
	padding-top: 1em;
	padding-bottom: 1em;
}
.indent-narrow80 { /* 幅調整80% */
	width: 80%;
	margin: 0 auto;
	padding-top: 1em;
	padding-bottom: 1em;
}
.indent-narrow85 { /* 幅調整85% */
	width: 85%;
	margin: 0 auto;
	padding-top: 1em;
	padding-bottom: 1em;
}
.indent-narrow90 { /* 幅調整90% */
	width: 90%;
	margin: 0 auto;
	padding-top: 1em;
	padding-bottom: 1em;
}
.indent-narrow95 { /* 幅調整95% */
	width: 95%;
	margin: 0 auto;
	padding-top: 1em;
	padding-bottom: 1em;
}

.indent-narrow1100 { /* 幅調整1100px固定 */
	width: 1100px;
	margin: 0 auto;
}
.indent-narrow1200 { /* 幅調整1200px固定 */
	width: 1200px;
	margin: 0 auto;
}


/* 案内ボックスの背景変更 */
.primary-box { /*プライマリー（濃い水色）*/
	background-color: #F3F3FF;/*うす紫*/
	color: #4D4D4D;/*テキスはグレー*/
	padding: 30px;	
}
.secondary-box { /*セカンダリー*/
	background-color: #f4f4f5;/*うすグレー*/
	color: #4D4D4D;/*テキスはグレー*/
	padding: 30px;
}
.success-box { /*サクセス（薄い緑）*/
	background-color: #E8F9F9;/*うすグリーン*/
	color: #4D4D4D;/*テキスはグレー*/
	padding: 30px;
}
.info-box { /*インフォ（薄い青）*/
	background-color: #E9F4FF;/*うす水色*/
	color: #4D4D4D;/*テキスはグレー*/
	padding: 30px;
}
.warning-box { /*ワーニング（薄い黄色）*/
	background-color: #FFF9F5;/*うすゴールド*/
	color: #4D4D4D;/*テキスはグレー*/
	padding: 30px;
	position: relative;
}
.warning-box.fukidashi_under::before{/*吹き出し*/
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	bottom: -32px;
	border-top: 32px solid #FFF9F5;
	border-right: 32px solid transparent;
	border-left: 32px solid transparent;
}

.danger-box { /*デンジャー（薄い赤色）*/
	background-color: #F7F0F7;/*うすピンク*/
	color: #4D4D4D;/*テキスはグレー*/
	padding: 30px;
}
.light-box { /*ライト（白色）※そのまま白*/
	color: #4D4D4D;/*テキスはグレー*/
	padding: 30px;
}
.dark-box { /*ダーク（暗い灰色）※黒に変更*/
	background-color: #000;/*ブラック*/
	color: #fff;/*テキスは白*/
	padding: 30px;
}

.dark-box.fukidashi_under::before{/*吹き出し*/
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	bottom: -32px;
	border-top: 32px solid #000;
	border-right: 32px solid transparent;
	border-left: 32px solid transparent;
}

/*案内ボックス　480px以下*/
@media screen and (max-width: 480px){
	.primary-box { /*プライマリー（濃い水色）*/
		padding: 5px;	
	}
	.secondary-box { /*セカンダリー*/
		padding: 20px 10px;	
	}
	.success-box { /*サクセス（薄い緑）*/
		padding: 5px;	
	}
	.info-box { /*インフォ（薄い青）*/
		padding: 5px;	
	}
	.warning-box { /*ワーニング（薄い黄色）*/
		padding: 5px;	
	}
	.danger-box { /*デンジャー（薄い赤色）*/
		padding: 5px;	
	}
	.light-box { /*ライト（白色）※そのまま白*/
		padding: 5px;	
	}
	.dark-box { /*ダーク（暗い灰色）※黒に変更*/
		padding: 5px;	
	}	
}



/* 2023.02.24 バッジの色 */
/* 全体 */

/* 赤 */
.badge-red {
	background-color: #cc0804; /* キーカラー */
	color:#fff; /*文字色*/
	font-weight: bold;
	font-family: 'Barlow Condensed', sans-serif;
	font-style: italic;
	letter-spacing: 2px;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
}
/* ↑end ----------バッジの色----------　end↑ */


/*** タブボックス ※タブを枠内に入れる ***/

/*枠組み*/
.blank-box.bb-tab {
	position: relative; /*要素の配置*/
	padding: 2.2em 1.2em 1em; /*内側の余白*/
	border-width: 1px; /*線の太さ*/
	border-radius: 0; /*丸み*/
	font-size: .9375em; /*文字の大きさ*/
	}

/*ラベル*/
.blank-box.bb-tab .bb-label {
	position: absolute; /*要素の配置*/
	top: 0; /*上からの距離*/
	left: 0; /*左からの距離*/
	border-radius: 0; /*丸み*/
/*	font-family: 'Marcellus', serif;align-content */
	font-family: 'Barlow Condensed', sans-serif;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: .833333em; /*文字の大きさ*/
	}

/*** ↑end タブボックス ※タブを枠内に入れる ↑end ***/


/*** タブ見出しボックス ※タブを枠内に入れる ***/

/*枠組み*/
.tab-caption-box {
	position: relative;/*要素の配置*/
	margin-top: 2em;/*上の余白*/
	margin-right: 2%;/*右の余白*/
	margin-left: 2%;/*左の余白*/
}

/*ラベル*/
.tab-caption-box-label {
	position: absolute; /*要素の配置*/
	top: 0; /*上からの距離*/
	left: 0; /*左からの距離*/
	border-radius: 0; /*丸み*/
	font-size: .833333em; /*文字の大きさ*/
}

/*コンテンツ*/
.tab-caption-box-content {
	padding: 2.2em 1.2em 1em; /*内側の余白*/
	border-width: 0px; /*線の太さ*/
	border-radius: 0; /*丸み*/
	font-size: .9375em; /*文字の大きさ*/
}

/*横幅 440px 以下に適用される*/
@media screen and (max-width: 440px){
	/*枠組み*/
	.tab-caption-box {
		margin-right: 0; /*右の余白*/
		margin-left: 0; /*左の余白*/
	}
}


/***　↑end  タブ見出しボックス ※タブを枠内に入れる↑end  ***/



/*引用*/
blockquote{
	padding: 2em 2.4em;
}
blockquote p {
	color:#666
	
}
blockquote cite {
	display: block;
	color: #808080;
	margin-top: 1rem;
	text-align: right;
}



/* タイムライン（余白） */
.timeline-box {
	padding-top: 3em;
	padding-bottom: 3em;
	padding-left: 4em;
	border: none;
}
/*タイムライン　480px以下*/
@media screen and (max-width: 480px){
	.timeline-box {
		padding-top: 1em;
		padding-bottom: 2em;
		padding-left: 1em;
	}
}




/* ホバー時の背景色を変更 */
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
	background-color: #EBEBEB; /*背景色*/
	transition: all 0.8s ease; /*アニメーション*/
	color: #333; /*フォントカラー*/
}



/* 2023.02.03 記事見出し（全体）------------ */
/* <H2> */
/* リセット */
.article h2{
background:none;
padding: 0;
}
.article h2{
	padding: 0.9em;/*文字周りの余白*/
	margin-top: 3em; /*上余白（下余白はデフォルトで1.26em） */
	color: #000;/*文字色*/
	background: #EEEEEE;/*背景色　#F3F4F5*/
	border-left: solid 10px #EE2727;/*左線（実線 太さ 色）*/
}

/* <H3> */
/* リセット */
.article h3{
	background:none;
	padding: 0;
	border: none;
}
.article h3{
	padding: 0.7em;/*文字周りの余白*/
	margin-top: 3em; /*上余白（下余白はデフォルトで1.26em） */
	color: #000;/*文字色*/
	background: #fff;/*背景白*/
	border-left: solid 8px #EE2727;/*左線（実線 太さ 色）*/
}

/* <H4> */
/* リセット */
.article h4{
	background:none;
	padding: 0;
	border: none;
}
.article h4{
	padding: 0.6em;/*文字周りの余白*/
	margin-top: 3em; /*上余白（下余白はデフォルトで1.26em） */
	color: #333333;/*文字色*/
	background: #fff;/*背景白*/
	border-bottom: solid 4px #EE2727;/*左線（実線 太さ 色）*/
}

/* <H5> */
/* リセット */
.article h5{
	background:none;
	padding: 0;
	border: none;
}
.article h5{
	padding: 0.6em 0.6em 0.6em 1em;/*文字周りの余白*/
	margin-top: 3em; /*上余白（下余白はデフォルトで1.26em） */
	color: #4D4D4D;/*文字色*/
	background: #eeeeee;/*背景H2と同じグレー*/
	border-bottom: solid 0px #EE2727;/*左線（実線 太さ 色）*/
	font-size: 1em;
}

/* <H6> */
/* リセット */
.article h6{
	background:none;
	padding: 0;
	border: none;
}
.article h6{
	padding: 0.4em 0.4em 0.4em 0.8em;/*文字周りの余白*/
	margin-top: 3em; /*上余白（下余白はデフォルトで1.26em） */
	color: #4D4D4D;/*文字色*/
	background: #fff;/*背景白*/
	border-left: solid 5px #EE2727;/*左線（実線 太さ 色）*/
	font-size: 0.945em;
}


/*2023.01.17 --固定ページは更新日非表示--*/
.page .date-tags {
display: none;
}



/*2023.01.20　ヘッダ社名のスタイル*/
.logo-header a span{
font-weight: bold;
font-size: 28px !important;
}

/*2023.01.20　ヘッダ余白調整*/
.header-in {
	margin-top: 8px;
	margin-bottom: 12px !important;
}



/* ↓2023.01.20　★ヘッダカスタマイズ ここから↓*/
/* ---------------------------------------------- */

/* 電話番号*/
.contact-box {
margin-left: auto;
margin-bottom: 2px;
line-height: 1.5em;
}

.contact-box span {
	display: block;
	margin: 0 !important;
}

.contact-box01{
font-size: 11px;	
text-align: justify;
text-align-last: justify;
}

.contact-box02 {
font-weight: 700;
color:#000000;
font-size: 25px;
letter-spacing: 2px;
margin-bottom: 2px;
}

.contact-box03 {
font-size: 11px;
text-align: justify;
text-align-last: justify;
}

/*問い合わせボタン*/
.contact-banner {
padding-left: 1em;
}	


.contact-banner a {
font-size: 16px;
height: 88%;
display: flex;
align-items: center;
padding: 0 2em;
margin-top:3px;
text-decoration:none !important;
border:1px solid #c13832;
color: #FFF;
background:#c13832;
border-radius:10px;
	font-weight: bold;
}


.contact-banner a:hover{
color: #000;
background:#fff;
	border:1px solid #000000;

}
.contact-banner i{
padding-right:6px;
}



/* メニュー*/
@media (min-width: 960px){
#header{
margin-bottom:20px;
}
	
.header-container-in.hlt-top-menu{
display:block;
}

.header-in {
flex-direction:row;
}

.header-container-in.hlt-top-menu .logo-header {
width: 30%;
padding-left:10px;
}

.kanta-right {
width: 70%;
display:flex;
padding-right:10px;
}
}


/* PCのみ表示*/
@media (max-width: 959px){
.kanta-right{
display:none;
}

}
/* ---------------------------------------------- */
/* ↑2023.01.20　★ヘッダカスタマイズ ここまで↑*/







/*フロントページ　タイトルH1を非表示　20240319：セレクタを.front-top-pageから.home.pageに変更*/
.home.page #main .entry-title{
	display: none;
}

/* 2023.02.03 フロントページのみ背景白 */
body.page-id-42 {
	background-color: #fff;
}
body.page-id-456 { /*testpage*/
	background-color: #fff;
}





/*----フロントページ用コンテンツ幅 ----*/
/*PCは1200pxで表示*/
.contentwidth-frontpage {
	width: 1200px;
	margin: 0 auto;
}
/*1200px以下は550pxで表示*/
@media screen and (max-width: 1200px){
	.contentwidth-frontpage {
		width: 550px;
		margin: 0 auto;}
}
	
/*550px以下は90%で表示*/
@media screen and (max-width: 1200px){
	.contentwidth-frontpage {
		width: 100%;
		margin: 0 auto;}		
}




/*--2023.01.20 フロントページ専用の見出し--*/
/* リセット */
.home #content h2 {
	padding: 0;
	background: none;
	border-left: none;
}

.home #content h2 {
	margin-top: 0em;
	margin-bottom: 20px;
	display: inline-block;
	position: relative;
	padding: 1rem 3.5rem;
	color: #000;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 400;
	font-size: 60px;
	letter-spacing: 2px;
	font-style: italic;
	text-align: center;
}

.home #content h2::first-letter {
	color: #CC0804;
}

.home #content h2::before,
.home #content h2::after {
	position: absolute;
	top: 1.7rem;
	height: 58px;
	transform: rotate(24deg);
	content: '';
}

.home #content h2::before {
	border-left: solid 2px;
	left: 22px;
}

.home #content h2::after {
	border-right: solid 2px;
	right: 27px;
}

.home #content h2 span {
	position: relative;
	bottom: 0.5em;
	margin-left: 20px;
	margin-right: 4px;
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	letter-spacing: 0px;
	font-size: 16px;
	font-weight: normal;
}

/* フロントページ専用の見出し（モバイル用） */
/*480px以下*/
@media screen and (max-width: 480px){
	.home #content h2 {
		margin-top: 0.8em !important;
		margin-bottom: 0.5em !important;
		font-size: 50px;
		line-height: 0.4em;
		width: 100%;
	}
	.home #content h2::before,
	.home #content h2::after {
		position: absolute;
		top: 1px;
		height: 77px;
		transform: rotate(24deg);
		content: '';
	}

	.home #content h2::before {
	    border-left: solid 2px;
	    left: 30px;
	}

	.home #content h2::after {
	    border-right: solid 2px;
	    right: 30px;
	}
	.home #content h2 span {
		margin: 0 auto;
		font-size: 14px;
	}
}


/*シンプルなレスポンシブ見出し　※フロントページWooDiL事例で利用*/
.midashi_simple {
	margin-bottom: 1em;
	font-size: 2em;
	font-weight: bold;
	border-left: solid 12px #CC0804;/*左線（実線 太さ 色：明るめ→#EE2727）*/
	padding-left: 16px;
	line-height: 1.2;
}
.midashi_simple p { /*補足テキスト*/
	font-size: 0.5em;
	padding: 0.35rem 0 0.35rem 0;
}
/* シンプルなレスポンシブ見出し（モバイル用は中央揃え） */
/*480px以下*/
@media screen and (max-width: 480px){
	.midashi_simple {
		font-size: 1.5em;
		text-align: center;
		border-left: none;
		padding: 0.3rem 0 1rem 0;
		position: relative;
	}
	.midashi_simple p { /*補足テキスト*/
		font-size: 0.6em;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 0!important;
	}
	.midashi_simple:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -15px;/*線の上下位置*/
		display: inline-block;
		width: 60px;/*線の長さ*/
		height: 5px;/*線の太さ*/
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);/*位置調整*/
		background-color: #CC0804;/*線の色*/
	}
}


/*フロントCTA用レスポンシブ見出し*/
.frontpage_CTA {
	margin-bottom: 0.5em;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}
.frontpage_CTA p { /*補足テキスト*/
	font-size: 0.7em;
}
/*480px以下*/
@media screen and (max-width: 480px){
	.frontpage_CTA {
		margin-top: 2rem;
		font-size: 1.5em;
		text-align: center;
	}
	.frontpage_CTA p { /*補足テキスト*/
		font-size: 0.7em;
		text-align: center;
	}
}


/*------- NOW こんな事やってます----*/
.clum_now_right{ /*右カラム*/
	padding-left: 3rem;	
}
/*480px以下*/
@media screen and (max-width: 480px){
	.clum_now_right{ /*右カラム*/
		padding-left: 0rem;	
	}
}


/*------- 事例　WooDiL -------*/
/*WooDiL事例　全体のカラム*/
.culm_jirei{/*現在未設定*/
}

/*WooDiL事例　左カラム*/
.clum_woodil_left{
	padding-right: 30px;
}

/* テーブル */
.table_woodil.wp-block-table td, .table_woodil.wp-block-table th{
	padding: 1.5rem;
}
.tb_woodil_title{
	width: 180px;
	font-weight: bold;
	color: #333;
	line-height: 1.8;
	background-color: #E9F4FF;
}
.tb_woodil_body{
	font-size: 16px;
	color: #333;
	line-height: 1.6;
	background-color: #fff;
}

/*テーブルを縦積みにする（汎用）　tbl-vertical */
@media screen and (max-width: 640px) {
  .last td:last-child {
	border-bottom: solid 1px #ccc;
	width: 100%;
	}
	.tbl-vertical {
	width: 80%;
	}
	.tbl-vertical th,
  .tbl-vertical td {
	border-bottom: none;
	display: block;
	width: 100%;
	}
}


/*WooDiL事例　案内ボックス（ライト）*/
.box_woodil_voice{ /*全体枠*/
	padding: 0 2rem 1rem 2rem;
}
.woodil_dare{ /*社名・担当者*/
	font-size: 13.5px;
	padding: 0 1rem 16px 1rem;
	line-height: 1.5;
	text-align: right;
}
.woodil_body{ /*声ブロック*/
	padding: 0 0 0 1rem;
}
.voice_Q{ /*質問*/
	font-weight: bold;
	letter-spacing: -0.01em;
	padding-bottom: 0.5rem;
}
.voice_A{ /*回答*/
	font-size: 14px;
	line-height: 1.6;
	padding-bottom: 1rem;
}


/*WooDiL事例 480px以下*/
@media screen and (max-width: 480px){
	.culm_jirei{/*全体のカラム*/
		margin-top: 40px;
	}
	.clum_woodil_left{/*左カラム*/
		padding-right: 0;
	}
	.clum_woodil_catalog{/*WooDiL　カタログダウンロード　カラム*/
		margin-bottom: 48px!important;
		}

	.img_woodil_catalog{
		text-align: center;	/*効かない？*/
	}

}

/*ルビ*/
.rt_center {
  text-align: center;
}



/*ボックスメニュー　カスタマイズ  */
.box-menu{ /*全体*/
	padding: 0;
	min-height: 0;
	box-shadow: none;
}
.box-menu:hover{
	box-shadow:none;
	/*opacity: 0.8;*/
	transform: scale(1.1); /* 拡大 */
} 

.box-menu-label{ /*見出し文（PRODUCTなど）*/
	color: #000;
	font-family: 'Barlow Condensed', 'Noto Sans JP', sans-serif;
	font-size: 0.9rem;
	letter-spacing: 1.3px;
	font-style: italic;
	margin-top: 0.5rem;
	font-weight: 500;
	display: none;
}
.box-menu-label::first-letter{
	color: #CC0804; /*最初の１文字だけ赤*/
}

.box-menu-description{ /*説明文*/
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.85rem;
	margin-bottom: 25px!important;
	opacity: 1;/*不透明に*/
	padding-top: 10px;
}

.box-menu-icon *{ /*画像*/
	margin: 0;
	max-width: 90%;
	max-height: 300px;
	margin-right: 10px;
	margin-left: 10px;
	box-shadow: 0px 0px 8px -5px #777777 !important;
	/*border-radius: 10px;*/
}

/*600pxより大きい時*/
@media screen and (min-width: 600px){
	.wwa .box-menu{
	width:20%;
	}
}
/*480px以下*/
@media screen and (max-width: 480px){
	.box-menus .box-menu{
		width: 100%; /*縦に積む*/
}
	.box-menu-label{ /*見出し文（PRODUCTなど）*/
		display: none;/*非表示*/
	}
	.box-menu-description{ /*説明文*/
		padding-top: 5px;
}

	
	
	.box-menu-icon *{
		margin: 0;
	}
}




/* OFFICAL SNS アイコンの横並びFlex（PCもSPも横並びで中央揃え） */
.snsicon-flexbox {
	display: -webkit-flex;/* Safari */
	display: flex;
	-webkit-flex-direction: row;/* Safari */
	flex-direction: row;/* 横並びで表示 */
	align-items: center;/* 上下中央寄せ */
	-webkit-justify-content: center; /* Safari （中央）*/
	justify-content: center;
	margin: 0 auto;
	margin-top: 2rem;
	padding-bottom: 1rem;
	width: 500px;
}
.snsicon-flexbox div{
	width: 110px;
	margin: 0 auto;/*子要素も中央揃え*/
}

/*------- SNSアイコンの吹き出し------- */
.sns_fukidashi {
  position: relative;
  display: inline-block;
  margin: 1em 0!important;
  padding: 3px 4px;
  min-width: 100px;
  max-width: 100%;
  font-size: 12px;
  background: #fff;
  border-radius: 10px;
}
/* 三角アイコン */
.sns_fukidashi:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}

/* 吹き出しテキスト */
.sns_fukidashi p {
	margin: 0;  
	padding: 0;
	text-align: center;
	color: #666;
	font-size: 0.75rem;
}

/*480px以下では吹き出し非表示*/
@media screen and (max-width: 480px){
	.sns_fukidashi {
		display: none;
	}
	.snsicon-flexbox {
		width: 60%;
	}
	.snsicon-flexbox div{/*SNSアイコンの幅を狭める*/
		width: 65%;
		padding-bottom: 1rem;
	}
}

/*------- ↑end　SNSアイコンの吹き出し　↑end------- */

/* FB */
.FBicon{
	margin: 5px;
}


/* 日本システムデザイン株式会社 */
.front_fotter_jsd{
	color: #fff;
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 0.5em;
	letter-spacing: 0.05rem;
}
/* 電話 */
.front_fotter_tel{
	color: #fff;
	font-size: 2.2rem;
	font-family: 'Oswald', sans-serif;
	/*font-weight: bold;*/
	letter-spacing: 0.05em;
	line-height: 1.2;
}
/* 営業時間 */
.front_fotter_open{
	color: #fff;
	font-size: 1rem;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.1em;
}

/* FAX */
.front_fotter_fax{
	color: #fff;
	font-size: 1.7rem;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
}


/* 上下左右中央（CSS Gridを使う方法） */
.container-center {
	display: grid;
	place-items: center;
}


/* フッタ */
/* トップへ戻るボタン画像の表示調整 */
.go-to-top-button {
	width: 60px; /* ボタン画像の表示幅 */
	height: auto; /* ボタン画像の高さは自動調整 */
}
.go-to-top-button:hover { /* カーソルを合わせると少し拡大する */
 	transform: scale(1.1);
}

/*フッターロゴサイズ （画像サイズの幅で表示）*/
.footer-bottom-logo .logo-image {
	padding: 0;
	max-width: 240px; /*画像サイズと合わせる*/
}
.footer-bottom-logo img {
	height: auto;
}

/*フッター全体？*/
.footer-bottom{
	font-size: 12px;/*Copyright文字を小さく*/
}

/*フッタメニュリンク*/
.footer-bottom.fnm-text-width .menu-footer li a{
	padding: 0 16px;/*左右の余白調整*/
	font-size: 13px;
	line-height: 1.2;
}

/* フッタブロックの高さに余白を持たせる */
.footer {
 padding: 40px 0; /*PC*/
}
@media screen and (max-width: 834px) {
	.footer {
		padding: 30px 0; /*mobile*/
	}
}

/*フッタのサイトロゴの周りの余白無くす*/
.footer-bottom-logo .site-name-text-link{
	padding: 0;
}

/*コピーライトとフッタメニュの余白*/
.copyright {
    margin-top: 40px;
}

/* フッタメニュー　モバイル時*/
/*480px以下*/
@media screen and (max-width: 480px){
	.navi-footer-in > .menu-footer{
	margin-top: 2rem;	
	margin-bottom: 2rem;	
	}
	
	.copyright{
		width: 80%;
		margin: 0 auto;
		font-size: 0.9em;
		padding: 20px;
	}
	/*フッタメニュリンク*/
	.footer-bottom.fnm-text-width .menu-footer li a{
		padding: 6px 10px;/*余白調整*/
	}
}
	


/*2023.02.07 YOUTUBE動画を中央寄せに*/
.video-container {
	margin: 0px auto;
}


/* ↓start 2023.02.10 SNSシェアボタン ------------------- ↓start */
#main .button-caption {
	display: none; /*キャプション非表示*/
}

.sns-share-message{
	font-size: 0.8em;
	font-weight: bold; /*太字*/
	color: #666666; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
	padding-bottom: 20px;
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}
/* ↑end 2023.02.10 SNSシェアボタン -------------------  ↑end */




/* ★ウィジェット関連 カスタマイズ--------------------- */

/* アーカイブ（月別記事）のデザイン--------------------- */
.widget_archive ul li {
  /*親カテゴリ*/
  padding-left: 10px;
  border-bottom: 1px dotted rgba(125, 125, 125, 0.2);
  /*カテゴリ間の下線種類*/
}

.widget_archive ul li a {/*リンク*/
	/*font-size: .95rem;*/
	padding: 5px 0;/*上下幅調整*/
}

.widget_archive ul li a .post-count {
  /*記事数*/
  border: 1px solid rgba(221, 221, 221, 0.867);
  /*囲い*/
  border-radius: 5px;
  /*ボーダーの丸み*/
  font-size: .8em;
  /*数字サイズ*/
  padding: 1px 10px;
  /*囲いの大きさ*/
}

.widget_archive ul li a:before {
  /*アイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  /*種類*/
  color: #CC0804;
  /*色*/
  margin-right: 6px;
  /*アイコンと文字の距離*/
  font-weight: bold;
}

.widget_archive ul li a:hover {
  /*ホバー*/
  background: transparent;
  margin-left: 5px;
  /*hover時動く幅*/
  background-color: #efefef;
}

.widget_archive ul li a:hover .post-count {
	border-color: #c13832; /*囲線色*/
	background: rgba(204,8,4,.7); /*背景色*/
	color: #fff; /*文字色*/
	transition: .4s; /*変化スピード*/
}
/* ↑end アーカイブのデザイン end↑--------------------- */


/* 2023.02.10 ★サイドバー関連 ------------------- ↓start */


/*新着記事*/
.widget_new_entries .a-wrap {
	background-color: #fff;
	/*padding: 1rem 1rem;*/
}



/*--検索窓 */
/* 検索ボタン */
.search-box .search-submit {
	border: 1px solid #ddd;
	border-radius: 0px;/*角丸なし*/
	top: 0;
	right: 0;
	height: 100%;
	width: 60px;
	background: #EEEEEE;/*背景を付ける*/
	color: #666;
	padding-left: 10px;
}
/* 入力欄 */
.search-box .search-edit {
	border: 1px solid #ddd; /* 太さ 線の種類 色 */
	border-radius: 0px;/*角丸なし*/
	font-size: 0.9rem;
}
/*入力欄と検索ボタンの強調の無効化*/
.search-box .search-edit:focus, .search-box .search-submit:focus {
	outline: 0;
	outline-offset: unset;
}



/** サイドバーの見出し 2023.02.10 **/
/* 中央揃え、下線、画像アイコンつき */
.midashi_img{
	position: relative;
	margin:20 auto;
	padding: 0 24px;
	/*text-align: center;*/
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.midashi_img:before {
	position: absolute;
 	content: "";
 	border-bottom: 2px solid #000;/*長い方のライン(黒)*/
 	top: 108%;
 	left: 6px;/*位置は要調整*/
 	z-index:0;
 	width: 90%;
}
.midashi_img:after {
	position: absolute;
 	content: "";
 	border-bottom: 2px solid #CC0804;/*短い方のライン（赤）*/
 	top: 108%;
 	left: 6px;/*位置は要調整*/
 	z-index:0;
 	width: 20%;
}

.midashi_img span{
	font-weight: 700;
	color: #333;/*好きな色に*/
	display: inline-block;
	padding: 1em;
	letter-spacing: .05em;
	font-size: 18px;
	/* background-color:#fff; */
	position:relative;
	line-height: 2px;
	padding-right: 9px;/*要調整*/
}
.widget-title{
	display:none;/*ヴィジェットのタイトル消す*/
}

/* ここから下は画像使う場合 */
.midashi_img img{
	max-width:28px;/*要調整*/
	position: absolute;
	top:6px;/*要調整*/
	left: -15px;/*要調整*/
}

/* --サイドバー　フォントサイズを小さめに-- */
.sidebar {
	font-size: 0.8em;
	background-color: #fff; /* 背景 */
}
.widget-sidebar ul li a {
	font-size: 0.9em;
}

/*マウスオーバー時の背景色変更*/
.widget-sidebar ul li a: hover{
	background-color:#FCF6F6 !important;
}

.widget-entry-card {
	font-size: 0.9em; /* 新着情報などのカード */
}


.div_widgetblock { /* ★テスト　ウィジェットで挟めなかった */
	background-color:#fff;
	margin: 20px 0;
	padding: 4px 10px;
	border-radius:10px;
	transition: 0.4s
}

.space_100 {
	margin-bottom: 100px;
}



/*--タグクラウド*/
.tagcloud a{
	border: 0px solid var(--cocoon-x-thin-color);/*線なし*/
	background: #E9F4FF;/* 背景（薄いブルー） */
	color: #4D4D4D
}


/*SNSフォローボタンのカスタマイズ（丸アイコンに）*/
.sidebar .sns-follow-buttons {
	justify-content: center; /*ボタンを中央寄せにする*/
}
.sidebar .sns-follow {
	margin: 0 0 24px 0;
}
.sidebar .sns-follow-buttons a {
	border-radius: 50%;
	width: 40px; /*ボタンの横の大きさ*/
	height: 40px; /*ボタンの縦の大きさ*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
.sidebar .instagram-button {
	background: linear-gradient(45deg,#FFDD83, #F26939 30%, #CF2E92 60%, #4C64D3)!important;
}

/* 2023.02.10 ★サイドバー関連 ------------------- ↑end */




/* ★以下、ページ固有★ */


/* ▼問い合わせページ */
/* 電話とFAXの番号 */
.contactpage_telfax{
	font-size: 2rem;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.05em;
}







/* ★以下、共通系★ */

/* モバイルのみの改行（PCの時は改行非表示） */
@media screen and (min-width: 480px){
	.br-sp {display: none; }
}



/* --マウスオーバー　エフェクト-- */
/* ①すばやく拡大 mouseover_11_fast　*/
.mouseover_11_fast img {
	transition: all .1s ease-out 0.1s;
}
.mouseover_11_fast img:hover{
	transform: scale(1.1)!important; /* 拡大 */
	/*transition: all .1s ease-out 0.1s;*/
}




/* ----フォントサイズ------------------------------ */
.page-font-07 { /* フォント　0.7倍 */
	font-size: 0.7rem;
}
.page-font-08 { /* フォント　0.8倍 */
	font-size: 0.8rem;
}
.page-font-085 { /* フォント　0.85倍 */
	font-size: 0.85rem;
}
.page-font-08_lineheight15 { /* フォント　0.8倍 ※行間小さめで利用したい時*/
	font-size: 0.8rem;
	line-height: 1.5rem;
}
.page-font-09 { /* フォント　0.9倍 */
	font-size: 0.9rem;
}
.page-font-095 { /* フォント　0.95倍 */
	font-size: 0.95rem;
}
.page-font-11 { /* フォント　1.1倍 */
	font-size: 1.1rem;
}
.page-font-12 { /* フォント　1.2倍 */
	font-size: 1.2rem;
}
.page-font-13 { /* フォント　1.3倍 */
	font-size: 1.3rem;
}
.page-font-14 { /* フォント　1.4倍 */
	font-size: 1.4rem;
}
.page-font-15 { /* フォント　1.5倍 */
	font-size: 1.5rem;
}
.page-font-16 { /* フォント　1.6倍 */
	font-size: 1.6rem;
}
.page-font-17 { /* フォント　1.7倍 */
	font-size: 1.7rem;
}
.page-font-18 { /* フォント　1.8倍 */
	font-size: 1.8rem;
}
.page-font-19 { /* フォント　1.9倍 */
	font-size: 1.9rem;
}
.page-font-20 { /* フォント　２倍 */
	font-size: 2rem;
}


/* ----フォントウェイト-------------------- */
.page-font-b { /* BOLD */
	font-weight: bold;
}


/* ----フォントの色------------------------------ */
.page-font-themered {/* テーマ色の赤 */
	color: #c13832; /* （少しダーク）*/
}

.page-font-red {/* 赤色 */
	color: #EE2727; /*  （アクセントで明るめ）*/
}

.page-font-gray333 {/* グレー */
	color: #333333;
}
.page-font-gray666 {/* グレー */
	color: #666666;
}
.page-font-gray999 {/* グレー */
	color: #999999;
}
.page-font-white {/* 白 */
	color: #fff;
}



/* マーカーっぽいライン */
.uline-yellow { /* 黄 */
	background: linear-gradient(transparent 60%, #FFFC7F 60%); /*old FFFC7F*/
	padding: 0 2px; /* 左右に余白 */
}
.uline-yellow-b { /* 黄 太め */
	background: linear-gradient(transparent 0%, #ffff66 20%);
	padding: 0 2px; /* 左右に余白 */
}



/*2023.01.17 --Webフォント--*/
.font_oswald {
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.1em
}
.font_BarlowCondensed {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 400;
	letter-spacing: 0.1em
}
.font_BarlowCondensed-500 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em
}
.font_BarlowCondensed-600 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	letter-spacing: 0.1em
}
.font_NotoSerif {
	font-family: 'Noto Serif JP', serif;
}

/* 区切り線 */
/* 短め キーの明るめ赤 */
.hr_keyred_s{
	/*color: #EE2727 !important;*/
	border: 2px solid #EE2727;
	width: 100px;
	margin: 0 auto;
	margin-bottom: 2rem;
}


/* テキストを中央揃え */
.text_center{
	text-align: center;
}

/* テキストを右端揃え */
.text_right{
	text-align: right;
}

/* テキストを左揃え */
.text_left{
	text-align: left;
}

/* 背景色(汎用的) */
.bgcolor_white{
	background-color: #fff;	
}



/* 階層化のテキストスタイル */

.indent-h2 { /*H2*/
	padding-left: 0.8em;
	padding-right: 0.8em;
}
.indent-h3 { /*H3*/
	padding-left: 0.8em;
	padding-right: 0.8em;
	font-size: 0.9em;
}
.indent-h4 { /*H4*/
	padding-left: 0.8em;
	padding-right: 0.8em;
	font-size: 0.85em;
}
.indent-h5 { /*H5*/
	padding-left: 0.8em;
	padding-right: 0.8em;
	font-size: 0.8em;
}
.indent-h6 { /*H6*/
	padding-left: 0.8em;
	padding-right: 0.8em;
	font-size: 0.8em;
}


/* ----------------- リスト系 --------------------- */

/* 注釈用（※）連番あり */
div.com_list_num {
	text-indent: -2em;
	margin-left: 2em;
	counter-increment: calc-ex9;
	font-size: 0.8em;
	line-height: 1.7em;
	margin-bottom: 0.5em; /* リスト間に少し間を空けるため */
}

div.com_list_num:before {
	content: '\203B'counter(calc-ex9);
	display: inline-block;
	width: 2em;
	text-indent: 0;
}

/* 注釈用（※）スタイル連番なし */
div.com_list {
	text-indent: -1em;
	margin-left: 1em;
	font-size: 0.7em;
	line-height: 1.5em;
	margin-bottom: 0.5em; /* リスト間に少し間を空けるため */
}

div.com_list:before {
    content: '※';
}


/* 注釈用（※印なし）テキスト小サイズ、行間小さめ */
div.com_list_none {
	font-size: 0.8em;
	line-height: 1.7em;
	margin-bottom: 0.5em; /* リスト間に少し間を空けるため */
}


/* 先頭＞マーク、隔行で背景交互 ※用語解説一覧ページ特有 */
ul.list_chevron { 
	list-style-type: none;
	margin: 5px 0 5px 0; /* 上下にマージン */
	position: relative;
}
ul.list_chevron li {
	padding: 0.3em 0 0.3em 2em;/*左端からテキストまで*/
	line-height: 1.5em;
	font-weight: bold;
}

ul.list_chevron li:before {/*疑似要素*/
	font-family: FontAwesome;
	content: "\f138";/*アイコンの種類chevron-square-right*/
	position: absolute;
	left: 3em; /*左端からのアイコンまで*/
	color: #EE2727; /*アイコン色*/
}

ul.list_chevron li:nth-child(even){
	background:#f7f6f4;/*偶数行　背景色　グレーベージュ*/
}

ul.list_chevron a:hover {
	color: #999999!important;/*カーソルオーバ時、文字を薄く*/
}

ul.list_chevron a {
	color: #444; /*フォントの色を変えない*/
}

ul.list_chevron a:visited {
	color: #444; /*フォントの色を変えない*/
}



/*---------------------共通系------------------------*/
/*--- ①[番号なし] シンプルな● */

/*--- 1:キーカラーの赤 */
ul.list_circle_1{
    list-style: none;
    padding:0;
    margin:0;
}
ul.list_circle_1 li{ 
    position: relative;
    margin:0.5em 0 !important;
    padding-left: 25px;
	line-height: 1.6em;/* 1行の行間少し狭め */
}
ul.list_circle_1 li:before {
	background-color:  #CC0804; /* 点の色：Cocoonのキーカラー */
	position: absolute;
	content: '';
	top:0.7em;
	left: 0.5em;
	width: 7px;
	height: 7px;
	border-radius: 4px;
}


/*--- 2:ブルーグリーン */
ul.list_circle_2{
    list-style: none;
    padding:0;
    margin:0;
}
ul.list_circle_2 li{ 
    position: relative;
    margin:0.5em 0 !important;
    padding-left: 25px;
	line-height: 1.6em;/* 1行の行間少し狭め */
}
ul.list_circle_2 li:before {
	background-color: #00a3af; /* 点の色：ブルーグリーン */
	position: absolute;
	content: '';
	top:0.7em;
	left: 0.5em;
	width: 7px;
	height: 7px;
	border-radius: 4px;
}

/*--- 3:オレンジ */
ul.list_circle_3{
    list-style: none;
    padding:0;
    margin:0;
}
ul.list_circle_3 li{ 
    position: relative;
    margin:0.5em 0 !important;
    padding-left: 25px;
	line-height: 1.6em;/* 1行の行間少し狭め */
}
ul.list_circle_3 li:before {
	background-color: #f39800; /* 点の色：オレンジ */
	position: absolute;
	content: '';
	top:0.7em;
	left: 0.5em;
	width: 7px;
	height: 7px;
	border-radius: 4px;
}





/*--- ②[番号あり] ❶❷❸～ */
ul.list_num_1{
	counter-reset:number; 
	list-style-type: none; 
	padding:0;
	margin:0;
}
ul.list_num_1 li {
	position: relative;
	margin:0.5em 0 !important;
	padding-left: 1.8em;
	line-height: 1.6em;/* 1行の行間少し狭め */
}
ul.list_num_1 li:before {
	counter-increment: number;
	content: counter(number);
	background-color: #CC0804; /* 文字背景色：Cocoonのキーカラー */
	color: #fff; /* 文字色 */
	position: absolute;
	font-weight:bold;
	font-size: 14px;
	font-family: 'Barlow Condensed', sans-serif; /* フォント */
	font-weight: 600;
	letter-spacing: 0.1em;
	border-radius: 50%;
	left: 0;
	top:0.2em;
	width: 22px;	
	height: 22px;
	line-height: 22px;
	text-align: center;
}

/*--- ③[アイコン] チェックマーク */
/*--- ベタ●ver */
ul.list_icon_1{
	list-style: none;
	padding:0;
	margin:0;
}
ul.list_icon_1 li { 
	position: relative;
	margin:0.5em 0 !important;
	padding-left: 25px;
	line-height: 1.6em;/* 1行の行間少し狭め */
}
ul.list_icon_1 li:before {
	font-family: 'Font Awesome 5 Free';
	/*font-weight: 900; solid*/
	/*font-weight: 400; regular*/
	font-weight: 900;

	font-size: 1.2rem;
	content: "\f058"; /*チェックマーク*/
	color:  #CC0804; /* 色：Cocoonのキーカラー */
	position: absolute;
	left:0;
}

/*--- 線ver */
ul.list_icon_1_regular{
	list-style: none;
	padding:0;
	margin:0;
}
ul.list_icon_1_regular li { 
	position: relative;
	margin:0.5em 0 !important;
	padding-left: 25px;
	line-height: 1.6em;/* 1行の行間少し狭め */
}
ul.list_icon_1_regular li:before {
	font-family: 'Font Awesome 5 Free';
	/*font-weight: 900; solid*/
	/*font-weight: 400; regular*/
	font-weight: 400;

	font-size: 1.2rem;
	content: "\f058"; /*チェックマーク*/
	color:  #CC0804; /* 色：Cocoonのキーカラー */
	position: absolute;
	left:0;
}


/*--- シンプルなチェックマークver */
ul.list_icon_1_simple{
	list-style: none;
	padding:0;
	margin:0;
}
ul.list_icon_1_simple li { 
	position: relative;
	margin:0.5em 0 !important;
	padding-left: 25px;
	line-height: 1.6em;/* 1行の行間少し狭め */
}
ul.list_icon_1_simple li:before {
	font-family: 'Font Awesome 5 Free';
	/*font-weight: 900; solid*/
	/*font-weight: 400; regular*/
	font-weight: 900;

	font-size: 1.2rem;
	content: "\f00c"; /*チェックマーク*/
	color:  #CC0804; /* 色：Cocoonのキーカラー */
	position: absolute;
	left:0;
}


/*--- ④[アイコン] 吹き出し */
ul.list_icon_2{
	list-style: none;
	padding:0;
	margin:0;
}
ul.list_icon_2 li { 
	position: relative;
	margin:0.5em 0 !important;
	padding-left: 25px;
	line-height: 1.6em;/* 1行の行間少し狭め */
}
ul.list_icon_2 li:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f4ad"; /*吹き出し*/
	/*font-weight: 900; solid*/
	/*font-weight: 400; regular*/
	font-weight: 900;
	color:  #CC0804; /* 色：Cocoonのキーカラー */
	position: absolute;
	left:0;
}


/* --------end↑--------- リスト系 ----------↑end----------- */




/*--- アコーディオン（トグルボックス） */
.toggle-button {
	border-radius: 0; /*丸み：なし*/
	text-align: left;/* 左寄せ */
	font-size: .9375em; /*文字の大きさ*/
}
/*全体枠*/
.toggle-wrap .toggle-content{
	border-width: 1px!important; /*線の太さ：細く*/	
}

/*トグルアイコン*/
.toggle-button::before{
	/*font-family: Font Awesome 5 Free;*/
	/*content:'\f059';*/
	/*font-weight: 900; solid*/
	/*font-weight: 400; regular*/
	font-family: 'Marcellus', serif;
	content:'Q';
	font-size: 1.2em!important;
}


/*展開時のアイコンは、-を表示*/
.toggle-checkbox:checked ~ .toggle-button::before {
	/*font-family: FontAwesome;*/
	/*content: '\f068';*/
	content: '-';
}



/************************************
****　FAQ　角型ラベル
************************************/
.is-style-square {
    background-color: #f7f7f7;/*背景色の変更はこちら*/
	padding: 2rem;
}
.is-style-square div.faq-question-label.faq-item-label{/*Q*/
    background-color: #D55656;
    font-size: 18px;
    padding: 1px 10px 6px;
    border-radius: 0%;
    font-weight: bold;
}
.is-style-square div.faq-answer-label.faq-item-label{/*A*/
    background-color: #6599B7;
    font-size: 17px;
    padding: 2px 11px 4px;
    border-radius: 0%;
    font-weight: bold;
}





/* 吹き出し */
.speech-wrap .speech-balloon {/*パソコン*/
	font-size: 15px;
	padding: 18px 25px;
	line-height: 1.65;
}

@media screen and (max-width: 768px) {/*タブレット*/
	.speech-wrap {
	font-size: 16px;
	}
}
@media screen and (max-width: 480px) {/*スマホ*/
	.speech-wrap .speech-balloon {
		font-size: 14px;
		padding: 12px;
		line-height: 1.5;
	}
} 




/* 共通のFlex（PC：左寄せ、SP：中央揃え【standard-flexbox-left】） */
	 /* PC時 */
.standard-flexbox-left {
	display: -webkit-flex;/* Safari */
	display: flex;
	-webkit-flex-direction: row;/* Safari */
	flex-direction: row;/* 横並びで表示 */
	align-items: center;/* 上下中央寄せ */
	margin: 0;
}

/* mobile時*/
@media screen and (max-width: 480px){
	.standard-flexbox-left {
		display: -webkit-flex;/* Safari */
		display: flex;
		-webkit-flex-direction: column;/* Safari */
		flex-direction: column;/* 縦表示 */
	}
	.standard-flexbox-left> div {
		margin: 0;
	}
}



/* 共通のFlex（PC：中央揃え、SP：中央揃え【standard-flexbox-center】） */
	 /* PC時 */
.standard-flexbox-center {
	display: -webkit-flex;/* Safari */
	display: flex;
	-webkit-flex-direction: row;/* Safari */
	flex-direction: row;/* 横並びで表示 */
	align-items: center;/* 上下中央寄せ */
	-webkit-justify-content: center; /* Safari （中央）*/
	justify-content: center;
	margin: 0;
}

/* mobile時*/
@media screen and (max-width: 480px){
	.standard-flexbox-center {
		display: -webkit-flex;/* Safari */
		display: flex;
		-webkit-flex-direction: column;/* Safari */
		flex-direction: column;/* 縦表示 */
	}
	.standard-flexbox-center> div {
		margin: 0;
	}
}




/* レスポンシブ対応テーブル　標準(シンプル、吹き出しなし、600pxが境界) */
/* 利用⇒会社概要 */
table.standard-table{
	margin: 0 auto;
	/*border-spacing: 0px 2px;*//* test */
	border: none !important;
	border-collapse: collapse;
	font-size: 14px;
}
 
table.standard-table td{
	/*border: none !important;*/
	border: 1px solid #d8d8d8;
	padding-top: 10px; /* 表のデータ側の上部余白 */
	padding-bottom: 8px; /* 表のデータ側の下部余白 */
	padding-left: 20px; /* 表のデータ側の左端余白 */
	padding-right: 20px; /* 表のデータ側の右端余白 */
	vertical-align: middle;
	background: #fff; /**背景色**/
	color: #4D4D4D; /**文字色：少しグレー**/
}

table.standard-table th { /**TH：左列見出し**/
	border: 1px solid #d8d8d8;
	background: #E9F4FF;/**背景色**/
	vertical-align: middle!important;
	text-align: center;
	width: 160px;
	overflow: visible;
	position: relative;
	color: #4D4D4D; /**文字色：少しグレー**/
	font-weight: bold;
	font-size: 14px;
}

/**↑endレスポンシブ対応テーブル　標準 end↑**/


/* 600pxまでのサイズの場合→モバイル用)*/
@media only screen and (max-width: 600px) {
	table.standard-table {
		border-collapse: collapse; /* 隣接する境界線を結合して（重ねて）表示する （初期値） */
		background: #fff; /**背景色**/
		border: 1px solid #d8d8d8; /* 枠線 */
	}
	table.standard-table tr{
		background: #fff; /**背景色**/
	}
	table.standard-table td, table.standard-table th {
		display: block;
		width: 90% !important;
		margin: 0 auto;
		padding-left: 8px; /* 左端余白 */
		font-size: 16px;
		border-collapse: collapse;
	}
	table.standard-table th{
		letter-spacing: 0.05em;
	}
	table.standard-table td{
		margin-bottom: 10px;/* 項目ごとのマージン */
		font-size: 15px;
		padding-top: 10px; /* 表のデータ側の上部余白 */
		padding-bottom: 16px; /* 表のデータ側の下部余白 */
		padding-left: 10px; /* 表のデータ側の左端余白 */
		padding-right: 10px; /* 表のデータ側の右端余白 */
	}
	/**↑endレスポンシブ対応テーブル　標準　モバイル用 end↑**/
	

.sectionline { /* 点線区切り線 */
	width: 100%;
	border-top: 1px dotted #999999; /* 薄いグレー */
	margin-top: 0.5em;	
	margin-bottom: 0.5em;
}




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

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

}

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

}