@charset "utf-8";

#message{
padding-bottom:80px; 
}
p{
text-align: justify;
}
#message .photo{
max-width: 600px;
width: 30%;
float: left; 
margin-right: 20px;
}
#message .name{
color: #999;
}
#philosophy{
padding-bottom:70px; 
}
#philosophy h2{
text-align: center;
margin-bottom: 0.5em;
}
#philosophy h3{
color: #666;
font-weight: 400;
font-size: 160%;
line-height: 130%;
margin-bottom: 15px;
}
#philosophy .photo{
max-width: 600px;
width: 45%;
float: right; 
margin-left: 20px;
}
#staffFirst{
padding-bottom:70px; 
}
#staffFirst h2{
margin-bottom: 0.3em;
}
#staffFirst .photo{
max-width: 1100px;
width: 100%;
margin-bottom: 10px;
}
#startBusiness{
padding-bottom:70px; 
}
#startBusiness h2{
margin-bottom: 0.3em;
}
#startBusiness h2 span{
font-size: 80%;
display: inline-block;
}
#startBusiness .photo01{
max-width: 600px;
width: 45%;
float: right; 
margin-left: 20px;
}
#startBusiness .photo02{
max-width: 600px;
width: 45%;
float: left; 
margin-right: 20px;
}
#why{
padding-bottom:70px; 
}
#why .photo{
max-width: 1100px;
width: 100%;
margin-bottom: 10px;
}
#profile{
padding:50px 0;
background:url(/images/bg01.gif);  
margin-bottom: 50px;
}
#profile h2{
margin-bottom: 0.3em;
}
#profile .photo{
max-width: 600px;
width: 35%;
float: right; 
margin-left: 20px;
}
#profile dl{
font-weight: 400;
font-size: 90%;
margin-bottom: 0.5em;
line-height: 140%;
}
#profile dl:first-of-type{
margin-top:50px; 
}
#profile dt{
color: #FF7409;
font-weight: 500;
display: block;
}
#profile dd{
display: block;
} @media screen and (max-width: 1000px) {
} @media screen and (max-width: 760px) {
} @media screen and (max-width: 600px) {
#message{
padding-bottom:60px; 
}
#message .photo{
width: 100%;
float: none; 
margin-right: 0;
margin-bottom: 10px;
}
#message .name{
color: #999;
}
#philosophy{
padding-bottom:60px; 
}
#philosophy h3{
font-size: 110%;
}
#philosophy .photo{
width: 100%;
float: none; 
margin-left: 0;
margin-bottom: 10px;
}
#startBusiness{
padding-bottom:60px; 
}
#startBusiness .photo01,
#startBusiness .photo02{
width: 100%;
float: none; 
margin-left: 0;
margin-bottom: 10px;
}
#why{
padding-bottom:30px; 
}
#why .photo{
max-width: 1100px;
width: 100%;
margin-bottom: 10px;
}
#profile{
padding:30px 0;
margin-bottom: 30px;
}
#profile .photo{
width: 100%;
float: none; 
margin-left: 0;
margin-bottom: 10px;
}
#profile dl{
font-weight: 400;
font-size: 90%;
margin-bottom: 0.5em;
line-height: 140%;
}
#profile dl:first-of-type{
margin-top:0; 
}
#profile dt{
color: #FF7409;
font-weight: 500;
display: block;
}
#profile dd{
display: block;
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
}