@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*reset*/
#appeal{background-size:inherit;}
.appeal .appeal-in {width:100%;} 
.appeal-content {background-color:transparent; } 
.appeal-title, .appeal-message {color:#fff;}
.content-in.wrap,.content-in.wrap .main{width:100%; padding:0;}
.content,.entry-content>*,.entry-content.cf,p{margin: 0;}
a:hover{opacity:0.7;}
ul{padding: 0; list-style-type:none;}
.page .entry-title {display: none;}
.page .breadcrumb{display:none;}
.page .date-tags{display:none;}
.sp_br{display:none;}

/*****カスタム*****/
.go-to-top{right:20px; bottom:30px;}
.navi-in > ul{padding:10px 0; flex-wrap:nowrap;}
.navi-in > ul li {width:auto; height:auto; line-height:normal; flex:1;}
.item-label {border-right:1px solid #fff; padding:5px 0;}
.navi-in > ul li:last-child .item-label{border-right:none;}

/*****top*****/
.title_area .inner_title{width: 50%; margin:0 auto ; text-align:center; background:#fff;}
.title_area .inner_title h2{margin:0; padding:0; font-size:44px; font-weight:normal; font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif; letter-spacing:10px; position:relative; top:-20px;}
.title_area .inner_title p{position:relative;top:-15px;}

.title_area_long .inner_title{width: 960px; margin:0 auto ; text-align:center; color:#137c3a;}
.title_area_long .inner_title h2{margin:0; padding:0; font-size:44px; font-weight:normal; font-family:"Century Gothic", CenturyGothic, AppleGothic, sans-serif; letter-spacing:10px; color:#137c3a;}
.title_area_long h2:before,.title_area_long h2:after{content: ' '; display:inline-block; width:33.3%; height:1em; background: url(/wp/wp-content/uploads/2020/01/h2_bk.png) no-repeat; position:relative; top:30px; background-size:contain;}
.title_area_long h2:before{margin-right:30px;}
.title_area_long h2:after{margin-left:20px;}

/*cont01*/
#cont01 .box_inner{width: 960px; margin: 0 auto; display:flex; padding: 35px 0}
#cont01 .box_inner .box{margin:0 20px; width:30.3%;}
#cont01 .box_inner .balloon{margin-bottom: 20px; padding: 10px 0; text-align: center; width: 80%; color: #fff; position:relative;}
#cont01 .box_inner .balloon:before{content: ""; position:absolute; width:0; height:0; left:20px; top:40px; border-style:solid; border-width:10px 9px 6px 25px; transform:rotate(40deg);}
#cont01 .box_inner .box01 .balloon{background: #137c3a;}
#cont01 .box_inner .box01 .balloon:before{border-color:transparent transparent transparent #137c3a;}
#cont01 .box_inner .box02 .balloon{background: #403385;}
#cont01 .box_inner .box02 .balloon:before{border-color:transparent transparent transparent #403385;}
#cont01 .box_inner .box03 .balloon{background: #9a242f;}
#cont01 .box_inner .box03 .balloon:before{border-color:transparent transparent transparent #9a242f;}
#cont01 .box_inner .text{margin-top:20px; margin-bottom:15px;}
#cont01 .box_inner .button{list-style-type:none; margin: 0;padding: 0; display:flex;}
#cont01{background:url("/wp/wp-content/uploads/2020/01/conc01_bk01.gif"); background-repeat:repeat;}
#cont01 .button li{margin: 0; width: 50%;}
#cont01 .button li:nth-child(2){margin-left: 10px;}
#cont01 .button li a{display:block; color:#fff; background:#333; padding:7px 30px; text-decoration:none; font-size:12px; text-align: center;}
#cont01 .button li a:before{content: '>'; display:inline; width:18px;  height:18px; color:#fff; position:relative; left:-8px; top:-1px;}

/*cont02*/
.wp-block-group.alignfull.cont02{background:url("/wp/wp-content/uploads/2020/01/conc02_bk01.jpg"); background-repeat: no-repeat; background-size: cover; margin-top: 30px; background-position: center;}
#wpsp-95.wp-show-posts-columns.wp-show-posts{width: 960px; margin:0 auto; padding:50px 0 15px;}
.wp-show-posts-columns#wpsp-95 .wp-show-posts-inner{margin:0 0 2em 2em; padding:10px; background:#fff;}
.wp-show-posts-image{margin-bottom: 0;}
.wp-show-posts-entry-title a{color:#333; text-decoration:none;}
.wp-show-posts-entry-meta.wp-show-posts-entry-meta-below-title.post-meta-inline a{color:#27a49d; text-decoration:none; font-weight:bold;}

/*cont03*/
#cont03{padding:50px 0 100px;}
#cont03 .box_inner{width:960px; margin:0 auto;}
#cont03 .acssess_area{margin:30px 140px;}
#cont03 dl{display:flex; align-items:center; margin:0;}
#cont03 dt{width:20%; text-align:left; border-right:2px solid #137c3a; color:#137c3a; padding:10px;}


/*cont04*/
#cont04 .box_inner{width: 960px; margin: 50px auto 0; display:flex; padding-bottom: 50px;}
#cont04 .box_inner .box{margin:0 20px;}
#cont04 .box_inner .button{list-style-type: none; margin: 0; padding: 0; display: flex;}
#cont04{background:url("/wp/wp-content/uploads/2020/01/cont04_bk01.jpg"); background-repeat: no-repeat; background-size: cover; margin-top: 30px; background-position: top;}
#cont04 p{color:#fff; text-align:center;}
#cont04 .text{margin-top:50px;}
#cont04 .inner_title p{color:#333;}

/*cont05*/
#cont05{padding:50px 0 100px;}
#cont05 .block{width: 960px; margin: 0 auto; }
#cont05 .block .block_title{text-align: center; font-size:24px; color:#137c3a; margin-top:30px;}
#cont05 .block .block_text{margin-top: 50px;}
#cont05 .box_inner{display:flex;flex-wrap: wrap; justify-content:flex-end; border-right:3px solid #137c3a; margin:0 30px;} 
#cont05 .box_inner .box{width:33.3%; padding:20px; text-align:center; border-left:3px solid #137c3a; border-bottom:3px solid #137c3a;}
#cont05 .box_title{background: #137c3a; text-align:center; color:#fff; padding:10px; margin:30px 30px 0;}
#cont05 .box_title.mt100{margin-top:100px;}
#cont05 .box_inner .box .object{color:#137c3a;}
#cont05 .box_inner .box .text{text-align:left; margin-top:30px;}
#cont05 .acssess_area{margin:0 140px;}

/*cont06*/
#cont06{background:url("/wp/wp-content/uploads/2020/01/conc01_bk01.gif"); background-repeat:repeat;}
#cont06 .box_inner{width: 960px; margin: 0 auto; display:flex; padding:80px 0}
#cont06 .box_inner .box{margin:0 20px; text-align: center;}
#cont06 .box_inner .box p{margin: 20px 30px 0; text-align: left;}

/*cont07*/
#cont07{padding:50px 0 100px;}
#cont07 .block{width:960px; margin:0 auto; }
#cont07 .block .block_title{text-align: center;font-size: 24px; color:#137c3a; margin-top:30px;}
#cont07 .block .block_text{margin-top:50px;}
#cont07 .box_inner{display:flex; flex-wrap:wrap; margin-top: 50px;}
#cont07 .box_inner .box{width: 33.3%; padding: 20px; text-align:center;}
#cont07 .box_inner .box .object{color:#137c3a; margin-top: 20px;}
#cont07 .box_inner .box .text{text-align: left; margin-top:20px;}
#cont07 .button{display: flex; list-style-type:none; padding:0; justify-content: space-between;}
#cont07 .button li{width: 44%;}
#cont07 .button li a{display:block; color: #fff; background:#137c3a; padding:20px; text-decoration:none; font-size:16px; text-align:center;}
#cont07 .button li a:after{content: '>'; display:inline; width:18px;  height:18px; color:#fff; position:relative; right:-12px;}

/*footer_area*/
#footer{width:100%;}
#footer_area{margin-top: 70px;}
#footer_area .area01{background: #161351; color: #fff; position: relative;}
#footer_area .area01 .block{width: 60%;}
#footer_area .block_area{width: 960px; margin: 0 auto; display:flex; justify-content:space-between; padding:20px 0 40px;}
#footer_area .area01 ul{padding: 0; display: flex; justify-content:space-between; align-items:center;}
#footer_area .area01 ul li.tell a{font-size:36px; color: #fff; text-decoration: none;}
#footer_area .area01 ul li.tell a:before{content: ' '; display:inline-block; vertical-align: middle; width:1em; height:1em; background:url(/wp/wp-content/uploads/2020/01/fotter_icon01.png) no-repeat; background-size:contain;}
#footer_area .button{width: 100%;}
#footer_area .button a{display: block; text-align:center; text-decoration:none; color:#161351; background:#fff; padding:20px 0;}
#footer_area .area01 .button a:after{content: '>'; display:inline; width:18px; height:18px; color:#161351; position: relative; right: -12px;}
#footer_area .block.image{position:absolute; bottom:-7px; right:90px; width:30%; text-align: center;}
#footer_area .area02{background: url(/wp/wp-content/uploads/2020/01/fotter_bk01.jpg) no-repeat; background-position: top; background-size: cover; color: #fff;}
#footer_area .area02 .block_area{justify-content: space-around; padding: 70px 0;}
#footer_area .area02 .block_area > .block{position: relative; width: 35%;}
#footer_area .area02 .link_area{padding:0; list-style-type:none; display:flex; justify-content:space-around; align-items:flex-start; font-size:14px; }
#footer_area .area02 .link_area li a{color:#fff; text-decoration:none;}
#footer_area .area02 .company_area{font-size:30px; text-align:center;}
#footer_area .area02 .link_area ul li a:before {content: '>'; display:inline; width:18px; height:18px; color:#fff; position:relative; left:-12px;}
.summary{background:#030303; text-align:center; color:#fff; padding:10px 0;}
.footer-bottom{display:none;}


/*****inner*****/
/*acssess*/
#cont03.inner_page .inner_page_txt{margin:70px 0; text-align:center;}
.cont03_inner{width:960px; margin:60px auto 0}
.cont03_inner .box_inner{display:flex; justify-content:space-between;}
.cont03_inner .box_inner p.text{margin-top:30px; text-align:center;}

/*service*/
#cont05.inner_page .cont05_inner{margin-top: 30px; margin-bottom:70px;}
#cont05.inner_page .cont05_inner .box,#cont05.inner_page .cont05_inner .box_inner{border:none; padding:0; margin:0; flex-wrap:nowrap; margin-left:10px;}
#cont05.inner_page .cont05_inner .box_inner,#cont05.inner_page .cont05_inner .box:first-child{margin-left:0;}
#cont05.inner_page .cont05_inner .box img{width:100%;}
#cont05.inner_page .button{display:flex; list-style-type:none; padding:0; justify-content:space-between; margin:100px 30px 0;}
#cont05.inner_page .button li{width:46%;}
#cont05.inner_page .button li a{display:block; color:#fff; background:#000; padding:20px; text-decoration:none; font-size:16px; text-align:center;}
#cont05.inner_page .button li a:after{content: '>'; display:inline; width:18px; height:18px; color:#fff; position:relative; right:-12px;}

/*rental-office*/
#cont07.inner_page.title_area_long h2:before, #cont07.inner_page.title_area_long h2:after{width:24%;}
#cont07.inner_page .floor{background:#1d743a; color:#fff; text-align:center; margin-top:80px; padding:10px; font-size:36px;}
#cont07.inner_page .block .block_text{margin: 40px;}
#cont07.inner_page .box_inner .box .text {text-align:center;}
#cont07.inner_page .box_inner.column2 .box{width:50%;}
#cont07.inner_page .button li a{background: #000;}

/*charge*/
.inner_page.title_area_long.charge .inner_page_txt{text-align: center; margin-top: 60px; line-height: 1.7;}
.inner_page.title_area_long.charge .inner_page_txt span{font-size: 12px;}

/*contact*/
.inner_page.title_area_long.contact{padding-top: 50px;}
.inner_page.title_area_long.contact h2:before,.inner_page.title_area_long.contact h2:after {width: 24%;}
form{width:960px; margin:50px auto 130px;}
form p{ margin-top: 50px;}


/*記事*/
.article.post{width:960px; margin:100px auto 150px;}
.article.post .date-tags{margin-top:40px}
.article.post .entry-content.cf{margin-top:100px}
.entry-title {font-size:26px; margin:16px 0; line-height:1.3; padding:0 0 10px 0; position:relative;}
/* グラーデーションラインをひく擬似要素 */
.entry-title::after{ content:""; display:block; position:absolute; bottom:-10px; height:4px; width:100%; background:-webkit-linear-gradient(left, #137c3a 0%,#6cb92c 100%); background:linear-gradient(to right, #137c3a 0%,#6cb92c 100%);}

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

/*1023px以下*/
@media screen and (min-width:768px) {
  /*必要ならばここにコードを書く*/
	.navi-in a{font-size:13px;}
	#cont03.inner_page{padding-bottom:0;}
	#cont03 .acssess_area {margin: 30px 80px;}
	#cont05 .box_inner .box .text{text-align:center;}
	.article dd {margin-left:10px; border-left:2px solid #137c3a; width:100%; padding:15px 0 15px 25px;}
	#cont03 .acssess_area ul{padding-left:0; margin:0;}
	#cont03 .acssess_area ul li{padding-left:1em; text-indent:-1em;}
	#cont03 dt{border-right:none; width:26%;}
	#cont03 dl:nth-child(2n){margin-top: 30px;}
	#cont07 .box_inner .box .text{text-align:center;}
	#cont03.inner_page .inner_page_txt{margin:70px 80px;}
	#footer_area .area02 .block_area{padding:70px 20px 70px; display:flex;}
	#footer_area .area02 .block_area > .block{width:45%;}
	#footer_area .block.image{right:50px;}
}

/*834px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	#cont01 .box_inner,#wpsp-95.wp-show-posts-columns.wp-show-posts,.title_area_long .inner_title,#cont03 .box_inner,.title_area_long .inner_title,#cont05 .block,#cont06 .box_inner,#cont07 .block,#cont06 .box_inner,.title_area_long .inner_title,#footer_area .block_area,#cont01 .box_inner .box,#cont05 .box_inner .box,#cont07 .box_inner .box,#cont05 .box_inner,#footer_area .area02 .block_area > .block,#cont07 .box_inner,.cont03_inner,#cont05.inner_page .button,#cont07.inner_page .box_inner.column2 .box{width: auto; display:block;}	
	.appeal div.appeal-in {min-height:250px;}
	.mobile-header-menu-buttons{padding:10px 0;}
	.header div.header-in{padding:30px 0 5px;}
	#appeal{background-size:cover;}
	#cont04 .box_inner{width:auto;}
	#cont04 .box_inner .box{text-align:center; margin-top: 30px;}
	.cont03_inner{text-align:center;}
	.cont03_inner .box{margin-top:30px;}
	.cont03_inner .box_inner p.text{margin-top:0;}
	#cont01 .box_inner .box{text-align:center; margin-bottom:50px;}
	#cont01 .box_inner .button li{margin: 0 auto;}
	#cont01 .box_inner .text{text-align:left; width:80%; margin:10px auto;}
	#cont01 .box_inner .balloon{margin:0 auto 20px; font-size:24px;}
	#cont01 .button li a,#cont07 .button li a{font-size:18px; padding:10px 10px;}
	#cont01 .box_inner .balloon:before{top:90%;}
	.title_area_long h2:before, .title_area_long h2:after{width:20%;}
	#cont07.inner_page.title_area_long h2:before, #cont07.inner_page.title_area_long h2:after {width:14%;}
	#cont07{padding-bottom:0;}
	#cont07 .button{margin: 20px 30px;}
	#cont05 .block .block_text,#cont07 .block .block_text,#cont04 .text{margin:50px 70px; text-align:left;}
	#cont05 .box_title.mt100{margin-top: 50px;}
	#cont05.inner_page .cont05_inner .box, #cont05.inner_page .cont05_inner .box_inner{margin:0;}
	#cont06 .box_inner .box:nth-child(2n),#cont05.inner_page .button li:nth-child(2n){margin-top:20px;}
	#footer_area .area01 ul{display:block; text-align:center;}
	form{width:auto; margin:0 30px;}
	#footer_area .block_area{padding:20px 80px 40px;}
	
	}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	#wpsp-95.wp-show-posts-columns.wp-show-posts{padding: 50px 30px 15px;}
	.title_area_long h2:before{content:none;}
	.title_area_long h2:after{margin-left:0; width:80%; top:5px;}
	.inner_page.title_area_long.contact h2:before, .inner_page.title_area_long.contact h2:after,#cont07.inner_page.title_area_long h2:before, #cont07.inner_page.title_area_long h2:after{width:80%}
	#cont03{padding-bottom:0;}
	.title_area .inner_title{padding:10px; width:70%;}
	.title_area .inner_title h2{font-size:34px;}
	#cont03 .acssess_area{margin:40px 20px;}
	#cont03 dl{display: block;}
	#cont03 dt{width:auto; border-right:none; text-align:center; background:#137c3a; color:#fff;}
	#cont03 .acssess_area ul li{padding-left:1em; text-indent:-1em;}
	.article dd{margin: 20px auto;}
	.article dd ul{padding:0;}
	#cont01 .box_inner .button li,#cont05.inner_page .button li,#cont07 .button li{margin:0 auto; width:80%;}
	#cont03.inner_page .inner_page_txt{margin:30px;}
	#cont04 .box_inner{width:auto; display: block;}
	#cont06 .box_inner .box p{margin:0;}
	#cont05.inner_page .button li{width:auto;}
	#cont05 .block .block_text, #cont07 .block .block_text, #cont04 .text{margin:30px; text-align:left;}
	#cont07 .button{width:auto; display:block;}
	#cont07 .button li:nth-child(2n),
	#cont07.inner_page .floor{margin-top: 40px; font-size: 18px;}
	#cont07 .box_inner .box .text {margin-top:10px;}
	#footer_area .area02 .block_area .block:nth-child(2n){margin-top:30px;}
	#footer_area {margin-top:0;}
	#footer_area .block_area{padding:20px 20px 0;}
	#footer_area .area01 .block{width:100%;}
	#footer_area .area02 .block_area{padding:40px 40px 70px;}
	#footer_area .button{margin-bottom:30px;}
	#footer_area .block.image{position:relative; bottom:0; right:0; width:100%;}
	#footer_area .block.image img{vertical-align:bottom;}
	.sp_br{display:block;}
}