@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=EB+Garamond&family=Noto+Serif+JP:wght@400;700&display=swap");

/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) {
  display: none;
  height: 0;
}

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] {
  display: none;
}

/* ========================================================================== Base ========================================================================== */
/** 1. Prevent system color scheme's background color being used in Firefox, IE, and Opera. 2. Prevent system color scheme's text color being used in Firefox, IE, and Opera. 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 4. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */
}

/** Address `font-family` inconsistency between `textarea` and other form elements. */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/** Address margins handled incorrectly in IE 6/7. */
body {
  margin: 0;
}

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
  outline: thin dotted;
}

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
  outline: 0;
}

/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/** Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] {
  border-bottom: 1px dotted;
}

/** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/** Address styling not present in Safari 5 and Chrome. */
dfn {
  font-style: italic;
}

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/** Address styling not present in IE 6/7/8/9. */
mark {
  background: #ff0;
  color: #000;
}

/** Address margins set differently in IE 6/7. */
p,
pre {
  margin: 0;
}

/** Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/** Improve readability of pre-formatted text in all browsers. */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/** Address CSS quotes not supported in IE 6/7. */
q {
  quotes: none;
}

/** Address `quotes` property not supported in Safari 4. */
q:before,
q:after {
  content: '';
  content: none;
}

/** Address inconsistent and variable font size in all browsers. */
small {
  font-size: 80%;
}

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl,
menu,
ol,
ul {
  margin: 0;
}

dd {
  margin: 0 0 0 0px;
}

/** Address paddings set differently in IE 6/7. */
menu,
ol,
ul {
  padding: 0 0 0 0px;
}

/** Correct list images handled incorrectly in IE 7. */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) {
  overflow: hidden;
}

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure {
  margin: 0;
}

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form {
  margin: 0;
}

/** Define consistent border, margin, and padding. */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/** Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button,
input {
  line-height: normal;
}

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. Correct `select` style inheritance in Firefox 4+ and Obutton,
select { text-transform: none;
}

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/** Re-set default cursor for disabled elements. */
button[disabled],
html input[disabled] {
  cursor: default;
}

/** 1. Address box sizing set to content-box in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/** Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/** 1. Remove default vertical scrollbar in IE 6/7/8/9. 2. Improve readability and alignment in all browsers. */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* HTML5 Boilerplate  What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  font-size: 1em;
  line-height: 1.4;
}

/* Remove text-shadow in selection highlight: h5bp.com/i These selection rule sets have to be separate. Customize the background color to match your design. */
/* A better looking default horizontal rule */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img {
  /* vertical-align: middle;*/
}

/* Remove default fieldset styles. */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* Allow only vertical resizing of textareas. */
textarea {
  resize: vertical;
}

/* ========================================================================== Chrome Frame prompt ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ========================================================================== Author's custom styles ========================================================================== */
/* ========================================================================== Helper classes ========================================================================== */
/* Image replacement */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.clearfix {
  *zoom: 1;
}

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
@media print {
  /*  * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
/* Don't show links for images, or javascript/internal links */
  /*   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */
  /*    }  tr, img { page-break-inside: avoid; }  img { max-width: 100% !important; }  @page { margin: 0.5cm; }  p, h2, h3 { orphans: 3; widows: 3; }  h2, h3 { page-break-after: avoid; }*/
}

._sp,
._sp960,
._sp360,
._sp460,
._sp560,
._sp680,
._sp760,
._sp860 {
  display: none !important;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
  line-height: 0px;
  font-size: 0px;
  width: auto;
}

.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

ul {
  margin: 0px;
  padding: 0px;
}

/*margin*/
.mreset {
  margin: 0 0 0 0;
}

.mt1 {
  margin-top: 1px;
}

.mt2 {
  margin-top: 2px;
}

.mt3 {
  margin-top: 3px;
}

.mt4 {
  margin-top: 4px;
}

.mt5 {
  margin-top: 5px;
}

.mt6 {
  margin-top: 6px;
}

.mt7 {
  margin-top: 7px;
}

.mt8 {
  margin-top: 8px;
}

.mt9 {
  margin-top: 9px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mt90 {
  margin-top: 90px;
}

.mt95 {
  margin-top: 95px;
}

.mt100 {
  margin-top: 100px;
}

.mr1 {
  margin-right: 1px;
}

.mr2 {
  margin-right: 2px;
}

.mr3 {
  margin-right: 3px;
}

.mr4 {
  margin-right: 4px;
}

.mr5 {
  margin-right: 5px;
}

.mr6 {
  margin-right: 6px;
}

.mr7 {
  margin-right: 7px;
}

.mr8 {
  margin-right: 8px;
}

.mr9 {
  margin-right: 9px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr45 {
  margin-right: 45px;
}

.mr50 {
  margin-right: 50px;
}

.mr55 {
  margin-right: 55px;
}

.mr60 {
  margin-right: 60px;
}

.mr65 {
  margin-right: 65px;
}

.mr70 {
  margin-right: 70px;
}

.mr75 {
  margin-right: 75px;
}

.mr80 {
  margin-right: 80px;
}

.mr85 {
  margin-right: 85px;
}

.mr90 {
  margin-right: 90px;
}

.mr95 {
  margin-right: 95px;
}

.mr100 {
  margin-right: 100px;
}

.mb1 {
  margin-bottom: 1px;
}

.mb2 {
  margin-bottom: 2px;
}

.mb3 {
  margin-bottom: 3px;
}

.mb4 {
  margin-bottom: 4px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb6 {
  margin-bottom: 6px;
}

.mb7 {
  margin-bottom: 7px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb9 {
  margin-bottom: 9px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb95 {
  margin-bottom: 95px;
}

.mb100 {
  margin-bottom: 100px;
}

.ml1 {
  margin-left: 1px;
}

.ml2 {
  margin-left: 2px;
}

.ml3 {
  margin-left: 3px;
}

.ml4 {
  margin-left: 4px;
}

.ml5 {
  margin-left: 5px;
}

.ml6 {
  margin-left: 6px;
}

.ml7 {
  margin-left: 7px;
}

.ml8 {
  margin-left: 8px;
}

.ml9 {
  margin-left: 9px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml45 {
  margin-left: 45px;
}

.ml50 {
  margin-left: 50px;
}

.ml55 {
  margin-left: 55px;
}

.ml60 {
  margin-left: 60px;
}

.ml65 {
  margin-left: 65px;
}

.ml70 {
  margin-left: 70px;
}

.ml75 {
  margin-left: 75px;
}

.ml80 {
  margin-left: 80px;
}

.ml85 {
  margin-left: 85px;
}

.ml90 {
  margin-left: 90px;
}

.ml95 {
  margin-left: 95px;
}

.ml100 {
  margin-left: 100px;
}

/*padding*/
.pt1 {
  padding-top: 1px;
}

.pt2 {
  padding-top: 2px;
}

.pt3 {
  padding-top: 3px;
}

.pt4 {
  padding-top: 4px;
}

.pt5 {
  padding-top: 5px;
}

.pt6 {
  padding-top: 6px;
}

.pt7 {
  padding-top: 7px;
}

.pt8 {
  padding-top: 8px;
}

.pt9 {
  padding-top: 9px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pt55 {
  padding-top: 55px;
}

.pt60 {
  padding-top: 60px;
}

.pt65 {
  padding-top: 65px;
}

.pt70 {
  padding-top: 70px;
}

.pt75 {
  padding-top: 75px;
}

.pt80 {
  margin-top: 80px;
}

.pt85 {
  padding-top: 85px;
}

.pt90 {
  padding-top: 90px;
}

.pt95 {
  padding-top: 95px;
}

.pt100 {
  padding-top: 100px;
}

.pt230 {
  padding-top: 230px;
}

.pt420 {
  padding-top: 420px;
}

.pr1 {
  padding-right: 1px;
}

.pr2 {
  padding-right: 2px;
}

.pr3 {
  padding-right: 3px;
}

.pr4 {
  padding-right: 4px;
}

.pr5 {
  padding-right: 5px;
}

.pr6 {
  padding-right: 6px;
}

.pr7 {
  padding-right: 7px;
}

.pr8 {
  padding-right: 8px;
}

.pr9 {
  padding-right: 9px;
}

.pr10 {
  padding-right: 10px;
}

.pr12 {
  padding-right: 12px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr27 {
  padding-right: 27px;
}

.pr30 {
  padding-right: 30px;
}

.pr35 {
  padding-right: 35px;
}

.pr40 {
  padding-right: 40px;
}

.pr45 {
  padding-right: 45px;
}

.pr50 {
  padding-right: 50px;
}

.pr55 {
  padding-right: 55px;
}

.pr60 {
  padding-right: 60px;
}

.pr65 {
  padding-right: 65px;
}

.pr70 {
  padding-right: 70px;
}

.pr75 {
  padding-right: 75px;
}

.pr80 {
  padding-right: 80px;
}

.pr85 {
  padding-right: 85px;
}

.pr90 {
  padding-right: 90px;
}

.pr95 {
  padding-right: 95px;
}

.pr100 {
  padding-right: 100px;
}

.pb1 {
  padding-bottom: 1px;
}

.pb2 {
  padding-bottom: 2px;
}

.pb3 {
  padding-bottom: 3px;
}

.pb4 {
  padding-bottom: 4px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb6 {
  padding-bottom: 6px;
}

.pb7 {
  padding-bottom: 7px;
}

.pb8 {
  padding-bottom: 8px;
}

.pb9 {
  padding-bottom: 9px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb55 {
  padding-bottom: 55px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb65 {
  padding-bottom: 65px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb75 {
  padding-bottom: 75px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb85 {
  padding-bottom: 85px;
}

.pb90 {
  padding-bottom: 90px;
}

.pb95 {
  padding-bottom: 95px;
}

.pb100 {
  padding-bottom: 100px;
}

.pb150 {
  padding-bottom: 150px;
}

.pb200 {
  padding-bottom: 200px;
}

.pb230 {
  padding-bottom: 230px;
}

.pl1 {
  padding-left: 1px;
}

.pl2 {
  padding-left: 2px;
}

.pl3 {
  padding-left: 3px;
}

.pl4 {
  padding-left: 4px;
}

.pl5 {
  padding-left: 5px;
}

.pl6 {
  padding-left: 6px;
}

.pl7 {
  padding-left: 7px;
}

.pl8 {
  padding-left: 8px;
}

.pl9 {
  padding-left: 9px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl35 {
  padding-left: 35px;
}

.pl40 {
  padding-left: 40px;
}

.pl45 {
  padding-left: 45px;
}

.pl50 {
  padding-left: 50px;
}

.pl55 {
  padding-left: 55px;
}

.pl60 {
  padding-left: 60px;
}

.pl65 {
  padding-left: 65px;
}

.pl70 {
  padding-left: 70px;
}

.pl75 {
  padding-left: 75px;
}

.pl80 {
  padding-left: 80px;
}

.pl85 {
  padding-left: 85px;
}

.pl90 {
  padding-left: 90px;
}

.pl95 {
  padding-left: 95px;
}

.pl100 {
  padding-left: 100px;
}

.pl150 {
  padding-left: 150px;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.tleft {
  text-align: left;
}

.tright {
  text-align: right;
}

.center {
  text-align: center;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.em1 {
  padding: 0 0 0 1.1em;
}

.em2 {
  padding: 0 0 0 2.2em;
}

span.supT {
  font-size: 10px;
  vertical-align: top;
  position: relative;
  top: -5px;
  font-feature-settings: "pwid";
  letter-spacing: 0px;
}

img {
  -ms-interpolation-mode: bicubic;
}

li {
  list-style-type: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.t-left {
  text-align: left;
}

.t-center {
  text-align: center;
}

.t-right {
  text-align: right;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

ul,
ul li {
  margin: 0;
  padding: 0;
}

.ancb {
  position: relative;
}

.ancb a {
  position: absolute;
  left: 0;
  top: -60px;
}

p.note {
  font-size: 12px;
  line-height: 1.7em;
  font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ ゴシック", sans-serif;
}

p.note.abs {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

p.note.absl {
  position: absolute;
  left: 5px;
  bottom: 5px;
}

p.note.colw {
  color: #000;
}

p.note.colw.shdw {
  text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black, 0px 0px 3px black;
  -moz-text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black, 0px 0px 3px black;
  -webkit-text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black, 0px 0px 3px black;
}

p.note.shdw {
  text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black, 0px 0px 3px black;
  -moz-text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black, 0px 0px 3px black;
  -webkit-text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black, 0px 0px 3px black;
}

p.note.right {
  text-align: right;
}

p.note.center {
  text-align: center;
}

figure span.note,
.fig span.note,
.fig1 span.note,
.fig2 span.note,
.fig3 span.note,
.fig4 span.note,
.fig5 span.note,
.fig6 span.note,
.fig7 span.note,
.fig8 span.note,
.fig9 span.note {
  position: absolute;
  right: 5px;
  bottom: 5px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
}

span.note.colw {
  color: #000;
}

figure,
.fig {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fig1 {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fig2 {
  width: 100%;
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fig3 {
  width: 100%;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fig3.left {
  margin-left: unset;
}

.fig4 {
  width: 100%;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fig5 {
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fig6 {
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fig7 {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fig8 {
  width: 100%;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fig9 {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

figure img,
.fig img,
.fig1 img,
.fig2 img,
.fig3 img,
.fig4 img,
.fig5 img,
.fig6 img,
.fig7 img,
.fig8 img,
.fig9 img {
  width: 100%;
}

.cttbl {
  width: 50%;
  position: relative;
  box-sizing: border-box;
  float: left;
}

.cttbr {
  width: 50%;
  position: relative;
  box-sizing: border-box;
  float: right;
}

.cttbl.w28,
.cttbr.w28 {
  width: 28%;
}

.cttbl.w30,
.cttbr.w30 {
  width: 30%;
}

.cttbl.w32,
.cttbr.w32 {
  width: 32%;
}

.cttbl.w33,
.cttbr.w33 {
  width: 33.33%;
}

.cttbl.w40,
.cttbr.w40 {
  width: 40%;
}

.cttbl.w48,
.cttbr.w48 {
  width: 48%;
}

.cttbl.w49,
.cttbr.w49 {
  width: 49%;
}

.cttbl.w51,
.cttbr.w51 {
  width: 51%;
}

.cttbl.w52,
.cttbr.w52 {
  width: 52%;
}

.cttbl.w58,
.cttbr.w58 {
  width: 58%;
}

.cttbl.w60,
.cttbr.w60 {
  width: 60%;
}

.cttbl.w66,
.cttbr.w66 {
  width: 66.66%;
}

.cttbl.w70,
.cttbr.w70 {
  width: 70%;
}

.cttbl.w96,
.cttbr.w96 {
  width: 96%;
}

.cttbl.w285,
.cttbr.w285 {
  width: 285px;
}

.secin p.lead {
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 20px;
}

@media screen and (max-width: 584px) {
  .secin p.lead {
    font-size: 4vw;
    line-height: 1.8em;
  }
}

.secin p.lead span.col1 {
  color: #B28247;
}

.secin p.lead2 {
  font-size: 14px;
  line-height: 22px;
}

@media screen and (max-width: 584px) {
  .secin p.lead2 {
    font-size: 3.5vw;
    line-height: 1.8em;
  }
}

.secin p.lead2.center,
.secin p.lead.center {
  text-align: center;
}

.secin p.lead2.left,
.secin p.lead.left {
  text-align: left;
}

.secin p.lead2.right,
.secin p.lead.right {
  text-align: right;
}

@media screen and (max-width: 584px) {

  .cttbl,
  .cttbr {
    width: 100%;
    float: none;
  }

  .cttbl.w60,
  .cttbr.w60 {
    width: 100%;
    float: none;
  }

  .cttbl.w51,
  .cttbr.w51 {
    width: 100%;
    float: none;
  }

  .cttbl.w58,
  .cttbr.w58 {
    width: 100%;
    float: none;
  }

  .cttbl.w96,
  .cttbr.w96 {
    width: 100%;
    float: none;
  }

  .cttbl.w52,
  .cttbr.w52 {
    width: 100%;
    float: none;
  }

  .cttbl.w33,
  .cttbr.w33 {
    width: 100%;
    float: none;
  }

  .cttbl.w66,
  .cttbr.w66 {
    width: 100%;
    float: none;
  }

  .cttbl.w48,
  .cttbr.w48 {
    width: 100%;
    float: none;
  }

  .cttbl.w49,
  .cttbr.w49 {
    width: 100%;
    float: none;
  }

  .cttbl.w40,
  .cttbr.w40 {
    width: 100%;
    float: none;
  }

  .cttbl.w30,
  .cttbr.w30 {
    width: 100%;
    float: none;
  }

  .cttbl.w70,
  .cttbr.w70 {
    width: 100%;
    float: none;
  }

  .cttbl.w285,
  .cttbr.w285 {
    width: 100%;
    float: none;
  }

  .cttbl.w32,
  .cttbr.w32 {
    width: 100%;
    float: none;
  }

  .cttbl.w66,
  .cttbr.w66 {
    width: 100%;
    float: none;
  }
}

.thimi,
.thimi2,
.thimi4,
.thimi3 {
  opacity: 0;
  transform: scale(1.1) translate(0, 100px) skew(0deg, -5deg);
}

.thimi.ani1 {
  opacity: 1;
  -webkit-transition: all 0.8s 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
  transform: scale(1) translate(0, 0) skew(0deg, 0deg);
}

.thimi2.ani1 {
  opacity: 1;
  -webkit-transition: all 0.8s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transform: scale(1) translate(0, 0) skew(0deg, 0deg);
}

.thimi3.ani1 {
  opacity: 1;
  -webkit-transition: all 0.8s 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  transform: scale(1) translate(0, 0) skew(0deg, 0deg);
}

.thimi4.ani1 {
  opacity: 1;
  -webkit-transition: all 0.8s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transform: scale(1) translate(0, 0) skew(0deg, 0deg);
}

.thim.ani1.ani1fin,
.thim2.ani1.ani1fin,
.thim4.ani1.ani1fin,
.thim3.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.thim,
.thim2,
.thim4,
.thim3 {
  opacity: 0;
  -webkit-transform: translateY(5%);
  -moz-transform: translateY(5%);
  -ms-transform: translateY(5%);
  transform: translateY(5%);
}

.thim.thimu,
.thim2.thimu,
.thim4.thimu,
.thim3.thimu {
  opacity: 0;
  -webkit-transform: translateY(-5%);
  -moz-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
}

.thim.ani1 {
  opacity: 1;
  -webkit-transition: all 0.8s 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim2.ani1 {
  opacity: 1;
  -webkit-transition: all 0.8s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim3.ani1 {
  opacity: 1;
  -webkit-transition: all 0.8s 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim4.ani1 {
  opacity: 1;
  -webkit-transition: all 0.8s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.thim.ani1.ani1fin,
.thim2.ani1.ani1fin,
.thim4.ani1.ani1fin,
.thim3.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.sup {
  font-size: 10px !important;
  font-weight: 400;
  vertical-align: super;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  ._sp760 {
    display: block !important;
  }

  ._pc760 {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  ._sp640 {
    display: block;
  }

  ._pc640 {
    display: none;
  }
}

@media screen and (max-width: 584px) {
  .mb100 {
    margin-bottom: 50px;
  }

  ._sp,
  ._sp560 {
    display: block !important;
  }

  ._pc,
  ._pc560 {
    display: none !important;
  }
}

@media screen and (max-width: 468px) {
  ._sp460 {
    display: block !important;
  }

  ._pc460 {
    display: none !important;
  }
}

@media screen and (max-width: 390px) {
  ._sp360 {
    display: block !important;
  }

  ._pc360 {
    display: none !important;
  }
}

body {
  color: #000000;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 2em;
  background-color: #fff;
}

a {
  color: #000;
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
}

p {
  font-size: 14px;
  line-height: 1.8em;
  margin: 0px;
}

.sfs p {
  font-size: 12px;
}

.sfl p {
  font-size: 16px;
}

@media screen and (max-width: 584px) {
  p {
    font-size: 12px;
  }

  .sfs p {
    font-size: 10px;
  }

  .sfl p {
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 3px;
  font-weight: normal;
}

header,
#w0,
body {
  min-width: 1100px;
}

@media screen and (max-width: 584px) {

  header,
  #w0,
  body {
    min-width: 100px;
  }
}

#w0 {
  opacity: 0;
}

.mobile #w0 {
  min-width: 100%;
}

#w0.show1 {
  opacity: 1;
}

@media screen and (max-width: 584px) {
  #w0 {
    padding-bottom: 0px;
  }
}

.load {
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0;
  top: 35%;
  z-index: 1000;
}

.s1_0 .load {
  display: none;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

header {
  height: 64px;
  height: 100px;
  height: 116px;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 27;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #267aa7;
}

@media screen and (max-width: 584px) {
  header {
    height: 70px;
  }
}

header .header {
  width: 100%;
  position: absolute;
}

header h1 {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 30px;
  top: 10px;
  z-index: 17;
  width: 180px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

@media screen and (max-width: 584px) {
  header h1 {
    width: 60%;
    left: 2vw;
    top: 1vw;
    width: 40%;
    left: 6vw;
    top: 10px;
  }
}

header h1 img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}

header h1 a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

header nav.gmenu {
  color: #fff;
  position: absolute;
  right: 12px;
  top: 10px;
  width: calc(100% - 200px);
}

@media screen and (max-width: 584px) {
  header nav.gmenu {
    display: none;
  }
}

header nav.gmenu ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  position: relative;
}

header nav.gmenu ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  width: 100%;
  position: relative;
  color: #fff;
  font-size: 17px;
  text-align: center;
  line-height: 1em;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

header nav.gmenu ul li a span {
  font-size: 10px;
  margin-top: 4px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

header nav.gmenu ul li a:hover::before {
  width: 60%;
}

header nav.gmenu ul li a:hover.cbtncontact::before {
  width: 0%;
}

header nav.gmenu ul li a.cbtncontact {
  background-image: linear-gradient(90deg, #a71944, #6e1630);
}

header nav.gmenu ul li.tel {
  height: auto;
  margin-right: 20px;
}

header nav.gmenu ul li.tel p.telt {
  font-size: 10px;
  line-height: 1em;
}

header nav.gmenu ul li.tel img {
  margin-top: 0px;
  display: block;
  vertical-align: bottom;
  width: 200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px;
  margin-bottom: 6px;
}

header nav.gmenu ul li.tel a {
  padding-left: 0px;
  padding-right: 0px;
}

header nav.gmenu2 {
  color: #fff;
  position: absolute;
  right: 0;
  height: 64px;
  height: 50px;
  bottom: 0;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 584px) {
  header nav.gmenu2 {
    display: none;
  }
}

header nav.gmenu2 ul {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
}

header nav.gmenu2 ul li {
  height: 50px;
}

header nav.gmenu2 ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 1em;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

header nav.gmenu2 ul li a span {
  font-size: 10px;
  margin-top: 4px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

header nav.gmenu2 ul li a img {
  margin-top: 6px;
  display: block;
  vertical-align: bottom;
  width: auto;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
}

header nav.gmenu2 ul li a::before {
  width: 0;
  height: 1px;
  content: "";
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

header nav.gmenu2 ul li a:hover::before {
  width: 60%;
}

header nav.gmenu2 ul li a:hover.cbtncontact::before {
  width: 0%;
}

header nav.gmenu2 ul li a.cbtncontact {
  background-image: linear-gradient(90deg, #a71944, #6e1630);
}

.mobile header nav.gmenu ul li.cbtn2,
.mobile header nav.gmenu ul li.cbtn1 {
  display: none;
}

.frsvbtn {
  position: fixed;
  bottom: 0;
  right: -160px;
  display: block;
  width: 155px;
  height: 155px;
  background: #fff;
  z-index: 1000;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: block;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.posfix .frsvbtn {
  right: 0;
}

@media screen and (max-width: 584px) {
  .frsvbtn {
    width: 80px;
    height: 80px;
  }
}

.frsvbtn a {
  background: #816D4E;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 584px) {
  .frsvbtn a {
    font-size: 14px;
    line-height: 1.8em;
  }
}

.frsvbtn:hover a {
  opacity: 0.7;
}

.menuopen {
  overflow: hidden;
}

.menuopen header nav {
  margin-top: 0;
  pointer-events: auto;
}

.posfix article {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding-top: 0px;
}

.pagetitle {
  position: relative;
  overflow: hidden;
  height: 370px;
  margin-top: 70px;
}

@media screen and (max-width: 584px) {
  .pagetitle {
    margin-top: 60px;
    height: auto;
  }
}

.pagetitle .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  z-index: 1;
  transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.pagetitle .note {
  z-index: 2;
  color: #ffffff;
  text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px;
  position: absolute;
  left: 5px;
  bottom: 5px;
  font-size: 12px;
}

.pagetitle::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
  -webkit-transition: 1s 0s;
  -moz-transition: 1s 0s;
  -o-transition: 1s 0s;
  transition: 1s 0s;
}

.pagetitle .mainc {
  padding: 30px;
  position: absolute;
  left: 50%;
  top: 57%;
  width: 100%;
  z-index: 2;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media screen and (max-width: 584px) {
  .pagetitle .mainc {
    top: 50%;
  }
}

.pagetitle .mainc p.p1 {
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  font-size: 40px;
  text-align: center;
  letter-spacing: 4px;
  line-height: 1em;
  color: #fff;
  margin-bottom: 20px;
}

@media screen and (max-width: 584px) {
  .pagetitle .mainc p.p1 {
    font-size: 6vw;
  }
}

.pagetitle.ani1 .bg {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}

.pagetitle.ani1 .mainc p {
  opacity: 1;
  -webkit-transition: .4s 1s;
  -moz-transition: .4s 1s;
  -o-transition: .4s 1s;
  transition: .4s 1s;
  -webkit-transition: .4s .6s;
  -moz-transition: .4s .6s;
  -o-transition: .4s .6s;
  transition: .4s .6s;
}

.pagetitle.ani1::before {
  opacity: 1;
  -webkit-transition: .4s .6s;
  -moz-transition: .4s .6s;
  -o-transition: .4s .6s;
  transition: .4s .6s;
}

.pagetop {
  position: fixed;
  z-index: 77;
  right: -60px;
  bottom: 60px;
  width: 50px;
  height: 50px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.pagetop a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.pagetop a img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}

.pagetop:hover {
  opacity: 0.7;
}

section .sectionin {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 40px;
  /* padding-top: 80px; */
  padding-bottom: 80px;
  z-index: 5;
}

.s-sc0901 {
  padding-top: 16px;
}

@media screen and (max-width: 584px) {
  section .sectionin {
    padding-left: 6vw !important;
    padding-right: 6vw !important;
    padding-bottom: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 584px) {
  section .sectionin h3 {
    font-feature-settings: "plat";
    letter-spacing: 0;
  }
}

section .sectionin h3.sty3 {
  position: relative;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

section .sectionin h3.sty3 span {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  z-index: 2;
  padding: 6px;
  position: relative;
}

section .sectionin h3.sty3::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 100%;
  height: 10px;
  border: 1px solid #000;
  z-index: 1;
}

section .sectionin h2 {
  font-size: 24px;
  color: #231815;
  position: relative;
  z-index: 7;
  text-align: center;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 40px;
  margin-top: 0;
}

@media screen and (max-width: 584px) {
  section .sectionin h2 {
    font-size: 5vw;
    line-height: 1.6em;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
}

section .sectionin h2::before {
  width: 30px;
  height: 4px;
  content: "";
  background-color: #B8995A;
  position: absolute;
  left: 50%;
  bottom: 0px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

section .sectionin .stitle {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

section .sectionin .stitle h2 {
  font-size: 16px;
  color: #fff;
  position: relative;
  z-index: 7;
}

section .sectionin .stitle h2 span {
  font-family: 'Marcellus', serif;
  font-size: 60px;
  color: #fff;
  display: block;
  margin-bottom: 10px;
}

@media screen and (max-width: 584px) {
  section .sectionin .stitle h2 span {
    font-size: 10vw;
  }
}

section .sectionin .stitle p {
  position: relative;
  z-index: 7;
  font-size: 14px;
  color: #fff;
  line-height: 1.8em;
  color: #fff;
}

section .sectionin .stitle dt {
  width: 48%;
}

@media screen and (max-width: 800px) {
  section .sectionin .stitle dt {
    width: 100%;
    margin-bottom: 20px;
  }
}

section .sectionin .stitle dd {
  width: 48%;
  position: relative;
  z-index: 7;
  font-size: 16px;
  color: #fff;
  line-height: 1.5em;
  color: #fff;
  max-width: 400px;
}

@media screen and (max-width: 900px) {
  section .sectionin .stitle dd {
    font-size: 14px;
    width: 100%;
  }
}

@media screen and (max-width: 584px) {
  section .sectionin .stitle dd {
    font-size: 3.5vw;
  }
}

section .sectionin figure {
  position: relative;
  overflow: hidden;
}

section .sectionin figure img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}

section .sectionin figure img.newstyle20231201 {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  margin-bottom: 8px;
}

section .sectionin figure .note {
  z-index: 2;
  color: #ffffff;
  text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px;
  position: absolute;
  left: 5px;
  bottom: 5px;
  font-size: 12px;
}

section .sectionin h3 {
  text-align: center;
  font-size: 22px;
  font-size: 20px;
  margin-bottom: 30px;
  margin-top: 0;
}

@media screen and (max-width: 584px) {
  section .sectionin h3 {
    font-size: 4.5vw;
    font-size: 4vw;
    margin-bottom: 10px;
  }
}

section .sectionin p.lead {
  font-size: 20px;
  font-size: 18px;
  text-align: center;
  line-height: 2.4em;
  line-height: 2.2em;
  margin-bottom: 30px;
}

@media screen and (max-width: 584px) {
  section .sectionin p.lead {
    font-size: 4vw;
    margin-bottom: 15px;
  }
}

section .sectionin p.p1 {
  font-size: 20px;
  text-align: center;
  line-height: 1.6em;
  margin-bottom: 30px;
}

@media screen and (max-width: 584px) {
  section .sectionin p.p1 {
    font-size: 4vw;
    margin-bottom: 15px;
    line-height: 2em;
  }
}

.s-txtred_note {
  font-size: 16px;
  color: #C7000A;
  display: block;
  line-height: 1.6;
  margin: 8px auto 0;
  border: 1px solid #C7000A;
  padding: 8px;
  max-width: 640px;
}

@media screen and (max-width: 584px) {
  .s-txtred_note {
    font-size: 3vw;
    line-height: 1.4em;
  }
}

section .sectionin p.p2 {
  font-size: 26px;
  font-size: 22px;
  font-size: 24px;
  text-align: center;
  line-height: 1.6em;
  margin-bottom: 30px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: .1em;
}

section .sectionin p.p2.center {
  text-align: center;
}

@media screen and (max-width: 584px) {
  section .sectionin p.p2 {
    letter-spacing: 0em;
    font-size: 5.5vw;
    margin-bottom: 15px;
    line-height: 1.8em;
  }
}

section .sectionin p.p4 {
  font-size: 26px;
  font-size: 22px;
  text-align: center;
  line-height: 2.4em;
  line-height: 2.2em;
  margin-bottom: 30px;
  letter-spacing: .1em;
}

section .sectionin p.p4.center {
  text-align: center;
}

@media screen and (max-width: 584px) {
  section .sectionin p.p4 {
    letter-spacing: 0em;
    font-size: 5vw;
    margin-bottom: 15px;
    line-height: 1.8em;
  }
}

@media screen and (max-width: 584px) {
  section .sectionin p.note {
    font-size: 3vw;
    line-height: 1.4em;
  }
}

section .sectionin p.p3 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 30px;
  line-height: 2.4em;
  letter-spacing: 1px;
  font-feature-settings: "palt";
}

section .sectionin p.p3.center {
  text-align: center;
}

@media screen and (max-width: 584px) {
  section .sectionin p.p3 {
    font-size: 3.5vw;
    margin-bottom: 15px;
    line-height: 1.8em;
  }
}

section .h33 {
  position: relative;
  z-index: 7;
  pointer-events: none;
}

.secnote {
  position: relative;
  z-index: 5;
  background-color: #fff;
}

.secnote .secin {
  width: 96%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 12px;
  line-height: 1.4em;
}

@media screen and (max-width: 584px) {
  .secnote .secin {
    width: 100%;
    padding: 20px;
  }
}

footer {
  position: relative;
  z-index: 5;
  padding-bottom: 60px;
  padding-top: 60px;
}

@media screen and (max-width: 584px) {
  footer {
    padding-bottom: 80px;
  }
}

footer .next {
  display: none;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

footer .next li {
  width: 35%;
  height: auto;
  background-color: #000;
  position: relative;
}

footer .next li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #fff;
  text-align: center;
  line-height: 1em;
  padding: 10px;
}

footer .next li:nth-child(1) {
  padding-left: 20px;
}

@media screen and (max-width: 584px) {
  footer .next li:nth-child(1) {
    padding-left: 14px;
  }
}

footer .next li:nth-child(1)::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  z-index: 1;
  width: 8px;
  height: 8px;
  margin: auto;
  border-left: #ffffff solid 2px;
  border-bottom: #ffffff solid 2px;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}

footer .next li:nth-child(3) {
  padding-right: 20px;
}

@media screen and (max-width: 584px) {
  footer .next li:nth-child(3) {
    padding-right: 14px;
  }
}

footer .next li:nth-child(3)::before {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  z-index: 1;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: #fff solid 2px;
  border-right: #fff solid 2px;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}

footer .next li:nth-child(2) {
  width: 30%;
  background-color: #fff;
}

footer .next li:nth-child(2)::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin: auto;
  border-left: #000 solid 2px;
  border-top: #000 solid 2px;
  -webkit-transform: rotate(45deg) translateX(-50%);
  transform: rotate(45deg) translateX(-50%);
}

footer .next li:nth-child(2) a {
  color: #000;
}

@media screen and (max-width: 584px) {
  footer .next {
    display: flex;
  }
}

footer .footer {
  padding: 40px;
  position: relative;
  z-index: 5;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 584px) {
  footer .footer {
    padding: 6vw;
  }
}

footer .footer h4 {
  position: relative;
}

footer .footer h4::before {
  width: calc(100% - 140px);
  height: 1px;
  content: "";
  background-color: #4d4d4d;
  position: absolute;
  right: 0%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

footer .flogo {
  position: relative;
  width: 60%;
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  margin-top: 40px;
}

footer .flogo a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

footer .flogo a img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}

footer .tel {
  font-size: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 584px) {
  footer .tel {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

footer .tel p.p3 {
  font-size: 12px;
}

@media screen and (max-width: 584px) {
  footer .tel p.p3 {
    text-align: center;
  }
}

footer .tel p.telt {
  font-size: 12px;
}

@media screen and (max-width: 584px) {
  footer .tel p.telt {
    text-align: center;
  }
}

@media screen and (max-width: 584px) {
  footer .tel p {
    width: 100%;
    text-align: center;
  }
}

footer .tel a {
  margin-right: 10px;
}

@media screen and (max-width: 584px) {
  footer .tel a {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}

footer .tel img {
  height: 34px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

footer dl {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

footer dl .p3 {
  font-size: 12px;
  text-align: left;
  margin-bottom: 10px;
}

@media screen and (max-width: 584px) {
  footer dl .p3 {
    text-align: center;
  }
}

footer dl dt {
  width: 49%;
}

footer dl dt .cbtncontact {
  width: 80%;
}

@media screen and (max-width: 584px) {
  footer dl dt .cbtncontact {
    width: 100%;
  }
}

@media screen and (max-width: 584px) {
  footer dl dt {
    width: 100%;
    margin-bottom: 40px;
  }
}

footer dl dd {
  width: 49%;
}

footer dl dd.sty2 {
  width: 100%;
  width: 96%;
  margin-left: auto;
  margin-right: 0;
  line-height: 1.4em;
  padding-top: 40px;
  font-size: 14px;
  font-feature-settings: "pwid";
  letter-spacing: 0px;
}

@media screen and (max-width: 584px) {
  footer dl dd.sty2 {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.5vw;
  }
}

@media screen and (max-width: 584px) {
  footer dl dd {
    width: 100%;
  }
}

footer .copy {
  text-align: center;
  font-size: 12px;
  color: #686767;
}

footer .copy img {
  width: 120px;
}

footer .copy a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

@media screen and (max-width: 584px) {
  footer .copy {
    text-align: center;
  }
}

footer .copy.sty2 {
  margin-top: 30px;
}

@media print {
  #w0 {
    padding: 0;
    margin: 0;
  }

  section .secin {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .rbtn1,
  .rbtn2,
  .rbtnset,
  .hhemu0,
  .reqbtn2,
  .reqbtn,
  #wrpG,
  footer,
  nav,
  header,
  .tlink,
  .flogo,
  .hlogo,
  .stab2,
  .hmenu4,
  .spmenubtn,
  .hmenu2,
  .hmenu {
    display: none;
  }
}

.cbtncorp {
  position: relative;
  background-color: #5081A5;
  width: 100%;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
  color: #fff;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cbtncorp:hover {
  opacity: 0.7;
}

.cbtncontact {
  position: relative;
  background-image: linear-gradient(90deg, #a71944, #6e1630);
  width: 100%;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
  color: #fff;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cbtncontact:hover {
  opacity: 0.7;
}

.mbtn1 {
  position: relative;
  width: 100%;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
  color: #fff;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.mbtn1 a {
  background-color: #BB8F00;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.mbtn1.sty2 a {
  background: linear-gradient(90deg, rgba(167, 25, 68, 1) 0%, rgba(110, 22, 48, 1) 99.72%);
}

.mbtn1 a:hover {
  opacity: 0.7;
}

.cttbtn {
  max-width: 400px;
  padding: 24px;
  box-sizing: border-box;
  background-color: #595858;
  box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 40px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cttbtn:hover {
  opacity: 0.7;
}

.cttbtn h5 {
  color: #fff !important;
  margin-bottom: 0 !important;
}

.cttbtn a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 7;
}

.cttbtn a p {
  font-size: 12px !important;
  text-align: right !important;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  padding-right: 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cttbtn a::after {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 12px;
  right: 84px;
  top: calc(50% - 8px);
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.cttbtn a::before {
  position: absolute;
  display: block;
  width: 130px;
  height: 1px;
  content: "";
  right: 80px;
  top: 50%;
  border-bottom: 1px solid #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 584px) {
  .cttbtn a::before {
    width: 50px;
  }
}

.cttbtn a:hover::after {
  right: 94px;
}

.cttbtn a:hover::before {
  right: 90px;
}

.cttbtn a:hover p {
  padding-right: 30px;
}

.cttbtn h5 {
  color: #00B2EC;
  font-size: 22px;
  margin: 0;
  margin-bottom: 20px;
}

@media screen and (max-width: 584px) {
  .cttbtn h5 {
    font-size: 4vw;
  }
}

.cttbtn p {
  font-size: 18px;
  color: #fff;
}

.cttbtn:hover {
  opacity: 0.7;
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.thims {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 0;
  transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
}

.thimi,
.thimi2,
.thimi4,
.thimi3 {
  opacity: 0;
  transform: scale(1.1) translate(0, 100px) skew(0deg, -5deg);
}

.thims.ani1 {
  opacity: 1;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}

.thims.ani1.ani1fin {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.thimi.ani1 {
  opacity: 1;
  -webkit-transition: 1s 0.25s;
  -moz-transition: 1s 0.25s;
  -o-transition: 1s 0.25s;
  transition: 1s 0.25s;
  transform: scale(1) translate(0, 0) skew(0deg, 0deg);
}

.thimi2.ani1 {
  opacity: 1;
  -webkit-transition: all 1s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transform: scale(1) translate(0, 0) skew(0deg, 0deg);
}

.thimi3.ani1 {
  opacity: 1;
  -webkit-transition: all 0.8s 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  transform: scale(1) translate(0, 0) skew(0deg, 0deg);
}

.thimi4.ani1 {
  opacity: 1;
  -webkit-transition: all 0.8s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.8s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transform: scale(1) translate(0, 0) skew(0deg, 0deg);
}

.thim.ani1.ani1fin,
.thim2.ani1.ani1fin,
.thim4.ani1.ani1fin,
.thim3.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.thiml2,
.thiml {
  opacity: 0;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translateX(10%);
  -moz-transform: translateX(10%);
  -ms-transform: translateX(10%);
  transform: translateX(10%);
}

.thimr2,
.thimr {
  opacity: 0;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translateX(-10%);
  -moz-transform: translateX(-10%);
  -ms-transform: translateX(-10%);
  transform: translateX(-10%);
}

.thiml.ani1,
.thimr.ani1 {
  opacity: 1;
  -moz-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
  -o-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.thiml2.ani1,
.thimr2.ani1 {
  opacity: 1;
  -webkit-transition: all 2s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 2s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.thim,
.thim2,
.thim4,
.thim3 {
  opacity: 0;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translateY(5%);
  -moz-transform: translateY(5%);
  -ms-transform: translateY(5%);
  transform: translateY(5%);
}

@media screen and (max-width: 584px) {

  .thim,
  .thim2,
  .thim4,
  .thim3 {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}

.thim.thimu,
.thim2.thimu,
.thim4.thimu,
.thim3.thimu {
  opacity: 0;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translateY(-5%);
  -moz-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
}

.thim.ani1 {
  opacity: 1;
  -moz-transition: 0.25s 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  -o-transiti0on: 0.25s 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transition: 0.25s 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 0.25s 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim2.ani1 {
  opacity: 1;
  -webkit-transition: 2s 0.3s;
  -moz-transition: 2s 0.3s;
  -o-transition: 2s 0.3s;
  transition: 2s 0.3s;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim3.ani1 {
  opacity: 1;
  -webkit-transition: 2s 0.35s;
  -moz-transition: 2s 0.35s;
  -o-transition: 2s 0.35s;
  transition: 2s 0.35s;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim4.ani1 {
  opacity: 1;
  -webkit-transition: 2s 0.4s;
  -moz-transition: 2s 0.7s;
  -o-transition: 2s 0.4s;
  transition: 2s 0.7s;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.thim.ani1.ani1fin,
.thim2.ani1.ani1fin,
.thim4.ani1.ani1fin,
.thim3.ani1.ani1fin,
.thiml.ani1.ani1fin,
.thimr.ani1.ani1fin,
.thiml2.ani1.ani1fin,
.thimr2.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.thim {
  opacity: 0;
  -moz-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
  -o-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

@media screen and (max-width: 584px) {
  .thim {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}

.thim.thimu {
  opacity: 0;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translateY(-5%);
  -moz-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
}

.thim.ani1 {
  opacity: 1;
  -webkit-transition: 1s 0.25s cubic-bezier(0.52, 0.08, 0.18, 1);
  -moz-transition: 1s 0.25s cubic-bezier(0.52, 0.08, 0.18, 1);
  -o-transition: 1s 0.25s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 1s 0.25s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim2 {
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
}

@media screen and (max-width: 584px) {
  .thim2 {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}

.thim2.ani1 {
  opacity: 1;
  -webkit-transition: all 1s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 1s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim2.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.thim3 {
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
}

@media screen and (max-width: 584px) {
  .thim3 {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}

.thim3.ani1 {
  opacity: 1;
  -webkit-transition: all 1s 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 1s 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim3.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.thim4 {
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
}

@media screen and (max-width: 584px) {
  .thim4 {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}

.thim4.ani1 {
  opacity: 1;
  -webkit-transition: all 1s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 1s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim4.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.thim5 {
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
}

@media screen and (max-width: 584px) {
  .thim5 {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}

.thim5.ani1 {
  opacity: 1;
  -webkit-transition: all 1s 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 1s 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim5.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.thim6 {
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
}

@media screen and (max-width: 584px) {
  .thim6 {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}

.thim6.ani1 {
  opacity: 1;
  -webkit-transition: all 1s 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 1s 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim6.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.thim7 {
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
}

@media screen and (max-width: 584px) {
  .thim7 {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}

.thim7.ani1 {
  opacity: 1;
  -webkit-transition: all 1s 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 1s 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim7.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.thim8 {
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
}

@media screen and (max-width: 584px) {
  .thim8 {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}

.thim8.ani1 {
  opacity: 1;
  -webkit-transition: all 1s 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 1s 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

.thim8.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.thim.ani1.ani1fin {
  opacity: 1;
  -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.menubtn {
  width: 76px;
  height: 76px;
  position: fixed;
  right: -80px;
  top: 0px;
  z-index: 4677;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.menubtn a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  display: none;
}

.menubtn div {
  width: 34px;
  height: 36px;
  margin-bottom: 6px;
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.menubtn div span {
  display: block;
  background: #4D4D4D;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.menubtn div span:first-child {
  top: 9px;
}

.menubtn div span:nth-child(2) {
  margin-top: -1px;
  top: 50%;
}

.menubtn div span:last-child {
  bottom: 9px;
}

.menuop2 .menubtn span:first-child {
  width: 50%;
  -webkit-transform: translateY(10px) rotate(45deg);
  -moz-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
  top: 18px;
  left: -3px;
}

.menuop2 .menubtn span:last-child {
  bottom: 18px;
  left: -3px;
  width: 50%;
  -webkit-transform: translateY(-11px) rotate(-45deg);
  -moz-transform: translateY(-11px) rotate(-45deg);
  -ms-transform: translateY(-11px) rotate(-45deg);
  transform: translateY(-11px) rotate(-45deg);
}

.menuop2 .menubtn p.open {
  display: none;
}

.menuop2 .menubtn p.cls {
  display: none;
}

.menuop2 .menubtn p.back {
  display: block;
}

.menuop2 .menubtn a {
  display: block;
}

.menuop .menubtn p.open {
  display: none;
}

.menuop .menubtn p.cls {
  display: block;
}

.menuop .menubtn div span:first-child {
  -webkit-transform: translateY(10px) rotate(45deg);
  -moz-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

.menuop .menubtn div span:nth-child(2) {
  opacity: 0;
}

.menuop .menubtn div span:last-child {
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -moz-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

.mobile .menubtn {
  right: 0px;
}

.btnset {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

.btnset li {
  position: relative;
  width: 48%;
}

.btnset.col3 li {
  width: 31%;
}

.reqbtn {
  width: 100%;
  max-width: 400px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 70px;
  background-color: #00B2EC;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.reqbtn.rsv {
  background-color: #1A6E7B;
}

.reqbtn a {
  display: block;
  z-index: 3;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 18px;
  letter-spacing: 4px;
  color: #fff;
}

.reqbtn a p {
  font-size: 18px;
  letter-spacing: 4px;
}

.reqbtn a span {
  font-size: 24px;
  line-height: 1em;
  margin-top: -4px;
  margin-left: 10px;
}

.reqbtn a img {
  width: 14px;
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .reqbtn a p {
    font-size: 3.5vw;
  }
}

.reqbtn:hover {
  opacity: 0.7;
}

.reqbtn {
  max-width: 360px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 584px) {
  .reqbtn {
    width: 80%;
  }
}

.reqbtn a {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.reqbtn::before {
  content: "";
  position: absolute;
  width: 130%;
  height: 100%;
  left: -150%;
  top: 0;
  -moz-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  -o-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  background-size: 100% 100%;
  background-position: center center;
  /*background-image: url(../images/common/bg_01.jpg);*/
  -webkit-transform: skewX(-17.62deg);
  transform: skewX(-17.62deg);
  opacity: 1;
  z-index: 1;
}

.reqbtn:hover {
  box-shadow: rgba(255, 234, 52, 0.24) 0px 3px 8px;
}

.reqbtn:hover::before {
  left: -15%;
}

.secreq {
  padding: 60px;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
}

.secreq.sty2 {
  background-color: #fff;
}

@media screen and (max-width: 584px) {
  .secreq {
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.secreq .btnset {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 360px;
}

.secreq .btnset li {
  width: 100%;
}

.secreq .secin {
  margin: 0;
}

.secpagetit {
  position: relative;
}

.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1px solid rgba(128, 128, 128, 0.1);
  border-right: 1px solid rgba(128, 128, 128, 0.1);
  border-bottom: 1px solid rgba(128, 128, 128, 0.1);
  border-left: 1px solid #808080;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.loader::after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.load0 {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 199999;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.load0 .lnum {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  width: 160px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
}

.load0 .load {
  text-align: center;
}

.load0 .load img {
  width: 50%;
  margin-bottom: 40px;
}

.iloadfin {
  -moz-transition: 0.3s;
}

.iloadfin .load0 {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
}

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(30% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 5px 10px 5px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
  z-index: 777;
  display: none;
}

@media screen and (max-width: 584px) {
  .scroll-hint-icon-wrap {
    display: block;
  }
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  line-height: 1em;
  /*margin-top: 5px;*/
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.6s linear;
  animation-iteration-count: infinite;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
  line-height: 1em;
}

.pcopy7 ul {
  position: relative;
}

.pcopy7 ul li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.pcopy7 ul li span.bg {
  position: relative;
  opacity: 0;
}

.pcopy7 ul li span.mve {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}

.pcopy7 ul li.br {
  display: block;
  width: 100%;
}

.pcopy7 ul li.br::before {
  content: "";
  display: table;
}

.pcopy7 ul li.br::after {
  content: "";
  display: table;
  clear: both;
}

.mbg9 {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 19999;
  pointer-events: none;
}

.mbg9::before {
  content: "";
  display: block;
  background-color: #000;
  position: absolute;
  height: 60%;
  width: 110%;
  top: -5%;
  left: -5%;
  pointer-events: none;
  transform: translateZ(0) scaleY(1) rotate(6deg);
  transform-origin: top;
  transition: transform 1s cubic-bezier(0.6, 0, 0.3, 1), opacity 0s linear 1s;
}

.mbg9::after {
  content: "";
  display: block;
  background-color: #000;
  position: absolute;
  height: 60%;
  width: 110%;
  top: 50%;
  left: -5%;
  pointer-events: none;
  transform: translateZ(0) scaleY(1) rotate(6deg);
  transform-origin: bottom;
  transition: transform 1s cubic-bezier(0.6, 0, 0.3, 1), opacity 0s linear 1s;
}

.iloadfin .mbg9::before,
.iloadfin .mbg9::after {
  -webkit-transition: 2s .4s;
  -moz-transition: 2s .4s;
  -o-transition: 2s .4s;
  transition: 2s .4s;
  transform: translateZ(0) scaleY(0);
}

.iloadfin.pageout .mbg9::before,
.iloadfin.pageout .mbg9::after {
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -moz-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1) !important;
  -o-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1) !important;
  -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1) !important;
  transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1) !important;
  transform: translateZ(0) scaleY(1) !important;
}

.seccontact {
  background-color: #28282C;
}

.seccontact .sectionin {
  padding-top: 140px !important;
}

@media screen and (max-width: 584px) {
  .seccontact .sectionin {
    padding-top: 70px !important;
  }
}

.seccontact .sectionin h3 {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  text-align: center;
  padding-left: 0px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: 0;
}

.seccontact .sectionin h3 img {
  position: relative;
  z-index: 4;
  height: 28px;
  width: auto;
  margin-bottom: 20px;
}

@media screen and (max-width: 584px) {
  .seccontact .sectionin h3 img {
    height: 6vw;
    margin-bottom: 10px;
  }
}

.seccontact .sectionin h3 p {
  text-align: center;
  font-size: 20px;
  color: #00A1E9;
  margin-top: 0px;
}

@media screen and (max-width: 584px) {
  .seccontact .sectionin h3 p {
    font-size: 5vw;
  }
}

.seccontact .sectionin .eico {
  margin-left: auto;
  margin-right: auto;
  width: 80px;
  height: 80px;
  display: block;
}

@media screen and (max-width: 584px) {
  .seccontact .sectionin .eico {
    width: 50px;
    height: 50px;
  }
}

.seccontact .sectionin .eico a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.seccontact .sectionin .eico a img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}

.secresult {
  background-color: #fff;
  background-size: 100% auto;
  background-position: center top;
  /*background-image: url("../images/top/bg_01.svg");*/
}

@media screen and (max-width: 584px) {
  .secresult {
    background-size: 200% auto;
  }
}

.secresult .tr2 {
  width: 26vw;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.secresult .sectionin {
  padding-top: 240px !important;
}

@media screen and (max-width: 584px) {
  .secresult .sectionin {
    padding-top: 40px !important;
  }
}

.spmenutit {
  width: 40px;
  height: 40px;
  display: none;
  position: absolute;
  right: 30px;
  top: 14px;
  font-size: 12px;
  display: none;
}

@media screen and (max-width: 584px) {
  .spmenutit {
    width: 60px;
    height: 60px;
    top: 10px;
    right: 0px;
    display: block;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    background-color: #267aa7;
  }
}

.spmenutit>div {
  display: block;
  width: 36px;
  height: 28px;
  left: 10px;
  top: 12px;
  left: 12px;
  top: 16px;
  box-sizing: border-box;
  position: absolute;
}

.spmenutit>div span {
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #fff;
  left: 0px;
  transform-origin: 0 50%;
  transition: transform 0.2s linear;
}

.spmenutit>div p {
  color: #fff;
  line-height: 12px;
  font-size: 10px;
  text-align: center;
}

.spmenutit>div span:nth-of-type(1) {
  top: 0px;
}

.spmenutit>div span:nth-of-type(2) {
  top: 11px;
}

.spmenutit>div span:nth-of-type(3) {
  top: 22px;
}

.menuopen .spmenutit>div {
  left: 8px;
}

.menuopen .spmenutit span:nth-of-type(1) {
  transform: rotate(45deg) translate3d(-3px, 0, 0);
  top: 0px;
  left: 8px;
}

.menuopen .spmenutit span:nth-of-type(2) {
  transform: scaleX(0);
  transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
}

.menuopen .spmenutit span:nth-of-type(3) {
  transform: rotate(-45deg) translate3d(-3px, 0, 0);
  left: 8px;
  top: 20px;
}

@media screen and (max-width: 584px) {
  .spmenutit {
    display: block;
    z-index: 777;
  }
}

#wrpG {
  width: 100%;
  max-width: 460px;
  height: calc(100vh - 64px);
  height: 100%;
  padding-top: 10px;
  padding-top: 80px;
  padding-bottom: 60px;
  position: fixed;
  pointer-events: none;
  top: 64px;
  top: 0;
  right: -102%;
  z-index: 11;
  overflow: auto;
  box-sizing: border-box;
  -moz-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  -o-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  background-color: #267aa7;
}

#wrpG .cnavi {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #fff;
}

#wrpG .cnavi li {
  width: 100%;
  height: 60px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #fff;
}

#wrpG .cnavi li .cbtncontact {
  background-color: #BB8F00;
}

#wrpG .cnavi li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  font-size: 20px;
  color: #fff;
  line-height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-content: center;
}

#wrpG .cnavi li a img {
  height: 14px;
}

@media screen and (max-width: 584px) {
  #wrpG .cnavi li a {
    font-size: 3.5vw;
  }
}

#wrpG .cnavi li a span {
  width: 100%;
  margin-top: 4px;
  display: block;
  font-size: 10px;
  margin-left: auto;
  margin-right: auto;
  color: #595858;
}

#wrpG .cnavi li .new {
  display: inline-block;
  width: 40px;
  height: 14px;
  font-size: 10px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  background-color: #D72B7F;
  position: relative;
  z-index: 3;
  margin-right: 4px;
}

#index #wrpG .cnavi li.index {
  background-color: #595858;
}

#index #wrpG .cnavi li.index a::after {
  width: 100%;
}

#wrpG .cnavi li.cbtn1 {
  display: none;
}

#wrpG .cnavi li.cbtn2 a {
  background-color: transparent;
}

.menuopen #wrpG {
  right: 0;
  pointer-events: auto;
}

#index header nav.gmenu2 li.top a::before,
#event header nav.gmenu2 li.event a::before,
#flow header nav.gmenu2 li.flow a::before,
#list header nav.gmenu2 li.list a::before,
#livable header nav.gmenu2 li.livable a::before,
#about header nav.gmenu2 li.about a::before,
#index header nav.gmenu2 li.index a::before,
#faq header nav.gmenu2 li.faq a::before {
  width: 60%;
}

#index .fbann {
  position: fixed;
  right: -300px;
  top: 130px;
  z-index: 1777;
  width: 300px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#index.posfix.pc .fbann {
  top: 70px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#index.show1 .fbann {
  right: 0;
  top: 320px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

@media screen and (max-width: 584px) {
  #index .fbann {
    top: 80px;
    width: 54%;
  }
}

#index .fbann img {
  display: block;
  vertical-align: bottom;
  width: 100%
}

#index .fbann.s5 {
  display: none;
  right: 0
}

#index .fbann a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 78
}

#index .fbann .cls {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #333;
  z-index: 11778;
  cursor: pointer;
}

#index .fbann .cls:after,
#index .fbann .cls:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 22px;
  background: #fff
}

#index .fbann .cls:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

#index .fbann .cls:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.rbtn {
  background-color: #B2ABA3;
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 40px;
}

@media screen and (max-width: 584px) {
  .rbtn {
    height: 50px;
  }
}

.rbtn a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #A57042;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  letter-spacing: 2px;
}

.rbtn a img {
  display: block;
  vertical-align: bottom;
  width: auto;
  height: 44px;
}

@media screen and (max-width: 584px) {
  .rbtn a {
    font-size: 3.5vw;
  }
}

.rbtn.sty2 {
  margin-bottom: 0px;
  background-color: #A57042;
}

.rbtn.sty2 a {
  color: #B2ABA3;
}

.rbtn:hover {
  opacity: 0.7;
}

.rbtn5 {
  background-color: #A57042;
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 40px;
}

@media screen and (max-width: 584px) {
  .rbtn5 {
    height: 50px;
  }
}

.rbtn5 a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #B2ABA3;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  letter-spacing: 2px;
}

.rbtn5 a img {
  display: block;
  vertical-align: bottom;
  width: auto;
  height: 44px;
}

@media screen and (max-width: 584px) {
  .rbtn5 a {
    font-size: 3.5vw;
  }
}

.rbtn5.sty2 {
  margin-bottom: 0px;
  background-color: #A57042;
}

.rbtn5.sty2 a {
  color: #B2ABA3;
}

.rbtn5:hover {
  opacity: 0.7;
}

.rbtn4 {
  background-color: #1E3341;
  height: 65px;
  width: 100%;
  max-width: 345px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 40px;
}

@media screen and (max-width: 584px) {
  .rbtn4 {
    height: 50px;
  }
}

.rbtn4 a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #C7B299;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  letter-spacing: 2px;
  font-family: 'Marcellus', serif;
  font-weight: 400;
}

.rbtn4 a img {
  display: block;
  vertical-align: bottom;
  width: auto;
  height: 44px;
}

@media screen and (max-width: 584px) {
  .rbtn4 a {
    font-size: 3.5vw;
  }
}

.rbtn4:hover {
  opacity: 0.7;
  max-width: 340px;
}

.rbtn2 {
  background-color: #0F2A3A;
  height: 65px;
  width: 100%;
  max-width: 345px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 40px;
}

@media screen and (max-width: 584px) {
  .rbtn2 {
    height: 50px;
  }
}

.rbtn2 a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #AB6333;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  letter-spacing: 2px;
  font-family: 'Marcellus', serif;
  font-weight: 400;
}

.rbtn2 a img {
  display: block;
  vertical-align: bottom;
  width: auto;
  height: 44px;
}

@media screen and (max-width: 584px) {
  .rbtn2 a {
    font-size: 3.5vw;
  }
}

.rbtn2:hover {
  opacity: 0.7;
  max-width: 340px;
}

.rbtn3 {
  background-color: #AB6333;
  height: 90px;
  width: 100%;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 40px;
}

@media screen and (max-width: 584px) {
  .rbtn3 {
    height: 50px;
  }
}

.rbtn3 a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  letter-spacing: 2px;
  font-family: 'Marcellus', serif;
  font-weight: 400;
}

@media screen and (max-width: 584px) {
  .rbtn3 a {
    font-size: 3.5vw;
  }
}

.rbtn3:hover {
  opacity: 0.7;
  width: 96%;
}

.pagerbtn {
  position: fixed;
  z-index: 77;
  bottom: -80px;
  width: 1000px;
  width: calc(100vw - 480px);
  left: 20px;
  height: 50px;
  max-width: 1000px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 584px) {
  .pagerbtn {
    width: 100%;
    width: calc(100vw - 97px);
    height: 60px;
    left: 0px;
  }
}

.pagerbtn .rbtn7 {
  width: 48%;
}

@media screen and (max-width: 584px) {
  .pagerbtn .rbtn7 {
    width: 33.33%;
  }

  .pagerbtn .rbtn7 a {
    line-height: 1em;
    letter-spacing: 0;
    display: block;
    text-align: center;
    font-size: 3vw;
    padding-top: 10px;
  }

  .pagerbtn .rbtn7 a img {
    height: 24px;
    margin-right: 6px;
    margin-left: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6px;
  }
}

.pagerbtn .rbtn8 {
  width: 48%;
}

@media screen and (max-width: 584px) {
  .pagerbtn .rbtn8 {
    width: 33.33%;
  }

  .pagerbtn .rbtn8 a {
    line-height: 1em;
    letter-spacing: 0;
    display: block;
    text-align: center;
    padding-top: 10px;
    font-size: 3vw;
  }

  .pagerbtn .rbtn8 a img {
    height: 24px;
    margin-right: 6px;
    margin-left: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6px;
  }
}

.pagerbtn .rbtn9 {
  width: 48%;
}

@media screen and (max-width: 584px) {
  .pagerbtn .rbtn9 {
    width: 50%;
    width: 33.33%;
  }
}

@media screen and (max-width: 584px) {
  .menuopen .pagerbtn {
    bottom: 0px;
  }
}

.posfix header {
  -webkit-transform: translateY(-70px);
  -moz-transform: translateY(-70px);
  -ms-transform: translateY(-70px);
  transform: translateY(-70px);
}

.posfix header .spmenutit {
  top: 70px;
}

.posfix .pagerbtn {
  bottom: 20px;
}

@media screen and (max-width: 584px) {
  .posfix .pagerbtn {
    bottom: 0px;
  }
}

.posfix.onscrl header .spmenutit {
  top: 10px;
}

.posfix.onscrl .pagerbtn {
  bottom: -80px;
}

@media screen and (max-width: 584px) {
  .posfix.onscrl .pagerbtn {
    bottom: -80px;
  }
}

.rbtn7 {
  display: none;
}

.rbtn9,
.rbtn8,
.rbtn7 {
  background-color: #fff;
  height: 100%;
  width: 100%;
  /* margin-left: auto; */
  margin-right: auto;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.rbtn9 a,
.rbtn8 a,
.rbtn7 a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  letter-spacing: 2px;
  background-color: #335695;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.rbtn9 a img,
.rbtn8 a img,
.rbtn7 a img {
  display: block;
  vertical-align: bottom;
  width: auto;
  height: 30px;
  margin-right: 20px;
}

@media screen and (max-width: 584px) {

  .rbtn9 a img,
  .rbtn8 a img,
  .rbtn7 a img {
    height: 30px;
  }
}

@media screen and (max-width: 584px) {

  .rbtn9 a,
  .rbtn8 a,
  .rbtn7 a {
    font-size: 3.5vw;
  }
}

.rbtn9.sty2,
.rbtn8.sty2,
.rbtn7.sty2 {
  margin-bottom: 0px;
  background-color: #335695;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.rbtn9.sty2 a,
.rbtn8.sty2 a,
.rbtn7.sty2 a {
  color: #fff;
}

.rbtn9:hover a,
.rbtn8:hover a,
.rbtn7:hover a {
  opacity: 0.7;
}

.rbtn7 a {
  background-image: linear-gradient(90deg, #4772c1, #254174);
}

.rbtn8 a {
  background-image: linear-gradient(90deg, #6e6e6e, black);
}

.rbtn9 a {
  background-image: linear-gradient(90deg, #a71944, #6e1630);
}

#index {
  opacity: 0;
}

#index #w0 {
  z-index: 2;
}

#index .ancb a {
  top: 0;
}

#index.iloadfin {
  -webkit-transition: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  opacity: 1;
}

#index figure .note {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 3;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.8);
}

#index .mbg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  background-color: #F0EFE3;
}

#index .mbg canvas {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 1;
}

#index section {
  position: relative;
  z-index: 5;
}

#index section p.p3 {
  color: #231815;
}

#index section.seccopy p {
  color: #000;
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.6em;
  text-align: center;
}

#index section.seccopy p span {
  padding-left: 6px;
  background-color: rgba(187, 170, 140, 0.44);
}

@media screen and (max-width: 584px) {
  #index section.seccopy p {
    font-size: 4vw;
  }
}

#index section.mainimg {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 116px;
  margin-top: 76px;
}

@media screen and (max-width: 584px) {
  #index section.mainimg {
    margin-top: 70px;
  }
}

#index section.mainimg .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

#index section.mainimg .note {
  color: #ffffff;
  text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px;
  position: absolute;
  left: 5px;
  bottom: 5px;
  font-size: 12px;
}

#index section.mainimg .mainc {
  padding: 30px;
  position: absolute;
  left: 50%;
  top: 24%;
  width: 100%;
  z-index: 2;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
}

@media screen and (max-width: 584px) {
  #index section.mainimg .mainc {
    top: 23%;
    padding: 10px;
    padding: 6vw;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

#index section.mainimg .mainc img {
  display: block;
  vertical-align: bottom;
  width: 100%;
  width: 70vw;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

#index section.mainimg .mainc p.p1 {
  font-size: 80px;
  text-align: center;
  line-height: 1em;
  color: #fff;
  margin-bottom: 20px;
}

@media screen and (max-width: 584px) {
  #index section.mainimg .mainc p.p1 {
    font-size: 11vw;
    line-height: 1.4em;
  }
}

#index section.mainimg .mainc p.p2 {
  font-size: 50px;
  text-align: center;
  line-height: 1em;
  color: #fff;
}

@media screen and (max-width: 584px) {
  #index section.mainimg .mainc p.p2 {
    font-size: 5vw;
    font-feature-settings: "pwid";
    letter-spacing: 0px;
  }
}

#index section.mainimg.ani1 .bg {
  -webkit-transition: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}

#index section.mainimg.ani1 .mainc {
  opacity: 1;
  -webkit-transition: 2s 1s;
  -moz-transition: 2s 1s;
  -o-transition: 2s 1s;
  transition: 2s 1s;
}

#index section.mainimg.ani1::before {
  opacity: 1;
  -webkit-transition: 2s 1s;
  -moz-transition: 2s 1s;
  -o-transition: 2s 1s;
  transition: 2s 1s;
}

#index section.seccontentb {
  background-color: #EAF2FB;
  overflow: hidden;
}

#index section.seccontentb .sectionin {
  padding: 30px;
}

@media screen and (max-width: 584px) {
  #index section.seccontentb .sectionin .mbtn1 {
    height: 40px;
    font-size: 4vw;
    width: 64vw;
    position: absolute;
    left: 50%;
    top: 70%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}

#index section.seccontentb .sectionin dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

@media screen and (max-width: 584px) {
  #index section.seccontentb .sectionin dl::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
  }
}

#index section.seccontentb .sectionin dl dt {
  width: 60%;
  position: relative;
}

#index section.seccontentb .sectionin dl dt figure .note {
  right: 5px;
  left: auto;
}

@media screen and (max-width: 584px) {
  #index section.seccontentb .sectionin dl dt figure .note {
    display: none;
  }
}

@media screen and (max-width: 584px) {
  #index section.seccontentb .sectionin dl dt {
    width: 100%;
  }
}

#index section.seccontentb .sectionin dl dd {
  width: 34%;
  position: relative;
}

#index section.seccontentb .sectionin dl dd .note {
  z-index: 4;
  color: #ffffff;
  text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 12px;
  display: none;
}

@media screen and (max-width: 584px) {
  #index section.seccontentb .sectionin dl dd .note {
    display: block;
  }
}

@media screen and (max-width: 584px) {
  #index section.seccontentb .sectionin dl dd {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
  }
}

#index section.seccontentb .sectionin dl dd h2 {
  text-align: left;
}

@media screen and (max-width: 584px) {
  #index section.seccontentb .sectionin dl dd h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}

#index section.seccontentb .sectionin dl dd h2::before {
  width: 30px;
  height: 4px;
  content: "";
  background-color: #B8995A;
  position: absolute;
  left: 0%;
  bottom: 0px;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

@media screen and (max-width: 584px) {
  #index section.seccontentb .sectionin dl dd h2::before {
    left: 50%;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

#index section.seccontentb.sty2 {
  background-color: #fff;
}

#index section.seccontentb.sty2 .sectionin dl dt {
  order: 2;
}

@media screen and (max-width: 584px) {
  #index section.seccontentb.sty2 .sectionin dl dt {
    order: 1;
  }
}

#index section.seccontentb.sty2 .sectionin dl dd {
  order: 1;
}

@media screen and (max-width: 584px) {
  #index section.seccontentb.sty2 .sectionin dl dd {
    order: 2;
  }
}

#index section.seccontentb.sty2 .sectionin dl dd h2 {
  text-align: right;
}

@media screen and (max-width: 584px) {
  #index section.seccontentb.sty2 .sectionin dl dd h2 {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}

#index section.seccontentb.sty2 .sectionin dl dd h2::before {
  right: 0%;
  left: auto;
}

@media screen and (max-width: 584px) {
  #index section.seccontentb.sty2 .sectionin dl dd h2::before {
    left: 50%;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

#index section.sec1 {
  position: relative;
  z-index: 11;
}

#index section.sec1>.sectionin {
  padding-top: 40px;
}

#index section.sec1>.sectionin .mbtn1 {
  display: block;
  position: relative;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

@media screen and (max-width: 584px) {
  #index section.sec1>.sectionin .mbtn1 {
    height: 40px;
    width: 64vw;
    margin-top: 20px;
  }
}

#index section.sec1>.sectionin.sty2 {
  padding-top: 0;
}

@media screen and (max-width: 584px) {
  #index section.sec1>.sectionin.sty2 {
    padding-top: 40px;
  }
}

@media screen and (max-width: 584px) {
  #index section.sec1>.sectionin.sty3 {
    padding-bottom: 30px;
    background-color: #F1F0E4;
  }
}

#index section.sec1>.sectionin .sec1a {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

#index section.sec1>.sectionin .sec1a .cv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#index section.sec1>.sectionin .sec1a:hover .cv {
  opacity: 0.7;
}

#index section .skip {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 100px;
  text-align: center;
  height: 38px;
  line-height: 1em;
  background-color: rgba(38, 122, 167, 0.9);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 584px) {
  #index section .skip {
    font-size: 3.5vw;
  }
}

#index section .skip:hover {
  opacity: 0.7;
}

#index section .bgmbtn2 {
  position: absolute;
  left: 124px;
  bottom: 20px;
  z-index: 12;
  background-color: rgba(38, 122, 167, 0.9);
  width: 38px;
  height: 38px;
  box-sizing: border-box;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

#index section .bgmbtn2 p {
  color: #fff;
  margin-top: -18px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 2px;
  display: none;
}

#index section .bgmbtn2:hover {
  opacity: 0.7;
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

#index .secopani {
  position: fixed;
  background-color: #fff;
  z-index: 99999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  top: 12vh;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
}

#index .secopani.ani1 {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  pointer-events: auto;
  opacity: 1;
  left: 0;
  top: 0;
  -moz-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  -o-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
}

#index .secopani.as7 {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -moz-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  -o-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1);
}

#index .secopani .skip {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 100px;
  text-align: center;
  height: 38px;
  line-height: 1em;
  background-color: rgba(38, 122, 167, 0.9);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 584px) {
  #index .secopani .skip {
    font-size: 3.5vw;
  }
}

#index .secopani .skip:hover {
  opacity: 0.7;
}

#index .secopani .bgmbtn {
  position: absolute;
  left: 124px;
  bottom: 20px;
  z-index: 12;
  background-color: rgba(186, 156, 136, 0.9);
  border: 1px solid #fff;
  width: 38px;
  height: 38px;
  box-sizing: border-box;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

#index .secopani .bgmbtn p {
  color: #fff;
  margin-top: -18px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 2px;
  display: none;
}

@media screen and (max-width: 584px) {
  #index .secopani .bgmbtn {
    left: 110px;
    bottom: 5px;
  }
}

#index .secopani .bgmbtn:hover {
  opacity: 0.7;
}

#index.bgmon .secopani .bgmbtn::after {
  background-image: url("/assets/images/original/fudosan-toushi_koguchi_bgm_on.png");
}

#index .secopani .bgmbtn::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 15;
  color: #fff;
  text-align: center;
  background-size: 100% auto;
  background-position: center center;
  background-image: url("/assets/images/original/fudosan-toushi_koguchi_bgm_off.png");
}

#index .secopani .secin {
  width: 80%;
  height: 80%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#index .secopani .secin iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 584px) {
  #index .secopani .secin iframe {
    width: 100%;
    height: 53vw;
  }
}

#index .secopani .secin video {
  width: 90%;
  height: auto;
}

@media screen and (max-width: 584px) {
  #index .secopani .secin video {
    width: 100%;
  }
}

@media screen and (max-width: 584px) {
  #index .secopani .secin {
    width: 94%;
  }
}

#index .cmovie.s-mb40 {
  margin-bottom: 40px;
}

#index .cmovie .cmovie1,
#index .cmovie .cmovie_inner {
  background-size: cover;
  background-position: center center;
  background-image: url("/assets/images/original/fudosan-toushi_koguchi_movie.jpg");
  position: relative;
  width: 100%;
  height: auto;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

@media screen and (max-width: 584px) {

  #index .cmovie .cmovie1,
  #index .cmovie .cmovie_inner {
    margin-top: 0px;
    margin-bottom: 100px;
    height: 52vw;
  }
}

#index .cmovie .cmovie1 video,
#index .cmovie .cmovie_inner video {
  position: relative;
  width: 100%;
  display: block;
  height: auto;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

@media screen and (max-width: 584px) {

  #index .cmovie .cmovie1 video,
  #index .cmovie .cmovie_inner video {
    height: 100%;
  }
}

#index .cmovie .cmovie1 img,
#index .cmovie .cmovie_inner img {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
  width: 80%;
  height: 80%;
}

#index .cmovie .cmovie1:hover,
#index .cmovie .cmovie_inner:hover {
  opacity: 0.7;
}

#index .cmovie .cmovie1:hover .arr,
#index .cmovie .cmovie_inner:hover .arr {
  padding: 0 0px 0px 0;
}

#index .cmovie .p2 {
  text-align: center;
  margin-bottom: 20px;
}

#index .cmovie .p1 {
  margin-top: 60px;
  color: #ba9c88;
  font-size: 34px;
  line-height: 1em;
  text-align: center;
  letter-spacing: 0em;
  margin-bottom: 20px;
}

@media screen and (max-width: 584px) {
  #index .cmovie .p1 {
    font-size: 5.5vw;
    margin-bottom: 0px;
  }
}

#index .cmovie .arr {
  color: #bb8f00;
  color: #fff;
  letter-spacing: 0em;
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 140px;
  text-align: center;
  border-bottom: 1px solid #bb8f00;
  border-bottom: 1px solid #fff;
  padding: 0 10px 0px 0;
  z-index: 5;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: none;
}

#index .cmovie .arr::after {
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  left: -5px;
  top: -5px;
  z-index: 1;
  background-color: #267aa7;
  content: "";
}

@media screen and (max-width: 584px) {
  #index .cmovie .arr {
    font-size: 3.5vw;
    width: 100px;
    line-height: 1.5em;
  }
}

#index .cmovie .arr::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 15px;
  height: 1px;
  background: #bb8f00;
  background: #fff;
  display: block;
}

#index .skip {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 100px;
  text-align: center;
  height: 38px;
  line-height: 1em;
  background-color: rgba(38, 122, 167, 0.9);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 584px) {
  #index .skip {
    font-size: 3.5vw;
  }
}

#index .skip:hover {
  opacity: 0.7;
}

#index .bgmbtn2 {
  position: absolute;
  left: 124px;
  bottom: 20px;
  z-index: 12;
  background-color: rgba(38, 122, 167, 0.9);
  width: 38px;
  height: 38px;
  box-sizing: border-box;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

#index .bgmbtn2 p {
  color: #fff;
  margin-top: -18px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 2px;
  display: none;
}

#index .bgmbtn2:hover {
  opacity: 0.7;
}

#index.bgmon2 .secopani .bgmbtn2::after {
  background-image: url("/assets/images/original/fudosan-toushi_koguchi_bgm_on.png");
}

#index .bgmbtn2::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 15;
  color: #fff;
  text-align: center;
  background-size: 100% auto;
  background-position: center center;
  background-image: url("/assets/images/original/fudosan-toushi_koguchi_bgm_off.png");
}

@keyframes rpnlin {
  0% {
    display: none;
    transform: translateY(30px);
    opacity: 0;
  }

  1% {
    display: block;
    transform: translateY(30px);
    opacity: 0;
  }

  80% {
    display: block;
    opacity: 1;
  }

  100% {
    display: block;
    opacity: 1;
    transform: translateY(0);
  }
}

.secinfo {
  position: relative;
}

.secinfo .sectionin .btnset {
  margin-bottom: 3em;
}

.secinfo .sectionin .btnset li {
  margin-left: auto;
  margin-right: auto;
  height: 60px;
}

@media screen and (max-width: 584px) {
  .secinfo .sectionin .btnset li {
    height: 40px;
    width: 64vw;
  }
}

@media screen and (max-width: 584px) {
  .secinfo .sectionin .btnset {
    margin-bottom: 1em;
  }
}

.secinfo .sectionin .mb40 {
  margin-bottom: 40px;
}

@media screen and (max-width: 584px) {
  .secinfo .sectionin .mb40 {
    margin-bottom: 20px;
  }
}

.secinfo .sectionin p.p1 {
  color: #8D7418;
  text-align: center;
  font-size: 30px;
  line-height: 2em;
  font-feature-settings: "pwid";
  letter-spacing: 0px;
}

@media screen and (max-width: 584px) {
  .secinfo .sectionin p.p1 {
    font-size: 4.5vw;
    line-height: 1.8em;
  }

  .secinfo .sectionin p.p1 span {
    font-size: 3.4vw;
  }
}

.secinfo h3 {
  color: #8D7418;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 30px;
}

.secinfo .ftinfo {
  position: relative;
  margin-bottom: 60px;
}

.secinfo .ftinfo .s-news_item {
  font-size: 18px;
  /*max-width: 500px !important;*/
  max-width: 600px !important;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  display: flex;
  margin-bottom: 12px;
}

.secinfo .ftinfo .s-news_item :last-child {
  margin-bottom: 0;
}

.secinfo .ftinfo .s-news_item a {
  text-decoration: underline;
}

.secinfo .ftinfo .s-news_item .s-date,
.secinfo .ftinfo .s-news_item .s-news_text {
  display: inline-block;
}

.secinfo .ftinfo .s-news_item .s-date {
  width: 96px;
  padding-right: 16px;
}

@media screen and (max-width: 584px) {
  .secinfo .ftinfo .s-news_item .s-date {
    display: block;
    padding: 0;
    width: auto;
  }

  .secinfo .ftinfo .s-news_item .s-news_text {
    display: block;
    padding-top: 4px;
  }
}

@media screen and (max-width: 584px) {
  .secinfo .ftinfo .s-news_item {
    font-size: 3.5vw;
    line-height: 1.4em;
    display: block;
  }
}

#faq .sec2 {
  position: relative;
  z-index: 11;
}

@media screen and (max-width: 584px) {
  #faq .sec2 .sectionin {
    padding-top: 40px;
    padding: 0 !important;
  }
}

#faq .sec2 .sectionin .sec2a0 {
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 584px) {
  #faq .sec2 .sectionin .sec2a0 {
    padding: 6vw;
    margin-bottom: 0px;
  }
}

#faq .sec2 .sectionin .sec2a0.sty2 {
  background-color: #EAF2FB;
}

#faq .sec2 .sectionin .sec2a0 p.p3 {
  text-align: left;
  margin-bottom: 0;
  line-height: 2em;
  font-size: 16px;
  text-align: left;
}

@media screen and (max-width: 584px) {
  #faq .sec2 .sectionin .sec2a0 p.p3 {
    line-height: 1.8em;
  }
}

#faq .sec2 .sectionin .sec2a {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  margin-bottom: 20px;
}

@media screen and (max-width: 584px) {
  #faq .sec2 .sectionin .sec2a {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#faq .sec2 .sectionin .sec2a dt {
  box-sizing: border-box;
  width: 70px;
  background-color: #267AA7;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px;
}

#faq .sec2 .sectionin .sec2a dt img {
  display: block;
  vertical-align: bottom;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 584px) {
  #faq .sec2 .sectionin .sec2a dt img {
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 584px) {
  #faq .sec2 .sectionin .sec2a dt {
    width: 60px;
    padding: 6px;
  }
}

#faq .sec2 .sectionin .sec2a dd {
  box-sizing: border-box;
  width: calc(100% - 77px);
  background-color: #267AA7;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 584px) {
  #faq .sec2 .sectionin .sec2a dd {
    padding: 10px;
  }
}

#faq .sec2 .sectionin .sec2a dd .mbtn1 {
  margin-top: 10px;
  margin-left: 0;
  margin-right: auto;
}

@media screen and (max-width: 584px) {
  #faq .sec2 .sectionin .sec2a dd .mbtn1 {
    margin-top: 6px;
    margin-left: auto;
  }
}

#faq .sec2 .sectionin .sec2a dd p.p3 {
  display: block;
  line-height: 1em;
  font-size: 17px;
  color: #fff;
  margin-bottom: 0px;
  width: 100%;
  text-align: left;
}

#faq .sec2 .sectionin .sec2a dd p.p3.sty2 {
  margin-bottom: 10px;
}

@media screen and (max-width: 584px) {
  #faq .sec2 .sectionin .sec2a dd p.p3 {
    font-size: 4vw;
    line-height: 1.6em;
  }
}

#faq .sec2 .sectionin .sec2a dd p.note {
  display: block;
  color: #fff;
  font-size: 14px;
  width: 100%;
  text-align: left;
  line-height: 1em;
}

#faq .sec2 .sectionin .sec2a dd.sty2 {
  width: 100%;
}

#faq .sec2 .sectionin .sec2a dd h4 {
  margin-top: 0;
  color: #267AA7;
  position: relative;
  padding-left: 30px;
  line-height: 1em;
  padding-top: 6px;
}

@media screen and (max-width: 584px) {
  #faq .sec2 .sectionin .sec2a dd h4 {
    letter-spacing: 0;
    padding-top: 4px;
  }
}

#faq .sec2 .sectionin .sec2a dd h4 span {
  background-color: #267AA7;
  color: #fff;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#faq .sec2 .sectionin .sec2a dd p.p3 {
  text-align: left;
}

@media screen and (max-width: 584px) {
  #faq .sec2 .sectionin .sec2a dd {
    width: calc(100% - 66px);
  }
}

#about .sec1 .sec1a {
  /* max-width: 500px; */
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}

#about .sec1 .sec1a .newstyle20231201 {
  max-width: 668px;
}

#about .sec1 .sec1a h4 {
  border: 2px solid #267AA7;
  color: #267AA7;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  margin: 0;
  margin-bottom: 10px;
}

@media screen and (max-width: 584px) {
  #about .sec1 .sec1a h4 {
    font-size: 3.5vw;
  }
}

@media screen and (max-width: 584px) {
  #about .sec1 .sec1a {
    margin-top: 20px;
  }
}

#about .sec1 .sec1a2 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

/* newstyle20231201 追加項目　*/
#about .sec1 .sec1a2 ul ol {
  font-size: 12px;
  line-height: 1.7em;
  font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ ゴシック", sans-serif;
  text-indent: -2.5em;
  padding-left: 2.5em;
  list-style-type: none;
  counter-increment: cnt;
}

#about .sec1 .sec1a2 ul ol::before {
  content: "※" counter(cnt)"";
  margin-right: 1em;
}

/* ここまで　*/
#about .sec1 .sec1a2 p {
  font-feature-settings: "pwid";
  letter-spacing: 0px;
}

@media screen and (max-width: 584px) {
  #about .sec1 h3.sty3::before {
    display: none;
  }

  #about .sec1 h3.sty3 span {
    width: 100%;
    display: block;
    background-color: #267AA7;
    color: #fff;
  }
}

#about .sec1 p.p3 {
  text-align: left;
  line-height: 2em;
}

@media screen and (max-width: 584px) {
  #about .sec1 p.p3 {
    text-align: left;
  }

  #about .sec1 p.p3 br {
    display: none;
  }
}

#about .sec1 p.note {
  text-align: left;
}

@media screen and (max-width: 584px) {
  #about .sec1 p.note {
    text-align: left;
  }
}

#about .sec2 {
  position: relative;
  z-index: 11;
}

@media screen and (max-width: 584px) {
  #about .sec2 .sectionin {
    padding-top: 40px;
  }
}

#about .sec2 .sectionin .sec2a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

@media screen and (max-width: 584px) {
  #about .sec2 .sectionin .sec2a {
    margin-bottom: 30px;
  }
}

#about .sec2 .sectionin .sec2a .ifig04 {
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#about .sec2 .sectionin .sec2a dt {
  width: 48%;
  width: 52%;
}

@media screen and (max-width: 584px) {
  #about .sec2 .sectionin .sec2a dt {
    width: 100%;
  }
}

#about .sec2 .sectionin .sec2a dt p.p3 {
  line-height: 2em;
  font-size: 18px;
}

#about .sec2 .sectionin .sec2a dt.sty2 {
  width: 100%;
}

#about .sec2 .sectionin .sec2a dt h4 {
  margin-top: 0;
  color: #267AA7;
  position: relative;
  padding-left: 30px;
  line-height: 1em;
  padding-top: 4px;
  font-size: 19px;
}

@media screen and (max-width: 584px) {
  #about .sec2 .sectionin .sec2a dt h4 {
    letter-spacing: 0;
    padding-top: 4px;
    line-height: 1.6em;
    margin-bottom: 10px;
  }
}

#about .sec2 .sectionin .sec2a dt h4 span {
  background-color: #267AA7;
  color: #fff;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 584px) {
  #about .sec2 .sectionin .sec2a dt h4 span {
    top: 6px;
  }
}

#about .sec2 .sectionin .sec2a dt p.p3 {
  text-align: left;
}

#about .sec2 .sectionin .sec2a dd {
  width: 44%;
}

@media screen and (max-width: 584px) {
  #about .sec2 .sectionin .sec2a dd {
    width: 100%;
    margin-top: 10px;
  }
}

#livable .sec1 .sec1a {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}

@media screen and (max-width: 584px) {
  #livable .sec1 h3.sty3::before {
    display: none;
  }

  #livable .sec1 h3.sty3 span {
    width: 100%;
    display: block;
    background-color: #267AA7;
    color: #fff;
  }
}

@media screen and (max-width: 584px) {
  #livable .sec1 p.p3 {
    text-align: left;
  }

  #livable .sec1 p.p3 br {
    display: none;
  }
}

#livable .sec2 {
  position: relative;
  z-index: 11;
}

#livable .sec2 .sec2a3 {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

#livable .sec2 .sec2a2 {
  /*margin-top: 20px;*/
  width: 100%;
  display: block;
  background-color: #267AA7;
  color: #fff;
  padding: 4px;
  text-align: center;
}

#livable .sec2 .ifig_img_01_23 {
  margin-bottom: 10px;
  background-color: #F4F3E4;
  padding: 10px;
  box-sizing: border-box;
}

#livable .sec2 .sec2a2 span {
  font-size: 12px;
}

@media screen and (max-width: 584px) {
  #livable .sec2 .sectionin {
    padding-top: 40px;
  }
}

#livable .sec2 .sectionin .sec2a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

@media screen and (max-width: 584px) {
  #livable .sec2 .sectionin .sec2a {
    margin-bottom: 30px;
  }
}

#livable .sec2 .sectionin .sec2a .ifig04 {
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#livable .sec2 .sectionin .sec2a dt {
  width: 48%;
}

@media screen and (max-width: 584px) {
  #livable .sec2 .sectionin .sec2a dt {
    width: 100%;
  }
}

#livable .sec2 .sectionin .sec2a dt.sty2 {
  width: 100%;
}

#livable .sec2 .sectionin .sec2a dt h4 {
  margin-top: 0;
  color: #267AA7;
  position: relative;
  padding-left: 30px;
  line-height: 1em;
  padding-top: 6px;
  line-height: 1.4em;
  font-size: 19px;
}

#livable .sec2 .sectionin .sec2a dt h4.tsume {
  letter-spacing: 1px;
}

@media screen and (max-width: 584px) {
  #livable .sec2 .sectionin .sec2a dt h4 {
    letter-spacing: 0;
    padding-top: 4px;
    line-height: 1.6em;
    margin-bottom: 10px;
  }
}

#livable .sec2 .sectionin .sec2a dt h4 span {
  background-color: #267AA7;
  color: #fff;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#livable .sec2 .sectionin .sec2a dt h4 span.sty2 {
  top: 16px;
}

@media screen and (max-width: 584px) {
  #livable .sec2 .sectionin .sec2a dt h4 span {
    top: 6px;
  }

  #livable .sec2 .sectionin .sec2a dt h4 span.sty2 {
    top: 20px;
  }

  #livable .sec2 .sectionin .sec2a dt h4 span.sty3 {
    top: 20px;
  }
}

#livable .sec2 .sectionin .sec2a dt p.p3 {
  font-feature-settings: "pwid";
  letter-spacing: 0px;
  line-height: 2em;
  font-size: 18px;
  text-align: left;
}

#livable .sec2 .sectionin .sec2a dd {
  width: 44%;
}

@media screen and (max-width: 584px) {
  #livable .sec2 .sectionin .sec2a dd {
    width: 100%;
    margin-top: 10px;
  }
}

#flow .sec1 .sec1a {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}

@media screen and (max-width: 584px) {
  #flow .sec1 h3.sty3::before {
    display: none;
  }

  #flow .sec1 h3.sty3 span {
    width: 100%;
    display: block;
    background-color: #267AA7;
    color: #fff;
  }
}

@media screen and (max-width: 584px) {
  #flow .sec1 p.p3 {
    text-align: left;
  }

  #flow .sec1 p.p3 br {
    display: none;
  }
}

#flow .sec2 {
  position: relative;
  z-index: 11;
}

@media screen and (max-width: 584px) {
  #flow .sec2 .sectionin {
    padding-top: 40px;
  }
}

#flow .sec2 .sectionin .arr {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60px;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 584px) {
  #flow .sec2 .sectionin .arr {
    width: 40px;
  }
}

#flow .sec2 .sectionin .sec2a {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
}

@media screen and (max-width: 584px) {
  #flow .sec2 .sectionin .sec2a {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#flow .sec2 .sectionin .sec2a dt {
  box-sizing: border-box;
  width: 100px;
  background-color: #267AA7;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

#flow .sec2 .sectionin .sec2a dt img {
  display: block;
  vertical-align: bottom;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 584px) {
  #flow .sec2 .sectionin .sec2a dt {
    width: 70px;
    padding: 6px;
  }
}

#flow .sec2 .sectionin .sec2a dd {
  box-sizing: border-box;
  width: calc(100% - 110px);
  background-color: #267AA7;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 10px;
}

#flow .sec2 .sectionin .sec2a dd p.p3 {
  display: block;
  line-height: 1em;
  font-size: 17px;
  color: #fff;
  margin-bottom: 0px;
  width: 100%;
  text-align: left;
}

@media screen and (max-width: 584px) {
  #flow .sec2 .sectionin .sec2a dd p.p3 {
    font-size: 4vw;
    line-height: 1.6em;
  }
}

#flow .sec2 .sectionin .sec2a dd p.p3.sty2 {
  margin-bottom: 10px;
}

@media screen and (max-width: 584px) {
  #flow .sec2 .sectionin .sec2a dd p.p3.sty2 {
    margin-bottom: 4px;
  }
}

#flow .sec2 .sectionin .sec2a dd p.note {
  display: block;
  color: #fff;
  font-size: 12px;
  width: 100%;
  text-align: left;
  line-height: 1em;
}

#flow .sec2 .sectionin .sec2a dd.sty2 {
  width: 100%;
}

#flow .sec2 .sectionin .sec2a dd h4 {
  margin-top: 0;
  color: #267AA7;
  position: relative;
  padding-left: 30px;
  line-height: 1em;
  padding-top: 6px;
}

@media screen and (max-width: 584px) {
  #flow .sec2 .sectionin .sec2a dd h4 {
    letter-spacing: 0;
    padding-top: 4px;
  }
}

#flow .sec2 .sectionin .sec2a dd h4 span {
  background-color: #267AA7;
  color: #fff;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#flow .sec2 .sectionin .sec2a dd p.p3 {
  text-align: left;
}

@media screen and (max-width: 584px) {
  #flow .sec2 .sectionin .sec2a dd {
    width: calc(100% - 76px);
  }
}

#flow .step3a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 20px;
}

#flow .step3a li {
  width: 49%;
}

@media screen and (max-width: 584px) {
  #flow .step3a li {
    width: 100%;
  }
}

#flow .step3a li:nth-child(1) {
  padding-right: 14px;
  border-right: 2px dashed #FFFFFF;
}

@media screen and (max-width: 584px) {
  #flow .step3a li:nth-child(1) {
    padding-right: 0;
    margin-bottom: 10px;
    border-right: none;
  }
}

#flow .step3a li p.p3 {
  font-size: 13px !important;
  line-height: 1.6em !important;
}

@media screen and (max-width: 584px) {
  #flow .step3a li p.p3 {
    font-size: 3.5vw !important;
    line-height: 1.6em !important;
  }
}

#flow .step3a li p.p3.sty3 {
  display: inline-block;
  border: 1px solid #FFFFFF;
  font-size: 14px !important;
  padding: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 10px !important;
}

@media screen and (max-width: 584px) {
  #flow .step3a li p.p3.sty3 {
    font-size: 3.5vw !important;
  }
}

#event .sec2 h3 {
  border-top: 1px solid #267AA7;
  border-bottom: 1px solid #267AA7;
  text-align: center;
  color: #267AA7;
  border-top: 1px solid #267AA7;
  padding: 14px;
}

#event .sec2 .note2 {
  text-align: center;
  color: #a71944;
  margin-top: 20px;
}

#event .sec2 .mbtn1 {
  height: 100px;
}

#event .sec2 .mbtn1 a {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-content: center;
}

#event .sec2 .mbtn1 a p {
  width: 100%;
  text-align: center;
  font-size: 18px;
}

#event .sec2 .mbtn1 a p.note {
  font-size: 13px;
}

@media screen and (max-width: 584px) {
  #event .sec2 p.p3 {
    text-align: left;
  }

  #event .sec2 p.p3 br {
    display: none;
  }
}

#list .sec2 {
  overflow: hidden;
}

#list .sec2 .onel {
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

#list .sec2 .onel figure {
  margin-bottom: 20px;
}

#list .sec2 .onel figure .note {
  right: 5px;
  left: auto;
}

#list .sec2 .onel figure .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  opacity: 0;
}

#list .sec2 .onel figure>ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

#list .sec2 .onel figure>ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: block;
  vertical-align: bottom;
  width: 100%;
}

#list .sec2 .onel figure>ul li img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}

#list .sec2 .onel figure>ul li .note {
  right: 5px;
  left: auto;
}

#list .sec2 .onel figure>ul li .note.l58 {
  right: auto;
  left: 58%;
}

#list .sec2 .onel figure>ul li .note.l61 {
  right: auto;
  left: 61%;
}

#list .sec2 .onel .cnote {
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  text-align: right;
  max-width: 550px;
}

#list .sec2 .onel .cnote.sty2 {
  max-width: 640px;
}

#list .sec2 .onel .cnote i {
  font-style: normal;
  background-color: #666;
  color: #fff;
  font-size: 11px;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  font-weight: normal;
  line-height: 16px;
  text-align: center;
  display: inline-block;
  margin-right: 1px;
}

#list .sec2 .onel ul.thmb {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
  margin-top: 20px;
}

#list .sec2 .onel ul.thmb.list1 {
  margin-bottom: 0px;
}

#list .sec2 .onel ul.thmb li {
  position: relative;
  width: auto;
  height: 125px;
  cursor: pointer;
  margin-right: 1px;
  margin-left: 1px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#list .sec2 .onel ul.thmb.sty2 li {
  height: auto;
  width: calc(25% - 2px);
}

#list .sec2 .onel ul.thmb li:hover {
  opacity: 0.7;
}

#list .sec2 .onel ul.thmb li i {
  position: absolute;
  font-style: normal;
  background-color: #666;
  color: #fff;
  font-size: 11px;
  width: 16px;
  height: 16px;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  font-weight: normal;
  line-height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#list .sec2 .onel ul.thmb li span {
  width: 100%;
  position: absolute;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 50px;
}

#list .sec2 .onel ul.thmb li span.mini {
  font-size: 85%;
}

#list .sec2.detail .sectionin {
  padding-top: 0;
  padding: 0;
  box-sizing: border-box;
}

#list .sec2 .fudousan-detail-main {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

#list .sec2 .fudousan-detail-main img.bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
}

#list .sec2 .fudousan-detail-main img.cv {
  position: absolute;
  left: 50%;
  top: 10%;
  z-index: 5;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.fudousan-detail-merit {
  position: relative;
  padding-bottom: 10px;
  padding-top: 10px;
}

.fudousan-detail-merit .t1 {
  font-size: 34px;
  text-align: center;
  letter-spacing: 0;
  font-feature-settings: "palt";
}

.fudousan-detail-merit .t1 i {
  font-style: normal;
  font-size: 50px;
  color: #2779A7;
}

.fudousan-detail-merit .t1 small {
  font-size: 14px;
}

.fudousan-detail-merit .t1 span {
  font-size: 24px;
  position: relative;
}

.fudousan-detail-merit .t1 span.sty2 {
  font-size: 34px;
}

.fudousan-detail-merit .t1 span b {
  font-size: 14px;
  position: absolute;
  top: -26px;
  right: 0;
  white-space: nowrap;
  line-height: 1em;
}

.fudousan-detail-merit .t1 span b.sty3 {
  right: auto;
  left: 0;
  top: -15px;
}

.fudousan-detail-merit .t1 span b.sty2 {
  right: auto;
  left: 3.4em;
}

.fudousan-detail-merit::before {
  position: absolute;
  width: 100%;
  height: 6px;
  left: 0;
  content: "";
  bottom: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(39, 121, 167, 1) 50%, rgba(255, 255, 255, 1) 99.72%);
}

.fudousan-detail-merit.merit2::before {
  display: none;
}

.fudousan-detail-merit3 {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fudousan-detail-merit3 li {
  width: 49%;
  padding: 10px;
  background-color: #2779A7;
  outline: 1px solid #fff;
  outline-offset: -5px;
}

.fudousan-detail-merit3 .t1 {
  font-size: 27px;
  text-align: center;
  letter-spacing: 0;
  font-feature-settings: "palt";
  color: #fff;
}

.fudousan-detail-merit3 .t1 sup {
  font-size: 12px;
  top: -1.5em;
}

.fudousan-detail-merit3 .t1 i {
  font-style: normal;
  font-size: 44px;
  color: #fff;
}

.fudousan-detail-note {
  line-height: 1.2em;
  font-size: 12px;
  margin-top: 10px;
}

#list .sec2 .onel2 {
  width: 100%;
  /*max-width: 640px;*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 60px;
}

#list .sec2 .onel2 figure {
  margin-bottom: 20px;
}

#list .sec2 .onel2 figure .note {
  right: 5px;
  left: auto;
}

#list .sec2 .onel2 figure .bg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  opacity: 0;
}

#list .sec2 .onel2 figure>ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

#list .sec2 .onel2 figure>ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  display: block;
  vertical-align: bottom;
  width: 100%;
}

#list .sec2 .onel2 figure>ul li .p1 {
  font-size: 24px;
  position: absolute;
  display: block;
  left: 20px;
  bottom: 20px;
  margin: 0;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7), -1px -1px 1px rgba(0, 0, 0, 0.7), 1px -1px 1px rgba(0, 0, 0, 0.7), -1px 1px 1px rgba(0, 0, 0, 0.7), 0px 0px 3px rgba(0, 0, 0, 0.7);
  z-index: 5;
}

#list .sec2 .onel2 figure>ul li img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}

#list .sec2 .onel2 figure>ul li .note {
  right: 5px;
  left: auto;
}

#list .sec2 .onel2 figure>ul li .note.l58 {
  right: auto;
  left: 58%;
}

#list .sec2 .onel2 figure>ul li .note.l61 {
  right: auto;
  left: 61%;
}

#list .cnote.ebisu_page_16 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}

#list .sec2 .onel2 .cnote {
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  max-width: 550px;
}

#list .sec2 .onel2 .cnote.sty2 {
  max-width: 640px;
}

#list .sec2 .onel2 .cnote i {
  font-style: normal;
  background-color: #666;
  color: #fff;
  font-size: 11px;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  font-weight: normal;
  line-height: 16px;
  text-align: center;
  display: inline-block;
  margin-right: 1px;
}

#list .sec2 .onel2 ul.thmb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
  margin-top: 20px;
}

#list .sec2 .onel2 ul.thmb.list1 {
  margin-bottom: 0px;
}

#list .sec2 .onel2 ul.thmb li {
  position: relative;
  width: auto;
  /*height: 125px;*/
  cursor: pointer;
  margin-right: 1px;
  margin-left: 1px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#list .sec2 .onel2 ul.thmb.sty2 li {
  height: auto;
  width: 13%;
  height: 100px;
}

#list .sec2 .onel2 ul.thmb.sty2 li img {
  height: 100% !important;
  object-fit: cover;
}

#list .sec2 .onel2 ul.thmb li:hover {
  opacity: 0.7;
}

#list .sec2 .onel2 ul.thmb li i {
  position: absolute;
  font-style: normal;
  background-color: #666;
  color: #fff;
  font-size: 11px;
  width: 16px;
  height: 16px;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  font-weight: normal;
  line-height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#list .sec2 .onel2 ul.thmb li::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  content: "";
  background-color: #267AA7;
  opacity: 0.8;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#list .sec2 .onel2 .cnote {
  font-size: 12px;
  text-align: right;
  max-width: 100%;
  margin-top: 10px;
}

#list .sec2 .onel2 ul.thmb li:hover::before {
  opacity: 0;
}

#list .sec2 .onel2 ul.thmb li span {
  width: 100%;
  position: absolute;
  z-index: 5;
  /*background-color: rgba(255, 255, 255, 0.7);*/
  text-align: center;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 1em;
  color: #fff;
}

#list .sec2 .onel2 ul.thmb.sty2 li.null {
  display: none;
}

#list .sec2 .h3t2 {
  box-sizing: border-box;
  background-color: #267AA7;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-size: 24px;
  line-height: 1em;
  position: relative;
  margin-bottom: 40px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

#list .sec2 .h3t3 {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#list .sec2 .h3t3 span {
  padding-right: 14px;
  margin-right: 14px;
  position: relative;
  font-size: 40px;
  font-feature-settings: "palt";
  letter-spacing: 0;
}

#list .sec2 .ifig_plan_01 {
  position: relative;
  margin-bottom: 40px;
}

#list .sec2 .ifig_plan_01 img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}

#list .sec2 .h3t3 span i {
  font-size: 30px;
  font-style: normal;
}

#list .sec2 .h3t3 span small {
  font-size: 34px;
}

#list .sec2 .h3t3 span::before {
  width: 1px;
  height: 70%;
  content: "";
  background-color: #000;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#list .sec2 .h3t3 span.last::before {
  display: none;
}

#list .sec2 .h3t3 span.last {
  margin-right: 0;
  padding-right: 0;
}

#list .sec2 .fudosan-toushi_koguchi_list_ebisu-outline {
  position: relative;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  margin-top: 60px;
}

#list .sec2 .fudosan-toushi_koguchi_list_ebisu-outline h4 {
  background-color: #E4E9EA;
  padding: 4px 10px;
}

#list .sec2 .h3t1 {
  box-sizing: border-box;
  border: 1px solid #267AA7;
  padding: 10px;
  text-align: center;
  font-size: 24px;
  line-height: 1em;
  height: 30px;
  position: relative;
  margin-bottom: 40px;
}

#list .sec2 .h3t1.sty2 {
  margin-top: 60px;
}

#list .sec2 .ifig_page_03 {
  position: relative;
  margin: 60px auto;
}

#list .sec2 .ifig_page_03b {
  position: relative;
  margin: 60px auto;
  max-width: 800px;
}

#list .sec2.detail .sectionin {
  padding-bottom: 60px;
}

#list .sec3.detail {
  background-color: #E4EBF0;
}

#list .sec3.detail .sectionin {
  max-width: 900px;
  padding: 60px 0;
}

#list .ifig_page_12 {
  margin: 40px auto 60px auto;
  max-width: 700px;
}

#list .ifig_page_12 .cnote {
  text-align: right;
}

#list .sec3.detail .sectionin .p1 {
  text-align: left;
  margin-bottom: 10px;
}

#list .sec3.detail .sectionin .p2 {
  text-align: left;
  margin-bottom: 20px;
}

#list .sec2 .ifig_page_03 img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}

#list .sec2 .h3t1 span {
  width: auto;
  color: #267AA7;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  left: 50%;
  height: 40px;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  flex-wrap: wrap;
  padding: 0 40px;
  white-space: nowrap;
}

#list .sec2 .onel ul.thmb li span.sc9 b {
  font-weight: normal;
}

@media screen and (max-width: 584px) {
  #list .sec2 .onel ul.thmb li span.sc9 b {
    font-weight: normal;
    color: #000;
    position: relative;
    font-size: 2.5vw;
    line-height: 1em;
    z-index: 5;
    white-space: nowrap;
    transform: scaleX(0.88);
  }

  #list .sec2 .ifig_page_03 {
    margin: 6vw auto;
  }

  #list .sec2 .ifig_page_03b {
    margin: 6vw auto;
  }

  #list .sec2 .h3t1 span {
    padding: 0;
  }

  #list .sec2 .h3t1.sty2 {
    margin-top: 6vw;
  }

  #list .sec2 .h3t3 span {
    font-size: 7vw;
  }

  #list .sec2 .ifig_plan_01 {
    margin-bottom: 3vw;
  }

  #list .sec2 .h3t3 span i {
    font-size: 4.5vw;
  }

  #list .sec2 .h3t3 span small {
    font-size: 4.5vw;
    margin-bottom: 3vw;
  }

  #list .sec2 .h3t2 {
    font-size: 4.5vw;
    margin-bottom: 3vw;
  }

  #list .sec2 .h3t1 {
    font-size: 4.5vw;
    margin-bottom: 6vw;
  }

  #list .sec2 .h3t1 span {
    font-size: 4.5vw;
    line-height: 1.5em;
    height: auto;
    padding: 10px 3vw;
  }

  #list .sec2 .onel2 {
    margin-bottom: 6vw;
  }

  #list .sec2 .onel2 figure>ul li .p1 {
    font-size: 4.5vw;
    left: 3vw;
    bottom: 3vw;
  }

  #list .sec2 .onel2 ul.thmb.sty2 {
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #list .sec2 .onel2 ul.thmb.sty2 li {
    width: 24%;
    margin-bottom: 2vw;
    height: auto !important;
  }

  #list .sec2 .onel2 ul.thmb.sty2 li.null {
    display: block;
    pointer-events: none !important;
  }

  .fudousan-detail-merit .t1 {
    font-size: 6vw;
  }

  .fudousan-detail-merit .t1 i {
    font-size: 8vw;
  }

  .fudousan-detail-merit .t1 small {
    font-size: 2.5vw;
  }

  .fudousan-detail-merit .t1 span {
    font-size: 4.5vw;
  }

  .fudousan-detail-merit .t1 span b {
    font-size: 2.5vw;
    top: -20px;
  }

  .fudousan-detail-merit .t1 span.sty2 {
    font-size: 6vw;
  }

  .fudousan-detail-merit .t1 span b.sty3 {
    top: -6px;
    left: 2px;
  }

  .fudousan-detail-merit3 .t1 sup {
    font-size: 2.5vw;
  }

  .fudousan-detail-merit3 {
    align-items: stretch;
  }

  .fudousan-detail-merit3 .t1 {
    font-size: 4vw;
    line-height: 1em;
  }

  .fudousan-detail-merit3 .t1 i {
    font-size: 8vw;
    line-height: 1em;
  }

  .fudousan-detail-merit3 li {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #list .sec2 .onel ul.thmb li span {
    font-size: 2.5vw;
    line-height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
  }

  #list .sec2 .onel ul.thmb li span.sc9 {}

  #list .sec2 .onel2 ul.thmb li span {
    font-size: 2.5vw;
    line-height: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
  }
}

@media screen and (max-width: 584px) {
  #list .sec2 .onel ul.thmb li {
    height: 70px;
  }

  #list .sec2 .onel2 ul.thmb li {
    height: 70px;
    width: 18%;
  }
}

#list .sec2 .onel ul.thmb li img {
  display: block;
  vertical-align: bottom;
  width: auto;
  height: 100%;
}

#list .sec2 .onel ul.thmb.sty2 li img {
  width: 100%;
  height: auto;
}

#list .sec2 .onel ul.thmb li p.note {
  white-space: nowrap;
  position: absolute;
  right: 0;
  bottom: -20px;
}

#list .sec2 .onel2 ul.thmb li img {
  display: block;
  vertical-align: bottom;
  width: auto;
  height: 100%;
}

#list .sec2 .onel2 ul.thmb.sty2 li img {
  width: 100%;
  height: auto;
}

#list .sec2 .onel2 ul.thmb li p.note {
  white-space: nowrap;
  position: absolute;
  right: 0;
  bottom: -20px;
}

#list .sec2 .onel.s4 figure.bimg ul li.s4,
#list .sec2 .onel.s3 figure.bimg ul li.s3,
#list .sec2 .onel.s2 figure.bimg ul li.s2,
#list .sec2 .onel.s1 figure.bimg ul li.s1 {
  opacity: 1;
}

#list .sec2 .onel2.s5 figure.bimg ul li.s5,
#list .sec2 .onel2.s6 figure.bimg ul li.s6,
#list .sec2 .onel2.s7 figure.bimg ul li.s7,
#list .sec2 .onel2.s8 figure.bimg ul li.s8,
#list .sec2 .onel2.s4 figure.bimg ul li.s4,
#list .sec2 .onel2.s3 figure.bimg ul li.s3,
#list .sec2 .onel2.s2 figure.bimg ul li.s2,
#list .sec2 .onel2.s1 figure.bimg ul li.s1 {
  opacity: 1;
}

#list .sec2 .onel2.s7 .thmb li.s7::before,
#list .sec2 .onel2.s6 .thmb li.s6::before,
#list .sec2 .onel2.s5 .thmb li.s5::before,
#list .sec2 .onel2.s4 .thmb li.s4::before,
#list .sec2 .onel2.s3 .thmb li.s3::before,
#list .sec2 .onel2.s2 .thmb li.s2::before,
#list .sec2 .onel2.s1 .thmb li.s1::before {
  opacity: 0;
}

#list .sec2 h3 {
  text-align: center;
  color: #fff;
  padding: 10px;
  background-color: #BB8F00;
}

#list .sec2 p.p1 {
  font-size: 20px;
}

@media screen and (max-width: 584px) {
  #list .sec2 p.p1 {
    font-size: 4vw;
  }
}

#list .sec2 .sec2b {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
  align-items: stretch;
}

@media screen and (max-width: 584px) {
  #list .sec2 .sec2b {
    align-items: flex-start;
  }
}

#list .sec2 .sec2b.sty2 {
  margin-bottom: 40px;
}

#list .sec2 .sec2b dt {
  background-color: #7D7D7D;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #fff;
  width: 100px;
  padding: 4px 0 6px 0;
  line-height: 1.4em;
  font-size: 15px;
}

@media screen and (max-width: 584px) {
  #list .sec2 .sec2b dt {
    font-size: 3vw;
    width: 70px;
  }
}

#list .sec2 .sec2b dd {
  width: calc(100% - 110px);
  line-height: 1.4em;
  padding: 6px 10px 4px 10px;
  border-bottom: 1px solid #dadada;
  font-size: 17px;
}

@media screen and (max-width: 584px) {
  #list .sec2 .sec2b dd {
    font-size: 3vw;
    width: calc(100% - 76px);
    padding-top: 8px;
  }
}

#list .sec2 .sec2b2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
  align-items: stretch;
}

@media screen and (max-width: 584px) {
  #list .sec2 .sec2b2 {
    align-items: flex-start;
  }
}

#list .sec2 .sec2b2.sty2 {
  margin-bottom: 40px;
}

#list .sec2 .sec2b2 dt {
  /*background-color: #7D7D7D;*/
  /*display: flex;*/
  /*justify-content: flex-end;*/
  /*align-items: center;*/
  /*-webkit-flex-wrap: wrap;*/
  /*-moz-flex-wrap: wrap;*/
  /*-ms-flex-wrap: wrap;*/
  /*flex-wrap: wrap;*/
  display: block;
  color: #000;
  width: 110px;
  padding: 4px;
  font-size: 14px;
  line-height: 1em;
  text-align: right;
  font-feature-settings: "palt";
  letter-spacing: 0;
  text-align-last: justify;
}

#list .sec2 .sec2b2 dt.sty2 {
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

#list .sec3.detail .cnote,
#list .sec2 .cnote {
  font-size: 12px;
  line-height: 1.4em;
}

.fudosan-toushi_koguchi_list_ebisu_p6 {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.fudosan-toushi_koguchi_list_ebisu_p6 li {
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 20px;
  position: relative;
}

.fudosan-toushi_koguchi_list_ebisu_p14 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.fudosan-toushi_koguchi_list_ebisu_p14 li {
  width: 48%;
  margin-bottom: 20px;
  position: relative;
}

.fudosan-toushi_koguchi_list_ebisu_p14 li figure .cnote {
  text-align: right;
}

@media screen and (max-width: 584px) {
  .fudousan-detail-main {
    width: 100vw;
    margin-left: calc(-1 * ((100vw - 100%) / 2));
  }

  #list .sec3.detail .sectionin {
    padding: 12vw 6vw;
  }

  .fudosan-toushi_koguchi_list_ebisu_p14 li {
    margin-bottom: 3vw;
  }

  .fudosan-toushi_koguchi_list_ebisu_p6 li {
    margin-bottom: 2vw;
  }

  #list .sec3.detail .cnote,
  #list .sec2.detail .cnote,
  .fudousan-one .fnote,
  .fudousan-detail-note {
    font-size: 2.5vw !important;
    line-height: 1.2em !important;
  }

  #list .sec3.detail p.p1 br {
    display: none;
  }

  #list .sec3.detail p.p2 {
    font-size: 5vw;
    font-feature-settings: "palt";
    letter-spacing: 0;
  }

  #list .sec3.detail p.p1,
  #list .sec2.detail p.p1 {
    font-size: 3.5vw;
    line-height: 1.8em;
    font-feature-settings: "palt";
    letter-spacing: 0;
  }

  #list .sec2 .cnote {
    line-height: 1.3em;
  }

  #list .sec2 .sec2b2 dt {
    font-size: 3vw;
    width: 100px;
  }
}

#list .sec2.detail p.p1 {
  font-feature-settings: "palt";
  letter-spacing: 0;
  line-height: 2em;
}

#list .sec2 .sec2b2 dd {
  width: calc(100% - 140px);
  line-height: 1em;
  padding: 4px;
  /*border-bottom: 1px solid #dadada;*/
  font-size: 14px;
}

@media screen and (max-width: 584px) {
  .fudosan-toushi_koguchi_list_ebisu-outline {
    margin-bottom: 6vw;
    margin-top: 6vw;
  }

  #list .sec2 .fudosan-toushi_koguchi_list_ebisu-outline h4 {
    padding: 4px 10px;
    margin: 0;
    margin-bottom: 3vw;
  }

  #list .sec2 .sec2b2 dt {
    font-size: 3vw;
    width: 70px;
    padding: 0;
  }

  #list .sec2 .sec2b2 dd {
    font-size: 3vw;
    width: calc(100% - 96px);
    padding: 0;
    /*padding-top: 8px;*/
  }
}

#list .sec2 .mbtn1 {
  /*height: 100px;*/
  margin-top: 20px;
}

#list .sec2 .mbtn1 a {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-content: center;
}

#list .sec2 .mbtn1 a p {
  width: 100%;
  text-align: center;
  font-size: 18px;
}

#list .sec2 .mbtn1 a p.note {
  font-size: 13px;
}

@media screen and (max-width: 584px) {
  #list .sec2 p.p3 {
    text-align: left;
  }

  #list .sec2 p.p3 br {
    display: none;
  }
}

#list .lnote {
  font-size: 12px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4em;
  margin-bottom: 60px;
}

@media screen and (max-width: 584px) {
  #list .lnote {
    font-size: 2.5vw;
  }
}

#list .ifig_fudosan-toushi_koguchi_list_ebisu_05 {
  max-width: 640px;
  /*margin: 20px auto 40px auto;*/
  margin: 10px auto;
}

/*# sourceMappingURL=style.css.map */
/* 20230310 追記 */
.s-mb60 {
  margin-bottom: 60px !important;
}

/* 20230317 追記 */
.s-comingsoon {
  font-size: 20px;
  text-align: center;
  line-height: 7.6em;
  margin-bottom: 30px;
}

.fudousan-one {
  /*border-top: 1px solid #dadada;*/
  /*border-bottom: 1px solid #dadada;*/
  width: 100vw;
  margin-left: calc(-1 * (100vw - 100%) / 2);
  /*padding: 60px 0;*/
  padding-bottom: 100px;
}

.fudousan-one p.p1 {
  font-size: 40px;
}

.fudousan-one-title {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 20px;
  margin-bottom: 60px;
  background-color: #F6F6F6;
  box-sizing: border-box;
}

.fudousan-one-title dl {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.fudousan-one .fnote,
.fnote-non {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  font-feature-settings: "pwid";
  letter-spacing: 0px;
  line-height: 1.2em;
  margin-bottom: 20px;
}

.fnote-non {
  margin-bottom: 0px;
}

/* newstyle20231201 追加項目　*/
.fudousan-one .fnote ul ol {
  text-indent: -1.8em;
  padding-left: 1.8em;
  list-style-type: none;
  counter-increment: cnt;
}

.fudousan-one .fnote ul ol::before {
  content: "※" counter(cnt)"";
}

.fudousan-one .fnote-non ul ol {
  text-indent: -1em;
  padding-left: 1em;
}

.fudousan-one .fnote-non ul ol::before {
  content: "※";
}

/* ここまで */
.fudousan-one .fnote.tbl2 {
  margin-bottom: 0px;
}

.fudousan-one .mbtn1 {
  height: 60px;
  margin-top: 40px;
}

.fudousan-one-title dl dt {
  width: 180px;
  text-align: center;
  color: #fff;
  padding: 10px;
  background-color: #BB8F00;
  font-size: 20px;
  position: relative;
  font-feature-settings: "palt";
  letter-spacing: 0;
}

.fudousan-one-title dl dt.sty2 {
  background-color: #267aa7;
}

.fudousan-one-title dl dd {
  width: calc(100% - 200px);
  font-size: 32px;
}

.fudousan-one-title dl dd span {
  font-size: 26px;
}

.fudousan-one-subtitle {
  text-align: center;
  font-size: 24px;
  margin-bottom: 30px;
  margin-top: -60px;
  padding: 40px;
  background-color: #fff8e0;
}

@media screen and (max-width: 584px) {
  .fudousan-one-subtitle {
    text-align: center;
    font-size: 4.5vw;
    margin-bottom: 3vw;
    margin-top: -3vw;
    padding: 6vw;
  }

  .fudousan-one .mbtn1 {
    height: 50px;
    margin-top: 6vw;
  }

  .fudousan-one {
    margin: 0;
    width: 100%;
    padding: 0;
    padding-bottom: 12vw;
  }

  .fudousan-one-title {
    padding: 3vw;
    padding-bottom: 3vw;
    width: 100vw;
    margin-left: calc(-1 * (100vw - 100%) / 2);
    margin-bottom: 6vw;
  }


  .fudousan-one-title dl dt {
    font-size: 4vw;
    padding: 4px;
  }

  .fudousan-one-title dl dd {
    width: 100%;
    font-size: 7vw;
    padding-top: 10px;
    text-align: center;
  }

  .fudousan-one-title dl dd span {
    font-size: 4.5vw;
    display: block;
    text-align: center;
  }
}

/* 20230614追記 */
.s-link {
  color: #BB8F00;
  -webkit-transition: border-bottom .24s ease-out;
  -o-transition: border-bottom .24s ease-out;
  transition: border-bottom .24s ease-out;
  border-bottom: 1px solid transparent;
}

.s-link:hover {
  border-bottom: 1px solid currentColor;
}

/* 20230901追記 */
/*.s-0901 {
  font-size: 16px;
  color: #C7000A;
  display: block;
  line-height: 1.6;
  margin: 8px auto 45px;
  border: 1px solid #C7000A;
  padding: 8px;
  max-width: 720px;
}*/
.s-0901 {
  margin: 0 auto 40px;
  max-width: 100%;
}
.s-txt0901 {
  font-size: 15px;
}

/* 20250820追記 */
#index .fbann.s-2508 {
  top: 0 !important;
  bottom: 0 !important;
  left: 0;
  margin: auto;
  max-width: 600px;
  height: fit-content;
  width: fit-content;
  z-index: 100003;
}
#index .fbann.s-2508 img {
  max-width: 600px;
}
#index .fbann.s-2508 a {
  z-index: 100004;
}
#index .fbann.s-2508 a:hover {
  background-color: rgb(255,255,255,0.3);
}
#index .fbann.s-2508 .cls {
  right: -20px;
  top: -20px;
  width: 40px;
  height: 40px;
  z-index: 100005;
}
#index .fbann-background {
  z-index: 100002;
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
}
@media screen and (max-width: 584px) {
  #index .fbann.s-2508 {
    width: 88vw;
  }
}