@charset "UTF-8";
/*
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;
*/
/* ================================================================

制作コンテンツ

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

================================================================ */
/* SP用CSSの記述 */
/* PC、Tablet用CSSの記述 */
/* line 22, style.scss */
.container { width: 100%; position: relative; overflow: hidden; /*&::after{ content: ""; width: 100%; height: 100%; background: url("../images/00.jpg") top center no-repeat; @include centerX; top: 0; opacity: .3; z-index: 0}*/ }

/*.theme_attention { display: none;}*/
/* line 28, style.scss */
#niyodoblue2307 { text-align: center; font-size: 14.5px; line-height: 1.8; font-weight: 500; color: #454545; 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; /*============================
共通
============================*/ }
/* line 29, style.scss */
#niyodoblue2307 a { transition: .5s; }
/* line 30, style.scss */
#niyodoblue2307 a:hover { opacity: .8; }
/* line 32, style.scss */
#niyodoblue2307 .inner { width: 990px; margin: auto; }
/* line 33, style.scss */
#niyodoblue2307 .flexImg { overflow: hidden; position: relative; }
/* line 34, style.scss */
#niyodoblue2307 .flexImg img { width: 100% !important; height: 100% !important; object-fit: cover; font-family: 'object-fit: cover;'; }
/* line 36, style.scss */
#niyodoblue2307 .jpG { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
/* line 37, style.scss */
#niyodoblue2307 .jpMG { font-family: "YakuHanJP", "Zen Maru Gothic", sans-serif; }
/* line 38, style.scss */
#niyodoblue2307 .jpM { font-family: "YakuHanMP", "Noto Serif JP", serif; }
/* line 39, style.scss */
#niyodoblue2307 .jpH { font-family: "YakuHanMP", "Shippori Mincho B1", serif; }
/* line 40, style.scss */
#niyodoblue2307 .enG { font-family: "Roboto", sans-serif; }
/* line 41, style.scss */
#niyodoblue2307 .enM { font-family: "EB Garamond", serif; }
/* line 48, style.scss */
#niyodoblue2307 .read { text-align: justify; text-justify: inter-ideograph; }
/* line 51, style.scss */
#niyodoblue2307 .fixedBnr { position: absolute; z-index: 20; right: 5%; top: 200px; }
/* line 52, style.scss */
#niyodoblue2307 .fixedBnr a { position: relative; filter: drop-shadow(3px 3px 5px rgba(27, 102, 91, 0.5)); will-change: filter; }
/* line 54, style.scss */
#niyodoblue2307 .fixedBnr a i { position: absolute; left: 0; right: 0; margin: auto; z-index: 10; bottom: 10px; width: 22px; display: block; line-height: 1; transition: .35s; }
/* line 55, style.scss */
#niyodoblue2307 .fixedBnr a i img { width: 100%; height: auto; }
/* line 58, style.scss */
#niyodoblue2307 .fixedBnr a:hover i { right: -5px; }
/* line 61, style.scss */
#niyodoblue2307 .fixedBnr span { font-size: 12px; color: #fff; display: block; margin-top: 6px; filter: drop-shadow(0px 0px 2px #1b665b) drop-shadow(0px 0px 3px #1b665b) drop-shadow(0px 0px 4px rgba(27, 102, 91, 0.5)); will-change: filter; }
/* line 67, style.scss */
#niyodoblue2307 #mainImg { width: 100%; height: 955px; position: relative; margin: 0 auto 100px; }
/* line 68, style.scss */
#niyodoblue2307 #mainImg::after { content: ""; width: 100%; min-width: 1600px; height: 155px; background: url("../images/mainImgNami.png") no-repeat center; background-size: 100% 155px; position: absolute; bottom: 0; left: -50%; right: -50%; margin: auto; z-index: 10; }
/* line 69, style.scss */
#niyodoblue2307 #mainImg .inner { position: relative; }
/* line 70, style.scss */
#niyodoblue2307 #mainImg .frag { position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 13px; }
/* line 71, style.scss */
#niyodoblue2307 #mainImg .title { position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 232px; }
/* line 72, style.scss */
#niyodoblue2307 #mainImg .ph { width: 100%; height: 100%; }
/* line 73, style.scss */
#niyodoblue2307 #mainImg .whatsniyodoblue { position: absolute; top: 760px; left: 0; z-index: 20; width: 474px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 74, style.scss */
#niyodoblue2307 #mainImg .whatsniyodoblue .tit { width: 220px; margin: 0 0 5px -18px; }
/* line 75, style.scss */
#niyodoblue2307 #mainImg .whatsniyodoblue .read { font-size: 17px; line-height: 2; filter: drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 3px white); will-change: filter; }
/* line 82, style.scss */
#niyodoblue2307 #intro { position: relative; z-index: 15; padding-bottom: 310px; }
/* line 83, style.scss */
#niyodoblue2307 #intro .ttl { margin: 0 auto 70px; }
/* line 84, style.scss */
#niyodoblue2307 #intro .sec { display: flex; justify-content: center; align-items: center; position: relative; }
/* line 85, style.scss */
#niyodoblue2307 #intro .sec a { color: inherit; }
/* line 86, style.scss */
#niyodoblue2307 #intro .sec .catch { position: absolute; top: -20px; left: 20px; }
/* line 87, style.scss */
#niyodoblue2307 #intro .sec .ph { width: 360px; margin-right: 80px; margin-left: -20px; position: relative; }
/* line 88, style.scss */
#niyodoblue2307 #intro .sec .ph::after { content: ""; width: 100%; height: 100%; background: linear-gradient(135deg, white 29%, #3cbdb3 100%); position: absolute; bottom: -9px; right: -9px; z-index: 0; opacity: .6; }
/* line 89, style.scss */
#niyodoblue2307 #intro .sec .ph span { z-index: 5; }
/* line 91, style.scss */
#niyodoblue2307 #intro .sec .text { width: 380px; margin-top: -20px; margin-left: -40px; display: flex; flex-direction: column; }
/* line 92, style.scss */
#niyodoblue2307 #intro .sec .text .tit { margin: 0 0 20px -25px; }
/* line 93, style.scss */
#niyodoblue2307 #intro .sec .text .read { font-size: 15.5px; }
/* line 94, style.scss */
#niyodoblue2307 #intro .sec .text .read small { display: block; font-size: 11px; display: block; margin-top: 5px; }
/* line 97, style.scss */
#niyodoblue2307 #intro .sec:nth-of-type(even) { margin-left: -45px; flex-direction: row-reverse; }
/* line 99, style.scss */
#niyodoblue2307 #intro .sec:nth-of-type(even) .catch { left: auto; top: -40px; right: 25px; }
/* line 100, style.scss */
#niyodoblue2307 #intro .sec:nth-of-type(even) .ph { margin-left: 80px; margin-right: -20px; }
/* line 103, style.scss */
#niyodoblue2307 #intro .sec:nth-of-type(even) .text { margin-left: 0; margin-right: -40px; }
/* line 104, style.scss */
#niyodoblue2307 #intro .sec:nth-of-type(even) .text .tit { margin-left: auto; margin-right: 2px; }
/* line 108, style.scss */
#niyodoblue2307 #intro .sec:not(:last-child) { margin-bottom: 45px; }
/* line 148, style.scss */
#niyodoblue2307 #intro .zatsugaku { position: absolute; transform: rotate(-5deg); top: 890px; right: 10px; z-index: 10; filter: drop-shadow(3px 6px 5px rgba(27, 102, 91, 0.15)); will-change: filter; }
/* line 150, style.scss */
#niyodoblue2307 #intro .zatsugaku .read { position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 178px; width: 82%; font-size: 14px; }
/* line 152, style.scss */
#niyodoblue2307 #intro .icWrap { width: 100%; height: 100%; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; top: 0; }
/* line 153, style.scss */
#niyodoblue2307 #intro .icWrap .ic { position: absolute; z-index: 0; line-height: 0; }
/* line 154, style.scss */
#niyodoblue2307 #intro .icWrap .ic img { width: 100%; height: auto; }
/* line 156, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic01 { top: 100px; right: -130px; width: 283px; z-index: 1; }
/* line 157, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic02 { top: 990px; left: -170px; width: 283px; }
/* line 158, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic03 { top: 60px; left: -180px; width: 141px; }
/* line 159, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic04 { top: 160px; left: -230px; width: 109px; }
/* line 160, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic05 { top: 320px; left: -120px; width: 42px; }
/* line 161, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic06 { top: 420px; left: -50px; width: 27px; }
/* line 162, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic07 { top: 580px; left: -130px; width: 22px; }
/* line 163, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic08 { top: 590px; left: -180px; width: 70px; }
/* line 164, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic09 { top: 800px; left: -130px; width: 22px; }
/* line 166, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic10 { top: 190px; right: -50px; width: 70px; }
/* line 167, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic11 { top: 430px; right: -110px; width: 36px; }
/* line 168, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic12 { top: 390px; right: -70px; width: 23px; }
/* line 169, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic13 { top: 650px; right: -130px; width: 122px; }
/* line 170, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic14 { top: 850px; right: -80px; width: 83px; }
/* line 172, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic15 { top: 1030px; left: 180px; width: 47px; }
/* line 173, style.scss */
#niyodoblue2307 #intro .icWrap .ic.ic16 { top: 1070px; left: 260px; width: 79px; }
/* line 181, style.scss */
#niyodoblue2307 #listWrap { position: relative; z-index: 10; background: url("../images/secBg02.jpg") repeat-y center; background-size: 100% auto; padding-bottom: 100px; }
/* line 182, style.scss */
#niyodoblue2307 #listWrap::before { content: ""; width: 100%; height: 493px; background: url("../images/secBg01.jpg") no-repeat top center; background-size: 100% auto; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: -195px; }
/* line 183, style.scss */
#niyodoblue2307 #listWrap .inner { position: relative; z-index: 10; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 184, style.scss */
#niyodoblue2307 #listWrap .titWrap { margin: 0 auto 50px; filter: drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 4px white); will-change: filter; }
/* line 185, style.scss */
#niyodoblue2307 #listWrap .titWrap .ttl, #niyodoblue2307 #listWrap .titWrap .copy { filter: drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 4px white); will-change: filter; }
/* line 186, style.scss */
#niyodoblue2307 #listWrap .titWrap .ttl { margin: 0 auto 30px; }
/* line 189, style.scss */
#niyodoblue2307 #listWrap .btnTop { width: 783px; margin: 0 auto 120px; }
/* line 190, style.scss */
#niyodoblue2307 #listWrap .btnTop a { position: relative; display: block; filter: drop-shadow(4px 4px 4px rgba(27, 102, 91, 0.8)); will-change: filter; }
/* line 192, style.scss */
#niyodoblue2307 #listWrap .btnTop a i { width: 37px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 20px; transition: .35s; }
/* line 193, style.scss */
#niyodoblue2307 #listWrap .btnTop a i img { width: 100%; height: auto; }
/* line 196, style.scss */
#niyodoblue2307 #listWrap .btnTop a:hover i { right: 15px; }
/* line 200, style.scss */
#niyodoblue2307 #listWrap .sec { width: calc(100% / 3 - 20px); position: relative; background: #fff; display: flex; flex-direction: column; justify-content: flex-start; padding-bottom: 20px; margin-bottom: 110px; filter: drop-shadow(5px 5px 6px rgba(27, 102, 91, 0.35)); will-change: filter; }
/* line 201, style.scss */
#niyodoblue2307 #listWrap .sec .car { position: absolute; bottom: calc(100% + 12px); left: 110px; }
/* line 202, style.scss */
#niyodoblue2307 #listWrap .sec .subPh { position: absolute; top: -60px; left: -15px; z-index: 10; }
/* line 204, style.scss */
#niyodoblue2307 #listWrap .sec .catch { margin: -8px auto 18px -6px; position: relative; z-index: 10; }
/* line 205, style.scss */
#niyodoblue2307 #listWrap .sec .tit { margin: 0 auto 15px; }
/* line 206, style.scss */
#niyodoblue2307 #listWrap .sec .read { width: 90%; margin: 0 auto 15px; font-size: 14px; line-height: 1.8; letter-spacing: 0; }
/* line 207, style.scss */
#niyodoblue2307 #listWrap .sec .btn { margin: 0 auto; }
/* line 208, style.scss */
#niyodoblue2307 #listWrap .sec .btn a { filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.25)); will-change: filter; }
/* line 271, style.scss */
#niyodoblue2307 #listWrap .sec05.sec .read { letter-spacing: -.02em; }
/* line 330, style.scss */
#niyodoblue2307 #listWrap .caption { text-align: center; font-size: 12px; display: block; width: 100%; margin: -50px auto 80px; }
/* line 338, style.scss */
#niyodoblue2307 #footBtn ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 339, style.scss */
#niyodoblue2307 #footBtn ul li { width: 480px; margin-bottom: 30px; list-style: none; }
/* line 340, style.scss */
#niyodoblue2307 #footBtn ul li img { width: 100%; height: auto; }
/* line 341, style.scss */
#niyodoblue2307 #footBtn ul li a { position: relative; display: block; filter: drop-shadow(4px 4px 4px rgba(27, 102, 91, 0.8)); will-change: filter; }
/* line 343, style.scss */
#niyodoblue2307 #footBtn ul li a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 37px; right: 20px; transition: .35s; }
/* line 344, style.scss */
#niyodoblue2307 #footBtn ul li a i img { width: 100%; height: auto; }
/* line 347, style.scss */
#niyodoblue2307 #footBtn ul li a:hover i { right: 15px; }