@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese");
/****
* mixin
****/
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

:root {
  --color_bg: #FBFBE7;
  --color_white: #FFF;
  --color_black: #000;
}

footer {
  background: #fff;
  text-align: center;
}
footer .footer_logo {
  display: inline-block;
  padding: 10px 0;
}
footer .footer_logo img {
  max-width: 100%;
}

#main {
  max-width: 1300px;
  margin: 0 auto;
}
#main .inner {
  max-width: 1150px;
  margin: 0 auto;
}
#main img {
  width: 100%;
}
#main .button_item .button_text {
  margin: 6% 33.5% 0;
  max-width: 390px;
}
#main .button_item .button {
  position: relative;
  margin: 0 26.5%;
  max-width: 548px;
  transform: translateY(-10%);
}
#main .button_item .button::before {
  content: "";
  position: absolute;
  background: url(../media/images/yamanashi_lp/2025/button_shadow.png) no-repeat center/100% auto;
  width: 110.5%;
  height: 110.5%;
  top: 0%;
  left: -5%;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
#main section.kv .kv_img {
  aspect-ratio: 1300 / 780;
}
#main section.intro {
  margin: 0 auto;
  padding-top: 5%;
  background: var(--color_bg);
}
#main section.intro .intro_title {
  max-width: 705px;
  margin: 0 20%;
}
#main section.intro .intro_list {
  display: flex;
  gap: 5px;
  margin: 3% 6.5% 0;
  max-width: 1006px;
}
#main section.intro .intro_list li {
  max-height: 41px;
}
#main section.intro .intro_list li img {
  height: 100%;
}
#main section.intro .intro_text {
  margin: 4% 24% 0;
  max-width: 610px;
  transform: translateX(10px);
}
#main section.layout {
  background: var(--color_bg);
  padding-top: 4%;
}
#main section.layout .inner {
  max-width: none;
}
#main section.layout .layout_contents {
  display: flex;
  align-items: center;
  padding: 0 3% 0 8%;
}
#main section.layout .layout_text_box {
  flex: 0 0 41%;
  padding-left: 1%;
}
#main section.layout .layout_text_box .layout_title {
  max-width: 533px;
}
#main section.layout .layout_text_box .layout_text {
  max-width: 429px;
  margin-top: 3.5%;
  padding-left: 12px;
}
#main section.layout .layout_text_box .layout_list {
  max-width: 383px;
  margin-top: 4%;
  padding-left: 1%;
}
#main section.layout .layout_img {
  max-width: 670px;
}
#main section.layout .layout_detail {
  padding: 0 9%;
}
#main section.layout .button_item .button_text {
  margin: 0% 35% 0;
}
#main section.layout .button_item .button {
  margin: 0 28.5%;
}
#main section.access {
  background: var(--color_bg);
  padding-top: 8%;
  padding-bottom: 4%;
}
#main section.access .inner {
  max-width: 1075px;
  margin: 0 9%;
}
#main section.access .access_box {
  position: relative;
}
#main section.access .access_box .access_title {
  position: absolute;
  top: -5%;
  left: 0;
  right: 0;
  margin: 0 31%;
  max-width: 456px;
}
#main section.access .access_detail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3%;
  margin-top: 3%;
}
#main section.access .access_detail .access_table {
  max-width: 670px;
}
#main section.access .access_detail .access_text {
  max-width: 400px;
}
#main section.picture .inner {
  max-width: none;
}
#main section.picture .pict_flex {
  display: flex;
  gap: 2.5%;
  margin: 2.5% 2.5% 7%;
}
#main section.picture .button_item {
  position: relative;
  margin-top: 3%;
}
#main section.picture .button_item .button_bg {
  aspect-ratio: 1300 / 382;
  height: 100%;
}
#main section.picture .button_item .button_contents {
  position: absolute;
  top: 10.5%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#main section.picture .button_item .button_text {
  margin: 0% 35% 0;
}
#main section.picture .button_item .button {
  position: relative;
  margin: 0 29%;
}
#main section.savings {
  background: var(--color_bg);
}
#main section.savings .inner {
  padding: 0 10%;
}
#main section.savings .savings_title {
  max-width: 661px;
  margin: 0 18.5%;
  transform: translateY(-10px);
}
#main section.savings .savings_detail {
  position: relative;
  margin-top: 8%;
}
#main section.savings .savings_detail .savings_detail_point {
  position: absolute;
  top: -8.5%;
  left: -9%;
  width: 100%;
  height: 100%;
  max-width: 50%;
}
#main section.savings .savings_detail::after {
  content: "";
  position: absolute;
  bottom: 14%;
  right: -5%;
  width: 100%;
  height: 100%;
  max-width: 16%;
}
#main section.savings .energy::after {
  background: url(../media/images/yamanashi_lp/2025/selcobear_2.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
}
#main section.savings .insurance {
  margin-top: 12%;
}
#main section.savings .insurance .savings_detail_point {
  top: -13.5%;
}
#main section.savings .insurance::after {
  right: -3.5%;
  bottom: 18%;
  max-width: 12%;
  background: url(../media/images/yamanashi_lp/2025/selcobear_3.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
}
#main section.savings .button_item .button_text {
  margin: 6% 32% 0;
}
#main section.savings .button_item .button {
  margin: 0 24%;
}
#main section.overview {
  background: var(--color_bg);
  padding: 4% 0;
}
#main section.overview .inner {
  max-width: 1179px;
  margin: 0 5%;
}
#main section.overview h3.overview_title {
  max-width: 142px;
  margin: 0 44%;
}
#main section.overview .overview_text {
  margin: 2% 0 0;
}

/*# sourceMappingURL=yamanashi-lp.css.map */