@charset "UTF-8";
/* CSS Document */
/* レスポンシブ共通設定*/
h2
{
    border-color: #763626;
    color:#2A3132;
}
h3
{
    color: #763626; 
}
h4
{
    color: #763626; 
}
.btnBase
{
    background-color: #565656;
}
.readmore label
{
    background-color: #565656;
}
#mvArea
{
    width: 100%;
    margin-top: 70px;
    margin-bottom: 30px;
}
#mvArea img
{
    width: 100%;
}
#visionArea
{
    margin-bottom: 0;
}
#visionArea h1
{
    color: #e6e6e6;
    font-family: 'Play', sans-serif;
    font-size: 1.4rem;
    margin-bottom: .875rem;
}
#visionArea p
{
    width: 100%;
}
#newsArea
{
    background-color: #90AFC5;
    margin-top: 50px;
    padding: 20px 40px;
    position: relative;
}
#newsArea h2
{
    border-bottom: none;
    font-family: 'Play', sans-serif;
    position: absolute;
    top: -1.25rem;
    width: 80%;
}
#newsArea .bar1
{
    position: absolute;
    top: -3rem;
    right: 1rem;
    width: 20%;
    z-index: 10;
}
#newsArea .bar2
{
    position: absolute;
    top: 10rem;
    left: .5rem;
    width: 16%;
    z-index: 0;
}
#newsArea #news
{
    background: white;
    border-radius: 6px;
    padding: 15px 20px;
}
#newsArea section h3
{
    color: #2A3132;
    font-size: .75rem;
    font-weight: 900;
    margin-bottom: 15px;
}
#newsArea section p
{
    font-size: .75rem;
    line-height: 1.4;
}
#newsArea .btnBase
{
    margin-top: 15px;
}
#historyArea
{
    padding: 50px 40px;
    position: relative;
}
#workstyleArea h4
{
    color: #763626;
}
/*モバイル用（780px以下） Start*/
@media (max-width: 780px)
{

}
/*モバイル用（780px以下） End*/

/*タブレット限定（781px以上、1499px以下 Start*/
@media screen and (min-width:781px) and (max-width:1499px)
{

}
/*タブレット限定（781px以上、1499px以下 End*/

/*タブレットとPC兼用（781px以上） Start*/
@media (min-width: 781px)
{
    #mvArea
    {
        margin-top: 100px;
        margin-bottom: 30px;
    }
    #visionArea h1
    {
        margin-right: 1rem;
        writing-mode: vertical-rl;
    }
    #newsArea
    {
        padding: 40px 40px;
        position: relative;
    }
    #newsArea h2
    {
        border-bottom: none;
        font-family: 'Play', sans-serif;
        position: absolute;
        top: -1.25rem;
        width: 80%;
    }
	#newsArea #news
    {
        background: white;
        border-radius: 6px;
        padding: 15px 20px;
        margin: 0 auto;
        width: 60%;
    }
    #newsArea .bar1
    {
        position: absolute;
        top: -3rem;
        right: 1rem;
        width: 20%;
        z-index: 10;
    }
    #newsArea .bar2
    {
        position: absolute;
        top: 10rem;
        left: .5rem;
        width: 16%;
        z-index: 0;
    }
    #newsArea section h3
    {
        color: #60c5ba;
        font-size: .875rem;
        font-weight: 900;
        margin-bottom: 15px;
    }
    #newsArea section p
    {
        font-size: .875rem;
        line-height: 1.4;
    }
    #newsArea .btnBase
    {
        display: block;
        margin: 30px auto 0 auto;
        max-width: 50%;
    }
    #historyArea
    {
        padding: 50px 40px;
        position: relative;
    }
    #historyArea #history
    {
        margin: 0 auto;
        width: 60%;
    }
}
/*タブレットとPC兼用（781px以上、1499px以下） End*/

/*PC限定（1500px以上） Start*/
@media (min-width: 1500px)
{

}
/*PC限定（1500px以上） End*/