*{
	margin:0;
	padding:0;
	outline: none;
	/* font-family: 'Noto Sans JP', sans-serif; */
}


body{
	background:#ddd;
	color:#222222;
  /* font-family: "Bellefair", serif; */
  /* font-weight: 400; */
  font-style: normal;
	/* font-family: "Bellefair,Shippori Mincho", serif; */
	font-family: "Bellefair", "Noto Sans JP";
	font-weight: 400;
	font-style: normal;

}
h1{
	cursor: default;
	margin:0;
}

h2,h3,h4{
	font-family: "Bellefair", "Shippori Mincho";
}

a,
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: rgb(70, 70, 70);
}

/* Header */

.btn {
	display: none;
	position: fixed;
	top: 5px;
	right: 16px;
	width: 48px;
	height: 48px;
	z-index: 10;
	background-color: rgb(231, 231, 231);
	border-radius: 5px;
}
header li{
	/* font-weight: bold; */
	list-style: none;
	font-size:25px;
}

/* Top page */

#top-bannar-container{
	width:100%;
	height:650px;
}

.top-wrapper{
	height:90vh;
}

#about-wrapper{
	display:flex;
	justify-content: center;
	align-items:center;
	flex-flow:column;
	/* text-align: center; */
	height:80vh;
	gap:100px;
}

/* #about-wrapper div:last-child{ */
/* 	width:100%; */
/* } */
	.about-p{
		font-size:18px;
	}

#about-message{
	display:flex;
	justify-content: center;
	align-items:center;
	flex-flow:column;
	font-family: "Bellefair,Shippori Mincho", serif;
	/* text-align: center; */
	/* height:80vh; */
	gap:40px;
}

	.about-page-link{
		padding-bottom:35px;
	}


.top-link{
	width:350px;
	margin:0 auto;
	border-top:solid 2px #d2b1cc;
	border-bottom:solid 2px #d2b1cc;
	text-align: center;
	padding:25px 0;
}

.top-link p{
	font-size:18px;
}

.top-mar{
	margin-bottom:80px;
}

.header-image-wrapper{
	margin:0 auto;
	max-width: 1600px;
	/* width:80%; */
	height:650px;
	/* background-image:url('../images/photo-data/0161.jpg'); */
	background-size:cover;
	background-position:center;
}

/* #nav-container{ */
/* 	display:flex; */
/* 	height:150px; */
/* 	background-color: #d2b1cc; */
/* 	justify-content: space-between; */
/* } */

/* #nav-wrapper{ */
/* 	display: flex; */
/* 	align-items: center; */
/* } */


#nav-wrapper{
	width:100%;
	height:150px;
	background: #d2b1cc;
	box-sizing: border-box;
}

#nav-wrapper li{
	line-height: 150px;
}

#nav-wrapper li:first-child {
	margin-left:50px;
}
#nav-wrapper li:last-child {
	margin-left: auto;
}

#nav-image-wrapper img{
	height:150px;
}


#nav-wrapper.fixed {
	width:100%;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
	background:#d2b1cc8f;

}

#nav-ul{
	display: flex;
	justify-content: flex-start;
	z-index: 5;
	gap: 0 20px;
}

.header-pc-img{
	display:block;
}

.header-mobile-img{
	display:none;
}


.fixed-make-box{
	height:150px;
}

.contents{
	margin:0 auto;
	max-width:1400px;
	padding:60px;
	box-sizing:border-box;
	box-sizing: border-box;
	background:#f1f1f1;

}

.container{
	color:black;
	width:100%;
}

.home-nav{
	text-align: right;
}

.home-nav span{
	padding:0 30px;
}

.desc-message{
	text-align: center;
	padding:40px 0 100px 0;
	font-size:18px;
}

.about-image-box{
	display:flex; justify-content: center;
}
.about-image-box img{
	width:60%;
}
.h2-box{
	text-align:center;
	padding:40px;
}
.h2-box h2{
  font-family: "Bellefair", "Bellefair,Shippori Mincho";
  font-weight: 400;
  font-style: normal;

	font-size:48px;
}

.h2-box p{
	font-size:18px;
	color:#202020;
}

.h3-box{
	text-align:center;
	padding:80px 0;
}
.h3-box h3{
	font-size:28px;
}


.h3-box p{
	font-size:18px;
	color:#202020;
}

/* #instructor-wrapper{ */
/* 	display:flex; */
/* 	justify-content: center; */
/* 	align-items:center; */
/* 	flex-flow:column; */
/* 	gap:40px; */
/* } */

#instructor-box{
	display:flex;
	justify-content: center;
	align-items:center;
	flex-flow:column;
	gap:60px;

	padding-bottom:120px;
}

#instructor-image-box{
	background-image:url('../images/photos/test-2.jpg');
	width:60%;
	height:500px;
	background-size:cover;
	background-position:center;
}

/* #instructor-message-box{ */
/* 	padding:20px; */
/* } */


/* #class-wrapper{ */
/* 	display:flex; */
/* 	justify-content: center; */
/* 	align-items:center; */
/* 	flex-flow:column; */
/* 	gap:40px; */
/* } */

#class-box{
	display:flex;
	justify-content: center;
	align-items:center;
	flex-flow:column;
	gap:60px;

	padding-bottom:120px;
}

#class-image-box{
	background-image:url('../images/photos/about-4.jpg');
	width:60%;
	height:500px;
	background-size:cover;
	background-position:center;
}

#class-message-box{
	padding:20px;
}

	#price-message{
		margin-top:25px;
		padding:10px 5px;
		box-sizing:border-box;
		font-size:15px;
		border:solid 1px #c0c0c0;
		border-radius:10px;
	}

	#price-message p{
		padding-bottom:10px;
	}



#access-content{
	height:80%;
	display:flex;
	justify-content: center;
	align-items:center;
	flex-flow:column;
}

#access-box{
	display:flex;
	justify-content: space-between;
	align-items:center;
	height:50%;
	width:100%;
	gap:50px;
}

#access-image-box{
	width:60%;
	height:100%;
	background-image:url('../images/photos/access-1.jpg');
	background-size:cover;
	background-position:center;

}

#access-message-box{
	width:40%;
}

#googlemap-box{
	width:100%;
	height:50%;
	display:flex;
	justify-content: center;
	align-items: center;
}

#news-wrapper{
	height:60vh;
}

#article-wrapper{
	display:flex;
	justify-content: center;
	align-items: center;
	flex-flow:column;
}

#article-box{
	width:70%;
}

#article-box p{
	border-bottom: solid 1px #a5a5a5;
	margin-bottom:20px;
	padding-left:12px;
	padding-bottom:5px;
	font-size:18px;
}

#article-box span{
	font-weight:bold;
	margin-right:15px;
}

#contact-wrapper{
	height: 80vh;
}

#form-items{
	display:flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	gap:10px;
}


#return-message-box{
	text-align: center;
}

#submit-btn{
	width:100%;
	height:40px;
  background: #545454;
	color:#fcfcfc;
	display:flex;
	justify-content: center;
	align-items: center;
	border-radius:5px;
	cursor:pointer;
}

#submit-btn:hover{
	opacity:0.7;
}

.form-span {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 40px;
  display: inline-block;
  text-align: center;
  background: #545454;
  color: #fff;
  font-size: 12px;
}


.form-item-box{
	width:600px;
}
.form-item-box p{
	padding-bottom:5px;
}

.form-item-box input[type="text"], .form-item-box select{
	height:30px;
}

textarea{
	height:150px;
}

.form-item-box input[type="text"],.form-item-box textarea, .form-item-box select{
	width:100%;
	border:none;
	border-radius:5px;
	background:#f8f8f8;
}

#instagram-wrapper{
	height:70vh;
}

#instagram-box{
	width:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	gap:10%;
}

#instagram-image-box{
	width:120px;
	height:120px;
	background-image:url('../images/logo/instagram.png');
	background-size:cover;
	background-position:center;
}

#instagram-box img{
	width:40%;
}

#instagram-message-box{
	width:50%;
	height:50%;
	display:flex;
	justify-content: center;
	align-items: center;
}



table{
	width:100%;
	border-collapse: collapse;
}

th {
	background-color:#d8c4d4;
	color: #333;
	font-weight: normal;
	padding: 20px;
	/* text-align: left; */
	border: 3px solid #ddd;
}

/* テーブルのデータセルのスタイル */
td {
	background-color: #f5f5f5;
	color: #333;
	padding: 20px;
	border: 2px solid #ddd;
	text-align:center;
}

/* 奇数行の背景色を変更 */
tr:nth-child(odd) {
	background-color: #f9f9f9;
}

#schedule-wrapper table{
	table-layout:fixed;
	font-size:12px;
}

#schedule-wrapper p{
	padding-top:20px;
}

.mini-kome{
	font-size:8px;
}

footer{
	background-color:#d2b1cc;
}

.footer-container{
	width:100%;
	height:250px;
	display:flex;
}

.footer-nav-wrapper{
	display:flex;
	height:30%;
	background-color: #d2b1cc;
	align-items: center;
	/* justify-content: center; */
	padding-left:50px;
}

.footer-nav-wrapper ul{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	z-index: 5;
	gap: 0 20px;
}

.footer-nav-wrapper li{
	/* font-weight: bold; */
	list-style: none;
	font-size:25px;
}

.footer-left-wrapper{
	width:70%
}

.footer-info-wrapper{
	display: flex;
	align-items: center;
	height:70%;
	padding-left:50px;
	
}

.footer-info-wrapper div:first-child{
	/* padding-left:20px; */
	width:40%;
}

.footer-info-wrapper div{
	width:60%;
}


.footer-right-wrapper{
	width:30%;
	display:flex;
	align-items: center;
	justify-content: center;
}

.footer-right-wrapper img{
	width:60%;
}

.footer-mobileimg-wrapper{
	display:none;
}

.footer-sns-logo{
	padding-left:20px;
}

.footer-sns-logo img{
	width:40px;
}

.footer-ti-logo{
	display:flex;
	align-items: center;
}

.footer-ti-logo img{
	width:250px;
}

.footer-ti-logo span{
	font-size:25px;
	padding-left:20px;
}


/* abous us */
.about-first-h3-box{
	text-align:center;
	padding:80px 0;
}
.about-first-h3-box h3{
	font-size:28px;
}

.about-us-words{
	padding:50px;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;

}
.about-us-words h4{
	font-size:21px;
	text-align:center;
}

.idea p{
	padding:30px 0 50px 0;
}

/* instoructor */
.instructor-name-box{
	/* text-align:center; */
	text-align: left;
	padding:12px 0 30px 0;
}

.instructor-name-box h3{
	font-size:23px;
}
.profile-wrapper{
	display:flex;
	padding:50px 0;
}

.profile-wrapper br{
	display: block;
	content: "";
	margin: 12px 0;
}

/* .profile-wrapper div{ */
/* 	width:50%; */
/* } */

.profile-left-box{
	width:40%;
}
.profile-right-box{
	width:60%;
}

.profile-left-box{
	display:flex;
	align-items: center;
	justify-content: center;
}

.profile-right-box{
	display:flex;
	justify-content: center;
	align-items: center;
	padding:30px;
	box-sizing: border-box;
}

.profile-words{
	width:100%;
}

.profile-image-box{
	width:350px;
	height:400px;

	background-size:cover;
	background-position:center;
}

#profile-image-1{
	background-image:url('../images/photos/profile-1.jpg');
}

#profile-image-2{
	background-image:url('../images/photos/profile-2.jpg');
}

/* class */
.class-words{
	padding:50px;
	text-align: center;
	font-size:18px;
}

.class-image-box{
	display:flex; justify-content: center;
}

.class-image-box img{
	width:45%;
}



@media screen and (max-width: 959px) {
#nav-ul{
	gap: 0 10px;
	font-size:10px;
}



	.contents{
		display:flex;
		flex-flow:column;

	}
	/* .container{ */
	/* 	width:94%; */
	/* } */

	#instructor-image-box{
		width:100%;
	}
	#class-image-box{
		width:100%;
	}


	.footer-sns-logo{
		padding-left:10px;
	}
.footer-nav-wrapper li{
	font-size:20px;
}
.footer-sns-logo img {
    width: 40px;
}


}

@media screen and (max-width: 519px) {
	.hanmenu{
		color:#eaeaea;
	}

	.contents{
		padding:18px;
	}

	.home-nav{
		font-size:13px;
		padding-bottom:10px;
	}

.home-nav span{
	padding:0 15px;
}


	.desc-message{
		text-align:left;
		font-size:16px;
	}

	.desc-message p{
		padding-bottom:20px;
	}

	.desc-message :last-child{
		padding-bottom:0;
	}

	table{
		font-size:10px;
	}
	#schedule-wrapper table{
		table-layout:fixed;
		font-size:8px;
	}

	#schedule-wrapper td,#schedule-wrapper th{
		padding:3px;

	}

#schedule-wrapper p{
	padding-top:15px;
	font-size:14px;
}

.mini-kome{
	font-size:5px;
}

	th {
		background-color:#d8c4d4;
		border: 2px solid #ddd;
		padding:10px;
	}

	/* テーブルのデータセルのスタイル */
	td {
		background-color: #f5f5f5;
		color: #333;
		padding: 10px;
		border: 1px solid #ddd;
		text-align:center;
	}
	.td-span{
		font-size:7px;
	}

	.column-none{
		width:15px;
	}


	.mobile-orientation span{
		white-space: pre;
		writing-mode: vertical-rl;
		display: inline-block;
	}

	.h2-box{
		padding:20px;
	}

	.h2-box h2{
		font-size:30px;
	}
	.h2-box p{
		font-size:15px;
	}



	.h3-box{
		text-align:center;
		padding:25px 0;
	}
	.h3-box h3{
		font-size:21px;
	}

	.h3-box p{
		font-size:13px;
		color:#202020;
	}


	.btn {
		display: block;
		padding:0;
		border: none;
		background: transparent;
		height:60px;
	}

	#nav-ul {
		position: fixed;
		padding: 0;
		transform: translateX(100vw);
		width: 100%;
		height: 100vh;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		transition: .3s;
		background: rgb(20, 20, 20, 0.6);
		gap: 0;
	}
	.nav-list {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}
	#nav-ul.open {
		transform: translateX(0);
	}

	#nav-wrapper{
		height:80px;
	}
	.fixed-make-box{
		height:80px;
	}
	#nav-wrapper a{
		color:#e1e1e1;
	}

	#nav-wrapper li{
		line-height: 0px;
	}

	#nav-wrapper li:first-child {
		margin-left:0px;
	}

	#nav-wrapper li:last-child{
		padding-right:0;
	}

	#nav-image-wrapper{
		order:-1;
	}

	#nav-image-wrapper img{
		/* display:none; */
		height:130px;
	}

	#top-bannar-container{
		height:350px;
	}

	.header-image-wrapper{
		height:350px;
		background-size:cover;
		background-position:center;
	}

	.top-link{
		width:250px;
		padding:15px 0;
	}

	.top-link p{
		font-size:13px;
	}

	#about-wrapper{
		height:100vh;
		gap:50px;
	}

	#about-message{
		/* display:block; */
		padding:0 8px;
		text-align: center;
	}

	.about-p{
		font-size:14px;
	}

	.about-page-link{
		padding-bottom:25px;
	}

	#instructor-image-box{
		height:250px;
		width:100%;
	}
	#instructor-box{
		padding-bottom:80px;
	}


	#instructor-wrapper{
		gap:30px;
	}

	.top-wrapper{
		height:100vh;
	}

	#instructor-message-box p{
		font-size:15px;
	}

	#class-image-box{
		height:250px;
		width:100%;
	}

	#class-message-box p{
		font-size:15px;
	}

	#class-wrapperm, #class-box{
		gap:30px;
	}

	#class-wrapper{
		gap:20px;
	}

	#class-box{
		padding-bottom:80px;
	}

	#access-content{
		height:100%;
		justify-content:flex-start;
		gap:30px;
	}

	#access-box{
		flex-flow:column;
		gap:30px;
	}

	#access-message-box , #access-image-box{
		width:100%;
		font-size:15px;
	}

	#article-box span{
		margin-right:8px;
	}

	#article-box p{
		font-size:15px;
	}

	#contact-wrapper{
		width:100%;
		font-size:13px;
	}

	.form-span{
		padding-top:3px;
		padding-bottom:3px;
	}

	textarea{
		height:100px;
	}


	#googlemap-box{
		height:auto;
	}

	#article-box{
		width:100%;
	}

	#article-box p{
		font-size:16px;
		margin-bottom:12px;
	}


	.form-item-box{
		width:100%;
	}

	#form-name, #form-mail, #form-message{
		font-size:16px;
	}


	.footer-container{
		flex-flow:column;
		height:auto;
		padding:30px 0;
	}

	.footer-left-wrapper{
		width:100%;
	}

	.footer-nav-wrapper{
		height:auto;
		padding-left:0;
		justify-content: center;
		/* padding:30px 0; */
	}
	.footer-nav-wrapper ul {
		flex-flow:column;
	}
	.footer-nav-wrapper li {
		font-size:18px;
		padding-bottom:7px;
	}
	.footer-info-wrapper{
		flex-flow:column;
		height:auto;
		padding-left:0;
	}
	.footer-info-wrapper div {
		width:100%;
		text-align:center;
		box-sizing: border-box;
		font-size:15px;
		padding:15px;
	}
	.footer-info-wrapper div:first-child{
		width:100%;
	}

	.footer-right-wrapper{
		display:none;
	}

	.footer-mobileimg-wrapper{
		display:flex;
		align-items: center;
		justify-content: center;
		width:100%;
	}
	.footer-mobileimg-wrapper img{
		width:60%;
	}

	.footer-sns-logo{
		padding:0;
	}

	.footer-sns-logo img{
		width:30px;
	}

	.footer-ti-logo{
		justify-content: center;
	}

	.footer-ti-logo span{
		font-size:17px;
		padding:0;
	}

	.footer-ti-logo img{
		width:200px;
	}

.header-pc-img{
	display:none;
}

.header-mobile-img{
	display:flex;
}

.header-mobile-img img{
	height:250px;
}



	/* Instructor */
	.profile-wrapper{
		flex-flow:column;
	}
	.profile-left-box, .profile-right-box{
		width:100%;
	}

	.profile-right-box{
		padding:20px 0;
	}
	.profile-image-box{
		height:350px;
	}
	.profile-words{
		font-size:15px;
	}
	.instructor-name-box{
		text-align: center;
	}
	.instructor-name-box h3{
		font-size:20px;
	}
	.instructor-name-box p{
		font-size:15px;
	}

	/* about us */
	.about-first-h3-box{
		text-align:center;
		padding:50px 0 25px 0;
	}
	.about-first-h3-box h3{
		font-size:19px;
	}
	.about-us-words{
		padding:25px 0;
	}
	.about-us-words h4{
		font-size:18px;
	}

	.idea p{
		font-size:15px;
		padding: 15px 0 30px 0;
	}

	.about-image-box img{
		width:100%;
	}

	.class-image-box img{
		width:100%;
	}

	.about-us-words{
		font-size:15px;
	}

	/* class */
	#price-message{
		font-size:14px;
	}

	.class-words{
		padding:30px 5px 30px 5px;
		text-align: left;
		font-size:15px;
	}


}