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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*!
 * Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

body {
    color: #000;
    font-size: 13px;
    font-family: "ヒラギノ明朝 ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", Serif!important;
}


.main {
    background: none;
	padding-top:0px;
}

.header-container {
    background-image: url(https://taisanen.co.jp/wp-content/uploads/2023/12/bg-header.jpeg);
	padding: 20px 0;
}

.footer {
    background-image: url(https://taisanen.co.jp/wp-content/uploads/2023/12/bg-footer.gif);
	background-repeat: repeat-x;
	background-color: #191E23;
}

.footer-bottom {
	margin-top:2px;
}

.widget_nav_menu ul li a {
	padding:2px 0;
}

.content {
    margin-top: -60px!important;
}

.taisanen {text-align:center; background-color:#fff;padding:20px; margin-bottom:20px;}

h2 {
	font-family:Arial,Helvetica,ro-shino-std, serif!important;
	display: inline-block;
    padding-bottom: 16px;
    border-bottom: 1px solid #000;
    background: none!important;
font-size:1.4em!important;}

h3 {
	font-family:Arial,Helvetica,ro-shino-std, serif!important;
	display: inline-block;
    padding-bottom: 16px;
border:none!important;
    background: none!important;
font-size:1.2em!important;}

.top-section-left {
max-width:49%;
float:left;
text-align:center;
}

.top-section-right {
max-width:49%;
float:right;
text-align:center;
}

.top-section-text {
    margin-top: -70px;
    background-color: rgba(255,255,255,0.6);
	padding:30px 30px 20px;
	height:280px;
}

.top-section-image {
}

.sekou-type1 {
width:49%;
float:left;
margin-bottom: 20px;
}

.sekou-type2 {
width:49%;
float:right;
margin-bottom: 20px;
}

.sekou-type3 {
width:49%;
float:left;
margin-bottom: 20px;
}

.sekou-type4 {
width:49%;
float:right;
margin-bottom: 20px;
}

.sekou-type5 {
width:49%;
float:left;
margin-bottom: 20px;
}

.btn--black,
a.btn--black {
  color: #fff;
  background-color: #000;
	  font-size:1.1em;
}
.btn--black:hover,
a.btn--black:hover {
  color: #fff;
  background: #302833;
}

.content-bottom {
    text-align: center;
}

.recruit {
width:49%;
float:left;
}

.kaishagaiyou {
width:49%;
float:right;
}

.company {
    background: #F8F7EB;
    line-height: 1.75;
    margin-bottom: 40px;
}

.company dt {
    background: #E8E4CD;
    width: 9em;
    padding: 12px;
    color: #090809;
    border-bottom: 1px solid #fff;
}

.company dd {
    padding: 12px;
    width: calc(100% - 9em);
    color: #0D1316;
    text-align: left;
    border-bottom: 1px solid #fff;
}

.article-header {margin-top:60px;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.top-section-text {
    margin-top: -70px;
    background-color: rgba(255,255,255,0.6);
	padding:30px 20px 20px;
	height:300px;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.top-section-left {
max-width:100%;
float:none;
text-align:center;
}

.top-section-right {
max-width:100%;
float:none;
text-align:center;
}

.top-section-text {
    margin-top: -70px;
    background-color: rgba(255,255,255,0.6);
	padding:30px 20px 20px;
		height:100%;
}

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.top-section-left {
max-width:100%;
float:none;
text-align:center;
}

.top-section-right {
max-width:100%;
float:none;
text-align:center;
}

.top-section-text {
    margin-top: -70px;
    background-color: rgba(255,255,255,0.6);
	padding:30px 20px 20px;
	height:100%;
}

.sekou-type1 {
width:100%;
float:none;
	margin-bottom: 40px;}

.sekou-type2 {
width:100%;
float:none;
margin-bottom: 20px;
}

.sekou-type3 {
width:100%;
float:none;
margin-bottom: 40px;
    margin-top: -30px;
}

.sekou-type4 {
width:100%;
float:none;
margin-bottom: 20px;
}

.recruit {
width:100%;
float:none;
margin:10px 0;
}

.kaishagaiyou {
width:100%;
float:none;
margin:10px 0;
}

}
}