@charset "UTF-8";
/* -------------------------------
	table
-------------------------------- */
table { line-height: 1.5; }

.table-design-1 { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #ccc; }
.table-design-1 > tbody > tr { border-bottom: 1px solid #ccc; }
.table-design-1 > tbody > tr > th, .table-design-1 > tbody > tr > td { padding: 1.5em 0; }
.table-design-1 > tbody > tr > th { padding-left: 1em; }
.table-design-1 > tbody > tr > td { padding-left: 2em; }

.table-design-2 { width: 100%; border-collapse: separate; border-spacing: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.table-design-2 > tbody > tr > th, .table-design-2 > tbody > tr > td { padding: 1em; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.table-design-2 > tbody > tr > th { background: #eee; }
.table-design-2 > tbody > tr > td { background-color: #fff; }

@media only screen and (max-width: 767px) { .table-inline colgroup { display: none !important; }
  .table-inline > tbody > tr { width: 100%; display: block; }
  .table-inline > tbody > tr > th, .table-inline > tbody > tr > td { width: 100% !important; display: block; }
  .table-design-1.table-inline tbody > tr { padding: 1em 0.5em; }
  .table-design-1.table-inline tbody > tr > th, .table-design-1.table-inline tbody > tr > td { padding: 0; }
  .table-design-1.table-inline tbody > tr > th + td, .table-design-1.table-inline tbody > tr > td + td { margin-top: .5em; } }
/* -------------------------------
	list
-------------------------------- */
.list-icon { list-style: none; padding: 0; }
.list-icon li { line-height: 1.875; padding-left: 1.4em; position: relative; }
.list-icon li i { line-height: 1.875; width: 1em; display: block; text-align: center; position: absolute; left: 0; }

.list-inline-slash { list-style: none; letter-spacing: -.4em; padding: 0; }
.list-inline-slash > li { letter-spacing: 0.05em; display: inline-block; }
.list-inline-slash > li:after { content: "/"; margin: 0 0.5em; }
.list-inline-slash > li:last-child:after { content: ""; }

.list-inline-md-slash { list-style: none; padding: 0; }

@media print, screen and (min-width: 768px) { .list-inline-md-slash { letter-spacing: -.4em; }
  .list-inline-md-slash > li { letter-spacing: 0.05em; display: inline-block; }
  .list-inline-md-slash > li:after { content: "/"; margin: 0 0.5em; }
  .list-inline-md-slash > li:last-child:after { content: ""; } }
.list-punctuation { list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; align-items: flex-start; }
.list-punctuation > li:after { content: "、"; }
.list-punctuation > li:last-child:after { content: ""; }

/**/
.list-inline-1 { letter-spacing: -.4em; list-style: none; padding-left: 0; margin-left: -1em; margin-right: -1em; }
.list-inline-1 > li { letter-spacing: 0.06em; display: inline-block; padding-left: 1em; padding-right: 1em; }
.list-inline-1.md { margin-left: -0.5em; margin-right: -0.5em; }
.list-inline-1.md > li { padding-left: 0.5em; padding-right: 0.5em; }

.list-inline-md-1 { list-style: none; padding-left: 0; }

@media print, screen and (min-width: 768px) { .list-inline-md-1 { letter-spacing: -.4em; margin-left: -1em; margin-right: -1em; }
  .list-inline-md-1 > li { letter-spacing: 0.06em; display: inline-block; padding-left: 1em; padding-right: 1em; }
  .list-inline-md-1.md { margin-left: -0.5em; margin-right: -0.5em; }
  .list-inline-md-1.md > li { padding-left: 0.5em; padding-right: 0.5em; } }
/* -------------------------------
	dl
-------------------------------- */
/* -------------------------------
	hr
-------------------------------- */
/* -------------------------------
	figure
-------------------------------- */
.link_figure { color: inherit; text-decoration: none; }
.link_figure:hover { text-decoration: none; }

/**/
.figure_design_1 { width: 100%; aspect-ratio: 5/6; margin: 0; background-color: #232323; position: relative; z-index: 0; }
.figure_design_1 > img { max-width: inherit; width: 100%; height: 100%; object-fit: cover; }
.figure_design_1 figcaption { color: #fff; position: absolute; left: 5.7%; right: 5.7%; bottom: 5.7%; z-index: 10; }
.figure_design_1 figcaption .num { font-weight: 500; font-size: min(calc(50px + 30 * (100vw - 320px) / 448), 80px); line-height: 1; }
@media print, screen and (min-width: 768px) { .figure_design_1 figcaption .num { font-size: min(calc(50px + 30 * (100vw - 768px) / 432), 80px); } }
.figure_design_1 figcaption .ttl { font-size: min(calc(25px + 10 * (100vw - 320px) / 448), 35px); line-height: 1; letter-spacing: normal; display: block; margin-bottom: 0.5em; }
@media print, screen and (min-width: 768px) { .figure_design_1 figcaption .ttl { font-size: min(calc(25px + 10 * (100vw - 768px) / 432), 35px); } }
.figure_design_1 figcaption .ttl > .en { display: block; }
.figure_design_1 figcaption .ttl > .txt { font-weight: 400; font-size: min(calc(15px + 5 * (100vw - 320px) / 448), 20px); line-height: 1.5; display: block; }
@media print, screen and (min-width: 768px) { .figure_design_1 figcaption .ttl > .txt { font-size: min(calc(15px + 5 * (100vw - 768px) / 432), 20px); } }
.figure_design_1 figcaption .more { font-weight: 500; font-size: min(calc(13px + 3 * (100vw - 320px) / 448), 16px); line-height: 1.5; text-align: right; }
@media print, screen and (min-width: 768px) { .figure_design_1 figcaption .more { font-size: min(calc(13px + 3 * (100vw - 768px) / 432), 16px); } }
.figure_design_1 figcaption .more > span { display: inline-block; border-bottom: solid 1px #fff; padding-left: 1em; padding-right: 2em; position: relative; }
.figure_design_1 figcaption .more > span:before { content: ""; position: absolute; right: 0; bottom: 0; width: 1.25em; height: 1.25em; border-right: solid 1px #fff; transform: rotate(-45deg); transform-origin: 100% 100%; }

a > .figure_design_1 > img { transition: opacity 0.3s ease; }
a > .figure_design_1 figcaption .more > span { transition: transform 0.3s ease; }
a > .figure_design_1:hover > img { opacity: 0.5; }
a > .figure_design_1:hover figcaption .more > span { transform: translateX(5px); }

/**/
.figure_banner_1 { width: 100%; aspect-ratio: 100/45; margin: 0; background-color: #232323; position: relative; z-index: 0; }
.figure_banner_1 > img { max-width: inherit; width: 100%; height: 100%; object-fit: cover; }
.figure_banner_1 figcaption { color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; }
.figure_banner_1 figcaption .ttl { line-height: 1.2; text-align: center; text-shadow: 0 0 0.3em rgba(0, 0, 0, 0.3); width: 100%; margin: auto 0; }
.figure_banner_1 figcaption .ttl > .en { letter-spacing: normal; display: block; }
.figure_banner_1 figcaption .ttl > .txt { font-size: 0.77778em; display: block; margin-top: .5em; }

a > .figure_banner_1 > img { opacity: 0.5; transition: all 0.3s ease; }
a > .figure_banner_1:hover > img { opacity: 0.25; }

/* -------------------------------
	画像関連
-------------------------------- */
/* フォントの縦幅に合わせる(svg) */
.img-font { width: auto; height: 1em; }

/* 画像を枠に収める */
.photo-ofi { height: 0; display: block; padding-top: 75%; overflow: hidden; position: relative; }
.photo-ofi img { max-width: inherit; max-height: inherit; width: 100%; height: 100%; object-fit: scale-down; position: absolute; left: 0; top: 0; }
.photo-ofi a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.photo-ofi.cover img { object-fit: cover; }

/* objectの位置 */
.object-lt { object-position: left top; }

.object-lb { object-position: left bottom; }

.object-rt { object-position: right top; }

.object-rb { object-position: right bottom; }

.object-cc { object-position: center center; }

@media print, screen and (min-width: 576px) { .object-sm-lt { object-position: left top; }
  .object-sm-lb { object-position: left bottom; }
  .object-sm-rt { object-position: right top; }
  .object-sm-rb { object-position: right bottom; }
  .object-sm-cc { object-position: center center; } }
@media print, screen and (min-width: 768px) { .object-md-lt { object-position: left top; }
  .object-md-lb { object-position: left bottom; }
  .object-md-rt { object-position: right top; }
  .object-md-rb { object-position: right bottom; }
  .object-md-cc { object-position: center center; } }
@media print, screen and (min-width: 992px) { .object-lg-lt { object-position: left top; }
  .object-lg-lb { object-position: left bottom; }
  .object-lg-rt { object-position: right top; }
  .object-lg-rb { object-position: right bottom; }
  .object-lg-cc { object-position: center center; } }
@media print, screen and (min-width: 1200px) { .object-xl-lt { object-position: left top; }
  .object-xl-lb { object-position: left bottom; }
  .object-xl-rt { object-position: right top; }
  .object-xl-rb { object-position: right bottom; }
  .object-xl-cc { object-position: center center; } }
/**/
.object-fit-img { max-width: inherit; max-height: inherit; width: 100%; height: 100%; object-fit: scale-down; }
.object-fit-img.cover { object-fit: cover; }

/* -------------------------------
	画像拡大
-------------------------------- */
a[data-rel]:after { content: "\f00e"; position: absolute; left: 50%; top: 50%; z-index: 20; color: #222; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 1rem; line-height: 2; text-align: center; width: 2em; border-radius: 50%; margin-top: -1em; margin-left: -1em; background-color: rgba(255, 255, 255, 0.8); opacity: 0; transition: opacity .3s ease; }
a[data-rel]:hover:after { opacity: 1; }

/* -------------------------------
	btn
-------------------------------- */
.btn-w230 { min-width: 230px; }

.btn-icon-l, .btn-icon-r { position: relative; }
.btn-icon-l i, .btn-icon-r i { font-size: 0.875em; line-height: 1; letter-spacing: normal; position: absolute; top: 50%; margin-top: -.5em; }

.btn-icon-l { padding-left: 2em; }
.btn-icon-l i { left: 1.2em; }

.btn-icon-r { padding-right: 2em; }
.btn-icon-r i { right: 1.2em; }

/* file icon */
.link-icon:before { content: ""; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 1em; }
.link-icon[href$=".pdf"]:before { content: "\f1c1"; }
.link-icon[href$=".xls"]:before, .link-icon[href$=".xlsx"]:before { content: "\f1c3"; }
.link-icon[href$=".doc"]:before, .link-icon[href$=".docx"]:before { content: "\f1c2"; }
.link-icon [target="_blank"]:before { content: "\f35d"; font-size: 0.875em; }

/* -------------------------------
	タグ調整
-------------------------------- */
h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 1.5rem; }

p, ol, ul, dl, table { margin-bottom: 1rem; }
p + h3, p + h4, p + h5, p + h6, ol + h3, ol + h4, ol + h5, ol + h6, ul + h3, ul + h4, ul + h5, ul + h6, dl + h3, dl + h4, dl + h5, dl + h6, table + h3, table + h4, table + h5, table + h6 { margin-top: 2rem; }
p:last-child, ol:last-child, ul:last-child, dl:last-child, table:last-child { margin-bottom: 0; }

img { max-width: 100%; vertical-align: middle; }

ul { padding-left: 1.5em; }

ol { padding-left: 2em; }

a { text-decoration: underline; }
a:hover { text-decoration: none; }

/* -------------------------------
	ページ内　共通デザイン
-------------------------------- */
/* 見出しサイズ 1rem/16px */
.h1 { font-size: 1.75rem; }

.h2 { font-size: 1.5625rem; }

.h3 { font-size: 1.4375rem; }

.h4 { font-size: 1.1875rem; }

.h5 { font-size: 1.0625rem; }

.h6 { font-size: 1rem; }

@media print, screen and (min-width: 768px) { .h1 { font-size: 1.8125rem; }
  .h2 { font-size: 1.6875rem; }
  .h3 { font-size: 1.5rem; }
  .h4 { font-size: 1.25rem; }
  .h5 { font-size: 1.125rem; } }
/* 見出しサイズ 1rem/16px */
@media print, screen and (min-width: 992px) { .h1 { font-size: 2.6875rem; }
  .h2 { font-size: 2.125rem; }
  .h3 { font-size: 1.8125rem; }
  .h4 { font-size: 1.3125rem; }
  .h5 { font-size: 1.125rem; } }
@media print, screen and (min-width: 1200px) { .h1 { font-size: 3.6875rem; }
  .h2 { font-size: 2.625rem; }
  .h3 { font-size: 2rem; }
  .h4 { font-size: 1.5rem; }
  .h5 { font-size: 1.1875rem; } }
.fs-16-24 { font-size: calc(1rem + 8 * (100vw - 320px) / 880); }

@media print, screen and (min-width: 1200px) { .fs-16-24 { font-size: 1.5rem; } }
/* -------------------------------
	main title
-------------------------------- */
.title-1 { padding-left: 0.75em; border-left: solid 0.25em #0070c0; margin-bottom: 1.25em; }

.title-hh-1 { font-size: min(calc(30px + 30 * (100vw - 320px) / 880), 60px); line-height: 1; letter-spacing: normal; margin-bottom: 0.83334em; }
.title-hh-1 > .en { line-height: 1; display: inline-block; background: linear-gradient(to right, #0070c0 0%, #2f8ccf 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.title-hh-1 > .txt { font-size: min(calc(15px + 5 * (100vw - 320px) / 880), 20px); font-weight: 400; line-height: 1.5; display: block; margin-top: 0.45em; }

.title-hh-2 { font-size: min(calc(40px + 20 * (100vw - 320px) / 880), 60px); line-height: 1; letter-spacing: normal; display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 0.83334em; }
.title-hh-2 > .en { line-height: 1; display: block; background: linear-gradient(to right, #0070c0 0%, #2f8ccf 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.title-hh-2 > .txt { color: #777; font-size: min(calc(15px + 5 * (100vw - 320px) / 880), 20px); font-weight: 400; line-height: 1.5; display: block; padding-left: 2em; margin: 0.45em 0 0.45em 0.5em; position: relative; }
.title-hh-2 > .txt:before { content: ""; position: absolute; left: 0; top: 50%; width: 1.5em; height: 1px; background-color: #AAAAAA; }

/* -------------------------------
	bootstrap
-------------------------------- */
.container-fluid-xl { width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
@media print, screen and (min-width: 768px) { .container-fluid-xl { max-width: 1500px; padding-left: calc(50px + 48 * (100vw - 768px) / 732); padding-right: calc(50px + 48 * (100vw - 768px) / 732); } }
@media print, screen and (min-width: 1500px) { .container-fluid-xl { padding-left: 98px; padding-right: 98px; } }

/* --- row --- */
.row-gallery { margin-left: calc(-5px - 10 * (100vw - 320px) / 880); margin-right: calc(-5px - 10 * (100vw - 320px) / 880); }
.row-gallery > [class^="col"], .row-gallery > [class*=" col"] { padding-left: calc(5px + 10 * (100vw - 320px) / 880); padding-right: calc(5px + 10 * (100vw - 320px) / 880); }
@media print, screen and (min-width: 1200px) { .row-gallery { margin-left: -15px; margin-right: -15px; }
  .row-gallery > [class^="col"], .row-gallery > [class*=" col"] { padding-left: 15px; padding-right: 15px; } }

/* --- form --- */
@media print, screen and (min-width: 768px) { .select-inline { width: auto; display: inline; } }

/* -------------------------------
	common
-------------------------------- */
.htmlarea { line-height: normal; word-wrap: break-word; overflow-wrap: break-word; overflow: hidden; }

.clearfix:after { content: ""; display: table; clear: both; }

.ov_hi { overflow: hidden; }

.clear { clear: both; }

/* 画像回り込み */
img.aligncenter, img.alignright, img.alignleft { display: block; margin: 0 auto; }

@media print, screen and (min-width: 480px) { img.alignright { max-width: 38%; margin-left: 30px; display: inline; }
  img.alignleft { max-width: 38%; margin-right: 30px; display: inline; }
  .alignright { float: right; }
  .alignleft { float: left; } }
@media print, screen and (min-width: 1200px) { /* 画像回り込み */
  img.alignright { max-width: 100%; }
  img.alignleft { max-width: 100%; } }
/* --▼color-- */
.bg-cr-1 { background-color: #E7F5FF; }

.bg-cr-2 { background-color: #f0f0f0; }

/* --▼text-- */
/* --▼font -- */
.fs10 { font-size: 0.625rem !important; }

.fs11 { font-size: 0.6875rem !important; }

.fs12 { font-size: 0.75rem !important; }

.fs13 { font-size: 0.8125rem !important; }

.fs14 { font-size: 0.875rem !important; }

.fs15 { font-size: 0.9375rem !important; }

.fs16 { font-size: 1rem !important; }

.fs17 { font-size: 1.0625rem !important; }

.fs18 { font-size: 1.125rem !important; }

.fs19 { font-size: 1.1875rem !important; }

.fs20 { font-size: 1.25rem !important; }

.fs-sm { font-size: 0.875em !important; }

.fs-md { font-size: 1.125em !important; }

.fs-lg { font-size: 1.250em !important; }

.f-feature { font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; }

.fw4 { font-weight: 400 !important; }

.fw5 { font-weight: 500 !important; }

.fw7 { font-weight: 700 !important; }

.fwn { font-weight: 400 !important; }

.fwb { font-weight: 700 !important; }

/* --▼margin-- */
/* space */
.mt-50 { margin-top: calc(30px + 20 * (100vw - 320px) / 880); }

.mb-50 { margin-bottom: calc(30px + 20 * (100vw - 320px) / 880); }

.mtb-50 { margin-top: calc(30px + 20 * (100vw - 320px) / 880); margin-bottom: calc(30px + 20 * (100vw - 320px) / 880); }

.mt-60 { margin-top: calc(30px + 30 * (100vw - 320px) / 880); }

.mb-60 { margin-bottom: calc(30px + 30 * (100vw - 320px) / 880); }

.mtb-60 { margin-top: calc(30px + 30 * (100vw - 320px) / 880); margin-bottom: calc(30px + 30 * (100vw - 320px) / 880); }

.mt-70 { margin-top: calc(30px + 40 * (100vw - 320px) / 880); }

.mb-70 { margin-bottom: calc(30px + 40 * (100vw - 320px) / 880); }

.mtb-70 { margin-top: calc(30px + 40 * (100vw - 320px) / 880); margin-bottom: calc(30px + 40 * (100vw - 320px) / 880); }

.mt-80 { margin-top: calc(32px + 48 * (100vw - 320px) / 880); }

.mb-80 { margin-bottom: calc(32px + 48 * (100vw - 320px) / 880); }

.mtb-80 { margin-top: calc(32px + 48 * (100vw - 320px) / 880); margin-bottom: calc(32px + 48 * (100vw - 320px) / 880); }

.mt-90 { margin-top: calc(36px + 54 * (100vw - 320px) / 880); }

.mb-90 { margin-bottom: calc(36px + 54 * (100vw - 320px) / 880); }

.mtb-90 { margin-top: calc(36px + 54 * (100vw - 320px) / 880); margin-bottom: calc(36px + 54 * (100vw - 320px) / 880); }

.mt-100 { margin-top: calc(40px + 60 * (100vw - 320px) / 880); }

.mb-100 { margin-bottom: calc(40px + 60 * (100vw - 320px) / 880); }

.mtb-100 { margin-top: calc(40px + 60 * (100vw - 320px) / 880); margin-bottom: calc(40px + 60 * (100vw - 320px) / 880); }

.pt-50 { padding-top: calc(30px + 20 * (100vw - 320px) / 880); }

.pb-50 { padding-bottom: calc(30px + 20 * (100vw - 320px) / 880); }

.ptb-50 { padding-top: calc(30px + 20 * (100vw - 320px) / 880); padding-bottom: calc(30px + 20 * (100vw - 320px) / 880); }

.pt-60 { padding-top: calc(30px + 30 * (100vw - 320px) / 880); }

.pb-60 { padding-bottom: calc(30px + 30 * (100vw - 320px) / 880); }

.ptb-60 { padding-top: calc(30px + 30 * (100vw - 320px) / 880); padding-bottom: calc(30px + 30 * (100vw - 320px) / 880); }

.pt-70 { padding-top: calc(30px + 40 * (100vw - 320px) / 880); }

.pb-70 { padding-bottom: calc(30px + 40 * (100vw - 320px) / 880); }

.ptb-70 { padding-top: calc(30px + 40 * (100vw - 320px) / 880); padding-bottom: calc(30px + 40 * (100vw - 320px) / 880); }

.pt-80 { padding-top: calc(32px + 48 * (100vw - 320px) / 880); }

.pb-80 { padding-bottom: calc(32px + 48 * (100vw - 320px) / 880); }

.ptb-80 { padding-top: calc(32px + 48 * (100vw - 320px) / 880); padding-bottom: calc(32px + 48 * (100vw - 320px) / 880); }

.pt-90 { padding-top: calc(36px + 54 * (100vw - 320px) / 880); }

.pb-90 { padding-bottom: calc(36px + 54 * (100vw - 320px) / 880); }

.ptb-90 { padding-top: calc(36px + 54 * (100vw - 320px) / 880); padding-bottom: calc(36px + 54 * (100vw - 320px) / 880); }

.pt-100 { padding-top: calc(40px + 60 * (100vw - 320px) / 880); }

.pb-100 { padding-bottom: calc(40px + 60 * (100vw - 320px) / 880); }

.ptb-100 { padding-top: calc(40px + 60 * (100vw - 320px) / 880); padding-bottom: calc(40px + 60 * (100vw - 320px) / 880); }

@media print, screen and (min-width: 992px) { .mt-lg-50 { margin-top: calc(30px + 20 * (100vw - 320px) / 880); }
  .mb-lg-50 { margin-bottom: calc(30px + 20 * (100vw - 320px) / 880); }
  .mtb-lg-50 { margin-top: calc(30px + 20 * (100vw - 320px) / 880); margin-bottom: calc(30px + 20 * (100vw - 320px) / 880); }
  .mt-lg-60 { margin-top: calc(30px + 30 * (100vw - 320px) / 880); }
  .mb-lg-60 { margin-bottom: calc(30px + 30 * (100vw - 320px) / 880); }
  .mtb-lg-60 { margin-top: calc(30px + 30 * (100vw - 320px) / 880); margin-bottom: calc(30px + 30 * (100vw - 320px) / 880); }
  .mt-lg-70 { margin-top: calc(30px + 40 * (100vw - 320px) / 880); }
  .mb-lg-70 { margin-bottom: calc(30px + 40 * (100vw - 320px) / 880); }
  .mtb-lg-70 { margin-top: calc(30px + 40 * (100vw - 320px) / 880); margin-bottom: calc(30px + 40 * (100vw - 320px) / 880); }
  .mt-lg-80 { margin-top: calc(32px + 48 * (100vw - 320px) / 880); }
  .mb-lg-80 { margin-bottom: calc(32px + 48 * (100vw - 320px) / 880); }
  .mtb-lg-80 { margin-top: calc(32px + 48 * (100vw - 320px) / 880); margin-bottom: calc(32px + 48 * (100vw - 320px) / 880); }
  .mt-lg-90 { margin-top: calc(36px + 54 * (100vw - 320px) / 880); }
  .mb-lg-90 { margin-bottom: calc(36px + 54 * (100vw - 320px) / 880); }
  .mtb-lg-90 { margin-top: calc(36px + 54 * (100vw - 320px) / 880); margin-bottom: calc(36px + 54 * (100vw - 320px) / 880); }
  .mt-lg-100 { margin-top: calc(40px + 60 * (100vw - 320px) / 880); }
  .mb-lg-100 { margin-bottom: calc(40px + 60 * (100vw - 320px) / 880); }
  .mtb-lg-100 { margin-top: calc(40px + 60 * (100vw - 320px) / 880); margin-bottom: calc(40px + 60 * (100vw - 320px) / 880); } }
@media print, screen and (min-width: 992px) { .pt-lg-50 { padding-top: calc(30px + 20 * (100vw - 320px) / 880); }
  .pb-lg-50 { padding-bottom: calc(30px + 20 * (100vw - 320px) / 880); }
  .ptb-lg-50 { padding-top: calc(30px + 20 * (100vw - 320px) / 880); padding-bottom: calc(30px + 20 * (100vw - 320px) / 880); }
  .pt-lg-60 { padding-top: calc(30px + 30 * (100vw - 320px) / 880); }
  .pb-lg-60 { padding-bottom: calc(30px + 30 * (100vw - 320px) / 880); }
  .ptb-lg-60 { padding-top: calc(30px + 30 * (100vw - 320px) / 880); padding-bottom: calc(30px + 30 * (100vw - 320px) / 880); }
  .pt-lg-70 { padding-top: calc(30px + 40 * (100vw - 320px) / 880); }
  .pb-lg-70 { padding-bottom: calc(30px + 40 * (100vw - 320px) / 880); }
  .ptb-lg-70 { padding-top: calc(30px + 40 * (100vw - 320px) / 880); padding-bottom: calc(30px + 40 * (100vw - 320px) / 880); }
  .pt-lg-80 { padding-top: calc(32px + 48 * (100vw - 320px) / 880); }
  .pb-lg-80 { padding-bottom: calc(32px + 48 * (100vw - 320px) / 880); }
  .ptb-lg-80 { padding-top: calc(32px + 48 * (100vw - 320px) / 880); padding-bottom: calc(32px + 48 * (100vw - 320px) / 880); }
  .pt-lg-90 { padding-top: calc(36px + 54 * (100vw - 320px) / 880); }
  .pb-lg-90 { padding-bottom: calc(36px + 54 * (100vw - 320px) / 880); }
  .ptb-lg-90 { padding-top: calc(36px + 54 * (100vw - 320px) / 880); padding-bottom: calc(36px + 54 * (100vw - 320px) / 880); }
  .pt-lg-100 { padding-top: calc(40px + 60 * (100vw - 320px) / 880); }
  .pb-lg-100 { padding-bottom: calc(40px + 60 * (100vw - 320px) / 880); }
  .ptb-lg-100 { padding-top: calc(40px + 60 * (100vw - 320px) / 880); padding-bottom: calc(40px + 60 * (100vw - 320px) / 880); } }
@media print, screen and (min-width: 1200px) { .mt-50, .mt-lg-50 { margin-top: 50px; }
  .mb-50, .mb-lg-50 { margin-bottom: 50px; }
  .mtb-50, .mtb-lg-50 { margin-top: 50px; margin-bottom: 50px; }
  .mt-60, .mt-lg-60 { margin-top: 60px; }
  .mb-60, .mb-lg-60 { margin-bottom: 60px; }
  .mtb-60, .mtb-lg-60 { margin-top: 60px; margin-bottom: 60px; }
  .mt-70, .mt-lg-70 { margin-top: 70px; }
  .mb-70, .mb-lg-70 { margin-bottom: 70px; }
  .mtb-70, .mtb-lg-70 { margin-top: 70px; margin-bottom: 70px; }
  .mt-80, .mt-lg-80 { margin-top: 80px; }
  .mb-80, .mb-lg-80 { margin-bottom: 80px; }
  .mtb-80, .mtb-lg-80 { margin-top: 80px; margin-bottom: 80px; }
  .mt-90, .mt-lg-90 { margin-top: 90px; }
  .mb-90, .mb-lg-90 { margin-bottom: 90px; }
  .mtb-90, .mtb-lg-90 { margin-top: 90px; margin-bottom: 90px; }
  .mt-100, .mt-lg-100 { margin-top: 100px; }
  .mb-100, .mb-lg-100 { margin-bottom: 100px; }
  .mtb-100, .mtb-lg-100 { margin-top: 100px; margin-bottom: 100px; } }
@media print, screen and (min-width: 1200px) { .pt-50, .pt-lg-50 { padding-top: 50px; }
  .pb-50, .pb-lg-50 { padding-bottom: 50px; }
  .ptb-50, .ptb-lg-50 { padding-top: 50px; padding-bottom: 50px; }
  .pt-60, .pt-lg-60 { padding-top: 60px; }
  .pb-60, .pb-lg-60 { padding-bottom: 60px; }
  .ptb-60, .ptb-lg-60 { padding-top: 60px; padding-bottom: 60px; }
  .pt-70, .pt-lg-70 { padding-top: 70px; }
  .pb-70, .pb-lg-70 { padding-bottom: 70px; }
  .ptb-70, .ptb-lg-70 { padding-top: 70px; padding-bottom: 70px; }
  .pt-80, .pt-lg-80 { padding-top: 80px; }
  .pb-80, .pb-lg-80 { padding-bottom: 80px; }
  .ptb-80, .ptb-lg-80 { padding-top: 80px; padding-bottom: 80px; }
  .pt-90, .pt-lg-90 { padding-top: 90px; }
  .pb-90, .pb-lg-90 { padding-bottom: 90px; }
  .ptb-90, .ptb-lg-90 { padding-top: 90px; padding-bottom: 90px; }
  .pt-100, .pt-lg-100 { padding-top: 100px; }
  .pb-100, .pb-lg-100 { padding-bottom: 100px; }
  .ptb-100, .ptb-lg-100 { padding-top: 100px; padding-bottom: 100px; } }
/* -------------------------------
	googlemap
-------------------------------- */
.googlemap { position: relative; padding-top: 66.666%; /*これが縦横比*/ height: 0; background-color: #f8f8f8; overflow: hidden; z-index: 0; }
.googlemap:before { color: #ccc; font-size: 20px; content: "google map"; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; }
.googlemap iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
@media print, screen and (min-width: 768px) { .googlemap { padding-top: 560px; } }

/* -------------------------------
	mainvisual
-------------------------------- */
#mainvisual { position: relative; z-index: 0; }
#mainvisual:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/home/main_mask.svg") no-repeat center center/cover; z-index: 10; }
#mainvisual > .images { width: 100%; height: 75vw; }
#mainvisual > .images img { max-width: inherit; width: 100%; height: 100%; object-fit: cover; }
@media screen and (min-width: 992px) { #mainvisual > .images { height: 100vh; max-height: 1200px; min-height: 600px; } }
@media print { #mainvisual > .images { height: 900px; } }
#mainvisual .content { position: absolute; left: 4.5%; bottom: 10%; margin-right: 30%; z-index: 30; }
#mainvisual .content h2 { color: #fff; font-size: min(calc(15px + 40 * (100vw - 320px) / 1180), 65px); letter-spacing: -0.025em; line-height: 1.75; white-space: nowrap; text-shadow: 0px 0px 0.29231em rgba(0, 0, 0, 0.3); }

/* -------------------------------
	home
-------------------------------- */
.home_about { background: url("../images/home/about_bg.jpg") no-repeat center top/cover; }
.home_about .title-hh-1 > .en { font-size: min(calc(40px + 40 * (100vw - 320px) / 880), 80px); }
.home_about .title-hh-1 > .txt { font-size: min(calc(13px + 3 * (100vw - 320px) / 880), 16px); }
@media print, screen and (min-width: 992px) { .home_about .title-hh-1 { margin-bottom: 0; } }
.home_about .inner-links { padding: 30px 15px; background-color: #0070c0; }
@media print, screen and (min-width: 768px) { .home_about .inner-links { padding: 0 0 min(calc(70px + 30 * (100vw - 768px) / 432), 100px); background: none; background: linear-gradient(to bottom, rgba(0, 112, 192, 0) 0%, rgba(0, 112, 192, 0) 42%, #0070c0 42%, #0070c0 100%); } }
.home_about .inner-links .figure_design_1 { max-width: 350px; margin: 0 auto; }

/* -------------------------------
	ページ下部お問い合わせ
-------------------------------- */
.page-contacts { background: url("../images/common/contact_bg.jpg") no-repeat center center/cover; }
.page-contacts .columns { font-size: min(calc(22px + 10 * (100vw - 320px) / 448), 32px); line-height: normal; letter-spacing: normal; height: 5em; display: flex; flex-direction: column; position: relative; }
@media print, screen and (min-width: 768px) { .page-contacts .columns { font-size: 20px; } }
@media print, screen and (min-width: 992px) { .page-contacts .columns { font-size: 25px; } }
@media print, screen and (min-width: 1200px) { .page-contacts .columns { font-size: 32px; } }
.page-contacts .columns .in { margin: auto 0; width: 100%; }
.page-contacts .tel { text-align: center; background-color: #fff; }
.page-contacts .tel:before { content: ""; position: absolute; left: 5px; top: 5px; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #0070c0 transparent transparent transparent; }
.page-contacts .tel .in .subtxt { color: #777777; font-size: 0.9375rem; }
.page-contacts .mail > a { color: #fff; font-size: 1em; display: flex; align-items: center; justify-content: center; width: 100%; height: 5em; border-radius: 0; background-color: #0070c0; }
.page-contacts .mail > a i { font-size: 1.5em; margin-right: 0.20833em; }
.page-contacts .mail > a:hover { background-color: #005693; }

/* -------------------------------
	事業内容
-------------------------------- */
.business_banner_list { list-style: none; padding: 0; margin: 0 -5px; display: flex; flex-wrap: wrap; }
.business_banner_list > li { padding: 0 5px; margin: 5px 0; flex: 0 0 50%; }
@media print, screen and (min-width: 768px) { .business_banner_list > li { flex: 0 0 33.33334%; } }
.business_banner_list > li .figure_banner_1 { background-color: #000; }
.business_banner_list > li .figure_banner_1 > img { opacity: 0.5; }
.business_banner_list > li .figure_banner_1 figcaption h4 { font-size: min(calc(12px + 6 * (100vw - 320px) / 880), 18px); }

/* ---  --- */
.business_flow .items { display: flex; margin-bottom: 15px; }
.business_flow .items:last-child { margin-bottom: 0; }
.business_flow .items .num { font-size: 30px; line-height: 1; text-align: center; flex: 0 0 1.5em; position: relative; }
.business_flow .items .num:after { content: ""; position: absolute; left: 50%; top: 1.5em; bottom: 0; width: 1px; background-color: #777; }
.business_flow .items .content { padding-left: 8%; flex-basis: 0; flex-grow: 1; }
.business_flow .items .content h4 { color: #0070c0; font-size: 20px; line-height: 1.2; margin-bottom: 15px; }
@media print, screen and (min-width: 768px) { .business_flow .items .content h4 { font-size: 24px; } }
@media print, screen and (min-width: 768px) { .business_flow .items .num { font-size: 60px; display: flex; align-items: center; justify-content: center; flex: 0 0 2em; }
  .business_flow .items .num:after { display: none; }
  .business_flow .items .content { display: flex; align-items: center; padding-left: 5%; border-left: solid 1px #777; }
  .business_flow .items .content .in { padding: 15px 0; } }

/**/
.business_sec_2 > .bg { margin-bottom: 1rem; }
@media print, screen and (min-width: 992px) { .business_sec_2 { position: relative; z-index: 0; }
  .business_sec_2 > .bg { position: absolute; right: 0; top: 0; width: 50%; height: 100%; margin: 0; }
  .business_sec_2 > .bg img { max-width: inherit; width: 100%; height: 100%; object-fit: cover; } }

/* -------------------------------
	重機紹介
-------------------------------- */
.stocklist_figure { margin: 0; height: 100%; }
.stocklist_figure > .photo-ofi { margin-bottom: 10px; }
.stocklist_figure > .photo-ofi img { object-fit: cover; }
.stocklist_figure figcaption .cat_txt { color: #fff; font-weight: 500; font-size: min(calc(0.75rem + 4 * (100vw - 320px) / 448), 1rem); letter-spacing: normal; line-height: 1.2; text-transform: uppercase; padding: 0.5em 1.5em 0.4em; border-radius: 10em; margin-bottom: 5px; background-color: #666; }
.stocklist_figure figcaption .model_number { color: #777; font-weight: 600; font-size: min(calc(0.625rem + 4 * (100vw - 320px) / 448), 0.875rem); margin-bottom: 5px; margin-left: 0.5em; }
.stocklist_figure figcaption .model_number span { font-weight: 400; }
.stocklist_figure figcaption h4 { font-size: min(calc(0.875rem + 6 * (100vw - 320px) / 448), 1.25rem); border-left: solid 0.25em #0070c0; padding-left: 0.75em; }
@media print, screen and (min-width: 768px) { .stocklist_figure figcaption .cat_txt { font-size: min(calc(0.75rem + 4 * (100vw - 768px) / 432), 1rem); }
  .stocklist_figure figcaption .model_number { font-size: min(calc(0.625rem + 4 * (100vw - 768px) / 432), 0.875rem); }
  .stocklist_figure figcaption h4 { font-size: min(calc(0.875rem + 6 * (100vw - 768px) / 432), 1.25rem); } }

a > .stocklist_figure { color: #232323; }
a > .stocklist_figure > .photo-ofi img { transition: transform 0.6s ease; }
a > .stocklist_figure:hover > .photo-ofi img { transform: scale(1.1); }

/* ---	ページング  --- */
.paging { font-size: 13px; line-height: normal; letter-spacing: normal; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -5px; }
.paging span { display: block; flex: 0 0 2.6em; height: 2.6em; margin: 2px 3px; overflow: hidden; }
.paging span.paging-text { cursor: pointer; }
.paging span.current { color: #fff; display: flex; align-items: center; justify-content: center; border: solid 1px #0070c0; background-color: #0070c0; cursor: auto; }
.paging span.paging-text a { color: #999; border: solid 1px #999; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: color 0.3s ease, border 0.3s ease; }
.paging span.paging-text a:hover { color: #000; border-color: #000; }

/* -------------------------------
	gallery
-------------------------------- */
.gallery { overflow: hidden; }
.gallery .swiper { overflow: visible; }
.gallery [class*=swiper]:focus { outline: none; }
.gallery .slide-media, .gallery .thumb-media { position: relative; overflow: hidden; }
.gallery .slide-media img, .gallery .thumb-media img { position: absolute; top: 0; left: 0; max-width: inherit; width: 100%; height: 100%; object-fit: scale-down; }
@media print, screen and (min-width: 992px) { .gallery { display: flex; }
  .gallery .main-col { flex: 0 0 60%; overflow: hidden; }
  .gallery .thumb-col { flex: 0 0 40%; overflow: hidden; } }
.gallery .slide { margin: 0; }
.gallery .slide .slide-media { width: 100%; aspect-ratio: 4/3; background-color: #fff; }
.gallery .slide .slide-title { font-size: 12px; line-height: 1.5; }
.gallery .thumb-wrapper { display: grid; grid-template-columns: repeat(10, 1fr); gap: 2px; }
@media print, screen and (min-width: 768px) { .gallery .thumb-wrapper { gap: 5px; } }
@media print, screen and (min-width: 992px) { .gallery .thumb-wrapper { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(5, 1fr); margin-left: 10%; height: 100%; } }
.gallery .thumb-wrapper .thumb-media { margin-top: 5px; padding-top: 100%; cursor: pointer; transition: transform 0.3s ease; will-change: transform; overflow: hidden; }
@media print, screen and (min-width: 992px) { .gallery .thumb-wrapper .thumb-media { margin-top: 0; padding-top: 0; } }
.gallery .thumb-wrapper .thumb-media img { object-fit: cover; transition: transform 0.3s ease; will-change: transform; }
.gallery .thumb-wrapper .thumb-media:hover { transform: scale(0.9); }
.gallery .thumb-wrapper .thumb-media:hover img { transform: scale(1.1); }
.gallery .thumb-wrapper .thumb-media.thumb-media-active { transform: scale(1); background-color: #000; pointer-events: none; }
.gallery .thumb-wrapper .thumb-media.thumb-media-active img { transform: scale(1); opacity: 0.35; }
.gallery .swiper-button-prev, .gallery .swiper-button-next { color: #fff; font-size: calc(13px + 7 * (100vw - 375px) / 825); display: grid; place-content: center; width: 2.5em; height: 2.5em; cursor: pointer; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); top: 50%; margin-top: -1.25em; }
.gallery .swiper-button-prev:after, .gallery .swiper-button-next:after { content: "\f105"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 1em; line-height: 1; }
@media print, screen and (min-width: 1200px) { .gallery .swiper-button-prev, .gallery .swiper-button-next { font-size: 20px; } }
.gallery .swiper-button-prev { left: 10px; }
.gallery .swiper-button-prev:after { content: "\f104"; }
.gallery .swiper-button-next { right: 10px; }

/* スライダー非活性時 */
.gallery.not-gallery .swiper-button-prev, .gallery.not-gallery .swiper-button-next { display: none; }
.gallery.not-gallery .thumb-col { display: none; }
@media print, screen and (min-width: 992px) { .gallery.not-gallery .main-col { flex: 0 0 100%; } }

/* -------------------------------
	お問い合わせ
-------------------------------- */
.tel_contact { text-align: center; padding: 30px 15px; background-color: #fff; position: relative; }
.tel_contact:before { content: ""; position: absolute; left: 5px; top: 5px; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #0070c0 transparent transparent transparent; }
.tel_contact .telphone { font-size: calc(20px + 16 * (100vw - 320px) / 880); text-align: center; }
@media print, screen and (min-width: 1200px) { .tel_contact .telphone { font-size: 36px; } }
.tel_contact .subtxt { color: #777; font-size: 0.875rem; letter-spacing: normal; margin-top: .5em; }

#contactform { /**/ }
#contactform .form-control { border-color: #eee; background-color: #f6f6f6; box-shadow: none; }
#contactform .form-control:focus { border-color: #ccc; background-color: #fff; box-shadow: none; }
#contactform .form-control:not(:placeholder-shown) { border-color: #ccc; background-color: #fff; box-shadow: none; }
#contactform .custom-select { box-shadow: none !important; }
#contactform input[type="file"] { font-size: 15px; letter-spacing: normal; }
#contactform input[type="file"]::-webkit-file-upload-button { font-size: 12px; }

/* フォーム用　table */
.table-contact { line-height: 1.75; width: 100%; border-collapse: collapse; text-align: left; border-top: 1px solid #ccc; margin-bottom: 30px; }
.table-contact > tbody > tr { border-bottom: 1px solid #ccc; }
.table-contact > tbody > tr > th, .table-contact > tbody > tr > td { padding: 1em 0; }
.table-contact > tbody > tr > th { width: 15em; padding-left: 1em; }
.table-contact > tbody > tr > th.hisu { background-image: url("../images/common/hisu.svg"); background-repeat: no-repeat; background-position: right center; }
.table-contact > tbody > tr > td { padding-left: 2em; }
.table-contact > tbody > tr > td .sm { width: auto !important; display: inline; }
.table-contact > tbody > tr > td .md { max-width: 360px !important; }
.table-contact > tbody > tr > td .rei { color: #999; font-size: 12px; line-height: normal; display: block; margin: 5px 0 0; }
@media only screen and (max-width: 767px) { .table-contact > tbody > tr { width: 100%; display: block; padding: 1em 0.5em; }
  .table-contact > tbody > tr > th, .table-contact > tbody > tr > td { width: 100%; display: block; padding: 0; }
  .table-contact > tbody > tr > th + td, .table-contact > tbody > tr > td + td { margin-top: .5em; } }

.img-hisu { margin: -.2em .5em 0 0; }

/*  */
.agree { text-align: center; margin-top: 20px; }

.buttons { text-align: center; margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: center; }
.buttons .btn { font-size: 15px; margin: 0.3125em 0.625em; width: 260px; display: block; cursor: pointer; }
@media print, screen and (min-width: 1200px) { .buttons .btn { font-size: 16px; } }

/* プライバシーポリシー */
#policy { margin-top: 30px; }
#policy .contents { padding: 1.5% 3.4448%; border: solid 1px #ccc; max-height: 300px; word-wrap: break-word; overflow-wrap: break-word; overflow: auto; }
#policy .contents h5 { font-size: 1rem; font-weight: bold; margin: 2rem 0 0; }
#policy .contents p, #policy .contents ol { font-size: 0.9375rem; margin: 1rem 0; }
#policy .contents ol { padding-left: 0; list-style: none; counter-reset: number; }
#policy .contents ol li { padding-left: 2em; margin-bottom: 5px; position: relative; }
#policy .contents ol li:before { position: absolute; top: 0; left: 0; counter-increment: number; content: counter(number) " )"; }

/*# sourceMappingURL=module.css.map */