@charset "UTF-8";
/*
Theme Name: テンプレートテーマ
Description: テンプレテーマです。
Theme URI:
Author:
Author URI:
Version: 1.0.0
License:
License URI:
*/
/*noto regular*/
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 400; src: local("Noto Sans CJK JP Regular"), local("NotoSansCJKjp-Regular"), local("NotoSansJP-Regular"), url("./dist/fonts/NotoSansCJKjp-Regular.woff2") format("woff2"), url("./dist/fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("./dist/fonts/NotoSansCJKjp-Regular.ttf") format("truetype"), url("./dist/fonts/NotoSansCJKjp-Regular.eot") format("embedded-opentype"); }
/*noto medium*/
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 500; src: local("Noto Sans CJK JP Medium"), local("NotoSansCJKjp-Medium"), local("NotoSansJP-Medium"), url("./dist/fonts/NotoSansCJKjp-Medium.woff2") format("woff2"), url("./dist/fonts/NotoSansCJKjp-Medium.woff") format("woff"), url("./dist/fonts/NotoSansCJKjp-Medium.ttf") format("truetype"), url("./dist/fonts/NotoSansCJKjp-Medium.eot") format("embedded-opentype"); }
/*noto bold*/
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 700; src: local("Noto Sans CJK JP Bold"), local("NotoSansCJKjp-Bold"), local("NotoSansJP-Bold"), url("./dist/fonts/NotoSansCJKjp-Bold.woff2") format("woff2"), url("./dist/fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("./dist/fonts/NotoSansCJKjp-Bold.ttf") format("truetype"), url("./dist/fonts/NotoSansCJKjp-Bold.eot") format("embedded-opentype"); }
/* brandon grotesque */
/* helvetica */
/* hiragino */
/* タテヨコ比 */
/* custom mixin to replace a defined fill color with another one */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }
/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; }
/** Add the correct display in IE 9-. */
audio, canvas, progress, video { display: inline-block; }
/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }
/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }
/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template, [hidden] { display: none; }
/* Links ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }
/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }
/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }
/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }
/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }
/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }
/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }
/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }
/** Add the correct font size in all browsers. */
small { font-size: 80%; }
/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }
/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }
/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
/* Forms ========================================================================== */
/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }
/** Restore the font weight unset by the previous rule. */
optgroup { font-weight: bold; }
/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }
/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }
/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }
/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }
/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
.breadcrumbs { font-size: 86%; font-size: 0.86rem; background: #056b7d; color: white; height: 30px; line-height: 1.1; padding: 8px 27px 0; width: 100%; }
@media only screen and (max-width: 767px) { .breadcrumbs { display: none; } }
.breadcrumbs a { text-decoration: none; }
._pc .breadcrumbs a { -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; }
._pc .breadcrumbs a:hover { opacity: 0.7; }
.inview-top.sa-ts_03 { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.inview-top.sa-ts_05 { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.inview-top.sa-delay_05 { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; }
.inview-top.sa-opct { opacity: 0; }
.inview-top.sa-up { -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
.inview-top.sa-right { -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }
.inview-top.sa-list_delay article, .inview-top.sa-list_delay .sa-list_item { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.inview-top.sa-list_delay article:nth-child(2), .inview-top.sa-list_delay .sa-list_item:nth-child(2) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; }
.inview-top.sa-list_delay article:nth-child(3), .inview-top.sa-list_delay .sa-list_item:nth-child(3) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.inview-top._show.sa-opct { opacity: 1; }
.inview-top._show.sa-up { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.inview-top._show.sa-right { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.wp-pagenavi { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -ms-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; letter-spacing: -0.4em; margin-bottom: 35px; margin-top: 25px; max-width: 100%; text-align: center; }
.wp-pagenavi > :nth-child(n + 1) { margin-right: 2%; }
.wp-pagenavi > :last-child { margin-left: 0; }
.wp-pagenavi ul { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -ms-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; letter-spacing: -0.4em; margin-top: 25px; max-width: 100%; text-align: center; }
.wp-pagenavi span, .wp-pagenavi a { font-size: 100%; font-size: 1rem; border: solid 1px #02b3d2; color: #02b3d2; display: block; font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; height: 46px; line-height: 46px; margin: 0 5px; letter-spacing: normal; text-decoration: none; width: 40px; }
.wp-pagenavi li { font-size: 100%; font-size: 1rem; height: 46px; margin: 0 5px; letter-spacing: normal; width: 40px; }
.wp-pagenavi li a, .wp-pagenavi li span.current { border: 1px solid #02b3d2; color: #02b3d2; display: block; height: 46px; line-height: 40px; }
.wp-pagenavi li span.current { background: #02b3d2; color: #ffffff; }
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { border: 1px solid #02b3d2; margin: 0 5px; position: relative; }
.wp-pagenavi .current, .wp-pagenavi .page { border: 1px solid #02b3d2; color: #02b3d2; display: block; line-height: 46px; height: 46px; margin: 0 5px; letter-spacing: normal; width: 40px; }
.wp-pagenavi .current.current, .wp-pagenavi .page.current { background: #02b3d2; color: #ffffff; }
@media only screen and (min-width: 768px) { .wp-pagenavi { margin-bottom: 40px; margin-top: 30px; } }
._pc .wp-pagenavi a { -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; }
._pc .wp-pagenavi a:hover { background: #02b3d2; color: #ffffff; }
.l-aside { margin-top: 20px; padding-bottom: 30px; }
.contact_block { text-align: center; line-height: 1.5; letter-spacing: 0.8px; }
.contact_block p { font-size: 115%; font-size: 1.15rem; font-weight: bold; }
.contact_block p.time { font-size: 86%; font-size: 0.86rem; font-weight: normal; letter-spacing: 0.6px; margin-top: 25px; line-height: 1.1; }
.contact_block p.tel { font-size: 250%; font-size: 2.5rem; line-height: 1.1; letter-spacing: 1.8px; margin-bottom: 10px; }
.banner_list { margin-top: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 7px; }
.banner_list_item { margin: 5px 2.5px; width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); width: calc(50% - 5px); }
.banner_list_item img { width: 100%; }
@media only screen and (min-width: 768px) { .l-aside { padding-bottom: 20px; }
  .contact_block { line-height: normal; letter-spacing: 1px; }
  .contact_block p { font-size: 143%; font-size: 1.43rem; line-height: 1.1; }
  .contact_block p.time { font-size: 100%; font-size: 1rem; margin-top: 30px; }
  .contact_block p.tel { font-size: 286%; font-size: 2.86rem; line-height: 1.1; margin-bottom: 15px; margin-top: -5px; }
  .banner_list { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 60px auto 0; width: 800px; }
  .banner_list_item { margin: 0 5px 15px; width: 182px; } }
.contents_bottom { background: white; }
.l-footer { border-top: 7.5px solid #43cad6; z-index: 9997; position: relative; }
.l-footer a { text-decoration: none; }
.l-footer_inr { position: relative; }
.l-footer .p-copyright { font-size: 79%; font-size: 0.79rem; font-weight: 400; letter-spacing: 0.6px; margin: 0 auto; padding: 16px 0 12px; text-align: center; }
.l-footer .p-btn_pagetop { background: -webkit-gradient(linear, left bottom, left top, from(#00a3c0), color-stop(49%, #1bcce0), color-stop(49%, #007be1)); background: -webkit-linear-gradient(bottom, #00a3c0, #1bcce0 49%, #007be1); background: -moz- oldlinear-gradient(bottom, #00a3c0, #1bcce0 49%, #007be1); background: linear-gradient(to top, #00a3c0, #1bcce0 49%, #007be1); -moz-border-radius: 28px; border-radius: 28px; cursor: pointer; line-height: 1.1; right: 5px; top: 16px; padding: 1px; position: absolute; top: -28px; height: 55px; width: 55px; }
.l-footer .p-btn_pagetop .inr { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; -moz-border-radius: 27px; border-radius: 27px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 53px; width: 53px; }
.l-footer .p-btn_pagetop img { height: 13px; width: 22px; }
@media only screen and (max-width: 767px) { .l-footer .footer-col_left { display: none; } }
@media only screen and (min-width: 768px) { .l-footer .footer-col_left { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding: 25px; }
  .l-footer .footer-col_left .nav_list { font-size: 100%; font-size: 1rem; line-height: 1.86; letter-spacing: 0.7px; margin-right: 39px; font-weight: bold; }
  .l-footer .p-btn_pagetop { -moz-border-radius: 37.5px; border-radius: 37.5px; height: 75px; padding-left: 2px; padding-top: 2px; right: 25px; top: -37px; width: 75px; }
  .l-footer .p-btn_pagetop .inr { -moz-border-radius: 36.5px; border-radius: 36.5px; height: 71px; width: 71px; }
  .l-footer .p-btn_pagetop img { height: 18px; width: 30px; } }
.l-header { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; left: 0; position: fixed; top: 0; text-align: center; width: 100%; z-index: 9999; }
.l-header a { text-decoration: none; }
.l-header .p-menu { cursor: pointer; height: 100%; -ms-flex-preferred-size: 25px; flex-basis: 25px; padding: 18px 0 0; text-align: center; }
.l-header .p-menu_line { display: block; height: 18px; margin: 0 auto; position: relative; width: 25px; }
.l-header .p-menu_line:before, .l-header .p-menu_line:after { background: #000000; content: ''; display: block; height: 3px; margin: auto; left: 0; position: absolute; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; width: 100%; }
.l-header .p-menu_line:before { left: 0; top: 0; }
.l-header .p-menu_line:after { bottom: 0; }
.l-header .p-menu_text { font-size: 72%; font-size: 0.72rem; color: black; display: block; font-family: "brandon-grotesque", sans-serif; font-weight: bold; line-height: 1.1; margin-top: 6px; position: relative; white-space: nowrap; }
.l-header .p-menu_text span { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; }
.l-header .p-menu_text:after { content: 'CLOSE'; display: inline-block; left: 0; position: absolute; right: 0; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; top: 0; }
.l-header .p-logo { font-size: 58%; font-size: 0.58rem; margin: 0; text-align: center; }
.l-header .p-logo a { display: block; color: #02b3d2; -webkit-transition: background 0.3s, opacity 0.3s; -moz-transition: background 0.3s, opacity 0.3s; transition: background 0.3s, opacity 0.3s; width: 100%; }
.l-header .p-logo_img { display: block; font-size: 0; margin: 0 auto; height: 40px; width: 70px; }
.l-header .p-logo_img svg { height: 100%; width: 100%; }
.l-header .p-logo_img .cls-1, .l-header .p-logo_img .cls-2, .l-header .p-logo_img .cls-3 { fill: #02b3d2; }
.l-header .p-logo_text { font-weight: normal; line-height: 1.1; display: inline-block; white-space: nowrap; vertical-align: middle; }
.l-header .p-nav { font-size: 108%; font-size: 1.08rem; display: block !important; font-weight: bold; position: relative; text-align: left; width: 100%; }
.l-header .p-nav_inner { padding: 10px 0; overflow: scroll; height: 100vh; }
.l-header .p-nav_inner::-webkit-scrollbar { display: none; -webkit-appearance: none; }
._pc .l-header .p-nav a, ._pc .l-header .p-nav .u-btn_contact a { -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; }
._pc .l-header .p-nav a:hover, ._pc .l-header .p-nav .u-btn_contact a:hover { background: #dedbdb; color: #02b3d2; }
.l-header .p-nav a, .l-header .p-nav .nav_child-list_parent { display: block; padding: 11px 10px 11px 16px; }
.l-header .p-nav .nav_child-list_parent { display: block; position: relative; }
.l-header .p-nav .nav_child-list_parent:after { bottom: 0; content: ''; display: block; margin: auto; width: 0; height: 0; border-style: solid; border-width: 11px 8px 0 8px; border-color: #02b3d2 transparent transparent transparent; position: absolute; right: 10px; top: 0; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -moz-transition: transform 0.2s, -moz-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s; }
.l-header .p-nav .nav_child-list li a { padding-left: 34px; }
.l-header .p-nav .nav_child-list li:last-child { margin-bottom: 0; }
.l-header .p-nav .u-btn_contact { border-top: 2px solid #f0f0f0; line-height: 1.1; margin-top: 26px; padding-top: 10px; }
.l-header .p-nav .u-btn_contact a { color: #02b3d2; padding: 10px 0 10px 16px; }
.l-header .p-nav .u-btn_contact img { line-height: 15px; margin-right: 4px; vertical-align: top; width: 20px; }
.l-header .u-btn_type1 { margin-left: auto; margin-right: 13px; }
@media only screen and (max-width: 767px) { .l-header { height: 60px; }
  .l-header_bar_sp { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: white; border-bottom: 1px solid #c8c8c8; -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: -ms-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 60px; padding: 0 13px 0 11px; position: relative; width: 100%; z-index: 9999; }
  .l-header .p-nav { background-color: white; height: 200vh; overflow: scroll; position: fixed; right: 0; text-align: left; -webkit-transform: translateX(250px); -moz-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); -webkit-transition: opacity 0.3s, -webkit-transform 0.1; transition: opacity 0.3s, -webkit-transform 0.1; -moz-transition: transform 0.1, opacity 0.3s, -moz-transform 0.1; transition: transform 0.1, opacity 0.3s; transition: transform 0.1, opacity 0.3s, -webkit-transform 0.1, -moz-transform 0.1; top: 60px; width: 245px; z-index: 9998; }
  .l-header .p-nav::-webkit-scrollbar { display: none; -webkit-appearance: none; }
  .l-header .u-btn_here { display: none; }
  ._open .l-header .p-menu .p-menu_line:before { top: 41%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  ._open .l-header .p-menu .p-menu_line:after { bottom: 42%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  ._open .l-header .p-menu_text span { opacity: 0; }
  ._open .l-header .p-menu_text:after { opacity: 1; }
  ._open .l-header .p-nav { overflow: scroll; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, transform 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s; } }
@media only screen and (min-width: 768px) { .l-header { background: #ffffff; height: 100%; left: 0; top: 0; width: 200px; }
  .l-header .p-menu { display: none; }
  .l-header .p-logo a { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #02b3d2; color: white; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 170px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.1; text-align: center; }
  .l-header .p-logo_img { width: 143px; height: 81.5px; }
  .l-header .p-logo_img .cls-1, .l-header .p-logo_img .cls-2, .l-header .p-logo_img .cls-3 { fill: #fff; }
  .l-header .p-logo_text { font-size: 100%; font-size: 1rem; font-weight: bold; letter-spacing: 0.7px; margin-top: 8.5px; }
  .l-header .p-nav { font-size: 108%; font-size: 1.08rem; display: block !important; font-weight: bold; position: relative; text-align: left; width: 100%; }
  .l-header .p-nav_inner { overflow: scroll; height: -webkit-calc(100vh - 170px); height: -moz-calc(100vh - 170px); height: calc(100vh - 170px); }
  .l-header .p-nav .nav_child-list_parent { cursor: pointer; display: block; position: relative; }
  .l-header .p-nav .nav_child-list_parent:after { bottom: 0; content: ''; display: block; margin: auto; width: 0; height: 0; border-style: solid; border-width: 11px 8px 0 8px; border-color: #02b3d2 transparent transparent transparent; position: absolute; right: 10px; top: 0; }
  .l-header .p-nav .nav_child-list a { padding-left: 31px; }
  .l-header .p-nav .u-btn_contact { border-top: 2px solid #f0f0f0; line-height: 1.1; margin-top: 40px; }
  .l-header .p-nav .u-btn_contact img { line-height: 15px; margin-right: 4px; vertical-align: top; width: 20px; }
  .l-header .u-btn_type1 { display: none; } }
._pc .l-header .u-btn_contact a { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
._pc .l-header .u-btn_contact a:hover { opacity: 0.8; }
._winShow .l-header { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
/*---------------------------------------------------- 共通 ----------------------------------------------------*/
* { -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 14px; -webkit-text-size-adjust: 100%; }
body { font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; font-weight: normal; font-size: 14px; color: #101112; overflow-wrap: break-word; }
div, p { /*word-break: break-all;*/ }
h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, img, nav, figure { margin: 0; padding: 0; }
ul, ol, li { list-style: none; }
a { color: inherit; }
a:focus { outline: 0; }
a:hover { text-decoration: none; }
img { height: auto; max-width: 100%; vertical-align: top; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: none transparent; border: none; color: inherit; font-size: inherit; outline: none; text-indent: 0.01px; text-overflow: ''; text-transform: none; vertical-align: middle; }
select option { background-color: #ffffff; color: #101112; }
select::-ms-expand { display: none; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #828c9a; }
address { font-style: normal; }
/*-------------------------------------------------------------- for wordpress --------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1em; }
.alignright { display: inline; float: right; margin-left: 1em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
/*-------------------------------------------------------------- for contents --------------------------------------------------------------*/
.l-wrapper { display: -ms-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; min-height: -webkit-calc(100vh - 60px); min-height: -moz-calc(100vh - 60px); min-height: calc(100vh - 60px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1; overflow-x: scroll; padding-top: 60px; width: 100%; }
.l-contents { font-size: 115%; font-size: 1.15rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; line-height: 1.7; }
.l-contents .contents_bottom { margin-top: auto; }
.l-contents .l-inner { margin: 0 auto; }
.l-loader_bg { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: #02b3d2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; position: fixed; -webkit-transition: 0.7s; -moz-transition: 0.7s; transition: 0.7s; -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; transform-origin: right; top: 0; width: 100%; z-index: 10000; }
.l-loader_bg svg { height: auto; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; width: 30%; }
.l-loader_bg .cls-1, .l-loader_bg .cls-2, .l-loader_bg .cls-3 { fill: #fff; }
._winShow .l-loader_bg svg { opacity: 1; }
.l-loader_bg._loaded { background-color: transparent; }
.l-loader_bg._loaded svg { opacity: 0; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.is-tel { text-decoration: none; }
.inview-img { display: none; }
@media only screen and (max-width: 767px) { .is-pc { display: none; }
  ._open .l-loader_bg { background-color: rgba(0, 0, 0, 0.6); height: 200%; z-index: 9998; } }
@media only screen and (min-width: 768px) { body { min-width: 1280px; }
  .is-sp { display: none; }
  .p-pagenation { margin-top: 65px; }
  .l-wrapper { padding-top: 0; }
  .l-contents { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding-left: 200px; width: 100%; } }
@media only screen and (min-width: 1030px) { .l-contents .l-inner { margin: 0 auto; padding: 0 0 50px; } }
._pc .is-tel { pointer-events: none; }
/*-------------------------------------------------------------- for page --------------------------------------------------------------*/
.design_check { left: 0; margin: auto; position: absolute; top: 0; opacity: 0.6; right: 0; z-index: 999999; width: 1280px; }
.design_check.sp { width: 100%; }
.c-title_page { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #02b3d2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: bold; height: 80px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.1; overflow: hidden; padding: 0 10px; position: relative; width: 100%; }
.c-title_page_en, .c-title_page_jp { color: white; }
.c-title_page_en { font-size: 200%; font-size: 2rem; font-family: "brandon-grotesque", sans-serif; letter-spacing: 1.4px; margin-bottom: 3px; }
.c-title_page_jp { font-size: 86%; font-size: 0.86rem; letter-spacing: 2.5px; }
.c-content_wrap { margin: 0 auto; max-width: 1080px; padding: 20px 10px; }
.c-block_type1 { max-width: 1060px; padding-bottom: 20px; position: relative; z-index: 1; width: 100%; }
.c-block_type1 .box_img { background: #e7e7e7; margin: 0; width: 100%; }
.c-block_type1 .box_img img { height: auto; width: 100%; }
.c-block_type1 .box_text { font-size: 100%; font-size: 1rem; background: rgba(255, 255, 255, 0.8); margin: -100px 0 0 auto; max-width: 700px; padding: 15px 10px 0; position: relative; width: 83%; }
.c-block_type1 .box_text p + p { margin-top: 1.5em; }
.c-block_type1 .box_text .box_yellow { font-size: 93%; font-size: 0.93rem; background: #ffffc5; padding: 10px; }
.c-block_type1_wrap { padding-bottom: 40px; }
.c-category_selecter { margin-bottom: 15px; position: relative; }
.c-category_selecter:after { content: ''; bottom: 0; border-style: solid; border-width: 10px 6px 0 6px; border-color: white transparent transparent transparent; height: 0; line-height: 1.1; margin: auto; position: absolute; top: 0; right: 15px; width: 0; }
.c-category_selected { font-size: 122%; font-size: 1.22rem; color: white; background: #00aacb; letter-spacing: 0.9px; line-height: 1.1; padding: 11px 0; text-align: center; }
.c-category_list { height: 100%; opacity: 0; position: absolute; top: 0; width: 100%; }
.c-category_list .category_item { text-align: center; }
.c-category_list .category_item:checked { background: #00aacb; }
.c-category_nav { display: none; }
.c-img_list { margin-bottom: 10px; width: 100%; }
.c-img_list li { width: 50%; }
.c-img_list li:nth-child(1) { padding-right: 4px; }
.c-img_list li:nth-child(2) { padding-left: 4px; }
.c-btn_list { margin: 0 auto; max-width: 97%; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.c-btn_list .u-btn_type2 { margin: 5px; max-width: 100px; width: -webkit-calc(33% - 10px); width: -moz-calc(33% - 10px); width: calc(33% - 10px); }
.c-btn_list .u-btn_type2 a { width: 100%; }
.c-btn_list .u-btn_type2 a span { padding-left: 0; padding-right: 0; }
.c-btn_list .u-btn_type2 a span.txt-pf { letter-spacing: 0px; }
.c-video_box { background-image: url(./dist/images/saving-img-02-03.jpg); -moz-background-size: cover; background-size: cover; font-size: 0; overflow: hidden; position: relative; }
.c-video_box .youtube, .c-video_box video, .c-video_box iframe { cursor: pointer; left: 0; height: 100% !important; top: 0; width: 100% !important; }
.c-video_box .youtube { overflow: hidden; }
.c-video_box .youtube img { height: 100%; object-fit: cover; font-family: 'object-fit:cover;'; position: absolute; width: 100%; }
.c-video_box iframe { -moz-border-radius: 10px; border-radius: 10px; }
.c-video_box video { object-fit: contain; font-family: 'object-fit:contain;'; }
.c-video_box .c-btn_play { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); bottom: 0; content: ''; cursor: pointer; opacity: 0.8; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; left: 0; margin: auto; position: absolute; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; right: 0; top: 0; z-index: 2; width: 100%; }
.c-video_box .c-btn_play svg { height: 78px; width: 78px; }
._pc .c-video_box .c-btn_play:hover { background-color: rgba(0, 0, 0, 0.3); }
._pc .c-video_box .c-btn_play:hover .videoBtn { fill: white; }
.c-video_box .videoBtn { fill: #dcdcdc; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.c-video_box._play .c-btn_play { opacity: 0; z-index: -1; }
/* 2020/10/15 */
.box_text_right { text-align: right; }
@media only screen and (max-width: 767px) { .c-btn_list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .c-category_nav { display: none; } }
@media only screen and (min-width: 768px) { .c-title_page { height: 140px; padding: 0 25px; position: relative; }
  .c-title_page:before { height: 262px; }
  .c-title_page_img { width: -webkit-calc(100% - 234px); width: -moz-calc(100% - 234px); width: calc(100% - 234px); background: black; -moz-background-size: 100%; background-size: 100%; }
  .c-title_page_en { font-size: 286%; font-size: 2.86rem; letter-spacing: 1.2px; margin-bottom: 10px; }
  .c-title_page_jp { font-size: 115%; font-size: 1.15rem; letter-spacing: 0.8px; }
  .c-content_wrap { padding: 70px 25px; }
  .c-content_wrap .c-block_type1 { padding-bottom: 0; }
  .c-block_type1 { padding-bottom: 30px; padding-top: 180px; }
  .c-block_type1 .box_img { max-width: 540px; position: absolute; top: 0; }
  .c-block_type1 .box_text { font-size: 115%; font-size: 1.15rem; line-height: 1.75; letter-spacing: 0.8px; min-height: 224px; margin-top: 0; padding: 15px 45px 15px 21px; }
  .c-block_type1_wrap { padding-bottom: 60px; position: relative; width: 1000px; }
  .c-category_selecter { display: none; }
  .c-category_nav { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -ms-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 25px; width: 100%; }
  .c-category_nav li { font-size: 100%; font-size: 1rem; cursor: pointer; margin-right: 5px; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -ms-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; letter-spacing: 0.7px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 25px; }
  .c-category_nav li a { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #00aacb; color: #00aacb; display: -ms-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1px; text-decoration: none; width: 100%; }
  ._pc .c-category_nav li a { -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; }
  ._pc .c-category_nav li a span { -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; }
  ._pc .c-category_nav li a:not(.is-active):hover { color: white !important; }
  ._pc .c-category_nav li a:not(.is-active):hover span { background-color: transparent; }
  .c-category_nav li span { background-color: white; display: block; padding: 0 23px; }
  .c-category_nav li.is-active { cursor: default; pointer-events: none; }
  .c-category_nav li.is-active a { color: white !important; }
  .c-category_nav li.is-active span { background-color: transparent; }
  .c-img_list { position: absolute; right: 0; top: 0; width: 450px; }
  .c-btn_list { -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: auto; margin-right: 0; padding: 0 15px; width: 700px; }
  .c-btn_list .u-btn_type2 { max-width: 190px; }
  .c-video_box { background-image: none; margin: 0 auto; width: 655px; } }
._pc .c-archive_list_type1 a { position: relative; }
._pc .c-archive_list_type1 a:after { background: #000000; bottom: 0; content: ''; left: 0; height: 1px; position: absolute; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; width: 0; }
._pc .c-archive_list_type1 a:hover:after { background: #000000; width: 100%; }
._pc .c-video_box .youtube:hover:before { background-color: rgba(0, 0, 0, 0); }
._pc .c-video_box .youtube:hover:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20fill%3D%22%23dcdcdc%22%3E%20%3Cpath%20d%3D%22M8%200C3.5%200%200%203.5%200%208s3.5%208%208%208%208-3.5%208-8-3.5-8-8-8zm0%2014c-3.5%200-6-2.5-6-6s2.5-6%206-6%206%202.5%206%206-2.5%206-6%206z%22%2F%3E%20%3Cpath%20d%3D%22M6%2012l5-4-5-4z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); opacity: 1; }
.u-btn_type1 a { font-size: 93%; font-size: 0.93rem; border-width: 2px; border-color: #101112; border-style: solid; -moz-border-radius: 21px; border-radius: 21px; vertical-align: middle; display: inline-block; font-weight: bold; line-height: 1.1; padding: 10px 9px 9px; text-decoration: none; }
.u-btn_type1.btn_back { margin-top: 25px; }
.u-btn_type1.btn_back a { width: 175px; }
.u-btn_type2 a { font-size: 100%; font-size: 1rem; background: -webkit-gradient(linear, left bottom, left top, from(#00a3c0), color-stop(49%, #1bcce0), color-stop(49%, #007be1)); background: -webkit-linear-gradient(bottom, #00a3c0, #1bcce0 49%, #007be1); background: -moz- oldlinear-gradient(bottom, #00a3c0, #1bcce0 49%, #007be1); background: linear-gradient(to top, #00a3c0, #1bcce0 49%, #007be1); -moz-border-radius: 20px; border-radius: 20px; color: #00a3c0; vertical-align: middle; display: inline-block; height: 40px; font-weight: bold; line-height: 1.1; overflow: hidden; position: relative; text-align: center; text-decoration: none; z-index: 1; }
.u-btn_type2 a:before { background-color: #fff; -moz-border-radius: 18px; border-radius: 18px; content: ''; display: block; height: 36px; left: 2px; position: absolute; top: 2px; width: -webkit-calc(100% - 4px); width: -moz-calc(100% - 4px); width: calc(100% - 4px); z-index: -1; }
.u-btn_type2 a:after { background: #00a3c0; -moz-border-radius: 20px; border-radius: 20px; content: ''; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; width: 100%; z-index: 1; }
.u-btn_type2 a span { display: block; letter-spacing: 0.7px; height: 36px; overflow: hidden; position: relative; padding: 13px 15px; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; z-index: 2; }
.u-btn_type2.bd_white a { color: white; background: white; }
.u-btn_type2.bd_white a:after { background: white; }
.u-btn_type2.btn_contact a { width: 200px; }
.u-btn_type2.btn_contact a span { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding-top: 15px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.u-btn_type2.btn_contact a:hover span.u-icon_mail:before { background-image: url(./src/images/mail-black-envelope-symbol_white.png); }
@media only screen and (min-width: 768px) { .u-btn_type2 a { font-size: 115%; font-size: 1.15rem; -moz-border-radius: 23px; border-radius: 23px; height: 46px; }
  .u-btn_type2 a:before { -moz-border-radius: 21px; border-radius: 21px; height: 42px; }
  .u-btn_type2 a span { -moz-border-radius: 21px; border-radius: 21px; height: 42px; padding-top: 15px; } }
._pc .u-btn_type1 a { -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; }
._pc .u-btn_type1 a:hover { background-color: rgba(0, 0, 0, 0.9); color: #ffffff; }
._pc .u-btn_type1.btn_back { margin-top: 45px; }
._pc .u-btn_type1.btn_back a { font-size: 143%; font-size: 1.43rem; height: 70px; -moz-border-radius: 35px; border-radius: 35px; width: 295px; }
._pc .u-btn_type2 a:hover:after { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
._pc .u-btn_type2 a:hover span { color: white; }
._pc .u-btn_type2.bd_white a:hover span { color: #00a3c0; }
.u-flex, .u-flex_wrap, .u-flex_ai_center, .u-flex_jc_between, .u-flex_jc_start { display: -ms-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.u-flex_wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.u-flex_ai_center { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.u-flex_jc_between { -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.u-flex_jc_start { -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
@media only screen and (min-width: 768px) { [class*=' u-flex_pc'] { display: -ms-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
  [class^='u-flex_pc'] { display: -ms-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
  .u-flex_pc_reverce { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } }
.u-inline-block { display: inline-block; }
.u-block { display: block; }
.u-font_red { color: #df0101; }
.u-font_center { text-align: center; }
.u-font_right { text-align: right; }
.u-font_bold { font-weight: bold; }
.u-font_helvetica { font-family: helvetica, arial, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif; }
.u-font_BrandonGrotesque { font-family: "brandon-grotesque", sans-serif; }
@media only screen and (max-width: 767px) { .u-font_s { font-size: 86%; font-size: 0.86rem; }
  .u-font_l { font-size: 143%; font-size: 1.43rem; } }
@media only screen and (min-width: 768px) { .u-font_s { font-size: 93%; font-size: 0.93rem; }
  .u-font_l { font-size: 215%; font-size: 2.15rem; } }
@media only screen and (max-width: 767px) { .u-gmap { margin-top: 5px; padding-top: 70%; position: relative; width: 100%; }
  .u-gmap iframe, .u-gmap object, .u-gmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }
.u-heading_type1 { font-size: 222%; font-size: 2.22rem; font-weight: bold; line-height: normal; margin-bottom: 5px; }
.u-heading_type1_en { font-family: "brandon-grotesque", sans-serif; font-weight: bold; line-height: 1.1; }
.u-heading_type1_jp { font-size: 100%; font-size: 1rem; display: block; line-height: 1.1; margin-top: -3px; }
.u-heading_type1_jp2 { font-size: 172%; font-size: 1.72rem; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; display: block; }
.u-heading_type2 { font-size: 115%; font-size: 1.15rem; font-weight: bold; line-height: 1.56; letter-spacing: 0.8px; margin-bottom: 10px; }
@media only screen and (min-width: 768px) { .u-heading_type1 { font-size: 286%; font-size: 2.86rem; margin-bottom: 20px; position: relative; }
  .u-heading_type1_jp { font-size: 115%; font-size: 1.15rem; display: block; letter-spacing: 0.8px; margin-top: -2px; }
  .u-heading_type1_jp2 { font-size: 215%; font-size: 2.15rem; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; display: block; }
  .u-heading_type2 { font-size: 172%; font-size: 1.5rem; margin-bottom: 20px; line-height: 1.46; letter-spacing: 1.2px; } }
.u-hover_opacity { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; }
.u-hover_opacity_img img { -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; }
._pc .u-hover_opacity { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
._pc .u-hover_opacity:hover { opacity: 0.7; }
._pc .u-hover_opacity_img:hover img { opacity: 0.7; }
[class*=' u-icon_']:before { -moz-background-size: cover; background-size: cover; content: ''; display: inline-block; }
[class^='u-icon_']:before { -moz-background-size: cover; background-size: cover; content: ''; display: inline-block; }
.u-icon_phone:before { background-image: url(./src/images/icon_phone.png); height: 21px; width: 22px; }
.u-icon_mail:before { background-image: url(./src/images/mail-black-envelope-symbol.png); height: 15px; margin-right: 12px; width: 20px; }
.list_label { font-size: 100%; font-size: 1rem; display: inline-block; color: white; font-weight: bold; line-height: 1.1; left: 0; letter-spacing: 0.7px; min-width: 110px; padding: 7px 13px 6px; position: absolute; text-align: center; top: 9px; }
.u-list_news a { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #000; border-top: 1px solid #000; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: -1px; overflow: hidden; padding: 20px 10px 18px; text-decoration: none; }
.u-list_news .date { font-size: 86%; font-size: 0.86rem; margin-right: 7px; width: 70px; }
.u-list_news .ttl { font-size: 100%; font-size: 1rem; font-weight: bold; line-height: 1.29; text-overflow: ellipsis; overflow: hidden; width: -webkit-calc(100% - 77px); width: -moz-calc(100% - 77px); width: calc(100% - 77px); white-space: nowrap; }
.u-list_environment { padding: 0 18px; }
.u-list_environment a { position: relative; text-decoration: none; }
.u-list_environment article { margin-bottom: 10px; }
.u-list_environment_item { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #dadada; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; font-weight: bold; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 65%; position: relative; width: 100%; }
.u-list_environment_item .date { font-size: 93%; font-size: 0.93rem; color: #8a8a8a; line-height: 1.62; letter-spacing: 0.7px; }
.u-list_environment_item .list_title { font-size: 100%; font-size: 1rem; line-height: 1.86; letter-spacing: 0.7px; word-break: break-all; word-wrap: break-word; width: 100%; }
.u-list_environment_item .text_box { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: auto; left: 0; padding: 35px 15px; position: absolute; top: 0; width: 100%; }
.u-list_results a { text-decoration: none; position: relative; }
._pc .u-list_results a:hover .img_box:after { height: 100%; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); width: 100%; z-index: 3; }
._pc .u-list_results a:hover .img_box img { -webkit-filter: blur(2px); filter: blur(2px); }
.u-list_results .img_box { overflow: hidden; padding-top: 66%; position: relative; }
.u-list_results .img_box img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; width: 100%; font-family: 'object-fit:cover;'; }
.u-list_results .img_box:after { bottom: 0; font-size: 165%; font-size: 1.65rem; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.4); content: 'view more'; color: white; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; font-family: helvetica, arial, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; left: 0; letter-spacing: 0.8px; margin: auto; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; width: 100%; z-index: -1; }
.u-list_results article { margin: 0 auto 20px; position: relative; max-width: 90%; width: 321px; }
.u-list_results_item { display: block; position: relative; }
.u-list_results .list_title { font-size: 100%; font-size: 1rem; font-weight: normal; margin-top: 5px; }
@media only screen and (min-width: 768px) { .u-list_news { width: 1010px; }
  .u-list_news a { line-height: 1.1; padding: 24px 10px; }
  .u-list_news .date { font-size: 115%; font-size: 1.15rem; width: 130px; }
  .u-list_news .ttl { font-size: 129%; font-size: 1.29rem; text-overflow: ellipsis; white-space: nowrap; width: -webkit-calc(100% - 130px); width: -moz-calc(100% - 130px); width: calc(100% - 130px); }
  .u-list_environment { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; width: 100%; }
  .u-list_environment article { margin-bottom: 20px; }
  .u-list_environment_item { width: 320px; }
  .u-list_environment:after { content: ''; display: block; height: 1px; width: 320px; }
  .u-list_results { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; width: 1030px; }
  .u-list_results article { margin: 0 0 20px; width: 321px; }
  .u-list_results_item { width: 100%; } }
.u-mg_btm_1em { margin-bottom: 1em; }
.u-mg_btm_15 { margin-bottom: 15px; }
.u-mg_btm_20 { margin-bottom: 20px; }
.u-mg_btm_30 { margin-bottom: 30px; }
@media only screen and (min-width: 768px) { .u-mg_btm_pc_45 { margin-bottom: 45px; } }
.u-mg_top_30 { margin-top: 30px; }
.u-mg_center { margin-left: auto; margin-right: auto; }
.u-pd_btm_0 { padding-bottom: 0; }
.u-pd_btm_15 { padding-bottom: 15px; }
.u-pd_btm_20 { padding-bottom: 20px; }
.u-pd_btm_30 { padding-bottom: 30px; }
.u-pd_top_0 { padding-top: 0; }
.u-pd_top_30 { padding-top: 30px; }
.u-pd_center { padding-left: auto; padding-right: auto; }
@media only screen and (min-width: 768px) { .u-pd_right_pc_45 { padding-right: 45px; } }
[class*=' u-table_type'] { background: #ffffff; border: 1px solid #efefef; border-collapse: collapse; }
[class*=' u-table_type'] tr:first-child th { border-top: none; }
[class*=' u-table_type'] tr:first-child td { border-top: none; }
[class*=' u-table_type'] th { background: #e7e7e7; border-top: 1px solid #efefef; color: black; font-weight: 500; line-height: 1.43; padding: 10px; text-align: left; vertical-align: middle; }
[class*=' u-table_type'] td { background: #ffffff; border-top: 1px solid #efefef; color: #000000; line-height: 1.43; padding: 10px; vertical-align: middle; }
[class^='u-table_type'] { background: #ffffff; border: 1px solid #efefef; border-collapse: collapse; }
[class^='u-table_type'] tr:first-child th { border-top: none; }
[class^='u-table_type'] tr:first-child td { border-top: none; }
[class^='u-table_type'] th { background: #e7e7e7; border-top: 1px solid #efefef; color: black; line-height: 1.43; padding: 10px; text-align: left; vertical-align: middle; }
[class^='u-table_type'] td { background: #ffffff; border-right: 1px solid #efefef; border-top: 1px solid #efefef; color: #000000; line-height: 1.43; padding: 10px; vertical-align: middle; }
.u-table_type1 { line-height: 1.6; margin: 0; table-layout: fixed; width: 100%; }
@media only screen and (max-width: 767px) { [class*=' u-table_type'] th { font-size: 100%; font-size: 1rem; }
  [class*=' u-table_type'] td { font-size: 100%; font-size: 1rem; }
  [class^='u-table_type'] th { font-size: 100%; font-size: 1rem; }
  [class^='u-table_type'] td { font-size: 100%; font-size: 1rem; }
  .u-table_wrap_scroll { overflow-x: scroll; width: auto; white-space: nowrap; }
  .u-table_wrap_scroll .u-table_type1 { width: auto; }
  .u-table_wrap_scroll::-webkit-scrollbar { border: none; display: block; height: 7px; width: 23px; }
  .u-table_wrap_scroll::-webkit-scrollbar-track { background: #fff; border: none; border-radius: 3.8px; box-shadow: 0; }
  .u-table_wrap_scroll::-webkit-scrollbar-thumb { background: #aaa; border-radius: 3.8px; border: none; box-shadow: 0; }
  .u-table_type1 th { width: 98px; } }
@media only screen and (min-width: 768px) { .u-table_type1 { width: 910px; }
  .u-table_type1 th { font-size: 115%; font-size: 1.15rem; width: 176px; padding: 19px 22px; }
  .u-table_type1 td { font-size: 115%; font-size: 1.15rem; line-height: 1.88; letter-spacing: 0.8px; padding: 19px 22px; }
  .u-table_wrap_scroll { margin: 0 auto; max-width: 100%; width: 980px; } }
.p-about-us .c-content_wrap { padding-bottom: 60px; }
.p-about-us .about_text-01 { font-weight: bold; text-align: center; background-image: -webkit-linear-gradient(280deg, #00a3c0, #1bcce0 38%, #007be1), -webkit-linear-gradient(top, #02b3d2, #02b3d2); background-image: -moz- oldlinear-gradient(280deg, #00a3c0, #1bcce0 38%, #007be1), -moz- oldlinear-gradient(top, #02b3d2, #02b3d2); background-image: linear-gradient(170deg, #00a3c0, #1bcce0 38%, #007be1), linear-gradient(to bottom, #02b3d2, #02b3d2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
@media all and (-ms-high-contrast: none) { .p-about-us { /* IE10,11用 */ }
  .p-about-us .about_text-01 { background-image: none; color: #02b3d2; font-weight: bold; text-align: center; } }
.p-about-us .about_text_box { font-size: 100%; font-size: 1rem; margin: 20px auto; -moz-border-radius: 5px; border-radius: 5px; background-image: -webkit-linear-gradient(280deg, #00a3c0, #1bcce0 49%, #007be1), -webkit-linear-gradient(top, #02b3d2, #02b3d2); background-image: -moz- oldlinear-gradient(280deg, #00a3c0, #1bcce0 49%, #007be1), -moz- oldlinear-gradient(top, #02b3d2, #02b3d2); background-image: linear-gradient(170deg, #00a3c0, #1bcce0 49%, #007be1), linear-gradient(to bottom, #02b3d2, #02b3d2); -moz-background-clip: border-box; background-clip: border-box; padding: 2px; position: relative; }
.p-about-us .about_text_box .inner { background: white; -moz-border-radius: 5px; border-radius: 5px; padding: 15px; }
.p-about-us .about_text_box .logo { margin-bottom: 19px; text-align: center; }
.p-about-us .about_text_box .logo img { width: 95px; height: 54.5px; }
.p-about-us #aboutTextClip { -moz-border-radius: 5px; border-radius: 5px; border: 2px dashed white; left: 0; height: 100%; position: absolute; top: 0; width: 100%; }
@media only screen and (max-width: 767px) { .p-about-us .about_text-01 { font-size: 100%; font-size: 1rem; } }
@media only screen and (max-width: 374px) { .p-about-us .about_text-01 { font-size: 3.7vw; } }
@media only screen and (min-width: 768px) { .p-about-us .about_text-01 { font-size: 172%; font-size: 1.72rem; }
  .p-about-us .about_text_box { font-size: 115%; font-size: 1.15rem; line-height: 2; letter-spacing: 0.8px; width: 735px; }
  .p-about-us .about_text_box .inner { padding: 14px 50px 25px; }
  .p-about-us .about_text_box .logo { margin-bottom: 15px; }
  .p-about-us .about_text_box .logo img { width: 120px; height: 68.5px; } }
.p-archive .c-content_wrap { padding-top: 10px; }
.p-archive .u-list_news article a { border-color: #dedede; }
.p-archive .u-list_news article:first-child a { border-top: none; }
.p-archive .u-list_environment { max-width: 994px; }
.p-archive.p-construction-results .c-title_page_en { font-size: 172%; font-size: 1.72rem; letter-spacing: 0.5px; }
.p-archive .results_sectioin_block { padding-bottom: 30px; }
.p-archive .u-list_results { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.p-archive .u-list_results article { margin: 0 0 10px; width: 49%; }
.p-archive .u-list_results article.new { margin: 0 auto 25px; width: 90%; }
.p-archive .u-list_results article.new .list_title { font-size: 129%; font-size: 1.29rem; line-height: 1.67; font-weight: bold; }
.p-archive .u-list_results article.new .list_label { font-size: 100%; font-size: 1rem; padding: 6px 13px; }
.p-archive .u-list_results article.new .detail_box { font-size: 100%; font-size: 1rem; }
.p-archive .u-list_results article.new .detail_box dl { font-weight: bold; }
.p-archive .u-list_results article.new .detail_box dl:first-child { margin-top: 15px; }
.p-archive .u-list_results article.new .detail_box dl dt { font-size: 86%; font-size: 0.86rem; clear: both; color: white; background: #02b3d2; display: block; float: left; height: 25px; line-height: 1.1; margin-right: 6px; margin-bottom: 5px; padding: 6px 0 0; text-align: center; width: 80px; }
.p-archive .u-list_results article.new .detail_box dl dd { font-size: 93%; font-size: 0.93rem; line-height: 1.38; margin-bottom: 5px; overflow: hidden; padding-top: 6px; }
.p-archive .u-list_results article.new .detail_box .list_detail { margin-top: 20px; }
.p-archive .u-list_results_item { width: 100%; }
.p-archive .u-list_results .list_title { font-size: 93%; font-size: 0.93rem; }
.p-archive .u-list_results .list_label { font-size: 72%; font-size: 0.72rem; max-width: 90%; padding: 3px 7px; }
@media only screen and (min-width: 768px) { .p-archive .c-content_wrap { padding-top: 70px; }
  .p-archive.p-construction-results .c-title_page_en { font-size: 286%; font-size: 2.86rem; letter-spacing: 2px; }
  .p-archive .results_sectioin_block { padding-bottom: 0; }
  .p-archive .results_sectioin_block .u-heading_type1 { margin-bottom: 20px; }
  .p-archive .u-list_results { -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .p-archive .u-list_results article { margin-right: 7px; }
  .p-archive .u-list_results .list_label { font-size: 100%; font-size: 1rem; }
  .p-archive #pick-up .u-list_results article { margin-right: 0; width: 250px; }
  .p-archive #pick-up .u-list_results article + article { margin-left: 3.5px; }
  .p-archive #pick-up .u-list_results article .list_title { font-size: 108%; font-size: 1.08rem; }
  .p-archive #new-post .u-list_results article { margin-bottom: 70px; margin-right: 30px; width: 320px; }
  .p-archive #new-post .u-list_results article:nth-child(3n + 1) { margin-right: 0; }
  .p-archive #new-post .u-list_results article .list_title { font-size: 115%; font-size: 1.15rem; }
  .p-archive #new-post .u-list_results article.new { margin: 0 0 40px; width: 100%; }
  .p-archive #new-post .u-list_results article.new .u-list_results_item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
  .p-archive #new-post .u-list_results article.new .img_box { height: 276px; padding-top: 0; width: 420px; }
  .p-archive #new-post .u-list_results article.new .text_box { padding-left: 15px; width: -webkit-calc(100% - 430px); width: -moz-calc(100% - 430px); width: calc(100% - 430px); }
  .p-archive #new-post .u-list_results article.new .list_title { font-size: 129%; font-size: 1.29rem; }
  .p-archive #new-post .u-list_results article.new .list_detail { line-height: 1.88; }
  .p-archive #new-post .u-list_results article.new .detail_box { font-size: 115%; font-size: 1.15rem; line-height: 1.88; }
  .p-archive #new-post .u-list_results article.new dl { margin-bottom: 25px; }
  .p-archive #new-post .u-list_results article.new dl dt { font-size: 100%; font-size: 1rem; margin-bottom: 16px; width: 110px; }
  .p-archive #new-post .u-list_results article.new dl dd { font-size: 115%; font-size: 1.15rem; margin-bottom: 16px; padding-top: 2px; } }
.p-company .u-gmap { margin: 10px auto; }
.p-company .img_list li { max-width: 159px; margin: 0 5px; }
.p-company .img_list img { height: auto; width: 100%; }
@media only screen and (min-width: 768px) { .p-company .u-gmap { margin: 18px auto; }
  .p-company section + section { margin-top: 30px; } }
/* フォーム系 */
.l-form .u-heading_type1 { line-height: 1.1; }
.l-form .grecaptcha-badge { z-index: 9996; }
.l-form .required { background: #df0101; -moz-border-radius: 2.5px; border-radius: 2.5px; color: #fff; display: block; font-weight: lighter; font-size: 72%; font-size: 0.72rem; line-height: 1.1; letter-spacing: 0.5px; padding: 4px; text-align: center; width: 4em; }
.l-form .asterisk { font-size: 122%; font-size: 1.22rem; color: #df0101; line-height: 1.1; }
.l-form .form_list { font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; display: block; margin-top: 25px; }
.l-form .form_list li { font-size: 100%; font-size: 1rem; margin-bottom: 15px; }
.l-form .form_item_wrap { display: block; position: relative; }
.l-form .form_item_wrap:before, .l-form .form_item_wrap:after { content: ''; -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -moz-transition: transform 0.3s, -moz-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s; }
.l-form .form_item_wrap .ttl { display: block; }
.l-form ._balloon_empty::before { content: '※ 必須項目欄が未記入です'; background-color: #fff; border: 1.5px solid red; -moz-border-radius: 4px; border-radius: 4px; color: red; font-size: 12px; right: 0; padding: 4px; position: absolute; top: -20px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.l-form ._balloon_empty::after { content: ''; border: 5px solid transparent; border-top: 5px solid #f00; height: 0; right: 120px; position: absolute; top: 10px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width: 0; }
.l-form ._balloon_mail::before { content: '※形式が正しくありません。'; position: absolute; top: -20px; font-size: 12px; color: red; background-color: #fff; border: 1px solid red; padding: 3px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.l-form ._balloon_mail::after { content: ''; border: 5px solid transparent; border-top: 5px solid #f00; height: 0; left: 20px; position: absolute; top: 7px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width: 0; }
.l-form .error_list { color: #df0101; margin-bottom: 20px; }
.l-form label { cursor: pointer; }
.l-form input, .l-form textarea { border: 1px solid #b3b3b3; -moz-border-radius: 2.5px; border-radius: 2.5px; display: block; font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; letter-spacing: 0.7px; max-width: 720px; padding: 10px; width: 100%; }
.l-form input:focus, .l-form textarea:focus { border: 1px solid #02b3d2; outline: 0; }
.l-form input::-webkit-input-placeholder, .l-form textarea::-webkit-input-placeholder { color: #b3b3b3; letter-spacing: 0.7px; }
.l-form input::-moz-placeholder, .l-form textarea::-moz-placeholder { color: #b3b3b3; letter-spacing: 0.7px; }
.l-form input:-ms-input-placeholder, .l-form textarea:-ms-input-placeholder { color: #b3b3b3; letter-spacing: 0.7px; }
.l-form input::placeholder, .l-form textarea::placeholder { color: #b3b3b3; letter-spacing: 0.7px; }
.l-form input:-ms-input-placeholder, .l-form textarea:-ms-input-placeholder { color: #b3b3b3; letter-spacing: 0.7px; }
.l-form input::-ms-input-placeholder, .l-form textarea::-ms-input-placeholder { color: #b3b3b3; letter-spacing: 0.7px; }
.l-form input { height: 56px; }
.l-form textarea { height: 180px; }
.l-form select { background-color: #d9d9d9; -moz-border-radius: 2.5px; border-radius: 2.5px; font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; height: 56px; letter-spacing: 0.7px; max-width: 720px; padding: 10px; width: 100%; }
.l-form .select_wrap { display: block; position: relative; max-width: 720px; }
.l-form .select_wrap:after { bottom: 0; content: ''; display: block; right: 9.5px; margin: auto; top: 0; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #7e7e7e transparent transparent transparent; position: absolute; }
.l-form input[type='checkbox'] { display: none; }
.l-form input[type='checkbox'] + .txt { width: 90px; }
.l-form input[type='checkbox'] + .txt:before { border: 1px solid #b3b3b3; -moz-border-radius: 2.5px; border-radius: 2.5px; content: ''; display: block; height: 20px; margin-right: 5px; width: 20px; }
.l-form input[type='checkbox']:checked + .txt:before { background: url(../../common/images/icon_check.svg) center center no-repeat; -moz-background-size: 13px 12px; background-size: 13px 12px; }
.l-form input[type='file'] { display: none; }
.l-form input[type='radio'] { border: none; display: inline; font-size: 0; opacity: 0; height: 0; padding: 0; width: 0; }
.l-form input[type='radio']:checked + .parts-checkbox span:before, .l-form input[type='radio']:checked + .parts-checkbox span:after { opacity: 1; }
.l-form .lead { font-size: 86%; font-size: 0.86rem; line-height: 1.67; letter-spacing: 0.6px; margin-bottom: 15px; }
.l-form .icon-send { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -ms-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 28.5px; }
.l-form .icon-send:before { background: url(../../common/images/icon_send.png) left top no-repeat; -moz-background-size: cover; background-size: cover; content: ''; display: inline-block; height: 21px; margin-right: 28.5px; width: 31.5px; }
.l-form .g-recaptcha { margin: 20px auto; width: 304px; }
.l-form .btn-form { text-align: center; }
.l-form .btn-form a { margin: 0 auto; width: 150px; }
.l-form .btn-submit.is-disabled + .u-btn_type2 a, .l-form .btn-submit[disabled] + .u-btn_type2 a, .l-form .btn-submit:disabled + .u-btn_type2 a { color: #efefef !important; cursor: not-allowed; background: #efefef; }
.l-form .btn-submit.is-disabled + .u-btn_type2 a span, .l-form .btn-submit[disabled] + .u-btn_type2 a span, .l-form .btn-submit:disabled + .u-btn_type2 a span { color: #efefef !important; }
.l-form .btn-submit.is-disabled + .u-btn_type2 a:after, .l-form .btn-submit[disabled] + .u-btn_type2 a:after, .l-form .btn-submit:disabled + .u-btn_type2 a:after { content: none; }
@media only screen and (max-width: 767px) { .l-form input, .l-form textarea { font-size: 100%; font-size: 1rem; } }
@media only screen and (min-width: 768px) { .p-contact .c-content_wrap { padding-bottom: 30px; }
  .l-form > .l-inner { margin: 0; max-width: 780px; }
  .l-form .lead { font-size: 100%; font-size: 1rem; line-height: 1.86; letter-spacing: 0.7px; margin-bottom: 8px; }
  .l-form .u-heading_type1 + .lead { margin-bottom: 50px; }
  .l-form .form_list { font-size: 100%; font-size: 1rem; }
  .l-form .form_list li:last-child { margin-bottom: 5px; }
  .l-form .form_list p { padding-left: 3px; }
  .l-form input, .l-form textarea, .l-form select { font-size: 115%; font-size: 1.15rem; }
  .l-form textarea { height: 225px; }
  .l-form .required { display: inline-block; margin-left: 15px; vertical-align: middle; }
  .l-form ._balloon_empty::before { right: auto; left: 120px; }
  .l-form ._balloon_empty::after { right: auto; left: 140px; }
  .l-form .select_wrap:after { right: 18px; }
  .l-form .btn-form a { width: 200px; } }
.l-thanks .u-btn_type1 { margin-top: 1.5em; }
@media only screen and (max-width: 767px) { .l-thanks .u-font_blue { font-size: 122%; font-size: 1.22rem; }
  .l-thanks .c-section_box2 { font-size: 108%; font-size: 1.08rem; line-height: 31px; padding-top: 30px; }
  .l-thanks .c-section_box2 p + p { margin-top: 20px; } }
@media only screen and (min-width: 768px) { .l-thanks .u-font_blue { font-size: 172%; font-size: 1.72rem; }
  .l-thanks .c-section_box2 { font-size: 115%; font-size: 1.15rem; line-height: 31px; padding-top: 30px; }
  .l-thanks .c-section_box2 p + p { margin-top: 20px; } }
.grecaptcha-badge { z-index: 9999; }
.p-error { text-align: center; }
.p-error .l-contents { padding: 0 0 5em; }
.p-error .l-contents p + p { margin-top: 1.5em; }
.p-error .u-btn { margin-top: 2em; }
.p-eco-assist .c-block_type1 .box_text { margin-top: -50px; }
@media only screen and (min-width: 768px) { .p-eco-assist .c-block_type1 .box_text { margin-top: 0; padding-right: 20px; width: 500px; }
  .p-eco-assist .c-btn_list { width: 500px; } }
.p-single { padding-bottom: 30px; }
.p-single .c-content_wrap { max-width: 870px; }
.p-single .post-title_wrap { position: relative; }
.p-single .post-title_wrap .post-label { font-size: 86%; font-size: 0.86rem; display: inline-block; min-width: 0; margin-right: 5px; margin-top: -8px; padding: 3px 10px; vertical-align: middle; width: auto; }
.p-single .post-label { font-size: 100%; font-size: 1rem; margin-bottom: 10px; position: relative; }
.p-single .post-date { font-size: 86%; font-size: 0.86rem; color: #383838; line-height: 1.1; }
.p-single .post-title { font-size: 129%; font-size: 1.29rem; line-height: 1.61; margin-bottom: 10px; }
.p-single .post-detail { border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; padding: 10px 0 40px; }
.p-single .post-detail img { margin-bottom: 0.5em; }
.p-single .u-btn_type2 { margin-top: 15px; text-align: center; }
.p-single .u-btn_type2 a { margin: 0 auto; width: 150px; }
.p-single .img-gallery { font-size: 0; margin-bottom: 10px; }
.p-single .img-gallery .slider_main { margin: 0; max-width: 790px; overflow: hidden; padding-top: 66%; position: relative; width: 100%; }
.p-single .img-gallery .slider_main img { bottom: 0; margin: auto; max-height: 100%; max-width: 100%; left: 0; height: 100%; object-fit: contain; opacity: 0; position: absolute; right: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; top: 0; width: 100%; }
.p-single .img-gallery .slider_main img._active { opacity: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.p-single .slider_thumb_list { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-width: 765px; margin-left: -2.5px; margin-top: 5px; width: -webkit-calc(100% + 5px); width: -moz-calc(100% + 5px); width: calc(100% + 5px); }
.p-single .slider_thumb_list li { background: #dadada; border: 2px solid white; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative; width: 20%; }
.p-single .slider_thumb_list li::before, .p-single .slider_thumb_list li::after { content: ''; display: block; height: 0; position: absolute; -webkit-transition: height, width 0.5s; -moz-transition: height, width 0.5s; transition: height, width 0.5s; width: 0; }
.p-single .slider_thumb_list li::before { left: 0; top: 0; border-left: 1px solid #333; border-top: 1px solid #333; }
.p-single .slider_thumb_list li::after { bottom: 0; right: 0; border-bottom: 1px solid #333; border-right: 1px solid #333; }
.p-single .slider_thumb_list li img { height: auto; object-fit: cover; opacity: 0.8; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; width: 100%; }
.p-single .slider_thumb_list li._active::before, .p-single .slider_thumb_list li._active::after { height: 100%; width: 100%; }
.p-single .slider_thumb_list li._active img { opacity: 1; }
.p-single .detail_box dl { font-weight: bold; }
.p-single .detail_box dl:first-child { margin-top: 15px; }
.p-single .detail_box dl dt { font-size: 86%; font-size: 0.86rem; clear: both; color: white; background: #02b3d2; display: block; float: left; height: 25px; line-height: 1.1; margin-right: 6px; margin-bottom: 5px; padding: 6px 0 0; text-align: center; width: 80px; }
.p-single .detail_box dl dd { font-size: 93%; font-size: 0.93rem; line-height: 1.38; margin-bottom: 5px; padding-top: 6px; }
.p-single .detail_box .list_detail { margin-top: 20px; }
@media only screen and (min-width: 768px) { .p-single { padding-bottom: 0; padding-left: 0; padding-right: 0; }
  .p-single .c-content_wrap { padding-top: 80px; }
  .p-single .post-title_wrap { padding-bottom: 15px; }
  .p-single .post-title_wrap .post-label { font-size: 100%; font-size: 1rem; margin-bottom: 15px; padding: 6px 22px; }
  .p-single .post-title_wrap .post-date { position: absolute; bottom: 4px; right: 5px; }
  .p-single .post-title_wrap .post-title { margin-bottom: 0; }
  .p-single .post-date { font-size: 100%; font-size: 1rem; }
  .p-single .post-title { font-size: 172%; font-size: 1.72rem; letter-spacing: 1.2px; margin-bottom: 15px; }
  .p-single .post-detail { padding: 18px 0 30px; }
  .p-single .u-btn_type2 { margin-top: 30px; }
  .p-single .u-btn_type2 a { width: 200px; }
  .p-single .detail_box { font-size: 115%; font-size: 1.15rem; }
  .p-single .detail_box dl { margin-bottom: 40px; }
  .p-single .detail_box dl dt { font-size: 100%; font-size: 1rem; margin-bottom: 10px; width: 110px; }
  .p-single .detail_box dl dd { font-size: 115%; font-size: 1.15rem; margin-bottom: 10px; padding-top: 2px; }
  .p-single .img-gallery { margin-bottom: 20px; }
  .p-single .img-gallery .slider_main { height: 488px; width: 795px; }
  .p-single .img-gallery .slider_thumb_list { margin-left: -2.5px; } }
.home .l-bg { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; height: 100vh; position: fixed; top: 0; left: 0; width: 100vw; z-index: -1; }
.home .l-bg video { left: 50%; max-width: none; min-height: 100vh; min-width: 100%; opacity: 1; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); vertical-align: top; }
.p-top { background-color: #fff; overflow: hidden; }
.p-top .top_section { padding: 40px 10px 50px; position: relative; }
.p-top .top_section.type2 { color: #fff; }
.p-top .top_section_title { font-size: 100%; font-size: 1rem; font-weight: bold; letter-spacing: 0.7px; line-height: 1.1; margin-bottom: 20px; }
.p-top .top_section_title span { font-size: 222%; font-size: 2.22rem; font-family: "brandon-grotesque", sans-serif; font-weight: bold; letter-spacing: 1.6px; display: block; }
.p-top .top_section .u-btn_type2 { border-color: white; margin: 13px auto 0; text-align: center; }
.p-top .top_section .u-btn_type2 a { width: 150px; }
.p-top .list_label { font-size: 100%; font-size: 1rem; letter-spacing: 0.7px; padding: 7px 10px; }
.visual_block { background: url(./dist/images/top-visual.jpg) left center no-repeat; -moz-background-size: cover; background-size: cover; color: #02b3d2; font-weight: bold; height: 0; position: relative; text-align: right; }
.visual_block .visual_text_box { -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 10px; position: absolute; left: 0; top: 0; width: 100%; }
.visual_block .visual_text1 { font-size: 286%; font-size: 2.86rem; line-height: 1.25; letter-spacing: 1.2px; text-align: right; }
.visual_block .visual_text1 span { display: block; }
.visual_block .visual_text2 { font-size: 108%; font-size: 1.08rem; line-height: 2.5; letter-spacing: 0.8px; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); -webkit-transition-delay: 1s !important; -moz-transition-delay: 1s !important; transition-delay: 1s !important; }
.p-top .news_section .u-list_news.inview-top article { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }
.p-top .news_section .u-list_news.inview-top article._show { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.p-top .news_section .u-btn_type2 { position: absolute; right: 10px; top: 35px; }
.p-top .news_section .u-btn_type2 a { width: 100px; }
.p-top .about-us_section { background-color: #02b3d2; }
.p-top .about-us_section p { font-size: 93%; font-size: 0.93rem; line-height: 1.77; }
.p-top .about-us_section .u-btn_type2.bd_white a:before { background-color: #02b3d2; }
.p-top .business_list_item { margin: 0 auto; max-width: 338px; position: relative; text-align: center; width: 95%; }
.p-top .business_list .list_title { bottom: 0; font-size: 0; left: 0; letter-spacing: 0.8px; margin: 0 auto -1px; position: absolute; text-align: center; width: 100%; }
.p-top .business_list .list_title span { font-size: 108%; font-size: 1.08rem; background-color: #fff; display: inline-block; min-width: 226px; margin: 0 auto; padding: 0 0 5px; }
.p-top .business_list .list_title span:before { content: ''; display: block; margin-bottom: 5px; height: 2.3px; background-image: -webkit-gradient(linear, left top, right top, from(#00a3c0), color-stop(49%, #1bcce0), color-stop(49%, #007be1)); background-image: -webkit-linear-gradient(left, #00a3c0, #1bcce0 49%, #007be1); background-image: -moz- oldlinear-gradient(left, #00a3c0, #1bcce0 49%, #007be1); background-image: linear-gradient(to right, #00a3c0, #1bcce0 49%, #007be1); }
.p-top .business_list .img_box { border: 1px solid #d7d7d7; padding-top: 50%; position: relative; }
.p-top .business_list .img_box img { object-fit: cover; font-family: 'object-fit: cover'; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.p-top .business_list .text_box { font-size: 100%; font-size: 1rem; background-color: white; line-height: 1.43; letter-spacing: 0.7px; margin: 5px auto 10px; position: relative; }
.p-top .business_list .u-btn_type2 { margin-top: 10px; }
.p-top .results_section { background-color: #45aad3; }
.p-top .results_section .top_section_title span { font-size: 186%; font-size: 1.86rem; letter-spacing: 1.3px; white-space: nowrap; }
.p-top .results_section .u-btn_type2.bd_white a:before { background-color: #45aad3; }
.p-top .environment_list { padding: 0 18px; }
.p-top .environment_list article { margin-bottom: 10px; }
.p-top .environment_list_item { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #dadada; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; font-weight: bold; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 65%; position: relative; }
.p-top .environment_list_item .date { font-size: 93%; font-size: 0.93rem; color: #8a8a8a; line-height: 1.62; letter-spacing: 0.7px; }
.p-top .environment_list_item .list_title { font-size: 100%; font-size: 1rem; line-height: 1.86; letter-spacing: 0.7px; }
.p-top .environment_list_item .text_box { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: auto; padding: 35px 15px; position: absolute; top: 0; width: 100%; }
@media only screen and (max-width: 767px) { .visual_block { padding-top: 110%; }
  .visual_block .u-btn_type2 { display: none; }
  .p-top .news_section .top_section_title { margin-bottom: 8px; } }
@media only screen and (min-width: 768px) { .home .l-header { -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); -webkit-transition: -webkit-transform 150ms; transition: -webkit-transform 150ms; -moz-transition: transform 150ms, -moz-transform 150ms; transition: transform 150ms; transition: transform 150ms, -webkit-transform 150ms, -moz-transform 150ms; -webkit-transition-delay: 1.8s; -moz-transition-delay: 1.8s; transition-delay: 1.8s; }
  .home .l-contents { padding-left: 0; -webkit-transition: padding 150ms; -moz-transition: padding 150ms; transition: padding 150ms; -webkit-transition-delay: 2s; -moz-transition-delay: 2s; transition-delay: 2s; }
  .home .l-wrapper._show .l-header { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .home .l-wrapper._show .l-contents { padding-left: 200px; }
  .p-top .top_section { padding: 59px 0 95px; }
  .p-top .top_section_title { font-size: 115%; font-size: 1.15rem; letter-spacing: 0.8px; line-height: 1.1; }
  .p-top .top_section_title span { font-size: 286%; font-size: 2.86rem; letter-spacing: 2px; }
  .p-top .top_section .top_section_inner { margin: 0 auto; max-width: 1030px; position: relative; }
  .p-top .top_section .top_section_inner .u-btn_type2.pc-right { position: absolute; right: 0; top: 0; }
  .p-top .top_section .u-btn_type2 a { width: 200px; }
  .visual_block { background: none; min-height: 790px; max-height: none; height: 100vh; position: relative; }
  .visual_block .visual_text_box { padding-right: 48px; }
  .visual_block .visual_text1 { font-size: 500%; font-size: 5rem; }
  .visual_block .visual_text2 { font-size: 143%; font-size: 1.43rem; }
  .visual_block .u-btn_type2 { position: absolute; right: 25px; top: 30px; }
  .visual_block .u-btn_type2 a { background: white; }
  ._tab .visual_block { max-height: 790px; }
  .p-top .news_section .top_section_title { margin-bottom: 10px; }
  .p-top .news_section .u-btn_type2 { right: 30px; }
  .p-top .about-us_section { background-color: transparent; height: 460px; padding: 0; }
  .p-top .about-us_section:before { background-color: #02b3d2; content: ''; display: block; height: 460px; left: 0; position: absolute; top: 0; width: 100%; }
  .p-top .about-us_section .top_section_title { margin-bottom: 20px; }
  .p-top .about-us_section .top_section_inner { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 100%; }
  .p-top .about-us_section p { font-size: 115%; font-size: 1.15rem; margin-bottom: 20px; }
  .p-top .about-us_section .u-btn_type2 { margin-top: 0; text-align: left; }
  .p-top .about-us_section .c-video_box { margin-left: 90px; }
  .p-top .business_section { margin: 0 auto; max-width: 1080px; padding-top: 91px; }
  .p-top .business_section .top_section_title { margin-bottom: 15px; }
  .p-top .business_list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; }
  .p-top .business_list_item { margin: 0 2.5px; width: 338px; }
  .p-top .business_list_item .list_title { font-size: 115%; font-size: 1.15rem; }
  .p-top .business_list_item .list_title span { padding-bottom: 4px; }
  .p-top .business_list_item .list_title span:before { margin-bottom: 10px; }
  .p-top .business_list_item .img_box { padding-top: 50%; }
  .p-top .business_list_item .text_box { font-size: 108%; font-size: 1.08rem; line-height: 1.4; letter-spacing: 0.8px; }
  .p-top .business_list_item .u-btn_type2 { margin-top: 15px; }
  .p-top .results_section { padding-bottom: 50px; padding-top: 68px; }
  .p-top .results_section .top_section_title { margin-bottom: 25px; }
  .p-top .results_section .top_section_title span { font-size: 286%; font-size: 2.86rem; }
  .p-top .results_section .u-list_results article + article { margin-left: 23px; }
  .p-top .environment_section { padding-top: 70px; }
  .p-top .environment_section .top_section_title { margin-bottom: 15px; }
  .p-top .environment_list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; width: 100%; }
  .p-top .environment_list_item { width: 320px; } }
@media only screen and (min-width: 1030px) { .visual_block { max-height: none; } }
.l-wrapper._show .p-top .index-visual { opacity: 1; }
.l-wrapper._show .p-top .index-visual_text { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.l-wrapper._show .p-top .index-visual_text_1, .l-wrapper._show .p-top .index-visual_text_2 { text-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.3); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.p-wa-shirt .design_title { font-size: 172%; font-size: 1.72rem; font-weight: bold; line-height: normal; letter-spacing: normal; margin-bottom: 10px; }
.p-wa-shirt .design_list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.p-wa-shirt .design_list li { font-size: 86%; font-size: 0.86rem; line-height: normal; letter-spacing: 0.7px; margin-bottom: 15px; width: 50%; }
.p-wa-shirt .design_list li img { height: auto; width: 100%; }
.p-wa-shirt .design_list li p { margin-top: 3px; }
.p-wa-shirt .design_list li:nth-child(2n - 1) { padding-right: 2.5px; }
.p-wa-shirt .design_list li:nth-child(2n) { padding-left: 2.5px; }
@media only screen and (min-width: 768px) { .p-wa-shirt .design_title { letter-spacing: 1.2px; }
  .p-wa-shirt .design_list { margin: 0; }
  .p-wa-shirt .design_list li { font-size: 108%; font-size: 1.08rem; text-align: center; width: 240px; }
  .p-wa-shirt .design_list li:nth-child(n + 2) { margin-left: 13.5px; }
  .p-wa-shirt .design_list li:nth-child(2n - 1) { padding-right: 0; }
  .p-wa-shirt .design_list li:nth-child(2n) { padding-left: 0; }
  .p-wa-shirt.p-washirt .c-block_type1 .box_text { margin-right: -55px; } }

  .ScrollTop {
    display: none;
  
  }
  
  @media only screen and (min-width: 768px) {
    .ScrollTop {
      display: block;
      opacity: 0;
    }
  
    .ScrollTop.isActive {
      opacity: 1;
      transition: all 0.65s;
    }
  
    .l-header_sp {
      display: none;
    }
  
  
  }

  .u-btn_glay a {
    background: linear-gradient(to top, #a9a9a9, #a9a9a9 49%, #a9a9a9);
    pointer-events: none;
  }
  .u-btn_glay a::before {
    
  }
  .u-btn_glay a span {
    color: #a9a9a9;
  }

  

  /* スライド */
  .wrap{
    margin: 0 calc(50% - 50vw);
    max-width: 100vw;
    position: relative;
    overflow: hidden;
  }
  @keyframes zoom {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.2);
    }
  }
  .swiper-slide-active .slide-img,
  .swiper-slide-duplicate-active .slide-img,
  .swiper-slide-prev .slide-img{
    animation: zoom 10s linear 0s 1 normal both;  
  }
  .slide-text{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 46px;
    font-family: serif;
    font-weight: bold;
    text-shadow: 2px 2px 8px #000;
    color: #fff;
    transform: translate(-50%,-50%);
  }
  .slide-img img{
    object-fit: cover;
    height: 100vh;
    width: 100vw;
  }