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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{background:#fff;}
.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;background:transparent;}
.header-ctt{max-width:1440px;width:100%;height:100px;background:transparent;position:relative;margin:auto;display: flex;justify-content: space-between;align-items: center;}
.header-nav{display:flex;align-items: center;gap:40px;}
.hn1{color:#E95388;}
.hn1:hover{color:#E95388;}
.hn1:after{display:block;content:"JUNKKについて";font-weight:normal;color:#000;font-size:0.8rem;font-family:"Noto Sans JP", sans-serif;}
.hn2{color:#D68B29;}
.hn2:hover{color:#D68B29;}
.hn2:after{display:block;content:"お知らせ";font-weight:normal;color:#000;font-size:0.8rem;font-family:"Noto Sans JP", sans-serif;}
.hn3{color:#DDD43C;}
.hn3:hover{color:#DDD43C;}
.hn3:after{display:block;content:"JUNKKKの教育";font-weight:normal;color:#000;font-size:0.8rem;font-family:"Noto Sans JP", sans-serif;}
.hn4{color:#4FCB96;}
.hn4:hover{color:#4FCB96;}
.hn4:after{display:block;content:"右脳で輝く！育児講座";font-weight:normal;color:#000;font-size:0.8rem;font-family:"Noto Sans JP", sans-serif;}
.hn5{color:#3596BE;}
.hn5:hover{color:#3596BE;}
.hn5:after{display:block;content:"よくある質問";font-weight:normal;color:#000;font-size:0.8rem;font-family:"Noto Sans JP", sans-serif;}
.hn6{color:#185E96;}
.hn6:hover{color:#185E96;}
.hn6:after{display:block;content:"コラム";font-weight:normal;color:#000;font-size:0.8rem;font-family:"Noto Sans JP", sans-serif;}
.hn7{color:#781F6D;}
.hn7:hover{color:#781F6D;}
.hn7:after{display:block;content:"お問い合わせ";font-weight:normal;color:#000;font-size:0.8rem;font-family:"Noto Sans JP", sans-serif;}
.insta{width:60px;}
.insta img{width:100%;}
.header-nav li a{text-decoration:none;transition:0.7s;font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;}
.header-nav li a:hover{opacity:0.7;}
.sub-menu-pc{position:absolute;top:100%;left: 50%;transform:translateX(-50%); -webkit- transform:translateX(-50%);padding:10px 20px;background:#fff;z-index:100;width:auto;display:none;border-radius:10px;}
.header-nav li{transition:0.7s;cursor: pointer;list-style:none;position:relative;text-align:center;}
.header-nav li:hover .sub-menu-pc{display:block;animation:fadeIn 0.3s ease forwards;}
.sub-menu-pc ul{padding:0;}
.sub-menu-pc ul li{width:100px;padding:5px 0;opacity:0;;animation:slideIn 0.3s ease forwards;text-align:center;}
.sub-menu-pc ul li a:hover{opacity:0.7;}
.sub-menu-pc ul li a{font-size:0.8rem;font-weight:normal;font-family:"Noto Sans JP", sans-serif;}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes slideIn{0%{opacity:0;transform:translateY(-10px);}100%{opacity:1;transform:translateY(0);}}
.header-bx{display:flex;justify-content: flex-end;gap:80px;}
.header-contact{background:#E95388;height:60px;padding:0 30px;color:#fff;display: flex;justify-content: center;align-items: center;text-decoration:none;transition:0.7s;border:solid 1px #E95388;}
.header-contact:hover{color:#E95388;background:transparent;}
.ham-bx{display:none;}

.fv-bg{width:100%;background:#FFF1F9;}
.fv{max-width:1200px;width:100%;margin:auto;padding:150px 0 70px 0;position:relative;}
.fv img{width:100%;object-fit:cover;object-position:center;}
.fv-img-sp{display:none;}
.content{margin-top:0;}
.content-in{width:100%;margin-top:0;}
.catch{position: absolute;top: 35%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);width:100%;text-align:center;}
.catch1{font-size:3rem;font-weight:bold;margin-bottom:10px;color:#3596BE;}
.catch2{font-size:2rem;font-weight:bold;}
.ccc{width:200px;margin:auto;}
.logo-image {padding:0;}
.tagline{padding:0;margin: 0 1em;}

p{color:#4D4D4D;}
a{color:#4D4D4D;}
a:hover{color:#4D4D4D;}
h2{font-size:2.5em;}
.inner{max-width:1200px;width:100%;margin:auto;}
.news{padding:50px 0;background:#FFF1F9;}
.h2-bx{max-width:1200px;width:100%;margin:auto;display:flex;justify-content:space-between;align-items:center;}
.news h2:after{content:"News";padding-left:20px;font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#D68B29;}
.news-bx{position:relative;margin:50px 0;}
.news-ctt{background:#fff;border-radius:9999px;padding: 10px 70px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;text-decoration:none;box-sizing:border-box;}
.date{font-weight:bold;}
.cate{background:#E95388;padding:3px 40px;border-radius:9999px;color:#fff;}
.news-left{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;}
.news-left1{display:flex;justify-content:space-between;align-items:center;gap:20px;}
.news-left2{display:flex;justify-content:space-between;align-items:center;gap:20px;width:70%;}
.news-arrow{position:relative;right:5px;width:23px;height:23px;border-radius:50%;background:#D0B1A1;}
.news-arrow::before{content:"";position:absolute;right:10px;top:7px;width:7px;height:7px;border-top:1px solid white;border-right:1px solid white;transform:rotate(45deg);z-index:2;}
.news-more{text-decoration:none;color:#E95388;font-weight:bold;}

.fap{padding:100px 0;}
.fap h2{text-align:center;color:#3596BE;line-height:1.5;}
.fap h2:after{content:"For All Parents";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#D68B29;display:block;margin-top:20px;}
.fap1{margin:auto;width:50%;margin-top:30px;}
.fap1 img{width:100%;}
.fap p{width:60%;margin:auto;margin-top:30px;margin-bottom:50px;}
.fap2{margin:auto;width:50%;}
.fap2 img{width:100%;}

.nca{padding:100px 0;background:#E9F4FF;}
.nca h2{text-align:center;line-height:1.5;}
.nca h2:after{content:"About Non-Cognitive Abilities";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#D68B29;display:block;margin-top:20px;}
.nca-bx{display:flex;gap:30px;align-items:center;margin-top:30px;margin-bottom:70px;}
.nca-ctt{width:55%;}
.nca-img{width:45%;position:relative;}
.nca-bx h3{color:#3596BE;font-size:2rem;line-height:1.5;margin-bottom:30px;}
.nca-bx ul{margin-bottom:20px;}
.cloud1{position:absolute;top:-100px;right:-50px;width:35%;}
.cloud1 img{width:100%;}
.cloud2{position:absolute;bottom:-120px;right:20px;width:30%;}
.cloud2 img{width:100%;}
.cloud3{position:absolute;top:-100px;left:-50px;width:35%;}
.cloud3 img{width:100%;}
.cloud4{position:absolute;bottom:-100px;left:20px;width:30%;}
.cloud4 img{width:100%;}
.more-bx{display:flex;justify-content:center;margin-bottom:30px;}
.more{background:#E95388;border-radius:9999px;padding:15px 50px;font-weight:600;text-decoration:none;color:#fff;position:relative;display:flex;align-items:center;transition:0.7s;width:300px;justify-content:space-between;}
.more::after{content:"";width:8px;height:8px;border-top:1px solid white;border-right:1px solid white;transform:rotate(45deg);z-index:2;}
.more:hover{opacity:0.7;color:#fff;}
.nca3{width:50%;margin:auto;margin-top:120px;margin-bottom:50px;}
.nca3 img{width:100%;}

.rb{background:#4FCB96;padding:100px 0;}
.rb h2{text-align:center;line-height:1.5;color:#fff;}
.rb h2:after{content:"Why Right-Brain Works";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#D68B29;display:block;margin-top:20px;}
.rb h3{color:#FFDD79;font-size:2rem;margin-bottom:30px;text-align:center;}
.rbp{color:#fff;font-size:1.4rem;margin:30px 0 70px 0;}
.rb-bx{display:flex;gap:50px;align-items:center;margin-bottom:70px;}
.rb-ctt{width:55%;}
.rb-img{width:45%;position:relative;}
.rb-ctt p{color:#fff;}
.rb-ctt ul{color:#fff;margin:10px 0;}
.rb-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;width:70%;margin:auto;margin-bottom:70px;}
.rb-grid-ctt{background:#fff;padding:30px;box-sizing:border-box;border-radius:20px;position:relative;}
.rb-grid-ctt h4{color:#E95388;text-align:center;margin:10px 0;}
.rb-grid-img{width:50%;margin:auto;}
.rb-grid-img img{width:100%;}
.nm{font-size:2.5rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#E95388;position:absolute;left:0;top:-40px;}
.ul-rb{margin:auto;width:70%;background:#fff;border-radius:30px;padding:30px 0 30px 100px;}
.ul-rb li{font-size:1.5rem;font-weight:600;}
.rbp2{color:#fff;font-size:1.4rem;margin:30px 0 70px 0;text-align:center;}
.rb-btm{width:35%;margin:auto;}
.rb-btmimg{width:100%;}

.seminar{padding:100px 0 50px 0;}
.seminar h2{text-align:center;line-height:1.5;}
.seminar h2:after{content:"Free Seminar";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#D68B29;display:block;margin-top:20px;}
.seminar-bx{display:flex;gap:50px;align-items:center;margin:50px 0;}
.seminar-ctt{width:55%;}
.seminar-img{width:45%;position:relative;}
.seminar-ctt .more-bx{margin-top:50px;}

.footer {margin-top:0;padding:0;}
#footer-in {width:100%;}
.fcontact{position:relative;width:100%;height:500px;display: inline-block;}
.fcontact img{width:100%;height:500px;object-fit:cover;object-position: center 40%;}
.fcontact::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height:20px;background: linear-gradient(to bottom, #fff, transparent);pointer-events: none;}
.finner{width:100%;position:absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);box-sizing:border-box;}
.finner .more-bx{margin-top:50px;}
.finner h2{text-align:center;color:#000;}
.finner .h2-contact:after{content:"Contact";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#D68B29;display:block;margin-top:20px;}

.footer-area{background:#E95388;padding:100px 0;}
.fmenu-bx{display:flex;justify-content:space-between;align-items:flex-end;max-width:1000px;width:100%;margin:auto;}
.fnav{display:flex;gap:100px;}
.footer-nav{margin:0;padding-left:0;}
.footer-nav li {list-style:none;padding-bottom:10px;height:55px;color:#fff;text-decoration:none;font-size:1.5rem;font-family: "Poppins", sans-serif;font-weight:bold;}
.footer-nav2{margin:0;padding-left:0;}
.footer-nav2 li ul{padding-top:10px;}
.footer-nav2 li {list-style:none;padding-bottom:10px;height:55px;display:flex;gap:40px;align-items:center;}
.footer-nav2 li a{color:#fff;text-decoration:none;}
.footer-nav2 li ul{padding-top:10px;}

.footer-bottom {background:#E95388;padding-bottom:70px;margin-top:0;}
.faddress p{margin:0;color:#fff;font-weight:400;font-size:0.9rem;margin-bottom: 10px;}	
.flogo{width:100px;margin:20px 0;}
.flogo img{width:100%;}
.fbox{display:flex;flex-direction:column;align-items:center;}
.fname{font-weight:400;font-size:0.9rem;}	

.bread{max-width:1200px;width:100%;margin:auto;}
.breadcrumb {margin: 1em 0;font-size: 1rem;color:#4D4D4D;}
.breadcrumb a{color:#4D4D4D;}
.page-fv{background:#FFF1F9;height:250px;position:relative;margin-top:120px;}
.h1-page{position:absolute;top:50%;transform:translateY(-50%);font-weight:bold;font-size:2.5rem;line-height: 1.5;}
.page-fv .inner{position:relative;height:250px;background:url(img/fap2.webp);background-position:right bottom;background-repeat:no-repeat;background-size:35%;}
.under-inner{width:100%;max-width:1200px;margin:auto;padding:100px 0 70px 0;}

.ttl-news::before{content:"News";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#D68B29;display:block;}
.new-list{width:80%;margin:auto;}
.new-list-box{display: flex;gap: 30px;margin-bottom: 20px;align-items:center;text-decoration:none;}
.new-list-img{width:25%;}
.new-list-img img{width:100%;}
.post-meta{display:flex;gap:20px;margin-bottom:10px;}
.pdate{font-weight:bold;}
.pcate{background:#E95388;padding:3px 40px;border-radius:9999px;color:#fff;}
.pnavi{display: flex;justify-content: center;margin-top:50px;}

.entry-title{padding:0  0 0.6em 0;}
.single-post .content-in{justify-content:space-around;max-width:1440px;width:100%;margin-top:120px;}
.single-post .content-in h2{font-size:24px;color:#fff;padding:15px;margin:50px 0 20px 0;background:#E95388;}
.single-post .content-in h3{border-bottom:solid 2px #E95388;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:#FFF1F9;border:none;}
#sidebar h3 {border-bottom: none;background:#E95388;color: #fff;}

.ttl-contact::before{content:"Contact";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#781F6D;display:block;}
.contact-table{width:80%;margin:auto;}
.contact-table th{display:flex;gap:10px;background:transparent;border:none;align-items:center;font-weight:normal;padding:0 0.5em;}
.contact-table td{display:block;width:100%;border:none;margin-bottom:20px;}
.must{background:#E95388;color:#fff;padding:3px 10px;}
.acceptance{text-align:center;margin-bottom:50px;}
.cbtn{text-align:center;margin-top:20px;position:relative;height:40px;}
.cbtn p a{text-decoration:none;}
input[type='submit']{background:#E95388;position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto;width:133px;color:#fff;transition:0.3s ease-in-out;border:none;padding:10px 0;cursor:pointer;}
input[type='submit']:hover{opacity:0.7;}
.wpcf7-spinner{display:none;}
input[type='submit'] a{text-decoration:none;}
.contact-bx p{text-align:center;margin-bottom:50px;}

.h3-pp{margin:30px 0 10px 0;}
.ttl-pp::before{content:"Privacy Policy";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#9A8776;display:block;}

.ttl-about::before{content:"About";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#E95388;display:block;}
.ubx{display:flex;justify-content:space-between;gap:50px;margin:auto;width:90%;margin-top:50px;margin-bottom:100px;align-items:center;}
.ubx-ctt{width:60%;}
.ubx-ctt p{margin-bottom:30px;}
.ubx-img{width:35%;}
.ubx-img img{width:100%;}
.h2-under{text-align:center;}
.under-ctt{margin-top:50px;}
.ubx-img p{font-size:0.85rem;}
.company-table{width:80%;margin:auto;}
.company-table th{width:20%;background:transparent;border-left:none;border-top:none;border-right:none;border-bottom:solid 1px #E95388;}
.company-table td{width:80%;background:transparent;border-left:none;border-top:none;border-right:none;border-bottom:solid 1px #E95388;}
table tr:nth-of-type(2n+1) {background:transparent;}

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

.single-member .sidebar{display:none;}
.single-member .main{width:100%;}
.single-member .content-in{display:block;margin-top:120px;}
.single-member div.sidebar{display:none;}
.post-type-archive-member .sidebar{display:none;}
.post-type-archive-member .main{width:100%;}
.post-type-archive-member .content-in{display:block;margin-top:120px;}
.post-type-archive-member div.sidebar{display:none;}

.ttl-column::before{content:"Column";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#185E96;display:block;}
.ttl-faq::before{content:"Faq";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#3596BE;display:block;}
.qp{display:flex;gap:15px;align-items:flex-start;margin-bottom:15px;}
.qc{background:#E95388;border-radius:50%;width:35px!important;height:35px;line-height:35px;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:bold;}
.ap{display:flex;gap:15px;align-items:flex-start;margin-bottom:30px;}
.ac{background:#3596BE;border-radius:50%;width:35px;height:35px;line-height:35px;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:bold;}
.ap div{width:92%;}
.qp p{width:92%;}
#q1 h2, #q2 h2, #q3 h2, #q4 h2{margin-bottom:30px;text-align:center;}
#q1, #q2, #q3, #q4 {margin-bottom:100px}

.ttl-member::before{content:"Member";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#E95388;display:block;}
.member-profile{display:flex;gap:2rem;max-width:1200px;margin:0 auto;}
.member-left{flex:0 0 300px;text-align:center;}
.member-right{flex:1;}
.member-image img{width:250px;height:250px;border-radius:50%;object-fit:cover;margin-bottom:1.5rem;}
.member-social{display:flex;justify-content:center;gap:1rem;margin-top:1rem;}
.member-social a{display:inline-block;transition:transform 0.2s ease;}
.member-social a:hover{transform:scale(1.1);}
.member-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:0.5rem;}
.member-name{font-size:2rem;font-weight:bold;color:#1e293b;margin:0;}
.member-main-position{font-size:1.25rem;color:#64748b;}
.member-sub-position{font-size:1.125rem;color:#64748b;margin:0 0 1.5rem 0;}
.member-external-links{margin-bottom:2rem;}
.member-external-links h3{font-size:1.125rem;font-weight:bold;color:#374151;margin-bottom:0.75rem;}
.external-link{display:inline-flex;align-items:center;gap:0.5rem;color:#3b82f6;text-decoration:none;margin-right:1.5rem;margin-bottom:0.5rem;font-size:1rem;transition:color 0.2s ease;}
.external-link:hover{color:#1d4ed8;text-decoration:underline;}
.member-biography,.member-message{margin-bottom:2rem;}
.member-biography h3,.member-message h3{font-size:1.25rem;font-weight:bold;color:#374151;margin-bottom:1rem;border-bottom:1px solid #E95388;padding-bottom:0.5rem;}
.member-biography div,.member-message div{line-height:1.7;color:#6b7280;}
.member-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:2rem;padding-top:2rem;gap:1rem;}
.nav-item{flex:1;}
.nav-item.back-to-list{flex:0 0 auto;text-align:center;}
.nav-item.next-member{text-align:right;}
.nav-item a{display:block;text-decoration:none;color:inherit;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;transition:all 0.2s ease;}
.nav-label{font-size:0.875rem;color:#6b7280;display:block;margin-bottom:0.5rem;}
.nav-info{display:flex;align-items:center;gap:1rem;}
.next-member .nav-info{flex-direction:row-reverse;}
.nav-image img{width:50px;height:50px;border-radius:50%;object-fit:cover;}
.nav-text h4{margin:0;font-size:1rem;font-weight:bold;color:#1e293b;}
.nav-text p{margin:0.25rem 0 0 0;font-size:0.875rem;color:#64748b;}
.back-to-list a{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;border:2px solid #f5f5f5;border-radius:6px;font-size:0.875rem;color:#64748b;min-width:120px;transition:0.7s;}
.back-to-list a:hover{opacity:0.7;}

.member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0;}
.member-card{border:2px solid #F5F5F5;border-radius:12px;padding:1.5rem;text-align:center;display:flex;flex-direction:column;height:100%;}
.member-card-image-wrapper{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;}
.member-card-image img{width:150px;height:150px;border-radius:50%;object-fit:cover;}
.member-placeholder{width:120px;height:120px;border-radius:50%;background:#f1f5f9;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:14px;}
.member-card-content{flex:1;display:flex;flex-direction:column;}
.member-card-name{margin:0 0 0.5rem 0;font-size:1.25rem;}
.member-card-position{margin:0 0 1rem 0;color:#64748b;min-height:1.5em;}
.member-card-social{display:flex;justify-content:center;gap:0.75rem;margin-bottom:1.5rem;min-height:32px;align-items:center;}
.member-card-social a{transition:transform 0.2s ease;}
.member-card-social a:hover{transform:scale(1.1);}
.member-card-link{display:inline-block;padding:0.5rem 1rem;background:#E95388;color:white;text-decoration:none;border-radius:6px;transition:0.7s;margin-top:auto;}
.member-card-link:hover{opacity:0.7;color:#fff;}
.no-member{text-align:center;padding:4rem 2rem;color:#6b7280;}
.no-member h2{color:#374151;margin-bottom:1rem;}
.navigation.pagination{margin-top:3rem;text-align:center;}
.page-numbers{display:flex;padding:0.5rem;margin:0 0.25rem;border:1px solid #e5e7eb;border-radius:6px;color:#374151;text-decoration:none;transition:all 0.2s ease;align-items:center;justify-content:center;}
.page-numbers:hover,.page-numbers.current{background:#3b82f6;color:white;border-color:#3b82f6;}

.h2-rbe{text-align:center;margin-bottom:50px;line-height: 1.5;}
.rbe-img{width:30%;margin:auto;margin-top:20px;margin-bottom:100px;}
.rbe-img img{width:100%;}

.rbep{font-size:1.2rem;text-align:center;margin-bottom:20px;}
.rbe-bx{display:flex;gap:50px;align-items:center;margin-top:30px;margin-bottom:100px;}
.rbe-ctt{width:50%;}
.rbe-img1{width:50%;position:relative;}
.rbe-img1 img{border-radius:30px;}
.rbe-ctt ul{margin:10px 0;}
.ttl-rbe::before{content:"Right Brain Education";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#DDD43C;display:block;}
.rbe-three{display:flex;justify-content:space-between;gap:20px;margin-bottom:100px;}
.three-ctt{width:33%;background:#FFF1F9;border-radius:30px;box-sizing:border-box;padding:20px;}
.three-img{width:25%;margin:auto;margin-bottom:20px;}
.three-img img{width:100%;}
.three-ctt h3{text-align:center;margin-bottom:20px;}
.rstep-bx{position:relative;margin:20px 0;}
.rstep-ctt{background:#FFF1F9;border-radius:9999px;padding: 10px 70px;display:flex;justify-content:flex-start;gap:20px;align-items:center;margin-bottom:20px;text-decoration:none;box-sizing:border-box;}
.rnum{background:#E95388;border-radius:50%;color:#fff;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-family: "Poppins", sans-serif;font-weight:bold;}
.rbtm{margin-bottom:100px;}
.nobtm{margin-bottom:0!important;}

.ttl-nca::before{content:"Non Cognitive Abilities";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#DDD43C;display:block;}
.ncap-img{width:40%;margin:auto;margin-top:20px;margin-bottom:100px;}
.ncap-img img{width:100%;}
.tenbtm{margin-bottom:20px!important;}
.example-bx{width:60%;margin:auto;position:relative;margin-top:20px;margin-bottom:20px;background:#FFF1F9;border-radius:20px;padding:20px 70px;box-sizing:border-box;}
.example-ctt{display:flex;justify-content:flex-start;gap:20px;align-items:center;}
.no{font-size:1.5rem;font-weight:bold;color:#185E96;width:20px;}
.yes{font-size:1.5rem;font-weight:bold;color:#E95388;width:20px;}

.ttl-text::before{content:"Text";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#DDD43C;display:block;}
.txt-bx{margin:30px 0 70px 0;}
.txt-flex{display:flex;margin:20px 0 70px 0;gap:30px;align-items:center;}
.txt-ctt{width:50%;}
.txt-img{width:50%;}
.txt-img img{width:100%;}
.h3-txt{text-align:center;margin:20px 0 30px 0;}

.ttl-course::before{content:"Course";font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;color:#4FCB96;display:block;}
.four{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;margin-bottom:100px;}
.four-ctt{background:#FFF1F9;border-radius:30px;box-sizing:border-box;padding:30px;}
.four-table th{border-left:none;border-right:none;border-top:none;border-bottom:solid 1px #E95388;width:20%;padding:5px 10px;margin-bottom:10px;color:#E95388;background:transparent;}
.four-table td{border-left:none;border-right:none;border-top:none;border-bottom:solid 1px #E95388;width:80%;}
.four-ctt h3{text-align:center;margin-bottom:20px;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1300px以下*/
@media screen and (max-width: 1300px){
.cloud1{right:0;}
.cloud3{left:0;}
}

/*1200px以下*/
@media screen and (max-width: 1200px){
.header-nav {gap: 20px;padding-left:0;}
.header-bx{gap:30px;}
.header-contact{padding:0 20px;}
}

/*1024px以下*/
@media screen and (max-width: 1024px){
  /*必要ならばここにコードを書く*/
.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:#E95388; transition: transform .3s;}
.hamburger.is-active span {background-color:#E95388;}
.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:#FFF1F9;}
.drawer.is-active {visibility: visible;opacity: 1;}
.sp-menu-bx {flex-direction: column;display: flex;width: 90%;margin: auto;margin-top:30px;}	
.drawer-inner{width:100%;margin-top:150px;}
.sp-nav{margin:0;}
.sp-nav{padding-left:0;}
.sp-nav li {list-style:none;padding:5px 0 5px 10px;border-bottom:solid 1px #E95388;margin-bottom:10px;}
.sp-nav li a{text-decoration:none;}
.sp-nav > li > ul {display: none;overflow: hidden;padding-left:0;}
.sp-nav > li.is-open > ul {display: flex;margin:0 0 10px 0;max-height: 500px;}
.sp-nav > li > ul {max-height: 0;transition: max-height 0.3s ease;display:flex;gap:10px;}	
.sp-nav > li > ul > div > li{border-bottom:none;margin-bottom:0;}
.sp-nav > li > ul > div{margin-top:20px;}
.drawer-inner .header-contact{margin-top:30px;}
.logo-header img {width: 60px;height: auto;}	
.tagline {margin: 0;}
.logo-area{padding-left:5px;}
	
.fv-img-sp{display:block;}	
.fv-img{display:none;}
.fv {height:auto;width:90%;padding:100px 0 0 0;}
.fv img{width:100%;object-fit:cover;object-position:center;}
.sp-br{display:block;}
.header-bx{display:none;}
.catch1 {font-size: 7vw;line-height: 1.4;}
.catch2 {font-size: 1.1rem;margin-bottom:20px;}
.catch{top:50%;}

.more {padding: 15px 30px;width: 250px;	}
.inner{width:90%;}
.more-bx {margin: 50px 0 0 0 ;}
.news-ctt {border-radius: 20px;padding: 10px 20px;margin-bottom: 10px;}
.news-left {flex-direction: column; align-items: flex-start;width: 100%;gap:10px;}
.news-left1 {display: flex;justify-content: space-between;align-items: center;gap: 20px;}
.news-left2 {gap: 10px;width: 100%;}
.cate {padding: 3px 15px;}
.news-bx {margin: 50px 0 0 0;}
.h2-bx {width: 90%;	}
.news h2:after {font-size: 0.8rem;margin-top: 5px;}

h2 {font-size:1.5rem;}
.fap h2:after {font-size: 0.8rem;margin-top: 5px;}
.fap {padding:50px 0;}
.fap p {width: 100%;margin-bottom:30px;}
.fap1 {width: 70%;}
.fap2 { width: 70%;}
.nca {padding:50px 0;}
.nca h2:after {font-size: 0.8rem;margin-top: 5px;}
.nca-bx h3 {font-size: 1.3rem;margin-bottom: 20px;}
.nca-img {width: 70%;}
.nca-bx { flex-direction: column-reverse;margin-bottom: 50px;}
.nca-bx ul {padding-left: 25px;margin-bottom:10px;}

.rb {padding: 50px 0;}
.rb h2:after {font-size: 0.8rem;margin-top: 5px;}
.reverse { flex-direction: column!important;}
.nca-ctt {width: 100%;}
.nca3 {width: 100%;margin-top:60px;margin-bottom:0;}	
.rb-bx {flex-direction: column-reverse;gap: 30px;margin-bottom: 50px;}
.rb-ctt {width: 100%;}
.rb-img {width: 70%;}
.rbp {font-size: 1.1rem;margin: 30px 0 30px 0;}
.rb h3 {font-size: 1.3rem;margin-bottom:20px;}
.rb-ctt ul {padding-left: 25px;	}
.rb-grid{width:100%;margin-bottom: 50px;}	
.rb-grid {grid-template-columns: repeat(1, 1fr);gap: 20px;}	
.rb-grid-img{width:60%;}
.rb-grid-ctt {padding: 15px;}
.ul-rb { width: 100%;padding: 15px 15px 15px 30px;}
.ul-rb li {font-size: 1rem;}
.rbp2 {font-size: 1.1rem;margin: 30px 0 50px 0;	}
.rb-btm {width: 60%;}
.cloud1 {top: -10px; right: -50px;}
.cloud2 {bottom: -20px;right: auto;left: -40px;}
.cloud3 {top: -30px; left: -50px;}
.cloud4 {bottom: -25px;left: auto;right: -50px;}
	
.seminar {padding:50px 0;}	
.seminar h2:after {font-size: 0.8rem;margin-top: 5px;}
.seminar-bx { flex-direction: column-reverse;gap:30px;margin:30px 0 0 0;}
.seminar-ctt {width: 100%;}	
.seminar-img {width: 60%;}
.finner .h2-contact:after {font-size: 0.8rem;margin-top: 5px;}
.fcontact {height: 400px;}
.fcontact img {height: 400px;}
.fnav{display:none;}
.fmenu-bx {justify-content: center;	}
.footer-area {padding: 50px 0;}	
	
.h1-page{font-size:1.8rem;}
.ttl-news::before{font-size: 0.8rem;}
.page-fv .inner {background-size: 70%;}
.page-fv {margin-top: 80px;}
.bread {width: 90%;	}
.under-inner {width:90%;padding:50px 0 50px 0;}	
.list-inner{width:60%;}	
.new-list-box {gap: 10px;align-items:flex-start;margin-bottom:30px;}
.post-meta {gap: 10px;margin-bottom: 5px;align-items:center;}
.new-list {width: 100%;}
.new-list-img {width: 35%;}	
.pcate {padding: 3px 10px;font-size: 0.8rem;}
.pdate {font-size: 0.8rem;}
.single-post .content{width:90%;margin:auto;}	
main.main, div.sidebar {padding:0;margin: 12px 0;}	
.ttl-about::before{font-size: 0.8rem;}
.ttl-contact::before{font-size: 0.8rem;}	
.contact-table{width:100%;}
.ttl-pp::before{font-size: 0.8rem;}	
.h2-under{font-size:1.6rem;}
.ubx{gap:20px;margin:auto;width:90%;margin-top:30px;margin-bottom:50px;flex-direction:column-reverse;}
.ubx-ctt{width:100%;}
.ubx-ctt p{margin-bottom:30px;}
.ubx-img{width:100%;display:flex;align-items:center;flex-direction:column;}
.ubx-img img{width:70%;}	
.company-table { width: 100%;}
.under-ctt {margin-top: 30px;}
.ttl-column::before{font-size: 0.8rem;}	
.ttl-faq::before{font-size: 0.8rem;}	
#q1, #q2, #q3, #q4 {margin-bottom:50px}
.qp{gap:10px;}
.ap{gap:10px;}
.ap div{width:90%;}
.qp p{width:90%;}
#q1 h2, #q2 h2, #q3 h2, #q4 h2{font-size:1.6rem;text-align:center;}
.ttl-member::before{font-size: 0.8rem;}
.h2-rbe {margin-bottom: 30px;}
.rbe-img {width: 70%;margin-bottom: 70px;}
.rbe-bx { gap: 30px;margin-bottom: 50px;flex-direction: column-reverse;}
.rbe-img1 {width: 100%;position: relative;}
.rbe-ctt {width: 100%;}
.rbe-three {margin-bottom: 70px;flex-direction:column;}
.three-ctt {width: 100%;}	
.rstep-ctt {border-radius: 20px;padding: 10px 20px;gap: 15px;margin-bottom: 10px;}	
.rp{width:85%;}
.rbtm { margin-bottom: 70px;}
.ncap-img {width:80%;margin-bottom: 70px;}
.example-bx {width: 100%;padding: 20px;}
.ttl-text::before{font-size: 0.8rem;}
.txt-flex {flex-direction: column;}
.txt-img {width: 100%;}
.txt-ctt {width: 100%;}	
.reverse2{flex-direction:column-reverse!important;}	
.four {grid-template-columns: repeat(1, 1fr);}
.four-ctt {padding: 20px;border-radius:20px;gap: 20px;margin-bottom: 50px;}
}
	
@media (max-width:768px){
.member-profile{flex-direction:column;gap:1.5rem;}
.member-left{flex:none;}
.member-image img{width:150px;height:150px;}
.member-header{flex-direction:column;text-align:center;gap:0.5rem;}
.member-name{text-align:center;}
.member-main-position{text-align:center;}
.member-sub-position{text-align:center;}
.external-link{display:block;margin-bottom:0.75rem;text-align:center;}
.member-navigation{flex-direction:column;gap:1rem;}
.nav-item{width:100%;text-align:center;}
.nav-item.next-member{text-align:center;}
.next-member .nav-info{flex-direction:row;}
.member-name {font-size: 1.8rem;}
}