@charset "utf-8";
html {
	background-color: #f5f5f5;
}
body {
	font-family: Times,serif;
	background-color: #f5f5f5;
	color: #516f70;
	letter-spacing: 0.1em;
}
  
@media screen and (min-width:1024px) {
	h1 > img {
		width: 300px;
	}
	h2 {
		font-family: Times,serif;
		font-size: 36px;
		letter-spacing: 0.1em;
		color: #516f70;
		margin: 0 auto 50px;
		position: relative;
		text-align: center;
		font-weight: normal;
	   }
	 
	   h3 {
		font-family:"Noto Serif JP",serif;
		font-size: 18px;
		letter-spacing: 0.1em;
		font-weight: 600;
		color: #516f70;
		margin-bottom: 65px;
	   }
	   p {
		font-family:"Noto Serif JP",serif;
		font-size: 14px;
		color: #516f70;
		letter-spacing: 0.025em;
		line-height: 175%;
	   }
header {
	margin: 50px 50px 75px;
}
	   .guesthouse,.biwaholidayhomes__inner,.guesthouse__detail__inner {
		width: 900px;
		margin: 100px auto 0;
		text-align: center;
	   }
	   .guesthouse {
		margin-bottom: 200px;
	   }
	   .guesthouse__img,.biwaholidayhomes__inner__img, .youtube {
		display: flex;
		justify-content:space-between;
	   }
	   .biwaholidayhomes__inner__img > img, .guesthouse__img > div {
		width: 32.6%;
	   }
	   .biwaholidayhomes__inner > p {
		margin-bottom: 25px;
	   }
	   .biwaholidayhomes__inner__img {
		margin: 36px auto 150px;
		gap: 10px;
	   }
	.guesthouse__img {
		padding-top: 95px;
		margin-bottom: 100px;
	}
	   .guesthouse__btn {
		font-family: Times,serif;
		font-size: 14px;
		text-decoration: none;
		color: #ffffff;
		background-color: #4c9b9e;
		padding: 10px 58px;
		letter-spacing: 0.05em;
	   }
	 
	   .guesthouse__contents {
		margin-bottom: 28px;
	   }
	   .guesthouse__name {
		margin-top: 30px;
		margin-bottom: 10px;
	   }
	   .guesthouse__detail {
		width: 1000px;
		margin: 0 auto;
	   }
	   .guesthouse__detail {
		width: 100vw;
		background-image: url(../images/guesthouse__detail__bg.jpg);
		background-repeat: repeat;
		background-size: 100%;
	   }
	   .youtube {
		width: 900px;
		padding-bottom: 150px;
	   }
	   .youtube > div {
		width: 50%;
		margin: 0 auto;
	   }
	 .youtube > div > iframe {
		width: 95%;
		height: 300px;
		margin: 0 auto;
	 }
	 .en,.mio,.shin {
		position: relative;
		text-align: left;
	 }
	 .name__en {
		position: absolute;
		width: 101px;
		margin: 0 auto;
		top: -154px;
		left: 0;
		right: 0;
	 }
	 .name__mio {
		position: absolute;
		width: 105px;
		top: -157px;
		left: 0;
		right: 0;
		margin: 0 auto;
	 }
	 .name__shin {
		position: absolute;
		top: -195px;
		left: 0;
		right: 0;
		width: 132px;
		margin: 0 auto;
	 }
	 .biwaholidayhomes {
		width: 1000px;
		margin: 25px auto 0;
	 }
	 .biwaholidayhomes__inner {
		padding-top: 50px;
		

	 }
	 #drop_bg {
		width: calc(100vw - 50px);
		background-image: url(../images/drop.png);
		background-size: cover;
		margin: 0 auto 150px;
	 }
	

	
	.Instagram {
		width: 900px;
		margin: 0 auto;
	}
	.insta_list,.Instagram_inner {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin: 0 auto;
		width: 900px;
	}
	.insta_list li{
		position: relative;
		width: calc((100% - 20px)/3);
	}
	#Map {
		width: 100vw;
		height: 400px;
		overflow: hidden;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	iframe {
		width: 100%;
		height: 460px;
		border:0; 
		margin-top: -60px;
	}
	.sp_bl {
		display: none;	
	}
	
}
@media screen and (min-width: 1080px){
	.Instagram {
		width: 1000px;
		margin: 0 auto;
	}
	.insta_list,.Instagram_inner {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin: 0 auto;
		width: 1000px;
	}
	.guesthouse,.biwaholidayhomes__inner,.guesthouse__detail__inner {
		width: 1000px;
		margin: 100px auto 0;
		text-align: center;
	   }
	   .biwaholidayhomes__inner__img > img, .guesthouse__img > div {
		width: 30%;
	   }

	footer.en {
		background-image: url(../images/footer.jpg);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		padding: 100px 0px 150px;
		margin: 0 auto;
		width: 100vw;
		height: 100%;
		text-align: center;
	}
	.youtube {
		width: 1000px;
		padding-top: 50px;
		padding-bottom: 150px;
	   }
 }

	@media screen and (max-width: 750px){
		.insta_list li{
			width: calc((100% - 20px)/2);
		}
	}
	
	.insta_list li::before{
		content: "";
		display: block;
		padding-top: 100%;
	}
	
	.insta_list a{
		position: absolute;
	  top: 0;
	  width: 100%;
	  height: 100%;
	}
	
	.insta_list img{
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}
	
	.insta_btn{
		background-color: #000;
		padding: .5em 1em;
		width: fit-content;
		margin: 0 auto;
		cursor: pointer;
		transition: .3s
	}
	
	.insta_btn a{
		color: #fff;
		text-decoration: none;
	}
	
	.insta_btn:hover{
		background-color: #999;
	}

	a {
		font-family: sans-serif;
		text-decoration: none;
		}
		
		
	
	
		  .container {
			position: relative;
			width: 1000px;
			max-width: 1000px;
			padding: 0;
		  }
		  html {
			scroll-behavior: smooth;
			scroll-padding-top: 100px;
		}
		.contact_btn:hover {
			background-color: #FFFFFF;
			color: #4c9b9e;
			transition: 0.5s;
			text-decoration: none;
			border: 1px solid #4c9b9e;
			height: 44px;
		 }
		@media screen and (min-width:1400px) {
 #drop_bg {
		width: 1400px;
		background-image: url(../images/drop.png);
		background-size: cover;
		margin: 0 auto 150px;
	 }
	}
	@media screen and (max-width: 1023px){
		.header_mail,.header_insta {
			display: none;
		}
		.header__contents__language > a {
			font-family: Times,serif;
			font-size: 14px;
			letter-spacing: 0.1em;
		  }
		h1 > img {
			width: 220px;
		}
		h2 {
			font-family: Times,serif;
			font-size: 22px;
			letter-spacing: 0.1em;
			color: #516f70;
			margin: 0 auto 20px;
			position: relative;
			text-align: center;
			font-weight: normal;
		   }
		  
		   h3 {
			font-family:"Noto Serif JP",serif;
			font-size: 16px;
			letter-spacing: 0.1em;
			font-weight: 600;
			color: #516f70;
			margin-top: 35
			px;
			margin-bottom: 30px;
			text-align: center;
		   }
		   p {
			font-family:"Noto Serif JP",serif;
			font-size: 13px;
			color: #516f70;
			letter-spacing: 0.025em;
			line-height: 175%;
		   }
	


		   .guesthouse,.biwaholidayhomes__inner,.guesthouse__detail__inner {
			width: calc(100vw - 30px);
			margin: 70px auto 0;
			text-align: center;
		   }
		   .guesthouse {
			margin-bottom: 100px;
		   }
		   .guesthouse__img,.biwaholidayhomes__inner__img, .youtube {
			display: flex;
			justify-content:space-between;
			flex-direction: column;
		   }
		   .biwaholidayhomes__inner__img > img, .guesthouse__img > div {
			width: 100%;
		   }
		   .biwaholidayhomes__inner > p {
			margin-bottom: 25px;
		   }
		   .biwaholidayhomes__inner__img {
			margin: 36px auto 70px;
			width: calc(100vw - 50px);
		   }
		   .biwaholidayhomes__inner__img > img {
			margin-bottom: 20px;
		   }
		.guesthouse__img {
			padding-top: 85px;
			margin-bottom: 20px;
		}
		   .guesthouse__btn {
			font-family: Times,serif;
			font-size: 14px;
			text-decoration: none;
			color: #ffffff;
			background-color: #4c9b9e;
			padding: 10px 58px;
			letter-spacing: 0.05em;
		   }
		   .guesthouse__contents {
			margin-bottom: 28px;
		   }
		   .guesthouse__name {
			margin-top: 20px;
			margin-bottom: 8px;
		   }
		   .guesthouse__detail {
			width: calc(100vw - 50px);
			margin: 0 auto;
		   }
		   .guesthouse__detail {
			width: 100vw;
			background-image: url(../images/guesthouse__detail__bg.jpg);
			background-repeat: repeat;
			background-size: 100%;
			padding-bottom: 15px;
		   }
		   .youtube {
			width: calc(100vw - 30px);
			padding-top: 50px;
			padding-bottom: 0px;
		   }
		   .youtube > div {
			width: 100%;
			height: 210px;
			margin: 10px 0;
		   }
		 .youtube > div > iframe {
			width: 100%;
			height: 100%;
		 }
		 .en,.mio {
			position: relative;
			text-align: left;
			margin-bottom: 200px;
		 }
		 .shin {
			position: relative;
			text-align: left;
			margin-bottom: 0px;
		 }
		 .name__en {
			position: absolute;
			width: 25%;
			margin: 0 auto;
			top: -130px;
			left: 0;
			right: 0;
		 }
		 .name__mio {
			position: absolute;
			width: 25%;
			top: -127px;
			left: 0;
			right: 0;
			margin: 0 auto;
		 }
		 .name__shin {
			position: absolute;
			top: -155px;
			left: 0;
			right: 0;
			width: 30%;
			margin: 0 auto;
		 }
		 .ph__en,.ph__mio,.ph__shin {
			width: 100vw;
		 }
		 .biwaholidayhomes {
			width: calc(100vw - 30px);
			margin: 25px auto 0;
		 }
		 #drop_bg {
			width: 100vw;
			background-image: url(../images/drop.png);
			background-size: cover;
			margin: 0 auto 100px;
		 }
	
		
		
		
	}


	 /*================================================
	 Lower
	 ================================================*/
	 @media screen and (min-width: 1024px){
	 .photo {
		width: 1000px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 50px;
		margin-bottom: 90px;
	 }
	 .photo > img {
		width: 300px;
		margin-bottom: 45px;
	 }
	 .company_logo {
		margin: 0 auto 100px;
		width: 28%;
		max-width: 462px;
		
	 }
	 .top_ph {
		margin: 0 auto;
		width: calc(100vw - 100px);
		max-width: 1500px;
	 }
	 #company_drop_bg {
		width: calc(100vw - 50px);
		background-image: url(../images/company_drop_bg.png);
		background-size: contain;
		background-repeat: no-repeat;
		margin: -150px auto 150px;
	 }
	 .biwaholidayhomes__inner__contents {
		padding-top: 100px;
	 }
	 .low_h3 {
		margin-top: 80px;
	 }
	 .low {
		margin-top: -35px;
	 }
	 .low_ph {
		margin: 50px auto 0;
	 }
	 .reserve {
		font-size: 14px;
		border: 1px solid #4c9b9e;
		color: #4c9b9e;
		background-color: #f5f5f5;
		letter-spacing: 0.1em;
		padding: 10px 50px;
	 }
	 .header__contents__contact {
		display: flex
	;
		flex-direction: row;
		align-items: center;
	}
	 #stay_bg {
		width: 100vw;
		margin: 145px auto 0!important;
		background-image: url(../images/guesthouse__detail__bg.jpg);
		padding: 70px 0 150px;
	 }
	}
	
	 /*================================================
	 Reserve
	 ================================================*/
	 @media screen and (min-width: 1024px){
		.contact_ttl {
			font-size: 36px
		}
		.col-form-label {
			width: 200px;
		}
		.form-control,.check_stay_inner {
			width: 800px;
		}
		.annotation {
			width: 1000px;
			margin: 50px auto;
			padding-bottom: 50px;
		}
		.container_contact {
			margin: 0 auto;
			width: 1000px;
			max-width: 1000px;
		}
		.col-form-label {
			font-size: 14px;
		 }
		 h3.low_h3 {
			text-align: center;
		 }
		 .check_stay,.check_stay_inner {
			display: flex;
			flex-direction: row;
		 }
	
		 .row {
			margin-left: 0px;
			margin-right: 0px;
			flex-wrap: nowrap;
		 }
		 .form-control {
			border: none;
		 }
		 .form-group,.check_stay {
			margin-bottom: 25px;
		 }
		 .box_br {
			margin-right: 20px;
		 }
		 .contact_cv {
			margin: 0 auto;
			width: 1000px;
			text-align: center;
		 }
		 .contact_btn {
			color: #f5f5f5;
			background-color: #4c9b9e;
			width: 100%;
			padding-top: 10px;
			padding-bottom: 10px;
			display: block;
			font-family:"Noto Serif JP",serif;
			border: none;
		 }
		 .container_form {
			margin: 0 auto;
			width: 1000px;
		 }
	 }
	
	
	 @media screen and (max-width: 1023px){
		.col-form-label {
			width: 100%;
		}
		.form-control {
			width: 100%;
		}
		.container_form {
			width: calc(100vw - 70px);
			position: relative;
			margin: 0 auto;
		}
		.row {
			margin-left: 0px;
			margin-right: 0px;
			flex-wrap: wrap;
			flex-direction: column;
		 }
		 .contact_cv {
			margin: 0 auto;
			width: 100%;
			text-align: center;
		 }
		 .contact_btn {
			color: #f5f5f5;
			background-color: #4c9b9e;
			width: calc(100vw - 70px);
			padding-top: 10px;
			padding-bottom: 10px;
			display: block;
			margin: 0 auto;
			font-family:"Noto Serif JP",serif;
			font-size: 14px;
			border: none;
		 }
		 #stay_bg {
			margin-top: 80px;
			background-image: url(../images/guesthouse__detail__bg.jpg);
			padding: 40px 0 80px;
		 }
		 .annotation {
			width: calc(100vw - 70px);
			margin: 30px auto;
			padding-bottom: 40px;
		}
		.logo_colmn {
			margin: 0 auto 60px;
			width: 70%;
		}
		.global-navigation__list > li > a {
			margin: 0 auto;
			text-align: center;
			display: block;   
			font-family:"Noto Serif JP",serif;
			letter-spacing: 0.1em;
			font-size: 16px;
			width: 100%;
		}
		.header__nav-area {
			position: fixed;
			top: 0;
			left: -100%;
			height: 100vh;
			width: 100vw;
			visibility: hidden;
			padding: 20px;
			background-color: #d2e3e9;
			transition: 0.4s;
			z-index: 777;
		}
		.global-navigation__list {
			width: 350px;
		}
		.check_stay {
			margin-bottom: 10px;
		}
		.header__contents__language > p {
			padding: 0 5px;
			font-weight: bold;
			margin-top: -2px;
		}
		footer {
			text-align: center;
			margin: 0 auto;
		}
	 }
	 .header__contents__language > a {
		color: #516f70!important;
	 }
	 p {
		margin-bottom: 0!important;
	 }
	 h2::before {
      display:none;
    }
	object {
		margin: 0 auto;
		width: 150px;
	}
	
	  .pdf_btn {
		font-family: Times,serif;
		font-size: 14px;
		text-decoration: none;
		color: #ffffff;
		background-color: #f09806;

		letter-spacing: 0.05em;
		display: block;
	padding: 8px 0 6px;
		margin: 0 auto;
	   }