@charset "UTF-8";

/*-----------------------------------------------*/
/*----- smart phone CSS lower 1081px 1360px -----*/
/*-----------------------------------------------*/

@media screen and (min-width: 1081px) and (max-width: 1360px) {
}



/*-----------------------------------------------*/
/*----- smart phone CSS lower 769px 1080px -----*/
/*-----------------------------------------------*/

@media screen and (min-width: 769px) and (max-width: 1080px) {
	/* common */
	.wrap {padding:0px 20px 0px 20px; }
	.wrap1200 {width:auto; max-width:inherit; margin:0px 20px;}
	.wrap1000 {width:auto; max-width:inherit; margin:0px 20px;}
	.wrap900 {width:auto; max-width:inherit; margin:0px 20px;}
	.wrap800 {width:auto; max-width:inherit; margin:0px 20px;}
	.wrap700 {width:auto; max-width:inherit; margin:0px 20px;}
	.wrap600 {width:auto; max-width:inherit; margin:0px 20px;}
	/* /common */



	/* content */
	.headerlogo {width:160px; }
	.headerlogo strong {font-size:16px; line-height:140%;}
	.headerlogo strong span {font-size:14px; }
	
	.topheader h1 {text-align:center; }
	.topheader h1 strong {font-size:2.8vw; line-height:140%; }
	.topheader h1 small {font-size:16px; line-height:128%; }

	.menu {width:290px; }
	.menu ol li {font-size:14px; }
	.menu ol li:first-child {padding:12px 12px 12px 12px; }
	.menu ol li strong {margin-top:8px; padding:10px 16px 10px 16px; font-size:22px; }
	.menu ol li strong span {padding:0px 0px 5px 0px; font-size:14px; line-height:140%; }
	/* /content */
	
	
	
	/* top */
	.kv {height:500px; }

	.top_about dl dt {width:80%; }

	.top_service {margin-top:0px;} 
	.top_service ul li a h3 {font-size:20px; line-height:120%; }

	.top_service .toservice {width:74%; }
	/* /top */
}



/*---------------------------------------*/
/*----- smart phone CSS lower 768px -----*/
/*---------------------------------------*/

@media (max-width : 768px){

	/* common */
	.pc_only {display:none;}
	.sp_only {display:block;}
	.pcin_only {display:none;}
	.spin_only {display:inline;}

	.wrap {padding:0px 20px 0px 20px; }
	.wrap1200 {width:auto; max-width:inherit; margin:0px 20px;}
	.wrap1000 {width:auto; max-width:inherit; margin:0px 20px;}
	.wrap900 {width:auto; max-width:inherit; margin:0px 20px;}
	.wrap800 {width:auto; max-width:inherit; margin:0px 20px;}
	.wrap700 {width:auto; max-width:inherit; margin:0px 20px;}
	.wrap600 {width:auto; max-width:inherit; margin:0px 20px;}
	/* /common */



	/* content */
	.header {padding:0px 0px 0px 0px; }
	.headerlogo {width:144px; }
	.headerlogo strong {font-size:3.1vw; line-height:140%;}
	.headerlogo strong span {font-size:2.8vw; }

	.topheader h1 {width:calc(100% - 144px); padding:0px 20px; }
	.topheader h1 strong {font-size:5.1vw; line-height:140%; }
	.topheader h1 strong:after {height:8px; bottom:1px; }
	.topheader h1 small {padding:6px 0px 0px 0px; font-size:3.1vw; line-height:140%; }

	.menu {display:none; }
	.spmenu {display:block; }



	.footer {padding:0px 0px 0px 0px; }
	.footer > div {padding:30px 0px 30px 0px; }
	.footer dl {flex-flow: column; }
	.footer dl dd:nth-child(1) {width:100px; }
	.footer dl dd:nth-child(3) {width:120px; }
	.footer dl dt {padding:20px 0px; }
	.footer h2 span {font-size:3.5vw; line-height:140%; }
	.footer h2 strong {padding:6px 0px 0px 0px; font-size:6.8vw; line-height:140%; }
	.footer h3 {padding:26px 0px 0px 0px; font-size:16px; line-height:140%; }
	.copy {padding:10px 0px 32.5vw 0px; font-size:12px; line-height:120%; }



	.page-top {bottom: 32vw; right: 20px;}
	.page-top img {width:30px; }
	/* /content */



	/* top */
	.kv {height:auto; }

	.kv h2 strong {padding:12px 0px 12px 0px; }
	.kv h2 span {padding:0px 0px 4px 0px; font-size: 5.7vw; line-height: 120%;}
	.kv h2 small {font-size: 4.5vw; line-height: 120%; }
	
	.top_about {padding:30px 0px 30px 0px; }
	.top_about dl dt {width:100%; box-shadow:5px 5px 10px rgba(0,0,0,0.5); }
	.top_about dl dt h4 {padding:30px 0px 20px 40px; }
	.top_about dl dt h4 span {font-size:7.5vw; }
	.top_about dl dt h4 span small {display:block; width:14px; height:8vw; }
	.top_about dl dt h3 {padding:20px 20px 30px 20px; }
	.top_about dl dt h3 strong {font-size:4.7vw; line-height:160%; }
	.top_about dl dt h3 strong:nth-child(1) {text-indent: 0em;}
	.top_about dl dt h3 strong:nth-child(2) {text-indent: 0em;}
	.top_about dl dt h3 strong:nth-child(3) {text-indent: 0em;}
	.top_about dl dt h3 strong:nth-child(4) {text-indent: 0em;}
	
	.top_service {margin-top:0px; }
	.top_service > div {padding:60px 0px 60px 0px; }
	
	.top_service section {padding:0px 0px 60px 20px; }
	.top_service h2 {font-size:7.5vw; }
	.top_service h2 span {width:14px; height:8vw; }

	.top_service dl {flex-wrap:wrap; }
	.top_service dl dd {width:100%; }
	.top_service dl dd:after {padding-top:73%; }
	.top_service dl dd h5 span {padding:2px 6px; font-size:12px; }
	.top_service dl dd h5 strong {padding:2px 6px; }
	.top_service dl dd h3 {width:100%; padding:8px; font-size:21px; line-height:120%; }
	.top_service dl dd h3 small {font-size:16px; line-height:160%; }
	.top_service dl dt {width:100%; padding:16px; }
	.top_service dl dt h4 {font-size:16px; line-height:180%; }
	.top_service dl dt h4 strong {font-size:21px; line-height:180%; }

	.top_service ul {margin-top:0px; }
	.top_service ul li {width:100%; margin-top:20px; }
	.top_service ul li:after {padding-top:73%; }
	.top_service ul li h5 span {padding:2px 6px; font-size:12px; }
	.top_service ul li h5 strong {padding:2px 6px; }
	.top_service ul li h3 {width:100%; padding:8px; font-size:21px; line-height:120%; }
	.top_service ul li h3 span {font-size:14px; line-height:140%; }

	.top_service .price {padding:20px 20px 20px 20px; }

	.top_service .toservice {width:100%; margin:20px auto 20px auto; }
	.top_service .toservice h3 {padding:15px 15px; }
	.top_service .toservice h3 strong {font-size:20px; line-height:140%; }
	.top_service .toservice h3 strong span {font-size:12px; }
	.top_service .toservice h4 {padding:0px 15px 15px 15px; font-size:7.6vw; }

	.top_map {padding:20px 0px 20px 0px; }
	.gmap {padding-top:70%;}
	/* /top */
}