@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*タイトル、投稿日時、投稿者の非表示*/
.date-tags{
  display: none;
}

/*ｐタグ*/
.komidashi{
	margin:0;
}

/*ｈタグ*/
.kadai2{
  text-align:center;

}


/*エントリータイトル*/
.entry-title{
	text-align:center;
}

/*
#main{
Padding-top: 0;
margin-top: 0;
}
*/

/*hタグリセット*/
.article h1 {
    padding: 0;
    background: none;
}
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}


/*背景*/
.kadai{
	/*background-color:#009fe8;*/
	background-color: rgba(0, 159, 235, .4);
	padding:1em;
	margin-top:2em;
	margin-bottom:2em;
}

/*flexbox 土台*/
contents{
  display: flex;
justify-content:center;
padding:30px 0;
margin:0px;
/*background-color:#FF9966;*/
/*text-align:center;*/
    flex-wrap: wrap;
}  


/*flexbox中身 カラム*/
.leaf {
  width:380px;
  margin:20px;
text-align:center;
background-color: rgba(255, 255, 255, .7);
padding:15px;
border:solid 0px;
}


/*flexbox中身 カラム*/
.leaf2 {
  width:400px;
  margin:20px;
text-align:center;
background-color: rgba(255, 255, 255, .7);
padding:15px;
border:solid 0px;
}


.komidashi{	
	font-size:22px;
	font-weight:bold;
	color:#222222;
}


/*1カラム*/
box{
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
}

/*ボックス*/
.boxin {
　width:1060px;
　padding:20px 0;
}

/*文字揃え*/
.migizoroe{
	text-align:right;
}

/*ボタン*/
.btn-square-little-rich {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #03A9F4;/*色*/
  border: solid 1px #0f9ada;/*線色*/
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.btn-square-little-rich:active {
  /*ボタン押したとき*/
  border: solid 1px #03A9F4;
  box-shadow: none;
  text-shadow: none;
}

/*haikeiari背景*/

.haikeiari{
  background-color: rgba(0, 159, 235, .4);
  padding:1em;
  margin-top:2em;
  margin-bottom:2em;
}


/*テーブルthスタイル*/
.tb5 th{
background-color:#ffffcc;
text-align:center;
}

.tb5 td{
background-color:#ffffff;
}


/*ボックス*/
box{
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
}

.boxin {
	width:1060px;
	padding:20px 0;
}

/*最初から入っているロゴを消す*/
.logo-header{  display: none;} 


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:300px;
 background:#0068b7;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 margin:25px auto 0;
	text-align:center;
 border:2px solid #0068b7;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#0068b7;
 border:2px solid #0068b7;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1241px以上*/
@media screen and (min-width: 1241px){
/*タイトル文字毎に色を変える*/

/* homeの背景画像を消す */
.home .header, .page-id-14 .header, .page-id-12 .header, .page-id-18 .header{
background-image: none;
}
/* homeに新たなヘッダーロゴを入れる */
.home .header, .page-id-14 .header, .page-id-12 .header, .page-id-18 .header{
background-image: url('https://leap-leap.info/wp-content/uploads/2020/04/630543a57b59a15403cb7e578c5b09c6.png');
height: 400px;
}

/* home以外の背景画像を消す */
.page-id-16 .header{
 background-image: none;	
	}	
/* home以外に新たなヘッダーロゴを入れる */
.page-id-16 .header{
background-image: url('https://leap-leap.info/wp-content/uploads/2020/04/005ece302064fb39fd6558e2baf703eb.png');
height: 400px;
}
}


/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
	
/* homeの背景画像を消す */
.home .header, .page-id-14 .header, .page-id-12 .header, .page-id-18 .header{
background-image: none;
}
/* homeに新たなヘッダーロゴを入れる */
.home .header, .page-id-14 .header, .page-id-12 .header, .page-id-18 .header{
background-image: url('https://leap-leap.info/wp-content/uploads/2020/04/630543a57b59a15403cb7e578c5b09c6.png');
height: 400px;
}
	
/* home以外の背景画像を消す */
.page-id-16 .header{
 background-image: none;	
	}
	
/* home以外に新たなヘッダーロゴを入れる */
.page-id-16 .header{
background-image: url('https://leap-leap.info/wp-content/uploads/2020/04/005ece302064fb39fd6558e2baf703eb.png');
height: 400px;
}
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
/* homeの背景画像を消す */
.home .header, .page-id-14 .header, .page-id-12 .header, .page-id-18 .header{
background-image: none;
}
/* homeに新たなヘッダーロゴを入れる */
.home .header, .page-id-14 .header, .page-id-12 .header, .page-id-18 .header{
background-image: url('https://leap-leap.info/wp-content/uploads/2020/04/a92f661560838d5627b498d6cf4b5abd.png');
height: 400px;
}
	
/* home以外の背景画像を消す */
.page-id-16 .header{
 background-image: none;	
}
	
/* home以外に新たなヘッダーロゴを入れる */
.page-id-16 .header{
background-image: url('https://leap-leap.info/wp-content/uploads/2020/04/e06141d5e2e0623109ef090d550623d6.png');
height: 400px;
}
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
/* homeの背景画像を消す */
.home .header, .page-id-14 .header, .page-id-12 .header, .page-id-18 .header{
background-image: none;
}
/* homeに新たなヘッダーロゴを入れる */
.home .header, .page-id-14 .header, .page-id-12 .header, .page-id-18 .header{
background-image: url('https://leap-leap.info/wp-content/uploads/2020/04/a92f661560838d5627b498d6cf4b5abd.png');
height: 250px;
}
	
	
/*会社概要の背景画像を消す */
.page-id-16 .header{
 background-image: none;	
	}
	
/*会社概要に新たなヘッダーロゴを入れる */
.page-id-16 .header{
background-image: url('https://leap-leap.info/wp-content/uploads/2020/04/e06141d5e2e0623109ef090d550623d6.png');
height: 250px;
}
}

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

/* homeの背景画像を消す */
.home .header, .page-id-14 .header, .page-id-12 .header, .page-id-18 .header{
background-image: none;
}
/* homeに新たなヘッダーロゴを入れる */
.home .header, .page-id-14 .header, .page-id-12 .header, .page-id-18 .header{
background-image: url('https://leap-leap.info/wp-content/uploads/2020/04/633cea04f92f368986f86eb353d522ad.png');
height: 200px;
}
	
/*会社概要の背景画像を消す */
.page-id-16 .header{
 background-image: none;	
	}
	
/*会社概要に新たなヘッダーロゴを入れる */
.page-id-16 .header{
background-image: url('https://leap-leap.info/wp-content/uploads/2020/04/5d89586fb17fb092ff4cfb780954c23e.png');
height: 200px;
}
}

/*テーブルの幅を調整*/

th{
 width:23%;
}