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

/************************************
** 子テーマ用のスタイルを書く
************************************/

.sidebar h2, .sidebar h3 {
    background-color: #3e3736;
	color: #ffffff;
    padding: 12px;
    margin: 16px 0;
    border-radius: var(--cocoon-badge-border-radius);
}

.article h2 {
	padding: 15px 25px;
	background: none;
	color: #ffffff;
	background: #3e3736;
	border-radius: 2px 40px 40px 2px;
}

.article h3 {
	padding: 15px 25px 15px 15px;
	line-height: 1.4;
	border-top: none;
	border-bottom: none;
	border-left: 5px solid #3e3736;
	border-right: none;
	color: #3e3736;
	background: #f4f1f0;
	border-radius: 2px;
}

.related-entry-heading, .comment-title {
    margin: 22px 0;
	padding: 3px 15px;
    font-size: 24px;
	color: #ffffff;
	background: #3e3736;
	border-radius: 3px;
}

table.company {
	width: 100%;
	max-width: 980px;
	margin: 25px auto;
	border-top: none;
	border-bottom: 1px solid #d0d0d0;
    border-left: none;
	border-right: none;
}

table.company th {
	width: 30%;
	padding: 25px;
	background: #ffffff;
	border-top: 1px solid #d0d0d0;
	border-bottom: none;
    border-left: none;
	border-right: none;
}

table.company td {
	width: 70%;
	padding: 25px;
	background: #ffffff;
	border-top: 1px solid #d0d0d0;
	border-bottom: none;
    border-left: none;
	border-right: none;
}

.cta_box {
	width: 100%;
	margin: 25px auto;
	padding: 0;
	border-radius: 2px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.35);
}

.cta_box .cta_box_l {
	width: 50%;
}

.cta_box .cta_box_r {
	width: 50%;
}

.cta_box h2 {
	margin: 0 0 15px 0;
	padding: 10px 25px;
	background: #3e3736;
	text-align: center;
	color: #ffffff;
	border-radius: 0;
}

.cta_box h2 .cta_h2_span {
	font-size: 90%;
}

p.cta_title {
	font-size: 125%;
	font-weight: 900;
	text-align: center;
}

p.cta_button {
	margin: 55px auto 0 auto;
	padding: 0;
}

p.cta_button a {
	margin: 0;
	padding: 15px 0;
	display: block;
	font-size: 110%;
	line-height: 1.3;
	font-weight: 900;
	color: #ffffff;
	text-align: center;
	background: #14c245;
	text-decoration: none;
	border-radius: 6px;
	box-sizing: border-box;
	border-bottom: 10px solid #0e8e32;
}

p.cta_button a:hover {
	border-top: 10px solid #ffffff;
	border-bottom: none;
}

.cta_box p {
	margin: 8px 25px!important;
	padding: 0!important;
	line-height: 1.5;
}

span.r {
	color: #ff0000;
}

span.y {
	color: #fff000;
}

.pc-display {
	display: block;
}

.sp-display {
	display: none;
}



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

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

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

p.cta_button a {
	font-size: 110%;
}

.pc-display {
	display: none;
}

.sp-display {
	display: block
}

}