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

/************************************
** 子テーマ用のスタイルを書く
************************************/
html {scroll-behavior: smooth;}
.header-container{display:none;}
.widget-content-top-title{display:none;}

.content-top{margin-top:0;}

#post-5.article{margin-bottom:0;}



.home .entry-header{display:none;}
.home .content{margin-top:0;}
.home .entry-content{margin-top:0;margin-bottom:0;}
.home .content-top{margin:0;}
.home .main{padding-top:0;padding-bottom:0;}
#custom_html-2.widget{margin-bottom:0;}

.margin-t00{margin-top:0!important}
.margin-t05{margin-top:0.5em!important}
.margin-t10{margin-top:1em!important}
.margin-t15{margin-top:1.5em!important}
.margin-t20{margin-top:2em!important}
.margin-t25{margin-top:2.5em!important}
.margin-t30{margin-top:3em!important}

.margin-b00{margin-bottom:0!important}
.margin-b05{margin-bottom:0.5em!important}
.margin-b10{margin-bottom:1em!important}
.margin-b15{margin-bottom:1.5em!important}
.margin-b20{margin-bottom:2em!important}
.margin-b25{margin-bottom:2.5em!important}
.margin-b30{margin-bottom:3em!important}







/*ヘッダー*/
.header_box{
	margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    height: 50px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.header_box_inner{
	position: fixed;
    z-index: 100;
    background-color: rgba(254, 250, 250, 0.9);
    width: 100%;
}
.header-icon{
	float:left;
	width:20%;
	padding:15px 0 0 20px;
}
.header-icon img{
	height:100px;
}
.header-title_box{
	text-align:center;
	float:left;
	width:60%;
	margin-left:20%;
}
.header-title_box a{text-decoration:none;}
h1.header_title {
	font-family: "M PLUS 1p", sans-serif;
	font-size:2.2em;
	letter-spacing:0.05em;
	font-weight:600;
	color:#e40000;
}
h2.header_title-2{
	font-family: "M PLUS 1p", sans-serif;
	font-size:1em;
	letter-spacing:0;
	font-weight:200;
	color:#000;
	padding-top:15px;
	margin-bottom:0;
	line-height:1.5em;
}
.header_contact-btn{
	width:fit-content;
	float:right;
	color:#d40;
	border:2px solid #e40000;
	margin:1.7em 1em 0 0;
	padding:0.3em 0.8em;
	font-size:1.1em;
}
.header_contact-btn:hover{
	background-color:#e40000;
	color:#fff;
	transition:0.3s;
}
.header_nav{
	margin-top:0.2em;
	border-top:2px solid #e40000;
}
.header_nav_inner{
	width:fit-content;
	margin:0.5em auto 0 auto;
	padding-bottom:0.5em;
}
.header_nav_content{
	float:left;
	margin:0 2em;
	text-align:center;
	color:#555;
}

/*トップページ*/
.top_main-img_box{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
}
.top_main-img_inner img{
	width:100%;
}
.n2_clear{margin-bottom:0;}
.concept_box{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-bottom:0;
	background-color: #eff;
	padding: 3em 0.3em 3em 0.3em;
}
.concept_box-inner{
	width:90%;
	max-width:1000px;
	margin:0 auto;
}
h2.concept_title{
	width:fit-content;
	margin:1em auto 0 auto;
	text-align:center;
	background-color:#47d;
	color:#fff;
	font-size:2em;
	padding:0.5em 2em;
	border-radius:5px;
}
h3.concept_title{
	border-top:0;
	border-right:0;
	border-bottom:5px solid #09b;
	border-left:0;
	padding:0 0 0.5em 0;
	color:#09b;
	font-size:1.5em;
	margin-bottom:0.7em;
}
h4.concept_title{
	background-color:#d2f5f5;
	padding:0.5em 0.6em;
	border-radius:3px;
	border-top:0;
	border-bottom:0;
	font-size:1.2em;
}
h5.concept_title{
	color:#09b;
	border-bottom:2px solid #09b;
}
.concept_text-1{
	width:fit-content;
	margin:1em auto 3em auto;
	font-size:1.3em;
	font-weight:600;
	color:#47d;
}
.concept_text-2{
	padding-left:1em;
	margin-bottom:1em;
}
.concept_text-3{
	padding-left:1em;
}
.concept_text-4{
	padding-left:1em;
}
.concept_text-5{
	padding-left:1em;
}
.concept_content-img img{
	border-radius:10px;
}
.concept_content-box{
	background-color:#fff;
	border-radius:10px;
	padding:1.5em;
	margin-top:2em;
}
.concept_content-inner{}
.concept_content-inner-left{
	width:30%;
	float:left;
}
.concept_content-inner-right{
	width:calc(70% - 20px);
	float:right;
}
.concept_content-inner-left2{
	width:calc(55% - 20px);
	float:left;
}
.concept_content-inner-right2{
	text-align:center;
	width:45%;
	float:right;
}
.max-w300{
	width:100%;
	max-width:300px;
}

.menu_box{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-bottom:0;
	background-color: #fbc202;
	padding: 3em 0.3em 4em 0.3em;
}
.menu_box-inner{
	width:90%;
	max-width:1000px;
	margin:0 auto;
}
.menu_content-inner{
	background-color:#fff;
	border-radius:10px;
	padding:1.5em;
	margin-top:2em;
}
.menu_content-left{
	width:45%;
	float:left;
}
.menu_content-right{
	width:calc(55% - 20px);
	float:right;
}
h2.menu_title{
	width:fit-content;
	margin:0.5em auto 0 auto;
	color:#fff;
	font-size:2.5em;
	background-color:rgba(255,255,255,0)!important;
	border-radius:0;
	padding:0 0 0 0;
}
h3.menu_title{
	width:fit-content;
	margin:0.5em auto 2em auto;
	color:#000;
	border-top:8px solid #fff;
	border-right:none;
	border-bottom:none;
	border-left:none;
	border-radius:0;
	font-size:1.8em;
	padding:1em 0 0 0;
}
h4.menu_title{
	color:#e40000;
	padding:0.5em 0 0 0;
	border-top:none;
	border-bottom:none;
	font-size:1.7em;
	font-weight:600;
	margin-bottom:0.2em;
}
h5.menu_title{
	margin-bottom:0.8em;
	border-bottom:3px solid #e40000;
}
.menu_text{
	margin-bottom:2em;
	padding-left:1em;
}












.blog_title{
	width:fit-content;
	margin:1em auto 0 auto;
	font-size:2.5em;
	font-weight:600;
	letter-spacing:0.05em;
	color:#555;
}
.blog_list{
	width:90%;
	max-width:800px;
	margin:1em auto 4em auto;
}
.blog_list .pt-cv-content-item{
	background-color:#eee;
	padding:1.5em 0.5em 1.5em 1.5em!important;
	border-radius:10px;
}
.blog_list .pt-cv-title{
	border-top:none;
	border-bottom:none;
	padding:0 0 0.4em 0;
	border-bottom:2px solid #e40000;
	font-size:1.2em;
}
.blog_list .pt-cv-title a{
	color:#555;
}
.blog_list .pt-cv-rmwrap{
	float:right;
}
.blog_list .pt-cv-readmore.btn{
	background-color:#e40000;
	border-color:transparent;
}
.blog_list .pt-cv-readmore.btn:hover{
	background-color:#fbc202;
}


.case_box{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-bottom:0;
	background-color: #aaa;
	padding: 3em 0.3em 3em 0.3em;	
}
.case_title{
	width:fit-content;
	margin:0 auto 1em auto;
	color:#fff;
	font-size:2em;
	letter-spacing:0.05em;
	padding-bottom:0.2em;
	border-bottom:8px solid #fff;
}
.case-list{
	width:90%;
	max-width:900px;
	margin:2em auto;
}
.case-list .pt-cv-content-item{
	background-color:#eee;
	padding:1.5em 1.5em 1.5em 1.5em!important;
	border-radius:10px;
}
.case-list .pt-cv-title{
	border-top:none;
	border-bottom:none;
	padding:0 0 0.4em 0;
	border-bottom:2px solid #e40000;
	font-size:1.2em;
}
.case-list .pt-cv-title a{
	color:#555;
}
.case-list .pt-cv-rmwrap{
	float:right;
}
.case-list .pt-cv-readmore.btn{
	background-color:#e40000;
}
.case-list .pt-cv-readmore.btn:hover{
	background-color:#fbc202;
}



.flow_box{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-bottom:0;
	background-color: #555;
	padding: 3em 0.3em 4em 0.3em;	
}
.flow_title{
	width:fit-content;
	margin:0 auto 1em auto;
	color:#fff;
	font-size:2em;
	letter-spacing:0.05em;
	padding-bottom:0.2em;
	border-bottom:8px solid #fff;
}
.flow_img-box{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	padding:0 0 0 2%;
}
.flow_img{
	float:left;
	width:31%;
	margin-right:2%;
	margin-top:1em;
}
.flow_img img{
	border-radius:15px;
}


.solution_box{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-bottom:0;
	background-color: #eee;
	padding: 3em 0.3em 3em 0.3em;	
}
.solution_box_inner{
	width:90%;
	max-width:700px;
	margin:0 auto;
}
h2.solution_title{
	width:fit-content;
	margin:0 auto 1em auto;
	font-size:2em;
	background-color:rgba(255,255,255,0);
	letter-spacing:0.05em;
	padding:0 0 0.2em 0;
	border-bottom:8px solid #000;
}

h3.solution_title{
	background-color:#000;
	color:#fff;
	margin-top:2em;
	margin-bottom:0.7em;
	border-top:none;
	border-bottom:none;
	border-right:none;
	border-left:none;
	border-radius:10px;
}
.solution_content{
	width:96%;
	max-width:600px;
	margin:0 auto;
	padding-left:1.2em;
	text-indent:-1.2em;
}


.faq_box{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	margin-bottom:0;
	background-color: #fff9e6;
	padding: 3.5em 0.3em 3em 0.3em;	
}
.faq_box_inner{
	width:90%;
	max-width:800px;
	margin:0 auto;
}
h2.faq_title{
	width:fit-content;
	margin:0 auto 1.5em auto;
	font-size:2em;
	background-color:rgba(255,255,255,0);
	letter-spacing:0.05em;
	padding:0 0 0.2em 0;
	color:#e40000;
	border-bottom:8px solid #e40000;
}

h4.faq-q{
	color: #e40000;
	font-size:1.2em;
	border-top:none;
	border-bottom:3px solid #e40000;
	padding:0;
	margin-bottom:0.7em;
}
h4.faq-q::before{
	font-size:1.8em;
	content: 'Q';
	color: #e40000;
	margin-right: 0.1em; 
}
h5.faq-a{
	color: #555;
	font-size:1em;
	border-bottom:none;
	padding:0 0 0 2.5em;
	text-indent:-2.3em;
}
h5.faq-a::before{
	font-size:1.8em;
	content: 'A';
	color: #555;
	margin-right: 0.3em; 
}

/*ラジオ*/
.topics_box{
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	background-color: #d9cc98;
	padding: 3em 0.3em 3em 0.3em;	
}
.topics_title{
	width:fit-content;
	margin:0 auto 20px auto;
	font-size:2.5em;
	font-weight:600;
	letter-spacing:0.05em;
	color:#fff;
}
/*.topics_list{
	width:90%;
	max-width:800px;
	margin:1em auto;
}
.topics_list .pt-cv-content-item{
	background-color:#eee;
	padding:1.5em 1.5em 0.5em 1.5em!important;
	border-radius:10px;
}
.topics_list .pt-cv-title{
	border-top:none;
	border-bottom:none;
	padding:0 0 0.4em 0;
	border-bottom:2px solid #e40000;
	font-size:1.2em;
}
.topics_list .pt-cv-title a{
	color:#555;
}
.topics_list .pt-cv-rmwrap{
	float:right;
}
.topics_list .pt-cv-readmore.btn{
	background-color:#e40000;
}
.topics_list .pt-cv-readmore.btn:hover{
	background-color:#fbc202;
}*/
.radio-banner-outer{
	width:90%;
	max-width:800px;
	margin:0 auto 0 auto;
	padding:1.5em;
	border:10px solid #fff;
	border-radius:20px;
}
/*.radio-title{
	background-color:#555;
	color:#fff;
	text-align:center;
	font-size:1.5em;
	font-weight:600;
	padding:0.5em;
	margin-bottom:0;
	border-radius:5px;
}
.radio-title span{
	font-size:1.5em;
}*/
.radio-banner-outer_inner{}
.radio-banner-logo{
	float:left;
	width:50%;
	margin-right:30px;
}
.radio-banner-link-text{
	text-align:center;
	color:#e40000;
	border-bottom:5px solid #e40000;
	font-weight:600;
	margin:0 0 0.5em 0;
	line-height:1.4em;
	padding-bottom:0.2em;
}
.radio-banner-link{
	float:left;
	width:calc(50% - 30px);
}
.radio-banner-outer a{
	text-decoration:none;
}
.radio-banner-link_btn{
	font-size:1.1em;
	color:#e40000;
	background-color:#fff;
	border-radius:3px;
	padding:0.2em 1em;
	width:100%;
	font-weight:600;
	letter-spacing:0.1em;
	margin-top:0.7em;
}

.radio-banner-link_btn:hover{
	background-color:#e40000;
	color:#fff;
	transition:0.3s;
}

.radio_mail-link{
    width: 100%;
    margin-top:1em;
}
.radio_mail-link a{
	text-decoration:none;
}
.radio_mail-link_btn{
	line-height:1.5em;
	color:#594b05;
	border:6px solid #594b05;
	border-radius:10px;
	padding:0.4em 0.7em;
	width:100%;
	font-weight:600;
	margin-top:0.5em;
}

.radio_mail-link_btn:hover{
	background-color:#594b05;
	color:#fff;
	transition:0.3s;
}







.footer{
	margin-top:0;
	padding-top:3em;
}
.footer-title{
	text-align:center;
	font-size:1.5em;
}



#custom_html-4{margin-bottom:0;}
/*ハンバーガー右*/
*, *:before, *:after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: none;
}
.cp_cont {
z-index:999;
position: absolute;
}

.cp_offcm01 {
	position: absolute;
	right: 20px;
	display: inline-block;
	z-index:999;
}
/* menu */
.cp_offcm01 .cp_menu {
	z-index:998;
	position: fixed;
	top: 0;
	right: -100vw;
	width: 250px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: #7662a2;
	opacity: 0.95;
}
.cp_offcm01 .cp_menu ul {
	margin: 0;
	padding: 0;
	z-index:998;
}
.cp_offcm01 .cp_menu li {
	list-style: none;
	z-index:998;
}
.cp_top{
	display: block;
	text-align:right;
	font-size:1.2em;
	padding: 10px 30px;
	text-decoration: none;
	border-bottom: 1px solid #555555;
	background-color:#7662a2;
	z-index:999;
}
	
	.cp_offcm01 .cp_menu li a {
	display: block;
	text-align:right;
	padding: 15px 30px;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	z-index:998;
}

.cp_offcm01 #cp_toggle01 {
	position: absolute;
	display: none;
	opacity: 0;
	z-index:999;
}
.cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
	-webkit-transform: translateX(-100vw);
	        transform: translateX(-100vw);
	z-index:998;
}
/* menu toggle */
.cp_offcm01 #cp_toggle01 ~ label {
	display: block;
	padding: 0 0.5em;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: left;
	position:fixed;
	right: 0.5em;
	z-index:999;
}
.cp_offcm01 #cp_toggle01:checked ~ label {
	-webkit-transform: translateX(-220px);
	        transform: translateX(-220px);
			position:fixed;
	z-index:999;
}
.cp_offcm01 #cp_toggle01 ~ label::before {
	font-family: 'FontAwesome';
	content: '\f0c9';
	font-size: 2em;
		padding:0.1em 0.2em; 
		color: #333;
		background-color:rgb(255,255,255,0.5);
		border-radius:5px;
	z-index:999;
}
.cp_offcm01 #cp_toggle01:checked ~ label::before {
	content: '\f00d';
	z-index:999;
}
/* contents */
.cp_contents {
	color: #333333;
	text-align: center;
}
.cp_logo {
	text-align: left;
}	


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


/*900px以下*/
@media screen and (max-width: 900px){
.header_contact-btn{font-size:1em;}
.header_nav_content{margin:0 1.5em;}
}


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

/*801px以上*/
@media screen and (min-width: 801px){
.cp_cont {display: none;}
}

/*800px以下*/
@media screen and (max-width: 800px){
.header-title_box{width:100%;margin-left:0;}
.header_contact-btn{display:none;}
.header_nav{display:none;}
}


/*601px以上*/
@media screen and (min-width: 601px){
.br600{display:none;}
}

/*600px以下*/
@media screen and (max-width: 600px){
.br600{display:block;}
.header_box{height: 100px;}
.concept_content-inner-left2{width:100%;}
.concept_content-inner-right2{width:100%;}
.menu_content-left{width:100%;}
.menu_content-right{width:100%;}
}



/*480px以下*/
@media screen and (max-width: 480px){
h2.concept_title{font-size:1.7em;padding:0.5em 0.8em;}
}