@charset "utf-8";





/*==========================================================================

	            #top-header
	
============================================================================*/


#top-header {
	background: url("../img/top/main-bg.jpg") center center no-repeat;
    background-size: cover;
	padding: 160px 0 160px;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 768px){
	#top-header {
		background: url("../img/top/main-bg-sp.jpg") center center no-repeat;
        background-size: cover;
        padding: 25% 0 25%;
	}
}

#top-header .header-logo {
    z-index: 2;
}
.main-txt {
	max-width: 810px;
    width: 85%;
    margin: 0 auto;
	line-height: 0;
}
.main-txt .sp {
    display: none;
}

@media screen and (max-width: 768px){
    .main-txt .pc {
        display: none;
    }
    .main-txt .sp {
        display: block;
    }
}

/*==========================================================================

	            #sec1
	
============================================================================*/

#sec1 {
	padding: 100px 0 50px;
    background-color: #ab7e41;
}
@media screen and (max-width: 768px){
	#sec1 {
		padding: 10% 0 5%;
	}
}

/*----------------------------------- 
     .sec1-box1
-----------------------------------*/

.sec1-box1 {
    background: url("../img/top/sec1-bg.png") center bottom no-repeat;
    max-width: 800px;
	margin: 0 auto;
    padding: 0 50px 130px;
    box-sizing: border-box;
    color: #fff;
}
.sec1-box1 h2 {
    font-size: 36px;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
    line-height: 1.5;
    margin-bottom: 0.8em;
}

@media screen and (max-width: 1024px){
    .sec1-box1 h2 {
        font-size: 32px;
	    font-size: 3.2rem;
	}
}
@media screen and (max-width: 768px){
	.sec1-box1 {
        background: url("../img/top/sec1-bg.png") center bottom no-repeat;
        background-size: contain;
		padding: 0 5% 20%;
	}
    .sec1-box1 h2 {
        font-size: 28px;
	    font-size: 2.8rem;
        letter-spacing: 0;
	}
}
@media screen and (max-width: 641px){
    .sec1-box1 h2 {
        font-size: 24px;
	    font-size: 2.4rem;
	}
}
@media screen and (max-width: 481px){
    .sec1-box1 h2 {
        font-size: 20px;
	    font-size: 2.0rem;
	}
}


/*==========================================================================

	            #sec2  会社概要・事業内容
	
============================================================================*/

#sec2 {
	padding: 0 5%;
    background-color: #f6f2ec;
}
.sec2-box {
    max-width: 1200px;
	margin: 0 auto;
	padding: 0 100px 100px;
	background-color: #fff;
	box-sizing: border-box;
    box-shadow: 0px 0px 10px 0px rgba(204,192,0,0.1);
}

@media screen and (max-width: 1024px){
    .sec2-box {
        padding: 0 50px 80px;
    }
}
@media screen and (max-width: 768px){
    .sec2-box {
        padding: 0 5% 10%;
    }
}

/*----------------------------------- 
    #company  会社概要
-----------------------------------*/

#company {
    padding-top: 100px;
}
.company-box table {
	width: 100%;
	border-collapse: collapse;
    border-top: #cecece 1px solid;
    margin-bottom: 50px;
}
.company-box th {
    min-width: 10em;
	text-align: center;
	vertical-align: top;
    padding: 1em 0;
    border-bottom: #cecece 1px solid;
}
.company-box td {
    vertical-align: top;
    padding: 1em 0;
    border-bottom: #cecece 1px solid;
}
.company-box a.tel {
    text-decoration: none;
    cursor: text;
}
.map-box {
    line-height: 0;
}
.map-box iframe {
    width: 100%;
    height: 360px;
}
@media screen and (max-width: 768px){
	#company {
        padding-top: 15%;
    }
    .company-box table {
        border-top: #cecece 1px solid;
        border-left: #cecece 1px solid;
        border-right: #cecece 1px solid;
        margin-bottom: 10%;
    }
    .company-box th {
        display: block;
        min-width: inherit;
        padding: 0.5em 0;
        background-color: #eee;
        font-weight: bold;
    }
    .company-box td {
        display: block;
        padding: 1em 1em;
    }
    .company-box a.tel {
        text-decoration: underline;
        cursor: pointer;
    }
    .map-box iframe {
        height: 300px;
    }
}

/*----------------------------------- 
    #business  会社概要
-----------------------------------*/

#business {
    padding-top: 100px;
}
.business-box table {
	width: 100%;
	border-collapse: collapse;
}
.business-box th {
    min-width: 10em;
	text-align: center;
    padding: 1.5em 0;
    color: #fff;
    background-color: #ab7e41;
    border-bottom: #fff 5px solid;
}
.business-box td {
    padding: 1.5em 2em;
    background-color: #eee5d9;
    border-bottom: #fff 5px solid;
}

@media screen and (max-width: 768px){
	#business {
        padding-top: 15%;
    }
    .business-box th {
        display: block;
        min-width: inherit;
        padding: 1em 0;
        border-bottom: none;
    }
    .business-box td {
        display: block;
        padding: 1em 1em;
        border-bottom: #fff 10px solid;
    }
}