@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
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.content{margin-top:0;}
body{background:#fff;font-family:'Zen Kaku Gothic New', sans-serif;}
.sp-br{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%;position: fixed;top: 0;z-index: 100;will-change:transform,opacity;}
.header-ctt{width:90%;max-width:1300px;height:100px;position:relative;margin:auto;display: flex;justify-content: space-between;align-items: center;}
.header-nav{display:flex;align-items: center;gap:40px;}
.header-nav li {list-style:none;}
.header-nav li a{text-decoration:none;transition:background-position 1.1s cubic-bezier(.2,.7,.2,1);font-size:1.2rem;font-weight:600;color:#163275;background-image:linear-gradient(to right,#881B21 50%,#163275 50%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.header-nav li a:hover{background-position:0 0;}
.header-bx{display:flex;justify-content: flex-end;gap:50px;}
.wrap{width:100%;}
.loader{position:fixed;inset:0;background:#fff;z-index:99999;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease;}
.loader.loader-hide{opacity:0;visibility:hidden;pointer-events:none;}
.loader-name{display:flex;color:#000;font-weight:600;font-size:2.4rem;letter-spacing:0.05em;}
.loader-name .char{display:inline-block;opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);}
.loader-name .char.in{opacity:1;transform:translateY(0);}
.loader-name .sp{width:0.5em;}
.fv-wrap{height:250vh;position:relative;}
.fv{height:100vh;position:relative;width:100%;margin:auto;overflow:hidden;position:sticky;top:0;}
.fv-img {height:100vh;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);will-change:transform;}
.fv-img img{height:125%;object-fit: contain;}
.catch{font-weight: 900;font-size:7rem;line-height:1.3;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);width:100%;color:#163275;will-change:transform,opacity;-webkit-text-stroke:1.5px rgba(243,241,236,.6);paint-order:stroke fill;text-align:center;}
.catchspan{text-align:left;display:inline-block;}
.cred{color:#881B21;}
.sns{position: absolute;top: 50%;left:7%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);display:flex;flex-direction:column;gap:15px;z-index:10;}
.sns a img{width:50px;}
.site-name-text {color:#163275;font-weight: 900;font-size:3rem;}
.logo-text {padding:0;line-height:1.2;}
.tagline{color:#881B21;font-size:1rem;font-weight:600;margin:0;}
.news{position:absolute;right:7%;bottom:5%;background:#fff;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);width:350px;padding:10px 20px;text-decoration:none;}
.nlabel{background:#881B21;color:#fff;font-weight:600;text-align: center;width:70px; padding: 0 15px;font-size:0.8rem;}
.ndate{text-align:right;font-size:0.9rem;color:#000;}
.nttl{font-weight:600;color:#163275}
.tagline-band{background:#163275;padding:100px 0;overflow:hidden;}
.tagline-text{font-weight:900;font-size:4em;line-height:1.3;color:#fff;text-align:center;}
.reveal-x{opacity:0;transform:translateX(-90px);transition:opacity 2.2s cubic-bezier(.2,.7,.2,1), transform 2.2s cubic-bezier(.2,.7,.2,1);}
.reveal-x.in{opacity:1;transform:translateX(0);}
.inner{width:90%;max-width:1200px;margin:auto;}
.policy{padding:100px 0;overflow-x: hidden;}
.inner{width:90%;max-width:1200px;margin:auto;}
h2{font-size:3rem;color:#163275;font-weight:900;margin-bottom:50px;line-height:1.2;}
.policy h2:before{content:"POLICY";font-size:1.2rem;display:block;color:#881B21;}
.pbx{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.pctt{border:solid 1px #163275;padding:20px;opacity:0;transform:translateX(90px);transition:opacity 1.6s ease,transform 1.6s cubic-bezier(.2,.8,.2,1);}
.pctt.in{opacity:1;transform:translateX(0);}
.pctt h3{position:relative;margin:40px 0 10px 0;color:#163275;font-size:1.8rem;font-weight:900;}
.p1:before{content:"01";display:block;position:absolute;font-size:5rem;font-weight:900;top: -80px;z-index:-1;color:rgb(22,50,117,0.1);}
.p2:before{content:"02";display:block;position:absolute;font-size:5rem;font-weight:900;top: -80px;z-index:-1;color:rgb(22,50,117,0.1);}
.p3:before{content:"03";display:block;position:absolute;font-size:5rem;font-weight:900;top: -80px;z-index:-1;color:rgb(22,50,117,0.1);}
.pctt ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;margin-top:10px;}
.pctt ul li{display:flex;align-items:flex-start;gap:12px;color:#163275;font-size: 1rem;}
.pctt ul li::before{content:"";width:16px;height:16px;flex-shrink:0;margin-top:10px;background-color:#163275;-webkit-mask:url('data:image/svg+xml;utf8,') no-repeat center / contain;mask:url('data:image/svg+xml;utf8,') no-repeat center / contain;}
.achivements{padding:100px 0;background:rgb(22,50,117,0.1);}
.achivements h2:before{content:"ARCHIVEMENTS";font-size:1.2rem;display:block;color:#881B21;}
.abx{display:flex;gap:20px;margin-top:30px;}
.awrap{display:flex;flex-direction:column;flex:1;background:#fff;}
.actt{padding:20px;display:flex;flex-direction:column;flex:1;}
.awrap h3{background: #163275;color:#fff;text-align:center;font-size:1.8rem;}
.awrap h4{text-align:center;margin-top:20px;color:#163275;}
.conclusion{background:rgb(22,50,117,0.1);font-size:0.7rem;line-height:1.2;padding:10px;margin-top:auto;}
.conclusion2{background:rgb(22,50,117,0.1);font-size:0.9rem;line-height:1.2;padding:10px;margin-top:auto;}
.chart-legend{display:flex;flex-direction:column;font-weight:600;}
.legend-dot{display:inline-block;width:10px;height:10px;margin-right:5px;}
.chart-bars{display:flex;align-items:flex-end;gap:2px;height:160px;width:100%;}
.bar-group{display:flex;gap:1px;align-items:flex-end;height:160px;flex:1;min-width:0;}
.bar{flex:1;min-width:1px;transform:scaleY(0);transform-origin:bottom;transition:transform .9s cubic-bezier(.2,.8,.2,1);}
.bar-orange{background:#ef7f2e;}
.bar-blue{background:#2f5fa8;}
.chart-years{display:flex;gap:5px;margin-top:6px;justify-content:space-between;}
.chart-years span{width:14px;font-size:11px;color:#888;text-align:center;}
.chart-pie-wrap{display:flex;flex-direction:column;align-items:center;}
.chart-pie{width:200px;height:200px;}
.pie-orange{transition:stroke-dashoffset 2.2s cubic-bezier(.2,.7,.2,1);}
.chart-pie-legend{display:flex;flex-direction:column;font-weight:600;}
.ared{background:#881B21!important;}
.conred{background:rgb(136, 27, 33,0.1)!important;position:relative;padding-bottom:76px;padding-top:20px;}
.conclusion ul li{color:#881B21;font-size:1.4rem;font-weight:500;margin-bottom:15px;}
.conred ul{list-style:none;padding-left:20px;}
.conred li{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease;}
.conred li:nth-child(1){transition-delay:0s;}
.conred li:nth-child(2){transition-delay:.3s;}
.conred li:nth-child(3){transition-delay:.6s;}
.conred.in li{opacity:1;transform:translateY(0);}
.conred::after{content:"";position:absolute;left:50%;bottom:8px;width:52px;height:52px;border:2px solid #881B21;border-radius:50%;transform:translateX(-50%) scale(.5);opacity:0;transition:opacity .4s ease .95s,transform .4s cubic-bezier(.2,.8,.2,1.4) .95s;}
.conred.in::after{opacity:1;transform:translateX(-50%) scale(1);}
.conred::before{content:"";position:absolute;left:calc(50% - 6px);bottom:30px;width:9px;height:16px;border-right:2px solid #881B21;border-bottom:2px solid #881B21;transform:rotate(45deg) scale(0);opacity:0;transition:opacity 1s ease .3s,transform 1s ease .3s;z-index:1;}
.conred.in::before{opacity:1;transform:rotate(45deg) scale(1);}
.catch3{font-size:4rem;font-weight:900;color:#163275;text-align:center;margin-top:100px;filter:blur(14px);opacity:.25;will-change:filter,opacity;}
.blogsec{padding:100px 0;}
.blogsec h2:before{content:"BLOG";font-size:1.2rem;display:block;color:#881B21;}
.blog-bx{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top: 30px;}
.blog-ctt{display:flex;flex-direction:column;text-decoration:none;opacity:0;transform:translateY(40px);transition:opacity 1.8s ease,transform 1.8s cubic-bezier(.2,.8,.2,1);}
.blog-ctt.in{opacity:1;transform:translateY(0);}
.blog-txt{padding:20px;background:rgb(22, 50, 117, 0.1);}
.blog-txt h3{height:114px;color:#163275;font-weight:600;}
.bdate{color:#881B21;font-weight:600;}
.blog-more{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;width:220px;height:60px;text-decoration:none;font-weight:600;overflow:hidden;color:#fff;background:#163275;}
.blog-more::after{content:"";position:absolute;inset:0;background:#881B21;z-index:0;clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.2,.7,.2,1);}
.blog-more:hover::after{clip-path:inset(0 0 0 0);}
.blog-more-text{position:relative;z-index:1;color:#fff;}
.more-bx{margin:50px auto 0;text-align:center;}
.blog-ctt img{height:193px;object-fit:cover;}
.profile{padding:100px 0;background:rgb(22,50,117,0.1);}
.profile h2:before{content:"PROFILE";font-size:1.2rem;display:block;color:#881B21;}
.profbx{display:flex;gap:20px;}
.pimg{width:30%;}
.profctt{width:70%;}
.ptable{margin-bottom:0;}
.ptable th{border-left:none;border-top:none;border-right:none;border-bottom:solid 1px #163275;color:#881B21;background:transparent;text-align:left;width:25%;}
.ptable td{border-left:none;border-top:none;border-right:none;border-bottom:solid 1px #163275;color:#163275;background:transparent;font-weight:600;}
table tr:nth-of-type(2n+1) {background:transparent;}
.to-top-btn{position:fixed;right:24px;bottom:24px;z-index:90;width:72px;height:72px;border:0;background:none;padding:0;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .4s ease, transform .4s ease, visibility .4s;}
.to-top-btn.show{opacity:1;visibility:visible;transform:translateY(0);}
.to-top-btn img{height:56px;width:auto;object-fit:contain;}
@media screen and (max-width:834px){.to-top-btn{right:16px;bottom:16px;width:56px;height:56px;}.to-top-btn img{height:42px;}}
.contact{padding:100px 0;}
.contact h2:before{content:"CONTACT";font-size:1.2rem;display:block;color:#881B21;}
.contact-bx{background:rgb(22,50,117,0.1);padding:100px 50px;}
.ctable{margin-bottom:0;}
.ctable th{border:none;color:#163275;background:transparent;text-align:left;width:30%;}
.ctable td{border:none;background:transparent;}
.must{font-size:0.9rem;background:#881B21;color:#fff;margin-left:20px;padding:5px 10px;}
.cbtn input[type="submit"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none !important;outline:none;box-shadow:none !important;border-radius:0 !important;display:inline-flex;align-items:center;justify-content:center;width:220px;height:60px;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.1em;color:#fff !important;cursor:pointer;background-color:transparent !important;background-image:linear-gradient(to right,#881B21 50%,#163275 50%);background-size:200% 100%;background-position:100% 0;transition:background-position 1.1s cubic-bezier(.2,.7,.2,1);}
.cbtn input[type="submit"]:hover{background-position:0 0;}
.wpcf7-spinner {display:none;}
.city{background:url(img/city.webp);background-size:cover;background-position:center;background-repeat:no-repeat;height:400px;position:relative;}
.catch2{font-weight: 900;font-size:3.5rem;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);width:100%;text-align:center;color:#fff;}
.donation{padding:100px 0;}
.donation h2:before{content:"DONATION";font-size:1.2rem;display:block;color:#881B21;}
.dbx{display:flex;gap:50px;margin-top:30px;}
.dleft{flex:1;}
.dright{flex:1;}
.dtable{margin-bottom:0;}
.dtable th{border-left:none;border-top:none;border-right:none;border-bottom:solid 1px #163275;color:#881B21;background:transparent;text-align:left;width:25%;}
.dtable td{border-left:none;border-top:none;border-right:none;border-bottom:solid 1px #163275;color:#163275;background:transparent;font-weight:600;}
.dbx h4{font-size:1.5rem;margin-bottom:20px;}
body:not(.home) .content{margin-top:150px;}
.under-inner{width:90%;max-width:1200px;margin:50px auto 100px;}
.error404 .under-inner{text-align:center;}
.breadcrumb{width:90%;max-width:1200px;margin:auto;}
.list-inner {display:flex;gap:20px;margin-bottom:30px;text-decoration:none;font-size:1.4rem;border-bottom:solid 1px rgb(22,50,117,0.5);}
.new-list{width:80%;margin:auto;}
.pdate{color:#881B21;font-weight:600;}
.pttl{color:#163275;font-weight:600;}
.pnavi {margin-top:50px;justify-content: center;display: flex;}
.pnavi a{transition:0.7s;}
.pnavi a:hover{color:#fff;background: #163275;border: 1px solid #163275;}
.page-numbers {color: #163275;border: 1px solid #163275;border-radius:0;}
.current{color:#fff;background: #163275;border: 1px solid #163275;}
.entry-title{padding:0 0 0.6em 0;color:#163275;}
.single-post .content-in{max-width:1000px;width:90%;}
.single-post .content-in h2{font-size:24px;color:#fff;padding:15px;margin:50px 0 20px 0;background:#163275;}
.single-post .content-in h3{border-bottom:solid 2px #163275;color:#163275;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:#881B21;color:#fff;border:none;}
.single-post .breadcrumb{width:100%;}
.new-list {width: 100%;}
.list-inner {gap: 0;font-size: 1.2rem;flex-direction: column;}
.fsns{display:flex;gap:30px;justify-content:center;margin:30px auto;}
.fsns a img{width:50px;}
.footer-bottom {background:#163275;color:#fff;margin-top:0;}
.footer{margin-top:0;padding:0;}
.copyright {margin: 30px 0;}
.js-hamburger{display:none;position:fixed;top:16px;right:16px;z-index:150;background:none;border:none;padding:6px;cursor:pointer;transition:transform .65s cubic-bezier(.4,0,.6,1),opacity .65s ease;}
.js-hamburger.is-flying{transform:translate(60px,-60px) scale(.3);opacity:0;}
.bird-icon{width:48px;height:48px;object-fit:contain;display:block;}
.sp-drawer.is-active{transform:translateX(0);}
.js-drawer-close{position:absolute;top:18px;right:18px;width:32px;height:32px;background:none;border:none;cursor:pointer;}
.js-drawer-close span{position:absolute;top:50%;left:50%;width:18px;height:2px;background:#fff;}
.js-drawer-close span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg);}
.js-drawer-close span:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg);}
.sp-drawer{position:fixed;top:0;right:0;bottom:0;width:56%;max-width:200px;background:#163275;transform:translateX(100%);transition:transform .55s cubic-bezier(.2,.8,.2,1);z-index:200;display:flex;flex-direction:column;padding:100px 20px 0;}
.sp-drawer-nav{display:flex;justify-content:center;}
.sp-drawer-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:24px;}
.sp-drawer-nav a{color:#fff;font-size:20px;font-weight:900;text-decoration:none;}
.sp-drawer-sns{display:flex;justify-content:center;gap:10px;margin-top:auto;padding-bottom:32px;}
.sp-drawer-sns a{width:35px;}
body.drawer-open{overflow:hidden;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
.sp-br{display:block;}
.header-bx {display: none;}
.fv-wrap {height: 200vh;}
.catch {font-size: 12vw;}
.fv-img {width: 100%;}
.sns {top: 30%;left: 10%;gap:10px;}
.sns a img {width: 40px;}
h2:before {font-size: 0.8rem!important;}
h2 {font-size: 2.5rem;margin-bottom: 30px;}
.pctt h3 {margin: 40px 0 0 0;font-size: 1.6rem;}
.pctt ul li {font-size: 1rem;}
.site-name-text { font-size: 2.5rem!important;}
.site-name-text-link {padding: 0;}
.news {right: 5%;bottom: 10%;width: 90%;background:#fff;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5);}
.catch{-webkit-text-stroke: 1.5px rgba(243, 241, 236, .9);}
.tagline-band {padding: 50px 0;}
.tagline-text {font-size: 2.5rem;}
.policy {padding: 70px 0;}
.pbx {grid-template-columns: repeat(1, 1fr);}
.achivements{padding: 70px 0;}
.abx {flex-direction: column;}
.awrap h3 { font-size: 1.5rem;}
.conclusion ul li { font-size: 1.2rem;}
.conclusion{font-size:0.9rem;}
.catch3 {font-size: 2.5rem;margin-top: 50px;line-height: 1.3;}
.blogsec{padding: 70px 0;}
.blog-bx {grid-template-columns: repeat(1, 1fr);}
.blog-txt h3 {font-size: 1.1rem;height: auto;}
.profile {padding: 70px 0;}
.pimg {width: 50%; margin: auto;}
.profbx{flex-direction:column;}
.profctt {width: 100%;}
.ptable th {border-bottom: none;width: 100%;display: block;}
.ptable td {width: 100%;display: block;margin-bottom: 10px;padding-bottom: 10px;}
.contact-bx {padding: 50px 20px;}
.ctable th {border-bottom: none;width: 100%;display: block;}
.ctable td {width: 100%;display: block;margin-bottom: 10px;padding-bottom: 10px;}
.must {padding: 2px 10px;}
.contact {padding: 70px 0;}
.conred {margin-top: 20px;}
.catch2 {font-size: 1.6rem;width: 90%;}
.city {height: 300px;}
.donation {padding: 70px 0;}
.dbx {gap: 20px;flex-direction: column;}
.chart-bars {height: 130px;}
table th {font-size: 1rem;}
table td {font-size: 1rem;}
.js-hamburger{display:flex;}
.to-top-btn{display:none;}
.fsns {gap: 20px;}
.fsns a img {width: 40px;}
.loader-name{font-size:1.5rem;}
}
/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
.blog-ctt img {height: 170px;}
}