@charset "shift_jis";
@media screen and (max-width:667px) {
	/* CSS Document */
	.smart_off {
		display: none !important;
	}
	p, h2, h3 {
		color: #333;
	}
	/****************************
ƒgƒbƒvƒy�[ƒW�ê—pcss‚Å‚·
****************************/
	body {
		margin: 0px;
		font-family: "Yu Gothic Medium", "ŸàƒSƒVƒbƒN Medium", YuGothic, "ŸàƒSƒVƒbƒN‘Ì", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "ƒ�ƒCƒŠƒI", sans-serif;
	}
	h1 {
		color: #fff;
		position: absolute;
		top: 0px;
		width: 90%;
		margin: 0px;
		font-size: 9px;
		z-index: 99;
	}
	a{
		text-decoration: none;
	}
	/* ----------------------------------------
�@ƒ}ƒ‹ƒVƒF
---------------------------------------- */
	/* ----------------------------------------
�@TOP
---------------------------------------- */
	#main{
		overflow: hidden;
	}
	.h_logo_sp{
		position: absolute;
		z-index: 99;
		top: 2%;
		left: 1%;
	}
	.h_logo_sp img {
		    width: 70%;
	}
	.t_main_wrap {
		background-image: url(/img/top/t_main_bg.jpg);
		background-position-x: center;
		height: 550px;
		position: relative;
	}
	.t_main_wrap .catch {
		position: absolute;
		top: 141px;
		left: 0px;
		right: 0px;
		margin: auto;
		width: 93%;
		display: block;
		padding-top: 100px;
	}
	.main_imgBox {
		height: 550px;
		overflow: hidden;
		position: relative;
	}
	.main_img {
		z-index: 10;
		opacity: 0;
		width: 100%;
		height: 550px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-animation: anime 36s 0s infinite;
		animation: anime 36s 0s infinite;
	}
	.main_img:nth-of-type(2) {
		-webkit-animation-delay: 6s;
		animation-delay: 6s;
	}
	.main_img:nth-of-type(3) {
		-webkit-animation-delay: 12s;
		animation-delay: 12s;
	}
	.main_img:nth-of-type(4) {
		-webkit-animation-delay: 18s;
		animation-delay: 18s;
	}
	.main_img:nth-of-type(5) {
		-webkit-animation-delay: 24s;
		animation-delay: 24s;
	}
	.main_img:nth-of-type(6) {
		-webkit-animation-delay: 30s;
		animation-delay: 30s;
	}
	.main_imgM {
		opacity: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-animation: anime 36s 0s infinite;
		animation: anime 36s 0s infinite;
	}
	.main_imgM:nth-of-type(2) {
		-webkit-animation-delay: 6s;
		animation-delay: 6s;
	}
	.main_imgM:nth-of-type(3) {
		-webkit-animation-delay: 12s;
		animation-delay: 12s;
	}
	.main_imgM:nth-of-type(4) {
		-webkit-animation-delay: 18s;
		animation-delay: 18s;
	}
	.main_imgM:nth-of-type(5) {
		-webkit-animation-delay: 24s;
		animation-delay: 24s;
	}
	.main_imgM:nth-of-type(6) {
		-webkit-animation-delay: 30s;
		animation-delay: 30s;
	}
	@keyframes anime {
		0% {
			opacity: 0;
		}
		8% {
			opacity: 1;
		}
		17% {
			opacity: 1;
		}
		25% {
			opacity: 0;
			transform: scale(1.2);
			z-index: 9;
		}
		100% {
			opacity: 0
		}
	}
	@-webkit-keyframes anime {
		0% {
			opacity: 0;
		}
		8% {
			opacity: 1;
		}
		17% {
			opacity: 1;
		}
		25% {
			opacity: 0;
			-webkit-transform: scale(1.2);
			z-index: 9;
		}
		100% {
			opacity: 0
		}
	}
	.catch {
		z-index: 15;
		margin: 0px;
		padding: 0px;
		display: block;
		float: none;
		position: absolute;
		left: 4%;
		bottom: 27%;
		width: 92%;
	}
	.scroll {
		z-index: 10;
		margin: 0px 0px 0px 0px;
		padding: 900px 0px 0px 80px;
		display: block;
		float: none;
		position: absolute;
		right: 4%;
	}
	.h_logo {
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 100;
	}
	.h_menu_wrap {
		position: absolute;
		top: 40px;
		left: 0px;
		right: 0px;
		margin: auto;
		width: 100%;
	}
	.h_menu_wrap img {
		float: left;
	}
	.h_menu_wrap ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		float: right;
	}
	.h_menu_wrap ul li {
		float: left;
		margin-left: 30px;
	}
	.h_menu_wrap ul li a {
		font-size: 15px;
		color: #fff;
		text-decoration: none;
	}
	.t_main_title {
		text-align: center;
		width: 92%;
		line-height: 34px;
		font-size: 4vw;
		letter-spacing: 1px;
		margin: 60px auto 0px auto;
		font-family: "Ÿà–¾’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
	}
	.service_wrap {
		margin: 60px auto 0px auto;
		width: 92%;
		text-align: left;
	}
	.service_wrap h2 {
		text-align: center;
		font-size: 32px;
		margin: 0px 0px 40px 0px;
		letter-spacing: 3px;
		font-weight: 100;
		font-family: "Ÿà–¾’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
	}
	.service_wrap h2 span {
		display: block;
		font-size: 15px;
		font-weight: normal;
		letter-spacing: 2px;
		font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Meiryo, ƒ�ƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
	}
	.service_box {
		overflow: hidden;
		margin: 0px 0px 40px 0px;
	}
	.service_r {}
	.service_l {}
	.service_img {
		width: 100%;
	}
	.service_img img {
		width: 100%;
	}
	.service_come {
		width: 100%;
		margin: 20px 0px 0px 0px;
		box-sizing: border-box;
	}
	.service_come h3 {
		font-family: "Ÿà–¾’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
		margin: 0px 0px 10px 0px;
	}
	.service_come h3 span:nth-child(1) {
		font-size: 5vw;
		font-weight: bold;
		color: #082955;
		letter-spacing: 4px;
	}
	.service_come h3 span:nth-child(2) {
		font-size: 5vw;
		padding: 0px 0px 0px 10px;
		letter-spacing: 3px;
	}
	.service_come p {
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 1px;
		padding: 0px 0px 0px 0px;
		line-height: 26px;
		margin: 0px;
		font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Meiryo, ƒ�ƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
	}
	.gallery_wrap {
		margin: 80px 0px 70px 0px;
	}
	.gallery_wrap h2 {
		text-align: center;
		font-size: 32px;
		margin: 0px 0px 40px 0px;
		letter-spacing: 3px;
		font-weight: 100;
		font-family: "Ÿà–¾’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
	}
	.gallery_wrap h2 span {
		display: block;
		font-size: 15px;
		font-weight: normal;
		letter-spacing: 2px;
		font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Meiryo, ƒ�ƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
	}
	.gallery_wrap iframe {
		width: 92%;
		height: 300px;
		margin: 0px auto;
		display: block;
		overflow: scroll;
		margin-bottom: 32px;
	}
	.gallery_box {
		width: 1950px;
		overflow: hidden;
	}
	.gallery_box ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	.gallery_box ul li {
		width: 280px;
		float: left;
		margin: 0px 15px 0px 0px;
	}
	.gallery_box ul li a {
		display: block;
		text-decoration: none;
		color: #333;
	}
	.gallery_box ul li a span {
		display: block;
		text-align: center;
		font-size: 3.5vw;
		font-weight: normal;
		margin: 5px 0px 0px 0px;
		font-family: "Ÿà–¾’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
	}
	.gallery_box_list_img {
		height: 260px;
		overflow: hidden;
	}
	.gallery_box_list_img img {
		width: 100%;
		display: block;
		margin: auto;
		height: 260px;
	}
	.gallery_link {}
	.view_more {
		width: 200px;
		margin: auto;
	}
	.view_more a {
		border: solid 1px #000;
		display: block;
		text-align: center;
		font-size: 13px;
		text-decoration: none;
		color: #000;
		line-height: 46px;
		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		letter-spacing: 0.07em;
	}
	.t_news_wrap {
		background-color: #f9f9f9;
		padding: 60px 0px;
		overflow: hidden;
		clear: both;
	}
	.t_news {
		width: 92%;
		margin: auto
	}
	.t_news h2 {
		font-size: 32px;
		text-align: center;
		width: 100%;
		letter-spacing: 3px;
		margin: 0px 0px 10px 0px;
		font-weight: 100;
		font-family: "Ÿà–¾’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
	}
	.t_news h2 span {
		display: block;
		font-size: 15px;
		font-weight: normal;
		letter-spacing: 2px;
		font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Meiryo, ƒ�ƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
	}
	.t_news iframe {
		width: 100%;
		height: 124px;
		margin: 15px 0px 0px 0px;
	}
	.t_news_box {}
	.t_news_box ul {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		width: 100%;
	}
	.t_news_box ul li {
		margin-bottom: 15px;
	}
	.t_news_box ul li a {
		color: #111;
		font-size: 3.6vw;
		text-decoration: none;
	}
	.t_news_box ul li a span {
		font-size: 3.6vw;
		color: #082955;
		letter-spacing: 2px;
		font-weight: bold;
		padding: 0px 3% 0px 0px;
		font-family: "Ÿà–¾’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
	}
	.t_news_bottom {}
	.t_news_bottom img {
		object-fit: cover;
		width: 100%;
		height: 200px;
	}
	.t_news_link {
		width: 200px !important;
		margin: 20px auto 0px auto !important;
	}
	.t_news_link a {
		border: solid 1px #000;
		display: block;
		text-align: center;
		font-size: 13px;
		text-decoration: none;
		color: #000;
		line-height: 46px;
		background: #f9f9f9;
	}
	.company_wrap {
		margin: 60px auto 0px auto;
		width: 92%;
	}
	.company_wrap h2 {
		text-align: center;
		font-size: 32px;
		letter-spacing: 3px;
		margin: 0px 0px 65px 0px;
		font-weight: 100;
		font-family: "Ÿà–¾’©", YuMincho, "Hiragino Mincho ProN W3", "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
	}
	.company_wrap h2 span {
		display: block;
		font-size: 15px;
		font-weight: normal;
		letter-spacing: 2px;
		font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Meiryo, ƒ�ƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
	}
	.company_wrap ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		border-bottom: dotted 1px #333333;
		text-align: left;
	}
	.company_wrap ul li {
		border-top: dotted 1px #333333;
		padding: 20px 0px;
		font-size: 3.5vw;
		overflow: hidden;
		font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Meiryo, ƒ�ƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
	}
	.company_l {
		float: left;
		padding: 0px 0px 0px 3%;
		width: 20%;
		font-size: 3.5vw;
		line-height: 22px;
	}
	.company_r {
		float: left;
		padding: 0px 0px 0px 5%;
		width: 70%;
		line-height: 22px;
	}
	.company_link {
		margin: 55px auto 0px auto;
	}
	.t_map_wrap {
		margin: 80px 0px 0px 0px;
		padding: 0px 0px 65px 0px;
		background: #f3f3f3;
	}
	.t_map_wrap iframe {
		width: 100%;
		height: 348px;
		margin: auto;
		display: block;
		clear: both;
	}
	.t_map_wrap p {
		font-size: 3.5vw;
		text-align: center;
		line-height: 30px;
		width: 92%;
		padding: 40px 0px 0px 0px;
		margin: 0px auto;
	}
	.t_map_wrap span {
		display: block;
		margin: 0px 0px 20px 0px;
	}
	.t_map_link {
		margin: 40px auto 0px auto;
	}
	.t_map_link a {
		background-color: #f3f3f3 !important;
	}
	.t_inq_wrap {
		background-image: url(/img/top/t_inq_bg.jpg);
		padding: 60px 0px;
		overflow: hidden;
	}
	.t_inq {
		width: 92%;
		margin: auto;
	}
	.t_inq_l {
		width: 100%;
		padding: 30px 0px;
		margin: 0px 0px 20px 0px;
		border: solid 1px #e0e0e0;
	}
	.t_inq_l h2 {
		margin: 0px 0px 0px 0px;
		text-align: center;
		font-size: 4.5vw;
		color: #fff;
		font-weight: normal;
		font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Meiryo, ƒ�ƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
	}
	.t_inq_tex {}
	.t_inq_tex span {}
	.t_inq_l .t_inq_tex {
		font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", "‚l‚r ‚o–¾’©", "MS PMincho", serif;
		font-size: 8vw;
		color: #fff;
		text-align: center;
		letter-spacing: 1px;
		line-height: 50px;
	}
	.t_inq_l .t_inq_tex a {
		color: #fff;
	}
	.t_inq_l .t_inq_tex span {
		font-size: 7vw;
		padding: 0px 10px 0px 0px;
		color: #fff;
		letter-spacing: 3px;
	}
	.t_inq_r {
		width: 100%;
		padding: 30px 0px;
		border: solid 1px #e0e0e0;
	}
	.t_inq_r h2 {
		margin: 0px 0px 0px 0px;
		text-align: center;
		font-size: 4.5vw;
		color: #fff;
		font-weight: 200;
		letter-spacing: 1px;
		font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Meiryo, ƒ�ƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
	}
	.t_inq_r .t_inq_tex {
		background-image: url(/img/top/t_mail_icon.png);
		background-repeat: no-repeat;
		background-position-y: 7px;
		background-position-x: 0px;
		text-align: center;
		font-size: 5vw;
		color: #fff;
		width: 84%;
		margin: 10px auto;
		padding: 0px 0px 0px 40px;
		box-sizing: border-box;
	}
	.t_inq_r .t_inq_tex span {}
	.t_inq_tex {}
	.t_inq_tex span {}
	.t_inq p {
		margin: 0px;
		text-align: center;
		font-size: 4vw;
		color: #fff;
		font-family: 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Meiryo, ƒ�ƒCƒŠƒI, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
	}
	.footer_wrap {
		margin: 30px 0px 10px 0px;
	}
	.footer_wrap img {
		display: block;
		margin: auto;
		width: 80%;
	}
	.footer_wrap p {
		letter-spacing: 2px;
		text-align: center;
		font-size: 3vw;
		margin: 10px 0px 0px 0px;
	}
	.t_map_wrap iframe,
	.t_map_wrap object,
	.t_map_wrap embed {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	.js-animation {
		opacity: 0;
		visibility: hidden;
		transform: translateY(40px);
		transition: all 1s;
	}
	.js-animation.is-show {
		opacity: 1;
		visibility: visible;
		transform: translateY(0px);
	}
	.js-animation #map {
		height: 330px;
	}
	/*ƒtƒF�[ƒhƒCƒ“ƒAƒjƒ�*/
	/*ƒTƒCƒh‚©‚çƒtƒF�[ƒhƒCƒ“*/
	.slideConts {
		width: 100%;
		margin: 40px auto;
		-webkit-transition: 10s;
		-o-transition: 10s;
		transition: 10s;
	}
	.slideContsL {
		transform: translate(-800px, 0);
	}
	.slideContsR {
		transform: translate(800px, 0);
	}
	.slideContsL.show {
		transform: translate(0px, 0) !important;
	}
	.slideContsR.show {
		transform: translate(0px, 0) !important;
	}
	.slideContsL {
		opacity: 0;
		transition: 3s;
		transform: translate(-50px, 0);
	}
	.slideContsL.show,
	.slideContsR.show {
		opacity: 1;
		transform: translate(0px, 0);
	}
	.slideContsR {
		opacity: 0;
		transition: 3s;
		transform: translate(50px, 0);
	}
	.scalein {
		opacity: 0;
		transition: 3s;
		transform: scale(0);
	}
	.scalein.scale_in {
		opacity: 1;
		transform: scale(1);
	}
	/* ----------------------------------------
�@ƒ��[ƒfƒBƒ“ƒOƒAƒjƒ��[ƒVƒ‡ƒ“
---------------------------------------- */
	.start {
		background: #FFF;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 9000;
	}
	.start p {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		display: none;
		z-index: 9999;
		width: 150px;
	}
	.start p img {}
}