@charset "utf-8";

/*----------------------------------
共通
----------------------------------*/

:root {
	--theme-color-1: #0083e9;
	--text-color: #002040;
}

body,
body a,
body #contents,
body #contents a {
	color: var(--text-color);
}

body #contents {
	margin-bottom: 100px;
	background: #fff;
}

/*
 * フォントサイズ
 */
body,
#recent_post .title,
.headline2,
.headline3,
#post_list .title,
#related_post .title,
#featured_post .post1 .title,
#featured_post ul.post2 li .title,
#featured_post2 .post1 .title,
#featured_post2 li .title,
#footer .footer_menu > div > ul > li > a {
	font-size: 17px;
	line-height: 1.6;
}

.info .excerpt,
#featured_post .post1 .excerpt,
#related_post .info,
#post_list .excerpt {
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.5;
}

#post_list .link {
	padding: 15px 85px;
	display: inline-block;
	border: 1px solid #0083e9;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	color: #0083e9;
	line-height: 1;
	margin-top: 40px;
	font-size: 17px;
	background: #fff;
}

#post_list .link:after {
	content: url(img/detail-arrow.png);
	position: absolute;
	right: 10px;
}

.archive #post_list h4 a {
	color: #fff;
	text-decoration: none;
}

/*
 * 見出し
 */
#contents #main_col h2 {
	font-size: 30px;
	color: var(--text-color);
	background: none;
	border-bottom: 1px solid var(--text-color);
	position: relative;
	padding-left: 30px;
	/*display: flex;
	align-items: center;*/
}

#contents #main_col h2:before {
	content: '';
	width: 23px;
	height: 23px;
	background: url(img/h2-icon.png) no-repeat bottom / contain;
	position: absolute;
	bottom: -1px;
	left: 0;
}

#contents #main_col h2:after {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-size: 1rem;
	padding-left: 1.75rem;
	position: absolute;
	bottom: -45px;
	left: 0;
}

#contents #main_col h3 {
	font-size: 24px;
	color: var(--text-color);
	border-bottom: 1px solid var(--text-color);
	position: relative;
	padding-left: 35px;
	display: flex;
	align-items: flex-start;
}

#contents #main_col h3:after {
	content: '';
	display: block;
	height: 3px;
	width: 80px;
	background-color: var(--text-color);
	position: absolute;
	left: 0;
	bottom: -2px;

}

#contents #main_col h3:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 1em;
	height: 1em;
}

#contents #main_col .company h3 {
	padding-top: 0;
}
#contents #main_col .company h3:before {
	background: url(img/heading-icon-company.png) no-repeat center / contain;
}

#contents #main_col .nondestructive h3,
#contents #main_col .non-destructive h3 {
	padding-top: 0;
}
#contents #main_col .nondestructive h3:before,
#contents #main_col .non-destructive h3:before {
	background: url(img/heading-icon-nondestructive.png) no-repeat center / contain;
}

#contents #main_col .structure h3 {
	padding-top: 0;
}
#contents #main_col .structure h3:before {
	background: url(img/heading-icon-structure.png) no-repeat center / contain;
}

#contents #main_col .qualification h3 {
	padding-top: 0;
}
#contents #main_col .qualification h3:before {
	background: url(img/heading-icon-qualification.png) no-repeat center / contain;
}

#contents #main_col .recruit h3,
#contents #main_col .saiyou h3{
	padding-top: 0;
}
#contents #main_col .recruit h3:before,
#contents #main_col .saiyou h3:before{
	background: url(img/heading-icon-recruit.png) no-repeat center / contain;
}

#contents #main_col h4 {
	font-size: 20px;
	color: #fff;
	background: var(--theme-color-1);
	padding: 10px 18px;
}

#contents #main_col h5 {
	font-size: 20px;
	color: var(--theme-color-1);
	display: flex;
	align-items: flex-start;
}

#contents #main_col h5:before {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	background: url(img/h5-icon.png) no-repeat center / contain;
	margin-right: 4px;
	position: relative;
	top: 6px;
}

#contents #main_col h6 {
	font-size: 17px;
}

@media screen and (max-width: 639px) {
	#contents #main_col h2 {
		padding-bottom: .4em;
		font-size: 28px;
		padding-left: 20px;
		padding-right: 0;
		letter-spacing: 1px;
	}
	.headline3 {
		padding-bottom: unset;
		height: auto;
	}
}

.line {
	display: inline-block;
}

#index_top {
	display: none;
}
#recommend_gallery {
	display: none;
}

@media screen and (max-width: 1023px) {
	#main_col > * {
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
}

#main_col {
	width: 720px;
}
#side_col {
	width: 250px;
}

/* サイドナビ */
#side_col img {
	width: 100%;
	height: auto;
}

#side_col .side-nav-links {
	border: 1px solid var(--theme-color-1);
}
#side_col .side-nav-links h5 {
	background: var(--theme-color-1);
	color: #fff;
	margin: 0;
	font-size: 18px;
	padding: 15px 0;
	display: flex;
	align-items: center;
	position: relative;
	letter-spacing: 0;
}

#side_col .side-nav-links h5:after {
	content: url(img/white-right-arrow.png);
	position: absolute;
	right: 15px;
}

#side_col .side-nav-links h5 a {
	color: #fff;
	text-decoration: none;
}

#side_col .side-nav-links h5:before {
	content: '';
	width: 2em;
	height: 2em;
	display: block;
	margin: 0 10px;
}

#side_col #side-nondestructive.side-nav-links h5:before {
	background: url(img/icon-pale-nondestructive.png) no-repeat center / contain;
}

#side_col #side-structure.side-nav-links h5:before {
	background: url(img/icon-pale-structure.png) no-repeat center / contain;
}

#side_col #side-qualifications.side-nav-links h5:before {
	background: url(img/icon-pale-qualifications.png) no-repeat center / contain;
}

#side_col #side-company.side-nav-links h5:before {
	background: url(img/icon-pale-company.png) no-repeat center / contain;
}

#side_col #side-contact.side-nav-links h5:before {
	background: url(img/icon-pale-contact.png) no-repeat center / contain;
}

#side_col #side-catalogue.side-nav-links h5:before {
	background: url(img/icon-pale-catalogue.png) no-repeat center / contain;
}

#side_col #side-journal.side-nav-links h5:before {
	background: url(img/icon-pale-journal.png) no-repeat center / contain;
}


#side_col .side-nav-links ul {
	font-size: 16px;
	padding: 15px 20px;
	letter-spacing: 0;
	margin-bottom: 0;
}
#side_col .side-nav-links li {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: .7em;
}

#side_col .side-nav-links li:before {
	content: url(img/blue-right-arrow.png);
	margin-right: 5px;
}

#side_col .side-nav-links li a {
	text-decoration: none;
	color: var(--theme-color-1);
}

@media screen and (max-width: 639px) {
	#main_col {
		padding-bottom: 100px;
	}
	body #contents {
		margin-bottom: 0;
	}
}


/*----------------------------------
ヘッダロゴ背景
----------------------------------*/
#header_wrap {
	background: #fff;}

@media screen and (max-width: 640px) {
	body {
		background: #f3f3f3; /*　指定箇所が無いのでbodyに挿入　*/
	}
}


/*----------------------------------
ヘッダーロゴ　640×100の画像を使用した場合
----------------------------------*/
#logo img{/**　ＰＣロゴ調整　**/
	margin:35px 0 0 0;
	width:45%;}

@media screen and (max-width: 640px){/**　スマホロゴ調整　**/
#logo_sm {
  width:60%;
	margin:0 auto;
  padding:20px 0 0 0;}
}

/*----------------------------------
ヘッダーメニュー
----------------------------------*/
@media screen and (min-width: 640px){
	#global_menu > .menu > .menu-item:nth-child(n+7) {
		display: none;
	}
	#global_menu ul ul li {
		width: 320px !important;
	}
}

/*----------------------------------
フッタ
----------------------------------*/
#footer_wrap {
	padding: 0;
}

#footer {
	margin: 0;
	width: 100%;
	display: grid;
	grid-template-columns: 45% auto;
}

#footer #footer_left {
	float: none;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	background: var(--text-color);
	padding: 80px clamp( 20px, 4vw, 85px) 60px 5%;
}

#footer #footer_left > div {
	width: 380px;
}

#footer #footer_left .footer-left-contents {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#footer .footer_menu_wrap {
	float: none;
	width: unset;
	background: #dfe9f1;
	padding: 80px 5% 60px clamp( 20px, 4vw, 85px);
}

#footer .header_banner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

#footer .header_banner .banner_row:after {
	content: unset;
}

#footer .header_banner .banner_row .barb_text_banner {
	background-color: #fff !important;

}

#footer .header_banner .banner_row .barb_text_banner a,
#footer .header_banner .banner_row .barb_text_banner a span {
	color: var(--text-color) !important;
}

.header_banner .text_row .textwidget {
	height: unset;
}

#footer #copyright {
	background: none;
}
#footer #copyright,
#footer #copyright a {
	color: #fff;
	font-size: 14px;
	min-width: unset;
}

#footer #copyright p {
	text-align: left;
}

.header_banner .text_row {
	width: unset;
}
#header .header_banner .text_row {
	color: var(--text-color);
	width: unset;
}
#footer .header_banner .text_row {
	color: #fff;
	width: unset;
}
#footer .footer_menu {
	width: auto;
	display: flex;
	gap: 50px;
}

#footer .footer_menu a {
	color: var(--text-color);
	border-bottom: none;
}

#footer .footer_logo img {
    width: 280px;
    margin-bottom: 20px;}

#footer .header_banner{
    margin-top:10px;}

/*
#footer .footer_menu ul li {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
 */
#footer .footer_menu ul li a {
	font-size: 16px;
}

#footer .footer_menu > div > ul > li > a {
	font-weight: bold;
}

#footer .footer_menu > div > ul > li:not(:first-child) {
	margin-top: 2em;
}

#footer .footer_menu > div > ul > li .sub-menu {
	margin-top: 2em;
}

#footer .footer_menu .sub-menu li a:before {
	content: '－ ';
}

#footer .footer_menu > div:last-child > ul > li:last-child  {
	border: 1px solid var(--text-color);
}

#footer .footer_menu > div:last-child > ul > li:last-child a {
	line-height: 1.3;
	display: flex;
	align-items: center;
	font-size: 15px;
	letter-spacing: 0;
	padding: 10px;
	position: relative;
	gap: 10px;
}

#footer .footer_menu > div:last-child > ul > li:last-child a:before {
	content: '';
	display: block;
	width: 22px;
	height: 26px;
	background: url(img/catalogue-icon.png) no-repeat center / contain;
}

#footer .footer_menu > div:last-child > ul > li:last-child a:after {
	content: '';
	display: block;
	width: 11px;
	height: 14px;
	background: url(img/footer-navi-arrow.png) no-repeat center / contain;
	position: absolute;
	right: 5px;
}

#footer #copyright {
	margin-top: 14em;
}

#footer #copyright p {
	height: unset;
	line-height: 1.5;
}

#return_top {
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 99;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
	#footer .header_banner .banner_row_wrapper {
		width: 100%;
	}
	#footer .header_banner .banner_row {
		flex-direction: column;
		width: 100%;
		align-items: center;
	}
}

@media screen and (max-width: 1023px) {
	#footer #footer_left > div {
		width: 100%;
	}
	#footer .footer_logo img {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	#footer .footer_menu {
		display: block;
	}
}

@media screen and (max-width: 639px) {
	#footer {
		display: block;
	}
	#footer #footer_left {
		padding: 50px 20px;
		align-items: center;
	}

	#footer .header_banner .banner_row_wrapper {
		width: 100%;
	}
	#footer .header_banner .banner_row .barb_text_banner {
		flex-basis: 50%;
	}
	#footer .footer_menu {
		display: block;
	}
	#footer .footer_menu li {
		text-align: left;
	}
	#footer .footer_menu_wrap {
		padding: 40px 20px;
	}
	#footer .header_banner {
		align-items: center;
	}
	#footer #copyright {
		margin-top: 2em;
	}
}

/*----------------------------------
サイト説明文部分
----------------------------------*/
#desc_wrap {
	height: 32px;
	background: var(--theme-color-1);
}

#desc_fit {
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#site_description {
	color: #fff;
	text-align: center;
	position: static;
}

@media screen and (max-width: 640px) {/*スマホ*/	
	#header{
		background: var(--theme-color-1);
	}
	#desc_wrap {
		display: none;
	}
	.title_text{
		color: #eee;/*説明文テキスト*/}
	}

/*----------------------------------
ヘッダ右
----------------------------------*/
.header_banner .banner_row {
	width: unset;
	display: flex;
	justify-content: right;
	gap: 10px;
	margin-right: -10px;
}

.header_banner .banner_row .barb_text_banner {
	border-radius: unset;
	background-color: var(--text-color) !important;
	padding: 5px 10px;
	height: 2em;
	line-height: 2em;
}

.header_banner .banner_row > div > a {
	position: static;
}

.header_banner .banner_row .barb_text_banner a span.fa {
	display: none;
}

/*----------------------------------
グローバルメニュー
----------------------------------*/

#menu_wrap {
	background: none;
	border: none;
}

#global_menu {
	border: none;
}
#global_menu > .menu {
	display: flex;
	justify-content: space-between;
}
#global_menu > .menu > .menu-item {
	width: auto !important;
}

#global_menu li a {
	font-size: 20px;
	color: var(--text-color);
	background: none;
	border: none;
}

#global_menu ul ul a {
	font-size: 15px;
	line-height: 1.3;
	letter-spacing: 0;
}


@media screen and (max-width: 820px) {
	#global_menu .menu {
		display: flex;
	}
	#global_menu .menu a {
		line-height: 1.3;
	}
}

@media screen and (max-width: 640px) {
	#global_menu .menu {
		display: block;
	}
	#global_menu .menu a {
		line-height: 2;
	}
	/**** 折りたたみメニュー ****/

	/**** メニューボタン ****/
	#header a.menu_button {
		color: var(--theme-color-1);
		border: 1px solid #ddd;
		background-color: #fff;
	}

	#header a.menu_button:hover,
	#header a.menu_button:active {
		color: var(--theme-color-1);
		background: #fff;}


	/**** グローバルメニュー ****/
	#global_menu > .menu > .menu-item {
		border-bottom: 1px dotted #ccc;
	}
	#global_menu li a {
		border-color: #999;
		background: #fff url(./img/arrow4.png) no-repeat 20px;
		color: #333;}


	#global_menu li a:hover,
	#global_menu li a:active{
		color: #333;
		background: #f6fcfa url(./img/arrow4.png) no-repeat 20px;}

	#global_menu ul ul a {
		background: #fff url(./img/arrow4.png) no-repeat 20px;;
	}

}


/*----------------------------------
電話番号・お問い合わせ
----------------------------------*/
@media screen and (min-width: 641px){
	#header .header_banner {
		/*margin-top: 0; 住所が3行の場合　*/}

}


/*----------------------------------
メインビジュアル
----------------------------------*/
#main-visual {
	top: 27px;
	position: relative;
	width: 100%;
}

#main-visual img {
	width: 100%;
	display: block;
}

/*----------------------------------
イメージロールオーバー
----------------------------------*/
/** index　メインビジュアル1枚でロールオーバー（リンク）なし**/　
#recommend_gallery a:hover img,
.rs-slider > li > a:hover img{
	opacity: 1.0;
	cursor: default;}

#contents

/*----------------------------------
ピックアップ
----------------------------------*/
#index_pickup .headline1 {/*ピックアップヘッダ*/
    color: #333;
    background: #ccc;}



/*----------------------------------
サイドナビ
----------------------------------*/
@media screen and (max-width: 640px) {
#side_col{/*　スマホでサイドナビを表示しない場合　*/
	display:none;}
}

/*----------------------------------
フッダー
----------------------------------*/
#footer_wrap {
   background: linear-gradient(to bottom, #feffff 0%, #f3f3f3 100%);
}
   
#footer {
   color: #333;/*フッダーテキストカラー*/}

/*.footer_headline {
    background: #0985E5;
    color: #333;}*/

#footer li a,
#footer li a:visited {
    color: #333;
	border-bottom: 1px dotted #666;}

#footer li a:hover{
    color: #999;}

#copyright {
    background: #6f8ead;/*コピーライト背景*/
    color: #eee;/*コピーライトテキスト*/}

#copyright a {
    color: #eee;/*コピーライトリンクテキスト*/}


@media screen and (max-width: 640px) {
	#footer_wrap {
		background: #f3f3f3;/*スマホ時のヘッダー背景色*/}
}


/*----------------------------------
テキストリンクカラー
----------------------------------*/
a, a:visited {
    color:#3F7985;}

a:hover {
    color:#24434A;}

/*----------------------------------
ページナビ
----------------------------------*/
.page_navi a{/*** テキスト、ボタン色 **/
	color:#fff;
	background: #2b4251;}

.page_navi a:hover{/*** ロールオーバーボタン色 **/
	background:#5a798e;}

/*----------------------------------
トップページおすすめ記事　「採用情報」が３件しかない為、余分な下線が出てしまう為の処置
----------------------------------*/
#featured_post ul.post2.post3.clearfix {
  border-bottom: none;
}

/*----------------------------------
トップページ広告　「採用情報バナー」スマホ時の横幅調整
----------------------------------*/
@media screen and (max-width: 640px) {
  #footer_banner li img {
    width: 70%;
  }
}

/***********************************

下層レイアウト

************************************/
/*----------------------------------
下層段落枠　※変更不可
----------------------------------*/
@media only screen and (min-width:641px) {
#under{
	overflow:hidden;
	margin:0 0 -40px 0;}/*下層の空調整*/
}


@media only screen and (max-width:640px) {
#under{
	overflow:hidden;
	margin:10px 0 0 0;}/*下層の空調整*/
}

.under_contents{
	width:100%;
	margin:0 0 50px 0;
	clear:both;
	overflow:hidden;
	line-height:1.7;}


p{/*下層　汎用*/
    margin: 0;
	padding:0;
    line-height:1.7;}



/*----------------------------------
テーブル設定　※変更不可　色とthの％は変更又は上書き可
----------------------------------*/
/*** table 元スタイル打消し ****/
.post table {
	border:none;
	margin:0;}

.post td,
.post th { 
	border:none;
	padding:0;}

.post th { 
   background:#eee;
   font-weight:/*normal*/bold;}

@media only screen and (max-width:480px) {
tbody tr{
	display:table-row;/******/
	margin-bottom:0;}

tbody th,
tbody td{
	display: table-cell;
	list-style-type:none;
	border: none;}
}


/*******  テーブル再設定　*******/
.under_contents table{
	width:100%;
	border-collapse:inherit;
	border-spacing:0;
	border-top:1px solid #c1c1c1;
	border-left:1px solid #c1c1c1;}

.under_contents table td,
.under_contents table th{
	border-right:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	padding:10px;
	/*white-space: nowrap;*/}

.under_contents table th{
	width:30%;}

.under_contents table td span{
	padding:0 0 0 0;}

@media only screen and (max-width:480px) {
	.under_contents table{
		font-size:12px;
		line-height:1.7;}

}

/*----------------------------------
テーブル設定　レスポンシブ基本ソース
----------------------------------*/
/**** 
レスポンシブしたいtableの外側に
<div class="ph_responsive">を入れてください
****/

@media only screen and (max-width:640px) {
.ph_responsive{
	margin:0 0 -20px 0;}

.ph_responsive table{
	border:none;}

.ph_responsive table th,
.ph_responsive table td {
	width:100%;
	display:inline-block;
	border-right:none;
	text-align:left;}

.ph_responsive table th{
	border-bottom:2px dotted #333;
	padding:5px 0;
	font-weight:bold;
	background:#fff;}

.ph_responsive table th:before {/*** アイコンが必要な場合　***/
	content: "\f00c";
	font-family: FontAwesome;
	color:#333;
	padding:0 5px 0 0;}

.ph_responsive table:not(.license) td {
	border-bottom:none;
	padding:10px 0 20px 0;}


}



/***********************************

ここからページレイアウト雛形

************************************/

/*----------------------------------
コンテンツ共通
----------------------------------*/
.post *, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*----------------------------------
トップページ
----------------------------------*/
.home #main_col > *:not(:first-child) {
	margin-top: 100px;
}

.home .top-heading-wrap {
	margin-bottom: 1.5rem;
}

@media screen and (max-width: 639px){
	.home #main_col {
		margin-top: 30px;
	}
	.home #main_col > *:not(:first-child) {
		margin-top: 70px;
	}
	.home .top-heading-wrap {
		margin-bottom: 0;
	}
}


.home #main_col > .text_recent_post {
	margin-top: 0;
}

.home #contents .text_recent_post .post_list {
	margin-left: 0;
	margin-right: 0;
}

.home #contents #recent_post {
	margin-top: 70px;
}



/* タブレット調整 */
@media screen and (max-width: 1023px) {
	#side_col {
		display: none;
	}
	#header_wrap {
		min-width: unset;
	}
	#header_logo_cover #header_logo_wrap,
	#menu_fit,
	#desc_fit,
	#global_menu {
		width: 100%;
	}

	#main_col,
	#contents {
		width: 100%;
		float: none;
	}

	#recent_post ul {
		margin-right: 0;
	}

	#footer_wrap,
	#footer,
	#copyright {
		min-width: unset;
		width: 100%;
	}

}

@media screen and (max-width: 639px) {
	#contents #main_col .text_recent_post {
		padding-left: 0;
		padding-right: 0;
	}
	.home #contents .text_recent_post .post_list .list_date{
		font-size: .85em;
	}
}


.home #contents .top-heading-wrap .headline1 {
	margin-bottom: .5rem;
}

.home .top-h2-sub {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-size: 1rem;
	padding-left: 1.75rem;
}

.home #contents .text_recent_post .post_list li {
	border-bottom: none;
	padding: 10px 2em 8px 10px;
	background: #e2e9f1;
	color: var(--text-color);
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	position: relative;
}

.home #contents .text_recent_post .post_list li a {
	text-decoration: underline;
	color: var(--text-color);
}

.home #contents .text_recent_post .post_list li:after {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	background: url(img/list-link-icon.png) no-repeat center / contain;
	font-size: 1em;
	visibility: inherit;
	position: absolute;
	right: .6em;
}

.home #contents .text_recent_post .post_list .list_date {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .5px;
	float: none;
	width: 90px;
	min-width: 90px;
}



.home #contents .text_recent_post .past_list_link {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-right: 2em;
}

.home #contents .text_recent_post .past_list_link:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	background: url(img/list-icon.png) no-repeat center / contain;
	margin-right: 8px;
}


/* 大検のご案内 */
.home #contents #recent_post ul {
	display: flex;
	gap: 15px;
	width: 100%;
}

.home #contents #recent_post ul:after {
	content: unset;
}

.home #contents #recent_post li {
	float: none;
	width: unset;
	flex-basis: 50%;
	margin: 0;
}

.home #contents #recent_post li .image {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 639px) {
	.home #contents #recent_post .top-about-contents li {
		padding: 0;
		margin-top: 2em;
	}
	.home #contents #recent_post .top-about-contents img {
		width: 100%;
	}
	.home #contents #recent_post ul {
		display: block;
	}
}

/* 非破壊検査 */
.home .post-list-section .post-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap :30px;
}

.home .post-list-section .post-list .post {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

.home .post-list-section .post-list h4 {
	font-size: 18px;
	padding: 7px 5px !important;
	margin-bottom: 0;
}

.home .post-list-section .post-list .tyouonpa h4 {
	letter-spacing: -1px;
}

.home .post-list-section .post-list .tags {
	border: 1px solid var(--text-color);
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: .3em 1em;
	border-radius: 1em;
	margin: 1em 0;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
}

.home .post-list-section .post-list .catch-copy {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 1px;
	height: 3em;
}

.home .post-list-section .post-list .lead {
	line-height: 1.5;
	margin-top: .8em;
	letter-spacing: 0;
	height: 4.5em;
}

.home .post-list-section .post-list .show-detail-link,
.journal-post .show-detail-link {
	margin-top: 1em;
}
.home .post-list-section .post-list .show-detail-link a,
.journal-post .show-detail-link a{
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.home .post-list-section .post-list .show-detail-link a:before,
.journal-post .show-detail-link a:before{
	content: '';
	display: block;
	width: 1.3em;
	height: 1.3em;
	background: url(img/show-detail-icon.png) no-repeat center / contain;
	margin-right: .25em;
}

@media screen and (min-width: 640px) {
	.home #contents .text_recent_post .list_title {
		margin-left: 15px;
		line-height: 1.2;
	}
}

@media screen and (max-width: 639px) {
	.home .post-list-section .post-list {
		grid-template-columns: 1fr;
	}
	.home .post-list-section .post-list .catch-copy {
		height: auto;
	}
	.home .post-list-section .post-list .lead {
		height: auto;
	}
}


.home #top-nondestructive .post-list .post:nth-child(n+5) .post-contents,
.home #top-structure .post-list .post-contents {
	display: flex;
	gap: 10px;
	margin-top: 15px;
}

.home #top-nondestructive .post-list .post:nth-child(n+5) .post-left-column,
.home #top-structure .post-list .post-left-column {
	width: 40%;
	flex-shrink: 0;
}

.home #top-nondestructive .post-list .post:nth-child(n+5) .tags,
.home #top-structure .post-list .tags {
	padding: .15em .5em;
	margin: 0 0 .75em 0;
}

.home #top-nondestructive .post-list .post:nth-child(n+5) .lead,
.home #top-structure .post-list .lead {
	margin-top: 0;
	line-height: 1.3;
	height: 5em;
}

.home #top-nondestructive .post-list .slug-earthquake-resistant,
.home #top-structure .post-list .slug-earthquake-resistant {
	font-size: 13px;
	letter-spacing: -1px;
}


.home #contents #main_col #top-nondestructive h4 {
	font-size: 19px;
}

.home #contents .top-list-anchor {
	text-align: center;
	margin-top: 3em;
}

.home #contents .top-list-anchor a {
	border: 2px solid var(--theme-color-1);
	display: inline-flex;
	justify-content: center;
	width: 260px;
	max-width: 100%;
	color: var(--theme-color-1);
	text-decoration: none;
	font-weight: bold;
	padding: 10px 30px;
	align-items: center;
	position: relative;
}

.home #contents .top-list-anchor a:before {
	content: '';
	display: block;
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	left: 10px;
}
.home #contents #top-nondestructive .top-list-anchor a:before {
	background: url(img/icon-nondestructive.png) no-repeat center / contain;
}
.home #contents #top-structure .top-list-anchor a:before {
	background: url(img/icon-business.png) no-repeat center / contain;
}

.home #contents #top-journal .top-list-anchor a:before {
	background: url(img/icon-journal.png) no-repeat center / contain;
}

.home #top-journal .post {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: subgrid;
	grid-row: span 5;
	gap: 0;
	margin-top: 1.33em;
}


.home #top-journal .post-left-column {
	width: 100%;
	aspect-ratio: 800 / 496;
}

.home #top-journal .post-left-column img {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: 50% 50%;
}

.journal-post .tags {
	display: flex !important;
	flex-wrap:	wrap;
	align-items: flex-start;
	border-radius: unset;
	letter-spacing: 0;
	gap: .5em;
	margin-bottom: 10px;
}

.home #top-journal .tags {
	border: none;
	padding: 0;
}

.journal-post .tags a {
	display: grid;
	place-content: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1;
	text-decoration: none;
	color: #fff !important;
	background: var(--text-color);
	border-radius: 1em;
	padding: .3em 1em;
}

.journal-post .journal-date {
	color: #666;
	font-size: .9em;
	padding: 0 .5em;
}

.journal-post .journal-title h4 {
	background: transparent !important;
	margin-top: 0;
}

.home #top-journal .journal-title h4 {
	padding: 0 !important;
}

.journal-post .journal-title h4 a {
	text-decoration: none;
	color: var(--theme-color-1) !important;
}

.home #contents #top-recruit img {
	width: 100%;
}

.home #contents #top-recruit .recruit-links {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 10px;
}

.home #contents #top-recruit .recruit-links a {
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: var(--theme-color-1);
	margin-top: 10px;
	padding-top: 8px;
	padding-bottom: 5px;
	letter-spacing: -1px;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.home #contents #top-recruit .recruit-links a:after {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	background: url(img/bottom-arrow.png) no-repeat center
}




@media screen and (min-width: 640px){
	.home #top-nondestructive .post-list .post:nth-child(n+5) .post-left-column img,
	.home #top-structure .post-list .post-left-column img {
		object-fit: cover;
		width: 128px;
		height: 161px;
	}
}

@media screen and (max-width: 639px) {
	.home #contents #top-recruit {
		margin-bottom: 40px;
	}
	.home #contents #top-recruit .recruit-links {
		grid-template-columns: 1fr 1fr;
		margin-top: 10px;
	}
	.home #contents #top-recruit .recruit-links a {
		margin-top: 0;
	}
	.home #top-nondestructive .post-list .post:nth-child(n+5) .post-left-column img,
	.home #top-structure .post-list .post-left-column img{
		object-fit: cover;
		width: 140px;
		height: 164px;
	}
	.home #contents #main_col #top-nondestructive h4,
	.home #contents #main_col #top-structure h4 {
		text-align: center;
	}
}

/*----------------------------------
 固定ページ 下層hタイトル　必要に応じてh4の追加など
----------------------------------*/
/*h3装飾*/
.under_contents h3 {
  position: relative;
  padding: .5em .5em .1em 1.8em;
  border-bottom: double 3px #174069;
  margin: 0 0 15px 0;

}
/*
.under_contents h3:before {
  font-family: FontAwesome;
  content: "\f13a";
  position: absolute;
  font-size: 1.1em;
  left: .2em;
  top: .45em;
  color: #174069;
}
*/

/*事業内容ページのh3装飾*/
#business .under_contents h3:before {
  content: url(../../uploads/2018/01/r-mark.png);
  top: .55em;
}

/*採用情報ページのh3装飾*/
#recruit .under_contents h3:before {
  content: '\f118';
}

/*事業内容ページのh4装飾*/
#business .under_contents h4 {
	color: #174069;
  margin: 0 0 10px 0;
  border-top: solid 1px #5b7d87;
  border-bottom: solid 1px #5b7d87;
  font-size: 15px;
  padding: 0 7px;
  display: inline-block;
}

/*ジャーナルの装飾*/
#contents #main_col .journal h3:before {
	background: url(img/heading-icon-journal.png) no-repeat center / contain;
}

#contents #main_col .journal h4 {
	padding: 0;
	color: var(--theme-color-1);
	background: none;
}

@media (max-width: 639px) {
	.home #top-journal .post-list {
		gap: 40px;
	}
	.home #top-journal .post .journal-date {
		line-height: inherit;
	}
}

/*----------------------------------
Ａテキスト　Ｂ画像1列＋テキスト
----------------------------------*/

.column_wrap div {
	background: #e1e8ea;
	overflow: hidden;}

.column_wrap div span {
  display: block;
	text-align: center;
  font-weight: bold;
  color: #000;
	padding: 10px 5px;
	line-height: 1.3;}



/*----------------------------------
Ｃ画像2列＋テキスト
----------------------------------*/
.column_wrap_01 .left,
.column_wrap_01 .right{
	width:49%;}

.column_wrap_01 .left{
	float:left;}

.column_wrap_01 .right{
	float:right;}


@media only screen and (max-width:640px) {
.column_wrap_01:not(.flow) .left,
.column_wrap_01:not(.flow) .right{
	width:100%;
	float:none;}

}



/*----------------------------------
Ｄ左画像＋右テキスト
----------------------------------*/
.column_wrap_02{
	clear:both;
  position: relative;}	

.column_wrap_02 .leftimg{
	float:left;
	width:49%;
	padding:0;}	

.column_wrap_02 .righttxt{
	float:right;
	width:48%;}	

@media only screen and (min-width:641px) {
  #content .post .column_wrap_02 .leftimg img{
	  padding-bottom:0;}	
}	

@media only screen and (max-width:640px) {
  .column_wrap_02 .leftimg,
  .column_wrap_02 .righttxt{
	  float:none;
	  width:100%;}

}


/*----------------------------------
Ｅ左テキスト＋右画像
----------------------------------*/
.column_wrap_03{
	clear: both;}

.column_wrap_03 .lefttxt{
	float: left;
	width: 48%;}	

.column_wrap_03 .rightimg{
	float: right;
	width: 49%;
	padding: 0;}

@media only screen and (min-width:641px) {
#content .post .column_wrap_03 .rightimg img{
	padding-bottom: 0;}	
}

@media only screen and (max-width:640px) {
.column_wrap_03 .lefttxt,
.column_wrap_03 .rightimg{
	float: none;
	width: 100%;}

}



/*----------------------------------
Ｆ左画像＋右テキスト回り込み
----------------------------------*/
@media only screen and (min-width:641px) {
  #content .post .around_right img{
	  float:left;
	  margin:0 18px 0 0;
	  padding:0;
	  width:49%;}
  #content .post .around_right img.right40 {
	  width:40%;}
}

@media only screen and (max-width:640px) {
.around_right img{
	margin:0 0 0 0;
	float:none;
	width:100%;}

}



/*----------------------------------
Ｇ左テキスト回り込み＋右画像
----------------------------------*/
@media only screen and (min-width:641px) {
#content .post .around_left img{
	float:right;
	margin:0 0 0 18px;
	padding:0;
	width:49%;}
}

@media only screen and (max-width:640px) {
.around_left img{
	margin:0 0 0 0;
	float:none;
	width:100%;}


}


/*----------------------------------
Ｈ画像3列＋下段テキスト
----------------------------------*/
.column_wrap_04{
	clear: both;}

.column_wrap_04 .columns div {
	background: #e1e8ea;
	overflow: hidden;}

.column_wrap_04 .columns div span {
  display: block;
	text-align: center;
  font-weight: bold;
  color: #000;
	padding: 10px 5px;
	line-height: 1.3;}

.column_wrap_04 .columns img {
  width: 100%;
  height: auto;}

.column_wrap_04 .columns p {
  text-align: justify;}


@media only screen and (min-width:641px) {
  .column_wrap_04 .three.columns {
    width: 30.6666666667%;}

  .column_wrap_04 .columns {
	  width: 100%;
	  float: left;
	  box-sizing: border-box;
	  margin-left: 4%;}

  .column_wrap_04 .columns:first-child {
      margin-left: 0;}

  .column_wrap_04 .columns p.space{
      margin:-5px 0 0 0;}

}



@media only screen and (max-width:640px) {
.column_wrap_04{
    margin:0 0 -40px 0;}

.column_wrap_04 .three.columns {
    margin:0 0 40px 0;}

.column_wrap_04 .columns p {
    margin:0;}

}


/*----------------------------------
G画像２列＋下段テキスト
----------------------------------*/
.column_wrap_05{
	clear: both;}

.column_wrap_05 .columns div {
	background: #e1e8ea;
	overflow: hidden;}

.column_wrap_05 .columns div span {
  display: block;
	text-align: center;
  font-weight: bold;
  color: #000;
	padding: 10px 5px;
	line-height: 1.3;}

.column_wrap_05 .columns img {
  width: 100%;
  height: auto;}

.column_wrap_05 .columns p {
  text-align: center;}
.column_wrap_05 .columns p.left {
  text-align: left;}
.column-txt-left .column_wrap_05 .columns p {
  text-align: left;}


@media only screen and (min-width:641px) {
  .column_wrap_05 .two.columns {
    width: 48%;}

  .column_wrap_05 .columns {
	  width: 100%;
	  float: left;
	  box-sizing: border-box;
	  margin-left: 4%;}

  .column_wrap_05 .columns:first-child {
    margin-left: 0;}

  .column_wrap_05 .columns p.space{
    margin:-5px 0 0 0;}

}


@media only screen and (max-width:640px) {
.column_wrap_05{
    margin:0 0 -40px 0;}

.column_wrap_05 .two.columns {
    margin:0 0 40px 0;}

.column_wrap_05 .columns p {
    margin:0;}

}



/*----------------------------------
配置・フロート解除
----------------------------------*/
.left {
	text-align: left;
}
.center {
  text-align: center;
}
.right {
	text-align: right;
}
.clear {
	clear: both;
}

.column_wrap_01:after,
.column_wrap_02:after,
.column_wrap_03:after {
	clear: both;
	display: block;
	content: "";
}

/*----------------------------------
余白
----------------------------------*/
.m-top1 {
	margin-top: 10px;
}
.m-top2 {
	margin-top: 20px;
}
.m-bottom1 {
  margin-bottom: 10px;
}
.m-bottom2 {
  margin-bottom: 20px;
}
.m-bottom3 {
  margin-bottom: 30px;
}
.m-bottom4 {
  margin-bottom: 35px;
}


/*----------------------------------
PCのみ表示
----------------------------------*/
@media only screen and (max-width:640px) {
  .pc-only {
		display: none !important;
	}
}

/*----------------------------------
スマホのみ表示、スマホのみ改行
----------------------------------*/
.sp2-only {/* 481px以上は非表示 */
  display: none;
}

@media only screen and (min-width:641px) {
  .sp-only {/* 641px以上は非表示 */
		display: none !important;
	}
	p.sp-center {
		text-align: center;
	}
}
@media only screen and (max-width:640px) {
	.sp-center {
		text-align: center;
	}
}
@media only screen and (max-width:480px) {
  .sp2-only {
    display: block;
  }
}


/*----------------------------------
リスト
----------------------------------*/
ul.no-style li {
	background: none;
}

ul.check li {/* チェックマーク */
	position: relative;
	margin-left: 1.5em;
}
ul.check li:before {
	font-family: FontAwesome;
  content: "\f00C";
  position: absolute;
  font-size: 1.1em;
  left: -.8em;
  top: 0;
}
.right-mark ul.check li {/* 左画像＋右テキストの場合 */
	display: inline-block;
}

/*----------------------------------
フォント（サイズ・カラー・装飾）
----------------------------------*/
.u-line {
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.big1 {
	font-size: 1.1em;
}
.big2 {
	font-size: 1.2em;
}
.small1 {
	font-size: 0.9em;
}
.small2 {
	font-size: 0.8em;
}

.red {
	color: #bf311c;
}
.blue {
	color: #174069;
}
.purple {
	color: #45415e;
}
.orange {
	color: #eea61c;
}
.bg-blue {
	background:#e1e8ea;
  padding: 2px 4px;
  margin: 0 2px;
}
.marker {
	background: linear-gradient(transparent 70%, #fdefba 70%);
}
.l-heigt3 {
	line-height: 3;
}
/* 文頭が記号の時の位置調整 */
.first-mark {
	margin-left: -.5em;
}


/***********************************

固定ページ

************************************/

/*----------------------------------
会社案内
----------------------------------*/
#company .column_wrap_04 .columns p {
    text-align: center;
}
.under_contents table.history {/*会社沿革*/
	border-top: none;
	border-left: none;
}
.under_contents table.history td, .under_contents table.history th {
	border-right: none;
	padding: 10px 5px;
}
.under_contents table.history th {
	width: 20%;
  text-align: right;
  padding-right: 1.5em;
  background: none;
  border-right: none;
	vertical-align: top;
}
.client {/*取引先*/
	background: #f3f7fb;
	padding: 20px 22px;
	word-break: keep-all;
}
#company iframe {
	margin: 0;
  padding: 0;
  width: 100%;
  height: 464px;
}
#company .certificate {
	text-align: center;
	padding: 5px 2px 2px;
}

@media only screen and (min-width:640px) {
  #content > .post > #company .around_left img {
	  float: right;
	  margin: 0 0 0 18px;
	  padding: 0;
	  width: 33%;
	}
}

@media only screen and (max-width:639px) {
  #content > .post > #company .around_left img {
	  margin: 0 0 0 0;
	  float: none;
	  width: 60%;
	}
  .under_contents table.history th {
	  width: 25%;
	  padding-right: .5em;
	}
}

@media only screen and (max-width:480px) {
  .under_contents table.history th {
  	width: 30%;
	}
}


/*----------------------------------
技術資格
----------------------------------*/
.under_contents table.license {
	margin-top: 5px;
}
.under_contents table.license th:nth-child(1) {
	width: 48%;
}
.under_contents table.license th:nth-child(2) {
	width: 40%;
}
.under_contents table.license th:nth-child(3) {
	width: 12%;
}


@media only screen and (min-width:641px) {
	.under_contents table.license td:nth-child(3) {
	  text-align: right;
  }
}

@media only screen and (max-width:640px) {
	.under_contents table.license th {
		display: none;
	}
	.under_contents table.license tr {
		border-left: 1px solid #c1c1c1;
		border-right: 1px solid #c1c1c1;
		margin-bottom: 20px; 
		display: block;
	}	
	.under_contents table.license td {
		box-sizing: border-box;
    text-align: center;
	}
	.under_contents table.license tr td:nth-child(1) {
		background: #eee;
    font-weight: bold;
    border-top: 1px solid #c1c1c1;
	}
	.under_contents table.license tr td:nth-child(2):before {
		content: "認定登録機関：";
	}
	.under_contents table.license tr td:nth-child(3):before {
		content: "登録者数：";
	}
	.under_contents table.license tr td:nth-child(3) span:before {
		content: "ACCPサプリメント：";
	}
}


/*----------------------------------
サイトマップ
----------------------------------*/
.sitemap ul li {
	background: none;
}
.sitemap ul li ul {
  margin-top: .5em;
  margin-bottom: .75em;
  margin-left: 48px;
}
 
.sitemap ul li ul li {
  margin-bottom: .25em;
  position: relative;
	background: none;
}
 
.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -12px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #999;
}
 
.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -12px;
  width: 10px;
  border-bottom: 1px solid #999;
}

@media screen and (min-width: 641px) {
　.sitemap {
      max-width: 500px;
      margin-left: 30%;  
  }
}

@media screen and (max-width: 640px) {
　.sitemap {
      margin-left: 20%;  
  }
}

@media screen and (max-width: 480px) {
　.sitemap {
      margin-left: 0;  
  }
}


/*----------------------------------
プライバシーポリシー
----------------------------------*/
.privacy h3 {
    margin-bottom: .8em;
	padding-left: 0.5em !important;
}

.privacy p {
    margin-bottom: 2.5em;
}


/*----------------------------------
非破壊検査
----------------------------------*/

.non-destructive img {
	width: 100%;
}
.non-destructive h2 {
	margin-bottom: 60px !important;
}
.non-destructive h2:after {
	content: 'Non-destructive inspection';
}

.non-destructive #non-destructive .contents-lead {
	margin-top: 35px;
}

.non-destructive #non-destructive .inspection-types {
	margin-top: 40px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 13px;
}

.non-destructive #non-destructive .inspection-types li {
	display: grid;
	background: #a1a8b3;
	position: relative;
	height: 50px;
	place-content: center;
}

.non-destructive #non-destructive .inspection-types li:after {
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
	background: #0083e9;
	position: absolute;
	right: 0;
	bottom: 0;
}
.non-destructive #non-destructive .inspection-types li a {
	color: #fff !important;
	font-size: 16px;
	line-height: 1.3;
	text-align: center;
	letter-spacing: 0;
}

.non-destructive #non-destructive .inspection-types li a span {
	text-decoration: underline;
}
.non-destructive #non-destructive .about-lead {
	background: url(img/non-destructive-about-bg.jpg) no-repeat center / cover;
	padding: 60px 45px 70px 0;
	margin-bottom: 65px;
}
.non-destructive #non-destructive .about-lead h6 {
	font-size: 20px !important;
	text-align: center;
	margin-top: 0;
}

.non-destructive #non-destructive .lead-contents {
	display: flex;
	gap: 35px;
}

.non-destructive #non-destructive .lead-contents .lead-contents-image {
	width: 35%;
	flex-shrink: 0;
}
.non-destructive #non-destructive .lead-contents .lead-contents-text {
	width: 100%;
}

.non-destructive #non-destructive section {
	margin-top: 40px;
}

.non-destructive #non-destructive h5 {
	margin-bottom: 15px;
	margin-top: 0;
}
.non-destructive #non-destructive h5:before {
	content: unset !important;
}

.non-destructive #non-destructive .purpose-list {
	margin: 10px 0;
}
.non-destructive #non-destructive .purpose-list li {
	display: flex;
	align-items: center;
	position: relative;
	line-height: 1.7;
}
.non-destructive #non-destructive .purpose-list li:before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background: url(img/purpose-list-mark.png) no-repeat center / contain;
	position: relative;
	top: -2px;
	margin-right: 2px;
	flex-shrink: 0;
}

.non-destructive #non-destructive .housyasen {
	margin-top: 60px;
}

.non-destructive #non-destructive .strength {
	border: 1px solid #0083e9;
	padding: 45px;
	color: #0083e9;
}
.non-destructive #non-destructive .strength h5 {
	justify-content: center;
	margin-bottom: 35px;
}

#contents #main_col #non-destructive .strength h5:before,
.work-archive #non-destructive .strength h5:after {
	content: '' !important;
	display: block;
	width: 50px;
	height: 1px;
	background: #0083e9 !important;
	margin: 15px;
}

.work-archive #non-destructive .strength-images {
	display: flex;
	gap: 30px;
	margin-top: 30px;
}

.work-archive #non-destructive .strength-images > div {
	width: 50%;
}

/*****/
.work-archive .post-list {
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	justify-content: space-between;
}
.work-archive .post-list .post {
	margin-top: 100px;
	padding: 0;
}

.work-archive .post-list .post h4 {
	margin-top: 0;
}
.work-archive .post-list .tags {
	margin-top: 35px;
	margin-bottom: 0;
	display: flex;
	line-height: 1;
}

.work-archive .post-list .tags span:first-child {
	padding: 10px 10px 10px 20px;
	background: var(--text-color);
	color: #fff;
	border: 1px solid var(--text-color);
	border-radius: 30px 0 0 30px;
}

.work-archive .post-list .tags span:last-child {
	padding: 10px 20px 10px 10px;
	border: 1px solid var(--text-color);
	border-radius: 0 30px 30px 0;
}

.work-archive .post-list .catch-copy {
	margin-top: 35px;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
}

.work-archive .post-list .post-contents-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 35px;
	margin-top: 40px;
}
.work-archive .post-list .lead {
	line-height: 1.5;
	letter-spacing: 1px;
}

.work-archive .post-list .post-content-link {
	text-align: center;
}

.work-archive .post-list .post-content-link a {
	padding: 15px 85px;
	display: inline-block;
	border: 1px solid #0083e9;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	color: #0083e9 !important;
	line-height: 1;
	margin-top: 40px;
}
.work-archive .post-list .post-content-link a:after {
	content: url(img/detail-arrow.png);
	position: absolute;
	right: 10px;
}
/*****/

.work-archive #non-destructive .post-list .post:nth-child(n+5) {
	width: 48%;
}

.work-archive #non-destructive .post-list .post:nth-child(n+5) .post-contents-inner {
	display: block;
}

.work-archive #non-destructive .post-list .post:nth-child(n+5) .catch-copy {
	height: 90px;
}

.work-archive #non-destructive .post-list .post:nth-child(n+5) .post-contents-inner img {
	object-fit: cover;
	width: 325px;
	height: 215px;
}

.work-archive #non-destructive .post-list .post:nth-child(5) .post-contents-inner div:last-child,
.work-archive #non-destructive .post-list .post:nth-child(6) .post-contents-inner div:last-child {
	height: 100px;
}

.work-archive #non-destructive .post-list .post:nth-child(7) .post-contents-inner div:last-child,
.work-archive #non-destructive .post-list .post:nth-child(8) .post-contents-inner div:last-child {
	height: 130px;
}

@media screen and (max-width: 767px) {

	.non-destructive #non-destructive .about-lead {
		padding: 4rem 5%;
	}
	.non-destructive #non-destructive .lead-contents {
		display: block;
	}
	.non-destructive #non-destructive .lead-contents .lead-contents-image {
		width: 100%;
	}
	.non-destructive #non-destructive .lead-contents .lead-contents-text {
		margin-top: 2rem;
	}

	.work-archive #non-destructive .purpose-list li {
		align-items: flex-start;
	}
	.work-archive #non-destructive .purpose-list li:before {
		top: 6px;
	}

	.non-destructive #non-destructive .strength {
		padding: 40px 20px;
	}

	.non-destructive #non-destructive .strength-images {
		flex-direction: column;
	}
	.non-destructive #non-destructive .strength-images > div {
		width: 100%;
	}



	.non-destructive #non-destructive .inspection-types {
		grid-template-columns: 1fr 1fr;
	}

	.non-destructive #non-destructive .inspection-types li a {
		font-size: 14px;
	}

	.non-destructive #non-destructive .post-list .post-contents-inner {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.non-destructive #non-destructive .post-list .post:nth-child(n+5) {
		width: 100%;
	}

	.non-destructive #non-destructive .post-list .post-contents-inner div:last-child {
		height: unset !important;
	}
	.work-archive #non-destructive .post-list .post:nth-child(n+5) .catch-copy {
		height: auto;
	}

}

/*----------------------------------
構造物の調査・点検
----------------------------------*/
.archive #main_col.structure h2:after {
	content: 'Structure survey';
}
.archive #main_col.structure .contents-lead {
	margin-top: 50px;
}

.archive #main_col.structure .post-list .post:first-child {
	margin-top: 50px;
}

@media screen and (max-width: 639px){
	.archive #main_col.structure .post-list .post-contents-inner {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}


/*----------------------------------
一覧
----------------------------------*/
.archive.category-news #post_list > li,
.archive .journal-post {
	display: flex;
	gap: 20px;
}
.archive.category-news #post_list > li:after,
.archive .journal-post:after{
	content: unset;
}
.archive.category-news #contents #main_col .image_area img,
.archive .journal-post .image_area img {
	max-width: 100%;
	height: auto;
	aspect-ratio: 63 / 38;
	object-fit: contain;
}
.archive.category-news #contents #main_col h4,
.archive .journal-post h4 {
	margin
	font-size: 18px;
	background: unset;
}

.archive .journal-post h4 {
	margin-bottom: 0;
}

.archive.category-news #contents #main_col h4 a,
.archive .journal-post h4 a {
	color: var(--text-color);
	text-decoration: underline;
}

@media screen and (max-width: 639px) {
	.archive.category-news #post_list,
	.archive.post-type-archive-journal #post_list {
		margin-top: 20px;
		border: none;
	}
	.archive.category-news #post_list > li,
	.archive .journal-post {
		display: block;
	}
	.archive.category-news #post_list > li .title,
	.archive .journal-post .title{
		margin-bottom: .5em;
	}
	#post_list .link {
		left: 50%;
		transform: translateX(-50%);
	}
}

.meta .date,
#single_meta .date {
	color: #0083e9;
	font-size: .9em !important;
}

.meta .date:before,
#single_meta .date:before {
	font-family: "FontAwesome";
	content: "\f073";
	margin-right: 4px;
}

/*----------------------------------
磁粉探傷検査
----------------------------------*/
.mt .column_wrap_04 .columns p {
    text-align: center;
}

@media only screen and (min-width: 641px) {
	.mt .column_wrap_04 .three.columns {
		width: 48%;
  }
}


/*----------------------------------
採用情報　共通
----------------------------------*/
.call1 {/*募集要項メッセージ*/
  background: #f3f7fb;
  color: #486c77;
  font-size: 1.1em;
  padding: 15px;
  margin-bottom: 15px;
}
.call2 {/*採用情報上段メッセージ*/
  color: #174069;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin-bottom: 15px;
}

/*----------------------------------
採用情報　募集要項
----------------------------------*/
.post #recruit dl {
	margin-bottom: 20px;
}
.post #recruit dt {
	position: relative;
  padding: .5em .5em .1em 1.8em;
  border-bottom: dotted 1px #ee7f1c;
  margin: 0 0 5px 0;
  font-size: 1.2em;
  color: #ee7f1c;
}

.post #recruit dt:before {
	font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  font-size: 1.1em;
  left: .2em;
  top: .4em;
  color: #ee7f1c;
}
.post #recruit dd {
  margin-bottom: 10px;
}
table.appeal {/*職場情報*/
	width: 75%;
	margin: 0 auto 20px auto;
	border: 1px solid #578eb7;
	border-spacing: 10px;
	border-radius: 6px;
}
table.appeal caption {
	font-weight: bold;
	font-size: 1.1em;
	color: #578eb7;
}
table.appeal th,
table.appeal td {
	border: none;
	width: 25%;
}
table.appeal th {
	color: #fff;
	background: #578eb7;
	border-radius: 5px;
}
table.appeal td {
  font-weight: bold;
}
table.appeal i.fa.fa-circle,
table.appeal i.fa.fa-circle-o {
  color: #578eb7;
}
table.appeal i.fa.fa-circle:not(.last-mark),
table.appeal i.fa.fa-circle-o:not(.last-mark) {
	margin-right: 15px;
}

@media only screen and (max-width:640px) {
	table.appeal {
		width: 100%;
	  border-spacing: 5px;
	}
	table.appeal i.fa.fa-circle:not(.last-mark),
  table.appeal i.fa.fa-circle-o:not(.last-mark) {
	  margin-right: 10px;
  }
}

/*----------------------------------
採用情報　一日の流れ
----------------------------------*/
.flow-1day {/*一日の流れ*/
	background: url(../../uploads/2018/03/flow-border.png) repeat-y 21px 0;
}
.time {
	display: flex;
	align-items: center;
	color: #ee7f1c;
	font-size: 1.3rem;
	font-weight: bold;
	padding-left: 50px;
	margin-left: .2em;
	/*line-height: 1.75;/*1.8だと時計マークの下部が少し切れるので1.75で調整*/
	clear: both;
	min-height: 38px;
}
.am0800 {
	background: url( '../../uploads/2019/05/am0800.png' ) no-repeat;
}
.am0830 {
	background: url( '../../uploads/2018/03/am0830.png' ) no-repeat;
}
.am0845 {
	background: url( '../../uploads/2018/03/am0845.png' ) no-repeat;
}
.am0930 {
	background: url( '../../uploads/2019/05/am0930.png' ) no-repeat;
}
.am1000 {
	background: url( '../../uploads/2018/03/am1000.png' ) no-repeat;
}
.am1030 {
	background: url( '../../uploads/2019/05/am1030.png' ) no-repeat;
}
.pm1200 {
	background: url( '../../uploads/2018/03/pm1200.png' ) no-repeat;
}
.pm0100 {
	background: url( '../../uploads/2018/03/pm0100.png' ) no-repeat;
}
.pm0130 {
	background: url( '../../uploads/2019/05/pm0130.png' ) no-repeat;
}
.pm0330 {
	background: url( '../../uploads/2019/05/pm0330.png' ) no-repeat;
}
.pm0430 {
	background: url( '../../uploads/2018/03/pm0430.png' ) no-repeat;
}
.pm0530 {
	background: url( '../../uploads/2018/03/pm0530.png' ) no-repeat;
}
.time00 {
	background: url( '../../uploads/2019/05/time00.png' ) no-repeat;
}
.flow-box {
	width: 90%;
	float: right;
}
.flow-box > .column_wrap_01 {
  margin-top: 10px;
  margin-bottom: -50px;/* 余白調整 */
}

@media only screen and (max-width:639px) {
	#contents #main_col #recruit h3 {
		display: block;
	}
	.flow-box {
		width: 88%;
	}
	#recruit .message {
		margin-top: 10px;
	}
	.time {
		line-height: 1.3;
		margin-bottom: .5em;
	}

}

@media only screen and (max-width:480px) {
	.flow-box {
		width: 86%;
	}
	.time {
		font-size: 1.2rem;
		/*line-height: 2;*/
	}
	.pm0530 {
	    background-position: 0 1.5px;
	}
}

/*----------------------------------
採用情報　先輩の声
----------------------------------*/
.name {/*先輩の声*/
	padding: 10px 14px;
  border-top: 2px solid #5b7d87;
  border-bottom: 2px solid #5b7d87;
  font-size: 1.2em;
	font-weight: bold;
}
#recruit .message {/*先輩の声　メッセージ*/
	padding: 10px 14px;
  background: #f3f7fb;
  /* border: 1px dotted #174069; */
  color: #486c77;
  font-size: 1.1em;
}

p.subhead {/*先輩の声　サブタイトル*/
  color: #ee7f1c;
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: 1px dashed #ee7f1c;
  margin-bottom: 10px;
  padding: .5em .5em .1em 1.5em;
  position: relative;
}
p.subhead:before {
  font-family: FontAwesome;
  content: '\f103';
  color: #ee7f1c;
  font-size: 1.2em;
  position: absolute;
  top: .4em;
  left: .2em;
}

@media only screen and (min-width:641px) {
	#recruit .message {
		position: absolute;
		bottom: 0;
		height: 70%;
	}
}

h3 .greek {
	font-family: MONOSPACE;
    font-size: 1.3em;
    display: block;
    float: left;
    position: relative;
    top: -6px;
    font-family: MONOSPACE;
}

/*----------------------------------
構造物の調査・点検
----------------------------------*/
.business h2 {
	margin-bottom: 60px !important;
}

.business h2:after {
	content: 'Survey and inspection';
}

.business #non-destructive .post-list .post:first-child {
	margin-top: 0;
}

/*----------------------------------
採用情報
----------------------------------*/
.recruit-archive h2 {
	margin-bottom: 60px !important;
}

.recruit-archive h2:after {
	content: 'Recruitment';
}

.recruit-archive .recruit-archive-content {
	text-align: center;
}
.recruit-archive .recruit-archive-content img {
	width: 100%;
}

.recruit-archive .recruit-archive-text {
	text-align: center;
	width: 87%;
	margin: 10px auto 20px auto;
}

.recruit-catch-1 {
	display: inline-block;
	font-size: 20px;
	text-align: center;
	color: var(--theme-color-1);
	font-weight: bold;
	position: relative;
	margin-top: 20px;
}

.recruit-catch-1:before {
	content: url(img/catch-left-ornament.png);
	position: absolute;
	left: -25px;
	bottom: -10px;
}

.recruit-catch-1:after {
	content: url(img/catch-right-ornament.png);
	position: absolute;
	right: -25px;
	bottom: -10px;
}

.recruit-archive .recruit-catch-2 {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

.recruit-archive .recruit-lead {
	font-size: 17px;
	margin: 16px 0;
	padding: 16px 0;
	border-style: solid;
	border-color: #333;
	border-width: 1px 0 1px 0;
	letter-spacing: 0;
}

.recruit-archive #post_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
	border: none;
}
.recruit-archive #post_list li {
	flex-basis: 47%;
	padding: 0;
	border: none;
}


.recruit-archive #post_list .image_area {
	width: 100%;
	margin: 0;
	height: unset;
}

.recruit-archive #post_list .image_area img {
	width: 100%;
	height: auto;
	max-height: unset;
	padding-bottom: 0;
}

.recruit-archive #post_list .info {
	width: 100%;
	height: 225px;
	box-sizing: border-box;
	padding: 20px 15px 30px;
	background: #ebf5fd;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.recruit-archive #post_list .link-wrap {
	text-align: center;
}

.recruit-archive #post_list .link {
	background: #fff;
	display: inline-flex;
	padding: .9em 0;
	width: 90%;
	justify-content: center;
	color: #0083e9;
	font-weight: bold;
	border: 1px solid #0083e9;
	text-decoration: none;
	position: relative;
	align-items: center;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 0;
}

.recruit-archive #post_list .link:after {
	content: '';
	display: block;
	width: 25px;
	height: 13px;
	background: url(img/right-arrow.png) no-repeat center / contain;
	position: absolute;
	right: 10px;
}

@media screen and (max-width: 639px) {
	.recruit-archive #post_list li {
		flex-basis: 100%;
	}
	.recruit-archive #post_list .link-wrap {
		display: flex;
	}
}

/*----------------------------------
先輩社員の声
----------------------------------*/

body.voice #voice-lead .voice-lead-text {
	text-align: center;
}

body.voice #voice-lead .voice-lead-text p:first-child {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 1em;
}

body.voice #voice-lead .voice-anchors {
	margin-top: 40px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	text-align: center;
}

body.voice #voice-lead .voice-anchor {
	border: 1px solid var(--theme-color-1);
	padding: 0;
}

body.voice #voice-lead .voice-anchor a {
	text-decoration: none;
}

body.voice #voice-lead .voice-anchor .voice-anchor-header {
	background: var(--theme-color-1);
	color: #fff;
	margin-bottom: 10px;
	padding: 4px;
	font-size: 18px;
}

body.voice #voice-lead .voice-anchor .voice-anchor-content {
	padding: 10px;
}

body.voice #voice-lead .voice-title {
	font-size: 15px;
	line-height: 1.3;
}

body.voice #voice-lead .voice-name {
	font-size: 24px;
	font-weight: bold;
}

body.voice #voice-lead .voice-name .age {
	font-size: 15px;
}

body.voice #voice-lead .voice-image img {
	padding: 0;
}

body.voice #voice-lead .anchor-arrow i {
	font-size: 30px;
}

#interviews {
	margin-top: 40px;
}

#interviews .interview {
	margin-top: 60px;
}

/*
#contents #main_col #interviews .interview h3 {
	margin-top: 60px;
	border-bottom: none;
	padding-left: 0;
	align-items: flex-start;
	font-size: 26px;
}

#contents #main_col #interviews .interview h3:before {
	position: relative;
	display: block;
	width: 3em;
	height: 1px;
	top: .8em;
	left: unset;
	background: var(--theme-color-1);
	margin-right: 1em;
	flex-shrink: 0;
}

#contents #main_col #interviews .interview h3:after {
	content: none;
}
*/

#contents #main_col #interviews .interview-content h5 {
	color: #555;
	margin: 1.8em 0 1.3em;
	color: #ee7f1c;
}

#contents #main_col #interviews .interview-content h5:before {
	content: none;
}

#interviews .interview-header {
	background: #e2e9f1;
	padding: 20px 20px 30px;
}

#interviews .interview-header .interview-label {
	display: inline-block;
	background: var(--theme-color-1);
	color: #fff;
	padding: .2em 2em;
	margin-bottom: 1em;
}

#interviews .caption {
	font-size: 14px;
	letter-spacing: 0;
	color: #666;
	line-height: 1.3;
}

#interviews .interview-header .profile {
	display: flex;
	gap: 20px;
}

#interviews .interview-header .profile .profile-text {
	flex-basis: 60%;
}

#interviews .interview-header .profile .profile-image {
	flex-basis: 40%;
}

#interviews .interview-header .interview-title {
	font-size: 16px;
}

#interviews .interview-header .interview-name {
	font-size: 24px;
	font-weight: bold;
}

#interviews .interview-header .interview-name .age {
	font-size: 15px;
}

#interviews .interview-header .profile-detail {
	margin-top: 1em;
}

#interviews .interview-header .qualifications {
	margin-top: .5em;
	font-size: 15px;
}


#interviews .interview-content p {
	margin-bottom: 1em;
}

#interviews .interview-content img {
	border-radius: 7px;
}

#interviews .interview-content .content-columns {
	display: flex;
	gap: 25px;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}


@media screen and (min-width: 640px) {

	#contents #main_col #interviews .interview-content .text:has(> h5) h5 {
		margin-top: 0;
	}

	.content-columns .image {
		flex-basis: 35%;
	}
	.content-columns .text {
		flex-basis: 65%;
	}

	#interview-01-2 .image,
	#interview-01-4 .image,
	#interview-03-2 .image {
		flex-basis: 40%;
	}
	#interview-01-2 .text,
	#interview-01-4 .text,
	#interview-03-2 .text {
		flex-basis: 60%;
	}

	#interview-01-3 .image,
	#interview-01-5 .image,
	#interview-02-2 .image,
	#interview-03-1 .image {
		flex-basis: 45%;
	}
	#interview-01-3 .text,
	#interview-01-5 .text,
	#interview-02-2 .text,
	#interview-03-1 .text {
		flex-basis: 55%;
	}
}


@media screen and (max-width: 639px) {
	body.voice #voice-lead .voice-lead-text p:first-child {
		text-align: left;
	}

	body.voice #voice-lead .voice-anchors {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	#interviews .interview-header .interview-label {
		width: 100%;
		text-align: center;
	}

	#interviews .interview-header .profile {
		flex-direction: column-reverse;
	}

	#contents #main_col #interviews .interview h3 {
		border-bottom: 1px solid var(--theme-color-1);
		line-height: 1.3;
		padding-bottom: 10px;
	}

	#contents #main_col #interviews .interview h3:before {
		/*content: none;*/
	}

	#interviews .interview-content .content-columns {
		display: block;
	}
}


/*----------------------------------
フォーム共通
----------------------------------*/

.wpcf7 input,
.wpcf7 textarea {
	margin: .5em 0;
}

span[data-name="purpose"] {
	line-height: 2;
}

#contact,
.wpcf7 select,
.wpcf7 .wpcf7-list-item-label {
	font-size: 16px;
}

#contact .agreement {
	border: 1px solid var(--text-color);
	padding: 1em 2em;
	background: #fff;
	margin-top: 30px;
}

#contact .agreement p {
	font-size: 16px;
}
#contact .agreement .acceptance {
	display: flex;
}


@media screen and (max-width: 639px){
	#contact .agreement {
		padding: 1em;
	}
}

/*----------------------------------
カタログダウンロードフォーム
----------------------------------*/
#contact.catalogue-form textarea {
	height: auto;
}

.select_catalogue .wpcf7-catalogue {
	display: block;
	padding: 1px;
}

.select_catalogue .wpcf7-catalogue > div {
	display: grid;
	gap :20px;
	grid-template-columns: 1fr 1fr 1fr;
}

.select_catalogue .wpcf7-catalogue .wpcf7-list-item {
	margin: 0;
	border: 3px solid #dfe9f1;
	background: #fff;
}

.select_catalogue .wpcf7-catalogue .wpcf7-list-item .catalogue-image {
	padding: 15px;
	height: 100%;
	display: grid;
	place-content: center;
}

.select_catalogue .wpcf7-catalogue .wpcf7-list-item:not(:last-child) .catalogue-image img {
	border: 3px solid #ccc;
}

.select_catalogue .wpcf7-catalogue .wpcf7-list-item label {
	font-weight: bold;
	letter-spacing: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.select_catalogue .wpcf7-catalogue .wpcf7-list-item .check {
	display: block;
	height: 90px;
	min-height: 90px;
	line-height: 1.4;
	padding: 10px;
	padding-left: 1.5em;
	text-indent: -1em;
	background: #dfe9f1;
}

@media screen and (max-width: 639px) {
	body.catalogue .post {
		padding: 15px 0 0;
	}
	.wpcf7 form {
		margin: .5em .5em 0;
	}

	.select_catalogue .wpcf7-catalogue > div {
		grid-template-columns: 1fr 1fr;
	}
	.select_catalogue .wpcf7-catalogue .wpcf7-list-item .check {
		height: 100px;
		min-height: 100px;
		line-height: 1.3;
	}
}


/*----------------------------------
カタログダウンロードサンクスページ
----------------------------------*/
body.catalogue-thanks #content P {
	margin-bottom: 1em;
}

body.catalogue-thanks #content ul {
	padding-left: 1.5em;
}

/*----------------------------------
関連投稿
----------------------------------*/
#contents #main_col #related_post h3 {
	background: transparent;
	border-top: none;
}

#contents #main_col #related_post h4 {
	font-size: 1em;
	background: none;
	padding: 0;
}

#contents .page_navi p.back a {
	color: #fff;
}


/*-船津追記 2024/04/23～ ----------------*/

/*----------------------------------
下層ページ共通
・非破壊検査
・構造物の調査・点検
----------------------------------*/
/*共通*/
#subpage-contents p {
	margin-bottom: 20px;
}
#subpage-contents .catch-text {
	font-size: 19px;
}
@media screen and (max-width: 639px) {
	#subpage-contents .catch-text {
		font-size: 18px;
		line-height: 1.6;
	}
}
#subpage-contents h5 {
	margin-top: 20px;
	margin-bottom: 10px;
}
#subpage-contents .bold-bg-blue {
	font-weight: bold;
    background: #e1e8ea;
    padding: 2px 4px;
    margin: 0 2px;
}

/*タイトル下タグ*/
#subpage-contents .tags {
    margin-bottom: 20px;
    display: flex;
    line-height: 1;
}
#subpage-contents .tags span:first-child {
    padding: 10px 10px 10px 20px;
    background: var(--text-color);
    color: #fff;
    border: 1px solid var(--text-color);
    border-radius: 30px 0 0 30px;
}
#subpage-contents .tags span:last-child {
    padding: 10px 20px 10px 10px;
    border: 1px solid var(--text-color);
    border-radius: 0 30px 30px 0;
}

/*カラム*/
#subpage-contents .one-column {
    display: grid;
    grid-template-columns: 1fr;
	padding-bottom: 30px;
	line-height: 1.7;
}
#subpage-contents .one-column p {
	margin-bottom: 10px;
}
#subpage-contents .one-column ul {
	margin-bottom: 10px;
}
#subpage-contents .two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
	padding-bottom: 30px;
	line-height: 1.7;
}
#subpage-contents .two-column h5:first-child{
	margin-top: 0;
}
#subpage-contents .one-column div img,
#subpage-contents .two-column div img{
	padding: 0 !important;
}
#subpage-contents .one-column p img {
	padding: 5px 0 !important;
}
#subpage-contents .one-column div span,
#subpage-contents .two-column div span {
	display: block;
	text-align: center;
	font-size: 1rem;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing: 0;
}
#subpage-contents .two-column div span.bold-bg-blue {
	display: inline;
    font-size: 17px;
}
@media screen and (max-width: 639px) {
    #subpage-contents .two-column {
        grid-template-columns: 1fr;
    }
}

/*リスト*/
#subpage-contents ol {
    margin-left: 26px;
}
#subpage-contents ul li,
#subpage-contents ol li {
	line-height: 1.7rem;
    padding-bottom: 5px;
}
#subpage-contents ul li {
	padding-left: 0;
    list-style-type: disc;
    margin-left: 20px;
	background: none;
}

/*問合せへ*/
#subpage-contents a.to-contact {
    color: var(--text-color);
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
	margin-top: 5px;
}
#subpage-contents a.to-contact:before {
    content: '';
    display: block;
    width: 1.3em;
    height: 1.3em;
    background: url(img/show-detail-icon.png) no-repeat center / contain;
    margin-right: .25em;
}
/*ジャーナルへ*/
#subpage-contents .to-journal {
    margin-bottom: 3rem;
    background: #ebf5fd;
    padding: .8rem 1.8rem;
	line-height: 1.5;
}
#subpage-contents .to-journal p {
	margin-bottom: .5rem;
}
#subpage-contents .to-journal p.subt {
    color: var(--theme-color-1);
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
    display: flex;
	margin-top: .5rem;

}
#subpage-contents .to-journal a {
    text-decoration: none;
    font-size: 16px;
    display: flex;
	margin-top: .8rem;
	margin-left: 1.5rem;
}
#subpage-contents .to-journal a:hover {	
	color: #ee7f1c;
}
#subpage-contents .to-journal a::before {
    content: '●';
    position: relative;
    top: -1.6px;
}
@media screen and (max-width: 639px) {
	#subpage-contents .to-journal a {
		margin-left: 0;
	}
}
/*グレー帯＆画像＆テキスト*/
#subpage-contents .imgarea-gray-line {
	padding-bottom: 20px;
}
#subpage-contents .imgarea-gray-line span {
    display: block;
    text-align: center;
    font-weight: bold;
	font-size: 17px !important;
    color: #000;
    padding: 10px 5px;
	margin-bottom: 0 !important;
    line-height: 1.3;
    background: #e1e8ea;
}
#subpage-contents .imgarea-gray-line img {
	padding-bottom: 0;
	width: 100%;
}
#subpage-contents .imgarea-gray-line p {
	font-size: 16px;
	margin: 0 0 10px;
}
#subpage-contents .imgarea-gray-line .two-column {
	margin-bottom: 10px;
	padding: 0;
}
/*画像＆サブタイトル＆テキスト*/
.imgarea-simple-style {
	padding-bottom: 40px;
}
.imgarea-simple-style p {
	margin: 0 !important;
}
.imgarea-simple-style>.sub-t {
	font-weight: bold;
	margin-bottom: 3px !important;
    font-size: 1.2rem;
}

/*PDFカタログダウンロード （ページ下部）*/
#subpage-contents .dl-catalog h4 {
	text-align: center;
	padding: 5px 18px !important;
	margin-bottom: 0;
}
#subpage-contents .dl-catalog .dl-catalo-box {
    background: #ebf5fd;
	padding: 20px;
	text-align: center;
}
#subpage-contents .dl-catalog .dl-catalo-box p {
	margin-bottom: 0;
}
#subpage-contents .dl-catalog .dl-catalo-box>div>p {
	margin-bottom: 3px;
}
#subpage-contents .dl-catalog .dl-catalo-box>div>p::before {
	content: "・";
}
#subpage-contents .dl-catalog .dl-catalo-box a {
    background: #fff;
    display: inline-flex;
    padding: .5em 0;
    width: 90%;
    justify-content: center;
    color: #0083e9;
    font-weight: bold;
    border: 1px solid #0083e9;
    text-decoration: none;
    position: relative;
    align-items: center;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0;
}
#subpage-contents .dl-catalog .dl-catalo-box a:after {
    content: '';
    display: block;
    width: 25px;
    height: 18px;
    background: url(img/detail-arrow.png) no-repeat center / contain;
    position: absolute;
    right: 10px;
}
#subpage-contents .dl-catalog .dl-catalo-box a br {
	display: none;
}
@media screen and (max-width: 639px) {
	#subpage-contents .dl-catalog .dl-catalo-box {
		padding: 20px 10px;
		text-align: left;
	}
	#subpage-contents .dl-catalog .dl-catalo-box div p {
		text-indent: -1em;
		padding-left: 1em;
	}
	#subpage-contents .dl-catalog .dl-catalo-box > p {
		text-align: center;
	}
	#subpage-contents .dl-catalog .dl-catalo-box .link {
		text-align: center;
		letter-spacing: 0;
	}
	#subpage-contents .dl-catalog .dl-catalo-box a {
		line-height: 1.6;
		width: 100%;
	}
	#subpage-contents .dl-catalog .dl-catalo-box a br {
		display: block;
	}
}

/*----------------------------------
・非破壊検査
----------------------------------*/
/* 放射線透過試験（RT）-----------*/
#housyasen .column-kensa {
    display: grid;
    grid-template-columns: minmax(auto, 60%) minmax(auto, 40%);
    gap: 30px;
	padding-bottom: 30px;
}
#housyasen .column-kensa div span {
	display: block;
	text-align: center;
	font-size: 0.95rem;
	margin-top: 5px;
}
#housyasen .column-kensa div img {
	padding: 0 !important;
}
@media screen and (max-width: 639px) {
    #housyasen .column-kensa {
        grid-template-columns: 1fr;
    }
	#housyasen .img-dynamlx-hr2 {
		text-align: center;
	}
	#housyasen .img-dynamlx-hr2 img {
		max-width: 350px;
	}
}

/* 磁粉探傷試験（MT）-----------*/
#jiki .column-genri {
    display: grid;
    grid-template-columns: minmax(auto, 60%) minmax(auto, 40%);
    gap: 15px;
	padding-bottom: 30px;
}
@media screen and (max-width: 639px) {	
    #jiki .column-genri {
        grid-template-columns: 1fr;
    }
}
#jiki table {
	font-weight: bold;
	margin-bottom: 30px;
}
#jiki table th {
	width: 94px;
	background: none;
	vertical-align:top;
	text-align:justify;
	text-align-last:justify;
	white-space: nowrap;
}
#jiki table td.colon {
	vertical-align:top;
}
#jiki table td {
	padding-left: 5px;
	margin-bottom: 3px;
}

/* 渦電流探傷試験（ET）-----------*/
#karyu .one-column ul {
	margin-top: -10px;
	margin-bottom: 0;
}
#karyu .one-column li {
	padding-bottom: 0;
	font-weight: bold;
	color: #174069;;
}

/*----------------------------------
・構造物の調査・点検
----------------------------------*/
/* コンクリート構造物の調査-----------*/
#konkuri .red-kome-text {
    color: #bf311c;
    font-size: 0.9em;
}
#konkuri span.red-kome-text {
	display: inline;
}
#konkuri .img-center {
	text-align: center;
}

/*----------------------------------
・募集要項
----------------------------------*/
#bosyuu .head-text {
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}
#bosyuu .bosyuu-links {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
	padding: 10px 0 30px;
}
#bosyuu .bosyuu-links a {
    text-align: center;
    text-decoration: none;
    color: var(--text-color);
	border: solid 1px var(--text-color);
    margin-top: 10px;
    padding-top: 8px;
    padding-bottom: 5px;
    letter-spacing: -1px;
    font-weight: bold;
    flex-direction: column;
    align-items: center;
}
#bosyuu .bosyuu-links a:after {
    content: '▼';
    display: inline-block;
    position: relative;
    left: 10px;
    top: -1px;
    transform: scaleX(1.5);
    font-size: 0.95rem;
}
#bosyuu .workplace-info {
    display: grid;
    grid-template-columns: 1fr;
	padding-bottom: 20px;
	line-height: 1.7;
}
#bosyuu .workplace-info div p:first-child {
    position: relative;
    padding: 0px .5rem .1rem 2.1rem;
    border-bottom: dotted 1px #ee7f1c;
    margin: 0 0 8px 0;
    font-size: 1.2rem;
    color: #ee7f1c;
    font-weight: bold;
}
#bosyuu .workplace-info div p:first-child::before {
    font-family: FontAwesome;
    content: "\f00c";
    position: absolute;
    font-size: 1.2rem;
    left: .2em;
    color: #ee7f1c;
}
#bosyuu .workplace-info div p:last-child {
	margin-bottom: 15px;
}
#bosyuu .workplace-photo {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
	padding-bottom: 30px;
}
@media screen and (max-width: 639px) {
	#bosyuu .head-text {
		text-align: left;
	}
    #bosyuu .workplace-photo {
        grid-template-columns: 1fr 1fr;
    }
	#bosyuu .bosyuu-links{
		font-size: 1rem;
		gap: 5px;
	}
	#bosyuu .bosyuu-links a {		
		padding-top: 6px;
		padding-bottom: 0px;
	}
	#bosyuu .bosyuu-links a:not(:last-child) {
		letter-spacing: 3px;
	}
	#bosyuu .bosyuu-links a:after {
		display: block;
		position: relative;
		left: 0;
		top: -3px;
	}
}
#bosyuu .blue-box {
    background: #f3f7fb;
    color: #486c77;
    font-size: 1em;
    padding: 15px;
    margin-bottom: 25px;
}
#bosyuu .blue-box-mb {
	margin-bottom: 50px;
}
#bosyuu .blue-box p:not(:last-child) {
	margin-bottom: 10px;
}

#bosyuu .blue-box .column-message {
    display: grid;
    grid-template-columns: minmax(auto, 60%) minmax(auto, 40%);
    gap: 15px;
}
#bosyuu .blue-box .column-message img {
	margin: 0;
	padding: 0;
}
#bosyuu .blue-box .column-message p.post-and-name {
	text-align: center;font-weight: bold;
}
#bosyuu .blue-box .column-message p.post-and-name span {
	display: block;
	font-size: 14px;
}
#bosyuu .blue-box .column-message p.sub-title {
	font-weight: bold;
	font-size: 18px;
}
@media screen and (max-width: 639px) {	
    #bosyuu .blue-box .column-message {
        grid-template-columns: 1fr;
    }
}

#bosyuu table {
	margin-bottom: 30px;
	font-size: 1rem;
}
#bosyuu table th {
	padding: 10px;
	background: #eee;
	border: solid 1px #c1c1c1;
	width: 180px;
}
#bosyuu table td {
	padding: 10px;
	border: solid 1px #c1c1c1;
}
#bosyuu table td p:not(:last-child) {
	margin-bottom: 8px;
}
@media screen and (max-width: 639px) {
	#bosyuu table th,
	#bosyuu table td {
		width: 100%;
		display: block;
		border-bottom: none;
	}
	#bosyuu table {
		border-bottom: solid 1px #c1c1c1;
		
	}
}
#bosyuu .workplace-faq {
    display: grid;
    grid-template-columns: 1fr;
	padding-bottom: 20px;
	line-height: 1.7;
}
#bosyuu .workplace-faq div p {
    position: relative;
    padding: 0px .5rem .1rem 2.5rem;
    border-bottom: dotted 1px #ee7f1c;
    margin: 0 0 8px 0;
    font-size: 1.3rem;
    color: #ee7f1c;
    font-weight: bold;
}
#bosyuu .workplace-faq div p::before {
    font-family: FontAwesome;
    content: "Q ";
    position: absolute;
    font-size: 1.1em;
    left: .2em;
    color: #ee7f1c;
}
#bosyuu .workplace-faq ul {
    list-style-type: none;
}
#bosyuu .workplace-faq li {
	background: none;
    padding-left: 2.5rem;
	margin-top: 12px;
	font-size: 1rem;
	line-height: 1.9;
}
#bosyuu .workplace-faq div>ul>li:first-child {
    text-indent: -15px;
}
#bosyuu .workplace-faq div>ul>li:first-child:before{
	font-weight: bold;
	display:inline-block; 
	content:'A';
    margin-right: 16px;
}
#bosyuu .workplace-faq ul li>ul {
	margin-left: 0;
}
#bosyuu .workplace-faq ul li>ul>li {
    padding-left: 18px;
    text-indent: -18px;
	line-height: 1.6;
}
#bosyuu .workplace-faq ul li>ul>li::before{
	content: "・";
}
#bosyuu .workplace-faq ul li>ul>li:not(:first-child) {
	margin-top: 5px;
}
@media screen and (min-width: 550px) {
	#bosyuu .workplace-faq ul li>ul>li br {
		display: none;
	}
}
@media screen and (max-width: 549px) {
	#bosyuu .workplace-faq ul li>ul>li {
		padding-left: 5px;
		text-indent: -7px;
		line-height: 1.5;
	}
}

/* 241106 追加 おしらせレスポンシブ対応2カラム表示 */

.single-post .info-two-columns{
	background: #daeaf7;
	padding: 20px 20px 20px;
	display: flex;
	gap: 20px;
}

.single-post .info-two-columns div:has(> img){
	flex-basis: 50%;
}

.single-post .info-two-columns div:has(> p){
	flex-basis: 50%;
}
.single-post .info-two-columns div img{
	width: 100%;
	height: auto;
}


@media screen and (max-width: 639px) {
	.single-post .info-two-columns {
		display: block;
	}
	.single-post .info-two-columns div img{
		margin-bottom: 16px;
	}
	.single-post .info-two-columns div p{
		padding: 0 8px;
	}
	.single-post .info-two-columns{
		padding: 12px 12px 12px;
	}
}

/*----------------------------------
・お知らせ
----------------------------------*/
.news-contents p {
	margin-bottom: 1.5em;
}
/*カラム*/
.news-contents .one-column {
    display: grid;
    grid-template-columns: 1fr;
}

.news-contents .two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.news-contents .one-column .tate-single img {
	max-width: 337px;
	width: 100%;
	display: block;
	margin: auto;
}
.news-contents .diary h5::before {
	content: none !important;
}
.news-contents .vertical img {
	display: block;
	margin: auto;
	max-width: 400px;
	width: 80%;
}
@media screen and (max-width: 639px) {
    .news-contents .two-column {
        grid-template-columns: 1fr;
		gap: 0;
    }
	.news-contents .diary h5::before {
		font-size: 1rem;
	}
}

/*diary*/
.news-contents .diary h5 {
	color: #ee7f1c !important;
	margin-bottom: 1rem;
}
.news-contents .comment-column {
	padding: 2rem;
	background-color:#faf4e3;
	border-radius: 1rem;
	margin-bottom: 2rem;
}
.news-contents .comment-column>div {
	text-align: center;	
}
.news-contents .thanks-h {
	color: #ee7f1c;
	text-align: center;
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}
.news-contents .thanks-txt {
	text-align: center;
}
.news-contents .diary>p strong {
	display: block;
	margin-top: -.8rem;
}
@media screen and (min-width: 640px) {
	.news-contents .photo-sp {
		display: none;
	}
	.news-contents .thanks-h br {
		display: none;
	}
}
@media screen and (max-width: 799px) {
	.news-contents .thanks-txt {
		text-align: left;
	}

}
@media screen and (max-width: 639px) {
	.news-contents .diary h5 {
		font-size: 1.2rem !important;
	}
	.news-contents .photo-pc {
		display: none;
	}
	.news-contents .comment-column {
		padding: 1.5rem;
	}
	.news-contents .comment-column .shorter-a img {
		max-height: 200px;
	}
	.news-contents .comment-column .shorter-b img {
		max-height: 250px;
	}
	.news-contents .thanks-h {
		font-size: 1.1rem;
	}

}

/*----------------------------------
・⼤検技術ジャーナル
----------------------------------*/
.journal-template-default h3 {
    margin-top: 2.5rem;
}
.journal-template-default h4 {
    display: flex;
    align-items: flex-start;
    margin-top: 2rem;
    margin-bottom: .8rem;
}
.journal-template-default h4::before {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    background: url(img/h5-icon.png) no-repeat center / contain;
    margin-right: 4px;
    position: relative;
    top: 6px;
}
.journal-template-default p {
	margin-bottom: 1rem;
}
.journal-template-default .kome {
	padding-left: 1em;
	text-indent: -1em;
	font-size: .95rem;
	display: inline-block;
}
.journal-template-default .kome::before {
	content: "※";
}
.journal-template-default table {
    /* border: 1px solid var(--text-color); */
}
.journal-template-default table tr>td {
	padding: .3rem .5rem;
    border: 1px solid var(--text-color);
}
.journal-template-default figure {
	margin-bottom: 0;
}
.journal-template-default figure img {
	padding: 0 !important;
}
.journal-template-default .img-caption {
	text-align: center;
	font-size: 16px;
    margin: .5rem auto 0;
    line-height: 1.2;
}
.journal-template-default .wp-block-columns {
	gap: 1.5rem;
	margin-bottom: 1.5rem;
}
.journal-template-default .single-img img {
	max-width: 460px;
	width: 100% !important;
	display: block;
	margin: auto;
}
.journal-template-default .box-orange {	
    border: 2px solid #EE7F1C;
}
.journal-template-default .box-orange p {
	margin-bottom: 0;
}
.journal-template-default .box-orange .box-name {
	font-weight: bold;
	font-size: 1.22rem;
}
.journal-template-default .box-orange img {
	display: block;
	margin: .5rem auto auto;
	max-width: 200px;
	border: #fff solid 1px;
}
.journal-template-default .box-orange ul {
	margin-bottom: 1rem;
}
.journal-template-default .box-orange ul li {
	line-height: 1.7;
}
.journal-template-default .box-orange div {
	margin: 0;
}
.journal-template-default .box-orange>p:first-child {
	text-align: center;
	color: #EE7F1C;
	font-weight: bold;
	padding: 0 1rem;
    border-bottom: 2px solid #EE7F1C;
    margin-top: 3px;
	margin-bottom: 0;
}
.journal-template-default .box-orange .bg-l-orange {
	background: #FCE9D9;
	padding: .5rem 1rem;
}

.journal-template-default .mb0 {
	margin-bottom: 0 !important;
}
.journal-template-default .img-border {
	border: 1px solid #333;

}

/* journal 02 */
.journal-template-default .j2-table1>table tr:first-child {
    background: #e2e9f1;
	font-weight: bold;
	text-align: center;
}
.journal-template-default .j2-table1>table tr>td:first-child {
	white-space: nowrap;
}
.journal-template-default .j2-table1>table,
.journal-template-default .helium_leaktest>table {
	table-layout: auto;
}
.journal-template-default .helium_leaktest>table {
	text-align: center;
	font-size: .95rem;
	width: 100%;
	min-width: 600px;
	border-collapse: collapse;
}
.journal-template-default .helium_leaktest>table tr:first-child>td,
.journal-template-default .helium_leaktest>table tr:nth-child(10)>td {
	text-align: left;
	font-weight: bold;
	background:  var(--text-color);
	color: #fff;
    font-size: 1.15rem;
    padding-left: 1rem;
}
.journal-template-default .helium_leaktest>table tr>td:nth-child(4){
	text-align: left;
}
.journal-template-default .helium_leaktest>table tr:nth-child(2),
.journal-template-default .helium_leaktest>table tr:nth-child(11) {
    background: #e2e9f1;
	font-weight: bold;
}
.journal-template-default .helium_leaktest>table tr:nth-child(2)>td,
.journal-template-default .helium_leaktest>table tr:nth-child(11)>td {
	text-align: center;
}
.journal-template-default .helium_leaktest>table tr:nth-child(12)>td:nth-child(3),
.journal-template-default .helium_leaktest>table tr:nth-child(13)>td:nth-child(3) {
	text-align: left;
}
.journal-template-default .helium_leaktest>table tr:nth-child(9) td {
	border-left: none;
	border-right: none;
	height: 2rem;
}
.journal-template-default .helium_leaktest>table tr:nth-child(5)>td:first-child, 
.journal-template-default .helium_leaktest>table tr:nth-child(5)>td:nth-child(2){
	white-space: nowrap;
}
.journal-template-default .helium_leaktest>table tr:nth-child(2)>td:nth-child(3) {
	width: 140px;
}
@media screen and (max-width: 781px) {
	.journal-template-default .j2-table1>table tr>td:first-child {
		white-space: normal;
		width: 40%;
	}	
	.journal-template-default .helium_leaktest>table tr:nth-child(5)>td:first-child, 
	.journal-template-default .helium_leaktest>table tr:nth-child(5)>td:nth-child(2),
	.journal-template-default .helium_leaktest>table tr:nth-child(2)>td:nth-child(3) {
		white-space: normal;
		width: 100px;
	}
}

/*journal-2303*/
.journal-template-default .single-photo img {
	max-width: 460px;
	width: 100% !important;
	display: block;
	margin: auto auto 2rem;
}
.journal-template-default .single-photo-w img {
	max-width: 600px;
	width: 100% !important;
	display: block;
	margin: auto auto 2rem;
}
.journal-template-default .single-photo-n img {
	max-width: 400px;
	width: 100% !important;
	display: block;
	margin: auto auto 2rem;
}
.journal-template-default .bullet {
	padding-left: 1em;
	text-indent: -1em;
}
.journal-template-default .bullet-b {
	font-weight: bold;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 0;
}
.journal-template-default .bullet-b::before,
.journal-template-default .bullet::before {
	content: "・";	
}
.journal-template-default .square {
	font-weight: bold;
	padding-left: 1em;
	text-indent: -1em;
    margin-bottom: .5rem;
    font-size: 1.125rem;
    line-height: 1.55rem;
}
.journal-template-default .square::before {
    font-family: FontAwesome;
    content: "\f0c8";
	margin-right: 3px;
}
.journal-template-default .r-arrow {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 0;
}
.journal-template-default .r-arrow::before {
    content: "→";
	margin-right: 3px;
}
.journal-template-default .kakko {
	text-align: center;
	font-weight: bold;
	margin-bottom: .5rem;
}
.journal-template-default .number-line {
	padding-left: 1em;
	text-indent: -1em;
	font-weight: bold;
}
.journal-template-default .number-txt {
	margin-bottom: 2rem;
}
.journal-template-default .number-txt p {
	padding-left: 1em;
	text-indent: -1em;
}
.journal-template-default .img-outline img {
    border: 2px solid var(--text-color);
	margin-bottom: 1rem;
}
.journal-template-default .commentator-intro {
    border: 2px solid #EE7F1C;
    background: #FCE9D9;
}
.journal-template-default .commentator-intro p.head-line {
    text-align: center;
    color: #EE7F1C;
    font-weight: bold;
    padding: 0 1rem;
    border-bottom: 2px solid #EE7F1C;
    padding-top: 3px;
    margin-bottom: 0;
    background: #fff;
}
.journal-template-default .commentator-intro div {
	text-align: center;
}
.journal-template-default .commentator-intro p {
	margin-bottom: 0;
}
.journal-template-default .commentator-intro img {
    display: block;
    margin: .5rem auto;
    max-width: 200px;
    border: #fff solid 1px;
}
.journal-template-default .commentator-intro .cmt-name {
    font-weight: bold;
    font-size: 1.22rem;
}
.journal-template-default .commentator-intro .since {
    font-size: .9rem;
	margin-bottom: .5rem;
}
.journal-template-default .in-charge {
	font-weight: bold;
}
.journal-template-default .qualification div {
	border: none !important;
    font-size: .95rem;
}
.journal-template-default .mb-sp {
	margin-bottom: 1rem;
}
.journal-template-default .photos .wp-block-column {
	text-align: center;
}
.journal-template-default figcaption {
	text-align: center;
	margin: 3px auto 0;
	font-size: .95rem;
}
.journal-template-default figcaption::before {
	content: "▲";
	margin-right: 3px;
}
.journal-template-default .two-commentator {
	padding: 0;
    margin:0;
	gap: 0;
}
.journal-template-default .two-commentator div:first-child {
	border-right: 2px solid #EE7F1C;
}
.journal-template-default .two-commentator div p {
	margin: auto .5rem;
}
.journal-template-default .two-commentator div p:first-child {
	margin-top: .5rem;
}
.journal-template-default .two-commentator div p:last-child {
	margin-bottom: .5rem;
}
.journal-template-default .table-holder {
	margin-bottom: 3rem;
}
.journal-template-default .table-holder p {
	margin-bottom: .3rem;
}
.journal-template-default .table-holder table {
	max-width: 500px;
	width: 100%;
}
.journal-template-default .table-holder td {
	width: auto;
}
.journal-template-default .table-holder td:last-child {
	width: 80px;	
}
.journal-template-default .table-nikuatu {
	margin-bottom: 2rem;
}
.journal-template-default .table-nikuatu tr:first-child{
    background: #e2e9f1;
    font-weight: bold;
	text-align: center;
}
.journal-template-default .table-nikuatu td:first-child {
    background: #e2e9f1;
    font-weight: bold;
}
.journal-template-default .table-youto {
	margin-bottom: 1rem;
}
.journal-template-default .table-youto tr:first-child {
    background: #e2e9f1;
    font-weight: bold;
	text-align: center;
}
.journal-template-default .table-youto tr:last-child {
	vertical-align: top;
}
.journal-template-default .table-youto ul {
	margin-bottom: 0;
}
.journal-template-default .table-youto li {
    list-style-type: disc;
    margin-left: 25px;
    background: none;
    padding-left: 0px;
    line-height: 1.7;
}
.journal-template-default .from-manager {
    background: #FCE9D9;
	padding: .6rem 1rem;
	margin-top: 3rem;
	margin-bottom: 3rem;
	border-radius: 10px;
}
.journal-template-default .from-manager figcaption::before {
	content: none;
}
.journal-template-default .from-manager .first-line {
	font-weight: bold;
	font-size: 1.2rem;
    color: #002040d9;
	border-bottom: 2px solid #002040d9;
}
.journal-template-default .from-manager .first-line::before {
    font-family: FontAwesome;
    content: "\f007";
    margin: 0 10px;
    font-size: 1.8rem;
    position: relative;
    top: 2px;
}
.journal-template-default .from-manager .wp-block-columns p:last-child {
	margin-bottom: 0;
}
.journal-template-default .from-manager .wp-block-columns {
	margin-bottom: 1rem;
}
.journal-template-default .indent-left {
	margin-left: 1rem;
}
@media screen and (min-width: 782px) {
	.journal-template-default .table-youto tr:last-child p {
		display: none;
	}
	.journal-template-default .developing-car {
		margin-bottom: 3rem;
	}
	.journal-template-default .developing-car .car-sp {
		display: none;
	}
}
@media screen and (max-width: 781px) {
	.journal-template-default .journal>div {
		padding-left: .5rem;
		padding-right: .5rem;

	}
	.journal-template-default .two-commentator div:first-child {
		border-right: none;
		border-bottom: 2px solid #EE7F1C;
	}
	.journal-template-default .commentator-intro {
		max-width: 500px;
		width: 100%;
		margin: auto;
	}
	.journal-template-default .photos .wp-block-column img {
		max-width: 460px;
		width: 100%;	
	}
	.journal-template-default .photos .wp-block-column .wide-img img {
		max-width: none;
	}
	.journal-template-default .table-holder td:last-child {
		width: 65px;	
	}
	.journal-template-default .table-holder p {
		text-align: center;
	}
	.journal-template-default .table-youto td {
		display: block;
		width: 100%;
	}	
	.journal-template-default .table-youto tr:first-child {
		display: none;
	}
	.journal-template-default .table-youto tr:last-child p {
		background: #e2e9f1;
		font-weight: bold;
		text-align: center;
		width: 100%;
		border-bottom: 1px solid var(--text-color);
		margin-bottom: 5px;
	}
	.journal-template-default .table-youto tr:last-child ul {
        padding-left: .2rem;
	}
	.journal-template-default .table-youto td {
		padding: 0;
	}
	.journal-template-default .table-youto td:last-child {
		border-top: none;
	}
	.journal-template-default .developing-car .single-photo img {
		margin-bottom: .5rem;
	}
	.journal-template-default .developing-car .car-pc {
		display: none;
	}
}