@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;word-break: break-all;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
/* -webkit-text-size-adjust: 100%; */
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
vertical-align: middle;
}
body {
-webkit-font-feature-settings: 'palt';
font-feature-settings: 'palt';
text-rendering: optimizeLegibility;
font-variant-ligatures: no-common-ligatures;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: unset;
}
@media only screen and(-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
*, *::after, *::before {
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
}
.clearfix:after {
content: "";
clear: both;
display: block;
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
opacity: 0.8;
}
/*common*/
html {font-size: 16px;}
img {vertical-align: middle;}
body {color:#4d4d4d;font-family:"Noto Sans JP",sans-serif;line-height:1.6;letter-spacing: 0.04em;}/*585C67*/
/*font-family:"Helvetica Neue",Helvetica,Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;*/
.outer {width:100%;padding: 0 10px;}
.w700 {max-width: 720px;margin: 0 auto;padding: 0 10px;}
.w800 {max-width: 820px;margin: 0 auto;padding: 0 10px;}
.w900 {max-width: 920px;margin: 0 auto;padding: 0 10px;}
.w1000 {max-width: 1020px;margin: 0 auto;padding: 0 10px;}
a {transition: opacity 0.2s;will-change: contents;}
a:hover {opacity: 0.8;}
.spview {display: none;}
.pcview {display: block;}
.spviewinline {display: none;}
@media screen and (max-width:750px) {
html {font-size: 3.5vw;}
.outer {padding: 0 4vw;}
.w700 {width: 100%;padding: 0 4vw;}
.w800 {width: 100%;padding: 0 4vw;}
.w900 {width: 100%;padding: 0 4vw;}
.w1000 {width: 100%;padding: 0 4vw;}
.spview {display: block;}
.pcview {display: none;}
.spviewinline {display: inline;}
}
/*header*/
.fix_header{display:flex;align-items:center;justify-content:space-between;max-width:100%;background-color:#fff;border-radius:80px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);position:fixed;z-index:100;width:calc(100% - 60px);top:30px;left:30px;padding:10px 10px 10px 36px;}
.fix_header .logo{flex:1;}
.fix_header .logo a{display:inline-block;}
.fix_header .logo img{height:auto;width:220px;}
.fix_header .logo span:nth-of-type(1){display:none;}
.fix_header .logo span:nth-of-type(2){display: inline-block;border:1px solid #bbb;padding:6px 14px;line-height: 1;font-size: 0.9em;font-weight: 700;margin:0 0 0 10px;border-radius: 50px;transform: translateY(1px);}
.fix_header nav{display:flex;transition:0;}
.fix_header nav p{margin:0 10px;padding-top:1px;}
.fix_header nav a{font-weight:700;text-decoration:none;font-size:1rem;}
.fix_header nav a:hover{color:#0268cc;opacity:1;}
.fix_header .contact{margin-left:1em;}
.fix_header .contact .btn a{border-radius:60px;font-size:1rem;display:inline-block;font-weight:700;text-align:center;text-decoration:none;background:#0268cc;color:#fff;padding:10px 24px;}
.fix_header .pull{display:none;}
.fix_header nav a>span:nth-of-type(1){display: none;}
.fix_header nav a>span:nth-of-type(2){display: block;}
.overray{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(102,143,183,0.8);z-index:88;display:none;}
@media screen and (max-width:1250px){
.fix_header .logo img{width:190px;}
.fix_header nav p{margin:0 6px;}
.fix_header .contact{margin-left:0.4em;}
.fix_header .logo span:nth-of-type(2){padding:6px 10px;font-size: 0.8em;}
}
@media screen and (max-width:1150px){
.fix_header .contact{margin-left:0;}
.fix_header .pull{display:flex;position: absolute;right:10px;bottom:-70px;width:50px;height:50px;background:#0268cc;color:#fff;border-radius: 50%;box-shadow:0 0 10px 0 rgba(0,0,0,.2);cursor: pointer;justify-content: center;align-items: center;z-index:5;}
.fix_header .pull span{font-size: 2rem;}
.fix_header nav{display:block;position:absolute;top:100%;background:#fff;border-radius: 6px;box-shadow:0 0 10px 0 rgba(0,0,0,.15);width:max-content;right:75px;opacity:0;pointer-events: none;z-index:6;}
.fix_header nav p{margin:0;padding-top:0;}
.fix_header nav p:hover{background:#f9f9f9;}
.fix_header nav a{font-size:1.05rem;padding:0.8em 6em 0.8em 2em;display:block;}
.fix_header nav p:first-of-type a{padding-top:1.1em;}
.fix_header nav p:not(:last-of-type) a{border-bottom: 1px dotted #e4e4e4;}
}
@media screen and (max-width:750px){
.fix_header{width:calc(100% - 6vw);top:4vw;left:3vw;padding:0 14vw 0 1.2em;height:12vw;}
.fix_header .logo img{width:32vw;}
.fix_header .logo span:nth-of-type(2){padding:0.5em 0.8em;font-size: 0.7em;margin:0 0 0 0.5em;transform:unset;}
.fix_header .contact{display: none;}
.fix_header .pull{right:0;bottom:0;width:12vw;height:12vw;}
.fix_header .pull span{font-size: 2.6rem;}
.fix_header nav{width:94%;right:3%;}
.fix_header nav a{padding:0.75em 1em 0.75em 1.5em;font-size:1.15rem;}
.fix_header nav a>span:nth-of-type(1){display: inline-block;}
.fix_header nav a span span{font-size: 0.9em;margin:0 1px 0 1px;}
.fix_header nav a>span:nth-of-type(2){display: none;}
}
/*footer*/
body{display: flex;flex-direction: column;min-height: 100vh;}
.site_footer{padding:3rem 0 1.8rem;background:#f4f4f7;margin-top: auto;}
.site_footer .footer_nav{margin-bottom: 1.8rem;text-align: center;}
.site_footer .footer_nav li{margin:0 0.8em 1em;font-size: 0.9em;font-weight: 500;display: inline-block;}
.site_footer .footer_nav li:last-child{display: block;font-size: 0.8em;}
.site_footer .footer_nav li a:hover{text-decoration: underline;opacity: 1;}
.site_footer .footer_nav li:last-child a{text-decoration: underline;}
.site_footer .copy{text-align: center;font-size: 0.7rem;}
.fix_contact{display: none;}
@media screen and (max-width:750px){
.site_footer{padding:8vw 0 19vw;}
.site_footer .footer_nav{margin-bottom: 2vw;}
.site_footer .footer_nav li:last-child{font-size: 0.9em;}
.fix_contact{display: flex;position: fixed;bottom:3vw;left:3vw;width: 100%;z-index: 15;justify-content: flex-start;}
.fix_contact p{width: 39vw;height:12vw;margin-right:2vw;}
.fix_contact p a{display: block;color:#fff;font-weight: 600;font-size: 1.05em;height:100%;line-height: 1;background:#0268cc;border-radius: 40px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
.fix_contact p a span{display: flex;align-items: center;justify-content: center;height: 100%;}
.fix_contact p a span::before{font-family: "Material Symbols Outlined";font-size: 1.3em;font-weight:400;margin-right: 3px;}
.fix_contact .tel a span::before{content: "\e0b0";}
.fix_contact .mail a span::before{content: "\e158";transform: translateY(-
2px);}
}
/*backtop*/
#backtop{position:fixed;bottom:20px;right:25px;z-index:20;}
#backtop a{display:block;background:#0268cc;border-radius:50%;width:50px;height:50px;color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
#backtop i{text-align:center;font-size:38px;position: absolute;top:-2px;left:0;width: 100%;display: block;pointer-events: none;}
#backtop span{font-size:12px;position: absolute;top:22px;left:0;width: 100%;display: block;text-align:center;pointer-events: none;font-weight: 700;}
@media only screen and (max-width: 750px) {
#backtop{right:3vw;bottom:3vw;}
#backtop a{width:12vw;height:12vw;}
#backtop i{font-size:2.5rem;top:0;left:1px;}
#backtop span{font-size:0.9rem;top:1.7em;left:1px;}
}
/*main_img*/
.main_img{background:#CCE0F4;position: relative;z-index: 2;height:520px;overflow:hidden;}
.main_img .img{position:absolute;top:0;right:45%;width:840px;}
.main_img .img img{width:100%;}
.main_img .txt{position:absolute;bottom:45px;left:50%;}
.main_img .txt p:nth-of-type(1){font-size:1.7rem;font-weight:800;line-height:1;text-align:center;color:#0268CC;transform:rotate(-2deg);text-shadow:2px 2px 2px #fff;}
.main_img .txt p:nth-of-type(1)>span{position:relative;padding:0 10px;}
.main_img .txt p:nth-of-type(1)>span::after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:12px;background:#ff4;z-index:-1;}
.main_img .txt p:nth-of-type(2){font-size:3rem;font-weight:800;line-height:1.3;text-align:center;color:#0268CC;text-shadow:2px 2px 2px #fff;}
.main_img .txt p:nth-of-type(3){text-align:center;line-height:1.5;margin-top:25px;}
.main_img .txt p:nth-of-type(3) span{display:inline-block;padding:0.2em 1em 0.3em;border:1px solid #0268CC;background:#fff;border-radius:40px;font-size:1.05rem;font-weight:700;color:#0268CC;margin:0 5px;}
.main_img .txt p .up{font-size:1.7em;margin:0 2px;}
@media only screen and (max-width: 950px) {
.main_img .txt{left:47%;}
.main_img .txt p:nth-of-type(2){font-size:2.4rem;}
}
@media only screen and (max-width: 840px) {
.main_img .txt{left:42%;}
.main_img .txt p:nth-of-type(2){font-size:2.2rem;}
}
@media only screen and (max-width: 750px) {
.main_img{height:auto;}
.main_img .img{position:static;width:100%;}
.main_img .txt{position:static;padding:2vw 0 5vw;}
.main_img .txt p:nth-of-type(1){font-size:1.5rem;transform:rotate(-1deg);}
.main_img .txt p:nth-of-type(2){font-size:2.3rem;line-height:1.3;}
.main_img .txt p:nth-of-type(3){text-align:center;margin-top:3vw;}
.main_img .txt p:nth-of-type(3) span{font-size:0.85rem;}
.main_img .txt p .up{font-size:1.6em;}
}
/*topics*/
.topics_outer{background:#f4f4f7;}
#topics .topics_inner{padding:30px 0 20px;}
#topics .topics_inner>div{display: flex;align-items: center;}
#topics .topics_inner h2{display: flex;align-items: center;justify-content: center;background:#0268cc;border-radius: 50%;width: 80px;height:80px;color:#fff;font-weight: 600;font-size: 0.9em;line-height: 1;letter-spacing: 0;margin-right: 25px;flex-shrink: 0;}
#topics .topics_inner h2+div{flex:1;}
#topics .topics_inner ul{}
#topics .topics_inner ul li{display: flex;font-size: 0.95em;line-height: 1.3;padding:10px;border-bottom: 1px dotted #bbb;font-weight: 500;}
#topics .topics_inner ul li:first-child{border-top: 1px dotted #bbb;}
#topics .topics_inner ul li p{margin-right: 1em;flex-shrink: 0;}
#topics .topics_inner ul li h3{flex:1;}
#topics .topics_inner ul li h3 a{text-decoration:underline;}
#topics .topics_inner>p{font-size:0.8em;text-align:right;margin-top:8px;font-weight:500;}
#topics .topics_inner>p a:hover{text-decoration:underline;opacity:1;}
#topics .topics_inner>p a::after{font-family: "Material Symbols Outlined";content: "\e1c4";font-weight: 500;font-size:1.05em;vertical-align:-2px;margin-left:3px;display:inline-block;color:#888;opacity:0.8;}
@media only screen and (max-width: 750px) {
#topics .topics_inner{padding:7vw 0;}
#topics .topics_inner>div{display: block;}
#topics .topics_inner h2{width: 100%;height:unset;margin-right: 0;display: block;border-radius:0;text-align:center;background:none;color:#4d4d4d;font-weight: 700;font-size: 1.5rem;margin-bottom:1em;}
#topics .topics_inner ul li{font-size: 1em;padding:0.8em 0.5em;display: block;}
#topics .topics_inner ul li p{margin-right:0;font-size: 0.9em;margin-bottom:0.3em;line-height:1.1;}
#topics .topics_inner ul li h3{line-height:1.5;}
#topics .topics_inner>p{font-size:0.9em;text-align:center;margin-top:1.5em;font-weight:600;}
#topics .topics_inner>p a{display:inline-block;padding:0.5em 1em 0.5em 2em;background:#Fff;border-radius:50px;border:1px solid #bbb;}
#topics .topics_inner>p a::after{font-size:1.05em;vertical-align:-2px;margin-left:1em;}
#topics .topics_inner>p a:hover{text-decoration:none;background:#ddd;}
}
/*section*/
[data-scroll]{padding-top:140px;margin-top:-140px;}
.sec_outer{padding:100px 0;}
.sec_outer.bg{background:#f4f4f7;}
.sec_outer h2{text-align:center;font-size: 2.5rem;font-weight: 700;margin-bottom:65px;line-height: 1;}
@media only screen and (max-width: 750px) {
[data-scroll]{padding-top:23vw;margin-top:-23vw;}
.sec_outer{padding:10vw 0 12vw;}
.sec_outer h2{font-size: 1.5rem;margin-bottom:1em;line-height: 1.3;}
}
.bold{font-weight:700;}
.sizeup{font-size:1.2em;}
.sizedown{font-size:0.8em;}
.blue{color:#0268cc;}
.red{color:#D63334;}
sup {font-size:0.7em;vertical-align: top;position: relative;top: -0.1em;}
/*features*/
#features{}
#features .features_inner{margin-bottom:-40px;}
#features .features_inner .features_item{display: flex;flex-direction: row-reverse;margin-bottom:40px;justify-content: space-between;align-items: center;}
#features .features_inner .features_item .img{border-radius: 10px;overflow: hidden;flex-shrink: 0;width:40%;}
#features .features_inner .features_item .img img{width: 100%;}
#features .features_inner .features_item .img+div{margin-right:5%;flex:1;}
#features .features_inner .features_item h3{font-size: 2.1rem;font-weight: 700;line-height: 1.3;}
#features .features_inner .features_item p{margin-top: 0.8em;text-align: justify;line-height: 1.7;}
@media screen and (max-width:890px){
#features .features_inner .features_item .img{width:300px;}
#features .features_inner .features_item h3{font-size: 1.7rem;}
}
@media only screen and (max-width: 750px) {
#features .features_inner{margin-bottom:-6vw;}
#features .features_inner .features_item{display: block;margin-bottom:6vw;}
#features .features_inner .features_item .img{width:100%;margin-bottom:1rem;border-radius: 6px;}
#features .features_inner .features_item .img+div{margin-right:0;}
#features .features_inner .features_item h3{font-size: 1.5rem;line-height: 1.4;text-align: center;}
#features .features_inner .features_item p{margin-top: 0.6em;line-height: 1.6;}
}
/*point*/
#point{}
#point .point_inner{margin-bottom:-80px;}
#point .point_inner .point_item{margin-bottom:80px;}
#point .point_inner .point_item h3{text-align: center;font-size: 1.6rem;font-weight: 700;background:#585C67;color:#fff;border-radius: 100px;padding:0.9em 0;line-height: 1;margin-bottom:20px;}
#point .point_inner section div{}
#point .point_inner section div img{width:100%;}
#point .point_inner .item1{padding:0 60px;}
#point .point_inner .item2{padding:20px 60px 0;}
#point .point_inner .item3{padding:30px 0 0 10px;display:flex;justify-content:space-between;}
#point .point_inner .item3 .txt{flex:1;text-align: justify;}
#point .point_inner .item3 .img{width:260px;margin-left:80px;}
#point .point_inner .item3 ul{margin-top:1em;font-size:0.8em;}
#point .point_inner .item3 ul li{text-indent:-2em;padding-left:2em;}
#point .point_inner .item3 ul li[data-num="1"]::before{content:"※1";margin-right:0.3em;}
#point .point_inner .item3 ul li[data-num="2"]::before{content:"※2";margin-right:0.3em;}
@media only screen and (max-width: 750px) {
#point .point_inner{margin-bottom:-8vw;}
#point .point_inner .point_item{margin-bottom:8vw;}
#point .point_inner .point_item h3{font-size: 1.2rem;padding:0.7em 2em;line-height: 1.2;margin-bottom:6vw;}
#point .point_inner .item1{padding:0 2vw;}
#point .point_inner .item2{padding:0 2vw;}
#point .point_inner .item3{padding:0 1vw;display:block;}
#point .point_inner .item3 .img{width:100%;margin-left:0;padding:5vw 10vw 0;}
}
/*showcase*/
#showcase{}
#showcase .showcase_inner{margin-bottom:-60px;}
#showcase .showcase_inner .showcase_item{margin-bottom:60px;border:1px solid #666;border-radius: 10px;padding:40px;}
#showcase .showcase_inner .showcase_title{display:flex;align-items: center;margin-bottom: 40px;}
#showcase .showcase_inner .showcase_title .img{width:110px;height:110px;border-radius: 50%;overflow: hidden;margin-right:30px;flex-shrink: 0;}
#showcase .showcase_inner .showcase_title .img img{width: 100%;height:100%;object-fit: cover;}
#showcase .showcase_inner .showcase_title .img+div{flex:1;}
#showcase .showcase_inner .showcase_title h3{font-size: 1.9rem;font-weight: 700;line-height: 1.4;}
#showcase .showcase_inner .showcase_title p{font-size: 0.85rem;font-weight: 600;line-height: 1.4;margin-bottom:0.3em;}
#showcase .showcase_inner .showcase_msg{display:flex;justify-content: space-between;align-items: flex-start;}
#showcase .showcase_inner .showcase_msg>div:not(.img){flex:1;margin-top:-0.2em;}
#showcase .showcase_inner .showcase_msg p:nth-of-type(1){font-size:0.9em;font-weight:500;border-bottom:1px solid #ccc;margin-bottom:0.6em;padding-bottom:0.2em;}
#showcase .showcase_inner .showcase_msg p:nth-of-type(2){text-align: justify;line-height: 1.7;font-size:0.95em;font-weight:500;}
#showcase .showcase_inner .showcase_msg .img{width:40%;height:auto;flex-shrink: 0;margin-left: 5%;border-radius: 10px;overflow: hidden;}
#showcase .showcase_inner .showcase_msg .img img{width: 100%;}
#showcase .showcase_inner .showcase_desc{margin-top:2em;text-align: justify;background:#f4f4f7;padding:20px 30px;border-radius: 6px;font-weight:500;}
@media only screen and (max-width: 750px) {
#showcase .showcase_inner{margin-bottom:-6vw;}
#showcase .showcase_inner .showcase_item{margin-bottom:6vw;padding:5.5vw 4vw 4vw;}
#showcase .showcase_inner .showcase_title{display:block;margin-bottom: 3vw;}
#showcase .showcase_inner .showcase_title .img{width:24vw;height:24vw;margin:0 auto 4vw;}
#showcase .showcase_inner .showcase_title h3{font-size: 1.3rem;line-height: 1.5;text-align: center;}
#showcase .showcase_inner .showcase_title p{text-align: center;}
#showcase .showcase_inner .showcase_msg{display:block;}
#showcase .showcase_inner .showcase_msg>div:not(.img){margin-top:0;}
#showcase .showcase_inner .showcase_msg p:nth-of-type(1){font-size:0.85em;margin-bottom:0.6em;text-align:center;}
#showcase .showcase_inner .showcase_msg p:nth-of-type(2){line-height: 1.6;}
#showcase .showcase_inner .showcase_msg .img{width:100%;margin-left:0;margin-top:3vw;border-radius: 6px;}
#showcase .showcase_inner .showcase_desc{margin-top:4vw;padding:1em;border-radius: 4px;}
}
/*industry*/
#industry{margin-top:-20px;padding-bottom:100px;}
#industry h2{text-align:center;font-size: 1.8rem;font-weight: 700;margin-bottom:50px;line-height: 1;}
#industry .industry_inner{margin-bottom:-40px;}
#industry .industry_inner ul{display:flex;justify-content:center;flex-wrap:wrap;}
#industry .industry_inner ul li{margin-bottom:40px;width:calc(100% / 5);}
#industry .industry_inner .img{width:130px;height:130px;border-radius:50%;overflow:hidden;margin:0 auto;}
#industry .industry_inner .img img{width:100%;height:100%;object-fit:cover;}
#industry .industry_inner h3{width:max-content;padding:0.4em 1em 0.5em;background:#38B87A;color:#fff;font-weight:600;margin:0 auto;line-height:1;font-size:1em;border-radius:4px;position:relative;margin-top:12px;}
#industry .industry_inner h3::before{content:"";display:block;position:absolute;top:-4px;left:50%;width:8px;height:8px;background:inherit;transform:translateX(-50%) rotate(45deg);z-index:-1;}
@media only screen and (max-width: 900px) {
#industry .industry_inner ul li{width:calc(100% / 3);}
#industry .industry_inner ul li:last-child{width:100%;}
}
@media only screen and (max-width: 750px) {
#industry{margin-top:-3vw;padding-bottom:12vw;}
#industry h2{font-size: 1.25rem;margin-bottom:1em;line-height: 1.3;}
#industry .industry_inner{margin-bottom:-6vw;}
#industry .industry_inner ul li{margin-bottom:6vw;}
#industry .industry_inner .img{width:24vw;height:24vw;}
#industry .industry_inner h3{padding:0.5em 0.8em 0.6em;font-size:0.8em;margin-top:1em;}
}
/*plan*/
#plan{overflow:hidden;}
#plan .plan_inner{display:flex;justify-content: space-between;align-items:stretch;}
#plan .plan_inner .plan_item{width:31.5%;box-shadow:0 0 10px 0 rgba(0,0,0,.15);border-radius:8px;background:#fff;position:relative;border-top:8px solid #fff;display: flex;flex-direction: column;}
#plan .plan_inner .plan_item::after{position:absolute;display:flex;white-space: pre;top:-30px;right:-15px;font-weight:600;font-size:0.9em;line-height:1.2;width:70px;height:70px;z-index:2;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;color:#fff;text-align:center;border:3px solid #fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);transform:rotate(-5deg);}
#plan .plan_inner .item1::after{content:"最小限\Aプラン";padding-top:2px;background:#DBA222;}
#plan .plan_inner .item2::after{content:"お手軽\Aプラン";padding-top:2px;background:#38B87A;}
#plan .plan_inner .item3::after{content:"人気\ANo.1";background:#0268CC;}
#plan .plan_inner .item1{border-color:#DBA222;}
#plan .plan_inner .item2{border-color:#38B87A;}
#plan .plan_inner .item3{border-color:#0268CC;}
#plan .plan_inner .plan_head{padding:38px 15px 30px;}
#plan .plan_inner .plan_head h3{text-align:center;font-weight:700;font-size:2em;line-height:1.3;}
#plan .plan_inner .item1 h3{color:#DBA222;}
#plan .plan_inner .item2 h3{color:#38B87A;}
#plan .plan_inner .item3 h3{color:#0268CC;}
#plan .plan_inner .plan_head .txt{text-align:center;font-size:1.1em;font-weight:700;line-height:1.5;margin-top:25px;}
#plan .plan_inner .plan_head .price{text-align:center;font-size:1.3em;font-weight:700;line-height:1;margin-top:15px;}
#plan .plan_inner .plan_head .price span:nth-of-type(1){font-size:1.7em;margin:0 4px;}
#plan .plan_inner .plan_head .price span:nth-of-type(2){font-size:0.7em;}
#plan .plan_inner .plan_head .start{text-align:center;font-size:1.1em;font-weight:700;line-height:1;margin-top:10px;}
#plan .plan_inner .plan_head .start span{font-size:1.6em;margin:0 2px;}
#plan .plan_inner .plan_head .day{font-size:0.75em;font-weight:600;line-height:1;width:max-content;margin:20px auto 0;border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:0.4em 0.7em;}
#plan .plan_inner .plan_head .day span{font-size:1.25em;margin:0 2px 0 4px;font-weight:700;}
#plan .plan_inner .plan_info{border-top:1px solid #eaeaea;padding:20px;display: flex;flex-direction: column;height:100%;}
#plan .plan_inner .plan_desc p{font-size:0.8em;font-weight:600;line-height:1.4;margin-bottom:5px;text-indent:-1.2em;padding-left:1.2em;text-align:justify;}
#plan .plan_inner .plan_desc p::before{content:"●";opacity:0.5;margin-right:0.2em;}
#plan .plan_inner .item1 .plan_desc p{color:#DBA222;}
#plan .plan_inner .item2 .plan_desc p{color:#38B87A;}
#plan .plan_inner .item3 .plan_desc p{color:#0268CC;}
#plan .plan_inner .plan_shoptag{margin:25px 0 20px;border-radius:4px;border:1px solid #ccc;padding:0 0 6px;}
#plan .plan_inner .plan_shoptag dl div{display:flex;flex-wrap:wrap;justify-content:center;margin-top:8px;}
#plan .plan_inner .plan_shoptag dt{font-size:0.8em;font-weight:500;width:max-content;margin:-10px auto 0;background:#fff;padding:0 1em;}
#plan .plan_inner .plan_shoptag dd{font-size:0.75em;border:1px solid #ccc;border-radius:40px;padding:0.2em 0.7em 0.3em;line-height:1;margin:0 3px 8px;font-weight:500;}
#plan .plan_inner .plan_check{margin-top: auto;}
#plan .plan_inner .plan_check p{border-bottom:1px solid #ccc;padding:0.5em 0 0.5em 2.25em;font-size:0.95em;font-weight:500;position:relative;}
#plan .plan_inner .plan_check p:first-of-type{border-top:1px solid #ccc;}
#plan .plan_inner .plan_check p.check::before{font-family: "Material Symbols Outlined";content: "\e86c";font-size: 1.7em;font-weight: 400;position:absolute;top:0;left:0.1em;opacity:0.8;}
#plan .plan_inner .item1 .plan_check p.check::before{color:#DBA222;}
#plan .plan_inner .item2 .plan_check p.check::before{color:#38B87A;}
#plan .plan_inner .item3 .plan_check p.check::before{color:#0268CC;}
#plan .plan_inner .plan_check p.gray{color:#ccc;font-weight:400;}
#plan .plan_inner .plan_check p.check.triangle::before{content: "\e86b";opacity:0.4;}
#plan .plan_inner .more{display:none;}
#plan .plan_caution{margin-top:25px;}
#plan .plan_caution li{font-size:0.75em;font-weight:500;line-height:1.4;margin-bottom:2px;text-indent:-1em;padding-left:1em;text-align:justify;}
#plan .plan_caution li::before{content:"※";}
@media only screen and (max-width: 750px) {
#plan .plan_inner{display:block;margin-bottom:-1vw;}
#plan .plan_inner .plan_item{width:100%;display: block;margin-bottom:5vw;padding-bottom:5vw;}
#plan .plan_inner .plan_item::after{top:-4vw;right:-2vw;width:16vw;height:16vw;font-size:0.95em;padding-top:0.25em!important;border:2px solid #fff;}
#plan .plan_inner .plan_head{padding:8vw 4vw 5vw;}
#plan .plan_inner .plan_head h3{font-size:2.2em;line-height:1;padding-right:0.5em;}
#plan .plan_inner .plan_head .txt{font-size:1.3em;line-height:1.4;margin-top:1.2em;}
#plan .plan_inner .plan_head .price{font-size:1.5em;margin-top:0.7em;}
#plan .plan_inner .plan_head .start{font-size:1.2em;margin-top:0.6em;}
#plan .plan_inner .plan_head .day{font-size:0.75em;margin:1.5em auto 0;padding:0.4em 0.7em;}
#plan .plan_inner .plan_info{padding:4vw;display: none;}
#plan .plan_inner .plan_desc p{font-size:1.1em;line-height:1.6;margin-bottom:0;}
#plan .plan_inner .plan_shoptag{margin:6vw 0 6vw;padding:0 1vw 1vw;}
#plan .plan_inner .plan_shoptag dl div{margin-top:2vw;}
#plan .plan_inner .plan_shoptag dt{font-size:0.8em;margin:-0.8em auto 0;}
#plan .plan_inner .plan_shoptag dd{font-size:0.75em;padding:0.3em 1em 0.4em;margin:0 0.3em 0.6em;}
#plan .plan_inner .plan_check p{padding:0.4em 0 0.4em 2.5em;font-size:1em;}
#plan .plan_inner .plan_check p.check::before{left:0.25em;}
#plan .plan_inner .plan_check p.gray{display:none;}
#plan .plan_inner .more{display:block;margin:0 auto;width:max-content;line-height:1;border-radius:60px;padding:0.9em 4em 1em 2em;font-size:1.05em;font-weight:600;position:relative;}
#plan .plan_inner .more::after{font-family: "Material Symbols Outlined";font-size:1.5em;font-weight: 500;position:absolute;top:50%;right:3vw;transform:translateY(-50%);content: "\e147";}
#plan .plan_inner .more.close::after{content: "\e644";}
#plan .plan_caution{margin-top:0;}
#plan .plan_inner .item1 .more{background:#F7ECD2;color:#DBA222;}
#plan .plan_inner .item2 .more{background:#D7F0E4;color:#38B87A;}
#plan .plan_inner .item3 .more{background:#CCE0F4;color:#0268CC;}
}
/*support*/
#support{}
#support .support_inner{display:flex;justify-content: space-between;}
#support .support_inner .support_item{border:1px solid #DDDEE0;border-radius: 10px;padding:25px;width: 49%;}
#support .support_inner .support_item .img{margin-bottom:20px;}
#support .support_inner .support_item .img img{width: 100%;}
#support .support_inner .support_item h3{text-align: center;font-size:1.5em;font-weight: 700;margin-bottom: 15px;line-height: 1;}
#support .support_inner .support_item p{text-align: justify;font-size: 0.95em;}
@media only screen and (max-width: 750px) {
#support .support_inner{display:block;margin-bottom: -6vw;}
#support .support_inner .support_item{padding:4vw;width:100%;margin-bottom:6vw;}
#support .support_inner .support_item .img{margin-bottom:2vw;}
#support .support_inner .support_item h3{font-size:1.25em;margin-bottom: 3vw;}
#support .support_inner .support_item p{font-size: 1em;}
}
/*faq*/
#faq{}
#faq .faq_inner{margin-bottom:-22px;column-count: 3;column-gap: 20px;}
#faq .faq_inner .faq_item{margin-bottom:22px;border-radius: 6px;padding:24px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1);-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
#faq .faq_inner .faq_item h3{font-size:1.1em;font-weight: 700;line-height: 1.5;padding-left: 1.8em;text-align: justify;position: relative;}
#faq .faq_inner .faq_item h3::before{font-family: "Material Symbols Outlined";content: "\e0b7";font-size: 1.5em;font-weight: 500;color:#ABADB3;position: absolute;left:0;top:-4px;}
#faq .faq_inner .faq_item p{text-align: justify;margin-top: 0.9em;font-size: 0.9rem;}
@media only screen and (max-width: 1075px) {
#faq .faq_inner{column-count: 2;}
}
@media only screen and (max-width: 750px) {
#faq .faq_inner{margin-bottom:-4vw;column-count: 1;column-gap: 0;}
#faq .faq_inner .faq_item{margin-bottom:4vw;padding:5vw;}
#faq .faq_inner .faq_item h3{font-size:1.1em;padding-left: 1.6em;}
#faq .faq_inner .faq_item h3::before{top:-0.05em;font-size: 1.3em;}
#faq .faq_inner .faq_item p{font-size: 0.95rem;margin-top: 0.7em;}
}
/*contact*/
.bottom_contact{padding:80px 0 70px;}
.bottom_contact h2{text-align:center;font-size: 1.8rem;font-weight: 700;margin-bottom:40px;line-height: 1;}
.bottom_contact h2::before{content:"／";transform:scale(-1, 1);display:inline-block;margin-right:5px;}
.bottom_contact h2::after{content:"／";margin-left:5px;}
.bottom_contact .contact_inner p{text-align:center;}
.bottom_contact .contact_inner a{display: inline-block;color:#fff;font-weight: 700;font-size: 1.8em;line-height: 1;border:1px solid #0268cc;border-radius: 40px;padding:0.5em 3.5em 0.4em;color:#0268cc;transition:background 0.1s,color 0.1s,transform 0.1s,box-shadow 0.1s;box-shadow:0 3px 0 0 #0268cc;}
.bottom_contact .contact_inner a:hover{background:#0268cc;color:#fff;opacity:1;transform:translateY(3px);box-shadow:0 0 0 0 #0268cc;}
.bottom_contact .contact_inner span{display: flex;align-items: flex-start;justify-content: center;}
.bottom_contact .contact_inner span::before{font-family: "Material Symbols Outlined";font-size: 1.2em;font-weight:400;margin-right: 5px;content: "\e158";}
.bottom_contact .tel_inner{width:max-content;margin:35px auto 0;padding:15px 45px;border:1px solid #ccc;border-radius:4px;}
.bottom_contact .tel_inner p{text-align:center;font-weight:700;}
.bottom_contact .tel_inner p:nth-of-type(2){font-size:1.6rem;}
.bottom_contact .tel_inner p:nth-of-type(3){font-size:0.85em;}
.bottom_contact .tel_inner p:nth-of-type(2)::before{font-family: "Material Symbols Outlined";font-size: 0.9em;font-weight:400;margin-right: 2px;content: "\e0b0";vertical-align:-2px;}
.bottom_contact .tel_inner a{pointer-events:none;}
@media only screen and (max-width: 750px) {
.bottom_contact{padding:10vw 0 10vw;}
.bottom_contact h2{font-size: 1.5rem;margin-bottom:1.2em;line-height: 1.3;}
.bottom_contact .contact_inner a{font-size: 1.6em;padding:0.5em 3em 0.4em;}
.bottom_contact .tel_inner{width:70%;margin:2em auto 0;padding:1em 0;}
.bottom_contact .tel_inner p:nth-of-type(2){font-size:1.6rem;}
.bottom_contact .tel_inner a{pointer-events:auto;}
.bottom_contact .contact_inner a:hover{background:inherit;color:inherit;}
}
/*sub page*/
#subpage{margin-bottom:100px;}
.sub_header{padding-top:125px;}
.sub_header .subtitle{text-align:center;font-size: 2.5rem;font-weight: 700;line-height: 1.2;letter-spacing:0.05em;}
.sub_header .hide{display:none;}
.sub_header ol{display:flex;align-items:center;font-size:0.8em;font-weight:500;margin-bottom:45px;line-height:1;letter-spacing:0.02em;}
.sub_header ol li{display:flex;align-items:center;}
.sub_header ol li a{text-decoration:underline;color:#0268cc;}
.sub_header ol li::before{content:"\e5cb";font-family: "Material Symbols Outlined";font-weight: 500;font-size:1.25em;}
.sub_contents{margin-top:45px;}
@media only screen and (max-width: 750px) {
#subpage{margin-bottom:14vw;}
.sub_header{padding-top:20vw;}
.sub_header .subtitle{font-size: 1.5rem;line-height:1.4;}
.sub_contents{margin-top:6vw;}
.sub_header ol{font-size:1em;margin-bottom:6vw;}
}
/*contact page*/
.sub_contents.contactpage .msg{text-align:center;font-weight:500;margin-bottom:20px;font-size:1.1em;}
.sub_contents.contactpage .msg2{text-align:center;font-weight:500;font-size:0.9em;line-height:1.5;width:max-content;margin:0 auto 40px;border:1px solid #ccc;border-radius:6px;padding:10px 40px;}
.sub_contents.contactpage .msg2 span.icon{font-size:1.25em;vertical-align:-2px;}
.sub_contents.contactpage .msg2 span:not(.icon){font-size:1.3em;}
.sub_contents.contactpage .msg2 a{pointer-events:none;}
.sub_contents.contactpage .caution{font-size:0.8em;margin-top:20px;}
.sub_contents.contactpage .caution li{text-indent:-1em;padding-left:1em;text-align:justify;}
.sub_contents.contactpage .caution li::before{content:"※";}
.sub_contents.contactpage .caution li a{text-decoration:underline;}
@media screen and (max-width:750px){
.sub_contents.contactpage .msg{margin-bottom:1em;font-size:1.05em;}
.sub_contents.contactpage .msg2{margin:0 auto 6vw;font-size:0.9em;width:60%;padding:0.7em 0;}
.sub_contents.contactpage .msg2 a{pointer-events:auto;}
.sub_contents.contactpage .caution{font-size:0.8em;margin-top:8vw;}
}
.thanks p{text-align:center;}
.grecaptcha-badge { visibility: hidden; }
#form_area {background:#F4F4F7;padding:10px 70px 40px;}
#form_area table{border-collapse:separate;border-spacing:0 30px;width:100%;}
#form_area table th{vertical-align:middle;padding:10px 0;text-align:left;font-weight:600;width:200px;}
#form_area table th span{font-size:0.8em;color:#D63334;margin-left:10px;}
#form_area table td{vertical-align:middle;font-weight:500;}
#form_area table td span.error{background:#FF7575;color:#fff;padding:0.4em 2em;margin:1em auto 0;font-weight:600;border-radius:4px;width:max-content;position:relative;z-index:2;font-size:0.9em!important;}
#form_area table td span.error::after{content:"";display:block;position:absolute;top:-5px;left:50%;transform:translateX(-50%) rotate(45deg);background:inherit;width:10px;height:10px;z-index:-1;}
#form_area table input,#form_area table textarea,#form_area table select{font-size:16px;font-family:inherit;padding:10px;vertical-align:middle;width:100%;transition: box-shadow 0.2s;border:1px solid #bbb;outline:none;border-radius:4px;-webkit-appearance: none;border-radius: 4px;color:inherit;}
#form_area table textarea{resize: vertical;}
#form_area table select{width:auto;background:#fff;cursor:pointer;}
#form_area table select {-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 10px 30px 10px 10px;background-position: right;background-repeat: no-repeat;background-image: url('data:image/svg+xml;utf8,');}
#form_area table tr:nth-of-type(2) th{vertical-align:top;}
#form_area .sendbtn{font-size:1.1em;text-align:center;margin-top:20px;}
#form_area .sendbtn button{background:none;border:none;outline:none;appearance: none;cursor:pointer;transition:0.2s;font-family:inherit;
background:#0268CC;padding:10px 0 11px;font-size:1em;color:#fff;width:300px;font-weight:500;border-radius:40px;margin:0 10px;border:1px solid #0268CC;}
#form_area .sendbtn button:hover{opacity:0.8;}
#form_area .sendbtn .back{background:#fff;color:#0268CC;}
#form_area .sendbtn .send{box-shadow:0 0 0 4px #fff,0 0 0 5px #0268CC;}
@media screen and (max-width:750px){
#form_area {padding:0;background:none;}
#form_area table{border-spacing:0;}
#form_area table th{font-size:1em;display:block;width:100%;background:#F4F4F7;margin-top:2vw;padding:1em 1.2em 0;}
#form_area table th span{font-size:1em;margin-left:0.3em;}
#form_area table td{display:block;width:100%;background:#F4F4F7;padding:0.5em 1.2em 1.2em;}
#form_area table select{width:100%;}
#form_area .sendbtn{margin-top:6vw;font-size:1.1em;}
#form_area .sendbtn button{padding:0.6em 0 0.7em;width:70%;}
#form_area .sendbtn .send{box-shadow:0 0 0 2px #fff,0 0 0 3px #0268CC;}
.mw_wp_form_preview button{width:43%!important;margin:0 4px!important;}
.mw_wp_form_preview td{font-size:1.25em;padding:1em 1em 1em!important;line-height:1.4;font-weight:400!important;}
}
/*news page*/
.sub_contents.newspage{}
.sub_contents.newspage .post_list{border-top:1px dotted #ccc;font-weight:500;font-size:1.05em;}
.sub_contents.newspage .post_list li{display:flex;justify-content:space-between;border-bottom:1px dotted #ccc;padding:1em;align-items:center;}
.sub_contents.newspage .post_list p{flex-shrink:0;width:120px;}
.sub_contents.newspage .post_list h3{flex:1;line-height:1.35;text-align:justify;}
.sub_contents.newspage .post_list h3 a{text-decoration:underline;}
@media only screen and (max-width: 750px) {
.sub_contents.newspage .post_list{font-size:1em;}
.sub_contents.newspage .post_list li{display:block;padding:0.7em 0.5em;}
.sub_contents.newspage .post_list p{width:100%;line-height:1.3;}
}
/*pagination*/
.pagination{display:flex;justify-content:center;margin-top:40px;font-weight:700;}
.pagination a,.pagination span:not(.icon){display:block;width:2.1em;height:2.1em;background:#fff;border:1px solid #bbb;display:flex;justify-content:center;align-items:center;margin:0 2px;color:#4d4d4d;border-radius:50%;}
.pagination span:not(.icon).current{background:#0268CC;color:#fff;border:1px solid #0268CC;}
.pagination a:not(.prev):not(.next),.pagination span.current{padding-bottom:0px;}
.pagination a:hover{background:#0268CC;color:#fff;opacity:1;border:1px solid #0268CC;}
@media only screen and (max-width: 750px) {
.pagination{margin-top:8vw;font-size:1.1em;}
.pagination a,.pagination span:not(.icon){width:2.2em;height:2.2em;}
}
/*news single*/
.sub_contents.newssingle{}
.sub_contents.newssingle .time{text-align:center;font-size:1.2em;font-weight:700;margin-bottom:20px;line-height:1;padding-top:6px;}
.sub_contents.newssingle .time time{padding:0.3em 2em 0.4em;border:1px solid #0268CC;border-radius:40px;display:inline-block;color:#0268CC;}
.sub_contents.newssingle .subtitle{text-align:center;font-size: 2.5rem;font-weight: 700;line-height: 1.2;letter-spacing:0.05em;}
.sub_contents.newssingle .content{margin-top:45px;padding:0 50px 40px;border-bottom:1px dotted #ccc;}
.sub_contents.newssingle .morebtn{margin-top:35px;text-align:center;line-height:1;}
.sub_contents.newssingle .morebtn a{font-size:0.9em;font-weight:500;padding:0.8em 2em 0.8em 1.2em;border:1px solid #bbb;border-radius:40px;display:inline-block;}
.sub_contents.newssingle .morebtn a::before{font-family: "Material Symbols Outlined";content: "\e1c4";font-weight: 500;font-size:1em;vertical-align:-1px;margin-right:0.8em;display:inline-block;color:#888;opacity:0.8;transform:scale(-1,1);}
@media only screen and (max-width: 750px) {
.sub_contents.newssingle .time{font-size:1em;margin-bottom:1em;}
.sub_contents.newssingle .subtitle{font-size: 1.65rem;line-height:1.3;}
.sub_contents.newssingle .content{margin-top:5vw;padding:0 0 7vw;}
.sub_contents.newssingle .morebtn{margin-top:6vw;}
.sub_contents.newssingle .morebtn a{font-size:0.9em;padding:0.8em 2em 0.8em 1.2em;}
}
/*privacy page*/
.sub_contents.privacypage{}
.sub_contents.privacypage section:not(:last-of-type){margin-bottom:2em;}
.sub_contents.privacypage .hide{display:none;}
.sub_contents.privacypage h3{font-size:1.2em;font-weight:600;line-height:1.35;margin-bottom:0.2em;}
.sub_contents.privacypage ol{list-style:decimal;padding-left:1.5em;}
.sub_contents.privacypage li{text-align:justify;margin-left:0.2em;}
.sub_contents.privacypage section p{text-align:justify;}
.sub_contents.privacypage section a{text-decoration:underline;}
@media only screen and (max-width: 750px) {
.sub_contents.privacypage h3{font-size:1.1em;text-align:justify;}
}
/*rule page*/
.sub_contents.rulepage{}
.sub_contents.rulepage dl{border:1px solid #ccc;font-size:0.95em;}
.sub_contents.rulepage dl div{display:flex;justify-content:space-between;align-items:stretch;}
.sub_contents.rulepage dl div:not(:last-of-type){border-bottom:1px solid #ccc;}
.sub_contents.rulepage dl dt{flex-shrink:0;width:200px;padding:1em 0;border-right:1px solid #ccc;display:flex;justify-content:center;align-items:center;font-weight:500;text-align:center;background:#F4F4F7;}
.sub_contents.rulepage dl dd{flex:1;padding:1em 2em;display:flex;justify-content:flex-start;align-items:center;}
.sub_contents.rulepage dd a{text-decoration:underline;}
@media only screen and (max-width: 750px) {
.sub_contents.rulepage dl{font-size:0.9em;}
.sub_contents.rulepage dl div{display:block;}
.sub_contents.rulepage dl dt{width:100%;text-align:center;padding:0.5em 0;border:none;border-bottom:1px solid #ccc;display:block;}
.sub_contents.rulepage dl dd{padding:1em 0;display:block;text-align:center;}
}
/*anime*/
.fade{opacity: 0;visibility: hidden;transform: translate(0,30px);transition: opacity 1s,visibility 1s, transform 1s;}
.fadein{opacity: 1;visibility: visible;transform: translate(0);}
/*content*/
.content a{text-decoration:underline;margin:0 4px;color:#0268CC;}
.content p{margin:0.6em 0;line-height:1.8;font-size:1.1em;text-align:justify;}
.content > *:first-child{margin-top:0;}
.content strong,.content .bold{font-weight:700;}
.content img{max-width:100%;height:auto;}
.content ul,.content ol {margin-top: 1em;padding-left:1.5em;font-size:1.1em;}
.content ul {list-style-type: disc;}
.content ol {list-style-type: decimal;}
.content li {margin-left:0.2em;line-height:1.5;margin-bottom:0.3em;text-align:justify;}
.aligncenter {display: block;margin-right: auto;margin-left: auto;}
.alignright {float: right;margin-bottom: 20px;margin-left: 20px;}
.alignleft {float: left;margin-right: 20px;margin-bottom: 20px;}
.wp-caption,[class*='wp-image'] {display: block;max-width: 100% !important;margin-top: 1.5em;text-align: center;height:auto;}
.wp-caption-text {margin-top: 0;}
@media only screen and (max-width: 750px) {
}
/*404*/
.sub_contents.notpage{}
.sub_contents.notpage .morebtn{margin-top:35px;text-align:center;line-height:1;}
.sub_contents.notpage .morebtn a{font-size:0.9em;font-weight:500;padding:0.8em 2em 0.8em 1.2em;border:1px solid #bbb;border-radius:40px;display:inline-block;}
.sub_contents.notpage .morebtn a::before{font-family: "Material Symbols Outlined";content: "\e1c4";font-weight: 500;font-size:1em;vertical-align:-1px;margin-right:0.8em;display:inline-block;color:#888;opacity:0.8;transform:scale(-1,1);}
@media only screen and (max-width: 750px) {
.sub_contents.notpage .morebtn{margin-top:6vw;}
.sub_contents.notpage .morebtn a{font-size:0.9em;padding:0.8em 2em 0.8em 1.2em;}
}