@charset "utf-8";
/* PC用CSS */
* {
    -webkit-box-sizing:border-box;
    -moz:box-sizing:border-box;
    box-sizing:border-box;
}

:root {
  --main-bg: #FF78D3;/*ピンク*/
  --main-color: #231815;
  --sub-color: #222;/**/
  --btn-color:#005072;/*blue*/
  --btn-bg:#eee;
  --bg-color:#FFEBFA;
}


/* background-color: var(--main-bg);*/

/* background-color: var(--bg-color);*/
html {
box-sizing: border-box;
scroll-behavior: smooth;

}

/**/

input[type="checkbox"]{
	transform: scale(1.5);
}
input[type="radio"]{
	transform: scale(1.5);
}

input[type="checkbox"], input[type="radio"], input[type="text"], select {
margin-right: 8px;
}

.mainbox{
background-color: var(--bg-color);
margin-left:auto; margin-right:auto;
text-align: center;
margin-bottom: 70px;
background: url(../img/main_smp.webp);
	@media (768px <= width) {background: url(../img/main.webp); }/* 768px以上 */
background-position: top center; /* お好みで */
	@media (width <= 1300px) {
	background-size: cover; /* 必要 */
	background-repeat:no-repeat;
	width: 100%; /* 必要 */
	aspect-ratio: 1300 / 450; /* アスペクト比を保持してレスポンシブ */	
	}/* 1300px以上 */
white-space: nowrap;text-indent: 100%;overflow: hidden;
	}	

	@media (1300px <= width) {
	.mainbox{
	height: 450px;
	margin-inline: auto;
	width: 100%;
	max-width: 1900px;
	}
	}/* 1300px以下 */





@media print, screen and (min-width: 768px) {

	a[href^="tel:"] {pointer-events: none;}
	.pcno{display:none !important;}
	.ya_smp {
	display: none;
	}
	aside, footer, header, nav, section{
	display: block;
	margin:0;
	padding:0;
	}
	body{
	width:100%;
	line-height:1.7;
	font-size: 1.25rem;
	padding:0;
	margin:0;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color:#222;
	box-sizing:border-box;
	}

	ul, ol, dl,dt,dd,div,ol,ul,li,figure,figcaption {
	padding: 0;
	margin: 0;
	}
	h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
	}
	li {list-style-type:none;}
	.mb1{
	margin-bottom: 1em;}
	.mb2{
	margin-bottom: 2em;}
	/* form */
	button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:middle;
	}
	a {outline:none;border:0;}
	a:hover img,
	input[type="image"]:hover{
	opacity:0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	}

	a:hover{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	}

	table {
	border-collapse:collapse;
	border-spacing:0;
	}
	a:link{color:#1E3F84;text-decoration:none;}
	a:visited{color:#1E3F84;text-decoration:none;}
	a:hover{color:#e50202;text-decoration:underline;}
	a:active{color:#1E3F84;text-decoration:none;}

	.pcno{display:none;}
	img {vertical-align: middle;border:0;}
	.pem p{
	margin-bottom: 1em;}
	/*位置と状態*/
	.left{float:left;}
	.right{float:right;}
	.clear{clear:both;}
	.cen{text-align:center;}
	.r{text-align:right;}
	.l{text-align:left;}
	.bold{font-weight:bold;}
	.red{color:red;}

	/*余白*/
	.mb05em {margin-bottom:0.5em;}
	.mb1em {margin-bottom:1em;}
	.mb2em {margin-bottom:2em;}
	.mb3em {margin-bottom:3em;}
	.mb5em {margin-bottom:5em;}
	.mb10{ margin-bottom:10px;}
	.mb15{ margin-bottom:15px;}
	.mb30{ margin-bottom:30px;}
	.mb50{ margin-bottom:50px;}
	.mb80{ margin-bottom:80px;}
	.mb100{ margin-bottom:100px;}

	.mt50{ margin-top:50px;}

	.jisage{
	padding-left:1em;
	text-indent:-1em;
	}
}/**./@media print, screen and (min-width: 768px)***********************************/
/*************************************/
/*************************************/

.head_freecome{
font-size: 15px;

align-items: center;
padding-block: 10px;
margin-bottom: 10px;
position: relative;
display: flex;
justify-content: flex-end;
}
	@media (768px <= width) {
	.head_freecome{font-size: 18px;}
	}/* 768px以上 */

.head_freecome::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw; /* 画面幅いっぱい */
height: 1px;
background-color: #000; /* 線の色 */
z-index: -1; /* 他の要素の邪魔をしないように */
}
.head_freecome span{
display: inline-block;
font-weight: bold;
color: #f00;
border: 1px solid #f00;
line-height: 1.2;
padding: 2px 0.5em;
}
.head_freecome p{
display: inline-block;
line-height: 1.2;
margin-left: 16px;
}
.head_freecome a{
background-color: #ff834c;
display: inline-block;
line-height: 1.2;
padding: 2px 1em;
margin-left: 16px;
}
.head_freecome a:not(:hover) {color:#fff;text-decoration:none;}
.head_freecome a:hover{color:#fff;text-decoration:none;opacity: 0.5;}



@media print, screen and (min-width: 768px) {
	/*-----------------------------------------------
	header
	-----------------------------------------------*/
	.head_menuarea{
	position: relative;
	}
	a.btn_head_contact{
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	width: 122px;
	height: 78px;
	background-color:  var(--main-bg);
	text-align: center;
	display: block;
	line-height: 1;
	position: absolute;
	right: 0;
	top:10px;
	}

	a.btn_head_contact:before {
	display: block;
	font-family: 'FontAwesome';
	content: '\f003';
	color: #fff;
	font-size: 27px;
	line-height: 1;
	margin-bottom: 6px;
	padding-top: 14px;

	}

	a.btn_head_contact:link{color:#fff;text-decoration:none;}
	a.btn_head_contact:visited{color:#fff;text-decoration:none;}
	a.btn_head_contact:hover{color:#fff;text-decoration:none;}
	a.btn_head_contact:active{color:#fff;text-decoration:none;}


	header{
	max-width:1290px;
	min-height: 158px;
	margin:0 auto;
	position: relative;
	}

	.logoarea{
	max-width:1290px;
	margin:0 auto;
	}
	.logobox{
	float:left;
	width:160px;
	margin-top: 8px;
	}

	.lead{
	height:16px;
	font-size:12px;
	margin:8px 0 10px 0;
	}

	.logobox a .logomark{
	display: inline-block;
	width:40px;
	height:40px;
	background:url(../img/logo_mark.svg) no-repeat;
	white-space: nowrap;text-indent: 100%;overflow: hidden;/*テキスト非表示*/
	margin-right: 10px;
	}

	.logobox a .logo{
	display: inline-block;
	background:url(../img/logo.png) no-repeat;
	white-space: nowrap;text-indent: 100%;overflow: hidden;/*テキスト非表示*/
	background-position: top; /* お好みで */
	background-size: contain; /* 必要 */
	background-repeat:no-repeat;
	width: 160px; /* 必要 */
	aspect-ratio: 280 / 148; /* アスペクト比を保持してレスポンシブ */
	margin-bottom: 10px;
	}
	.logobox a:hover{
	opacity:0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	}
	.header_info{
	float:right;
	width:200px;
	height:110px;
	margin:6px 0 0 0;
	position:relative;
	}
	.header_info:after{content: "";display: block;clear: both;}

	.header_info .h_tel{
	position:absolute;
	top:8px;
	left:0;
	}
	.header_info .h_mail{
	margin-top: 40px;
	}

	.h_mail{/*block化している*/
	width:100%;
	display:block;
	line-height:40px;
	background:#091D43;
	color:#fff;
	font-size:12px;
	box-sizing: border-box;
	border-radius: 4px;
	text-align: center;

	}
	.h_mail:before{
	font-family: 'FontAwesome' ;
	content: '\f101';
	display: inline-block;
	width: 1.4em;
	text-align: center;
	color:#fff;
	font-size: 1.4em;
	}
	.h_mail:link{color:#fff; text-decoration:none;}
	.h_mail:visited{color:#fff; text-decoration:none;}
	.h_mail:hover{color:#fff; text-decoration:none;opacity:0.7;}
	.h_mail:active{color:#fff; text-decoration:none;}

	/**/
	.dropmenu li #sub li a span{
	display: none;
	}
	.dropmenu li span{
	width: 100%;
	text-align: center;
	margin-inline: auto;
	display: block;
	margin-bottom: 10px;
	}
	.dropmenu li:nth-child(5n) span,
	.dropmenu li:nth-child(6n) span{
	margin-bottom: 0;
	}

	.dropmenu li span img{
	max-height: 50px;
	text-align: center;
	margin-inline: auto;
	display: block;
	}


	.btnarea{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:65px;
	background: #003663;
	color:#FFF;
	font-size: 120%;
	display: block;
	}
	.btnarea p{
	float:right;
	width:236px;
	}

	.mainimg {
	padding-top: calc(830 / 1280 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(../img/mainimg.jpg) center center / cover no-repeat;
	height: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	}


	/*-----------------------------------------------
	共通
	-----------------------------------------------*/
	.mincho{
	font-family: 'Noto Serif JP',游明朝,"Yu Mincho",YuMincho, sans-serif;
	font-weight:bold;
	color:#000000;
		}
	.contents{
	max-width:960px;
	margin:0 auto;
	}
	.pan_bd{
	width: 100%;
	border-top: 1px solid #D5D5D5;
	}
	.pan {
	font-size: 14px;
	color: #000;
	padding: 8px 0;
	font-weight: normal;
	max-width: 1290px;
	margin-left: auto;
	margin-right: auto;
	min-height: 20px;
	line-height: 1.6;
	position: relative;
	margin-bottom: 10px;
	}

	.pan a:not(:hover) {color:#666;text-decoration:none;}
	.pan a:hover{color:#666;text-decoration:none;opacity: 0.5;}

	.wrapper {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	}
	.contents_area{
	/*border: #e6e6e6 1px solid;*/
	background-color:#fff;
	overflow:hidden;
	padding:20px
	}
	.inner01{
	margin-bottom: 3em;
	overflow:hidden;
	}

	/**/
	.topics_area {
	max-width: 960px;
	overflow: hidden;				
	margin: 30px 0;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #D8D8D8;
	}

	.topics_area .topics {
	float: left;
	width: 370px;
	}

	.topics_area .message {
	float: right;
	width: 540px;
	}

	.topics_area ul{}
	.topics_area ul li{
	margin: 0 0 8px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #ccc;
	display: block;
	overflow: hidden;
	vertical-align: top;
	}

	.topics_photo{
	display: inline-block;
	vertical-align: top;
	width: 120px;
	margin-right: 20px;
	}

	.topics_photo img{
	max-width: 120px;
	max-height: 120px;
	text-align: center;
	display: block;
	margin-left: auto; margin-right: auto;
	} 

	.topics_area ul li p{
	display: inline-block;
	width: calc(100% - 140px);
	}
	.topics_area ul li p span{
	display: block;
	}

	.topics_area dl dt{
	clear:both;
	float:left;
	width:90px;
	}
	.topics_area dl dd{
	padding:0 0 6px 90px;
	}

	.message_inner{
	width:540px;
	}
	.message_inner:after{content: "";display: block;clear: both;}

	.message_inner .text{
	float:left;
	width:320px;
	}
	.message_inner .text p{
	margin-bottom: 1em;}
	.message_inner .photo{
	float:right;
	width:192px;
	text-align:center;
	font-size:11px;
	}
	.message_inner .photo img{
	background-color: #fff;
	width:100%;}


	.mainbox img{
	width: 100%;
	max-width: 1900px;
	}

	.mainbox h1{
	margin-left:auto; margin-right:auto;
	width:1100px;
	}

	.mainbox video{
	width: 100%;
	aspect-ratio: 1920/1080;
	object-fit: contain;
	overflow: hidden;}



/*-----------------------------------------------
会社概要
-----------------------------------------------*/

	.table_profile{
	width:100%;
	border:1px solid #ccc;
	margin:0 0 30px 0;
	}
	.table_profile th{
	width:10em;
	font-weight:normal;
	text-align:left;
	background:#eee;
	padding:8px;
	vertical-align:top;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
	.table_profile td{
	padding:8px;
	vertical-align:top;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
	.table_profile td dl dt{
	font-weight: bold;
	/*	color:#1B71B8;*/
	font-size: 120%;
	}

	.le_photo_president {
	float: left;
	width: 155px;
				margin-right:25px;
	text-align: center;
	}

	.ri_text_president {
	float: right;
	width: calc(100% - 180px);
	}

	.kajo{
	margin-left: 1em;
	}


	.soudantext{
	width: 418px;
	}

	.top_aboutus_bg{
	display: inline-block;
	width: 100%;
	/*width: 1120px;*/
	height: 390px;
	background: url(../img/top_abaut_bg.webp) no-repeat;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;

	}
	span.ttl_main_cf,
	span.ttl_main{
	font-size: 28px;
	text-indent: 20px;
	}
	.ttl_main,
	.ttl_main_cf{
	font-size: 65px;
	text-indent: 20px;
	}

	.aboutus_inner{
	max-width: 960px;
	width: 100%;
	margin-left: auto; margin-right: auto;
	z-index: 3;
	position: absolute;
	top:0;
	left: 50%;
	transform: translateX(-50%);

	}
	.aboutus_txtbox{
	max-width: 960px;
	display: flex;
	}
	.aboutus_txtbox::after {
	content: "";
	position: absolute;
	top: 0;
	left: 100%; /* テキストボックスのすぐ右から開始 */
	width: 100vw; /* 画面端まで伸ばす */
	height: 100%;
	background-color: #e9e9e9;
	}
	.top_about_ttlposi{
	max-width: calc(100% - 400px);
	width: 100%;
	margin-top: 90px;
	display: inline-block;
	vertical-align: top;
	}
	.top_aboutus{
	height: 390px;
	}

	.top_aboutus_text{
	width: 400px;
	font-size: 15px;
	padding: 30px 10px 10px 40px;
	background-color: #e9e9e9;
	height: 390px;
	display: inline-block;
	margin-left: auto;
	}
	.top_news_dl.dl_top_work{
	padding-top: 0;
	margin-left: 230px;
	}
	.top_news_dl{
	width: calc(100% - 230px);
	padding: 30px 30px 30px 60px;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	}

	.top_news_dl dl{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	}

	.top_newsposi{
	max-width: 960px;
	display: flex;
	flex-wrap: wrap;
	margin-left: auto; margin-right: auto;
	position: relative;
	}

	.top_newsbox{
	background: linear-gradient(90deg, #fff 0%, #fff 50%, #E9E9E9 50%, #E9E9E9 100%);
	/*border-bottom: 160px solid var(--bg-color);*/
	margin-bottom: 160px;
	}

	.top_news_dl dt{
	width: 160px;
	border-bottom: 1px dashed #666;
	padding: 8px 0;
	}

	.top_news_dl dd{
	width: calc(100% - 160px);
	border-bottom: 1px dashed #666;
	padding: 8px 0;
	}


	.top_newsposi:before {
	position: absolute;
	bottom: -160px;
	left: -140px;
	display: block;
	content: "";
	width: 160px;
	height: 160px;
	background: #E9E9E9 ;
	z-index: 1;
	}

	.top_recommend{
	margin-bottom: 200px;
	}

	.top_recommend ul{
	max-width: 960px;
	margin-left: auto; margin-right: auto;
	}

	.top_recommend li{
	display: inline-block;
	width: 48%;
	margin-bottom: 26px;
	padding-right: 30px;
	vertical-align: top;
	}
	.top_recommend_ttl{
	padding-top: 50px;
	}
	.top_recommend_txt figure{
	display: flex;
	flex-wrap: wrap;
	}
	.top_recommend_txt figcaption{
	width: calc(100% - 220px);
	margin-left: 20px;
	}

	.top_recommend_txt .photoposi{
	width: 200px;
	height: 200px;
	}
	.top_recommend_txt .photoposi img{
	max-width: 200px;
	max-height: 200px;
	}

	.top_pickupposi {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 1256px;
	}

	.top_pickupbox{
	max-width: 1290px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	}

	.top_pickupttl{
	width: 545px;
	z-index: 10;
	position: absolute;
	top:0;
	left:0;
	}


	.top_pickupbox_txt{
	width: 260px;
	font-size: 14px;
	margin-top: 10px;
	position: absolute;
	bottom:-10px;
	left:0;
	line-height: 1.4;
	}

	.top_pickupbox01_photoposi{
	float: right;
	}
	.top_pickupbox03_photoposi{
	float: left;
	}
	.top_pickupbox_btnposi{
	width: 180px;
	height: 110px;
	padding-top: 24px;
	text-align: center;
	background-color:  var(--main-bg);
	color: #fff;
	font-size:15px;
	font-family:'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position: absolute;
	bottom:0;
	right:0;
	}

	.top_pickupbox_btnposi03{
	width: 180px;
	height: 110px;
	padding-top: 24px;
	text-align: center;
	background-color:  var(--main-bg);
	color: #fff;
	font-size:15px;
	font-family:'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position: absolute;
	top: 110px;
	right: 100px;
	}
	

	.top_pickupbox_txt03{
	width: 240px;
	font-size: 14px;
	margin-top: 10px;
	position: absolute;
	bottom: 170px;
	right: -20px;
	line-height: 1.4;
	}

	.top_pickupbox_btnposi03 a,
	.top_pickupbox_btnposi a{
	display: inline-block;
	font-size:10px;
	border: 1px solid #fff;
	padding: 2px 10px;

	}
	.top_pickupbox01{
	width:440px;
	height:476px;
	position: absolute;
	top:0;
	right:50px;
	z-index: 8;
	}

	.top_pickupbox02{
	width:440px;
	height:476px;
	position: absolute;
	top:200px;
	left:-24px;
	z-index: 6;
	}
	.top_pickupbox03{
	width:600px;
	height:476px;
	position: absolute;
	top:780px;
	left:190px;
	z-index: 6;
	}

	.mapposi{
	margin-left: auto; margin-right: auto;
	}


	.mapposi iframe{
	width: 100%;
	height: 530px;
	}

	.txt_mar{
	margin: 0 20px 80px 20px;
	overflow: hidden;
	}
	.txt_mar00{
	margin-left: 20px; margin-right: 20px;

	overflow: hidden;
	}
	.contents_mar{
	margin-bottom: 80px;
	overflow: hidden;
	}

	.company_li{}

	.company_li ul{}

	.company_li ul li{
	padding:20px 20px 20px 30px;
	border-bottom: 1px solid #aaa;
	}

	.company_li ul li dl{
	display:flex;
	/*justify-content:space-between;*/
	align-items:start;
	flex-wrap:wrap;
	}

	.company_li ul li dl dt{
	width: 180px;
	}
	.company_li ul li dl dd{
	width: calc(100% - 180px);
	}

	.company_greeting_text {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	}
	.company_greeting_text_in{
	flex: 1;
	}
	.company_greeting_text figure{
	margin-left: 2em;
	}

	}
/**./@media print, screen and (min-width: 768px)***********************************/
/*************************************/
/*************************************/

.top_pick{

}

.top_pick.top_pick_works{}



@media (768px <= width) { 
	.top_pickupbox01:before {
	position: absolute;
	bottom: -270px;
	right: 0px;
	@media (960px <= width) { 
	right: -140px;}/* 960px以上 */
	display: block;
	content: "";
	width: 160px;
	height: 160px;
	background: #E9E9E9 ;
	z-index: 1;
	}
}/* 768px以上 */

.company_greeting_text figure{
width: 220px;
}
.company_greeting_text figure img{
width: 100%;
}
.company_greeting_text figcaption p {
font-size: 1.4rem;
text-align: center;
line-height: 1.6;
}
.company_greeting_text figcaption p span{
font-size: 1.6rem;
}
/*.company_li ul li:nth-child(odd){
background-color: #fff;
}*/





/*お問い合わせ
-----------------------------------------------*/
.h4base{
border-bottom: 2px solid #aaa;
    font-weight: bold;
    font-size: 24px;
    padding: 0 0 5px;
	font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
				
}

/* 矢印エリア */
.yajirushi{
	width:30%;
	float:left;
	margin:0 20px 20px 0;
		font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;

}
.arrow{
	width:100%;
}
/* 矢印on */
.arrow_on {
    padding-top: 5px; /* 要素の上の余白調整 */
    width: 96%; /* 四角形の幅 */
    height: 40px; /* 四角形の高さ */
    background: #666;
    position: relative;
	color:#fff;
}
.arrow_on:after {
    border-left: 20px solid #666; /* 右向きの三角形を作るため左のボーダーに色を付ける */
    border-top: 20px solid transparent; /* 上のボーダーを透過に指定 */
    border-bottom: 20px solid transparent; /* 下のボーダーを透過に指定 */
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
}
/* 矢印off */
.arrow_off {
    padding-top: 5px; /* 要素の上の余白調整 */
    width: 96%; /* 四角形の幅 */
    height: 40px; /* 四角形の高さ */
    background: #eee;
    position: relative;
	color:#aaa;
}
.arrow_off:after {
    border-left: 20px solid #eee; /* 右向きの三角形を作るため左のボーダーに色を付ける */
    border-top: 20px solid transparent; /* 上のボーダーを透過に指定 */
    border-bottom: 20px solid transparent; /* 下のボーダーを透過に指定 */
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
}
/* テキストの指定 */
.arrow span {
    position: relative;
    z-index: 3;
    font-weight: bold;
	height:30px;
	line-height:30px;
	font-size:14px;
	text-align:center;
	padding:0 0 0 5px;
	display:block;
}

input.w_100{
width: 100%;
}
input.w_50{
width: 50%;
}
input.form_w {
    padding: 6px 4px;
    box-sizing: border-box;
				border: 1px solid #aaa;
}

.prv a:link{
text-decoration: none;
}
.search_merit{
margin-left: 3em;
margin-bottom: 3em;
}
.search_merit li {
    list-style-type: disc !important;
    line-height: 1.8em;
}

.search_merit strong {
    /*color: #0B005A;*/
}

.hissu {
    color: #CC0000;
    font-weight: bold;
}

.member_contact {
	width:100%;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
border-collapse:collapse;
	margin:0 auto 40px auto;
}
.member_contact table{
	}
.member_contact th {
	font-weight: bold;
	color:#222222;
	width:25%;
	background:#ECF3F5;
	text-align: left;
	line-height: 1.5;
	padding: 16px;
	vertical-align: middle;
	border-bottom:1px solid #aaa;
}
.member_contact th span{
	font-weight: normal;}
.member_contact td {
	padding: 16px;
	vertical-align: middle;
	background-color: #fff;
	line-height: 1.75em;
	text-align:left;
	border-bottom:1px solid #aaa;
}
.member_contact .hissu {
background-color: #FC0006;
	color:#fff;
	font-size: 60%;
	/*font-weight:bold;*/
	border-radius: 5px;
	padding:3px 6px;
	float: right;
}









.privacy_box{
margin-bottom: 3em;
}
.privacy_box h2{
border-bottom: 2px solid #aaa;
    font-weight: bold;
    font-size: 1.6vw;
    padding: 0 0 5px;
	font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
				
}
.kajo_privacy ol li{
list-style-type:none;
margin:0 0 6px 0;
padding-left:1em;
text-indent:-1em;
}



.president_namebox{
float: right;
text-align: right;
	font-family:'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	overflow: hidden;
}
.president_namebox span{font-size: 16px;}
.president_namebox p span{} 
.president_namebox p{
font-size: 30px;
}






.company_table td dl dd:last-child{
border-bottom:none;


}
.kajo ol li {
    list-style-type: decimal;
    margin: 0 0 6px 1em;
}

.company_table td dl{
width:100%;
overflow:hidden;
padding:10px 20px 0 20px;
box-sizing: border-box;
}
.company_table td dl dt{
clear:both;
float:left;
width:120px;
margin:0 0 10px;
}
.company_table td dl dd{
margin:0 0 10px;
border-bottom:1px dotted #ddd;
padding:0 0 10px 120px;
}




.top_pickupbox_btnposi03 a:link{color:#ffffff;text-decoration:none;}
.top_pickupbox_btnposi03 a:visited{color:#ffffff;text-decoration:none;}
.top_pickupbox_btnposi03 a:hover{color:#aaaaaa;text-decoration:none;}
.top_pickupbox_btnposi03 a:active{color:#ffffff;text-decoration:none;}

.top_pickupbox_btnposi a:link{color:#ffffff;text-decoration:none;}
.top_pickupbox_btnposi a:visited{color:#ffffff;text-decoration:none;}
.top_pickupbox_btnposi a:hover{color:#aaaaaa;text-decoration:none;}
.top_pickupbox_btnposi a:active{color:#ffffff;text-decoration:none;}





.top_recommend_ttl00{
font-size: 16px;
	font-family:'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

	.top_recommend_txt{

	}
	

	.top_recommend_txt .name{
	font-size: 14px;
	border-bottom: 1px solid #000;
	margin-bottom: 6px;
	}
	.top_recommend_txt p{
	font-size: 12px;
	line-height: 2;
	}


.top_news_area{
position: relative;
margin-left: auto; margin-right: auto;
@media only screen and (min-width:768px){margin-bottom: 60px;}
}


.top_news_dl.dl_top_work{
background-color: #fff;
}

.top_news_dl{
background-color: #E9E9E9;
}

.top_news_dl dl a:link{color:#000000;text-decoration:none;}
.top_news_dl dl a:visited{color:#000000;text-decoration:none;}
.top_news_dl dl a:hover{color:#666;text-decoration:underline;}
.top_news_dl dl a:active{color:#000000;text-decoration:none;}


.top_news{
margin-top: 30px;
width: 100%;

}
	@media only screen and (min-width:768px){
	.top_news{
	width: 230px;

	}
	}

.top_staff_area{
@media only screen and (min-width:768px){margin-top: 68px;}
display: inline-block;
width: 100%;
height:auto;
background: url(../img/top_staff_bg.webp) no-repeat;
background-size: cover;
vertical-align: text-top;
}


.top_staff{
@media only screen and (min-width:768px){transform: translateY(-68px);}
max-width: 960px;
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
position: relative;
}
.top_staff_box{
width: 100%;
max-width: 960px;
}

	@media only screen and (min-width:768px){
	.top_staff_ttl{
	width: 230px;
	width: 560px;
	position: absolute;
	top: 100px;
	left: 0;
	}
	}/*****************/

.top_staff_box li{
max-width: 830px;
padding-bottom: 30px;
margin-bottom: 20px;
@media only screen and (min-width:768px){
margin-bottom: 90px;}
}

@media only screen and (min-width:768px){
		.top_staff_posi{
		transform: translateY(-60px);
		}
		.top_staff_box li:nth-child(odd) figure{
		display: flex;
		justify-content: flex-end;
		align-items:flex-end;
		flex-direction:row-reverse;

		}

		.top_staff_box li:nth-child(odd){
		margin-left: 120px;
		}

		.top_staff_box li:nth-child(even) figure{
		display: flex;
		justify-content: flex-start;
		align-items:flex-end;

		}

		.top_staff_box li:nth-child(odd) figcaption{
		transform: translate(30px, 60px);
		}
		.top_staff_box li:nth-child(even) figcaption{
		transform: translate(-30px, 60px);
		}
}/*****************/


.top_staff_box li a:not(:hover) {color:#000;text-decoration:none;}
.top_staff_box li a:hover{color:#000;text-decoration:none;opacity: 0.5;}

.top_staff_box img{
box-shadow: 5px 5px 5px #666;
max-width: 520px;
width: 100%;
aspect-ratio: 520 / 350;
text-align: center;
object-fit: contain;
background-color: #fff;
}


.top_staff_box figcaption{
background-color: #fff;
border: 1px solid #000;
padding: 1em;
@media only screen and (min-width:768px){width: 60%;}
font-size: 14px;
line-height: 1.4;
}
.top_staff_box figcaption p{
font-weight: bold;
display: block;
width: 100%;
text-align: right;
padding-top: 0.5em;
}

span.ttl_main_cf{
color: #fff;}
span.ttl_main{
color: var(--main-bg);}
span.ttl_main_cf,
span.ttl_main{
font-family: "Kosugi Maru", sans-serif;
border-bottom: none;
display: inline-block;
}
.ttl_main_cf{
color: #fff;
font-family: "Kosugi Maru", sans-serif;
border-bottom: 1px solid #fff;
padding-bottom: 10px;
margin-bottom: 10px;
line-height:1;

}
.ttl_main{
color: #000;
font-family: "Zen Maru Gothic", sans-serif;
border-bottom: 1px solid #000;
padding-bottom: 10px;
margin-bottom: 10px;
line-height:1;
}
.ttl_main.ttl_top_work{
position: relative;
}
.ttl_main.ttl_top_work::after{
content:"";
position:absolute;

bottom:-1px;
width:100%;
height:1px;
background:#000;
}
.philosophy_bgbox .ttl_main_cen{
font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}
.ttl_main_cen{
color: #000;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 2rem;
	@media (768px <= width) {font-size: 3rem;
	margin-bottom: 40px;}/* 768px以上 */
padding-bottom: 10px;
line-height:1;
margin-inline: auto;
display: block;
text-align: center;

}
.top_aboutus{
width: 100%;
overflow: hidden;
background: #e9e9e9;
position: relative;

}


.top_aboutus_text_ttl{
border-bottom: 1px solid #000;
font-size: 22px;
padding-bottom: 0.5em;
margin-bottom: 1em;
}

.top_news_dl a.btn_about_contact{
	@media only screen and (min-width:768px){display: inline-block;}
margin-top: 20px;
margin-left: auto;
padding-inline: 2em;
}

a.btn_about_contact{
color: #fff;
font-size: 24px;
text-align: center;
display: block;
line-height: 1;
border: 1px solid var(--main-bg);
padding: 8px 0;
border-radius: 6px;
}


.top_aboutus_text a:not(:hover) {color:#000;text-decoration:none;}
.top_aboutus_text a:hover{color:#000;text-decoration:none;opacity: 0.5;}


a.btn_about_contact:not(:hover) {color:var(--main-bg);text-decoration:none;}
a.btn_about_contact:hover{color:var(--main-bg);text-decoration:none;opacity: 0.5;}




/*共通*/
.txt_c{
color: #fff;
}
.db{
display: block;
}

.f16 {
    font-size: 16px;
}
.yaji_box{ 
overflow: hidden;
}

.btn_g{/*ボタン緑*/
	padding:10px 16px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #1B8B09;
	background:#1B8B09;
	/*background: -webkit-linear-gradient(top, #ffd65e, #febf04);
	background:         linear-gradient(top, #ffd65e, #febf04);*/
	border-radius:4px;
	cursor: pointer;
	font-weight:bold;
	font-size: 18px;
	color:#fff;
	font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}
.btn_g:link{color:#fff;}
.btn_g:visited{color:#fff;}
.btn_g:hover{color:#fff; opacity:0.6;}
.btn_g:active{color:#fff;}
.btn_submit01{/*ボタングレー*/
	padding:10px 16px;
	font-size: 18px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #ccc;
	background:#eee;
	background: -webkit-linear-gradient(top, #fafafa, #eee);
	background:         linear-gradient(top, #fafafa, #eee);
	border-radius:4px;
	cursor: pointer;
	color:#666;
}
.btn_submit01:link{color:#333;text-decoration:none;}
.btn_submit01:visited{color:#333;text-decoration:none;}
.btn_submit01:hover{color:#333;text-decoration:none;opacity:0.5;}
.btn_submit01:active{color:#333;text-decoration:none;}







.aboutus{}
.detail{
margin-bottom: 2em;
}

.w80{
margin-left: 10%;
width: 80%;}
.btn_shousai{/*block化している*/
	display:block;
	height:24px;
	line-height:24px;
	background:#091D43;
	color:#fff;
	font-size:12px;
	box-sizing: border-box;
border-radius: 4px;
	text-align: center;
	
}
.btn_shousai:before{
	font-family: 'FontAwesome' ;
	content: '\f101';
	display: inline-block;
	width: 1.4em;
	text-align: center;
	color:#fff;
	font-size: 1.4em;
}
.btn_shousai:link{color:#fff; text-decoration:none;}
.btn_shousai:visited{color:#fff; text-decoration:none;}
.btn_shousai:hover{color:#fff; text-decoration:none;opacity:0.7;}
.btn_shousai:active{color:#fff; text-decoration:none;}


.topics_area dl dt{
margin:0 0 6px;
}
.topics_area dl dd{
margin:0 0 8px;
border-bottom:1px dotted #ccc;
}

.topics_area dl dd a:link{color:#296FA2; text-decoration:underline;}
.topics_area dl dd a:hover{text-decoration:none;}


/*-----------------------------------------------
ttl タイトル
-----------------------------------------------*/
.ttl001{
	color:#003663;
	font-size: 30px;
	font-family: 'Poppins', sans-serif;}

.ttl001 span{
	margin-left: 1em;
	font-size: 12px;
	color:#333;
	font-family: 'Poppins', 'Noto Sans JP', sans-serif;
	}
	
.ttl002 {
	position: relative ;
	margin-bottom:30px;
	font-size: 24px ;
	font-weight: normal ;
	line-height: 1.5 ;
	letter-spacing: 0.05em ;
	color: #000000 ;
	font-family: 'Poppins', 'Noto Sans JP', sans-serif;
}
.ttl002:before {
	content: "" ;
	position: absolute ;
	bottom: -8px ;
	width: 70px ;
	border-bottom: 3px solid #003663 ;
}

.ttl003 {
	position: relative ;
	font-size: 20px ;
	font-weight: normal ;
	line-height: 1.5 ;
	letter-spacing: 0.05em ;
	font-family: 'Poppins', 'Noto Sans JP', sans-serif;
	color:#296FA2;
}
.ttl004 {
	font-size: 130%;
}

/**/



/* pageTop */
#page-top{position: fixed;
bottom:1%;
right:4px;
z-index: 12;
}
#page-top:not(:hover) {text-decoration:none;}
#page-top:hover{text-decoration:none;opacity: 0.5;}
#page-top i {
background-color: rgba(46, 46, 46, 0.7);
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
line-height: 44px;
width: 44px;
color: #fff;
font-size: 50px;
border: 1px solid #fff;
}

/*-----------------------------------------------
footer
-----------------------------------------------*/


footer {
padding-bottom: var(--cta-height);
}

/*foot*/
.footer_menu ul li a:link{color:#222; text-decoration:none;}
.footer_menu ul li a:visited{color:#222; text-decoration:none;}
.footer_menu ul li a:hover{color:#222; text-decoration:underline;}
.footer_menu ul li a:active{color:#222; text-decoration:none;}

footer {
padding-top: 1em;
clear: both;
width: 100%;
overflow: hidden;
background: #e9e9e9;
color: #000;}



.foot_link {
line-height: 1.75em;
margin:0 auto;
display:table;
text-align:left;
}
.foot_link ul{
padding: 0;
margin-bottom: 20px;
@media print, screen and (min-width: 768px) {margin-bottom: 40px;}
}
.foot_link li{
display: inline-block;
font-size:16px;
vertical-align: top;
}

@media print, screen and (max-width: 767px) {
		.foot_link li{
		width: 100% !important;
		}
		.foot_link dl{
		width:99%;
		box-sizing: border-box;
		}
}/*▲****************/


@media print, screen and (min-width: 768px) {
	footer {
	padding-top: 40px;
	}

	.foot_link dl{
	width:200px;
	}
	.foot_link li+li{
	margin-left: 50px;}
}/*▲****************/


.foot_link li a{
width: 100%;
display: block;
}
.foot_link dl{

	display: inline-block;
	margin-right:24px;
	line-height:1.8;
		vertical-align:top;
		margin-bottom:30px;

	}
.foot_link dl dt{
	color:#FFF !important;
	padding-bottom:5px;
	margin-bottom:10px;
	vertical-align:top;
		
		border-bottom: 1px solid #fff;
/*background-image: linear-gradient(to right, #fff, #fff 1px, transparent 1px, transparent 4px);*/
background-size: 5px 1px;
background-position: bottom;
background-repeat: repeat-x;
	}	

.foot_link dl a:link{color:#fff;text-decoration:none;}
.foot_link dl a:visited{color:#fff;text-decoration:none;}
.foot_link dl a:hover{color:#fff;text-decoration: none;}
.foot_link dl a:active{color:#fff;text-decoration:none;}


.foot_link dl dd{

	}	
.foot_link dl dd a{
	display:block;
	margin-bottom:2px;
	font-size:13px;
	color: #FFFFFF;
	}	
.foot_link li a:before { content:"-";
margin-right:3px;
font-size:60%;
color: #222;
font-weight:bold;
}
.foot_link_a{
margin-bottom: 1em;
}

.copyright {
text-align: center;
font-size: 14px;
margin-left:auto; margin-right:auto;
padding:10px 0;
}


body {
padding: 0;
margin: 0;
font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
color: #333;
box-sizing: border-box;
}

.pem p{
	margin-bottom:1em;}	
.cen{
	text-align:center;}
.imgcen{
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	}	
/* form */
button, fieldset, form, input, label, legend, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	/*vertical-align:middle;*/
}
.notxt{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.ofh{
	overflow:hidden;}



.angle{
display: inline-block;
color: #ddd;
margin-bottom: 2em;
width: 100%;
}

@media print, screen and (min-width: 768px) {
.angle{
display: inline-block;
color: #ddd;
margin-bottom: 2em;
width: 90%;
margin-left: 5%; margin-right: auto;
text-align: center;

}
}
.angle ul{
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
display: flex;
width: 100%;
box-sizing: border-box;
}
.angle li{
text-align: center;
padding: 4px;
box-sizing: border-box;
display: flex;
align-items: center;
}


.angle li:nth-child(1) p{
display: inline-block;

align-items: center;
}
.angle li:nth-child(1) i{
margin-right: 6px;
display: inline-block;
align-items: center;
}
.angle li:nth-child(1) i:before,
.angle li:nth-child(2) i:before{

}
.angle li:nth-child(2){
border-right: 1px solid #eee;
text-align: left;
width: 48%;
display: flex;
align-items: center;


}
.angle li:nth-child(2) i{
margin-left: 6px;
}
.angle li:nth-child(3){
text-align: right;
width: 48%;
justify-content: flex-end;

}
.angle li:nth-child(4){
align-items: center;
}
.angle li:nth-child(4) i{
margin-right: 6px;
display: inline-block;
align-items: center;
}

.angle li a:link{color:#333;text-decoration:none;}
.angle li a:visited{color:#333;text-decoration:none;}
.angle li a:hover{color:#ED3FA4;text-decoration:none;}
.angle li a:active{color:#333;text-decoration:none;}


.cachtxt p span{
font-size: 120%;
font-weight: bold;
}
.cachtxt.philosophy p{
border-radius: 10px;
background: #FFFFF4;
}

	/*リノベ*/
	@media print, screen and (min-width: 768px) {
	.cachtxt.jobfaqcach{
	text-align: center;
	margin-bottom: 1em;
	font-size: 2.4rem;
	line-height: 1.2;
	}
	.cachtxt{
	text-align: center;
	margin-bottom: 60px;
	font-size: 140%;
	}

	.reno_posi {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 1256px;
	}

	.reno_posi .top_pickupbox01 {
	height: 420px;
	position: absolute;
	top: 0;
	right: 50px;
	z-index: 8;
	}

	.reno_posi .top_pickupbox02 {
	height: 420px;

	}

	.reno_posi .top_pickupbox_btnposi03 {
	width: 200px;
	padding-top: 40px;
	right: 120px;
	}


	.reno_posi .top_pickupbox_btnposi{
	padding-top: 40px;
	}
	.reno_ttl_posi01{
	max-width: 960px;
	}
	.reno_ttl_posi02{
	width: 545px;
	}
	.reno_ttl_posi00:after{
	height:9rem;

	}
	.reno_ttl_posi01{
	height: 13rem;
	}

	/*コンサル*/
	.consul_li{}

	.consul_li li{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom: 40px;
	}
	.consul_li li:nth-child(even){
	flex-flow: row-reverse;
	}
	.consul_li li img{
	width: 350px;
	height: auto;
	vertical-align: top;
	}
	.consul_li li dl{
	width: calc(100% - 380px);
	margin-top: 1em;
	}
	.consul_li li dl dt{
	font-family: 'Noto Serif JP',游明朝,"Yu Mincho",YuMincho, sans-serif;
	font-size: 22px;
	margin-bottom: 1em;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	}

	.buysell_posi{
	position: relative;
	}

	.buysell_posi .buysell_txt_posi{
	position: absolute;
	top:156px;
	left: 1em;
	z-index: 100;
	width: 50%;
	}

	.buysell_posi .top_pickupposi {
	height: 500px;
	}
	.overseas_txt01{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: 150px;
	}
	
	.overseas_txt01.jobgyoumu{
	background-color: #fff;
	margin-bottom: 50px;
	}
	
	
	.overseas_txt01 img{
	width: 46%;
	}
	.overseas_txt01 figcaption{
	width: 50%;
	}

	.overseas_txt01 figcaption p{
	font-size: 13px;
	line-height: 2;
	}
	.ttl_sub03{
	font-size: 36px;

	}
	.ttl_sub02{
	font-size: 30px;

	}
	.ttl_sub01{
	font-size: 20px;
	margin-bottom: 40px;
	}

	.ttl_sub00{
	font-size: 32px;
	}
	.overseas_ttl_flow,
	.overseas_ttl_point{
	position: relative;
	height: 200px;
	}

	.overseas_ttl_flow .overseas_ttlbg{
	display: inline-block;
	width: 100%;
	height: 144px;
	background: url(../img/overseas_sub_ttlbg_flow.webp) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	white-space: nowrap;text-indent: 100%;overflow: hidden;				

	}
	.overseas_ttlbg{
	display: inline-block;
	width: 100%;
	height: 144px;
	background: url(../img/overseas_sub_ttlbg_point.webp) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	white-space: nowrap;text-indent: 100%;overflow: hidden;
	}

	.overseas_ttl_txtposi01{
	max-width:960px;
	}
	.overseas_ttl_flow .overseas_ttl_txtposi01 p{
	display: inline-block;
	background-color: var(--bg-color);
	z-index: 2;
	width: 300px;
	height: 144px;
	position: absolute;
	top: 0;
	white-space: nowrap;text-indent: 100%;overflow: hidden;				
	}
	.overseas_ttl_point .overseas_ttl_txtposi01 p{
	display: inline-block;
	background-color: var(--bg-color);
	z-index: 2;
	width: 300px;
	height: 144px;
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;text-indent: 100%;overflow: hidden;				
	}
	.overseas_ttl_txtposi01{
	max-width: 960px;
	width: 100%;
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	}

	.overseas_ttl_flow .overseas_ttl_txtposi01 div{
	width: 500px;
	z-index: 4;
	position: absolute;
	top: 0%;
	left: 0%;
	}
	.overseas_ttl_point .overseas_ttl_txtposi01 div{
	width: 500px;
	z-index: 4;
	position: absolute;
	top: 0%;
	left: 0%;
	}

	.overseas_point_li{
	margin-bottom: 40px;
	}

	.overseas_point_li dl{
	display: block;
	}
	.overseas_point_li dt{
	display: inline-block;
	}

	.overseas_point_li dd{
	display: inline-block;
	}

	.overseas_point_li figure{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;

	}
	.overseas_point_li figure img{
	width: 46%
	}
	.overseas_point_li figcaption{
	width: 50%;
	padding-top: 30px;
	}

	.overseas_point_li figcaption p{
	line-height: 2;
	}


	.overseas_point_li li{
	margin-bottom: 60px;
	}
	
	/*
	.overseas_point_li_herf01{
	display: inline-block;
	width: 474px;
	margin-right: 50px;
	vertical-align: top;
	}
	.overseas_point_li_herf02{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 532px);
	}
	*/
	.overseas_point_li_herf01 dl,
	.overseas_point_li_herf02 dl{
	margin-bottom: 30px;
	}

	.overseas_point_partner{
	padding: 30px 24px 30px 24px;
	margin-bottom: 100px;
	}

	.overseas_point_partner li{
	margin-bottom: 1em;
	}
	.overseas_point_partner ul{
	width: max-content;
	margin-inline: auto;
	}
	.overseas_point_partner li::first-letter {
	color: var(--main-bg);
	font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
	display: inline-block;
	margin-right: 4px;
	}

	

	
	.overseas_txt01.jobgyoumu li{
	margin-bottom: 0;}
	
	.overseas_bukken{
	margin-bottom: 70px;
	}

	.overseas_bukken ul{
	}

	.overseas_bukken ul li{
	width: 470px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 50px;
	}

	.overseas_bukken ul li:nth-child(odd){
	margin-right:6px;
	}

	.overseas_bukken ul li:nth-child(even){
	margin-left:6px;}
	.overseas_bukken ul li figure{
	text-align: center;
	width: 470px;

	}
	.overseas_bukken ul li figure img{
	margin-bottom: 16px;
	max-width: 100%;
	max-height: 320px;
	}
	.overseas_bukken ul li figcaption{
	font-size: 16px;
	}

	.overseas_bukken ul li dl{
	width: 49%;
	vertical-align: top;
	}

	.overseas_bukken_detail{
	display:flex;
	/*justify-content:space-between;
	align-items: top;*/
	flex-wrap:wrap;
	}

	}
	/**.@media print, screen and (min-width: 768px) **/
	/****************************************************/
	/****************************************************/
	/****************************************************/

.overseas_txt01.jobgyoumu li::first-letter {
color: #222;
font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
margin-right: 0;
}
.overseas_point_partner li::first-letter {
color: var(--main-bg);
font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
display: inline-block;
margin-right: 4px;
}



	@media (840px <= width) {
	.overseas_txt01.jobgyoumu figcaption{
	margin-top: 40px;
	} }/* 840px以上 */
	
.overseas_txt01.jobgyoumu ul li{
	@media (width <= 840px) {width: 100%;}/* 840px以下 */
margin-bottom: 0;}

.overseas_txt01 ul li{
margin-bottom: 1em;
display: inline-block;
}
.overseas_txt01 ul.cleaningli li{
margin-bottom: 1em;
width: 100%;
display: block;
}
.overseas_txt01 ul li::first-letter {
color: var(--main-bg);
font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
display: inline-block;
margin-right: 4px;
}



.overseas_bukken ul li figcaption{
text-align: left;
padding-bottom: 16px;
margin-bottom: 14px;
border-bottom: 1px solid #000;
}

.overseas_bukken ul li dl{

}
.overseas_bukken ul li dl dt{
width: 7em;
background-color: #000;
color: #fff;
text-align: center;
font-size: 11px;
display: inline-block;
vertical-align: top;
}

.overseas_bukken ul li dl dd{
display: inline-block;
width: calc(100% - 8em);
font-size: 12px;
vertical-align: top;
}
.overseas_bukken ul li p{
padding-top: 14px;
font-size: 12px;
}


.overseas_point_partner li img{
text-align: center;
display: block;
margin-left: auto; margin-right: auto;
}
.overseas_point_partner{
background-color: #fff;
box-shadow: 0 0 4px gray;
width: calc(100% - 20px);
margin-left: auto; margin-right: auto;
}


.overseas_point_li dd{
font-size: 24px;
display: inline-block;
width: calc(100% - 80px);
}

.overseas_point_li dt{
background-color: #000;
width: 48px;
height: 48px;
text-align: center;
vertical-align: middle;
color: #fff;
line-height: 1;
margin-right: 16px;
display: inline-block;
font-family: "Zen Maru Gothic", sans-serif;
}
.overseas_point_li dt p{
font-size: 22px;
padding-top: 6px;
box-sizing: border-box;
}
.overseas_point_li dt span{
display: block;
font-size: 11px;
}


.ovh{
overflow: hidden;
}
.overseas_point_li li p,
.overseas_txt01 figcaption p{
margin-bottom: 1em;
}
.ttl_sub03,
.ttl_sub02,
.ttl_sub01,
.ttl_sub00,
.cachtxt{
	/*font-family: 'Noto Serif JP',游明朝,"Yu Mincho",YuMincho, sans-serif;*/

}

.reno_ttl_posi00
{width: 100%;
position: relative;
}

.reno_ttl_posi00:after{
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    background-size: cover !important;
    width: 60%;
    /* padding-top: calc(514 / 2000 * 100%); */
    background: url(../img/reno_ttlbg.webp) center center / cover no-repeat;
    box-sizing: border-box;

}
.reno_ttl_posi01{
    margin-left: auto;
    margin-right: auto;
    position: relative;
position: relative;
}
.reno_ttl_posi02{
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
}


	@media (768px <= width) {
	.reno_our li{
	margin-bottom: 40px;
	}}

.reno_our li dl{
font-weight:bold;
overflow: hidden;
display:flex;
align-items:center;
flex-wrap:wrap;
margin-bottom: 1em;
}
.reno_our li dl dt{
color: #fff;
background-color: #000;
font-size: 24px;
text-align: center;
display:flex;
	justify-content:center;
align-items:center;
flex-wrap:wrap;
width: 2em;
margin-right: 1em;
font-family: "Zen Maru Gothic", sans-serif;
}
.reno_our li dl dd{
	width: calc(100% - 3em);
	@media (768px <= width) {width: calc(100% - 5em);}/* 768px以上 */
	font-size: 24px;
}

.reno_our li p{
}


/*== ボタン共通設定 */
.btn{
/*アニメーションの起点とするためrelativeを指定*/
position: relative;
overflow: hidden;
/*ボタンの形状*/
text-decoration: none;
display: inline-block;
border: 1px solid #555;/* ボーダーの色と太さ */
padding: 10px 30px;
text-align: center;
outline: none;
/*アニメーションの指定*/   
transition: ease .2s;
}

/*ボタン内spanの形状*/
.btn span {
position: relative;
z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
}
.btn:hover{
opacity: 1;
}
.btn:hover span{

}

/*== 背景が流れる（左から右） */
.bgleft:before {
content: '';
/*絶対配置で位置を指定*/
position: absolute;
top: 0;
left: 0;
z-index: 2;
/*色や形状*/


background:rgba(255,255,255,0.5);

width: 100%;
height: 100%;
/*アニメーション*/
transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;

}

/*hoverした際の形状*/
.bgleft:hover:before{
transform-origin:left top;
transform:scale(1, 1);
}


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

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

.fadein_top {
opacity : 0.1;
transform : translate(0, 50px);
transition : all 1000ms;
}

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


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

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

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

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

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

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

.fadein_xxx {
opacity : 0.1;
transform : translate(-500px, 100px);
transition : all 1000ms;
}

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


.ttl_posi{
background-position: top; /* お好みで */
background-size: contain; /* 必要 */
background-repeat:no-repeat;
margin-bottom: 66px;
width: 100%; /* 必要 */
aspect-ratio: 1900 / 326; /* アスペクト比を保持してレスポンシブ */

color: #fff;
position: relative;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
text-align: center;
vertical-align: middle;
}
	@media (768px <= width) {
	.ttl_posi00{
	margin-bottom: 36px;
	}}/* 768px以上 */

.ttl_bgg{
background:rgba(0,0,0,0.7);
}
.ttl_job .ttl_box,
.ttl_management .ttl_box{
/*width: auto;*/
}
.ttl_box{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: max-content;
height: 50%;
border: 1px solid #fff;
padding: 10px 30px;

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
min-width: 50%;
}

.ttl_company {
background: url(../img/ttl_company.webp) center center / cover no-repeat;
}

.ttl_contact {
background: url(../img/ttl_contact.webp) center center / cover no-repeat;
}

.ttl_privacy {
background: url(../img/ttl_privacy.webp) center center / cover no-repeat;
}
.ttl_business {
background: url(../img/ttl_business.webp) center center / cover no-repeat;
}
.ttl_point {
background: url(../img/ttl_point.webp) center center / cover no-repeat;
}
.ttl_voice {
background: url(../img/ttl_voice.webp) center center / cover no-repeat;
}
.ttl_faq {
background: url(../img/ttl_faq.webp) center center / cover no-repeat;
}
.ttl_history {
background: url(../img/ttl_history.webp) center center / cover no-repeat;
}
.ttl_info {
background: url(../img/ttl_info.webp) center center / cover no-repeat;
}
.ttl_philosophy{
background: url(../img/ttl_philosophy.webp) center center / cover no-repeat;
}
.ttl_management {
background: url(../img/ttl_management.webp) center center / cover no-repeat;
}
.ttl_entry {
background: url("../img/ttl_entry.webp") center center / cover no-repeat;
}
.ttl_works {
background: url("../img/ttl_works.webp") center center / cover no-repeat;
}
.ttl_job {
background: url("../img/ttl_job.webp") center center / cover no-repeat;
}
.ttl_report {
background: url("../img/ttl_report.webp") center center / cover no-repeat;
}
.ttl_cleaning{
background: url("../img/ttl_cleaning.webp") center center / cover no-repeat;
}
.ttl_job_consul{
background: url("../img/ttl_job_consul.webp") center center / cover no-repeat;
}
.ttl_jisseki{
background: url("../img/ttl_jisseki.webp") center center / cover no-repeat;
}
.ttl_training{
background: url("../img/ttl_training.webp") center center / cover no-repeat;
}
.ttl_posi p {
margin: 0 0 0 0;
text-shadow: 2px 2px 3px rgba(000, 000, 000, 0.5);
color: #fff;
font-size: 2rem;
@media (768px <= width) {font-size: 2.4rem;}/* 768px以上 */
line-height: 1;
display: block;
width: 100%;
}
.ttl_posi span{
display: block;
text-shadow: 2px 2px 3px rgba(000, 000, 000, 0.5);
font-size: 1.4rem;
line-height: 1;
color: #fff;
font-family: "Zen Maru Gothic", sans-serif;
width: 100%;
}

.bdt {
border-top: 1px solid #ccc;
}

.footcontact{
padding-top: 30px;
margin-bottom: 30px;
	@media (768px <= width) {
	padding-top: 60px;
	margin-bottom: 60px;}/* 768px以上 */
}
.footcontact.aereabg{
margin-bottom: 0px;
padding-bottom: 30px;
	@media (768px <= width) {
	padding-bottom: 60px;}
}
.footcontact .foot_logo{
display: block;
margin-inline: auto;
width: 150px;
text-align: center;
margin-bottom: 20px;
}
.contact_cache {
text-align: center;
font-size: 1.4rem;
	@media (768px <= width) {font-size: 1.8rem;}/* 768px以上 */
margin-bottom: 20px;
}


.contact_tel_posi {
text-align: center;
margin-inline: auto;
@media (768px <= width) {margin-bottom: 20px;}
}

.footcontact .contact_tel_posi a.tel:link{color:var(--sub-color);text-decoration:none;}
.footcontact .contact_tel_posi a.tel:visited{color:var(--sub-color);text-decoration:none;}
.footcontact .contact_tel_posi a.tel:hover{color:var(--sub-color);text-decoration:none;}
.footcontact .contact_tel_posi a.tel:active{color:var(--sub-color);text-decoration:none;}
.footcontact .contact_tel_posi a.tel:before {color:var(--sub-color);}

.contact_tel_posi a.tel{
display: block;
color: var(--sub-color);
font-size: 3.4rem;
line-height: 1.4;
margin-right: 14px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.contact_tel_posi a.tel:link{color:var(--sub-color);text-decoration:none;}
.contact_tel_posi a.tel:visited{color:var(--sub-color);text-decoration:none;}
.contact_tel_posi a.tel:hover{color:var(--sub-color);text-decoration:none;}
.contact_tel_posi a.tel:active{color:var(--sub-color);text-decoration:none;}
.contact_tel_posi a.tel:before {
font-family: 'FontAwesome';
content: '\f095';
display: inline-block;
width: 1.2em;
text-align: center;
font-size: 1.0em;
}
.contact_tel_posi_r p {
display: block;
font-size:1.6rem;
}

.contact_radio_space label{
margin-right: 1em;
}

.posi_line{
position: relative;
margin-inline: auto;
max-width: 90%;
}
.contact_tel_posi_subttl{
font-size: 1.4rem;
	@media (768px <= width) {font-size: 1.8rem;}/* 768px以上 */
text-align: center;
padding-top:1em;
}
.contact_tel_posi_r{
padding-bottom:2em;
}
.posi_line::before, .posi_line::after {
content: '';
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 1px;
background-image: -webkit-linear-gradient(left, transparent, #aaa 25%, #aaa 75%, transparent);
background-image: linear-gradient(to right, transparent, #aaa 25%, #aaa 75%, transparent);
background-position: center;
background-repeat: no-repeat;
}

.btn_02 {
width: 44%;
height: 56px;
line-height: 56px;
color: #fff;
position: relative;
font-size: 1.4rem;
cursor: pointer;
background-color: var(--main-bg);
border: 1px solid var(--main-bg);
transition: ease .4s;
}
.btn_02:hover {
opacity: 0.7;
}
.btn_02::before {
content: '';
width: 10px;
position: absolute;
top: 29px;
right: 25px;
border-top: solid 1px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn_02::after {
content: '';
width: 26px;
position: absolute;
top: 32px;
right: 26px;
border-bottom: solid 1px #fff;
}

.btn_03 {
min-height: 56px;
line-height: 56px;
color: var(--main-bg);
position: relative;
font-size: 1.4rem;
cursor: pointer;
background-color: #fff;
border: 1px solid var(--main-bg);
display: block;
text-align: center;
transition: ease .4s;
}
.btn_03::before{
content: '';
width: 10px;
position: absolute;
top: 29px;
right: 25px;
border-top: solid 1px var(--main-bg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn_03::after{
content: '';
width: 26px;
position: absolute;
top: 32px;
right: 26px ;
border-bottom: solid 1px var(--main-bg);
}

.foot_fixcontact .btn_03::before,
.foot_fixcontact .btn_03::after{
content: none;
}

.btn_03:link {color:var(--main-bg); text-decoration: none;}
.btn_03:visited {color:var(--main-bg); text-decoration: none;}
.btn_03:hover {color:var(--main-bg); text-decoration: none;opacity: 0.5; }
.btn_03:active {color:var(--main-bg); text-decoration: none;}

.btn_03 {
	@media (768px <= width) {
	width: 600px;}
margin-left: auto;
margin-right: auto;
}
.btn_03 span{
background: var(--main-bg);
color: #fff;
display: inline-block;
font-size: 12px;
line-height: 1.2;
margin-left: 4px;
padding: 6px 10px;
}
	@media (768px <= width) {
	.btngroup {
	width: 580px;
	margin: 0 auto 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	.btn_modoru, .btn_soshin {
	width: 44%;
	}
	}
.btn_soshin {
display: block;
height: 56px;
line-height: 56px;
text-align: center;
color: #fff;
position: relative;
background: var(--main-bg);
border: none;
cursor: pointer;
font-size: 1.4rem;
transition: ease .4s;
}
.btn_modoru {
display: block;
height: 56px;
line-height: 56px;
text-align: center;
color: #222;
background: #ccc;
border: none;
cursor: pointer;
font-size: 1.4rem;
position: relative;
}
.btn_soshin:hover, .btn_modoru:hover {
color: #fff;
text-decoration: none;
opacity: 0.7;
}

.company_space .company_space01{
margin-bottom: 1em;
}
.company_space .company_space01 span{
display: inline-block;
width: 12em;
}
.company_space .company_space02{
display: flex;
}
.company_space .company_space02 span,
.company_space .company_space02 p{
display: inline-block;
}
.company_space .company_space02 p{
flex:1;
}

.submenu dl{
padding: 2em 0;
}
.submenu dl dt{
text-align: center;
margin-bottom: 1em;
border: 1px solid var(--main-bg);
display: inline-block;
padding: 0 3em;
box-sizing: border-box;
background-color: var(--bg-color);
text-align: center;
line-height: 30px;
border-radius: 15px;
margin-inline: auto;
}
.submenu dl dd ul{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
}

.submenu dl dd li:before {
font-family: 'FontAwesome';
content: '\f105';
display: inline-block;
width: 1.2em;
text-align: center;
font-size: 1.0em;
}

.submenu dl dd li{
margin-left: 1em;
	@media (768px <= width) {
	text-align: left;
	width:8em;
	}/* 768px以上 */
}

.submenu dl dd li a:not(:hover) {color:#111; text-decoration:none;}
.submenu dl dd li a:hover{color:#111; text-decoration:none;}


#company .submenu{
@media (768px <= width) {width: 80%;
margin: 0 auto 100px auto;}
}/* 768px以上 */

.submenu{
position: relative;
width: 90%;
margin: 0 auto 30px auto;
@media (768px <= width) {width: 80%;
margin: 0 auto 70px auto;
}/* 768px以上 */
padding: 0.5em 0;

text-align: center;

}
.submenu::before, .submenu::after {
content: '';
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 1px;
background-image: -webkit-linear-gradient(left, transparent, #aaa 25%, #aaa 75%, transparent);
background-image: linear-gradient(to right, transparent, #aaa 25%, #aaa 75%, transparent);
background-position: center;
background-repeat: no-repeat;
}
.layer_cache {
text-align: center;
font-size: 1.6rem;
margin: 0px auto 30px auto;
	@media (768px <= width) {
	margin: 0px auto 40px auto;}/* 768px以上 */
}

.contact_posi{
padding-top: 20px;
margin-bottom: 30px;
	@media (768px <= width) {
	padding-top: 50px;
	margin-bottom: 60px;}/* 768px以上 */
}

.contact_posi2 {
padding-top: 20px;
margin-bottom: 40px;
	@media (768px <= width) {
	padding-top: 40px;
	margin-bottom: 60px;}/* 768px以上 */
}


.point_w_space .whitebox {
background: #fff;
border-radius: 10px;
}
max-width: 1140px;
background: #FFFFF4;}
.whitebox {
border-radius: 10px;
max-width: 1140px;
background: #FFFFF4;
margin-left: auto;
margin-right: auto;
overflow: hidden;
box-sizing: border-box;
}

.notice {
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.notice ul {
margin-left: auto;
margin-right: auto;
width: calc(100% - 4em);
@media (768px <= width) {
padding-left:2em;
}
}

.notice ul li {
margin: 0 0 0.5em 0;
list-style-type: disc;
}

.contact_posi2 .contact_box {
margin-left: 2%;
width: 96%;
margin-bottom: 20px;
	@media (768px <= width) {
	margin-left: 5%;
	width: 90%;
	margin-bottom: 40px;}/* 768px以上 */
}

.contact_posi2 .contact_box table {
width: 100%;
}
.contact_posi2 .contact_box td,
.contact_posi2 .contact_box th {
width: 100%;
display: inline-block;
box-sizing: border-box;
}


.contact_posi2 .contact_box th {
font-weight: normal;
padding: 10px 2% 0px 2%;
vertical-align: top;
text-align: left;
font-size: 1.6rem;

}

.contact_posi2 .contact_box td {
padding: 10px 2% 20px 2%;
font-size: 1.5rem;}

.contact_posi2 .contact_box td li {
margin: 0 0 10px 0;
}

.contact_posi2 .contact_box th p {
margin-top: 10px;
}
.contact_posi2 .contact_box th span {
display: inline-block;
background: #d60000;
text-align: center;
font-size: 1.4rem;
padding: 1px 6px;
color: #fff;
margin-right: 10px;
font-size: 80%;
}
.contact_posi2 .contact_box th span.ninni {
background: #868686;
}
.contact_posi2 .contact_box input.w100 {
width: 100%;
}
.contact_posi2 .contact_box input[type="text"] {
margin: 4px 0 0;
border-radius: 4px;
padding: 4px 12px;
border: 1px solid #aaa;
outline: none;
height: 48px;
font-size: 1.5rem;
}

.contact_posi2 .contact_box td textarea {
width: 100%;
height: 170px;
border-radius: 4px;
padding: 10px 12px;
border: 1px solid #aaa;
outline: none;
}

.link_black a:not(:hover) {color:#111;text-decoration:underline;}
.link_black a:hover{color:#111;text-decoration:none;}

.thanks01 {
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 1.4rem;
margin-bottom: 2rem;
}

.smp_inner {
margin-inline: auto;
width: max-content;
}
.smp_inner p {
text-indent: -1em;
padding-left: 2em;
margin-left: -1em;
}

.panbtm{
margin-bottom: 30px;
	@media (768px <= width) {margin-bottom: 60px;}/* 768px以上 */
}

.policy h2{
border-bottom: 1px solid var(--main-bg);
font-size: 1.4rem;
font-weight: bold;
margin: 0 0 1em;
padding: 0 0 5px;
}
.policy p{
margin-bottom: 2.4em;
}


	@media (768px <= width) {
	.top_business_li li{
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	margin-bottom: 60px;
	}
	.top_business_li li figure{
	width: 46%;
	margin-right: 30px;
	}
	.top_business_li li figure img{
	max-width: 100%;

	}
	.top_business_li li p{
	flex:1;
	}
	.top_business_li li p{
	margin-top: 30px;
	}
	}/* 768px以上 */


.top_business_li li .ttl001 {
font-size: 1.4rem; 
line-height: 1;
font-weight: bold;
color: var(--sub-color);
margin-bottom: 1em;
}

.layer_w.point_w_space{
margin: 30px;
}
.layer_w {
width: 98%;
	@media (768px <= width) {max-width: 1140px;}
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

.subttl {
border-bottom: 1px solid var(--main-bg);
font-size: 1.4rem;
	@media (768px <= width) {font-size: 2rem;}/* 768px以上 */

padding-bottom: 10px;
margin: 0px auto 30px auto;
font-family: "Kosugi Maru", sans-serif;}

.layer_cache_point {
font-size: 2rem;
margin: 0px auto 30px auto;

}

.point_w_space .whitebox img{
display: block;
margin-inline: auto;
text-align: center;
}
.aereabg {
background-color: #F4F3EC;}
.section_aereabg {
background-color: #F4F3EC;
overflow: auto;
border-radius: 10px;
}

.ttl_01 {
font-size: 1.4rem;
	@media (768px <= width) {font-size: 2rem;}/* 768px以上 */
margin-bottom: 20px;
}
.ttl_01 span {
font-weight: normal;
font-size: 12px;
display: inline-block;
margin-left: 20px;
color: var(--main-bg);
font-family: "Kosugi Maru", sans-serif;}

.pad20 {
padding: 20px;
box-sizing: border-box;}
.pad40 {
padding: 20px;
	@media (768px <= width) {padding: 40px; }/* 768px以上 */
}

.ttl_02 {
display: flex;
align-items: center;
font-size:1.6rem;
margin-bottom: 16px;
}

.ttl_02:before {
margin-right: 10px;
border-top: 1px solid;
content: "";
color: var(--main-color);
width: 30px;
}

.voice_interviewbox li{
width: calc(100% / 2);
border-right: 1px solid #ddd;
padding: 8px;
margin-bottom: 20px;
}

.voice_interviewbox li figure img{
aspect-ratio: 1 / 1;
object-fit: cover;
object-position: top;}

@media (768px <= width) {
	.service_txt_area {
	margin-left: 40px;
	}
	.flx_lr {
	display: flex;
	justify-content: space-evenly;
	align-items: flex-start;
	flex-wrap: wrap;
	}
	.flx_lr .flx_lbox {
	flex: 1;
	}

	.flx_lr img {
	margin-left: 30px;
	max-width: 400px;
	}

	.voice_interviewbox li{
	padding: 10px 20px;
	margin-bottom: 30px;
	}
	.voice_interviewbox li:nth-of-type(2n) {
	border-right: 0;
	}

	.voice_interviewbox li figure img{
	width: 100px;
	height: auto;
	margin-right: 20px;
	}
	.voice_interviewbox li figure figcaption{
	width: calc(100% - 120px);
	}
	
	.voice_interviewbox02{
	margin-inline: auto;
	}

	.voice_interviewbox02 li figure img{
	margin-right: 40px;
	max-width: 240px;
	}
	.voice_interviewbox02 li figure figcaption{
	flex:1;
	}
 }/* 768px以上 */


.voice_interviewbox02{}
.voice_interviewbox02 figcaption .interviewbox02_head{
display: inline-block;
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
line-height: 1;
margin-bottom: 1em;
}
.voice_interviewbox02 figcaption .interviewbox02_head span{
display: inline-block;
font-size: 2.4rem;
margin-bottom: 0;
color: var(--main-bg);
}
.voice_interviewbox02 figcaption p{
display: inline-block;
font-weight: bold;
font-size: 1.4rem;
line-height: 1.6;
}
.voice_interviewbox02 figcaption span{
display: block;
color: #666;
margin-bottom: 2em;
}
.voice_interviewbox02 figcaption p.interviewbox02_txt{
font-weight: normal;
font-size: 20px;
}


.voice_interviewbox02 li{
background: #fff;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding: 20px;
margin-bottom: 50px;
}

.voice_interviewbox li figure {
display:flex;
align-items:flex-start;
flex-wrap:wrap;
}

.voice_interviewbox02 li figure {
display: flex;
align-items:flex-start;
flex-wrap: wrap;
}

.voice_interviewbox{
display:flex;
align-items:stretch;
flex-wrap:wrap;
}

.voice_interviewbox li {}
.voice_interviewbox02 li a:not(:hover) {color:#000;text-decoration:none;}
.voice_interviewbox02 li a:hover{color:#000;text-decoration:none;}
.voice_interviewbox li a:not(:hover) {color:#000;text-decoration:none;}
.voice_interviewbox li a:hover{color:#000;text-decoration:none;}

.voice_interviewbox li figure figcaption p{
color:#000;
font-weight: bold;
line-height: 1.5;
margin-bottom: 10px;
}

.voice_interviewbox li figure figcaption span{
display: block;
color: #666;
}

.p_toggle_base {
display: inline-block;
}

.p_toggle_posi {
width: 32px;
display: inline-block;
position: relative;
}
.p_toggle_posi .toggle_btn {
position: absolute;
top: -4px;
left: 4px;
}

.toggle_btn {
position: absolute;
top: 10px;
right: -30px;
transform: translateY(-50%);
background: var(--main-bg);
display: block;
width: 24px;
height: 24px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-radius: 4px;
}
 .toggle_btn:before {
 display: block;
content: '';
background-color: #fff;
position: absolute;
width: 2px;
height: 10px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.toggle_btn:after {
display: block;
content: '';
background-color: #fff;
position: absolute;
width: 10px;
height: 2px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.toggle_contents {
background-color: var(--bg-color);
margin-bottom: 20px;
}

.toggle_titel_box{
position: relative;
margin-bottom: 10px;
}

.toggle_title {
padding: 15px 40px 15px 15px;
cursor: pointer;
line-height: 1.4;
}

.toggle_title_q:before {
font-weight: bold;
display: inline-block;
font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
content: 'Q';
color: #000;
font-size: 24px;
margin-right: 4px;
position: absolute;
top: -6px;
left: 0px;
}
.toggle_title_q {
font-weight: bold;
position: relative;
padding-left: 30px;
margin-left: 0px !important;

}

.toggle_title p {
font-size: 1.4rem;
margin-left: 30px;
}
.toggle_title_a:before {
font-weight: bold;
display: inline-block;
font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
content: 'A';
color: #df3a00;
font-size: 24px;
margin-right: 4px;
position: absolute;
top: -6px;
left: 0px;
}

.toggle_title_a {
position: relative;
padding-left: 30px;
margin-left: 0px !important;
}
.toggle_contents_dd_inner {
padding: 15px 40px 15px 15px;
border-top: 1px dashed #D6D6D6;
}

/*沿革*/
	@media (768px <= width) {
	.outline_history_dlist {
	width: calc(100% - 100px);
	margin-left: auto;
	margin-bottom: 80px;
	}
	}/* 768px以上 */

.all_dlist dl {
padding: 20px 0;
display: flex;
align-items: flex-start;
border-top: 1px solid #ddd;
}
.outline_history_dlist dt {
width: 100px;
position: relative;
text-align: center;
font-weight: bold;
}
.outline_history_dlist dd {
width: calc(100% - 100px);
}
.outline_history_dlist dt ._head {
position: absolute;
left: -100px;
top: 50%;
transform: translateY(-50%);
font-size: 1.4rem;
font-weight: normal;
color: #000;
}

.philosophy_ttl_posi{
background: url(../img/philosophy_bg.webp) center center / cover no-repeat;
margin-inline: auto;
padding:20px 10px;
margin-bottom: 40px;
	@media (768px <= width) {
	padding: 20px;
	margin-bottom: 80px;
	}
text-align: center;
display: block;
}
.philosophy_bgbox{
background-color: rgba(255,255, 255, 0.9);
padding: 20px;
	@media (768px <= width) {
	padding: 50px 20px;}
}
.philosophy_bgbox img{
max-width: 100%;
}
.overseas_ttl_flow_li li dl dd{

}

.overseas_ttl_flow_li {

margin:0 0 3em 0;
}

.overseas_ttl_flow_li li{
background-color: #fff;
padding: 10px;
@media (768px <= width) {padding: 20px;}
position: relative;
margin-bottom: 40px;
}
.overseas_ttl_flow_li li:after {
display: inline-block;
content: ' ';
color: #000;
position: absolute;
bottom:-30px;
right: calc(50% - 10px);

border-top: 20px solid #000;
border-right: 20px solid transparent;
border-left: 20px solid transparent;


}
.overseas_ttl_flow_li li:last-child{
margin-right: 0px;
}
.overseas_ttl_flow_li li:last-child:after {
display: none;
}

.overseas_ttl_flow_li li {
border: 1px solid #000;
}

.overseas_ttl_flow_li dl dt {
font-family: "Zen Maru Gothic", sans-serif;
background-color: #000;
padding: 8px 18px;
text-align: center;
vertical-align: middle;
color: #fff;
line-height: 1;
margin-bottom: 10px;
@media (768px <= width) {margin-bottom: 18px;}
display: inline-block;
}
.overseas_ttl_flow_li li dl dd span {
font-size: 14px;
	@media (768px <= width) {font-size: 18px;}
display: block;
}

.overseas_ttl_flow_li li dl dd p {
font-size: 20px;
display: block;
}

	@media (768px <= width) {
	.overseas_ttl_flow_li li dl{
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	}
	.overseas_ttl_flow_li li dl dt{}
	.overseas_ttl_flow_li li dl dd{
	margin-left: 20px;
	width: calc(100% - 130px)

	}
	}


/**/
.fixed-cta{
display: block;
position:  fixed;
width:  100%;
	/*@media (768px <= width) { 
	height: 220px;
	bottom: -220px; }*//* 768px以上 */
background: #FFFFF4;
border-top: 5px solid var(--bg-color);
z-index: 10;
transition:  .5s;
}

.fixed-cta.visi{
bottom: 0;
}
.foot_fixcontact .contact_cache{
display: block;
font-size: 1.4rem;
width: 100%;
margin-top: 10px;
margin-bottom: 0;
}
.foot_fixcontact .contact_tel_posi {
margin-bottom: 10px;
line-height: 1.2;
}

.foot_fixcontact .contact_tel_posi_r,
.foot_fixcontact .contact_tel_posi_r p {
display: inline-block;
font-size:15px;
}

.foot_fixcontact_btnposi{
}
.foot_fixcontact_btnposi img{
margin: 0 8px 10px 0;
width: 60px;

}

.foot_fixcontact_btn:not(:hover) {color:#fff;text-decoration:none;}
.foot_fixcontact_btn:hover{color:#fff;text-decoration:none;opacity: 0.5;}
.foot_fixcontact_btn {
min-height: 56px;
line-height: 56px;
color: #fff;
position: relative;
font-size: 1.4rem;
cursor: pointer;
background-color: #f00;
border: 1px solid #f00;
display: block;
text-align: center;
transition: ease .4s;
}
.foot_fixcontact_btn {
	@media (768px <= width) {
	line-height: 1.4;
	margin-top: 10px;
	height:100px;
	width: 600px;}
display:flex;
justify-content:center;
align-items:center;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
}
.foot_fixcontact_btn span{
background: #fff;
color: #f00;
display: inline-block;
font-size: 12px;
line-height: 1.2;
margin-left: 4px;
padding: 6px 10px;
}
.foot_fixcontact .contact_tel_posi_r {
padding-bottom: 4px; 
}

.foot_fixcontact .contact_tel_posi a.tel {
font-size: 2.4rem;}
	@media (768px <= width) {
	.foot_fixcontact_btnposi{
	width: 56%;}
	.foot_fixcontact .foot_fixcontact_btn{
	width: 100%;
	}
	.foot_fixcontact{
	max-width: 960px;
	margin-inline: auto;
	display:flex;
	justify-content:space-evenly;
	align-items: flex-start;
	flex-wrap:wrap;
	}
	.foot_fixcontact .contact_tel_posi{
	width: 42%;
	}

	#contents{
	max-width: 960px;
	margin-inline: auto;
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	}
	.contents_l{
	flex: 1;
	max-width: 680px;
	}
	
	.sidebar{width: 250px;
	margin-left: 30px;
	margin-bottom: 60px;}
	}/* 768px以上 */



.side_voice_li li{
/*background-color: var(--bg-color);*/
padding: 10px;
margin-bottom: 16px;
}

.side_voice_li li figure {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.side_voice_li li figure img{
width: 80px;
height: auto;
margin-right: 16px;
}

.side_voice_li li figure  figcaption {
width: calc(100% - 96px);
}

.side_voice_li li figure  figcaption p{
font-size: 15px;
line-height: 1.6;
}
.side_voice_li li figure  figcaption span{
font-size: 14px;
}
.side_voice_li h3{
font-family: "Kosugi Maru", sans-serif;
font-size: 18px;
text-align: center;
line-height: 1.4;
}
.side_voice_li h3 span{
color: #f00;
font-weight: bold;
font-size: 22px;
}
.side_voice_li li a:not(:hover) {color:#000;text-decoration:none;}
.side_voice_li lii a:hover{color:#000;text-decoration:none;}

.side_bn_li{
border-bottom: 1px solid #000;
margin-bottom: 30px; 
padding-bottom:10px;
}
	@media (768px <= width) {
	.side_bn_li li{
	margin-bottom: 20px;
	}
	.side_bn_li li:last-child{
	padding-bottom: 20px;}
	}

/**/
.search-box {
margin: 20px 0;
font-size: 105%;
}

.search-head {
display: flex;
align-items: center;
justify-content: center;
width: 156px;
background: var(--main-bg) ;
color: #ffffff;
transition: 0.3s;
}

.search-table table{
width: 100%;
}
.search-head span {
text-align: center;
font-weight: bold;
font-size: 110%;
line-height: 1.25;
}
.search-table th {
text-align: left;
vertical-align: top;
	@media (768px <= width) {padding: 20px 0 0;}
white-space: nowrap;
}
	@media (768px <= width) {
	.searxh_tbl_w th{width:12%;}
	.searxh_tbl_w td{width:32%;
	padding-right: 1em;}
	 }/* 768px以上 */

.search_no{
margin-top: 30px;
margin-bottom: 10px;
	@media (768px <= width) {
	margin-top: 66px;
	margin-bottom: 20px;
	}
}

.search-table select {
display: block;
padding: 5px 10px;
	@media (768px <= width) {
	margin: 15px 0;}
margin-bottom: 15px;
border: 1px solid #aaa;
border-radius: 4px;
}
.search-table select.w100 {
width: 100%;
}
.search-table label {
	@media (768px <= width) {
	margin-top: 18px;}
display: inline-flex;
margin-right: 16px;
font-size: 16px;
}

.btn-search {
border: 1px solid var(--main-bg) ;
background-color: var(--main-bg) ;
color: #FFF;
min-width: 50%;
margin-top: 22px;
padding: 5px 20px 8px;
border-radius: 7px;
font-size: 18px;
line-height: 1.8;
font-weight: bold;
text-align: center;
border: 1px solid #FFF;
box-shadow: 0 2px 1px rgb(0 0 0 / 30%);

transition: ease .4s;
}


.btn-search:not(:hover) {color:#fff;text-decoration:none;}
.btn-search:hover{color:#fff;text-decoration:none;opacity: 0.7;}

.btn-job-detail{
margin-left: auto;
text-align: center;
}
.btn-job-detail .btn-search {
display: inline-block;
}

.work-head_ttl{
font-size: 120%;
font-weight: bold;
line-height: 1.6;
margin-bottom: 1em;
}

.work-area {
margin-bottom: 1em;
}

.work-st{
margin-bottom: 10px;
}
.work-st span {
display: inline-block;
border: 2px solid var(--main-bg) ;
background: #FFFFFF;
margin-right: 8px;
padding: 0 8px;

}

.work-st ul {
display: inline-block;
margin: 12px 0 0 0;
}
.work-st ul li {
/*display: inline-block;*/
margin-right: 10px;
}

	@media (768px <= width) { 
	.work-info {
	display: flex;
	justify-content: space-between;
	}
	
	.work-info-image {
	width: 24%;
	margin-right: 20px;
	}
	.work-info-table {
	flex: 1;
	}
	}/* 768px以上 */


.work-info-image img{
width: 100%;
margin-bottom: 1em;
}

.work-info-table table {
width: 100%;
border-collapse: collapse;
border: 1px solid #CBCBCB;
}
.work-info-table table th {
width: 6em;
font-weight: normal;
padding: 12px;
border: 1px solid #CBCBCB;
text-align: left;
background: #FFFFF4;
line-height: 1.4;
}
.work-info-table table td {
padding: 12px;
	@media (768px <= width) {border: 1px solid #CBCBCB; }/* 768px以上 */
line-height: 1.4;
}

a.work-back{
border: 1px solid var(--main-bg);
font-size: 1.4rem;
color: var(--main-bg);
display: inline-block;
padding: 4px 8px;
}

a.work-back:not(:hover) {color:var(--main-bg);text-decoration:none;}
a.work-back:hover{color:var(--main-bg);text-decoration:none;opacity: 0.5;}

.btn-entry_posi{
margin-inline: auto;
margin-bottom: 60px;
text-align: center;
}
.btn-entry_posi .btn-search{
width: 86%;
	@media (768px <= width) {width: 50%;}/* 768px以上 */
display: inline-block;
}

.work-mid{
color: #fff;
background-color: var(--main-bg);
font-weight: bold;
font-size: 18px;
line-height: 1;
margin-bottom: 10px;
padding: 10px 20px;
}

	@media (768px <= width) {
	.job-body dl {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	line-height: 1.8;
	}

	.job-body dt {
	width: 180px;
	margin: 0;
	padding: 20px;
	border-bottom: 1px solid #aaa;
	}
	.job-body dd {
	margin: 0;
	padding: 20px;
	width: calc(100% - 180px);
	border-bottom: 1px solid #aaa;
	}

	}/* 768px以上 */

	@media (640px <= width) {
	.jobul{
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
	}
	.jobul li:nth-child(even) {
	margin-left: 4%;
	}
	}
.jobul li{
border: 1px solid #000;
background-color: #fff;
	@media (640px <= width) {
	width: 48%;}
margin-bottom: 4%;
}

.jobul li:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 74px;/*画像の幅*/
height: 73px;/*画像の高さ*/

background-size: contain;
vertical-align: middle;
background-position: top left;
}

.jobul li:nth-child(1):before{
background-image: url(../img/job_no01.webp);
}
.jobul li:nth-child(2):before{
background-image: url(../img/job_no02.webp);
}
.jobul li:nth-child(3):before{
background-image: url(../img/job_no03.webp);
}
.jobul li:nth-child(4):before{
background-image: url(../img/job_no04.webp);
}
.jobul li:nth-child(5):before{
background-image: url(../img/job_no05.webp);
}



.jobul li {
position: relative;
}
.jobul li figure{
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
margin-inline: auto;
text-align: center;
display: block;
width: 100%;
height: 110px;
}
.jobul li figure img{
margin-inline: auto;
text-align: center;
display: block;
}
.jobul li figure figcaption{
font-weight: bold;
font-size: 1.4rem;
text-align: center;

}
.jobul li p{
font-size: 13px;
padding: 60px 16px 16px 16px;
}

.jop_faq dl{}
.jop_faq dl dt{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 10px;
}
.jop_faq dl dt p,
.jop_faq dl dd p{
width: calc(100% - 50px);
}
.jop_faq dl dt p{
font-size: 1.4rem;
font-weight: bold;
margin-top: 6px;
}
.jop_faq dl dd p{
margin-top: 6px;
}
.jop_faq dl dd{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
margin-bottom: 10px;
}
.jop_faq dl dt:before {
background-image: url(../img/job_icon_q.webp);
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 40px;/*画像の幅*/
height: 40px;/*画像の高さ*/
background-size: contain;
vertical-align: middle;
background-position: top left;
margin-right: 10px;

}

.jop_faq dl dd:before {
background-image: url(../img/job_icon_a.webp);
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 40px;/*画像の幅*/
height: 40px;/*画像の高さ*/
background-size: contain;
vertical-align: middle;
background-position: top left;
margin-right: 10px;
}
.jop_faq{
margin-bottom: 16px;
}
.job_voicebox{
margin-bottom: 40px;
}
.job_voicebox li{
margin-bottom: 30px;
background-color: #fff;
}

	@media (768px <= width) {
	.job_voicebox li{
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;}
	.job_voicebox li:nth-child(even){
	flex-direction: row-reverse;
	}
	.job_voicebox li dl{
	flex: 1;
	}
	.job_voicebox li:nth-child(even) figure figcaption{
	position: absolute;
	left: auto;
	right: 0;
	top: 14px;
	}
	.job_voicebox li:nth-child(even) figure{
	padding: 30px 30px 30px 0px;
	}
	}/* 768px以上 */


.job_voicebox li dl{
padding: 30px;
}
.job_voicebox li dl dt{
font-weight: bold;
font-size:1.6rem;
line-height: 1.6;
}
.job_voicebox li dl dt span{
background-color: #eee;
display: table;
font-size: 1.4rem;
font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-weight: normal;
padding: 2px 0.8em;
margin-block:16px;
}
.job_voicebox li dl dd{
font-size: 1.4rem;
}
.job_voicebox li figure{
position: relative;
box-sizing: border-box;
width: 256px;
	@media (768px <= width) {max-width: 40%; }/* 768px以上 */
}

.job_voicebox li figcaption{
color: #fff;
font-family: "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.3rem;
background-color: #000;
line-height: 1.2;
padding: 2px 10px;
}
.job_voicebox li figcaption span{
font-size:1.6rem;
}
.job_voicebox li figure{
padding: 30px 0 30px 30px;
}
.job_voicebox li:nth-child(even) figure img,
.job_voicebox li:nth-child(odd) figure img{
width: 100%;
}


.job_voicebox li figure figcaption{
position: absolute;
left: 0;
top: 14px;
}
.btn_job.plus_mb60{
margin-bottom: 30px;
	@media (768px <= width) {margin-bottom: 60px;}
}
.btn_job {
border-radius: 10px;
color:#fff;
position: relative;
font-size: 1.4rem;
cursor: pointer;
background-color: #ff834c;
border: 1px solid #ff834c;
display: block;
text-align: center;
transition: ease .4s;
padding-block: 20px;
padding-right: 2em;
margin-bottom: 40px;
}
.btn_job::before{
content: '';
width: 10px;
position: absolute;
top: 34px;
right: 20px;
border-top: solid 1px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn_job::after{
content: '';
width: 26px;
position: absolute;
top: 37px;
right: 21px ;
border-bottom: solid 1px #fff;
}
.btn_job:not(:hover) {color:#fff;text-decoration:none;}
.btn_job:hover{color:#fff;text-decoration:none;opacity: 0.5;}

.btn_job span{
display: inline-block;
}

.foot_job_contact{
background: url(../img/job_foot_contactbg.webp);
background-position: bottom right; /* お好みで */
background-size: 243px; /* 必要 */
background-repeat:no-repeat;
width: 100%; /* 必要 */
background-color: #fff;

	@media (768px <= width) { 
	padding: 1px 0 30px 30px;
	}/* 768px以上 */
}

.foot_job_contact .cachtxt{
margin-top: 30px;
margin-bottom: 20px;
font-family: "Kosugi Maru", sans-serif;
}
	@media (768px <= width) {
	.job_tel_posi{
	display:flex;
	align-items: flex-start;
	flex-wrap:wrap;
	}
	}
.job_tel_posi .tel{
font-size: 2.6rem;
	@media (768px <= width) {font-size: 3rem;}
line-height: 1;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.job_tel_posi .tel:not(:hover) {color:#000;text-decoration:none;}
.job_tel_posi .tel:hover{color:#000;text-decoration:none;opacity: 0.5;}

.job_tel_posi .contact_tel_posi_r{
margin-bottom: 0;
padding-bottom: 0;
}
.job_tel_posi .contact_tel_posi_r p{
font-size: 1.5rem;
text-align: center;
}

.job_tel_posi a.tel:before {
font-family: 'FontAwesome';
content: '\f095';
display: inline-block;
width: 1.2em;
text-align: center;
font-size: 1.0em;
}

.foot_job_logo{
margin-right: 20px;
}
a.btn__contact {
color: #fff;
background-color: #3275c1;
text-align: center;
display: inline-block;
line-height: 1;
border-radius: 10px;
padding: 1em;
	@media (768px <= width) {padding: 1em 2em;}/* 768px以上 */

}
a.btn__contact:before {
font-family: 'FontAwesome';
content: '\f003';
color: #fff;
line-height: 1;
margin-right: 0.4em;
}

a.btn__contact:not(:hover) {color:#fff;text-decoration:none;}
a.btn__contact:hover{color:#fff;text-decoration:none;opacity: 0.5;}

.job_tel_posi{
margin-bottom: 20px;
}


.repo_greedbox{
border: 2px solid #cdb17b;
background: #fff;
padding: 5px;
margin-bottom: 30px;
}
.repo_greedbox figure{border: 2px solid #cdb17b;
}
.repo_greedbox figure figcaption{
margin-top: 30px;
margin-left: 30px;
}



.repo_greedbox figure img{
margin-top: 16px;
max-width: 80%;
}

	@media (768px <= width) {
	.repo_greedbox figure {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	flex-wrap:wrap;
	}
	.repo_greedbox figure figcaption{
	flex: 1;
	margin-bottom: 30px;
	}
	.repo_greedbox figure img{
	margin-left: 16px;
	max-width: 42%;
	}
	}/* 768px以上 */



.repo_greedbox figure figcaption ul li{
text-indent: -25px;
padding-left: 25px;
}

.repo_greedbox .layer_cache_point{
margin-bottom: 16px;
}
.repo_greedbox ul li:before {
background-image: url(../img/report_iconcheck.png);
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 19px;/*画像の幅*/
height: 17px;/*画像の高さ*/
background-size: contain;
vertical-align: middle;
background-position: center left;
margin-right: 6px;
}

.repo_txtarea li{
box-shadow: 1px 1px 5px #aaa;
background-color: #fff;
margin: 70px 5px 5px 5px;
padding: 20px 20px 1px 20px;
}

.repo_txtarea li{
position: relative;
}

.repo_txtarea_top li{}
.repo_txtarea_top li a:not(:hover) {color:#222;text-decoration:none;}
.repo_txtarea_top li a:hover{color:#222;text-decoration:none;opacity: 0.5;}

	@media (768px <= width) { 
	.repo_txtarea_top li figure{
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	}
	.repo_txtarea_top li figure img{
	max-width: 40%;
	margin-right: 20px;
	}
	.repo_txtarea_top li figure figcaption{
	flex: 1;
	}
	}/* 768px以上 */

.repo_txtarea_top li figure figcaption h2{
font-size: 1.4rem;
}
.repo_txtarea_top li figure figcaption p{
border-top: 1px solid #eee;
padding-top:1em;
margin-top: 1em;
margin-bottom: 20px;
}


.repo_txtarea_top li{
box-shadow: 1px 1px 5px #aaa;
background-color: #fff;
padding: 20px 20px 1px 20px;
margin-bottom: 20px;
	@media (768px <= width) { margin-bottom: 40px;}
}



.repo_txtarea li figure img{
width: 100%;
}
.test2 {
color: #fff;
display: inline-block;
font-size:2.4rem;
font-weight: bold;
left: -30px;
top: -30px;
padding: 2px 10px;
	@media (768px <= width) {padding: 2px 40px;}/* 768px以上 */

z-index: 21;

position: relative;
z-index: 1;
text-align: center;
margin: 0 auto;

}
.test2::before {
transform: skewX(-15deg);
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0px;
right: 0;
z-index: -1;
background-image: linear-gradient(to right, #08659a, #1180b1);
}

#repoposi.layer_w{
overflow: visible ;}

.repo_txtarea li figure figcaption {
font-size:2.4rem;
font-weight: bold;
font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-top: 30px;
}
	@media (768px <= width) {
	.repo_txtarea li.repo__txtposi1 figcaption{
	position: absolute;
	left: 30px;
	bottom: 30px;
	}
	.repo_txtarea li.repo__txtposi3 figcaption{
	position: absolute;
	left: 30px;
	bottom: -20px;
	}
	.repo_txtarea li.repo__txtposi3{
	padding-bottom: 30px;
	}
	.repo_figbox{
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	}
	.repo_txtarea li figure.repo_figbox .repo_figbo_l{
	max-width: 40%;
	margin-right: 20px;
	}
	}
	
.repo_txtarea li figure.repo_figbox {
transform: translateY(0);
}

.repo_caption{
font-size:1.6rem;
	@media (768px <= width) {font-size:2rem;}/* 768px以上 */
font-weight: bold;
}

.repo_txtarea li figure.repo_figbox img{
margin-bottom: 1em;

}
.repo_figbox{
margin-bottom: 30px;
}
.repo_txtarea li figure.repo_figbox figcaption{
flex: 1;
font-size: 1.6rem;
font-weight: normal;
font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
text-align: left;
margin-top: 0;
}

.repo_txtarea li figure{
transform: translateY(-40px);
}

.job_consulli{}


.point_no{
margin-right: 16px;
}
.job_consulli li dl{
flex: 1;
}
.job_consulli li dl dt{
font-size: 2rem;
}
.job_consulli li dl dd{
	@media print, screen and (min-width: 768px) {font-size: 1.6rem;}
}

.point_no {
/* 丸のサイズと形 */
width: 50px;
height: 50px;
	@media (768px <= width) {
	width: 70px;
	height: 70px;}/* 768px以上 */
border-radius: 50%;

background: linear-gradient(135deg, #ddd, #ccc);

/* 白罫線と薄いシャドウ */
border: 2px solid #ffffff;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);

/* 文字の配置：中央寄せ */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

/* 文字の基本設定 */
color: #ffffff;
text-align: center;
line-height: 1.2;
}

.point_no p {
margin: 0;
font-size: 12px;
font-weight: bold;
}

.point_no span {
font-size: 24px;
font-weight: bold;
display: block;
}
.job_consulli{
padding: 16px;
	@media print, screen and (min-width: 768px) {padding: 26px;}
background-color: #fffff4;
margin-bottom: 30px;
border-radius: 10px;
}
.job_consulli li{
/*height: 2px; /* 線の高さ */
background: radial-gradient(circle, #999 20%, transparent 25%);
background-position: bottom;
background-size: 6px 6px; /* ドットの間隔（太く見せたい場合はここを調整） */
background-repeat: repeat-x;
margin-bottom: 26px;
padding-bottom: 26px;
}



.job_consulli li img{
margin-right: 16px;
}
.job_consulli li{
display:flex;
justify-content:space-start;
align-items:center;
flex-wrap:wrap;
margin-bottom: 1em;
}
.job_consulli {
counter-reset: voice-number;
list-style: none;
}

.job_consulli li {
counter-increment: voice-number;
}

.job_consulli li a:not(:hover) {text-decoration:underline;}
.job_consulli li a:hover{opacity: 0.5;}

@media print, screen and (min-width: 768px) {




	.job_consulli li::after {
	content: counter(voice-number, decimal-leading-zero);
	display: inline-block;
	font-size: 3rem;
	width: 48px;
	vertical-align: middle;
	text-align: right;
	background-repeat: no-repeat;
	font-family: "Zen Maru Gothic", sans-serif;
	}

	.job_consulli li:nth-child(1):after {
	color:#FCBC42;
	}
	.job_consulli li:nth-child(2):after {
	color:#97CB6F;
	}
	.job_consulli li:nth-child(3):after {
	color:#F5817B;
	}
	.job_consulli li:nth-child(4):after {
	color: #62C6CA;
	}
	.job_consulli li:nth-child(5):after {
	color:#FA95AA;
	}

}/*@media print, screen and (min-width: 768px) 
*/



.job_consulli li:nth-child(1) .point_no{

}

.job_consulli li dl dt{
line-height: 1.2;
}

.job_consulli li:nth-child(1) dl dt{
color:#FCBC42;
/*color:#F5817B;*/
}

.job_consulli li:nth-child(2) dl dt{
color:#97CB6F;
}

.job_consulli li:nth-child(3) dl dt{
/*color:#FCBC42;*/
color:#F5817B;
}

.job_consulli li:nth-child(4) dl dt{
color: #62C6CA;
}
.job_consulli li:nth-child(5) dl dt{
color:#FA95AA;
}
.icon_biginner{
width: auto;
height: 30px;
transform: rotate(6deg);
}

.btn_faqfaq{
margin-top: 20px;
}

	@media (768px <= width) {
	.btn_faqfaq{
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	flex-wrap:wrap;
	margin-top: 40px;
	}
	.btn_faqfaq li{
	width: 46%;
	}
	}/* 768px以上 */

.btn_faqfaq li a{
border-radius: 10px;
color:#fff;
position: relative;
font-size: 1.4rem;
cursor: pointer;
background-color: #ff834c;
border: 1px solid #ff834c;
display: block;
text-align: center;
transition: ease .4s;
padding-block: 10px;
padding-inline: 1em;
}

.btn_faqfaq li:nth-child(2)  a{
background-color: #3275c1;
border: 1px solid #3275c1;
}

.btn_faqfaq li a:not(:hover) {color:#fff;text-decoration:none;}
.btn_faqfaq li a:hover{color:#fff;text-decoration:none;opacity: 0.5;}


.top_pick{
border-radius: 10px;
border: 1px solid #d4d4d4;
}

.top_pick dl{}
.top_pick dl dt{
display:flex;
justify-content:space-start;
align-items:self-end;
flex-wrap:wrap;
font-size: 32px;
font-weight: bold;
line-height: 1.2;
padding-bottom: 10px;
margin-bottom: 20px;
}
.top_pick dl dt img{
margin-right: 20px;
}
.top_pick dl dd{
font-size: 24px;
}
.top_pick dl dd p{
margin-bottom: 20px;
}
.btn_kuwashiku{
display: block;
font-size: 24px;
background: #fff;
box-sizing: border-box;
border-radius: 4px;
text-align: center;
background-color: #fff;
color: #999;
text-decoration: none;
}

a.btn_kuwashiku:not(:hover) {text-decoration:none;}
a.btn_kuwashiku:hover{text-decoration:none;opacity: 0.5;}


.btn_kuwashiku:after {
font-family: 'FontAwesome';
content: '\f105';
display: inline-block;
width: 1.4em;
text-align: center;
color: #999;
float: right;
}


.top_pick.top_pick_works {
background-color: #fff5f9;
	@media (768px <= width) {
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;}
margin-top:4%;
}

.top_pick.top_pick_works figure{
width: 100%;
	@media (768px <= width) {
	width: 48%;}
position: relative;}
.top_pick.top_pick_works figure img{
aspect-ratio: 1/0.8; /*横縦*/
	@media (768px <= width) {
	position: absolute;
	aspect-ratio: inherit;
	}
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.top_pick.top_pick_works dl dt{
color:#eb4984;
border-bottom: 2px dotted #eb4984;
}
.top_pick.top_pick_works dl{
padding: 10px;
	@media (768px <= width) {
	padding: 30px; width: 52%;}/* 768px以上 */

}

.top_pick_works .btn_kuwashiku{
border: 1px solid #eb4984;
color:#eb4984;
}
.top_pick_works .btn_kuwashiku:after {
color: #eb4984;
}

.top_pick_works .btn_kuwashiku a:not(:hover) {color:#eb4984;text-decoration:none;}
.top_pick_works .btn_kuwashiku a:hover{color:#eb4984;text-decoration:none;opacity: 0.5;}

.top_pick.top_pick_job {
background-color:#f2fbee;
}
.top_pick.top_pick_job dl dt{
color:#58a730;
border-bottom: 2px dotted #58a730;
}

.top_pick_job .btn_kuwashiku{
border: 1px solid #58a730;
color:#58a730;
}
.top_pick_job .btn_kuwashiku:after {
color: #58a730;
}

.top_pick_job .btn_kuwashiku a:not(:hover) {color:#58a730;text-decoration:none;}
.top_pick_job .btn_kuwashiku a:hover{color:#58a730;text-decoration:none;opacity: 0.5;}

.top_pick.top_pick_cleaning {
background-color:#f2faff;
}
.top_pick.top_pick_cleaning dl dt{
color:#1d89d0;
border-bottom: 2px dotted #1d89d0;
}

.top_pick_cleaning .btn_kuwashiku{
border: 1px solid #1d89d0;
color:#1d89d0;
}
.top_pick_cleaning .btn_kuwashiku:after {
color: #1d89d0;
}

.top_pick_cleaning .btn_kuwashiku a:not(:hover) {color:#1d89d0;text-decoration:none;}
.top_pick_cleaning .btn_kuwashiku a:hover{color:#1d89d0;text-decoration:none;opacity: 0.5;}

.top_pickul li figure img{
max-width: 100%;
}
.top_pickul li dl {
padding: 10px;
	@media (768px <= width) {padding: 30px; }/* 768px以上 */
}

.pattern-grid-sm {
background-image: linear-gradient(currentColor 1px, transparent 1px), linear-gradient(to right, currentColor 1px, transparent 1px);
background-size: 10px 10px;
}

@media (768px <= width) {
	.top_pickul{
	display:flex;
		gap:4%;
	align-items:stretch;
	flex-wrap:wrap;
	}
	.top_pickul li{
	width: 48%;
	display:flex;
	}

	.top_pickul .top_pick{
		display:flex;
		flex-direction:column;
		width:100%;
	}

	.top_pickul .top_pick dl{
		display:flex;
		flex-direction:column;
		flex-grow:1;
	}

	.top_pickul .top_pick dd{
		display:flex;
		flex-direction:column;
		flex-grow:1;
	}

	.top_pickul .top_pick dd p{
		flex-grow:1;
	}
}/* 768px以上 */

.voice_ttl_box{
background-color: #eee;
border-radius: 10px;
padding: 10px;
	@media (768px <= width) {padding: 20px; }/* 768px以上 */
margin-bottom: 40px;
}

.voice_ttl_in{
background-color: #fff;
border-radius: 10px;
padding: 10px;
	@media (768px <= width) {padding: 20px; }/* 768px以上 */
box-shadow: 0 0 4px gray;

}

.flx{
display:flex;
justify-content:space-start;
align-items:flex-start;
flex-wrap:wrap;
}

.voice_ttlbox_txt{
	@media (768px <= width) {flex:1;}/* 768px以上 */
}

.voice_detail_ttl{
color: #e3447b;
font-size: 24px;
margin-bottom: 24x;
position: relative;
}

.voice_detail_ttl:after {
content: "";
background-color: #e3447b;
position: absolute;
left: 0px;
bottom:-8px;
height: 2px;
width: 1.5em;
}

.voice_detail_name{
font-size: 2.4rem;

}

.voice_detail_name span{
font-size: 1.25rem;
}

.voice_detail_txtc p{
margin-bottom: 0.8em;
}
.voice_detail_txtc span{
border-radius: 10px;
display: inline-block;
color: #e3447b;
background-color: #ffe9f1;
font-size: 18px;
padding: 4px 10px;
	@media (768px <= width) {padding: 4px 20px; }/* 768px以上 */
margin-bottom: 20px;
}

.voice_detail_txtc span:before {
font-family: 'FontAwesome';
content: '\f073';
display: inline-block;
width: 1.2em;
color: #e3447b;
font-size: 1.0em;
}

.voice_ttl_in figure{
max-width:232px;
margin-left: 40px;
}
figure.voice_photosize{
max-width:200px;
}
figure.voice_photosize img{
object-fit: cover;
object-position: center center;
aspect-ratio: 1/1; /*横縦*/

}


.voice_ttl_in figure img{
max-width: 100%;
}
.voice_detail_comebox{
border: 1px solid #cdcdcd;
background-image: 
linear-gradient(#e4fafd 1px, transparent 1px), 
linear-gradient(to right, #e4fafd 1px, transparent 1px);
background-size: 40px 40px;
padding: 24px;
}


.voice_detail_comebox dl dt{
color: #024c9a;
font-weight: bold;
font-size: 22px;
}

.voice_detail_comebox ul {
counter-reset: voice-number; 
list-style: none;
padding: 0;
}

.voice_detail_comebox ul li {
counter-increment: voice-number;
}
.voice_detail_comebox dl dt{
display: flex;
align-items: flex-start; 
}
.voice_detail_comebox dl dt span {
flex-shrink: 0; 
position: relative;
display: inline-block;
width: 33px;          /* 丸のサイズ */
height: 33px;
line-height: 30px;
text-align: center;
background-color: #024c9a; /* 指定の色 */
color: #fff;           /* 数字の色 */
border-radius: 50%;    /* 丸くする */
margin-right: 0.5em;
font-size: 0.9em;
}

.voice_detail_comebox dl dt span::before {
content: counter(voice-number);
font-family: "Zen Maru Gothic", sans-serif;
}
.voice_detail_comebox dl dt span:after {
content: "";
background-color: #e3447b;
position: absolute;
left: 0px;
bottom:-8px;
height: 2px;
width: 33px;
}
.voice_detail_comebox li{
margin-bottom: 30px;
}

.voice_detail_comebox dl dd{
margin-top: 20px;
padding-left: 48px;
}


.training_cachebox{
box-sizing: border-box;
border: 1px solid #cdcdcd;
text-align: center;
background: #f8fbfd url(../img/tranining_bg.png);
background-position: bottom; /* お好みで */
background-size: contain; /* 必要 */
background-repeat:no-repeat;
width: 100%; /* 必要 */
aspect-ratio: 680 / 100; /* アスペクト比を保持してレスポンシブ */
padding-bottom: 10%;
margin-bottom: 50px;
}

.training_cachebox_ttl{
font-size: 28px;
	@media (768px <= width) {font-size: 30px;}/* 768px以上 */
color:#024c9a;
position: relative;
padding-top: 30px;
margin-bottom: 30px;
	@media (768px <= width) {padding-top: 60px;
	margin-bottom: 40px;
	}/* 768px以上 */

}

.training_cachebox_ttl:after {
content: "";
background-color: #e3447b;
position: absolute;
left: 50%;
bottom: -8px;
transform: translateX(-50%);
height: 3px;
width: 33px;
}



.training_cachebox p{
margin-bottom: 2em;
}

.training_block_ttl{
position: relative;
padding-top: 12px;
padding-bottom: 12px;
margin-bottom: 30px;
}

.training_block_ttl p{
color:#024c9a;
font-size: 32px;
font-weight: bold;
line-height: 60px;
	@media (768px <= width) {line-height: 80px;}/* 768px以上 */
border-top: 1px solid #b7b7b7;
border-bottom: 1px solid #b7b7b7;
padding-left: 116px;
	@media (768px <= width) {padding-left: 136px;}/* 768px以上 */
}

.training_block_ttl img{
position: absolute;
top: 0px;
left: 12px;
}

.training_block_f figure{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
margin-bottom: 60px;

}

.training_block_f figure img{
max-width: 340px;
margin-left:40px;
width: 100%;
}
.training_block_f figure figcaption{
flex: 1;
}

.training_block_sbox{
background-color: #000;
position: relative;
margin-top:24px;
padding: 14px;
margin-bottom: 30px;
	@media (768px <= width) {margin-bottom: 60px;}/* 768px以上 */
}

.training_block_sbox ul{
background-color: #fff;
padding: 30px 14px 14px 14px;
}
.training_block_sbox.c_01{
border: 1px solid #1675a3;
background-color: #cee9f6;
}
.training_block_sbox ul li dl dd span{
display: inline-block;
}


.training_block_sbox.c_01 .training_block_sboxttl{
background-color: #1675a3;
}
.training_block_sbox.c_01 dl dt{
color: #1675a3;}

.training_block_sbox.c_01 dl dt span {
background-color: #1675a3; /* 指定の色 */}

.training_block_sbox.c_02{
border: 1px solid #d94200;
background-color: #ffe2d6;
}

.training_block_sbox.c_02 .training_block_sboxttl{
background-color: #d94200;
}
.training_block_sbox.c_02 dl dt{
color: #d94200;}

.training_block_sbox.c_02 dl dt span {
background-color: #d94200; /* 指定の色 */}

.training_block_sboxttl{
color: #fff;
font-weight: bold;
font-size: 24px;
line-height: 48px;
border-radius: 24px;
padding-inline: 24px;
display: inline-block;
position: absolute;
top:0;
transform: translateY(-24px);
left: 24px;
}

.training_block_sbox{}


.training_block_sbox ul {
counter-reset: voice-number; 
list-style: none;
}

.training_block_sbox ul li {
counter-increment: voice-number;
}
.training_block_sbox dl dt{
display: flex;
align-items: flex-start; 
font-weight: bold;
}
.training_block_sbox dl dt span {
flex-shrink: 0; 
position: relative;
display: inline-block;
width: 33px;          /* 丸のサイズ */
height: 33px;
line-height: 30px;
text-align: center;

color: #fff;           /* 数字の色 */
border-radius: 50%;    /* 丸くする */
margin-right: 0.5em;
font-size: 0.9em;
}



.training_block_sbox dl dt span::before {
content: counter(voice-number);
font-family: "Zen Maru Gothic", sans-serif;
}

.training_block_sbox li dl{
margin-bottom: 30px;
}

.training_block_sbox dl dd{
margin-top: 10px;
padding-left: 48px;
}

.training_block_sbox dl dd img{
max-width: 604px;
width: 100%;
}

.training_annshinnblock{
background-color: #024c9a;
border-radius: 10px;
padding: 8px;
}
.training_annshinnblock dt{
color: #fff;
font-size: 28px;
font-weight: bold;
text-align: center;
}
.training_annshinnblock dt img{
transform: translateY(-4px);
margin-right: 10px;
}
.training_annshinnblock dd{
background-color: #fff;
border-radius: 10px;
padding: 16px;
	@media (768px <= width) {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap; }/* 768px以上 */
}
.training_annshinnblock dd p{
flex: 1;
}
.btn_training_annshinnblock{
border-radius: 10px;
color: #fff;
font-size: 18px;
width: 9em;
background-color: var(--main-bg);
text-align: center;
display: block;
line-height: 46px;
margin-left: 16px;
}

a.btn_training_annshinnblock:not(:hover) {color:#fff;text-decoration:none;}
a.btn_training_annshinnblock:hover{color:#fff;text-decoration:none;opacity: 0.5;}



.progress-tracker {
display: flex;
padding: 0;
list-style: none;
flex-direction: column; /* ★ 縦並びに変更 */
}

.progress-tracker--vertical .progress-step {

display: flex;
}

.progress-step {
flex: 1 1 0%;
margin: 0;
padding: 0;
min-width: 24px;
}

.progress-step .progress-marker {
color: #fff;
}


.progress-tracker li:nth-child(1) .progress-marker::before{
content: '1';
}
.progress-tracker li:nth-child(2) .progress-marker::before{
content: '2';
}
.progress-tracker li:nth-child(3) .progress-marker::before{
content: '3';
}
.progress-tracker li:nth-child(4) .progress-marker::before{
content: '4';
}
.progress-tracker li:nth-child(5) .progress-marker::before{
content: '5';
}
.progress-tracker li:nth-child(6) .progress-marker::before{
content: '6';
}
.progress-tracker li:nth-child(7) .progress-marker::before{
content: '7';
}
.progress-tracker li:nth-child(8) .progress-marker::before{
content: '8';
}
.progress-tracker li:nth-child(9) .progress-marker::before{
content: '9';
}

.progress-marker {
display: block;
position: relative;
}
.progress-marker::before{


}
.progress-step .progress-marker::before,
.progress-step.is-complete .progress-marker::before,
.progress-step.is-progress .progress-marker::before {
background-color: #0C5E99;
border: 1px solid #0C5E99;
border-radius: 50%;
color: #fff;
font-family: "Zen Maru Gothic", sans-serif;
}

}

.progress-step .progress-marker::before {
content: '';
background-color: #0C5E99;
border: 1px solid #0C5E99;
border-radius: 50%;
font-size: 1rem;
}

.progress-marker::before {
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 3;
width: 30px;
height: 30px;
padding-bottom: 2px;
border-radius: 50%;
transition: background-color, border-color;
transition-duration: 0.3s;
}

.progress-step.is-complete .progress-marker::after, .progress-step.is-progress .progress-marker::after {
background-color: #0C5E99;
z-index: 2;
}

.progress-tracker--vertical .progress-marker::after {
right: auto;
top: 15px;
left: 15px;
/*width: 3px;*/
height: 100%;


}
.progress-step.is-complete .progress-marker::after,
.progress-step.is-progress .progress-marker::after {
background:
radial-gradient(circle, #0C5E99 2px, transparent 2px);
background-size: 4px 10px;
background-repeat: repeat-y;
}

.progress-marker::after {
content: '';
display: block;
position: absolute;
z-index: -10;
top: 10px;
right: -12px;
width: 100%;
height: 4px;
transition: background-color 0.3s, background-position 0.3s;
}
.progress-tracker li .progress-marker::before{line-height: 30px;}

.progress-tracker--vertical .progress-text {
border: 1px solid #b7b7b7;
margin-bottom: 20px;
margin-left: 20px;
border-radius: 10px;
padding: 20px;
width: 100%;
}
@media only screen and (min-width:768px){
		.progress-step .progress-marker::before {
		font-size: 2rem;}
		.progress-marker::before {
		width: 40px;
		height: 38px;
		}
		.progress-tracker--vertical .progress-marker::after {
		top: 20px;
		left: 20px;
		}


		.progress-tracker li .progress-marker::before{line-height: 52px;}
	}
/**********************/
.progress-text dt{
margin-bottom: 10px;
}
.progress-text dt span{
color: var(--main-bg);
font-weight: bold;
font-size: 18px;
line-height: 20px;
border-radius: 10px;
padding-inline: 10px;
display: inline-block;
border: 1px solid var(--main-bg);
}
.progress-text dl dt p{
font-size: 23px;
font-weight: bold;
display: inline-block;
margin-right: 0.5em;
}

.training_block_t{
margin-bottom: 20px;
	@media (768px <= width) {margin-bottom: 60px;}/* 768px以上 */
}
	@media (768px <= width) {
	.trinin_photoflx{
	display:flex;
	justify-content:space-start;
	align-items:flex-start;
	flex-wrap:wrap;
	} }/* 768px以上 */

.trinin_photoflx figure{
max-width: 230px;
margin-left: 20px;
}
.trinin_photoflx figure img{
max-width: 100%;
}

.trinin_photoflx dl{
flex: 1;
}
.video video{
max-width: 100%;
}

/*ページ送り*/
.wp-pagenavi {
text-align:center;
/*margin:10px auto;*/
/*	display:block !important;*/
clear:both !important;
padding-bottom: 2px;
font-size: 14px;
}

.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
/*color:#1b71b8 !important;*/
background:#FFFFFF !important;
border-radius:3px !important;
/*border:solid 1px #CCCCCC !important;*/
padding:3px 9px 3px 9px !important;
margin-right:3px !important;
text-decoration:none !important;
font-size:12px !important;
}
.wp-pagenavi a:hover {
color:#FFF !important;
border-color:#CCCCCC !important;
background:#5093b5 !important;

background-image: -webkit-gradient(linear, left top, left bottom, from(#5093b5), to(#3e7a9e))!important;
background-image: -webkit-linear-gradient(top, #5093b5, #3e7a9e) !important;
background-image:    -moz-linear-gradient(top, #5093b5, #3e7a9e) !important;
background-image:     -ms-linear-gradient(top, #5093b5, #3e7a9e) !important;
background-image:      -o-linear-gradient(top, #5093b5, #3e7a9e) !important;
background-image:         linear-gradient(top, #5093b5, #3e7a9e) !important;
}
.wp-pagenavi span.current{
padding:3px 9px 3px 9px !important;
/*border:solid 1px #CCCCCC !important;*/
border-color:#3390CA !important;
border-radius:3px !important;
color:#222 !important;
margin-right:3px !important;
border-color:#CCCCCC !important;
/*background:var(--main-bg) !important;*/
background:#ddd;
background-image:         linear-gradient(top, #5093b5, #3e7a9e) !important;
}

.wp-pagenavi a, .wp-pagenavi span {
border: 1px solid #BFBFBF;
margin: 2px;
}

@media (768px <= width) { }/* 768px以上 */

@media (width <= 767px) { }/* 767px以下 */

@media (768px <= width <= 1200px) {}

/*var(--main-bg);*/