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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.wpcf7-spinner {background: none !important;width: 24px;height: 24px;border: 3px solid #ccc;border-top: 3px solid #333;border-radius: 50%;animation: spin 1s linear infinite !important;display: inline-block;vertical-align: middle;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
.wpcf7-spinner {display: block;margin:auto;margin-top:30px;}
.home main{padding:0;}
.home div.content-in{width:100%;}
.home content{margin-top:0;}
body{font-family:'YuMincho','Yu Mincho','serif';}
.header{border-top:solid 4px #2F9700;height:80px;width:100%;position:fixed;opacity:0.8;z-index:10;background:#fff;top:0;}
.logo-image{margin-left:20px;}
.hamburger {position:fixed;right:30px;top:30px;width:35px;height:30px;cursor: pointer;z-index:30;}
.hamburger__line {position: absolute;width:35px;height: 2px;right: 0;background-color: #000;transition: all 0.5s;}
.hamburger__line--1 {top: 1px;}
.hamburger__line--2 {top: 12px;}
.hamburger__line--3 {top: 24px;}
.open .hamburger__line--1 {transform: rotate(-45deg);top: 11px;}
.open .hamburger__line--2 {opacity: 0;}
.open .hamburger__line--3 {transform: rotate(45deg);top: 11px;}
.sp-nav {position: fixed;right: -100%;top: 0;width:20%;height: 100vh;background-color: #fff;transition: all 0.5s;z-index: 20;overflow-y: auto;opacity:0.8;}
.sp-nav ul {list-style:none;margin-top:100px;}
.sp-nav ul li a{text-decoration:none;color:#000;font-size:80%;position: relative;display: inline-block;}
.sp-nav ul li a::after{ position: absolute;bottom: -4px;left: 0;content: '';width: 100%;height: 2px;background: #333;transform: scale(0, 1);transform-origin: left top;transition: transform .3s;}
.sp-nav ul li a:hover::after { transform: scale(1, 1);}
.open .sp-nav {right: 0;}
.s1{height:500px;overflow: hidden;position: relative;margin-top:80px;}
.logo{z-index:20;position:absolute;left:0;top:0;}
.logot{width:20%;}
div.top{color:#fff;position: absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);text-align:center;display: flex;flex-direction: row;justify-content: space-around;}
div.catch{width:80%;color:#0B080A;}
.pos{font-size:150%;}
.pose{color:#1F1F1F;}
div.area{margin:10px;width:25%;}
.map{margin-bottom:20px;}
#area{min-height:2500px;}
#feature{min-height:2100px;background:#F9F9F7;}
#contact{min-height:550px;}
.serve{margin:0 auto;width:50%;}
.area1{margin:0 auto;width:60%;}
.text{margin:10px 0 50px 0;}
.text2{margin:10px 0 50px 0;float:left}
a{display: block;text-decoration: none;}
.Btn{position: relative;border: 1px solid #2F9700;margin-left: auto;margin-right: auto;width: 400px;height: 48px;line-height: 48px;display: flex;text-align: center;background:transparent;margin-top:100px;}
.Btn-Text{width: 100%;height: 100%;color: #2F9700;z-index: 10;}
.Btn-Text:before{content: "";position: absolute;top: 0;bottom: 0;width: 0;display: block;background: #2F9700;z-index: -1;transition: .2s;}
.Btn-Text:hover{color: #fff;}
.Btn-Text:hover:before{width: 100%;}
h1.takk{font-weight:normal;color:#000;font-size:130%;}
h3 {border-bottom: solid 1px #0B080A;position: relative;font-weight:normal;padding-bottom:5px;margin-bottom:10px;}
h3:after {position: absolute;content: " ";display: block;border-bottom: solid 1px #2F9700;bottom: -1px;width: 10%;}
.article h3 {border-left:none;border-right:none;border-top:none;font-weight: normal;padding-left:0;border-bottom: solid 1px #0B080A;position: relative;font-weight:normal;padding-bottom:5px;margin-bottom:10px;}
.article h3:after {position: absolute;content: " ";display: block;border-bottom: solid 1px #2F9700;bottom: -1px;width: 10%;}
table {margin:auto;border-collapse: collapse;margin-top:20px;margin-bottom:50px;padding: 0;table-layout: fixed;}
table tr {background-color: #fff;padding: .35em;}
table tr:nth-child(even){background-color: #fff;border-right:none;}
table tr:nth-of-type(2n+1) {background-color: #fff;}
table td {border-width:0px 0px 1px 0px;padding: .5em;text-align: center;}
th.th1 {font-weight:normal;background:#fff;border-width:0px 0px 1px 0px;border-color:#2F9700;color:#2F9700;}
td.td1,td.td2{border-width:0px 0px 1px 0px;border-style:solid;padding:10px;background-color:#fff;}
td.td1{text-align:right;padding-right:50px;}
td.td3{text-align:right;padding-right:100px;}
.age,.chiri,.hokokusho,.areah{margin:10px;}
.box{display: flex;flex-direction: row;justify-content: space-around;}
.chizu{text-align:center;margin:50px 0;display: flex;flex-direction: row;justify-content: space-around;}
input[type="submit"]{width: 150px;margin-top:5px;background:#2F9700;color:#fff;border-radius:5px;}
input[type="submit"]:hover{opacity:0.7;}
div.submit{margin-top:5px;text-align:center;}

.wpcf7 input{border:none;box-shadow: none;}
.wpcf7 select{border:none;}
.wpcf7 input.wpcf7-text{border:none;box-shadow: none;}
.must{background:#E25858;font-size:70%;color:#fff;border-radius:5px;padding:2px 5px;}
.any{background:#2F9700;font-size:70%;color:#fff;border-radius:5px;padding:2px 5px;}
.page .post-date{display:none;}
.page h1 {font-size:200%;color:#2F9700;margin:150px 0 100px 0;text-align:center;}
.article h2 {font-size:150%;text-align:left;font-weight:normal;margin-top:50px;padding:20px 0;background:none;}
h2 {font-size:200%;text-align:center;font-weight:normal;margin-top:50px;padding:30px 0;background:none;}
.kakko02 {padding: 20px;position: relative;text-align:center;}
.kakko02::before, .kakko02::after {content: '';width: 20px;height:80%;position: absolute;}
.kakko02::before {border-left: solid 2px #888;border-top: solid 2px #888;border-bottom: solid 2px #888;top: 150px;left: 0;}
.kakko02::after {border-right: solid 2px #888;border-top: solid 2px #888;border-bottom: solid 2px #888;top: 150px;right: 0;}
.blog-link{margin:100px 0;}

.single div.content-in{width:70%;}
.article h1{margin-top:100px;font-size:180%;}
.bct-kouka .blogcard-label::after {content: "ポスティング効果";}
.bct-kousatsu .blogcard-label::after {content: "ポスティング考察";}
.blogcard-label {top: 10px;left: 10px;background-color:rgba(51, 51, 51, 0.7);border-radius: 0;border: solid 1px;}
.blog div.content{margin-top:100px;}
textarea,input,select{font-family:'YuMincho','Yu Mincho','serif';}
.comp{font-size:80%;}
a{display:inline;}
.inquiry-bottom{text-align: center;}
.wpcf7-radio .wpcf7-list-item {text-align: left;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

@media screen and (max-width: 1300px){
	.sp-nav {width:25%;}
}
/*1023px以下*/
@media screen and (max-width: 1024px){
  /*必要ならばここにコードを書く*/
.chizu{display: block;}
.s1{height:1300px;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
main.main{padding:0;}
.serve{margin:0 auto;width:80%;}
.area1{margin:0 auto;width:90%;}
.Btn{width: 250px;}
.logot{width:100%;}
div.catch{width:100%;}
div.top{width:90%;display:block;}
#area{min-height:2000px;}
#feature{min-height:2000px;}
.info-b{display: block;}
.in-b{width:100%;height:100%;}
	.sp-nav {width:30%;}
	.s1{height:1000px;}
.article h1{padding:0;}
}
/*599px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.post entry-content{padding:10px;}
	table{width:100%;}
.sp-nav {width:50%;}
td.td1{max-width:100%;display:block;text-align:left;padding-right:0;background:#F9F9F7;}
td.td2{max-width:100%;display:block;}
td.td3{max-width:100%;display:block;text-align:left;padding-right:0;background:#F9F9F7;}
td.td4{max-width:100%;display:block;}
	.single div.content-in {width: 90%;}
	.box{display:block;}
.s1{height:530px;}
#feature{min-height:3100px;}
}