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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.float-btn{display:none;}
.table-scroll-hint{display:none;}
.sp-br{display:none;}
.drawer{display:none;}
.ham-bx{display:none;}
div#header-in.header-in.wrap.cf {width:100%;}
main#main.main{padding:0;border:0;margin:0;}
.header-in{width:100%;top: 0;z-index: 100;margin-top:0!important;position:fixed;transition:0.7s;}
.header-ctt{width:100%;height:70px;position:relative;margin:auto;display: flex;justify-content: space-between;align-items: center;}
.header-nav{display:flex;align-items: center;gap:30px;padding-left:0;}
.header-nav li {list-style:none;}
.header-nav li a{text-decoration:none;transition:0.7s;color:#1C4B45;font-weight:600;}
.header-nav li a:hover{opacity:0.7;}
.header-bx{display:flex;justify-content: flex-end;gap:40px;}
.header-contact{display: flex;gap:10px;align-items: center;}
.header-in.scrolled {background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(10px);}
.header-in.scrolled .header-nav li a{color:#1C4B45;}
.header-in.scrolled .site-name-text{color:#1C4B45;}

.header-bx{display:flex;justify-content: flex-end;gap:40px;}
.header-contact{display: flex;gap:10px;align-items: center;}
.hcta{background:#FF8B5E;height:70px;padding:3px 25px;color:#fff;transition:0.7s;text-align:center;text-decoration:none;display: flex;align-items: center;justify-content: center;font-weight:600;}
.hcta:hover{opacity:0.8;color:#fff;}
.logo-text {font-size: 1em;padding:0;}
.site-name-text{padding-left:30px;font-weight:800;color:#1C4B45;transition:0.7s;}
.site-name-text-link {padding: 0 ;}
.ham-bx{display:none;}
.fv{width:100%;margin:auto;height:750px;position:relative;}
.fv img{width:100%;height:750px;object-fit:cover;object-position:top;}
.content{margin-top:0;}
.content-in{width:100%;}
.catch{position: absolute;top: 50%;left:50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);max-width:90%;width:1200px;}
.catch1{font-size:3.5rem;font-weight:800;margin-bottom:10px;color:#1C4B45;}
.catch2{font-size:1.2rem;font-weight:600;color:#FF8B5E;}
h2{font-size:2rem;margin-bottom:50px;}

.column{padding:100px 0;}
.column h2:before{content:"COLUMN";color:#1C4B45;font-size:0.9rem;display:block;line-height: 1;}
.inner{width:1100px;max-width:90%;margin:auto;}

.reason{padding:100px 0;}
.reason h2:before{content:"REASON";color:#1C4B45;font-size:0.9rem;display:block;line-height: 1;}
.reason-bx{display:flex;gap:20px;margin-top:50px;}
.reason-ctt{flex:1;border:solid 1px #8A968D;padding:20px;}
.reason-ctt h3{color:#1C4B45;}

.features{padding:100px 0;background:rgb(28, 75, 69, 0.1);}
.features h2:before{content:"FEATURES";color:#1C4B45;font-size:0.9rem;display:block;line-height: 1;}
.features-bx{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.features-ctt{background:#fff;padding:20px;}
.fnum{color:#FF8B5E;font-size:2rem;font-weight:600;line-height:1;margin-bottom: 10px;}

.flow{padding:100px 0;background:rgb(255, 139, 94,0.1);}
.flow h2{text-align:center;}
.flow h2:before{content:"FLOW";color:#1C4B45;font-size:0.9rem;display:block;line-height: 1;}
.flow-bx{display:flex;gap:40px;width:100%;margin:50px auto 0;}
.flow p{text-align:center;}
.flow-ctt p{text-align:left;}
.flow-ctt {width:25%;}
.flow-num{font-size: 1.8rem;font-weight:600;color: #fff;background:#1C4B45;border-radius: 50%;width: 70px;height: 70px;display: flex;justify-content: center;align-items: center;margin:0 auto 30px;}
.flow-ctt h3{text-align:center;}

.plan{padding:100px 0;}
.plan h2{text-align:center;}
.plan h2:before{content:"PLAN";color:#1C4B45;font-size:0.9rem;display:block;line-height: 1;}
.plan-bx{display:flex;gap:20px;margin-top:50px;}
.plan-ctt{flex:1;padding:20px;border:solid 1px #1C4B45;}
.pricespan{font-size:2rem;font-weight:600;color:#1C4B45;}
.pricep{text-align:right;}
.planp{text-align:right;font-size:1.2rem;color:#FF8B5E;font-weight:600;}

.faq{padding:100px 0;}
.faq h2{text-align:center;}
.faq h2:before{content:"FAQ";color:#1C4B45;font-size:0.9rem;display:block;line-height: 1;}
.accordion{border-bottom:solid 1px #1C4B45;}
.ques {display: flex; justify-content:space-between; align-items: center; padding:20px 0; cursor: pointer;gap:10px;}
.qbx3 {display: flex; justify-content:space-between;width:96%;gap:10px;align-items:center;}
.atxt {width:96%;}
.answer {display: flex; gap:10px;align-items: center; }
.q{height:50px;width:50px;background:#1C4B45;color:#fff;border-radius: 50%;display:inline-flex;justify-content:center;align-items:center;text-align: center;font-weight:bold;}
.a{height:50px;width:50px;background:#FF8B5E;color:#fff;border-radius: 50%;;display:inline-flex;justify-content:center;align-items:center;text-align: center;font-weight:bold;}
.accordion .toggle-icon {  position: relative; display: inline-block; padding: 20px; line-height:1.5; text-align: center; }
.accordion .toggle-icon::before, .accordion .toggle-icon::after {  content: ''; position: absolute; width: 20px; height: 3px; background: #1C4B45; top: 50%; left: 31%; transform: translate(-50%, -50%); transition: transform 0.2s ease;}
.accordion .toggle-icon::before { transform: rotate(90deg); }
.accordion .toggle-icon::after { transform: rotate(0deg); }
.accordion input[type="checkbox"] { display: none; }
.accordion input[type="checkbox"]:checked + .ques .toggle-icon::before { transform: rotate(0deg); }
.accordion input[type="checkbox"]:checked + .ques .toggle-icon::after { transform: rotate(90deg) scale(0); }
.accordion .answer {  max-height: 0; overflow: hidden; padding: 0; transition: max-height 0.4s ease, padding 0.4s; position: relative;}
.accordion input[type="checkbox"]:checked ~ .answer { max-height: 300px; padding: 15px 0; }
.accordion-ctt{margin-bottom:100px;}

.footer {margin-top:0;padding:0;}
#footer-in {width:100%;}
.contact{position:relative;width:100%;display:block;margin:auto;height:400px;padding:50px 0;background:url(img/contact.webp);background-size:cover;background-repeat:no-repeat;background-position:center;z-index:1;}
.contact::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:rgb(0,0,0,0.3);}
.footerp{color:#fff;}
.finner{width:100%;position:absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);padding:0 50px;box-sizing:border-box;}
.trialp1{font-size:2.5rem;color:#fff;text-align:center;font-weight:700;}
.trialp2{color:#fff;text-align:center;}
.more{transition:0.7s;display:block;width:250px;margin:70px auto 0;background:#1C4B45;color:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;padding:15px 0;}
.more:hover{opacity:0.8;color:#fff;}
.footer-area{background:#1C4B45;padding:50px 0;}
.footer-nav{margin:0;padding-left:0;display:flex;gap:20px;justify-content:center;display:flex;}
.footer-nav li {list-style:none;padding-bottom:10px;}
.footer-nav li a{color:#fff;text-decoration:none;}
.footer-bottom{background:#1C4B45;margin-top:0;padding-bottom:100px;}
.copyright{color:#fff;}

.cdate{color:#1C4B45;font-weight:bold;}
.column-bx{display:grid;grid-template-columns: repeat(3, 1fr);gap:20px;}
.column-ctt{text-decoration:none;display:inline-block;transition:0.7s;}
.column-ctt:hover{opacity:0.7;}
.post-meta{display:flex;gap:20px;align-items:center;margin:10px 0;}
.ccate {background:#1C4B45;padding:0 15px;color: #fff;font-size:0.9rem;}
.column-img {width:100%;height:240px;}
.column-img img{height:240px;width:100%;object-fit:cover;}
.cttl{font-weight:600;color:#000;}


.error404 .sidebar{display:none;}
.error404 .main{width:100%;}
.error404 .content-in{display:block;margin-top:100px;}
.error404 div.sidebar{display:none;}
.not-found{width:40%;}
.error404 .post{text-align:center;}

.bread{max-width:1100px;width:90%;margin:auto;}
.breadcrumb {margin: 1em 0;color:#000;}
.breadcrumb a{color:#000;}
.page-fv{height:350px;position:relative;background:url(img/page-fv.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.page-fv:before{content:"";background:rgb(0,0,0,0.3);height:100%;width:100%;top:0;left:0;position:absolute;}
.page-ttl{font-size:2.5rem;position:absolute;top:50%;left:0;transform:translateY(-50%);font-weight:600;color:#fff;font-weight:800;}
.page-fv .inner{position:relative;height:350px;width:1100px;max-width:90%;}
.under-inner{width:90%;max-width:1100px;margin:auto;padding:50px 0 100px 0;}

.pagination {display: block;}
.pagination-next {display:none;}
.pnavi{display:flex;flex-direction:row;justify-content:center;gap:5px;margin-top:50px;}
.pnavi a{transition:0.7s;}
.nav-links{display:flex;}
.pnavi .page-numbers{display:inline-block;color:#1C4B45;border:solid 1px #1C4B45;border-radius:0;background:#fff;margin:0;}
.pnavi .current{color:#fff;background:#1C4B45;border:solid 1px #1C4B45;}
.pnavi .next.page-numbers{width:46px;}
.pnavi .prev.page-numbers{width:46px;}
.pnavi a:hover{background:#1C4B45;color:#fff;}
.entry-title{padding:0  0 0.6em 0;color:#1C4B45;}
.single-post .content-in{justify-content:space-around;max-width:1100px;width:90%;margin-top:100px;}
.single-post .content-in h2{font-size:24px;color:#fff;padding:15px;margin:50px 0 20px 0;background:#1C4B45;}
.single-post .content-in h3{border-bottom:solid 2px #8A968D;border-left:none;border-top:none;border-right:none;padding:5px 10px;font-size:20px;}
.single-post .content-in h4{padding:10px;font-size:18px;background:#F0F2EF;color:#1C4B45;border:none;}
#sidebar h3 {border-bottom: none;background:#1A6FC4;color: #fff;}
.single-post .entry-content a{color:#1A6FC4;}
.single-post .bread {width: 100%;}

.must{background:#FF8B5E;color: #fff;font-size:0.9rem;padding: 2px 10px;margin-left:10px;}
.wpcf7-spinner{display:none;}
.acceptance {margin-top:50px;}
.acceptance p{text-align:center;font-size:15px;display: flex;justify-content: center;}
.cbtn{text-align:center;margin-top:20px;position:relative;height:40px;}
.cbtn p a{text-decoration:none;}
input[type='submit']{transition:0.7s;display:block;width:250px;margin:70px auto 0;background:#1C4B45;color:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;padding:15px 0;cursor:pointer;}
input[type='submit']:hover{opacity:0.8;color:#fff;}
.wpcf7-spinner{display:none;}
input[type='submit'] a{text-decoration:none;}
.wpcf7-list-item {margin: 0;}
.company-table{margin:0 auto;}
.company-table th{width:30%;background:transparent;border-left:none;border-top:none;border-right:none;border-bottom:solid 1px #1C4B45;font-size:1rem;padding: 1em;}
.company-table td{width:70%;background:transparent;border-left:none;border-top:none;border-right:none;border-bottom:solid 1px #1C4B45;font-size:1rem;padding: 1em 0;}
.company-table td p{text-align:left;}
table tr:nth-of-type(2n+1) {background:transparent;}
.wpcf7-list-item {display:block;}
.h2-company{width:80%;margin:100px auto 50px;text-align:center;}

.h2-pp{margin-bottom:20px;}
.h3-pp{margin-top:20px;}
.under-ctt{margin-bottom:50px;}


.features-bx2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.features-bx2 .features-ctt{background:rgb(28, 75, 69, 0.1);}

.guide-bx{margin:auto;}
.guide-ctt{display:flex;gap:20px;margin-bottom:70px;}
.guide-txt{width:50%;}
.guide-img{width:50%;}
.reverse{flex-direction:row-reverse;}
.guide-txt h3{color:#1C4B45;margin-bottom:20px;border-bottom:solid 1px #1C4B45;}
.plan-caution{margin-bottom:100px;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.sp-br{display:block;}
.ham-bx{display:block;width: 50px;height: 50px;position:relative;z-index:9999;}
.hamburger.is-active span:nth-child(1) { top: 50%;transform: translate(-50%, -50%) rotate(135deg);}
.hamburger.is-active span:nth-child(2) {opacity: 0;}
.hamburger.is-active span:nth-child(3) {top: 50%;transform: translate(-50%, -50%) rotate(-135deg);}
.hamburger span {position: absolute;left: 50%;transform: translate(-50%, -50%);width: 50%;height: 2px;background-color:#1C4B45; transition: transform .3s;}
.hamburger.is-active span {background-color:#1C4B45;}
.hamburger span:nth-child(1) {top: 35%;}
.hamburger span:nth-child(2) { top: 50%;}
.hamburger span:nth-child(3) {top: 65%;}
.drawer {display:block;visibility: hidden;opacity: 0;position: fixed;top: 0;left: 0;z-index:5; width: 100%; height: 100%;transition: opacity .3s, visibility .3s;transition: opacity .3s, visibility .3s;background:#fff;}
.drawer.is-active {visibility: visible;opacity: 1;}
.sp-menu-bx {flex-direction: column;display: flex;width: 70%;margin: auto;margin-top:30px;}	
.drawer-inner{width:100%;margin-top:100px;}
.sp-nav{margin-top:50px;}
.sp-nav{padding-left:0;}
.sp-nav li {list-style:none;padding:5px 0 ;}
.sp-nav li a{text-decoration:none;color:#1C4B45;display:block;}
.fv {height: 80vh;}
.fv img {height: 80vh;}
.header-nav {display: none;}
.header-contact {display: none;}
.catch1 {font-size: 2.2rem;}
.catch2 { font-size: 1.2rem;}
.catch {top: 60%;}
h2 {font-size: 1.8rem;margin-bottom: 30px;line-height: 1.2;}
h2:before {line-height: 2!important;}
.column h2:before {font-size: 0.7rem;}
.column {padding: 70px 0;}
.column-bx {grid-template-columns: repeat(1, 1fr);}
.more {width: 200px;}
.reason {padding: 70px 0;}
.reason-bx {flex-direction: column;}
.features {padding: 70px 0;}
.features-bx {grid-template-columns: repeat(1, 1fr);}
.plan {padding: 70px 0;}
.plan-bx {flex-direction: column;}
.flow-ctt {width: 100%;}
.flow {padding:70px 0;}
.flow-bx {flex-direction: column;}
.faq {padding: 70px 0;}
.finner {width: 90%;padding: 0;}
.footer-area{display:none;}
.go-to-top{display:none;}
.float-btn{display:flex;gap:20px;position:fixed;bottom:0;width:100%;left:0;height:60px;z-index:99999;background:#FF8B5E;color:#fff;text-decoration:none;padding:0 10px;align-items:center;justify-content:center;}	
.float-btn:hover{color:#fff;}
.float-txt{line-height:1.2;font-weight:600;}
.float-txt2{padding: 5px 10px;color: #fff;background:#1C4B45;display: flex;align-items: center;justify-content: center;width:140px;font-weight:600;}
.trialp1 {font-size: 1.8rem;}
.company-table {width: 100%;}
.company-table th {width: 100%;display: block;text-align:left;padding:1em 0 0 0;border-bottom:none;}
.company-table td {width: 100%;display: block;padding:0.5em 0 1em 0;}
.page-fv {height: 250px;}
.page-fv .inner {height: 250px;}
.under-inner {padding: 50px 0 50px 0;}
.single-post .content-in h2 {font-size: 20px;}
.single-post .content-in h3 {font-size: 18px;}
.single-post .content-in h4 {font-size: 16px;}
.page-ttl {font-size: 1.8rem;}
.features-bx2 {grid-template-columns: repeat(1, 1fr);}
.reverse {flex-direction: column-reverse;}
.guide-ctt {flex-direction: column;}
.guide-txt {width: 100%;}
.guide-img {width: 100%;}
}

@media (max-width: 767px) {
.table-scroll-wrapper {overflow-x: auto;-webkit-overflow-scrolling: touch;}
.table-scroll-wrapper table { width: auto !important; min-width: 500px;}
.table-scroll-hint {display:block;font-size: 12px;color: #888;text-align: center;margin-bottom: 4px;}
.atxt{width:90%;}
.qbx3{width:90%;}
}

/*834px以下*/
@media screen and (max-width: 960px){
  /*必要ならばここにコードを書く*/
	
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.atxt{width:86%;}
.qbx3{width:86%;}
.fv img {object-position: -250px;}
}