@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 */
#wankonoyadoyururi2026 { 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; /* position: relative;
&::after{ content: ""; background: url("../01.jpg") no-repeat center top; width: 100%; height: 100%; opacity: .3; position: absolute; top: 0; left: 0; z-index: 0;}*/ /*============================
共通
============================*/ }
/* line 25, style.scss */
#wankonoyadoyururi2026 a { transition: .5s; }
/* line 26, style.scss */
#wankonoyadoyururi2026 a:hover { opacity: .8; }
/* line 28, style.scss */
#wankonoyadoyururi2026 .inner { width: 990px; margin: auto; }
/* line 29, style.scss */
#wankonoyadoyururi2026 .flexImg { overflow: hidden; position: relative; }
/* line 30, style.scss */
#wankonoyadoyururi2026 .flexImg img { width: 100% !important; height: 100% !important; object-fit: cover; }
/* line 32, style.scss */
#wankonoyadoyururi2026 .jpG { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
/* line 33, style.scss */
#wankonoyadoyururi2026 .jpMG { font-family: "YakuHanJP", "Zen Maru Gothic", sans-serif; }
/* line 34, style.scss */
#wankonoyadoyururi2026 .jpM { font-family: "YakuHanMP", "Noto Serif JP", serif; }
/* line 35, style.scss */
#wankonoyadoyururi2026 .jpH { font-family: "YakuHanMP", "Shippori Mincho", serif; }
/* line 36, style.scss */
#wankonoyadoyururi2026 .enG { font-family: "Roboto", sans-serif; }
/* line 37, style.scss */
#wankonoyadoyururi2026 .enM { font-family: "EB Garamond", serif; }
/* line 39, style.scss */
#wankonoyadoyururi2026 .container { width: 100%; background: url("../images/bg.webp"); overflow: hidden; /* position: relative; z-index: 5; opacity: .5;*/ }
/* line 41, style.scss */
#wankonoyadoyururi2026 .credit { height: 100px; display: flex; justify-content: center; align-items: center; font-size: 18px; padding: 0; margin: 0; background: #fff; }
/* line 46, style.scss */
#wankonoyadoyururi2026 .read { text-align: justify; }
/* line 48, style.scss */
#wankonoyadoyururi2026 .btn a { position: relative; display: flex; justify-content: center; align-items: center; }
/* line 50, style.scss */
#wankonoyadoyururi2026 .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 0; right: .5em; transition: .4s all; }
/* line 52, style.scss */
#wankonoyadoyururi2026 .btn a:hover i { right: .5em; }
/* line 56, style.scss */
#wankonoyadoyururi2026 .swiper { width: auto; margin: 0; /*overflow: visible;*/ }
/* line 58, style.scss */
#wankonoyadoyururi2026 .swiper ul.swiper-wrapper li.swiper-slide { /*opacity: 0 !important;*/ }
/* line 60, style.scss */
#wankonoyadoyururi2026 .swiper ul.swiper-wrapper li.swiper-slide .cap { position: absolute; font-size: 11px; right: 0; top: calc(100% - .5em); letter-spacing: 0; font-weight: 500; }
/* line 61, style.scss */
#wankonoyadoyururi2026 .swiper ul.swiper-wrapper li.swiper-slide.swiper-slide-active { /*opacity: 1 !important;*/ }
/* line 64, style.scss */
#wankonoyadoyururi2026 .swiper .swiper-button-prev, #wankonoyadoyururi2026 .swiper .swiper-button-next { margin-top: 0; top: 90px; opacity: .5; height: 100px; display: flex; justify-content: center; align-items: center; transition: .4s all; display: none; }
/* line 65, style.scss */
#wankonoyadoyururi2026 .swiper .swiper-button-prev::before, #wankonoyadoyururi2026 .swiper .swiper-button-prev::after, #wankonoyadoyururi2026 .swiper .swiper-button-next::before, #wankonoyadoyururi2026 .swiper .swiper-button-next::after { content: ""; position: absolute; top: calc(50% - 0.5px); width: 15px; height: 2px; background-color: #fff; }
/* line 66, style.scss */
#wankonoyadoyururi2026 .swiper .swiper-button-prev:hover, #wankonoyadoyururi2026 .swiper .swiper-button-next:hover { opacity: .75; }
/* line 69, style.scss */
#wankonoyadoyururi2026 .swiper .swiper-button-prev::before, #wankonoyadoyururi2026 .swiper .swiper-button-prev::after { left: 5px; transform-origin: 0.5px 50%; }
/* line 70, style.scss */
#wankonoyadoyururi2026 .swiper .swiper-button-prev::before { transform: rotate(45deg); }
/* line 71, style.scss */
#wankonoyadoyururi2026 .swiper .swiper-button-prev::after { transform: rotate(-45deg); }
/* line 74, style.scss */
#wankonoyadoyururi2026 .swiper .swiper-button-next::before, #wankonoyadoyururi2026 .swiper .swiper-button-next::after { right: 5px; transform-origin: calc(100% - 0.5px) 50%; }
/* line 75, style.scss */
#wankonoyadoyururi2026 .swiper .swiper-button-next::before { transform: rotate(45deg); }
/* line 76, style.scss */
#wankonoyadoyururi2026 .swiper .swiper-button-next::after { transform: rotate(-45deg); }
/* line 84, style.scss */
#wankonoyadoyururi2026 .myHeader { background: url("../images/bgHeader.webp") repeat-x; width: 100%; height: 100px; }
/* line 85, style.scss */
#wankonoyadoyururi2026 .myHeader .inner { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; height: 100%; }
/* line 86, style.scss */
#wankonoyadoyururi2026 .myHeader .inner .siteid { line-height: 1; }
/* line 93, style.scss */
#wankonoyadoyururi2026 .mv { max-width: 990px; margin: auto; text-align: left; padding-top: 60px; position: relative; z-index: 10; }
/* line 94, style.scss */
#wankonoyadoyururi2026 .mv h1 { display: flex; flex-direction: column; }
/* line 95, style.scss */
#wankonoyadoyururi2026 .mv h1 span { margin-bottom: 27px; }
/* line 98, style.scss */
#wankonoyadoyururi2026 .mv .read { margin-left: -5px; margin-top: -64px; }
/* line 99, style.scss */
#wankonoyadoyururi2026 .mv .phWrap { position: absolute; top: -100px; right: -180px; }
/* line 101, style.scss */
#wankonoyadoyururi2026 .mv .phWrap .text { position: absolute; top: 510px; left: 120px; display: flex; flex-direction: column; }
/* line 103, style.scss */
#wankonoyadoyururi2026 .mv .phWrap .text .copy { margin-top: -20px; }
/* line 109, style.scss */
#wankonoyadoyururi2026 .mainContents { max-width: 990px; margin: auto; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 115, style.scss */
#wankonoyadoyururi2026 .sec .title { position: relative; z-index: 5; }
/* line 116, style.scss */
#wankonoyadoyururi2026 .sec .title span { line-height: 1; position: absolute; }
/* line 117, style.scss */
#wankonoyadoyururi2026 .sec .title em { line-height: 1; }
/* line 123, style.scss */
#wankonoyadoyururi2026 #sec01.sec { width: 591px; margin-left: -60px; position: relative; }
/* line 124, style.scss */
#wankonoyadoyururi2026 #sec01.sec::after { content: ""; background: url("../images/bgSec1.jpg") no-repeat; width: 893px; height: 893px; display: block; position: absolute; top: -70px; left: -195px; z-index: 0; }
/* line 125, style.scss */
#wankonoyadoyururi2026 #sec01.sec .title { margin-left: 140px; }
/* line 126, style.scss */
#wankonoyadoyururi2026 #sec01.sec .title span { top: -13px; left: -120px; }
@media screen and (max-width: 1280px) { /* line 126, style.scss */
  #wankonoyadoyururi2026 #sec01.sec .title span { top: -20px; left: -110px; } }
/* line 133, style.scss */
#wankonoyadoyururi2026 #sec01.sec .phWrap { display: flex; flex-direction: column; clip-path: circle(393.5px at 197.5px 312.5px); overflow: hidden; position: relative; z-index: 5; }
/* line 140, style.scss */
#wankonoyadoyururi2026 #sec01.sec .phWrap .swiper.swiper02 { width: 343px; margin-right: auto; }
/* line 146, style.scss */
#wankonoyadoyururi2026 #sec01.sec .text { position: absolute; z-index: 5; top: 510px; left: 365px; display: flex; flex-direction: column; align-items: flex-start; }
/* line 148, style.scss */
#wankonoyadoyururi2026 #sec01.sec .text .read { width: 278px; margin-top: -17px; margin-left: -17px; }
/* line 155, style.scss */
#wankonoyadoyururi2026 #sec02.sec { width: 390px; margin-top: 123px; position: relative; z-index: 10; }
/* line 156, style.scss */
#wankonoyadoyururi2026 #sec02.sec .title { text-align: left; margin-bottom: 5px; margin-left: 5px; }
/* line 157, style.scss */
#wankonoyadoyururi2026 #sec02.sec .title span { right: -53px; top: -21px; }
@media screen and (max-width: 1280px) { /* line 157, style.scss */
  #wankonoyadoyururi2026 #sec02.sec .title span { right: -25px; top: -40px; } }
/* line 164, style.scss */
#wankonoyadoyururi2026 #sec02.sec .phWrap { line-height: 1; }
/* line 165, style.scss */
#wankonoyadoyururi2026 #sec02.sec .phWrap .ph { line-height: 0; }
/* line 166, style.scss */
#wankonoyadoyururi2026 #sec02.sec .phWrap .sub { line-height: 0; }
/* line 167, style.scss */
#wankonoyadoyururi2026 #sec02.sec .phWrap .read { line-height: 1; }
/* line 174, style.scss */
#wankonoyadoyururi2026 #sec03.sec { text-align: left; margin-top: -70px; }
/* line 176, style.scss */
#wankonoyadoyururi2026 #sec03.sec .title span { top: 15px; left: -38px; }
/* line 177, style.scss */
#wankonoyadoyururi2026 #sec03.sec .title em { margin-left: 155px; }
/* line 179, style.scss */
#wankonoyadoyururi2026 #sec03.sec .read { margin: -19px; margin-left: 90px; margin-bottom: -5px; }
/* line 186, style.scss */
#wankonoyadoyururi2026 #sec04.sec { margin-top: 47px; position: relative; }
/* line 187, style.scss */
#wankonoyadoyururi2026 #sec04.sec::after { content: ""; background: url("../images/bgSec4.jpg") no-repeat; width: 623px; height: 622px; display: block; position: absolute; top: -90px; left: -180px; z-index: 0; }
/* line 188, style.scss */
#wankonoyadoyururi2026 #sec04.sec .title { text-align: left; margin-bottom: -5px; }
/* line 189, style.scss */
#wankonoyadoyururi2026 #sec04.sec .title span { top: -13px; right: -40px; }
@media screen and (max-width: 1280px) { /* line 189, style.scss */
  #wankonoyadoyururi2026 #sec04.sec .title span { top: -23px; right: -20px; } }
/* line 196, style.scss */
#wankonoyadoyururi2026 #sec04.sec .ph { position: relative; z-index: 5; }
/* line 197, style.scss */
#wankonoyadoyururi2026 #sec04.sec .read { position: absolute; right: -15px; bottom: -17px; z-index: 5; }
/* line 198, style.scss */
#wankonoyadoyururi2026 #sec04.sec .sub { position: absolute; left: -135px; top: 273px; z-index: 5; }
/* line 203, style.scss */
#wankonoyadoyururi2026 .myFooter { margin-top: 60px; background: url("../images/bgFooter.webp") repeat-x; width: 100%; height: 154px; position: relative; z-index: 10; }
/* line 204, style.scss */
#wankonoyadoyururi2026 .myFooter .inner { height: 100%; display: flex; justify-content: center; align-items: center; }
/* line 205, style.scss */
#wankonoyadoyururi2026 .myFooter .inner .btn { width: 417px; line-height: 1; }
/* line 206, style.scss */
#wankonoyadoyururi2026 .myFooter .inner .btn:not(:last-child) { margin-right: 50px; }
/* line 209, style.scss */
#wankonoyadoyururi2026 .myFooter .inner .btn a i { right: 20px; }
/* line 211, style.scss */
#wankonoyadoyururi2026 .myFooter .inner .btn a:hover i { right: 15px; }