@import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap');




#wrapanime{
  width: 100%;
height: 100%;
  overflow: hidden;

}
#wrapanime .anime{
  position: relative;
}
#wrapanime .anime img{
    z-index: 99;
  position: absolute;
}
#wrapanime .anime img{
  width: 800px;
	height: auto;
position: fixed;pointer-events: none;
}
#wrapanime .anime .parts_1{
  -webkit-animation-delay: 0s;
  animation-delay: 1.5s;
}
#wrapanime .anime .parts_2{
  -webkit-animation-delay: 1.5s;
  animation-delay: 5s;
}
#wrapanime .anime .parts_3{
  -webkit-animation-delay: 4s;
  animation-delay: 15s;
}
#wrapanime .anime .parts_4{
  -webkit-animation-delay: 0.5s;
  animation-delay: 10s;
}
img.parts_1{top: 0; left: 5%;
     -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
img.parts_2{top: -300px; right: 5%;
     -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
img.parts_3{top: -300px; right: 5%;
     -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
img.parts_4{top: -300px; left: 5%;
    -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
@keyframes anime {
    0% {
    }
    25% {
      transform:translate(0,250vh) ;
    }
    50% {
      transform:translate(-100px,500vh)  ;
    }
    75% {
      transform:translate(100px,750vh) ;
    }
    100% {
      transform:translate(150px,1000vh);
  
    }
}

#wrapanime .anime img {
    animation: anime linear 60s infinite;
      transform:translate(0,-800px) ;
    /*アニメーションが始まるまで画像を見えなくしておく*/
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/*メイン：#E2E2E2
サブ：#FBFFC1
アクセント：#CCF2FF
text 00262f
*/
.cate_list li {
border: 1px solid #fff;
}
#page_title h2 {
color: #00262f;
}
#pc_tel .fs_wrap a {
  font-family: 'Noto Serif', serif;
}
#main_left #footer_txt {
  border-radius: 20px;
  box-shadow: 0 10px 30px rgb(42 72 94 / 10%);
  color: #00262f;
  padding: 30px;
  width: auto !important;
  left: 30px;
  right: 30px;
  top: 30px;
}
.rectangle_img, .square_img, .normal_img img, #cms_6-a .cate_box {
  border-radius: 20px;
  box-shadow: 0 7px 19px rgba(81, 81, 81, 0.08);
}
.border_rad10 {}
#link ul li a {
  color: #00262f;
}
#contents .fs_wrap {
  position: relative;
}
#contents .fs_wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: -40px;
  left: 0px;
  right: 0;
  margin: auto;
  width: 340px;
  height: 60px;
  background-image: url(Dup/copy.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#contents .fs_wrap h3 span {
  color: #00262f;
  text-shadow: none;
  font-weight: bold
}
/* ------------------------------------------------------------------------*/
#main_left, #main_right, #wrap, #main_right header, #pc_intro, #contents, #pc_news, #map, #sp_info, #contents2 {
  border: none !important;
}
.bg_color1 {
  background-color: #60bdff /*全体・SNSリンク背景*/
}
#link .bg_color1 {
  background-color: #E2E2E2;
}
.bg_color2 {
  background-color: #fff;
}
.bg_color3 {
  background-color: #FBFFC1
} /*MENU背景　やや暗め*/
.bg_color4 {
  background-color: #CCF2FF;
}
.bg_color5 {  background-color: #f2f2f2;}
.border_color1 {
  border-color: #CCF2FF;
}
.border_color2 {
  border-color: #a8a8a8;
}
.border_color3 {
  border-color: #ffffff;
}
.border_color4 {
  border-color: #CCF2FF;
}

#top_header {
  background-color: transparent !important;
}
#contents::after {
  /* background-color: rgba(255, 199, 91, 0.74)!important;*/
}
.hvr_txt_color3:hover {
  color: #0088d2;
}
.txt_color1 {
  color: #161726;
}
.txt_color2 {
  color: #161726;
}
.txt_color3 {
  color: #72c5f8;
}
.linkStyle {
  color: #0075c0;
  border-bottom: 1px solid;
}
.linkStyle:hover {
  opacity: 0.7;
  transition: all 0.3s;
}
#pc_intro {
  background-color: #fefefe;
  background-image: url(Dup/naname.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 62% auto;
}
#main_left #footer_txt.bg_color1 {
  background-color: /*#f3f4f6  #60bdff*/ #fff;
  box-shadow: none;
  /* color: #171717;*/
}
#top_header h1 {
  text-align: center;
}
#top_header h1 img {
  width: 358px;
  margin: 0 auto 28px;
}
#contents {
  margin-bottom: 0;
}
#contents, #contents2 {
  padding-top: 100px !important;
  padding-bottom: 100px !important
}
#contents .fs_wrap, #contents2 .fs_wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}
#contents h3, #contents2 h3 {
  margin-bottom: 50px !important
}
#contents2 {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#contents2::after {
  position: absolute;
  z-index: 0;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background-color: rgba(56, 130, 255, 0.77)!important;*/
}
#contents2 .fs_wrap {
  position: relative;
  z-index: 1;
}
#pc_intro .fs_wrap h3 {
  width: 71% !important;
}
@media(min-width: 769px) {
main, #pc_news {
/*background: rgb(244,244,244);
background: linear-gradient(117deg, rgba(244,244,244,1) 0%, rgba(226,226,226,1) 45%, rgba(247,247,247,1) 100%); rgbaはエラー出る
background-color: #efefef!important;  指定するとTBスマホの時透過できないので微妙*/
}

#page_title, #page_container {
    padding-left: 50px!important;
    padding-right: 50px!important;
}

#main_left #left_link {
    width: 44%!important;
}
  #main_right header, #main_right main #page_container, #page_title { /*★*/
    padding-right: 0;
  }
  #main_right.bg_color1 {
    background-image: url(Dup/bg2.jpg);
    background-size: 100% auto;
    background-position: 50% 0;
  }
}
@media(max-width: 768px) {
#cms_6-c .arrow {
    bottom: -138px;
    height: 81px;
}
/*.pager li a {
    background: transparent;
    color: #61beff;
    border-bottom: 2px solid;
    font-weight: bold;
}*/

#link_bt.links_bt {
    width: 35%;
    max-width: 238px;
    bottom: 96%;  filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.1));
}
  #top_header {
    background-image: url(Dup/bg2.jpg);
    background-size: 100% auto;
    background-position: 50% 0;
  }
  #intro h2 img {
    width: 90%;
  }
  header #top_header .tel_bt a, header #top_header .intro_bt a {
    box-shadow: 0 5px 12px rgba(42, 72, 94, 0.10);
  }
  #contents {
    margin-bottom: 0 !important;
  }
}
@media(max-width: 667px) {
.link_txt {font-size: 13px;}
#cms_6-c .arrow {
    bottom: -143px;
    height: 87px;
}
  #contents .fs_wrap {
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  #contents .fs_wrap:before {
    top: -34px;
    width: 245px;
  }
  #main_right.bg_color1 {
    background-color: transparent;
  }
  #main_right:before {
    top: -33.5%;
    width: 100%;
    transform: skewY(352deg);
  }
  #main_right:after {
    top: 0;
    height: 113px;
    transform: skewY(0deg);
  }
  #top_header h1 img {
    width: 130px;
    margin: 0 auto;
  }
  #top_link .links_bt {
    width: 173px !important;

  }
  #top_link .links_bt:before {
    top: -34px;
    left: -69px;
    width: 103px;
  }
  .links_bt {
    width: 150px !important;
    max-width: inherit!important;
    bottom: 96%!important;  
  }
  .links_bt:before {
    top: -13px;
    left: -49px;
    width: 67px;
  }
  #main_img {
    left: 64%;
  }
}
/* ----------------------------------------------- 下層 ---------------------------------------------------------- */
#page_title {
  background-color: #FBFFC1 !important;
}

@media all and (-ms-high-contrast: none) {
#contact_box a {
padding-top: 37px;}
#cms_6-c .box_title::first-letter {
font-size: calc(1rem + 6px);
padding-right: 0;
}
}