@charset "UTF-8";
/* ========================================================================== Header ========================================================================== */ .header {     z-index: 10000;     /* box-shadow: 0 0 10px 2px rgba(0,0,0,0.15); */ }  .header.pc.page {     /* 下層ページのスタイルを設定 */     box-shadow: 0 0 10px 2px rgba(0,0,0,0.1); }  .header.pc.page .header-item a {     color: #000; }  .header.pc.page .header-logo {     visibility: visible!important; }  header.header.sp.page .header-logo {     /* sp時の下層ページのスタイルを設定 */     visibility: visible!important; }  .header__inner {     position: relative;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: justify;         -ms-flex-pack: justify;             justify-content: space-between;     -webkit-box-align: center;         -ms-flex-align: center;             align-items: center;     padding: 0 20px;     -webkit-transition: .5s;     transition: .5s;     max-width: 100%; }  .header__inner.inner { }  .header.fixed-1 .header__inner.inner { }  .head-space,.header__inner {     height: 80px;/* pc版ヘッダーの高さ */ } .header.fixed-1 .header__inner {     height: 80px;/* pc版ヘッダーの高さ */ }  @media screen and (max-width: 767px) {      .header-logo {         width: 40px;     }     .head-space,.header__inner {         height: 60px;/* pc版ヘッダーの高さ */     }     .header__inner.inner {         background-size: 70px;         background-position: 20px;     }     .header.fixed-1 .header__inner{         height: 57px;     } }   .header-wrap {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: justify;         -ms-flex-pack: justify;             justify-content: space-between;     -webkit-box-align: center;         -ms-flex-align: center;             align-items: center; }  @media screen and (max-width: 767px) {     .header-wrap {         height: 100%;         position: relative;     } }  .header-logo {     width: 60px;     /* height: 65px; */     /* margin-top: -33px; */     /* background-color: #000;     position: absolute;     top: 29%;     left: 40px;     opacity: 0; */ }  .header.fixed-1 .header-logo .txt-15 {     display: none; } .header.fixed-1 .header-logo {     width: 60px;     height: initial;     margin-top: 0px; } @media screen and (max-width: 1100px) {     .header-logo {         position: initial;     } } @media screen and (max-width: 767px) {     .header-logo {     left: 20px;     width: 40px;     }     .header.fixed-1 .header-logo {         width: 40px;         margin-top: 0px;     } }  .header-list {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     align-items: center;     text-align: left;     justify-content: center; }  .header-item {     margin-right: 20px;/* ヘッダーメニューアイテムの余白 */     margin-left: 20px;/* ヘッダーメニューアイテムの余白 */     white-space: nowrap; }  .header-item img{     width: 25px; } .header-item a {     font-size: 19px;/* ヘッダーメニューアイテムのフォントサイズ*/     font-weight: bold;     letter-spacing: 0.06em;     color: #024bac; }  .header-item a:hover {     opacity: 0.7; }  .mail.btn {     width: 230px; } .mail {     position: relative;     margin-right: 0;     justify-content: center;     align-items: center;     justify-content: center !important;     /* padding-left: 14px; */ }  .mail a{     color: #fff !important;     letter-spacing: 0 !important;     padding: 0 10px !important;     font-weight: 700 !important; } .mail a:hover {     opacity: 1; }   /* ヘッダーのボタン pc版 */ .header-btn {     display: flex;     align-items: center;     justify-content: center;     background-color: rgba(0, 0, 0, 0.5);     border-radius: 50px;     width: 200px;     height: 60px;     color: #000; }  /* ヘッダーのボタン sp版 */ .header-btn-sp {     display: flex;     align-items: center;     justify-content: center;     background-color: #000;     border-radius: 50px;     max-width: 300px;     width: 60%;     height: 60px;     color: #000;  }  @media screen and (max-width: 850px) {     .header-item a {         font-size: 14px;     } } @media screen and (max-width: 767px) {     .header-item a {         font-size: 16px;     }     .header-btn-sp {         display: flex;         align-items: center;         justify-content: center;         background-color: #000;         border-radius: 50px;         max-width: 300px;         width: 60%;         height: 50px;         margin: 0 auto;         color: #000;         font-size: 1.6rem;         letter-spacing: .1em;          }     .header-item.rec {         background-color: transparent;     }          .mail {         height: initial;     } }     
/*************************************************** 途中から出現して追従(ヘッダー) ****************************************************/ header{     position: relative;     width: 100%;     background-color: #fff; }  /* 追従メニューの背景色を設定 */ .header.fixed-1 {     /* background-color:rgba(255, 255, 255, 0.8) !important; */ }  /* 追従ヘッダー */ .fixed-1{     position: fixed;     width: 100%;     top: 0; }  .fixed-1 .header-item a{     color: #024bac; } .fixed-1 .header-item-icon a{     color: #fff !important; }  .fixed-1 > .header__inner > .header-wrap >  .hamburger span {   background: linear-gradient(to right, #024bac 0%, #1eb8c9 75%, #32cabd 100%);   }  .fixed-1 > .header__inner > .header-wrap >  .header-logo {     visibility: visible!important; }  /* 追従ヘッダーの高さ保持 */  /* 高さの設定はheader.css内 ".head-space"にて設定 */ .head-space {     display: none; }   /*************************************************** ハンバーガーメニュー ****************************************************/ .header-wrap {     width: 100%;     justify-content: end;   }    /* ハンバーガーメニュー ブレイクポイント */ @media screen and (max-width: 767px) {   .header-list {       display: block;   }   .header-logo {       padding: 0;       margin-top: 8px;   }   .globalMenuSp h1 {       padding: 20px 0 0 20px;   }   .hamburger {       display: block;       position: absolute;       z-index: 10010;       top: 8px;       right: 0;       width: 42px;       height: 42px;       cursor: pointer;       text-align: center;       -webkit-transition: .5s;       transition: .5s;   }   .hamburger span {       display: block;       position: absolute;       width: 25px;       height: 2px;       left: 6px;       background: linear-gradient(to right, #024bac 0%, #1eb8c9 75%, #32cabd 100%);         -webkit-transition: 0.3s ease-in-out;       transition: 0.3s ease-in-out;   }   .hamburger span:nth-child(1) {       top: 13px;   }   .hamburger span:nth-child(2) {       top: 20px;   }   .hamburger span:nth-child(3) {       top: 27px;   }   .header__inner .hamburger {       -webkit-transition: 0s; /* */       transition: 0s;   }   /* ナビ開いてる時のボタン */   .hamburger.cross span:nth-child(1) {       top: 16px;       left: 6px;       background: linear-gradient(to right, #024bac 0%, #1eb8c9 75%, #32cabd 100%);         -webkit-transform: rotate(-45deg);       transform: rotate(-45deg);   }   .hamburger.cross span:nth-child(2),   .hamburger.cross span:nth-child(3) {       top: 16px;       background: linear-gradient(to right, #024bac 0%, #1eb8c9 75%, #32cabd 100%);         -webkit-transform: rotate(45deg);       transform: rotate(45deg);   }   nav.globalMenuSp {       position: fixed;       display: block;       color: #000;       background: rgba(255, 255, 255, 0.9);/* ナビが開いている時の背景色 */       z-index: 9999;       top: 0;       left: 0;       text-align: center;       width: 100%;       opacity: 0;       visibility: hidden;       -webkit-transition: opacity .6s ease, visibility .6s ease;       -webkit-transition: opacity 0.6s ease;       transition: opacity 0.6s ease;   }   nav.globalMenuSp ul {       margin: auto;       padding: 12vh 20px 20px;       -webkit-box-sizing: border-box;               box-sizing: border-box;       width: 100%;       display: -webkit-box;       display: -ms-flexbox;       display: flex;       -webkit-box-orient: vertical;       -webkit-box-direction: normal;       -ms-flex-direction: column;       flex-direction: column;   }   nav.globalMenuSp ul li {       list-style-type: none;       padding: 10px 0;       margin: 5px auto;       width: 70%;       -webkit-transition: .4s all;       transition: .4s all;       text-align: center;     }     nav.globalMenuSp ul li:last-child {       margin-bottom: 15px;     }      nav.globalMenuSp ul li a {     color: #024bac;       display: block;       padding: 0;       text-decoration: none;       margin: 0 auto;   }    /* このクラスを、jQueryで付与・削除する */   nav.globalMenuSp.active {       opacity: 100;       visibility: visible;       height: 100%;   } }  /* 画面に入ったらフェードイン */ /* .scroll-fadein {     opacity: 0;      transition: all 2s;  }  .fadeIn {     opacity: 1; } */   .scroll-fadein {     opacity: 0;     transform: translate(0, 100px);     transition: 1.5s;   }   .scroll-fadein.is-show {     transform: translate(0, 0);     opacity: 1;   }   /* スライダー */   .slide-wrap { 	margin: 90px 0 -20px 0px;   }   .slick-slide .card_content {     width: 354px;     margin: 0 10px; }    .slick-nav { 	position: relative; 	margin: 0 auto;   }   .slick-nav .btn {     margin: 80px auto 0;     background-color: #fff; }    .arrow_box { 	width: 15%; 	position: relative; 	top: 0;     left: 20px;   }   .slick-slider { 	padding: 0 0 2em; 	margin: 0;   }   .slick-arrow { 	width: 50px; 	height: 50px; 	cursor: pointer; 	font-size: 2px; 	color: transparent; 	overflow: hidden; 	text-indent: 40px; 	border: none; 	position: absolute; 	z-index: 10; 	top: unset; 	bottom: unset;   }   .slick-arrow.slick-prev { 	left: 0; 	top: 0; 	opacity: 1.0;   }   .slick-arrow.slick-next { 	left: 60px; 	top: 60px; 	opacity: 1.0;   }   .slick-arrow.slick-prev::before { 	background: url(./../img/arrow-left.png) no-repeat 0 0 / 100% auto; 	width: 50px !important; 	height: 50px !important; } .slick-arrow.slick-next::before { 	background: url(./../img/arrow-right.png) no-repeat 0 0 / 100% auto; 	width: 50px !important; 	height: 50px !important; }    .slick-arrow.slick-prev:hover,   .slick-arrow.slick-next:hover { 	opacity: 0.6;   }   .slick-arrow.slick-prev.slick-disabled,   .slick-arrow.slick-next.slick-disabled { 	opacity: 0.5; 	pointer-events: none; 	cursor: pointer;   }   .progress-container { 	width: calc(80% - 100px); 	height: 6px; 	background-color: #fff; 	position: relative; 	margin: 60px auto 0;   }   .progress-bar1-1 { 	width: 0; 	height: 100%; 	background-color: #0D7F00; 	position: absolute; 	top: 0; 	left: 0; 	transition: width 0.5s ease;   }   @media screen and (max-width:767px) { 	.slide-wrap { 	  width: auto; 	  margin: 90px 0 50px 0px; 	} 	.slick-slider { 	  padding: 0 0 1em; 	} 	.slick-nav { 	  width: auto; 	  position: relative; 	  /* right: calc(50% + -50%); */ 	  bottom: 0; 	  margin: 30px auto 0;       flex-direction: row;     flex-wrap: wrap; 	} 	.arrow_box { 	  position: relative; 	  top: 1px;       width: 100%;       left: 0; 	}      .slick-nav .btn {         margin: 30px auto 0;     } 	.progress-container {         width: calc(90% - 100px);         margin-top: 0; 	} 	/* .slick-arrow { 	  width: 50px; 	  height: 50px; 	  cursor: pointer; 	  font-size: 2px; 	  color: transparent; 	  overflow: hidden; 	  text-indent: 40px; 	  border: none; 	  position: absolute; 	  z-index: 10; 	  top: unset; 	  bottom: unset; 	} */ 	/* .slick-arrow.slick-prev { 	  left: 0; 	  top: 0; 	  transform: translateY(-50%); 	  opacity: 1.0; 	  transition: opacity .4s ease-out; 	} */ 	/* .slick-arrow.slick-next { 	  right: 0; 	  top: 0; 	  transform: rotateY(180deg) translateY(-50%); 	  opacity: 1.0; 	  transition: opacity .4s ease-out; 	} */               .slick-arrow.slick-next {         left: initial;         top: 0px;         right: 0;       }      	.progress-bar1-1 { 	  /* width: 0; 	  height: 100%; 	  background-color: #000000; 	  position: absolute; 	  top: 0; 	  left: 0; 	  transition: width 0.5s ease; */ 	}   } 
/* ==========================================================================  Foundation ========================================================================== */ :root {   --clr-white: #fff;   --clr-black: #000;   --clr-err: #e53935;   --clr-weak: #a0a0a0;   --clr-strong: #e2c2b9;   --clr-link: #000;   --clr-hover: rgba(0,0,0,0.7);   --fw-thin: 100;   --fw-light: 300;   --fw-regular: 400;   --fw-medium: 500;   --fw-bold: 700;   --fw-black: 900;   --cubic: cubic-bezier(0.13, 1.05, 0.96, 1);   --cubicHigh: cubic-bezier(.18,1.07,.55,1.07); }  /* ==========================================================================  Reset ========================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, mark {   background: none repeat scroll 0 0 transparent;   border: 0 none;   font-size: 100%;   font-style: normal;   font-weight: inherit;   margin: 0;   outline: 0 none;   padding: 0;   vertical-align: baseline; }  html {   line-height: 1; }  ol, ul, li {   list-style: none; }  table {   border-collapse: collapse;   border-spacing: 0; }  caption, th, td {   text-align: left;   font-weight: normal;   vertical-align: middle; }  q, blockquote {   quotes: none; }  blockquote:before, blockquote:after, q:before, q:after {   content: none; }  :focus {   outline: 0 none; }  ins {   text-decoration: none; }  del {   text-decoration: line-through; }  q:before, q:after, blockquote:before, blockquote:after {   content: "";   content: none; }  picture {   line-height: 1; }  img {   border: none; }  article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {   display: block; }  h1, h2, h3, h4, h5, h6, p, div {   word-wrap: break-word; }  button, input, textarea, select {   -webkit-appearance: none;   -moz-appearance: none;   appearance: none;   padding: 0;   margin: 0;   border: none;   box-shadow: 0 0 0 rgba(0, 0, 0, 0);   background-color: transparent;   display: block; }  ::-moz-focus-inner {   border: 0px; }  select::-ms-expand {   display: none; }  /* ==========================================================================  Font (font-family) ========================================================================== */ body, input, button, textarea, select {   font-family: "游ゴシック体", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴProN W3", sans-serif; }  .ff-main {   font-family: "游ゴシック体", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴProN W3", sans-serif; }  .ff-main-en {   font-family: "EB Garamond", serif; }  .ff-mincho {   font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }  .ff-tag {   font-family: "DM Sans", sans-serif; }  .ff-sub {   font-family: YuMincho, "Yu Mincho", serif; }  .ff-nanum {   font-family: "Nanum Myeongjo", serif; }  .ff-kozuka {   font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif; }  /* ========================================================================== Base ========================================================================== */ html {   overflow-y: scroll;   font-size: 62.5%;   box-sizing: border-box; }  *, *:before, *:after {   box-sizing: inherit; }  body {   font-family: "游ゴシック体", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴProN W3", sans-serif;   line-height: 1.4;   background: #fff;   -webkit-text-size-adjust: 100%;   font-size: 1.6rem;   font-weight: var(--fw-regular);   color: var(--clr-black);   font-feature-settings: "palt"; } @media screen and (max-width: 768px) {   body {     font-size: 1.3rem;   } }  input, button, textarea, select {   font-family: "游ゴシック体", "游ゴシック", "Yu Gothic", "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴProN W3", sans-serif; }  img {   vertical-align: bottom;   max-width: 100%;   width: 100%;   height: auto;   -webkit-user-drag: none; }  canvas {   -webkit-backface-visibility: hidden;   backface-visibility: hidden; }  section {   padding: 0; }  .inner {   padding: 0 20px;   max-width: 1160px;   margin: 0 auto; }  a, button {   transition: color var(--cubic), opacity var(--cubic), background-color var(--cubic);   color: var(--clr-link);   text-decoration: none;   cursor: pointer; } sup, sub {   font-size: 0.6em; }  sup {   vertical-align: top; }  sub {   vertical-align: bottom; }  /* Google Chrome, Safari, Opera 15+, Android, iOS */ ::-webkit-input-placeholder {   color: var(--clr-weak); }  /* Firefox 18- */ :-moz-placeholder {   color: var(--clr-weak); }  /* Firefox 19+ */ ::-moz-placeholder {   color: var(--clr-weak); }  /* IE 10+ */ :-ms-input-placeholder {   color: var(--clr-weak); }  :placeholder-shown {   color: var(--clr-weak); }  input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {   -webkit-appearance: none;   margin: 0; }  input[type=number] {   -moz-appearance: textfield; }  /* ==========================================================================  Layout ========================================================================== */ /* ========================================================================== Main ========================================================================== */ body {   font-family: "Noto Sans JP", sans-serif; }  .absolute {   position: absolute; }  .section {   padding: 80px 0; } @media screen and (max-width: 750px) {   .section {     padding: 50px 0;   } }  .inner-max {   max-width: 1400px;   margin: 0 auto; }  .inner {   max-width: 1160px;   margin: 0 auto;   padding: 0 20px; }  .inner02 {   max-width: 980px;   margin: 0 auto;   padding: 0 20px; }  .inner03 {   max-width: 730px;   margin: 0 auto;   padding: 0 20px; }  p {   font-size: 1.7rem;   font-weight: 500;   text-align: justify;   color: #373D38; } @media screen and (max-width: 750px) {   p {     font-size: 1.4rem;   } }  .flex {   display: flex;   justify-content: space-between;   align-items: center; } @media screen and (max-width: 750px) {   .flex {     flex-direction: column;   } }  .grid {   display: grid;   grid-template-columns: repeat(3, 1fr);   gap: 1rem; } @media screen and (max-width: 750px) {   .grid {     grid-template-columns: 1fr;     gap: initial;   } }  .pc {   display: block; } @media screen and (max-width: 750px) {   .pc {     display: none;   } }  .sp {   display: none; } @media screen and (max-width: 750px) {   .sp {     display: block;   } }  .bg_blue {   color: white;   background-color: #3f9bff;   padding: 0px 6px; }  .bg_white {   color: #3f9bff;   background-color: #fff;   padding: 0px 6px; }  .bg_yellow {   color: #3f9bff;   background-color: #ffff00;   padding: 0px 6px; }  .under_yellow {   background: linear-gradient(transparent 70%, rgba(255, 255, 0, 0.85) 50%); }  .under_blue {   background: linear-gradient(transparent 70%, rgba(63, 155, 255, 0.85) 50%); }  .btn {   width: 300px;   background: linear-gradient(to right, #024bac 0%, #1eb8c9 67%, #32cabd 100%);   border-radius: 5px; } @media screen and (max-width: 750px) {   .btn {     width: 250px;   } } .btn a {   position: relative; /* 擬似要素を重ねるために必要 */   display: flex;   text-align: center;   font-weight: 900;   width: 100%;   height: 60px;   line-height: 1.6;   letter-spacing: 0.12em;   padding: 0 10px 0 30px;   color: #fff;   overflow: hidden; /* 光がはみ出さないように */   align-items: center;   justify-content: space-between; } .btn a img {   width: 30px; } .btn a::after {   content: "";   position: absolute;   inset: 0;   background: linear-gradient(to right, rgba(50, 150, 255, 0.3) 0%, rgba(100, 200, 255, 0.6) 50%, rgba(50, 150, 255, 0.3) 100%);   opacity: 0;   transition: opacity 0.5s ease; } .btn a:hover::after {   opacity: 1; }  .btn-box {   margin: 40px 0 0; } .btn-box .btn-blue {   background-color: #3f9bff;   color: #fff;   width: 360px; } @media screen and (max-width: 750px) {   .btn-box .btn-blue {     width: 290px;   } } .btn-box .btn-white {   background-color: #fff;   color: #3f9bff;   border: 2px solid #3f9bff;   width: 360px; } @media screen and (max-width: 750px) {   .btn-box .btn-white {     width: 290px;   } }  .b-shadow {   box-shadow: 4px 1px 21px -19px; }  .ti--em01 {   display: inline-block;   text-indent: -2.6em;   padding-left: 2.6em; } @media screen and (max-width: 750px) {   .ti--em01 {     text-indent: -2em;     padding-left: 2em;   } }  .ti--em02 {   display: inline-block;   text-indent: -1em;   padding-left: 1em; }  .ti--em03 {   display: inline-block;   text-indent: -1.8em;   padding-left: 1.8em; }  .ttl-jp {   font-size: 4rem;   font-weight: 700;   letter-spacing: 0.12em;   line-height: 1.8;   display: inline-block;   color: #000; } @media screen and (max-width: 750px) {   .ttl-jp {     font-size: 23px;     letter-spacing: 0;   } } .ttl-jp span {   font-size: 4.5rem; } .ttl-en {   font-family: "Montserrat", sans-serif;   font-size: 5rem;   color: #fff;   font-weight: 900;   line-height: 1;   background: linear-gradient(to right, #024bac 0%, #1eb8c9 11%, #32cabd 100%);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent; } @media screen and (max-width: 750px) {   .ttl-en {     background: linear-gradient(to right, #024bac 0%, #1eb8c9 41%, #32cabd 100%);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;   } }  .txt-34 {   font-size: 3.4rem;   font-weight: 700;   letter-spacing: 0.06em; } @media screen and (max-width: 750px) {   .txt-34 {     font-size: 2.2rem;     letter-spacing: 0;   } }  .txt-30 {   font-size: 3rem;   font-weight: 700;   letter-spacing: 0.12em;   text-align: center; } @media screen and (max-width: 750px) {   .txt-30 {     font-size: 2.2rem;     letter-spacing: 0;   } }  .txt-24 {   font-size: 2.4rem;   font-weight: 600;   letter-spacing: 0.12em; } @media screen and (max-width: 750px) {   .txt-24 {     font-size: 2rem;     letter-spacing: 0;   } }  .txt-22 {   font-size: 2.2rem;   font-weight: 600;   letter-spacing: 0.12em;   letter-spacing: 0.06em; } @media screen and (max-width: 750px) {   .txt-22 {     font-size: 1.7rem;     letter-spacing: 0;   } }  .txt-21 {   font-size: 2.1rem;   font-weight: 600;   letter-spacing: 0.12em;   line-height: 2; } @media screen and (max-width: 750px) {   .txt-21 {     font-size: 18px;     letter-spacing: 0;   } }  .txt-20 {   font-size: 2rem;   font-weight: 600;   letter-spacing: 0.12em;   line-height: 2; } @media screen and (max-width: 750px) {   .txt-20 {     font-size: 18px;     letter-spacing: 0;   } }  .txt-18 {   font-size: 1.8rem;   font-weight: 600;   letter-spacing: 0.06em;   line-height: 2; } @media screen and (max-width: 750px) {   .txt-18 {     font-size: 16px;     letter-spacing: 0;   } }  .txt-17 {   font-size: 1.7rem;   font-weight: 400;   letter-spacing: 0.12em;   line-height: 2; } @media screen and (max-width: 750px) {   .txt-17 {     font-size: 16px;     letter-spacing: 0;   } }  .txt-15 {   font-size: 1.5rem;   font-weight: 400;   letter-spacing: 0.12em;   line-height: 2; } @media screen and (max-width: 750px) {   .txt-15 {     font-size: 15px;     letter-spacing: 0;   } }  .txt-14 {   font-size: 1.4rem;   font-weight: 400;   letter-spacing: 0.12em;   line-height: 2; } @media screen and (max-width: 750px) {   .txt-14 {     font-size: 15px;     letter-spacing: 0;   } }  .txt-13 {   font-size: 1.3rem;   letter-spacing: 0.12em;   font-weight: normal;   line-height: 2; } @media screen and (max-width: 750px) {   .txt-13 {     font-size: 15px;     letter-spacing: 0;   } }  .txt-12 {   font-size: 1.2rem;   letter-spacing: 0.06em;   font-weight: normal;   line-height: 2; } @media screen and (max-width: 750px) {   .txt-12 {     font-size: 15px;     letter-spacing: 0;   } }  .txt-11 {   font-size: 1.1rem;   letter-spacing: 0.06em;   font-weight: normal;   line-height: 2; } @media screen and (max-width: 750px) {   .txt-11 {     font-size: 15px;     letter-spacing: 0;   } }  .txt-10 {   font-size: 1rem;   letter-spacing: 0.06em;   font-weight: normal;   line-height: 2; } @media screen and (max-width: 750px) {   .txt-10 {     font-size: 15px;     letter-spacing: 0;   } }  .animation .anm_mod {   opacity: 0;   transform: translate3d(0, 100%, 0);   transition: all 1s ease; } .animation .anm_mod.left {   transform: translate3d(-100%, 0, 0); } .animation .anm_mod.right {   transform: translate3d(100%, 0, 0); } .animation .anm_mod.top {   transform: translate3d(0, -100%, 0); } .animation .anm_mod.up {   transform: translate3d(0, -100%, 0); } .animation .anm_mod.down {   transform: translate3d(0, 100%, 0); } .animation .anm_mod.scale-up {   transform: scale(0.3); } .animation .anm_mod.scale-down {   transform: scale(1.5); } .animation .anm_mod.rotate-left {   transform: rotate(-45deg) scale(0.8); } .animation .anm_mod.rotate-right {   transform: rotate(45deg) scale(0.8); } .animation .anm_mod.bounce-up {   transform: translate3d(0, 150%, 0);   transition: all 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .animation .anm_mod.bounce-down {   transform: translate3d(0, -150%, 0);   transition: all 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .animation .anm_mod.blur-focus {   filter: blur(10px);   transform: scale(0.9); } .animation .anm_mod.flip-horizontal {   transform: rotateY(90deg) scale(0.8); } .animation .anm_mod.flip-vertical {   transform: rotateX(90deg) scale(0.8); } .animation .anm_mod.slide-fade-left {   transform: translate3d(-80px, 0, 0);   opacity: 0; } .animation .anm_mod.slide-fade-right {   transform: translate3d(80px, 0, 0);   opacity: 0; } .animation .anm_mod.delay {   transition: all 2s ease; } .animation .anm_mod.delay-short {   transition: all 0.6s ease; } .animation .anm_mod.delay-long {   transition: all 2.5s ease; } .animation .anm_mod.fast {   transition: all 0.8s ease; } .animation .anm_mod.smooth {   transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .animation .anm_mod.elastic {   transition: all 1.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .animation .anm_mod.stagger-1 {   transition-delay: 0.1s; } .animation .anm_mod.stagger-2 {   transition-delay: 0.2s; } .animation .anm_mod.stagger-3 {   transition-delay: 0.3s; } .animation .anm_mod.stagger-4 {   transition-delay: 0.4s; } .animation .anm_mod.stagger-5 {   transition-delay: 0.5s; } .animation .anm_mod.active {   opacity: 1;   transform: translate3d(0, 0, 0) scale(1) rotate(0deg) rotateX(0deg) rotateY(0deg);   filter: blur(0px); }  .arrow-bounce {   animation: arrowBounce 2s ease-in-out infinite; }  @keyframes arrowBounce {   0%, 100% {     transform: translateY(0);   }   50% {     transform: translateY(10px);   } } .arrow-fade-bounce {   opacity: 0;   transition: opacity 0.8s ease; } .arrow-fade-bounce.active {   opacity: 1;   animation: arrowBounce 2s ease-in-out infinite; }  .blinking {   animation: blink 1.5s ease-in-out infinite alternate; }  @-webkit-keyframes blink {   0% {     opacity: 0;   }   100% {     opacity: 1;   } } @-moz-keyframes blink {   0% {     opacity: 0;   }   100% {     opacity: 1;   } } @keyframes blink {   0% {     opacity: 0;   }   100% {     opacity: 1;   } } .triangle-bounce {   animation: bounceDown 1s infinite; }  @keyframes bounceDown {   0% {     transform: translateY(0);   }   50% {     transform: translateY(8px);   }   100% {     transform: translateY(0);   } } .u-pt0 {   padding-top: 0px; }  .u-pt4 {   padding-top: 4px; }  .u-pt5 {   padding-top: 5px; }  .u-pt8 {   padding-top: 8px; }  .u-pt10 {   padding-top: 10px; }  .u-pt12 {   padding-top: 12px; }  .u-pt15 {   padding-top: 15px; }  .u-pt16 {   padding-top: 16px; }  .u-pt20 {   padding-top: 20px; }  .u-pt24 {   padding-top: 24px; }  .u-pt25 {   padding-top: 25px; }  .u-pt28 {   padding-top: 28px; }  .u-pt30 {   padding-top: 30px; }  .u-pt32 {   padding-top: 32px; }  .u-pt35 {   padding-top: 35px; }  .u-pt36 {   padding-top: 36px; }  .u-pt40 {   padding-top: 40px; }  .u-pt44 {   padding-top: 44px; }  .u-pt45 {   padding-top: 45px; }  .u-pt48 {   padding-top: 48px; }  .u-pt50 {   padding-top: 50px; }  .u-pt52 {   padding-top: 52px; }  .u-pt55 {   padding-top: 55px; }  .u-pt56 {   padding-top: 56px; }  .u-pt60 {   padding-top: 60px; }  .u-pt64 {   padding-top: 64px; }  .u-pt65 {   padding-top: 65px; }  .u-pt68 {   padding-top: 68px; }  .u-pt70 {   padding-top: 70px; }  .u-pt72 {   padding-top: 72px; }  .u-pt75 {   padding-top: 75px; }  .u-pt76 {   padding-top: 76px; }  .u-pt80 {   padding-top: 80px; }  .u-pt84 {   padding-top: 84px; }  .u-pt85 {   padding-top: 85px; }  .u-pt88 {   padding-top: 88px; }  .u-pt90 {   padding-top: 90px; }  .u-pt92 {   padding-top: 92px; }  .u-pt95 {   padding-top: 95px; }  .u-pt96 {   padding-top: 96px; }  .u-pt100 {   padding-top: 100px; }  .u-pt104 {   padding-top: 104px; }  .u-pt105 {   padding-top: 105px; }  .u-pt108 {   padding-top: 108px; }  .u-pt110 {   padding-top: 110px; }  .u-pt112 {   padding-top: 112px; }  .u-pt115 {   padding-top: 115px; }  .u-pt116 {   padding-top: 116px; }  .u-pt120 {   padding-top: 120px; }  .u-pt124 {   padding-top: 124px; }  .u-pt125 {   padding-top: 125px; }  .u-pt128 {   padding-top: 128px; }  .u-pt130 {   padding-top: 130px; }  .u-pt132 {   padding-top: 132px; }  .u-pt135 {   padding-top: 135px; }  .u-pt136 {   padding-top: 136px; }  .u-pt140 {   padding-top: 140px; }  .u-pt144 {   padding-top: 144px; }  .u-pt145 {   padding-top: 145px; }  .u-pt148 {   padding-top: 148px; }  .u-pt150 {   padding-top: 150px; }  .u-pb0 {   padding-bottom: 0px; }  .u-pb4 {   padding-bottom: 4px; }  .u-pb5 {   padding-bottom: 5px; }  .u-pb8 {   padding-bottom: 8px; }  .u-pb10 {   padding-bottom: 10px; }  .u-pb12 {   padding-bottom: 12px; }  .u-pb15 {   padding-bottom: 15px; }  .u-pb16 {   padding-bottom: 16px; }  .u-pb20 {   padding-bottom: 20px; }  .u-pb24 {   padding-bottom: 24px; }  .u-pb25 {   padding-bottom: 25px; }  .u-pb28 {   padding-bottom: 28px; }  .u-pb30 {   padding-bottom: 30px; }  .u-pb32 {   padding-bottom: 32px; }  .u-pb35 {   padding-bottom: 35px; }  .u-pb36 {   padding-bottom: 36px; }  .u-pb40 {   padding-bottom: 40px; }  .u-pb44 {   padding-bottom: 44px; }  .u-pb45 {   padding-bottom: 45px; }  .u-pb48 {   padding-bottom: 48px; }  .u-pb50 {   padding-bottom: 50px; }  .u-pb52 {   padding-bottom: 52px; }  .u-pb55 {   padding-bottom: 55px; }  .u-pb56 {   padding-bottom: 56px; }  .u-pb60 {   padding-bottom: 60px; }  .u-pb64 {   padding-bottom: 64px; }  .u-pb65 {   padding-bottom: 65px; }  .u-pb68 {   padding-bottom: 68px; }  .u-pb70 {   padding-bottom: 70px; }  .u-pb72 {   padding-bottom: 72px; }  .u-pb75 {   padding-bottom: 75px; }  .u-pb76 {   padding-bottom: 76px; }  .u-pb80 {   padding-bottom: 80px; }  .u-pb84 {   padding-bottom: 84px; }  .u-pb85 {   padding-bottom: 85px; }  .u-pb88 {   padding-bottom: 88px; }  .u-pb90 {   padding-bottom: 90px; }  .u-pb92 {   padding-bottom: 92px; }  .u-pb95 {   padding-bottom: 95px; }  .u-pb96 {   padding-bottom: 96px; }  .u-pb100 {   padding-bottom: 100px; }  .u-pb104 {   padding-bottom: 104px; }  .u-pb105 {   padding-bottom: 105px; }  .u-pb108 {   padding-bottom: 108px; }  .u-pb110 {   padding-bottom: 110px; }  .u-pb112 {   padding-bottom: 112px; }  .u-pb115 {   padding-bottom: 115px; }  .u-pb116 {   padding-bottom: 116px; }  .u-pb120 {   padding-bottom: 120px; }  .u-pb124 {   padding-bottom: 124px; }  .u-pb125 {   padding-bottom: 125px; }  .u-pb128 {   padding-bottom: 128px; }  .u-pb130 {   padding-bottom: 130px; }  .u-pb132 {   padding-bottom: 132px; }  .u-pb135 {   padding-bottom: 135px; }  .u-pb136 {   padding-bottom: 136px; }  .u-pb140 {   padding-bottom: 140px; }  .u-pb144 {   padding-bottom: 144px; }  .u-pb145 {   padding-bottom: 145px; }  .u-pb148 {   padding-bottom: 148px; }  .u-pb150 {   padding-bottom: 150px; }  .u-pl0 {   padding-left: 0px; }  .u-pl4 {   padding-left: 4px; }  .u-pl5 {   padding-left: 5px; }  .u-pl8 {   padding-left: 8px; }  .u-pl10 {   padding-left: 10px; }  .u-pl12 {   padding-left: 12px; }  .u-pl15 {   padding-left: 15px; }  .u-pl16 {   padding-left: 16px; }  .u-pl20 {   padding-left: 20px; }  .u-pl24 {   padding-left: 24px; }  .u-pl25 {   padding-left: 25px; }  .u-pl28 {   padding-left: 28px; }  .u-pl30 {   padding-left: 30px; }  .u-pl32 {   padding-left: 32px; }  .u-pl35 {   padding-left: 35px; }  .u-pl36 {   padding-left: 36px; }  .u-pl40 {   padding-left: 40px; }  .u-pl44 {   padding-left: 44px; }  .u-pl45 {   padding-left: 45px; }  .u-pl48 {   padding-left: 48px; }  .u-pl50 {   padding-left: 50px; }  .u-pl52 {   padding-left: 52px; }  .u-pl55 {   padding-left: 55px; }  .u-pl56 {   padding-left: 56px; }  .u-pl60 {   padding-left: 60px; }  .u-pl64 {   padding-left: 64px; }  .u-pl65 {   padding-left: 65px; }  .u-pl68 {   padding-left: 68px; }  .u-pl70 {   padding-left: 70px; }  .u-pl72 {   padding-left: 72px; }  .u-pl75 {   padding-left: 75px; }  .u-pl76 {   padding-left: 76px; }  .u-pl80 {   padding-left: 80px; }  .u-pl84 {   padding-left: 84px; }  .u-pl85 {   padding-left: 85px; }  .u-pl88 {   padding-left: 88px; }  .u-pl90 {   padding-left: 90px; }  .u-pl92 {   padding-left: 92px; }  .u-pl95 {   padding-left: 95px; }  .u-pl96 {   padding-left: 96px; }  .u-pl100 {   padding-left: 100px; }  .u-pl104 {   padding-left: 104px; }  .u-pl105 {   padding-left: 105px; }  .u-pl108 {   padding-left: 108px; }  .u-pl110 {   padding-left: 110px; }  .u-pl112 {   padding-left: 112px; }  .u-pl115 {   padding-left: 115px; }  .u-pl116 {   padding-left: 116px; }  .u-pl120 {   padding-left: 120px; }  .u-pl124 {   padding-left: 124px; }  .u-pl125 {   padding-left: 125px; }  .u-pl128 {   padding-left: 128px; }  .u-pl130 {   padding-left: 130px; }  .u-pl132 {   padding-left: 132px; }  .u-pl135 {   padding-left: 135px; }  .u-pl136 {   padding-left: 136px; }  .u-pl140 {   padding-left: 140px; }  .u-pl144 {   padding-left: 144px; }  .u-pl145 {   padding-left: 145px; }  .u-pl148 {   padding-left: 148px; }  .u-pl150 {   padding-left: 150px; }  .u-pr0 {   padding-right: 0px; }  .u-pr4 {   padding-right: 4px; }  .u-pr5 {   padding-right: 5px; }  .u-pr8 {   padding-right: 8px; }  .u-pr10 {   padding-right: 10px; }  .u-pr12 {   padding-right: 12px; }  .u-pr15 {   padding-right: 15px; }  .u-pr16 {   padding-right: 16px; }  .u-pr20 {   padding-right: 20px; }  .u-pr24 {   padding-right: 24px; }  .u-pr25 {   padding-right: 25px; }  .u-pr28 {   padding-right: 28px; }  .u-pr30 {   padding-right: 30px; }  .u-pr32 {   padding-right: 32px; }  .u-pr35 {   padding-right: 35px; }  .u-pr36 {   padding-right: 36px; }  .u-pr40 {   padding-right: 40px; }  .u-pr44 {   padding-right: 44px; }  .u-pr45 {   padding-right: 45px; }  .u-pr48 {   padding-right: 48px; }  .u-pr50 {   padding-right: 50px; }  .u-pr52 {   padding-right: 52px; }  .u-pr55 {   padding-right: 55px; }  .u-pr56 {   padding-right: 56px; }  .u-pr60 {   padding-right: 60px; }  .u-pr64 {   padding-right: 64px; }  .u-pr65 {   padding-right: 65px; }  .u-pr68 {   padding-right: 68px; }  .u-pr70 {   padding-right: 70px; }  .u-pr72 {   padding-right: 72px; }  .u-pr75 {   padding-right: 75px; }  .u-pr76 {   padding-right: 76px; }  .u-pr80 {   padding-right: 80px; }  .u-pr84 {   padding-right: 84px; }  .u-pr85 {   padding-right: 85px; }  .u-pr88 {   padding-right: 88px; }  .u-pr90 {   padding-right: 90px; }  .u-pr92 {   padding-right: 92px; }  .u-pr95 {   padding-right: 95px; }  .u-pr96 {   padding-right: 96px; }  .u-pr100 {   padding-right: 100px; }  .u-pr104 {   padding-right: 104px; }  .u-pr105 {   padding-right: 105px; }  .u-pr108 {   padding-right: 108px; }  .u-pr110 {   padding-right: 110px; }  .u-pr112 {   padding-right: 112px; }  .u-pr115 {   padding-right: 115px; }  .u-pr116 {   padding-right: 116px; }  .u-pr120 {   padding-right: 120px; }  .u-pr124 {   padding-right: 124px; }  .u-pr125 {   padding-right: 125px; }  .u-pr128 {   padding-right: 128px; }  .u-pr130 {   padding-right: 130px; }  .u-pr132 {   padding-right: 132px; }  .u-pr135 {   padding-right: 135px; }  .u-pr136 {   padding-right: 136px; }  .u-pr140 {   padding-right: 140px; }  .u-pr144 {   padding-right: 144px; }  .u-pr145 {   padding-right: 145px; }  .u-pr148 {   padding-right: 148px; }  .u-pr150 {   padding-right: 150px; }  .u-mt0 {   margin-top: 0px; }  .u-mt4 {   margin-top: 4px; }  .u-mt5 {   margin-top: 5px; }  .u-mt8 {   margin-top: 8px; }  .u-mt10 {   margin-top: 10px; }  .u-mt12 {   margin-top: 12px; }  .u-mt15 {   margin-top: 15px; }  .u-mt16 {   margin-top: 16px; }  .u-mt20 {   margin-top: 20px; }  .u-mt24 {   margin-top: 24px; }  .u-mt25 {   margin-top: 25px; }  .u-mt28 {   margin-top: 28px; }  .u-mt30 {   margin-top: 30px; }  .u-mt32 {   margin-top: 32px; }  .u-mt35 {   margin-top: 35px; }  .u-mt36 {   margin-top: 36px; }  .u-mt40 {   margin-top: 40px; }  .u-mt44 {   margin-top: 44px; }  .u-mt45 {   margin-top: 45px; }  .u-mt48 {   margin-top: 48px; }  .u-mt50 {   margin-top: 50px; }  .u-mt52 {   margin-top: 52px; }  .u-mt55 {   margin-top: 55px; }  .u-mt56 {   margin-top: 56px; }  .u-mt60 {   margin-top: 60px; }  .u-mt64 {   margin-top: 64px; }  .u-mt65 {   margin-top: 65px; }  .u-mt68 {   margin-top: 68px; }  .u-mt70 {   margin-top: 70px; }  .u-mt72 {   margin-top: 72px; }  .u-mt75 {   margin-top: 75px; }  .u-mt76 {   margin-top: 76px; }  .u-mt80 {   margin-top: 80px; }  .u-mt84 {   margin-top: 84px; }  .u-mt85 {   margin-top: 85px; }  .u-mt88 {   margin-top: 88px; }  .u-mt90 {   margin-top: 90px; }  .u-mt92 {   margin-top: 92px; }  .u-mt95 {   margin-top: 95px; }  .u-mt96 {   margin-top: 96px; }  .u-mt100 {   margin-top: 100px; }  .u-mt104 {   margin-top: 104px; }  .u-mt105 {   margin-top: 105px; }  .u-mt108 {   margin-top: 108px; }  .u-mt110 {   margin-top: 110px; }  .u-mt112 {   margin-top: 112px; }  .u-mt115 {   margin-top: 115px; }  .u-mt116 {   margin-top: 116px; }  .u-mt120 {   margin-top: 120px; }  .u-mt124 {   margin-top: 124px; }  .u-mt125 {   margin-top: 125px; }  .u-mt128 {   margin-top: 128px; }  .u-mt130 {   margin-top: 130px; }  .u-mt132 {   margin-top: 132px; }  .u-mt135 {   margin-top: 135px; }  .u-mt136 {   margin-top: 136px; }  .u-mt140 {   margin-top: 140px; }  .u-mt144 {   margin-top: 144px; }  .u-mt145 {   margin-top: 145px; }  .u-mt148 {   margin-top: 148px; }  .u-mt150 {   margin-top: 150px; }  .u-mb0 {   margin-bottom: 0px; }  .u-mb4 {   margin-bottom: 4px; }  .u-mb5 {   margin-bottom: 5px; }  .u-mb8 {   margin-bottom: 8px; }  .u-mb10 {   margin-bottom: 10px; }  .u-mb12 {   margin-bottom: 12px; }  .u-mb15 {   margin-bottom: 15px; }  .u-mb16 {   margin-bottom: 16px; }  .u-mb20 {   margin-bottom: 20px; }  .u-mb24 {   margin-bottom: 24px; }  .u-mb25 {   margin-bottom: 25px; }  .u-mb28 {   margin-bottom: 28px; }  .u-mb30 {   margin-bottom: 30px; }  .u-mb32 {   margin-bottom: 32px; }  .u-mb35 {   margin-bottom: 35px; }  .u-mb36 {   margin-bottom: 36px; }  .u-mb40 {   margin-bottom: 40px; }  .u-mb44 {   margin-bottom: 44px; }  .u-mb45 {   margin-bottom: 45px; }  .u-mb48 {   margin-bottom: 48px; }  .u-mb50 {   margin-bottom: 50px; }  .u-mb52 {   margin-bottom: 52px; }  .u-mb55 {   margin-bottom: 55px; }  .u-mb56 {   margin-bottom: 56px; }  .u-mb60 {   margin-bottom: 60px; }  .u-mb64 {   margin-bottom: 64px; }  .u-mb65 {   margin-bottom: 65px; }  .u-mb68 {   margin-bottom: 68px; }  .u-mb70 {   margin-bottom: 70px; }  .u-mb72 {   margin-bottom: 72px; }  .u-mb75 {   margin-bottom: 75px; }  .u-mb76 {   margin-bottom: 76px; }  .u-mb80 {   margin-bottom: 80px; }  .u-mb84 {   margin-bottom: 84px; }  .u-mb85 {   margin-bottom: 85px; }  .u-mb88 {   margin-bottom: 88px; }  .u-mb90 {   margin-bottom: 90px; }  .u-mb92 {   margin-bottom: 92px; }  .u-mb95 {   margin-bottom: 95px; }  .u-mb96 {   margin-bottom: 96px; }  .u-mb100 {   margin-bottom: 100px; }  .u-mb104 {   margin-bottom: 104px; }  .u-mb105 {   margin-bottom: 105px; }  .u-mb108 {   margin-bottom: 108px; }  .u-mb110 {   margin-bottom: 110px; }  .u-mb112 {   margin-bottom: 112px; }  .u-mb115 {   margin-bottom: 115px; }  .u-mb116 {   margin-bottom: 116px; }  .u-mb120 {   margin-bottom: 120px; }  .u-mb124 {   margin-bottom: 124px; }  .u-mb125 {   margin-bottom: 125px; }  .u-mb128 {   margin-bottom: 128px; }  .u-mb130 {   margin-bottom: 130px; }  .u-mb132 {   margin-bottom: 132px; }  .u-mb135 {   margin-bottom: 135px; }  .u-mb136 {   margin-bottom: 136px; }  .u-mb140 {   margin-bottom: 140px; }  .u-mb144 {   margin-bottom: 144px; }  .u-mb145 {   margin-bottom: 145px; }  .u-mb148 {   margin-bottom: 148px; }  .u-mb150 {   margin-bottom: 150px; }  .u-ml0 {   margin-left: 0px; }  .u-ml4 {   margin-left: 4px; }  .u-ml5 {   margin-left: 5px; }  .u-ml8 {   margin-left: 8px; }  .u-ml10 {   margin-left: 10px; }  .u-ml12 {   margin-left: 12px; }  .u-ml15 {   margin-left: 15px; }  .u-ml16 {   margin-left: 16px; }  .u-ml20 {   margin-left: 20px; }  .u-ml24 {   margin-left: 24px; }  .u-ml25 {   margin-left: 25px; }  .u-ml28 {   margin-left: 28px; }  .u-ml30 {   margin-left: 30px; }  .u-ml32 {   margin-left: 32px; }  .u-ml35 {   margin-left: 35px; }  .u-ml36 {   margin-left: 36px; }  .u-ml40 {   margin-left: 40px; }  .u-ml44 {   margin-left: 44px; }  .u-ml45 {   margin-left: 45px; }  .u-ml48 {   margin-left: 48px; }  .u-ml50 {   margin-left: 50px; }  .u-ml52 {   margin-left: 52px; }  .u-ml55 {   margin-left: 55px; }  .u-ml56 {   margin-left: 56px; }  .u-ml60 {   margin-left: 60px; }  .u-ml64 {   margin-left: 64px; }  .u-ml65 {   margin-left: 65px; }  .u-ml68 {   margin-left: 68px; }  .u-ml70 {   margin-left: 70px; }  .u-ml72 {   margin-left: 72px; }  .u-ml75 {   margin-left: 75px; }  .u-ml76 {   margin-left: 76px; }  .u-ml80 {   margin-left: 80px; }  .u-ml84 {   margin-left: 84px; }  .u-ml85 {   margin-left: 85px; }  .u-ml88 {   margin-left: 88px; }  .u-ml90 {   margin-left: 90px; }  .u-ml92 {   margin-left: 92px; }  .u-ml95 {   margin-left: 95px; }  .u-ml96 {   margin-left: 96px; }  .u-ml100 {   margin-left: 100px; }  .u-ml104 {   margin-left: 104px; }  .u-ml105 {   margin-left: 105px; }  .u-ml108 {   margin-left: 108px; }  .u-ml110 {   margin-left: 110px; }  .u-ml112 {   margin-left: 112px; }  .u-ml115 {   margin-left: 115px; }  .u-ml116 {   margin-left: 116px; }  .u-ml120 {   margin-left: 120px; }  .u-ml124 {   margin-left: 124px; }  .u-ml125 {   margin-left: 125px; }  .u-ml128 {   margin-left: 128px; }  .u-ml130 {   margin-left: 130px; }  .u-ml132 {   margin-left: 132px; }  .u-ml135 {   margin-left: 135px; }  .u-ml136 {   margin-left: 136px; }  .u-ml140 {   margin-left: 140px; }  .u-ml144 {   margin-left: 144px; }  .u-ml145 {   margin-left: 145px; }  .u-ml148 {   margin-left: 148px; }  .u-ml150 {   margin-left: 150px; }  .u-mr0 {   margin-right: 0px; }  .u-mr4 {   margin-right: 4px; }  .u-mr5 {   margin-right: 5px; }  .u-mr8 {   margin-right: 8px; }  .u-mr10 {   margin-right: 10px; }  .u-mr12 {   margin-right: 12px; }  .u-mr15 {   margin-right: 15px; }  .u-mr16 {   margin-right: 16px; }  .u-mr20 {   margin-right: 20px; }  .u-mr24 {   margin-right: 24px; }  .u-mr25 {   margin-right: 25px; }  .u-mr28 {   margin-right: 28px; }  .u-mr30 {   margin-right: 30px; }  .u-mr32 {   margin-right: 32px; }  .u-mr35 {   margin-right: 35px; }  .u-mr36 {   margin-right: 36px; }  .u-mr40 {   margin-right: 40px; }  .u-mr44 {   margin-right: 44px; }  .u-mr45 {   margin-right: 45px; }  .u-mr48 {   margin-right: 48px; }  .u-mr50 {   margin-right: 50px; }  .u-mr52 {   margin-right: 52px; }  .u-mr55 {   margin-right: 55px; }  .u-mr56 {   margin-right: 56px; }  .u-mr60 {   margin-right: 60px; }  .u-mr64 {   margin-right: 64px; }  .u-mr65 {   margin-right: 65px; }  .u-mr68 {   margin-right: 68px; }  .u-mr70 {   margin-right: 70px; }  .u-mr72 {   margin-right: 72px; }  .u-mr75 {   margin-right: 75px; }  .u-mr76 {   margin-right: 76px; }  .u-mr80 {   margin-right: 80px; }  .u-mr84 {   margin-right: 84px; }  .u-mr85 {   margin-right: 85px; }  .u-mr88 {   margin-right: 88px; }  .u-mr90 {   margin-right: 90px; }  .u-mr92 {   margin-right: 92px; }  .u-mr95 {   margin-right: 95px; }  .u-mr96 {   margin-right: 96px; }  .u-mr100 {   margin-right: 100px; }  .u-mr104 {   margin-right: 104px; }  .u-mr105 {   margin-right: 105px; }  .u-mr108 {   margin-right: 108px; }  .u-mr110 {   margin-right: 110px; }  .u-mr112 {   margin-right: 112px; }  .u-mr115 {   margin-right: 115px; }  .u-mr116 {   margin-right: 116px; }  .u-mr120 {   margin-right: 120px; }  .u-mr124 {   margin-right: 124px; }  .u-mr125 {   margin-right: 125px; }  .u-mr128 {   margin-right: 128px; }  .u-mr130 {   margin-right: 130px; }  .u-mr132 {   margin-right: 132px; }  .u-mr135 {   margin-right: 135px; }  .u-mr136 {   margin-right: 136px; }  .u-mr140 {   margin-right: 140px; }  .u-mr144 {   margin-right: 144px; }  .u-mr145 {   margin-right: 145px; }  .u-mr148 {   margin-right: 148px; }  .u-mr150 {   margin-right: 150px; }  @media screen and (max-width: 768px) {   .u-pt-sm0 {     padding-top: 0px;   }   .u-pt-sm2 {     padding-top: 2px;   }   .u-pt-sm3 {     padding-top: 3px;   }   .u-pt-sm4 {     padding-top: 4px;   }   .u-pt-sm6 {     padding-top: 6px;   }   .u-pt-sm8 {     padding-top: 8px;   }   .u-pt-sm9 {     padding-top: 9px;   }   .u-pt-sm10 {     padding-top: 10px;   }   .u-pt-sm12 {     padding-top: 12px;   }   .u-pt-sm14 {     padding-top: 14px;   }   .u-pt-sm15 {     padding-top: 15px;   }   .u-pt-sm16 {     padding-top: 16px;   }   .u-pt-sm18 {     padding-top: 18px;   }   .u-pt-sm20 {     padding-top: 20px;   }   .u-pt-sm21 {     padding-top: 21px;   }   .u-pt-sm22 {     padding-top: 22px;   }   .u-pt-sm24 {     padding-top: 24px;   }   .u-pt-sm26 {     padding-top: 26px;   }   .u-pt-sm27 {     padding-top: 27px;   }   .u-pt-sm28 {     padding-top: 28px;   }   .u-pt-sm30 {     padding-top: 30px;   }   .u-pt-sm32 {     padding-top: 32px;   }   .u-pt-sm33 {     padding-top: 33px;   }   .u-pt-sm34 {     padding-top: 34px;   }   .u-pt-sm36 {     padding-top: 36px;   }   .u-pt-sm38 {     padding-top: 38px;   }   .u-pt-sm39 {     padding-top: 39px;   }   .u-pt-sm40 {     padding-top: 40px;   }   .u-pt-sm42 {     padding-top: 42px;   }   .u-pt-sm44 {     padding-top: 44px;   }   .u-pt-sm45 {     padding-top: 45px;   }   .u-pt-sm46 {     padding-top: 46px;   }   .u-pt-sm48 {     padding-top: 48px;   }   .u-pt-sm50 {     padding-top: 50px;   } } @media screen and (max-width: 768px) {   .u-pb-sm0 {     padding-bottom: 0px;   }   .u-pb-sm2 {     padding-bottom: 2px;   }   .u-pb-sm3 {     padding-bottom: 3px;   }   .u-pb-sm4 {     padding-bottom: 4px;   }   .u-pb-sm6 {     padding-bottom: 6px;   }   .u-pb-sm8 {     padding-bottom: 8px;   }   .u-pb-sm9 {     padding-bottom: 9px;   }   .u-pb-sm10 {     padding-bottom: 10px;   }   .u-pb-sm12 {     padding-bottom: 12px;   }   .u-pb-sm14 {     padding-bottom: 14px;   }   .u-pb-sm15 {     padding-bottom: 15px;   }   .u-pb-sm16 {     padding-bottom: 16px;   }   .u-pb-sm18 {     padding-bottom: 18px;   }   .u-pb-sm20 {     padding-bottom: 20px;   }   .u-pb-sm21 {     padding-bottom: 21px;   }   .u-pb-sm22 {     padding-bottom: 22px;   }   .u-pb-sm24 {     padding-bottom: 24px;   }   .u-pb-sm26 {     padding-bottom: 26px;   }   .u-pb-sm27 {     padding-bottom: 27px;   }   .u-pb-sm28 {     padding-bottom: 28px;   }   .u-pb-sm30 {     padding-bottom: 30px;   }   .u-pb-sm32 {     padding-bottom: 32px;   }   .u-pb-sm33 {     padding-bottom: 33px;   }   .u-pb-sm34 {     padding-bottom: 34px;   }   .u-pb-sm36 {     padding-bottom: 36px;   }   .u-pb-sm38 {     padding-bottom: 38px;   }   .u-pb-sm39 {     padding-bottom: 39px;   }   .u-pb-sm40 {     padding-bottom: 40px;   }   .u-pb-sm42 {     padding-bottom: 42px;   }   .u-pb-sm44 {     padding-bottom: 44px;   }   .u-pb-sm45 {     padding-bottom: 45px;   }   .u-pb-sm46 {     padding-bottom: 46px;   }   .u-pb-sm48 {     padding-bottom: 48px;   }   .u-pb-sm50 {     padding-bottom: 50px;   } } @media screen and (max-width: 768px) {   .u-pl-sm0 {     padding-left: 0px;   }   .u-pl-sm2 {     padding-left: 2px;   }   .u-pl-sm3 {     padding-left: 3px;   }   .u-pl-sm4 {     padding-left: 4px;   }   .u-pl-sm6 {     padding-left: 6px;   }   .u-pl-sm8 {     padding-left: 8px;   }   .u-pl-sm9 {     padding-left: 9px;   }   .u-pl-sm10 {     padding-left: 10px;   }   .u-pl-sm12 {     padding-left: 12px;   }   .u-pl-sm14 {     padding-left: 14px;   }   .u-pl-sm15 {     padding-left: 15px;   }   .u-pl-sm16 {     padding-left: 16px;   }   .u-pl-sm18 {     padding-left: 18px;   }   .u-pl-sm20 {     padding-left: 20px;   }   .u-pl-sm21 {     padding-left: 21px;   }   .u-pl-sm22 {     padding-left: 22px;   }   .u-pl-sm24 {     padding-left: 24px;   }   .u-pl-sm26 {     padding-left: 26px;   }   .u-pl-sm27 {     padding-left: 27px;   }   .u-pl-sm28 {     padding-left: 28px;   }   .u-pl-sm30 {     padding-left: 30px;   }   .u-pl-sm32 {     padding-left: 32px;   }   .u-pl-sm33 {     padding-left: 33px;   }   .u-pl-sm34 {     padding-left: 34px;   }   .u-pl-sm36 {     padding-left: 36px;   }   .u-pl-sm38 {     padding-left: 38px;   }   .u-pl-sm39 {     padding-left: 39px;   }   .u-pl-sm40 {     padding-left: 40px;   }   .u-pl-sm42 {     padding-left: 42px;   }   .u-pl-sm44 {     padding-left: 44px;   }   .u-pl-sm45 {     padding-left: 45px;   }   .u-pl-sm46 {     padding-left: 46px;   }   .u-pl-sm48 {     padding-left: 48px;   }   .u-pl-sm50 {     padding-left: 50px;   } } @media screen and (max-width: 768px) {   .u-pr-sm0 {     padding-right: 0px;   }   .u-pr-sm2 {     padding-right: 2px;   }   .u-pr-sm3 {     padding-right: 3px;   }   .u-pr-sm4 {     padding-right: 4px;   }   .u-pr-sm6 {     padding-right: 6px;   }   .u-pr-sm8 {     padding-right: 8px;   }   .u-pr-sm9 {     padding-right: 9px;   }   .u-pr-sm10 {     padding-right: 10px;   }   .u-pr-sm12 {     padding-right: 12px;   }   .u-pr-sm14 {     padding-right: 14px;   }   .u-pr-sm15 {     padding-right: 15px;   }   .u-pr-sm16 {     padding-right: 16px;   }   .u-pr-sm18 {     padding-right: 18px;   }   .u-pr-sm20 {     padding-right: 20px;   }   .u-pr-sm21 {     padding-right: 21px;   }   .u-pr-sm22 {     padding-right: 22px;   }   .u-pr-sm24 {     padding-right: 24px;   }   .u-pr-sm26 {     padding-right: 26px;   }   .u-pr-sm27 {     padding-right: 27px;   }   .u-pr-sm28 {     padding-right: 28px;   }   .u-pr-sm30 {     padding-right: 30px;   }   .u-pr-sm32 {     padding-right: 32px;   }   .u-pr-sm33 {     padding-right: 33px;   }   .u-pr-sm34 {     padding-right: 34px;   }   .u-pr-sm36 {     padding-right: 36px;   }   .u-pr-sm38 {     padding-right: 38px;   }   .u-pr-sm39 {     padding-right: 39px;   }   .u-pr-sm40 {     padding-right: 40px;   }   .u-pr-sm42 {     padding-right: 42px;   }   .u-pr-sm44 {     padding-right: 44px;   }   .u-pr-sm45 {     padding-right: 45px;   }   .u-pr-sm46 {     padding-right: 46px;   }   .u-pr-sm48 {     padding-right: 48px;   }   .u-pr-sm50 {     padding-right: 50px;   } } @media screen and (max-width: 768px) {   .u-mt-sm0 {     margin-top: 0px;   }   .u-mt-sm2 {     margin-top: 2px;   }   .u-mt-sm3 {     margin-top: 3px;   }   .u-mt-sm4 {     margin-top: 4px;   }   .u-mt-sm6 {     margin-top: 6px;   }   .u-mt-sm8 {     margin-top: 8px;   }   .u-mt-sm9 {     margin-top: 9px;   }   .u-mt-sm10 {     margin-top: 10px;   }   .u-mt-sm12 {     margin-top: 12px;   }   .u-mt-sm14 {     margin-top: 14px;   }   .u-mt-sm15 {     margin-top: 15px;   }   .u-mt-sm16 {     margin-top: 16px;   }   .u-mt-sm18 {     margin-top: 18px;   }   .u-mt-sm20 {     margin-top: 20px;   }   .u-mt-sm21 {     margin-top: 21px;   }   .u-mt-sm22 {     margin-top: 22px;   }   .u-mt-sm24 {     margin-top: 24px;   }   .u-mt-sm26 {     margin-top: 26px;   }   .u-mt-sm27 {     margin-top: 27px;   }   .u-mt-sm28 {     margin-top: 28px;   }   .u-mt-sm30 {     margin-top: 30px;   }   .u-mt-sm32 {     margin-top: 32px;   }   .u-mt-sm33 {     margin-top: 33px;   }   .u-mt-sm34 {     margin-top: 34px;   }   .u-mt-sm36 {     margin-top: 36px;   }   .u-mt-sm38 {     margin-top: 38px;   }   .u-mt-sm39 {     margin-top: 39px;   }   .u-mt-sm40 {     margin-top: 40px;   }   .u-mt-sm42 {     margin-top: 42px;   }   .u-mt-sm44 {     margin-top: 44px;   }   .u-mt-sm45 {     margin-top: 45px;   }   .u-mt-sm46 {     margin-top: 46px;   }   .u-mt-sm48 {     margin-top: 48px;   }   .u-mt-sm50 {     margin-top: 50px;   } } @media screen and (max-width: 768px) {   .u-mb-sm0 {     margin-bottom: 0px;   }   .u-mb-sm2 {     margin-bottom: 2px;   }   .u-mb-sm3 {     margin-bottom: 3px;   }   .u-mb-sm4 {     margin-bottom: 4px;   }   .u-mb-sm6 {     margin-bottom: 6px;   }   .u-mb-sm8 {     margin-bottom: 8px;   }   .u-mb-sm9 {     margin-bottom: 9px;   }   .u-mb-sm10 {     margin-bottom: 10px;   }   .u-mb-sm12 {     margin-bottom: 12px;   }   .u-mb-sm14 {     margin-bottom: 14px;   }   .u-mb-sm15 {     margin-bottom: 15px;   }   .u-mb-sm16 {     margin-bottom: 16px;   }   .u-mb-sm18 {     margin-bottom: 18px;   }   .u-mb-sm20 {     margin-bottom: 20px;   }   .u-mb-sm21 {     margin-bottom: 21px;   }   .u-mb-sm22 {     margin-bottom: 22px;   }   .u-mb-sm24 {     margin-bottom: 24px;   }   .u-mb-sm26 {     margin-bottom: 26px;   }   .u-mb-sm27 {     margin-bottom: 27px;   }   .u-mb-sm28 {     margin-bottom: 28px;   }   .u-mb-sm30 {     margin-bottom: 30px;   }   .u-mb-sm32 {     margin-bottom: 32px;   }   .u-mb-sm33 {     margin-bottom: 33px;   }   .u-mb-sm34 {     margin-bottom: 34px;   }   .u-mb-sm36 {     margin-bottom: 36px;   }   .u-mb-sm38 {     margin-bottom: 38px;   }   .u-mb-sm39 {     margin-bottom: 39px;   }   .u-mb-sm40 {     margin-bottom: 40px;   }   .u-mb-sm42 {     margin-bottom: 42px;   }   .u-mb-sm44 {     margin-bottom: 44px;   }   .u-mb-sm45 {     margin-bottom: 45px;   }   .u-mb-sm46 {     margin-bottom: 46px;   }   .u-mb-sm48 {     margin-bottom: 48px;   }   .u-mb-sm50 {     margin-bottom: 50px;   } } @media screen and (max-width: 768px) {   .u-ml-sm0 {     margin-left: 0px;   }   .u-ml-sm2 {     margin-left: 2px;   }   .u-ml-sm3 {     margin-left: 3px;   }   .u-ml-sm4 {     margin-left: 4px;   }   .u-ml-sm6 {     margin-left: 6px;   }   .u-ml-sm8 {     margin-left: 8px;   }   .u-ml-sm9 {     margin-left: 9px;   }   .u-ml-sm10 {     margin-left: 10px;   }   .u-ml-sm12 {     margin-left: 12px;   }   .u-ml-sm14 {     margin-left: 14px;   }   .u-ml-sm15 {     margin-left: 15px;   }   .u-ml-sm16 {     margin-left: 16px;   }   .u-ml-sm18 {     margin-left: 18px;   }   .u-ml-sm20 {     margin-left: 20px;   }   .u-ml-sm21 {     margin-left: 21px;   }   .u-ml-sm22 {     margin-left: 22px;   }   .u-ml-sm24 {     margin-left: 24px;   }   .u-ml-sm26 {     margin-left: 26px;   }   .u-ml-sm27 {     margin-left: 27px;   }   .u-ml-sm28 {     margin-left: 28px;   }   .u-ml-sm30 {     margin-left: 30px;   }   .u-ml-sm32 {     margin-left: 32px;   }   .u-ml-sm33 {     margin-left: 33px;   }   .u-ml-sm34 {     margin-left: 34px;   }   .u-ml-sm36 {     margin-left: 36px;   }   .u-ml-sm38 {     margin-left: 38px;   }   .u-ml-sm39 {     margin-left: 39px;   }   .u-ml-sm40 {     margin-left: 40px;   }   .u-ml-sm42 {     margin-left: 42px;   }   .u-ml-sm44 {     margin-left: 44px;   }   .u-ml-sm45 {     margin-left: 45px;   }   .u-ml-sm46 {     margin-left: 46px;   }   .u-ml-sm48 {     margin-left: 48px;   }   .u-ml-sm50 {     margin-left: 50px;   } } @media screen and (max-width: 768px) {   .u-mr-sm0 {     margin-right: 0px;   }   .u-mr-sm2 {     margin-right: 2px;   }   .u-mr-sm3 {     margin-right: 3px;   }   .u-mr-sm4 {     margin-right: 4px;   }   .u-mr-sm6 {     margin-right: 6px;   }   .u-mr-sm8 {     margin-right: 8px;   }   .u-mr-sm9 {     margin-right: 9px;   }   .u-mr-sm10 {     margin-right: 10px;   }   .u-mr-sm12 {     margin-right: 12px;   }   .u-mr-sm14 {     margin-right: 14px;   }   .u-mr-sm15 {     margin-right: 15px;   }   .u-mr-sm16 {     margin-right: 16px;   }   .u-mr-sm18 {     margin-right: 18px;   }   .u-mr-sm20 {     margin-right: 20px;   }   .u-mr-sm21 {     margin-right: 21px;   }   .u-mr-sm22 {     margin-right: 22px;   }   .u-mr-sm24 {     margin-right: 24px;   }   .u-mr-sm26 {     margin-right: 26px;   }   .u-mr-sm27 {     margin-right: 27px;   }   .u-mr-sm28 {     margin-right: 28px;   }   .u-mr-sm30 {     margin-right: 30px;   }   .u-mr-sm32 {     margin-right: 32px;   }   .u-mr-sm33 {     margin-right: 33px;   }   .u-mr-sm34 {     margin-right: 34px;   }   .u-mr-sm36 {     margin-right: 36px;   }   .u-mr-sm38 {     margin-right: 38px;   }   .u-mr-sm39 {     margin-right: 39px;   }   .u-mr-sm40 {     margin-right: 40px;   }   .u-mr-sm42 {     margin-right: 42px;   }   .u-mr-sm44 {     margin-right: 44px;   }   .u-mr-sm45 {     margin-right: 45px;   }   .u-mr-sm46 {     margin-right: 46px;   }   .u-mr-sm48 {     margin-right: 48px;   }   .u-mr-sm50 {     margin-right: 50px;   } } .u-tc {   text-align: center; }  .u-fb {   font-weight: bold; }  .white-bg {   background-color: #fff; }  .green-bg {   background-color: #6BA29B; }  .blue-bg {   background-color: #6CC6E7; }  .orange-bg {   background-color: #F2785C; }  .white {   color: #fff; }  .black {   color: #000; }  .green {   color: #0D7F00; }  .blue {   color: #024bac; }  .red {   color: #FB3030; }  .gray {   color: #969ca4; }  .green-deep {   color: #445F49; }  .vertical {   writing-mode: sideways-lr;   line-height: 0.7;   display: inline-block; } @media screen and (max-width: 750px) {   .vertical {     writing-mode: initial;   } }  .vertical02 {   writing-mode: tb;   display: inline-block; }  .triangle {   right: 0;   bottom: 0;   width: 20px;   height: 20px; }  .tel img {   width: 30px;   height: 20px; }  /* ========================================================================== 共通ブロック ========================================================================== */ /* ========================================================================== TOPページ ========================================================================== */ .mv {   width: 100%;   height: 100%;   background-size: cover;   background-repeat: no-repeat;   background-position: center;   background-image: url(./../img/mv.jpg);   padding: 0; } @media screen and (max-width: 750px) {   .mv {     background-image: url(./../img/mv_sp.png);   } } .mv h1 {   font-size: 50px; } @media screen and (max-width: 750px) {   .mv h1 {     font-size: 26px;   } } .mv h1 span {   font-size: 70px; } @media screen and (max-width: 750px) {   .mv h1 span {     font-size: 40px;   } } .mv .flex {   align-items: center;   height: 55vh; } @media screen and (max-width: 750px) {   .mv .flex {     flex-direction: row;   } } .mv .btn {   background: #fff; } .mv .btn a {   background: linear-gradient(to right, #024bac 0%, #1eb8c9 50%, #32cabd 100%);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent; }  .worry {   background: #cdd4de; } .worry .ttl-jp {   border-bottom: 20px solid #c0dad8;   line-height: 0.6; }  .hukidashi_box { position: relative; width: 100%; height: 480px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(./../img/worry.png); }  .hukidashi { position: absolute; background: #647a92; color: #fff; padding: 40px 25px; border-radius: 50%; font-size: 15px; line-height: 1.6; font-weight: bold; box-shadow: 0 8px 20px rgba(0,0,0,0.15); max-width: 300px; width: 100%; text-align: center; animation: fadeInUp 0.8s ease-out; }  .hukidashi::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; }  /* 左上の吹き出し */ .bubble-1 { top: 100px; left: 100px; }  .bubble-1::after { border-width: 30px 30px 0 0; border-color: #647a92 transparent transparent transparent; transform: rotate(70deg); bottom: -10px; right: 30px; }  /* 右上の吹き出し */ .bubble-2 { top: 60px; right: 80px; }  .bubble-2::after { border-width: 0 0 30px 30px; border-color: transparent transparent #647a92 transparent; transform: rotate(-35deg); bottom: 0px; left: 30px; }  /* 左下の吹き出し */ .bubble-3 { bottom: 70px; left: 0; max-width: 200px; }  .bubble-3::after { border-width: 30px 30px 0 0; border-color: #647a92 transparent transparent transparent; transform: rotate(70deg); bottom: -10px; right: 30px; }  /* 右下の吹き出し */ .bubble-4 { bottom: 30px; right: 60px; max-width: 200px; }  .bubble-4::after { border-width: 0 0 30px 30px; border-color: transparent transparent #647a92 transparent; transform: rotate(-70deg); top: 0; left: 30px; }  @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }  @media (max-width: 768px) { .hukidashi_box { height: 100%; min-height: 250px; background-image: none; } .hukidashi { font-size: 12px; padding: 30px 10px; max-width: 200px; width: 47%; } .bubble-1 { top: 0; left: 5px; } .bubble-2 { top: 0; right: 0; } .bubble-3 { bottom: 0; left: 0; } .bubble-4 { bottom: 0; right: 10px; } .bubble-4::after { border-width: 0 0 30px 30px; border-color: transparent transparent #647a92 transparent; transform: rotate(-35deg); top: auto; bottom: 0px; left: 30px; } }   .srvice-head .ttl-jp {   margin: 20px 0;   padding: 0 20px;   position: relative; } .srvice-head .ttl-jp::before, .srvice-head .ttl-jp::after {   content: "";   background-repeat: no-repeat;   position: absolute;   background-size: 40px;   width: 40px;   height: 40px; } @media screen and (max-width: 750px) {   .srvice-head .ttl-jp::before, .srvice-head .ttl-jp::after {     background-size: 20px;     width: 20px;     height: 20px;   } } .srvice-head .ttl-jp::before {   background-image: url(./../img/left.png);   left: 0; } .srvice-head .ttl-jp::after {   background-image: url(./../img/right.png);   right: 0;   bottom: 0; }  .service {   background-color: #f0f5fc; } .service-box {   background-color: #fff;   padding: 40px 30px 50px; } @media screen and (max-width: 750px) {   .service-box {     padding: 20px 20px 30px;     margin-top: 3px;   } } .service-box:nth-of-type(4) img {   width: 96px; } .service-box:nth-of-type(6) img {   width: 70px; } .service-box img {   width: 80px; } .service-box .txt-18 {   line-height: 1.4;   margin: 20px 0; } @media screen and (max-width: 750px) {   .service-box .txt-18 {     font-size: 20px;     padding-left: 12px;   } } .service-box .txt-13 {   line-height: 1.6;   letter-spacing: 0.06em; } @media screen and (max-width: 750px) {   .service-box_ttl {     display: flex;     align-items: center;   } }  @media screen and (max-width: 750px) {   .strength .inner {     padding-right: 0;   } } .strength-box {   background-color: #f0f5fc;   padding: 30px; } @media screen and (max-width: 750px) {   .strength-box {     padding-right: 0;   } } @media screen and (max-width: 750px) {   .strength-box .flex {     width: 100%; /* 画面幅に収める */     overflow-x: auto; /* 横スクロール可 */     align-items: flex-start;   } } .strength-box .flex img:nth-of-type(1) {   width: 80%; } @media screen and (max-width: 750px) {   .strength-box .flex img:nth-of-type(1) {     min-width: 600px; /* 画像をわざと親より大きくする */     height: auto;     display: block;   } } .strength-box .flex img:nth-of-type(2) {   width: 19%;   margin-top: -80px; }  .support {   background-size: cover;   background-repeat: no-repeat;   background-position: center;   background-image: url(./../img/support-bg.jpg); } @media screen and (max-width: 750px) {   .support {     background-image: url(./../img/support-bg_sp.jpg);   } } .support-box_img {   width: 34%;   margin-top: -17%; } @media screen and (max-width: 750px) {   .support-box_img {     width: 38%;     margin-top: -140px;     margin-left: 120px;   } } .support-box_txt {   width: 60%; } @media screen and (max-width: 750px) {   .support-box_txt {     width: 100%;   } }  .faq {   background-color: #f0f5fc;   /*=========   faq   =========*/ } .faq .ttl-en {   background: linear-gradient(to right, #024bac 0%, #1eb8c9 75%, #32cabd 100%);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent; } .faq .flex {   align-items: flex-start; } .faq .accordion_area {   width: 80%; } @media screen and (max-width: 750px) {   .faq .accordion_area {     width: 100%;     margin-top: 30px;   } } .faq .accordion_area .accordion_one {   margin-top: 2px; } .faq .accordion_area .accordion_one .ac_header {   background-color: #ffffff;   padding: 1.5rem 4rem 1.5rem 2rem;   position: relative;   z-index: 1;   cursor: pointer;   transition: 0.2s; } .faq .accordion_area .accordion_one .ac_header .i_box {   position: absolute;   top: 50%;   right: 2rem;   width: 20px;   height: 20px;   margin-top: -10px; } .faq .accordion_area .accordion_one .ac_header .i_box:before, .faq .accordion_area .accordion_one .ac_header .i_box:after {   position: absolute;   content: "";   margin: auto;   box-sizing: border-box;   vertical-align: middle; } .faq .accordion_area .accordion_one .ac_header .i_box:before {   border-top: 2px solid #014897;   width: 20px;   height: 0;   top: 0;   bottom: 0;   right: 0; } .faq .accordion_area .accordion_one .ac_header .i_box:after {   border-left: 2px solid #014897;   width: 0;   height: 20px;   top: 0;   bottom: 0;   right: 9px;   transition: 0.3s; } .faq .accordion_area .accordion_one .ac_header.open .i_box:after {   height: 0; } .faq .accordion_area .accordion_one .ac_inner {   display: none;   padding: 0rem 2rem 1.5rem 2rem;   box-sizing: border-box;   background: #fff; } .faq .p-faq__headinner {   display: block;   position: relative;   line-height: 1.5; } .faq .p-faq__bodyinner {   display: block;   position: relative;   line-height: 1.5; }  .works-box {   margin-bottom: 50px; } .works-box_txt .flex {   justify-content: flex-start;   flex-wrap: wrap;   margin: 12px 0 20px; } @media screen and (max-width: 750px) {   .works-box_txt .flex {     flex-direction: row;   } } .works-box_txt .flex span {   background-color: #f0f5fc;   font-size: 9px;   border-radius: 10px;   padding: 3px 10px;   margin-right: 5px;   margin-top: 5px; } @media screen and (max-width: 750px) {   .works-box_txt .flex span {     margin-top: 10px;     font-size: 14px;     border-radius: 20px;   } } @media screen and (max-width: 750px) {   .works-box_txt .txt-22 {     font-size: 24px;   } }  .contact {   background-color: #f0f5fc; }  /* ========================================================================== About ========================================================================== */ #about .mv {   background-image: url(./../img/about/mv.jpg); } #about .flow {   padding: 4% 0; } #about .flow-box .ttl {   justify-content: flex-start; } #about .flow-box .ttl-jp {   width: 39%;   letter-spacing: 0; } @media screen and (max-width: 750px) {   #about .flow-box .ttl-jp {     width: 100%;   } } #about .flow-box .ttl .txt-15 {   width: 55%; } @media screen and (max-width: 750px) {   #about .flow-box .ttl .txt-15 {     width: 100%;   } } #about .flow-box .arrow {   width: 18%;   margin: 15px auto; } @media screen and (max-width: 750px) {   #about .flow-box .arrow {     display: none;   } } #about .flow-box .arrow img {   width: 42px;   height: 22px; } #about .flow-box_img {   width: 33%; } @media screen and (max-width: 750px) {   #about .flow-box_img {     width: 100%;     margin: 20px 0;   } } #about .flow-box_txt {   width: 60%; } @media screen and (max-width: 750px) {   #about .flow-box_txt {     width: 100%;   } } #about .flow-box_txt .flex {   justify-content: flex-start; } @media screen and (max-width: 750px) {   #about .flow-box_txt .flex {     flex-direction: row;   } } #about .flow-box_txt .flex p {   color: #000; } #about .flow-box_txt .flex .txt-24 {   width: 140px;   text-align: center;   border-bottom: 1px solid #000;   padding-bottom: 10px;   margin-right: 40px; } @media screen and (max-width: 750px) {   #about .flow-box_txt .flex .txt-24 {     width: 110px;   } } #about .method {   background-color: #EAEAEA;   padding: 3% 0 6%; } #about .method .ttl {   width: 79%;   margin: 0 auto 30px; } #about .method .card_content {   width: 32%; } @media screen and (max-width: 750px) {   #about .method .card_content {     width: 100%;   } } #about .method .card_txt .txt-30 {   margin: 15px 0; } #about .method .card_txt .txt-15 {   letter-spacing: 0; } #about .qualification {   padding: 5% 0 7%; } #about .qualification_txt {   width: 40%; } @media screen and (max-width: 750px) {   #about .qualification_txt {     margin-top: 20px;   } } #about .qualification_img {   width: 50%; } @media screen and (max-width: 750px) {   #about .qualification_img, #about .qualification_txt {     width: 100%;   } } #about .quality {   padding: 5% 0 2%;   background-color: #EAEAEA; } @media screen and (max-width: 750px) {   #about .quality {     padding-bottom: 7%;   } } #about .quality .flex {   margin-top: 40px; } #about .quality .flex:nth-of-type(2n-1) {   width: 90%;   margin-right: auto;   flex-direction: row-reverse; } @media screen and (max-width: 750px) {   #about .quality .flex:nth-of-type(2n-1) {     flex-direction: column;     width: 90%;     margin: 20px auto 0;   } } #about .quality .flex:nth-of-type(2n-1) .quality_txt {   padding: 4% 4% 4% 12%; } @media screen and (max-width: 750px) {   #about .quality .flex:nth-of-type(2n-1) .quality_txt {     padding: 15px;   } } #about .quality .flex:nth-of-type(2n) {   width: 90%;   margin-left: auto; } @media screen and (max-width: 750px) {   #about .quality .flex:nth-of-type(2n) {     width: 90%;     margin: 0 auto;   } } #about .quality .flex:nth-of-type(2n) .quality_txt {   padding: 4% 12% 4% 4%; } @media screen and (max-width: 750px) {   #about .quality .flex:nth-of-type(2n) .quality_txt {     padding: 15px;   } } #about .quality_txt {   background-color: #fff;   width: 83%; } @media screen and (max-width: 750px) {   #about .quality_txt {     width: 100%;   } } #about .quality_txt .txt-20 {   letter-spacing: 0;   font-weight: 400; } @media screen and (max-width: 750px) {   #about .quality_txt .txt-20 {     font-size: 15px;   } } #about .quality_img {   width: 75%; } @media screen and (max-width: 750px) {   #about .quality_img {     width: 100%;   } } #about .qualification .ttl, #about .method .ttl, #about .quality .ttl {   margin: 0 auto 30px; } @media screen and (max-width: 750px) {   #about .qualification .ttl, #about .method .ttl, #about .quality .ttl {     width: 100%;   } } @media screen and (max-width: 750px) {   #about .qualification .ttl-jp, #about .method .ttl-jp, #about .quality .ttl-jp {     font-size: 50px;     line-height: 1.4;   } } #about .qualification .ttl-jp, #about .qualification .ttl .txt-15, #about .method .ttl-jp, #about .method .ttl .txt-15, #about .quality .ttl-jp, #about .quality .ttl .txt-15 {   text-align: center; } @media screen and (max-width: 750px) {   #about .qualification .ttl-jp, #about .qualification .ttl .txt-15, #about .method .ttl-jp, #about .method .ttl .txt-15, #about .quality .ttl-jp, #about .quality .ttl .txt-15 {     text-align: left;   } } #about .qa {   padding: 5% 0 2%; } #about .qa .ttl-jp {   font-size: 45px; } #about .qa .accordion {   margin-top: 20px; } #about .qa .question .flex, #about .qa .answer .flex {   font-size: 16px;   font-weight: 400;   padding: 20px 30px;   color: #333333;   position: relative;   justify-content: flex-start; } @media screen and (max-width: 750px) {   #about .qa .question .flex, #about .qa .answer .flex {     font-size: 17px;     padding: 15px 60px 15px 15px;     flex-direction: row;   } } #about .qa .question .flex span, #about .qa .answer .flex span {   font-size: 24px;   font-weight: bold;   width: 7%; } @media screen and (max-width: 750px) {   #about .qa .question .flex span, #about .qa .answer .flex span {     width: 10%;     font-size: 17px;   } } #about .qa .question {   border-bottom: 1px solid #333333; } #about .qa .answer {   padding: 10px 30px;   display: none; } @media screen and (max-width: 750px) {   #about .qa .answer {     padding: 10px 10px;   } } #about .qa .answer .flex {   padding: 15px 20px 15px 50px;   align-items: flex-start; } @media screen and (max-width: 750px) {   #about .qa .answer .flex {     padding: 15px 20px 15px 0px;   } } #about .qa .answer .flex span {   width: 5%; } @media screen and (max-width: 750px) {   #about .qa .answer .flex span {     width: 7%;   } } #about .qa .question .flex::before {   position: absolute;   content: "";   background-image: url(./../img/about/qa-arrow.png);   background-repeat: no-repeat;   background-size: cover;   width: 23px;   height: 13px;   font-weight: 900;   right: 20px;   transition: 0.3s; } #about .qa .question.open .flex::before {   transform: rotate(180deg); } #about .recruit-box_txt {   padding: 0px 70px; } @media screen and (max-width: 750px) {   #about .recruit-box_txt {     padding: 0px 15px;   } }  /* ========================================================================== Method ========================================================================== */ #method .mv {   background-image: url(./../img/method/mv.jpg); } #method .head-content_btn {   flex-direction: row;   flex-wrap: wrap; } #method .head-content_btn .txt-12 {   line-height: 1;   font-size: 12px; } #method .head-content_btn .btn {   width: 165px; } @media screen and (max-width: 750px) {   #method .head-content_btn .btn {     margin-top: 10px;   } } #method .head-content_btn .btn::after {   right: 15px; } #method .head-content .txt-15.u-mt10 {   text-align: center; } @media screen and (max-width: 750px) {   #method .head-content .txt-15.u-mt10 {     text-align: left;     padding: 0 15px;   } } #method .txt-16 {   text-align: right; } #method .txt-16 a {   text-decoration: underline; } #method #plus .ttl-jp {   font-size: 5.5rem;   line-height: 1.1; } @media screen and (max-width: 750px) {   #method #plus .ttl-jp {     font-size: 40px;   } } #method #plus .ttl-head {   padding: 20px 0; } #method #onsite {   background-color: #EAEAEA;   padding: 4% 0 7%;   margin-bottom: 0; } #method #onsite .ttl {   background-color: #fff; } #method #onsite .ttl.onsite-pc, #method #onsite .ttl.onsite-mov {   width: 50%; } @media screen and (max-width: 750px) {   #method #onsite .ttl.onsite-pc, #method #onsite .ttl.onsite-mov {     width: 65%;   } } #method #onsite .ttl.onsite-mov {   margin-left: auto; } #method #onsite .section-box_img iframe {   height: 230px; }  /* ========================================================================== About ========================================================================== */ #company .mv {   background-image: url(./../img/company/mv.jpg); } @media screen and (max-width: 750px) {   #company .message .ttl {     padding: 0 15px;   } } #company .message_img {   width: 27%; } @media screen and (max-width: 750px) {   #company .message_img {     width: 100%;   } } #company .message_img img {   object-fit: cover;   height: 330px;   object-position: 0px -50px; } #company .message_txt {   width: 68%; } @media screen and (max-width: 750px) {   #company .message_txt {     width: 100%;   } } #company .message_txt .txt-20 {   line-height: 1.4; } @media screen and (max-width: 750px) {   #company .message_txt .txt-20 {     text-align: center;     font-size: 20px;     margin: 20px 0;   } } #company .message_txt .txt-15 {   line-height: 1.7; } @media screen and (max-width: 750px) {   #company .overview .table-box th, #company .overview .table-box td {     display: block;   } } @media screen and (max-width: 855px) {   #company .history {     margin-bottom: 40px;   } } @media screen and (max-width: 855px) {   #company .history .inner02 {     max-width: 610px;   } } @media screen and (max-width: 750px) {   #company .history .inner02 {     max-width: 400px;     padding-right: 10px;     padding-left: 30px;   } } #company .history-box .flex {   justify-content: flex-start;   align-items: baseline;   position: relative;   border-bottom: 1px dashed #707070;   padding-bottom: 15px;   margin-bottom: 15px; } @media screen and (max-width: 750px) {   #company .history-box .flex {     flex-direction: row;   } } #company .history-box .flex::after {   content: "";   position: absolute;   background-color: #0D7F00;   width: 1px;   height: 90px;   left: -55px;   top: 20px; } @media screen and (max-width: 750px) {   #company .history-box .flex::after {     height: 110px;     left: -15px;   } } #company .history-box .flex::before {   position: absolute;   content: "";   background-color: #0D7F00;   width: 12px;   height: 12px;   left: -60px;   top: 10px; } @media screen and (max-width: 750px) {   #company .history-box .flex::before {     left: -20px;   } } #company .history-box .flex:nth-last-of-type(2)::after {   height: 50px; } #company .history-box .flex:last-of-type::after {   height: 0px; } #company .history-box .flex p {   font-weight: 600; } @media screen and (max-width: 750px) {   #company .history-box .flex p {     font-size: 12px;   } } #company .history-box .flex p:first-of-type {   width: 150px; } @media screen and (max-width: 750px) {   #company .history-box .flex p:first-of-type {     width: 24%;   } } @media screen and (max-width: 750px) {   #company .history-box .flex p:last-of-type {     width: 75%;   } }  /* ========================================================================== About ========================================================================== */ #domain .mv {   background-image: url(./../img/domain/mv.jpg); } #domain .section .ttl-head {   padding: 30px 0; } #domain .section .ttl-head .ttl-jp {   font-size: 4.2rem;   letter-spacing: 0; } @media screen and (max-width: 750px) {   #domain .section .ttl-head .ttl-jp {     line-height: 1.2;   } } @media screen and (max-width: 750px) {   #domain .master .ttl-head .ttl-jp {     text-align: left;   } } @media screen and (max-width: 750px) {   #domain .master .ttl-head .ttl-jp span {     font-size: 26px;   } } @media screen and (max-width: 750px) {   #domain .master .ttl-jp {     font-size: 45px;   } } #domain .master-box {   justify-content: center;   border: 1px solid #707070;   padding: 15px 0;   margin: 30px 0; } @media screen and (max-width: 750px) {   #domain .master-box {     border: none;   } } #domain .master-box_img {   width: 200px;   height: 200px; } #domain .master-box_txt {   margin-left: 30px; } @media screen and (max-width: 750px) {   #domain .master-box_txt {     margin-left: 0px;     margin-top: 20px;   } } #domain .master .grid_box {   gap: 30px; } #domain .master-person {   padding: 15px 10%;   border: 1px solid #707070;   border-radius: 20px; } #domain .master-person img {   margin: 30px 0; } @media screen and (max-width: 750px) {   #domain .master-person p:first-of-type {     line-height: 1.4;   } } #domain .master-person p:last-of-type {   line-height: 1.2;   letter-spacing: 0; } @media screen and (max-width: 750px) {   #domain .super .ttl-head .ttl-jp {     text-align: left;     letter-spacing: 0;     font-size: 34px;   } } #domain .super .txt-20 {   margin: 30px 0;   letter-spacing: 0.05em; } #domain .super .grid_box {   grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 750px) {   #domain .super .grid_box {     grid-template-columns: repeat(2, 1fr);     gap: 10px;   } } #domain .super .absolute {   text-align: right;   left: 0;   border: 1px solid #707070;   border-left: none;   width: 33%;   padding: 10px 0;   margin-top: 8%; } @media screen and (max-width: 750px) {   #domain .super .absolute {     width: 60%;     position: initial;   } } @media screen and (max-width: 380px) {   #domain .super .absolute {     width: 64%;   } } #domain .super .absolute .inner {   display: inline-block;   width: auto;   text-align: left; } #domain .super .absolute .txt-34 {   text-align: left; } #domain .skill .ttl-jp {   font-size: 38px; } @media screen and (max-width: 750px) {   #domain .skill .table-box th:first-child, #domain .skill .table-box td:first-child {     display: none;   } } @media screen and (max-width: 750px) {   #domain .skill .table-box th, #domain .skill .table-box td {     padding: 20px;   } } @media screen and (max-width: 750px) {   #domain .license .ttl-jp {     font-size: 50px;   } } @media screen and (max-width: 750px) {   #domain .license .table-box th, #domain .license .table-box td {     font-size: 11px;   } }  /* ========================================================================== Works ========================================================================== */ #works .mv {   background-image: url(./../img/domain/mv.jpg); } #works .year {   border-bottom: 1px solid #0D7F00;   border-left: 10px solid #0D7F00;   padding-left: 20px;   margin-bottom: 20px; } @media screen and (max-width: 750px) {   #works .year {     padding-left: 10px;   } } #works .year .txt-30 {   text-align: left; }  /* ========================================================================== Recruit ========================================================================== */ #recruit .mv {   background-image: url(./../img/recruit/mv.jpg); } #recruit .section .ttl-head {   padding: 30px 0; } #recruit .section .ttl-head .ttl-jp {   font-size: 4.2rem;   letter-spacing: 0; } @media screen and (max-width: 750px) {   #recruit .section .ttl-head .ttl-jp {     line-height: 1.2;   } } #recruit .head-content_txt {   margin-left: -5%; } #recruit .requirement-mov iframe {   height: 400px; } @media screen and (max-width: 750px) {   #recruit .requirement-mov iframe {     height: 200px;   } } #recruit .requirement .ttl-jp {   font-size: 5rem;   margin: 50px 0 20px; } @media screen and (max-width: 750px) {   #recruit .requirement .ttl-jp {     font-size: 30px;   } } @media screen and (max-width: 750px) {   #recruit .requirement .ttl .txt-15 {     text-align: left;   } } #recruit .requirement-box .txt-30 {   margin: 30px 0; } #recruit .requirement-box .flex {   justify-content: flex-start;   border-bottom: 1px dashed #707070;   padding-bottom: 30px;   margin-bottom: 30px; } @media screen and (max-width: 750px) {   #recruit .requirement-box .flex {     flex-direction: row;     padding-bottom: 20px;     margin-bottom: 20px;   } } #recruit .requirement-box .flex p:nth-of-type(1) {   width: 170px; } @media screen and (max-width: 750px) {   #recruit .requirement-box .flex p:nth-of-type(1) {     width: 100px;   } } #recruit .requirement-box .flex p:nth-of-type(2) {   width: 440px; } @media screen and (max-width: 750px) {   #recruit .requirement-box .flex p:nth-of-type(2) {     width: 250px;   } } @media screen and (max-width: 750px) {   #recruit .recruit .ttl-jp {     font-size: 50px;   } } #recruit .recruit-box_txt {   padding: 50px 0; } #recruit .recruit .banner-box_tel {   background-color: transparent;   width: 100%;   padding: 6px 0; }  /* ========================================================================== Contact ========================================================================== */ #contact .mv {   background-image: url(./../img/contact/mv.jpg); } #contact .contact-ttl {   background-color: #F3F3F3;   padding: 15px 30px; } #contact .contact-ttl p {   border-left: 10px solid #0D7F00;   padding-left: 20px;   text-align: left; } #contact .contact table {   width: 100%; } #contact .contact table .label-required, #contact .contact table .label-optional {   display: inline-block;   font-size: 12px;   padding: 2px 6px;   border-radius: 3px;   margin-left: 18px; } #contact .contact table .label-required {   background-color: #ec4b4b;   color: #fff; } #contact .contact table .label-optional {   background-color: #999;   color: #fff; } #contact .contact table input, #contact .contact table textarea {   border: 1px solid #707070;   background-color: #F3F3F3;   padding: 5px 0; } #contact .contact table .required {   font-size: 14px; } #contact .contact table tr {   display: flex;   align-items: center;   border-bottom: 1px dashed #707070; } @media screen and (max-width: 750px) {   #contact .contact table tr {     flex-direction: column;   } } @media screen and (max-width: 750px) {   #contact .contact table tr th, #contact .contact table tr td {     width: 100%;   } } @media screen and (max-width: 750px) {   #contact .contact table tr th {     padding-bottom: 0;     padding-left: 0 !important;   } } #contact .contact table th {   width: 220px;   padding-left: 20px !important; } @media screen and (max-width: 750px) {   #contact .contact table th {     width: 130px;   } } #contact .contact table td {   width: 60%; } #contact .contact table td input {   width: 230px; } #contact .contact table td textarea {   height: 150px;   width: 380px; } @media screen and (max-width: 750px) {   #contact .contact table td textarea {     width: 100%;   } } #contact .contact table td input, #contact .contact table td textarea {   padding: 4px 10px;   width: 100%; } @media screen and (max-width: 750px) {   #contact .contact table td input, #contact .contact table td textarea {     padding: 7px 10px;   } } #contact .contact table th, #contact .contact table td {   padding: 30px 0; } @media screen and (max-width: 750px) {   #contact .contact table th, #contact .contact table td {     padding: 20px 0;   } } #contact .contact .agree {   display: flex;   justify-content: center;   margin: 20px 0; } @media screen and (max-width: 750px) {   #contact .contact .agree {     flex-direction: row;   } } #contact .contact .agree input {   appearance: auto;   margin-right: 20px; } #contact .contact .submit-btn {   /* buttonタグのリセットCSS */   background-color: transparent;   border: none;   cursor: pointer;   outline: none;   appearance: none;   color: #000;   font-weight: 400;   padding: 8px 24px;   cursor: pointer; /* ポインターカーソルを表示 */   width: 190px;   margin: 0 auto;   padding: 15px 0;   border: 1px solid #707070; } #contact .contact .submit-btn[disabled] {   cursor: not-allowed; /* クリック不可のカーソルを表示 */ } #contact .privacy .list-dot li {   position: relative;   line-height: 2em;   margin-left: 15px;   margin-bottom: 10px;   font-size: 14px; } #contact .privacy .list-dot li::after {   display: block;   content: "";   position: absolute;   top: 0.8em;   left: -1em;   width: 6px;   height: 6px;   background-color: #4cbfc3;   border-radius: 100%; }  /* ==========================================================================  Object ========================================================================== */ /* -----------------------------------------------------------------  Component ----------------------------------------------------------------- */ /* ========================================================================== button ========================================================================== */ .btn-main {   display: flex;   background-color: #9a1804;   padding: 18px;   color: #fff;   font-size: 1.7rem;   letter-spacing: 0.305em;   justify-content: center;   align-items: center; } @media screen and (max-width: 768px) {   .btn-main {     font-size: 1.4rem;     letter-spacing: 0.16em;     padding: 10px;     min-height: 52px;   } } .btn-tel {   display: block;   background-color: #fff;   padding: 15px;   color: #9a1804;   border: solid 1px #9a1804;   font-size: 1.7rem;   letter-spacing: 0.305em;   text-align: center; } @media screen and (max-width: 768px) {   .btn-tel {     font-size: 1.5rem;     letter-spacing: 0.2em;   } }  .btn-wave {   border: 1px solid #9a1804;   background-color: #9a1804;   color: #fff;   box-sizing: border-box;   display: block;   box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);   position: relative;   transition: color 0.25s ease;   z-index: 0; }  .btn-wave-2 {   display: flex; }  .btn-wave:hover {   opacity: 1;   color: #9a1804; } @media screen and (max-width: 768px) {   .btn-wave:hover {     color: #fff;   } }  .btn-wave:hover::before {   transform: scaleX(1);   transform-origin: left;   z-index: -1; }  .btn-wave::before {   position: absolute;   top: 0;   left: 0;   content: "";   display: block;   width: 100%;   height: 100%;   background: #fff;   color: #9a1804;   transform: scaleX(0);   transform-origin: right;   transition: all 0.25s ease;   transition-property: transform; } @media screen and (max-width: 768px) {   .btn-wave::before {     content: none;   } }  /* ==========================================================================  keyframe ========================================================================== */ .el_scroll {   font-size: 1.2rem;   font-weight: 400;   letter-spacing: 0.1em;   color: #f4efe6; }  @keyframes scroll {   0% {     transform: scale(1, 0);     transform-origin: 0 0;   }   35% {     transform: scale(1, 1);     transform-origin: 0 0;   }   35.1% {     transform: scale(1, 1);     transform-origin: 0 100%;   }   100%, 70% {     transform: scale(1, 0);     transform-origin: 0 100%;   } } .el_scroll::after {   position: absolute;   bottom: -85px;   left: 50%;   width: 1px;   height: 80px;   background-color: #f4efe6;   content: "";   animation: 1.5s scroll linear infinite; }  @media screen and (max-width: 767px) {   .el_scroll {     font-size: 9px;   }   .el_scroll::after {     bottom: -43px;     height: 40px;   } } /* -----------------------------------------------------------------  Project ----------------------------------------------------------------- */ /* ========================================================================== keyframe ========================================================================== */ /*==================================================================== 途中から画面下で固定 ====================================================================*/ .follow-contact {   display: none;   -webkit-transition: 1s all;   transition: 1s all;   position: fixed;   top: auto !important;   bottom: 0;   background-color: #000; }  .follow-contact p {   font-weight: 600; }  .follow-contact figure {   width: 20px;   margin-bottom: 10px; }  @media screen and (max-width: 768px) {   .is-fixed {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-transition: 1s all;     transition: 1s all;     position: fixed;     bottom: 0;     z-index: 1000;     width: 100%;   } } /* スクロールフェードイン */ .js_scrollFadeIn {   opacity: 0; } .js_scrollFadeIn.is_scrollFadeIn {   opacity: 1;   transition: all 1s ease-out; }  /* 要素を順番に遅延フェードイン */ .js_delayFadeIn > * {   opacity: 0;   transform: translate(0, 50px); } .js_delayFadeIn .is_delayFadeIn {   opacity: 1;   transition: all 1s ease-out;   transform: translate(0, 0); }  /*==================================================================== slick (スライダー) ====================================================================*/ @media screen and (max-width: 768px) {   .slider,   .slider2 {     width: 100%;   } } .slider img {   height: auto;   width: 100%; }  /*slick setting*/ .slick-prev:before {   content: "";   display: inline-block;   top: 0;   left: 0;   position: absolute;   width: 30px;   /*幅*/   height: 44px;   background-image: url(../img/top/_Bhidari@2x.png);   background-size: contain;   background-repeat: no-repeat;   /*画像を繰り返さない*/   background-position: center center;   pointer-events: none; }  .slick-next:before {   content: "";   display: inline-block;   top: 0;   left: 0;   position: absolute;   width: 30px;   /*幅*/   height: 44px;   background-size: contain;   background-repeat: no-repeat;   /*画像を繰り返さない*/   background-position: center center;   pointer-events: none; }  .slick-initialized .slick-slide {   display: -webkit-box !important;   display: -ms-flexbox !important;   display: flex !important;   padding: 0; }  .slick-list {   margin: -92px auto 0; }  .slick-prev, .slick-next {   width: 50px !important;   height: 50px !important; }  .slick-prev {   left: -75px; }  @media screen and (max-width: 768px) {   .slick-prev {     left: -30px;   } } .slick-next {   right: -75px; }  @media screen and (max-width: 768px) {   .slick-next {     right: -30px;   } } .slider-3 > .slick-prev {   top: 0; }  .slider-3 > .slick-next {   top: 0; }  /*==================================================================== modal (手動ポップアップ) ====================================================================*/ .modal {   display: none;   position: fixed;   top: 0;   left: 0;   z-index: 20; }  .modal__cont {   position: fixed;   top: 55%;   left: 50%;   transform: translate(-50%, -50%);   width: 95%;   height: 80%;   padding: 20px;   max-width: 1000px;   box-sizing: border-box;   background: #fff;   z-index: 10; }  .modal__cont-inner {   padding: 50px 55px 39px;   position: relative;   width: 100%;   height: 100%;   overflow-y: scroll;   overflow-x: hidden;   box-sizing: border-box; } @media screen and (max-width: 768px) {   .modal__cont-inner {     padding: 30px 10px 30px;   } }  .close-btn {   position: fixed;   top: 10px;   right: 20px;   color: #9a1804;   font-size: 25px;   font-weight: bold;   z-index: 99; }  .overlay {   display: none;   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background-color: rgba(0, 0, 0, 0.7);   z-index: 8;   cursor: pointer; }  .wrap {   padding: 0; }  @keyframes zoomOut {   0% {     transform: scale(1.15);     opacity: 0;   }   20% {     opacity: 1;   }   100% {     transform: scale(1);   } } .swiper-slide-active .slide-img, .swiper-slide-duplicate-active .slide-img, .swiper-slide-prev .slide-img {   animation: zoomOut 10s linear 0s 1 normal both; }  .slide-img img {   display: block; }  @media screen and (max-width: 768px) {   .mv-slide-img {     max-height: 645px;   } }  .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev {   background-image: none;   background-color: #d4ad37;   width: 50px;   height: 50px;   display: flex;   justify-content: center;   align-items: center;   color: #9a1804;   border-radius: 50px;   top: 40%; } @media screen and (max-width: 768px) {   .swiper-button-prev,   .swiper-container-rtl .swiper-button-next,   .swiper-button-next,   .swiper-container-rtl .swiper-button-prev {     width: 30px;     height: 30px;     font-size: 1rem;     top: 150%;   } }  .swiper-button-prev {   left: inherit;   right: 7%; } @media screen and (max-width: 768px) {   .swiper-button-prev {     right: 12%;   } }  .bl_card_meta {   justify-content: unset;   display: flex; }  .swiper-pagination-bullets {   position: static;   margin-top: 16px;   background: inherit !important;   opacity: 1 !important; }  .shop-swiper-pagination-pc.swiper-pagination-bullets {   margin-bottom: -30px; }  @media screen and (max-width: 768px) {   .shop-swiper-pagination-pc.swiper-pagination-bullets {     margin-bottom: 0;   } } .swiper-pagination-bullet {   background: inherit !important;   border: solid 1px #d4ad37 !important;   opacity: 1 !important;   width: 12px !important;   height: 12px !important;   margin: 0 7px !important; }  @media screen and (max-width: 768px) {   .swiper-pagination-bullet {     width: 10px !important;     height: 10px !important;     margin: 0 4px !important;   } } .swiper-pagination-bullet-active, .space-swiper-pagination-bullet {   width: 12px !important;   height: 12px !important;   background: #d4ad37 !important;   margin: 0 7px !important; }  @media screen and (max-width: 768px) {   .swiper-pagination-bullet-active,   .space-swiper-pagination-bullet {     width: 10px !important;     height: 10px !important;     margin: 0 4px !important;   } } .swiper-pagination-bullet:last-of-type {   margin-right: 0 !important; }  .space-swiper-pagination.swiper-pagination-bullets {   text-align: end; }  .space-swiper-pagination-bullet:first-child {   margin: 0 !important; }  /* サムネイルを押すとメインと差し替える */ .photo_container {   position: relative; }  .thumbnail figure:last-child {   margin-right: 0; }  .thumbnail figure img {   width: 100%;   opacity: 1;   filter: alpha(opacity=50); }  .thumbnail figure.current img {   opacity: 0.8;   filter: alpha(opacity=100); }  .main_photo {   position: relative; }  .main_photo img {   position: absolute;   top: 0;   width: 100%; }  .sub_photo {   position: relative;   display: flex;   justify-content: flex-start;   bottom: 0; }  .p-ttlbox {   position: relative; } .p-ttlbox::before {   content: "";   position: absolute;   background-size: cover;   background-repeat: no-repeat;   background-position: center;   display: block;   z-index: -1; }  .p-ttl {   font-size: 2.4rem;   font-weight: lighter;   letter-spacing: 0.26em;   line-height: 2.083;   font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; } @media screen and (max-width: 768px) {   .p-ttl {     font-size: 1.6rem;     line-height: 1.875;   } }  /* -----------------------------------------------------------------  Utility ----------------------------------------------------------------- */ /* ==========================================================================  vertical-align ========================================================================== */ .u-va-t {   vertical-align: top !important; }  .u-va-m {   vertical-align: middle !important; }  .u-va-b {   vertical-align: bottom !important; }  .u-va-bl {   vertical-align: baseline !important; }  /* ========================================================================== border ========================================================================== */ .u-br-4 {   border-radius: 4px; }  .u-br-8 {   border-radius: 8px; }  .u-br-12 {   border-radius: 12px; }  .u-br-16 {   border-radius: 16px; }  /* border-none */ .u-br-0 {   border: none; }  .u-br-t-0 {   border-top: none; }  .u-br-r-0 {   border-right: none; }  .u-br-b-0 {   border-bottom: none; }  .u-br-l-0 {   border-left: none; }  /* ========================================================================== box-shadow ========================================================================== */ .u-bs-1 {   box-shadow: -1px -1px 10px 2px rgba(0, 0, 0, 0.1); }  /* ==========================================================================  clearfix ========================================================================== */ .u-cf {   min-height: 1%; } .u-cf:after {   clear: both;   content: ".";   height: 0;   visibility: hidden; }  /* ==========================================================================  display ========================================================================== */ .u-d-tb {   display: table !important; }  .u-d-tbc {   display: table-cell !important; }  .u-d-b {   display: block !important; }  .u-d-ib {   display: inline-block !important; }  .u-d-i {   display: inline !important; }  .u-d-i-sp {   display: none !important; }  .u-d-n {   display: none !important; }  .u-d-f {   display: flex !important; }  .u-d-f-sp {   display: none !important; }  .u-d-f-pc-n {   display: flex !important; }  .pc {   display: block !important; }  .sp {   display: none !important; }  @media screen and (max-width: 767px) {   .u-d-tb-sp {     display: table !important;   }   .u-d-tbc-sp {     display: table-cell !important;   }   .u-d-b-sp {     display: block !important;   }   .u-d-ib-sp {     display: inline-block !important;   }   .u-d-i-sp {     display: inline !important;   }   .u-d-n-sp {     display: none !important;   }   .u-d-f-sp {     display: flex !important;   }   .u-d-f-pc-n {     display: none !important;   }   .pc {     display: none !important;   }   .sp {     display: block !important;   } } /* ==========================================================================  flex ========================================================================== */ /* flex-wrap */ .u-fp-w {   flex-wrap: wrap; }  .u-fp-n {   flex-wrap: wrap; }  /* flex-direction */ .u-fd-c {   flex-direction: column; }  .u-fd-cr {   flex-direction: column-reverse; }  .u-fd-r {   flex-direction: row; }  .u-fd-rr {   flex-direction: row-reverse; }  /* align-items */ .u-ai-fs {   align-items: flex-start; }  .u-ai-c {   align-items: center; }  .u-ai-fe {   align-items: flex-end; }  /* justify-content */ .u-jc-l {   justify-content: left; }  .u-jc-c {   justify-content: center; }  .u-jc-r {   justify-content: right; }  .u-jc-fs {   justify-content: flex-start; }  .u-jc-fe {   justify-content: flex-end; }  .u-jc-sa {   justify-content: space-around; }  .u-jc-sb {   justify-content: space-between; }  .u-jc-se {   justify-content: space-evenly; }  @media screen and (max-width: 767px) {   /* flex-wrap */   .u-fp-w-sp {     flex-wrap: wrap;   }   .u-fp-n-sp {     flex-wrap: wrap;   }   /* flex-direction */   .u-fd-c-sp {     flex-direction: column;   }   .u-fd-cr-sp {     flex-direction: column-reverse;   }   .u-fd-r-sp {     flex-direction: row;   }   .u-fd-rr-sp {     flex-direction: row-reverse;   }   /* align-items */   .u-ai-fs-sp {     align-items: flex-start;   }   .u-ai-c-sp {     align-items: center;   }   .u-ai-fe-sp {     align-items: flex-end;   }   /* justify-content */   .u-jc-l-sp {     justify-content: left;   }   .u-jc-c-sp {     justify-content: center;   }   .u-jc-r-sp {     justify-content: right;   }   .u-jc-fs-sp {     justify-content: flex-start;   }   .u-jc-fe-sp {     justify-content: flex-end;   }   .u-jc-sa-sp {     justify-content: space-around;   }   .u-jc-sb-sp {     justify-content: space-between;   }   .u-jc-se-sp {     justify-content: space-evenly;   } } /* ==========================================================================  float ========================================================================== */ .u-fl-l {   float: left !important; }  .u-fl-r {   float: right !important; }  .u-fl-n {   float: none !important; }  @media screen and (max-width: 767px) {   .u-fl-l-sp {     float: left !important;   }   .u-fl-r-sp {     float: right !important;   }   .u-fl-n-sp {     float: none !important;   } } /* ==========================================================================  font-size ========================================================================== */ .u-fz-10 {   font-size: 1rem !important; }  .u-fz-11 {   font-size: 1.1rem !important; }  .u-fz-12 {   font-size: 1.2rem !important; }  .u-fz-13 {   font-size: 1.3rem !important; }  .u-fz-14 {   font-size: 1.4rem !important; }  .u-fz-15 {   font-size: 1.5rem !important; }  .u-fz-16 {   font-size: 1.6rem !important; }  .u-fz-17 {   font-size: 1.7rem !important; }  .u-fz-18 {   font-size: 1.8rem !important; }  .u-fz-19 {   font-size: 1.9rem !important; }  .u-fz-20 {   font-size: 2rem !important; }  .u-fz-21 {   font-size: 2.1rem !important; }  .u-fz-22 {   font-size: 2.2rem !important; }  .u-fz-23 {   font-size: 2.3rem !important; }  .u-fz-24 {   font-size: 2.4rem !important; }  .u-fz-25 {   font-size: 2.5rem !important; }  .u-fz-26 {   font-size: 2.6rem !important; }  .u-fz-27 {   font-size: 2.7rem !important; }  .u-fz-28 {   font-size: 2.8rem !important; }  .u-fz-29 {   font-size: 2.9rem !important; }  .u-fz-30 {   font-size: 3rem !important; }  .u-fz-31 {   font-size: 3.1rem !important; }  .u-fz-32 {   font-size: 3.2rem !important; }  .u-fz-33 {   font-size: 3.3rem !important; }  @media screen and (max-width: 767px) {   .u-fz-sp-10 {     font-size: 1rem !important;   }   .u-fz-sp-11 {     font-size: 1.1rem !important;   }   .u-fz-sp-12 {     font-size: 1.2rem !important;   }   .u-fz-sp-13 {     font-size: 1.3rem !important;   }   .u-fz-sp-14 {     font-size: 1.4rem !important;   }   .u-fz-sp-15 {     font-size: 1.5rem !important;   }   .u-fz-sp-16 {     font-size: 1.6rem !important;   }   .u-fz-sp-17 {     font-size: 1.7rem !important;   }   .u-fz-sp-18 {     font-size: 1.8rem !important;   }   .u-fz-sp-19 {     font-size: 1.9rem !important;   }   .u-fz-sp-20 {     font-size: 2rem !important;   }   .u-fz-sp-21 {     font-size: 2.1rem !important;   }   .u-fz-sp-22 {     font-size: 2.2rem !important;   }   .u-fz-sp-23 {     font-size: 2.3rem !important;   }   .u-fz-sp-24 {     font-size: 2.4rem !important;   }   .u-fz-sp-25 {     font-size: 2.5rem !important;   }   .u-fz-sp-26 {     font-size: 2.6rem !important;   }   .u-fz-sp-27 {     font-size: 2.7rem !important;   }   .u-fz-sp-28 {     font-size: 2.8rem !important;   }   .u-fz-sp-29 {     font-size: 2.9rem !important;   }   .u-fz-sp-30 {     font-size: 3rem !important;   }   .u-fz-sp-31 {     font-size: 3.1rem !important;   }   .u-fz-sp-32 {     font-size: 3.2rem !important;   }   .u-fz-sp-33 {     font-size: 3.3rem !important;   } } /* ==========================================================================  font-weight ========================================================================== */ .u-fw-thin {   font-weight: var(--fw-thin) !important; }  .u-fw-light {   font-weight: var(--fw-light) !important; }  .u-fw-regular {   font-weight: var(--fw-regular) !important; }  .u-fw-medium {   font-weight: var(--fw-medium) !important; }  .u-fw-bold {   font-weight: var(--fw-bold) !important; }  .u-fw-black {   font-weight: var(--fw-black) !important; }  /* ==========================================================================  color ========================================================================== */ .u-clr-white {   color: #fff !important; }  .u-clr-black {   color: #000 !important; }  .u-clr-inherit {   color: inherit !important; }  .color-main {   color: #e2c2b9; }  .color-white {   color: #fff; }  .color-black {   color: #000; }  .color-gray {   color: #f5f5f5; }  .color-gray2 {   color: #9a9a9a; }  /* ==========================================================================  margin ========================================================================== */ .u-m-c {   margin-right: auto !important;   margin-left: auto !important; }  .u-m-r {   margin: 0 auto 0 0 !important; }  .u-m-l {   margin: 0 0 0 auto !important; }  .u-m-0 {   margin: 0 !important; }  @media screen and (max-width: 767px) {   .u-m-c-sp {     margin-right: auto !important;     margin-left: auto !important;   }   .u-m-r-sp {     margin: 0 auto 0 0 !important;   }   .u-m-l-sp {     margin: 0 0 0 auto !important;   }   .u-m-0-sp {     margin: 0 0 0 auto !important;   } } /* Top margin */ .u-mt-0 {   margin-top: 0px !important; }  .u-mt-5 {   margin-top: 5px !important; }  .u-mt-10 {   margin-top: 10px !important; }  .u-mt-15 {   margin-top: 15px !important; }  .u-mt-20 {   margin-top: 20px !important; }  .u-mt-25 {   margin-top: 25px !important; }  .u-mt-30 {   margin-top: 30px !important; }  .u-mt-35 {   margin-top: 35px !important; }  .u-mt-40 {   margin-top: 40px !important; }  .u-mt-45 {   margin-top: 45px !important; }  .u-mt-50 {   margin-top: 50px !important; }  .u-mt-55 {   margin-top: 55px !important; }  .u-mt-60 {   margin-top: 60px !important; }  .u-mt-65 {   margin-top: 65px !important; }  .u-mt-70 {   margin-top: 70px !important; }  .u-mt-75 {   margin-top: 75px !important; }  .u-mt-80 {   margin-top: 80px !important; }  .u-mt-85 {   margin-top: 85px !important; }  .u-mt-90 {   margin-top: 90px !important; }  .u-mt-95 {   margin-top: 95px !important; }  .u-mt-100 {   margin-top: 100px !important; }  .u-mt-105 {   margin-top: 105px !important; }  .u-mt-110 {   margin-top: 110px !important; }  .u-mt-115 {   margin-top: 115px !important; }  .u-mt-120 {   margin-top: 120px !important; }  /* Right margin */ .u-mr-0 {   margin-right: 0px !important; }  .u-mr-5 {   margin-right: 5px !important; }  .u-mr-10 {   margin-right: 10px !important; }  .u-mr-15 {   margin-right: 15px !important; }  .u-mr-20 {   margin-right: 20px !important; }  .u-mr-25 {   margin-right: 25px !important; }  .u-mr-30 {   margin-right: 30px !important; }  .u-mr-35 {   margin-right: 35px !important; }  .u-mr-40 {   margin-right: 40px !important; }  .u-mr-45 {   margin-right: 45px !important; }  .u-mr-50 {   margin-right: 50px !important; }  .u-mr-55 {   margin-right: 55px !important; }  .u-mr-60 {   margin-right: 60px !important; }  .u-mr-65 {   margin-right: 65px !important; }  .u-mr-70 {   margin-right: 70px !important; }  .u-mr-75 {   margin-right: 75px !important; }  .u-mr-80 {   margin-right: 80px !important; }  .u-mr-85 {   margin-right: 85px !important; }  .u-mr-90 {   margin-right: 90px !important; }  .u-mr-95 {   margin-right: 95px !important; }  .u-mr-100 {   margin-right: 100px !important; }  .u-mr-105 {   margin-right: 105px !important; }  .u-mr-110 {   margin-right: 110px !important; }  .u-mr-115 {   margin-right: 115px !important; }  .u-mr-120 {   margin-right: 120px !important; }  /* Bottom margin */ .u-mb-0 {   margin-bottom: 0px !important; }  .u-mb-5 {   margin-bottom: 5px !important; }  .u-mb-10 {   margin-bottom: 10px !important; }  .u-mb-15 {   margin-bottom: 15px !important; }  .u-mb-20 {   margin-bottom: 20px !important; }  .u-mb-25 {   margin-bottom: 25px !important; }  .u-mb-30 {   margin-bottom: 30px !important; }  .u-mb-35 {   margin-bottom: 35px !important; }  .u-mb-40 {   margin-bottom: 40px !important; }  .u-mb-45 {   margin-bottom: 45px !important; }  .u-mb-50 {   margin-bottom: 50px !important; }  .u-mb-55 {   margin-bottom: 55px !important; }  .u-mb-60 {   margin-bottom: 60px !important; }  .u-mb-65 {   margin-bottom: 65px !important; }  .u-mb-70 {   margin-bottom: 70px !important; }  .u-mb-75 {   margin-bottom: 75px !important; }  .u-mb-80 {   margin-bottom: 80px !important; }  .u-mb-85 {   margin-bottom: 85px !important; }  .u-mb-90 {   margin-bottom: 90px !important; }  .u-mb-95 {   margin-bottom: 95px !important; }  .u-mb-100 {   margin-bottom: 100px !important; }  .u-mb-105 {   margin-bottom: 105px !important; }  .u-mb-110 {   margin-bottom: 110px !important; }  .u-mb-115 {   margin-bottom: 115px !important; }  .u-mb-120 {   margin-bottom: 120px !important; }  /* Left margin */ .u-ml-0 {   margin-left: 0px !important; }  .u-ml-5 {   margin-left: 5px !important; }  .u-ml-10 {   margin-left: 10px !important; }  .u-ml-15 {   margin-left: 15px !important; }  .u-ml-20 {   margin-left: 20px !important; }  .u-ml-25 {   margin-left: 25px !important; }  .u-ml-30 {   margin-left: 30px !important; }  .u-ml-35 {   margin-left: 35px !important; }  .u-ml-40 {   margin-left: 40px !important; }  .u-ml-45 {   margin-left: 45px !important; }  .u-ml-50 {   margin-left: 50px !important; }  .u-ml-55 {   margin-left: 55px !important; }  .u-ml-60 {   margin-left: 60px !important; }  .u-ml-65 {   margin-left: 65px !important; }  .u-ml-70 {   margin-left: 70px !important; }  .u-ml-75 {   margin-left: 75px !important; }  .u-ml-80 {   margin-left: 80px !important; }  .u-ml-85 {   margin-left: 85px !important; }  .u-ml-90 {   margin-left: 90px !important; }  .u-ml-95 {   margin-left: 95px !important; }  .u-ml-100 {   margin-left: 100px !important; }  .u-ml-105 {   margin-left: 105px !important; }  .u-ml-110 {   margin-left: 110px !important; }  .u-ml-115 {   margin-left: 115px !important; }  .u-ml-120 {   margin-left: 120px !important; }  @media screen and (max-width: 767px) {   /* Top margin */   .u-mt-sp-0 {     margin-top: 0px !important;   }   .u-mt-sp-5 {     margin-top: 5px !important;   }   .u-mt-sp-10 {     margin-top: 10px !important;   }   .u-mt-sp-15 {     margin-top: 15px !important;   }   .u-mt-sp-20 {     margin-top: 20px !important;   }   .u-mt-sp-25 {     margin-top: 25px !important;   }   .u-mt-sp-30 {     margin-top: 30px !important;   }   .u-mt-sp-35 {     margin-top: 35px !important;   }   .u-mt-sp-40 {     margin-top: 40px !important;   }   .u-mt-sp-45 {     margin-top: 45px !important;   }   .u-mt-sp-50 {     margin-top: 50px !important;   }   .u-mt-sp-55 {     margin-top: 55px !important;   }   .u-mt-sp-60 {     margin-top: 60px !important;   }   .u-mt-sp-65 {     margin-top: 65px !important;   }   .u-mt-sp-70 {     margin-top: 70px !important;   }   .u-mt-sp-75 {     margin-top: 75px !important;   }   .u-mt-sp-80 {     margin-top: 80px !important;   }   .u-mt-sp-85 {     margin-top: 85px !important;   }   .u-mt-sp-90 {     margin-top: 90px !important;   }   .u-mt-sp-95 {     margin-top: 95px !important;   }   .u-mt-sp-100 {     margin-top: 100px !important;   }   .u-mt-sp-105 {     margin-top: 105px !important;   }   .u-mt-sp-110 {     margin-top: 110px !important;   }   .u-mt-sp-115 {     margin-top: 115px !important;   }   .u-mt-sp-120 {     margin-top: 120px !important;   }   /* Right margin */   .u-mr-sp-0 {     margin-right: 0px !important;   }   .u-mr-sp-5 {     margin-right: 5px !important;   }   .u-mr-sp-10 {     margin-right: 10px !important;   }   .u-mr-sp-15 {     margin-right: 15px !important;   }   .u-mr-sp-20 {     margin-right: 20px !important;   }   .u-mr-sp-25 {     margin-right: 25px !important;   }   .u-mr-sp-30 {     margin-right: 30px !important;   }   .u-mr-sp-35 {     margin-right: 35px !important;   }   .u-mr-sp-40 {     margin-right: 40px !important;   }   .u-mr-sp-45 {     margin-right: 45px !important;   }   .u-mr-sp-50 {     margin-right: 50px !important;   }   .u-mr-sp-55 {     margin-right: 55px !important;   }   .u-mr-sp-60 {     margin-right: 60px !important;   }   .u-mr-sp-65 {     margin-right: 65px !important;   }   .u-mr-sp-70 {     margin-right: 70px !important;   }   .u-mr-sp-75 {     margin-right: 75px !important;   }   .u-mr-sp-80 {     margin-right: 80px !important;   }   .u-mr-sp-85 {     margin-right: 85px !important;   }   .u-mr-sp-90 {     margin-right: 90px !important;   }   .u-mr-sp-95 {     margin-right: 95px !important;   }   .u-mr-sp-100 {     margin-right: 100px !important;   }   .u-mr-sp-105 {     margin-right: 105px !important;   }   .u-mr-sp-110 {     margin-right: 110px !important;   }   .u-mr-sp-115 {     margin-right: 115px !important;   }   .u-mr-sp-120 {     margin-right: 120px !important;   }   /* Bottom margin */   .u-mb-sp-0 {     margin-bottom: 0px !important;   }   .u-mb-sp-5 {     margin-bottom: 5px !important;   }   .u-mb-sp-10 {     margin-bottom: 10px !important;   }   .u-mb-sp-15 {     margin-bottom: 15px !important;   }   .u-mb-sp-20 {     margin-bottom: 20px !important;   }   .u-mb-sp-25 {     margin-bottom: 25px !important;   }   .u-mb-sp-30 {     margin-bottom: 30px !important;   }   .u-mb-sp-35 {     margin-bottom: 35px !important;   }   .u-mb-sp-40 {     margin-bottom: 40px !important;   }   .u-mb-sp-45 {     margin-bottom: 45px !important;   }   .u-mb-sp-50 {     margin-bottom: 50px !important;   }   .u-mb-sp-55 {     margin-bottom: 55px !important;   }   .u-mb-sp-60 {     margin-bottom: 60px !important;   }   .u-mb-sp-65 {     margin-bottom: 65px !important;   }   .u-mb-sp-70 {     margin-bottom: 70px !important;   }   .u-mb-sp-75 {     margin-bottom: 75px !important;   }   .u-mb-sp-80 {     margin-bottom: 80px !important;   }   .u-mb-sp-85 {     margin-bottom: 85px !important;   }   .u-mb-sp-90 {     margin-bottom: 90px !important;   }   .u-mb-sp-95 {     margin-bottom: 95px !important;   }   .u-mb-sp-100 {     margin-bottom: 100px !important;   }   .u-mb-sp-105 {     margin-bottom: 105px !important;   }   .u-mb-sp-110 {     margin-bottom: 110px !important;   }   .u-mb-sp-115 {     margin-bottom: 115px !important;   }   .u-mb-sp-120 {     margin-bottom: 120px !important;   }   /* Left margin */   .u-ml-sp-0 {     margin-left: 0px !important;   }   .u-ml-sp-5 {     margin-left: 5px !important;   }   .u-ml-sp-10 {     margin-left: 10px !important;   }   .u-ml-sp-15 {     margin-left: 15px !important;   }   .u-ml-sp-20 {     margin-left: 20px !important;   }   .u-ml-sp-25 {     margin-left: 25px !important;   }   .u-ml-sp-30 {     margin-left: 30px !important;   }   .u-ml-sp-35 {     margin-left: 35px !important;   }   .u-ml-sp-40 {     margin-left: 40px !important;   }   .u-ml-sp-45 {     margin-left: 45px !important;   }   .u-ml-sp-50 {     margin-left: 50px !important;   }   .u-ml-sp-55 {     margin-left: 55px !important;   }   .u-ml-sp-60 {     margin-left: 60px !important;   }   .u-ml-sp-65 {     margin-left: 65px !important;   }   .u-ml-sp-70 {     margin-left: 70px !important;   }   .u-ml-sp-75 {     margin-left: 75px !important;   }   .u-ml-sp-80 {     margin-left: 80px !important;   }   .u-ml-sp-85 {     margin-left: 85px !important;   }   .u-ml-sp-90 {     margin-left: 90px !important;   }   .u-ml-sp-95 {     margin-left: 95px !important;   }   .u-ml-sp-100 {     margin-left: 100px !important;   }   .u-ml-sp-105 {     margin-left: 105px !important;   }   .u-ml-sp-110 {     margin-left: 110px !important;   }   .u-ml-sp-115 {     margin-left: 115px !important;   }   .u-ml-sp-120 {     margin-left: 120px !important;   } } /* em margin */ .u-mb-1em {   margin-bottom: 1em; }  /* negative margin */ .u-mt--80 {   margin-top: -80px; }  /* ==========================================================================  padding ========================================================================== */ /* Top padding */ .u-pt-0 {   padding-top: 0px !important; }  .u-pt-5 {   padding-top: 5px !important; }  .u-pt-10 {   padding-top: 10px !important; }  .u-pt-15 {   padding-top: 15px !important; }  .u-pt-20 {   padding-top: 20px !important; }  .u-pt-25 {   padding-top: 25px !important; }  .u-pt-30 {   padding-top: 30px !important; }  .u-pt-35 {   padding-top: 35px !important; }  .u-pt-40 {   padding-top: 40px !important; }  .u-pt-45 {   padding-top: 45px !important; }  .u-pt-50 {   padding-top: 50px !important; }  .u-pt-55 {   padding-top: 55px !important; }  .u-pt-60 {   padding-top: 60px !important; }  .u-pt-65 {   padding-top: 65px !important; }  .u-pt-70 {   padding-top: 70px !important; }  .u-pt-75 {   padding-top: 75px !important; }  .u-pt-80 {   padding-top: 80px !important; }  .u-pt-85 {   padding-top: 85px !important; }  .u-pt-90 {   padding-top: 90px !important; }  /* Right padding */ .u-pr-0 {   padding-right: 0px !important; }  .u-pr-5 {   padding-right: 5px !important; }  .u-pr-10 {   padding-right: 10px !important; }  .u-pr-15 {   padding-right: 15px !important; }  .u-pr-20 {   padding-right: 20px !important; }  .u-pr-25 {   padding-right: 25px !important; }  .u-pr-30 {   padding-right: 30px !important; }  .u-pr-35 {   padding-right: 35px !important; }  .u-pr-40 {   padding-right: 40px !important; }  .u-pr-45 {   padding-right: 45px !important; }  .u-pr-50 {   padding-right: 50px !important; }  .u-pr-55 {   padding-right: 55px !important; }  .u-pr-60 {   padding-right: 60px !important; }  .u-pr-65 {   padding-right: 65px !important; }  .u-pr-70 {   padding-right: 70px !important; }  .u-pr-75 {   padding-right: 75px !important; }  .u-pr-80 {   padding-right: 80px !important; }  .u-pr-85 {   padding-right: 85px !important; }  .u-pr-90 {   padding-right: 90px !important; }  /* Bottom padding */ .u-pb-0 {   padding-bottom: 0px !important; }  .u-pb-5 {   padding-bottom: 5px !important; }  .u-pb-10 {   padding-bottom: 10px !important; }  .u-pb-15 {   padding-bottom: 15px !important; }  .u-pb-20 {   padding-bottom: 20px !important; }  .u-pb-25 {   padding-bottom: 25px !important; }  .u-pb-30 {   padding-bottom: 30px !important; }  .u-pb-35 {   padding-bottom: 35px !important; }  .u-pb-40 {   padding-bottom: 40px !important; }  .u-pb-45 {   padding-bottom: 45px !important; }  .u-pb-50 {   padding-bottom: 50px !important; }  .u-pb-55 {   padding-bottom: 55px !important; }  .u-pb-60 {   padding-bottom: 60px !important; }  .u-pb-65 {   padding-bottom: 65px !important; }  .u-pb-70 {   padding-bottom: 70px !important; }  .u-pb-75 {   padding-bottom: 75px !important; }  .u-pb-80 {   padding-bottom: 80px !important; }  .u-pb-85 {   padding-bottom: 85px !important; }  .u-pb-90 {   padding-bottom: 90px !important; }  /* Left padding */ .u-pl-0 {   padding-left: 0px !important; }  .u-pl-5 {   padding-left: 5px !important; }  .u-pl-10 {   padding-left: 10px !important; }  .u-pl-15 {   padding-left: 15px !important; }  .u-pl-20 {   padding-left: 20px !important; }  .u-pl-25 {   padding-left: 25px !important; }  .u-pl-30 {   padding-left: 30px !important; }  .u-pl-35 {   padding-left: 35px !important; }  .u-pl-40 {   padding-left: 40px !important; }  .u-pl-45 {   padding-left: 45px !important; }  .u-pl-50 {   padding-left: 50px !important; }  .u-pl-55 {   padding-left: 55px !important; }  .u-pl-60 {   padding-left: 60px !important; }  .u-pl-65 {   padding-left: 65px !important; }  .u-pl-70 {   padding-left: 70px !important; }  .u-pl-75 {   padding-left: 75px !important; }  .u-pl-80 {   padding-left: 80px !important; }  .u-pl-85 {   padding-left: 85px !important; }  .u-pl-90 {   padding-left: 90px !important; }  @media screen and (max-width: 767px) {   /* Top padding */   .u-pt-sp-0 {     padding-top: 0px !important;   }   .u-pt-sp-5 {     padding-top: 5px !important;   }   .u-pt-sp-10 {     padding-top: 10px !important;   }   .u-pt-sp-15 {     padding-top: 15px !important;   }   .u-pt-sp-20 {     padding-top: 20px !important;   }   .u-pt-sp-25 {     padding-top: 25px !important;   }   .u-pt-sp-30 {     padding-top: 30px !important;   }   .u-pt-sp-35 {     padding-top: 35px !important;   }   .u-pt-sp-40 {     padding-top: 40px !important;   }   .u-pt-sp-45 {     padding-top: 45px !important;   }   .u-pt-sp-50 {     padding-top: 50px !important;   }   .u-pt-sp-55 {     padding-top: 55px !important;   }   .u-pt-sp-60 {     padding-top: 60px !important;   }   .u-pt-sp-65 {     padding-top: 65px !important;   }   .u-pt-sp-70 {     padding-top: 70px !important;   }   .u-pt-sp-75 {     padding-top: 75px !important;   }   .u-pt-sp-80 {     padding-top: 80px !important;   }   .u-pt-sp-85 {     padding-top: 85px !important;   }   .u-pt-sp-90 {     padding-top: 90px !important;   }   /* Right padding */   .u-pr-sp-0 {     padding-right: 0px !important;   }   .u-pr-sp-5 {     padding-right: 5px !important;   }   .u-pr-sp-10 {     padding-right: 10px !important;   }   .u-pr-sp-15 {     padding-right: 15px !important;   }   .u-pr-sp-20 {     padding-right: 20px !important;   }   .u-pr-sp-25 {     padding-right: 25px !important;   }   .u-pr-sp-30 {     padding-right: 30px !important;   }   .u-pr-sp-35 {     padding-right: 35px !important;   }   .u-pr-sp-40 {     padding-right: 40px !important;   }   .u-pr-sp-45 {     padding-right: 45px !important;   }   .u-pr-sp-50 {     padding-right: 50px !important;   }   .u-pr-sp-55 {     padding-right: 55px !important;   }   .u-pr-sp-60 {     padding-right: 60px !important;   }   .u-pr-sp-65 {     padding-right: 65px !important;   }   .u-pr-sp-70 {     padding-right: 70px !important;   }   .u-pr-sp-75 {     padding-right: 75px !important;   }   .u-pr-sp-80 {     padding-right: 80px !important;   }   .u-pr-sp-85 {     padding-right: 85px !important;   }   .u-pr-sp-90 {     padding-right: 90px !important;   }   /* Bottom padding */   .u-pb-sp-0 {     padding-bottom: 0px !important;   }   .u-pb-sp-5 {     padding-bottom: 5px !important;   }   .u-pb-sp-10 {     padding-bottom: 10px !important;   }   .u-pb-sp-15 {     padding-bottom: 15px !important;   }   .u-pb-sp-20 {     padding-bottom: 20px !important;   }   .u-pb-sp-25 {     padding-bottom: 25px !important;   }   .u-pb-sp-30 {     padding-bottom: 30px !important;   }   .u-pb-sp-35 {     padding-bottom: 35px !important;   }   .u-pb-sp-40 {     padding-bottom: 40px !important;   }   .u-pb-sp-45 {     padding-bottom: 45px !important;   }   .u-pb-sp-50 {     padding-bottom: 50px !important;   }   .u-pb-sp-55 {     padding-bottom: 55px !important;   }   .u-pb-sp-60 {     padding-bottom: 60px !important;   }   .u-pb-sp-65 {     padding-bottom: 65px !important;   }   .u-pb-sp-70 {     padding-bottom: 70px !important;   }   .u-pb-sp-75 {     padding-bottom: 75px !important;   }   .u-pb-sp-80 {     padding-bottom: 80px !important;   }   .u-pb-sp-85 {     padding-bottom: 85px !important;   }   .u-pb-sp-90 {     padding-bottom: 90px !important;   }   /* Left padding */   .u-pl-sp-0 {     padding-left: 0px !important;   }   .u-pl-sp-5 {     padding-left: 5px !important;   }   .u-pl-sp-10 {     padding-left: 10px !important;   }   .u-pl-sp-15 {     padding-left: 15px !important;   }   .u-pl-sp-20 {     padding-left: 20px !important;   }   .u-pl-sp-25 {     padding-left: 25px !important;   }   .u-pl-sp-30 {     padding-left: 30px !important;   }   .u-pl-sp-35 {     padding-left: 35px !important;   }   .u-pl-sp-40 {     padding-left: 40px !important;   }   .u-pl-sp-45 {     padding-left: 45px !important;   }   .u-pl-sp-50 {     padding-left: 50px !important;   }   .u-pl-sp-55 {     padding-left: 55px !important;   }   .u-pl-sp-60 {     padding-left: 60px !important;   }   .u-pl-sp-65 {     padding-left: 65px !important;   }   .u-pl-sp-70 {     padding-left: 70px !important;   }   .u-pl-sp-75 {     padding-left: 75px !important;   }   .u-pl-sp-80 {     padding-left: 80px !important;   }   .u-pl-sp-85 {     padding-left: 85px !important;   }   .u-pl-sp-90 {     padding-left: 90px !important;   } } /* ==========================================================================  position ========================================================================== */ .u-pos-a {   position: absolute !important; }  .u-pos-r {   position: relative !important; }  .u-pos-s {   position: static !important; }  .u-pos-f {   position: fixed !important; }  .u-top-0 {   top: 0 !important; }  .u-right-0 {   right: 0 !important; }  .u-bottom-0 {   bottom: 0 !important; }  .u-left-0 {   left: 0 !important; }  /* ==========================================================================  text-align ========================================================================== */ .u-ta-l {   text-align: left !important; }  .u-ta-c {   text-align: center !important; }  .u-ta-r {   text-align: right !important; }  .u-ta-j {   text-align: justify !important; }  @media screen and (max-width: 767px) {   .u-ta-l-sp {     text-align: left !important;   }   .u-ta-c-sp {     text-align: center !important;   }   .u-ta-r-sp {     text-align: right !important;   }   .u-ta-j-sp {     text-align: justify !important;   } } /* ==========================================================================  text-decoration ========================================================================== */ .u-td-u {   text-decoration: underline !important; }  .u-td-n {   text-decoration: none !important; }  .u-td-pink {   background: linear-gradient(transparent 60%, #eed3cc 60%); }  /* ==========================================================================  text-indent ========================================================================== */ .u-tx-inside0 {   text-indent: 0 !important;   padding-left: 0 !important; }  .u-tx-inside4 {   text-indent: -0.4em !important;   padding-left: 0.4em !important; }  .u-tx-inside5 {   text-indent: -0.5em !important;   padding-left: 0.5em !important; }  .u-tx-inside6 {   text-indent: -0.6em !important;   padding-left: 0.6em !important; }  .u-tx-inside7 {   text-indent: -0.7em !important;   padding-left: 0.7em !important; }  .u-tx-inside8 {   text-indent: -0.8em !important;   padding-left: 0.8em !important; }  .u-tx-inside9 {   text-indent: -0.9em !important;   padding-left: 0.9em !important; }  .u-tx-inside10 {   text-indent: -1em !important;   padding-left: 1em !important; }  .u-tx-inside11 {   text-indent: -1.1em !important;   padding-left: 1.1em !important; }  .u-tx-inside12 {   text-indent: -1.2em !important;   padding-left: 1.2em !important; }  .u-tx-inside13 {   text-indent: -1.3em !important;   padding-left: 1.3em !important; }  .u-tx-inside14 {   text-indent: -1.4em !important;   padding-left: 1.4em !important; }  .u-tx-inside15 {   text-indent: -1.5em !important;   padding-left: 1.5em !important; }  .u-tx-inside16 {   text-indent: -1.6em !important;   padding-left: 1.6em !important; }  .u-tx-inside17 {   text-indent: -1.7em !important;   padding-left: 1.7em !important; }  .u-tx-inside18 {   text-indent: -1.8em !important;   padding-left: 1.8em !important; }  .u-tx-inside19 {   text-indent: -1.9em !important;   padding-left: 1.9em !important; }  .u-tx-inside20 {   text-indent: -2em !important;   padding-left: 2em !important; }  .u-tx-insideW4 {   text-indent: -0.8em !important;   padding-left: 1.2em !important; }  .u-tx-insideW5 {   text-indent: -1.1em !important;   padding-left: 1.5em !important; }  .u-tx-insideW6 {   text-indent: -1.4em !important;   padding-left: 1.8em !important; }  .u-tx-insideW7 {   text-indent: -1.7em !important;   padding-left: 2.1em !important; }  .u-tx-insideW8 {   text-indent: -2em !important;   padding-left: 2.4em !important; }  .u-tx-insideW9 {   text-indent: -2.3em !important;   padding-left: 2.7em !important; }  .u-tx-insideW10 {   text-indent: -2.6em !important;   padding-left: 3em !important; }  .u-tx-insideW11 {   text-indent: -2.9em !important;   padding-left: 3.3em !important; }  .u-tx-insideW12 {   text-indent: -3.2em !important;   padding-left: 3.6em !important; }  .u-tx-insideW13 {   text-indent: -3.5em !important;   padding-left: 3.9em !important; }  .u-tx-insideW14 {   text-indent: -3.8em !important;   padding-left: 4.2em !important; }  .u-tx-insideW15 {   text-indent: -4.1em !important;   padding-left: 4.5em !important; }  .u-tx-insideW16 {   text-indent: -4.4em !important;   padding-left: 4.8em !important; }  .u-tx-insideW17 {   text-indent: -4.7em !important;   padding-left: 5.1em !important; }  .u-tx-insideW18 {   text-indent: -5em !important;   padding-left: 5.4em !important; }  .u-tx-insideW19 {   text-indent: -5.3em !important;   padding-left: 5.7em !important; }  .u-tx-insideW20 {   text-indent: -5.6em !important;   padding-left: 6em !important; }  .u-tx-insideWw {   text-indent: -1.3em;   padding-left: 3.3em; }  /* ==========================================================================  width ========================================================================== */ .u-w-auto {   width: auto !important; }  .u-w-full {   width: 100% !important; }  .u-w-threeQuarter {   width: 75% !important; }  .u-w-half {   width: 50% !important; }  .u-w-40 {   width: 40% !important; }  .u-w-30 {   width: 30% !important; }  .u-w-27 {   width: 27% !important; }  .u-w-quarter {   width: 25% !important; }  .u-mw-1440 {   max-width: 1440px;   margin-right: auto;   margin-left: auto; }  @media screen and (max-width: 767px) {   .u-w-auto-sp {     width: auto !important;   }   .u-w-full-sp {     width: 100% !important;   }   .u-w-threeQuarter-sp {     width: 75% !important;   }   .u-w-half-sp {     width: 50% !important;   }   .u-w-40-sp {     width: 40% !important;   }   .u-w-30-sp {     width: 30% !important;   }   .u-w-27-sp {     width: 27% !important;   }   .u-w-quarter-sp {     width: 25% !important;   } } /* ==========================================================================  height ========================================================================== */ .u-h-5 {   min-height: 5vh !important; }  .u-h-10 {   min-height: 10vh !important; }  .u-h-15 {   min-height: 15vh !important; }  .u-h-20 {   min-height: 20vh !important; }  .u-h-25 {   min-height: 25vh !important; }  .u-h-30 {   min-height: 30vh !important; }  .u-h-35 {   min-height: 35vh !important; }  .u-h-40 {   min-height: 40vh !important; }  .u-h-45 {   min-height: 45vh !important; }  .u-h-50 {   min-height: 50vh !important; }  .u-h-55 {   min-height: 55vh !important; }  .u-h-60 {   min-height: 60vh !important; }  .u-h-65 {   min-height: 65vh !important; }  .u-h-70 {   min-height: 70vh !important; }  .u-h-75 {   min-height: 75vh !important; }  .u-h-80 {   min-height: 80vh !important; }  .u-h-85 {   min-height: 85vh !important; }  .u-h-90 {   min-height: 90vh !important; }  .u-h-95 {   min-height: 95vh !important; }  .u-h-100 {   min-height: 100vh !important; }  /* ========================================================================== letter-spacing ========================================================================== */ .u-ls-10 {   letter-spacing: -0.1rem !important; }  .u-ls04 {   letter-spacing: 0.04rem !important; }  .u-ls06 {   letter-spacing: 0.06rem !important; }  .u-ls08 {   letter-spacing: 0.08rem !important; }  .u-ls10 {   letter-spacing: 0.1rem !important; }  .u-ls12 {   letter-spacing: 0.12rem !important; }  .u-ls16 {   letter-spacing: 0.16rem !important; }  .u-ls18 {   letter-spacing: 0.18rem !important; }  .u-ls20 {   letter-spacing: 0.2rem !important; }  .u-ls24 {   letter-spacing: 0.24rem !important; }  .u-ls40 {   letter-spacing: 0.4rem !important; }  @media screen and (max-width: 767px) {   .u-ls-sp-10 {     letter-spacing: -0.1rem !important;   }   .u-ls-sp04 {     letter-spacing: 0.04rem !important;   }   .u-ls-sp08 {     letter-spacing: 0.08rem !important;   }   .u-ls-sp10 {     letter-spacing: 0.1rem !important;   }   .u-ls-sp12 {     letter-spacing: 0.12rem !important;   }   .u-ls-sp16 {     letter-spacing: 0.16rem !important;   }   .u-ls-sp18 {     letter-spacing: 0.16rem !important;   }   .u-ls-sp20 {     letter-spacing: 0.2rem !important;   }   .u-ls-sp40 {     letter-spacing: 0.4rem !important;   } } /* ==========================================================================  cursor ========================================================================== */ .u-cs-pointer {   cursor: pointer !important; }  .u-cs-default {   cursor: default !important; }  /* ==========================================================================  background-color ========================================================================== */ .u-bgclr-black {   background-color: #000 !important; }  .u-bgclr-gray {   background-color: #f5f5f5 !important; }  .u-bgclr-darkgray {   background-color: #dcdcdc !important; }  .u-bgclr-white {   background-color: #fff !important; }  /* ==========================================================================  line-height ========================================================================== */ .u-lh-0 {   line-height: 0 !important; }  .u-lh-1 {   line-height: 0.1 !important; }  .u-lh-2 {   line-height: 0.2 !important; }  .u-lh-3 {   line-height: 0.3 !important; }  .u-lh-4 {   line-height: 0.4 !important; }  .u-lh-5 {   line-height: 0.5 !important; }  .u-lh-6 {   line-height: 0.6 !important; }  .u-lh-7 {   line-height: 0.7 !important; }  .u-lh-8 {   line-height: 0.8 !important; }  .u-lh-9 {   line-height: 0.9 !important; }  .u-lh-10 {   line-height: 1 !important; }  .u-lh-11 {   line-height: 1.1 !important; }  .u-lh-12 {   line-height: 1.2 !important; }  .u-lh-13 {   line-height: 1.3 !important; }  .u-lh-14 {   line-height: 1.4 !important; }  .u-lh-15 {   line-height: 1.5 !important; }  .u-lh-16 {   line-height: 1.6 !important; }  .u-lh-17 {   line-height: 1.7 !important; }  .u-lh-18 {   line-height: 1.8 !important; }  .u-lh-19 {   line-height: 1.9 !important; }  .u-lh-20 {   line-height: 2 !important; }  .u-lh-2-1875 {   line-height: 2.1875 !important; }  .u-lh-1-8125 {   line-height: 1.8125 !important; }  .u-lh-1-875 {   line-height: 1.875 !important; }  .u-lh-1-666 {   line-height: 1.666 !important; }  .u-lh-1-25 {   line-height: 1.25 !important; }  /* -----------------------------------------------------------------  Js ----------------------------------------------------------------- *//*# sourceMappingURL=style.css.map */ 
.contact-form-wrapper {     margin: 40px auto 0;     padding: 30px;     background-color: #FFF;     border-radius: 6px; }  .form_group {     margin-bottom: 30px; }  .form_group label {     display: block;     margin-bottom: 8px;     font-weight: 600;     color: #000;     font-size: 18px; }  .required {     background: #014bac;     color: white;     padding: 3px 10px 4px;     border-radius: 50px;     font-size: 12px;     margin-right: 8px;     font-weight: 500; }  .optional {     background: linear-gradient(135deg, #6c757d, #5a6268);     color: white;     padding: 3px 10px 4px;     border-radius: 4px;     font-size: 12px;     margin-right: 8px;     font-weight: 500; }  .form_group input, .form_group textarea {     width: 100%;     padding: 15px;     border: 3px solid #e1e5e9;     border-radius: 6px;     font-size: 16px;     transition: border-color 0.3s ease;     box-sizing: border-box; }  .form_group input:focus, .form_group textarea:focus {     outline: none;     border-color: #007bff;     box-shadow: 0 0 0 3px rgba(0,123,255,0.1); }  input[type="checkbox"]:checked + label {   color: #007bff;   font-weight: bold; }  input[type="checkbox"] {   appearance: auto!important;        /* ← appearanceを戻す */   -webkit-appearance: auto!important; /* Safari対応 */ }  .form_group textarea {     height: 120px;     resize: vertical; }  .checkbox_group {     margin-bottom: 30px; }  .checkbox_items {     display: grid;     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));     gap: 15px;     margin-top: 15px; }  .checkbox_item {     display: flex;     align-items: center;     cursor: pointer;     padding: 12px;     background: #f8f9fa;     border-radius: 8px;     transition: background-color 0.3s ease;     font-weight: normal; }  .checkbox_item:hover {     background: #e9ecef; }  .checkbox_item input[type="checkbox"] {     width: auto;     margin-right: 10px;     transform: scale(1.3);     cursor: pointer; }  .checkbox_item span {     cursor: pointer;     font-size: 15px; }  .form_note {     font-size: 14px;     color: #6c757d;     margin: 20px 0;     line-height: 1.5;     padding: 15px;     background: #f8f9fa;     border-radius: 8px;     border-left: 4px solid #007bff; }  .form_submit {     text-align: center;     margin-top: 40px; }  .form_submit button {     background: linear-gradient(135deg, #007bff, #0056b3);     color: white;     padding: 18px 50px;     border: none;     border-radius: 50px;     font-size: 18px;     font-weight: 600;     cursor: pointer;     transition: all 0.3s ease;     box-shadow: 0 4px 15px rgba(0,123,255,0.3); }  .form_submit button:hover {     transform: translateY(-2px);     box-shadow: 0 6px 20px rgba(0,123,255,0.4); }  .error-message {     color: #dc3545;     font-size: 14px;     margin-top: 5px;     display: none; }  .input_error {     border-color: #dc3545 !important;     box-shadow: 0 0 0 3px rgba(220,53,69,0.1) !important; }     .checkbox_group .checkbox_item {   background: unset !important;   min-width: 200px; }  .checkbox_group .checkbox_item input {   background-color: #FFF; }  .checkbox_group .checkbox_items {   display: flex;   flex-wrap: wrap;   gap: 8px 20px;   margin-top: 8px; } /* .checkbox_group input {   padding: 7px!important;   border-radius: 3px!important; } */  .checkbox_item {   display: inline-flex!important;   align-items: center;   gap: 6px;   min-width: 140px;   font-size: 14px; }  /* .checkbox_item input[type="checkbox"] {   margin: 0;   transform: scale(1); } */     @media screen and (max-width: 768px) {   .form_group input,   .form_group textarea {       padding: 12px;       border-radius: 8px;       font-size: 17px;   }    .checkbox_items {       grid-template-columns: 1fr;   }    .form_submit button {       width: 100%;       padding: 16px 30px;   }    .checkbox_group .checkbox_items {       gap: 0 20px;   } } 
/* ========================================    Inline Styles from index.html ======================================== */ /* 画像は常に表示 */ .worry .block_img, .worry .block_img.sp, .section.worry img {     opacity: 1 !important;     transform: none !important;     transition: none !important;     animation: none !important; }  /* 吹き出しの初期状態 */ .worry .hukidashi {     opacity: 0 !important;     transform: translateX(30px) !important;     transition: opacity 0.6s ease 0s, transform 0.6s ease 0s !important;     animation: none !important; }  /* アニメーション有効化時 */ .worry .hukidashi.animate {     opacity: 1 !important;     transform: translateX(0) !important; }  /* 各吹き出しに時間差を設定 */ .worry .hukidashi.bubble-1.animate {     transition: opacity 0.6s ease 0.1s, transform 0.6s ease 0.1s !important; }  .worry .hukidashi.bubble-2.animate {     transition: opacity 0.6s ease 0.25s, transform 0.6s ease 0.25s !important; }  .worry .hukidashi.bubble-3.animate {     transition: opacity 0.6s ease 0.4s, transform 0.6s ease 0.4s !important; }  .worry .hukidashi.bubble-4.animate {     transition: opacity 0.6s ease 0.55s, transform 0.6s ease 0.55s !important; }  /* AOSを無効化 */ .worry .hukidashi[data-aos] {     animation: none !important; }  /* スマートフォン向け */ @media (max-width: 768px) {     .worry .hukidashi {         transform: translateY(20px) !important;     }      .worry .hukidashi.animate {         transform: translateY(0) !important;     } }  /* アクセシビリティ対応 */ @media (prefers-reduced-motion: reduce) {     .worry .hukidashi {         transition: none !important;         opacity: 1 !important;         transform: none !important;     } }  /* ========================================     TikTok金髪社長吹き出しスタイル ======================================== */  .tiktok-callout {     display: inline-block;     background-color: #000;     color: #fff;     padding: 12px 24px;     border-radius: 30px;     font-size: 18px;     font-weight: bold;     margin-bottom: 30px;     line-height: 1.6;     position: relative;     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); }  /* 吹き出しの下向き三角形 */ .tiktok-callout::after {     content: '';     position: absolute;     bottom: -10px;     left: 50%;     transform: translateX(-50%);     width: 0;     height: 0;     border-left: 15px solid transparent;     border-right: 15px solid transparent;     border-top: 12px solid #000; }  /* 金髪社長部分の黄色スタイル */ .tiktok-callout .highlight {     color: #FFD700; }  /* タブレット対応 */ @media (max-width: 1024px) {     .tiktok-callout {         font-size: 16px;         padding: 10px 20px;         margin-bottom: 25px;     } }  /* スマートフォン対応 */ @media (max-width: 768px) {     .tiktok-callout {         font-size: 14px;         padding: 8px 18px;         margin-bottom: 20px;         border-radius: 25px;     }      .tiktok-callout::after {         bottom: -8px;         border-left: 12px solid transparent;         border-right: 12px solid transparent;         border-top: 10px solid #000;     } }  /* 極小スマートフォン対応 */ @media (max-width: 480px) {     .tiktok-callout {         font-size: 13px;         padding: 7px 15px;     } }  /* アニメーション追加 */ .tiktok-callout {     opacity: 0;     transform: translateY(-20px);     animation: fadeInDown 0.8s ease forwards;     animation-delay: 0.3s; }  @keyframes fadeInDown {     to {         opacity: 1;         transform: translateY(0);         transition: translateY(0);     } }  /* 金髪社長部分をキラキラさせる */ .tiktok-callout .highlight {     position: relative;     display: inline-block;     color: #FFD700; }  @keyframes shine {     0% {         left: -100%;     }      50% {         left: 100%;     }      100% {         left: 100%;     } }  @media (max-width: 400px) {     .mv .flex {         height: 77vh;     }      .mv h1 {         font-size: 20px;     } }  @media (min-width: 1590px) {     .mv .flex {         height: 64vh;     } }