@charset "utf-8";

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

@media (max-width : 640px){
	/* common */
	.pc_only {display:none;}
	.sp_only {display:block;}
	.pcin_only {display:none;}
	.spin_only {display:inline;}
	
	.cont {min-width:inherit;}
	.contin {width:auto; margin:0px 20px;}
	.continw {width:100%; min-width:inherit; max-width:inherit; margin:0px;}
	/* /common */



	/* house */
	div#house {background-position:center center; }
	div#house > div {padding:0px 0px 160px 0px; }
	div#house h5 {padding:24px 10px 10px 10px; font-size:16px; line-height:120%; letter-spacing:1px; }
	div#house h2 {padding:20px 0px 0px 0px; font-size:12vw; line-height:120%; letter-spacing:0px;}

	div#house dl {display:block; width:auto; margin:0px;}
	div#house dl dd {display:block; vertical-align:inherit; padding:0px;}
	div#house dl dd h3 {font-size:11vw; line-height:120%; letter-spacing:1px; text-align:center; }
	div#house dl dd h3 span {display:inline-block; font-size:10vw;}
	div#house dl dd h3 strong {display:inline-block; }
	div#house dl dt {display:block; vertical-align:inherit; text-align:center; padding:10px 0px 20px 0px; }
	div#house dl dt p {font-size:6vw; line-height:140%; letter-spacing:0px;}

	div#house_cap > div {padding:40px 0px 40px 0px;}
	div#house_cap h3 {padding:0px 0px 20px 0px; font-size:4.1vw; line-height:160%; letter-spacing:0px; }
	div#house_cap h2 {padding:0px 0px 20px 0px; font-size:8vw; line-height:120%; letter-spacing:2px; font-weight:normal; text-align:center; }
	div#house_cap h1 {width:100%; padding:0px 10px 20px 10px;  font-size:18px; line-height:150%; letter-spacing:0px; text-align:justify; text-justify:inter-ideograph; }
	div#house_cap a#yoyakusei {width:100%; margin:20px auto 40px auto; padding:16px 12px 16px 12px; }
	div#house_cap a#yoyakusei span {display:block; padding:0px 0px 10px 0px; font-size:21px; line-height:120%; letter-spacing:1px; }
	div#house_cap a#yoyakusei strong {display:block; padding:0px 0px 0px 0px; font-size:16px; line-height:128%; }
	div#house_cap dl {display:block;}
	div#house_cap dl dd {display:block; vertical-align:inherit;  width:100%;}
	div#house_cap dl dd ul {display:block; flex-wrap: inherit; width:100%; margin:0px auto 20px auto; }
	div#house_cap dl dd ul li {display:block; width:100%; padding:0px 0px 0px 0px;}
	div#house_cap dl dd ul li:first-child,
	div#house_cap dl dd ul li:last-child {width:100%; }
	div#house_cap dl dd ul li p {display:block; padding-top:66.67%; background-position:center center; background-repeat:no-repeat; background-size:cover; border:8px #FFF solid; }
	div#house_cap dl dd ul li:first-child p,
	div#house_cap dl dd ul li:last-child p {padding-top:150%; }

	div#house_cap dl dt {display:block; vertical-align:inherit; width:100%; padding:0px 0px 0px 0px; }
	div#house_cap dl dt h4 {display:block; width:100%; margin:20px auto; }
	div#house_cap dl dt h4 span {display:block; vertical-align:inherit; width:100%; }
	div#house_cap dl dt h4 strong {display:block; vertical-align:inherit; padding:16px 5px 8px 5px; font-size:7.3vw; line-height:140%; letter-spacing:0px; }
	div#house_cap dl dt a {display:block; width:100%; margin:20px auto 0px auto; padding:16px 20px 16px 20px; font-size:6.5vw; line-height:120%; letter-spacing:0.05em; }
	div#house_cap dl dt a:hover {opacity:0.75; }
	div#house_cap dl dt h5 {width:90%; margin:0px auto; padding:16px 0px 0px 0px; font-size:18px; line-height:140%; letter-spacing:0px; }
	div#house_cap dl dt img {width:100%; margin:20px auto;}
	
	div#house_map {}
	div#house_map > div {padding:30px 0px 30px 0px;}
	div#house_map iframe {width:100%; height:320px; margin:20px auto 0px auto;}
	div#house_map img#ilmap {width:100%; margin:20px auto 0px auto; }
	/* /house */



	/* header */
	h2#header_cap {padding:36px 0px 36px 0px; font-size:15px; font-weight:normal; line-height:26px; text-align:justify; text-justify:inter-ideograph;}
	/* /header */
	

	
	/* plusone */
	div#plusone {padding:0px 0px 0px 0px;}
	div#plusone h4 {width:auto; margin:0px 20px; padding:60px 0px 60px 0px; font-size:24px; line-height:40px; letter-spacing:0px;}
	div#plusone h4 strong {display:inline-block; padding:6px 45px 6px 45px; }
	div#plusone h4 span {padding:25px 0px 0px 0px; }
	div#plusone dl {display:block; width:100%; margin:0px;}
	div#plusone dl dt {display:block; width:100%; vertical-align:inherit;}
	div#plusone dl dt p {display:block; padding:70% 0px 0px 0px; }
	div#plusone dl dd {display:block; width:100%; vertical-align:inherit;}
	div#plusone dl dd p {display:block; padding:140% 0px 0px 0px; }
	/* /plusone */


		
	/* to contact */
	div#to_contact {padding:32px 0px 32px 0px;}
	div#to_contactin {text-align:center;}
	div#to_contact strong {font-size:32px; line-height:40px;}
	div#to_contact span {padding:0px 0px 20px 0px; font-size:18px; line-height:140% !important; font-weight:normal; line-height:50px;}
	div#to_contact p {padding:18px 0px 28px 0px; font-size:22px; font-weight:normal; line-height:34px; letter-spacing:0px; }
	div#to_contact a {display:block; width:100%; padding:15px 0px 15px 0px; font-size:24px; line-height:100%;}
	div#to_contact a#yoyakusei {display:block; width:90%; margin:0px auto; padding:8px 0px 8px 0px; font-size:28px; line-height:120%; letter-spacing:0px; }
	/* /to contact */


	
	/* staffs */
	div#staffs {}
	div#staffsin {}
	div#staffs ul {display:block; width:100%; margin:0px;}
	div#staffs ul:after {content:""; display:block; clear:both;}
	div#staffs ul li {display:block; width:50%; vertical-align:top;}
	div#staffs ul li:nth-child(odd) {float:left; clear:both;}
	div#staffs ul li:nth-child(even) {float:right;}
	div#staffs ul li:last-child {float:inherit; margin:0px auto;}
	div#staffs ul li p {width:100%; background-position:top center;}
	div#staffs ul li p:before {padding-top:120%;}
	div#staffs ul li strong {padding:5px 0px 28px 0px; font-size:14px; line-height:140%; letter-spacing:0px;}
	div#staffs ul li strong span {font-size:11px;}
	h3#staffscap {padding:20px 0px 60px 0px; font-size:15px; line-height:26px; text-align:justify; text-justify:inter-ideograph;}
	/* /staffs */


	
	/* contactus */
	div#contactus {padding:60px 0px 60px 0px;}
	div#contactusin {padding:0px;}
	
	div#contactus dl {width:100%; margin:0px; padding:0px;}
	div#contactus dl dd {padding:0px; font-size:15px; line-height:22.8px;}
	div#contactus dl dt {padding:10px 0px 18px 0px; color:#000; font-size:14px; line-height:32px; text-align:center;}
	div#contactus dl dt h5 {font-size:24px; font-weight:normal;}
	
	div#contactus form {width:100%;}
	div#contactus table {width:100%; margin:0px auto; padding:0px;}
	div#contactus table th {width:120px; padding:10px 15px 10px 15px; font-size:14px; line-height:160%;}
	div#contactus table td {padding:10px 15px 10px 15px; text-align:left;}
	div#contactus table td span#contact_red {padding:2px 6px; font-size:16px; line-height:140%; letter-spacing:0px; text-align:justify; text-justify:inter-ideograph; }
	div#contactus select {width:100%; }
	div#contactus textarea {width:100%; height:140px;}
	div#contactus p.messagebox {padding:18px 0px 0px 0px;}
	div#contactus input[type="button"] {display:block; width:100%; margin:18px auto 18px auto; padding:9px 0px 9px 0px; font-size:18px;}
	
	ul#childs {display:block; }
	ul#childs li {display:block; vertical-align:inherit; }
	ul#childs li input[type="text"] {width:15% !important; margin:0px 0px 0px 10px; background-color:#EEE; }
	ul#childs li select {}
	/* /contactus */

	.note{
		font-size: 13px;
	}

	.note .title{
		font-size: 15px;
	}

	.note .read {
	    margin-top: 5px;
	}

	.note ul {
	    margin-top: 20px;
	}

	.note li {
	    margin-bottom: 20px;
	}

	.note li .tit{
		font-size: 14px;
	}

	.note li p {
	    margin-top: 5px;
	}


	/* footer */
	div#footer {padding:40px 0px 40px 0px;}
	div#footer img {display:block; margin:0px auto;}
	/* /footer */
}