@charset "UTF-8";
@media screen and (min-width:641px){
/* CSS Document */

	.sp{
		display: none;
	}
	
	.hidden{
	display:none;
}
		/* Loading背景画面設定　*/
	#splash {
/*fixedで全面に固定*/
		position: fixed;
		width: 100%;
		height: 100vh;
		z-index: 999;
		background:#fef2e5;
		text-align:center;
		color:#fff;
		margin: 0;
		top: 0;
	}

/* Loading画像中央配置　*/
	#splash_logo {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

/* Loading アイコンの大きさ設定　*/
	#splash_logo img {
		width:608px;
	}
	
	#header_container{
		display: flex;
		justify-content: space-between;
		margin: 20px 10px 10px 10px;
		max-width: 1300px;
		margin-left: auto;
		margin-right: auto;
	}

	#header_logo{
		margin-top: 20px;
	}
	
	#header_infomation{
		display: flex;
		font-size: 18px;
		white-space: nowrap; /* ホワイトスペースの制御 */

	}
	
	#header_inquiry{
		margin-top: 20px;
	}
	
	#header_bussiness_hour{
		text-align: right;
		margin-top: 67px;
		margin-right:10px;
	}

	#header_tel{
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		
		
	}
	
	#header_tel:hover{
		opacity: 0.7;
	}

	#header_form{
		background-color: #f2e5d6;
		padding: 14px;
		font-weight: bold;
		overflow: hidden;
		display: inline-block;
		text-align: center;
		outline: none;
		position: relative;
		transition: ease .2s;
	}
	
	#header_form span {
		position: relative;
		z-index: 100;
		color:#5b2e1a;
	}
	
	#header_form:hover span{
		color:#fff;
	}

	#header_form:before {
 		content: '';
 		position: absolute;
 		top: 0;
 		left: 0;
 		z-index: 10;
 		background:#5b2e1a;
		height: 100%;
 		transition: transform ease 1.4s;
 		transform: scale(0, 1);
		transform-origin: right top;
	}

	#header_form:hover:before{
		transform-origin:left top;
		transform:scale(1, 1);
		width:100%;
	}
	
	#header_form:active {
		transform: translate(2px, 2px);
	}
	
	#header_nav{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
		font-size: 24px;
		font-weight: bold;
		max-width: 1300px;
		padding-top: 30px;
	}
	
	
	#header_nav li{
	display: block;
    padding:0px 30px;
    text-decoration: none;
    color: #5b2e1a;
	position: relative;
	flex-direction: column; /* 追加 */
	}


	#header_nav li:hover{
		color:#5b2e1a;
	}

	#header_nav li::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 10%;
		width: 80%;
		height: 2px;
		background:#5b2e1a;
		transition: all .3s;
		transform: scale(0, 1);
		transform-origin: center;
	}

	#header_nav li:hover::after {
		transform: scale(1, 1);
	}
	
	#header_nav li a{
		color:#5b2e1a;
	}
	
	#mainvisual_container{
		position: relative; 
		margin-top: 20px;
	}
	
	#mainvisual_pc{
		width: 100%;
	}
	

	
	#mainhighlight_container{
		margin-left: auto;
		margin-right: auto;
		max-width: 1300px;
		 position: absolute; /* 子要素を絶対位置に設定 */
    top: 800px; /* 必要に応じて調整 */
    left: 15%; /* 必要に応じて調整 */
    width: 100%; /* 必要に応じて調整 */
    z-index: 10; /* z-indexを設定して、#mainvisual_containerの上に配置 */
    padding: 20px; /* 必要に応じて調整 */
    box-sizing: border-box; /* パディングを含めて幅を計算 */
	}
	
	#mainhighlight_sentence{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
}
	
	h1{
		font-size: 24px;
	}
	
	#sentence_container{
		line-height: 3em;
		font-size: 16px;
	}
	
	#service_container{
		width: 1400px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		transition: 2s;
		opacity: 0;
}

	#service_container.active{
	opacity: 1;
	}
	
	h2{
		font-size:42px;
		color: #f78913;
		text-align: center;
	}
	
	#service_all{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		max-width: 1300px;
	}
	
	#service_all li:hover{
		opacity:0.5;
		transition: 0.5s;
	}
	
	h3{
		font-size: 24px;
		text-align: center;
		border-bottom: 1px solid #5b2e1a;
		width: 85%;
		margin: auto;
		margin-top: 10px;
		color: #5b2e1a;
	}
	
	.service_contents{
		width:100%;
	}
	
	.service_contents:active {
		transform: translate(4px, 4px);
	}
	
	.service_contents p{
		color: #5b2e1a;
	}
	
	.img_service{
		width: fit-content;
		margin: auto;
		border-radius: 15%;
	}
	
	.service_sentence_container{
		width:350px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	.service_sentence{
		text-align: center;
		margin-top: 10px;
	}
	
	.service_detail{
		text-align: end;
		margin-right: 30px;
		margin-top: 10px;
		color: #5b2e1a;
	}

	
	#option_service_container{
		width: 900px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 130px;
		transition: 2s;
		opacity: 0;
}

	#option_service_container.active{
		opacity: 1;
	}
	
	#option_service_all{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		max-width: 1300px;
	}
	
	#option_service_all li:hover{
		opacity:0.5;
		transition: 0.5s;
	}
	
	.option_service_contents{
		width:100%;
	}
	
	.option_service_contents:active {
		transform: translate(4px, 4px);
	}
	
	.option_service_contents p{
		color: #5b2e1a;
	}
	
	.img_option_service{
		width: fit-content;
		margin: auto;
		border-radius: 15%;
	}
	
	.option_service_sentence_container{
		width:350px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	.option_service_sentence{
		text-align: center;
		margin-top: 10px;
	}
	
	.option_service_detail{
		text-align: end;
		margin-right: 30px;
		margin-top: 10px;
	}
	
	#thought_container{
		transition: 2s;
		opacity: 0;
	}

	#thought_container.active{
	opacity: 1;
	}
	
	#thought{
		margin-top:130px;
		background-image: url("../../images/bg_thought.png");
		padding-top: 20px;
		padding-bottom: 40px;
		
	}
	
	#thought_contents{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
		margin-top: 45px;
		max-width: 800px;
	}
	
	#thought_img{
		width: 350px;
	}
	
	#thought_sentence_container{
		margin-left:40px;
	}
	
	#bg_thought_sentence{
		background-color: rgba(255,255,255,0.8);
	}
	
	#thought_sentence_a{
		margin-top: 50px;
	}
	
	#thought_sentence_b{
		margin-top: 30px;
	}
	
	#lesson{
		margin-top:130px;
		transition: 2s;
		opacity: 0;
}

	#lesson.active{
	opacity: 1;
	}
	
	#lesson_sentence{
		text-align: center;
	}
	
	#lesson_banner_all{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
		margin-top: 45px;
		max-width: 1000px;
	}
	
	#lesson_banner_all img{
		border-radius: 15%;
	}
	
	#lesson_banner_all a:hover{
		opacity:0.5;
		transition: 0.5s;
	}
	
	#lesson_banner_all a:active {
		transform: translate(4px, 4px);
	}
	
	#voice{
		margin-top:130px;
		background-color: #fef2e5;
		padding-top: 20px;
		padding-bottom:40px;
		transition: 2s;
		opacity: 0;
}

	#voice.active{
		opacity: 1;
	}
	
	#voice_contents{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
		margin-top: 45px;
		padding-bottom: 45px;
		max-width: 1000px;

	}
	
	#voice_women{
		padding:30px;
		background-color: rgba(255,255,255,0.6);
	}
	
	#voice_women p{
		color: #5b2e1a;
	}
	
	#voice_women:hover{
		opacity:0.5;
	}
	
	#voice_women:active {
		transform: translate(4px,4px);
	}
	
	#voice_women_sentence{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
	}
	
	#voice_women_sentence p{
		margin-left:10px;
	}
	
	#voice_men{
		padding:30px;
		background-color: rgba(255,255,255,0.6);
		color: #5b2e1a;
	}
	
	#voice_men p{
		color: #5b2e1a;
	}
	
	#voice_men:hover{
		opacity:0.5;
	}
	
	#voice_men:active {
		transform: translate(4px,4px);
	}
	
	#voice_men_sentence{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
	}
	
	#voice_men_sentence p{
		margin-left:10px;
	}
	
	.voice_arrow{
		margin-top: 50px;
		margin-left: 30px;
	}
	
	#voice_next_container{
		text-align: end;
	}
	
	.voice_next{
		color: #5b2e1a;
		margin-left:300px;
		margin-top:7px;
	}

	
	#price{
		margin-top:30px;
		margin-bottom: 40px;
		transition: 2s;
		opacity: 0;
}

	#price.active{
	opacity: 1;
	}
	
	#price_info{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	#price_sentence{
		font-size: 20px;
	}
	
	#button_container{
		display: flex;
		justify-content: center;
		margin-left: auto;
		margin-right:auto;
		text-align: center;
	}
	
	#price_button{
		background:#f2e5d6;
		color:#5b2e1a;
		border: none;
		display: flex;
		width: 200px;
		height: 70px;
		margin-top: 20px;
		font-size: 16px;
		cursor: pointer;
		font-weight: bold;
		overflow: hidden;
		position: relative;
		transition: ease .2s;
		outline: none;
		align-items: center;
		justify-content: center;
	}

	
	#price_button span {
		position: relative;
		display: inline-flex; 
		z-index: 100;
		color:#5b2e1a;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
	
	#price_button:hover span{
		color:#fff;
	}

	#price_button:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		background:#5b2e1a;
		height: 100%;
		transition: transform .6s, width 0.4s;
		transform: scale(0, 1);
		transform-origin: right top;
	}

	#price_button:hover:before{
		transform-origin:left top;
		transform:scale(1, 1);
		width:100%;
	}
	
	#price_button:active {
		transform: translate(2px, 2px);
	}
	
	#area{
		background-color: #fef2e5;
		margin-top: 20px;
		padding-bottom: 40px;
		transition: 2s;
		opacity: 0;
	}

	#area.active{
		opacity: 1;
	}
	
	#area_table{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		line-height: 4em;
		margin-top:30px;
		border:1;
		cellspacing:0;
	}
	
	#area_table th{
		width: 180px;
		background-color: #f2e5d6
	}
	
	#area_table td{
		width: 180px;
		background-color: #fff
	}
	
	table,th,td{
		border:1px solid #5b2e1a
	}
	
	#contact{
		margin-top: 20px;
		margin-bottom: 40px;
		transition: 2s;
		opacity: 0;
	}

	#contact.active{
		opacity: 1;
	}
	
	#contact_contents{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
		width: 780px;
	}
	
	#contact_sentence{
		text-align: center;
		padding-top: 60px;
	}
	
	#contact_tel{
		font-size: 36px;
	}
	
	#contact_tel:hover{
		opacity: 0.7;
	}
	
	#contact_time{
		text-align: center;
	}
	
	#contact_time_info{
		border-bottom: 1px solid;
	}
	
	#contact_button_container{
		display: flex;
		justify-content: center;
		margin-left: auto;
		margin-right:auto;
		text-align: center;
		margin-top: 30px;
	}
	
	#contact_button{
		text-align: center;
		background:#f2e5d6;
		color:#5b2e1a;
		border: none;
		width:250px;
		height: 70px;
		margin-top: 20px;
		font-size: 16px;
		cursor: pointer;
		font-weight: bold;
		overflow: hidden;
		outline: none;
		position: relative;
		transition: ease .2s;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	#contact_button span {
		position: relative;
		z-index: 100;
		color:#5b2e1a;
	}
	
	#contact_button:hover span{
		color:#fff;
	}

	#contact_button:before {
 		content: '';
 		position: absolute;
 		top: 0;
 		left: 0;
 		z-index: 10;
 		background:#5b2e1a;
		height: 100%;
 		transition: transform .6s;
 		transform: scale(0, 1);
		transform-origin: right top;
	}

	#contact_button:hover:before{
		transform-origin:left top;
		transform:scale(1, 1);
		width:100%;
	}
	
	#contact_button:active {
		transform: translate(2px, 2px);
	}
	
	#info{
		background-color: #fef2e5;
		padding-top: 20px;
		padding-bottom: 40px;
		transition: 2s;
		opacity: 0;
}

	#info.active{
	opacity: 1;
	}
	
	#info_all{
		width:450px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		line-height: 6em;
	}
	
	
	.info_contentes{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		border-bottom: 1px solid #5b2e1a;
	}
	
	.info_contentes li{
		color: #5b2e1a;
	}

	.info_sentence{
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		display: inline-block;
	}
	
	#footer_logo{
		margin-top:80px;
	}
	
	#img_footer_logo_pc{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	#footer_nav_all{
		margin-top:30px;
		padding-bottom: 20px;
	}
	
	#footer_nav1{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
		font-size:14px;
		width:800px;
		color: #5b2e1a;
	}
	
	#footer_nav1 li{
		display: block;
		padding:10px 30px;
		text-decoration: none;
		color: #5b2e1a;
		position: relative;
		margin-bottom:20px;
	}
	
	#footer_nav1 li a{
		color: #5b2e1a;
	}


	#footer_nav1 li:hover{
		color:#5b2e1a;
	}

	#footer_nav1 li::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 10%;
		width: 80%;
		height: 1.5px;
		background:#5b2e1a;
		transition: all .3s;
		transform: scale(0, 1);
		transform-origin: center;
	}

	#footer_nav1 li:hover::after {
		transform: scale(1, 1);
	}
	
	#footer_nav2{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
		font-size:14px;
		width:1000px;
	}
	
	#footer_nav2 li{
		display: block;
		padding:10px 30px;
		text-decoration: none;
		color: #5b2e1a;
		position: relative;
		margin-bottom:20px;
	}
	
	#footer_nav2 li a{
		color: #5b2e1a;
	}


	#footer_nav2 li:hover{
		color:#5b2e1a;
	}

	#footer_nav2 li::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 10%;
		width: 80%;
		height: 1.5px;
		background:#5b2e1a;
		transition: all .3s;
		transform: scale(0, 1);
		transform-origin: center;
	}
	
	#footer_nav2 li:hover::after {
		transform: scale(1, 1);
	}
	
	#footer_copyright_container{
		background-color: #5b2e1a;
	}
	
	#footer_copyright{
		color: #fff;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 10px;
	}
	
	
}