@charset "UTF-8";
/* 1rem×0.75⇒.75vw */
/* 共通CSS */
body {
  font-size:1.6rem; font-size:clamp(1.6rem, 1.2vw, 15rem);}
.box {
  padding:0 1.6rem;}
.box .box__inner {
  width:100%; max-width:75%; margin:0 auto; padding-bottom:8.8rem; padding-bottom:6.1vw;}
.box .box__inner.--w80 {
  max-width:56vw;}
.flexUnit {display:flex;}
.card {
  background-color:#fefefe; margin:0 auto; border:6px solid #B9E1ED; border-radius:2px; padding:5.6rem; padding:4vw; width:100%; max-width:56vw;}
.card.--withHd {
  position:relative; padding:3.6rem 4.8rem; padding:2.4vw 3.4vw; max-width:100%;}


/* FontAwesome Original Css */
.fb:before {font-family:'Font Awesome 5 Free'; font-weight:900;}
.fb:after {font-family:'Font Awesome 5 Free'; font-weight:900;}
.fb.-r:before {font-weight:400;}
.fb.-r:after {font-weight:400;}
.fbb:before {
  font-family: "Font Awesome 5 Brands"; font-weight:900;}
.fbb:after {
  font-family: "Font Awesome 5 Brands"; font-weight:900;}
.fbb.-r:before {font-weight: 400;}
.fbb.-r:after {font-weight: 400;}

.fb_envelope:before {content:'\f0e0';}
.fb_angle-right:after {content:'\f105';}
.fb_lightbulb:after {content:'\f0eb';}
.fb_envelope-open-text:before {content:'\f658';}
.fb_check:before {content:'\f00c';}
.fb_exclamation-circle:before {content:'\f06a';}

/* button */
.contactBtn {
  position:relative; display:inline-block; margin-bottom:.5rem; padding:0; cursor: pointer; text-align: center; vertical-align:middle; text-decoration:none; color:#000; border-radius:0.75rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition:all 0.3s;
  transition:all 0.3s;}
.contactBtn:before {
  position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;
  content: "";
  -webkit-transition:all 0.3s;
  transition:all 0.3s;
  -webkit-transform:translate3d(0, 0.75rem, -1rem);
  transform:translate3d(0, 0.75rem, -1rem);
  border:2px solid #000; border-radius:inherit; background:#d55e8b;
 	-webkit-box-shadow:0 0.6rem 0 0 rgba(0, 0, 0, 0.2);
   box-shadow:0 0.6rem 0 0 rgba(0, 0, 0, 0.2);}
.contactBtn__item {
  position:relative; display:block; padding: 1.5rem 5rem; padding:1.4vw 3vw; border: 2px solid #000; border-radius:inherit; background:#FF70A6; font-size:1.6rem; font-size:clamp(1.6rem, 1.1vw, 15rem);
  -webkit-transition:all 0.3s;
  transition:all 0.3s;}
.contactBtn__item.fb_angle-right:after {
  position:absolute; top:50%; transform:translateY(-50%); right: 1rem;}
.contactBtn:hover {
  background:#ff70a6;
	-webkit-transform:translate(0, 0.25rem);
  transform:translate(0, 0.25rem);}
.contactBtn:hover:before {
  -webkit-transform:translate3d(0, 0.5rem, -1rem);
  transform:translate3d(0, 0.5rem, -1rem);
  -webkit-box-shadow:0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
  box-shadow:0 0.35rem 0 0 rgba(0, 0, 0, 0.2);}
.contactBtn:active {
  -webkit-transform:translate(0rem, 0.75rem);
  transform:translate(0rem, 0.75rem);}
.contactBtn:active:before {
  -webkit-transform:translate3d(0, 0, -1rem);
  transform:translate3d(0, 0, -1rem);
  -webkit-box-shadow:0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
  box-shadow:0 0.35rem 0 0 rgba(0, 0, 0, 0.2);}

/* ttl */
.ttlWrap {
  margin:0 auto;}
.ttl {
  padding:6.4rem 0; padding:4.5vw; text-align:center;}
.ttl__lead {
  font-weight:bold;}
.ttl__txt {
  font-size:3.2rem; font-size:clamp(3.2rem, 2.3vw, 15rem); line-height:1.5; font-weight:bold;}
.ttl.--sub {
  padding:.5rem 0;}
.ttl.--sub .ttl__txt {
  font-size:2.4rem; font-size:clamp(2.4rem, 1.7vw, 15rem); margin-bottom:1.6rem; margin-bottom:1.2vw; line-height:1.3;}

/* hd */
.hd {
  background-color:#B9E1ED; border-radius:50px; display:block;  position:absolute;  text-align:center; width:14ch; top:-2.4rem; top:-1.7vw; left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);}
.hd__txt {
  font-size:1.8rem; font-size:clamp(1.8rem, 1.3vw, 15rem);font-weight:bold; line-height:1.3; padding:.8rem 0; padding:.6vw 0;}

/* chkmark */
.checkmark {
  position:relative;}
.checkmark:before,
.checkmark:after {
  content:""; display:block; 	position:absolute; }
.checkmark:before {
  width:2.4rem; width:1.8vw; height:2.4rem; height:1.8vw; background:#fff; border:3px solid #333; border:.225vw solid #333; left:0;top:0;}
.checkmark:after {
  border-left:.5rem solid #EB547C; border-left:.375vw solid #EB547C; border-bottom:.5rem solid #EB547C; border-bottom:.375vw solid #EB547C; width:2.2rem; width:1.65vw; height:1.3rem; height:.975vw;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg); left:.4rem; left:.3vw; top:0;}

/* underline */
.underline.--pink {
  background:linear-gradient(transparent 87%, #F08CA6 87%) repeat scroll 0 0;}
.underline.--blue {
  background:linear-gradient(transparent 75%, #B9E1ED 75%)repeat scroll 0 0;}
.underline.--pinkthin {
  background: linear-gradient(transparent 75%, #B9E1ED 75%) repeat scroll 0 0;}

/* square */
.squareWrap {
  position:relative; padding-left:2.2rem; padding-left:1.5vw;}
.square {
  position:absolute; top:0; left:0;}

/*  */
.blck{display:block;}
.fwb {font-weight:bold;}
.nfwb {font-weight:normal;}
.mgr {margin-right:1em;}
.mgl-half {margin-left:.5em;}

/* body */
html {width:100%;}

/* header */
.header {
  background-image:url("../images/header-main-bg.png"); background-size:100% auto; color:#fff;}
.header .box .box__inner {
  padding-bottom:0;}
.headerVisual {
  position:relative; margin:0 auto;}
.headerVisual:before{
  content:""; display:block; padding-top:57%; background-image:url("../images/header-bg.png"); background-size:cover; background-position:bottom;}
.headerVisual .headerVisual__inner {
  position:absolute; top:0; left:0; right:0; bottom:0; }
.header .logo {
  padding:2.4rem 0;}
.header .logo .logo__item {
  font-size:2.4rem; font-size:clamp(2.4rem, 1.8vw, 15rem);font-weight:bold;}
.header .visualUnit {
  position:absolute; top:50%; left:50%; text-align:center; width:100%;
  transform:translate(-50%, -50%);}
.header .detail {
  display:inline-block; position:relative; text-align:left;}
.header .skew {
  display:inline-block; transform: rotate(-10deg); margin-left:-3.2rem; margin-bottom:2.4rem; font-size:1.5rem; font-size:clamp(1.5rem, 1.1vw, 10rem);}
.header .skewBalloon {
  position:relative; padding:0.9rem 3.2rem; border-radius:2px; background-color:#fff; color:#21132c; display:inline-block; margin:0 auto 1.6rem 0; text-align:center;}
.header .skewBalloon:before {
  content:''; position:absolute; display:block; width:0; height:0; left:0; right:0; bottom:-1.6rem; margin:0 auto;border-top:1.6rem solid #fff; border-right:0.6rem solid transparent; border-left:0.6rem solid transparent;}
.header .skewTxt {
  margin-right:auto; margin-left:0; text-align:center;}
.header .mainTtl {
  text-align:right; width:100%;}
.header .mainTtl .mainTtl__item {
  text-align:center; font-size:5.6rem; font-size:clamp(5.6rem, 4vw, 15rem);}

/* guide */
.guide.--first {
  background-image:url("../images/header-main-bg.png"); background-size:100% auto;}
.guide.--first .box__inner {
  background-image:url("../images/guide-bg.png"); background-size:cover;}
.guide.--second {
  background: linear-gradient(#00A0A4, #DBF0F6); padding-top:2.4rem;}
.guide .card {
  padding:5.6rem 3.2rem; padding:4vw 2.2vw;}
.guide .textArea {
  text-align:center;}
.guide .textArea .textArea__txt {
  font-size:2.4rem; font-size:clamp(2.4rem, 1.7vw, 5rem); margin-bottom:1.6rem;}
.guide .btnArea.flexUnit {
  justify-content:space-around;}
.guide .btnArea.flexUnit .flexUnit__items {
  align-self:center;}
.guide .btnArea-mail {
  color:#00A0A4; line-height:1.25; margin:0 2%; width:46%;}
.guide .btnArea-mail .btnArea-mail__ico {
  font-size:1.3rem; font-size:clamp(1.3rem, .9vw, 5rem);position:relative;}
.guide .btnArea-mail .btnArea-mail__ico.fb_envelope:before {
  font-size:4.0rem; font-size:clamp(4.0rem, 2.9vw, 15rem);padding-right:1.6rem;}
.guide .btnArea-mail .btnArea-mail__txt {
  position:absolute; bottom:0; margin-bottom:1.0rem;}
.guide .btnArea-mail .btnArea-mail__adr {
  font-size:2.4rem; font-size:clamp(2.4rem, 1.7vw, 15rem);}
.guide .btnArea-btn {text-align:center;}

/* trouble */
.trouble .box__inner {
  background-color:#F4F5F7; padding-bottom:4.8rem; padding-bottom:3.4vw;}
.trouble .ttl {
  padding-bottom:4.8rem; padding-bottom:3.4vw;}
.trouble .troubleList-wrap {
  padding:0 2.4rem; padding:0 1.7vw;}
.trouble .troubleList {
  width:100%; max-width:60%; margin:0 auto;}
.trouble .listUnit {
  padding:1.6rem 0; padding:1.2vw 0;}
.trouble .listUnit .listUnit__txt {
  font-size:1.8rem; font-size:clamp(1.8rem, 1.4vw, 15rem);font-weight:bold; padding-left:4.8rem; padding-left:3.4vw;}
.trouble .checkmark:before {
  left:-4.8rem; left:-3.4vw;}
.trouble .checkmark:after {
  left:-4.4rem; left:-3.1vw;}

/* ArrWArea */
.arrwArea {
  background-image:repeating-linear-gradient(#FFF 0, #FFF 50%, #00A0A4 50%, #00A0A4 100%);}
.arrwArea .box .box__inner {
  padding-bottom:0;
}
.arrwArea .arrwWrap {
  background-image:repeating-linear-gradient(#F4F5F7 0, #F4F5F7 50%, #00A0A4 50%, #00A0A4 100%);}
.arrwArea .arrw.--yellow {
  width:50%; max-width:24rem; max-width:17vw; margin:0 auto;}

/* about */
.about {
  background-color:#00A0A4;}
.about .ttl.--aboutMain .ttl__lead {
  color:#fff; font-size:2.4rem; font-size:clamp(2.4rem, 1.7vw, 15rem);}
.about .ttl.--aboutMain .ttl__txt {
  color:#FAD104; font-size:5.6rem; font-size:clamp(5.6rem, 4vw, 15rem); letter-spacing:.15em;}
.about .card .ttl {
  padding:0; }
.about .card .ttl .ttl__lead {
  font-size:2.0rem; font-size:clamp(2.0rem, 1.6vw, 15rem);}
.about .card .ttl .ttl__lead .fb_lightbulb:after {
  padding-left:.8rem; padding-left:.6vw;}
.about .card .ttl .ttl__txt {
  font-size:4.8rem; font-size:clamp(4.8rem, 3vw, 15rem); color:#00A0A4; line-height:1.75;}
.about .note {
  padding:3.2rem 4.8rem 2.4rem; padding:2.3vw 3.4vw 1.7vw; line-height:1.85; }

/* realization */
.realization {
  background-color:#DBF0F6;}
.realization .cardBox {
  padding:3.2rem 0; padding:1.7vw 0; border-bottom:1px solid #B9E1ED;}
.realization .cardBox.--first {
  padding-top:0;}
.realization .cardBox.--last {
  border-bottom:none;}
.realization .cardBox .cardBox__inner {
  position:relative;}
.realization .cardBox.--first .cardBox__inner {
  margin-top:0;}
.realization .figArea {
  position:absolute; top:50%; width:100%; transform:translateY(-50%);}
.realization .figArea .figArea__inner  {
  position:relative; margin-left:75%; padding-top:25%; width:25%;}
.realization .figArea .figArea__imgWrap {
  position:absolute; top:0; left:0;}
.realization .note {
  min-height:12.4rem; min-height:8.5vw; width:70%;}
.realization .ttl.--sub {
  text-align:left;}

/* example */
.example {
  background-color:#B9E1ED;}
.example .card {
  border:6px solid #DBF0F6;}
.example .card.--first {
  margin-bottom:4.8rem; margin-bottom:3.4vw;}
.example .ttl.--sub {
  text-align:left;}
.example .info {
  margin:.8rem 0 .4rem; margin:.6vw 0 .3vw; font-weight:bold;}

/* service */
.service {
  background-color:#F8F8FF;}
.service .group.flexUnit {
  justify-content: space-between;}
.service .group {
  padding:0 4.8rem; padding:0 3.4vw; margin:0 -2.4rem; margin:0 -1.7vw;}
.service .group .group__inner {
  margin:1.6rem -2.4rem 0; margin:1.2vw -1.7vw 0; width:50%;}
.service .group .group__items {
  margin-bottom:6.4rem; margin-bottom:4.4vw;}
.service .group .group__items.--last {
  margin-bottom:0;}
.service .hd.--device {
  width:17ch;}
.service .hd.--software {
  width:22ch;}
.service .list {
  list-style-type:disc;}

/* price */
.price {
  background-color:#F4F5F7;}
.price .support {
  margin-top:7.2rem; margin-top:5.2vw;}
.price .ttl.--sub .ttl__txt {
  background-color:#FAD104; border-radius:50px; display:inline-block; padding:.8rem 1.6rem; padding:.6vw 1.2vw; font-size:2.0rem; font-size:clamp(2.0rem, 1.5vw, 15rem);}
.price .support .ttl.--sub .ttl__txt {
  background-color:#ED8882;}
.price .groupWrap {
  padding:5.6rem 0 2.4rem; padding:4vw 0 1.7vw;}
.price .group.flexUnit {
  justify-content: space-between;}
.price .group {
  padding:0 6.4rem; margin:0 -3.2rem; padding:0 4.4vw; margin:0 -2.2vw;}
.price .group .group__items {
  margin:0 -3.2rem; margin:0 -2.2vw; width:50%;}
.price .hd {
  background-color:#FAD104;}
.price .support .hd {
  background-color:#ED8882;}
.price .hd.--online {
  width:20ch;}
.price .hd.--support {
  width:18ch;}
.price .card {
  border:4px solid #FAD104; position:relative; height:100%; text-align:center;}
.price .support .card {
  border:4px solid #ED8882;}
.price .priceNote .square {
  color:#FAD104;}
.price .priceConts.flexUnit {
  flex-direction:column; justify-content: space-around; align-items:center; height:100%;}
.price .priceConts .flexUnit__items {
  flex-basis:50%; padding:.8rem 0; padding:.6vw 0; display:flex; justify-content:center; align-items:center;}
.price .priceConts .flexUnit__items.--individually {
  line-height:1.5;}
.price .colUnit .colUnit__items {
  line-height:1.3;}
.price .colUnit .tax {
  font-size:1.2rem; font-size:clamp(1.2rem, .9vw, 15rem)}
.price .colUnit .suppli {
  font-size:1.4rem; font-size:clamp(1.4rem, 1vw, 15rem)}
.price .priceConts .priceConts__dital {
  text-align:left; line-height:1.5;}
.price .p-supportNote {
  background-color:#fefefe; margin-top:5.6rem; margin-top:4.0vw; padding:2.4rem; padding:1.7vw; position:relative; z-index:0;}
.price .p-supportNote:before{
  content:""; position:absolute; top:5px; bottom: 5px; left:5px; right:5px; background:#fefefe; z-index:-1;}
.price .p-supportNote:after{
  content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:repeating-linear-gradient(-45deg, #fefefe, #fefefe 3px, #94c7b4 0, #94c7b4 6px); z-index:-2;}
.peice .p-supportNote .p-supportNote__ico {
  margin-right:.5em; color:#21132c;}

/* contact */
.contact {
  background-color:#00A0A4;}
.contact .ttl .ttl__txt {
  color:#fff;}
.contact .mailContact {
  width:70%; margin:0 auto;}
.contact .mailContact .mailContact__inner{
  background-color:#17AAAC; color:#fff; margin-bottom:3.2rem; margin-bottom:3.2vw; padding:1.6rem; padding:1.2vw;text-align:center;}
.contact .mailAdd {
  font-size:3.2rem; font-size:clamp(3.2rem, 2.3vw, 15rem);font-size:clamp(3.2rem, 2.3vw, 15rem);}
.contact .mailAdd .mailAdd__txt {
  line-height:1; padding:.375em 0;}
.contact .mailAdd .mailAdd__txt .fb_envelope-open-text::before {padding-right:1.6rem; padding-right:1.2vw;}
.contact .formLead {
  width:100%; max-width:90%; margin:0 auto; text-align:center;}
.contact .formLead .formLead__inner {
  padding:3.2rem 0; padding:2.3vw 0; color:#fff;}
.contact .formLead .formLead__inner > p {
  font-weight:bold;}
.contact .card {
  padding:3.2rem 8.0rem; padding:2.3vw 5.6vw; max-width:90%;}
.ContactInput {
  margin-bottom:6.4rem; margin-bottom:4.4vw;}
.form .form__content input[type=email],
.form .form__content input[type=number],
.form .form__content input[type=text],
.form .form__content textarea {
  font-size:1.6rem; font-size:clamp(1.6rem, 1.2vw, 15rem); padding:1.0rem; padding:.7vw; margin-top:0; width:100%; border-radius:4px; background-color:#F2F2F2; border:2px solid #999;}
.form .form__content input[type=email]:focus-visible,
.form .form__content input[type=number]:focus-visible,
.form .form__content input[type=text]:focus-visible,
.form .form__content textarea:focus-visible {
  outline-color:#21132c;}
.form .form__content textarea {resize: vertical;}
.form .errorMsg {
  display:block; font-size:1.3rem; font-size:clamp(1.3rem, .9vw, 15rem); margin-bottom:.4rem; margin-bottom:.3vw; color:#F00; font-weight:bold;}
.form .form__content input[type=text].is-error,
.form .form__content input[type=email].is-error,
.form .form__content textarea.is-error {
  background-color:#B9E1ED;}
.form .form__content input[type=text].postalcode {
  width:10em;}
.form .form__inner {
  display:flex; flex-wrap:wrap; border-bottom:1px solid #B9E1ED;}
.form .form__title {
  font-weight:bold; padding-top:2.4rem; padding-top:1.7vw; width:18.0rem; width:13vw;}
.form .form__ttlInside {
  clear:both; float:left; line-height:1; width:18.0rem; width:13vw;}
.form .form__ttlInside::after{
  float: right; padding:0 .5rem; padding:0 .4vw; font-size:1.0rem; font-size:clamp(1.0rem, .7vw, 15rem); line-height:1.75; color:#fff; border-radius:3px; text-align: center; content: "任意"; background:#3C91E6;}
.form .form__ttlInside.--required:after {
  content:'必須'; background:#EB547C;}
.form .form__content {
  padding:1.8rem 0 1.6rem 4.8rem; padding:1.3vw 0 1.2vw 3.4vw; width:calc(100% - 18.0rem); width:calc(100% - 13vw);}
.inputWrap {position:relative;}
.form .fb_check {
  position:absolute; top:50%; left:100%; margin-top:-2.2rem; margin-top:-1.6vw; font-size:2.4rem; font-size:clamp(2.4rem, 1.7vw, 15rem); color:#EB547C; margin-left:1.6rem; margin-left:1.2vw; display:none;}
.form .form__example {
  font-size:1.2rem; font-size:clamp(1.2rem, .8vw, 15rem); color:#5A5A5A;}
.form .form__secondary {
  padding:1.6rem 0 4.8rem; padding:1.2vw 0 3.4vw;}
.form .form__poricy {
  margin-bottom:.8rem; margin-bottom:.6vw;}
.policyWrap {
  border:1px solid #999; margin-bottom:1.6rem; margin-bottom:1.2vw;}
.policyContent {
  margin:.8rem 1.2rem; margin:.6vw .8vw; height:15rem; height:10.5vw; overflow:auto; }
.policyContent .policyContent__inner {
  color:#5A5A5A; line-height:1.5; font-size:1.3rem; font-size:clamp(1.3rem, .9vw, 15rem);  }
.policyContent .ttlMini {
  font-weight:bold; padding-bottom:.4rem; padding-bottom:.3vw; border-bottom:2px solid #B9E1ED;}
.policyContent .ttlMini.--mgt-h {
  margin-top:1.5em;}
.policyContent .oList {
  list-style-image:none; list-style-type:decimal; margin-left:2em; }
.policyContent .mgb-s {margin-bottom:.8em;}
.policyContent .fb_envelope:before {
  padding-right:.5em;}
.accept .inputBox {
  background-color:#B9E1ED; border-radius:4px; border:1px solid #21132c; padding:.8rem .8rem 1.1rem; padding:.6vw .6vw .8vw; text-align:center; position:relative;}
.accept .checkboxWrap {
  display:inline-block; text-align:left;}
.accept .textIndent {
  position:relative;}
.accept .checkbox .checkbox__txt {
  padding-left:.4rem; padding-left:.3vw;}
.accept .errorMsg.error-accept {
  text-align:center; padding-left:1em; text-indent:-1em;}
#accept-error {
  padding-left:1.3rem;}
.accept .checkbox {
  cursor:pointer; padding-left:1em; text-indent:-1em;}
.accept .required {
  font-size:1.0rem; font-size:clamp(1.0rem, .7vw, 15rem); line-height:1; padding:.2rem .5rem; padding:.1vw .4vw; color:#FFF; background-color:#EB547C; border-radius:3px; text-align:center;}
.contactBtnArea {
  text-align:center;}

.ContactConfirm {display:none;}
/*
.ContactConfirm .form__validate {
  padding-bottom:2.4rem; padding-bottom:1.7vw;}
.ContactConfirm .form__title {
  padding:1.6rem 0; padding:1.2vw 0;}
.ContactConfirm .form__content {
  padding:1.6rem 0 1.6rem 4.8rem; padding:1.2vw 0 1.2vw 3.4vw;}
.ContactConfirm .form__recp {
  background-color:#F2F2F2; border-radius:3px; font-size:1.2rem; font-size:clamp(1.2rem, .8vw, 15rem); padding:.8rem; padding:.6vw; line-height:1.3; margin-bottom:4.8rem; margin-bottom:3.4vw;}
.ContactConfirm .recpAddr {
  font-size:1.4rem; font-size:clamp(1.4rem, 1vw, 15rem);}
.ContactConfirm .contactBtnArea.flexUnit {
  flex-direction:column; justify-content:space-around; align-items:center; flex-wrap:wrap;}
.ContactConfirm .contactBtnArea {margin-bottom:0;}
.ContactConfirm .contactBtnWrap {
  margin-bottom:2.4rem; margin-bottom:1.7vw;}
*/
.error-acept {
  padding-left:1.6rem; padding-left:1.2vw;}

/* confirm dialog */
.confirmDialog {
	display:none; opacity:0; position:fixed; padding:1.6rem; padding:1.2vw; background-color:#f2f2f2; border-radius:3px;}
.siteOverlay {
  display:none; opacity:0; background-color:rgba(255, 255, 255, .65); height:100%; left:0; position:fixed; top:0; width:100%;}
.confirmDialog.orderLayer--dialog{
  z-index:20;}
.siteOverlay.orderLayer--overlay {
  z-index:19;}
.dialogBtnArea.flexUnit {
  justify-content:space-around; align-items:center;}
.dialogBtnArea {
  margin:0 auto; margin-top:1.5em; text-align:center; z-index:0;}
.dialogBtn {
  border-radius:2px; position:relative; display:inline-block; padding:1.5rem 3.5rem 1.5rem 1.5rem; padding:1.1vw 2.5vw 1.1vw 1.1vw; border:#614f38 2px solid; border:#614f38 .15vw solid; transition:all .3s; color:#21132c; z-index:auto; overflow:hidden;}
.dialogBtn:before {
  content:""; position:absolute; z-index:-1; right:-25px; bottom:-25px; width:50px; height:50px; right:-1.8vw; bottom:-1.8vw; width:3.6vw; height:3.6vw; background:linear-gradient(135deg, #93f9b9 0%,#00a0a4 100%); transform:rotate(-45deg); transition:all .3s;}
.dialogBtn .arrow {
  color:#000; position:absolute; bottom:10px; bottom:.7vw; right:6px; right:.45vw; margin-left:2px; margin-left:.15vw; margin-top:10px; margin-top:.75vw; width:15px; width:1.125vw; height:1px; height:.075vw; background-color:#fff; transition:all .3s;}
.dialogBtn .arrow:before {
  content:''; position:absolute; right:1px; right:.075vw; top:-3.5px; top:-.26vw; width:7px; width:.52vw; height:7px; height:.52vw; border-top:solid 2px #fff; border-top:solid .15vw #fff; border-right:solid 2px #fff; border-right:solid .15vw #fff;-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.dialogBtn:hover {
  cursor:pointer; background:linear-gradient(135deg, #93f9b9 0%,#00a0a4 100%); border-color:#f2f2f2; padding:1.5rem 2.5rem; padding:1.1vw 1.875vw;}
.dialogBtn:hover:before {
  right:-8rem; right:-6vw;}
.dialogBtn:hover .arrow{
  right:-2rem; right:-1.5vw;}

/* Page Top */
.pageTopWrap {
  position:relative;}
.pageTop {
  cursor:pointer; position:fixed; right:2.4rem; right:1.7vw; bottom:2.4rem; bottom:1.7vw; z-index:100; width:4.8rem; width:3.4vw; height:4.8rem; height:3.4vw; border-radius:50%; background-color:#21132c; display:flex; align-items:center; justify-content:center; transition:all .2s ease-in-out;}
.pageTop.--abs {
  position:absolute; bottom:-2.0rem; bottom:-1.5vw;}
.pageTop::before {
  content:''; width:1.2rem; width:.8vw; height:1.2rem; height:.8vw; margin-bottom:-.6rem; margin-bottom:-.45vw;border-top:solid .3rem #fff; border-top:solid .25vw #fff; border-right:solid .3rem #fff; border-right:solid .25vw #fff; transform:rotate(-45deg);}
.pageTop:hover {transform:scale(1.1);}

/* footer */
.footer {
  background-color:#FEFEFE; width:100%;}
.footer .box .box__inner {
  padding:1.6rem 0; padding:1.2vw 0;}
.footer .footerUnit {
  font-size:1.6rem; font-size:clamp(1.6rem, 1.2vw, 15rem);margin-bottom:.8rem; margin-bottom:.6vw;}
.footer .footerUnit.flexUnit {
  justify-content:space-between; align-items:center;}
.footer .fTxt .fTxt__address {
  font-size:1.2rem; font-size:clamp(1.2rem, .8vw, 15rem);}
.footer .fMail.flexUnit {
  justify-content :center; text-align:center;}
.footer .fMail .fMail__email {
  font-size:1.8rem; font-size:clamp(1.8rem, 1.4vw, 15rem);position:relative;}
.footer .fMail .fMail__email .fb_envelope:before {
  position:absolute; font-size:3.2rem; font-size:2.4vw; left:-4.0rem; left:-3vw; top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);}
.footer .copyright {
  color:#00A0A4; font-size:1.2rem; font-size:clamp(1.2rem, .8vw, 15rem); text-align:center;}
.footer .copyright .copyright__campany {
  color:#00A0A4; font-size:1.1rem; font-size:clamp(1.1rem, .75vw, 15rem); }

/* thanks page */
.wrapper.flexUnit {
  justify-content:center; align-items:center; flex-direction:column; flex-wrap:nowrap;}
.wrapper {
  margin:0 auto; height:auto; width:100%; position:relative;}
.wrapper.vh {
  height:100vh;}
.thanks.flexUnit {
  justify-content:space-between; align-items:stretch; flex-direction:column; flex-wrap:nowrap;}
.thanks {
  margin:0 auto; width:100%; position:relative; height:100%; background:linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);}
.thanks.flexUnit .flexUnit__items.--box {
  flex-grow:1;}
.thanks .box.flexUnit {
  justify-content:center; align-items:center;}
.thanks .box .box__inner {
  padding:3.2rem 0 0; padding:2.4vw 0 0; text-align:center;}
.thanks .frame {
  color:#FFF; display:inline-block; margin:0 auto; width:50ch;}
.thanks .frame .ttl {
  padding:0;}
.thanks .frame .ttl .ttl__txt {
  font-size: 3.2rem; font-size: clamp(3.2rem, 2.4vw, 15rem); line-height:1.75;}
.thanks .note {
  padding-top:2em; text-align:left;}
.thanks .exclamation {
  margin-top:1em;}
.thanks .exclamation .exclamation__ico:before {
  margin-right:.4em;}
.thanks .exclamation .exclamation__txt {
  text-decoration:underline;}
.thanks .backAnker {
  margin-top:1.35em; display: inline-block; position:relative;
  color:#FFF; border:2px solid #FFF; border:.15vw solid #FFF; padding:.5em 3.5em .5em 1em; transition:all .3s;}
.thanks .backAnker:after{
  content:""; position:absolute; display:block; transition:all .3s; width:7px; width:.525vw; height:18px; height:1.35vw;top:50%; right:2.5rem; right:1.875vw; box-shadow:2px -2px 0 #543AB7; box-shadow:.15vw -.15vwpx 0 #543AB7; border-top:solid 2px #FFF; border-top:solid .15vw #FFF; border-right:solid 2px #FFF; border-right:solid .15vw #FFF; transform: translateY(-50%) rotate(45deg) skewX(-45deg);}
.thanks .backAnker:hover:after {
  right:5px; right:.375vw; height:40px; height:3vw;}
.waves {
  position:relative; width:100%; height:15vh; margin-bottom:-2.4rem; margin-bottom:-1.8vw; /*Fix for safari gap*/ min-height:10rem; min-height:10rem; min-height:7.5vw; max-height:15rem; max-height:1.125vw;}
/* Animation */
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);}
  100% {
    transform: translate3d(85px,0,0);}}
.footer.--wave {
  background-color:#FFF;}


/* 1440px */
@media screen and (max-width:1440px) {
  body {
    font-size:1.6rem;}
  .box .box__inner {
    max-width:100rem; padding-bottom:8.8rem;}
  .box .box__inner.--w80 {
    max-width:80rem;}
  .card {
    max-width:80rem; padding:5.6rem;}
  .card.--withHd {
  padding:3.6rem 4.8rem;}
  .contactBtn__item {
    font-size:1.6rem; padding: 1.5rem 5rem;}
  .ttl {
    padding:6.4rem 0;}
  .ttl__txt {
    font-size:3.2rem;}
  .ttl.--sub .ttl__txt {
    font-size:2.4rem; margin-bottom:1.6rem;}
  .hd {
    top:-2.4rem;}
  .hd__txt {
    font-size:1.8rem; padding:.8rem 0;}

  .checkmark:before {
    width:2.4rem; height:2.4rem; border:3px solid #333;}
  .checkmark:after {
    border-left:.5rem solid #EB547C; border-bottom:.5rem solid #EB547C; width:2.2rem; height:1.3rem; left:.4rem;}

  .squareWrap {
    padding-left:2.2rem;}

  .header .logo .logo__item {
    font-size:2.4rem;}
  .header .skew {
    font-size:1.5rem;}
  .header .mainTtl .mainTtl__item {
    font-size:5.6rem;}

  .guide .card {
    padding:5.6rem 3.2rem;}
  .guide .textArea .textArea__txt {
    font-size:2.4rem;}
  .guide .btnArea-mail .btnArea-mail__ico {
    font-size:1.3rem;}
  .guide .btnArea-mail .btnArea-mail__ico.fb_envelope:before {
    font-size:4.0rem;}
  .guide .btnArea-mail .btnArea-mail__adr {
    font-size:2.4rem;}

  .trouble .ttl {
    padding-bottom:4.8rem;}
  .trouble .troubleList-wrap {
    padding:0 2.4rem;}
  .trouble .troubleList {
    max-width:60rem;}
  .trouble .listUnit {
    padding:1.6rem 0;}
  .trouble .listUnit .listUnit__txt {
    font-size:1.8rem; padding-left:4.8rem;}
  .trouble .checkmark:before {
    left:-4.8rem;}
  .trouble .checkmark:after {
    left:-4.4rem;}

  .arrwArea .arrw.--yellow {
    max-width:24rem;}

  .about .ttl.--aboutMain .ttl__lead {
    font-size:2.4rem;}
  .about .ttl.--aboutMain .ttl__txt {
    font-size:5.6rem;}
  .about .card .ttl .ttl__lead {
    font-size:2.0rem;}
  .about .card .ttl .ttl__lead .fb_lightbulb:after {
    padding-left:.8rem;}
  .about .card .ttl .ttl__txt {
    font-size:4.8rem;}
  .about .note {
    padding:3.2rem 4.8rem 2.4rem;}

  .realization .cardBox {
    padding:3.2rem 0;}
  .realization .cardBox.--last {
    padding-bottom:0;}
  .realization .note {
    min-height:14rem;}

  .example .card.--first {
    margin-bottom:4.8rem;}
  .example .info {
    margin:.8rem 0 .4rem;}

  .service .group {
    padding:0 4.8rem; margin:0 -2.4rem;}
  .service .group .group__inner {
    margin:1.6rem -2.4rem 0;}
  .service .group .group__items {
    margin-bottom:6.4rem;}

  .price .support {
    margin-top:7.2rem;}
  .price .ttl.--sub .ttl__txt {
    padding:.8rem 1.6rem; font-size:2.0rem;}
  .price .groupWrap {
    padding:5.6rem 0 2.4rem;}
  .price .group {
    padding:0 6.4rem; margin:0 -3.2rem;}
  .price .group .group__items {
    margin:0 -3.2rem;}
  .price .priceConts .flexUnit__items {
    padding:.8rem 0;}
  .price .colUnit .tax {
    font-size:1.2rem;}
  .price .colUnit .suppli {
    font-size:1.4rem;}
  .price .p-supportNote {
    margin-top:5.6rem; padding:2.4rem;}

  .contact .mailContact .mailContact__inner{
    margin-bottom:3.2rem; padding:1.6rem;}
  .contact .mailAdd {
    font-size:3.2rem;}
  .contact .mailAdd .mailAdd__txt .fb_envelope-open-text::before {
    padding-right:1.6rem;}
  .contact .formLead .formLead__inner {
    padding:3.2rem 0;}
  .contact .card {
    padding:3.2rem 8.0rem;}
  .ContactInput {
    margin-bottom:6.4rem;}
  .form .form__lead {
    margin-bottom:4.8rem;}
  .form .form__content input[type=email],
  .form .form__content input[type=number],
  .form .form__content input[type=text],
  .form .form__content textarea {
    font-size:1.6rem; padding:1.0rem;}
  .form .errorMsg {
    font-size:1.3rem; margin-bottom:.4rem; }
  .form .form__title {
    padding-top:2.4rem; width:18.0rem;}
  .form .form__ttlInside {
    width:18.0rem;}
  .form .form__ttlInside::after{
    padding:0 .5rem; font-size:1.0rem;}
  .form .form__content {
    padding:1.8rem 0 1.6rem 4.8rem; width:calc(100% - 18.0rem);}
  .form .fb_check {
    margin-top:-2.2rem; font-size:2.4rem; margin-left:1.6rem;}
  .form .form__example {
    font-size:1.2rem;}
  .form .form__secondary {
    padding:1.6rem 0 4.8rem;}
  .form .form__poricy {
    margin-bottom:.8rem;}
  .policyWrap {
    margin-bottom:1.6rem;}
  .policyContent {
    margin:.8rem 1.2rem; height:15rem;}
  .policyContent .policyContent__inner {
    font-size:1.3rem;}
  .policyContent .ttlMini {
    padding-bottom:.4rem;}
  .accept .inputBox {
    padding:.8rem .8rem 1.1rem;}
  .accept .checkbox .checkbox__txt {
    padding-left:.4rem;}
  .accept .required {
    font-size:1.0rem; padding:.2rem .5rem;}
  .ContactConfirm .form__validate {
    padding-bottom:2.4rem;}
  .ContactConfirm .form__title {
    padding:1.6rem 0;}
  .ContactConfirm .form__content {
    padding:1.6rem 0 1.6rem 4.8rem;}
  .ContactConfirm .form__recp {
    font-size:1.2rem; padding:.8rem; margin-bottom:4.8rem;}
  .ContactConfirm .recpAddr {
    font-size:1.4rem;}
  .ContactConfirm .contactBtnWrap {
    margin-bottom:2.4rem;}
  .contactBtn.--redo .contactBtn__item {
    font-size:1.4rem; padding:1.3rem 3rem;}
  .error-acept {
    padding-left:1.6rem;}

  .confirmDialog {
	  padding:1.6rem;}
  .dialogBtn {
    border:#614f38 2px solid; padding:.3em 2.4rem; }
  .dialogBtn {
    padding:1.5rem 3.5rem 1.5rem 1.5rem;}
  .dialogBtn:before {
    right:-25px; bottom:-25px; width:50px; height:50px;}
  .dialogBtn .arrow {
    bottom:10px; right:6px; margin-left:2px; margin-top:10px; width:15px; height:1px;}
  .dialogBtn .arrow:before {
    right: 1px; top: -3.5px; width: 7px; height: 7px; border-top: solid 2px #fff; border-right: solid 2px #fff;}
  .dialogBtn:hover {
    padding: 1.5rem 2.5rem 1.5rem 2.5rem;}
  .dialogBtn:hover:before {
    right:-8rem;}
  .dialogBtn:hover:before .arrow{
    right:-2rem;}

  .pageTop {
    right:2.4rem; bottom:2.4rem; width:4.8rem; height:4.8rem;}
  .pageTop.--abs {
    bottom:-2.0rem;}
  .pageTop::before {
    width:1.2rem; height:1.2rem; margin-bottom:-.6rem; border-top:solid .3rem #fff; border-right:solid .3rem #fff;}

  .footer .box .box__inner {
    padding:1.6rem 0;}
  .footer .footerUnit {
    font-size:1.6rem; margin-bottom:.8rem;}
  .footer .fTxt .fTxt__address {
    font-size:1.2rem;}
  .footer .fMail .fMail__email {
    font-size:1.8rem;}
  .footer .fMail .fMail__email .fb_envelope:before {
    font-size:3.2rem; left:-4.0rem;}
  .footer .copyright {
    font-size:1.2rem;}
  .footer .copyright .copyright__campany {
    font-size:1.1rem;}

  .thanks .box .box__inner {
    padding:3.2rem 0 0;}
  .thanks .frame {
    width:50ch;}
  .thanks .frame .ttl .ttl__txt {
    font-size: 3.2rem;}
  .thanks .backAnker {
    border:2px solid #FFF;}
  .thanks .backAnker:after{
    width:7px; height:18px; right:2.5rem; box-shadow:2px -2px 0 #543AB7; border-top:solid 2px #FFF; border-right:solid 2px #FFF;}
  .thanks .backAnker:hover:after {
    right:5px; height:40px;}
  .waves {
    margin-bottom:-2.4rem;/*Fix for safari gap*/ min-height:10rem; max-height:15rem;}
}

/* 1025px */
@media screen and (max-width:1025px) {
  .box {padding:0 3.2rem;}
}

/* 850px */
@media screen and (max-width:850px) {
  .blckTab {display:block;}
  .header {
    background-image:url(../images/header-main-bg_tab.png);}
  .headerVisual:before {
    padding-top:80%; background-size:cover; background-position:right;}
  .header .logo {padding:2.4rem; margin-bottom:1.6rem;}
  .header .logo .logo__item {font-size:2.4rem;}
  .header .mainTtl {text-align:center;}
  .header .mainTtl .mainTtl__item {
    font-size:4.8rem; margin:0 auto;}

  .guide.--first {
    background-image:url(../images/header-main-bg_tab.png);}
  .guide.--first .box__inner {
    background-image:url(../images/guide-bg_tab.png);}
  .guide .card {padding:2.4rem;}
  .guide .textArea .textArea__txt {margin-bottom:.8rem;}
  .guide .textArea .textArea__txt .blck {display:inline;}
  .guide .btnArea {margin-top:1.6rem;}
  .guide .btnArea.flexUnit {
    flex-direction:column; align-items:center;}
  .guide .btnArea-btn {margin:3.2rem 0 1.6rem;}
  .guide .btnArea-mail {
    width:auto; text-align:left; display:inline-block;}

  .about .ttl.--aboutMain .ttl__txt {
    font-size:4.8rem; letter-spacing:.05em;}
  .about .card .ttl .ttl__txt {font-size:4.0rem;}
  .about .note {padding:3.2rem 0 2.4rem;}

  .realization .cardBox {padding:4.8rem 0 3.2rem;}
  .realization .cardBox.--last {padding-bottom:0;}
  .realization .ttl.--sub {
    text-align:center; margin-bottom:3.2rem;}
  .realization .figArea {top:auto; bottom:0; transform:none;}
  .realization .note {width:65%;}

  .service .group {padding:0 3.2rem; margin:0 -1.6rem;}
  .service .group .group__inner {margin:1.6rem -1.6rem 0;}
  .service .group .group__items {margin-bottom:4.8rem;}
  .card.--withHd {padding:3.6rem 1.6rem 1.6rem;}
  .service .list {margin-left:1.6rem;}

  .price .groupWrap {padding:4.8rem 1.6rem 1.6rem;}
  .price .group {padding:3.2rem; margin:-1.6rem;}
  .price .group .group__items {margin:-1.6rem;}
  .price .priceNote {margin:0 1.6rem;}

  .contact .mailContact {width:85%;}
  .contact .formLead {max-width:100%;}
  .contact .card {padding:2.4rem 4.8rem; max-width:100%;}
  .contact .mailAdd {font-size:clamp(2.2rem, 4vw, 3.2rem);}
  .form .form__lead {margin-bottom:1.6rem;}
  .form .form__inner {padding:.8rem 0;}

  .footer .footerUnit.flexUnit {flex-direction:column;}
  .footer .fMail .fMail__email {font-size:1.6rem;}
  .footer .fMail .fMail__email .fb_envelope {padding-left:2.4rem;}
  .footer .fMail .fMail__email .fb_envelope:before {
    font-size:2.2rem; left:-.4rem;}
}

/* 670px */
@media screen and (max-width:670px) {
  .realization .figArea {bottom:2.4rem;}
  .realization .figArea.gap {bottom:0;}
  .realization .note {width:70%;}
}

/* 600px */
@media screen and (max-width:600px) {
  .box {padding:0 1.6rem;}
  .box .box__inner {max-width:100%; padding-bottom:6.4rem;}
  .card {padding:3.2rem;}
  .ttl {padding:4.8rem 0;}
  .blck--smart {display:block;}

  .headerVisual:before {
    padding-top:100%; background-position:88%;}
  .header .logo {padding:1.8rem 0;}
  .header .logo .logo__item {font-size:1.8rem;}
  .header .skewBalloon {
    font-size:1.3rem; padding:.4rem 1.6rem; line-height:1.3;}
  .header .skewTxt {font-size:1.3rem;}
  .header .mainTtl .mainTtl__item {
    font-size:3.2rem; margin-top:2.4rem; width:100%;}

  .guide .card {padding:1.6rem;}
  .guide .textArea .textArea__txt {font-size:1.6rem;}
  .guide .btnArea-mail .btnArea-mail__ico.fb_envelope:before {
    font-size:3rem;}
  .guide .btnArea-mail .btnArea-mail__adr {font-size:2.0rem;}
  .guide .btnArea-btn {margin:1.6rem 0;}

  .contactBtn__item {padding:1.5rem 2.4rem;}

  .about .note {padding:3.2rem 0 1.6rem;}

  .realization .figArea {
    position:relative; bottom:auto; margin-bottom:3.2rem;}
  .realization .figArea .figArea__inner {
    margin-left:0; margin:0 auto; padding-top:50%; width:50%;}
  .realization .note {width:100%;}

  .service .group.flexUnit {
    flex-direction:column; align-items:center; margin:-.8rem; padding:1.6rem;}
  .service .group .group__inner {width:75%; margin:0 -.8rem;}
  .service .group .group__items.--last {margin-bottom:4.8rem;}
  .service .group .group__inner.--second .group__items.--last {
    margin-bottom:0;}

  .price .support {margin-top:5.6rem;}
  .price .groupWrap {padding:4.8rem 0 1.6rem;}
  .price .group.flexUnit {
    flex-direction:column; align-items:center;}
  .price .group .group__items {width:75%;}
  .price .card.--withHd {margin-bottom:8.4rem;}
  .price .group .group__items.--last .card.--withHd {
    margin-bottom:0;}
  .price .p-supportNote {margin:3.2rem 1.6rem 0;}

  .contact .box {padding:0 1.6rem;}
  .contact .mailContact {width:100%;}
  .contact .mailContact .mailContact__inner {
    font-size:1.6rem; margin-bottom:3.2rem;}
  .contact .card {padding:0 2.4rem;}
  .form .form__lead {margin-bottom:.8rem;}
  .form .form__inner {flex-direction:column; width:100%;}
  .form .form__title {padding:1.6rem 0 .8rem;}
  .form .form__ttlInside {width:100%; float:none;}
  .form .form__ttlInside::after {
    float:none; padding:.2rem .5rem; margin-left:1.6rem;}
  .form .form__content {padding:0 0 1.6rem; width:100%;}
  .form .form__primary .fb_check {
    top:auto; bottom:100%; left:auto; right:0;
  }
  .accept .inputBox {
    font-size:1.3rem; padding:.4rem; position:relative;}
  .accept .checkbox {position:static; display:block;}
  .accept .blck--smart {padding-left:1em;}
  .accept .eerorMsg.error-accept {
    padding-left:1.2em; text-indent:1.2em; text-align:left;}
  .accept .fb_check {
    top:auto; left:auto; right:.8rem; bottom:-.4rem;}
  .ContactConfirm .form__title {padding-bottom:0;}
  .ContactConfirm .form__content {
    background-color:#F2F2F2; border-radius:3px; padding:.8rem 1.6rem;}
  .ContactConfirm .contactBtnArea.flexUnit {
    flex-direction:column;}

  .thanks .box {
    padding:0 2.4rem;}
  .thanks .box .box__inner {
    padding:6.4rem 0 0;}
  .thanks .frame {
    width:100%;}
}

/* 420px */
@media screen and (max-width:420px) {
  .box {padding:0 .8rem;}
  .card {padding:2.4rem 1.6rem;}

  .headerVisual:before {padding-top:133%; }
  .header .detail {width:100%;}
  .header .skew {margin-bottom:0; margin-left:1.6rem;}

  .troubleList-wrap {padding:1.6rem;}

  .service .group .group__inner {width:100%;}

  .price .card.--withHd {margin-bottom:6.4rem;}
  .price .group {padding:1.6rem; margin:-.8rem;}
  .price .group .group__items {width:100%; margin:-.8rem;}

  .contact .box {padding:0 .8rem;}
  .contact .card {padding:0 .8rem;}
  .contact .mailAdd {font-size:clamp(2.0rem, 5.6vw, 2.4rem);}

  .form .form__content {width:100%;}
  .form .form__primary .fb_check {
    top:auto; right:0; bottom:100%; margin-left:0;}
}

@media screen and (max-width:370px) {
  .blck--smart-s {display:block;}

  .headerVisual:before {padding-top:150%;}
  .header .skew {margin-left:.8rem;}
  .header .mainTtl .mainTtl__item {margin-top:.8rem;}

  .realization .ttl.--sub .ttl__txt .blck {display:inline;}

  .guide .btnArea-mail .btnArea-mail__adr {font-size:5.5vw;}

  .contact .mailAdd {font-size:clamp(1.6rem, 6vw, 2.2rem);}
  .contact .mailAdd .mailAdd__txt .fb_envelope-open-text::before {content:''; padding-right:0;}
}