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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*幅*/
.section-wrap{margin: 10px calc(50% - 50vw);padding:0  calc(50vw - 50%);padding-top:1em;padding-bottom:1em;}
html, body {overflow-x: hidden;}
.breadcrumb,.article-footer{display: none;}
.content {margin-top:0;}
.main {padding-top:0!important;padding-bottom:0!important;}
.entry-content{margin-top:0;margin-bottom:0;}
.article{margin-bottom:0!important;}
.footer {margin-top: 0;}
.content-bottom {margin:0;}

/*hタグ*/
.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;}
h1,.main h2,.mess h2,.rinen h2,.merit h2,.boshu h2,.lastmess h2{font-size:120%;font-weight: bold;padding:20px 10px 20px 20px;margin-bottom:30px;position: relative;border-bottom: solid 3px #efe245;color: #665e54;background:#fff;}
h1:after,.main h2:after,.mess h2:after,.rinen h2:after,.merit h2:after,.boshu h2:after,.lastmess h2:after{position: absolute;content: " ";display: block;width: 30%;bottom: -3px;border-bottom: solid 3px #ef8b45;}
.mess h4{margin:10px 40px 30px 40px;font-size:120%;font-weight: bold;color: #665e54;text-align: center;padding: 0.5em;border-top: solid 2px #ffa500;border-bottom: solid 2px #ffa500;background: -webkit-repeating-linear-gradient(-45deg, #f4efec, #f4efec 3px,#fffafa 3px, #fffafa 7px);background: repeating-linear-gradient(-45deg, #f4efec, #f4efec 3px,#fffafa 3px, #fffafa 7px);}

.main h3,.faq h3{background:#f5f5f5;padding:20px;margin:20px auto;}

.faq h4{font-size: 20px;font-weight: bold;padding: .5em .7em;margin:20px 10px 10px 10px;position: relative;background-color: #bcddeb;border-left: solid 2em #87ceeb;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);color: #474747;}
.faq h4:before {position: absolute;content: "\f059";font-family: "Font Awesome 5 Free";padding: 0em;font-weight: 900;left: -1.5em;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color: #ffffff;}

.entry h3{position: relative;margin:80px 80px 20px 80px;font-size:20px;color:#556b2f;padding-bottom:10px;text-align:center;}
.entry h3:after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 7px;background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);}

/*文字装飾*/
.m100l{margin-left:100px;}

/*TOP*/
.s-list{border:6px solid #87ceeb;background:#e8ffff;margin:10px 60px 20px 60px;padding:20px 20px 0px 20px;}
.s-list li,.s-list2 li{list-style:none;background:url(https://www.yo-seikai.or.jp/obo/wp-content/uploads/check.png)no-repeat left;padding-left:40px;font-size:120%;font-weight:bold;margin-bottom:25px;}

.s-list2{border:6px solid #ffe5cc;background:#ffffdb;margin:10px 60px 20px 60px;padding:20px 20px 0px 20px;border-radius:10px;}

/*メッセージ*/
.mess,.lastmess{background:#f4efec;}


/*理念～*/
.mvv-1{border:4px solid #e0ffff;border-radius:10px;padding:10px;margin:10px;background:url(https://www.yo-seikai.or.jp/obo/wp-content/uploads/mvv-1bg.png)left no-repeat;}
.mvv-1 p,.mvv-2 p{margin:20px 10px 30px 130px;}
.mvv-1 span.mvvtxt,.mvv-2 span.mvvtxt{margin-left:30px;}
.mvv-2{border:4px solid #ffffe0;border-radius:10px;padding:10px;margin:10px;background:url(https://www.yo-seikai.or.jp/obo/wp-content/uploads/mvv-2bg.png)left no-repeat;}
.mvv-3{border:4px solid #e0ffe0;border-radius:10px;padding:10px;margin:10px;background:url(https://www.yo-seikai.or.jp/obo/wp-content/uploads/mvv-3bg.png)left no-repeat;}
.mvv-3 p{margin:20px 10px 0px 130px;}
.mvv-3 ul{margin-left:160px;}

.r-section h3{  position: relative;padding: 0.8em;background: #79B8CC;color: white;font-size:120%;margin:30px auto;}
.r-section h3::before {position: absolute;content: '';top: 100%;left: 0;border: none;border-bottom: solid 15px transparent;border-right: solid 20px rgb(149, 158, 155);}
.r-section dl{background:#fffaf0;border-radius:10px;margin:20px 60px;padding:20px;}
.r-section dt{position: relative;background: #ffd98a;padding: 2px 5px 2px 25px;margin:40px 80px;font-size: 20px;color: #474747;border-radius: 0 10px 10px 0;clear: both;}
.r-section dt:before {font-family: "Font Awesome 5 Free";content: "\f017";display: inline-block;line-height: 40px;position: absolute;padding: 0em;color: white;background: #ffa337;font-weight: 900;width: 40px;text-align: center;height: 40px;line-height: 40px;left: -1.35em;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);border: solid 3px white;border-radius: 50%;}
.r-section dd{margin:0px 80px;}

/*先輩社員*/
.senpaikoe{background:url(https://www.yo-seikai.or.jp/obo/wp-content/uploads/senpaim-bg.png);}
.senpaikoe h3{font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";font-weight:bold;text-align:center;font-size:30px;padding:20px;display: flex;justify-content: center;align-items: center;background:none;}
.senpaikoe h3::before,.senpaikoe h3::after {content: '';width: 3px;height: 40px;background-color: #3fc1c9;}
.senpaikoe h3::before {margin-right: 30px;transform: rotate(-35deg)}
.senpaikoe h3::after {margin-left: 30px;transform: rotate(35deg)}
.senpaimess{border:2px solid #fff6e6;margin:10px;border-radius:10px;padding:20px;background:#fffaf2;}
.senpaimess dt{font-family:serif;font-weight:bold;margin-top:20px;border-bottom:3px dotted #ffa500;}
.senpaimess dd{margin:15px 0px 10px 5px;}


/*募集要項*/
.boshu table{margin:20px auto;}
.boshu th{background:#eaf4ff;border:1px solid #ccc;padding:20px;font-size:18px;}
.boshu td{border:1px solid #ccc;padding:20px;font-size:18px;}
.boshu td p{margin-bottom:10px;}

/*FAQ*/
.faq{margin-top:50px;}
.faq dl{margin:20px 50px 40px 50px;}
.faq dt{font-weight:bold;border-bottom:3px solid #ffe4e1;margin-bottom:20px;}

/*TOPナビ*/
#navi .navi-in > ul li a{color:#8d7f70;}
#navi .navi-in > ul li a:hover{color:#ff8c00;font-weight:bold;}

/*フッター*/

#footer-in h3.footer-title{font-size:90%;border-top:1px solid #8d7f70;border-bottom:1px solid #8d7f70;padding:10px 0px;margin:0px 0px 10px 0px;}
#footer-in ul.menu li a{font-size:90%;line-height:1;}
#footer-in ul.menu li a:hover{color:#ff8c00;font-weight:bold;}

/*応募受付終了*/
.closed{margin:50px 20px;padding:100px 100px 60px 100px;background:#d3d3d3;font-weight:bold;text-align:center;}
.closed2{margin:20px;padding:20px;background:#e6e6e6;font-weight:bold;text-align:center;}
.al-r{text-align:right;font-weight:none;font-size:80%;}

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

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

/*834px以下*/
@media screen and (max-width: 834px){
/*TOP*/
.s-list{border:6px solid #87ceeb;background:#e8ffff;margin:0px;padding:10px 10px 0px 10px;}
.s-list li{list-style:none;background:url(https://www.yo-seikai.or.jp/obo/wp-content/uploads/check.png)no-repeat left;padding-left:40px;font-size:120%;font-weight:bold;margin-bottom:25px;}
.s-list li.end{margin-bottom:10px;}

/*理念～*/
.r-section dl{margin:40px 40px;}
.r-section dt{margin:40px 40px;}
.r-section dd{margin:0px 50px;}
}

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

/*hタグ*/
.mess h4{margin:10px 0px 20px 0px;}
.entry h3{margin:20px 0px 20px 0px;}
	
/*文字装飾*/
.alignleft{float:none !important;}
.alignright{float:none !important;}
.m100l{margin-left:10px;}
.kinmuchi-n{font-weight:bold;text-decoration: underline;text-decoration-color:#79b8cc;}


/*TOP*/
.s-list{border:6px solid #87ceeb;background:#e8ffff;margin:0px 0px 20px 0px;padding:0px;}
.s-list2{border:6px solid #ffe5cc;background:#ffffdb;margin:0px;padding:0px;}

.s-list ul,.s-list2 ul{margin-left:0px;padding-left:0px;}
.s-list li,.s-list2 li{list-style:none;background:url(https://www.yo-seikai.or.jp/obo/wp-content/uploads/check2.png)no-repeat left;padding-left:35px;padding-top:10px;padding-bottom:10px;font-size:110%;font-weight:bold;border-bottom:1px dotted #ccc;margin-bottom:25px;}
.s-list li.end,.s-list2 li.end{border-bottom:none;margin-bottom:0px;padding-bottom:0px;}
	
/*理念～*/
.mvv-1{border:4px solid #e0ffff;border-radius:10px;padding:10px;margin:10px;background:none;}
.mvv-2{border:4px solid #ffffe0;border-radius:10px;padding:10px;margin:10px;background:none;}
.mvv-3{border:4px solid #e0ffe0;border-radius:10px;padding:10px;margin:10px;background:none;}
.mvv-1 p,.mvv-2 p,.mvv-3 p{margin:5px;}
.mvv-1 span.mvvtxt,.mvv-2 span.mvvtxt{margin-left:10px;}
.mvv-3 ul{margin-left:10px;}

.r-section dl{margin:40px 0px;}
.r-section dt{margin:40px 10px;}
.r-section dd{margin:0px 0px 0px 10px;}

/*募集要項*/
.boshu th,.boshu td{border-bottom: none;display: block;width: 100%;padding:10px;}
.last td:last-child {border-bottom: solid 1px #ccc;width: 100%;}
	
/*FAQ*/
.faq dl{margin:10px 0px;border:3px solid #ffe4e1;border-radius:10px;}
	.faq dl dt{margin-top:10px;padding:5px;background:#f9fcff;}
	.faq dl dd{margin-left:0px;padding:5px;}
	
/*応募受付終了*/
.closed,.closed2{margin:0px;padding:20px;text-align:left;}
.al-r{text-align:right;font-weight:none;font-size:80%;}
	
}



/*ContactForm7カスタマイズ*/
table.CF7_table{width:80%;margin:0 auto;border: 3px solid #e5e5e5;}
table.CF7_table tr,table.CF7_table td{border-top: 1px solid #cccccc;}
.single .entry-content table.CF7_table,.page .entry-content table.CF7_table{display:table;}
table.CF7_table td{padding-bottom:0px;}
/*入力欄*/
.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;text-align:left;}
/*「任意」文字*/
.CF7_unreq{	font-size:.9em;padding: 5px;background: #bdbdbd;/*グレー*/color: #fff;border-radius: 3px;margin-right:1em;text-align:left;}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{width:30%;/*横幅*/background-color:#ebedf5;/*ブルーグレー*/text-align:left;}
}

/* レスポンシブ */
@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;color:#fff;font-size:1.2em;font-weight:bold;margin:0 auto;width:300px;border-radius:10px; border:8px double #e68530;}
.CF7_btn,.ouboform{text-align:center;margin-top:20px;}
.wpcf7-spinner{width:0;margin:0;}
.wpcf7 input.wpcf7-submit:hover {color: #fff;background: #f5a300;}
.ouboform a{text-decoration:none;background-color:#f79034;color:#fff;font-size:1.2em;font-weight:bold;margin:0 auto;border-radius:10px; border:8px double #e68530;padding:10px;}
.ouboform a:hover{transform: scale(1.1); opacity: 0.7; }
.ent-btn{text-align:center;}

/*フッターモバイルボタン*/
.mobile-menu-buttons{height:62px;}
.mobile-menu-buttons > li{padding-top:8px;}
.mobile-footer-menu-buttons{background:#C3F0E7;}/*フッター背景色*/
.mobile-menu-buttons .menu-button{color:#42210b;}/*文字色*/
.mobile-menu-buttons .menu-button a:hover{color:#ff4500;}/*マウスオーバー時文字色*/
.mobile-menu-buttons .menu-caption{font-size:12px;}