@charset "utf-8";

/**
 *
 *  企業情報
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/
@media (max-width: 767px) {
    img {
        display: block;
        width: 100%;
        height: auto;
    }
}


/*--------------------------------------------------------------------------
   sec-catch
---------------------------------------------------------------------------*/

.sec-catch{
/* 20171110 本社画像変更
	background:#5CB4E0 url(../images/index/bg_lead.jpg) no-repeat 50% 0;
*/
	background:#f5deb3 url(../images/index/bg_lead.jpg) no-repeat 50% 0;
}
.sec-catch p{
	position:absolute;
	top:99px;
	right:73px;
}
.sec-catch-sp {
    display: none;
}
@media (max-width: 767px) {
    .cont-2nd .sec-catch{
        background:url(../images/common/bg_pagetitle_fx_sp.jpg) no-repeat;
        background-size: cover;
        height: auto;
        width: 100%;
        padding: 35.73% 0 0 0;
}
    .sec-catch p {
    right:10%;
    left: 10%;
    }
.sec-catch-sp {
    display: block;
    position: relative;
    padding: 12% 20px 5%;
}
    .sec-catch-sp b {
        display: block;
        font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        font-size: 22px;
        text-align: center;
        margin-bottom: 6%;
    }
    .sec-catch-sp small {
        display: block;
        font-size: 15px;
        text-align: left;
        
    }
    .sec-catch p.sec-catch-pc {
    display: none;
}
}
/*--------------------------------------------------------------------------
   index-list
---------------------------------------------------------------------------*/

.index-list{
	position:relative;
	width:986px;
	margin:50px -4px 0;
}
.index-list section{
	float:left;
	width:230px;
	margin:0 0 0 22px;
}
.index-list.large section{
	width:482px;
}
.index-list section:first-child{
	margin:0;
}
.index-list section h2{
	margin:0 0 13px;
}
.index-list section p{
	margin:0 4px;
}

@media (max-width: 767px) {
    .inner-base p{
        box-sizing: border-box;
        padding: 0 20px;
    }
   .index-list{
	width:100%;
	margin:50px 0px 0;
    box-sizing: border-box;
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
}
    
    .index-list section{
    float: none;
    width: calc(50% - 7px);
    margin: 20px 0;
}
.index-list section:first-child,.index-list section:nth-child(3){
    margin: 20px 14px 20px 0;
}
.index-list section p {
    padding: 0 5px;
}
.index-list.large section {
    width:100%;
}
.index-list.large section:first-child {
    margin: 20px 0;
    }
}