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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.sp-br{display:none;}
.float-bx{display:none;}
.float-btn{display:none;}
.custom-nav{display:none;}
.custom-overlay{display:none;}
.custom-menu-trigger{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:#fff;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:#0F2140;}
.header-in.scrolled .site-name-text{color:#0F2140;}
.hcta{background:#0F2140;height:70px;padding:3px 15px;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:#fff;font-family:"Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;transition:0.7s;}
.site-name-text-link {padding: 0 ;}
.ham-bx{display:none;}
.fv{width:100%;margin:auto;height:100vh;position:relative;}
.fv img{width:100%;height:100vh;object-fit:cover;object-position:bottom;}
.content{margin-top:0;}
.content-in{width:100%;}
.catch{position: absolute;top:60%;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:900;margin-bottom:10px;color:#0F2140;font-family:"Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;line-height:1.3;}
.catch2{font-size:1.4rem;font-weight:500;color:#0F2140;line-height:1.4;margin-top:30px;}
.orange{color:#F57D00}
h2{font-size:2rem;margin-bottom:50px;text-align:center;}
.inner{width:1200px;max-width:90%;margin:auto;}
.sns{position:absolute;top:50%;right:5%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);display:flex;flex-direction:column;gap:15px;}
.sns a img{width:50px;height:50px;}
.sns a{transition:0.7s;}
.sns a:hover{opacity:0.7;}
.snsrow{flex-direction:row;position:relative;top:auto;right:auto;transform: none;justify-content: center;margin:50px 0;}

.snssp{flex-direction:row;position:relative;top:auto;right:auto;transform: none;justify-content: center;margin:50px 0;}
.snssp a img{width:30px;height:30px;}

.first{padding:100px 0;background:#f2f2f3;}
.first p{text-align:center;}
.second{padding:100px 0;}
.flowp{text-align:center;margin-top:50px;}
.small{font-size:1rem;}
.sflow{margin:50px auto 0;display:flex;align-items:center;justify-content:center;gap:50px;flex-wrap:wrap;}
.sflow p{background:#f2f2f3;padding:15px 20px;font-weight:700;color:#0F2140;margin:0;position:relative;}
.sflow p:not(:last-child):after{content:'';position:absolute;right:-35px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:12px solid #0F2140;}
.lesson-bx{width:50%;margin:30px auto 0;}


.blog{padding:100px 0;background:#f2f2f3;}
.blog h2:before{content:"BLOG";color:#F57D00;font-size:0.9rem;display:block;line-height: 1;font-family:"Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.bdate{color:#0F2140;font-weight:bold;}
.blog-bx{display:grid;grid-template-columns: repeat(3, 1fr);gap:20px;}
.blog-ctt{text-decoration:none;display:inline-block;transition:0.7s;}
.blog-ctt:hover{opacity:0.7;}
.post-meta{display:flex;gap:20px;align-items:center;margin:10px 0;}
.bcate {background:#0F2140;padding:0 15px;color: #fff;font-size:0.9rem;}
.blog-img {width:100%;height:188px;}
.blog-img img{height:188px;width:100%;object-fit:cover;}
.bttl{font-weight:600;color:#000;}
.more{transition:0.7s;display:block;width:250px;margin:70px auto 0;background:#0F2140;color:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;padding:15px 0;}
.more:hover{opacity:0.8;color:#fff;}

.policy{padding:100px 0;}
.policy h2:before{content:"POLICY";color:#F57D00;font-size:0.9rem;display:block;line-height: 1;}
.policy-bx{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px;}
.policy-ctt{background:#f2f2f3;padding:20px;position:relative;}
.policy-ctt h3{color:#0F2140;text-align:right;margin-bottom:10px;}
.pnum{color:rgb(15, 33, 64,0.3);font-weight:900;font-size:2.5rem;position:absolute;top:30px;left:20px;line-height:1;}

.instructor{padding:100px 0;}
.instructor h2:before{content:"INSTRUCTOR";color:#F57D00;font-size:0.9rem;display:block;line-height: 1;}
.instructor-bx{display:flex;gap:70px;justify-content:space-between;}
.instructor-img {width:20%;}
.instructor-img img{border-radius:50%;}
.instructor-ctt {width:70%;}
.iname{font-weight:600;font-size:1.6rem;color:#0F2140;}
.ittl{font-size:0.9rem;margin-bottom:30px;}
.time{margin-top:30px;border-left:2px solid #E7D0B1;padding-left:19px;margin-left:14px;}
.time li{list-style:none;position:relative;margin-bottom:30px;}
.time li::before{content:'';position:absolute;left:-30px;top:6px;width:20px;height:20px;border-radius:50%;background:#F57D00;}
.yr{font-size:0.9rem;}

.case{padding:100px 0;background:#F7EFE7;}
.case h2:before{content:"CASE";color:#F57D00;font-size:0.9rem;display:block;line-height: 1;}
.case-bx{display:flex;gap:20px;margin-top:50px;}
.case-bx h3{background:#F57D00;color:#fff;text-align:center;}
.case-ctt{flex:1;background:#fff;}
.case-inner{padding:20px;}
.conc{background:#F7EFE7;padding:10px;}
.case-ttl{color:#F57D00;font-weight:600;text-align:center;}
.case-motion{margin:16px 0;min-height:150px;}
.case-motion svg{display:block;width:100%;height:150px;}
.case-motion .axis-line{stroke:#B4B2A9;stroke-width:1;}
.case-motion .axis-text{font-size:11px;fill:#5F5E5A;}
.case-motion .motion-line{fill:none;stroke:#F57D00;stroke-width:2;}
.case-motion .motion-dot{fill:#0F2140;transition:opacity .3s ease;}
.case-motion .motion-dot.is-hidden{opacity:0;}
.case-motion-num{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;}
.motion-num-pre{font-size:14px;color:#5F5E5A;margin:0;}
.motion-num{font-size:72px;font-weight:700;color:#0F2140;margin:4px 0 0;line-height:1;}
.motion-num-label{font-size:14px;color:#5F5E5A;margin:8px 0 0;}
.case-motion .motion-bars{display:flex;align-items:flex-end;justify-content:center;gap:32px;height:150px;}
.motion-bar-col{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;}
.motion-bar{width:40px;border-radius:4px 4px 0 0;}
.motion-bar-before{background:#0F2140;height:45%;}
.motion-bar-after{background:#F57D00;height:85%;}
.motion-bar-label{font-size:13px;color:#5F5E5A;margin:8px 0 0;}

.course{padding:100px 0;background:#F7EFE7;}
.course h2:before{content:"COURSE";color:#F57D00;font-size:0.9rem;display:block;line-height: 1;}
.course-bx{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px;}
.course-ctt{padding:20px;background:#f2f2f3}
.course h3{color:#0F2140;;}
.price{text-align:right;color:rgb(15, 33, 64,0.3);font-weight:800;font-size:1.5rem;}
.course-ctt-trial{background:#F7EFE7;}
.course-ctt-trial h3{color:#F57D00;}
.course-ctt-trial .price{color:rgb(245, 125, 0, 0.3);}
.course-top{background:#fff;}

.faq{padding:100px 0;}
.faq h2{text-align:center;}
.faq h2:before{content:"FAQ";color:#F57D00;font-size:0.9rem;display:block;line-height: 1;}
.faq .inner{margin-top:50px;}

.accordion {border-bottom:solid 1px #0F2140;margin-bottom:10px;}
.ques {display: flex; justify-content: space-between; align-items: center; gap:10px;padding: 20px 0 0 0; cursor: pointer; }
.qbx3 {display: flex; justify-content:space-between;width:96%;gap:10px;align-items:center;}
.q{width:40px;height:40px;background:#0F2140;color:#fff;border-radius: 50%;display:inline-flex;justify-content:center;align-items:center;text-align: center;}
.atxt {width:96%;}
.a{width:40px;height:40px;background:#F57D00;color:#fff;border-radius: 50%;;display:inline-flex;justify-content:center;align-items:center;text-align: center;}
.answer {display: flex; gap:10px;align-items: center; }
.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: 2px; background: #0F2140; 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:500px; padding: 15px 0; }

.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:3rem;color:#fff;text-align:center;font-weight:700;}
.trialp2{color:#fff;text-align:center;}
.footer-bottom {margin-bottom: 50px;}

.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:300px;position:relative;}
.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:300px;width:1100px;max-width:90%;}
.under-inner{width:90%;max-width:1100px;margin:auto;padding:50px 0 100px 0;}

.blog-fv{background:url(img/blog-fv.webp);background-position:center -500px;background-repeat:no-repeat;background-size:cover;}
.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:#0F2140;border:solid 1px #0F2140;border-radius:0;background:#fff;margin:0;}
.pnavi .current{color:#fff;background:#0F2140;border:solid 1px #0F2140;}
.pnavi .next.page-numbers{width:46px;}
.pnavi .prev.page-numbers{width:46px;}
.pnavi a:hover{background:#0F2140;color:#fff;}
.entry-title{padding:0  0 0.6em 0;color:#0F2140;}
.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:#0F2140;text-align:left;}
.single-post .content-in h3{border-bottom:solid 2px #F57D00;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:#f2f2f3;color:#1F4B3F;border:none;}
#sidebar h3 {border-bottom: none;background:#0F2140;color: #fff;}
.single-post .entry-content a{color:#0F2140;}
.single-post .bread {width: 100%;}

.must{background:#F57D00;color: #fff;font-size:0.9rem;padding: 2px 10px;margin-left:10px;}
.any{background:#0F2140;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:#0F2140;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;}
.contact-table{width:80%;margin:0 auto;}
.contact-table th{width:30%;background:transparent;border:none;font-size:1rem;padding: 1em;}
.contact-table td{width:70%;background:transparent;border:none;font-size:1rem;padding: 1em 0;}
.contact-table td p{text-align:left;}
table tr:nth-of-type(2n+1) {background:transparent;}
.wpcf7-list-item {display:block;}
.contact-bx{background:#f2f2f3;padding:70px 0;}
.thanksp{text-align:center;padding:0 20px;}
.contact-fv{background:url(img/contact-fv.webp);background-position:center -500px;background-repeat:no-repeat;background-size:cover;}
.contact-lead{margin-bottom:30px;}

.pp-fv{background:url(img/pp-fv.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.h2-pp{margin-bottom:20px;}
.h3-pp{margin-top:20px;}
.under-ctt{margin-bottom:50px;}

.faq-fv{background:url(img/faq-fv.webp);background-position:center -350px;background-repeat:no-repeat;background-size:cover;}

.about-fv{background:url(img/about-fv.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.about-table th{width:30%;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #0F2140;background:transparent;color:#0F2140;font-size:1.1rem;padding:1.2em 1em;}
.about-table td{width:70%;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #0F2140;background:transparent;font-size:1.1rem;padding:1.2em 1em;}
.about-table{margin:0;}
.table-bx{margin-bottom:100px;}
.flow-wrap{position:relative;max-width:900px;width:100%;margin:50px auto 0;}
.flow-line {position: absolute;top: 25px;left:25px;width: 0;background: #0F2140;height:100%;width:2px;}
.flow-bx{display:flex;flex-direction:column;gap:40px;position:relative;}
.flow-right{width:800px;}
.flow-ctt {display:flex;gap:20px;}
.flow-num{font-size: 1.2rem;color: #fff;font-weight:600;background: #0F2140;border-radius: 50%;width:50px;height:50px;display:flex;justify-content:center;align-items: center;}
.flow-ctt h3{color:#0F2140;}

.course-fv{background:url(img/course-fv.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.under-bx{max-width:900px;width:100%;margin:0 auto 50px;background:#f2f2f3;}
.under-ctt-course{display:flex;gap:20px;}
.under-ctt-course .course-ctt{flex:1;}
.under-online{padding:20px;}
.under-online .course-ctt{background:#fff;}
.onlinep{margin-top:20px;}
.course-note-list{max-width:900px;width:100%;margin:auto;}

.blog-cate{display:flex;flex-wrap:wrap;gap:15px;margin:30px auto;}
.blog-cate a{text-decoration:none;background:#0F2140;color:#fff;padding:0 10px;display:block;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

@media screen and (max-width: 1250px){
.policy-bx{grid-template-columns:repeat(2,1fr);width:590px;margin:50px auto 0;}
.pcase{font-size:1rem;}
}

@media screen and (max-width: 1100px){
.site-name-text {font-size: 22px;}
.flow-right {width: 80%;}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.sp-br{display:block;}
html, body {overflow-x: hidden !important;max-width: 100% !important;}
body.menu-open {overflow-x: hidden !important;position: relative;}
.custom-overlay {display: none;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.5);z-index: 9998;opacity: 0;transition: opacity 0.5s ease;} 
.custom-overlay.open {display: block;opacity: 1; }
body {transition: margin-left 0.5s ease;margin-left: 0;}
body.menu-open {margin-left: -250px !important;}
.custom-menu-trigger {position: fixed !important;top: 15px !important;right: 20px !important;width: 34px;height: 26px;cursor: pointer;z-index: 10000 !important;background: none;border: none;padding: 0;display: block !important; }
.custom-menu-trigger span {display: block;position: absolute;left: 0;width: 100%;height: 2px;background-color: #fff;transition: all 0.6s ease;}
.custom-menu-trigger.active span {background-color: #fff!important;z-index: 10000 !important;}
.custom-menu-trigger span:nth-child(1) {top: 0;}
.custom-menu-trigger.active span:nth-child(1) {transform: translateY(12px) rotate(-45deg);}
.custom-menu-trigger span:nth-child(2) {top: 12px;} 
.custom-menu-trigger.active span:nth-child(2) {opacity: 0;}
.custom-menu-trigger span:nth-child(3) {bottom: 0;}
.custom-menu-trigger.active span:nth-child(3) {transform: translateY(-12px) rotate(45deg);}
.custom-nav {display:block;position: fixed !important;top: 0 !important;right: 0 !important;width: 250px;height: 100vh;background-color:rgb(15, 33, 64,0.3);z-index:9999!important;transform: translateX(250px);transition: transform 0.5s ease;padding-top: 100px;overflow-y: auto; }
.custom-nav.open {transform: translateX(0) !important; }
.custom-nav ul {list-style: none;margin: 0;padding: 0;}
.custom-nav li {color: #fff;text-align: center;padding: 15px 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);transition: background-color 0.3s ease;}
.custom-nav li:hover {background-color: rgba(255, 255, 255, 0.1);}
.custom-nav a {color: #fff;text-decoration: none;display: block;font-size: 16px;}      
.pc-br{display:none;}
.header-bx {display: none;}
.site-name-text{padding:0;}
.header-ctt { width: 90%;height: 60px;}
.logo-text {padding: 0;}
.catch {top:50%;}
.catch1 {font-size: 1.5rem;line-height:1.6;}
.catch2 { font-size: 1.05rem;}
h2 {font-size: 1.8rem;margin-bottom: 30px;}
.first h2 {font-size: 1.6rem;}
.blog-bx {grid-template-columns: repeat(1, 1fr);}
.blog {padding:70px 0;}
.more {width: 200px;}
.policy{padding: 70px 0;}
.policy-bx {margin:30px auto 0;grid-template-columns: repeat(1, 1fr);width: 100%;}
.instructor {padding: 70px 0;}
.instructor-bx {gap: 20px;flex-direction: column;}
.instructor-img {width: 30%;margin: auto;}
.instructor-ctt {width: 100%;}
.ittl {margin-bottom: 15px;}
.case { padding: 70px 0;}
.case-bx {flex-direction: column;}
.course { padding: 70px 0;}
.course-bx {margin-top: 30px;grid-template-columns:repeat(1,1fr);}
.faq {padding: 70px 0;}
.accordion {padding-bottom: 10px;}
.finner {width: 90%;padding: 0;}
.contact {height: 350px;}
.trialp1 {font-size: 1.4rem;}
.trialp2 {text-align: left;font-size:0.9rem;}
.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:#0F2140;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:#f2f2f3;display: flex;align-items: center;justify-content: center;width:140px;color:#0F2140;font-weight:600;}
.footer-bottom {margin-bottom:70px;}
.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;}	
.single-post .content-in {margin-top: 50px;}
.contact-bx {padding: 50px 0;}
.contact-table {width: 90%;}
.contact-table th {width: 100%; display: block;padding: 0;text-align: left;}
.contact-table td { width: 100%;display: block;}
.thanksp{text-align:left;}
.contact-fv{background-position:center;}
.blog-fv{background-position:center;}
.faq-fv{background-position:center;}
.about-table th {width: 100%;display:block;border-bottom:none;text-align:left;padding:0.5em}
.about-table td {width: 100%;display:block;margin-bottom:30px;padding:0.5em 0.5em 10px 0.5em;}	
.under-ctt-course {flex-direction: column;}
.snsfv{display:none;}
.first{padding:70px 0;}
.second{padding:70px 0;}
.sflow {margin: 20px auto;gap:20px;}
.sflow p:not(:last-child):after {right: -15px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 10px solid #0F2140;}
.sflow p {padding: 5px 10px;}
.lesson-bx {width: 100%;}
}




/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

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