@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {overflow-x: clip;}
a:hover img{opacity:0.5;}
.al-c{text-align:center;}
.al-r{text-align:right;}
.orange-b{color:#ff6600;font-weight:bold;}
.f-120s{font-size:120%;}
.f-110s{font-size:110%;}
.yellow-m{background: linear-gradient(transparent 50%, #ffffa3 50%);}
.red-m{background: linear-gradient(transparent 50%, #ffcce5 50%);font-weight:bold;}

.box02{border:1px solid #ccc;padding:20px;margin:0px 10px;border-radius:20px;}
.box022{border:1px solid #ccc;padding:20px 20px 0px 20px;margin:0px 10px 30px 10px;border-radius:20px;}
.box03{border:1px solid #ccc;padding:20px;margin:10px 10px 20px 10px;}
.box033{border:1px solid #ccc;padding:20px 20px 0px 20px;margin:10px 10px 20px 10px;}
.box04{border:1px solid #ff7f00;padding:20px;margin:20px 30px;padding:30px;border-radius:20px;background:#fff4ea;}
.box05{margin:20px 30px;padding:30px;border-radius:20px;background:#dbffed;}
.box06{border:1px solid #ccc;padding:20px 20px 10px 20px;margin:10px 10px 30px 10px;background:#fcfff9;}


/*Hタグ--リセット----------*/
.article h1,.article h2,.article h3{padding:0;margin:0;font-size:medium;border-collapse:separate;border-spacing:0;border-top:none;border-right:none;border-bottom:none;border-left:none;line-height:normal;position:relative;}
/*Hタグ--------------------*/
.article h1{position:relative;padding:1rem 2rem;border-bottom:6px solid #ff8c00;font-size:24px;}
.article h1:before{position:absolute;bottom:-6px;left:0;width:20%;height:6px;content:'';background:#ffffa3;}
.article h2{padding:20px;margin:50px 0px 30px 0px;font-size:24px;background:#ffc966;box-shadow: 0px 0px 0px 5px #ffc966;border:dashed 2px white;}
.article h3{position:relative;padding:20px 20px 5px 20px;border-bottom:6px solid #ff8c00;font-size:22px;margin-bottom:30px;}
.article h3:before {position:absolute;bottom:-6px;left:0;width:20%;height:6px;content:'';background:#ffd700;}


/*ご挨拶Hタグ*/
#topmess h2{position:relative;text-align:center;margin-top:100px;background:#fffff4;box-shadow:0px 0px 0px 0px;border:0;}
#topmess h2:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:7px;background:-webkit-repeating-linear-gradient(-45deg,#dd9933,#dd9933 2px,#fff 2px,#fff 4px);background:repeating-linear-gradient(-45deg,#dd9933,#dd9933 2px,#fff 2px,#fff 4px);}



/*採用TOP--------------------*/
/*就職支度金*/
.shitakukin{background:#eaffff;padding:10px 50px;margin:20px 50px 80px 50px;border-radius:10px;}
.shitakukin h4{text-align:center;margin-top:30px;background:none;}
.btn-shi,a.btn-shi{color:#696969;background:#87ceeb;border:solid #87ceeb 2px;border-radius:100vh;padding:10px 40px;margin:10px;font-weight:bold;}
.btn-shi:hover,a.btn-shi:hover{color:#38a1db;background: #fff;}
/*就職支度金一覧*/
.ss-ichiran{text-align:center;}
.ss-ichiran td{text-align:center;}

/*--応募職種リスト（table）--*/
.boshu-list table{text-align:center;width:100%;border:1px solid #829979;}
.boshu-list table th{background:#badcad;border:1px solid #829979;text-align:center;}
.boshu-list table td{padding:10px;border:1px solid #829979;text-align:center;}
/*--応募詳細へボタン--*/
.btn,a.btn,button.btn{font-size:1.0rem;line-height:1.5;position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all 0.3s;transition:all 0.3s;text-align:center;vertical-align:middle;text-decoration:none;letter-spacing:0.1em;}
.btn-o,a.btn-o{color:#fff;background:#eb6100;border-radius:100vh;padding:10px 40px;margin:10px;font-weight:bold;}
.btn-o a:hover,a.btn-o a:hover{color:#fff;background: #eb9c00;}
/*受付終了ボタン*/
.btn-s,a.btn-s{color:#696969;background:#dcdcdc;border:solid #dcdcdc 2px;border-radius:100vh;padding:10px 40px;margin:10px;font-weight:bold;}
.btn-s a:hover,a.btn-s a:hover{color:#38a1db;background:#fff;}

/*--フッター--*/
#footer-in h3{background:#fff;padding:8px;border-radius:20px 0px 20px 0px;font-size:16px;margin-bottom:20px;}
#footer-in .textwidget{font-size:14px;padding:10px;}
#footer-in .footer-widgets{font-size:16px;}
#footer-in .footer-widgets li{margin:0 0 0 10px;padding:0px;line-height:0.8;border-bottom:1px dotted #ccc;}
#footer-in .footer-widgets li a{text-decoration:none;}
#footer-in .footer-widgets li a:hover{color:#fff;border-bottom:2px solid #995c00;background:#dd9933;}


/*個別採用ページ--------------------------**/
/*看護師*/
.top-mess01{background:url(https://www.sakai-naishikyou-recruit.com/wdp/wp-content/uploads/2026/07/mess-bg01.png) no-repeat top left;padding:30px 30px 0px 250px;}

.dprof{margin:0 20px;padding:20px 20px 0px 20px;background:#f9ffff;border-radius:20px;}
.dprof table tr{border-bottom:2px solid #dd9933;}
.dprof table th{background:#f9ffff;font-weight:normal;text-align:left;font-size:80%;border-left:0;border-right:0;border-top:0;}
.dprof table td{background:#f9ffff;border-left:0;border-right:0;border-top:0;font-size:100%;}

.dprof ul{list-style-type:disc;}
.dprof ul li::marker{color:#dd9933;}

#shigoto-naiyou .column-right{margin-left:30px;}
.shigoto-kensa{border:2px solid #c0c0c0;margin:10px 50px 10px 10px;padding:20px;border-radius:20px;}
.shigoto-sch{background:#efffef;border-radius:20px;padding:20px 50px;}
.shigoto-box1{margin-left:30px;margin-bottom:50px;}
.shigoto-box1 p{margin-bottom:15px;font-size:110%;}

/*診療の想い・追伸*/
#shinryo-omoi,#tsuishin{background:#f7ffef; margin:0 calc((100% - 100vw) / 2);padding:30px 0;}
#tsuishin{margin-bottom:30px;}
.s-main{margin-left: auto;margin-right: auto;max-width: 1136px;padding:0 30px;overflow-x: hidden;}
.kimochi{font-size:120%;padding:20px 50px;font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;border-radius:20px;border:solid #ccc 1px;margin-bottom:30px;background:#fff;}

.c-step{border-left:6px solid #89c997;padding:20px;background:#f4fff4;border-radius:0 20px 0 0;}

.column-3 .column-left{width:33%;margin-left:20px;margin-right:20px;}
.column-3 .column-center{width:33%;}
.column-3 .column-right{width:33% !important;margin-right:20px;}

.credo1{padding:20px;margin:20px;border-radius:20px;background:#f0ffff;}
.credo2,.credo3,.credo4{padding:20px 20px 10px 20px;margin:20px;border-radius:20px;background:#f0ffff;}
.credo-font{font-size:120%;font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.credo1 ul li,.credo1 ol li{margin-left:-20px;padding-left:0px;}
.credo3 ol{counter-reset:number;list-style-type:none!important;padding:0.5em;}
.credo3 ol.namber9{counter-reset:number 8;list-style-type:none!important;padding:0.5em;}

.credo3 ol li{position:relative;line-height:1.5em;padding:0.5em 0.5em 0.5em 30px}
.credo3 ol li:before{position:absolute;counter-increment:number;content:counter(number);display:inline-block;background:#ff8c00;color:white;font-family:'Avenir','Arial Black','Arial',sans-serif;font-weight:bold;font-size:15px;left:0;width:25px;height:25px;line-height:25px;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

/*診療の想い*/
#shinryo-omoi h4{position:relative;border:0;text-align:center;margin-top:50px;font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";font-size:24px;color:#b7282e;}
#shinryo-omoi h4:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:7px;background:-webkit-repeating-linear-gradient(-45deg, #ff8c00, #ff8c00 2px, #fff 2px, #fff 4px);background:repeating-linear-gradient(-45deg, #ff8c00, #ff8c00 2px, #fff 2px, #fff 4px);}

/*教育制度*/
.kyoiku-seido{border:3px solid #89c997;padding:30px 30px 20px 30px;border-radius:30px;margin-bottom:20px;}
.kyoiku-seido h4{border-left:6px solid #de82a7;border-top:0;border-bottom:0;font-size:24px;font-weight:bold;}

/*メリット*/
.merit01{border:3px solid #ff8c00;border-radius:20px;margin:10px;padding:10px 30px;background:#f9fff9;}
.merit01 h4{font-size:22px;border-top:0;border-bottom:3px double #ff8c00;}
.merit01 h4::first-letter{font-size:55px;color:#32cd32;}

/*当院の特徴*/
.tokucho-list ul{position:relative;list-style-type:none;}
.tokucho-list ul li{padding:0.5rem 0;line-height:1.5;border-bottom:dotted #ccc 1px;}
.tokucho-list ul li::before {position:absolute;left:1rem;padding-left:0.2rem;font-family:"Font Awesome 5 Free";font-weight:900;content:'\f138';color:#008000;}
.tokucho-list ul li:last-child{border-bottom:0;padding-bottom:0px;}


/*先輩社員の声*/
#senpai .senpai1{background:#ffffe0;border-radius:20px;padding:20px;}
#senpai .senpai2{background:#f0f8ff;border-radius:20px;padding:20px;}
#senpai .senpai3{background:#ffffe0;border-radius:20px;padding:20px 40px;}
#senpai .senpai1 h3,#senpai .senpai2 h3,#senpai .senpai3 h3{background:url(https://www.sakai-naishikyou-recruit.com/wdp/wp-content/uploads/2026/07/senpai-icon.png)no-repeat left center #eafff4;border-radius:20px;border-bottom:4px solid #20b2aa;padding:10px 10px 10px 90px;}
#senpai .senpai1 h3:before,#senpai .senpai2 h3:before,#senpai .senpai3 h3:before{position:absolute;bottom:-6px;left:0;width:20%;height:6px;content:'';background:none;}

#senpai .senpai1 ul{position:relative;list-style-type:none;}
#senpai .senpai1 ul li{padding:0.5rem 0;line-height:1.5;border-bottom:dotted #ccc 1px;}
#senpai .senpai1 ul li::before {position:absolute;left:1rem;padding-left:0.2rem;font-family:"Font Awesome 5 Free";font-weight:900;content:'\f075';color:#ff3366;}
#senpai .senpai1 ul li:last-child{border-bottom:0;padding-bottom:0px;}
#senpai .senpai2 ul{position:relative;list-style-type:none;}
#senpai .senpai2 ul li{padding:0.5rem 0;line-height:1.5;border-bottom:dotted #ccc 1px;}
#senpai .senpai2 ul li::before {position:absolute;left:1rem;padding-left:0.2rem;font-family:"Font Awesome 5 Free";font-weight:900;content:'\f27a';color:#ff6600;}
#senpai .senpai2 ul li:last-child{border-bottom:0;padding-bottom:0px;}

/*募集要項*/
#boshu-youkou table tr:nth-child(odd) th{background:#ffffdb;}
#boshu-youkou table tr:nth-child(odd) td{background:#fffff4;}
#boshu-youkou table tr:nth-child(even) th{background:#effff7;}
#boshu-youkou table tr:nth-child(even) td{background:#f4fff9;}
#boshu-youkou table tr th{width:15%;}

ul.teate-list{position:relative;list-style-type:none;}
ul.teate-list li{padding:0.5rem 0;line-height:1.5;border-bottom:dotted #ccc 1px;}
ul.teate-list li::before {position:absolute;left:1rem;padding-left:0.2rem;font-family:"Font Awesome 5 Free";content:'\f0c8';font-weight:900;color:#1f3134;}
ul.teate-list li:last-child{border-bottom:0;padding-bottom:0px;}

.entry-sofu{border-left:8px solid #ff8c00;margin-left:30px;margin-bottom:30px;padding:20px;}

/*--エントリーフォーム---------------------------------------------------------------------*/
/*ContactForm7カスタマイズ*/
table.CF7_table{width:80%;margin:0 auto;border:3px solid #e5e5e5;}
table.CF7_table tr{border-top:1px solid #e5e5e5;}
.CF7_table th{text-align:left;}
.single .entry-content table.CF7_table,.page .entry-content table.CF7_table{display:table;}
/*入力欄*/
.CF7_table input, .CF7_table textarea{border:1px solid #d8d8d8;}
.CF7_table ::placeholder{color:#797979;}
/*「必須」文字*/
.CF7_req{font-size:.9em;padding:5px;background:#f79034;color:#fff;border-radius:3px;margin-right:1em;}
/*「任意」文字*/
.CF7_unreq{font-size:.9em;padding:5px;background:#bdbdbd;color:#fff;border-radius:3px;margin-right:1em;}
/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{width:30%;background-color:#ebedf5;}
}
/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{width:95%;}
	.CF7_table tr, .CF7_table td, .CF7_table th{display: block;width:100%;line-height:2.5em;}
	.CF7_table th{background-color:#ebedf5;}
}
/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit{background-color:#f79034;border:0;color:#fff;font-size:1.2em;font-weight:bold;margin:0 auto;width:300px;}
.CF7_btn{text-align:center;margin-top:20px;}
.wpcf7-spinner{width:0;margin:0;}

/*エントリー*/
.mail-error{margin:20px 20px 80px 20px;padding:20px 20px 10px 20px;border:3px solid #ccc;border-radius:10px;background:#fffff0;}

/*NG*/
.s-ng{margin:20px;padding:20px;background:#f5f5f5;}
.s-ng h2{border-bottom: 6px double #000;color:#000;background:#fff;border-radius:0;}
.s-ng ol{font-weight:bold;color:#ee7800;padding:20px 30px 20px 50px;font-size:110%;border-radius:20px;background:#fff;}

/*FAQ*/
#faq dt{background:#badcad;border-bottom:1px solid #ccc;padding:20px;margin:5px 15px;border-radius:20px 20px 0px 0px;font-weight:bold;}
#faq dd{margin-bottom:50px;padding:20px 40px 10px 10px;}


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

/*834px以下*/
@media screen and (max-width: 834px){
/*個別採用ページ--------------------------**/
/*看護師*/
.top-mess01{background:#b2d9e8;padding:10px;}
/*募集要項*/
#boshu-youkou table th,#boshu-youkou table td{font-size:100%;}
	
}

/*480px以下*/
@media screen and (max-width: 480px){

.alignleft,img.alignleft,
.alignright,img.alignright{float:none!important;display:block!important;margin:0 auto!important;}

	
.box02{padding:5px;margin:0px;}
.box022{;padding:10px 10px 0px 10px;margin:0px 10px 30px 10px;}
.box04{border:1px solid #ccc;padding:20px;margin:20px 10px;padding:20px;border-radius:20px;background:#fff4ea;}
.box05{padding:10px;margin:20px 5px;}

.s-main{margin-left: auto;margin-right: auto;max-width: 1136px;padding:12px;}
.kimochi{font-size:120%;padding:20px 5px;font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;border-radius:20px;border:solid #ccc 1px;margin-bottom:30px;}
.shigoto-sch{padding:20px 20px;}
.shigoto-box1{margin-left:10px;}

/*仕事の詳細*/
.column-2-3-1-2 {display: flex;flex-direction: column;}
.column-2-3-1-2 .column-right{width:100% !important;margin-right:0 !important;margin-left:0 !important;float:none;}
	
/*クレド*/
.column-3,.column-2{display:flex;flex-direction:column;}
.column-3 .column-left,.column-3 .column-center,.column-3 .column-right{width:100% !important;margin-right:0 !important;margin-left:0 !important;float:none;}
.column-2 .column-left,.column-2 .column-right{width:100% !important;margin-right:0 !important;margin-left:0 !important;float:none;}

.credo1 ul li,.credo1 ol li{margin-left:10px;padding-left:0px;}

.credo3{padding:0px;margin:0px;}
.credo4{padding:20px 0 0 0;margin:0px;}
	.credo3 .column-left{margin-bottom:-40px;padding-bottom:-20px;}
	.credo3 .column-right{margin-top:0px;padding-top:0px;}

/*メリット*/
.merit01{padding:10px;}
.merit01 h4{font-size:20px;}
	
/*当院の特徴*/
.tokucho-list ul li::before {left:0rem;}

	
/*先輩社員の声*/
#senpai .senpai1{padding:20px 10px;}
#senpai .senpai2{padding:20px 10px;}
#senpai .senpai3{padding:20px 10px;}

#senpai .senpai1 ul li{padding:0.5rem 0;line-height:1.5;border-bottom:dotted #ccc 1px;}
#senpai .senpai1 ul li::before{position:absolute;left:0px;padding-left:0.4rem;font-family:"Font Awesome 5 Free";font-weight:900;content:'\f075';color:#ff3366;}
#senpai .senpai1 ul li:last-child{border-bottom:0;padding-bottom:0px;}
#senpai .senpai2 ul{position:relative;list-style-type:none;}
#senpai .senpai2 ul li{padding:0.5rem 0;line-height:1.5;border-bottom:dotted #ccc 1px;}
#senpai .senpai2 ul li::before {position:absolute;left:0px;padding-left:0.2rem;font-family:"Font Awesome 5 Free";font-weight:900;content:'\f27a';color:#ff6600;}
#senpai .senpai2 ul li:last-child{border-bottom:0;padding-bottom:0px;}

/*募集要項*/
ul.teate-list li::before {left:0rem;}
.entry-sofu{margin-left:5px;padding:10px;}

/*FAQ*/
#faq dt{padding:10px;margin:0px;}
#faq dd{margin-bottom:30px;margin-left:0px;padding:10px;}

/*NG*/
.s-ng{margin:20px 0;padding:20px 5px;}
.s-ng h2{font-size:20px;}
	
}

/*パンくず非表示*/
.page-id-39 .breadcrumb,.page-id-42 .breadcrumb,.page-id-44 .breadcrumb,.page-id-46 .breadcrumb,.page-id-48 .breadcrumb{display:none;}