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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.hundred{position: absolute;top: 20%; width: 25vw;background: #84c0d9;color: #fff;font-size: 3vw;border-radius: 5px;left: 35%;transform: translateY(-50%) translateX(-50%);font-weight: 600;padding: 1vw;text-align: center;}
.m-logo{display:none;}
.drawer{display:none;}
main#main.main{padding:0;border:none;}
div#content.content.cf{margin-top:0;}
body{font-family :YuMincho, 'Yu Mincho',serif;}
.header-container{height:0;}
.hamburger{display:none;}
div#content-in.content-in.wrap{width:100%;}
.tagline{display:none;}
.content-in{justify-content:space-around;}
.nav-menu{justify-content:center;align-items:center;display:flex;position:fixed;top:3%;z-index:1; opacity: 0;transform: translateY(-20px); transition: opacity 0.5s ease-out, transform 0.5s ease-out;}
.nav-menu.show {opacity: 1;transform: translateY(0);}
.nav-menu ul{display:flex;align-items:center;justify-content:center;width:80%;background: #fff;border-radius:20px;box-shadow: 5px 5px 0 #84c0d9;padding-left:0;}
.nav-menu ul li{list-style:none;padding:0.7vw 1vw 0.7vw 1vw;}
.nav-menu ul li a{text-decoration:none;color:#84c0d9;font-size:1.2vw;transition:0.7s;font-weight: 600;}
.nav-menu ul li a:hover{opacity:0.5;}
.nav-logo {width:15%;}

.header-menu ul{padding-left:0;}
.header-menu ul li{list-style:none;border-bottom:solid 1px #ededed;padding:0.7vw 0.7vw 0.7vw 1.5vw;}
.header-menu ul li:last-child{border-bottom:none;}
.header-menu ul li a{text-decoration:none;color:#84c0d9;font-size:1.2vw;transition:0.7s;font-weight: 600;}
.header-menu ul li a:hover{opacity:0.5;}
.header-in {display: flex;flex-direction: column;justify-content: center;position: absolute;z-index: 1;width: 13vw;top: 10vw;left: 3vw;background: #fff;border-radius:20px;box-shadow: 5px 5px 0 #84c0d9;}
.site-name-text {text-align:center;}
.site-name-text img{width:70%;}
.fv{position:relative;}
.fv-img{height:55vw;overflow:hidden;}
.catch{text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.5);position:absolute;text-align:center;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);font-weight:600;}
.catch1{font-size:2vw;}
.catch2{font-size:2.5vw;}
.catch3{font-size:3vw;}

.fade-in {opacity: 0;transition: opacity 0.6s ease-out, transform 0.6s ease-out;}
.fade-in.left {transform: translateX(-50px);}
.fade-in.right {transform: translateX(50px);}
.fade-in.bottom { transform: translateY(50px);}
.fade-in.show {opacity: 1;transform: translate(0, 0);}
.catch span {display: inline-block;opacity: 0;transform: translateY(15px);animation: fadeUp 0.4s ease-out forwards;}
@keyframes fadeUp {
from {opacity: 0;transform: translateY(15px);}to {opacity: 1; transform: translateY(0);}}

/*about*/
.about{padding:100px 0;}
.h2-about{line-height:1.5;margin-bottom:2vw;font-size:2.5vw;}
.h2-about::before{content:"ABOUT";display:block;font-size:1.2vw;color:#84c0d9;}
.about-bx{width:70%;margin:auto;display:flex;justify-content:center;gap:5vw;align-items:center;}
.about-img{width:50%;}
.about-img img{width:70%;}
.about-ctt{width:50%;}
.about-ctt p{font-size:1.2vw;}
.more-btn{margin-top:3vw;}
.more-btn a{text-decoration:none;background:#fff;border-radius: 3px;position: relative;display: flex;justify-content: center;align-items: center;margin: 0 auto;width:15vw;padding:0.5vw 1.5vw;color: #84c0d9;transition: 0.3s ease-in-out;box-shadow: 5px 5px 0 #84c0d9;border:solid 1px #84c0d9;color:#84c0d9;font-size:1.1vw;}
.more-btn a:hover {background-color:#84c0d9;box-shadow: 0 0 0;transform: translate(5px, 5px);color:#fff;}

/*plan*/
.plan{padding:100px 0;background:#F8FCFF;}
.h2-plan{line-height:1.5;margin-bottom:2vw;font-size:2.5vw;text-align:center;}
.h2-plan::before{content:"PLAN";display:block;font-size:1.2vw;color:#84c0d9;}
.plan-bx{width:70%;margin:auto;display:flex;flex-direction:column;justify-content:center;gap:3vw;align-items:center;}
.plan-img{width:80%;}
.plan-ctt{width:80%;}
.plan-img p{font-size:1.2vw;}
.plan-ctt p{font-size:1.2vw;}
.plan-table{box-shadow: 5px 5px 0 #84c0d9;}
.plan-table th{background:#fff;border-left:none;border-right:none;border-top:none;font-size:1.2vw;}
.plan-table td{background:#fff;border-left:none;border-right:none;border-top:none;color:#84c0d9;font-weight:bold;font-size:1.2vw;}
.plan-table tr::nth of child(3){border-bottom:none;}
table tr:nth-of-type(2n+1) {background:transparent;}


/*news*/
.news{padding:100px 0;}
.h2-news{line-height:1.5;margin-bottom:2vw;font-size:2.5vw;text-align:center;}
.h2-news::before{content:"NEWS";display:block;font-size:1.2vw;color:#84c0d9;}
.news-ctt{width:70%;margin:auto;}
.post-ttl{border-bottom:solid 1px #84c0d9;}
.post-ttl a{font-size:1.2vw;text-decoration:none;color:#434343;font-weight:normal;}
.list {width: 80%;margin: auto;}
.date{padding-right:2vw;font-size:1vw;}
	
/*guide*/
.guide{padding:100px 0;background:#FFFBEE;}
.h2-guide{line-height:1.5;margin-bottom:2vw;font-size:2.5vw;}
.h2-guide::before{content:"GUIDE";display:block;font-size:1.2vw;color:#84c0d9;}
.guide-bx{width:70%;margin:auto;display:flex;justify-content:center;gap:5vw;}
.guide-img{width:50%;}
.guide-img img{width:70%;}
.guide-ctt{width:50%;}
.guide-ctt p{font-size:1.2vw;}

/*faq*/
.faq{padding:100px 0;}
.h2-faq{line-height:1.5;margin-bottom:2vw;font-size:2.5vw;}
.h2-faq::before{content:"FAQ";display:block;font-size:1.2vw;color:#84c0d9;}
.faq-bx{width:70%;margin:auto;display:flex;justify-content:center;gap:5vw;}
.faq-img{width:50%;}
.faq-img img{width:80%;}
.faq-ctt{width:50%;}
.faq-ctt p{font-size:1.2vw;}

/*trial*/
.trial{padding:100px 0;background-image: radial-gradient(circle, #84c0d9 1.5px, transparent 1.5px), radial-gradient(circle, #84c0d9 1.5px, transparent 1.5px);
background-position: 0 0, 3px 6px;background-size: 6px 12px;}
.trial-ctt{width:60%;margin:auto;padding:2vw;background: #fff;border-radius:20px;box-shadow: 5px 5px 0 #84c0d9;}
.h2-trial{line-height:1.5;margin-bottom:2vw;font-size:2.5vw;text-align:center;}
.h2-trial::before{content:"TRIAL";display:block;font-size:1.2vw;color:#84c0d9;}
.trial-ctt p{font-size:1.2vw;}

.footer{background:#84c0d9;color:#fff;margin-top:0;}
.fmenu{display:flex;gap:20px;justify-content:center;margin-bottom:30px;}
.fmenu a{text-decoration:none;color:#fff;}

.under-fv{position:relative}
.under-bx{margin:auto;position:relative;margin-top:7vw;}
.under-img{text-align:center;}
.under-img img{width:40%;}
.h1-company{line-height:1.5;margin-bottom:2vw;font-size:2vw;text-align:center;}
.h1-company::before{content:"COMPANY";display:block;font-size:1vw;color:#84c0d9;}
.company-table{width:60%;margin:auto;}
.company-table th{background:#fff;border-left:none;border-right:none;border-top:none;border-bottom:solid 1px #84c0d9;font-size:1.2vw;}
.company-table td{background:#fff;border-left:none;border-right:none;border-top:none;border-bottom:solid 1px #84c0d9;color:#84c0d9;font-weight:bold;font-size:1.2vw;}
.company-table td a{text-decoration:none;color:#84c0d9}

.h1-trial{line-height:1.5;margin-bottom:2vw;font-size:2vw;text-align:center;}
.h1-trial::before{content:"TRIAL";display:block;font-size:1vw;color:#84c0d9;}
.table-trial{width:60%;margin:auto;}
.table-trial th{background:#fff;border-left:none;border-right:none;border-top:none;border-bottom:solid 1px #84c0d9;font-size:1.2vw;}
.table-trial td{background:#fff;border-left:none;border-right:none;border-top:none;border-bottom:solid 1px #84c0d9;color:#84c0d9;font-weight:bold;font-size:1.2vw;}
.cbtn{text-align:center;margin-top:3vw;}
.cbtn p a{text-decoration:none;}
input[type='submit'] {background:#fff;border-radius: 3px;position: relative;display: flex;justify-content: center;align-items: center;margin: 0 auto;width:15vw;padding:0.5vw 1.5vw;color: #84c0d9;transition: 0.3s ease-in-out;box-shadow: 5px 5px 0 #84c0d9;border:solid 1px #84c0d9;color:#84c0d9;font-size:1.1vw;}
input[type='submit']:hover{background-color:#84c0d9;box-shadow: 0 0 0;transform: translate(5px, 5px);color:#fff;}
.wpcf7-spinner {display:none;}
input[type='submit'] a{text-decoration:none;}
.acceptance{text-align:center;margin-top:5vw;font-size:1.2vw;}

.h1-contact{line-height:1.5;margin-bottom:2vw;font-size:2vw;text-align:center;}
.h1-contact::before{content:"CONTACT";display:block;font-size:1vw;color:#84c0d9;}
.under-img2{text-align:center;}
.under-img2 img{width:25%;}
.must{background:#84c0d9;color:#fff;padding:0.5vw 1vw;margin-left:0.5vw;font-size:0.8vw;position: relative;top: -0.2vw;}
.msg{width:60%;margin:auto;padding:0 0 3vw 0;text-align:center;}
.msg p{font-size:1.2vw;}

.h1-news{line-height:1.5;margin-bottom:2vw;font-size:2vw;text-align:center;}
.h1-news::before{content:"NEWS";display:block;font-size:1vw;color:#84c0d9;}
.list-inner{padding:0 10px;text-align:left;}
.new-list{display:flex;flex-direction:row;justify-content:space-between;flex-wrap: wrap;width:70%;margin:auto;margin-bottom:50px;}
.new-list-box{width:30%;margin:20px 0;}
.new-list:after {content: "";display: block;width: 30%;height: 0;}
.new-list-box a{text-decoration:none;display:inline-block;color:#666;}
.new-list-box a :hover{opacity:0.7;}
.pagination{margin:40px 0;display:block!important;}
.pagination-next {display:none;}
.pnavi{display:flex;flex-direction:row;justify-content:center;margin-bottom:80px;}
.nav-links{display:flex;}
.pagination .page-numbers{display:inline-block;color:#5BC7ED;border:solid 1px #ffe400;border-radius:0;background:#ffe400;margin:0;border-radius:50%;}
.pagination .current{color:#5BC7ED;background:#ffe400;border:solid 1px #ffe400;border-radius:50%;}
.pagination .next.page-numbers{width:46px;}
.pagination .prev.page-numbers{width:46px;}
.pagination a:hover{background:transparent;color:#5BC7ED}

.h1-faq{line-height:1.5;margin-bottom:2vw;font-size:2vw;text-align:center;}
.h1-faq::before{content:"FAQ";display:block;font-size:1vw;color:#84c0d9;}
.h2-under{font-size:1.6vw;margin-bottom:2vw;border-bottom:solid 5px #84c0d9;color:#84c0d9;}

.accordion-bx {width:70%;margin:auto;}
.accordion-ctt {margin-bottom:3vw;}
.ques {display: flex; justify-content: space-between; align-items: center; padding:1.5vw 0 0 0; cursor: pointer;border-bottom:solid 1px #84c0d9;}
.q{height:2vw;width:2vw;background:#f9b62b;color:#fff;border-radius: 50%;display: inline-block;padding: 5px;line-height:1.5vw;text-align: center;margin-right:1vw;}
.qbx{font-size:1.2vw;}
.answer{font-size:1.2vw;}
.accordion .toggle-icon {  position: relative; width: 2vw; height: 2vw; border-radius: 50%; display: inline-block; padding: 5px; line-height:1.5vw; text-align: center; background:#FFFBEE;}
.accordion .toggle-icon::before, .accordion .toggle-icon::after {  content: ''; position: absolute; width: 12px; height: 1px; background: #543C32; 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; display: flex; flex-direction: row;}
.accordion input[type="checkbox"]:checked ~ .answer { max-height: 120px; padding: 15px 0 0 0; }
.accordion .answer::before {  content: ""; width: 0; height: 0; border-left: 12px solid black; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: relative; padding-right: 10px; top: 2px;}

.h1-guide{line-height:1.5;margin-bottom:2vw;font-size:2vw;text-align:center;}
.h1-guide::before{content:"GUIDE";display:block;font-size:1vw;color:#84c0d9;}
.under-ctt{width:70%;margin:auto;margin-top:1vw;margin-bottom:2vw;}
.under-ctt p{font-size:1.2vw;}
.ucbx{display:flex;gap:3vw;flex-wrap:wrap;justify-content:space-between;margin-bottom:5vw;}	
.ucctt{width:46%;}
.h3-under{font-size:1.4vw;background:#84c0d9;color:#fff;padding:0.3vw 0.3vw 0.3vw 1vw;margin-bottom:2vw;}
.under-ctt2 p{width:80%;margin:auto;font-size:1.2vw;}
.under-ctt2{width:70%;margin:auto;margin-top:1vw;margin-bottom:5vw;}
.under-ctt2 .company-table{width:80%;margin-bottom:2vw;}
.stepbar {margin: 0 auto;width: 80%;}
.stepbar .stepbarwrap {margin: 2em 0;position: relative;}
.stepbar .stepbarwrap .steptitle {display: inline-flex;align-items: center;}
.stepbar .stepbarwrap .steptitle .stepcircle {display: inline-block;width: 1em;height: 1em;content: "";border-radius: 50%;background-color: #fff;border: 1px solid #EF7F42;}
.stepbar .stepbarwrap .steptitle .stepnum {padding-left: 1em;font-size:1.2vw;color: #EF7F42;font-weight:600;}
.stepbar .stepbarwrap .steptxt {padding-left: 2em;}
.stepbar .stepbarwrap .steptxt .steptxt-title {margin: 0.5em 0;font-weight: bold;font-size:1.2vw}
.stepbar .stepbarwrap .steptxt .steptxt-txt {font-size:1.2vw;}
.stepbar .stepbarwrap .stepline { width: 1px;height: calc(100% + 2em);background-color: #EF7F42;position: absolute;top: 0.5em;left: 0.5em;z-index: -1;}
.stepbarwrap:last-of-type .stepline:last-of-type {display: none;}
.sp-br{display:none;}

.h1-pp{line-height:1.5;margin-bottom:2vw;font-size:2vw;text-align:center;}
.h1-pp::before{content:"PRIVACY POLICY";display:block;font-size:1vw;color:#84c0d9;}

.h1-tos{line-height:1.5;margin-bottom:2vw;font-size:2vw;text-align:center;}
.h1-tos::before{content:"Termas of Service";display:block;font-size:1vw;color:#84c0d9;}

.h1-asct{line-height:1.5;margin-bottom:2vw;font-size:2vw;text-align:center;}
.h1-asct::before{content:"Act on Specified Commercial Transactions";display:block;font-size:1vw;color:#84c0d9;}

.single main#main.main{width:60%;margin:auto;margin-top:10vw;}
.single .header-in{display:none;}
.single p{font-size:1.2vw;}
.single .nav-menu{opacity:1;transform: translateY(0);}
.article h2{font-size:1.6vw;margin-bottom:2vw;border-bottom:solid 5px #84c0d9;color:#84c0d9;background:transparent!important;padding:0.3vw 0.3vw 0.3vw 0;}
.article h3{font-size:1.4vw;background:#84c0d9;color:#fff;padding:0.3vw 0.3vw 0.3vw 1vw;margin-bottom:2vw;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*900px以下*/
@media screen and (max-width: 900px){
  /*必要ならばここにコードを書く*/
.m-logo{display:block;position:absolute;top:3vw;left:3vw;}
.m-logo img{width:40%;}
.hamburger {display:block;position: fixed;top:25px;right: 20px;z-index: 150;width: 30px;height: 30px;cursor: pointer;}
.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: 100%;height: 2px;background-color:#434343; transition: transform .3s;}
.hamburger.is-active span {background-color:#fff;}
.hamburger span:nth-child(1) {top: 30%;}
.hamburger span:nth-child(2) { top: 60%;}
.hamburger span:nth-child(3) {top: 90%;}
.drawer {display:block;visibility: hidden;opacity: 0;position: fixed;top: 0;left: 0;z-index:80; width: 100%; height: 100vh;transition: opacity .3s, visibility .3s;transition: opacity .3s, visibility .3s;background: transparent;backdrop-filter: blur(12px);--webkit-backdrop-filter: blur(12px);background-color: rgba(0, 0, 0, 0.5);}
.drawer.is-active {visibility: visible;opacity: 1;}
.drawer-inner {position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);width:70%;text-align:center;}
.drawer__list {display: flex;flex-direction: column;gap:15px;padding-left:0;}
.drawer__link {color: #ffffff;}				
.drawer__item {list-style:none;}
.drawer__item  a{text-decoration:none;color: #ffffff;font-size:4vw;}	
.drawer__item ul li{padding:5px 0;}
	
.mlogo{position:relative;top:40vw;text-align:center;}
.mlogo img{width:40%;}
	
.sp-br{display:block;}
.about {padding: 50px 0;}
.about-bx { width: 90%;flex-direction: column-reverse;}
.about-img {width: 100%;text-align: center;}
.about-img img {width: 30%;}
.about-ctt {width: 100%;}
.h2-about {font-size: 6vw;}
.h2-about::before { font-size: 3vw;}
.about-ctt p {font-size: 3.5vw;}

.plan {padding: 50px 0;}
.plan-bx { width: 90%;flex-direction: column;}
.plan-img {width: 100%;text-align: center;}
.plan-img img {width: 40%;}
.plan-ctt {width: 100%;}
.h2-plan {font-size: 6vw;}
.h2-plan::before { font-size: 3vw;}
.plan-ctt p {font-size: 3.5vw;}	

.guide {padding: 50px 0;}
.guide-bx { width: 90%;flex-direction: column-reverse;}
.guide-img {width: 100%;text-align: center;}
.guide-img img {width: 30%;}
.guide-ctt {width: 100%;}
.h2-guide {font-size: 6vw;}
.h2-guide::before { font-size: 3vw;}
.guide-ctt p {font-size: 3.5vw;}		

.faq {padding: 50px 0;}
.faq-bx { width: 90%;flex-direction: column;}
.faq-img {width: 100%;text-align: center;}
.faq-img img {width: 35%;}
.faq-ctt {width: 100%;}
.h2-faq {font-size: 6vw;}
.h2-faq::before { font-size: 3vw;}
.faq-ctt p {font-size: 3.5vw;}		
	
.trial {padding: 50px 0;}
.trial-ctt {width:90%;padding:5vw;}
.h2-trial{font-size: 6vw;}
.h2-trial::before { font-size: 3vw;}
.trial-ctt p {font-size: 3.5vw;}
.trial .more-btn a{width:50vw;}	
	
.more-btn a {width: 35vw;font-size: 3.5vw;}	
.header-in{display:none;}
.nav-menu{display:none;}
.catch{width:90%;font-weight:600;}
.catch1{font-size:3.5vw;}
.catch2{font-size:5vw;}
.catch3{font-size:6vw;}
.fv-img {height: auto;}
	
.plan-table td {font-size:3.5vw;}
.plan-table th {font-size:3.5vw;}
.plan-img p {font-size: 3.5vw;}

.h2-news{font-size: 6vw;}
.h2-news::before { font-size: 3vw;}
.news-ctt {width: 90%;}
.news{padding:50px 0;}	
.list {width:100%;}
.post-ttl a{font-size:3.5vw;}
.date{font-size:3vw;}
	
.h1-company{font-size: 6vw;}
.h1-company::before { font-size: 3.5vw;}	
.under-img img { width: 60%;}
.under-img {margin-top:5vw;}
.company-table {width: 90%;}
.company-table th {font-size: 3.5vw;}
.company-table td {font-size: 3.5vw;}
.h1-contact{font-size: 6vw;}
.h1-contact::before { font-size: 3vw;}		
.under-img2 img { width: 40%;}
.under-img2 {margin-top:5vw;}
.msg {width: 90%;}
.msg p {font-size: 3.5vw;}
.table-trial{width:90%;}
.table-trial th {background: #84c0d9;border-bottom: none;font-size: 3.5vw; width: 100%;display: block;color: #fff;}
.table-trial td {border-bottom: none;font-size: 3.5vw;display: block;width: 100%;}
.must {background: #fff;color: #84c0d9;margin-left: 2.5vw;font-size: 3vw;}
input[type='submit'] {width: 35vw;font-size: 3.5vw;}
.acceptance {font-size: 3.5vw;margin-top:10vw;margin-bottom:7vw;}
.h1-trial{font-size: 6vw;}
.h1-trial::before { font-size: 3vw;}
.h1-faq{font-size: 6vw;}
.h1-faq::before { font-size: 3vw;}	
.accordion-bx { width: 90%;}
.h2-under {font-size: 4.5vw;}
.qbx {font-size:3.5vw;}		
.answer {font-size:3.5vw;}		
.q {height: 6vw;width: 6vw;padding: 3px; line-height: 4.5vw;margin-right: 2vw;font-size: 3vw;}
.accordion .toggle-icon {width: 6vw;height: 6vw;padding: 3px;line-height: 4.5vw;}
.accordion .toggle-icon::before, .accordion .toggle-icon::after {width: 2.5vw;}	
.accordion input[type="checkbox"]:checked ~ .answer { max-height: 40vw;	}
.accordion-ctt { margin-bottom:10vw}
.h1-guide{font-size: 6vw;}
.h1-guide::before { font-size: 3vw;}		
.under-ctt {width:90%;margin-bottom: 10vw;}
.ucctt {width: 100%;margin-bottom: 7vw;}
.h3-under {font-size: 4vw;padding: 0.3vw 0.3vw 0.3vw 2vw;}
.under-ctt p {font-size: 3.5vw;}
.under-ctt2 {width: 90%;margin-bottom: 10vw;}
.under-ctt2 p {font-size: 3.5vw; width:100%;}
.under-ctt2 .company-table {width: 100%;margin-bottom:3vw;}
.stepbar {width: 100%;}
.stepbar .stepbarwrap .steptitle .stepnum {font-size: 4vw;}
.stepbar .stepbarwrap .steptxt .steptxt-title {font-size: 3.5vw;}
.stepbar .stepbarwrap .steptxt .steptxt-txt {font-size: 3.5vw;}
.h1-news{font-size: 6vw;}
.h1-news::before { font-size: 3vw;}
.h1-pp{font-size: 6vw;}
.h1-pp::before { font-size: 3vw;}
.h1-tos{font-size: 6vw;}
.h1-tos::before { font-size: 3vw;}
.h1-asct{font-size: 6vw;}
.h1-asct::before { font-size: 3vw;}	
	
.single main#main.main {width:90%; margin-top:5vw;}	
.single p{font-size:3.5vw;}
.article h2{font-size:4.5vw;}
.article h3{font-size:4vw;padding: 0.3vw 0.3vw 0.3vw 2vw;}	
.new-list {width: 90%;}
.new-list-box {width: 100%;}
.fmenu{flex-direction:column;gap:5px;margin-bottom:20px;}
.flex {flex-direction:column;}
.hundred{position: absolute; bottom: -6vw; background: #84c0d9;color: #fff; font-size: 4vw; border-radius: 5px;top: auto; width: 40%; left: 50%;}
}

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

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