@charset "UTF-8";
@media screen and (min-width:641px) {

	
#header .h1-box { width: 270px; margin: 0 auto 22px; padding-top: 20px; }

#header .h1-box .logo { margin-right: 10px; }

#header .h1-box .txt { font-size: 26px; line-height: 1.5; }

#header .main-photo { width: 1400px; margin: 0 auto; }

#header { margin-bottom: 50px; }

.inner { width: 1000px; margin: 0 auto; }

#mainbox { margin-bottom: 50px; }
#mainbox .photo { margin-right: 34px; }
#mainbox .txt { width: 506px; line-height: 2; font-size: 16px; letter-spacing: 0.05em; color: #5d5d5d; }

#company { margin-bottom: 40px; }
#company tr { border-left: 6px solid #3691c1; text-align: left; }
#company th { width: 200px; border: 1px solid #9d9d9d; padding: 5px 0px 5px 25px; line-height: 2; }
#company td { width: 800px; border: 1px solid #9d9d9d; padding: 5px 0px 5px 25px; line-height: 2; }
#company .txt{margin-right: 2em;}
#company td a { color: #3691c1; }

.company-list { margin-bottom: 70px; }
.company-list li { margin-right: 16px; }
.company-list li:nth-child(3n) { margin-right: 0px; }

	.philosophy{margin-bottom: 5%;}
#corporate { margin-bottom: 60px; }
#corporate .border { border-bottom: 1px solid #000; margin-bottom: 35px; }
#corporate .ttl { font-size: 44px; line-height: 1.5; letter-spacing: 0.05em; float: left}
#corporate .txt { font-size: 26px; line-height: 1.5; letter-spacing: 0.05em; padding-top: 15px; float: right;}
#corporate .txt02 { width: 588px; line-height: 1.8; color: #5d5d5d; letter-spacing: 0.05em; }

#qualification .bg-box { border: 8px solid #e3e3e3; padding: 47px 58px 25px; margin-bottom: 25px; }
#qualification .bg-box .ttl { font-size: 44px; line-height: 1.5; width: 880px; margin: 0 auto; border-bottom: 3px solid #3691c1; text-align: center; margin-bottom: 55px; }
#qualification .bg-box .list { width: 770px; margin: 0 auto; }
#qualification .bg-box dl { width: 300px; }
#qualification .bg-box dl dt { float: left; padding: 5px 0; width: 250px; }
#qualification .bg-box dl dd { border-bottom: 1px solid #ccc; text-align: right; padding: 5px 0 5px 5em; padding-bottom: 10px; margin-bottom: 10px; }
#qualification .txt { width: 921px; margin: 0 auto; color: #5d5d5d; font-size: 16px; line-height: 2; margin-bottom: 55px; }
	#qualification .fl-box{float: left;margin-right: 150px;}
	#qualification .fl-box:nth-child(2n){margin-right: 0px;}

	.photo-list {margin-bottom: 20px;}
	.photo-list .photo01{margin-right:14px;}
.list { margin-bottom: 80px; }
.list li { width: 332px; padding: 20px 18px 25px; border: 1px solid #f8f8f8; outline: 1px solid #696969; }
.list li .ttl { color: #000; font-size: 36px; line-height: 1.5; margin-bottom: 15px; }
.list li .ttl:before { content: "‐"; margin-right: .2em; }
.list li .txt { color: #3691c1; font-size: 18px; line-height: 1.5; width: 200px; }
.list li .txt02 { color: #5d5d5d; font-size: 14px; width: 296px;line-height: 2; }

#working_times { margin-bottom: 80px; }
#working_times .ttl { font-size: 30px; line-height: 2; color: #000; margin-bottom: 27px; text-align: center; background-color: #e9e9e9;}
#working_times .time tr { border-left: 6px solid #3691c1; text-align: left; }
#working_times .time th { width: 200px; border: 1px solid #9d9d9d; padding: 5px 0px 5px 25px; line-height: 2; }
#working_times .time td { width: 800px; border: 1px solid #9d9d9d; padding: 5px 0px 5px 25px; line-height: 2; }

#contact { margin-bottom: 30px; }
#contact .contact_box { margin-right: 35px; float: left}
#contact .contact_box .txt01 { color: #000; font-size: 26px; line-height: 1.5; border-bottom: 1px solid #000; }
#contact .contact_box .txt02 { color: #000; font-size: 26px; line-height: 1.5; }
#contact .contact_box .txt02 span { color: 000px; font-size: 42px; line-height: 1.5; }
#contact .txt03 { color: #000; font-size: 24px; line-height: 1.5; width: 510px; border: 3px solid #000; background-image: url(../images/index/mail_icon.png), url(../images/index/icon02.png); background-position: 15px 15px,right 30px top 20px; background-repeat: no-repeat,no-repeat; }
	#contact .border{padding-top: 20px;}	
	
#contact .txt03 a { padding: 10px 70px; display: block; }

#contact .list { width: 940px; margin: 0 auto; }

#footer { background-color: #f5f5f5; border-top: 3px solid #3691c1; }
#footer .txt { font-size: 27px; line-height: 1.5; color: #000; padding: 20px 0; }

.bg-box02 { background-color: #e1e1e1; text-align: center;  padding: 10px 0; }

.copyright { line-height: 2; font-size: 14px; color: #5d5d5d; }
}






@media screen and (max-width:640px) {
	
#header { margin-bottom: 10%; }
	
#header .h1-box { width: 100%; margin: 0 auto 5%;padding: 5% 5% 0; }

#header .h1-box .logo { margin-right: 2%; }

#header .h1-box .txt { font-size: 3rem; line-height: 1.5; }

#header .main-photo { width: 100%; margin: 0 auto; }



.inner { width: 100%; margin: 0 auto; padding: 0 5% }

#mainbox { margin-bottom: 10%; }
#mainbox .txt { width: 100%; line-height: 2; font-size: 1.6rem; letter-spacing: 0.05em; color: #5d5d5d;margin-bottom: 10%; }
#mainbox .photo{margin-bottom: 10%;}
#company { margin-bottom: 15%; }
#company tr { border-left: 6px solid #3691c1; text-align: center; }
#company th { width: 34%; border: 1px solid #9d9d9d; line-height: 2; font-size: 1.5rem;}
#company td { width: 76%; border: 1px solid #9d9d9d; padding: 5%; line-height: 2; font-size: 1.5rem;}
#company td a { color: #3691c1; }

.company-list { margin-bottom: 10% }


#corporate { margin-bottom:10%; }
#corporate .border { border-bottom: 1px solid #000; margin-bottom: 10%; text-align: center;}
#corporate .ttl { font-size: 4rem; line-height: 1.5; letter-spacing: 0.05em; }
#corporate .txt { font-size: 2.5rem; line-height: 1.5; letter-spacing: 0.05em; padding-top: 15px; }
#corporate .txt02 { width: 100%; line-height: 2; color: #5d5d5d; letter-spacing: 0.05em; margin-bottom: 10%;}
#corporate .photo{margin-bottom: 5%;}	

#qualification .bg-box { border: 8px solid #e3e3e3; padding: 5%; margin-bottom:10%; }
#qualification .bg-box .ttl { font-size: 4rem; line-height: 1.5; width: 100%; margin: 0 auto; border-bottom: 3px solid #3691c1; text-align: center; margin-bottom: 10%; }
#qualification .bg-box .list { width: 100%; margin: 0 auto; }
#qualification .bg-box dl { width: 100%; }
#qualification .bg-box dl dt { float: left; padding: 3% 0; width: 100%; background: #efefef;border-bottom: 1px dotted #c6c6c6;margin-bottom: 5%;}
#qualification .bg-box dl dd { border-bottom: 1px solid #c6c6c6; text-align: right; padding: 5% 0; display: block; margin-bottom: 3%;}
#qualification .txt { width: 100%; margin: 0 auto; color: #5d5d5d; font-size: 1.6rem; line-height: 2; margin-bottom: 10%; }
	
	.photo-list{margin-bottom: 10%;	}
.photo-list .photo01{margin-bottom: 5%;}
.list { margin-bottom: 10%; }
.list li { width: 100%; padding: 20px 18px 25px; border: 1px solid #f8f8f8; outline: 1px solid #696969; }
.list li .ttl { color: #000; font-size: 3.5rem; line-height: 1.5; margin-bottom: 15px;}
.list li .ttl:before { content: "‐"; margin-right: .2em; }
.list li .txt { color: #3691c1; font-size: 1.8rem; line-height: 1.5; width: 100%; }
.list li .txt02 { color: #5d5d5d; font-size: 14px; width: 100%;line-height: 1.8;}

	
	
#working_times { margin-bottom: 20%; }
#working_times .ttl { font-size: 3rem; line-height: 2; color: #000; margin-bottom: 10%; text-align: center; }
#working_times .time tr { border-left: 6px solid #3691c1; text-align: left; text-align: center;}
#working_times .time th { width: 38%; border: 1px solid #9d9d9d; padding: 5%; line-height: 2; }
#working_times .time td { width: 80%; border: 1px solid #9d9d9d; padding: 5%; line-height: 2; }

	
	
#contact { margin-bottom: 30px; }
#contact .contact_box { margin-right: 35px; }
#contact .contact_box .txt01 { color: 000px; font-size: 26px; line-height: 1.5; border-bottom: 1px solid #000; }
#contact .contact_box .txt02 { color: 000px; font-size: 26px; line-height: 1.5; }
#contact .contact_box .txt02 span { color: 000px; font-size: 42px; line-height: 1.5; }
#contact .txt03 { color: #000; font-size: 24px; line-height: 1.5; width: 100%; border: 3px solid #000; background-image: url(../images/index/mail_icon.png), url(../images/index/icon02.png); background-position: 15px 15px,right 30px top 20px; background-repeat: no-repeat,no-repeat; }
#contact .txt03 a { padding: 10px 70px; display: block; }
#contact a:hover { background-color: #fff; background-image: url(../images/index/mail_icon.png), url(../images/index/icon02.png); background-position: 15px 15px,right 30px top 20px; background-repeat: no-repeat,no-repeat; }
#contact .list { width: 100%; margin: 0 auto; }

#footer { background-color: #f5f5f5; border-top: 3px solid #3691c1; }
#footer .txt { font-size: 27px; line-height: 1.5; color: #000; padding: 20px 0; }

.bg-box02 { background-color: #e1e1e1; text-align: center; margin-bottom: 22%;}
.copyright {line-height: 2; font-size: 14px; color: #5d5d5d; }
	
		#company{
	width: 100%;
	border-bottom: 1px solid #9d9d9d;
	}
	
	#company td{
	width: 100%; display: block;
			border-bottom: none;
	}	
	#company th{
	width: 100%; display: block;
	border-bottom: none;
	}	
	
	
}
	
.f-bottom-Box{background-color: #fff;}