@charset "UTF-8";
/* CSS Document */
main {
 background-color: #FDFAF4;
 padding-bottom: 150px;
}
@media(min-width:1000px) {
 main {
  padding-bottom: 250px;
 }
}
.top__img {
 height: 200px;
 background-image: url("images/picture/noren.jpg");
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 margin-bottom: 100px;
 position: relative;
}
.top__title {
 line-height: 1;
 font-size: 3.0rem;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
 padding: 20px 70px;
 background-color: rgba(255, 255, 255, 0.5);
}
@media(min-width:1000px) {
 .top__img {
  height: 300px;
 }
 .top__title {
  font-size: 6.0rem;
  padding: 40px 170px;
 }
}
.icon {
 display: flex;
 flex-wrap: wrap;
	justify-content: center;
 gap: 20px;
}
.icon__box, .icon__box2, .icon__box3 {
 width: 250px;
 height: 250px;
 border-radius: 100%;
 background-color: #FFF;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 border: solid 5px #E6F8FB;
}
.icon__box2 {
 border: solid 5px #D4ECBB;
}
.icon__box3 {
 border: solid 5px #FFD7E8;
}
.icon__box:hover, .icon__box2:hover, .icon__box3:hover{
	transform: scale(1.1, 1.1);
}
.icon__place {
 font-size: 2.0rem;
 color: #E6F8FB;
}
.icon__place2 {
 font-size: 2.0rem;
 color: #D4ECBB;
}
.icon__place3 {
 font-size: 2.0rem;
 color: #FFD7E8;
}
.icon__sub-title {
 font-size: 1.5rem;
 font-weight: 200;
	color:#707070;
}
.icon__title, .icon__title2, .icon__title3 {
 border-bottom: dotted 1px #707070;
 border-top: dotted 1px #707070;
 padding: 10px 0;
 width: 200px;
 font-size: 2.7rem;
 font-weight: 500;
 color: #51B2C3;
}
.icon__title2 {
 color: #97C766;
}
.icon__title3 {
 color: #D990AF;
}
.icon__title span {
 font-size: 2.5rem;
 font-weight: 400;
 color: #FFF;
 -webkit-text-stroke: 1px #51B2C3;
}
.icon__title2 span {
 font-size: 2.5rem;
 font-weight: 400;
 color: #FFF;
 -webkit-text-stroke: 1px #97C766;
}
.icon__title3 span {
 font-size: 2.5rem;
 font-weight: 400;
 color: #FFF;
 -webkit-text-stroke: 1px #D990AF
}
@media(min-width:1000px) {
	.icon{
		gap:7%;
	}
 .icon__box, .icon__box2, .icon__box3 {
  width: 350px;
  height: 350px;
 }
 .icon__place, .icon__place2, .icon__place3 {
  margin-top: -10px;
	 margin-bottom: 10px;
  font-size: 3.0rem;
 }
 .icon__sub-title {
  font-size: 2.0rem;
  margin-bottom: 5px;
 }
 .icon__title, .icon__title2, .icon__title3 {
  font-size: 3.8rem;
  line-height: 1.2;
	 width: 280px;
 }
 .icon__title span, .icon__title2 span, .icon__title3 span {
  font-size: 3.8rem;
 }
}
.active {
 margin-top: 80px;
}
.active__title{
 border-bottom: solid 5px #E6F8FB;
 width: 100%;
}

.active__title img {
	object-fit: cover;
	width:30%;
	margin-bottom: -10px;
}
.active-main {
 margin-bottom: 100px;
	width:80%;
}
.active__wrap {
 margin-top: 50px;
 display: flex;
 justify-content: space-around;
	
}
.active-time {
 margin: 0 10px;
}
.active-time__wrapper {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.active__line1 {
 height: 300px;
 width: 1px;
 border-left: solid 1px #707070;
}
.active__line2 {
 height: 500px;
 width: 1px;
 border-left: solid 1px #707070;
}
.active__line3 {
 height: 1550px;
 width: 1px;
 border-left: solid 1px #707070;
}
.active__top {
 display: flex;
 flex-direction: column;
 justify-content: center;
}
.active__memo {
 width: 150px;
 height: 170px;
 padding: 10px 5px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 background-color: #FFF;
 border: solid 5px #E6F8FB;
 font-size: 1.4rem;
 text-align: left;
 margin: 0 auto;
 margin-bottom: 30px;
 margin-top: 60px;
 transform: rotate(-5deg);
}
.active-route img {
 width: 200px;
}
.active__memo ul {
 list-style: none;
}
@media(min-width:1000px) {
 .active {
  margin-top: 150px;
 }
	.active__bg{
	background-image: url("images/illust/active-bg2.png");
	background-repeat: no-repeat;
	background-position: center bottom 10px;
	background-size: contain;
}
 .active h2 {
  font-size: 5.0rem;
 }
 .active__title-deco {
  font-size: 5.0rem;
  margin-left: -400px;
  margin-top: -80px;
 }
 .active-time__wrapper {
  margin-left: 50px;
 }
 .active-time__wrapper {
  font-size: 2.5rem;
 }
 .active__top {
  flex-direction: row;
  justify-content: center;
  gap: 150px;
 }
 .active__memo {
  width: 250px;
  height: 280px;
  font-size: 2.0rem;
  margin: 0;
  margin-top: 60px;
  transform: rotate(-5deg);
 }
 .active__memo ul li {
  margin-bottom: 15px;
 }
 .active-route img {
  width: 300px;
  margin-top: 180px;
 }
 .active-main {
  flex-grow: 1;
 }
 .active__line3 {
  height: 1500px;
 }
}
.active-okomecafe {
 display: flex;
 flex-direction: column;
 margin: 80px 10px ;
}
.active-okomecafe__img {
 margin-bottom: 20px;
}
.active-okomecafe__img-1 {
 width: 55vw;
 max-width: 300px;
 height: 110px;
 object-fit: cover;
 border-radius: 25px;
 margin: 0 auto;
	object-position: bottom;
}
.active-okomecafe__img-wrap {
	display: flex;
	gap:5%;
	justify-content: center;
 margin-top: -30px;
}
.active-okomecafe__img-2, .active-okomecafe__img-3 {
 width: 30vw;
 max-width: 200px;
 height: 90px;
 object-fit: cover;
 border-radius: 25px;
}
.active-okomecafe__text-wrap {
 border-bottom: dotted 1px #707070;
 border-top: dotted 1px #707070;
 padding: 10px;
 width: 90%;
 max-width: 600px;
 margin: 0 auto;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.active-okomecafe__text-title {
 font-size: 2.0rem;
 color: orange;
}
.active-okomecafe__text-description {
 text-align: left;
 font-size: 1.6rem;
 margin-top: 5px;
}
@media(min-width:1000px) {
 .active-okomecafe {
  flex-direction: row-reverse;
  justify-content: center;
	 align-items: center;
  gap: 5%;
  margin: 100px 100px 0;
 }
 .active-okomecafe__img-1 {
  width: 40vw;
  height: 220px;
  max-width: 460px;
 }
 .active-okomecafe__img-wrap {
  flex-direction: row;
  gap: 20px;
  margin-top: -30px;
 }
 .active-okomecafe__img-2, .active-okomecafe__img-3 {
  width: 20vw;
  height: 160px;
  margin-top: -10px;
  max-width: 250px;
 }
 .active-okomecafe__text-wrap {
  padding: 30px 10px;
  gap: 20px;
  margin: 0;
  max-width: 330px;
 }
 .active-okomecafe__text-title {
  font-size: 3.0rem;
  color: orange;
 }
 .active-okomecafe__text-description {
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.7;
  margin-top: 5px;
 }
}
.active-linekudari {
 display: flex;
 flex-direction: column;
 margin: 0px 10px 0;
}
.active-linekudari__img {
 display: flex;
 flex-direction: column;
 justify-content: center;
 margin: 0 auto;
 position: relative;
 margin-bottom: 70px;
}
.active-linekudari__img-1 {
 width: 60vw;
 max-width: 400px;
 height: 120px;
 object-fit: cover;
 object-position: bottom;
 border-radius: 25px;
}
.active-linekudari__img-2 {
 width: 30vw;
 max-width: 200px;
 height: 90px;
 object-fit: cover;
	object-position: bottom;
 border-radius: 25px;
 position: absolute;
 bottom: -50px;
 right: -5%;
}
.active-linekudari__text-wrap {
 border-bottom: dotted 1px #707070;
 border-top: dotted 1px #707070;
 padding: 10px;
 width: 90%;
 margin: 0 auto;
 max-width: 600px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.active-linekudari__text-title {
 font-size: 2.0rem;
 color: orange;
}
.active-linekudari__text-description {
 text-align: left;
 font-size: 1.6rem;
 margin-top: 5px;
}
@media(min-width:1000px) {
 .active-linekudari {
  flex-direction: row;
  justify-content: center;
	 align-items: flex-start;
  gap: 5%;
  margin: 150px 100px 0;
 }
	.active-linekudari__img{
		margin:0px;
	}
 .active-linekudari__img-1 {
  width: 35vw;
  height: 300px;
  max-width: 600px;
 }
 .active-linekudari__img-2 {
  width: 25vw;
  height: 160px;
	 bottom: -70px;
  margin-left: 40%;
  max-width: 350px;
 }
 .active-linekudari__text-wrap {
  padding: 40px 10px;
  gap: 20px;
  max-width: 350px;
	margin:0;
 }
 .active-linekudari__text-title {
  font-size: 3.0rem;
 }
 .active-linekudari__text-description {
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.7;
  margin-top: 5px;
 }
}
.active-iwadatami {
 display: flex;
 flex-direction: column;
 margin: 60px 10px 0;
}
.active-iwadatami__img {
 margin: 0 auto;
 margin-bottom: 20px;
}
.active-iwadatami__img-1 {
 width: 60vw;
 max-width: 300px;
 height: 100px;
 object-fit: cover;
 object-position: bottom;
 border-radius: 25px;
 margin-right: 10%;
}
.active-iwadatami__img-2 {
 width: 60vw;
 max-width: 300px;
 height: 100px;
 object-fit: cover;
 border-radius: 25px;
 margin-top: -30px;
 margin-left: 10%;
}
.active-iwadatami__text-wrap {
 border-bottom: dotted 1px #707070;
 border-top: dotted 1px #707070;
 padding: 10px;
 width: 90%;
 max-width: 600px;
 margin: 0 auto;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.active-iwadatami__text-title {
 font-size: 2.0rem;
 color: orange;
}
.active-iwadatami__text-description {
 text-align: left;
 font-size: 1.6rem;
 margin-top: 5px;
}
@media(min-width:1000px) {
 .active-iwadatami {
  flex-direction: row-reverse;
  justify-content: center;
	 align-items: center;
  gap: 5%;
  margin: 150px 100px 0;
 }
	.active-iwadatami__img{
		margin:0;
	}
 .active-iwadatami__img-1 {
  width: 30vw;
  max-width: 460px;
  height: 220px;
  margin-right: 10%;
	 display: block;
 }
 .active-iwadatami__img-2 {
  width: 30vw;
  max-width: 460px;
  height: 220px;
  margin-top: -60px;
  margin-left: 15%;
	 display: block;
 }
 .active-iwadatami__text-wrap {
  padding: 40px 10px;
  gap: 20px;
  max-width: 350px;
	 margin:0;
 }
 .active-iwadatami__text-title {
  font-size: 3.0rem;
 }
 .active-iwadatami__text-description {
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.7;
  margin-top: 5px;
 }
}
.active-hodosan {
 display: flex;
 flex-direction: column;
 margin: 80px 10px 0;
}
.active-hodosan__img {
 display: flex;
 justify-content: center;
 gap: 10px;
 width: 90%;
 margin: 0 auto;
 margin-bottom: 20px;
}
.active-hodosan__img-1 {
 width: 50vw;
 max-width: 300px;
 height: 180px;
 object-fit: cover;
 object-position: bottom;
 border-radius: 25px;
}
.active-hodosan__img-wrap {
 display: flex;
 flex-direction: column;
 gap: 5%;
}
.active-hodosan__img-2, .active-hodosan__img-3, .active-hodosan__img-4 {
 width: 18vw;
 max-width: 80px;
 height: 55px;
 object-fit: cover;
 border-radius: 5px;
}
.active-hodosan__text-wrap {
 border-bottom: dotted 1px #707070;
 border-top: dotted 1px #707070;
 padding: 10px;
 width: 90%;
 max-width: 600px;
	margin: 0 auto;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.active-hodosan__text-title {
 font-size: 2.0rem;
 color: orange;
}
.active-hodosan__text-description {
 text-align: left;
 font-size: 1.6rem;
 margin-top: 5px;
}
@media(min-width:1000px) {
 .active-hodosan {
  flex-direction: row;
  justify-content: center;
  align-items: center;
	 gap: 5%;
  margin: 150px 5% 0;
 }
 .active-hodosan__img-1 {
  width: 30vw;
  height: 380px;
  max-width: 400px;
	 flex-grow: 1;
 }
	.active-hodosan__img{
		margin-left: 10%;
		max-width: 550px;
		margin: 0;
	}
 .active-hodosan__img-wrap {
  gap: 10px;
	 margin:0;
 }
 .active-hodosan__img-2, .active-hodosan__img-3, .active-hodosan__img-4 {
  width: 9vw;
  height: 120px;
  border-radius: 5px;
  max-width: 120px;
	 
 }
 .active-hodosan__text-wrap {
  padding: 30px 10px;
  gap: 20px;
	max-width: 350px;
	 margin: 0;
 }
 .active-hodosan__text-title {
  font-size: 3.0rem;
 }
 .active-hodosan__text-description {
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.7;
  margin-top: 5px;
 }
}
.onsen {
 margin-top: 100px;
}
.onsen__title {
 border-bottom: solid 5px #D4ECBB;
 width: 100%;
}

.onsen__title img {
	object-fit: cover;
	width:25%;
	margin-bottom: -10px;
}
.onsen-main {
	width:80%;
}
.onsen__wrap {
 margin-top: 50px;
 display: flex;
	justify-content: space-around;
}
.onsen-time {
 margin: 0 10px;
}
.onsen-time__wrapper {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.onsen__line1 {
 height: 500px;
 width: 1px;
 border-left: solid 1px #707070;
}
.onsen__line2 {
 height: 500px;
 width: 1px;
 border-left: solid 1px #707070;
}
.onsen__line3 {
 height: 1200px;
 width: 1px;
 border-left: solid 1px #707070;
}
.onsen__line4{
	height: 600px;
 width: 1px;
 border-left: solid 1px #707070;
}
.onsen__top {
 display: flex;
 flex-direction: column;
 justify-content: center;
}
.onsen__memo {
 width: 150px;
 height: 170px;
 padding: 10px 5px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 background-color: #FFF;
 border: solid 5px #D4ECBB;
 font-size: 1.4rem;
 text-align: left;
 margin: 0 auto;
 margin-bottom: 30px;
 margin-top: 60px;
 transform: rotate(-5deg);
}
.onsen-route img {
 width: 200px;
}
.onsen__memo ul {
 list-style: none;
}

@media(min-width:1000px) {
 
	.onsen__bg{
	background-image: url("images/illust/onsen-bg.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	}
 .onsen h2 {
  font-size: 5.0rem;
 }
 .onsen__title-deco {
  font-size: 5.0rem;
  margin-left: -400px;
  margin-top: -80px;
 }
 .onsen-time__wrapper {
  margin-left: 50px;
 }
 .onsen-time__wrapper {
  font-size: 2.5rem;
	 margin-bottom: 20px;
 }
	.onsen__line1 {
 height: 350px;
}
.onsen__line2 {
 height: 450px;
}
.onsen__line3 {
 height: 1150px;
}
.onsen__line4{
	height: 370px;
 width: 1px;
 border-left: solid 1px #707070;
}
 .onsen__top {
  flex-direction: row;
  justify-content: center;
  gap: 150px;
 }
 .onsen__memo {
  width: 250px;
  height: 280px;
  font-size: 2.0rem;
  margin: 0;
  margin-top: 60px;
  transform: rotate(-5deg);
 }
 .onsen__memo ul li {
  margin-bottom: 15px;
 }
 .onsen-route img {
  width: 300px;
  margin-top: 70px;
 }
 .onsen-main {
  flex: 1;
	}}
.onsen-mitumine {
 display: flex;
 flex-direction: column;
 margin: 80px 10px;
}
.onsen-mitumine__img {
 margin-bottom: 20px;
}
	
.onsen-mitumine__img-1 {
	width:60vw;
 max-width: 500px;
 height: 120px;
 object-fit: cover;
	object-position: top;
 border-radius: 25px;
 margin: 0 auto;
}
.onsen-mitumine__img-wrap{
 max-width: 500px;
	display: flex;
	gap:5px;
	justify-content: center;
	margin: 0 auto;
	margin-top: 5px;
}
.onsen-mitumine__img-2 {
 width: 20vw;
 max-width: 250px;
 height: 80px;
 object-fit: cover;
 border-radius: 25px;
}
.onsen-mitumine__img-3 {
 width: 40vw;
 max-width: 350px;
 height: 80px;
 object-fit: cover;
 border-radius: 25px;
}
.onsen-mitumine__text-wrap {
 border-bottom: dotted 1px #707070;
 border-top: dotted 1px #707070;
 padding: 10px;
 width: 90%;
 max-width: 600px;
 margin: 0 auto;
 display: flex;
 flex-direction: column;
 justify-content: space-around;
 align-items: center;
}
.onsen-mitumine__text-title {
 font-size: 2.0rem;
 color: orange;
}
.onsen-mitumine__text-description {
 text-align: left;
 font-size: 1.6rem;
 margin-top: 5px;
}
.onsen-mitumine__text-description span{
	font-size: 1.2rem;
}
@media(min-width:1000px) {
 .onsen-mitumine {
  flex-direction: row;
  justify-content: center;
	 align-items: center;
  gap: 5%;
  margin: 100px 100px 0;
 }
 .onsen-mitumine__img-1 {
  width: 40vw;
  height: 220px;
  max-width: 500px;
 }
 .onsen-mitumine__img-wrap {
  display: flex;
  flex-direction: row;
  gap: 10px;
	 width: 100%;
	 justify-content: space-between;
 }
	.onsen-mitumine__img-2 {
		width: 15vw;
  height: 160px;
  max-width: 200px;
	}
	
	.onsen-mitumine__img-3 {
  width: 25vw;
  height: 160px;
  max-width: 390px;
 }
 .onsen-mitumine__text-wrap {
  padding: 50px 10px;
  gap: 20px;
  margin: 0;
  max-width: 350px;
 }
 .onsen-mitumine__text-title {
  font-size: 3.0rem;
  color: orange;
 }
 .onsen-mitumine__text-description {
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.7;
  margin-top: 5px;
 }
	.onsen-mitumine__text-description span{
	font-size: 1.5rem;
}
}
.onsen-meisenkan {
 display: flex;
 flex-direction: column;
 margin: 80px 10px 0;
}
.onsen-meisenkan__img {
 display: flex;
	justify-content: center;
 margin: 0 auto;
 margin-bottom: 20px;
	max-width: 600px;
	width:70%;
}
.onsen-meisenkan__img-1 {
 width: 40vw;
 max-width: 600px;
 height: 130px;
 object-fit: cover;
 object-position: center;
 border-radius: 25px;
	margin-right: -10%;
}
.onsen-meisenkan__img-2 {
 width: 40vw;
 max-width: 30vw;
 height: 130px;
 object-fit: cover;
 border-radius: 25px;
 margin-top: 80px;
	margin-left: -10%;
}
.onsen-meisenkan__text-wrap {
 border-bottom: dotted 1px #707070;
 border-top: dotted 1px #707070;
 padding: 10px;
 width: 90%;
 margin: 0 auto;
 max-width: 600px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.onsen-meisenkan__text-title {
 font-size: 2.0rem;
 color: orange;
}
.onsen-meisenkan__text-description {
 text-align: left;
 font-size: 1.6rem;
 margin-top: 5px;
}
@media(min-width:1000px) {
 .onsen-meisenkan {
  flex-direction: row-reverse;
  justify-content: center;
  gap: 5%;
  margin: 150px 100px 0;
 }
	.onsen-meisenkan__img{
		margin:0;
		max-width: 600px;
		width:40vw;
	}
 .onsen-meisenkan__img-1 {
  width: 30vw;
  height: 210px;
  max-width: 350px;
 }
 .onsen-meisenkan__img-2 {
  width: 30vw;
  height: 210px;
	 margin-top: 180px;
  max-width: 350px;
 }
 .onsen-meisenkan__text-wrap {
  padding: 30px 10px;
  gap: 50px;
  max-width: 350px;
	 margin:0;
 }
 .onsen-meisenkan__text-title {
  font-size: 3.0rem;
 }
 .onsen-meisenkan__text-description {
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.7;
  margin-top: 5px;
 }
}
.onsen-onsen {
 display: flex;
 flex-direction: column;
 margin: 60px 10px 0;
}
.onsen-onsen__img {
 margin: 0 auto;
 margin-bottom: 20px;
}
.onsen-onsen__img-1 {
 width: 50vw;
 max-width: 400px;
 height: 140px;
 object-fit: cover;
 object-position: bottom;
 border-radius: 25px;
 margin-right: 10%;
}
.onsen-onsen__img-2 {
 width: 50vw;
 max-width: 400px;
 height: 140px;
 object-fit: cover;
 border-radius: 25px;
 margin-top: -30px;
 margin-left: 10%;
}
.onsen-onsen__text-wrap {
 border-bottom: dotted 1px #707070;
 border-top: dotted 1px #707070;
 padding: 10px;
 width: 90%;
 max-width: 600px;
 margin: 0 auto;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.onsen-onsen__text-title {
 font-size: 2.0rem;
 color: orange;
}
.onsen-onsen__text-description {
 text-align: left;
 font-size: 1.6rem;
 margin-top: 5px;
}
@media(min-width:1000px) {
 .onsen-onsen {
  flex-direction: row;
  justify-content: center;
  gap: 5%;
  margin: 150px 100px 0;
 }
	.onsen-onsen__img{
		margin:0;
		max-width: 500px;
	}
 .onsen-onsen__img-1 {
  width: 28vw;
  max-width: 350px;
  height: 250px;
  margin-right:60%;
 }
 .onsen-onsen__img-2 {
  width: 28vw;
  max-width: 350px;
  height: 250px;
  margin-top: -90px;
  margin-left: 20%;
 }
 .onsen-onsen__text-wrap {
  padding: 30px 10px;
  gap: 50px;
  max-width: 350px;
	 margin: 0;
 }
 .onsen-onsen__text-title {
  font-size: 3.0rem;
 }
 .onsen-onsen__text-description {
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.7;
  margin-top: 5px;
 }
}
.onsen-okomecafe {
 display: flex;
 flex-direction: column;
	justify-content: center;
	align-items: center;
 margin: 60px 10px 0;
}
.onsen-okomecafe__img{
	margin-bottom: 20px;
}
.onsen-okomecafe__img-wrap {
  display: flex;
  flex-direction: row;
  gap: 10px;
 }
.onsen-okomecafe__img-1 {
	width:60vw;
 max-width: 400px;
 height: 180px;
 object-fit: cover;
 object-position: center;
 border-radius: 25px;
}
.onsen-okomecafe__img-2 {
 width: 30vw;
 max-width: 160px;
 height: 100px;
 object-fit: cover;
 border-radius: 5px;
	margin-left: 50%;
	margin-top: -50px;
}
.onsen-okomecafe__text-wrap {
 border-bottom: dotted 1px #707070;
 border-top: dotted 1px #707070;
 padding: 10px;
 width: 90%;
 max-width: 600px;
 margin: 0 auto;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.onsen-okomecafe__text-title {
 font-size: 2.0rem;
 color: orange;
}
.onsen-okomecafe__text-description {
 text-align: left;
 font-size: 1.6rem;
 margin-top: 5px;
}
@media(min-width:1000px) {
 .onsen-okomecafe {
  flex-direction: row-reverse;
  justify-content: center;
  margin: 150px 100px 0;
 }
 .onsen-okomecafe__img-1 {
  width: 30vw;
  height: 400px;
  max-width: 400px;
 }
 .onsen-okomecafe__img {
  gap: 30px;
	 margin: 0;
 
 }
 .onsen-okomecafe__img-2 {
  width: 15vw;
  height: 200px;
	 margin-left: 50%;
	 margin-top: -200px;
  border-radius: 5px;
  max-width: 200px;
 }
 .onsen-okomecafe__text-wrap {
  padding: 30px 10px;
  gap: 50px;
	  max-width: 350px;
	 margin: 0;
 }
	
 .onsen-okomecafe__text-title {
  font-size: 3.0rem;
 }
 .onsen-okomecafe__text-description {
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.7;
  margin-top: 5px;
 }
}
.hana {
 margin-top: 80px;
}
.hana__title {
 border-bottom: solid 5px #FFD7E8;
 width: 100%;
}
.hana__title img{
	object-fit: cover;
	width: 25%;
	margin-bottom: -10px;
}
.hana-main {
 margin-bottom: 100px;
	width:80%;
}
.hana__wrap {
	margin: 0 auto;
 margin-top: 50px;
 display: flex;
 justify-content: space-around;
}

.hana-time {
 margin: 0 10px;
}
.hana-time__wrapper {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.hana__line1 {
 height: 400px;
 width: 1px;
 border-left: solid 1px #707070;
}
.hana__line2 {
 height: 600px;
 width: 1px;
 border-left: solid 1px #707070;
}
.hana__line3, .hana__line4 {
 height: 500px;
 width: 1px;
 border-left: solid 1px #707070;
}
.hana__top {
 display: flex;
 flex-direction: column;
 justify-content: center;
}
.hana__memo {
 width: 150px;
 height: 170px;
 padding: 10px 5px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 background-color: #FFF;
 border: solid 5px #FFD7E8;
 font-size: 1.4rem;
 text-align: left;
 margin: 0 auto;
 margin-bottom: 30px;
 margin-top: 60px;
 transform: rotate(-5deg);
}
.hana-route img {
 width: 200px;
}
.hana__memo ul {
 list-style: none;
}
@media(min-width:1000px) {
 .hana {
  margin-top: 150px;
 }
	.hana__bg{
	background-image: url("images/illust/hana-bg.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
 .hana-time__wrapper {
  margin-left: 50px;
 }
 .hana-time__wrapper {
  font-size: 2.5rem;
 }
 .hana__top {
  flex-direction: row;
  justify-content: center;
  gap: 150px;
 }
 .hana__memo {
  width: 250px;
  height: 280px;
  font-size: 2.0rem;
  margin: 0;
  margin-top: 60px;
  transform: rotate(-5deg);
 }
 .hana__memo ul li {
  margin-bottom: 15px;
 }
 .hana-route img {
  width: 300px;
  margin-top: 70px;
 }
 .hana-main {
  flex-grow: 1;
 }
	.hana__line1 {
 height: 350px;
}
.hana__line2 {
 height: 600px;
}
.hana__line3 {
 height: 400px;
}
	.hana__line4{
		height: 450px;
	}
}
.hana-okomecafe {
 display: flex;
 flex-direction: column;
 margin: 80px 10px;
}
.hana-okomecafe__img {
 margin-bottom: 20px;
}
.hana-okomecafe__img-2 {
 width: 60vw;
 max-width: 300px;
 height: 130px;
 object-fit: cover;
 border-radius: 25px;
 margin: 0 auto;
}
.hana-okomecafe__img {
	display: flex;
	flex-direction: column;
 margin-top: -30px;
}
.hana-okomecafe__img-1{
 width: 40vw;
 max-width: 200px;
 height: 90px;
 object-fit: cover;
 border-radius: 25px;
	margin-bottom: -20px;
		margin-left: 5%
}
.hana-okomecafe__img-3{
	width: 40vw;
 max-width: 200px;
 height: 90px;
 object-fit: cover;
 border-radius: 25px;
	margin-left: auto;
	margin-top: -20px;
		margin-right: 5%
	
}
.hana-okomecafe__text-wrap {
 border-bottom: dotted 1px #707070;
 border-top: dotted 1px #707070;
 padding: 10px;
 width: 90%;
 max-width: 600px;
 margin: 0 auto;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.hana-okomecafe__text-title {
 font-size: 2.0rem;
 color: orange;
}
.hana-okomecafe__text-description {
 text-align: left;
 font-size: 1.6rem;
 margin-top: 5px;
}
@media(min-width:1000px) {
 .hana-okomecafe {
  flex-direction: row-reverse;
  justify-content: center;
  gap: 5%;
  margin: 100px 100px 0;
 }
 .hana-okomecafe__img-2 {
  width: 35vw;
  height: 220px;
  max-width: none;
 }
 .hana-okomecafe__img {
  margin-top: -30px;
	 margin-bottom: 0;
 }
 .hana-okomecafe__img-1{
  width: 15vw;
  height: 160px;
  margin-bottom: -30px;
  max-width: none;
	 margin-top: 30px;
	 margin-left: -5%;
 }
	
	.hana-okomecafe__img-3{
		width: 15vw;
  height: 160px;
  margin-top: -10px;
  max-width: none;
		margin-top: -30px;
		margin-right: -5%;
	}
 .hana-okomecafe__text-wrap {
  padding: 30px 10px;
  gap: 50px;
  margin: 0;
  max-width: 350px;
 }
 .hana-okomecafe__text-title {
  font-size: 3.0rem;
  color: orange;
 }
 .hana-okomecafe__text-description {
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.7;
	 
 }
}
.hana-hitsujiyama {
 display: flex;
 flex-direction: column;
 margin: 60px 10px 0;
}
.hana-hitsujiyama__img {
 display: flex;
 flex-direction: column;
 justify-content: center;
 margin: 0 auto;
 position: relative;
 margin-bottom: 80px;
}
.hana-hitsujiyama__img-1 {
 width: 70vw;
 max-width: 400px;
 height: 130px;
 object-fit: cover;
 object-position: bottom;
 border-radius: 25px;
}
.hana-hitsujiyama__img-2 {
 width: 40vw;
 max-width: 200px;
 height: 100px;
 object-fit: cover;
 border-radius: 25px;
 position: absolute;
 bottom: -60px;
 right: -5%;
}
.hana-hitsujiyama__text-wrap {
 border-bottom: dotted 1px #707070;
 border-top: dotted 1px #707070;
 padding: 10px;
 width: 90%;
 margin: 0 auto;
 max-width: 600px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.hana-hitsujiyama__text-title {
 font-size: 2.0rem;
 color: orange;
}
.hana-hitsujiyama__text-description {
 text-align: left;
 font-size: 1.6rem;
 margin-top: 5px;
}
@media(min-width:1000px) {
 .hana-hitsujiyama {
  flex-direction: row;
  justify-content: center;
	 align-items:flex-start;
  gap: 5%;
  margin: 150px 100px 0;
 }
	.hana-hitsujiyama__img{
		margin: 0;
	}
 .hana-hitsujiyama__img-1 {
  width: 35vw;
	 margin: 0;
  height: 300px;
  max-width: none
 }
 .hana-hitsujiyama__img-2 {
  width: 25vw;
  height: 180px;
  margin-top: -60px;
  margin-left: 40%;
  max-width: none
 }
 .hana-hitsujiyama__text-wrap {
  padding: 40px 10px;
  gap: 20px;
  max-width: 350px;
	margin:0;
 }
 .hana-hitsujiyama__text-title {
  font-size: 3.0rem;
 }
 .hana-hitsujiyama__text-description {
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.7;
  margin-top: 5px;
 }
}
.hana-matsuri {
 display: flex;
 flex-direction: column;
 margin: 60px 10px 0;
}
.hana-matsuri__img {
 margin: 0 auto;
 margin-bottom: 20px;
	display: flex;
	gap:2%;
}
.hana-matsuri__img-1 {
 width: 35vw;
 max-width: 200px;
 height: 250px;
 object-fit: cover;
 object-position: right;
 border-radius: 25px;
}
.hana-matsuri__img-wrapper{
		display: flex;
			flex-direction: column;
	gap:10px;
	}
.hana-matsuri__img-2, .hana-matsuri__img-3 {
 width: 35vw;
 max-width: 200px;
 height: 120px;
 object-fit: cover;
 border-radius: 25px;
 
}
.hana-matsuri__text-wrap {
 border-bottom: dotted 1px #707070;
 border-top: dotted 1px #707070;
 padding: 10px;
 width: 90%;
 max-width: 600px;
 margin: 0 auto;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.hana-matsuri__text-title {
 font-size: 2.0rem;
 color: orange;
}
.hana-matsuri__text-description {
 text-align: left;
 font-size: 1.6rem;
 margin-top: 5px;
}
@media(min-width:1000px) {
 .hana-matsuri {
  flex-direction: row-reverse;
  justify-content: center;
  gap: 5%;
  margin: 190px 100px 0;
 }
	.hana-matsuri__img{
		margin:0;
	}
	.hana-matsuri__img-wrapper{
	gap:10px;
	}
 .hana-matsuri__img-1 {
  width: 17vw;
  max-width: none;
  height: 450px;
 }
 .hana-matsuri__img-2, .hana-matsuri__img-3 {
  width: 17vw;
  max-width: none;
  height: 220px;
 }
 .hana-matsuri__text-wrap {
  padding: 30px 10px;
  gap: 20px;
  max-width: 350px;
	 margin:0;
 }
 .hana-matsuri__text-title {
  font-size: 3.0rem;
 }
 .hana-matsuri__text-description {
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.7;
  margin-top: 5px;
	}}