/* メニューアイテムのホバースタイル */
.drop {position: relative;justify-content: center;display: flex;}

.drop:hover .drop-menu-list {
  transform: scaleY(1);
}
.drop:hover {
  border-bottom:solid 2px #696969;
}
.drop:hover .drop-menu-item {
  opacity: .9;
  transition: opacity .3s; 
}



/* ドロップダウンメニュー */
.drop-menu {
  position: relative;
}
.drop-menu-list {
  left: 0 !important;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: center top; 
  transition: transform .3s;
  width: max-content;
  z-index: 1;list-style:none;
}
.drop-menu-item {
  background-color: #696969;font-size:1.1rem;padding:.6rem 1rem;
  transition: opacity .3s; list-style:none;
}
.drop-menu-item:hover {background-color:#00959c;}


html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;box-shadow: 0 4px 6px rgb(0 0 0 / 30%);
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);

}

@media (hover: hover) and (pointer: fine) {
    .pagetop:hover, .pagetop:hover .pagetop__arrow {
        border-color: #00959c;
    }
}

.rectitlewaku {width:100% !important;margin:auto !important;text-align: center !important;}
.rectitle h3 {
         width: 50%; margin:12% auto 8% !important;
         text-align: center !important;
         padding: 16px 20px 10px !important;
         font-size: 2rem !important;
         font-weight: bold;
         position: relative;color:#333;
         border: solid 3px #333 !important;
       }
.rectitle h3::before {
         content: '';
         position: absolute;
         width: 100%;
         height: 100%;
         border: solid 2px #333 !important;
         left: 10px;
         top: 7px;
       }


@media screen and (max-width: 856px) {

.rectitle h3 {width:57% !important; margin:15% auto 12% !important;  text-align: center !important;}

}

@media screen and (max-width: 768px) {
.rectitle h3 {width:68% !important; }
}
@media screen and (max-width:680px) {
.rectitle h3 {width:75% !important; }
}

@media screen and (max-width:600px) {
.rectitle h3 {width:95% !important;margin:5% auto 15% !important; font-size: 1.7rem !important;padding: 16px 15px 10px !important; }
.rectitle h3::before {left:5px;}
}


.page-container .inner .paragraph h4.shinrec{
	border-bottom:4px solid #F8B62D;
	padding:0 0 12px 0;
	margin:8% 0 0 !important;
}

.page-container .inner .paragraph h4.shinrec span{
	background:#F8B62D;
	color:#fff;
	font-size:20px;
	font-weight:normal;
	padding:5px 10px;
}


@media screen and (max-width: 856px) {
.page-container .inner .paragraph .iitokoro{
font-size:1.35rem !important;margin-top:3% !important;margin-bottom:4% !important;}
}

@media screen and (max-width: 767.98px) {
.page-container .inner .paragraph h4.shinrec {margin-top:8%;}
}

.flow {
  padding-left:30%;margin-top:7%;margin-left:-5%;margin-bottom:10%;
  position: relative;
}
.flow::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -2%;
  display: block;
  position: absolute;
  top: 0;
  left: 30%;
}
.flow > li {
  position: relative;
  list-style:none;
}
.flow > li:not(:last-child) {
  margin-bottom: 8vh;
}
.flow > li .icon {
  font-size:1.1rem;font-weight: 600;
  color: #fff;
  background-color:#64c8d2;
  padding: 8px 20px;
  display: block;
  position: absolute;
  top: 0;
  left: -30%;
  z-index: 2;
}
.flow > li .icon::after {
  content: "";
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #64c8d2;
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flow > li dl {
  padding-left: 11%;
  position: relative;
}
.flow > li dl::before,
.flow > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}
.flow > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: #64c8d2;
  border-radius: 50%;
  left: -4px;
}
.flow > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}
.flow > li dl dt {
  font-size:1.45rem;
  font-weight: 600;
  color:#64c8d2;
  margin-bottom: 1vh;
}

.flow > li dl dd {font-size:1.1rem;line-height:1.7em;}




@media screen and (max-width:970px) {
.flow > li .icon::after {display: none;}
.flow::before  {
 left:7%;
}
.flow > li dl::after {
  left:7%; width:3.5%;
}
.flow > li dl::before {left:6%;}
.flow {
  padding-left:0%;}
.flow > li .icon {
left:5%;margin-bottom:3%; position: relative;display: inline-block;}
}

ul.rec_list{list-style-type:none;margin:4% 0 8%;padding:0;}/*リセット*/
ul.rec_list li{margin-bottom:1em;font-size:1.25rem;line-height:1.6em;padding-left:1.5em; border-bottom: dashed 1px #3e3a39;}
ul.rec_list li:before{content:"◎";display:inline-block;width:1.5em;margin-left:-1.5em;}

@media screen and (max-width: 856px) {
	ul.rec_list {margin-bottom: 20% !important;}
}
.page-container .inner .paragraph .oneday{
	color:#fff;margin-top:5%; margin-bottom: 12%; background-color: #64c8d2;text-align: center;
	font-size:1.6rem;font-weight: 600;line-height:1.5em;padding:1em;
}

.page-container .inner .paragraph .oneday img {
	width: 100%;margin-bottom:1%;
}

@media screen and (max-width:780px) {
	.page-container .inner .paragraph .oneday{
		margin-top:8%;margin-bottom: 15%;font-size:1.2rem;padding:.6em;}
}




#shikaku_ichiran {width:100%;margin:5% auto;}

#shikaku_ichiran th {
  width: 30%;font-size:1.2rem;padding:2%;
}
#shikaku_ichiran td {
  font-size:1.1rem;padding:2%;background:#fff;line-height:2.1rem;}

@media only screen and (max-width:767.9px) {
  #shikaku_ichiran tr {border:none;}
  #shikaku_ichiran th { width: 100%; }
  #shikaku_ichiran td {padding-bottom:3%;}
}

@media only screen and (min-width:768px) {
#shikaku_ichiran th,
#shikaku_ichiran td {
  border-bottom: 1px solid #cecfd5;
}

}

 .ftco-navbar-light.scrolled .nav-link:hover {
        color: #00959c !important; }

.text-center .bread { text-shadow: 3px 0 0 rgba(255, 255, 255, 0.7), 0 3px 0 rgba(255, 255, 255, 0.7);}
.sub_heade_subttl  { text-shadow: 2px 0 0 rgba(255, 255, 255, 0.7), 0 2px 0 rgba(255, 255, 255, 0.7);}
@media screen and (min-width: 1100px) {
.nav-item {margin-right:1rem !important;}
}

@media (max-width: 1099.98px) {
    .ftco-navbar-light {
        padding: 1rem !important;
    }
}

@media (max-width:767.9px) {
.navbar .head_logo {width:50%;}
}
.ftco-navbar-light { background: rgba(255, 255, 255, 0.6) !important;}
a:link, a:visited {color:#fff;padding:.5rem !important;font-size: 1rem;}
a:link:hover, a:visited:hover { text-decoration: none; }