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

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

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

.sp-frame{
	padding-left:15px;
	padding-right:15px;
}

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

.pc-only{display:none!important;}
  
}

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


@media print, screen and (min-width: 835px) {

.sp-only{display:none!important;}

}


/* : header
----------------------------------------------- */

.header-in{
	position:relative;
}

.header-copy{
	font-size:24px;
	font-weight:bold;
	color:#2BA8D9;

}

.header-side-text{
	font-size:12px;
}

@media print, screen and (min-width: 835px) {

.header-copy{
	position:absolute;
	left:0;
	top:50%;
	font-weight:bold;
	transform: translate(-0%, -50%);

}

.header-side-text{
	position:absolute;
	right:0;
	top:50%;
	transform: translate(-0%, -50%);
}

}


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

.header-in{
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
.header-in .logo-image{
	padding:5px 0;
}
.header-in .logo-image img{
	max-width:50%;
}

.header-in .tagline{
	display:none;
}

.header-copy{
	font-size:18px;
}
.header-side-text{
}




}


/* : content
----------------------------------------------- */

#content{
	margin-top:0;
}

#breadcrumb{
	display:none;
}


.pagetitle{
	color:#fff;
	background:#2BA8D9;
	font-size:32px;
	text-align:center;
	margin-bottom:70px;
	padding:35px 0;
}

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

.pagetitle{
	font-size:24px;
	padding:10px 15px;
	margin-bottom:30px;
}


}

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

.wp-block-column .wp-block-media-text__media,
.wp-block-column .wp-block-media-text__content{
	margin-bottom:25px!important;

}

.wp-block-column .wp-block-media-text__media:last-child,
.wp-block-column .wp-block-media-text__content:last-child{
	margin-bottom:0!important;
}

.wp-block-media-text .wp-block-media-text__content{
	padding-left:4%!important;
	padding-right:4%!important;
}

}


#container .midashi1{
	font-size:24px;
	color:#2BA8D9;
	padding:0;
	margin:0 0 25px 0;
	background:none;
}
#container .text-copy + .midashi1{
	margin-top:20px!important;
}

#container .midashi2{
	font-size:24px;
	color:#000;
	padding:0;
	margin:0 0 20px 0;
	background:none;
	border:0;
}
#container .midashi3{
	font-size:20px;
	color:#000;
	padding:0;
	margin:0 0 20px 0;
	background:none;
	border:0;
}
#container .midashi3.blue{
	color:#2BA8D9;
}

#container .midashi3.underline{
	border-bottom:1px solid #707070;
	padding-bottom:5px;
}

#container .midashi4{
	font-size:18px;
	color:#000;
	padding:0;
	margin:0 0 20px 0;
	background:none;
	border:0;
	overflow:hidden;
}
#container .midashi4 > span{
	position:relative;
	padding-right:20px;
}
#container .midashi4 > span:before{
	content:"";
	height:1px;
	background:#707070;
	position: absolute;
	top:50%;
	left:100%;
	width:100vw;
}

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

#container .midashi1,
#container .midashi2{
	font-size:20px;
}
#container .midashi3{
	font-size:18px;
}
#container .midashi4{
	font-size:17px;
}



}


#container .text-copy{
	font-size:20px;
	color:#000;
	padding:0;
	margin:0 0 10px 0;
	background:none;
	border:0;
}
#container .text-copy div{
	display:inline-block;
	background: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0) 60%, rgba(182,231,242,1) 60%,rgba(182,231,242,1));

	background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0) 60%, rgba(182,231,242,1) 60%,rgba(182,231,242,1));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),color-stop(0.6,rgba(0,0,0,0)),color-stop(0.6,rgba(182,231,242,1)),to(rgba(182,231,242,1)));
	background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0) 60%, rgba(182,231,242,1) 60%,rgba(182,231,242,1));


}

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

#container .text-copy{
	font-size:18px;
}

}

#container .section-title{
	text-align:center;
	margin-bottom:30px;
}
#container .section-title h2{
	font-size:28px;
	color:#2BA8D9;
	padding:0;
	margin:0 0 5px 0;
	background:none;
}
#container .section-title .en-name{
	font-size:18px;
	color:#B6E7F2;
	font-weight:bold;
}

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

#container .section-title h2{
	font-size:24px;
}
#container .section-title .en-name{
	font-size:16px;
}


}


.dot-box{
	border:1px dotted #333;
	padding:15px;
	margin-bottom:30px;
}

.dot-box p:last-child{
	margin-bottom:0;
}


@media print, screen and (min-width: 835px) {


.width-pc-75{
	width:75%!important;
	margin-left:auto;
	margin-right:auto;
}


}

.blue-box{
	background:#B6E7F2;
	padding:20px;
	border-radius: 5px;
	margin-bottom:30px;
}
.blue-box p:last-child{
	margin-bottom:0;
}

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

.blue-box{
	padding:15px;
}

}

.section-space{
	margin-bottom:120px;
}


.border-section{
	border:5px solid #2BA8D9;
	padding:30px;
	margin-bottom:70px!important;
}

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

.section-space{
	margin-bottom:60px;
}

.border-section{
	padding:15px;
	margin-bottom:35px!important;
}

}


.box-narrow{
	max-width:860px;
	margin-left:auto;
	margin-right:auto;
}
.box-middle{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}


/* : contents
----------------------------------------------- */

.service-3-block figure{
	margin-bottom:0.8em!important;
}



/* : footer
----------------------------------------------- */


/*
===== bottom-contact =====
*/

.bottom-contact{
	padding:5px;
	background:#2BA8D9;
	border-radius: 10px;
	font-size:16px;
	margin-bottom:80px;
}

body.home .bottom-contact,
.page-id-26 .bottom-contact,
.page-id-170 .bottom-contact,
.page-id-198 .bottom-contact,
.post-type-archive-case .bottom-contact,
.single-case .bottom-contact,
.page-id-33 .bottom-contact,
.single-post .bottom-contact{
/*
	display:none;
*/	
}


.bottom-contact .head{
	color:#fff;
	text-align:center;
	padding:15px 15px 25px 15px;
}

.bottom-contact .head .title{
	font-size:28px;
	margin-bottom:5px;
	font-weight:bold;
}

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

.bottom-contact{
	font-size:14px;
	margin-bottom:50px;
}
.bottom-contact .head .title{
	font-size:22px;
}


}

.bottom-contact .head p{
}

.bottom-contact .inner{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.bottom-contact .group{
	width:50%;
	background:#fff;
	padding:20px;
	text-align:center;


}
.bottom-contact .group:last-child{
	border-left:5px solid #2BA8D9;
}

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

.bottom-contact .inner{
	display:block;
}
.bottom-contact .group{
	width:100%;
	padding:15px;
}
.bottom-contact .group:last-child{
	border-left:0px solid #2BA8D9;
	border-top:5px solid #2BA8D9;
}

}

.bottom-contact .group .subtitle{
	font-size:20px;
	margin-bottom:15px;
	font-weight:bold;
}

.bottom-contact .group .subtitle:before{
	content:"";
	position:relative;
	vertical-align:middle;
	display:inline-block;
	margin-right:10px;
}

.bottom-contact .tel .subtitle:before{
	background: url(img/common/footer/contact/tel.png) center no-repeat;
	background-size:contain;
	width:19px;
	height:19px;
}
.bottom-contact .mail .subtitle:before{
	background: url(img/common/footer/contact/mail.png) center no-repeat;
	background-size:contain;
	width:23px;
	height:19px;
}

.bottom-contact .group .notes{
	font-weight:bold;
}

.bottom-contact .tel .num a{
	font-size:40px;
	font-weight:bold;
	display:inline-block;
	line-height:1;
	color:#2BA8D9;
	text-decoration:none;
	margin-bottom:15px;
}

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

.bottom-contact .group .subtitle{
	font-size:18px;
}
.bottom-contact .tel .num a{
	font-size:28px;
}

}

.link-button{
	margin-bottom:10px;
	text-align:center;
}
.link-button a{
	display:inline-block;
	text-decoration:none;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	background:#2BA8D9;
	border-radius: 35px;
	padding:12px 70px;
	position:relative;

}



.link-button a:after{
	content:"";
	display:inline-block;
	width:8px;
	height:8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;

	position:absolute;
	right:25px;
	top:50%;

	transform: rotate(45deg) translate(-0%, -50%);

}

.link-button .color-white{
	border:2px solid #2BA8D9;
	background:#fff;
	color:#2BA8D9;
}

.link-button .color-white:after{
	border-top-color:#2BA8D9;
	border-right-color:#2BA8D9;
}

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

.link-button a{
	font-size:16px;
	padding:12px 35px 12px 25px;

}
.link-button a:after{
	right:15px;
}

}


/*
===== footer-taiou =====
*/

.footer-taiou{
	margin-bottom:30px;
}


.footer-taiou .title{
	font-size:24px;
	text-align:center;
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
	font-weight:bold;
}
.footer-taiou .title span{
	display:inline-block;
	background:#fff;
	padding:0 20px;
	position:relative;
	z-index:2;
}
.footer-taiou .title:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;
	background:#000;
}

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

.footer-taiou .title{
	font-size:22px;
	margin-bottom:25px;
}

}

.footer-taiou .inner{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

	-webkit-justify-content: space-between;
	justify-content:         space-between;

}

.footer-taiou .group{
	width:48%;
	margin-bottom:30px;
	font-size:14px;
}


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

.footer-taiou .inner{
	display:block;
}
.footer-taiou .group{
	width:100%;
}


}


.footer-taiou .subtitle{
	text-align:center;
	color:#fff;
	background:#80DDF2;
	padding:5px;
	margin-bottom:15px;
	font-size:20px;
	border-radius: 25px;
	font-weight:bold;

}

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

.footer-taiou .subtitle{
	font-size:18px;
}


}


/*
===== footer-ori =====
*/

.footer-bottom{
	display:none!important;
}

.footer-ori{
	font-size:14px;
	margin-bottom:20px;
}

.footer-ori .town{
	background:url(img/common/footer/bg-town.png) center repeat-x;
	background-size: auto 92px;

	height:92px;
}

.footer-ori .middle{
	color:#fff;
	padding:50px 0;
	margin-bottom:20px;
	background:#4EBFD9;
	text-align:center;
}

.footer-ori .logo{
	margin-bottom:15px;
}
.footer-ori .address{
	font-size:16px;
	margin-bottom:10px;
}

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

.footer-ori .middle{
	padding:30px 0;
}

.footer-ori .logo img{
	width:200px;
}

.footer-ori .address{
	font-size:14px;
}

}

.footer-ori .bottom ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

	-webkit-justify-content: flex-end;
	justify-content:         flex-end;
	margin-bottom:15px;
	list-style:none;

}

.footer-ori .bottom li{
	line-height:1.6;
}
.footer-ori .bottom li:first-child{
	border-left:0;
	padding-left:0;
}

.footer-ori .bottom li a{
	color:#000;
	text-decoration:none;
	display:inline-block;
	padding-left:10px;
	border-left:1px solid #000;
	margin-left:10px;
	line-height:1;
}


.footer-ori .bottom .copyright{
	text-align:center;
	font-size:12px;
}

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

.footer-ori .bottom{
	padding-bottom:30px;
}
.footer-ori .bottom li{
	font-size:14px;
}



}




/* : home
----------------------------------------------- */

#home-mainimg{
	background:url(img/home/mainimg.jpg) center no-repeat;
	background-size:cover;
	height:600px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

	-webkit-justify-content: center;
	justify-content:         center;
	-webkit-align-items: center;
	align-items:         center;


}

#home-mainimg h1{
	margin:0;
	padding:0;
}

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

#home-mainimg{
	height:100vw;
}



}

/*
===== news =====
*/


.news-headline{
	border-top:1px solid #707070;
	margin-bottom:30px;
}
.news-headline .item{
	border-bottom:1px solid #707070;
}
.news-headline .item a{
	color:#333;
	text-decoration:none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
	padding:10px 0;


}
.news-headline .item .date{
	width:8em;
	margin-right:10px;
}



.wp-block-latest-posts{
	border-top:1px solid #707070;
	margin-bottom:30px;
}
.wp-block-latest-posts li{
	border-bottom:1px solid #707070;
}







/* : company
----------------------------------------------- */

.access-googlemap iframe{
	width:100%;
	height:600px;
	display:block;
	margin-bottom:20px;
}

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

.access-googlemap iframe{
	height:75vw;
}

}

.access-trafic{
	margin-bottom:50px;
}

.access-trafic .group{
	margin-bottom:15px;

}
.access-trafic .group:after{content: ""; display: block; clear: both;height: 0;}

.access-trafic .group .head{
	position:relative;
	padding-left:45px;
	float:left;
	margin-right:20px;
	font-weight:bold;
}
.access-trafic .group .head .icon{
	position:absolute;
	left:0;
	top:3px;
	width:40px;
	text-align:center;
}

.access-trafic .group .text{
	overflow:hidden;
	font-size:90%;
}

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

.access-trafic .group .head{
	float:none;
	margin:0 0 20px 0;
}

}

.company-table{
	margin-left:auto!important;
	margin-right:auto!important;
}


.company-table table{
	border-collapse:collapse;
	border:0;
	border-top:1px solid #707070;
	margin-left:auto;
	margin-right:auto;
	width:100%!important;
}
.company-table tr{
	background:none!important;
}
.company-table td{
	border:0;
	border-bottom:1px solid #707070;
	padding:15px;
	vertical-align:top;
}

.company-table td:first-child{
	font-weight:bold;
	text-align:right;
	white-space:nowrap;
}

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

}


/* : case
----------------------------------------------- */

.post-type-archive-case #main,
.single-case #main{
	width:100%;
}
.post-type-archive-case #sidebar,
.single-case #sidebar{
	display:none;
}



.case-detail{
	margin-bottom:50px;
}


.case-detail .cat{
	margin-bottom:25px;
}
.case-icon{
	color:#fff;
	display:inline-block;
	padding:5px 20px;
	background:#aaa;
	font-size:14px;
}
.case-detail .cat span{
	margin-right:5px;
}
.case-icon.icon7{background:#2BA8D9;}
.case-icon.icon8{background:#F2B33D;}
.case-icon.icon9{background:#F2528D;}


.case-detail h2{}

.case-detail .data{
	margin-bottom:25px;
}

.case-detail .data .group:after{content: ""; display: block; clear: both;height: 0;}

.case-detail .data .group .head{
	float:left;
	margin:0 20px 10px 0;
	font-weight:bold;
}
.case-detail .data .group .text{
	overflow:hidden;
	margin-bottom:10px;
}



/*
===== bottom-case-headline =====
*/


.bottom-case-section{
	background:#F4F4F4;
	padding:55px 0;
	margin-bottom:80px;
}

body.home .bottom-case-section,
.page-id-18 .bottom-case-section,
.page-id-14 .bottom-case-section,
.post-type-archive-case .bottom-case-section,
.page-id-33 .bottom-case-section,
.single-post .bottom-case-section{
	display:none;
}

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

.bottom-case-section{
	padding:30px 0;
}

}

.case-headline{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

}


@media print, screen and (min-width: 835px) {

.case-headline .item{
	width:30%;
	margin-right:5%;
	margin-bottom:50px;
}
.case-headline .item:nth-child(3n){
	margin-right:0;

}
.case-headline .item:nth-last-child(-n+3){
	margin-bottom:0px;
}

}

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

.case-headline{
	-webkit-justify-content: space-between;
	justify-content:         space-between;

}

.case-headline .item{
	width:49%;
	margin-bottom:30px;
}
.case-headline .item:nth-last-child(-n+2){
	margin-bottom:0px;
}

}

.case-headline .item .img{
	margin-bottom:15px;
}
.case-headline .item .img a{
	display:block;
	height:240px;
	background-position:center;
	background-size:cover;
	position:relative;

}
.case-headline .item .img .case-icon{
	position:absolute;
	left:0;
	top:0;
}

.case-headline .item .text{
	margin-bottom:15px;
}

.case-headline .link-button a{
	padding:5px 40px;
}



/* : house
----------------------------------------------- */

.house-flow{
	margin:0 auto 20px auto;
	max-width:720px;
}
.house-flow .step{
	text-align:center;
	color:#fff;
	font-size:22px;
	font-weight:bold;
	background:#4EBFD9;
	position:relative;
	border-radius: 25px;
	margin-bottom:25px;
	padding:7px;

}

.house-flow .step:before{
	border:12px solid transparent;
	border-top:13px solid #B6E7F2;

	content:"";
	display:inline-block;
	position:absolute;
	left:50%;
	top:100%;
	margin:7px 0 0 -12px;

}
.house-flow .step:last-child:before{
	display:none;
}


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

.house-flow .step{
	font-size:18px;
}


}

/* : form
----------------------------------------------- */





.form-table{
	margin-bottom:30px!important;
}
.form-table tr{
	background:none!important;
}

.form-table th,
.form-table td{
	background:none!important;
	border:0!important;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
}


.form-table th{
	width:30%;
	padding:5px 15px 15px 5px;
}
.form-table td{
	padding:5px 0 15px 5px;
}


.icon-must{
	position:relative;
	display:inline-block;
	height:1em;
	color:#cc0000;
}

table .icon-must{
	margin-left:-1em;
}



.form-button{
	margin-bottom:30px;
	margin-top:35px;
	text-align:center;
}
.form-button p{
	display:inline;
}

.form-button input[type=submit]{
	display:inline-block;
	text-decoration:none;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	background:#2BA8D9;
	border-radius: 35px;
	padding:12px 70px;
	position:relative;
	border:0;
	cursor:pointer;
	width:auto;
	margin:0 15px 15px 15px;

}


.mw_wp_form_confirm.confirm-hidden{
 display: none!important;
}

.mw_wp_form_input{
}

.mw_wp_form_complete{
}


/* : news
----------------------------------------------- */


/*
===== main =====
*/

.entry-content{
	margin-bottom:50px;
}

.entry-meta{
	margin-bottom:15px;
	font-size:12px;
}
.entry-meta .cat{
	display:inline-block;
}

.entry-meta .cat a{
	display:inline-block;
	text-decoration:none;
	background:#2BA8D9;
	color:#fff;
	padding:2px 5px;
	margin-right:10px;
}

.entry-meta .date{
	display:inline-block;
}




/*
===== side =====
*/

.sidebar  aside{
	margin-bottom:50px;
}


.sidebar  aside .widget-title{
	font-size:18px;
	padding:10px 15px;
	margin:0 0 20px 0;
	background:none;
	border-left:5px solid #2BA8D9;

}

.sidebar  aside li{
	margin:0 0 1px 0;
	padding:0;
}
.sidebar  aside li a{
	background:#f2f2f2;
	position:relative;
	display:block;
	padding:10px 5px 10px 35px;
}

.sidebar  aside li a:after{
	content:"";
	display:inline-block;
	width:5px;
	height:5px;
	border-top: 2px solid #2BA8D9;
	border-right: 2px solid #2BA8D9;

	position:absolute;
	left:10px;
	top:50%;

	transform: rotate(45deg) translate(-0%, -50%);

}