@charset "utf-8";


@media only screen and (max-width:1000px) {
}


@media only screen and (max-width:640px) {

	html {
		font-size: 62.5%; /* 10px */
	}
	.page {
		overflow: hidden;
		min-width: inherit;
		font-size: 12px;
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}
	.wrap {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}



/* header */
	body #gHeader {
		overflow: hidden;
		background-image: url(../imgs/main/img-main.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		/*background-attachment: inherit;*/
	}
	#gHeader .main {
		opacity: 0;
		visibility: hidden;
		width: 160%;
		max-width: inherit;
		margin-left: -30%;
	}
	#gHeader .siteTitle {
		margin-top: -35px;
		margin-left: -128px;
	}
	#gHeader .siteTitle img {
		zoom: .5;
	}
	#gHeader #logo {
		width: 70%;
	    margin-left: -35%;
	    margin-top: 0;
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	#gHeader #logo canvas {
		width: 100%!important;
		max-width: 100%;
		height: auto!important;
	}


/* text_comp */
	#thanks #gHeader .text_comp {
		font-size: .8rem;
		padding: 0 10px;
		box-sizing: border-box;
	}
	#thanks #gHeader .siteTitle {
		margin-bottom: 30px;
	}
	#thanks #gHeader .siteTitle img {
		zoom: .3;
	}
	#thanks #gHeader .text_comp h3 {
		font-size: 12px;
		margin-bottom: 10px;
	}
	#thanks #gHeader .text_comp br.sp {
		display: block;
	}
	#thanks #gHeader .text_comp .btn_top {
		margin-top: 20px;
	}
	#thanks #gHeader .text_comp .btn_top a {
		font-size: 10px;
	}


	/* pNav */
	#pNav {
		top: 15px;
		right: 15px;
	}
	#pNav ul li {
		width: 100px;
	}
	#pNav ul li a {
		font-size: 1.0rem;
		padding: 8px 0;
		border: 1px solid rgba(255,255,255,0.8);
	}


	/* btn_scoll */
	.btn_scoll {
		bottom: 20px;
		margin-left: -6.5px;
		width: 13px;
		height: 41px;
	}
	.btn_scoll p {
		top: -15px;
		font-size: .6rem;
	}
	.btn_scoll > span img {
		zoom: .5;
	}
	.btn_scoll > span:first-of-type::before {
		width: 3px;
		height: 3px;
	}







/* section */

	.section {
		padding: 50px 0 0;
	}



	/* section num01 */
	.section.num01 {
		padding: 60px 0;
	}
	.section.num01 .ttl01 {
		font-size: 21px;
		margin-bottom: 30px;
	}
	.section.num01 p {
		font-size: .9rem;
	}



	/* section num02 & num03 */
	.section.num02 .ttl01,
	.section.num03 .ttl01 {
		font-size: 21px;
		margin-bottom: 40px;
	}
	.section.num02 .ttl01 span,
	.section.num03 .ttl01 span {
		top: 30px;
		height: 20px;
	}


	/* section num02 */
	.section.num02 .wrap {
		padding: 0;
	}
	.section.num02 .img {
		margin-bottom: 15px;
	}
	.section.num02 .slideBox {
		margin-top: 50px;
	}
	.section.num02 .slideBox .slider {
		margin-bottom: 15px;
	}
	.section.num02 .slideBox .slider .slides,
	.section.num02 .slideBox .slider .slides li,
	.section.num02 .slideBox .slider .slides li > div {
		height: auto;
	}
	.section.num02 .slideBox .slider .slides,
	.section.num02 .slideBox .slider .slides li,
	.section.num02 .slideBox .slider .slides li img {
		min-width: 100%;
		transition: inherit;
	}
	.section.num02 .slideBox .slider .slides li > div {
		transition: inherit;
	}

	.section.num02 .slideBox .slider .nextback {
	}
	.section.num02 .slideBox .slider .nextback li {
		opacity: .6;
	}
	.section.num02 .slideBox .slider .nextback li span {
		width: 100%;
	}
	.section.num02 .slideBox .slider .nextback .prev { left: 3px; }
	.section.num02 .slideBox .slider .nextback .next { right: 3px; }
	.section.num02 .slideBox .slider .nextback li span.out { display: none; }

	.section.num02 .slideBox .slider .loader {
		width: 15px;
		height: 15px;
	}

	.section.num02 .lead {
		padding: 0 10px;
	}
	.section.num02 .lead .ttl02 strong {
		font-size: 24px;
		height: 24px;
		line-height: 24px;
		margin-right: 5px;
	}
	.section.num02 .lead .ttl02 span {
	}

	.section.num02 .lead p {
		font-size: 10px;
	}



	/* section num03 */
	.section.num03 #main_movie {
		padding: 5px 0 0;
	}
	.section.num03 #main_movie .inner {
		width: auto;
	}
	.section.num03 #main_movie #movie {
		width: 100%;
		height: 240px;
	}
	.section.num03 #thumb_movie {
		padding: 15px 0;
	}
	.section.num03 #thumb_movie ul li {
	}

	.section.num03 #thumb_movie .slick-prev,
	.section.num03 #thumb_movie .slick-next {
	}
	.section.num03 #thumb_movie .slick-prev { left: -10px; }
	.section.num03 #thumb_movie .slick-next { right: -10px; }


	/* section num04 */
	.section.num04 {
		padding: 40px 0;
	}
	.section.num04 .ttl01 {
		width: 80%;
		font-size: 10px;
		padding: 20px 0;
	}
	.section.num04 .ttl01 strong {
		font-size: 18px;
	}

	.section.num04 .ttl01::before {
		bottom: 10px;
		margin-left: -6px;
		width: 11px;
		height: 6px;
		background-size: 11px 6px;
	}

	.section.num04 .fBox {
		padding-top: 40px;
	}
	.section.num04 .fBox > div { width: 100%; }
	.section.num04 .fBox .lBox,
	.section.num04 .fBox .rBox { float: none; }
	.section.num04 .fBox dl dt { padding: 15px; }
	.section.num04 .fBox dl dd {
		font-size: 10px;
		padding: 15px 15px 25px;
	}

	.section.num04 .fBox dl dt h3 {
		font-size: 14px;
	}

	.section.num04 .fBox dl dd > div {
		margin-top: 15px;
	}



/* footer */

	#mapArea #map_canvas {
		height: 250px;
	}


	#ftrContact {
		background: #151515; /* Old browsers */
		background: -moz-linear-gradient(top,  #151515 0%, #090909 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #151515 0%,#090909 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #151515 0%,#090909 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151515', endColorstr='#090909',GradientType=0 ); /* IE6-9 */
	}
	#ftrContact .wrap > div {
	}

	#gFooter .ftrWrap #contactMovie,
	#gFooter .ftrWrap .movie_cover {
		display: none;
	}


	/* telBox */
	#ftrContact .telBox {
		font-size: 10px;
	}
	#ftrContact .telBox .tel {
		margin-top: 10px;
	}
	#ftrContact .telBox .tel a {
		font-size: 20px;
	}


	/* contactBox */
	#ftrContact .contactBox {
	}
	#ftrContact .contactBox p {
		font-size: 10px;
		margin-bottom: 10px;
	}
	#ftrContact .contactBox form table td {
		display: block;
		padding: 0;
	}


	/* accessBox */
	#ftrContact .accessBox h3 img {
		zoom: .5;
	}



	#gFooter .copyright {
		font-size: 10px;
		background-color: #090909;
	}
	#gFooter .copyright p,
	#gFooter .copyright .share {
		display: block;
		margin-left: 0;
		padding-left: 0;
		border-left: none;
		margin-top: 10px;
	}
	#gFooter .copyright p:first-child {
		font-size: .65rem;
		margin-top: 0;
	}

	#gFooter .copyright .share {
		margin-top: 30px;
	}
	#gFooter .copyright .share span,
	#gFooter .copyright .share ul,
	#gFooter .copyright .share ul li {
		float: none;
	}
	#gFooter .copyright .share ul {
		text-align: center;
		letter-spacing: -.40em;
		margin-top: 10px;
	}
	#gFooter .copyright .share ul li {
		display: inline-block;
		letter-spacing: .1em;
		margin: 0 5px!important;
	}


/* floatBnr */
	.floatBnr {
		width: 35px;
		height: 125px;
		margin-top: -62.5px;
		border-bottom: 3px solid #0abbb5;
	}

	.floatBnr a::before,
	.floatBnr a::after {
		width: 6px;
		height: 6px;
	}
	.floatBnr a::before {
		top: 9px;
		left: 14px;
	}
	.floatBnr a::after {
		top: 11px;
		left: 15px;
	}
	.floatBnr .txt {
		zoom: .5;
		bottom: 14px;
		margin-left: -20px;
	}



/* pageNum */
	#pageNum {
		right: 13px;
		margin-top: -59px;
	}
	#pageNum ul li {
		margin: 10px 0;
	}
	#pageNum ul li a {
		width: 8px;
		height: 8px;
		border: 2px solid #fff;
	}


}