@charset "utf-8";

/**
 *
 *  事業紹介 共通
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
   page-title
---------------------------------------------------------------------------*/

.page-title-cmn{
	background:url(../images/common/bg_pagetitle_rp.png) repeat-x;
}
.page-title-cmn-outline{
	background:url(../images/common/bg_pagetitle_fx.jpg) no-repeat 50% 0;
}
@media (max-width: 767px) {
    .page-title-cmn-inline {
        position: unset;
    }
    .page-title-cmn-outline{
        background:url(../images/common/bg_lead-sp.jpg) no-repeat;
        background-size: cover;
        height: auto;
        width: 100%;
        padding: 28% 0 0 0;
        position: relative;
}
.page-title-cmn-inline h1 {
padding: 0 15px 0;
position: absolute;
display: flex;
justify-content: flex-start;
width: 100%;
top: 45%;
left: 0;
margin: auto;
transform: translateY(-50%);
box-sizing: border-box;
margin-block-start: 0;
margin-block-end: 0;
}
.page-title-cmn-inline h1 img {
display: block;
width: auto;
height: 35px;
}
}

/*--------------------------------------------------------------------------
   template
---------------------------------------------------------------------------*/

/* 3nd --- 第2階層インデックス ---
-----------------------------------------------------------------*/
.cont-3nd .sec-cont{
}
.cont-3nd .sec-cont .sec-inner{
	margin-bottom:25px;
}
.cont-3nd .sec-cont .sec-inner .img{
	float:right;
	margin-right:-4px;
	padding:0 0 38px 38px;
}
.cont-3nd .sec-cont .img-box-cmn{
	width:726px;
	margin-bottom:60px;
}
.cont-3nd .sec-cont .img-box-cmn .fl{
	float:left;
	margin-left:-4px;
}
.cont-3nd .sec-cont .img-box-cmn .fr{
	float:right;
	margin-right:-4px;
}
.cont-3nd .business h3{
	padding-bottom:8px;
	margin-bottom:26px;
	border-bottom:3px solid #9B9791;
	font-size:129%;
}
.cont-3nd .business ul{
	position:relative;
	overflow:hidden;
	width:740px;
	margin-right:-12px;
}
.cont-3nd .business ul li{
	float:left;
	margin-right:12px;
}
.cont-3nd .bnr-recruit-bt{
	margin-top:58px;
}

@media (max-width: 767px) {
.cont-3nd .sec-cont{
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}
    .cont-3nd .sec-cont .img-box-cmn{
	width:100%;
	margin-bottom:60px;
}
    
    
.cont-3nd .business ul{
	width:100%;
	margin-right:0;
}
.cont-3nd .sec-cont .sec-inner .img {
    float: none;
    margin-right: 0;
    padding: 0;
    padding: 10px 0 40px;
}
    .cont-3nd .sec-cont .sec-inner .img img {
        display: block;
        width: 100%;
        height: auto;
    }
    .cont-3nd .sec-cont .sec-inner .img.img-small img {
        width: 100px;
    }
    nav.business {
        display: none;
}

}

/*--------------------------------------------------------------------------
   title-type
---------------------------------------------------------------------------*/

.title-type01-cmn{
	margin-bottom:26px;
	padding:0 0 10px;
	border-bottom:3px solid #FB485B;
	font-size:143%;
	font-weight:bold;
}


/* 20210512追記 */
.mtd-imgarea {
	display: block;
	width: 726px;
	margin-bottom: 60px;
}
.mtd-imginner {
	display: block;
	margin-left: -9px;
	margin-right: -9px;
}
.mtd-flex {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	width: 100%;
}

.mtd-flex > div {
	padding-left: 5px;
	padding-right: 5px;
}
@media (max-width: 767px) {
.mtd-imgarea {
	display: block;
	width: 100%;
	margin-bottom: 60px;
}
.mtd-imginner {
	display: block;
	margin-left: 0;
	margin-right: 0;
}
.mtd-flex {display: block!important;
}
    .cont-3nd .bnr-recruit-bt {
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .cont-3nd .bnr-recruit-bt a,
    .cont-3nd .bnr-recruit-bt img {
        display: block;
        width: 100%;
        height: auto;
    }
.mtd-flex > div {
	padding-left: 0px;
	padding-right: 0px;
}
.mtd-flex > div + div {
    margin-top: 20px;
}
}