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

/************************************
** contents
************************************/

#content{ margin-top:0;margin-bottom: 0;}
#main{ padding:0;margin-bottom:0; border:none;}
.wrap {
    width: 100%;
    margin: 0 auto;
}


/************************************
** ヘッダー
************************************/
.logo{
	width:330px;
	text-align:left;
}
#header-in{ width:1196px; margin:0 auto;}

/**      ヘッダーボタン		**/
.kotei-submenu{ display:none;}

.h-submenu,
.kotei-submenu{float:right; margin-top:-105px;}
.h-submenu li,
.kotei-submenu li{ display:inline-block;}

.tagline {
  display: none;
}


/************************************
** フッター
************************************/
#footer{padding-top:0!important;margin-top:0;}
.article-footer{ display:none;}

/************************************
** Main
************************************/
.wp-block-cover{ min-height:560px;margin-bottom:0!important; }



/************************************
** Menu
************************************/
#menu-h-menu li{width:199px; text-align:center; line-height:2!important; height:50px;}
#menu-h-menu li#menu-item-36 a{}
#menu-h-menu li a{ border-right:1px solid #fff;padding:10px 0;}
.navi-menu-caption{ color:#ffffff;}

#header-in .h-submenu{}


/************************************
** 固定ヘッダー
************************************/
.fixed-header{ height:80px;}
.fixed-header #menu-h-menu li{width:80px;}
.fixed-header #menu-h-menu li#menu-item-48{width:130px;}
.header-container-in.hlt-top-menur{position:relative;}
.fixed-header #nav{background-color:none; padding-bottom:0!important;}
.fixed-header #navi .navi-in{
  position: absolute;
  left: 20%;
  top: 20px;
}

.fixed-header #navi .navi-in a{color:#012351;border-right:1px solid #012351;}
.fixed-header .logo{ position:absolute;top:10px;left:0; }
.fixed-header .h-submenu{ 
	position:absolute;
	bottom:-4px;
	right:50px;
	display:none;
}
.fixed-header .kotei-submenu{ 
	position:absolute;
	bottom:10px;
	right:50px;
	display:inline!important;
}

.fixed-header .h-submenu img.pc-img{ max-width:95%;} 

.header-container-in.hlt-top-menu .h-submenu li{ padding-top:10px;}
.header-container-in.hlt-top-menu .navi-in{ position:absolute;left:25%; top:20px;}
.header-container-in.hlt-top-menu .navi-in .item-label{ font-size:11px; color:#000000; }


/************************************
** 共通
************************************/
section{ margin:0px auto; width:1000px;padding:50px 10px;}

/*投稿日を非表示にする*/
.post-date {
  display: none;
}

/*更新日を非表示にする*/
.post-update{
  display: none;
}
p img:hover {
   opacity: 0.75; /* 25％ほど透明にする */
}

img.aligncenter {
display:block;
margin:5px auto 30px auto;
text-align:center;
}

img.alignright{
margin:5px 0 30px 30px;
}

img.alignleft{
margin:5px 30px 30px 0;
}


.alignright{ float:right; }
.alignleft{ float:left; }


.sp_br {
  display: none; //768px以上では改行タグを無効に。
}
@media screen and (max-width: 768px) {
  .sp_br {
    display: block; //768px未満で改行タグを有効に。
  }
}



.pc-img{ display:inline!important;}
.tab-img { display:none!important;}
.smt-img { display:none!important;}

/************************************
** margin / padding
************************************/
.mt10{ margin-top:10px;}
.mt30{ margin-top:30px;}

.mb0{ margin-bottom:0px!important;}
.mb15{ margin-bottom:15px;}
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}

.mb0{margin-bottom:0!important;}

/************************************
** Font
************************************/
.fs{font-size:80%;}
.fm{font-size:120%;}
.fl{font-size:140%;}
.fll{font-size:160%;}

.bold{ font-weight:bold; }
.uline{ text-decoration:underline;}

.orange{color:#ff6b39;}
.yellow{ color:#f9ef55;}
.yellow02{color:#ffe651;}
.red{ color:#ea3e60;}
.white{ color:#ffffff;}
.pink{ color:#ea3e60;}
.pink02{ color:#ffa9c9!important;}
.pink03{ color:#de3876!important;}

.line-yellow{
	background:linear-gradient(transparent 60%, #fffa00 60%);
}

.mincho{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.center{ text-align:center;}
.right{ text-align:right;}
.left{ text-align:left;}

.text01{ line-height:1.4;}
/************************************
** Tittle
************************************/

.ti01{ 
	background-color:transparent!important;
	padding:10px 20px; 
	margin-bottom:20px; 
	text-align:left;
    background: url(images/border-dotted.png) 0 100% repeat-x;
	font-weight:bold;
	font-size:1.8em!important;
	display:inline;
}

.article h2.ti02{ font-size:2em; font-weight:bold; margin-bottom:30px; border:none; text-align:center; background-color:transparent!important;} 
.article .ti03{color:#001bbe!important; border:none; text-align:center; margin-bottom:30px; font-size:2em;}


h2.ttl {
width: 100%;
position: relative;
color: #fff;
text-align: center;
padding: 30px;
background-color: #000000;
font-size:1.8em;
}
.ttl::after {
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
margin: 0 0 0 -50px;
border: 50px solid transparent;
border-top-color: #000000;
content: '';
}

h2.ttl02 {
width: 100%;
position: relative;
color: #fff;
text-align: center;
padding: 30px;
background-color: #001631;
font-size:1.8em;
}
.ttl02::after {
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
margin: 0 0 0 -50px;
border: 50px solid transparent;
border-top-color: #001631;
content: '';
}


h1.entry-title{
width:1196px;
margin:20px auto;	
  padding: 1rem 2rem;
  border-left: 5px solid #012351;
  background: #f4f4f4;	
}


/************************************
** box
************************************/
.box01{ 
border:#001bbe solid 1px;
width:60%;
margin-top:50px;
padding:30px  20px;
background-color:#ffffff;
}
.box01-r{ 
border:#001bbe solid 1px;
width:100%;
margin-top:50px;
padding:30px  20px;
background-color:#ffffff;
}

.box01 p{ margin-bottom:0;}  
.box01 h4{ 
position: relative;
border:none;
padding:20px 0 20px 100px;
}

.ti-box01{ 
position: relative;/* ←文字の親要素に指定 */
padding-top:0px;
padding-left:100px;
font-weight:bold;
font-size:1.4em;
margin-bottom:20px;

}

.ti-box01-inner {
    position: absolute;
    top: 50%;
    left: 7%;
   -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px; 
    background-color: #001bbe;
    border-radius: 50%; 
    margin: 0 auto;
   padding-top:10px;
    text-align: center;
    color:#ffffff;
   font-size:0.8em;
   line-height:1.2;
}

.dl-l{ float:left; width:48%; margin-left:10px; }
.dl-r{ float:right; width:48%;}
.box02 dt{font-weight:bold; font-size:1.4em;}
.box02 dd{margin-left:0;}


/************************************
** youtube レスポンシブ
************************************/
.movie-wrap{
  width:100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.video-container{ 
	max-width:1000px!important;
	text-align:center!important;}

/************************************
** List
************************************/
ul.listIcon01{padding-left:0!important;}
ul.listIcon01 li {
    padding: 10px 0 10px 30px;
    line-height: 1.6em;
    background: url(images/icon-arrow.png) left 0px top 10px no-repeat;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 1.2em;
	list-style:none
}

.listIcon02{padding-left:0px!important;}
ul.listIcon02 li {
    padding: 12px 0 12px 50px;
    line-height: 1.6em;
    background: url(images/icon-arrow02.png) left 0px top 10px no-repeat;
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 1.2em;
	list-style:none
}
.listIcon03{padding-left:0px!important;}
ul.listIcon03 li {
    padding: 12px 0 12px 50px;
    line-height: 1.6em;
    background: url(images/icon-arrow03.png) left 0px top 10px no-repeat;
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 1.2em;
	list-style:none
}
.listcircle{
	padding-left:0px;
}
 

.listcircle li{
  position: relative;
  padding-left: 20px;
 list-style:none;
}
 
.listcircle li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 15px;
  height: 15px;
  background-color: #0b276c;
  border-radius: 50%;
}


.dlfaq{background:url("images/line-dotte.png") repeat-x left bottom; margin-bottom:20px;padding-bottom:10px;}

.dlfaq dt{ 
	padding:15px 0px 15px 70px;
	margin-bottom:30px;
	font-size:1em; 
	font-weight:bold; 
	background:url("images/icon-q.png") no-repeat left center;
	color:#000;
}

.dlfaq dd{
	margin-left:0!important;
	padding:5px 0px 30px 70px;
	font-weight:bold; 
	background:url("images/icon-a.png") no-repeat left 10%;
}

.dlvoice{padding-bottom:10px; margin-bottom:20px;}

.dlvoice dt{ 
	padding:15px;
	margin-bottom:30px;
	font-size:1em; 
	font-weight:bold; 
	color:#000;
	background-color:#012351;
	color:#ffffff;
}

.dlvoice dd{
	margin-left:0!important;
	padding:5px 10px 10px 10px;
	font-weight:bold; 
}

.list01{ padding-left:0!important;}
.list01 li{ display:inline;}


/************************************
** table
************************************/

table.table01 {
	margin:3% 0;
	border-left:#accbd3 1px solid;
	border-right:#accbd3 1px solid;
	
}
table.table01 th {
	background:#def9ff!important;
	color:#000;
	padding:15px;
	text-align:left;
	border-top:#8badb5 1px solid;
	border-bottom:#8badb5 1px solid;
	border-right:#8badb5 1px solid;
	border-left:#accbd3 1px solid;
	width:30%;
}
table.table01 th.th01 { background-color:#accbd3; }
table.table01 th.th02 { background-color:#accbd3; }

table.table01 td {
	border-top:#8badb5 1px solid;
	border-bottom:#accbd3 1px solid;
	border-right:#accbd3 1px solid;
	padding:15px;
	text-align:left;
}


/************************************
** 投稿
************************************/
.archive-title {
	color:#FFF;
	background:#012351;
	padding:2% 2%;
}

.eye-catch-wrap{text-align:center;}
.eye-catch img { max-width:80%; margin:0 auto;}


.category #content,
.single #content {
	background:#fff;
	padding:0 4% 2% 4%;
	max-width:1000px;
	margin:3% auto;
}

#list a{border:1px solid #014797; margin:20px 10px;}

.a-wrap{ margin-bottom:0;}

.entry-card-title,
.related-entry-card-title {
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1.4;
	color: #040404a1;
	margin: 0 0 17px 5px;
}	


/************************************
** Clearfix
************************************/
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1200px以下*/
@media screen and (max-width: 1200px){
#header-in{ width:100%; margin:0 auto; }

.fixed-header .textwidget{ position:relative;} 
.fixed-header .kotei-submenu{ 
  width:340px;	
 position: absolute;
  top: 10px;
  left:850px;
  margin-top: 0 !important;	
}	
	
}


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

/************************************
** ヘッダー
************************************/	
.tagline{ 
	margin-top:0!important;
	margin-bottom:0!important;
}
	

.search-menu-button{ display:none;}
.navi-menu-button{ margin-top:7px;}
.logo-menu-button img{ }
	
/*固定ヘッダーエリア*/	
	
.fixed-header #navi .navi-in {
position: absolute;
left: 230px!important;
top: 10px;
width:500px;
}

.fixed-header .header-container-in.hlt-top-menu .navi-in .item-label{ font-size:0.8em!important;}	
.fixed-header .logo{ position:absolute;top:10px;left:0; }
.fixed-header .h-submenu{
  width:340px;	
  position: absolute;
  top: -10px;
  left: 750px;
  margin-top: 0 !important;	
}
.fixed-header #menu-h-menu li{ width:16%!important; }
.fixed-header .h-submenu li{ max-width:120px;}	
.fixed-header .h-submenu img{ }

	
	
/*ロゴエリア*/
.logo-menu-button img {
    max-height: none;
	margin: 15px 0 0 10px;
}

/*ヘッダーボタンエリア　*/
.h-submenu{ width:450px; margin-top:-105px!important; margin-left:0px!important;padding-left:5px!important;}
.h-submenu li.h-contact{ margin:10px 5px 0 0px!important;}
.mobile-header-menu-buttons .h-submenu li{ display:inline-block;}
	
/*メニューエリア*/

#menu-h-menu li{ width:15%!important; font-size:0.8em!important;}	

.fa-bars::before{ color:#012351!important;}
.search-menu-button.menu-button,
.mobile-header-menu-buttons .navi-menu-button.menu-button{
	height: 65px;
	padding-top: 18px;
	padding-right:10px;
}
.navi-menu-button { width:60px!important;}	
.navi-menu-button img{margin-right:0; }
.navi-menu-caption{ color:#012351!important; }	

	
/*メイン画像エリア*/
.wp-block-cover{min-height:70vh;}

	
img.alignright, img.alignleft{
display:block;
margin:5px auto 20px auto;
}
	
	
/*-------- List -----------*/
.list01{　width: 100%; text-align:center;}
.list01 li{　margin:0 auto;display:inline-block;}

	
.alignright,.alignleft{	float:none;}


/*--------  Section  -----------*/
section{ margin:20px auto; width:100%;}

	
	
/*------    table      -----*/
table.table01 th,
table.table01 td{
width:100%!important;
display: block!important;}		
	
	
	
.pc-img { display:none !important;}
.tab-img{ display:inline!important;}	
.tab-smt{ display:inline!important;}	
.smt-img { display:inline !important;}	

}



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

#header-in{ width:100%; margin:0 auto;}
	
/*ヘッダーボタンエリア　*/	
.h-submenu {
  width: 130px;
  margin-top: 10px !important;
  margin-left: 0px !important;
  padding-left: 5px !important;
}
.fixed-header　.kotei-submenu {
  width: 130px;
  margin-top: 10px !important;
  margin-left: 0px !important;
  padding-left: 5px !important;
  display:inline;
}	
	
	
.ti01{ display:block;}
	
.tab-img { display:none !important;}	
.smt-img { display:inline!important;}
}


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

/*-----------------------
         header
-----------------------*/	
/*ヘッダーボタンエリア　*/
.h-submenu{ width:130px; margin-top:10px!important; margin-left:0px!important;padding-left:5px!important;}
.h-submenu li.h-contact{ margin:10px 0px 0 5px!important;}
.mobile-header-menu-buttons .h-submenu li{ display:inline-block;}	

	
/*-----------------------
        tittle
-----------------------*/	
	h1.entry-title{ width:100%;}	
	
/*-----------------------
         section
-----------------------*/
section{ padding:20px; margin-top:0px!important; margin-bottom:0px!important; }
	

		
/*-----------------------
         table
-----------------------*/

table.table01 th,
table.table01 td{
		width:100%;
	display: block;}	
	
	
/*-----------------------
         Box
-----------------------*/

.dl-l{ float:none; width:100%; margin-left:0px; }
.dl-r{ float:none; width:100%;}

.box01{ 
width:100%;
margin-top:350px;
padding:30px  20px;
}
.box01-r{ 
width:100%;
margin-top:350px;
padding:30px  20px;
}
	
.box01 h4{ 
position: relative;
border:none;
padding:20px 0 20px 100px;
}
.ti-box01{ 
position: relative;/* ←文字の親要素に指定 */
padding-top:60px;
padding-left:0px;
font-weight:bold;
font-size:1.4em;
margin-bottom:20px;
}

.ti-box01-inner {
    position: absolute;
    top: 0%;
    left: 50%;
   -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px; 
    background-color: #001bbe;
    border-radius: 50%; 
    margin: 0 auto;
   padding-top:10px;
    text-align: center;
    color:#ffffff;
   font-size:0.8em;
   line-height:1.2;
}

/************************************
** Form
************************************/
.mfp_element_textarea{ width:100%!important; margin-left:10px!important;}
.mfp_element_submit{ color:#000;}
.c-form01__zip { width:100px!important; }
input#address{ width:100%!important; }
input#firstname{ width:45%!important; }
input#lastname{ width:45%!important; }
input#mfp_element_6,
input#mfp_element_7,
input#mfp_element_8{ width:100%!important; }
	
	
.tab-img { display:none !important;}	
.smt-img { display:inline!important;}		
}

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

}
/************************************
** campaign2410
************************************/
section.campaign01 {
    margin: 0px auto;
    width: 1000px;
    padding: 0px 10px;
}
@media screen and (max-width: 1023px){
 section.campaign01 {
		    width: 100%;
    }
}
@media screen and (max-width: 840px){
    section.campaign01 {
        padding: 20px 20px 0 20px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;

    }
}

/************************************
** トップページのお客様の声一覧
************************************/
/*ショートコードでエントリーカードのような表示に*/
.bg-sec02 h3.ti03 {
	margin-top:80px;
}
.home .like-entry-cards .new-entry-card-link.widget-entry-card-link.a-wrap,
.page-id-39  .like-entry-cards .new-entry-card-link.widget-entry-card-link.a-wrap {
  padding: 1.5%;
  max-width: none;
  margin-bottom: 3%;
  border: 1px solid #ccc;
	width: 32%;
    margin-right: 2%;
    float: left;
	min-height: 400px;
}
.home .like-entry-cards .new-entry-card-link.widget-entry-card-link.a-wrap:last-child, 
.page-id-39 .like-entry-cards .new-entry-card-link.widget-entry-card-link.a-wrap:last-child{
	  margin-right: 0;
}
.home .like-entry-cards .new-entry-card-thumb.widget-entry-card-thumb.card-thumb,
.page-id-39 .like-entry-cards .new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
  width: 100%;
  margin-bottom: 2%;
}

.home .like-entry-cards .new-entry-card-content.widget-entry-card-content.card-content,
.page-id-39 .like-entry-cards .new-entry-card-content.widget-entry-card-content.card-content  {
  margin-left: 0;
  padding-bottom: 1.2em;
}

.home .like-entry-cards .new-entry-card-title.widget-entry-card-title.card-title,
.page-id-39 .like-entry-cards .new-entry-card-title.widget-entry-card-title.card-title {
  font-size: 18px;
  margin: 0 0 5px 0;
  line-height: 1.2;
  font-weight: bold;
}

.home .like-entry-cards .new-entry-card-snippet.widget-entry-card-snippet.card-snippet,
.page-id-39 .like-entry-cards .new-entry-card-snippet.widget-entry-card-snippet.card-snippet  {
  font-size: 0.8em;
  max-height: 7.8em;
  line-height: 1.3;
  overflow: hidden;
}

.home .like-entry-cards .new-entry-card-date.widget-entry-card-date.display-none,
.page-id-39 .like-entry-cards .new-entry-card-date.widget-entry-card-date.display-none {
  bottom: 0;
  position: absolute;
  right: 0;
  text-align: right;
  line-height: 1;
  display: block;
  font-size: 0.7em;
}

@media screen and (max-width: 840px) {
.home .like-entry-cards .new-entry-card-link.widget-entry-card-link.a-wrap,
.page-id-39 .like-entry-cards .new-entry-card-link.widget-entry-card-link.a-wrap  {

  margin-bottom: 3%;
	width: 100%;
    margin-right: 0;
    float: none;
	min-height: auto;
}
	}
@media screen and (max-width: 480px) {

.home .like-entry-cards .new-entry-card-content.widget-entry-card-content.card-content,
.page-id-39 .like-entry-cards .new-entry-card-content.widget-entry-card-content.card-content  {
    margin-left: 0;
  }

.home .like-entry-cards .new-entry-card-thumb.widget-entry-card-thumb.card-thumb,
.page-id-39 .like-entry-cards .new-entry-card-thumb.widget-entry-card-thumb.card-thumb  {
    margin-bottom: 6px;
  }

.home .like-entry-cards .new-entry-card-title.widget-entry-card-title.card-title,
.page-id-39 .like-entry-cards .new-entry-card-title.widget-entry-card-title.card-title  {
    font-size: 16px;
    line-height: 1.3;
  }

.home .like-entry-cards .new-entry-card-snippet.widget-entry-card-snippet.card-snippet,
.page-id-39 .like-entry-cards .new-entry-card-snippet.widget-entry-card-snippet.card-snippet  {
    margin-bottom: 0;
    clear: both;
    font-size: 13px;
    /*display: none;スニペットを非表示にする場合に使用*/
  }

}

/************************************
** 追尾バナー
************************************/
.bn-tracking {
	position: absolute;
	right:0;
	bottom:30px;
	position:fixed;
}
@media screen and (max-width: 480px) {
	.bn-tracking {
	width:70%;
}
}