@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}

img{ max-width:100%; }
a {text-decoration: none;}
a:hover{opacity :0.7;	filter :alpha(opacity=70);	-ms-filter :"alpha(opacity=70)";}
#content{ padding-top:20px; padding-bottom:20px;}
#content-wrap{ background-color: white;}
#sidebar{ text-align: center;}:root {
--main-color: #a65ea6;
--main-bg: #c595c5;
--main-gutter: 12px;
--main-position: center;
--main-lh: 1.5;
--main-size: 1.8rem;
}
@media (max-width: 368px) {:root {--main-size: 1.6rem;}} *,
*:before,
*:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
html {-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 62.5%;font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;}
body {margin: 0;padding: 0;min-width: 1100px;background: #fff;}
img {max-width: 100%;width: 100%;height: auto;}
p {font-size: var(--main-size);}
.center {text-align: center;margin-linline: auto;}
.red {color: red;font-weight: bold;}
.big {font-size: 1.5em;}
.cf {min-height: 1px;}
ol, ul, li {list-style: none;font-size: var(--main-size);}
.flex {width: 100%;margin: 0 ;padding: 0;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexbox {display: flex;justify-content: space-between;gap: 0 2rem;font-size: var(--main-size);}
.sec_box_item {width: 50%;padding: 10px;line-height: 2;}
@media (max-width: 767px) {.flexbox {flex-direction: column;}.flexbox .sec_box_item {width: 100%;}}
h2.style_h2 {width: 100%;font-size: 3rem;margin-block: auto;text-align: center;position: relative;display: inline-block;margin-bottom: 1em;}
h2.style_h2::before {content: '';position: absolute;bottom: -15px;display: inline-block;width: 150px;height: 3px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: black;border-radius: 2px;}
h2.style_h2c {font-size: 4rem;padding: 1rem 2rem;color: #fff;background-image: -webkit-gradient(linear, left top, right top, from(#6faf59), to(#87addc));background-image: -webkit-linear-gradient(left, #6faf59 0%, #87addc 100%);background-image: linear-gradient(to right, #6faf59 0%, #87addc 100%);}
h2.style_h2d,
h2.style_h2e {font-size: 4rem;padding: 1rem 2rem;color: #fff;}
h2.style_h2d {background:#87addc;}
h2.style_h2e {background: var(--main-color);}
h3 {font-size: 2.4rem;}
h3.style_h3a {font-size: 2.4rem;color: var(--main-color);text-align: center;}
h3.style_h3b {font-size: 2.5rem;color: var(--main-color);text-align: center;border-bottom: 3px solid var(--main-color);}
@media (max-width: 767px) {
body {margin-top: 110px;min-width: 320px;}
h2.style_h2 {font-size: 2.4rem;}
h2.style_h2c,h2.style_h2d, h2.style_h2e {font-size: 2.5rem;}
h3.style_h3a {font-size: 1.8rem;}
h3.style_h3b {font-size: 2rem;}
}
@media (max-width: 374px) {
body {margin-top: 167px;}
h2.style_h2 {font-size: 2rem;}} .btn,
a.btn,
button.btn {font-size: var(--main-size);font-weight: 700;line-height: 1.5;position: relative;display: inline-block;padding: 1rem 4rem;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: all 0.3s;transition: all 0.3s;text-align: center;vertical-align: middle;text-decoration: none;letter-spacing: 0.1em;color: #212529;border-radius: 0.5rem;} a.btn-b {font-size: var(--main-size);position: relative;padding: 1.5rem 2rem 1.5rem 2rem;border-radius: 100vh;width: 100%;max-width: 500px;background: var(--main-bg);color: white;margin: 2rem auto;}
a.btn-b::before {font-family: 'Font Awesome 5 Free';background: var(--main-bg);font-size: var(--main-size);line-height: 1;position: absolute;top: calc(50% - .9rem);right: 1.4rem;margin: 0;padding: 0;font-weight: 900;content: '\f054';} .btn-wrap {margin: 30px 0;}
a.btn-c {font-size: 1.7rem;position: relative;padding: 0.25rem 1rem 1.5rem 3.5rem;color: #fff;background: var(--main-bg);-webkit-box-shadow: 0 5px 0 #b589b5;box-shadow: 0 5px 0 #b589b5;}
a.btn-c span {font-size: 1.5rem;position: absolute;top: -1.25rem;left: 5%;display: block;width: 90%;padding: 0.2rem 0;color: var(--main-bg);border: 2px solid var(--main-bg);border-radius: 100vh;background: #fff;-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);}
a.btn-c span:before,
a.btn-c span:after {position: absolute;left: calc(50% - 10px);content: "";}
a.btn-c span:before {bottom: -10px;border-width: 10px 10px 0 10px;border-style: solid;border-color: var(--main-bg) transparent transparent transparent;}
a.btn-c span:after {bottom: -7px;border-width: 10px 10px 0 10px;border-style: solid;border-color: #fff transparent transparent transparent;}
a.btn-c i {margin-inline: 1rem;}
a.btn-c:hover {-webkit-transform: translate(0, 3px);transform: translate(0, 3px);color: #fff;background: #b589b5;-webkit-box-shadow: 0 2px 0 var(--main-bg);box-shadow: 0 2px 0 var(--main-bg);}
@media (max-width: 1020px) {
a.btn-c {font-size: var(--main-size);padding: 0.25rem .8rem .8rem .8rem;}
a.btn-c span {left: 0;width: 100%;}
a.btn-c i {margin-inline: 0.4rem;}}
@media (max-width: 767px) {
a.btn-c {width: 95%;}
a.btn-c span {left: -5%;width: 110%;}}  @media (max-width: 767px) {
.btn-wrap-pc-sp {display: -webkit-box;display: -ms-flexbox;display: flex;max-width: 435px;margin: -10px auto 20px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
a.btn-pc-sp {line-height: 1.4;width: 32.5%;padding: 1.25rem 0;border-radius: 100vh;color: #ffff;margin-bottom: 10px;}
a.btn-pc-sp--honsha {color: #fff;background: var(--main-bg);}
a.btn-pc-sp--dairi {color: #fff;background: #86adde;}
.fa-position-right {position: absolute;top: calc(50% - 0.5em);right: 1rem;}}
@media (max-width: 374px) {
a.btn-pc-sp {width: 98%;margin: 1rem auto 0;}
a.btn-c { padding: 0.25rem 0.1rem 0.8rem;}}  .pc {display: block;}
.sp {display: none;}
@media (max-width: 767px) {
.pc {display: none !important;}
.sp {display: block;}} header {width: 100%;padding: 10px 0;}
.header_wrapper {max-width: 1250px;margin: auto;display: flex;align-items: center;justify-content: space-between;}
.header_wrapper h1 {width: auto;display: flex;align-items: center;}
.header_wrapper h1 a {display: block;}
.header_tel {display: flex;}
.header_tel .btn-wrap {margin-right: 10px;}
.header_right {display: flex;}
@media (max-width: 767px) {
header {position: fixed;top: 0;z-index: 100;padding: 0;background-color: #fff;}} .gnav {width: 100%;background-color: var(--main-bg);}
.gnav_wrapper {max-width: 1250px;margin: auto;display: flex;}
.gnav_wrapper li {border-left: #f1c7f1 1px solid;text-align: center;width: calc(100%/6);transition: all 0.3s ease;list-style-type :none;font-size: var(--main-size);}
.gnav_wrapper li:last-child {border-right: #f1c7f1 1px solid;}
.gnav_wrapper li:hover {background-color: #c282c2;}
.gnav_wrapper li a {display: block;padding: 1em 0;color: #fff;text-decoration: none;}
@media (max-width: 767px) {
.gnav_wrapper {position: fixed;display: table;top: 90px;left: 0;width: 100%;height: 100%;background: var(--main-bg);visibility: hidden;opacity: 0;padding-top: 20%;padding-left: 0;}
.gnav_wrapper li {max-width: 300px;margin: 0 auto;text-align: center;width: 100%;border-bottom: #888 1px solid;border-left: none;}
.gnav_wrapper li:last-child {border-right: none;}
.menu-btn {color: #fff;cursor: pointer;z-index: 100;background-color: var(--main-bg);max-width: 56px;width: 56px;}
.menu-btn i {display: block;font-size: var(--main-size);text-align: center;padding-top: 10px;}
.menu-btn span {display: block;padding: 0 0 10px 0;font-size: 1rem;text-align: center;}
.open {transition: all .5s;visibility: visible;opacity: 1;z-index: 10;}
.menu-btn span::after {content: attr(data-txt-menu);}
.open span::after {content: attr(data-txt-close);}}
@media (max-width: 374px) {
.gnav_wrapper {top: 160px;}} .main_view img {width: 100%;}
.main_view .view_pc {display: block;}
.main_view .view_sp {display: none;}
@media (max-width: 500px) {
.main_view .view_pc {display: none !important;}
.main_view .view_sp {display: block;}}
.content_wrap {margin: 100px auto;max-width: 1250px;padding: 10px;}
.layout-block {display: flex;justify-content: space-between;gap: 0 2rem;flex-direction:column;font-size: var(--main-size);}
.box-conts {width: 30%%;padding: 1rem 3rem;border: 6px solid var(--main-color);box-shadow:1px 1px 6px 0px #ccc;border-radius: 20px;position: relative;}
.box-conts::after {
content: '';
position: absolute;
top: 15px;
left: 50%;
width: 10px;
height: 13px;
z-index: -1;}
.box-conts img {width: 95%;margin: 1rem auto;}
.add_txt {text-align: center;}
ul.box_cat {
display: flex;
margin: 20px auto;
padding: 0;
list-style: none;}
ul.box_cat li {width: 30%;font-size: var(--main-size);
padding: 5px 0px;background: var(--main-color);margin-right: 5%;text-align: center;color: white;}
ul.box_cat li:last-child) {margin-right: 0;}
@media (min-width:768px) {.layout-block {flex-direction: row;}}
@media (max-width:768px) {.box-conts {width: 96%;margin:2rem auto;}}
@media (max-width:420px) {
h1 a img {width: 70%;margin-top: 1rem;}
.box-conts {padding: 1rem;}
ul.box_cat li {padding: 8px 10px 6px;}} .content_bg {background: #ece4efba;width: 100%;padding: 100px 0;}
.content_bg .bg_wrap {margin: auto;max-width: 1250px;padding: 10px;} #topbox01 {padding: 121px 0 104px;background: #ece4ef;position: relative;}
#topbox01 .wrap {z-index: 3;width: 1100px;margin: 0 auto;position: relative;}
#topbox01 .cnt {background: #fff;width: 510px;height: 840px;box-sizing: border-box;margin: 0 auto;border-radius: 10px;padding: 60px 40px 50px;box-shadow: 0px 0px 6px rgba(0,0,0,0.16);}
#topbox01 h2 {margin-bottom: 40px;}
#topbox01 .cnt p {line-height: 39px;font-size: var(--main-size);margin-bottom: 10px;}
#topbox01 .btnb {margin-bottom: 2rem;}
#topbox01 h3 {font-size: 24px;color: var(--main-color);line-height: 30px;}
#topbox01 .info01 {position: absolute;top: 230px;left: 25px;width: 305px;z-index: -1;}
#topbox01 .info01 .text {padding-left: 25px;}
#topbox01 .info01 h3 {margin-bottom: 9px;}
#topbox01 .text p {line-height: 24px;width: 225px;font-size: 1.4em;}
#topbox01 .info02 {position: absolute;top: 45px;right: 25px;width: 297px;z-index: -1;}
#topbox01 .info02 .text {padding-left: 69px;}
#topbox01 .info02 h3 {margin-bottom: 11px;}
#topbox01 .info03 {position: absolute;bottom: 40px;right: -15px;width: 351px;height: 247px;background: url(//cosmo-sosai.com/wp-content/themes/cosmo/img/topbox-img03.png)no-repeat;box-sizing: border-box;}
#topbox01 .info03 h3 {font-size: 20px;color: #fff;text-align: center;margin-bottom: 2px;}
#topbox01 .info03 .youtube {width: 277px;height: 157px;border: 2px solid #fff;margin: 0 auto;box-sizing: border-box;}
#topbox02 p {font-size: var(--main-size);}
#topbox02 p.fs2 {font-size: 2.2rem;}
#topbox02 .planbox {display: flex;padding: 25px 0;align-items:stretch;
justify-content:center;}
#topbox02 .plan-item {width: 32%;font-size: var(--main-size);box-shadow: 2px 2px 4px gray;margin-right: 4%;}
#topbox02 .plan-item:last-child {margin-right: 0;}
#topbox02 .plan-item h2 {font-size: 2.4rem;font-weight: bold;color: white;text-align: center;padding: 10px;margin: 0;}
#topbox02 .plan-item h2 span {font-size: 1.5rem;}
#topbox02 .plan01 h2 {background: #6faf59;}
#topbox02 .plan02 h2 {background: #87addc;}
#topbox02 .plan-item h3 {text-align: center;font-size: var(--main-size);padding: 6px;margin: 0;}
#topbox02 .plan01 h3 {background: #e2eddc;color: #6faf59;}
#topbox02 .plan02 h3 {background: #e7eef8;color: #87addc;}
#topbox02 img {vertical-align: bottom;}
#topbox02 .plan_cat {background: #fcfaeb;padding: 6px 15px;margin: 0;width: 100%;margin-bottom: 25px;}
#topbox02 .plan_cat .cat_item {display: flex;justify-content:space-between;padding:0;list-style:none;margin: 10px;}
#topbox02 .plan_cat .cat_item li {padding: 0 10px;background: #6faf59;border-radius: 30px;color: white;width: 45%;text-align: center;}
#topbox02 .plan_price_box {padding: 0 10px;}
#topbox02 .plan_price_box p {font-size: 2.5rem;font-weight: bold;margin: .8rem auto;text-align: right;line-height: .8;}
#topbox02 .plan_price_box p i {padding-right: 15px;}
#topbox02 .plan_price_box p .price_small {font-size: 1.4rem;}
#topbox02 .plan_price_box p .price_small i {padding-left: 15px;padding-right: 0;}
#topbox02 .plan03 {line-height: 1.2;display: -webkit-box;display: -ms-flexbox;display: flex;width: 50%;margin-right: 4%;padding: 0;border-radius: 0;box-shadow: 2px 2px 4px gray;}
#topbox02 .plan03 .left {font-size: 3rem;line-height: 1;width: 120px;padding: 1rem 0;-webkit-transition: all 0.3s;transition: all 0.3s;color: #fff;background: var(--main-color);text-align: center;}
#topbox02 .plan03 .left span {font-size: 1.4rem;}
#topbox02 .plan03 .right {font-size: 1.5rem;line-height: 1.5;padding: 1rem;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
#topbox02 .planbox a.btn-b {margin-block: 1rem;}
#topbox02 .plan03 .right span.cat_item02 {width: 100%;text-align: center;font-size: var(--main-size);display: inline-block;padding: 0.2rem 2rem;letter-spacing: 0.05rem;color: var(--main-color);border-radius: 100vh;background: #e7d9ea;margin: 10px auto 0;}
#topbox02 .plan03 .right p {margin: 10px auto;}
#topbox02 .plan_txtbox {width: 50%;padding: 10px;border-radius: 0;background: var(--main-color);color: white;box-shadow: 2px 2px 4px gray;}
#topbox02 .plan_txtbox h4 {font-size: 1.6rem;margin: 0;line-height: 1;border-bottom: 1px solid #fff;}
#topbox02 .plan_txtbox h4 span {text-emphasis: filled;-webkit-text-emphasis: filled;}
#topbox02 .plan_txtbox p {margin: 6px;font-size: 1.6rem;line-height: 2;}
#topbox02 .plan_other {text-align: center;}
#topbox02 .plan_other h4 {background: var(--main-color);color: white;font-size: var(--main-size);font-weight: bold;}
#topbox02 .plan_other h3 {font-size: 2.5rem;color: var(--main-color);}
#topbox03 p {font-size: var(--main-size);}
@media (max-width: 767px) {
#topbox01 {padding: 10% 1%;}
#topbox01 .wrap {width: 100%;}
#topbox01 .cnt {width: 95%;height: auto;padding: 4%;margin: 2.5%;}
#topbox01 .info01,
#topbox01 .info02,
#topbox01 .info03 {position: unset;width: 95%;margin: 2.5%;}
#topbox01 img {width: 95%!important; margin: 2.5%;}
#topbox01 h3 {font-size: 2rem;}
#topbox01 .text p {line-height: 2;width: 95%;font-size: 1.8rem;}
#topbox01 .info02 .text {padding-left: 20px;}
#topbox01 .info03 {background: none;}
#topbox01 .info03 h3 {font-size: 2.4rem;color: var(--main-color);}
#topbox02 .planbox {flex-direction: column;}
#topbox02 .plan-item ,
#topbox02 .plan03,
#topbox02 .plan_txtbox {width: 98%;margin: 2% ;}
#topbox02 img {width: 100%;}
#topbox02 .plan03{display: block;}
#topbox02 .plan03 .left {width: 100%;}
}
table.diff {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 95%;margin-inline:auto;background: #fff;}
table.diff th {text-align: center;padding: 10px 0;border-right:solid 1px #ddd;border-left:solid 1px #ddd;width: 33%;}
table.diff th:nth-child(1) {background-color:#6faf59;color: white;border-radius: 5px 0 0 0;}
table.diff th:nth-child(2) {background-color:#ddd;}
table.diff th:nth-child(3) {background-color: var(--main-color);color: white;border-radius: 0 5px 0 0;border-right: 1px solid #3c6690;font-size: 2.3rem;}
table.diff td {text-align: center;padding: 7px 0;border-right:solid 1px #ddd;border-left:solid 1px #ddd;border-bottom:solid 1px #ddd;width: 32%;}
table.diff td:first-child {background: #e2eddc;}
table.diff td:last-child {border-right: 1px solid #a8b7c5;font-size: 2.3rem;color: var(--main-color);}
table.diff tr:last-child td:first-child {border-radius: 0 0 0 5px;}
table.diff tr:last-child td:last-child {border-radius: 0 0 5px 0;}
@media (max-width: 450px) {
table.diff {font-size: 1.6rem;width: 98%;}
table.diff th:nth-child(3) {font-size: 1.7rem;}
table.diff td:last-child {font-size: 1.7rem;}} address {font-style: normal;}
.grid a {text-decoration:none;color: var(--main-color);}
.grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.25rem;margin-bottom: 1.5rem;}
.footer {padding: 2rem;font-size: 15px;color: #4b5564;background: #fff;margin: 0;width: 100%;}
.footer__navi-heading {font-weight: 600;}
.footer__logo {display: inline-block;margin-bottom: 1.5rem;}
.footer__navi {padding-left: 0;}
.footer__navi li {margin-bottom: 0.75rem;list-style:none}
.footer__address {margin-bottom: 2rem;}
.footer__address a {text-decoration: underline;}
.footer .copyright {text-align: center;}
@media (min-width: 768px) {
.md-flex {display: flex;}
.md-justify-between {justify-content: space-between;}
.grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
.footer__address a {text-decoration: none;pointer-events: none;}}
@media (min-width: 1024px) {
.lg-flex {display: flex;max-width: 1000px;margin-inline: auto;}}  div#bread {padding: 10px 0;background: #fcfaeb;border-top: 70px solid #fcfaeb;margin-top: -68px;position: relative;z-index: -1;}
ul.bread-list {padding-inline-start: 5px;}
#bread ul li {display: inline-block;font-size:13px;}
ul.bread-list li a {font-size:13px;text-decoration:none;color: #000;}
ul.bread-list li a:hover {text-decoration:none;}
ul.bread-list li:after {content:"-";margin-left:10px;margin-right: 5px;}
ul.bread-list li:last-child:after {content:none;} .default-page #main {position: relative;height: 155px;width: 80%;max-width: 800px;border-radius: 20px;background: #e2eddc;margin: 20px auto;}
.default-page #main .page-title {width: 457px;height: 160px;text-align: center;line-height: 155px;font-weight: 700;display: inline-block;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: all 0.3s;transition: all 0.3s;vertical-align: middle;letter-spacing: 0.1em;color: #fff;background: #6faf59;position: absolute;left: 0;right: 0;bottom: -70px;margin: 0 auto;z-index: 1;font-size: 38px;padding: 1rem 4rem;border-radius: 100% 80px / 80px 100%;}
@media (max-width: 768px) {
div#bread {background: none; border: 0;margin: 0;}
.default-page #main {height: 110px;width: 100%;border-radius: 0;}
.default-page #main .page-title {width: 90%;height: auto;line-height: 67px;bottom: -10px;font-size: 2.2em;padding: 0;}
}
.wrap {width: 1100px;margin: 0 auto;position: relative;padding: 10px;}
.plan_box_title {padding: 75px 0 105px;background: #fcfaeb;}
.plan_box_title .bg {max-width: 800px;background: #fff;margin: 0 auto;box-sizing: border-box; padding: 30px 0;text-align: center;font-size: var(--main-size);line-height: 2;}
.plan_box_title .bg ul {padding: 0.5em 1em 0.5em 2.5em;display: inline-block;position: relative;}
.plan_box_title .bg li {text-align: left;font-size: var(--main-size);line-height: 1.5;padding: 0.5em 0;list-style-type: none!important;}
.plan_box_title .bg li:before {font-family: "Font Awesome 5 Free";content: "\f00c";
position: absolute;left: 1em;font-weight: 900;}
.plan_box_title .bg li:last-child {margin-bottom: 0;}
#plan01box02, #plan02box02  {padding: 75px 0 105px;}
#plan01box02 .inner01.flex, #plan02box02 .inner02.flex {width: 95%;margin: 0 auto 30px;justify-content: space-between;}
#plan01box02 .inner01 .plan_title, #plan02box02 .inner02 .plan_title  {align-items: center;display: flex;width: 440px;}
#plan01box02 .inner01 .plan_title .subtitle, #plan02box02 .inner02 .plan_title .subtitle {text-align: center;font-size: 20px;padding: 3px 25px 4px;margin-right: 10px;color:#fff;}
#plan01box02 .inner01 .plan_title .subtitle {background: #6faf59;}
#plan01box02 .inner01 .plan_title h3, #plan02box02 .inner02 .plan_title h3 {font-size: 39px;}
#plan01box02 .inner01 .inner01-in, #plan02box02 .inner02 .inner02-in {display: flex;align-items: center;position: relative;flex-wrap: wrap;justify-content:flex-end;width: calc(100% - 440px);}
#plan01box02 .inner01 .inner01-in div:nth-child(3), #plan02box02 .inner02 .inner02-in div:nth-child(3) {margin-top: -96px;width: 100%;text-align: right;font-size: 1.3rem;position: absolute;height: 0;}
#plan01box02 .inner01 .ippan, #plan02box02 .inner02 .ippan {font-size: 16px;line-height: 26px; margin-right: 17px;}
#plan01box02 .inner01 .kaiin, #plan02box02 .inner02 .kaiin  {display: flex;align-items: center; position: relative;}
#plan01box02 .inner01 .kaiin p, #plan02box02 .inner02 .kaiin p {font-size: 48px;}
#plan01box02 .inner01 .kaiin p .dai, #plan02box02 .inner02 .kaiin p .dai {font-size: 27px;}
#plan01box02 .inner01 .kaiin p .syou, #plan02box02 .inner02 .kaiin p .syou {font-size: 17px;}
#plan02box02 .inner02 .plan_title .subtitle {background: var(--main-color);}
.plan_txtbox01,
.plan_txtbox02 {border:5px double #ffffff;padding:16px;margin:20px;font-size: var(--main-size);}
.plan_txtbox01 {background-color:#F3F7F5;box-shadow:0 0 0 6px #F3F7F5;margin-bottom: 120px;}
.plan_txtbox01 h3 {padding: 1rem 2rem;border-top: 6px double #847260;border-bottom: 6px double #847260; font-size: 3rem; text-align: center;color: #847260;}
.plan_txtbox01 h4 {margin-top: 20px;padding: 1rem 2rem;border-bottom: 6px solid #6fad58; font-size: 3rem; text-align: center;color: #6fad58;}
.plan_txtbox01 p {margin-inline: 2%;color: #847260;font-size: var(--main-size);line-height: 1.8;}
.plan_txtbox-innter {margin: auto;display: flex;color: #847260;}
.plan_txtbox-innter li {text-align: center;width: calc(100%/5);transition: all 0.3s ease;list-style-type :none;margin-bottom: 2rem;}
.plan_txtbox-innter li img {width: 80%; margin-inline: 10%;}
.plan_txtbox02 {background-color:#ece4ef;box-shadow:0 0 0 6px #ece4ef;color: #494037;line-height: 2;margin-bottom: 120px;}
.plan_txtbox02 h4 {padding: 1rem 2rem;border: 3px solid #000;font-size: 2.4rem;text-align: center;}
.plan_txtbox02 h4 span {text-emphasis: filled;-webkit-text-emphasis: filled;}
.plan_flow {padding:94px 0 104px;margin-bottom: 120px;}
.plan_flow h2 {text-align: center;width: 95%;height: 50px;margin: 0 auto 13px;font-size: 2rem;line-height: 50px;color:#fff;border-radius: 35px;}
.plan_flow .cnt.flex {justify-content: space-between;align-items: center;width: 1065px; margin: 0 auto 30px;}
.plan_flow h3 {width:38px;height: 205px;font-size: 2.6rem;}
.plan_flow .cnt .flow.flex {justify-content: space-between;width: 968px;}
.plan_flow .cnt .flow li {font-size: 2rem;width: 86px;height: 218px;background: #fff;border-radius: 10px;position: relative;box-sizing: border-box;}
.plan_flow .cnt .flow li,
.plan_flow h3 {writing-mode: vertical-rl;text-align: center;vertical-align: middle;}
.plan_flow .cnt .flow li span {display: table-cell;vertical-align: middle;width: inherit;height: inherit;} .plan_flow.plan_flowbox_a {background:#e2eddc;}
.plan_flow.plan_flowbox_a h2 {background-image: -webkit-gradient(linear, left top, right top, from(#6faf59), to(#87addc));background-image: -webkit-linear-gradient(left, #6faf59 0%, #87addc 100%);background-image: linear-gradient(to right, #6faf59 0%, #87addc 100%);} .plan_flow.plan_flowbox_b {background:#eee1ef;}
.plan_flow.plan_flowbox_b h2 {background-image: -webkit-gradient(linear, left top, right top, from(#e583ab), to(#ba3a7b));background-image: -webkit-linear-gradient(left, #e583ab 0%, #ba3a7b 100%);background-image: linear-gradient(to right, #e583ab 0%, #ba3a7b 100%);}
#plan_other {font-size: var(--main-size);margin-bottom: 120px;}
@media (max-width: 767px) {
.plan_box_title .bg {width: 95%;margin: 40px auto;}
.wrap {width: 100%;}
.plan_flow h2 {width: 85%;}
.plan_flow h3 {width: 95%;height: 30px;}
.plan_flow .cnt.flex {width: 100%}
.plan_flow .cnt .flow.flex {display: block;width: 94%;margin: 3%;text-align: center;}
.plan_flow .cnt .flow li,
.plan_flow h3 {writing-mode:horizontal-tb;}
.plan_flow .cnt .flow li {width: 94%;height: auto;padding: 8px;margin:3rem auto;display: block;text-align: center;position: relative;}
.plan_flow .cnt .flow li::after {content: "▼";position: absolute;margin: 8px auto;text-align: center;left: calc(50% - 1rem);color: var(--main-color);}
.plan_flow .cnt .flow li:last-child:after{content: "";}
.plan_flow .cnt .flow li span {display: block;width: auto;}
#plan01box02 .inner01 .plan_title .subtitle {font-size: 17px;padding: 3px 10px 4px;}
#plan01box02 .inner01 .plan_title h3 {font-size: 2.3rem;}
#plan01box02 .inner01 .kaiin { margin: 0;}
#plan01box02 .inner01 .inner01-in, #plan02box02 .inner02 .inner02-in {width: 100%;}
#plan01box02 .inner01 .inner01-in div:nth-child(3) {margin-top: -70px;}
.plan_txtbox-innter li {width: calc(100% / 3);}
.plan_txtbox02 h4 {font-size:2rem;}
.plan_txtbox01, .plan_txtbox02 { margin: 20px 10px;}
.plan_txtbox01 h4 { padding: 1rem 1rem;font-size: 2rem;}
}
@media (max-width: 375px) {
#plan01box02 .inner01 .ippan, #plan02box02 .inner02 .ippan {line-height: 10px;}
#plan01box02 .inner01 .kaiin p, #plan02box02 .inner02 .kaiin p {line-height: 0;}
.plan_txtbox-innter li {width: calc(100% / 2);}
} #diff01box01 {padding: 75px 0 105px;} #access01box02 .btn-c,#access02box02 .btn-c {width: 95%;}
#access01box02 iframe,#access02box02 iframe {width: 100%;height: 355px;}  table.table-contactform7{overflow: hidden;table-layout: fixed;max-width: 900px;margin: 40px auto;}
table.table-contactform7 p {font-size: 1.8rem;margin: 1rem auto;}
table .required-contactform7{padding: 5px; background: #DE8686; color: #fff;
border-radius: 3px; margin-right: 3px;}
.table-contactform7 th{ font-weight:bold;font-size: 2rem; }
.table-contactform7 input,.table-contactform7 textarea,.table-contactform7 select {max-width: 90% !important;margin: 5px 10px 10px 5px;font-size: 2rem;}
.table-contactform7 select {padding: 8px;}
.table-contactform7 #zip {width:150px;}
.address-100 input{ max-width: 90% !important; margin: 5px 10px 10px 5px;font-size: 2rem;}
.message-100 textarea{ width: 100%; margin: 5px 10px 10px 5px;font-size: 2rem;}
.table-striped>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9;}
p.text-xs-center {text-align: center;}
.wpcf7 form .wpcf7-response-output {font-size: var(--main-size);}
p.text-xs-center .wpcf7-submit {font-size: var(--main-size);padding: 1.5rem 2rem 1.5rem 2rem;border-radius: 100vh;width: 300px;background: var(--main-bg);color: white;margin: 2rem auto;border: 0;}
@media screen and (min-width: 767px){
.table-contactform7 th{ width:28%;}
}
@media screen and (max-width: 767px){
.table-contactform7{ display:block; width: 90%;}
.table-contactform7 tbody,
.table-contactform7 tr{display: block; width: 100%; border-bottom: 1px solid brown; border-top: 1px solid brown; }
.table-contactform7 th{ width:100%; display:block; margin: 0 auto; border:none;text-align: left;}
.table-contactform7 td{ display: list-item; list-style-type:none; margin:0;
padding:0; width: 100%; border-top: none !important;}
}