@charset "UTF-8";
/*=============================================================
#mainimage
=============================================================*/
#page_mainimage {
width: 100%;
height: 300px;
background-image: url("../image/page_mainimage.jpg");
background-size: cover;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
#page_mainimage h2 {
color: #fff;
font-size: 50px;
font-weight: 600;
line-height: 1em;
text-align: center;
}
/*=============================================================
#message
=============================================================*/
#message{
width: 100%;
background: url("../../image/bg1.jpg");
background-repeat: repeat;
padding: 100px 0;
}
#message .box {
width: 1200px;
margin: 0 auto ;
display: flex;
justify-content: space-between;
}
#message .box .left {
padding-right: 100px;
text-align: left;
}
#message .box .left h2{
margin-bottom: 20px;
}
#message .box .right p.name {
margin-top: 20px;
font-size: 26px;
font-weight: 600;
line-height: 1em;
text-align: right;
}
/*=============================================================
#profile
=============================================================*/
#profile{
width: 100%;
background: url("../../image/bg2.jpg");
background-repeat: repeat;
padding: 100px 0;
}
#profile p.name{
margin: 20px 0;
font-size: 26px;
font-weight: 600;
line-height: 1em;
text-align: left;
}
#profile dl {
display: flex;
align-items: stretch;
text-align: left;
border-bottom: solid 1px #4e4335;
}
#profile dl dt {
padding: 1em;
width: 150px;
box-sizing: border-box;
display: flex;
align-items: center;
}
#profile dl dd {
padding: 1em;
width: 1050px;
box-sizing: border-box;
display: flex;
align-items: center;
}
/*=============================================================
#career
=============================================================*/
#career{
width: 100%;
background: url("../../image/bg1.jpg");
background-repeat: repeat;
padding: 100px 0;
}
#career ul.career_box{
width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
background: url("../image/career_bg.png");
background-repeat: no-repeat;
background-size: contain;
}
#career ul.career_box li{
width: 500px;
margin-bottom: 30px;
}
#career ol {
display: flex;
}
#career ol li{
text-align: left;
width: 30%;
}