@charset 'UTF-8';

/*========================

デザインカスタマイズ

========================*/

body {
	color:#333 !important;
	}
	
/*------------------------

カテゴリー検索枠

------------------------*/

.searchandfilter {
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	}
	
.searchandfilter div {
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	}

.searchandfilter ul{
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	}

.searchandfilter ul li{
	width:100% !important;
	margin:0 0 10px !important;
	padding:0 !important;
	}
	
.searchandfilter h4 {
	width:100% !important;
	margin:0 0 10px !important;
	padding:10px !important;
	background:#0087D1 !important;
	font-size:16px !important;
	line-height:1 !important;
	font-weight:bold !important;
	}

.searchandfilter select.postform {
	width:100% !important;
	height:40px !important;
	padding:7.5px 10px !important;
	font-size:16px !important;
	border:1px solid #DDD !important;
	-webkit-appearance:none !important;
	border-radius:0 !important;
	}

.searchandfilter input[type='text']{
	width:100% !important;
	height:40px !important;
	margin:0 0 10px !important;
	padding:7.5px 10px !important;
	font-size:16px !important;
	border:1px solid #DDD !important;
	-webkit-appearance:none !important;
	border-radius:0 !important;
	}

.searchandfilter input[type='submit'] {
	display:block !important;
	width:50% !important;
	height:45px !important;
	line-height:45px !important;
	margin:0 auto !important;
	padding:0 !important;
	font-size:16px !important;
	color:#FFF !important;
	background:#FCC800 !important;
	text-align:center !important;
	-webkit-appearance: none !important;
	border:1px solid #FCC800 !important;
	cursor:pointer !important;
	border-radius:22.5px !important;
	font-weight:bold !important;
	letter-spacing:0.1em !important;
	}
	
.searchandfilter input[type='submit']:hover {
	opacity:0.7 !important;
	}

/*------------------------

病院一覧

------------------------*/

div.list {
    padding:0 0 40px !important;
	border:none !important;
    box-shadow:none !important;
    background:none !important;
	}

div.list a:hover img{
	opacity:0.7 !important;
	}
	
.list h1 {
	width:100% !important;
	margin:0 0 20px !important;
	padding:12px 15px !important;
	background:#0087D1 !important;
	font-size:18px !important;
	line-height:1.4 !important;
	color:#FFF !important;
	}

.list .wp-block-columns{
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	}

.p-entry__thumbnail{
	margin:0 0 20px !important;
	}

table.detail{
	width:100% !important;
	margin:0 0 20px !important;
	font-size:14px !important;
	}

table.detail th{
	width:20%;
	padding:15px !important;
	vertical-align: middle !important;
	border-left:2px solid #0087D1;
	border-top:1px solid #DDD !important;
	border-right:1px solid #DDD !important;
	border-bottom:1px solid #DDD !important;
	line-height:1.4 !important;
	background:#FFF !important;
	}

table.detail td{
	width:80%;
	padding:15px !important;
	vertical-align: middle !important;
	border:1px solid #DDD !important;
	line-height:1.4 !important;
	color:#333 !important;
	}

table.detail td a{
	display:inline-block !important;
	}

table.time{
	width:100% !important;
	margin:0 0 10px !important;
	font-size:14px !important;
	}

table.time th, table.time td{
	padding:15px !important;
	border:1px solid #DDD !important;
	font-size:14px !important;
	line-height:1.4 !important;
	}

.list p{
	margin:0 !important;
	padding:0 !important;
	font-size:14px !important;
	line-height:1.6 !important;
	color:#333 !important;
	}

a.btn01 {
	display:block !important;
	width:50% !important;
	height:45px !important;
	line-height:43px !important;
	margin:20px auto 0 !important;
	padding:0 !important;
	font-size:16px !important;
	color:#FFF !important;
	background:#FCC800 !important;
	text-align:center !important;
	-webkit-appearance: none !important;
	border:1px solid #FCC800 !important;
	cursor:pointer !important;
	border-radius:22.5px !important;
	font-weight:bold !important;
	letter-spacing:0.1em !important;
	}
	
a.btn01:hover {
	opacity:0.7 !important;
	}

.houmon-table{
	width:100% !important;
	margin:0 0 20px !important;
	font-size:14px !important;
	border-collapse: collapse !important;
	}

.houmon-table th{
	width: 25% !important;
	padding:15px !important;
	background: #F7FCFF !important;
	color: #333 !important;
	font-size:14px !important;
	font-weight:normal !important;
	vertical-align: middle !important;
	text-align:left !important;
	border:1px solid #DDD !important;
	line-height:1.4 !important;
	}

.houmon-table td{
	padding:15px !important;
	vertical-align: middle !important;
	text-align:left !important;
	border:1px solid #DDD !important;
	line-height:1.4 !important;
	word-break: break-all !important;
	}

/*------------------------

求人一覧

------------------------*/

.box_job01 {
    padding:0 0 30px !important;
	}

.text_job02 {
	width:100% !important;
	margin:10px 0 10px !important;
	padding:5px 10px !important;
	color:#0F3579;
	font-size:20px;
	line-height:1.4;
	font-weight:bold !important;
	border-left:5px solid #0F3579;
	}

div.joblist {
    padding:0 0 40px !important;
	border:none !important;
    box-shadow:none !important;
    background:none !important;
	}

div.joblist a:hover img{
	opacity:0.7 !important;
	}

.joblist h1 {
	width:100% !important;
	margin:0 0 0px !important;
	padding:12px 15px !important;
	background:#0F3579 !important;
	font-size:18px !important;
	line-height:1.4 !important;
	color:#FFF !important;
	}

.text_job01 {
	margin:0 0 20px !important;
	font-size:15px !important;
	line-height:1.6 !important;
	color:#333 !important;
	}

a.btn02 {
	display:block !important;
	width:50% !important;
	height:45px !important;
	line-height:43px !important;
	margin:-20px auto 0 !important;
	padding:0 !important;
	font-size:16px !important;
	color:#FFF !important;
	background:#FCC800 !important;
	text-align:center !important;
	-webkit-appearance: none !important;
	border:1px solid #FCC800 !important;
	cursor:pointer !important;
	border-radius:22.5px !important;
	font-weight:bold !important;
	letter-spacing:0.1em !important;
	}
	
a.btn02:hover {
	opacity:0.7 !important;
	}

.text_job02 a{
	color:#0F3579;
	font-weight:bold !important;
	}
	
.text_job03 {
	width:100% !important;
	margin:0 0 20px !important;
	padding:12px 15px !important;
	background:#0F3579 !important;
	font-size:18px !important;
	line-height:1.4 !important;
	color:#FFF !important;
	font-weight:bold !important;
	}

/*------------------------

現在地から探す

------------------------*/

.text_nearby01{
	margin:0 0 15px;
    color: #333;
	font-size:16px;
	line-height:1.6;
	}

.choice{
	width:100%;
    margin:0 0 20px;
    padding:15px 80px 15px 15px;
    background:#F6F6F6;
    line-height:1.4;
	position:relative;
	font-size:14px;
	color: #333;
	}

.clear {
    padding:5px 10px;
    border:1px solid #0087D1;
    background:#0087D1;
    color:#FFF;
    font-size:14px;
    font-weight:bold;
	position:absolute;
	top:50%;
	right:15px;
	transform: translateY(-50%);
	cursor:pointer;
	border-radius:4px;
	}
	
.clear:hover {
	opacity:0.7;
	}
	
.search_box{
    background:#d9f1ff;
    position:relative;
	margin:0 0 10px;
    padding:10px;
    text-align:center;
    z-index:3;
	}

.modal__open {
	display:block;
	width:60%;
	height:45px;
	margin:0 auto;
	line-height:43px;
	font-size:16px;
	color:#FFF;
	background:#0087D1;
	text-align:center;
	-webkit-appearance:none;
	border:1px solid #0087D1;
	cursor:pointer;
	border-radius:22.5px;
	font-weight:bold;
	}
	
.modal__open:hover {
	opacity:0.7;
	}

.text_nearby02{
	margin:0 0 15px;
	padding:25px 0;
    color:#333;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	font-size:20px;
	line-height:1;
	font-weight:bold;
	}

.text_nearby03{
	margin:0 0 15px;
    color:#333;
	font-size:14px;
	}
	
.treatment_on{
	width:100px;
	height:30px;
	line-height:29px;
	margin:0 0 20px;
    border:1px solid #f05050;
    background:#f05050;
    color:#FFF;
    font-size:14px;
	border-radius:4px;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.1em;
	}
	
.treatment_off{
	width:100px;
	height:30px;
	line-height:29px;
	margin:0 0 20px;
    border:1px solid #F3F3F3;
    background:#F3F3F3;
    color:#333;
    font-size:14px;
	border-radius:4px;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.1em;
	}
	
.treatment_blank{
	width:100px;
	height:30px;
	line-height:29px;
	margin:0 0 20px;
    border:1px solid #F3F3F3;
    background:#F3F3F3;
    color:#333;
    font-size:14px;
	border-radius:4px;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.1em;
	}

p.notice{
	margin:0 !important;
	padding:0 !important;
	}

.notice{
	margin:0 !important;
	padding:0 !important;
	font-size:14px !important;
	color:#FF0000 !important;
	line-height:1.6 !important;
	}

.text_nearby04{
	margin:0 0 15px;
	padding:0;
    color:#333;
	font-size:14px;
	}

table.table_nearby{
	width:100%;
	margin:0;
	border-collapse:collapse;
	border-spacing:0;
	}

table.table_nearby td.td_left{
	width:50%;
	padding:0;
	text-align:left;
	border:none;
	}

table.table_nearby td.td_right{
	width:50%;
	padding:0;
	text-align:right;
	border:none;
	}

table.table_nearby td input[type='submit'] {
    padding:5px 10px;
    border:1px solid #0087D1;
    background:#0087D1;
    color:#FFF;
    font-size:14px;
    font-weight:bold;
	cursor:pointer;
	border-radius:4px;
	display: inline-block
	-webkit-appearance:none;
	}
	
table.table_nearby td input[type='submit']:hover {
	opacity:0.7;
	}

.overlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0, 0, 0, 0.7);
	width:100%;
	height:100%;
	z-index:9000;
	}

.modal__close {
	display:none
	}

.modal {
	margin:0 0 10px;
	}

.modal__contents {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:90%;
	max-width:640px;
	height:80%;
	background:#FFF;
	overflow-y:scroll;
	z-index:9001;
	}
  
.modal__inner {
	margin:0;
	padding:20px;
	}

ul.acMenu {
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	}
 
ul.acMenu li {
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	}
 
ul.acMenu a {
	text-decoration:none!important;
	}
 
ul.acMenu li ul {
	margin:0 !important;
	padding:0 !important;
	}

ul.acMenu2 li {
	margin:0 !important;
	padding:0 !important;
	}
	
ul.acMenu3 {
	margin:0 !important;
	padding:0 !important;
	column-count:1 !important;
	}
 
ul.acMenu3 li {
	margin:0 !important;
	padding:0 !important;
	}

.text_modal01{
	margin:0;
	padding:12px 0;
	background:#0087D1;
	}

.text_modal01:hover {
	background:#4DABDF;
	}

.sub-menu-ttl {
	margin:0 !important;
	padding:12px 35px 12px 15px !important;
	position:relative !important;
	color:#333 !important;
	font-size:15px !important;
	background:#F7FCFF !important;
	border-bottom:1px solid #DDD !important;
	cursor:pointer !important;
	line-height:1.6 !important;
	}
 
.sub-menu-ttl:after {
	content:"\f067" !important;
	font-family:fontAwesome !important;
	margin:0 !important;
	right:15px !important;
	position:absolute !important;
	color:#0087D1 !important;
	}
 
.sub-menu-ttl.openAcd:after {
	content:"\f068" !important;
	font-family:fontAwesome !important;
	margin:0 !important;
	right:15px !important;
	position:absolute !important;
	color:#0087D1 !important;
	}

.ECM_CheckboxInput01 {
	display:flex;
	align-items:center;
	cursor:pointer;
	text-align:center;
	}

.ECM_CheckboxInput {
	padding:10px 15px 10px 0;
	display:flex;
	align-items:center;
	cursor:pointer;
	background:#F6F6F6;
	border-bottom:1px solid #DDD;
	}
.ECM_CheckboxInput2 {
	padding:10px 15px 10px 0;
	display:flex;
	align-items:center;
	cursor:pointer;
	background:white;
	border-bottom:1px solid #DDD;
	}

.ECM_CheckboxInput:hover {
	background:#FFF;
	}

.ECM_CheckboxInput-Input {
	margin:0;
	width:0;
	opacity:0;
	}

.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before {
	content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 9px;
    margin-top:-7px;
    top: 50%;
    left: 2px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #FFF;
	}

.ECM_CheckboxInput-DummyInput {
	position:relative;
	top:0;
	left:0;
	display:block;
	width:24px;
	height:24px;
	border:solid 1px transparent;
	background:#DDD;
	border-radius: 4px;
	margin:0 10px 0 15px;
	}

.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput {
	background:#0087D1;
	}

.ECM_CheckboxInput-LabelText01{
    color:#FFF;
	font-size:15px;
	font-weight:bold;
	line-height:1.6 !important;
	}

.ECM_CheckboxInput-LabelText {
	font-size:15px;
	color:#333;	
	line-height:1.6 !important;
	}

.btn_modal01 {
	display:block !important;
	width:100% !important;
	height:45px !important;
	line-height:43px !important;
	margin:20px auto 0 !important;
	padding:0 !important;
	font-size:16px !important;
	color:#FFF !important;
	background:#FCC800 !important;
	text-align:center !important;
	-webkit-appearance: none !important;
	border:1px solid #FCC800 !important;
	cursor:pointer !important;
	border-radius:22.5px !important;
	font-weight:bold !important;
	letter-spacing:0.1em !important;
	}
	
.btn_modal01:hover {
	opacity:0.7 !important;
	}

summary {
	list-style: none;
	position: relative;
/*	margin-bottom: 10px;*/
/*	padding: 20px 70px 20px 30px;*/
/*	cursor: pointer;*/
/*	background-color: #d8be39;*/

	display:block;
	width:80%;
	height:45px;
	margin:0 auto;
	line-height:43px;
	font-size:16px;
	color:#FFF;
	background:#0087D1;
	text-align:center;
	-webkit-appearance:none;
	border:1px solid #0087D1;
	cursor:pointer;
	border-radius:22.5px;
	font-weight:bold;
}

summary::-webkit-details-marker {
	display: none;
}

summary:hover,
details[open] summary {
	opacity:0.7;
}

summary::after {
/*	content: '+';*/
	content:"\f067" !important;
	font-family:fontAwesome !important;
	position: absolute !important;
	top: 50%;
	right: 10%;
	transform: translateY(-50%);
	transition: transform 0.5s;
	font-size: 20px;
}
 
details[open] summary::after {
/*	transform: translateY(-50%) rotate(45deg);*/
	content:"\f068" !important;
	font-family:fontAwesome !important;
	position: absolute !important;
	top: 50%;
	right: 10%;
	transform: translateY(-50%);
	transition: transform 0.5s;
	font-size: 20px;
}

.answer {
	padding: 20px 30px;
}

details[open] .answer {
	animation: fadein 0.5s ease;
}

@keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.all_clear_link{
    -webkit-text-size-adjust: 100%;
    font: 13px/1.4 "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    letter-spacing: 0.08em;
    overflow-wrap: break-word;
    line-break: strict;
    text-align: right;
    -webkit-font-smoothing: antialiased;
    backface-visibility: hidden;
    color: #3964bf;
    outline: 0;
    text-decoration: underline;
}
/* ==================================================
   求人詳細ページ 新TOP：調整用CSS
================================================== */

/* タイトル */
.cm-job-hero__title {
	font-size: 24px !important;
	line-height: 1.4 !important;
}

/* メイン画像（横長 3:2） */
.cm-job-hero__image-area {
	aspect-ratio: 3 / 2 !important;
}

/* 勤務地 */
.cm-job-hero__location {
	margin-bottom: 12px !important;
	line-height: 1.4 !important;
}

/* アクセス */
.cm-job-hero__access {
	margin-bottom: 18px !important;
	padding: 14px 16px !important;
}

.cm-job-hero__access-heading {
	margin-bottom: 10px !important;
}

.cm-job-hero__access-text {
	font-size: 14px !important;
	line-height: 1 !important;
}

/* 情報カード */
.cm-job-hero__cards {
	margin-top: 0 !important;
}

.cm-job-hero__card {
	padding: 14px 12px !important;
}

.cm-job-hero__card-heading {
	margin-bottom: 10px !important;
}

.cm-job-hero__card-content {
	font-size: 14px !important;
	line-height: 1 !important;
}

/* 応募ボタン */
.cm-job-hero__buttons {
	gap: 14px !important;
	margin-top: 24px !important;
}

.cm-job-hero__button {
	min-height: 56px !important;
	padding: 9px 14px !important;
}

/* ==========================
   PC
========================== */

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

	.cm-job-hero__cards{
		grid-template-columns:repeat(4,minmax(0,1fr))!important;
		gap:10px!important;
	}

	.cm-job-hero__card{
		height:100%!important;
	}

	.cm-job-hero__card-heading h2{
		font-size:14px!important;
	}

	.cm-job-hero__card-symbol{
		width:28px!important;
		height:28px!important;
		flex:0 0 28px!important;
		font-size:12px!important;
	}

}

/* ==========================
   SP
========================== */

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

	.cm-job-hero__image-area{
		aspect-ratio:3 / 2 !important;
	}

	.cm-job-hero__cards{
		grid-template-columns:1fr!important;
		gap:10px!important;
	}

}