@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 10px;
  font-weight: 400;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
  font-size: 10px;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/*css調整*/
@font-face {
  font-family: "NotoSansJP";
  src: url("../font/NotoSansJP-Black.otf") format(woff), url("../font/NotoSansJP-Bold.otf") format(woff), url("../font/NotoSansJP-Light.otf") format(woff), url("../font/NotoSansJP-Medium.otf") format(woff), url("../font/NotoSansJP-Regular.otf") format(woff), url("../font/NotoSansJP-Thin.otf") format(woff);
}
body {
  overflow-x: hidden;
  max-width: 1920px;
  margin: 0 auto;
}

.Inner {
  width: 1100px;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1215px) {
  .Inner {
    padding: 0 20px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 769px) {
  .Inner {
    width: 100%;
  }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}
body {
  font-family: "Noto Sans JP", "Noto Serif JP", "Yu Gothic", "游ゴシック", YuGothic;
}

.notosans {
  font-family: "Noto Sans JP", sans-serif;
}

.nitarago {
  font-family: "nitalago-ruika", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.futura {
  font-family: "futura-pt", sans-serif;
  font-style: normal;
}

a:hover {
  opacity: 0.7;
  transition: all 300ms;
}

.Bg {
  width: 100%;
  height: 100vh;
  background: url(../img/bg.webp) no-repeat center/cover;
  position: fixed;
  z-index: -10;
  max-width: 1920px;
}

/*!
 * ress.css 窶｢ v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

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

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

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number] {
  width: auto; /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

.btn a, .btn .send {
  border: 1px solid #000;
  display: block;
  width: 336px;
  height: 65px;
  margin: 0 auto;
  padding-right: 30px;
  line-height: 6.5rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0.12rem;
  text-decoration: none;
  color: #000;
  transition: all 300ms;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 769px) {
  .btn a, .btn .send {
    width: 100%;
  }
}
.btn a::before, .btn .send::before {
  content: "";
  display: block;
  position: absolute;
  top: 55%;
  right: 95px;
  transform: translateY(-50%);
  width: 40px;
  height: 75px;
  background: url(../img/arrow-black.png) no-repeat center/contain;
}
@media screen and (max-width: 769px) {
  .btn a::before, .btn .send::before {
    right: 55px;
  }
}
.btn a:hover, .btn .send:hover {
  opacity: 0.7;
  transition: all 300ms;
}
.btn .back::before {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 60px;
  transform: translateY(-50%);
  transform: scale(-1, 1);
  width: 40px;
  height: 75px;
  background: url(../img/arrow-black.png) no-repeat center/contain;
}
@media screen and (max-width: 769px) {
  .btn .back::before {
    left: 55px;
  }
}

.btn-white a {
  color: #fff;
  border: 1px solid #fff;
}
.btn-white a::before {
  content: "";
  background: url(../img/arrow-white.png) no-repeat center/contain;
}

.btn-1 a {
  position: relative;
  text-decoration: none;
  color: #000;
  letter-spacing: 0.33rem;
  font-size: 1.3rem;
  font-weight: 500;
}
.btn-1 a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translateY(-50%);
  width: 40px;
  height: 75px;
  background: url(../img/arrow-black.png) no-repeat center/contain;
}
.btn-1 a:hover {
  opacity: 0.7;
  transition: all 300ms;
  color: #000;
}
@media screen and (max-width: 769px) {
  .btn-1 a {
    text-indent: -0.5rem;
  }
}

.btn-2 a {
  margin: 0 auto;
  display: block;
  width: 315px;
  height: 65px;
  background-color: #000;
  color: #fff;
  letter-spacing: 0.1rem;
  font-weight: 500;
  font-size: 1.9rem;
  font-family: "Noto Serif JP", serif;
  text-align: center;
  line-height: 6.5rem;
  text-decoration: none;
}
@media screen and (max-width: 769px) {
  .btn-2 a {
    width: auto;
  }
}
.btn-2 a:hover {
  opacity: 0.7;
  transition: all 300ms;
}

.title {
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 0.27rem;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 45px;
}
@media screen and (max-width: 769px) {
  .title {
    font-size: 2rem;
    letter-spacing: 0.2rem;
    margin-bottom: 32px;
  }
}

.sub-title {
  font-size: 3.8rem;
  letter-spacing: 1.3rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  text-align: center;
  text-indent: 0.4em;
  margin-bottom: 40px;
}
@media screen and (max-width: 769px) {
  .sub-title {
    font-size: 2rem;
    letter-spacing: 0.7rem;
    text-indent: 0em;
    margin-bottom: 33px;
    line-height: 2.5rem;
    line-height: 3rem;
  }
}

.title-1 {
  display: flex;
}
.title-1 h2 {
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.23rem;
  font-size: 2.8rem;
  display: inline-block;
}
@media screen and (max-width: 769px) {
  .title-1 h2 {
    font-size: 2rem;
    letter-spacing: 0.2rem !important;
  }
}
.title-1 .line {
  width: 65px;
  height: 1px;
  background: #000;
  margin-top: 15px;
  margin-left: 35px;
}
@media screen and (max-width: 769px) {
  .title-1 .line {
    margin-top: 11px;
    margin-left: 39px;
  }
}

.page-title {
  margin: 95px 0 60px 0;
}
@media screen and (max-width: 769px) {
  .page-title {
    margin: 76px 0 53px 0;
  }
}
.page-title h2 {
  letter-spacing: 0em;
}

.Breadcrumbs__container {
  display: flex;
  flex-wrap: wrap;
}
.Breadcrumbs__container .midd {
  font-size: 1.3rem;
  line-height: 3.5rem;
  color: #DDA72E;
  margin: 0 7px;
}
@media screen and (max-width: 769px) {
  .Breadcrumbs__container .midd {
    line-height: 2.5rem;
  }
}
.Breadcrumbs__container li {
  list-style-type: none;
}
.Breadcrumbs__container li a {
  text-decoration: none;
}
@media screen and (max-width: 769px) {
  .Breadcrumbs__container li a {
    line-height: 2.5rem;
  }
}
.Breadcrumbs__container li a span {
  color: #DDA72E;
  font-size: 1.3rem;
  line-height: 3.5rem;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 769px) {
  .Breadcrumbs__container li a span {
    line-height: 2.5rem;
  }
}
.Breadcrumbs__container li .underline {
  text-decoration: underline;
  color: #DDA72E;
}

.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
}
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev:before,
.slick-next:before:hover {
  opacity: 0;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "";
}

[dir=rtl] .slick-prev:before {
  content: "";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "";
}

[dir=rtl] .slick-next:before {
  content: "";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

/*-----スライダーのためのcss------*/
.slider {
  position: relative;
  z-index: 1;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
  /* height: 100vh; */
  /* height: 300px; */
  /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  padding: 0;
}

.slider-item {
  width: 100%; /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
  /* height:100vh; */
  /* height: 300px; */
  /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  background-repeat: no-repeat; /*背景画像をリピートしない*/
  background-position: center; /*背景画像の位置を中央に*/
  background-size: cover; /*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
  position: absolute; /*絶対配置にする*/
  z-index: 3;
  top: 50%; /*矢印の位置*/
  cursor: pointer; /*マウスカーソルを指マークに*/
  outline: none; /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid red; /*矢印の色*/
  border-right: 2px solid red; /*矢印の色*/
  height: 25px;
  width: 25px;
}

.slick-prev { /*戻る矢印の位置と形状*/
  left: 2.5%;
  transform: rotate(-135deg);
}

.slick-next { /*次へ矢印の位置と形状*/
  right: 2.5%;
  transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/
.slick-dots {
  position: relative;
  z-index: 3;
  text-align: center;
  margin: -50px 0 0 0;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  color: transparent;
  outline: none;
  width: 8px; /*ドットボタンのサイズ*/
  height: 8px; /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #ccc; /*ドットボタンの色*/
}

.slick-dots .slick-active button {
  background: #333; /*ドットボタンの現在地表示の色*/
}

/* .slick-active{
  opacity: 0.5;    

} */
.Header {
  position: fixed;
  width: 100%;
  z-index: 100;
}
.Header__instagram {
  position: absolute;
  right: 128px;
  top: 37px;
  width: 18px;
  height: 18px;
}
.Header__instagram a img {
  width: 100%;
}
.Header__instagram a:hover {
  opacity: 0.7;
  transition: all 300ms;
}

.Head__logo {
  width: 303px;
  margin: 0 auto;
  margin-top: 50px;
}
@media screen and (max-width: 769px) {
  .Head__logo {
    width: 172px;
    margin: 0;
    margin-top: 40px;
    margin-left: 20px;
    margin-right: auto;
  }
}
.Head__logo img {
  width: 100%;
}

/*========= ナビゲーションのためのCSS ===============*/
#g-nav {
  /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
  position: fixed;
  z-index: -1;
  opacity: 0; /*はじめは透過0*/
  /*ナビの位置と形状*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh; /*ナビの高さ*/
  background: rgb(179, 179, 179);
  /*動き*/
  transition: all 0.3s;
  display: none;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive {
  opacity: 1;
  z-index: 999;
  display: block;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list {
  /*ナビの数が増えた場合縦スクロール*/
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh; /*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
  display: none;
  /*ナビゲーション天地中央揃え*/
  position: absolute;
  z-index: 999;
  top: 50%; /* menuの範囲 */
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 769px) {
  #g-nav ul {
    top: 50%; /* menuの範囲 */
  }
}

#g-nav.panelactive ul {
  display: block;
}

/*リストのレイアウト設定*/
#g-nav li {
  list-style: none;
}

#g-nav li a {
  text-decoration: none;
  display: block;
  text-transform: uppercase;
}

/*========= ボタンのためのCSS ===============*/
.openbtn1 {
  position: fixed;
  z-index: 9999; /*ボタンを最前面に*/
  top: 0px;
  right: 0px;
  cursor: pointer;
  width: 94px;
  height: 94px;
  background: rgb(179, 179, 179);
}
@media screen and (max-width: 769px) {
  .openbtn1 {
    width: 90px;
    height: 94px;
  }
}

/*×に変化*/
.openbtn1 span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 18px; /*  線の位置*/
  height: 2px; /*  線の太さ*/
  border-radius: 0px;
  background-color: #fff; /* ボタンの色*/
}

.openbtn1 span:nth-of-type(1) {
  top: 37px;
  width: 60%;
}

.openbtn1 span:nth-of-type(2) {
  top: 47px;
  width: 40%;
}

.openbtn1 span:nth-of-type(3) {
  top: 57px;
  width: 25%;
}

.openbtn1.active span:nth-of-type(1) {
  top: 44px;
  left: 13px;
  transform: translateY(6px) rotate(-45deg);
  width: 50%;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3) {
  top: 56px;
  left: 13px;
  transform: translateY(-6px) rotate(45deg);
  width: 50%;
}

.Menu__content__head {
  display: flex;
  justify-content: space-between;
  width: 320px;
  padding-left: 10px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.Menu__content__head__wrap {
  text-align: left;
  margin: 0 20px;
}
.Menu__content__head__wrap__title {
  color: rgb(128, 128, 128);
  text-align: left;
  font-weight: 500;
  font-size: 1.5rem;
  margin-bottom: 25px;
}
@media screen and (max-width: 769px) {
  .Menu__content__head__wrap__title {
    margin-bottom: 15px;
  }
}
.Menu__content__head__wrap__title__contens {
  letter-spacing: 0.4rem;
}
.Menu__content__head__wrap__title__contens__item {
  letter-spacing: 0.2rem;
}
.Menu__content__head__wrap__item {
  margin-bottom: 20px;
}
@media screen and (max-width: 769px) {
  .Menu__content__head__wrap__item {
    margin-bottom: 15px;
  }
}
.Menu__content__head__wrap__item a {
  color: #fff;
  text-align: left;
  font-size: 1.4rem;
  font-weight: 400;
}
.Menu__content__food .btn {
  margin-bottom: 40px;
}
.Menu__content__food .btn a {
  border: 1px solid #fff;
  color: #fff;
  margin: 0;
  margin-left: auto;
  margin-top: 5px;
  padding-left: 50px;
  letter-spacing: 0.1rem;
}
.Menu__content__food .btn a::before {
  right: 30px;
  background: url(../img/arrow-white.png) no-repeat center/contain;
}
.Menu__content__food .btn a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 45px;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background-color: red;
  background: url(../img/company-tfwall-white.png) no-repeat center/contain;
}
.Menu__content__food__flex {
  display: flex;
  justify-content: space-between;
  width: 200px;
  margin: 0 auto;
  align-items: center;
}
.Menu__content__food__flex__icon--1 {
  width: 28px;
  height: 32px;
}
.Menu__content__food__flex__icon--2 {
  width: 57px;
  height: 19px;
}
.Menu__content__food__flex__icon--3 {
  width: 48px;
  height: 29px;
}
.Menu__content__food__flex__icon img {
  width: 100%;
}

.Fv {
  width: 100%;
  height: 685px;
  position: relative;
}
@media screen and (max-width: 769px) {
  .Fv {
    height: 652px;
  }
}
.Fv::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(188, 193, 193, 0.2);
  z-index: -1;
}
.Fv video {
  width: 100%;
  height: 685px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 769px) {
  .Fv video {
    height: 652px;
  }
}
.Fv__container__dis {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 5rem;
  margin: 0 0 0 32px;
  padding: 20px 0 0 0;
  letter-spacing: 0.22rem;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 769px) {
  .Fv__container__dis {
    margin: 0 0 0 20px;
    font-size: 1.2rem;
    line-height: 3rem;
    width: 160px;
    letter-spacing: 0rem;
  }
}
.Fv__container__content__logo {
  margin: 0 auto;
  margin-top: 230px;
  width: 552px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 769px) {
  .Fv__container__content__logo {
    max-width: 309px;
    margin-top: 175px;
  }
}
.Fv__container__content__logo img {
  width: 100%;
}
.Fv__container__content__copy {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.15rem;
  text-align: center;
  margin-top: 80px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 769px) {
  .Fv__container__content__copy {
    margin-top: 34px;
    letter-spacing: 0.2rem;
  }
}
.Fv__container__scroll {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.Fv__container__scroll__text {
  color: #fff;
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0.25rem;
}
.Fv__container__scroll__line {
  color: #fff;
  display: block;
  background: #fff;
  height: 50px;
  width: 2px;
  margin: 30px auto 0px auto;
}

.Company__container {
  margin: 94px 0 90px 0;
}
@media screen and (max-width: 769px) {
  .Company__container {
    margin: 110px 0 75px 0;
  }
}
.Company__container__content__text {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  line-height: 3.4rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-indent: 1rem;
  margin-bottom: 75px;
}
@media screen and (max-width: 769px) {
  .Company__container__content__text {
    line-height: 2.9rem;
    margin-bottom: 85px;
  }
}
.Company__container__content__wrap {
  display: flex;
  margin-bottom: 66px;
}
@media screen and (max-width: 769px) {
  .Company__container__content__wrap {
    flex-direction: column;
    margin-bottom: 82px;
  }
}
.Company__container__content__wrap .line {
  height: 73px;
  width: 1px;
  background-color: rgb(153, 153, 153);
  margin: auto 0;
}
@media screen and (max-width: 769px) {
  .Company__container__content__wrap .line {
    display: none;
  }
}
.Company__container__content__wrap__item {
  width: 33.333%;
}
@media screen and (max-width: 769px) {
  .Company__container__content__wrap__item {
    width: 100%;
    margin-bottom: 110px;
  }
}
.Company__container__content__wrap__item:last-of-type {
  margin-bottom: 0;
}
.Company__container__content__wrap__item__img {
  margin: 0 auto;
}
.Company__container__content__wrap__item__img img {
  width: 100%;
}
.Company__container__content__wrap__item__img--1 {
  width: 47px;
  height: 53px;
  margin-bottom: 35px;
}
@media screen and (max-width: 769px) {
  .Company__container__content__wrap__item__img--1 {
    margin-bottom: 40px;
  }
}
.Company__container__content__wrap__item__img--2 {
  width: 95px;
  height: 31px;
  margin-bottom: 60px;
}
@media screen and (max-width: 769px) {
  .Company__container__content__wrap__item__img--2 {
    margin-bottom: 45px;
  }
}
.Company__container__content__wrap__item__img--3 {
  width: 80px;
  height: 48px;
  margin-bottom: 45px;
}
@media screen and (max-width: 769px) {
  .Company__container__content__wrap__item__img--3 {
    margin-bottom: 35px;
  }
}
.Company__container__content__wrap__item__dis {
  font-family: "Barlow", sans-serif;
  font-style: italic;
  font-size: 1.8rem;
  letter-spacing: 0.26rem;
  text-align: center;
  margin-bottom: 11px;
  text-indent: 1rem;
}
.Company__container__content__wrap__item__ttl {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0.12rem;
}

.Business {
  background: url(../img/business-bg.jpeg) no-repeat center/cover;
}

.Content {
  width: 100%;
  height: 580px;
  color: #fff;
}
@media screen and (max-width: 769px) {
  .Content {
    height: auto;
  }
}
.Content__container {
  padding: 88px 0;
}
@media screen and (max-width: 769px) {
  .Content__container {
    padding: 68px 0 80px 0;
  }
}
.Content__container .sub-title {
  letter-spacing: 1.2rem;
}
@media screen and (max-width: 769px) {
  .Content__container .sub-title {
    letter-spacing: 0.7rem;
  }
}
.Content__container__content__text {
  font-size: 1.5rem;
  letter-spacing: 0.12rem;
  line-height: 3.4rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  margin-bottom: 55px;
}
@media screen and (max-width: 769px) {
  .Content__container__content__text {
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 769px) {
  .Content .Recruite__container {
    padding: 45px 0 45px 0;
  }
}
.Content .Recruite__container .sub-title {
  letter-spacing: 1.2rem;
}
@media screen and (max-width: 769px) {
  .Content .Recruite__container .sub-title {
    letter-spacing: 0.6rem;
  }
}

.Recruite {
  background: url(../img/recruite-bg.jpeg) no-repeat center/cover;
}
@media screen and (max-width: 769px) {
  .Recruite {
    height: auto;
  }
}

.Contact {
  background: rgb(242, 242, 242);
}
.Contact__container {
  padding: 85px 0 95px 0;
}
@media screen and (max-width: 769px) {
  .Contact__container {
    padding: 65px 0 58px 0;
  }
}
@media screen and (max-width: 769px) {
  .Contact__container .title {
    margin-bottom: 35px;
  }
}
.Contact__container__content__text {
  font-size: 1.5rem;
  letter-spacing: 0.12rem;
  line-height: 3.4rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 769px) {
  .Contact__container__content__text {
    margin-bottom: 57px;
  }
}
.Contact__container__content__tel {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 769px) {
  .Contact__container__content__tel {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.Contact__container__content__tel .line {
  height: 56px;
  width: 1px;
  background: #000;
  margin: auto 0;
}
@media screen and (max-width: 769px) {
  .Contact__container__content__tel .line {
    display: none;
  }
}
.Contact__container__content__tel__item {
  margin: 0 47px;
}
@media screen and (max-width: 769px) {
  .Contact__container__content__tel__item {
    margin: 0 auto;
    margin-bottom: 40px;
  }
}
.Contact__container__content__tel__item__head {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  letter-spacing: 0.25rem;
  font-size: 3.1rem;
  text-indent: 2rem;
  margin-bottom: 15px;
}
@media screen and (max-width: 769px) {
  .Contact__container__content__tel__item__head {
    font-size: 2.5rem;
    text-indent: 1rem;
  }
}
.Contact__container__content__tel__item__head__tel {
  text-indent: 0rem;
  margin-right: 2rem;
}
@media screen and (max-width: 769px) {
  .Contact__container__content__tel__item__head__tel {
    margin-right: 0;
  }
}
.Contact__container__content__tel__item__food {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 0.12rem;
  text-align: center;
}
.Contact__container__content .btn a {
  text-indent: 0em;
  letter-spacing: 0;
}
.Contact__container__content .btn a::before {
  right: 65px;
}

.Footer {
  background: rgb(51, 51, 51);
}
.Footer__container {
  padding: 90px 0;
}
@media screen and (max-width: 769px) {
  .Footer__container {
    padding: 50px 0 0 0;
  }
}
.Footer__container__title {
  font-size: 4.2rem;
  letter-spacing: 1.8rem;
  line-height: 3.4rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 60px;
  text-indent: 0.8em;
}
@media screen and (max-width: 769px) {
  .Footer__container__title {
    font-size: 2rem;
    letter-spacing: 0.8rem;
    margin-bottom: 50px;
  }
}
.Footer__container__logo {
  width: 271px;
  margin-bottom: 65px;
}
@media screen and (max-width: 769px) {
  .Footer__container__logo {
    margin: 0 auto;
    margin-bottom: 55px;
  }
}
.Footer__container__logo a img {
  width: 100%;
}
.Footer__container__content {
  display: flex;
  margin-bottom: 35px;
}
@media screen and (max-width: 769px) {
  .Footer__container__content {
    flex-direction: column;
    margin-bottom: 70px;
  }
}
.Footer__container__content__left {
  width: 68%;
}
@media screen and (max-width: 769px) {
  .Footer__container__content__left {
    width: 100%;
    width: 76%;
    width: 254px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
.Footer__container__content__left__head {
  display: flex;
  margin-bottom: 20px;
}
.Footer__container__content__left__contens {
  display: flex;
}
@media screen and (max-width: 769px) {
  .Footer__container__content__left__contens {
    flex-direction: column;
    width: 50%;
  }
}
.Footer__container__content__left__contens__title {
  font-family: noto-sans-cjk-jp, sans-serif;
  color: rgb(153, 153, 153);
  font-size: 1.4rem;
  width: 120px;
  letter-spacing: 0.3rem;
}
@media screen and (max-width: 980px) {
  .Footer__container__content__left__contens__title {
    width: 110px;
  }
}
@media screen and (max-width: 769px) {
  .Footer__container__content__left__contens__title {
    margin-bottom: 20px;
  }
}
.Footer__container__content__left__contens__ul {
  display: flex;
  flex-wrap: wrap;
  width: 250px;
}
@media screen and (max-width: 980px) {
  .Footer__container__content__left__contens__ul {
    width: 200px;
  }
}
@media screen and (max-width: 769px) {
  .Footer__container__content__left__contens__ul {
    flex-direction: column;
  }
}
.Footer__container__content__left__contens__ul li {
  list-style-type: none;
  width: 125px;
  margin-bottom: 20px;
}
@media screen and (max-width: 980px) {
  .Footer__container__content__left__contens__ul li {
    width: 100px;
  }
}
@media screen and (max-width: 769px) {
  .Footer__container__content__left__contens__ul li {
    margin-bottom: 15px;
  }
}
.Footer__container__content__left__contens__ul li a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.25rem;
  font-size: 1.4rem;
}
.Footer__container__content__left__work {
  display: flex;
}
@media screen and (max-width: 769px) {
  .Footer__container__content__left__work {
    flex-direction: column;
    width: 50%;
    padding-left: 15px;
  }
}
.Footer__container__content__left__work__title {
  font-family: noto-sans-cjk-jp, sans-serif;
  color: rgb(153, 153, 153);
  font-size: 1.4rem;
  width: 120px;
  letter-spacing: 0.12rem;
  padding-left: 20px;
}
@media screen and (max-width: 980px) {
  .Footer__container__content__left__work__title {
    width: 110px;
  }
}
@media screen and (max-width: 769px) {
  .Footer__container__content__left__work__title {
    padding-left: 0;
    margin-bottom: 20px;
  }
}
.Footer__container__content__left__work__ul li {
  list-style-type: none;
  width: 150px;
  margin-bottom: 20px;
}
@media screen and (max-width: 980px) {
  .Footer__container__content__left__work__ul li {
    width: 140px;
  }
}
@media screen and (max-width: 769px) {
  .Footer__container__content__left__work__ul li {
    margin-bottom: 15px;
  }
}
.Footer__container__content__left__work__ul li a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.25rem;
  font-size: 1.4rem;
}
.Footer__container__content__left__food__item {
  display: flex;
  margin-bottom: 15px;
}
@media screen and (max-width: 769px) {
  .Footer__container__content__left__food__item {
    flex-direction: column;
  }
}
.Footer__container__content__left__food__item__ttl {
  font-family: noto-sans-cjk-jp, sans-serif;
  color: rgb(153, 153, 153);
  font-size: 1.5rem;
  letter-spacing: 0.12rem;
  width: 120px;
}
@media screen and (max-width: 769px) {
  .Footer__container__content__left__food__item__ttl {
    margin-bottom: 10px;
  }
}
.Footer__container__content__left__food__item__text {
  font-family: noto-sans-cjk-jp, sans-serif;
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 769px) {
  .Footer__container__content__left__food__item__text {
    line-height: 2rem;
  }
}
.Footer__container__content__right {
  width: 32%;
}
@media screen and (max-width: 769px) {
  .Footer__container__content__right {
    width: 100%;
  }
}
.Footer__container__content__right .btn {
  margin-bottom: 25px;
}
.Footer__container__content__right .btn a {
  border: 1px solid #fff;
  color: #fff;
  margin: 0;
  margin-left: auto;
  margin-top: 5px;
  padding-left: 50px;
  letter-spacing: 0.1rem;
  width: auto;
}
.Footer__container__content__right .btn a::before {
  right: 30px;
  background: url(../img/arrow-white.png) no-repeat center/contain;
}
.Footer__container__content__right .btn a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 45px;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background-color: red;
  background: url(../img/company-tfwall-white.png) no-repeat center/contain;
}
.Footer__container__content__right p {
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 769px) {
  .Footer__container__content__right p {
    letter-spacing: 0.1rem;
  }
}
.Footer__container__food {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 769px) {
  .Footer__container__food {
    flex-direction: column;
  }
}
.Footer__container__food__left {
  display: flex;
}
@media screen and (max-width: 769px) {
  .Footer__container__food__left {
    flex-direction: column;
  }
}
.Footer__container__food__left__icon {
  display: flex;
}
@media screen and (max-width: 769px) {
  .Footer__container__food__left__icon {
    justify-content: center;
    margin-left: 50px;
    margin-bottom: 20px;
  }
}
.Footer__container__food__left__icon__item img {
  width: 100%;
}
.Footer__container__food__left__icon__item--1 {
  width: 23px;
  margin-right: 33px;
}
.Footer__container__food__left__icon__item--2 {
  width: 47px;
  margin-right: 30px;
}
.Footer__container__food__left__icon__item--3 {
  width: 40px;
  margin-right: 38px;
}
.Footer__container__food__left__text {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-size: 1.3rem;
  font-weight: normal;
  letter-spacing: 0.12rem;
  color: rgb(153, 153, 153);
  line-height: 3.2rem;
}
@media screen and (max-width: 769px) {
  .Footer__container__food__left__text {
    text-align: center;
    line-height: 3rem;
    margin-bottom: 60px;
  }
}
.Footer__container__food__right__text {
  font-size: 1rem;
  letter-spacing: 0.2rem;
  font-weight: 500;
  color: #fff;
  line-height: 3.5rem;
}
@media screen and (max-width: 769px) {
  .Footer__container__food__right__text {
    text-align: center;
  }
}

.Works__item {
  width: 50%;
  margin: 0 25px;
}
@media screen and (max-width: 769px) {
  .Works__item {
    width: 100%;
    margin: 0 0;
    margin-bottom: 30px;
  }
}
.Works__item__img {
  aspect-ratio: 34/20;
  margin-bottom: 40px;
}
@media screen and (max-width: 769px) {
  .Works__item__img {
    margin-bottom: 27px;
  }
}
.Works__item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.Works__item__title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
@media screen and (max-width: 769px) {
  .Works__item__title {
    margin-bottom: 10px;
  }
}
.Works__item__title__ttl {
  font-size: 2.5rem;
  letter-spacing: 0.2rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 769px) {
  .Works__item__title__ttl {
    font-size: 2rem;
  }
}
.Works__item__title__dis {
  font-size: 1.4rem;
  letter-spacing: 0.2rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  display: flex;
  align-self: flex-end;
}
.Works__item__text {
  font-size: 1.3rem;
  letter-spacing: 0.14rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  color: rgb(128, 128, 128);
  margin-bottom: 45px;
}
@media screen and (max-width: 769px) {
  .Works__item__text {
    margin-bottom: 30px;
  }
}

.Works__container {
  padding: 105px 0 110px 0;
}
@media screen and (max-width: 769px) {
  .Works__container {
    padding: 50px 0 65px 0;
  }
}
.Works__container__content {
  max-width: 980px;
  margin: 0 auto;
  margin-bottom: 105px;
}
@media screen and (max-width: 769px) {
  .Works__container__content {
    margin-bottom: 50px;
  }
}
.Works__container__content__head {
  display: flex;
  justify-content: space-between;
  height: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 769px) {
  .Works__container__content__head {
    height: auto;
    margin-bottom: 21px;
  }
}
.Works__container__content__head .btn-1 {
  display: flex;
  align-items: flex-end;
  width: 137px;
  height: 30px;
}
@media screen and (max-width: 769px) {
  .Works__container__content__head .btn-1 {
    margin-top: 40px;
  }
}
.Works__container__content__wrap {
  display: flex;
  margin: 0 -25px;
}
@media screen and (max-width: 769px) {
  .Works__container__content__wrap {
    flex-direction: column;
    margin: 0;
  }
}
.Works__container__instagram {
  margin-bottom: 105px;
}
@media screen and (max-width: 769px) {
  .Works__container__instagram {
    margin-bottom: 80px;
  }
}
.Works__container__instagram .title {
  margin-bottom: 55px;
}
@media screen and (max-width: 769px) {
  .Works__container__instagram .title {
    margin-bottom: 30px;
  }
}
.Works__container__instagram__wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  margin-bottom: 22px;
  justify-content: center;
}
@media screen and (max-width: 769px) {
  .Works__container__instagram__wrap {
    margin: 0 -5px;
    margin-bottom: 20px;
  }
}
.Works__container__instagram__wrap__item {
  width: 166.6px;
  height: 166px;
  margin: 0px 10px 25px 10px;
}
@media screen and (max-width: 1218px) {
  .Works__container__instagram__wrap__item {
    width: 150px;
    height: 145px;
  }
}
@media screen and (max-width: 769px) {
  .Works__container__instagram__wrap__item {
    width: 33.333%;
    height: 99px;
    margin: 0;
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
.Works__container__instagram__wrap__item a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.Works__container__instagram__wrap__item .instagram-media .Header {
  display: none;
}
.Works__container__news {
  display: flex;
}
@media screen and (max-width: 769px) {
  .Works__container__news {
    flex-direction: column;
  }
}
.Works__container__news__left {
  width: 25%;
}
@media screen and (max-width: 769px) {
  .Works__container__news__left {
    width: 100%;
    margin-bottom: 30px;
  }
}
.Works__container__news__left .title-1 {
  margin-bottom: 10px;
}
.Works__container__news__left__text {
  font-size: 1.3rem;
  letter-spacing: 0.4rem;
  font-weight: 500;
}
.Works__container__news__right {
  width: 75%;
  border-top: 1px solid rgb(204, 204, 204);
  margin-top: 5px;
}
@media screen and (max-width: 769px) {
  .Works__container__news__right {
    width: 100%;
  }
}
.Works__container__news__right__item {
  border-bottom: 1px solid rgb(204, 204, 204);
}
.Works__container__news__right__item a {
  display: flex;
  text-decoration: none;
}
@media screen and (max-width: 769px) {
  .Works__container__news__right__item a {
    flex-direction: column;
  }
}
.Works__container__news__right__item__time {
  color: rgb(179, 179, 179);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 7.8rem;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 769px) {
  .Works__container__news__right__item__time {
    line-height: 3rem;
    font-size: 1.3rem;
    margin: 10px 0 0px 0;
  }
}
.Works__container__news__right__item__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 7.8rem;
  margin-left: 45px;
  letter-spacing: 0.1rem;
  color: #000;
}
@media screen and (max-width: 769px) {
  .Works__container__news__right__item__title {
    line-height: 2rem;
    margin-left: 0;
    font-size: 1.3rem;
    margin-bottom: 27px;
  }
}

.Page-company__fv {
  background: url(../img/company-fv.jpg) no-repeat center/cover;
  height: 479px;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 769px) {
  .Page-company__fv {
    height: 390px;
  }
}
.Page-company__fv__title {
  position: absolute;
  top: 57%;
  transform: translateY(-50%);
  padding-left: 60px;
}
@media screen and (max-width: 769px) {
  .Page-company__fv__title {
    padding-left: 0;
  }
}
.Page-company__fv__title h3 {
  color: #fff;
  font-size: 2.5rem;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.19rem;
  margin-bottom: 15px;
}
.Page-company__fv__title p {
  color: #fff;
  font-size: 1.5rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
}
.Page-company__message {
  padding: 75px 0 95px 0;
}
@media screen and (max-width: 769px) {
  .Page-company__message {
    padding: 26px 0 77px 0;
  }
}
.Page-company__message__wrap {
  display: flex;
}
@media screen and (max-width: 769px) {
  .Page-company__message__wrap {
    flex-direction: column;
  }
}
.Page-company__message__wrap__left {
  width: 35%;
  padding-left: 60px;
}
@media screen and (max-width: 1100px) {
  .Page-company__message__wrap__left {
    padding-left: 0;
    padding-right: 60px;
  }
}
@media screen and (max-width: 769px) {
  .Page-company__message__wrap__left {
    width: 100%;
    padding-left: 0;
    margin-bottom: 16px;
  }
}
.Page-company__message__wrap__left__post {
  font-size: 1.5rem;
  letter-spacing: 0.17rem;
  line-height: 3.4rem;
  font-weight: 400;
  font-family: noto-sans-cjk-jp, sans-serif;
  margin-bottom: 20px;
}
@media screen and (max-width: 769px) {
  .Page-company__message__wrap__left__post {
    margin-bottom: 10px;
  }
}
.Page-company__message__wrap__left__name {
  font-size: 3rem;
  line-height: 3.4rem;
  letter-spacing: 0.45rem;
  font-weight: 400;
  font-family: noto-sans-cjk-jp, sans-serif;
}
@media screen and (max-width: 769px) {
  .Page-company__message__wrap__left__name {
    letter-spacing: 0.22rem;
  }
}
.Page-company__message__wrap__right {
  width: 65%;
}
@media screen and (max-width: 769px) {
  .Page-company__message__wrap__right {
    width: 100%;
  }
}
.Page-company__message__wrap__right__title {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 3.3rem;
  letter-spacing: 0.9rem;
  margin-top: 10px;
  margin-bottom: 42px;
}
@media screen and (max-width: 769px) {
  .Page-company__message__wrap__right__title {
    line-height: 3.6rem;
    font-size: 2rem;
    letter-spacing: 0.6rem;
    margin-bottom: 23px;
  }
}
.Page-company__message__wrap__right__dis {
  font-size: 1.5rem;
  letter-spacing: 0.09rem;
  font-weight: 400;
  font-family: noto-sans-cjk-jp, sans-serif;
  line-height: 3.4rem;
}
@media screen and (max-width: 769px) {
  .Page-company__message__wrap__right__dis {
    line-height: 2.6rem;
  }
}
.Page-company__philosophy__fv {
  background: url(../img/philosophy-fv.jpg) no-repeat center/cover;
  position: relative;
  width: 100%;
  height: 357px;
}
@media screen and (max-width: 769px) {
  .Page-company__philosophy__fv {
    height: 230px;
  }
}
.Page-company__philosophy__fv__title {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Page-company__philosophy__fv__title h3 {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 2.5rem;
  letter-spacing: 0.2rem;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
  text-indent: 1rem;
}
.Page-company__philosophy__fv__title p {
  font-size: 1.5rem;
  letter-spacing: 0.2rem;
  font-weight: 400;
  font-family: noto-sans-cjk-jp, sans-serif;
  text-align: center;
  color: #fff;
}
.Page-company__philosophy__wrap {
  padding: 70px 0 0 0;
  margin: 0 auto;
  max-width: 980px;
}
@media screen and (max-width: 769px) {
  .Page-company__philosophy__wrap {
    margin: 0;
    padding: 10px 0 23px 0;
  }
}
.Page-company__philosophy__wrap__item {
  display: flex;
  margin-bottom: 60px;
}
@media screen and (max-width: 769px) {
  .Page-company__philosophy__wrap__item {
    flex-direction: column;
    margin-bottom: 20px;
  }
}
.Page-company__philosophy__wrap__item__left {
  width: 33.5%;
}
@media screen and (max-width: 769px) {
  .Page-company__philosophy__wrap__item__left {
    width: 100%;
    margin-bottom: 10px;
  }
}
.Page-company__philosophy__wrap__item__left__title {
  font-size: 2.5rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  margin-top: 15px;
  margin-bottom: 35px;
  letter-spacing: 0.6rem;
}
@media screen and (max-width: 769px) {
  .Page-company__philosophy__wrap__item__left__title {
    margin-bottom: 20px;
    font-size: 1.7rem;
  }
}
.Page-company__philosophy__wrap__item__left .line {
  width: 25px;
  height: 1px;
  background: #000;
  display: block;
}
.Page-company__philosophy__wrap__item__right {
  width: 66.5%;
}
@media screen and (max-width: 769px) {
  .Page-company__philosophy__wrap__item__right {
    width: 100%;
  }
}
.Page-company__philosophy__wrap__item__right__text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 3.5rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  letter-spacing: 0.09rem;
}
@media screen and (max-width: 769px) {
  .Page-company__philosophy__wrap__item__right__text {
    line-height: 2.5rem;
  }
}
.Page-company__company {
  padding: 25px 0 94px 0;
}
@media screen and (max-width: 769px) {
  .Page-company__company {
    padding: 25px 0 10px 0;
  }
}
.Page-company__company__title {
  margin-bottom: 85px;
}
@media screen and (max-width: 769px) {
  .Page-company__company__title {
    margin-bottom: 66px;
  }
}
.Page-company__company__title h3 {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 2.5rem;
  letter-spacing: 0.1rem;
  text-align: center;
  margin-bottom: 17px;
}
@media screen and (max-width: 769px) {
  .Page-company__company__title h3 {
    font-size: 2rem;
  }
}
.Page-company__company__title p {
  font-size: 1.5rem;
  letter-spacing: 0.2rem;
  font-weight: 400;
  font-family: noto-sans-cjk-jp, sans-serif;
  text-align: center;
}
.Page-company__company__content {
  max-width: 520px;
  width: 100%;
  margin: 0 auto;
}
.Page-company__company__content__item {
  display: flex;
  margin-bottom: 26px;
}
@media screen and (max-width: 769px) {
  .Page-company__company__content__item__mb {
    margin-bottom: -2px;
  }
}
.Page-company__company__content__item__left {
  width: 35%;
}
@media screen and (max-width: 769px) {
  .Page-company__company__content__item__left {
    width: 31%;
  }
}
.Page-company__company__content__item__left__ttl {
  font-size: 1.5rem;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 769px) {
  .Page-company__company__content__item__left__ttl {
    line-height: 3rem;
  }
}
.Page-company__company__content__item__right {
  width: 65%;
}
@media screen and (max-width: 769px) {
  .Page-company__company__content__item__right {
    width: 69%;
  }
}
.Page-company__company__content__item__right__dis {
  font-size: 1.5rem;
  letter-spacing: 0.18rem;
}
@media screen and (max-width: 769px) {
  .Page-company__company__content__item__right__dis {
    line-height: 3rem;
    letter-spacing: 0.1rem;
  }
}
.Page-company__map iframe {
  width: 100%;
  height: 436px;
}
@media screen and (max-width: 769px) {
  .Page-company__map iframe {
    height: 354px;
  }
}

.Page-business__fv {
  background: url(../img/business-fv.jpg) no-repeat center/cover;
  width: 100%;
  height: 308px;
}
@media screen and (max-width: 769px) {
  .Page-business__fv {
    height: 208px;
  }
}
.Page-business__head {
  margin-top: -21px;
}
.Page-business__head__ttl {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 3.8rem;
  text-align: center;
  margin-bottom: 40px;
  letter-spacing: 1.1rem;
  text-indent: -1rem;
}
@media screen and (max-width: 769px) {
  .Page-business__head__ttl {
    font-size: 2rem;
    line-height: 3.3rem;
    letter-spacing: 0.6rem;
    padding-left: 10px;
    margin-bottom: 12px;
    text-indent: -1rem;
  }
}
.Page-business__head__dis {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 40px;
  line-height: 3.4rem;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 769px) {
  .Page-business__head__dis {
    font-size: 1.5rem;
    line-height: 2.9rem;
    margin-bottom: 50px;
  }
}
.Page-business__head__scroll {
  display: flex;
  flex-direction: column;
}
.Page-business__head__scroll p {
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0.25rem;
  text-align: center;
}
.Page-business__head__scroll .line {
  color: #000;
  display: block;
  background: #000;
  height: 50px;
  width: 2px;
  margin: 30px auto 0px auto;
}
.Page-business__content {
  margin-bottom: 90px;
}
@media screen and (max-width: 769px) {
  .Page-business__content {
    margin-bottom: 47px;
  }
}
.Page-business__content__item {
  display: flex;
  padding-top: 110px;
}
@media screen and (max-width: 769px) {
  .Page-business__content__item {
    flex-direction: column;
    padding-top: 40px;
  }
}
.Page-business__content__item:last-of-type {
  margin-bottom: 0;
}
.Page-business__content__item__left {
  width: 45%;
  padding-right: 50px;
}
@media screen and (max-width: 769px) {
  .Page-business__content__item__left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.Page-business__content__item__left__ttl {
  display: flex;
  margin-bottom: 43px;
  margin-top: 5px;
}
@media screen and (max-width: 769px) {
  .Page-business__content__item__left__ttl {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 769px) {
  .Page-business__content__item__left__ttl__first {
    padding-left: 30px;
  }
}
.Page-business__content__item__left__ttl__logo {
  width: 20%;
}
.Page-business__content__item__left__ttl__logo--1 {
  width: 47px;
  height: 53px;
}
.Page-business__content__item__left__ttl__logo--2 {
  width: 95px;
  height: 31px;
}
.Page-business__content__item__left__ttl__logo--3 {
  width: 80px;
  height: 48px;
}
.Page-business__content__item__left__ttl__logo img {
  width: 100%;
}
.Page-business__content__item__left__ttl__text {
  width: 80%;
  padding-left: 40px;
}
@media screen and (max-width: 769px) {
  .Page-business__content__item__left__ttl__text {
    padding-left: 30px;
  }
}
.Page-business__content__item__left__ttl__text__last {
  padding-left: 0;
}
.Page-business__content__item__left__ttl__text__p {
  font-family: "Barlow", sans-serif;
  font-style: italic;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0.2rem;
}
.Page-business__content__item__left__ttl__text__title {
  font-size: 3.3rem;
  letter-spacing: 0.6rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
}
@media screen and (max-width: 769px) {
  .Page-business__content__item__left__ttl__text__title {
    font-size: 2rem;
  }
}
.Page-business__content__item__left__text {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  line-height: 3.4rem;
  font-weight: 400;
  font-size: 1.5rem;
}
@media screen and (max-width: 769px) {
  .Page-business__content__item__left__text {
    line-height: 2.5rem;
    letter-spacing: 0.1rem;
    line-height: 2.4rem;
  }
}
.Page-business__content__item__right {
  width: 55%;
}
@media screen and (max-width: 769px) {
  .Page-business__content__item__right {
    width: 100%;
  }
}
.Page-business__content__item__right img {
  width: 100%;
}
.Page-business__content__item--2 {
  flex-direction: row-reverse;
}
@media screen and (max-width: 769px) {
  .Page-business__content__item--2 {
    flex-direction: column;
  }
}
.Page-business__content__item--2 .Page-business__content__item__left {
  padding-right: 0;
  padding-left: 70px;
}
@media screen and (max-width: 769px) {
  .Page-business__content__item--2 .Page-business__content__item__left {
    padding-left: 0;
  }
}
.Page-business__movie {
  padding-bottom: 120px;
}
@media screen and (max-width: 769px) {
  .Page-business__movie {
    margin-bottom: 0px;
    padding-bottom: 62px;
  }
}
.Page-business__movie__ttl {
  margin-bottom: 83px;
}
@media screen and (max-width: 769px) {
  .Page-business__movie__ttl {
    margin-bottom: 36px;
  }
}
.Page-business__movie__ttl__title {
  font-size: 2.5rem;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 15px;
  text-align: center;
  letter-spacing: 0.2rem;
  text-indent: 0.1em;
}
@media screen and (max-width: 769px) {
  .Page-business__movie__ttl__title {
    font-size: 2.1rem;
    margin-bottom: 11px;
  }
}
.Page-business__movie__ttl__dis {
  font-size: 1.5rem;
  font-family: noto-sans-cjk-jp, sans-serif;
  text-align: center;
  letter-spacing: 0.1rem;
}
.Page-business__movie__content {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 65px;
}
@media screen and (max-width: 769px) {
  .Page-business__movie__content {
    margin-bottom: 30px;
  }
}
.Page-business__movie__content video {
  width: 100%;
}
.Page-business__movie .btn {
  margin-bottom: 25px;
}
.Page-business__movie .btn a {
  margin: 0 auto;
  background: rgb(66, 33, 11);
  color: #fff;
  padding-left: 50px;
  letter-spacing: 0.1rem;
}
.Page-business__movie .btn a::before {
  right: 30px;
  background: url(../img/arrow-white.png) no-repeat center/contain;
}
.Page-business__movie .btn a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 45px;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  background-color: red;
  background: url(../img/company-tfwall-white.png) no-repeat center/contain;
}
@media screen and (max-width: 769px) {
  .Page-business__movie .btn a {
    width: 100%;
    line-height: 67px;
    height: 67px;
  }
}
.Page-business__movie__p {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  text-align: center;
}

.Page-works .Inner {
  max-width: 980px;
}
.Page-works__container {
  padding-bottom: 80px;
}
.Page-works__container__menu {
  display: flex;
  justify-content: center;
  margin-bottom: 90px;
}
@media screen and (max-width: 769px) {
  .Page-works__container__menu {
    margin: 0 -13px;
    margin-bottom: 62px;
    margin-top: 10px;
    margin-top: 62px;
  }
}
.Page-works__container__menu .line {
  height: 15px;
  width: 1px;
  background: #000;
  transform: rotate(45deg);
}
.Page-works__container__menu .line:last-of-type {
  display: none;
}
.Page-works__container__menu__item {
  list-style-type: none;
  position: relative;
}
.Page-works__container__menu__item a {
  line-height: 15px;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", serif;
  text-decoration: none;
  color: #000;
  margin: 0 40px;
}
@media screen and (max-width: 769px) {
  .Page-works__container__menu__item a {
    margin: 0 13px;
  }
}
.Page-works__container__menu__item__post a {
  background: linear-gradient(transparent 60%, rgb(179, 179, 179) 0%);
  display: inline-block;
}
.Page-works__container__menu__item.current a {
  background: linear-gradient(transparent 60%, rgb(179, 179, 179) 0%);
  display: inline-block;
}
.Page-works__container__content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -25px;
}
.Page-works__container__content .Works__item {
  margin: 0;
  margin-bottom: 30px;
  padding: 0 25px;
}

.Page-works__container__content .Works__item {
  margin-bottom: 45px;
}
@media screen and (max-width: 769px) {
  .Page-works__container__content .Works__item {
    margin-bottom: 30px;
  }
}

.Page-news__container {
  padding-bottom: 140px;
}
@media screen and (max-width: 769px) {
  .Page-news__container {
    padding-bottom: 60px;
  }
}
.Page-news__container__content {
  display: flex;
}
@media screen and (max-width: 769px) {
  .Page-news__container__content {
    flex-direction: column;
  }
}
.Page-news__container__content__left {
  width: 30%;
}
@media screen and (max-width: 769px) {
  .Page-news__container__content__left {
    width: 100%;
    margin-bottom: 20px;
  }
}
.Page-news__container__content__left__ttl {
  font-weight: 500;
  font-size: 1.5rem;
  color: rgb(179, 179, 179);
  margin-bottom: 15px;
  letter-spacing: 0.2rem;
}
.Page-news__container__content__left__date__yer {
  list-style-type: none;
  padding-left: 12px;
  margin-bottom: 15px;
}
.Page-news__container__content__left__date__yer a {
  font-weight: 500;
  text-decoration: none;
  color: #000;
  font-size: 1.5rem;
  letter-spacing: 0.2rem;
  position: relative;
}
.Page-news__container__content__left__date__yer a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  width: 5px;
  height: 1px;
  background-color: #000;
}
.Page-news__container__content__right {
  width: 70%;
  border-top: 1px solid rgb(204, 204, 204);
}
@media screen and (max-width: 769px) {
  .Page-news__container__content__right {
    width: 100%;
  }
}
.Page-news__container__content__right__item {
  border-bottom: 1px solid rgb(204, 204, 204);
}
.Page-news__container__content__right__item a {
  display: flex;
  text-decoration: none;
}
.Page-news__container__content__right__item__time {
  color: rgb(179, 179, 179);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 7.8rem;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 769px) {
  .Page-news__container__content__right__item__time {
    line-height: 3rem;
    font-size: 1.3rem;
    margin: 10px 0 0px 0;
  }
}
.Page-news__container__content__right__item__ttl {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 7.8rem;
  margin-left: 45px;
  letter-spacing: 0.2rem;
  color: #000;
}
@media screen and (max-width: 769px) {
  .Page-news__container__content__right__item__ttl {
    line-height: 2rem;
    margin-left: 0;
    font-size: 1.3rem;
    margin-bottom: 16px;
    margin-top: 15px;
    margin-left: 10px;
  }
}

.Confirm .Page-contact__container__content__item__right__radio {
  line-height: 2rem;
}
.Confirm .Page-contact__container__content__item__right__radio .radio-btns {
  font-size: 1.8rem;
  line-height: 2rem;
  margin-top: 6px;
}
@media screen and (max-width: 769px) {
  .Confirm .Page-contact__container__content__item__right__radio .radio-btns {
    font-size: 1.4rem;
    line-height: 23px;
  }
}
.Confirm .Page-contact__container__content__item__right {
  font-size: 1.8rem;
  line-height: 62px;
}
@media screen and (max-width: 769px) {
  .Confirm .Page-contact__container__content__item__right {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
}
.Confirm .Page-contact__container__content__item__right__address {
  font-size: 1.8rem;
  line-height: 2.2rem;
}
@media screen and (max-width: 769px) {
  .Confirm .Page-contact__container__content__item__right__address {
    font-size: 1.4rem;
    line-height: 66px;
  }
}
.Confirm .Page-contact__container__content__item__none {
  display: none;
}

.Page-contact {
  padding: 10px 0 120px 0;
}
@media screen and (max-width: 769px) {
  .Page-contact {
    padding: 10px 0 88px 0;
  }
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content {
    margin-top: -36px;
  }
}
.Page-contact__container__content__item {
  display: flex;
  margin-bottom: 28px;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item {
    margin-bottom: 10px;
  }
}
.Page-contact__container__content__item__left {
  width: 23%;
  display: flex;
  position: relative;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__left {
    width: 29%;
    padding-top: 0;
  }
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__left__bottom {
    width: 0%;
  }
}
.Page-contact__container__content__item__left__ttl {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 67px;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__left__ttl {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__left__ttl__tel {
    line-height: 2rem;
    margin-top: 20px;
  }
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__left__ttl__mail {
    line-height: 2rem;
    margin-top: 20px;
  }
}
.Page-contact__container__content__item__left .red {
  color: red;
  font-size: 1.5rem;
  line-height: 67px;
  padding-left: 5px;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__left .red__tel {
    line-height: 2rem;
  }
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__left .red__mail {
    line-height: 2rem;
  }
}
.Page-contact__container__content__item__right {
  width: 77%;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right {
    width: 71%;
  }
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right__bottom {
    width: 100%;
  }
}
.Page-contact__container__content__item__right input {
  font-size: 1.4rem;
  background-color: rgb(242, 247, 250);
  border-radius: 3px;
  padding: 0 20px;
  line-height: 67px;
  height: 67px;
  width: 100%;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right input {
    padding: 0 10px;
  }
}
.Page-contact__container__content__item__right input::-moz-placeholder {
  color: rgb(131, 131, 131);
}
.Page-contact__container__content__item__right input::placeholder {
  color: rgb(131, 131, 131);
}
.Page-contact__container__content__item__right__address {
  display: flex;
}
.Page-contact__container__content__item__right__address .icon {
  font-size: 1.4rem;
  line-height: 67px;
  padding-right: 15px;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right__address .icon {
    padding-left: 5px;
  }
}
.Page-contact__container__content__item__right__address .first {
  width: 160px;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right__address .first {
    width: 80px;
  }
}
.Page-contact__container__content__item__right__address input {
  font-size: 1.4rem;
  border-radius: 3px;
  background-color: rgb(242, 247, 250);
  line-height: 67px;
  height: 67px;
  padding: 0 20px;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right__address input {
    padding: 0 10px;
  }
}
.Page-contact__container__content__item__right__address input::-moz-placeholder {
  color: rgb(131, 131, 131);
}
.Page-contact__container__content__item__right__address input::placeholder {
  color: rgb(131, 131, 131);
}
.Page-contact__container__content__item__right__address .haihunn {
  font-size: 1.4rem;
  line-height: 67px;
  padding: 0 13px;
}
.Page-contact__container__content__item__right__address .last {
  width: 200px;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right__address .last {
    width: 80px;
  }
}
.Page-contact__container__content__item__right textarea {
  font-size: 1.4rem;
  background-color: rgb(242, 247, 250);
  border-radius: 3px;
  height: 335px;
  width: 100%;
  padding: 30px 20px;
  resize: none;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right textarea {
    padding: 25px 10px;
    height: 318px;
  }
}
.Page-contact__container__content__item__right__aten {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  margin-bottom: 70px;
  margin-top: 10px;
  letter-spacing: 0.05rem;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right__aten {
    line-height: 23px;
    letter-spacing: -0.16rem;
    margin-bottom: 50px;
  }
}
.Page-contact__container__content__item__right__box {
  overflow-y: scroll;
  height: 190px;
  margin-bottom: 40px;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right__box {
    height: 216px;
    margin-bottom: 34px;
  }
}
.Page-contact__container__content__item__right__box__item {
  margin-bottom: 3rem;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right__box__item {
    margin-bottom: 2rem;
  }
}
.Page-contact__container__content__item__right__box__item__ttl {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 3.5rem;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right__box__item__ttl {
    font-size: 1.3rem;
    line-height: 3rem;
  }
}
.Page-contact__container__content__item__right__box__item__text {
  font-size: 1.5rem;
  line-height: 3rem;
  letter-spacing: 0.05rem;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right__box__item__text {
    font-size: 1.3rem;
    line-height: 2.4rem;
  }
}
.Page-contact__container__content__item__right__radio {
  margin-bottom: 20px;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__item__right__radio {
    margin-top: 15px;
    margin-bottom: 0px;
  }
}
.Page-contact__container__content__food {
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
  width: 380px;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__food {
    margin-bottom: 14px;
    width: auto;
  }
}
.Page-contact__container__content__food input {
  width: 40px;
  height: 40px;
  border: 3px solid #000;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__food input {
    width: 20px;
    height: 20px;
  }
}
.Page-contact__container__content__food label {
  font-size: 1.7rem;
}
@media screen and (max-width: 769px) {
  .Page-contact__container__content__food label {
    font-size: 1.3rem;
  }
}
.Page-contact__container__content .btn a::before {
  right: 70px;
  text-indent: -2rem;
}

.error {
  font-size: 1.3rem !important;
  color: red !important;
  display: inline-block !important;
  line-height: 6.7rem;
}
@media screen and (max-width: 769px) {
  .error {
    font-size: 1.2rem;
    position: absolute;
    top: 5rem;
    left: 0;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 769px) {
  .error__sp {
    top: 7rem;
  }
}

/* ラジオボタンを隠す */
.radio-btns__item {
  display: none;
}

.radio-btns label {
  display: inline-block;
  cursor: pointer;
}

/* spanの左側にボタンを配置するスペースを作る */
.radio-btns__item + span {
  padding-left: 3em;
  display: inline-block;
  position: relative;
  font-size: 1.5rem;
  line-height: 67px;
  padding-right: 20px;
}
@media screen and (max-width: 769px) {
  .radio-btns__item + span {
    line-height: 35px;
    font-size: 1.4rem;
    padding-left: 3.2em;
  }
}

.radio-btns__item + span::after,
.radio-btns__item + span::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-color: rgb(242, 247, 250);
}

.radio-btns .radio-btns__item + span::after {
  opacity: 0;
  width: 10px;
  height: 10px;
  top: 33px;
  left: 8px;
  border: none;
  background: rgb(131, 131, 131);
}
@media screen and (max-width: 769px) {
  .radio-btns .radio-btns__item + span::after {
    top: 17px;
    left: 8px;
  }
}

.radio-btns .radio-btns__item:checked + span {
  color: #000;
}

.radio-btns .radio-btns__item:checked + span::after {
  opacity: 1;
}

input[type=checkbox] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

.mwform-checkbox-field-text {
  font-size: 1.7rem !important;
}
@media screen and (max-width: 769px) {
  .mwform-checkbox-field-text {
    font-size: 1.3rem !important;
    line-height: 2rem;
  }
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important;
}

.Page-tanks {
  padding: 5rem 0 15rem 0;
}
@media (max-width: 768px) {
  .Page-tanks {
    padding: 3rem 0 8rem 0;
  }
}
.Page-tanks__content__title {
  font-size: 2.8rem;
  margin-bottom: 5rem;
  letter-spacing: 1.3rem;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
}
@media (max-width: 768px) {
  .Page-tanks__content__title {
    font-size: 2rem;
    letter-spacing: 0.2rem;
    margin-bottom: 3rem;
  }
}
.Page-tanks__content__dis {
  text-align: center;
  line-height: 3.4rem;
  font-size: 1.5rem;
  font-family: noto-sans-cjk-jp, sans-serif;
}
@media (max-width: 768px) {
  .Page-tanks__content__dis {
    font-size: 1.5rem;
    line-height: 3rem;
  }
}
.Page-tanks__content .btn {
  margin-top: 40px;
}
.Page-tanks__content .btn a::before {
  right: 50px;
}

.Page-recruit__container {
  max-width: 982px;
  margin: 0 auto;
  padding-bottom: 130px;
}
@media screen and (max-width: 769px) {
  .Page-recruit__container {
    padding-bottom: 46px;
  }
}
.Page-recruit__container__head {
  margin-bottom: 63px;
}
.Page-recruit__container__head__ttl {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 3.8rem;
  text-align: center;
  margin-bottom: 40px;
  letter-spacing: 1.1rem;
  text-indent: 3rem;
}
@media screen and (max-width: 769px) {
  .Page-recruit__container__head__ttl {
    font-size: 2rem;
    line-height: 3rem;
    margin-top: 77px;
    margin-bottom: 15px;
  }
}
.Page-recruit__container__head__text {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 96px;
  line-height: 3.4rem;
  letter-spacing: 0.1rem;
  margin-left: 40px;
}
@media screen and (max-width: 769px) {
  .Page-recruit__container__head__text {
    margin-left: 0;
    line-height: 2.8rem;
    margin-bottom: 58px;
  }
}
.Page-recruit__container__head__scroll {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Page-recruit__container__head__scroll p {
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0.25rem;
  text-align: center;
}
.Page-recruit__container__head__scroll .line {
  color: #000;
  display: block;
  background: #000;
  height: 50px;
  width: 2px;
  margin: 30px auto 0px auto;
}
.Page-recruit__container__content {
  display: flex;
  margin: 0 -30px;
}
@media screen and (max-width: 769px) {
  .Page-recruit__container__content {
    flex-direction: column;
    margin: 0;
  }
}
.Page-recruit__container__content__item {
  width: 50%;
  padding: 0 30px;
}
@media screen and (max-width: 769px) {
  .Page-recruit__container__content__item {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
    padding: 0;
    margin-bottom: 52px;
  }
}
.Page-recruit__container__content__item__img {
  width: 100%;
  margin-bottom: 37px;
}
@media screen and (max-width: 769px) {
  .Page-recruit__container__content__item__img {
    margin-bottom: 23px;
  }
}
.Page-recruit__container__content__item__img img {
  width: 100%;
}
.Page-recruit__container__content__item__text__ttl {
  font-size: 2.5rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 35px;
}
@media screen and (max-width: 769px) {
  .Page-recruit__container__content__item__text__ttl {
    font-size: 2rem;
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 769px) {
  .Page-recruit__container__content__item__text .btn-1 a {
    letter-spacing: 0.5rem;
  }
}

.content {
  margin: 0 auto;
  padding: 40px;
}

.modal__bg {
  background: rgba(239, 239, 239, 0.7);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.modal__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 982px;
  width: 100%;
}
@media screen and (max-width: 769px) {
  .modal__content {
    width: 90%;
  }
}
.modal__content .close {
  width: 66px;
  height: 66px;
  margin-left: auto;
  position: absolute;
  right: 0;
  top: -66px;
}
.modal__content__container {
  background: #fff;
  padding: 80px 100px;
  height: 70vh;
  overflow-y: auto;
}
@media screen and (max-width: 769px) {
  .modal__content__container {
    padding: 60px 20px;
  }
}
.modal__content__head {
  margin-bottom: 53px;
}
.modal__content__head__ttl {
  font-size: 2.5rem;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  text-align: center;
  margin-bottom: 28px;
  letter-spacing: 0.2rem;
}
.modal__content__head__sub {
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
}
.modal__content__wrap {
  border-top: 1px solid rgb(179, 179, 179);
}
.modal__content__wrap__item {
  border-bottom: 1px solid rgb(179, 179, 179);
  display: flex;
  padding: 20px 0;
}
.modal__content__wrap__item__left {
  width: 18%;
}
.modal__content__wrap__item__left__text {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 4rem;
}
@media screen and (max-width: 769px) {
  .modal__content__wrap__item__left__text {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }
}
.modal__content__wrap__item__right {
  width: 82%;
}
.modal__content__wrap__item__right__text {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 3.3rem;
  letter-spacing: 0.16rem;
  margin-top: 1.5em;
}
.modal__content__wrap__item__right__text:first-of-type {
  margin-top: 0;
}
@media screen and (max-width: 769px) {
  .modal__content__wrap__item__right__text {
    font-size: 1.3rem;
    line-height: 2.3rem;
    padding-left: 15px;
  }
}

.hidden {
  overflow-y: hidden;
}

.Page-post__container {
  padding: 20px 0 80px 0;
}
.Page-post__container__contents {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}
.Page-post__container__contents p img {
  width: 100%;
  margin-bottom: 2rem;
}
.Page-post__container__contents h2, .Page-post__container__content h2 {
  margin-top: 70px;
  margin-bottom: 50px;
  font-size: 2.5rem;
  line-height: 4.5rem;
  color: #1d2087;
  border-bottom: 3px solid rgba(29, 33, 135, 0.2784313725);
  padding-bottom: 15px;
  letter-spacing: 0.18rem;
  position: relative;
}
.Page-post__container__contents h2 span, .Page-post__container__content h2 span {
  font-size: inherit;
}
@media screen and (max-width: 769px) {
  .Page-post__container__contents h2, .Page-post__container__content h2 {
    margin-top: 40px;
    font-size: 1.8rem;
    line-height: 3.6rem;
    margin-bottom: 35px;
  }
}
.Page-post__container__contents h2::before, .Page-post__container__content h2::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 15%;
  height: 3px;
  background-color: #1d2087;
}
@media screen and (max-width: 769px) {
  .Page-post__container__contents h2::before, .Page-post__container__content h2::before {
    width: 25%;
  }
}
.Page-post__container__contents h3, .Page-post__container__content h3 {
  font-size: 2.2rem;
  line-height: 4.5rem;
  color: #1d2087;
  border-bottom: 2px solid #1d2087;
  padding-bottom: 15px;
  margin: 50px 0;
}
.Page-post__container__contents h3 span, .Page-post__container__content h3 span {
  font-size: inherit;
}
@media screen and (max-width: 769px) {
  .Page-post__container__contents h3, .Page-post__container__content h3 {
    font-size: 1.6rem;
    line-height: 3.6rem;
    font-weight: 300;
    margin: 35px 0;
  }
}
.Page-post__container__contents h4, .Page-post__container__content h4 {
  font-size: 2rem;
  line-height: 3.4rem;
  color: #1d2087;
  margin: 50px 0 35px 0;
  padding-left: 50px;
  position: relative;
}
@media screen and (max-width: 769px) {
  .Page-post__container__contents h4, .Page-post__container__content h4 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.6rem;
    padding-left: 40px;
    margin: 25px 0;
  }
}
.Page-post__container__contents h4::before, .Page-post__container__content h4::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  width: 40px;
  height: 2px;
  background-color: #1d2087;
}
@media screen and (max-width: 769px) {
  .Page-post__container__contents h4::before, .Page-post__container__content h4::before {
    width: 30px;
    height: 1px;
  }
}
.Page-post__container__contents p, .Page-post__container__content p {
  font-size: 2rem;
  line-height: 3.8rem;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 769px) {
  .Page-post__container__contents p, .Page-post__container__content p {
    font-size: 1.5rem;
    line-height: 3rem;
    padding-bottom: 0.5rem;
  }
}
.Page-post__container__contents ul, .Page-post__container__content ul {
  background-color: #F3F7F7;
  border-radius: 10px;
  width: 100%;
  padding: 35px 30px 35px 50px;
  margin: 50px 0;
}
@media screen and (max-width: 769px) {
  .Page-post__container__contents ul, .Page-post__container__content ul {
    padding: 20px 20px 35px 20px;
  }
}
.Page-post__container__contents ul li, .Page-post__container__content ul li {
  font-size: 1.6rem;
  line-height: 2.8rem;
  padding: 5px 0;
}
@media screen and (max-width: 769px) {
  .Page-post__container__contents ul li, .Page-post__container__content ul li {
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 3px 0;
  }
}
.Page-post__container__contents ol, .Page-post__container__content ol {
  background-color: #F3F7F7;
  border-radius: 10px;
  width: 100%;
  padding: 35px 30px 35px 50px;
  margin: 50px 0;
}
@media screen and (max-width: 769px) {
  .Page-post__container__contents ol, .Page-post__container__content ol {
    padding: 20px 20px 35px 20px;
  }
}
.Page-post__container__contents ol li, .Page-post__container__content ol li {
  font-size: 1.6rem;
  line-height: 2.8rem;
  padding: 5px 0;
}
@media screen and (max-width: 769px) {
  .Page-post__container__contents ol li, .Page-post__container__content ol li {
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 3px 0;
  }
}
.Page-post__container__contents table, .Page-post__container__content table {
  width: 100%;
  margin: 50px 0;
}
.Page-post__container__contents table td, .Page-post__container__content table td {
  width: 33.333%;
  border: 2px solid #fff;
  background-color: #F3F7F7;
  padding: 30px;
  font-size: 1.6rem;
  line-height: 2.8rem;
}
@media screen and (max-width: 769px) {
  .Page-post__container__contents table td, .Page-post__container__content table td {
    font-size: 1.3rem;
    line-height: 1.9rem;
    padding: 10px;
  }
}
.Page-post__container__contents table th, .Page-post__container__content table th {
  font-weight: 300;
  letter-spacing: 0.1rem;
  width: 33.333%;
  border: 2px solid #fff;
  background-color: #F3F7F7;
  padding: 30px;
  font-size: 1.6rem;
  line-height: 2.8rem;
}
@media screen and (max-width: 769px) {
  .Page-post__container__contents table th, .Page-post__container__content table th {
    font-size: 1.3rem;
    line-height: 1.9rem;
    padding: 10px;
  }
}
.Page-post__container__contents table.Single__table__green, .Page-post__container__content table.Single__table__green {
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 300;
  letter-spacing: 0.1rem;
}
.Page-post__container__contents table.Single__table__green th, .Page-post__container__content table.Single__table__green th {
  color: #fff;
  background-color: #1d2087 !important;
  text-align: center;
  padding: 20px 30px !important;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 769px) {
  .Page-post__container__contents table.Single__table__green th, .Page-post__container__content table.Single__table__green th {
    padding: 10px !important;
  }
}
.Page-post__container__contents table.Single__table__green td, .Page-post__container__content table.Single__table__green td {
  color: #000;
}
.Page-post__container .works-title-post {
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
  font-family: "Noto Serif JP", serif;
}
.Page-post__container .works-title-dis {
  font-size: 1.3rem;
  text-align: center;
  margin-top: 1rem;
  color: #808080;
  line-height: 2rem;
  margin-bottom: 5rem;
}
.Page-post__container .title-post {
  font-size: 1.7rem;
  line-height: 2.3rem;
  margin-bottom: 15px;
  color: #000;
  font-weight: bold;
  letter-spacing: 0.03em;
  padding-left: 10px;
}
.Page-post__container .info-post {
  color: #717071;
  font-size: 10px;
  margin-bottom: 50px;
  border-top: 1px dotted #b3b3b3;
  letter-spacing: 0.15em;
  padding-top: 10px;
  text-align: right;
}
@media screen and (max-width: 769px) {
  .Page-post__container .info-post {
    margin-bottom: 20px;
  }
}
.Page-post__container .info-post a {
  text-decoration: none;
  color: #717071;
  padding-left: 1rem;
}
.Page-post__container__content {
  display: flex;
}
@media screen and (max-width: 769px) {
  .Page-post__container__content {
    flex-direction: column;
  }
}
.Page-post__container__content__main {
  width: 80%;
  box-sizing: border-box;
  padding-right: 5%;
}
@media screen and (max-width: 769px) {
  .Page-post__container__content__main {
    width: 100%;
  }
}
.Page-post__container__content__side {
  width: 20%;
}
@media screen and (max-width: 769px) {
  .Page-post__container__content__side {
    width: 100%;
    margin-top: 50px;
  }
}
.Page-post__container__content__side .title-day {
  font-size: 1.7rem;
  line-height: 2.3rem;
  margin-bottom: 15px;
  color: #000;
  font-weight: bold;
  letter-spacing: 0.03em;
  padding-left: 10px;
}
.Page-post__container__content__side .day-list {
  color: #717071;
  font-size: 14px;
  border-top: 1px dotted #b3b3b3;
  letter-spacing: 0.15em;
  background-color: #fff;
  border-radius: 0;
  width: auto;
  padding: 0;
  padding-top: 20px;
  padding-left: 10px;
  margin: 0;
}
.Page-post__container__content__side .day-list li {
  margin-bottom: 20px;
}
.Page-post__container__content__side .day-list li a {
  color: #717071;
  font-size: 14px;
}
.Page-post__container__post {
  margin-top: 100px;
}
@media screen and (max-width: 769px) {
  .Page-post__container__post {
    margin-top: 50px;
  }
}
.Page-post__container__post .Works__item {
  margin: 0 auto;
  margin-bottom: 70px;
}
@media screen and (max-width: 769px) {
  .Page-post__container__post .Works__item {
    margin-bottom: 40px;
  }
}