@charset "UTF-8";

/*----------------------------------------------------
	☆TOP
----------------------------------------------------*/

/*--page name--*/
@charset "utf-8";
/* CSS Document */

#wrapper{
    margin-top:83px;
}

#wrapper .mainbg{
    background:url(/company/images/company_bg.jpg) no-repeat center top;
}
#wrapper .mainbg h2{
    text-align:center;
    padding:67px 0;
}
#wrapper h3.tate{
    margin:83px 0 115px;
    text-align:center;
}

#wrapper .topbox{
    margin:120px 0 145px;
}

#wrapper h4{
    text-align:center;
font-family:"YuMincho", "游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "MS PMincho",serif;
    font-size:30px;
    color:#491e1d;
}

#wrapper .newsbox{
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin:50px auto 0;
    width:960px;
}

#wrapper .newsbox ul li p.day{
    color:#491e1d;
    width:15%;
    float:left;
    text-align:left;
}

#wrapper .newsbox ul li p.tx{
    float:right;
    text-align:left;
    width:85%;
}

#wrapper .newsbox ul li p.tx a{
    color:#000;
    text-decoration:none;
}

#wrapper .newsbox ul li p.tx a:hover{
    text-decoration:underline;
}




#wrapper .newsbox ul li.brown{
    background:#f4f4f0;
    padding:17px 0 17px 22px;
}

#wrapper .newsbox ul li.white{
    background:#fff;
    padding:17px 0 17px 22px;
}


.movie{
    margin:100px 0 120px;
}




@media(max-width:1000px) {

#wrapper{
    margin: 0 auto;
    width:95%;
}


p.sp_top{
        padding: 20% 0 0;
}

#wrapper .mainbg{
    background:url(/company/images/company_bg.jpg) no-repeat center top;
}
#wrapper .mainbg h2{
    text-align:center;
    padding:67px 0;
}
#wrapper h3.tate{
    margin:5% 0 3%;
    text-align:center;
}

#wrapper .topbox{
    margin:5% 0 10%;
}

#wrapper h4{
    text-align:center;
font-family:"YuMincho", "游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "MS PMincho",serif;
    font-size:182%;
    color:#491e1d;
}

#wrapper .newsbox{
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin:50px auto 0;
    width:100%;
}

#wrapper .newsbox ul li p.day{
    color:#491e1d;
    width:100%;
    float:none;
    text-align:left;
    display:block;
}

#wrapper .newsbox ul li p.tx{
    float:none;
    text-align:left;
    display:block;
    width:100%;
}

#wrapper .newsbox ul li p.tx a{
    color:#000;
    text-decoration:none;
}

#wrapper .newsbox ul li p.tx a:hover{
    text-decoration:underline;
}




#wrapper .newsbox ul li.brown{
    background:#f4f4f0;
    padding:17px 0 17px 22px;
}

#wrapper .newsbox ul li.white{
    background:#fff;
    padding:17px 0 17px 22px;
}


.movie{
    margin:5% 0 10%;
}

}




@media only screen and (max-width: 1350px){
#block2 ul li img{
	width:200px;
	height:auto;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.2s ease-out;
}