@charset "UTF-8";
@media screen and (max-width:640px){
/* CSS Document */
	.pc{
		display: none;
	}
	.header{
		position: fixed;
		background-color: #fff;
	}
	#nav_toggle{
		float: right;
		width: 30px;
		margin-top: 30px;
		margin-right: 30px;
	  }
	}
	#humberger span{
		background-color: #5b2e1a;
		width: 40px;
		height: 3px;
		display: block;
		position: absolute;
		/* right: 20px; */
		transition: 0.5s;
	}
	
	#humberger span:nth-child(1){
		top: -4px;
	}
	
	#humberger span:nth-child(2){
		top: 11px;
	}
	
	#humberger span:nth-child(3){
		top: 28px;
	}
	
	#humberger{
		position:relative;
		z-index: 10000;
		margin-right: 20px;
	}
	
	.open #humberger span:nth-child(1){
		transform: rotate(45deg);
		top: 11px;
	}
	
	.open #humberger span:nth-child(3){
		transform: rotate(-45deg);
		top: 11px;
	}
	
	.open #humberger span:nth-child(2){
		opacity: 0;
	}
	
	#humberger_list{
		width: 100%;
		height: 100vh;
		background-color: #f2e5d6;
		position: fixed;
		top: 0;
		left: 0;
		transform: translateY(-100vh);
		transition: 0.5s;
		z-index: 1000;
	}
	#humberger_list a{
		padding-top: 20px;
		padding-bottom: 20px;
		display: block;
	}
	.open #humberger_list{
		transform: translateY(0);
	}
	
	#humberger_list ul{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		font-size: 20px;
		width: 100%;
		height: 100%;
	}
		/* 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_logo img{
		width: 65%;
		margin-top: 12px;
		margin-left:20px;
		float: left;


	}
	
	#mainvisual_sp{
		width: 100%;
		margin-top: 20px;
		padding-top: 90px;
	}
	
	
	
	#mainhighlight_sentence{
		text-align: center;
	}
	
	h1{
		font-size: 20px;
		margin:20px 0;
	}
	
	#service{
		margin-top:50px;
	}
	
	#sentence_container{
		font-size: 16px;
		margin:0 10px;
	}
	
	#service_container{
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	
	h2{
		font-size:30px;
		color: #f78913;
		text-align: center;
}

	.img_service{
		width:80%;
		margin-top: 15px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		border-radius: 15%;

	}
	
	h3{
		font-size: 22px;
		text-align: center;
		border-bottom: 1px solid;
		width: 85%;
		margin: auto;
		margin-top: 20px;
		color: #5b2e1a;
	}
	
	.service_sentence{
		margin: 20px;
	}
	
	.service_contents p{
		color: #5b2e1a;
	}
	
	.service_detail{
		text-align: end;
		margin-right: 10px;
		margin-top: 10px;
	}
	
	#option_service{
		margin-top:50px;
	}
	
	#option_service_container{
		margin-left: auto;
		margin-right: auto;
	}
	
	.img_option_service{
		width:80%;
		margin-top: 15px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		border-radius: 15%;
	}
	
	.option_service_contents p{
		color: #5b2e1a;
	}
	
	.option_service_sentence{
		margin: 20px;
	}
	
	.option_service_detail{
		text-align: end;
		margin-right: 10px;
		margin-top: 10px;
	}
	
	#thought{
		margin-top:50px;
		margin-bottom:20px;
		background-image: url("../../images/bg_thought_frower_sp.png")
	}
	
	#thought_img{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top:30px;
	}
	
	#thought_sentence_a{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top:10px;
	}
	
	#thought_sentence_b{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top:10px;
	}
	
	#bg_thought_sentence{
		background-color: rgba(255,255,255,0.8);
		margin: 20px;
	}
	
	#lesson{
		margin-top:50px;
	}
	
	#lesson_sentence{
		margin:20px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	#lesson_banner_all img{
		border-radius: 15%;
		width:70%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding: 10px;
	}
	
	#voice{
		margin-top:50px;
		background-color: #fef2e5;
		padding-top: 20px;
		padding-bottom:30px;
	}
	
	#voice_women{
		padding:30px;
		margin: 20px;
		background-color: rgba(255,255,255,0.8);
	}
	
	#voice_women p{
		color: #5b2e1a;
	}
	
	#voice_women_sentence{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
	}
	
	#voice_women_sentence p{
		margin-left:10px;
		margin-top:5px;
	}
	
	#voice_men{
		padding:30px;
		margin: 20px;
		background-color: rgba(255,255,255,0.8);
	}
	
	#voice_men p{
		color: #5b2e1a;
	}
	
	#voice_men_sentence{
		display: flex;
		justify-content: space-between;
		margin-left: auto;
		margin-right: auto;
	}
	
	#voice_men_sentence p{
		margin-top:5px;
		margin-left:10px;
	}
	
	.voice_arrow{
		margin-top: 80px;
		margin-left: 20px;
	}
	
	.voice_next{
		border-bottom: 1px solid;
		text-align: end;
		display: inline-block;
		color: #5b2e1a;
	}
	
	#price{
		margin-top:30px;
		margin-bottom:40px;
	}
	
	#price_sentence{
		font-size: 20px;
		margin-top: 20px;
	}
	
	#price_info{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	#button_container{
		margin-top:30px;
	}
	#price_button{
		background:#f2e5d6;
		color:#5b2e1a;
		border: none;
		padding: 15px 30px;
		margin-top: 20px;
		font-size: 16px;
	}
	
	#area{
		padding-top:30px;
		background-color: #fef2e5;
		padding-bottom: 40px;
	}
	
	#area_table{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		line-height: 4em;
		margin-top:30px;
	}
	
	#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;
	}
	
	
	#contact_sentence{
		text-align: center;
		padding-top: 20px;
	}
	
	#contact_tel{
		font-size: 32px;
		text-align: center;
	}
	
	#contact_time{
		text-align: center;
	}
	
	#contact_time_info{
		border-bottom: 1px solid;
		text-align: center;
	}
	
	#contact_button_container{
		text-align: center;
		margin-top: 30px;
	}
	
	#contact_button{
		text-align: center;
		background:#f2e5d6;
		color:#5b2e1a;
		border: none;
		padding: 15px 30px;
		margin-top: 20px;
		font-size: 16px;
		cursor: pointer;
	}
	
	#info{
		background-color: #fef2e5;
		margin-top: 20px;
		padding-bottom: 40px;
	}
	
	#info_all{
		margin-left: 20px;
		line-height: 2em;
	}
	
	.info_contentes{
		padding-top:20px;
	}
	
	.info_contentes li{
		color: #5b2e1a;
		margin-top: 10px;
	}
	
	.info_sentence {
		margin-left: 40px;
		position: relative; /*positionをrelativeに指定*/
	}

	.info_sentence::after {
		position: absolute; /*positionをabsoluteに指定*/
		content: "";
		background-color: #5b2e1a; /*下線の色*/
		width: 550px; /*線の幅*/
		height: 1px; /*線の太さ*/
		bottom: -20px; /*線のタテ位置*/
		left: 10%;  /*線のヨコ位置*/
		transform: translateX(-50%);
	}
	
	
	
	#footer_logo{
		margin-top:50px;
		padding-bottom: 20px;
	}
	
	#img_footer_logo_sp{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	#footer_copyright_container{
		background-color: #5b2e1a;
	}
	
	#footer_copyright{
		color: #fff;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 10px;
	}
}