@charset "UTF-8";
/* CSS Document */

main{ color: #666464;}

.section_fcgallery{ display: block;}

.section_billboard{ margin: 0; padding: 45% 0 0 0; width: 100%; background: url("../index/bill11.webp") no-repeat center center / cover; position: relative;}
.section_billboard *{ margin-top: 0;}
.section_billboard .mb{ position: absolute; margin: 0; padding: 5.0em 0; top: 0; left: 0; width: 100%; height: 100%; max-width: none; display: flex; justify-content: center;}
.section_billboard h1{}
.section_billboard h1 img{ display: block; margin: 0 auto 0 auto; width: 580px; max-width: 580px; max-height: 80%;}
@media screen and ( max-width: 480px ) {
  .section_billboard{ padding: 120% 0 0 0;}
  .section_billboard h1 img{ width: 90%;}
}

.section_cp{ margin: 0; padding: 0; background: #e3e0dd;}
.section_cp *{ margin-top: 0;}
.section_cp ul{ display: flex; padding: 1.0em 0;}
.section_cp li{ flex: 1; border-left: solid 1px #000; padding: 0.3em 0.7em; display: flex; align-items: center;}
.section_cp li:first-child{ border-left: none;}
.section_cp img{ display: block; width: 100%;}
@media screen and ( max-width: 480px ) {
  .section_cp ul{ flex-wrap: wrap; gap: 0.5em 0;}
  .section_cp li{ flex: 0 0 33.33%;}
  .section_cp li:nth-child(4){ border-left: none;}
}

.section_concept{ margin: 0; padding: 0; background: linear-gradient(120deg,  rgba(255,255,255,1.0) 0%,rgba(255,255,255,1.0) 70%, rgba(231,227,220,1.0) 100%); position: relative;}
.section_concept .mb{ padding-bottom: 0;}
.section_concept .sub{ margin-top: 4.0em;}
.section_concept .sub img{ max-width: 600px; margin: 0 auto; display: block;}
.section_concept .title{ text-align: center; font-size: 150%; font-weight: 600; color: #666464; margin-top: 2.0em;}
.section_concept .body{ text-align: center; margin: 2.0em 0 0 0;}
.section_concept .figure{ margin: 6.0em 0 0 0; position: relative; z-index: 2;}
.section_concept .figure img{ display: block; width: 600px; margin: 0 auto;}
.section_concept .figure.figure_nagasaku img{ width: auto; max-width: 40%;}
.section_concept .aside11{ margin: 0; padding: 0;}
.section_concept .aside11 img{ display: block; margin: auto 0; position: absolute; top: 0; bottom: 0; right: 2.0em; width: 500px; height: auto; z-index: 1; opacity: 0.8;}
.section_concept .aside12{ position: absolute; left: 0; bottom: 0; height: 190px; width: 100%; z-index: 0; background: linear-gradient( 120deg, rgba(221,216,209,1) 0%, rgba(221,216,209,1) 70%, rgba(134,128,124,1) 100%);}
@media screen and ( max-width: 480px ) {
  .section_concept .figure.figure_nagasaku img{ width: auto; max-width: 90%;}
  .section_concept .aside11 img{ margin: 0 0; top: 3.0em; right: 2.0em; left: 2.0em; width: auto; display: none;}
}

.section_l{ margin: 0; padding: 0 0 0 0;}
.section_l *{ margin-top: 0;}
.section_l header{ background: url("../index/legacy06.webp") no-repeat center center / cover; color: #FFF; position: relative;}
.section_l header::after{ content:''; display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(53,53,53,0.76); z-index: 0;}
.section_l header .mb{ position: relative; padding: 4.0em 0; z-index: 1; width: 920px;}
.section_l header aside{}
.section_l header aside img{ display: block; height: 140px; width: auto; position: absolute; right: 0; bottom: -10px;}
.section_l header h2{}
.section_l header h2 img{ display: block; margin: 0 auto; height: 85px; width: auto;}
.section_l header p{ margin: 2.0em 0 0 0; text-align: center; font-size: 116%;}
.section_l .section_l_content{ background: rgba(255,255,255,0.9); position: relative; overflow: hidden; padding-bottom: 5.0em;}
.section_l .section_l_content .ctbg{ position: relative; z-index: 0;}
.section_l .section_l_content .ctbg img{ display: block; width: 118px; position: absolute; left: -5px; top: 1.0em; z-index: 0;}
.section_l .section_l_content .mb{ position: relative; z-index: 1; padding: 2.0em 0;}
@media screen and ( max-width: 480px ) {
  .section_l header .mb{ width: 100%;}
  .section_l header aside img{ height: 30%;}
  .section_l header h2 img{ height: 4.0em;}
  .section_l header p{ font-size: 93%;}
  .section_l .section_l_content .mb{ width: 100%;}
  .section_l .section_l_content .ctbg img{ width: 20%;}
}

.section_l_content article{ margin: 5.0em 0 0 0; position: relative; display: flex;}
.section_l_content article figure{ display: block; flex: 0 0 95%; flex-shrink: 0;}
.section_l_content article .content{ background: rgba(255,255,255,0.9); padding: 2.0em 1.0em 1.0em 2.0em; margin: 30em 0 0 -40%; z-index: 1; box-shadow: 2px 2px 4px #666;}
.section_l_content article.legacy11 .content{ margin-top: 25em;}
.section_l_content article .content .title{ line-height: 1.5;}
.section_l_content article .content .title p{ border-left: solid 2px #7fbabf; color: #7fbabf; padding: 0.5em 0 0.5em 1.2rem; font-size: 124%; display: none;}
.section_l_content article .content .title p img{ display: block; height: 1.0rem; width: auto;}
.section_l_content article .content .title h3{ border-left: solid 2px #353535; color: #868b96; padding: 0.5em 0 0.5em 1.2rem; font-size: 108%; font-weight: bold; letter-spacing: 0em;}
.section_l_content article .content .body{ margin: 2.0em 0 0 0; line-height: 1.7; color: #868b96;}
@media screen and ( max-width: 480px ) {
  .section_l_content article{ display: block; margin: 2.0em 0 0 0;}
  .section_l_content article figure{ margin: 0 1.0em;}
  .section_l_content article .content{ margin: 0 1.0em !important; padding: 1.0em;}
}

.section_lumina header{ background-image: url("../index/lumina21.webp");}


.section_life header{ background-image: url("../index/life21.webp");}
.section_life .life_content{}
.section_life .life_content h3{ text-align: center; font-size: 128%; font-weight: bold; color: #868b96;}
.section_life .life_content p{ margin: 3.0em 0 0 0; color: #666464; line-height: 1.7;}
.section_life .life_items{}
.section_life .life_items li{ margin-top: 3.0em;}
.section_life .life_items li img{ display: block;}
.section_life .life_items li p{ font-size: 86%;}
.section_life .navi{ margin: 3.0em 0 0 0;}
.section_life .navi a{ display: block; width: fit-content; margin: 0 auto; padding: 1.0em 3.0em; color: #FFF; text-decoration: none; background: #966a58; min-width: 640px; text-align: center; font-size: 116%;}
@media screen and ( max-width: 480px ) {
  .section_life .life_content{ margin: 0 1.0em;}
  .section_life .life_items{ margin: 0 1.0em;}
  .section_life .navi a{ min-width: 0; margin: 0 auto;}
}


.section_movie{ background: rgba(0,0,0,0.78);}
.section_movie .mb{ padding: 6.0em 0;}
.section_movie h2{ margin: 0; text-align: center; font-size: 128%; color: #FFF; font-family: "Noto Serif JP", "serif";}
.section_movie figure{ width: 80%; margin: 2.0rem auto 0 auto;}
@media screen and ( max-width: 480px ) {
  .section_movie .mb{ padding: 3.0em 0;}
}

.section_information{ background: rgba(230,230,230,0.9);}
.section_information .mb{ display: flex; gap: 0 4%;}
.section_information .mb > *{ flex: 0 0 48%;}
@media screen and ( max-width: 480px ) {
  .section_information .mb{ display: block;}
}
.section_news h2{ font-size: 116%; border-bottom: solid 1px #000;}
.section_news ul{ margin: 0; font-size: 93%; line-height: 1.5;}
.section_news li{ margin: 0; padding: 1.0em 0; border-bottom: solid 1px #ccc; display: flex; gap: 1.0em; }
.section_news li *{ margin-top: 0;}
.section_news li time{ display: block; white-space: nowrap;}
.section_news li p{ }
.section_news li a{ color: #000;}

.section_flyer h2{ font-size: 116%; border-bottom: solid 1px #000;}
.section_flyer .flyer_images{ display: flex; gap: 2%; margin: 0;}
.section_flyer .flyer_images > *{ flex: 0 0 49%;}
.section_flyer .flyer_images time{ display: block; margin: 1.0em 0 0 0;}
.section_flyer p{ margin: 0 0 0 0; padding: 0;}

.section_yokoku{ margin:0; padding: 0; background: rgba(255,255,255,0.9);}
.section_yokoku article{ display: block; margin: 0; padding: 1.0em; border: solid 2px #a8a8a8;}
.section_yokoku h3{ margin: 0; font-weight: bold;}
.section_yokoku p{ margin: 0.5em 0 0 0; font-size: 93%; line-height: 1.5;}

.section_notice{ margin:0; padding: 0; background: rgba(255,255,255,0.9);}

.section_compare{ margin: 0; padding: 4.0em 0; background: #e8e8e8;}
.section_compare *{ margin: 0; padding: 0;}
.section_compare img{ display: block;}

.section_exterior{ margin: 0; padding: 0;}
.section_exterior article{ margin: 0; padding: 0; position: relative;}
.section_exterior figure{ margin: 0; padding: 0;}
.section_exterior img{ display: block; width: 100%;}
.section_exterior .content{ margin: 0; padding: 4.0em 2.0em; position: absolute; top: 0; right: 0; width: 425px; height: 100%; background: linear-gradient(21deg, rgba(0,0,0,0.2) 0%, rgba(24,37,56,0.85) 100%); color: #FFF; font-family: "Noto Serif JP", "serif";}/*rgba(207,210,214,0.6) 0%*/
.section_exterior h3{ font-size: 188%; letter-spacing: 0.1em; line-height: 1.5;}
.section_exterior .sub{ font-size: 148%;}
.section_exterior .body{ font-size: 93%; line-height: 1.8;}
@media screen and ( max-width: 480px ) {
  .section_exterior .content{ position: relative; margin: 0; padding: 1.0em; top: auto; right: auto; width: auto; height: auto;}
  .section_exterior h3{ margin: 0;}
  .section_exterior .sub{ margin: 1.0rem 0 0 0; font-size: 116%;}
}

.section_sdgs{ margin: 0; padding: 0; background: #FFF;}
.section_sdgs .mb{ padding: 7.0em 0;}
.section_sdgs h3{ margin: 0; text-align: center; font-size: 116%; font-weight: 500;}
.section_sdgs figure{ display: block; margin: 4.0em 0 0 0;}
@media screen and ( max-width: 480px ) {
  .section_sdgs .mb{ padding: 2.0em 1.0em;}
}


.animate__animated.animate__fadeIn {
  animate-duration: 3s;
  --animate-duration: 3s;
}
.delay10{ 
  animation-delay: 1.0s;
  --animation-delay: 1.0s;
}
.delay05{ 
  animation-delay: 0.5s;
  --animation-delay: 0.5s;
}
.delay15{ 
  animation-delay: 1.5s;
  --animation-delay: 1.5s;
}