@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
//---------------------------------------------------
// X-Robots-Tagを利用して feed に noindex を付与する
//---------------------------------------------------
add_action('template_redirect', function(){
    if ( is_feed() && headers_sent() === false ) {
        header( 'X-Robots-Tag: noindex, follow', true );
    }
});
a:hover img{opacity: 0.5 ;}
body {overflow-x: clip;}

#content,#content-in,#main{padding-top:0px;}

/*--Hタグ初期化--*/
.article h1,.article h2,.article h3,.article h4{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 calc(1rem + 15px);background: #fff100;font-size:26px;}
.article h1:before {position: absolute;top: -7px;left: -7px;width: 100%;height: 100%;content: '';border: 3px solid #3cb371;}
.article h2{padding:20px;color: #fff;background:#7ccc7c;-webkit-box-shadow: 3px 3px 0 #094;box-shadow: 3px 3px 0 #094;font-size:24px;margin-bottom:25px;border-radius:20px;}
.article h3{position: relative;padding: 1rem;border-bottom: 6px solid #8bdff0;font-size:22px;margin-bottom:25px;}
.article h3:before {position: absolute;bottom: -6px;left: 0;width: 20%;height: 6px;content: '';background: #ffa500;}
.article h4{position: relative;margin:0px 10px 20px 10px;border-top:1px solid #7ccc7c;border-bottom:1px solid #7ccc7c;font-size:20px;padding:10px;background:#fffafa;}
.article h4:after{position: absolute;border-left:6px solod #7ccc7c;padding:10px;}
.article h5{border-left:8ox solid #7ccc7c;}

#sidebar h2,#sidebar h3 {position: relative;text-align:center;border: 2px solid #7ccc7c;}
#sidebar h2:before,#sidebar h2:after,#sidebar h3:before,#sidebar h3:after {position: absolute;left: 0;width: 100%;content: '';border-top: 3px solid #7ccc7c;}
#sidebar h2:before,#sidebar h3:before {top: 4px;}
#sidebar h2:after,#sidebar h3:after {bottom: 4px;}


/*--エントリーフォーム--*/
/*ContactForm7カスタマイズ*/
table.CF7_table{width:80%;margin:0 auto;border: 3px solid #e5e5e5;}
table.CF7_table tr{border-top: 1px solid #e5e5e5;}
.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;width:300px;border-radius:20px;}
.CF7_btn{text-align:center;margin-top:10px;}
.wpcf7 input.wpcf7-submit:hover,.CF7_btn:hover{background:#32cd32;cursor:pointer;}
.wpcf7-spinner{width:0;margin:0;}
.ent-btn{text-align:center;}
.al-c{text-align:center!important;}

/*--フッター--*/
#footer-in h3{background:#fff;padding:8px;border-radius:20px 0px 20px 0px;font-size:16px;}

#footer-in .textwidget{font-size:14px;padding:10px;}
.footer-widgets{font-size:14px;}
.footer-widgets li{margin:0 0 0 10px;padding:0px;line-height:0.8;}
.footer-widgets li a{text-decoration:none;}
.footer-widgets li a:hove{color:#135389;border-bottom:2px solid #e6ffe6;margin:5px;background:#a3cca3;}
.menu-02iryoujimu-footer-container ul li{background-image(https://sakura-family-clinic.jp/kyujin/wp-content/uploads/2025/05/list-icon.png)no-repeat left;}

/*--応募職種リスト（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:hover,a.btn-o: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:hover,a.btn-s:hover{color:#38a1db;background: #fff;}
/*就職支度金一覧*/
.ss-ichiran{text-align:center;}
.ss-ichiran td{text-align:center;}



/**************************************/
/** 固定ページの日付を非表示　**/ 
/*************************************/
.page .date-tags {
display: none;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

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

/*--Hタグ--*/
.article h2{padding:10px;font-size:22px;}


/*--応募職種リスト（table）--*/
.boshu-list table td{padding:3px;}

/*--応募詳細へボタン--*/
.btn,a.btn,button.btn{font-size:0.8rem;}
.btn-o,a.btn-o{border-radius:10px;padding:10px 5px;margin:3px;font-weight:bold;}
/*受付終了ボタン*/
.btn-s,a.btn-s{border-radius:10px;padding:10px 5px;margin:3px;font-weight:bold;}
	
}

/*-改行-*/
.sp {display: none;}
@media screen and (max-width: 768px) {
  .sp {display: block;}
}

/*----------採用ページ----------*/
.s-kibou{margin:20px 80px;padding:20px 20px 0px 20px;background:#ffffea;border:5px solid #b0e0e6;}
.s-kibou2{margin:20px 80px;padding:20px 20px 0px 20px;background:#ffffea;border:7px solid #ffb6c1;border-radius:20px 0px 20px 0px;}
.s-kibou li,.s-kibou2 li{font-size:20px;font-weight:bold;color:#494a41;background:url(https://sakura-family-clinic.jp/kyujin/wp-content/uploads/2025/05/checklist.png)no-repeat left;padding-left:30px;list-style:none;}

#s-aisatsu,#s-endmess{background:url(https://sakura-family-clinic.jp/kyujin/wp-content/uploads/2025/05/s-aisatsu_BG.png) no-repeat top left,linear-gradient(#ffffff, #f7ffef);margin: 0 calc((100% - 100vw) / 2);}
#s-prof{background:#f7ffef; margin:0 calc((100% - 100vw) / 2);padding:30px 0;}
.s-main{margin-left: auto;margin-right: auto;max-width: 1136px;padding:0 30px;overflow-x: hidden;}
#s-rinen{margin:30px 0px;}
#s-rinen .rinen-in{background:url(https://sakura-family-clinic.jp/kyujin/wp-content/uploads/2025/05/rinen.png)no-repeat top center;font-size:120%;font-weight:bold;margin:10px 60px;padding:20px 0px;text-align:center;border-bottom:3px solid #ffff93;}
.rinen-in2{margin:20px;padding:20px;border:solid 2px #add8e6;border-radius:20px;}
.s-work-in{margin:30px 20px;padding:20px;border-left:10px solid #3cb371;background:#f7ffef;}
#s-youkou table{width:100%;}
#s-youkou table th{border:1px solid #ccc;background:#f0fff0;text-align:center;padding:10px 20px;}
#s-youkou table td{border:1px solid #ccc;}
.pbox{border:1px solid #ccc;padding:5px;margin:0px 10px;}

.s-ng{margin:20px;padding:20px;background:#f5f5f5;}
.s-ng h2{border-bottom: 6px double #000;color:#000;background:#fff;border-radius:0;}
#s-faq dl{border:1px solid #ccc;border-radius:40px;}
#s-faq dt{padding:10px 20px;font-size:110%;font-weight:bold;border-bottom:dotted 2px #ffa500;color:#ff8c00;background:#fffacd;border-radius:40px 40px 0 0;}
#s-faq dd{padding:20px;}

/*hタグ（採用）*/
#s-aisatsu h2,#s-endmess h2{position: relative;color: #158b2b;font-size: 24px;padding: 10px 0;text-align: center;margin: 1.5em 0;background:none;box-shadow:none;}
#s-aisatsu h2:before,#s-endmess h2:before{content: "";position: absolute;top: -8px;left: 50%;width: 150px;height: 58px;border-radius: 50%;border: 5px solid #a6ddb0;border-left-color: transparent;border-right-color: transparent;-webkit-transform: translateX(-50%);transform: ranslateX(-50%);}
#s-prof h2 {position: relative;padding: 0 65px;text-align: center;background:none;}
#s-prof h2:before {position: absolute;top: calc(50% - 1px);left: 0;width: 100%;height: 3px;content: '';background: #158b2b;}
#s-prof h3{color: #ff8c00;text-shadow: 0 0 5px white;text-align:center;font-size:22px;padding: 0.3em 0.5em;margin:30px;border-top:2px solid #cfe6b8;border-bottom:2px solid #cfe6b8;boder-left:0px;boder-right:0px;background-image: radial-gradient(circle, #f4ffea 5px, transparent 5px);background-position: left center;background-repeat: repeat-x;background-size: 30px 10px;background-color:#fff;}
#s-prof h3:before{content:none;}
#s-merit h3{position: relative;overflow: hidden;padding: 15px 15px 15px 180px;word-break: break-all;border: 2px double #ff8c00;border-radius: 0 12px 12px 0;}
#s-merit h3 span.no {font-size: 18px;position: absolute;top: 0;left: 5px;display: block;padding: 6px 20px;color: #fff;border-radius: 10px 0 10px 10px;background: #ff8c00;}
#s-work h3{position: relative;display: inline-block;padding: 1rem 2rem 1rem 4rem;color: #fff;border-radius: 100vh 10vh 10vh 100vh;background: #3cb371;}
#s-work h3:before {position: absolute;top: calc(50% - 7px);left: 10px;width: 14px;height: 14px;content: '';border-radius: 50%;background: #fff;}

@media screen and (max-width: 480px){
.s-kibou,.s-kibou2{margin:20px 0;padding:10px 0 0 0;}
.s-kibou li,.s-kibou2 li{font-size:18px;padding-left:20px;margin-left:0px;}
.s-main{margin-left: auto;margin-right: auto;max-width: 1136px;padding:12px;}
#s-rinen .rinen-in{margin:0px;padding:20px 5px;font-size:110%;}
.rinen-in2{margin:20px 3px;}
.s-work-in{margin:30px 0px;padding:20px 5px;border-left:0px}
#s-work h3{font-size:20px;padding: 1rem 1rem 1rem 2rem;}
.s-ng{margin:20px 0;padding:20px 5px;}
.s-ng h2{font-size:20px;}
#s-faq dd{padding:20px 10px 10px 10px;margin:0 5px;}
#s-merit h3{padding: 8px;font-size: 20px;}
#s-merit h3 span.no {font-size: 15px;left: 0px;padding: 6px 10px;border-radius: 0px 0 10px 0;}
table.s-boshu{font-size:18px;}
}


/*モバイルフッター*/
.mobile-fix-nav-top {display: none;}
.mobile-footer-menu-buttons{display: none;}
@media (max-width: 770px){
.telp{display:none;}
.mobile-fix-nav-top {display: flex;position: fixed;bottom: 51px;left:105px;width: 100%;z-index: 100;height:0px;}
.mobile-fix-nav-top a img{position:relative;top:0;}
.mobile-fix-nav-top a img:hover{top:-10px;transition:0.3s;}
}
@media (max-width: 568px){
.mobile-fix-nav-top {display: flex;position: fixed;bottom: 48px;left: 0;width: 100%;z-index: 100;height:0px;}
.mobile-fix-nav-top a img{position:relative;top:0;}
.mobile-fix-nav-top a img:hover{top:-10px;transition:0.3s;}
}