@charset "utf-8";
/* CSS Document */

@media screen and (max-width:736px) {
	html, body {
		min-width: 0;
		width: 100%;
		height: 100%;
		-webkit-text-size-adjust : 100%;
	}

	img {
		max-width: 100% !important;
		height: auto;
	}

	.sp {
		display: inherit;
	}
	
	.pc {
		display: none;
	}
	
	a[href^="tel:"] {
		pointer-events: auto;
	}
	
	input[type="submit"] {
	  appearance: none;
	  -webkit-appearance: none;
	}

	header {padding: 6% 3%;}
	header h1 {width: 60%;}

	#nav-toggle.active {
		right: 20px;
	}
	
	.pagetop {
		width: 50%;
		margin: 0 auto;
		padding-top: 0px;
	}
	
	.sp-ttl {
		width: 70%;
		max-width: 70%;
		margin: 0 auto;
		padding-top: 10%;
	}
	#gloval-nav {
		background: url("../img/page/top/sp-nav-bg.webp") no-repeat;
		background-size: 100% auto;
		display: inherit;
		overflow-y: scroll;
	}
	
	#gloval-nav ul {
		padding-top: 0;
		flex-wrap: wrap;
	}
	
	#gloval-nav ul li {
		width: 44%;
		max-width: 44%;
	}
	
	.main-ttl img.sp {
		width: 80%;
		margin: 0 auto;
	}
	
	.sp-main {
		margin: -160px 0 10%;
	}
	
	.contents-area {
		background: #c3e6a4;
		padding: 0;
	}

	.movie-area {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 50px;
		position: relative;
	}
	
	.movie-area .inner {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	
	.movie-area .inner ul {
		position: inherit;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 30vw 0 0;
		left: 0;
	}
	
    .download-area {
        width: 95%;
        max-width: 95%;
        margin: 0 auto 50px;
        text-align: center;
    }
	
	.download-area img {
		padding-left: 8%;
	}
	
	.footer-img {
		width: 90%;
		max-width: 90%;
		margin: 0 auto;
		text-align: center;
	}

	footer {
		background: url("../img/page/top/footer-bg.webp") no-repeat center top;
		background-size: cover;
		padding: 60px 0 20px;
		text-align: center;
		margin-top: -50px;
	}
	footer .footer-logo {
		width: 70%;
		margin: 0 auto 10px;
		}
	footer p {
		font-size: 1.2rem;
		line-height: 2;
		color: #fff;
	}

	footer small {
		font-size: 1.2rem;
		margin-bottom: 20px;
	}

	/*-----------------------------

	visit

	------------------------------*/
	
	.visit-main {
		background: url("../img/page/visit/sp-bg.webp") no-repeat;
		background-size: cover;
		padding: 50px 0 50px;
		margin: -3vw 0 0;
		text-align: center;
	}
	
	.visit-main .main-ttl {
		width: 80%;
		margin: 0 auto 10px;
	}
	
	.main-fv {
		width: 80%;
		max-width: 80%;
		margin: 0 auto;
		position: inherit;
	}
	
	.main-fv .main-img {
		position: relative;
		z-index: 103
	}
	.main-fv .main-video {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 105;
		bottom: 0;
		right: 0;
		margin-top: -30px;
	}
	
	.main-fv .main-video iframe {
		width: 100%;
		height: 180px;
	}
	
	.movie-area .inner ul li .movie iframe {
		width: 100%;
		height: auto;
	}

	#visit-contents {
		padding-top: 40px;
	}
	
	.visit-area,
	.visit-area01{
		width: 80%;
		max-width: 80%;
		align-items: baseline;
		margin: 0 auto 10%;
	}
	
	.visit-area .txt,
	.visit-area01 .txt {margin-bottom: 10%;}
	
	.visit-area .img {margin-left: 0px;}
	.visit-area .img01 {padding-top: 0px;}

	.visit-area01 .txt {
		order: 1;
	}
	.visit-area01 .img-right {
		order: 2;
		margin-right: 0px;
	}

	.visit-area .img03 {
		width: 60%;
		margin: 0 auto;
	}
	
	.visit-area01 .img04 {
		width: 60%;
		margin: 0 auto;
	}
	
	.visit-area-last .img {
		width: 60%;
		margin: 0 auto;
	}

	ul.linl-btn {
		justify-content: space-between;
		padding: 0 0 50px;
	}
	ul.linl-btn li {
		width: 33%;
		max-width: 33%;
		margin: 0;
	}
	
	
	
	/*-----------------------------

	structure

	------------------------------*/
	
	.structure-main {
		background: url("../img/page/structure/sp-bg.webp") no-repeat;
		background-size: cover;
		padding: 50px 0 50px;
		margin: -3vw 0 0;
		text-align: center;
	}
	
	.structure-main .main-ttl {
		width: 80%;
		margin: 0 auto 10px;
	}

	.structure-main .main-fv .main-video {
		position: relative;
		bottom: 0;
		right: 0;
		z-index: 105;
		margin-top: -50px;
	}
	
	#structure-contents {
		padding-top: 30px;
	}
	
	#structure-contents .img-area {
		text-align: center;
		padding: 40px 0;
	}
	
	.sp-table-img {width: 640px;}
	.sp-table {
		margin-bottom: 25px;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	/*-----------------------------

	child

	------------------------------*/
	
	.child-main {
		background: url("../img/page/child/sp-bg.webp") no-repeat;
		background-size: cover;
		padding: 50px 0 50px;
		margin: -3vw 0 0;
		text-align: center;
	}
	
	.child-main .main-ttl {
		width: 80%;
		margin: 0 auto 10px;
	}

	.child-main .main-fv .main-video {
		position: relative;
		bottom: 0;
		right: 0;
		z-index: 105;
		margin-top: -50px;
	}
	
	#child-contents {
		padding-top: 40px;
	}


	
	/*-----------------------------

	trouble

	------------------------------*/
	
	.trouble-main {
		background: url("../img/page/trouble/sp-bg.webp") no-repeat;
		background-size: cover;
		padding: 50px 0 50px;
		margin: -3vw 0 0;
		text-align: center;
	}
	
	.trouble-main .main-ttl {
		width: 80%;
		margin: 0 auto 40px;
	}

	.trouble-main .main-fv .main-video {
		position: relative;
		bottom: 0;
		right: 0;
		z-index: 105;
		margin-top: -50px;
	}
	.trouble-area {
		width: 100%;
		max-width: 100%;
	}
	.trouble-area .txt {
		order: 2;
	}
	.trouble-area .img-right01 {
		order: 1;
		margin-right: 0px;
		width: 50%;
		margin: 0 auto 30px;
	}
	
	.trouble-area .img04 {margin-right: 0 !important;}
	
	
	
	

}