@charset "UTF-8";
/* PC用 ----------------------------------------------------------------------------------------------------------------------------*/
@media (min-width:480px) { 
	.center_cont {
		margin: 21px auto;
		text-align: center;
		display: block;
		position: relative;
	}
	.center_cont .text_m0_1 {
		font-size: 24px;
		width: 560px;
		margin: 0px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .text_m0_2 {
		font-size: 28px;
		width: 560px;
		margin: 0px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .text_m0_3 {
		font-size: 31px;
		width: 560px;
		margin: 0px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .text_m16 {
		font-size: 25px;
		width: 560px;
		margin: 16px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .text_m16_1 {
		font-size: 25px;
		width: 560px;
		margin: 16px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .text_m16_2 {
		font-size: 28px;
		width: 560px;
		margin: 16px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .text_m16_3 {
		font-size: 31px;
		width: 560px;
		margin: 16px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .name {
		font-size: 20px;
		position: absolute;
		right: 110;
		bottom: 0;
	}

	.center_cont .text_h2 {
		font-size: 23px;
	}
	
	.center_cont .text_title {
		font-size: 60px;
	}

	.center_cont .profile_box_0 {
	--	background-color: darkgrey;
		width: 400px;
		height: 40px;
		font-size: 20px;
		position: absolute;
		left: 10px;
		top: 80px;
	}

	.center_cont .profile_box_1 {
	--	background-color: darkgrey;
		width: 300px;
		height: 300px;
		font-size: 20px;
		position: absolute;
		left: 420px;
		top: 80px;
	}

	.center_cont .profile_box_2 {
	--	background-color: darkgrey;
		width: 400px;
		height: 660px;
		font-size: 20px;
		position: absolute;
		left: 10px;
		top: 130px;
	}

	.center_cont .profile_box_3 {
	--	background-color: darkgrey;
		width: 300px;
		height: 400px;
		font-size: 20px;
		position: absolute;
		left: 420px;
		top: 390px;
	}

	.center_cont .profile_box_4 {
	--	background-color: darkgrey;
		width: 400px;
		height: 40px;
		font-size: 20px;
		position: absolute;
		left: 10px;
		top: 900px;
	}

	.center_cont .profile_box_5 {
	--	background-color: darkgrey;
		width: 300px;
		height: 300px;
		font-size: 20px;
		position: absolute;
		left: 420px;
		top: 900px;
	}

	.center_cont .profile_box_6 {
	--	background-color: darkgrey;
		width: 400px;
		height: 660px;
		font-size: 20px;
		position: absolute;
		left: 10px;
		top: 950px;
	}

	.center_cont .profile_box_7 {
	--	background-color: darkgrey;
		width: 300px;
		height: 400px;
		font-size: 20px;
		position: absolute;
		left: 420px;
		top: 1210px;
	}

	.center_cont_profile p {
		margin: 5px auto;
	}
	
	.map iframe {
		border: none;
		margin: 0px;
		width: 560px;
		height: 320px;
		overflow: hidden;
	}
	
	.video iframe {
		border: none;
		margin: 0px;
		width: 560px;
		height: 315px;
		overflow: hidden;
	}
	
	.cont_gallery td{
	--	background-color: darkgrey;
		text-align:center;
		valign:middle;
		width:200px;
	}

/*@@@@@@@@@@@@@ PC装飾用 @@@@@@@@@@@@@*/

	.center_cont .pic_profile_1 {
	--	background-color: darkgrey;
		width: 300px;
		height: 400px;
		font-size: 20px;
		position: absolute;
		left: -420px;
		top: 1610px;
	}

	.center_cont .pic_index_1 {
	background-image: url('../deta/eda.png');
		background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
		background-position:center center;                     /* 画像の表示位置を指定  */
 		background-size:contain;                               /* 画像のサイズを指定    */
 		width:400px;                                            /* 横幅のサイズを指定    */
 		height:400px;  
		position: absolute;
		left: -460px;
		top: 1710px;
	}


	.center_cont .pic_index_2{
		background-image: url('../image/yama_01.png');
		background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
		background-position:center center;                     /* 画像の表示位置を指定  */
 		background-size:contain;                               /* 画像のサイズを指定    */
 		width:400px;                                            /* 横幅のサイズを指定    */
 		height:400px;  
		position: absolute;
		left: -420px;
		top: 2010px;
	}

	.center_cont .pic_index_3 {
		background-image: url('../deta/kaeru_02.png');
		background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
		background-position:center center;                     /* 画像の表示位置を指定  */
 		background-size:contain;                               /* 画像のサイズを指定    */
 		width:400px;                                            /* 横幅のサイズを指定    */
 		height:400px;  
		position: absolute;
		left: -430px;
		top: 2210px;
	}

	.center_cont .pic_index_4 {
		background-image: url('../image/kusa_02.png');
		background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
		background-position:center center;                     /* 画像の表示位置を指定  */
 		background-size:contain;                               /* 画像のサイズを指定    */
 		width:400px;                                            /* 横幅のサイズを指定    */
 		height:400px;  
		position: absolute;
		left: -350px;
		top: 2410px;
	}
	
	.center_cont .pic_index_lesson_1 {
		background-image: url('../deta/saru_01.png');
		background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
		background-position:center center;                     /* 画像の表示位置を指定  */
 		background-size:contain;                               /* 画像のサイズを指定    */
 		width:300px;                                            /* 横幅のサイズを指定    */
 		height:300px;  
		position: absolute;
		left: 370px;
		top: 1470px;
	}

	.center_cont .pic_index_lesson_2{
		background-image: url('../image/yama_01.png');
		background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
		background-position:center center;                     /* 画像の表示位置を指定  */
 		background-size:contain;                               /* 画像のサイズを指定    */
 		width:600px;                                            /* 横幅のサイズを指定    */
 		height:600px;  
		position: absolute;
		left: 820px;
		top: 2110px;
	}

	.center_cont .pic_index_lesson_3{
		background-image: url('../deta/usagi_02.png');
		background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
		background-position:center center;                     /* 画像の表示位置を指定  */
 		background-size:contain;                               /* 画像のサイズを指定    */
 		width:600px;                                            /* 横幅のサイズを指定    */
 		height:600px;  
		position: absolute;
		left: 1020px;
		top: 2360px;
	}
	
	.center_cont .pic_index_lesson_4{
		background-image: url('../deta/kaeru_03.png');
		background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
		background-position:center center;                     /* 画像の表示位置を指定  */
 		background-size:contain;                               /* 画像のサイズを指定    */
 		width:400px;                                            /* 横幅のサイズを指定    */
 		height:400px;  
		position: absolute;
		left: 790px;
		top: 2720px;
	}
	
	.center_cont .pic_index_lesson_5{
		background-image: url('../image/kusa_01.png');
		background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
		background-position:center center;                     /* 画像の表示位置を指定  */
 		background-size:contain;                               /* 画像のサイズを指定    */
 		width:600px;                                            /* 横幅のサイズを指定    */
 		height:600px;  
		position: absolute;
		left: 790px;
		top: 2720px;
	}

	.center_cont .pic_index_lesson_6{
		background-image: url('../deta/kitune_01.png');
		background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
		background-position:center center;                     /* 画像の表示位置を指定  */
 		background-size:contain;                               /* 画像のサイズを指定    */
 		width:600px;                                            /* 横幅のサイズを指定    */
 		height:600px;  
		position: absolute;
		left: -590px;
		top: 2470px;
	}
	
	.center_cont .pic_index_lesson_7{
		background-image: url('../image/kusa_02.png');
		background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
		background-position:center center;                     /* 画像の表示位置を指定  */
 		background-size:contain;                               /* 画像のサイズを指定    */
 		width:400px;                                            /* 横幅のサイズを指定    */
 		height:400px;  
		position: absolute;
		left: -340px;
		top: 2770px;
	}
	
	.pic_index_Instagram{
		background-image: url('../image/ryotaro_shimooka_qr.png');
		background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
		background-position:center center;                     /* 画像の表示位置を指定  */
 		background-size:contain;                               /* 画像のサイズを指定    */
 		width:188px;                                            /* 横幅のサイズを指定    */
 		height:216px;
 		margin: 26px;
	}
}

/* スマホ用 ----------------------------------------------------------------------------------------------------------------------------*/
@media (max-width:480px){
	.center_cont {
		margin: 9px auto;
		text-align: center;
		display: block;
		position: relative;
	}
	.center_cont .text_m0_1 {
		font-size: 14px;
		width: 100%;
		margin: 0px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .text_m0_2 {
		font-size: 16px;
		width: 100%;
		margin: 0px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .text_m0_3 {
		font-size: 19px;
		width: 100%;
		margin: 0px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .text_m16 {
		font-size: 15px;
		width: 100%;
		margin: 16px;
		margin-right: 0px;
		margin-left: 0px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .text_m16_1 {
		font-size: 15px;
		width: 100%;
		margin: 16px;
		margin-right: 0px;
		margin-left: 0px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .text_m16_2 {
		font-size: 16px;
		width: 100%;
		margin: 16px;
		margin-right: 0px;
		margin-left: 0px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .text_m16_3 {
		font-size: 19px;
		width: 100%;
		margin: 16px;
		margin-right: 0px;
		margin-left: 0px;
		text-align: left;
		display: inline-block;
	}
	.center_cont .name {
		font-size: 12px;
		position: absolute;
		right: 110;
		bottom: 0;
	}

	.center_cont .text_h2 {
		font-size: 13px;
	}

	.center_cont .profile_box_0 {
	--	background-color: darkgrey;
		width: 100%;
		height: 40px;
		font-size: 12px;
		position: absolute;
		left: 0px;
		top: 80px;
	}

	.center_cont .profile_box_1 {
	--	background-color: grey;
		width: 100%;
		height: 300px;
		font-size: 12px;
		position: absolute;
		left: 0px;
		top: 120px;
	}

	.center_cont .profile_box_2 {
	--	background-color: pink;
		width: 100%;
		height: 740px;
		font-size: 16px;
		position: absolute;
		left: 0px;
		top: 420px;
	}

	.center_cont .profile_box_3 {
	--	background-color: darkgrey;
		width: 100%;
		height: 360px;
		font-size: 14px;
		position: absolute;
		left: 0px;
		top: 1160px;
	}

	.center_cont .profile_box_4 {
	--	background-color: grey;
		width: 100%;
		height: 40px;
		font-size: 12px;
		position: absolute;
		left: 0px;
		top: 1520px;
	}

	.center_cont .profile_box_5 {
	--	background-color: pink;
		width: 100%;
		height: 300px;
		font-size: 12px;
		position: absolute;
		left: 0px;
		top: 1560px;
	}

	.center_cont .profile_box_6 {
	--	background-color: darkgrey;
		width: 100%;
		height: 860px;
		font-size: 16px;
		position: absolute;
		left: 0px;
		top: 1830px;
	}

	.center_cont .profile_box_7 {
	--	background-color: grey;
		width: 100%;
		height: 200px;
		font-size: 14px;
		position: absolute;
		left: 0px;
		top: 2680px;
	}

	.center_cont .pic111 {
	--	background-color: darkgrey;
		width: 300px;
		height: 400px;
		font-size: 12px;
		position: absolute;
		left: -420px;
		top: 1210px;
	}

	.center_cont_profile p {
		margin: 5px auto;
	}
	
	.center_cont .pic_profile_1 {
		visibility:hidden;
	}
	
	.map iframe {
		border: none;
		margin: 0px;
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	
	.video iframe {
		border: none;
		margin: 0px;
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	
	.pic_index_Instagram{
		background-image: url('../image/ryotaro_shimooka_qr.png');
 		background-size:contain;                               /* 画像のサイズを指定    */
 		width:188px;                                            /* 横幅のサイズを指定    */
 		height:216px;
		background-position: center center;
	}
	
	.cont_gallery td{
	--	background-color: darkgrey;
		text-align:center;
		valign:middle;
		width:100%;
		display:block;
	}
}