@charset "utf-8";

#pc-none{ display:none; }
.tablet-none{ display:none; }

@media screen and (max-width:768px){
/*240120*/
	header video {
    width: 120%;
    height: 80vh;
    display: block;
    margin-left: -10%;
    margin-top: -15%;
    padding-bottom: 15%;
	}
	
/********/
	#wrap {
		/*width:490px;*/
	}
	h2 {
		font-size:24px;
	}
	#about p {
		font-size:16px;
	}
	#navbar {
		width:100%;
	}
	#video_text {
		/*top:100px;*/
		top:60vh;
		left:20px;
	}
	.main {
		font-size:30px;
	}
	.sub {
		font-size:14px;
		margin-top:-20px;
	}
	#about video {
		width:400px;
		height:300px;
	}
	#about h2.top2 {
		margin-top:20px;
	}
	#about a {
		width:200px;
		height:50px;
		line-height:50px;
	}
	#nayami p {
		font-size:24px;
		/*//margin-top:200px;*/
		margin-top:100px;
	}
	#nayami ul {
		padding-left:0;
		/*//margin-top:-70px;*/
		width:80%;
	}
	#nayami ul li {
		padding:0;
		font-size:18px;
		height:40px;
		line-height:40px;
		padding:.5em;
	}
	#nayami ul li span {
		font-size:16px;
	}
	#nayami ul li img {
		width:24px;
		top:5px;
	}
	#main h2 {
		font-size:24px;
	}
	#main p {
		font-size:16px;
	}
	#main h3 {
		font-size:20px;
	}
	.consul1 {
		//display:block;
		width:100%;
		text-align:center;
		margin:80px 0 0 0;
		padding-top:30px;
		height:auto;
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	.text1 {
		text-align:center;
		font-size:16px;
		//margin:-65px 0 0 0;
		margin:0 auto;
	}
	.consul1 img {
		width:200px;
		height:150px;
		//top:-50px;
		//left:150px;
		position:static;
	}
	.consul2 {
		display:block;
		width:100%;
		text-align:center;
		margin:80px 0 30px 0;
		padding-top:30px;
		height:auto;
		display:flex;
		flex-direction:column-reverse;
		align-items:center;
	}
	.text2 {
		text-align:center;
		font-size:16px;
		//margin:80px 0 0 0;
		margin:0 auto;
	}
	.consul2 img {
		width:200px;
		height:150px;
		//top:-380px;
		//left:150px;
		position:static;
	}
	.consul3 {
		//display:block;
		width:100%;
		text-align:center;
		margin:80px 0 30px 0;
		padding-top:30px;
		height:auto;
		display:flex;
		align-items:center;
		flex-direction:column;
	}
	.text3 {
		text-align:center;
		font-size:16px;
		margin:0 auto;
		//margin:-60px 0 0 0;
	}
	.consul3 img {
		width:200px;
		height:150px;
		//top:-50px;
		//left:150px;
		position:static;
	}
	#tsukaimichi1_btn,#tsukaimichi2_btn {
		width:100px;
		height:100px;
		border-radius:50px;
		font-size:20px;
	}
	.tsukaimichi_btn p {
		margin:-50px 10px 0 10px;
	}
	#tsukaimichi1_naiyou ul,#tsukaimichi2_naiyou ul {
		margin-top:0px;
		width:80%;
	}
	#tsukaimichi1_naiyou ul li,#tsukaimichi2_naiyou ul li {
		font-size:18px;
		padding:.5em;
		line-height:40px;
		height:40px;
		padding-left:16px;
	}
	.link {
		flex-wrap:wrap;
		padding-bottom:0px; 
	}
	.link div {
		width:50%-20px;
	}
	.link a img {
		width:180px;
		height:100px;
	}
	#faq h2 {
		font-size:24px;
	}
	#faq_main {
		width:80%;
	}
	#q1,#q2,#q3 {
		width:340px;
		height:350px;
		margin:0 auto;
		
	}
	dt {
		padding-top:10px;
		padding-left:10px;
		font-size:24px;
	}
	dd {
		font-size:16px;
		padding-top:10px;
		padding-left:10px;
		padding-right:30px;
	}
	#closing img{
		opacity:0.6;
		width:180px;
		height:180px;
	}
	.closing_naiyou{
		margin-top:80px;
	}
	.closing_naiyou h2 {
		font-size:24px;
		margin:-180px 0 0 0;
		text-shadow:5px 5px 10px #ccc,-5px 5px 10px #ccc,5px -5px 10px #ccc,-5px -5px 10px #ccc;
	}
	.closing_naiyou p {
		font-size:16px;
		margin:50px 10px 30px 10px;
		line-height:25px;
	}
	#closing_img1 img.closing2 {
		top:-180px;
		left:309px;
	}
	#closing_img2 {
		margin-top:0;
	}
	#closing_img2 img.closing3 {
		left:30px;
	}
	#closing_img2 img.closing4 {
		left:100px;
	}
	#contact p {
		margin:0 auto;
	}
	#contact img {
		width:350px;
	}
	footer {
		margin:0 auto;

	}
	.footer {
		margin-left:20px;
	}
	footer img {
		width:100px;
		position:relative;
		top:20px;
		left:20px;
	}
	
/* 240119 oshima */
	#navbar{ justify-content:space-between; }
	#hamburgerbtn{ display:block; }
	#hamburger_nav{ display:block; height:100%; }
	#hamburger_nav li{ margin:16px 0; }
	#nav_default{ display:none; }
	.ph-none{ display:none; }
	#top h2{ margin-bottom:35px; }
	#about .syoukai_video{ margin-bottom:50px; }
	#about h2.top2{ margin-bottom:35px; }
	#about p{ margin-bottom:50px; }
	#pc-none{ display:block; }
	.tablet-none{ display:none; }
	.consul_fadeArea{ width:auto; }
	dt{ font-size:18px; padding-top:20px; }
	.consul_naiyou{ margin:10px; margin-bottom:30px;}
	#q1_btn,#q2_btn,#q3_btn{ font-size:16px; margin:0; padding:0; width:100%; border-bottom:solid 1px; }
	#q1,#q2,#q3{ width:100%; height:auto; padding-top:16px; }
	dl,dt,dd{ margin:0; padding:0; }
	#q1 dd, #q2 dd, #q3 dd{ padding-top:16px; padding-bottom:16px; }
	#contact h2 { font-size:24px; }
	.link{ margin-top: 50px; }
	.jirei, .omoi, .kyujin, .keisyo{
		padding:16px;
		margin-bottom:32px;
		border:solid 1px #eee;
	}
	#youtube{
		width:80%;
		aspect-ratio:16/9;
	}
}

@media screen and (min-width:1350px){
	header video{ width:100%; }
}

@media screen and (max-width:480px){
	.tablet-none{ display:block; }
	.main{ font-size:24px; }
	#top h2{ font-size:20px; }
	#nayami p{ font-size:20px; }
	#nayami ul{ width:auto; }
	#tsukaimichi1_naiyou ul li,#tsukaimichi2_naiyou ul li {
		font-size:14px;
	}
	#top{ padding-top:50px; }
	footer{ padding:0; margin:0; }
	footer p{ font-size:14px; }
	footer img{ position:static; padding-top:20px;}
}