@charset "UTF-8";
/* CSS Document */


/* awards */
#company{
	width: 960px;
	padding: 40px 0 0 0;
	margin: 0 auto;
}
#company h3{
width: 164px;
margin: 0 auto 60px auto;
}
#company h3 span{
background-image: url(../images/title_company.png);
background-size: contain;
height: 24px;
}
#company .photo{
	width: 960px;
	margin: 0 auto 20px auto;
}
#company p.lead{
color: #000;
font-family:"游明朝","YuMincho";
font-weight:400;
line-height: 1.8em;
text-align: left;
width: 960px;
margin: 0 auto 100px auto;
}
#company p.lead span{
text-align: right;
padding: 10px 0 0 0;
display: block;
}

#company #data{
text-align: left;
width: 960px;
margin: 0 auto 120px auto;
}
#company #data h4{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
}
#company #data table{
width: 100%;
border-top: solid 1px #555;
}
#company #data table td:first-child{
font-weight: bold;
width: 200px;
}
#company #data table td{
padding: 20px 0;
border-bottom: solid 1px #555;
}
#company #data table td span{
	color: #666;
	font-size: 0.8em;
}

#company #history{
text-align: left;
width: 960px;
margin: 0 auto 120px auto;
}
#company #history h4{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
}
#company #history table{
width: 100%;
border-top: solid 1px #555;
}
#company #history table td:first-child{
font-weight: bold;
width: 200px;
}
#company #history table td{
padding: 20px 0;
border-bottom: solid 1px #555;
}
#company #history table td span{
	color: #666;
	font-size: 0.8em;
}
#company #access{
text-align: left;
width: 960px;
margin: 0 auto;
}
#company #access h4{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
}
#company #access .line{
padding: 30px 0 0 0;
margin: 0 0 30px 0;
border-top: solid 1px #555;
}
#company #access .line:last-child{
padding: 30px 0;
margin: 0px;
border-bottom: solid 1px #555;
}

#company #access .line .text{
width: 380px;
float: left;
}
#company #access .line .text h5{
font-size: 1em;
font-weight: bold;
margin-bottom: 10px;
}
#company #access .line .text p{ margin-bottom: 20px; }
#company #access .line .text dl{ margin-bottom: 20px; }
#company #access .line .text dl dt{
font-size: 1em;
font-weight: bold;
margin-bottom: 5px;
}
#company #access .line .text dl dd{
font-size: 0.9em;
line-height: 1.2em;
background-image: url(../images/dot.png);
background-repeat: no-repeat;
background-position: left 0.4em;
background-size: 10px;
padding: 0 0 0 20px;
margin-bottom: 10px;
}
#company #access .line .text dl dd:last-child{ margin-bottom: 0px; }
#company #access .line .text .btnset{
text-align: center;
}
#company #access .line .text .btnset li{
width: 180px;
float: right;
}
#company #access .line .text .btnset li:first-child{ float: left; }
#company #access .line .text .btnset li a{
font-size: 0.9em;
padding: 5px;
border: solid 1px #555;
display: block;
}
#company #access .line .text .btnset li a:hover{
color: #FFF;
background-color: #555;
}

#company #access .line .map{
width: 540px;
height: 350px;
float: right;
}
#company #access .line .map iframe{
width: 100%;
height: 100%;
}


/* --------------------------------------- Media Queries Smartphone --------------------------------------- */
@media only screen and (max-width: 414px) and (orientation: portrait){


#company{
	width: 100%;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
}
#company h3{
width: 117px;
margin: 0 auto 40px auto;
}
#company h3 span{ height: 17px; }
#company .photo{
	width: 100%;
	margin: 0 auto 20px auto;
}
#company p.lead{
line-height: 1.6rem;
width: 100%;
margin: 0 auto 30px auto;
}
#company p.lead span{
text-align: right;
padding: 10px 0 0 0;
display: block;
}

#company #data{
text-align: left;
width: 100%;
margin: 0 auto 60px auto;
}
#company #data h4{
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
#company #data table{
width: 100%;
border-top: solid 1px #555;
}
#company #data table td:first-child{
font-size: 1.2rem;
font-weight: bold;
width: 100%;
padding: 10px 0 5px 0;
border-bottom: none;
}
#company #data table td{
padding: 0 0 10px 0;
border-bottom: solid 1px #555;
display: block;
}
#company #data table td span{ font-size: 0.8rem; }

#company #history{
text-align: left;
width: 100%;
margin: 0 auto 60px auto;
}
#company #history h4{
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
#company #history table{
width: 100%;
border-top: solid 1px #555;
}
#company #history table td:first-child{
font-weight: bold;
width: 100%;
padding: 10px 0 5px 0;
border-bottom: none;
}
#company #history table td{
padding: 0 0 10px 0;
border-bottom: solid 1px #555;
display: block;
}
#company #history table td span{ font-size: 0.8rem; }

#company #access{
text-align: left;
width: 100%;
margin: 0 auto;
}
#company #access h4{
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 10px;
}
#company #access .line{
padding: 20px 0 0 0;
margin: 0 0 20px 0;
border-top: solid 1px #555;
}
#company #access .line:last-child{
padding: 20px 0;
margin: 0px;
border-bottom: solid 1px #555;
}

#company #access .line .text{
width: 100%;
float: none;
}
#company #access .line .text h5{
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 10px;
}
#company #access .line .text p{ margin-bottom: 10px; }
#company #access .line .text dl{ margin-bottom: 10px; }
#company #access .line .text dl dt{
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 5px;
}
#company #access .line .text dl dd{
font-size: 0.9rem;
line-height: 1.2rem;
background-image: url(../images/dot.png);
background-repeat: no-repeat;
background-position: left 0.4em;
background-size: 5px;
padding: 0 0 0 15px;
margin-bottom: 10px;
}
#company #access .line .text dl dd:last-child{ margin-bottom: 0px; }
#company #access .line .text .btnset{
text-align: center;
margin-bottom: 20px;
}
#company #access .line .text .btnset li{
width: calc(50% - 5px);
float: right;
}
#company #access .line .text .btnset li:first-child{ float: left; }
#company #access .line .text .btnset li a{
font-size: 1rem;
padding: 5px;
border: solid 1px #555;
display: block;
}
#company #access .line .text .btnset li a:hover{
color: #FFF;
background-color: #555;
}

#company #access .line .map{
width: 100%;
height: 100vw;
float: none;
}
#company #access .line .map iframe{
width: 100%;
height: 350px;
}
	
}