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

#titleUnder{
background: #eee;
padding: 100px 0 20px;
border-bottom: 3px solid #0071bc;
}
#titleUnder h1{
width: 90%;
max-width: 900px;
margin: 0 auto;
}
#titleUnder h1 span{
display: block;
font-family: 'Khand', sans-serif;
font-size: 3em;
line-height: 1.2;
}
#titleUnder h1 span::first-letter{
color: #0071bc;
}

h2{
color: #0071bc;
}
h2 span{
display: block;
font-family: 'Khand', sans-serif;
font-size: 2.6em;
line-height: 0.8;
}

#message, #works ul {
width: 90%;
max-width: 900px;
}
#message h3{
font-size: 1.6em;
color: #0071bc;
border-left: 4px solid #0071bc;
padding-left: 20px;
margin-bottom: 20px;
}
#message div p{
line-height: 2em;
}

#sdgs h4, #healther h4 {
color: #0071bc;
text-align: center;
padding: 30px 0 20px;
font-size: 1.4em;
}
#sdgs p, #healther p {
display: table;
margin: 0 auto 20px;
}
#sdgs img {
display: block;
padding-bottom: 20px;
}

@media screen and (min-width:561px){
#sdgs img {
max-width: 240px;
}
}

#healther img {
display: block;
max-width: 640px;
margin: 0 auto;
}
#company{
background: #eee;
padding-bottom: 80px;
}
#company div.title{
background: #0071bc;
padding: 50px 0;
}
#company h2{
color: #fff;
width: 90%;
max-width: 900px;
margin: 0 auto;
}
#company table, #recruit table {
width: 90%;
max-width: 900px;
margin: 80px auto;
}
#company table caption {
font-size: 2em;
padding-bottom: 20px;
text-align: center;
font-weight: bold;
}
#company table th, #recruit table th{
color: #0071bc;
border-top: 1px solid #0071bc;
vertical-align: middle;
}
#company table tr:last-child th, #recruit table tr:last-child th{
border-bottom: 1px solid #0071bc;
}
#company table td, #recruit table td{
border-top: 1px solid #fff;
}
#company table tr:last-child td, #recruit table tr:last-child td{
border-bottom: 1px solid #fff;
}
#company table th,#company table td, #recruit table th, #recruit table td {
padding: 20px 0;
}
#company #map{
width: 90%;
max-width: 900px;
margin: 0 auto;
}
#company #map iframe{
display: block;
width: 100%;
margin-bottom: 20px;
}
#company #map p,#company #map a{
color: #0071bc;
}
#company #map a{
border-bottom: 1px solid #0071bc;
}
#company #map a i{
margin-right: 6px;
}

#form {
background: #eee;
padding: 80px 0;
}
.soy_inquiry_message {
width: 100%;
text-align: center;
}
#form table#inquiry_form {
width: 90%;
max-width: 900px;
margin: 80px auto;
}
#form table#inquiry_form th{
color: #0071bc;
border-top: 1px solid #0071bc;
vertical-align: middle;
}
#form table#inquiry_form tr:last-child th{
border-bottom: 1px solid #0071bc;
}
#form table#inquiry_form td{
border-top: 1px solid #fff;
}
#form table#inquiry_form td input {
width: 100%;
height: 40px;
}
#form table#inquiry_form td textarea {
width: 100%;
height: 120px;
}
#form table#inquiry_form tr:last-child td{
border-bottom: 1px solid #fff;
}
#form table#inquiry_form th, #form table#inquiry_form td{
padding: 20px 0;
}
#inquiry_form_wrapper ~ table {
width: 50%;
max-width: 200px;
margin: 0 auto;
}

#works, #recruit {
background: #eee;
padding: 80px 0;
}
#works ul {
margin: 0 auto;
}
#works ul li {
padding: 10px 0;
}

#recruit table td p {
padding-top: 10px;
}

/*横幅480px以下*/
@media screen and (max-width:480px){
#company #map iframe{
height: 300px;
}
}

/*横幅481px以上*/
@media screen and (min-width:481px){
#company #map iframe{
height: 450px;
}
}

/*横幅481px〜768px*/
@media (min-width:481px) and (max-width:768px){
}

/*横幅768px以下*/
@media screen and (max-width:768px){
#message{
margin: 50px auto;
}
}

/*横幅769px以上*/
@media screen and (min-width:769px){

#message{
margin: 100px auto;
}
#company table th, #recruit table th {
color: #0071bc;
border-top: 1px solid #0071bc;
width: 200px;
}
	
#form table#inquiry_form th{
color: #0071bc;
border-top: 1px solid #0071bc;
width: 200px;
}
}

/*横幅769px〜1024px*/
@media (min-width:769px) and (max-width:1024px){
}

/*横幅1024pxpx以下*/
@media screen and (max-width:1024px){
}

/*横幅1025px以上*/
@media screen and (min-width:1025px){
}