@charset "UTF-8";

/* mvWrap
***************************************************************/
.mvWrap {
  width: 100%;
  height: 100vh;
}
.mv_inner {
  width: 1150px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mv_logo1 {
  width: 418.5px;
  position: relative;
  z-index: 2;
}
.mv_scroll1 {
  width: 56px;
  height: 60px;
  position: absolute;
  z-index: 1;
  top: 620px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: flex-end;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #1b7da8;
}
.mv_scroll1_dot {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.mv_scroll1_dot .dot {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #b3d7e4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: none;
}
.mv_scroll1_dot .dot1 {
  top: 0;
  animation: dot1 linear infinite 3s;
}
.mv_scroll1_dot .dot2 {
  top: 13px;
  animation: dot2 linear infinite 3s;
}
.mv_scroll1_dot .dot3 {
  top: 26px;
  animation: dot3 linear infinite 3s;
}
@keyframes dot1 {
  0% {
    background-color: #b3d7e4;
  }
  24.9% {
    background-color: #b3d7e4;
  }
  25% {
    background-color: #1b7da8;
  }
  100% {
    background-color: #1b7da8;
  }
}
@keyframes dot2 {
  0% {
    background-color: #b3d7e4;
  }
  49.9% {
    background-color: #b3d7e4;
  }
  50% {
    background-color: #1b7da8;
  }
  100% {
    background-color: #1b7da8;
  }
}
@keyframes dot3 {
  0% {
    background-color: #b3d7e4;
  }
  74.9% {
    background-color: #b3d7e4;
  }
  75% {
    background-color: #1b7da8;
  }
  100% {
    background-color: #1b7da8;
  }
}
@media all and (min-width: 681px) {
}
@media all and (max-width: 680px) {
  .mvWrap {
    height: 100svh;
  }
  .mv_inner {
    width: 100%;
  }
  .mv_logo1 {
    width: 229.7px;
  }
  .mv_scroll1 {
    top: auto;
    bottom: 24px;
  }
}
@media all and (max-width: 370px) {
}

/* messageWrap
***************************************************************/
.messageWrap {
  padding: 80px 0;
}
.message_inner {
  width: 1150px;
  margin: 0 auto;
  margin-top: 35px;
  position: relative;
}
.message_text1 {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: calc(50 / 20);
}
.message_link1 {
  margin-top: 60px;
}
@media all and (min-width: 681px) {
}
@media all and (max-width: 680px) {
  .messageWrap {
    padding: 65px 0 50px;
  }
  .message_inner {
    width: 100%;
    margin-top: 30px;
    padding: 0 40px;
  }
  .message_text1 {
    font-size: 16px;
    text-align: justify;
    letter-spacing: 0;
    line-height: calc(32 / 16);
  }
  .message_link1 {
    margin-top: 40px;
  }
}
@media all and (max-width: 370px) {
}

/* paint_msg */
.paint_msg1 {
  width: 765.75px;
  height: 210.1px;
  transform: rotate(-21deg);
  left: -664px;
  bottom: 230px;
  z-index: -1;
}
.paint_msg1.scrollin .paint_in,
.paint_msg1 img {
  width: 765.75px;
}
.paint_msg2 {
  width: 453.25px;
  height: 136.85px;
  transform: rotate(15deg);
  left: -464px;
  bottom: 200px;
  z-index: -1;
}
.paint_msg2.scrollin .paint_in,
.paint_msg2 img {
  width: 453.25px;
}
.paint_msg3 {
  width: 262.91px;
  height: 102.36px;
  transform: rotate(36deg);
  left: -120px;
  bottom: -30px;
  z-index: -1;
}
.paint_msg3.scrollin .paint_in,
.paint_msg3 img {
  width: 262.91px;
}
@media all and (min-width: 681px) {
}
@media all and (max-width: 680px) {
}

/* historyWrap
***************************************************************/
.historyWrap {
  padding: 80px 0;
}
.history_inner {
  width: 1150px;
  margin: 55px auto 0;
  position: relative;
}
.history_bnr1 {
  width: 100%;
  height: 472px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: no-repeat center / cover;
}
.history_bnr1_txt {
  color: #fff;
  font-size: 45px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: calc(71 / 45);
}
.history_bnr1_btn {
  margin-top: 24px;
}
@media all and (min-width: 681px) {
  .history_bnr1 {
    background-image: url(../img/top/history_img1.jpg);
  }
}
@media all and (max-width: 680px) {
  .historyWrap {
    padding: 50px 0;
  }
  .history_inner {
    width: 100%;
    margin-top: 30px;
  }
  .history_bnr1 {
    width: 100%;
    height: calc((265 / 375) * 100vw);
    background-image: url(../img/top/history_img1_sp.jpg);
  }
  .history_bnr1_txt {
    font-size: 24px;
    line-height: calc(38 / 24);
  }
  .history_bnr1_btn {
    margin-top: 21px;
  }
}
@media all and (max-width: 370px) {
}

/* paint_his */
.paint_his1 {
  width: 554.33px;
  height: 220.85px;
  transform: rotate(9deg);
  left: -470px;
  top: 0;
  z-index: -1;
}
.paint_his1.scrollin .paint_in,
.paint_his1 img {
  width: 554.33px;
}
.paint_his2 {
  width: 630.87px;
  height: 178.94px;
  transform: rotate(-21deg);
  left: -530px;
  bottom: -128px;
  z-index: -1;
}
.paint_his2.scrollin .paint_in,
.paint_his2 img {
  width: 630.87px;
}
.paint_his3 {
  width: 610.62px;
  height: 207.28px;
  transform: rotate(164deg);
  right: -310px;
  top: -242px;
  z-index: -1;
}
.paint_his3.scrollin .paint_in,
.paint_his3 img {
  width: 610.62px;
}
.paint_his3 img {
  transform: rotate(180deg);
}
.paint_his4 {
  width: 308.47px;
  height: 134.16px;
  transform: rotate(168deg);
  right: -310px;
  top: -111px;
  z-index: -1;
}
.paint_his4.scrollin .paint_in,
.paint_his4 img {
  width: 308.47px;
}
.paint_his4 img {
  transform: rotate(180deg);
}
.paint_his5 {
  width: 319.55px;
  height: 155.08px;
  transform: rotate(210deg);
  right: -252px;
  bottom: -128px;
  z-index: -1;
}
.paint_his5.scrollin .paint_in,
.paint_his5 img {
  width: 319.55px;
}
.paint_his5 img {
  transform: rotate(180deg);
}
@media all and (min-width: 681px) {
}
@media all and (max-width: 680px) {
  .paint_his5 {
    width: 181.08px;
    height: 68.19px;
    transform: rotate(159deg);
    right: -80px;
    bottom: -50px;
  }
  .paint_his5.scrollin .paint_in,
  .paint_his5 img {
    width: 181.08px;
  }
}

/* newsWrap
***************************************************************/
.newsWrap {
  padding: 80px 0;
}
.newsWrap .w_title1 {
  margin-bottom: 60px;
}
.news_link1 {
  margin-top: 50px;
}
@media all and (min-width: 681px) {
}
@media all and (max-width: 680px) {
  .newsWrap {
    padding: 50px 0;
  }
  .newsWrap .w_title1 {
    margin-top: 32px;
  }
  .news_link1 {
    margin-top: 40px;
  }

  .news_list1 .link1 {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    align-items: center;
  }
  .news_list1_thumb {
    width: 157px;
    height: 105px;
    border-radius: 10px;
  }
  .news_list1_txtBox {
    width: calc(100% - 157px);
    padding: 0 0 0 16px;
  }
  .news_list1_day {
    display: none;
  }
  .news_list1_tit1 {
    font-size: 14px;
    line-height: 1.5;
    min-height: 3em;
  }
  .news_list1_txt1 {
    margin-top: 5px;
    -webkit-line-clamp: 3;
    font-size: 12px;
    line-height: 1.5;
    min-height: 4.5em;
  }
}
@media all and (max-width: 370px) {
}

/* specialWrap
***************************************************************/
.specialWrap {
  padding: 80px 0;
}
.special_list1 {
  margin: 40px auto 0;
  display: flex;
  justify-content: center;
  gap: 0 64px;
}
.special_list1 .li1 {
  width: 543px;
}
.special_list1 .link1 {
  width: 100%;
  height: 180px;
  background-color: #1b7da8;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.special_list1_link1_in {
  padding-top: 10px;
}
.special_list1_link1_txt {
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.special_list1_link1_ico {
  display: block;
  width: 31.55px;
  height: 23.33px;
  margin: 18px auto 0;
  background: url(../img/common/arrow3_w.svg) no-repeat center / contain;
  position: relative;
  right: 0;
  transition: right 0.3s ease;
}
@media all and (min-width: 681px) {
  .special_list1 a.link1:hover {
    background-color: #52a5c9;
  }
  .special_list1 a.link1:hover .special_list1_link1_ico {
    right: -6px;
  }
}
@media all and (max-width: 680px) {
  .specialWrap {
    padding: 50px 0;
  }
  .special_list1 {
    margin-top: 27px;
    padding: 0 30px;
    display: block;
  }
  .special_list1 .li1 {
    width: 100%;
  }
  .special_list1 .li1:nth-of-type(n + 2) {
    margin-top: 10px;
  }
  .special_list1 .link1 {
    height: 110px;
  }
  .special_list1_link1_in {
    padding-top: 0;
  }
  .special_list1_link1_txt {
    font-size: 18px;
  }
  .special_list1_link1_ico {
    width: 27.44px;
    height: 20.29px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 24px;
  }
}
@media all and (max-width: 370px) {
}

/* movieWrap
***************************************************************/
.foot {
  /* background-image: none !important; */
}
.movieWrap {
  padding-top: 240px;
  background: #e7f7f7 url(../img/common/foot_bg1.svg) no-repeat center top /
    3000px;
}
.movie_inner {
  width: 1150px;
  margin: 60px auto 0;
  position: relative;
}
.movie_box1 {
  width: 1056px;
  margin: 0 auto;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 2;
  padding: 22px 28px;
}
.movie_box1_item {
  width: 100%;
  height: 562px;
  background-color: #b4b4b4;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.movie_box1_item_ico {
  width: 115px;
  transition: opacity 0.3s ease;
}
@media all and (min-width: 681px) {
  a:hover .movie_box1_item_ico {
    opacity: 0.6;
  }
}
@media all and (max-width: 680px) {
  .movieWrap {
    padding-top: 100px;
    background-size: 1000px;
  }
  .movie_inner {
    width: 100%;
    margin-top: 30px;
    padding: 0 30px;
  }
  .movie_box1 {
    width: 100%;
    padding: 10px;
  }
  .movie_box1_item {
    width: 100%;
    height: calc((178 / 375) * 100vw);
  }
  .movie_box1_item_ico {
    width: 69.65px;
  }
}
@media all and (max-width: 370px) {
}

/* paint_mov */
.paint_mov1 {
  width: 610.62px;
  height: 207.28px;
  transform: rotate(159deg);
  right: -358px;
  top: -202px;
}
.paint_mov1.scrollin .paint_in,
.paint_mov1 img {
  width: 610.62px;
}
.paint_mov1 img {
  transform: rotate(180deg);
}
.paint_mov2 {
  width: 436.61px;
  height: 189.89px;
  transform: rotate(-29deg);
  left: -130px;
  top: -56px;
}
.paint_mov2.scrollin .paint_in,
.paint_mov2 img {
  width: 436.61px;
}
.paint_mov3 {
  width: 195.83px;
  height: 85.17px;
  transform: rotate(140deg);
  right: 30px;
  bottom: 80px;
}
.paint_mov3.scrollin .paint_in,
.paint_mov3 img {
  width: 195.83px;
}
.paint_mov3 img {
  transform: rotate(180deg);
}
.paint_mov4 {
  width: 252.17px;
  height: 109.68px;
  transform: rotate(149deg);
  right: -87px;
  bottom: 60px;
}
.paint_mov4.scrollin .paint_in,
.paint_mov4 img {
  width: 252.17px;
}
.paint_mov4 img {
  transform: rotate(180deg);
}
@media all and (max-width: 680px) {
  .paint_mov2 {
    width: 138.66px;
    height: 60.31px;
    left: -41px;
    top: -17px;
  }
  .paint_mov2.scrollin .paint_in,
  .paint_mov2 img {
    width: 138.66px;
  }
  .paint_mov3 {
    width: 62.19px;
    height: 27.05px;
    right: 24px;
    bottom: 32px;
  }
  .paint_mov3.scrollin .paint_in,
  .paint_mov3 img {
    width: 62.19px;
  }
  .paint_mov4 {
    width: 80.08px;
    height: 34.83px;
    transform: rotate(149deg);
    right: -15px;
    bottom: 23px;
  }
  .paint_mov4.scrollin .paint_in,
  .paint_mov4 img {
    width: 80.08px;
  }
}

/* コンテンツ
***************************************************************/
@media all and (min-width: 681px) {
}
@media all and (max-width: 680px) {
}
@media all and (max-width: 370px) {
}

/* コンテンツ
***************************************************************/
@media all and (min-width: 681px) {
}
@media all and (max-width: 680px) {
}
@media all and (max-width: 370px) {
}

/* コンテンツ
***************************************************************/
@media all and (min-width: 681px) {
}
@media all and (max-width: 680px) {
}
@media all and (max-width: 370px) {
}