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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{
	font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
}
	.bw{
		font-weight:bold;
	}	
.home.page .header,
.home.page .footer,
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
display: none;
}

.wrap {
	width:100%;
	max-width: 1920px;
}
.main{
	padding:0;
}
.content {
    margin-top: 0;
    background-color: #fff;
}

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

.m-area{
	max-width:1280px;
	margin: 0 auto;
}

.article h2{
    margin: 0em;
	background-color: #fff;
    text-align: center;
    font-size: 3em;
    font-weight: 400;
	padding: 0;
}

.article h3{
    margin: 0 0 5% 0;
	background-color: #fff;
    text-align: center;
    font-size: 2em;
    font-weight: 400;
	border: none;
	padding: 0;
}

.business{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 2% 0;
}

.b01,.b02,.b03,.b04{
	  width: 49%;
}

.text{
	margin-top: 13%;
	text-align: center;
	display: block;
    font-size: 1.7em;
    padding: 0 3% 0;
}
.text ul {
	padding-left: 0;
	list-style: none;
	display: inline-block;
}
.text ul li {
	text-align: left;
}

.s-t{
	font-size: 0.7em;
    padding-left: 14%;
}
.mb-18{
line-height: 6px;
	}

.orange{
color:#ff5a00;
}

.message{
/*	background: url(https://rebc.co.jp/img/msg.jpg) right 0 top 0/100% fixed no-repeat;
    background-position: center;
background-size: 80%;*/
	display: flex;
}
.m-text{
    padding: 10% 0 0 9%;
    width: 50%;
}
.b-t{
font-size: 2.1em;
	margin-bottom:5%;
	
}
.photo{
		width:50%;
}
.photo img{
    padding: 10% 0 0;
}

a img {
border:none;
verticle-align:top;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a:hover img {
opacity: 0.7;     /* 透過レベル */
filter: alpha(opacity=80);
}

@media screen and (max-width: 834px){
main.main, div.sidebar {
 padding: 0;
}
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

@media screen and (max-width: 1400px){
.b-t{
font-size: 1.7em;
}
}

@media screen and (max-width: 1000px){
.b-t{
font-size: 1.4em;
}
}
@media screen and (max-width: 600px){
.b-t{
font-size: 1.2em;
}
}

	
@media screen and (max-width: 1250px){

.m-text {
    padding-left: 3%;

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

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

/*480px以下*/
@media screen and (max-width: 830px){
  /*必要ならばここにコードを書く*/
	.article h2 {font-size:2em;}
	.article h3 {font-size:1.5em;}

	
	.b01,.b02,.b03,.b04{
	  width: 100%;
margin-bottom: 5%;
	}
	
	.business {
    flex-direction: column;
		padding:0 5% 0;
}
.mb-18 {
    line-height: none;
}	

.m-text{
    padding: 10% 7% 0 7%;
	width: 100%;
}
.photo{
		width:100%;
}
.message{
flex-direction: column;
}	
.b-t {

	text-align:center;
	}

	
}


.pc{
  display:block;
}
.sp{
  display:none;
}


/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 830px){
  .pc{
    display:none;
  }
  .sp{
    display:block;
  }
}
@media screen and (max-width: 500px){

	.text {
    font-size: 0.85em;
}
}