/* トップページ全体 */ 


#toppage h2{
font-weight:normal;
line-height:34px;
position:relative;
color:#333;
top:0;left:0;
	-webkit-transform:none;
	transform:none;
padding-top: 3em;
}

#toppage h2.lasth2{
padding-bottom: 3em;
}

/* スライドショー */ 
.slider div:not(:first-child){
    display: none;
}



.gazou{
width:100%;
height:100%;
background-size: cover;
transition: transform 8s linear;
transform: scale(1.0);
}

.gazou.active-slide{
transform: scale(1.15);
}

.slide-wrapper{
position:relative;width:100%;
}


.slider{
height:300px;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
position:absolute;
bottom:30px;
}
.bx-wrapper .bx-pager{
padding:0;
}

.bx-wrapper{
margin-bottom:0;
}

.bx-wrapper .bx-pager.bx-default-pager a{
background-color:white;
opacity:0.8;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
background-color:#333;
}


.slide-logo{
margin-top:10px;
}

img.slide-logo{
width:320px;
}



#toppage h2 span{
display:block;
color:#FF8413;
font-size:15px;
font-weight:normal;
}


.gazou.tpslide01{
	position:relative;
	background-color: #CCC;
	background-image: url(../images/main_pc.jpg);
	background-position:center center;
	}

.main-copy{
	position:absolute;
	width: 60%;
	text-align: left;
	top: 43%; left: 60%;
	-webkit-transform: translate(-50%, -57%);
	transform: translate(-50%, -57%);
}

.slide-copy{
	font-family: 'メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI','ヒラギノ角ゴシック','Hiragino Sans','Arial',sans-serif;
	color: #0d64b0;
	letter-spacing: 0.5rem;
	font-size:22px;
	line-height:150%;
	}
.slide-copy span{
	display:inline-block;
	margin-bottom:0.8rem;
	}

/* メインコピー */ 
p.main-lead-text{
margin:3rem 0 5rem;
}

@media (max-width: 1200px) {
	p.main-lead-text{
	margin:2.5rem 2.5% 2.5rem;
	}
	p.lead{
	margin:0 2.5%;
	}

.slider{
height:500px;
}

.gazou.tpslide01{
background-color: #CCC;
background-image: url(../images/main_sp.jpg);
background-position:center center;
}

.main-copy{
position:absolute;
width: 80%;
text-align: center;
top: 10%; left: 20%;
-webkit-transform: none;
transform: none;
}

.slide-copy{
	letter-spacing: 0.2rem;
	font-size:24px;
	line-height:150%;
	}

}

@media (max-width: 768px) {

.slider{
height:400px;
}

.gazou.tpslide01{
background-color: #CCC;
background-image: url(../images/main_sp.jpg);
background-position:center center;
}

.main-copy{
position:absolute;
width: 80%;
text-align: center;
top: 10%; left: 20%;
-webkit-transform: none;
transform: none;
}

.slide-copy{
	letter-spacing: 0.2rem;
	font-size:20px;
	line-height:150%;
	}

}


/* 主な事業 */ 
#business{
background-color:#F0F5FB;
padding:5rem 0;
}

@media (max-width: 1200px) {
#business{
	padding:2.5rem 0;
	}
}

#business h3{
font-size:28px;
font-weight:normal;
border-bottom:6px solid #4287CB;
padding-bottom:18px;
}
#business h3 span{
font-size:14px;
font-weight:normal;
color:#0d64b0;
display:block;
}


#business p{
font-size:14px;
line-height:25px;
margin-top:25px;
}

#business p.lead{
color:#646464;
margin-top:35px;
}

.business-btn-wrapper{
display:flex;
margin-top:80px;
}
.business-btn-wrapper> div{
width:50%;
height:350px;
position:relative;
overflow:hidden;
}

@media (max-width: 1200px) {
	.business-btn-wrapper{
	display:block;
	margin-top:40px;
	}

	.business-btn-wrapper> div{
	width:100%;
	height:300px;
	position:relative;
	overflow:hidden;
	}
}


.finance > a:hover, .finance > a:visited,.finance > a:link, .equip > a:hover, .equip > a:visited,.equip > a:link{
color:#333;}




.finance:after, .equip:after{
 position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background-position:center center;
    background-size: cover;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-ms-background-size: cover;
    transition: all .2s linear;
			-webkit-transition: all .2s linear;
			-moz-transition: all .2s linear;
			-ms-transition: all .2s linear;
	z-index:3;
	}


.finance:after{
	background-image:url(../images/businessImage01.jpg);
	}

.equip:after{
	background-image:url(../images/businessImage02.jpg);
	}

.finance:before,.equip:before{
  position: absolute;
   content: "";
    display: block;
    width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
    background-color:black;
    opacity:0;
    z-index:4;
    transition: all .2s linear;
			-webkit-transition: all .2s linear;
			-moz-transition: all .2s linear;
			-ms-transition: all .2s linear;
    }

.finance > a > div, .equip > a >  div{
background-color:rgba(255,255,255,0.9);
color:#333;
padding:40px;
width:460px;
position:absolute;
top:50%;
left:50%;
	-webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
z-index:5;
}


.finance:hover > a > div, .equip:hover > a > div{
background-color:rgba(255,255,255,0.95);
}

.finance:hover:after, .equip:hover:after{
transform: scale(1.2);
}
.finance:hover:before, .equip:hover:before{
opacity:0.3;
}


@media (max-width: 1200px) {
.finance > a > div, .equip > a >  div{
	padding:30px;
	width:90%;
	}
}
/* 最新情報 */ 

#news{
padding:5rem 0 7rem;
}
@media (max-width: 1200px) {
	#news{
	padding:2.5rem 0;
	}
}


#top-news-list-wrapper{
background-color:white;
width:60%;
margin:0px auto;
text-align:left;
margin-top:30px;
}
@media (max-width: 1200px) {
	#top-news-list-wrapper{
	width:95%;
	}
}


#top-news-list-wrapper ul{
width:100%;
display: table;
border-collapse:collapse;
}

#top-news-list-wrapper li{
border-bottom:1px solid #DCDCDC;padding:20px 0;text-align:left;
display: table-row;
}

#top-news-list-wrapper li:first-child{
border-top:1px solid #DCDCDC;
}


#top-news-list-wrapper li div, #top-news-list-wrapper li time, #top-news-list-wrapper li p{
display: table-cell;
vertical-align:middle;
padding:15px 0;
line-height:150%;
font-size:14px;
}

#top-news-list-wrapper li div{
width:150px;
}
#top-news-list-wrapper li time{
width:150px;
}

@media (max-width: 786px) {
	#top-news-list-wrapper li div, #top-news-list-wrapper li time{
	padding:1.2rem 10px 0.5rem 0;
	display:inline-block;
	}
	#top-news-list-wrapper li p{
	width:100%;
	display:block;
	padding:0rem 1.5rem 1.2rem 0;
	}
	#top-news-list-wrapper li div{
	width:auto;
	}
	#top-news-list-wrapper li time{
	width:auto;
	}

}


#top-news-list-wrapper li div.cat span{
width:8em;
text-align:center;
padding:3px 0 2px;
color:white;
font-size:13px;
border-radius:5px;
display:block;
}

.cat.topics span{
background-color:#0d64b0;
}
.cat.release span{
background-color:#303593;
}

#top-news-list-wrapper li div.news{
width:8em;text-align:center;
padding:3px 0 2px;
background-color:#039ada;
color:white;font-size:13px;
border-radius:5px;
}

#top-news-list-wrapper li time.date{
font-weight: bold;
color: #5c5c5c;
margin-right: 20px;

}

#top-news-list-wrapper li p.info-title{
display:block;
position:relative;
text-align:justify;
}



#top-news-list-wrapper li p.info-title:after{
content:"";
width:20px;
height:20px;
background-image:url(../images/icon_pdf.jpg);
background-size:20px 20px;
display:inline-block;
background-repeat:no-repeat;
margin-left:3px;
position:relative;
top:3px;
}


#top-news-list-wrapper a{
color: #0d64b0;
text-decoration: none;
}
#top-news-list-wrapper a:visited{
color: #0d64b0;
text-decoration: none;
}
#top-news-list-wrapper a:hover{
text-decoration:underline;
color:#999;
}

.news-toggle-btn{
text-align:left;
margin-bottom:25px;
}

.news-toggle-btn div{
padding:6px 0px 4px;
width:130px;
text-align:center;
font-size:12px;
display:inline-block;
transition:all 0.2s linear;
}

@media (max-width: 1200px) {
	.news-toggle-btn{
	display:flex;
	width:100%;
	justify-content: space-between;
	margin-bottom:12px;
	}
	.news-toggle-btn div{
	padding:6px 10px 4px;
	width:33%;
	}
}

.news-toggle-btn div:hover{
cursor: pointer;
}

.news-toggle-btn div#news-all{
background-color:#0d64b0;
color:white;
}
.news-toggle-btn div#news-all:hover{
background-color:#2C9DDE;
}

.news-toggle-btn div#news-topics, .news-toggle-btn div#news-press{
background-color:#EEEEEE;
color:#868686;
}
.news-toggle-btn div#news-topics:hover, .news-toggle-btn div#news-press:hover{
background-color:#dddddd;
}

.goNewsList{
font-size:11px;
text-align:right;
margin-top:10px;
}

.goNewsList a{
color:#333;
text-decoration:underline;
}
.goNewsList a:hover{
color:#666;
}

.info-title a:hover{cursor:pointer;}


/* スペシャルコンテンツ */ 
#special{
background-image:url(../images/tp_specialPhotoBg.jpg);background-size:cover;
background-position:center center;position:relative;
background-color:gray;
height:300px;
}


#special div.center-center{
position:absolute;
top:50%;left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#special p{
color:white;font-size:28px;margin-bottom:20px;
}

@media (max-width: 1200px) {
#special{
	height:auto;
	padding:40px 0;
	}
	#special div.center-center{
	position:relative;
	width:95%;
	margin:0 auto;
	top:0;left:0;
		-webkit-transform:none;
		transform:none;
	}
}


a.btn_gpDetail{
display:inline-block;color:white;padding:10px 80px;font-size:13px;border:1px solid white;
background-image:url(../images/icon_arrowW.png);
background-repeat:no-repeat;
background-position:right 10px center;
background-size:10px 15px;
position:relative;
transition:all 0.2s linear;
}

a.btn_gpDetail:hover:after{
content:"";
width:100%;height:100%;
background-color:white;
display:block;
position:absolute;
top:0;left:0;
opacity:0.2;
z-index:-1;
}




/* 会社概要 */ 

#profile{
padding:7rem 0 5rem;
background-color:#ECECEC;
}



.profile-wrapper{
width:75%;
margin:0 auto;
text-align:left;
}



.profile-wrapper h2{
text-align:center;
}

.profile-wrapper h3{
color:#0d64b0;
font-size:24px;
margin:0 0 2px;
padding-top:5rem;
}

#message h3{
padding-top:3rem;
}

#message p{
text-align:justify;
}

.contents-wrapper-white{
background-color:white;
padding:40px;
text-align:left;
}

#message .contents-wrapper-white{
display:flex;
}

.ceo-image{
margin-left:30px;
}


#message p.ceo-name{
text-align:right;
margin-top:1rem;

}
.ceo-name span{
font-size:130%;
font-weight:bold;
}






.about-table{
text-align: left;
font-size:14px;
width:100%;
}


.about-table tr{
border-top:#EAEEF0 1px solid;
}


.about-table td, .about-table th{
vertical-align: top;
}

.about-table th{
padding:20px 16px 16px;
background-color:#EAEEF0;
background-image:
	linear-gradient( white,white),
	linear-gradient(white,white),
	linear-gradient(#EAEEF0, #EAEEF0);
background-position-y: top, bottom, bottom;
background-size: 100% 10px, 100% 10px,cover;
background-repeat: no-repeat;
}

.about-table td{
padding:20px 0px 16px 16px; 
width:100%;
}

.google_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
    margin-top:20px;
}
.google_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


@media (max-width: 1200px) {
	#profile{
	padding:2.5rem 0;
	}
	.profile-wrapper{
	width:95%;
	}
	.profile-wrapper h3{
	padding-top:3rem;
	}
	#message h3{
	padding-top:2rem;
	font-size:20px;
	}
	#message p{
	font-size:14px;
	}
	.contents-wrapper-white{
	padding:15px 15px;
	font-size:13px;
	line-height:160%;
	}
}

}