/* 
Theme Name: KOHO-Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Template: hello-elementor
Version: 1.0.1
*/

html,body {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	font-feature-settings: "palt";
	line-height: 1.6;
}
p,td,th,dd,li,span,div {
	font-feature-settings: "palt";
}
strong {
	font-weight:700;
}
a {
	color: #1598c0;
}
a:hover {
	color: #c90028;
}
a:visited {
	color: #000000;
}
h1 {
	
}
h2,h3,h4,h5 {
	line-height:1.6;
	font-feature-settings: "palt";
}
#siteid img {
	margin-top:-10px;
}
#siteid::after {
	content: "採用サイト";
	font-weight: 800;
	font-style: normal;
	font-size:24px;
	color: #000000;
	display:inline-flex;
	width:6em;
	height:40px;
	padding-left:20px;
}
#footer_siteid img {
	margin-top:-10px;
}
#footer_siteid::after {
	content: "採用サイト";
	font-weight: 800;
	font-style: normal;
	font-size:20px;
	color: #FFFFFF;
	display:inline-flex;
	width:6em;
	height:40px;
	padding-left:20px;
}
.spbr br {
		display: none;
	}
.pcbr br {
		display: inline;
	}
.spspan span {
		display: none;
	}
#maincatch h1, .maincatch h1 {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size:70px;
	line-height:1.6;
}
#maincatch h1 span, .maincatch h1 span {
	font-size:120%;
}
#mainslide {
	position: relative;
    width: 100%;
    height: auto;
    object-fit: contain;
	aspect-ratio: 16 / 9;
	padding-left:10%;
}
/* top */
#topmessage {
	background-position: calc(50% + -460px) top;
}
#topmessage::before {
	background-position: calc(50% + 460px) top;
}
.sectitle h2{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-size: 50px;
}
.sectitle h2 span{
	color: #c90028;
	font-size:120%
}
.txtserif h2,.txtserif h3,.txtserif h4,.txtserif h5,.txtserif p {
	font-family: "Noto Serif JP", serif;
}
.daycta_title h4 {
	font-size:24px;
	font-weight: 800;
}
.daycta_title h4 span {
	font-size:120%
}
.daycta_desc p {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-size:12px;
	font-weight: 800;
}
.daycta_desc p span {
	color: #c90028;
}
/* page */
#pagetop h1 {
	font-family: "Noto Serif JP", serif;
	font-size: 40px;
	font-weight: 500;
	padding: 30px 50px 30px 50px;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 10px;
}
#pagetop h1 span  {
	font-size: 18px;
	display:block;
	padding-bottom: 5px;
}
#pagetop h1:first-letter  {
	color: #c90028;
}
#pagetop {
	
}
span.ts120 {
	font-size: 120%;
}
#secmessage {
	background: url(../../uploads/2025/12/bg_message_white.png) no-repeat #E5F4F5 left top -100px;
	background-size: 36% 300px;
}
.secprofile {
	background-position: calc(50% + 400px) top !important;
}
.secprofile::before{
	background-position: calc(50% + -450px) bottom !important;
}
.jobname h4 {
	font-size: 20px;
	font-weight: 700;
	color: #FFFFFF;
	background: url(../../uploads/2025/11/icon_next_w.png) no-repeat left 160px center;
	background-size: contain;
	padding: 0px 0;
}
.jobname h4 span {
	display: block;
	padding-top:5px;
	font-size: 14px;
	font-weight: 600;
	color: #c90028;
}
.jobname h4:hover {
	
}
.movie {
	background-position: calc(0% - 500px) top !important;
	background-size: auto 400px;
}
.faq .jet-toggle__label-text {
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
	font-size: 20px;
}
#jobtab .jet-tabs__content-wrapper {
	min-height: 1200px !important;
}
.jobguide_tab p {
	margin-bottom: 0;
}
div.privacybox {
	border:1px solid #ccc;
	padding:20px;
	height:180px;
	font-size: 14px;
	background-color: #FFFFFF;
	overflow-y:scroll;
}
.buttonremove {
	
}
#infoselecter .jet-radio-list__decorator {
	display:none;
}
#infoselecter .jet-radio-list__item{
	background-color: #c90028;
	border-radius: 50px;
	padding: 10px 20px;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 16px;
}

/* table */
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: rgba(255, 255, 255, 0);
}
.table1 {
	border-collapse: collapse;
	width:100%;
}
.table1 th, .table1 td {
	border-collapse: collapse;
	border: none;
	padding: 20px 10px;
	font-size: 16px;
	line-height:1.6;
}
.table1 th {
	border-bottom: solid 1px #000;
	white-space: nowrap;
	text-align: left;
}
.table1 td {
	border-bottom: solid 1px #000;
}
table.day {
	border-collapse: collapse;
}
table.day th, table.day td {
	border-collapse: collapse;
	border: none;
	font-size: 16px;
	line-height:1.6;
}
table.day th {
	white-space: nowrap;
	text-align: right;
	color:#c90028;
	font-weight:700;
	font-size:20px;
	background: url(../../uploads/2025/12/bg_timeline2.png) no-repeat top right;
	background-size: 14px auto;
	padding: 0px 30px 0px 0px;
}
table.day td {
	text-align: justify;
	padding: 0px 0px 50px 30px;
}
table.day td strong {
	display: block;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight:700;
}
table.day td img {
	width: 80%;
	padding-top:10px;
}
@media screen and (max-width:1120px) { 
	#maincatch h1{
		font-size: 50px;
	}
	#mainslide {
		padding-left:5%;
	}
	#topmessage {
		background-position: calc(50% + -290px) bottom;
		background-size: 200px;
	}
	#topmessage::before {
		background-position: calc(50% + 290px) bottom;
		background-size: 200px;
	}
	.movie {
		background-position: calc(0% - 480px) top !important;
		background-size: auto 300px;
	}
	.spbr br {
		display: inline;
	}
	.pcbr br {
		display: none;
	}
	.spspan span {
		display: block;
	}
}
@media screen and (max-width:480px) { 
	html,body {
		font-size: 16px;
		line-height: 1.8;
	}
	#mainslidesp {
		position: relative;
		width: 100%;
		height: auto;
		object-fit: contain;
		aspect-ratio: 1 / 1;
		padding-left:5px;
	}
	.maincatch h1{
		font-size:28px;
	}
	
	#pagetop h1 span  {
		font-size: 14px;
	}
	.sectitle h2{
		font-size: 40px;
	}
	#pagetop h1 {
		font-size: 30px;
		padding: 20px 20px 20px 20px;
		background-color: rgba(255, 255, 255, 0.8);
		border-radius: 0px 10px 10px 0px;
	}
	#secmessage {
		background: url(../../uploads/2025/12/bg_message_white.png) no-repeat #E5F4F5 left top -140px;
		background-size: 80% 300px;
	}
	.movie {
		background-position: calc(0% - 380px) top !important;
		background-size: auto 220px;
	}
	.splist ul {
		padding-left: 20px;
	}
	.table1 th {
		border-bottom:none;
		display:block;
		padding: 20px 10px 10px 10px;
		width:5em;
	}
	
	.table1 td {
		display:block;
		padding:0px 10px 20px 10px;
	}
	table.day th {
		white-space: wrap;
		font-size:16px;
		width:6em;
		padding: 0px 20px 0px 0px;
	}
	table.day th span {
		display: block;
	}
	table.day td {
		text-align: justify;
		padding: 0px 0px 50px 20px;
	}
	
}