@charset "UTF-8";
/*
$jpG: 'YakuHanJP', 'Noto Sans JP', sans-serif;
$jpM: 'YakuHanMP', 'Noto Serif JP', serif;
$jpH: 'YakuHanMP', 'Shippori Mincho B1', serif;
$en:  'EB Garamond', serif; // サイト独自のフォントを指定
$enG: 'Roboto', sans-serif;
$enM: 'EB Garamond', serif;
*/
/* line 16, page_home.scss */
#home #mainImg { position: relative; }
/* line 17, page_home.scss */
#home #mainImg .ci { position: absolute; left: 0; right: 0; margin: auto; z-index: 10; bottom: -.5em; width: 80%; max-width: 1100px; min-width: 980px; line-height: 1; }
/* line 18, page_home.scss */
#home #mainImg .phMain { position: relative; }
/* line 19, page_home.scss */
#home #mainImg .phMain::after { content: ""; width: 100%; height: 180px; mix-blend-mode: multiply; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); position: absolute; bottom: 0; left: 0; z-index: 0; opacity: .2; }
/* line 21, page_home.scss */
#home #mainImg.swiper-container { width: 100%; /*height: 500px;*/ }
/* line 22, page_home.scss */
#home #mainImg.swiper-container ul.swiper { height: 100%; }
/* line 23, page_home.scss */
#home #mainImg.swiper-container ul.swiper li { height: 100%; }
@media only screen and (max-width: 750px) { /* line 41, page_home.scss */
  #home #mainImg .ci { bottom: -.15em; width: 92%; max-width: 92%; min-width: 92%; }
  /* line 43, page_home.scss */
  #home #mainImg .phMain::after { height: 60px; }
  /* line 45, page_home.scss */
  #home #mainImg.swiper-container { width: 100%; /*height: 500px;*/ }
  /* line 46, page_home.scss */
  #home #mainImg.swiper-container ul.swiper { height: 100%; }
  /* line 47, page_home.scss */
  #home #mainImg.swiper-container ul.swiper li { height: 100%; } }
/* line 58, page_home.scss */
#home #intro { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin: 40px auto 25px; padding: 0 5%; box-sizing: border-box; }
/* line 59, page_home.scss */
#home #intro .ill { width: 42%; }
/* line 60, page_home.scss */
#home #intro .tit { width: 50%; }
/* line 61, page_home.scss */
#home #intro .vi { width: 47%; margin-top: auto; margin-bottom: .15em; }
/* line 62, page_home.scss */
#home #intro .copy { position: relative; padding-top: 30px; margin-top: 30px; }
/* line 63, page_home.scss */
#home #intro .copy::before { content: ""; width: 100%; height: 1px; display: block; position: absolute; bottom: calc(100% + 0px); left: 0; opacity: .5; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 300px, black calc(100% - 300px), rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%); }
@media only screen and (max-width: 750px) { /* line 71, page_home.scss */
  #home #intro { margin: 30px auto 30px; padding: 0 0%; }
  /* line 72, page_home.scss */
  #home #intro .ill { width: 45%; margin: 0 auto 1.5em; }
  /* line 73, page_home.scss */
  #home #intro .tit { width: 75%; margin: 0 auto; }
  /* line 74, page_home.scss */
  #home #intro .vi { width: 60%; margin: 1.5em auto 0em; }
  /* line 75, page_home.scss */
  #home #intro .copy { margin-top: 15px; padding: 0 10%; padding-top: 20px; }
  /* line 76, page_home.scss */
  #home #intro .copy::before { bottom: calc(100% + 0px); left: 0; opacity: .5; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100px, black calc(100% - 100px), rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%); } }
/* line 85, page_home.scss */
#home #feature { background: url("../img/cmn/bg01.webp") repeat center; background-size: 1920px auto; padding: 20px 0 40px; }
/* line 87, page_home.scss */
#home #feature .wrap .features { margin: 0 auto 35px; }
@media only screen and (max-width: 750px) { /* line 94, page_home.scss */
  #home #feature { padding: 25px 0 40px; }
  /* line 96, page_home.scss */
  #home #feature .wrap .features { width: 100%; margin: 0 auto 30px; padding: 0 5%; border-bottom: 5px solid rgba(245, 244, 244, 0.85); padding-bottom: 28px; } }
/* line 106, page_home.scss */
#home #news { margin: 100px auto 120px; border: 1px solid rgba(92, 85, 82, 0.25); border-block: none; position: relative; }
/* line 107, page_home.scss */
#home #news .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 108, page_home.scss */
#home #news .wrap .tit { width: 28%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-right: 1px solid rgba(92, 85, 82, 0.25); box-sizing: border-box; }
/* line 109, page_home.scss */
#home #news .wrap .tit em { font-size: 25px; letter-spacing: .1em; color: #a48b78; }
/* line 111, page_home.scss */
#home #news .wrap ul { width: 72%; padding: 1em 1em; padding-left: 3.5em; box-sizing: border-box; height: 180px; }
/* line 112, page_home.scss */
#home #news .wrap ul li { font-family: "FOT-筑紫明朝 Pr6N M"; display: flex; justify-content: flex-start; flex-wrap: wrap; font-size: 15px; }
/* line 113, page_home.scss */
#home #news .wrap ul li:not(:last-child) { margin-bottom: .15em; }
/* line 114, page_home.scss */
#home #news .wrap ul li em { width: 110px; }
/* line 115, page_home.scss */
#home #news .wrap ul li span { width: calc(100% - 110px); text-align: justify; }
/* line 116, page_home.scss */
#home #news .wrap ul li:first-child { margin-top: 1em; }
/* line 117, page_home.scss */
#home #news .wrap ul li:last-child { margin-bottom: 1em; }
/* line 122, page_home.scss */
#home #news::before, #home #news::after, #home #news .wrap::before, #home #news .wrap::after { content: ""; width: 10px; height: 1px; background: rgba(92, 85, 82, 0.25); position: absolute; }
/* line 123, page_home.scss */
#home #news::before, #home #news .wrap::before { top: 0; }
/* line 123, page_home.scss */
#home #news::after, #home #news .wrap::after { bottom: 0; }
/* line 124, page_home.scss */
#home #news::before { left: 0; }
/* line 124, page_home.scss */
#home #news::after { left: 0; }
/* line 125, page_home.scss */
#home #news .wrap::before { right: 0; }
/* line 125, page_home.scss */
#home #news .wrap::after { right: 0; }
/* line 127, page_home.scss */
#home .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(0, 74, 103, 0.8) !important; }
/* line 128, page_home.scss */
#home .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #004a67 !important; }
/* line 129, page_home.scss */
#home .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(60, 60, 60, 0.1) !important; }
@media only screen and (max-width: 750px) { /* line 134, page_home.scss */
  #home #news { width: 94%; margin: 50px auto 70px; border: 1px solid rgba(92, 85, 82, 0.25); border-block: none; }
  /* line 136, page_home.scss */
  #home #news .wrap .tit { width: calc(100% - 3em); border-right: none; border-bottom: 1px solid rgba(92, 85, 82, 0.25); margin: 0 auto 10px; padding-bottom: .5em; }
  /* line 137, page_home.scss */
  #home #news .wrap .tit em { font-size: 25px; letter-spacing: .1em; }
  /* line 139, page_home.scss */
  #home #news .wrap ul { width: 100%; padding: 1em 1.5em; padding-right: .5em; height: 220px; }
  /* line 140, page_home.scss */
  #home #news .wrap ul li { font-size: 15px; }
  /* line 141, page_home.scss */
  #home #news .wrap ul li:not(:last-child) { margin-bottom: .15em; }
  /* line 142, page_home.scss */
  #home #news .wrap ul li em { width: 100%; }
  /* line 143, page_home.scss */
  #home #news .wrap ul li span { width: calc(100% - 0px); }
  /* line 144, page_home.scss */
  #home #news .wrap ul li:first-child { margin-top: 0em; }
  /* line 145, page_home.scss */
  #home #news .wrap ul li:last-child { margin-bottom: 0em; }
  /* line 150, page_home.scss */
  #home #news::before, #home #news::after, #home #news .wrap::before, #home #news .wrap::after { width: 10px; } }
/* line 157, page_home.scss */
#home #homeConcept .tit { position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 40px; }
/* line 158, page_home.scss */
#home #homeConcept .tit::before { content: ""; width: 100%; height: 1px; display: block; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; z-index: 0; left: 0; opacity: .5; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 300px, black calc(100% - 300px), rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%); }
/* line 160, page_home.scss */
#home #homeConcept .tit em { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0 1em; background: #f5f4f4; position: relative; z-index: 5; display: inline-flex; }
/* line 161, page_home.scss */
#home #homeConcept .tit em span { width: 480px; margin-right: 50px; }
/* line 162, page_home.scss */
#home #homeConcept .tit em strong { width: 320px; }
/* line 165, page_home.scss */
#home #homeConcept .read { font-size: 16px; line-height: 2.4; letter-spacing: .05em; text-align: center; }
@media only screen and (max-width: 750px) { /* line 172, page_home.scss */
  #home #homeConcept .tit { margin-bottom: 30px; display: flex; flex-direction: column; flex-wrap: wrap; }
  /* line 173, page_home.scss */
  #home #homeConcept .tit::before { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; top: 75px; left: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100px, black calc(100% - 100px), rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%); }
  /* line 175, page_home.scss */
  #home #homeConcept .tit em { padding: 0 0em; background: none; }
  /* line 176, page_home.scss */
  #home #homeConcept .tit em span { width: 320px; margin: 0 auto 20px; }
  /* line 177, page_home.scss */
  #home #homeConcept .tit em strong { width: 280px; background: #f5f4f4; display: inline-flex; padding: 0 .5em; }
  /* line 180, page_home.scss */
  #home #homeConcept .read { font-size: 16px; line-height: 2.2; text-align: justify; padding: 0 6.5%; } }
/* line 187, page_home.scss */
#home #contentsLink { margin-top: 80px; }
/* line 188, page_home.scss */
#home #contentsLink .list { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse; height: 400px; }
/* line 189, page_home.scss */
#home #contentsLink .list:not(:last-child) { margin-bottom: 12px; }
/* line 190, page_home.scss */
#home #contentsLink .list .text { width: 40%; background: url("../img/cmn/bg02.webp") repeat center; background-size: 1920px auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; padding-inline: 5%; }
/* line 191, page_home.scss */
#home #contentsLink .list .text .tit { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 192, page_home.scss */
#home #contentsLink .list .text .tit span { font-size: 36px; letter-spacing: .125em; color: #1c7b9d; width: 100%; }
/* line 193, page_home.scss */
#home #contentsLink .list .text .tit em { font-family: "FOT-筑紫明朝 Pr6N D"; font-size: 20px; position: relative; padding-inline: 30px; width: 100%; }
/* line 194, page_home.scss */
#home #contentsLink .list .text .tit em::before { content: ""; width: 22px; height: 22px; background: url("../img/cmn/ic.webp") no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 0; }
/* line 197, page_home.scss */
#home #contentsLink .list .text .read { font-size: 15px; line-height: 2.2; }
/* line 198, page_home.scss */
#home #contentsLink .list .text .cmnBtn.more { margin-top: 2em; }
/* line 204, page_home.scss */
#home #contentsLink .list .ph { width: 60%; height: 100%; }
/* line 205, page_home.scss */
#home #contentsLink .list:nth-of-type(odd) { flex-direction: row; }
@media only screen and (max-width: 750px) { /* line 215, page_home.scss */
  #home #contentsLink { margin-top: 40px; }
  /* line 216, page_home.scss */
  #home #contentsLink .list { height: auto; flex-direction: column-reverse; }
  /* line 217, page_home.scss */
  #home #contentsLink .list:not(:last-child) { margin-bottom: 10px; }
  /* line 218, page_home.scss */
  #home #contentsLink .list .text { width: 100%; padding: 25px 5%; text-align: center; }
  /* line 219, page_home.scss */
  #home #contentsLink .list .text .tit { margin-bottom: .5em; flex-direction: column; align-items: center; }
  /* line 220, page_home.scss */
  #home #contentsLink .list .text .tit span { font-size: 28px; }
  /* line 221, page_home.scss */
  #home #contentsLink .list .text .tit em { font-size: 18px; padding-inline: 30px; width: auto; display: inline-flex; }
  /* line 222, page_home.scss */
  #home #contentsLink .list .text .tit em::before { width: 22px; height: 22px; }
  /* line 225, page_home.scss */
  #home #contentsLink .list .text .read { font-size: 15px; line-height: 2.0; }
  /* line 226, page_home.scss */
  #home #contentsLink .list .text .cmnBtn.more { margin: 1em auto 0; }
  /* line 232, page_home.scss */
  #home #contentsLink .list .ph { width: 100%; height: auto; }
  /* line 233, page_home.scss */
  #home #contentsLink .list:nth-of-type(odd) { flex-direction: column-reverse; } }
/* line 252, page_home.scss */
#home .ytWrap { width: 920px; margin: 80px auto 80px; }
/* line 253, page_home.scss */
#home .ytWrap .yt { width: 100%; height: 0; padding-top: 56.25%; position: relative; }
/* line 254, page_home.scss */
#home .ytWrap .yt iframe { width: 100%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
@media only screen and (max-width: 750px) { /* line 252, page_home.scss */
  #home .ytWrap { width: 100%; margin: 30px auto 30px; } }