@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* 1201px - */
@media screen and (min-width: 1201px), print {


#header {
	display: none;
}	


.ss {
	display: none;
}



/* contents
--------------------- */
#contents {
	width: 980px !important;
	margin-left: 21.5%;
	float: none !important;
}
	#contents h2 {
		font-family: 'Cormorant Garamond', serif;
		font-size: 34px;
		letter-spacing: 3px;
		color: #bb897d;
		padding-top: 60px;
		margin-bottom: 20px;
	}


	#contents .table01 {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 10px;
		font-family: 'Cormorant Garamond', serif;
	}
		#contents .table01 th {
			width: 20%;
			font-size: 122%;
			font-weight: normal;
			text-align: left;
			line-height: 1.2em;
			color: #000;
			padding: 15px 0 15px 22px;
			border-right: solid 1px #e6d3d0;
			border-bottom: solid 2px #bb897d;
		}
		#contents .table01 th.head {
			border-right: solid 2px #bb897d;
			border-bottom: solid 2px #bb897d;
		}
			#contents .table01 th .en {
				font-size: 13px;
			}
			#contents .table01 th span {
				font-weight: 300;
			}

		#contents .table01 td {
			font-size: 18px;
			height: 46px;
			color: #000;
			line-height: 1.2em;
			padding: 15px 0 15px 15px;
			border-right: solid 1px #e6d3d0;
			border-bottom: solid 1px #e6d3d0;
		}
		#contents .table01 td.head {
			font-size: 135%;
			color: #000;
			line-height: 1.2em;
			padding: 15px 0 15px 0;
			border-right: solid 2px #bb897d;
			border-bottom: solid 1px #e6d3d0;
			position: relative;
		}
		#contents .table01 td.thbg {
			background: #fdf7f5;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
		}
			#contents .table01 td.head a {
				display: block;
				position: absolute;
				top: 21px;
				right: 20px;
			}
	
		#contents .table01 .line {
			border-bottom: solid 1px #bb897d;
		}
		#contents .table01 .line_none {
			border-right: none;
		}


	#contents .txt {
		color: #000;
		margin-bottom: 30px;
	}


	#contents .table02 {
		width: 100%;
		border-collapse: collapse;
	}
		#contents .table02 th {
			width: 25%;
			font-size: 122%;
			font-weight: normal;
			text-align: left;
			line-height: 1.2em;
			color: #000;
			padding: 15px 0 15px 10px;
			border-bottom: solid 1px #e6d3d0;
		}

		#contents .table02 td {
			width: 25%;
			font-size: 18px;
			text-align: right;
			color: #000;
			line-height: 1.2em;
			padding: 15px 10px 15px 10px;
			border-bottom: solid 1px #e6d3d0;
			font-weight: 300;
		}

		#contents .table02 .line {
			border-right: solid 1px #e6d3d0;
		}
		#contents .table02 .line_top {
			border-top: solid 2px #bb897d;
		}
		#contents .table02 .line_bottom {
			border-bottom: solid 2px #bb897d;
		}


.pop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
}
	.pop p {
		width: 680px;
		height: 290px;
		position: fixed;
		background-color: #FFF;
		z-index: 110;
		top: 50%;
		left: 50%;
		margin-top: -145px;
		margin-left: -340px;
	}
	
	.pop #close {
		font-size: 40px;
		font-weight: 300;
		color: #fff;
		background: none;
		border: none;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -140px;
		margin-left: -320px;
		z-index: 110;
	}


}



/* form */

.c-form {
	max-width: 600px;
	margin: 0 auto 50px auto;
}
.c-form__item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin-bottom: 20px;
}
.c-form__label,
.c-form__input {
	padding: 10px;
}
.c-form__label {
	width: 90%;
}
.c-form__input {
	width: 90%;
	font-size: 16px;
	border: solid 1px #333;
	border-radius: 4px;
}
.c-form__input:focus-visible {
	outline: black auto 1px;
}
.c-form__required {
	color: #fff;
	background-color: black;
	border-radius: 4px;
	padding: 5px 5px;
	margin: 0 0 0 18px;
}
textarea.c-form__input {
	height: 160px;
}
.c-form__submit {
	text-align: center;
}
.c-form__submit button {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background-color: black;
	border: solid 1px black;
	border-radius: 4px;
	padding: 5px 32px;
	transition: 0.4s;
	cursor: pointer;
}
.c-form__submit button:hover {
	color: black;
	background-color: transparent;
}

@media (min-width: 640px) {
   .c-form {
      margin: 0 0 50px 0;
   }
	.c-form__item {
		flex-wrap: nowrap;
	}
	.c-form__label {
		width: 40%;
	}
	.c-form__input {
		width: 55%;
	}

   
}

.is-disable {
   pointer-events: none;
   opacity: .5;
}

.thanks-msg {
   color: black;
   margin: auto;
   display: none;
   text-align: center;
   padding: 20px;
}



/* 901px - 1200px */
@media only screen and (min-width: 901px) and (max-width: 1200px), print {


#header_sp #logo,
#header_sp ul {
	display: none;
}	



.ss {
	display: none;
}




/* contents
--------------------- */
#contents {
	width: 96% !important;
	padding: 2% !important;
}
	#contents h2 {
		font-family: 'Cormorant Garamond', serif;
		font-size: 34px;
		letter-spacing: 3px;
		color: #bb897d;
		padding-top: 60px;
		margin-bottom: 20px;
	}


	#contents .table01 {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 10px;
		font-family: 'Cormorant Garamond', serif;
	}
		#contents .table01 th {
			width: 20%;
			font-size: 122%;
			font-weight: normal;
			text-align: left;
			line-height: 1.2em;
			color: #000;
			padding: 15px 0 15px 22px;
			border-right: solid 1px #e6d3d0;
			border-bottom: solid 2px #bb897d;
		}
		#contents .table01 th.head {
			border-right: solid 2px #bb897d;
			border-bottom: solid 2px #bb897d;
		}
			#contents .table01 th .en {
				font-size: 13px;
			}
			#contents .table01 th span {
				font-weight: 300;
			}

		#contents .table01 td {
			font-size: 18px;
			height: 46px;
			color: #000;
			line-height: 1.2em;
			padding: 15px 0 15px 15px;
			border-right: solid 1px #e6d3d0;
			border-bottom: solid 1px #e6d3d0;
		}
		#contents .table01 td.head {
			font-size: 135%;
			color: #000;
			line-height: 1.2em;
			padding: 15px 0 15px 0;
			border-right: solid 2px #bb897d;
			border-bottom: solid 1px #e6d3d0;
			position: relative;
		}
		#contents .table01 td.thbg {
			background: #fdf7f5;
			font-family: 'Lato', sans-serif;
		}
			#contents .table01 td.head a {
				display: block;
				position: absolute;
				top: 21px;
				right: 20px;
			}
	
		#contents .table01 .line {
			border-bottom: solid 1px #bb897d;
		}
		#contents .table01 .line_none {
			border-right: none;
		}


	#contents .txt {
		color: #000;
		margin-bottom: 30px;
	}


	#contents .table02 {
		width: 100%;
		border-collapse: collapse;
	}
		#contents .table02 th {
			width: 25%;
			font-size: 122%;
			font-weight: normal;
			text-align: left;
			line-height: 1.2em;
			color: #000;
			padding: 15px 0 15px 10px;
			border-bottom: solid 1px #e6d3d0;
		}

		#contents .table02 td {
			width: 25%;
			font-size: 18px;
			text-align: right;
			color: #000;
			line-height: 1.2em;
			padding: 15px 10px 15px 10px;
			border-bottom: solid 1px #e6d3d0;
		}

		#contents .table02 .line {
			border-right: solid 1px #e6d3d0;
		}
		#contents .table02 .line_top {
			border-top: solid 2px #bb897d;
		}
		#contents .table02 .line_bottom {
			border-bottom: solid 2px #bb897d;
		}


.pop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000000;
}
	.pop p {
		width: 680px;
		height: 290px;
		position: fixed;
		background-color: #FFF;
		z-index: 1000001;
		top: 50%;
		left: 50%;
		margin-top: -145px;
		margin-left: -340px;
	}
	
	.pop #close {
		font-size: 40px;
		font-weight: 300;
		color: #fff;
		background: none;
		border: none;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -140px;
		margin-left: -320px;
		z-index: 1000002;
	}


}




.small {
   font-size: 70%;
   line-height: 1;
}

.bold {
   font-weight: bold;
  
}

.bold th {
   font-weight: bold!important;
}

.menu-title {
   font-weight: bold;
}

.head {
   line-height: 1!important;
}

/* - 900px */
@media only screen and (max-width: 900px) {


.type-box {
   padding: 0 0 0 5%;
}

.sb {
	display: none;
}





/* contents
--------------------- */
#contents {
	padding: 0 10% 60px 10%;
}
	#contents h2 {
		font-size: 24px;
		font-weight: normal;
		letter-spacing: 3px;
		color: #bb897d;
		padding: 100px 0 50px 5%;
	}

	#contents .box {
		color: #000;
		margin-bottom: 25px;
		position: relative;
		padding: 0 5%;
	}
		#contents .box h3 {
			font-size: 108%;
			font-weight: normal;
			font-family: 'Cormorant Garamond', serif;
			margin-bottom: 5px;
		}
	
		#contents .box .btn {
			width: 90px;
			position: absolute;
			top: 0;
			right: 0;
		}
			#contents .box .btn img {
				width: 100%;
				height: auto;
			}

		#contents .box table {
			width: 100%;
			border-collapse: collapse;
			font-family: 'Cormorant Garamond', serif;
		}
			#contents .box table th {
				font-size: 93%;
				text-align: left;
				font-weight: normal;
				border-top: solid 1px #e6d3d0;
				border-right: solid 2px #bb897d;
				padding: 10px 10px 10px 0;
			}
				#contents .box table th .en {
					font-size: 72%;
				}
			#contents .box table td {
				font-size: 93%;
				text-align: left;
				font-weight: normal;
				border-top: solid 1px #e6d3d0;
				padding: 10px 0 10px 10px;
				background: #fdf7f5;
				font-family: 'Lato', sans-serif;
			}


			#contents .box table .line_top {
				border-top: solid 2px #bb897d;
			}
			#contents .box table .line_bottom {
				border-bottom: solid 2px #bb897d;
			}


	#contents .txt {
		font-size: 79%;
		color: #000;
		margin-bottom: 50px;
		padding: 0 5%;
	}


.pop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000000;
}
	.pop p {
		width: 300px;
		position: fixed;
		background-color: #FFF;
		z-index: 1000001;
		top: 50%;
		left: 50%;
		margin-top: -90px;
		margin-left: -150px;
	}
		.pop p img {
			width: 300px;
			height: auto;
		}
	
	.pop #close {
		font-size: 40px;
		font-weight: 300;
		color: #fff;
		background: none;
		border: none;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -90px;
		margin-left: -140px;
		z-index: 1000002;
	}


	table td {
      width: 80px;
   }

   .small {
      font-size: 90%;
      line-height: 1;
   }

   .title {
      font-weight: bold!important;
   }
}