@charset "utf-8";

/**
 *
 *  総合トップページ
 *
 */

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

#GlobalHeader{
	position:absolute;
	top:400px;
	left:0;
}
#GlobalHeader.header-fixed{
	position: fixed;
	top:0;
}
#Content{
	padding:90px 0 0;
}

@media (max-width: 767px) {
	#Page{
		padding:90px 0 0;
	}
	#GlobalHeader{
		position: fixed;
		top:0;
	}
	#Content{
		padding:0;
	}
}


/*--------------------------------------------------------------------------
   maintenance
---------------------------------------------------------------------------*/

#maintenance{
	padding:100px 0 0;
	text-align:center;
}


/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/

.sec-inline{
	width:978px;
	margin:0 auto;
}
@media (max-width: 767px) {
.sec-inline {
    width: 100%;
}
}

/* title
-----------------------------------------------------------------*/
.sec .head{
	margin:0 0 50px;
}
.sec .head h2{
	float:left;
	margin:0 30px 0 0;
}
.sec .head p{
	overflow:hidden;
	padding:25px 0 0;
}

@media (max-width: 767px) {
    .sec .head p .pc-inline {
        display: none;
    }
}
/*--------------------------------------------------------------------------
   mv
---------------------------------------------------------------------------*/

#mv{
	position:relative;
	overflow:hidden;
	width:100%;
	height:32px;
	min-width:978px;
	margin:0 auto;
	padding:368px 0 0;
}
#mv .loader{
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	width:100%;
	height:400px;
	background:#FFF;
}
#mv .loader img{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:80px;
	height:80px;
	margin:-40px 0 0 -40px;
}
#mv ul.list{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#mv ul.list li{
	height:400px;
}
#mv ul.list li{
	float:left;
	font-size:0;
	line-height:1;
}
#mv ul.list li img{
	width:100%;
	height:auto;
}
#mv ul.list li .img-pc{
	display:block;
}
#mv ul.list li .img-sp{
	display:none;
}

/* layer */
#mv .layer-left,
#mv .layer-right{
	position:absolute;
	top:0;
	z-index:20;
	width:978px;
	height:400px;
	background:url(../images/index/mv_bg.png);
}
#mv .layer-left{
	left:50%;
	margin:0 0 0 -1467px;
}
#mv .layer-right{
	right:50%;
	margin:0 -1467px 0 0;
}

/* pointer */
#mv .pointer-wrap{
	position:relative;
	z-index:20;
	width:950px;
	margin:0 auto 0;
}
#mv .pointer-wrap a{
	text-decoration:none;
}
#mv ul.pointer{
	height:12px;
	text-align:right;
	letter-spacing:-.4em;
}
#mv ul.pointer li{
	display:inline-block;
	width:12px;
	height:12px;
	padding:0 4px;
	letter-spacing:0;
}
#mv ul.pointer li a{
	display:block;
	background:url(../images/index/mv_ico.png) no-repeat;
}
#mv ul.pointer li.active a,
#mv ul.pointer li a:hover{
	background:url(../images/index/mv_ico_on.png) no-repeat;
}

/* prev, next */
#mv .prev,
#mv .next{
	position:absolute;
	top:175px;
	z-index:50;
}
#mv .prev{
	left:50%;
	margin-left:-513px;
}
#mv .next{
	right:50%;
	margin-right:-513px;
}

@media (max-width: 767px) {
	#mv{
		width:100%;
		height:calc(100vw * 720 / 640);
		height:100vw;
		padding:0;
		min-width:0;
		overflow: hidden;
	}
	#mv .loader{
		height:100%;
	}
	#mv ul.list li{
		height:auto;
	}
	#mv ul.list li img{
		width:100vw;
		height:calc(100vw * 720 / 640) ;
		height:100vw;
	}
	#mv ul.list li .img-pc{
		display:none;
	}
	#mv ul.list li .img-sp{
		display:block;
	}
	#mv .pointer-wrap{
		width: auto;
		position: absolute;
		bottom: 15px;
		right: 10px;
	}
	#mv .layer-right{
		display: none;
	}
	#mv .layer-left{
		display: none;
	}
	#mv .prev{
		display: none;
	}
	#mv .next{
		display: none;
	}
}

/*--------------------------------------------------------------------------
   sec-corporate
---------------------------------------------------------------------------*/

.sec-corporate{
	padding:0;
	background:url(/shared/images/bg_texture01.png);
}
.sec-corporate-inline{
	padding:50px 0 75px;
	background:url(../images/index/corporate_bg.png) no-repeat 100% 0;
}
.sec-corporate .head p{
	color:#FFF;
}
.sec-corporate nav{
	position:relative;
	width:986px;
	margin:0 -4px;
}
.sec-corporate nav .large{
	float:left;
	width:672px;
}
.sec-corporate nav .large li{
	float:left;
	width:314px;
	margin:0 22px 0 0;
}
.sec-corporate nav .large li span{
	display:block;
	margin:15px 4px 0;
	color:#FFF;
}
.sec-corporate nav .small{
	float:right;
	width:314px;
}
.sec-cop-tit-sp {
    display: none;
}
@media (max-width: 767px) {
.sec-cop-tit-pc {
    display: none;
}
.sec-cop-tit-sp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    float: none;
}
.sec-cop-tit-sp b {
    display: block;
    color: #fff;
    line-height: 1;
    font-size: 22px;
}
.sec-cop-tit-sp small {
    display: block;
    color: #fff;
    line-height: 1;
    font-size: 15px;
    margin-left: 25px;
}
.sec-corporate-inline {
    padding: 50px 20px 75px;    
}
.sec-corporate .head p {
    width: 100%;
}
.sec-corporate nav {
width: 100%;
margin: 0;
}
.sec-corporate nav .large {
float: none;
width: 100%;
}
.sec-corporate nav .large li {
float: none;
width: 100%;
}
.sec-corporate nav .large li + li {
    margin-top: 50px;
}
.sec-corporate nav .large li a,
.sec-corporate nav .large li img {
display: block;
width: 100%;
height: auto;
}
.sec-corporate nav .small {
    float: none;
    width: 100%;
    margin-top: 60px;
    }
.sec-corporate nav .small li a,
.sec-corporate nav .small li img {
display: block;
width: 100%;
height: auto;
}
}

/*--------------------------------------------------------------------------
   sec-business
---------------------------------------------------------------------------*/

.sec-business{
	padding:50px 0 90px;
	background:#F8F6F2;
}
.sec-business nav ul li{
	float:left;
	margin:0 13px;
}
.sec-business nav ul.sp {
    display: none;
}
.sec-bus-tit-sp {
    display: none;
}
@media (max-width: 767px) {
.sec-business {
    padding: 50px 20px 0px;
    }
.sec-bus-tit-pc {
    display: none;
}
.sec-bus-tit-sp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    float: none;
}
.sec-bus-tit-sp b {
    display: block;
    color: #333;
    line-height: 1;
    font-size: 22px;
}
.sec-bus-tit-sp small {
    display: block;
    color: #FC2B44;
    line-height: 1;
    font-size: 15px;
    margin-left: 25px;
}
.sec-business .head p {
    width: 100%;
}
.sec-business nav ul.pc {
    display: none;
}    
.sec-business nav ul.sp {
    display: block;
}
.sec-business nav ul li {float: none;}
.sec-business nav ul.sp li {position: relative;width: calc(100% + 20px);margin: 0;box-sizing: border-box;padding: 0;margin-left: -10px;margin-right: -10px;}
.sec-business nav ul.sp li + li {padding-top: 40px;}
.sec-business nav ul.sp li::before {content: "";display: block;position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 10px;height: 10px;border-bottom: 2px solid #000;border-right: 2px solid #000;transform: translateY(calc(-100% + 22px)) rotate(45deg);}
.sec-business nav ul.sp li:first-child::before {display: none;}
.sec-business nav ul.sp li a{display: block;width: 100%;background: #fff;border-radius: 5px;padding: 20px;box-sizing: border-box;text-decoration: none;}
.sec-business nav ul.sp dl {display: flex;justify-content: space-between;}
.sec-business nav ul.sp dl dt {width: 110px;}
.sec-business nav ul.sp dl dt img {display: block;width: 100%;height: auto;}
.sec-business nav ul.sp dl dd {width: calc(100% - 130px);}
.sec-business nav ul.sp dl dd small{display: block;font-size:16px;text-align: left;color: #A09C96;}
.sec-business nav ul.sp dl dd b{display: block;font-size: 20px;text-align: left;}

}

/*--------------------------------------------------------------------------
   sec-other
---------------------------------------------------------------------------*/

.sec-other{
	padding:60px 0 70px;
	border-top:1px solid #C9C7C5;
	background:url(/shared/images/bg_texture02.png);
}
.sec-other h2{
	margin:0 0 17px;
	padding:0 0 15px;
	border-bottom:2px solid #C9C7C5;
}
@media (max-width: 767px) {
    .sec-other {
        background: none;
        border-top:none;
    }
}
/* news
-----------------------------------------------------------------*/
.sec-news{
	position:relative;
	float:left;
	width:642px;
}
.sec-news .rss{
	position:absolute;
	top:6px;
	right:0;
}

.sec-news .tab-content{
	position:relative;
	width:100%;
}
.sec-news .tab-navi{
	margin:0 0 12px;
}
.sec-news .tab-navi li{
	float:left;
}
.sec-news .tab-section{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.sec-news .tab-section ul li{
	overflow:hidden;
	padding:12px 0;
	border-bottom:1px dashed #CCC;
}
.sec-news .tab-section ul li span{
	display:block;
}
.sec-news .tab-section ul li .date{
	float:left;
	width:82px;
	padding:2px 0 0 8px;
	font-size:86%;
}
.sec-news .tab-section ul li .ico{
	float:left;
	width:117px;
}
.sec-news .tab-section ul li .cont{
	float:left;
	width:435px;
	font-size:93%;
}

@media (max-width: 767px) {
.sec-news {
width: 100%;
box-sizing: border-box;
padding: 0 10px;
}
.sec-news .tab-section ul li .date{
	float:none;
	width:82px;
    display: inline-block;
	padding:2px 0 0 0px;
	font-size:86%;
}
.sec-news .tab-section ul li .ico{
	float:none;
    display: inline-block;
	width:117px;
}
.sec-news .tab-section ul li .cont{
    float: none;
	width: 100%;
    display: block;
    margin-top: 10px;
}
}
/* recruit
-----------------------------------------------------------------*/
.sec-recruit{
	float:right;
	width:306px;
}
.sec-recruit .bnr{
	margin:25px -4px 13px;
}
.sec-recruit .bnr a:hover img{
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	opacity:0.8;
}
.sec-recruit ul{
	overflow:hidden;
	margin:25px 0 0;
}
.sec-recruit ul li{
	float:left;
}
/* recruit　20220804追記
-----------------------------------------------------------------*/
.sec-saigomao{
	float:right;
	width:306px;
	margin-top: 35px;
}
.sec-saigomao .bnr{
	margin:0 -4px;
}
.sec-saigomao .bnr a:hover img{
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	opacity:0.8;
}