@charset "utf-8";

/*--------------------------------------
  # Reset CSS
--------------------------------------*/

img {
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}

a {
    color: inherit;
}
a:hover {
    text-decoration: none;
}
*, *:before, *:after {
  box-sizing: border-box;
  /* transition: 0.2s; */
}

/*--------------------------------------
  # Common
--------------------------------------*/

html {
  font-size: 62.5%;
  overflow-y: scroll;
}
body {
  color: #000;
  font-size: 1.4rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  line-height: 1.6;
  text-align: left;
}
#container {
}

@media screen and (max-width:736px) {
.hide-m {display: none !important;}
}

@media screen and (min-width:737px) {
body {
  font-size: 1.8rem;
  font-weight: 400;
}
.hide-d {display: none !important;}
}

/*============================
#header
============================*/
header#header {
clear: both;color: #FFF;font-size: 1.0rem;background: #303a40;line-height: 1.2;}
header#header div.header-wrapper {
padding: 8px 10px;}
header#header div.header-wrapper p {
color: #a9b0b5;}
header#header div.header-wrapper p a {
display: inline-block;vertical-align: middle;margin-left: 0.5em;;}
header#header div.header-wrapper p a img {
display: block;width: auto;height: 1.4em;}
@media screen and (min-width:737px) {
header#header {
font-size: 1.2rem;}
header#header div.header-wrapper {max-width: 1280px;margin: auto;padding: 10px 20px;}
header#header div.header-wrapper p {
}
header#header div.header-wrapper p a {
}
header#header div.header-wrapper p a img {
}
}

/*============================
#main
============================*/
div#main {}


div.eyecatch {
clear: both;line-height: 1.2;text-align: center;overflow: hidden;}
div.eyecatch div.eyecatch-wrapper {
clear: both;position: relative;background: #219ddd;border-bottom: 4px solid #176298;z-index: 2;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner {
margin-bottom: 10px;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner ul.point {
list-style: none;display: flex;justify-content: center;padding: 25px 0 20px;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner ul.point li {
position: relative;display: flex;align-items: center;color: #FFF;margin: 0 1%;padding: 4px 4px 4px 3.0em;font-size: 2.8vw;font-weight: bold;border: 1px solid #FFF;border-radius: 100px;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner ul.point li img {
position: absolute;top: -8px;left: 3px;width: 25%;height: 200%;object-fit: contain;object-position: top;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner div.slogan {
display: flex;flex-direction: column-reverse;margin-bottom: 20px;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner div.slogan h1 {
}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner div.slogan h1 img {
display: block;width: 70%;margin: 0 auto;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner div.slogan h2 {
margin-bottom: 20px;color: #fff700;font-size: 6.2vw;font-weight: 800;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner p.text {margin-bottom: 0.5em;color: #FFF;font-size: 3.7vw;font-weight: 600;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner p.text .t1 {display: inline-flex;vertical-align: bottom;flex-direction: column-reverse;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner p.text .t1 .t3 {
}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner p.text .t1 .t3 {margin: 0 -0.5em;font-size: 1.0rem;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner p.text .t1 .t3:before{
  content: '＼';
}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner p.text .t1 .t3:after{
  content: '／';
}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner p.supplement {
color: #FFF;font-size: 8px;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner div.contact {
position: absolute;top: 100%;left: 0;width: 100%;transform: translateY(-50%);}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner div.contact a {
display: inline-block;width: 85%;padding: 10px 0;color: #0a74bf;font-size: 5.2vw;
    font-weight: 900;text-decoration: none;background: #fff700;border-radius: 4px;box-shadow: 0 3px 0 #ccc500;}
div.eyecatch div.eyecatch-wrapper div.img {
margin-bottom: 5px;}
div.eyecatch div.eyecatch-wrapper div.img img {
display: block;width: 90%;margin: auto;}
div.eyecatch div.request-block {
position: relative;background: #CCC;z-index: 1;}
div.eyecatch div.request-block div.request-block-wrapper {
position: relative;padding: 50px 0 30px;z-index: 1;}
div.eyecatch div.request-block div.request-block-bg {position: absolute;top: 0;left: 0;display: flex;flex-direction: column;width: 100%;height: 100%;background: #FFF;}
div.eyecatch div.request-block div.request-block-bg div.request-block-bg-item {flex: 1;opacity: 0.4;}
div.eyecatch div.request-block div.request-block-bg div.request-block-bg-item img {display: block;width: auto;height: 100%;opacity: 0;}
div.eyecatch div.request-block div.request-block-bg div.request-block-bg-item.img1 {
  background: url(../img/eyecatch/request_bg1.jpg) repeat-x;
  background-size: auto 100%;
}
div.eyecatch div.request-block div.request-block-bg div.request-block-bg-item.img2 {
  background: url(../img/eyecatch/request_bg2.jpg) repeat-x;
  background-size: auto 100%;
}
div.eyecatch div.request-block div.request-block-bg div.request-block-bg-item.img3 {
  background: url(../img/eyecatch/request_bg3.jpg) repeat-x;
  background-size: auto 100%;
}
div.eyecatch div.request-block div.request-block-wrapper h3 {
margin-bottom: 25px;font-size: 5.2vw;
    font-weight: 800;text-shadow: 0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff,0 0 20px #fff;}
div.eyecatch div.request-block div.request-block-wrapper ul.request-list {
list-style: none;display: flex;flex-wrap: wrap;justify-content: space-evenly;}
div.eyecatch div.request-block div.request-block-wrapper ul.request-list li {
display: flex;flex-direction: column;align-items: center;width: 45%;height: auto;margin: 2% 0;padding: 5px 10px;font-size: 3.0vw;font-weight: bold;background: #FFF;border-radius: 5px;box-shadow: 0 1px 3px rgb(0 0 0 / 20%);}
div.eyecatch div.request-block div.request-block-wrapper ul.request-list li img {
display: block;width: 45%;height: 65%;margin: 5px 0;object-fit: contain;}
div.eyecatch div.request-block div.request-block-wrapper ul.request-list li p {flex: auto;display: flex;justify-content: center;align-items: center;margin: 5px 0;}

@media screen and (min-width:980px) {
div.eyecatch {
}
div.eyecatch div.eyecatch-wrapper {
display: flex;flex-direction: row-reverse;justify-content: center;align-items: center;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner {
position: relative;margin: 0;padding: 50px 0;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner ul.point {
margin-bottom: 30px;padding: 0;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner ul.point li {
padding: 6px 12px 6px 3.2em;font-size: 1.9rem;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner ul.point li img {
top: -12px;
    left: 12px;width: 45px;height: 45px;object-position: center;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner div.slogan {
margin-bottom: 30px;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner div.slogan h1 {
}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner div.slogan h1 img {
width: auto;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner div.slogan h2 {margin-bottom: 45px;font-size: min(3.4vw, 5.2rem);}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner p.text {
margin-bottom: 35px;font-size: 2.8rem;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner p.text .t1 .t3 {
    font-size: 1.5rem;
}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner p.supplement {
position: absolute;right: 10px;bottom: 10px;margin: 0;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner div.contact {
}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner div.contact a {/* width: 80%; *//* max-width: 500px; */padding: 16px 0;font-size: 3.0rem;font-weight: 900;transition: 0.2s;box-shadow: 0 4px 0 #ccc500;width: 16.5em;}
div.eyecatch div.eyecatch-wrapper div.eyecatch-inner div.contact a:hover {box-shadow: none;transform: translateY(4px);filter: brightness(1.2);}
div.eyecatch div.eyecatch-wrapper div.img {
margin: 0 -3%;}
div.eyecatch div.eyecatch-wrapper div.img img {
width: auto;margin-bottom: -15%;}
div.eyecatch div.request-block {
}
div.eyecatch div.request-block div.request-block-wrapper {
padding: 85px 0 80px;}
div.eyecatch div.request-block div.request-block-wrapper h3 {
margin-bottom: 60px;font-size: 4.0rem;}
div.eyecatch div.request-block div.request-block-wrapper ul.request-list {max-width: 1280px;margin: -1% auto;justify-content: center;}
div.eyecatch div.request-block div.request-block-wrapper ul.request-list li {justify-content: flex-start;width: 31.3%;/* max-width: 260px; */margin: 1%;padding: 15px;font-size: 1.7rem;font-weight: 900;box-shadow: 0 3px 6px rgb(0 0 0 / 20%);}
div.eyecatch div.request-block div.request-block-wrapper ul.request-list li img {
width: 90px;
    height: 85px;margin: 5px 0 15px;}

}
@media screen and (min-width:1280px) {
}




section.node {padding: 40px 0;}
section.node div.node-wrapper {max-width: 1280px;margin: 0 auto;padding: 0 25px;}
section.node h3 {margin-bottom: 25px;font-size: 6.5vw;font-weight: 600;text-align: center;line-height: 1.4;}
section.node h3:after {content: '';display: block;width: 30%;max-width: 150px;margin: 0 auto;padding-top: 25px;border-bottom: 2px solid #000;}
section.node h3 img.logo {
    display: inline-block;
    vertical-align: middle;
    width: 4.2em;
    margin: -0.12em 0.15em 0 0;
}
p {margin-bottom: 1.2em;}
p:last-child {margin-bottom: 0;}
p.aligncenter {text-align: center;}
p.alignright {
  text-align: right;
}
.fs-mini {
  font-size: 1.1rem;
}
.fs-small {
  font-size: 80%
}
p.indent {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (min-width:737px) {
section.node {
    padding: 80px 0;
    overflow: hidden;
}
section.node div.node-wrapper {}
section.node h3 {
    margin-bottom: 40px;
    font-size: 4.8rem;
}
h3:after {
    padding-top: 35px;
}
h3 img.logo {
    margin-top: -5px;
}
}




div.point-block {
}
div.point-block div.point-block-item {position: relative;margin: 25px 0;}
div.point-block div.point-block-item div.img {}
div.point-block div.point-block-item div.img img {display: block;width: 100%;}
div.point-block div.point-block-item dl {
}
div.point-block div.point-block-item dl dt {display: inline-block;vertical-align: top;padding: 5px 10px;margin: -1.1em 0 10px;color: #FFF;font-size: 112%;font-weight: 600;background: #219ddd;}
div.point-block div.point-block-item dl dd {
}
div.point-block div.point-block-item dl dd p {
}
@media screen and (min-width:737px) {
div.point-block {
    display: flex;
    flex-wrap: wrap;
margin: 0 -1.5%;}
div.point-block div.point-block-item {
    
    
width: 47%;margin: 1.5%;}
div.point-block div.point-block-item div.img {
    margin-bottom: 15px;
}
div.point-block div.point-block-item div.img img {}
div.point-block div.point-block-item dl {}
div.point-block div.point-block-item dl dt {
    
margin: -1.85em 0 0;padding: 8px 18px;font-size: 122%;}
div.point-block div.point-block-item dl dd {
    font-size: 84%;
    font-weight: 300;
}
div.point-block div.point-block-item dl dd p {}
}







section.node.function {
position: relative;

background-size: auto auto;
background-color: #219ddd;
background-image: repeating-linear-gradient(135deg, transparent, transparent 9px, rgba(255, 255, 255, 0.1) 9px, rgba(255, 255, 255, 0.1) 10.3px );}
section.node.function h4 {margin-bottom: 25px;color: #FFF;font-size: 135%;text-align: center;line-height: 1.4;}
ul.service-list {list-style: none;display: flex;justify-content: center;flex-wrap: wrap;margin: -2% -2% 25px;}
ul.service-list li {display: flex;flex-direction: column;align-items: center;width: 46%;margin: 2%;padding: 5px 0 20px;background: #FFF;border-radius: 4px;box-shadow: 0 1px 3px rgb(0 0 0 / 20%);}
ul.service-list li div.img {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 60%;
}
ul.service-list li div.img img {position: absolute;top: 50%;left: 50%;display: block;max-width: 46%;max-height: 58%;object-fit: contain;transform: translate(-50%,-50%);}
ul.service-list li p {flex: 1;display: flex;align-items: center;font-size: 90%;font-weight: 500;text-align: center;line-height: 1.4;}
section.node.function p.supplement {position: absolute;right: 10px;bottom: 10px;color: #FFF;}
@media screen and (min-width:737px) {
section.node.function {}
section.node.function h4 {
    margin-bottom: 40px;
    font-size: 3.4rem;
}
ul.service-list {
    margin-top: 0;
}
ul.service-list li {width: 31.3%;margin: 1%;border-radius: 6px;box-shadow: 0 3px 6px rgb(0 0 0 / 20%);}
ul.service-list li div.img {}
ul.service-list li div.img img {}
ul.service-list li p {}
section.node.function p.supplement {
font-size: 12px;}
}
@media screen and (min-width:1080px) {
ul.service-list li {width: 14.6%;}
}







div.plan-block {
    margin: -25px;
    margin-bottom: 40px;
}
div.plan-block .option {
    padding: 10px 15px 10px 25px;
}
div.plan-block .option p {
    color: #666;
    font-size: 1.1rem;
}
div.plan-block div.plan-block-item {
    padding: 25px;
}
div.plan-block div.plan-block-item.simple {}
div.plan-block div.plan-block-item.standard {
    background: #fffcf3;
}
div.plan-block div.plan-block-item.ec {
    background: #fff9dc;
}
div.plan-block div.plan-block-item div.plan-block-item-header {margin-bottom: 15px;font-size: 90%;text-align: center;}
div.plan-block div.plan-block-item div.plan-block-item-header h4 {
    display: block;
    width: 60%;
    max-width: 320px;
    margin: 0 auto 20px;
    overflow: hidden;
}
div.plan-block div.plan-block-item div.plan-block-item-header h4 img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
div.plan-block div.plan-block-item div.plan-block-item-header p {
}
div.plan-block div.plan-block-item div.plan-block-item-body {border: 1px solid #CCC;border-radius: 8px;line-height: 1.2;overflow: hidden;}
div.plan-block div.plan-block-item div.plan-block-item-body dl {display: flex;padding: 8px 20px;background: #FFF;}
div.plan-block div.plan-block-item div.plan-block-item-body dl dt,
div.plan-block div.plan-block-item div.plan-block-item-body dl dd {display: flex;align-items: center;font-weight: bold;}
div.plan-block div.plan-block-item div.plan-block-item-body dl dt {width: 45%;color: #666;font-size: 85%;}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd {
    flex: 1;
    display: block;
    color: #444;
    font-size: 110%;
    text-align: center;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl.discount {
    flex-direction: column;
    align-items: center;
    background: #ff6131;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl.discount dt,
div.plan-block div.plan-block-item div.plan-block-item-body dl.discount dd {
    color: #FFF;
    width: auto;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl.discount dt {margin-bottom: 0.4em;}
div.plan-block div.plan-block-item div.plan-block-item-body dl:nth-child(2n) {
    background: #fafafa;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .initial-cost {margin-top: -0.15em;color: #ffbb00;font-size: 7vw;font-weight: 800;font-style: italic;}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .discount {
    display: inline-block;
    vertical-align: top;
    margin: 0.5em 0 0.25em;
    padding: 0.4em 0.6em;
    color: #FFF;
    font-size: min(2.9vw,1.2rem);
    background: #ff6131;
    border-radius: 3px;
    line-height: 1.2;
    }

div.plan-block div.plan-block-item div.plan-block-item-body dl dd .running-cost {}div.plan-block div.plan-block-item div.plan-block-item-body dl dd .running-cost {margin-top: -0.15em;color: #ff9500;font-size: 8.5vw;font-weight: 800;font-style: italic;white-space: nowrap;}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .discount-price {
    margin-top: -0.15em;
    padding-left: 0.25em;
    color: #FFF;
    font-size: min(5.4vw,2.3rem);
    font-weight: 800;
    font-style: italic;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .initial-cost .fs-small,
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .running-cost .fs-small,
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .discount-price .fs-small {
    margin-left: 0.25em;
    font-size: 65%;
    font-style: normal;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .initial-cost .fs-mini,
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .running-cost .fs-mini,
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .discount-price .fs-mini {
    margin: 0 -0.25em;
    font-style: normal;
    font-weight: normal;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .maru {
    font-weight: 900;
    text-shadow: 0.2px 0.2px 0, 0.2px -0.2px 0;
}
div.plan-block div.plan-block-item div.plan-block-item-body div.other dl {/* padding: 8px 20px; */background: #fafafa;}
div.plan-block div.plan-block-item div.plan-block-item-body div.other dl:nth-child(2n) {
    background: #fff;
}
div.plan-block div.plan-block-item div.plan-block-item-body div.other dl dt {
    /* color: #999; */
    font-weight: normal;
}
div.plan-block div.plan-block-item div.plan-block-item-body div.other dl dd {
    font-weight: normal;
    font-size: 70%;
}
@media screen and (min-width: 737px) {
  
div.plan-block {display: flex;flex-wrap: wrap;margin: 0 -25px 60px;}
div.plan-block div.plan-block-wrapper {
    display: flex;
    flex-wrap: wrap;
    min-width: 1080px;
}
div.plan-block .option {
    width: 100%;
    padding: 10px 0 0;
    text-align: right;
}
div.plan-block .option p {
}
div.plan-block div.plan-block-item {
    flex: 1;
}
div.plan-block div.plan-block-item.simple {}
div.plan-block div.plan-block-item.standard {background: #fffcf3;}
div.plan-block div.plan-block-item.ec {
}
div.plan-block div.plan-block-item div.plan-block-item-header {
    margin-bottom: 25px;
    font-size: 80%;
    /* font-weight: 300; */
}
div.plan-block div.plan-block-item div.plan-block-item-header h4 {
    display: flex;
    align-items: flex-end;
}
div.plan-block div.plan-block-item.standard div.plan-block-item-header h4 {}
div.plan-block div.plan-block-item.ec div.plan-block-item-header h4 {
    background-size: auto;
}
div.plan-block div.plan-block-item.simple div.plan-block-item-header h4 {
    background-size: contain;
}
div.plan-block div.plan-block-item div.plan-block-item-header p {}
div.plan-block div.plan-block-item div.plan-block-item-body {}
div.plan-block div.plan-block-item div.plan-block-item-body dl,div.plan-block div.plan-block-item div.plan-block-item-body div.other dl {
    display: block;
    padding: 8px 10px;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dt {width: auto;margin-bottom: 8px;font-size: 70%;}
div.plan-block div.plan-block-item div.plan-block-item-body dl dt {
}
div.plan-block div.plan-block-item.simple div.plan-block-item-body dl dt {
    /* flex: none; */
    /* width: 20%; */
    /* margin-left: -20%; */
}
div.plan-block div.plan-block-item.simple div.plan-block-item-body {
}
div.plan-block div.plan-block-item.standard div.plan-block-item-body dl dt {}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd {
    font-size: 90%;
}
div.plan-block div.plan-block-item.ec div.plan-block-item-body {
}
div.plan-block div.plan-block-item.simple div.plan-block-item-body {
}
div.plan-block div.plan-block-item.ec div.plan-block-item-body dl dt, div.plan-block div.plan-block-item.standard div.plan-block-item-body dl dt {
}
div.plan-block div.plan-block-item.simple div.plan-block-item-body dl dd {}

div.plan-block div.plan-block-item div.plan-block-item-body dl dd .initial-cost {
    font-size: 180%;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .running-cost {
    font-size: 220%;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .template,
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .original {
    font-size: 165%;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .initial-cost .fs-small, div.plan-block div.plan-block-item div.plan-block-item-body dl dd .running-cost .fs-small {
    font-size: 60%;
}

}
@media screen and (min-width: 980px) {
  div.plan-block div.plan-block-item div.plan-block-item-body dl, div.plan-block div.plan-block-item div.plan-block-item-body div.other dl {
    display: flex;
}
  div.plan-block div.plan-block-item div.plan-block-item-body dl dt {
    width: 38%;
    margin: 0;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd {
  font-size: 80%;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .fs-small {
    margin-left: 0.4em;
}

}
@media screen and (min-width: 1080px) {
div.plan-block {
    margin: 0 -15px 60px;
}
  div.plan-block div.plan-block-item, div.plan-block div.plan-block-item:not(:last-child) {
}
div.plan-block div.plan-block-item div.plan-block-item-body dl {
    padding: 10px 20px;
}
div.plan-block div.plan-block-item div.plan-block-item-body div.other dl {
    padding: 8px 20px;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .initial-cost {
    /* font-size: 200%; */
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .running-cost {
    font-size: 250%;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .template,
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .original {
    font-size: 173%;
}
div.plan-block div.plan-block-item div.plan-block-item-body dl dd .initial-cost .fs-small, div.plan-block div.plan-block-item div.plan-block-item-body dl dd .running-cost .fs-small {
    font-size: 60%;
}
}






div.common-items {position: relative;padding: 25px 15px 15px;line-height: 1.2;background: rgb(33 157 221 / 12%);/* border: 1px solid #00F; */border-radius: 10px;}
div.common-items p.title {position: absolute;top: 0;left: 50%;margin: 0;text-align: center;color: #1c89d7;font-size: 108%;font-weight: 500;white-space: nowrap;transform: translate(-50%,-50%);letter-spacing: 0.08em;text-shadow: 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff, 0 0 3.5px #fff;}
div.common-items ul.common-items-body {list-style: none;display: flex;flex-wrap: wrap;justify-content: space-between;}
div.common-items ul.common-items-body li {width: 49%;margin: 1% 0;padding: 8px;font-size: 85%;text-align: center;background: #FFF;border: 1px solid #CCC;border-radius: 4px;}
@media screen and (min-width:737px) {
div.common-items {
    margin: 0 -15px;
    padding: 30px 25px 18px;
}
div.common-items p.title {
    font-size: 118%;
}
div.common-items ul.common-items-body {justify-content: center;margin: 0 -0.5%;}
div.common-items ul.common-items-body li {flex: 1;/* width: 11.5%; */margin: 0.5%;min-width: 10em;padding: 12px 0;font-size: 75%;}
}








section.node.flow {
    background: url(../img/index/flow_bg.jpg) no-repeat center;
    background-size: cover;
background-attachment: fixed;}
ol.production-flow {list-style: none;max-width: 900px;margin: 0 auto;}
ol.production-flow li {position: relative;margin: 25px 0;border-radius: 4px;background: #FFF;box-shadow: 0 1px 3px rgb(0 0 0 / 20%);}
ol.production-flow li:not(:last-child):before {content: '';position: absolute;left: 50%;bottom: -17px;width: 0;height: 0;border: 25px solid transparent;border-top: 8px solid #f2e230;border-bottom: 0;transform: translateX(-50%);}
ol.production-flow li div.img {position: relative;height: 60px;border-radius: 0 4px 0 0;}
ol.production-flow li:nth-child(1) div.img {background: #ffb400;}
ol.production-flow li:nth-child(2) div.img {background: #ffa500;}
ol.production-flow li:nth-child(3) div.img {background: #ff9600;}
ol.production-flow li:nth-child(4) div.img {background: #ff8700;}
ol.production-flow li:nth-child(5) div.img {background: #ff7800;}
ol.production-flow li div.img img {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    transform: translateY(-50%) scale(0.4);
}
ol.production-flow li dl {display: inline;}
ol.production-flow li dl dt {display: flex;position: relative;align-items: center;height: 60px;margin-top: -60px;padding-left: 90px;color: #FFF;font-size: 110%;font-weight: bold;}
ol.production-flow li dl dt span.icon {
    position: absolute;
    top: -0.6em;
    left: -0.6em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    color: #FFF;
    font-size: 120%;
    font-weight: 600;
    background: #1ca4e3;
    border-radius: 100%;
}
ol.production-flow li dl dd {clear: both;padding: 20px;}
ol.production-flow li dl dd p {
}
@media screen and (min-width:737px) {
ol.production-flow {
}
ol.production-flow li {
    display: flex;
    border-radius: 6px;
    margin: 40px 0;
box-shadow: 0 3px 6px rgb(0 0 0 / 20%);}
ol.production-flow li:not(:last-child):before {
    bottom: -28px;
    border: 35px solid transparent;
    border-top: 13px solid #f2e230;
    border-bottom: 0;
}
ol.production-flow li div.img {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: auto;
    
    padding: 20px 0;border-radius: 0 0 0 6px;
}
ol.production-flow li:nth-child(1) div.img {}
ol.production-flow li:nth-child(2) div.img {}
ol.production-flow li:nth-child(3) div.img {}
ol.production-flow li:nth-child(4) div.img {}
ol.production-flow li:nth-child(5) div.img {}
ol.production-flow li div.img img {position: static;transform: none;}
ol.production-flow li dl {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 20px 50px;
}
ol.production-flow li dl dt {
    position: static;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    color: #000;
}
ol.production-flow li dl dt span.icon {
    font-size: 132%;
}
ol.production-flow li dl dd {
    padding: 0;
    font-size: 90%;
}
ol.production-flow li dl dd p {}

}








div.faq-block {margin-bottom: 25px;}
div.faq-block div.faq-block-item {display: none;margin-bottom: 15px;}
div.faq-block div.faq-block-item dl {
}
div.faq-block div.faq-block-item dl dt {position: relative;padding: 10px 15px;padding-right: 40px;font-weight: 400;background: #f4f4f4;cursor: pointer;}
div.faq-block div.faq-block-item dl dt:before {content: '';position: absolute;top: 50%;right: 10px;width: 8px;height: 8px;border-right: 2px solid #666;border-bottom: 2px solid #666;transform: translate(-50%,-50%) rotate(45deg);transition: 0.2s;}
div.faq-block div.faq-block-item.open dl dt:before {transform: translate(-50%,-50%) rotate(-135deg);}
div.faq-block div.faq-block-item dl dd {clear: both;max-height: 0;padding: 0;font-size: 85%;overflow: auto;transition: 0.2s;}
div.faq-block div.faq-block-item.open dl dd {max-height: 100vh;padding: 10px 0;}
section.node.faq a.more-btn {display: inline-block;
    width: 50%;
    padding: 6px 0;
    color: #FFF;
    font-size: 3.8vw;
    font-weight: 600;
    text-decoration: none;
    background: #219ddd;
    border-radius: 4px;
    box-shadow: 0 3px 0 rgb(33 157 221 / 25%);}
@media screen and (min-width:737px) {
div.faq-block {max-width: 900px;margin: 0 auto 35px;}
div.faq-block div.faq-block-item {margin-bottom: 20px;}
section.node.faq a.more-btn {width: 10em;
    font-size: 1.8rem;
    box-shadow: 0 4px 0 rgb(33 157 221 / 25%);transition: 0.2s;}
section.node.faq a.more-btn:hover {box-shadow: none;
    transform: translateY(4px);
    filter: brightness(1.2);}
}









section.node.form {
    background: #ddf2fd;
}
div.form-block {
    max-width: 900px;
    margin: 0 auto;
}
div.form-block dl.form-block-item {margin: 30px 0;}
div.form-block dl.form-block-item dt {margin-bottom: 8px;font-size: 110%;font-weight: bold;}
div.form-block dl.form-block-item dt .required {
    margin-left: 5px;
    color: #F00;
    font-size: 60%;
}
div.form-block dl.form-block-item dd {
    font-size: 90%;
}
div.form-block dl.form-block-item dd p {
    margin-bottom: 5px;
}
div.form-block dl.form-block-item dd p.error {
    color: #F00;
}
div.form-block label {display: flex;align-items: center;padding: 5px 0;font-size: 16px;}
div.form-block input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]) {display: inline-block;vertical-align: top;width: 100%;padding: 6px;font-size: 16px;background: #FFF;border: 1px solid #b2b2b2;border-radius: 4px;}
div.form-block input[type="radio"] {margin: 6px;}
div.form-block textarea {display: inline-block;vertical-align: top;width: 100% !important;min-height: 120px;padding: 6px;font-size: 16px;background: #FFF;border: 1px solid #b2b2b2;border-radius: 4px;}
div.form-block div.form-block-btn {overflow: hidden;}
div.form-block div.form-block-btn label {
    justify-content: center;
    width: 80%;
    margin: 15px auto;
    padding: 8px;
    color: #FFF;
    font-weight: 500;
    border-radius: 100px;
    box-shadow: 0 4px 0 rgb(0 0 0 / 10%);
    cursor: pointer;
}
div.form-block div.form-block-btn label input {
    display: none;
}
div.form-block div.form-block-btn label.send {
    font-size: 120%;
    background: #219ddd;
}
div.form-block div.form-block-btn label.back {
    width: 60%;
    font-size: 110%;
    background: #999;
}
@media screen and (min-width:737px) {
section.node.form {}
div.form-block {
    margin: 50px auto 20px;
}
div.form-block dl.form-block-item {
    margin-bottom: 25px;
}
div.form-block dl.form-block-item dt {
}
div.form-block dl.form-block-item dt .required {}
div.form-block dl.form-block-item dd {}
div.form-block label {
    display: inline-flex;
    margin-right: 20px;
}
div.form-block input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]) {
    min-height: 48px;
    padding: 10px;
}
div.form-block input[type="radio"] {}
div.form-block textarea {
    min-height: 180px;
}
div.form-block div.form-block-btn {
    display: flex;
    justify-content: center;
    padding: 20px 0;
    overflow: visible;
}
div.form-block div.form-block-btn label {
    margin: 0 15px;
    transition: 0.2s;
}
div.form-block div.form-block-btn label:hover {box-shadow: 0 0 0 rgb(0 0 0 / 10%);transform: translateY(4px);filter: brightness(1.2);}
div.form-block div.form-block-btn label input {}
div.form-block div.form-block-btn label.send {
    width: 14em;
}
div.form-block div.form-block-btn label.back {
    width: 10em;
}

}





/*============================
#footer
============================*/
footer#footer {color: #FFF;background: #303a40;}
footer#footer div.footer-wrapper {max-width: 1400px;margin: 0 auto;text-align: center;}
footer#footer div.footer-wrapper div.footer-inner {padding: 50px 0 15px;font-size: 90%;}
footer#footer div.footer-wrapper div.footer-inner div.site-logo {margin-bottom: 50px;}
footer#footer div.footer-wrapper div.footer-inner div.site-logo a {display: inline-block;vertical-align: top;width: 50%;max-width: 175px;}
footer#footer div.footer-wrapper div.footer-inner div.site-logo a img {display: block;filter: brightness(100);}
footer#footer div.footer-wrapper div.footer-inner p {
}
footer#footer div.footer-wrapper div.footer-inner p a {}
footer#footer div.footer-wrapper div.footer-inner p.copyright {font-size: 85%;}
footer#footer div.footer-wrapper div.footer-inner p.copyright small {
}
@media screen and (min-width:737px) {
footer#footer {}
footer#footer div.footer-wrapper {}
footer#footer div.footer-wrapper div.footer-inner {
    padding: 80px 0 20px;
    font-size: 80%;
    font-weight: 300;
}
footer#footer div.footer-wrapper div.footer-inner div.site-logo {
    margin-bottom: 75px;
}
footer#footer div.footer-wrapper div.footer-inner div.site-logo a {max-width: 253px;}
footer#footer div.footer-wrapper div.footer-inner div.site-logo a img {}
footer#footer div.footer-wrapper div.footer-inner p {}
footer#footer div.footer-wrapper div.footer-inner p a {}
footer#footer div.footer-wrapper div.footer-inner p.copyright {
    
}
footer#footer div.footer-wrapper div.footer-inner p.copyright small {}
}

/*============================
#fixed navi
============================*/

div.fixed-nav {
    position: fixed;
    z-index: 9999;
    
    display: flex;left: 0;bottom: 0;
    width: 100%;padding: 10px;background: rgb(33 157 221 / 80%);opacity: 0;
    transform: translateY(100%);transition: 0.4s;
}
body.scroll div.fixed-nav {
    
    opacity: 1;
transform: translateY(0);}
div.fixed-nav div.contact {
flex: 1;}
div.fixed-nav div.contact a {

display: flex;
    
    
    justify-content: center;align-items: center;height: 100%;color: #0a74bf;
    font-size: 5.2vw;
    font-weight: 900;
    text-decoration: none;
    background: #fff700;
    border-radius: 4px;
    box-shadow: 0 3px 0 #ccc500;
}
div.fixed-nav div.pagetop {
margin-left: 10px;}
div.fixed-nav div.pagetop a {
    position: relative;
    display: block;
    width: 48px;
    height: 0;
    padding-top: 48px;
    background: #176298;
    border-radius: 4px;
    overflow: hidden;
    /* opacity: 0.4; */
}
div.fixed-nav div.pagetop a:before {content: '';position: absolute;top: 50%;left: 50%;width: 15px;height: 15px;border-top: 2px solid #FFF;border-left: 2px solid #FFF;transform: translate(-50%,-20%) rotate(45deg);}


@media screen and (min-width:737px) {


div.fixed-nav {padding: 15px;}
body.scroll div.fixed-nav {}
div.fixed-nav div.contact {}
div.fixed-nav div.contact a {
    width: 50%;height: 58px;
    margin: auto;
    font-size: 3.0rem;
    font-weight: 900;
    transition: 0.2s;
    box-shadow: 0 4px 0 #ccc500;}
div.fixed-nav div.pagetop {position: absolute;right: 15px;top: 15px;margin: 0;}
div.fixed-nav div.pagetop a {
    width: 58px;
    padding-top: 58px;
    transition: 0.2s;
}
div.fixed-nav div.contact a:hover,
div.fixed-nav div.pagetop a:hover {
  opacity: 0.8;
/* filter: brightness(1.2); */}
}