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

制作コンテンツ

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

================================================================ */
/* SP用CSSの記述 */
/* PC、Tablet用CSSの記述 */
/* line 20, style.scss */
.container { width: 100%; position: relative; /*&::after{ content: ""; background: url("../../JPG/デザイン_アートボード 1.jpg") no-repeat center top; width: 100%; height: 100%; opacity: .3; position: absolute; top: 0; left: 0; z-index: -10;}*/ }

/*.theme_attention { display: none;}*/
/*
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 27, style.scss */
#sagataiken2024 { text-align: center; font-size: 14px; line-height: 1.8; font-weight: 500; color: #000; font-family: "YakuHanJP", "Zen Maru Gothic", sans-serif; word-break: break-word; /*-webkit-text-stroke-width: 0.15px;*/ letter-spacing: 0em; font-feature-settings: "palt" 1; position: relative; overflow: hidden; border-bottom: 34px solid #816dae; }
/* line 28, style.scss */
#sagataiken2024::before, #sagataiken2024::after { content: ""; width: 34px; height: 100%; position: absolute; top: 0; background: #e34551; z-index: 8; }
/* line 29, style.scss */
#sagataiken2024::before { left: 0; }
/* line 30, style.scss */
#sagataiken2024::after { right: 0; }
/* line 32, style.scss */
#sagataiken2024 a { transition: .5s; }
/* line 33, style.scss */
#sagataiken2024 a:hover { opacity: .8; }
/* line 35, style.scss */
#sagataiken2024 .inner { width: 990px; margin: auto; }
/* line 36, style.scss */
#sagataiken2024 .flexImg { overflow: hidden; position: relative; }
/* line 37, style.scss */
#sagataiken2024 .flexImg img { width: 100% !important; height: 100% !important; object-fit: cover; font-family: 'object-fit: cover;'; }
/* line 39, style.scss */
#sagataiken2024 .jpG { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
/* line 40, style.scss */
#sagataiken2024 .jpMG { font-family: "YakuHanJP", "Zen Maru Gothic", sans-serif; }
/* line 41, style.scss */
#sagataiken2024 .jpM { font-family: "YakuHanMP", "Noto Serif JP", serif; }
/* line 42, style.scss */
#sagataiken2024 .jpH { font-family: "YakuHanMP", "Shippori Mincho B1", serif; }
/* line 43, style.scss */
#sagataiken2024 .enG { font-family: "Roboto", sans-serif; }
/* line 44, style.scss */
#sagataiken2024 .enM { font-family: "EB Garamond", serif; }
/* line 50, style.scss */
#sagataiken2024 #mainImg { width: 100%; height: 1032px; padding-top: 70px; position: relative; background: url("../images/mvBg.png") no-repeat center; }
/* line 51, style.scss */
#sagataiken2024 #mainImg::after { content: ""; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 10px; width: 100%; height: 1080px; background: url("../images/mvPh.png") no-repeat top center; }
/* line 52, style.scss */
#sagataiken2024 #mainImg .title { position: relative; display: flex; justify-content: center; align-items: center; width: 561px; margin: 0 auto 15px; z-index: 20; }
/* line 54, style.scss */
#sagataiken2024 #mainImg .title span { position: absolute; top: 43px; right: -142px; }
/* line 56, style.scss */
#sagataiken2024 #mainImg .copy { font-size: 20px; font-weight: 500; line-height: 1.7; -webkit-text-stroke-width: 0.25px; position: relative; z-index: 20; }
/* line 57, style.scss */
#sagataiken2024 #mainImg .ph { position: absolute; z-index: 1; display: none; }
/* line 58, style.scss */
#sagataiken2024 #mainImg .ph.ph01 { bottom: -40px; left: -20px; }
/* line 59, style.scss */
#sagataiken2024 #mainImg .ph.ph02 { bottom: -40px; right: -50px; }
/* line 60, style.scss */
#sagataiken2024 #mainImg .btnWrap { margin-top: 67px; position: relative; z-index: 20; }
/* line 61, style.scss */
#sagataiken2024 #mainImg .btnWrap .tit { margin: 0 auto 36px; }
/* line 62, style.scss */
#sagataiken2024 #mainImg .btnWrap .btn { width: 880px; margin: auto; }
/* line 63, style.scss */
#sagataiken2024 #mainImg .btnWrap .btn a { filter: drop-shadow(8px 8px 5px rgba(0, 0, 0, 0.25)); will-change: filter; position: relative; }
/* line 64, style.scss */
#sagataiken2024 #mainImg .btnWrap .btn a em { display: block; }
/* line 65, style.scss */
#sagataiken2024 #mainImg .btnWrap .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 0; right: 12px; transition: .25s; }
/* line 67, style.scss */
#sagataiken2024 #mainImg .btnWrap .btn a:hover i { right: 9px; }
/* line 71, style.scss */
#sagataiken2024 #mainImg .btnWrap .cap { font-size: 12px; display: block; margin-top: 20px; color: #fff; }
/* line 78, style.scss */
#sagataiken2024 #mainContents { padding-top: 42px; position: relative; background: #fffcf2; z-index: 0; padding-bottom: 50px; }
/* line 79, style.scss */
#sagataiken2024 #mainContents::after { content: ""; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 70px; background: url("../images/bg.png") no-repeat top center; width: 100%; height: 100%; z-index: 0; }
/* line 80, style.scss */
#sagataiken2024 #mainContents .secTitle { position: relative; z-index: 10; margin: 0 auto 4px; }
/* line 86, style.scss */
#sagataiken2024 #mainContents .sec { position: relative; z-index: 10; }
/* line 87, style.scss */
#sagataiken2024 #mainContents .sec:not(:last-child) { margin-bottom: 33px; }
/* line 88, style.scss */
#sagataiken2024 #mainContents .sec::after { content: ""; width: 1092px; height: calc(100% - 170px); background: #fff; border: 6px solid #999; border-top: 0; border-radius: 0 0 50px 50px; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; top: 150px; }
/* line 89, style.scss */
#sagataiken2024 #mainContents .sec#sec01::after { border-color: #f46a3a; }
/* line 89, style.scss */
#sagataiken2024 #mainContents .sec#sec01 .btn a { background: #f46a3a; }
/* line 90, style.scss */
#sagataiken2024 #mainContents .sec#sec02::after { border-color: #816dae; }
/* line 90, style.scss */
#sagataiken2024 #mainContents .sec#sec02 .btn a { background: #816dae; }
/* line 91, style.scss */
#sagataiken2024 #mainContents .sec#sec03::after { border-color: #00aec1; }
/* line 91, style.scss */
#sagataiken2024 #mainContents .sec#sec03 .btn a { background: #00aec1; }
/* line 92, style.scss */
#sagataiken2024 #mainContents .sec .secTit { position: relative; z-index: 10; margin: 0 auto 31px; }
/* line 93, style.scss */
#sagataiken2024 #mainContents .sec .listWrap { position: relative; z-index: 10; display: flex; justify-content: space-between; flex-wrap: wrap; width: 990px; margin: auto; }
/* line 94, style.scss */
#sagataiken2024 #mainContents .sec .list { width: 310px; position: relative; display: flex; flex-direction: column; text-align: left; margin-bottom: 67px; }
/* line 95, style.scss */
#sagataiken2024 #mainContents .sec .list .ic { position: absolute; top: -29px; left: -9px; }
/* line 96, style.scss */
#sagataiken2024 #mainContents .sec .list .ph { margin-bottom: 8px; }
/* line 97, style.scss */
#sagataiken2024 #mainContents .sec .list .tit { margin-bottom: 15px; }
/* line 98, style.scss */
#sagataiken2024 #mainContents .sec .list .text { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 15px; }
/* line 99, style.scss */
#sagataiken2024 #mainContents .sec .list .text .read { text-align: justify; width: 155px; line-height: 1.57; letter-spacing: -.06em; }
/* line 102, style.scss */
#sagataiken2024 #mainContents .sec .list .btn { width: 100%; height: 36px; margin-top: auto; }
/* line 103, style.scss */
#sagataiken2024 #mainContents .sec .list .btn a { background: #999; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; filter: drop-shadow(3.5px 3.5px 2.5px rgba(0, 0, 0, 0.25)); will-change: filter; position: relative; }
/* line 104, style.scss */
#sagataiken2024 #mainContents .sec .list .btn a em { display: block; line-height: 1.5; }
/* line 105, style.scss */
#sagataiken2024 #mainContents .sec .list .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 0; right: 12px; transition: .35s; }
/* line 107, style.scss */
#sagataiken2024 #mainContents .sec .list .btn a:hover i { right: 9px; }
/* line 141, style.scss */
#sagataiken2024 #mainContents #sec01.sec .list.list02 .text .sub { margin-top: -5px; }
/* line 186, style.scss */
#sagataiken2024 #mainContents #sec01.sec .list.list05 .text .sub { margin-top: -30px; }
/* line 245, style.scss */
#sagataiken2024 #mainContents #sec01.sec .list.list09 .text .read { letter-spacing: -.08em; }
/* line 315, style.scss */
#sagataiken2024 #mainContents #sec01.sec .ill { position: absolute; bottom: 100px; right: 15px; }
/* line 375, style.scss */
#sagataiken2024 #mainContents #sec03.sec .listWrap { justify-content: flex-start; }
/* line 376, style.scss */
#sagataiken2024 #mainContents #sec03.sec .list.list01 { margin-right: 30px; }
/* line 397, style.scss */
#sagataiken2024 #mainContents #sec03.sec .list.list02 .text .sub { /*margin-top: -25px;*/ }
/* line 406, style.scss */
#sagataiken2024 #mainContents #sec03.sec .osusumeWrap { width: 728px; margin: auto; position: relative; padding: 0 38px 38px; background: #f8fae4; border: 1px solid #9f7e00; border-radius: 32px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 80px; margin-top: 10px; }
/* line 407, style.scss */
#sagataiken2024 #mainContents #sec03.sec .osusumeWrap .sec3tit { margin: -32px auto 5px; }
/* line 408, style.scss */
#sagataiken2024 #mainContents #sec03.sec .osusumeWrap .sec3tit2 { margin: 0 auto 48px; position: relative; width: 100%; }
/* line 410, style.scss */
#sagataiken2024 #mainContents #sec03.sec .osusumeWrap .sec3tit2 small { font-size: 13px; position: absolute; white-space: nowrap; top: 55px; right: 0; letter-spacing: -.05em; }
/* line 412, style.scss */
#sagataiken2024 #mainContents #sec03.sec .osusumeWrap .list { margin-bottom: 0; }
/* line 444, style.scss */
#sagataiken2024 #mainContents #sec03.sec .ill { position: absolute; top: 45px; right: 10px; }
/* line 448, style.scss */
#sagataiken2024 .footbtnWrap { margin-top: 67px; position: relative; z-index: 20; }
/* line 449, style.scss */
#sagataiken2024 .footbtnWrap .btn { width: 880px; margin: auto; }
/* line 450, style.scss */
#sagataiken2024 .footbtnWrap .btn a { filter: drop-shadow(8px 8px 5px rgba(0, 0, 0, 0.25)); will-change: filter; position: relative; }
/* line 451, style.scss */
#sagataiken2024 .footbtnWrap .btn a em { display: block; }
/* line 452, style.scss */
#sagataiken2024 .footbtnWrap .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 0; right: 12px; transition: .25s; }
/* line 454, style.scss */
#sagataiken2024 .footbtnWrap .btn a:hover i { right: 9px; }
/* line 458, style.scss */
#sagataiken2024 .footbtnWrap .cap { font-size: 12px; display: block; margin-top: 20px; }