@charset "UTF-8";
/* ================================================================

制作コンテンツ

info:
- レスポンシブの場合は、ブレイクポイント 768px で記述してください。
- SP用CSSを先に記述する方法を推奨します。下記の記述は例です。
- PCのみの場合は、記述を削除してください。

================================================================ */
/* SP用CSSの記述 */
/* PC、Tablet用CSSの記述 */
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 22, style.scss */
#hachioji-edoculture { text-align: center; font-size: 16px; line-height: 1.8; font-weight: 400; color: #000; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; word-break: break-word; /*-webkit-text-stroke-width: 0.15px;*/ letter-spacing: 0.05em; font-feature-settings: "palt" 1; text-size-adjust: none; -webkit-text-size-adjust: none; /*============================
共通
============================*/ }
/* line 23, style.scss */
#hachioji-edoculture a { transition: .5s; }
/* line 24, style.scss */
#hachioji-edoculture a:hover { opacity: .8; }
/* line 26, style.scss */
#hachioji-edoculture .inner { width: 990px; margin: auto; }
/* line 27, style.scss */
#hachioji-edoculture .flexImg { overflow: hidden; position: relative; }
/* line 28, style.scss */
#hachioji-edoculture .flexImg img { width: 100% !important; height: 100% !important; object-fit: cover; }
/* line 30, style.scss */
#hachioji-edoculture .jpG { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
/* line 31, style.scss */
#hachioji-edoculture .jpMG { font-family: "YakuHanJP", "Zen Maru Gothic", sans-serif; }
/* line 32, style.scss */
#hachioji-edoculture .jpM { font-family: "YakuHanMP", "Noto Serif JP", serif; }
/* line 33, style.scss */
#hachioji-edoculture .jpH { font-family: "YakuHanMP", "Shippori Mincho", serif; }
/* line 34, style.scss */
#hachioji-edoculture .enG { font-family: "Roboto", sans-serif; }
/* line 35, style.scss */
#hachioji-edoculture .enM { font-family: "EB Garamond", serif; }
/* line 37, style.scss */
#hachioji-edoculture .container { width: 100%; position: relative; overflow-x: hidden; }
/* line 38, style.scss */
#hachioji-edoculture .container::after { content: ""; background: url("../01.jpg") no-repeat center top; width: 100%; height: 100%; opacity: .3; position: absolute; top: 0px; left: 0; z-index: 0; /*background-size: 100% auto;*/ display: none; }
/* line 45, style.scss */
#hachioji-edoculture .read { text-align: justify; }
/* line 47, style.scss */
#hachioji-edoculture .btn a { position: relative; display: flex; justify-content: center; align-items: center; }
/* line 49, style.scss */
#hachioji-edoculture .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 0; right: .5em; transition: .4s all; }
/* line 51, style.scss */
#hachioji-edoculture .btn a:hover i { right: .5em; }
/* line 55, style.scss */
#hachioji-edoculture .swiper-container { padding: 0 0px; }
/* line 62, style.scss */
#hachioji-edoculture .credit { height: 100px; display: flex; justify-content: center; align-items: center; font-size: 18px; padding: 0; margin: 0; background: url("../images/bg01.webp") repeat top center; background-size: 1920px auto; }
/* line 67, style.scss */
#hachioji-edoculture .mv { width: 100%; line-height: 1; position: relative; height: 0; padding-top: 62.65625%; }
/* line 68, style.scss */
#hachioji-edoculture .mv img { width: 100%; height: auto; }
/* line 69, style.scss */
#hachioji-edoculture .mv .title, #hachioji-edoculture .mv .tit, #hachioji-edoculture .mv .t, #hachioji-edoculture .mv .read, #hachioji-edoculture .mv .note, #hachioji-edoculture .mv .ph { line-height: 1; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; left: 50vw; right: auto; transform: translateX(-50%); }
/* line 70, style.scss */
#hachioji-edoculture .mv .title { top: 13.3%; width: 22.6%; }
/* line 71, style.scss */
#hachioji-edoculture .mv .tit { top: 48.7%; width: 44.06%; }
/* line 72, style.scss */
#hachioji-edoculture .mv .t { top: 59%; width: 23.07%; }
/* line 73, style.scss */
#hachioji-edoculture .mv .read { top: 67.5%; text-align: center; width: 34.79%; }
/* line 74, style.scss */
#hachioji-edoculture .mv .note { top: 87.2%; width: 41.15%; }
/* line 75, style.scss */
#hachioji-edoculture .mv .ph { width: 100%; top: 0; z-index: 0; }
@media screen and (max-width: 1650px) { /* line 67, style.scss */
  #hachioji-edoculture .mv { /*width: 1450px;
.title { top: 122px;}
.tit { top: 444px;}
.t { top: 536px;}
.read { top: 614px;}
.note { top: 793px;}*/ width: 1650px; padding-top: 1034px; }
  /* line 86, style.scss */
  #hachioji-edoculture .mv .title { top: 136px; }
  /* line 87, style.scss */
  #hachioji-edoculture .mv .tit { top: 503px; }
  /* line 88, style.scss */
  #hachioji-edoculture .mv .t { top: 604px; }
  /* line 89, style.scss */
  #hachioji-edoculture .mv .read { top: 691px; }
  /* line 90, style.scss */
  #hachioji-edoculture .mv .note { top: 893px; } }
/* line 96, style.scss */
#hachioji-edoculture .mainContents { padding: 133px 0 180px; background: url("../images/bg.webp") no-repeat top center; background-size: 1920px auto; }
/* line 101, style.scss */
#hachioji-edoculture .mainContents .wrap .sec { position: relative; }
/* line 102, style.scss */
#hachioji-edoculture .mainContents .wrap .sec:not(:last-child) { margin-bottom: 146px; }
/* line 103, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .num, #hachioji-edoculture .mainContents .wrap .sec .tit, #hachioji-edoculture .mainContents .wrap .sec .text, #hachioji-edoculture .mainContents .wrap .sec .link.btn, #hachioji-edoculture .mainContents .wrap .sec .main.btn { position: absolute; line-height: 1; }
/* line 104, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .num { top: -86px; left: -38px; }
/* line 105, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .tit { top: -30px; right: -20px; }
/* line 106, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .text { bottom: 275px; left: 0px; }
/* line 107, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .text a { position: relative; }
/* line 109, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .text a .link.btn { position: absolute; bottom: -14px; right: 0px; width: 96px; /*a {*/ /*}*/ }
/* line 112, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .text a .link.btn i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 5px; right: .75em; line-height: 0; transition: .4s all; }
/* line 117, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .text a:hover .link.btn i { right: .5em; }
/* line 122, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .phWrap { display: flex; flex-direction: column; width: 110%; margin-inline: -50px; }
/* line 123, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .phWrap img { width: 100%; height: auto; }
/* line 125, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .phWrap .phSub { margin-top: -90px; }
/* line 127, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .main.btn { bottom: -50px; right: -30px; }
/* line 130, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .main.btn a i { right: auto; left: 2em; }
/* line 132, style.scss */
#hachioji-edoculture .mainContents .wrap .sec .main.btn a:hover i { right: auto; left: 2.5em; }
/* line 139, style.scss */
#hachioji-edoculture .mainContents .wrap .sec:nth-of-type(even) .num { top: -86px; left: auto; right: -38px; }
/* line 140, style.scss */
#hachioji-edoculture .mainContents .wrap .sec:nth-of-type(even) .tit { top: -30px; right: auto; left: -10px; }
/* line 141, style.scss */
#hachioji-edoculture .mainContents .wrap .sec:nth-of-type(even) .text { bottom: 255px; left: auto; right: 0px; }
/* line 144, style.scss */
#hachioji-edoculture .mainContents .wrap .sec:nth-of-type(even) .text a .link.btn { bottom: -11px; right: auto; left: 45px; }
/* line 149, style.scss */
#hachioji-edoculture .mainContents .wrap .sec:nth-of-type(even) .phWrap .phSub { margin-top: -90px; }
/* line 151, style.scss */
#hachioji-edoculture .mainContents .wrap .sec:nth-of-type(even) .main.btn { bottom: -50px; right: auto; left: -30px; }
/* line 241, style.scss */
#hachioji-edoculture .mainContents .wrap .sec.sec04 .text { bottom: 270px; }
/* line 268, style.scss */
#hachioji-edoculture .mainContents .wrap .sec.sec05 .text { bottom: 261px; }
/* line 271, style.scss */
#hachioji-edoculture .mainContents .wrap .sec.sec05 .text a .link.btn { bottom: 0; }
/* line 298, style.scss */
#hachioji-edoculture .mainContents .wrap .sec.sec06 .text a .link.btn { bottom: 1px; }
/* line 322, style.scss */
#hachioji-edoculture .footerSec { border-top: 35px solid #caaa6e; padding: 64px 0 80px; position: relative; z-index: 5; background: url("../images/bg02.webp") repeat top center; }
/* line 324, style.scss */
#hachioji-edoculture .footerSec .wrap .t { margin: 0 auto 2em; }
/* line 325, style.scss */
#hachioji-edoculture .footerSec .wrap ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 327, style.scss */
#hachioji-edoculture .footerSec .wrap ul li .btn { width: 315px; line-height: 1; }
/* line 328, style.scss */
#hachioji-edoculture .footerSec .wrap ul li .btn a { filter: drop-shadow(5px 5px 5px rgba(61, 17, 17, 0.25)); }
/* line 330, style.scss */
#hachioji-edoculture .footerSec .wrap ul li .btn a i { right: 1em; }
/* line 332, style.scss */
#hachioji-edoculture .footerSec .wrap ul li .btn a:hover i { right: .5em; }