/*                            */
/*  ホームのスタイル用ＣＳＳ  */
/*                            */

/*ホームの写真スライドのベースヘッダー*/
.home_base_header{
    width: 100%;
    max-width: 1800px;
    min-width: 1200px;
    /*height: auto;*/
    max-height: 650px;
    background-color:#ffffff;
    position: relative;
}

/*写真スライド関連クラス*/
ul{
    margin:0;
}
.film_roll_wrapper {
    overflow: hidden;
}
.film_roll_shuttle {
    position: relative;
}
.film_roll_child {
    display: inline-block;
    margin-right: 0px;
}
.btn_prev,
.btn_next {
    position: absolute;
    top: 96.64%;
    width: 20px;
    height: 35px;
}
.btn_prev {
    left: 15px;
}
.btn_next {
    right: 15px;
}
.btn_prev:hover,
.btn_next:hover {
    opacity: 0.7;
}
.film_roll_pager {
    text-align: center;
}
.film_roll_pager a {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 30px 20px 0 0;
}
.film_roll_pager a:nth-child(1) {
    background: url(../img/home_btn/photo_btn01.png) no-repeat;
}
.film_roll_pager a:nth-child(2) {
    background: url(../img/home_btn/photo_btn02.png) no-repeat;
}
.film_roll_pager a:nth-child(3) {
    background: url(../img/home_btn/photo_btn03.png) no-repeat;
}
.film_roll_pager a:nth-child(4) {
    background: url(../img/home_btn/photo_btn04.png) no-repeat;
}
.film_roll_pager a:nth-child(5) {
    background: url(../img/home_btn/photo_btn05.png) no-repeat;
}
.film_roll_pager a:nth-child(6) {
    background: url(../img/home_btn/photo_btn06.png) no-repeat;
}
.film_roll_pager a.active:nth-child(1) {
    background: url(../img/home_btn/photo_btn01_act.png) no-repeat;
}
.film_roll_pager a.active:nth-child(2) {
    background: url(../img/home_btn/photo_btn02_act.png) no-repeat;
}
.film_roll_pager a.active:nth-child(3) {
    background: url(../img/home_btn/photo_btn03_act.png) no-repeat;
}
.film_roll_pager a.active:nth-child(4) {
    background: url(../img/home_btn/photo_btn04_act.png) no-repeat;
}
.film_roll_pager a.active:nth-child(5) {
    background: url(../img/home_btn/photo_btn05_act.png) no-repeat;
}
.film_roll_pager a.active:nth-child(6) {
    background: url(../img/home_btn/photo_btn06_act.png) no-repeat;
}
.film_roll_pager span {
display: none;
}
#film_roll_arrow {
display: none;
}
/*スライダー両サイドグレー網*/
.home_base_header_side_l{
    width: 26.39%;
    width: -webkit-calc((100% - 850px) / 2);
    width: -ms-calc((100% - 850px) / 2);
    width: -o-calc((100% - 850px) / 2);
    width: -moz-calc((100% - 850px) / 2);
    width: calc((100% - 850px) / 2);
    height: 600px;
    position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    z-index: 999;
}
.home_base_header_side_r{
    width: 26.39%;
    width: -webkit-calc((100% - 850px) / 2);
    width: -ms-calc((100% - 850px) / 2);
    width: -o-calc((100% - 850px) / 2);
    width: -moz-calc((100% - 850px) / 2);
    width: calc((100% - 850px) / 2);
    height: 600px;
    position: absolute;
    float: right;
    top: 0px;
    right: 0px;
    z-index: 999;
}
.slide_side_blank{
    width: 100%;
    height: 100%;
    background-image: url("../img/home_photo/side_blank.png");
}



/*ホーム用のコンテンツ枠（上タブ～下タブ）*/
.home_contents{
    width: 1200px;
    background-color:#ffe794;
    position: relative;
}
/*ホーム用のコンテンツ枠（コンプライアンス用:バック白）*/
.home_contents_bg_w{
    width: 1200px;
    height: 100px;
    background-color:#ffffff;
    position: relative;
    margin: 0;
    padding: 0;
}


/*ホームコンテンツバー（コンテンツ内の見出しバー）*/
.home_contents_bar{
    width: 1140px;
    max-height: 35px;
    background-color:#ffe794;
    position: relative;
    vertical-align: bottom;
    margin-left: 30px;
}
.hcb_title{
    width: 204px;
    position: relative;
    vertical-align: bottom;
}
.hcb_line{
    width: 100%;
    height: 5px;
    position: absolute;
    vertical-align: bottom;
    bottom: 0;
    left: 0;
}



/*ホームコンテンツボタン行設定*
/*コンテンツ内のボタンの配置枠*/
.home_contents_row{
    width: 1200px;
    height: 204px;
    vertical-align: bottom;
    position: relative;
}
/*コンテンツ内の正方形ボタンの枠*/
.home_contents_btn{
    width: 204px;
    height: 204px;
    vertical-align: bottom;
    position: relative;
    float: left;
}

/*コンテンツ内テキスト（見出）*/
.fct_title_0{
    width: 100%;
    height: auto;
    font-size: 2.4rem;
    color:#833c0c;
    position: relative;
    margin-left: 30px;
}