@charset "utf-8";
/* Copyright 2021 FSFIELD All Rights Reserved. */

@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	ユニットハウスオーダーメイド

	------------------------------------------------------------ */
    /* ページタイトル
	---------------------------------------------- */
    .pagettl01{
        background: url( "../../unit/img/pc/bg_pagettl01.jpg") no-repeat center;
        background-size: cover;
    }
    
    /* common.css上書き
	---------------------------------------------- */
    .f_inner_top{border-top: solid 1px #413F3F;}
    

	/* UNIT HOUSEユニットハウス
	---------------------------------------------- */
    .bk_container01{
        margin-right: 120px;
        padding: 100px 20px 80px;
        position: relative;
    }
    
    .bk_container01::before{
        content: "";
        background: #232020;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -999;
    }
    
    .sec_unit{
        max-width: 1200px;
        margin: 0 auto 120px;
        display: flex;
        justify-content: space-between;
    }
    
    .sec_unit .wrap_unit01{
        max-width: 380px;
        flex: none;
    }
    
    .sec_unit .wrap_unit01 .txt{color: #FFF;}
    
    .sec_unit figure{
        width: 61.66%;
        flex: none;
    }
    
    .sec_unit figure #vr01{margin-bottom: 30px;}
	
	.sec_unit figure #vr01,
    .sec_unit figure #vr02{
		width: 100%;
		height: 370px;
	}
    
    /* UNIT HOUSEユニットハウス
	---------------------------------------------- */
    .sec_product{
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .wrap_product01{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
		margin-bottom: -40px;
    }
    
    .wrap_product01 figure{
        width: calc(50% - 20px);
        max-width: 580px;
		margin-bottom: 40px;
    }
    
    .wrap_product01 figure img{width: 100%;}
   

}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	ユニットハウスオーダーメイド

	------------------------------------------------------------ */
    /* ページタイトル
	---------------------------------------------- */
    .pagettl01{
        background: url( "../../unit/img/sp/bg_pagettl01.jpg") no-repeat center;
        background-size: cover;
    }
    
     /* common.css上書き
	---------------------------------------------- */
    #pagetop{border-top: 1px solid #E5E5E5;}
    

	/* UNIT HOUSEユニットハウス
	---------------------------------------------- */
    .bk_container01{
        padding: 50px 15px 30px;
        position: relative;
    }
    
    .bk_container01::before{
        content: "";
        background: #232020;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -999;
    }
    
    .sec_unit{margin-bottom: 55px;}
    
    .sec_unit .wrap_unit01{margin-bottom: 25px;}
    
    .sec_unit .wrap_unit01 .txt{color: #FFF;}
    
	.sec_unit #vr01,
    .sec_unit #vr02{
		width: 100%;
		height: 172.5px;
	}
    
    .sec_unit #vr01{margin-bottom: 15px;}
    
    /* UNIT HOUSEユニットハウス
	---------------------------------------------- */
    .wrap_product01 figure{margin-bottom: 15px;}
	
    .wrap_product01 figure:last-child{margin-bottom: 0;}
    
    .wrap_product01  figure img{width: 100%;}
	
    
}/*--@media--*/