@charset "UTF-8";
@media screen and (min-width: 768px) {
	.mb30{margin-bottom: 30px;}
	.mb80{margin-bottom: 80px;}
	
	#lead{width: 1100px;margin: 0 auto 90px;}
	#lead .frame{background-image:url(../images/company/bg01.png);background-repeat: repeat;position: relative;overflow: hidden;padding: 80px 25px 40px 50px;}
	#lead .frame h2{position: absolute;top:35px;left:0px;}
	#lead .frame .text{width: 600px;float: left; font-size: 14px;color: #fff;line-height: 26px;padding-top: 60px;}
	#lead .frame .text .name{font-size: 18px;text-align: right; letter-spacing: 2px; padding-right: 1em;}
	#lead .frame .pic{float: right;}
	
	#idea{width: 1100px;margin: 0 auto 80px;border-top: 8px solid #3c503e;background-image: url(../images/company/img01.png);background-repeat: no-repeat;background-position: top center;padding: 55px 50px 85px;}
	
	
	#idea h2{margin-bottom: 55px;}
	#idea .text{font-size: 25px; font-weight: bold;line-height: 51px;letter-spacing: 5px;}
	
	#overview{width:1100px;margin: 0 auto 85px;background-image: url(../images/company/bg02.png);background-repeat: repeat;padding: 20px 50px 50px;}
	#overview h2{width: 155px;margin: 0 auto 20px;}
	#overview .frame{background-color: #fff;padding: 20px 100px 30px;}
	#overview .frame table{font-size: 14px;line-height: 26px;}
	#overview .frame table tr{border-bottom: 1px dotted #c9c9c9;text-align: left;}
	#overview .frame table tr th{padding-top: 20px;padding-bottom: 15px;padding-left: 25px;width: 150px;}
	#overview .frame table tr td{padding-top: 20px;padding-bottom: 15px;padding-left: 25px;}
	#overview .frame table tr td a{text-decoration: underline;}

	#overview2{width:1100px;margin: 0 auto 85px;background-image: url(../images/company/bg02.png);background-repeat: repeat;padding: 20px 50px 50px;}
	#overview2 h2{width: 72px;margin: 0 auto 20px;}
	#overview2 .frame{background-color: #fff;padding: 20px 100px 30px;}
	#overview2 .frame table{font-size: 14px;line-height: 26px;}
	#overview2 .frame table tr{border-bottom: 1px dotted #c9c9c9;text-align: left;}
	#overview2 .frame table tr th{padding-top: 20px;padding-bottom: 15px;padding-left: 25px;width: 250px;}
	#overview2 .frame table tr td{padding-top: 20px;padding-bottom: 15px;padding-left: 25px;}
	#overview2 .frame table tr td a{text-decoration: underline;}
	
	#companybnr .bnrs { text-align: center; display: -webkit-box; display: -ms-flexbox;
		display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 800px; margin: 80px auto 80px; padding-bottom: 60px; }
    #companybnr .bnr-item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }
	
	#logo{width: 870px;margin: 0 auto 90px;overflow: hidden;}
	#logo .pic{float: left;}
	#logo .text{width: 588px;float: right;font-size: 14px;line-height: 26px;}
	#logo .text h2{font-size: 27px;font-weight: bold;border-bottom: 1px solid #090909;padding-bottom: 20px;margin-bottom: 35px;}
    
	#access{width: 870px;margin: 0 auto 90px;overflow: hidden;}
	#access  h2{font-size: 27px;font-weight: bold;margin-bottom: 25px;}
	#access .pic{float: left;}
	#access .pic ul{width: 500px;}
	#access .pic li{float: left;margin-right: 10px;}
	#access .pic li p{margin-top: 10px;}
	#access .text{width: 370px;float: right;font-size: 14px;line-height: 26px;}
	#access .text h3{font-size: 22px;font-weight: bold;border-bottom: 1px solid #090909;padding-bottom: 15px;margin-bottom: 15px;}

	#sdgs{width: 870px;margin: 0 auto 90px;overflow: hidden;}
	#sdgs  h2{font-size: 27px;font-weight: bold;margin-bottom: 25px; text-align: center;}
	#sdgs .pic{text-align: center; margin-bottom: 50px;}
	#sdgs .text{width: 725px;margin: 0 auto; font-size: 14px;line-height: 26px;}


	#googlemap{width:1000px;margin: 0 auto;}
	#googlemap h2{font-size: 19px;font-weight: bold;color: #a6843f;margin-bottom: 8px;}
	#googlemap .frame{background-image: url(../images/company/bg03.png);background-repeat: repeat;padding: 12px;}

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

	.mb30{margin-bottom: 5%;}
	.mb80{margin-bottom: 10%;}
	
	#lead{margin-bottom: 15%;
	width: 98%;
	margin-left: auto;
margin-right: auto;
	}
	#lead .frame{background-image:url(../images/company/bg01.png);background-repeat: repeat;padding: 8% 5%;}
	#lead .frame h2{width: 52%;margin: 0 auto 5%;}
	#lead .frame .text{font-size: 14px;line-height: 26px; color: #fff;margin-bottom: 5%;}
	#lead .frame .text .name{text-align: right;}
	#lead .frame .pic{text-align: center;}
	
	
	#idea{background-repeat: no-repeat;background-position: top left;padding: 5%;border-top: 5px solid #3c503e;margin-bottom: 8%;

	
	}
	#idea h2{width: 32%;margin: 0 auto 5%;}
	#idea .pic{margin-bottom: 5%;}
	#idea .text{text-align: center;font-size: 1.4rem;font-weight: bold;line-height: 28px;}
	
	#overview{background-image: url(../images/company/bg02.png);background-repeat: repeat;padding: 3%;margin-bottom: 8%;
	width: 98%;
	margin-left: auto;
margin-right: auto;
	}
	
	#overview h2{width: 32%;margin: 0 auto 5%;}
	
	#overview .frame{background-color: #fff;}
	#overview .frame table{font-size: 14px;line-height: 26px;}
	#overview .frame table tr{border-bottom: 1px dotted #c9c9c9;text-align: left;}
	
	#overview .frame table tr th{padding-top: 3%;padding-bottom: 3%;padding-left: 5%; padding-right: 5%;display: block;width: 100%;background-color: #eee;}
	#overview .frame table tr td{padding-top: 3%;padding-bottom: 3%;padding-left: 5%; padding-right: 5%;display: block;width: 100%;}
	
	#overview .frame table tr td a{text-decoration: underline;}

	#overview2{background-image: url(../images/company/bg02.png);background-repeat: repeat;padding: 3%;margin-bottom: 8%;
	width: 98%;
	margin-left: auto;
margin-right: auto;
	}
	
	#overview2 h2{width: 20%;margin: 0 auto 5%;}
	
	#overview2 .frame{background-color: #fff;}
	#overview2 .frame table{font-size: 14px;line-height: 26px; width: 100%;}
	#overview2 .frame table tr{border-bottom: 1px dotted #c9c9c9;text-align: left;}
	
	#overview2 .frame table tr th{padding-top: 3%;padding-bottom: 3%;padding-left: 5%; padding-right: 5%;display: block;width: 100%;background-color: #eee;}
	#overview2 .frame table tr td{padding-top: 3%;padding-bottom: 3%;padding-left: 5%; padding-right: 5%;display: block;width: 100%;}
	
	#overview .frame table tr td a{text-decoration: underline;}
	
	#logo{margin-bottom: 8%;}
	#logo .pic{width: 16%;margin: 0 auto 0%;}
	#logo .text{font-size: 1.4rem;line-height: 1.8;padding: 3%;}
	#logo .text h2{text-align: center; font-size: 2rem;font-weight: bold;padding-bottom: 4%; margin-bottom: 5%;border-bottom: 1px solid #090909;}
	
	#access{margin-bottom: 8%;}
	#access .pic{width: 90vw;margin: 0 auto 0%;}
	#access .text{font-size: 1.4rem;line-height: 1.8;padding: 7% 3% 3% 3%;}
	#access h2{text-align: center; font-size: 2rem;font-weight: bold; margin-bottom: 5%;}
	#access h3{ font-size: 1.5rem;font-weight: bold;padding-bottom: 1.5%;margin-bottom: 2.5%;border-bottom: 1px solid #090909;}
	#access .pic ul{display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
	#access .pic li:nth-child(1){margin-right: 3vw;}
	#access .pic p{margin-top: 3vw;}

	#sdgs{width: 90vw;margin: 0 auto 15vw;overflow: hidden;}
	#sdgs  h2{font-size: 2rem;font-weight: bold;margin-bottom: 3%; text-align: center;}
	#sdgs .pic{text-align: center; margin-bottom: 5vw;}
	#sdgs .text{width: 90vw;margin: 0 auto; font-size: 1.4rem;line-height: 1.8;}


    
	#googlemap{width:100%;margin-bottom: 0%;}
	#googlemap h2{text-align: center; font-size: 2.4rem;font-weight: bold;color: #a6843f;margin-bottom: 3%;}
	
	#googlemap .frame{background-image: url(../images/company/bg03.png);background-repeat: repeat;padding: 3%;
	width: 98%;
	margin-left: auto;
margin-right: auto;
	}
	
	#googlemap iframe{width: 100%;}

	#companybnr .bnrs { text-align: center;     margin: 8% auto 0;
    padding: 0 10px 4%; width: 94%;}
    #companybnr .bnr-item { margin-bottom: 20px; } }