@charset "utf-8";
/* clearfix */
#tmp_emergency_inside:after,
#tmp_featured_link .bottom_links:after,
#tmp_guild .guide_links:after,
#tmp_emergency_m_head:after,
#tmp_emergency_m_head .info_list:after,
#tmp_emergency_m_body .emergency_m_list .list_item:after {
  content: ""; /* Do not edit */
  display: table; /* Do not edit */
  clear: both; /* Do not edit */
}
/* ==================================================
contents
================================================== */
.no_javascript .slick_slide img,
.no_javascript .slick_slide,
.no_javascript .slick_slides {
  /* position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; */
}
.no_javascript .slick_slide {
  display: none;
}
.no_javascript .slick_slide:first-child {
  display: block;
}
#tmp_search_top .container {
  margin-top: 0;
}
.format_emergency #tmp_search_top .container {
  margin-top: -341px;
  margin-bottom: 42px;
}
.format_emergency #tmp_search_top .bnr_img {
  padding-top: 189px;
}

#tmp_wrap_mv {
  background: #e3f2f9;
  padding: 52px 0 0 0;
  position: relative;
}
#tmp_wrap_mv:before {
  content: "";
  display: block;
  width: 100%;
  max-height: 110px;
  aspect-ratio: 1500 / 120;
  position: absolute;
  left: 0;
  background: url(/shared/templates/rn_suido_top/images/bg_wave_b01.png) repeat-x left bottom / cover;
  top: 92%;
  z-index: -1;
}
#tmp_wrap_mv .container {
  display: flex;
  justify-content: space-between;
}
#tmp_mv {
  width: 60%;
  margin-right: 30px;
  flex: 1;
}
#tmp_mv a {
  display: block;
}
#tmp_mv a span {
  position: relative;
  aspect-ratio: 720 / 400 !important;
  object-fit: cover;
  display: block;
  overflow: hidden;
}
#tmp_mv a span img {
  width: 100%;
  height: 100%;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.7s;
  object-fit: cover;
}

#tmp_waterlevel {
  width: 35%;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}
#tmp_waterlevel .waterlevel_ttl {
  background: #094d9c;
  text-align: center;
  padding: 20px 20px 14px;
}
#tmp_waterlevel .waterlevel_ttl span {
  color: #fff;
  padding-left: 50px;
  position: relative;
}
#tmp_waterlevel .waterlevel_ttl span:before {
  content: "";
  display: block;
  position: absolute;
  width: 36px;
  height: 34px;
  background: url(/shared/rn/site_suido/images/icon/ico_ripples.png) no-repeat center center / contain;
  top: 45%;
  transform: translateY(-50%);
  left: 0;
}
#tmp_waterlevel .waterlevel_ttl span a {
  color: #fff;
}
#tmp_waterlevel .waterlevel_contents {
  padding: 55px 40px;
}
#tmp_waterlevel .waterlevel_contents dl {
  font-weight: bold;
  display: flex;
  width: 80%;
  margin: 0 auto 10px auto;
}
#tmp_waterlevel .waterlevel_contents dl dt {
  color: #094d9c;
  width: 6em;
  text-align: right;
  font-size: 171.4%;
}
#tmp_waterlevel .waterlevel_contents dl dd {
  width: calc(100% - 7em);
  text-align: right;
}
#tmp_waterlevel .waterlevel_contents dl dd span {
  font-size: 171.4%;
}
#tmp_waterlevel .waterlevel_day {
  border-radius: 10px;
  background: #e3f2f9;
  font-size: 112.5%;
  padding: 18px 15px;
  margin-top: 32px;
}

/* ==================================================
begin section Procedure 
================================================== */
/* #tmp_guide */
#tmp_proceduce .title_flower h2 {
  font-size: 171.4%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 38px;
}
#tmp_proceduce .title_flower h2 span {
  font-size: 66.7%;
  display: block;
  margin-bottom: 3px;
}
.format_emergency .section_procedure {
  margin-top: 0;
}
.section_procedure {
  padding-top: 112px;
  margin-top: -54px;
  background: #ffffff url(/shared/templates/rn_top/images/bg_procedure.jpg) center top no-repeat;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
}

.center {
  text-align: center;
}
#tmp_proceduce .btn_menu {
  display: inline-block;
  font-size: 114.3%;
  font-weight: bold;
  color: #ffffff;
  background: #154996 url(/shared/rn/images/bg_gradient_bnr.jpg) 0 0 no-repeat;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-decoration: none;
  padding: 14px 35px 12px;
  min-width: 300px;
  position: relative;
  transition: 0.2s all;
  -moz-transition: 0.2s all;
  -webkit-transition: 0.2s all;
}
#tmp_proceduce .btn_menu:hover,
#tmp_proceduce .btn_menu:active,
#tmp_proceduce .btn_menu:focus {
  background: #374354;
}
#tmp_proceduce .btn_menu:after {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  background: url(/shared/rn/images/icon/icon_arrow_white.png) 0 0 no-repeat;
  right: 14px;
  top: 50%;
  margin-top: -9px;
}
/* tmp_feature_link */
#tmp_featured_link {
  width: 588px;
  float: right;
  margin-bottom: 45px;
}
#tmp_featured_link ol {
  list-style: none;
  padding: 33px 24px 48px;
  border: 1px solid #9eceb7;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
#tmp_featured_link ol a {
  font-size: 114.3%;
  color: #154996;
  background-color: #ffffff;
  text-decoration: none;
}
#tmp_featured_link ol a:hover,
#tmp_featured_link ol a:active,
#tmp_featured_link ol a:focus {
  text-decoration: underline;
}
#tmp_featured_link ol li {
  background-color: #ffffff;
  color: #000000;
  background-repeat: no-repeat;
  background-position: 2px 5px;
  padding: 3px 0 3px 35px;
  margin-bottom: 16px;
}
#tmp_featured_link ol li:nth-child(1) {
  background-image: url(/shared/rn/images/icon/icon_nu1.png);
}
#tmp_featured_link ol li:nth-child(2) {
  background-image: url(/shared/rn/images/icon/icon_nu2.png);
}
#tmp_featured_link ol li:nth-child(3) {
  background-image: url(/shared/rn/images/icon/icon_nu3.png);
}
#tmp_featured_link ol li:nth-child(4) {
  background-image: url(/shared/rn/images/icon/icon_nu4.png);
}
#tmp_featured_link ol li:nth-child(5) {
  background-image: url(/shared/rn/images/icon/icon_nu5.png);
}
#tmp_featured_link .bottom_links {
  margin: 0 -8px;
  list-style: none;
  text-align: center;
  padding-top: 11px;
}
#tmp_featured_link .bottom_links li {
  float: left;
  width: 50%;
  padding: 0 8px;
}
#tmp_featured_link .bottom_links li:nth-child(2n) {
  clear: right;
}
#tmp_featured_link .bottom_links li:nth-child(2n + 1) {
  clear: left;
}
#tmp_featured_link .btn_arrow a {
  text-decoration: none;
  font-size: 128.6%;
  color: #154996;
  background: #ffffff url(/shared/rn/images/icon/arrow_circle2.jpg) right center no-repeat;
  text-align: left;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 2px solid #154996;
  display: block;
  padding: 25px 32px 21px 25px;
  margin-bottom: 19px;
}
#tmp_featured_link .btn_arrow .small {
  font-size: 114.3%;
  padding-top: 26px;
  padding-bottom: 23px;
}
#tmp_featured_link .btn_arrow a:hover,
#tmp_featured_link .btn_arrow a:active,
#tmp_featured_link .btn_arrow a:focus {
  color: #ffffff;
  background: #154996 url(/shared/rn/images/icon/icon_arrow_square2_hover.png) right center no-repeat;
}
#tmp_featured_link .part_link {
  text-align: center;
  margin-top: -27px;
}
#tmp_featured_link .btn_menu {
  margin-bottom: 42px;
}
/* ==================================================
end section Procedure
================================================== */

/* ==================================================
begin section_news
================================================== */
.section_news {
  position: relative;
  padding: 50px 0;
  margin-top: 80px;
}
.section_news .container {
  position: relative;
  z-index: 1;
}
.section_news .water_apply {
  color: #000;
  margin-bottom: 22px;
}
.section_news .water_apply .new_ttl {
  margin-bottom: 32px;
}
.section_news .water_apply .water_apply_btn {
  margin-bottom: 12px;
}
.section_news .water_apply .water_apply_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #000;
  text-align: center;
  font-size: 112.5%;
  padding: 36px 53px 36px 125px;
  border-radius: 10px;
  border: 1px solid #d0d5da;
  background: #fff;
  transition: all .3s;
  position: relative;
}
.section_news .water_apply .water_apply_btn a br {
  display: none;
}
.section_news .water_apply .water_apply_btn a:hover{
  border: 1px solid #094D9C;
}
.section_news .water_apply .water_apply_btn a span{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
}
.section_news .water_apply .water_apply_btn a span img{
  max-height: 45px;
}
.section_news .water_apply .water_apply_txt{
  max-width: 450px;
  letter-spacing: 0.1em;
  margin: 0 auto;
}
.section_news .water_newsletter .new_ttl {
  margin-bottom: 22px;
}
.section_news .water_newsletter_wrap {
  color: #000;
  display: flex;
  justify-content: space-between;
}
.section_news .water_newsletter_wrap .water_newsletter_img {
  width: 190px;
}
.section_news .water_newsletter_wrap .water_newsletter_img span {
  position: relative;
  aspect-ratio: 190 / 270 !important;
  object-fit: cover;
  display: block;
  overflow: hidden;
}
.section_news .water_newsletter_wrap .water_newsletter_img span img {
  width: 100%;
  height: 100%;
  max-width: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.7s;
  object-fit: cover;
}
.section_news .water_newsletter_wrap .water_newsletter_info {
  width: calc(100% - 190px - 29px);
}

.section_news
  .water_newsletter_wrap
  .water_newsletter_info
  .water_newsletter_ttl {
  font-size: 171.4%;
  font-weight: bold;
  margin-bottom: 17px;
}
.section_news
  .water_newsletter_wrap
  .water_newsletter_info
  .water_newsletter_no {
    font-size: 112.5%;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}
.section_news
  .water_newsletter_wrap
  .water_newsletter_info
  .water_newsletter_list {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 17px;
  line-height: 2;
  letter-spacing: 0.1em;
}
.section_news
  .water_newsletter_wrap
  .water_newsletter_info
  .water_newsletter_list  li{
  line-height: 2;
  letter-spacing: 0.1em;
}
.section_news .water_newsletter_wrap .public_relations_btn a {
  padding: 16px 40px 12px 32px;
  font-size: 114.3%;
  color: #fff;
  text-decoration: none;
  background: #094d9c url(/shared/rn/images/icon/icon_arrow_w.png) no-repeat right 20px center;
  border-radius: 100px;
  display: block;
  text-align: center;
  transition: all 0.3s;
}
.section_news .water_newsletter_wrap .public_relations_btn a:hover {
  color: #000;
  background: #e3f2f9 url(/shared/rn/images/icon/icon_arrow_b.png) no-repeat right 20px center;
}

/* ==================================================
end section_news
================================================== */

/* ==================================================
begin section_links
================================================== */
#section_links {
  background: #f5f6f7;
  position: relative;
  padding: 40px 0;
}
#section_links .links_ttl h2 {
  max-width: 100%;
  color: #000;
  font-size: 171.4%;
  padding: 0 0 0 32px;
  margin: 0 0 20px 0;
  position: relative;
}
#section_links .links_ttl h2:before {
  content: "";
  display: block;
  position: absolute;
  width: 22px;
  height: 26px;
  background: url(/shared/rn/site_suido/images/icon/ico_drop.png) no-repeat center center / contain;
  top: 45%;
  transform: translateY(-50%);
  left: 0;
}
#section_links .links_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
#section_links .links_list li {
  width: calc(25% - 12px);
  margin: 0 15px 20px 0;
}
#section_links .links_list li:nth-child(4n) {
  margin-right: 0;
}
#section_links .links_list li a {
  color: #000;
  display: block;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  padding: 16px 8px;
  font-size: 112.5%;
  text-align: center;
  height: 100%;
}
#section_links .links_list li a br {
  display: none;
}
#section_links .links_list li a span {
  max-width: 60px;
  margin: 0 auto 15px auto;
  display: block;
  text-align: center;
  position: relative;
  aspect-ratio: 60 / 60 !important;
  object-fit: contain;
  display: block;
  overflow: hidden;
}
#section_links .links_list li a span img {
  max-width: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.7s;
  object-fit: contain;
}

#section_links .links_list li > a:hover {
  border: 1px solid #4bb6e8;
}

/* ==================================================
end section_links
================================================== */

/* ==================================================
begin section_ad
================================================== */
#section_ad {
  position: relative;
  padding: 40px 0;
}
#section_ad .ad_ttl h2 {
  max-width: 100%;
  color: #000;
  font-size: 171.4%;
  padding: 0 0 0 32px;
  margin: 0 0 20px 0;
  position: relative;
}
#section_ad .ad_ttl h2:before {
  content: "";
  display: block;
  position: absolute;
  width: 22px;
  height: 26px;
  background: url(/shared/rn/site_suido/images/icon/ico_drop.png) no-repeat center center / contain;
  top: 45%;
  transform: translateY(-50%);
  left: 0;
}
#section_ad .ad_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
#section_ad .ad_list li {
  width: calc(33% - 10px);
  margin: 0 20px 20px 0;
}
#section_ad .ad_list li:nth-child(3n){
  margin-right: 0;
}
#section_ad .ad_list li a {
  display: block;
  border-radius: 10px;
  background: #f5f6f7;
  overflow: hidden;
}
#section_ad .ad_list li a span {
  display: block;
  text-align: center;
  position: relative;
  aspect-ratio: 380 / 140 !important;
  object-fit: contain;
  display: block;
  overflow: hidden;
}
#section_ad .ad_list li a span img {
  max-width: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.7s;
  object-fit: contain;
}
/* ==================================================
end section_ad
================================================== */

/* ==================================================
begin section pick up
================================================== */
.section_pick_up {
  padding: 50px 0;
}

/* ==================================================
end section pick up
================================================== */

/* ==================================================
print
================================================== */
@media print {
  /* for Firefox */
  #tmp_main:after,
  .col_nm:after {
    content: ""; /* 変更しない */
    height: 1px; /* 変更しない */
  }
  #tmp_slider .ver_links {
    display: none !important;
  }
}