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

制作コンテンツ

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

================================================================ */
/* SP用CSSの記述 */
/* PC、Tablet用CSSの記述 */
/* line 20, style.scss */
.container { width: 100%; }

/* line 23, style.scss */

/*
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;
*/
/* 約物半角 */
@font-face { font-family: 'YakuHanMP'; font-weight: bold; src: url("../fonts/YakuHanMP-Bold.woff2") format("woff2"), url("../fonts/YakuHanMP-Bold.woff") format("woff"); }
/* line 27, style.scss */
.saga_play { text-align: center; font-size: 14.5px; line-height: 1.8; font-weight: 400; color: #474747; font-family: "YakuHanJP", "Zen Maru Gothic", sans-serif; word-break: break-word; /*-webkit-text-stroke-width: 0.15px;*/ /*============================
共通
============================*/ /*============================
#mainImg
============================*/ /*============================
#intro
============================*/ }
/* line 32, style.scss */
.saga_play .ph img { width: 100%; height: auto; }
/* line 33, style.scss */
.saga_play a { transition: .5s; }
/* line 34, style.scss */
.saga_play a:hover { opacity: .7; }
/* line 36, style.scss */
.saga_play .inner { width: 990px; margin: auto; position: relative; z-index: 5; }
/* line 37, style.scss */
.saga_play .jpG { font-family: 'YakuHanJP', 'Noto Sans JP', sans-serif; }
/* line 38, style.scss */
.saga_play .jpM { font-family: 'YakuHanMP', 'Noto Sans JP', sans-serif; }
/* line 39, style.scss */
.saga_play .jpMaru { font-family: 'YakuHanJP', 'Zen Maru Gothic', sans-serif; }
/* line 40, style.scss */
.saga_play .ls05 { letter-spacing: .3em; }
/* line 41, style.scss */
.saga_play .btn { font-size: 14px; font-weight: 700; min-width: 135px; height: 30px; position: relative; display: inline-block; margin: 0 auto 0; }
/* line 42, style.scss */
.saga_play .btn a { width: 100%; height: 100%; border: 1px solid #0ba29a; background: #fff; display: flex; justify-content: center; align-items: center; color: #0ba29a; position: relative; z-index: 1; padding: 0 18px 0 15px; }
/* line 43, style.scss */
.saga_play .btn a em { font-style: normal; }
/* line 44, style.scss */
.saga_play .btn a i { color: #0ba29a; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 3px; font-size: 80%; transition: .25s; }
/* line 46, style.scss */
.saga_play .btn a:hover i { right: 1px; }
/* line 50, style.scss */
.saga_play .kana { letter-spacing: -.1em; padding-right: .1em; }
/* line 56, style.scss */
.saga_play #mainImg { background: url("../images/mainImg.jpg") no-repeat center; background-size: 1920px 700px; width: 100%; height: 700px; display: flex; justify-content: center; align-items: center; }
/* line 57, style.scss */
.saga_play #mainImg .inner { height: 100%; width: 1280px; min-width: 1280px; }
/* line 58, style.scss */
.saga_play #mainImg .ttl { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 64, style.scss */
.saga_play #intro { margin-bottom: 100px; padding-top: 60px; padding-bottom: 30px; position: relative; z-index: 5; }
/* line 65, style.scss */
.saga_play #intro::after { content: ""; width: 100%; height: 627px; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 0; background: url("../images/bg01.jpg") no-repeat top center; background-size: 1920px 627px; z-index: 0; }
/* line 66, style.scss */
.saga_play #intro .btn01, .saga_play #intro .btn02 { width: 846px; margin: auto; }
/* line 67, style.scss */
.saga_play #intro .btn01 span, .saga_play #intro .btn01 em, .saga_play #intro .btn02 span, .saga_play #intro .btn02 em { display: block; }
/* line 68, style.scss */
.saga_play #intro .btn01 em, .saga_play #intro .btn02 em { margin-bottom: 24px; }
/* line 70, style.scss */
.saga_play #intro .btn01 span a, .saga_play #intro .btn02 span a { display: block; filter: drop-shadow(2px 3px 4px rgba(0, 0, 0, 0.25)); }
/* line 73, style.scss */
.saga_play #intro .btn01 { margin-bottom: 50px; }
/* line 77, style.scss */
.saga_play #intro .btn02 span a { position: relative; }
/* line 78, style.scss */
.saga_play #intro .btn02 span a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 55px; filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.15)); }
/* line 84, style.scss */
.saga_play .mainContents { background: url("../images/bg02.png"); position: relative; /*margin-bottom: 160px; padding-bottom: 30px;*/ z-index: 10; /*============================
.sec
============================*/ /*============================
#sec15
============================*/ }
/* line 85, style.scss */
.saga_play .mainContents::before, .saga_play .mainContents::after { content: ""; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; width: 100%; z-index: 0; }
/* line 86, style.scss */
.saga_play .mainContents::before { bottom: 100%; background: url("../images/bgTop.png") no-repeat center; height: 103px; }
/* line 88, style.scss */
.saga_play .mainContents .inner { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 89, style.scss */
.saga_play .mainContents .ttl { margin: -55px auto 30px; }
/* line 94, style.scss */
.saga_play .mainContents .sec { width: 485px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; margin-bottom: auto; position: relative; background: #fff; border-top-right-radius: 35px; border-bottom-left-radius: 35px; padding-bottom: 24px; filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.1)); /*.phMain, .phSub { img{ width: 100%; height: auto;}}*/ }
/* line 97, style.scss */
.saga_play .mainContents .sec:nth-of-type(2n) { margin-top: 50px; }
/* line 99, style.scss */
.saga_play .mainContents .sec .textWrap { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
/* line 100, style.scss */
.saga_play .mainContents .sec .textWrap .phMain { position: relative; }
/* line 101, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .ph { border-top-right-radius: 35px; overflow: hidden; }
/* line 103, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .ph i { width: 83px; height: 100px; font-size: 16px; font-weight: 700; letter-spacing: .075em; font-style: normal; display: flex; justify-content: center; align-items: center; position: absolute; top: -10px; left: 15px; padding-top: 40px; }
/* line 104, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .ph span { position: absolute; height: 29px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 17px; line-height: 1.5; color: #fff; font-weight: 700; left: 15px; bottom: -14px; background: #999; padding: 0 14px 1px; }
/* line 105, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .ph span::after { content: ""; width: 15px; height: 29px; position: absolute; top: 0; left: 100%; }
/* line 106, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .ph span.culture { background: #c66d6d; }
/* line 106, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .ph span.culture::after { background: url("../images/ic03.png") no-repeat; }
/* line 107, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .ph span.art { background: #b885b7; }
/* line 107, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .ph span.art::after { background: url("../images/ic05.png") no-repeat; }
/* line 108, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .ph span.nature { background: #5bbe56; }
/* line 108, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .ph span.nature::after { background: url("../images/ic04.png") no-repeat; }
/* line 109, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .ph span.gourmet { background: #e3853a; }
/* line 109, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .ph span.gourmet::after { background: url("../images/ic02.png") no-repeat; }
/* line 110, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .ph span.ls05 { padding-left: 20px; }
/* line 113, style.scss */
.saga_play .mainContents .sec .textWrap .phMain .f01 { position: absolute; z-index: 5; }
/* line 115, style.scss */
.saga_play .mainContents .sec .textWrap .copy { font-size: 22px; font-family: 'YakuHanMP', 'Hina Mincho', serif; font-weight: normal; -webkit-text-stroke-width: 0.35px; width: 100%; padding: 24px 24px 10px; text-align: left; letter-spacing: -.015em; }
/* line 116, style.scss */
.saga_play .mainContents .sec .textWrap .text { text-align: center; width: 215px; margin-left: 24px; }
/* line 117, style.scss */
.saga_play .mainContents .sec .textWrap .text .tit { font-size: 21px; line-height: 1; text-align: left; color: #0ba29a; font-weight: 700; letter-spacing: -.015em; margin-bottom: 10px; white-space: nowrap; }
/* line 118, style.scss */
.saga_play .mainContents .sec .textWrap .text .read { font-size: 13px; line-height: 1.5; text-align: left; letter-spacing: -.05em; text-align: justify; text-justify: inter-ideograph; font-weight: 500; margin-bottom: 12px; }
/* line 126, style.scss */
.saga_play .mainContents .sec .textWrap .phSub { width: 203px; margin-right: 24px; }
/* line 131, style.scss */
.saga_play .mainContents .sec#sec01 .phMain .ph i { background: url("../images/1_tit.png"); }
/* line 132, style.scss */
.saga_play .mainContents .sec#sec01 .phMain .f01 { top: 107px; left: 35px; }
/* line 136, style.scss */
.saga_play .mainContents .sec#sec02 .phMain .ph i { background: url("../images/2_tit.png"); }
/* line 137, style.scss */
.saga_play .mainContents .sec#sec02 .phMain .f01 { top: 0px; left: 225px; }
/* line 141, style.scss */
.saga_play .mainContents .sec#sec03 .phMain .ph i { background: url("../images/3_tit.png"); }
/* line 142, style.scss */
.saga_play .mainContents .sec#sec03 .phMain .f01 { top: 0px; left: 170px; }
/* line 143, style.scss */
.saga_play .mainContents .sec#sec03 .copy { /*letter-spacing: -.1em; white-space: nowrap; transform: scaleX(.92); transform-origin: left;*/ line-height: 1.5; padding-bottom: 15px; }
/* line 144, style.scss */
.saga_play .mainContents .sec#sec03 .text .tit { transform: scaleX(0.915); transform-origin: left; }
/* line 144, style.scss */
.saga_play .mainContents .sec#sec03 .text .read { letter-spacing: -.05em; }
/* line 144, style.scss */
.saga_play .mainContents .sec#sec03 .text .read .kana { letter-spacing: -.15em; }
/* line 148, style.scss */
.saga_play .mainContents .sec#sec04 .phMain .ph i { background: url("../images/4_tit.png"); }
/* line 149, style.scss */
.saga_play .mainContents .sec#sec04 .phMain .f01 { top: 95px; left: 185px; }
/* line 150, style.scss */
.saga_play .mainContents .sec#sec04 .copy { /*letter-spacing: -.1em; white-space: nowrap; transform: scaleX(.95); transform-origin: left;*/ line-height: 1.5; padding-bottom: 15px; }
/* line 151, style.scss */
.saga_play .mainContents .sec#sec04 .text .tit { transform: scaleX(0.85); transform-origin: left; }
/* line 151, style.scss */
.saga_play .mainContents .sec#sec04 .text .read { letter-spacing: -.05em; }
/* line 151, style.scss */
.saga_play .mainContents .sec#sec04 .text .read .kana { letter-spacing: -.2em; }
/* line 155, style.scss */
.saga_play .mainContents .sec#sec05 .phMain .ph i { background: url("../images/5_tit.png"); }
/* line 156, style.scss */
.saga_play .mainContents .sec#sec05 .phMain .f01 { top: 5px; left: 170px; }
/* line 157, style.scss */
.saga_play .mainContents .sec#sec05 .copy { /*letter-spacing: -.05em; white-space: nowrap; transform: scaleX(.97); transform-origin: left; .kana { letter-spacing: -.15em;}*/ line-height: 1.5; padding-bottom: 15px; }
/* line 158, style.scss */
.saga_play .mainContents .sec#sec05 .text .read { letter-spacing: .0em; }
/* line 158, style.scss */
.saga_play .mainContents .sec#sec05 .text .read .kana { letter-spacing: -.15em; }
/* line 162, style.scss */
.saga_play .mainContents .sec#sec06 .phMain .ph i { background: url("../images/6_tit.png"); }
/* line 163, style.scss */
.saga_play .mainContents .sec#sec06 .phMain .f01 { top: 10px; left: 355px; }
/* line 164, style.scss */
.saga_play .mainContents .sec#sec06 .copy { line-height: 1.5; padding-bottom: 15px; }
/* line 165, style.scss */
.saga_play .mainContents .sec#sec06 .text .tit { transform: scaleX(0.98); transform-origin: left; }
/* line 169, style.scss */
.saga_play .mainContents .sec#sec07 .phMain .ph i { background: url("../images/7_tit.png"); }
/* line 170, style.scss */
.saga_play .mainContents .sec#sec07 .phMain .f01 { top: 15px; left: 350px; }
/* line 174, style.scss */
.saga_play .mainContents .sec#sec08 .phMain .ph i { background: url("../images/8_tit.png"); }
/* line 175, style.scss */
.saga_play .mainContents .sec#sec08 .phMain .f01 { top: 0px; left: 310px; }
/* line 176, style.scss */
.saga_play .mainContents .sec#sec08 .text .read { letter-spacing: -.095em; }
/* line 176, style.scss */
.saga_play .mainContents .sec#sec08 .text .read .kana { letter-spacing: -.15em; }
/* line 180, style.scss */
.saga_play .mainContents .sec#sec09 .phMain .ph i { background: url("../images/9_tit.png"); }
/* line 181, style.scss */
.saga_play .mainContents .sec#sec09 .phMain .f01 { top: 10px; left: 315px; }
/* line 182, style.scss */
.saga_play .mainContents .sec#sec09 .text .tit { transform: scaleX(0.97); transform-origin: left; }
/* line 182, style.scss */
.saga_play .mainContents .sec#sec09 .text .kana { letter-spacing: -.15em; }
/* line 186, style.scss */
.saga_play .mainContents .sec#sec10 .phMain .ph i { background: url("../images/10_tit.png"); }
/* line 187, style.scss */
.saga_play .mainContents .sec#sec10 .phMain .f01 { top: 105px; left: 10px; }
/* line 188, style.scss */
.saga_play .mainContents .sec#sec10 .text .tit { transform: scaleX(0.8); transform-origin: left; }
/* line 188, style.scss */
.saga_play .mainContents .sec#sec10 .text .read { letter-spacing: -.15em; }
/* line 192, style.scss */
.saga_play .mainContents .sec#sec11 .phMain .ph i { background: url("../images/11_tit.png"); }
/* line 193, style.scss */
.saga_play .mainContents .sec#sec11 .phMain .f01 { top: 95px; left: 2px; }
/* line 194, style.scss */
.saga_play .mainContents .sec#sec11 .text .tit { transform: scaleX(1); transform-origin: left; }
/* line 194, style.scss */
.saga_play .mainContents .sec#sec11 .text .read { letter-spacing: -.05em; }
/* line 194, style.scss */
.saga_play .mainContents .sec#sec11 .text .read .kana { letter-spacing: -.12em; }
/* line 198, style.scss */
.saga_play .mainContents .sec#sec12 .phMain .ph i { background: url("../images/12_tit.png"); }
/* line 199, style.scss */
.saga_play .mainContents .sec#sec12 .phMain .f01 { top: 9px; left: 350px; }
/* line 200, style.scss */
.saga_play .mainContents .sec#sec12 .copy { line-height: 1.5; padding-bottom: 15px; }
/* line 201, style.scss */
.saga_play .mainContents .sec#sec12 .text .read { letter-spacing: 0em; }
/* line 201, style.scss */
.saga_play .mainContents .sec#sec12 .text .read .kana { letter-spacing: -.12em; }
/* line 203, style.scss */
.saga_play .mainContents .sec#sec13 { margin-top: -50px; }
/* line 205, style.scss */
.saga_play .mainContents .sec#sec13 .phMain .ph i { background: url("../images/13_tit.png"); }
/* line 206, style.scss */
.saga_play .mainContents .sec#sec13 .phMain .f01 { top: 95px; left: 12px; }
/* line 207, style.scss */
.saga_play .mainContents .sec#sec13 .text .tit { line-height: 1.4; }
/* line 207, style.scss */
.saga_play .mainContents .sec#sec13 .text .read { letter-spacing: -.015em; }
/* line 207, style.scss */
.saga_play .mainContents .sec#sec13 .text .read .kana { letter-spacing: -.12em; }
/* line 211, style.scss */
.saga_play .mainContents .sec#sec14 .phMain .ph i { background: url("../images/14_tit.png"); }
/* line 212, style.scss */
.saga_play .mainContents .sec#sec14 .phMain .f01 { top: 6px; left: 320px; }
/* line 213, style.scss */
.saga_play .mainContents .sec#sec14 .text .tit { transform: scaleX(0.92); transform-origin: left; }
/* line 213, style.scss */
.saga_play .mainContents .sec#sec14 .text .read { letter-spacing: 0em; }
/* line 213, style.scss */
.saga_play .mainContents .sec#sec14 .text .read .kana { letter-spacing: -.12em; }
/* line 220, style.scss */
.saga_play .mainContents #sec15 { margin: 70px auto 0; padding: 70px 0 30px; background: #fff; }
/* line 223, style.scss */
.saga_play .mainContents #sec15 .btn01 a, .saga_play .mainContents #sec15 .btn02 a, .saga_play .mainContents #sec15 .btn03 a { display: block; filter: drop-shadow(2px 3px 4px rgba(0, 0, 0, 0.25)); }
/* line 225, style.scss */
.saga_play .mainContents #sec15 .btn01 { margin: 0 auto 35px; }
/* line 227, style.scss */
.saga_play .mainContents #sec15 .btn01 span { display: block; margin-top: 15px; font-size: 12px; letter-spacing: -.025em; line-height: 1.4; font-weight: 500; }
/* line 229, style.scss */
.saga_play .mainContents #sec15 .btn02 { margin-bottom: 30px; }