@charset "utf-8";
/* ========================================================
	top.css => トップページ用CSS
======================================================== */
/* slick
------------------------------------------------------------- */
/*
.slider li {
	position: relative;
}
.slider img {
	width: 100%;
	height: auto;
}
.slider span {
	position: absolute;
	right: 5vw;
	top: 5.5vw;
	z-index: 1;
	width: 30vw;
	height: auto;
}
.slick-slider {
    margin-bottom: 0 !important;
}
*/
#container {
      padding-top: 0;
}
/* main_v
------------------------------------------------------------- */
.main_v_area {
      margin: auto;
}
.main_v img {
      width: 100%;
}
/*top_lead_area
-----------------------------------------------------------------*/
.top_lead_w {
      width: 1030px;
      margin: auto;
      padding: 5em 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
}
.top_lead_w .text_box {
      position: relative;
      z-index: 2;
}
.top_lead_w .img {
      transform: translateX(10em);
}
.top_lead_w .img img {
      width: 100%;
}
@media screen and (max-width: 1400px) {
      .top_lead_w {
            width: 90%;
      }
      .top_lead_w .text_box {
            width: 60%;
      }
      .top_lead_w .img {
            width: 40%;
            transform: translateX(0);
      }
}
@media screen and (max-width: 680px) {
      .top_lead_w {
            padding: 3em 0;
            display: block;
      }
      .top_lead_w .text_box {
            width: 100%;
            margin: auto;
      }
      .top_lead_w .img {
            width: 95%;
            margin: 3em 0 auto 5%;
      }
}
/*img_dods*/
@media screen and (min-width: 681px), print {
      .img_dods {
            position: relative;
      }
      .img_dods:before {
            content: "";
            background: url("../images/top/bg_dods_cont.svg") no-repeat;
            aspect-ratio: 68/20;
            width: 68rem;
            right: -11em;
            top: 11em;
            position: absolute;
            z-index: -1;
      }
}
/*point_area
---------------------------------------------------------------------------------------------------*/
/*point_link_list
-------------------------------------------------------*/
.point_link_list {
      display: flex;
      justify-content: center;
      gap: 0 2%;
      font-size: 1.8rem;
      letter-spacing: -2px;
}
.point_link_list li {
      width: calc(100% / 3);
}
.point_link_list a {
      min-height: 5.2rem;
      position: relative;
      color: var(--col_main);
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1.5em 3em 1.5em 5.5em;
      background: #f5f1ed;
      line-height: 1.4;
      border-radius: 0.5em 0.5em 0 0;
}
.point_link_list a:before, .point_link_list a:after {
      content: "";
      position: absolute;
}
/*アイコン*/
.point_link_list a:before {
      left: 0;
      bottom: 0;
      background: url("../images/top/ico_sentaku.svg") no-repeat;
      background-size: contain;
      aspect-ratio: 94/111;
      width: 5.4em;
}
.ico_point a:before {
      background: url("../images/top/ico_point.svg") no-repeat;
}
.ico_about a:before {
      background: url("../images/top/ico_about.svg") no-repeat;
}
/*矢印*/
.point_link_list a:after {
      right: 0.8em;
      top: 50%;
      transform: translate(-0%, -50%) rotate(90deg);
      background: url("../images/arrow_blue.svg") no-repeat;
      background-size: contain;
      aspect-ratio: 1;
      width: 2.28em;
}
@media screen and (max-width: 1360px) {
      .point_link_list {
            font-size: 1.7rem;
      }
}
@media screen and (max-width: 960px) {
      .point_link_list {
            gap: 0 1%;
            font-size: 1.4rem;
      }
      .point_link_list a {
            position: relative;
            color: var(--col_main);
            display: flex;
            justify-content: space-between;
            padding: 1.5em 3em 1.5em 5.5em;
            background: #f5f1ed;
            line-height: 1.4;
      }
}
@media screen and (max-width: 680px) {
      .point_link_list {
            margin-bottom: 2.5em;
            display: block;
            font-size: 1.8rem;
      }
      .point_link_list > li + li {
            margin-top: 1em;
      }
      .point_link_list li {
            width: 100%;
      }
      .point_link_list a {
            border-radius: 0.5em 0.5em 0.5em 0.5em;
      }
}
/*point_cont
-------------------------------------------------------*/
.sentaku_area {
      padding-top: 10em;
}
@media screen and (max-width: 680px) {
      .sentaku_area {
            padding-top: 5em;
      }
}
/*point_lead_w
-------------------------------------------------------*/
.point_lead_w {
      width: 1100px;
      margin: auto;
      padding: 5em 0 2em 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0 2%;
}
.point_lead_w .text_box {
      width: 50%;
      line-height: 2;
      /*margin-left: 2%;*/
      position: relative;
      z-index: 2;
}
.point_lead_w .text_box p + p {
      margin-top: 1.5em;
}
.point_lead_w .img {
      transform: translateX(-5em);
      width: 50%;
}
.point_lead_w .img img {
      width: 100%;
}
.point_lead_sp_img {
      display: none;
}
@media screen and (max-width: 1200px) {
      .point_lead_w {
            width: auto;
            gap: 0 5%;
      }
      .point_lead_w .text_box {
            /*     margin-left: 5%;*/
      }
      .point_lead_w .img {
            transform: translateX(0);
      }
}
@media screen and (max-width: 960px) {
      .point_lead_w .text_box {
            width: 70%;
            margin-left: 5%;
      }
      .point_lead_w .img {
            width: 30%;
      }
      .point_lead_w .img img {
            transform: scale(1.35);
      }
}
@media screen and (max-width: 680px) {
      .point_lead_w {
            padding: 3em 0;
            display: block;
      }
      .point_lead_w .text_box {
            width: 100%;
            margin: 3em auto auto auto;
      }
      .point_lead_w .img {
            width: 100%;
            margin: 0em 3% auto 0;
      }
      .point_lead_w .img img {
            transform: scale(1.08);
      }
      .point_lead_sp_img {
            display: block;
            margin-top: 3em;
      }
      .point_lead_sp_img {
            width: 50%;
      }
      .point_lead_sp_img img {
            width: 100%;
      }
}
/*img_dods*/
@media screen and (min-width: 681px), print {
      .point_lead_w .img_dods:before {
            right: auto;
            left: -11em;
            top: 11em;
      }
}
/*point_aco_area
---------------------------------------------------------------------------------------------------*/
.aco-cont {
      display: none;
}
.point_aco_area {
      /*     width: 1100px;*/
      margin: 5em auto auto auto;
}
.point_aco_list > li + li {
      margin-top: 1.5em;
}
.ico_oneday {
      position: relative;
}
.ico_oneday:before {
      content: "";
      background: url("../images/top/ico_oneday.svg") no-repeat;
      background-size: contain;
      aspect-ratio: 235/139;
      width: 23.5rem;
      position: absolute;
      top: -8.2em;
      left: 26%;
}
.aco_ff .point_aco_list > li {
      border-radius: 1em;
      background: #fff;
}
.aco_bage .point_aco_list > li {
      background: #f5f1ed;
      border-radius: 1em;
}
.point_aco_w {
      /*      padding: 3em 0 2.5em 0;*/
      /* width: 90%;*/
      margin: auto;
}
.point_aco_title {
      cursor: pointer;
      position: relative;
      padding: 3em 8em 2.0em 5em;
}
.point_aco_title .plus {
      position: absolute;
      right: 4em;
      background: #fff;
      aspect-ratio: 1;
      border-radius: 0.5em;
      width: 3.8em;
      top: 3em;
}
.aco_ff .plus {
      background: #f5f1ed;
}
.point_aco_title .plus:before, .point_aco_title .plus:after {
      content: "";
      background: var(--col_main);
      position: absolute;
      -webkit-transition: all 0.15s ease;
      transition: all 0.15s ease;
}
.point_aco_title .plus:before {
      width: 2px;
      height: 2em;
      right: 1.9em;
      top: 0.8em;
}
.point_aco_title .plus:after {
      height: 2px;
      width: 2em;
      right: 1em;
      top: 1.7em;
}
.point_aco_title.active .plus:before {
      content: none;
}
.point_aco_cont {
      padding: 1em 2.5em 2.5em 2.5em;
}
@media screen and (max-width: 960px) {
      .point_aco_title {
            padding: 3em 8em 2.5em 3em;
      }
      .point_aco_title .plus {
            right: 1.9em;
            top: 3.2em;
      }
      .point_aco_title .plus:before {
            right: 1.8em;
      }
      .point_aco_title .plus:after {
            right: 0.8em;
      }
}
@media screen and (max-width: 680px) {
      /*      .point_aco_w {
            padding: 1.5em 0 1em 0;
      }*/
      .point_aco_cont {
            /*     width: 95%;*/
            margin-right: 0;
            margin-left: auto;
            padding: 1em 1em 2.5em 1em;
      }
      .aco_ff .point_aco_list > li {
            border-radius: 0.5em;
      }
	.point_aco_list > li + li {
      margin-top: 1.0em;
}
      .aco_bage .point_aco_list > li {
            border-radius: 0.5em;
      }
      .point_aco_title .plus {
            width: 2em;
            right: 1em;
            top: 1.7em;
            border-radius: 0.3em;
      }
      .point_aco_title .plus:before {
            height: 1.2em;
            right: 1.0em;
            top: 0.4em;
      }
      .point_aco_title .plus:after {
            height: 1px;
            width: 1.2em;
            right: 0.5em;
            top: 0.95em;
      }
      .point_aco_title {
            padding: 1.5em 3em 1em 2em;
      }
}
/*パーツ
-----------------------------------------------------*/
.box_transe {
      position: relative;
      transform: translateY(-6em);
}
.box_transe_02 {
      position: relative;
      transform: translateY(-3em);
}
.box_transe_03 {
      position: relative;
      transform: translateY(-2em);
}
@media screen and (max-width: 960px) {
      .box_transe {
            transform: translateY(-2em);
      }
}
@media screen and (max-width: 680px) {
      .box_transe {
            transform: translateY(0em);
      }
      .box_transe_02 {
            transform: translateY(-0);
      }
      .box_transe_03 {
            transform: translateY(-0);
      }
}
.one_day_dl {
      margin: 0 auto auto auto;
      padding: 1em 3em 2em 6em;
      position: relative;
      z-index: 0;
}
.one_day_dl_inner {
      position: relative;
}
.one_day_dl:before, .one_day_dl:after, .one_day_dl_inner:before {
      content: "";
      position: absolute;
      background: #fabe00;
      z-index: -1;
      top: 0em;
      left: 2.85em;
}
.one_day_dl:before {
      width: 0.5em;
      border-radius: 1em;
      aspect-ratio: 1;
}
.one_day_dl:after {
      width: 0.5em;
      border-radius: 1em;
      aspect-ratio: 1;
      top: auto;
      bottom: 0;
}
.one_day_dl_inner:before {
      top: -1em;
      width: 2px;
      left: -3em;
      height: calc(100% + 3em);
}
.one_day_dl dl {
      overflow: hidden;
}
.one_day_dl dl + dl {
      margin-top: 3em;
}
@media screen and (max-width: 960px) {
      .one_day_dl {
            padding: 1em 1em 2em 3em;
      }
      .one_day_dl:before, .one_day_dl:after {
            left: 0.8em;
      }
      .one_day_dl_inner:before {
            left: -2em;
      }
}
@media screen and (max-width: 680px) {
      .one_day_dl {
            margin: 0em auto auto auto;
            padding: 1em 1em 2em 1em;
      }
      .one_day_dl:before, .one_day_dl:after {
            left: 0.1em;
      }
      .one_day_dl_inner:before {
            left: -0.7em;
      }
}
/*one_day_time*/
.one_day_time {
      color: var(--col_main);
      font-weight: 700;
      font-size: 2.8rem;
      position: relative;
      padding-left: 0.9em;
}
.one_day_time:before {
      content: "・";
      position: absolute;
      left: -0.2em;
}
/*one_day_title*/
.one_day_title {
      font-weight: 700;
      font-size: 2.0rem;
      margin: 1em auto 0.5em auto;
}
.one_day_title span {
      position: relative;
      background: #fff;
      padding: 0.5em 0.8em 0.5em 0;
      z-index: 0;
}
.one_day_title span:before, .one_day_title span:after {
      content: "";
      position: absolute;
      background: #f5f1ed;
      top: 1.1em;
      z-index: -1;
}
.one_day_title span:before {
      width: 0.5em;
      border-radius: 1em;
      right: -0.5em;
      top: 0.9em;
      aspect-ratio: 1;
}
.one_day_title span:after {
      width: 1000px;
      right: -1000px;
      height: 3px;
}
.one_day_flex .text_box, .no_img_dl .one_day_title span:before {
      content: none;
}
.one_day_flex .text_box, .no_img_dl .one_day_title span:after {
      content: none;
}
@media screen and (max-width: 680px) {
      .one_day_title span:before, .one_day_title span:after {
            content: none;
      }
}
/*one_day_flex
----------------------------------------------------*/
.one_day_flex {
      gap: 0 10%;
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
}
.one_day_flex .text_box, .no_img_dl .text_box {
      width: 50%;
}
.one_day_flex .img {
      z-index: 3;
      width: 50%;
      overflow: hidden;
      border-radius: 1em;
      transform: translateY(-3em);
}
.one_day_flex .img img {
      width: 100%;
}
@media screen and (max-width: 680px) {
      .one_day_flex, .no_img_dl .text_box {
            padding-left: 1.5em;
            display: block;
      }
      .one_day_flex .img {
            width: auto;
            transform: translateY(0);
      }
      .one_day_flex .text_box, .no_img_dl .text_box {
            width: auto;
      }
}
/*one_day_point*/
.one_day_point {
      background: #f5f1ed;
      border-radius: 0.5em;
      padding: 1em;
}
.one_day_point_flex {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0 3%;
}
.one_day_point_title {
      background: #fff;
      width: 5em;
      padding: 0.5em;
      border-radius: 0.5em;
}
.one_day_point_text {
      width: calc(100% - 5em);
}
/*messe_lead_w
-----------------------------------------------------------------*/
.messe_lead_w {
      display: flex;
      /*      align-items: center;*/
      justify-content: space-between;
      gap: 0 2%;
}
.messe_lead_w .text_box {
      position: relative;
      z-index: 2;
      width: 60%;
}
.messe_lead_w .text_box p + p {
      margin-top: 1em;
}
.messe_lead_w .img {
      width: 40%;
      transform: translateX(5em) translateY(-3em);
}
.messe_lead_w .img img {
      width: 100%;
}
@media screen and (max-width: 1200px) {
      .messe_lead_w {
            width: 90%;
      }
      .messe_lead_w .text_box {
            width: 60%;
      }
      .messe_lead_w .img {
            width: 40%;
            transform: translateX(5em);
      }
}
@media screen and (max-width: 680px) {
      .messe_lead_w {
            padding: 0 0 0 0;
            display: block;
            width: 100%;
      }
      .messe_lead_w .text_box {
            width: 100%;
            margin: auto;
      }
      .messe_lead_w .img {
            width: 95%;
            margin: 1em 0 auto 5%;
      }
}
/*img_dods*/
@media screen and (min-width: 681px), print {
      .messe_lead_w .img_dods:before {
            right: -22em;
            top: 11em;
      }
}
/*img_text_box_section
-------------------------------------------------------------------------------------------------*/
.img_text_box_section + .img_text_box_section, .img_text_box_section + .text_box_section, .text_box_section + .img_text_box_section {
      border-top: 2px solid #fff;
      margin-top: 4em;
      padding-top: 4em;
}
@media screen and (max-width: 680px) {
      .img_text_box_section + .img_text_box_section, .img_text_box_section + .text_box_section, .text_box_section + .img_text_box_section {
            margin-top: 2em;
            padding-top: 2em;
      }
}
/*text_box_flex*/
.text_box_flex {
      display: flex;
      justify-content: space-between;
      gap: 0 8%;
}
.text_box_flex .text_box {
      width: 40%;
}
.text_box_sub {
      width: 60%;
      background: #fff;
      padding: 2em 1.5em;
      border-radius: 0.8em;
}
@media screen and (max-width: 680px) {
      .text_box_flex {
            display: block;
      }
      .text_box_flex .text_box {
            width: auto;
      }
      .text_box_sub {
            margin-top: 1em;
            width: auto;
            padding: 1em 1em;
            border-radius: 0.5em;
      }
}
/*point_inner_img_list
--------------------------------------------------------------------------------------------------------------------*/
.point_inner_img_list {
      display: flex;
      flex-wrap: wrap;
      gap: 1em 3%;
}
.point_inner_img_list > li {
      width: calc((100% /3) - 2%);
}
.point_inner_img_list > li .img {
      overflow: hidden;
      border-radius: 0.8em;
}
.point_inner_img_list > li .img img {
      width: 100%;
}
.point_inner_img_list_title {
      letter-spacing: -0.5px;
      font-size: 2.0rem;
      padding: 0.5em 0;
}
.point_inner_img_list_title span {
      font-size: 1.4em;
}
@media screen and (max-width: 680px) {
      .point_inner_img_list {
            display: block;
      }
      .point_inner_img_list > li {
            width: auto;
      }
      .point_inner_img_list > li + li {
            margin-top: 2em;
      }
      .sp_img_flex {
            align-items: center;
            display: flex;
            justify-content: space-between;
            gap: 0 1em;
            margin-bottom: 0.5em;
      }
      .sp_img_flex .img {
            width: 45%;
            border-radius: 0.2em;
      }
      .sp_img_flex .point_inner_img_list_title {
            width: 55%;
            line-height: 1.3;
      }
}
/*chairman_lead_w
------------------------------------------------------------------------------------------------------------------*/
.chairman_area {
      padding: 8em 0 0 0;
}
.chairman_lead_w {
      display: flex;
      /*      align-items: center;*/
      justify-content: space-between;
      gap: 0 10%;
}
.chairman_lead_w .text_box {
      position: relative;
      z-index: 2;
      width: 60%;
}
.chairman_lead_text {
      margin-top: 6em;
}
.chairman_lead_w .text_box p + p {
      margin-top: 1em;
}
.chairman_lead_w .img {
      width: 40%;
}
.chairman_lead_w .img img {
      width: 100%;
}
@media screen and (max-width: 960px) {
      .chairman_lead_w {
            gap: 0 5%;
      }
}
@media screen and (max-width: 680px) {
      .chairman_area {
            padding: 3em 0 0 0;
      }
      .chairman_lead_w {
            padding: 0 0 0 0;
            display: block;
            width: 100%;
      }
      .chairman_lead_w .text_box {
            width: 100%;
            margin: auto;
      }
      .chairman_lead_w .img {
            width: 100%;
            margin: 3em auto auto auto;
            padding-bottom: 6em;
      }
      .chairman_lead_w .img img {
            transform: scale(1.05);
            margin-left: 3%;
      }
      .chairman_lead_text {
            margin-top: 2em;
      }
}
/*bottom_deco*/
@media screen and (min-width: 681px), print {
      .chairman_area .text_box:before {
            content: "";
            background-size: contain;
            position: absolute;
            background: url("../images/top/bottom_deco.svg") no-repeat;
            aspect-ratio: 190/182;
            width: 19rem;
            bottom: -8.5em;
            left: 0;
            z-index: -1;
      }
}
@media screen and (max-width: 680px) {
      .chairman_area .img:before {
            content: "";
            background-size: contain;
            position: absolute;
            background: url("../images/top/bottom_deco.svg") no-repeat;
            aspect-ratio: 190/182;
            width: 19rem;
            bottom: -6em;
            right: 0;
            z-index: -1;
      }
}
/*img_dods*/
@media screen and (min-width: 681px), print {
      .chairman_lead_w .img_dods:before {
            right: -22em;
            top: calc(50% + 1em);
      }
}
.chairman_name {
      width: 10em;
      margin: 7em 0 auto auto !important;
}
.chairman_name img {
      width: 100%;
}
@media screen and (max-width: 680px) {
      .chairman_name {
            width: 10em;
            margin: 1em 0 auto auto !important;
      }
}