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

制作コンテンツ

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

================================================================ */
/* SP用CSSの記述 */
/* PC、Tablet用CSSの記述 */
/* line 20, style.scss */
.container { width: 100%; position: relative; background: url("../images/bg.jpg"); overflow: hidden; /*&::after{ content: ""; background: url("../../JPG/01.jpg") no-repeat center top; width: 100%; height: 100%; opacity: .3; position: absolute; top: 0; left: 0; z-index: -1;}*/ }
/* line 21, style.scss */
.container::before, .container::after { content: ""; height: 100%; position: absolute; top: 0; z-index: 0; }
/* line 22, style.scss */
.container::before { width: 218px; background: url("../images/bg01.jpg") no-repeat; left: 45px; }
/* line 23, style.scss */
.container::after { width: 254px; background: url("../images/bg02.jpg") no-repeat; right: -12px; }

/*.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 30, style.scss */
#sagataikentabi2023 { text-align: center; font-size: 14.5px; line-height: 1.8; font-weight: 500; 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; /*============================
共通
============================*/ }
/* line 31, style.scss */
#sagataikentabi2023 a { transition: .5s; }
/* line 32, style.scss */
#sagataikentabi2023 a:hover { opacity: .8; }
/* line 34, style.scss */
#sagataikentabi2023 .inner { width: 990px; margin: auto; }
/* line 35, style.scss */
#sagataikentabi2023 .flexImg { overflow: hidden; position: relative; }
/* line 36, style.scss */
#sagataikentabi2023 .flexImg img { width: 100% !important; height: 100% !important; object-fit: cover; font-family: 'object-fit: cover;'; }
/* line 38, style.scss */
#sagataikentabi2023 .jpG { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
/* line 39, style.scss */
#sagataikentabi2023 .jpMG { font-family: "YakuHanJP", "Zen Maru Gothic", sans-serif; }
/* line 40, style.scss */
#sagataikentabi2023 .jpM { font-family: "YakuHanMP", "Noto Serif JP", serif; }
/* line 41, style.scss */
#sagataikentabi2023 .jpH { font-family: "YakuHanMP", "Shippori Mincho B1", serif; }
/* line 42, style.scss */
#sagataikentabi2023 .enG { font-family: "Roboto", sans-serif; }
/* line 43, style.scss */
#sagataikentabi2023 .enM { font-family: "EB Garamond", serif; }
/* line 50, style.scss */
#sagataikentabi2023 .btn a { position: relative; display: flex; justify-content: center; align-items: center; }
/* line 52, style.scss */
#sagataikentabi2023 .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 0; right: 1em; z-index: 0; margin-top: -1px; transition: .5s; }
/* line 54, style.scss */
#sagataikentabi2023 .btn a:hover i { right: .75em; }
/* line 62, style.scss */
#sagataikentabi2023 #mainImg { max-width: 1400px; min-width: 1120px; margin: auto; margin-bottom: 50px; position: relative; z-index: 10; padding: 15px 10px 0; box-sizing: border-box; }
/* line 63, style.scss */
#sagataikentabi2023 #mainImg .mainImgInner { width: 100%; height: 0; padding-top: 45.79%; position: relative; background: url("../images/mainImg.jpg") no-repeat center; background-size: cover; }
/* line 64, style.scss */
#sagataikentabi2023 #mainImg h1 { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 71, style.scss */
#sagataikentabi2023 #intro { margin-bottom: 50px; position: relative; z-index: 10; }
/* line 72, style.scss */
#sagataikentabi2023 #intro .tit { position: relative; z-index: 10; }
/* line 73, style.scss */
#sagataikentabi2023 #intro .btnWrap { margin: -8px auto 0; }
/* line 74, style.scss */
#sagataikentabi2023 #intro .btnWrap .btn { width: 773px; margin: auto; }
/* line 77, style.scss */
#sagataikentabi2023 #intro .btnWrap .btn a i { right: 45px; }
/* line 79, style.scss */
#sagataikentabi2023 #intro .btnWrap .btn a:hover i { right: 42px; }
/* line 83, style.scss */
#sagataikentabi2023 #intro .btnWrap small { display: block; margin-top: 10px; }
/* line 90, style.scss */
#sagataikentabi2023 #mainContents { position: relative; z-index: 10; }
/* line 91, style.scss */
#sagataikentabi2023 #mainContents .title { margin: 0 auto 50px; }
/* line 92, style.scss */
#sagataikentabi2023 #mainContents .sec { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 93, style.scss */
#sagataikentabi2023 #mainContents .sec:not(:last-child) { margin-bottom: 50px; }
/* line 94, style.scss */
#sagataikentabi2023 #mainContents .sec::after { content: ""; width: calc(100% / 3 - 20px); display: block; }
/* line 95, style.scss */
#sagataikentabi2023 #mainContents .sec .tit { width: 100%; margin: 0 auto 30px; }
/* line 96, style.scss */
#sagataikentabi2023 #mainContents .sec .list { width: calc(100% / 3 - 20px); text-align: left; display: flex; flex-direction: column; margin-bottom: 45px; }
/* line 97, style.scss */
#sagataikentabi2023 #mainContents .sec .list .main { margin-bottom: 22px; }
/* line 98, style.scss */
#sagataikentabi2023 #mainContents .sec .list .text { position: relative; margin-bottom: 15px; min-height: 142px; }
/* line 99, style.scss */
#sagataikentabi2023 #mainContents .sec .list .text .t { margin-bottom: 10px; }
/* line 100, style.scss */
#sagataikentabi2023 #mainContents .sec .list .text .read { font-size: 12.5px; line-height: 1.45; letter-spacing: 0; text-align: justify; text-justify: inter-ideograph; padding-right: 152px; }
/* line 101, style.scss */
#sagataikentabi2023 #mainContents .sec .list .text .sub { position: absolute; top: -3px; right: -1px; }
/* line 103, style.scss */
#sagataikentabi2023 #mainContents .sec .list .btn { margin: auto auto 0; }
/* line 129, style.scss */
#sagataikentabi2023 #mainContents .sec.sec01 .list.list02 .text { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 130, style.scss */
#sagataikentabi2023 #mainContents .sec.sec01 .list.list02 .text .t { width: 100%; }
/* line 131, style.scss */
#sagataikentabi2023 #mainContents .sec.sec01 .list.list02 .text .read { padding-right: 0; width: 155px; }
/* line 132, style.scss */
#sagataikentabi2023 #mainContents .sec.sec01 .list.list02 .text .sub { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; }
/* line 447, style.scss */
#sagataikentabi2023 #mainContents .sec.sec05 .otherWrap { display: flex; justify-content: space-between; flex-wrap: wrap; background: url("../images/sec05_bg.png") no-repeat; width: 654px; height: 493px; padding: 19px 19px; padding-top: 68px; margin-bottom: 50px; }
/* line 448, style.scss */
#sagataikentabi2023 #mainContents .sec.sec05 .otherWrap .list { width: 300px; }
/* line 449, style.scss */
#sagataikentabi2023 #mainContents .sec.sec05 .otherWrap .list .main { margin-bottom: 18px; }
/* line 450, style.scss */
#sagataikentabi2023 #mainContents .sec.sec05 .otherWrap .list .text { margin-bottom: 10px; }
/* line 451, style.scss */
#sagataikentabi2023 #mainContents .sec.sec05 .otherWrap .list .text .t { margin-bottom: 8px; }
/* line 452, style.scss */
#sagataikentabi2023 #mainContents .sec.sec05 .otherWrap .list .text .read { font-size: 11px; }