@charset "UTF-8";
/*----------------------------------------
top
----------------------------------------*/
/*　common
----------------------------------------*/
#top #wrap { background: url("../../img/corp/bg_top_body.png") 0 200px repeat-x; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #wrap { background-position: 0 128px; } }
#top #content { position: relative; z-index: 100; margin-top: -15px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #content { margin-top: 0; } }

/* Swiper - Mobile Touch Slider CSS */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; }

/*　index
----------------------------------------*/
#top #sliderArea { border-top: 1px solid white; border-bottom: 1px solid white; background: #29333c; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #sliderArea { border-top: none; } }
#top #sliderArea .mainSlideControll, #top #sliderArea .mainSlideContent { position: relative; width: 978px; margin: 0 auto; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #sliderArea .mainSlideControll, #top #sliderArea .mainSlideContent { width: auto; } }
#top #sliderArea .mainSlideControll .mainLeft, #top #sliderArea .mainSlideContent .mainLeft, #top #sliderArea .mainSlideControll .mainRight, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight, #top #sliderArea .mainSlideContent .mainRight { cursor: pointer; position: absolute; bottom: 137px; left: 0; margin: auto 0; z-index: 20; }
#top #sliderArea .mainSlideControll .mainLeft:hover, #top #sliderArea .mainSlideContent .mainLeft:hover, #top #sliderArea .mainSlideControll .mainRight:hover, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight:hover, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight:hover, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight:hover, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight:hover, #top #sliderArea .mainSlideContent .mainRight:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #sliderArea .mainSlideControll .mainLeft, #top #sliderArea .mainSlideContent .mainLeft, #top #sliderArea .mainSlideControll .mainRight, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight, #top #sliderArea .mainSlideContent .mainRight { left: 12px; bottom: 68px; }
  #top #sliderArea .mainSlideControll .mainLeft img, #top #sliderArea .mainSlideContent .mainLeft img, #top #sliderArea .mainSlideControll .mainRight img, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight img, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight img, #top #sliderArea .mainSlideControll .mainSlideContent .mainRight img, #top #sliderArea .mainSlideContent .mainSlideControll .mainRight img, #top #sliderArea .mainSlideContent .mainRight img { max-width: 60%; height: auto; } }
#top #sliderArea .mainSlideControll .mainRight, #top #sliderArea .mainSlideContent .mainRight { left: auto; right: 0; }
#top #sliderArea .mainSlideControll .mainRight:hover, #top #sliderArea .mainSlideContent .mainRight:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#top #sliderArea .mainSlideControll .sliderPagination, #top #sliderArea .mainSlideContent .sliderPagination { cursor: pointer; position: absolute; bottom: 34px; left: 0; right: 0; margin: 0 auto; z-index: 20; text-align: center; }
#top #sliderArea .mainSlideControll .sliderPagination .swiper-pagination-switch, #top #sliderArea .mainSlideContent .sliderPagination .swiper-pagination-switch { display: inline-block; background: #ccc; width: 10px; height: 10px; margin: 0 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); }
#top #sliderArea .mainSlideControll .sliderPagination .swiper-active-switch, #top #sliderArea .mainSlideContent .sliderPagination .swiper-active-switch { background: #fdf100; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #sliderArea .mainSlideControll .sliderPagination, #top #sliderArea .mainSlideContent .sliderPagination { bottom: 12px; }
  #top #sliderArea .mainSlideControll .sliderPagination .swiper-pagination-switch, #top #sliderArea .mainSlideContent .sliderPagination .swiper-pagination-switch { width: 8px; height: 8px; } }

/*キーパー技術コンテストバナー*/
.contest-pc{
	margin-top: 16px;
}
.contest-sp{
	display: none;
}

@media screen and (min-width: 0px) and (max-width: 667px){
	.contest-pc {
		display: none;
	}
	.contest-sp {
        display: block;
    }
	.movie_banner_area{
		margin: 1rem 1rem 0 1rem;

	}
}

/* メインボックス改修20200319　K */
/* スライダー復活の場合は↑のバックアップを参照 */
#top #mainSlider #mainSlider01{
background: url("../../img/corp/bg_main_slider01.jpg") 50% 0 no-repeat;
position: relative;
max-width: 1400px;
height: 292px;
margin: 0 auto;
}
#top #sliderArea #mainSlider .rightbox{
width: 380px;
position: absolute;
right: 10%;
margin-top:15px;
}
#top #sliderArea #mainSlider .rightbox h3{
color:#fff;
font-size: 30px;
font-weight: 700;
}
#top #sliderArea #mainSlider .rightbox a.btnStyle01 {
width: 60%;
margin:10px 0;
}

#top #sliderArea #mainSlider .addOpacityChild >a p{
color:#fff;
font-size: 18px;
font-weight: 700;
text-decoration: underline;
}

#top #sliderArea #mainSlider .rightbox div.addOpacityChild2 {
    margin-top: 15px;
}

@media screen and (min-width: 0px) and (max-width: 667px) {
#top #sliderArea #mainSlider .rightbox{
width:80%;
position:static;
right: 0;
margin:0 auto;
text-align: center;
}
#top #sliderArea #mainSlider .rightbox h3{
font-size: 140%;
}
#top #sliderArea #mainSlider .rightbox a.btnStyle01 {
display: none;
visibility: hidden;
/*width: 60% !important;
margin:0 auto 10px;*/
}
#top #sliderArea #mainSlider .addOpacityChild >a p{
font-size: 100%;
}
}

/*
#top #sliderArea .mainSlideContent dl {
padding: 10px 80px 0 0;
float: right;
width: auto;
text-align: center;
color: #fff; }

#top #sliderArea .mainSlideContent dl dt {
font-weight: 700; font-size: 214%; }

#top #sliderArea .mainSlideContent dl dt a { color: #fff; }

#top #sliderArea .mainSlideContent dl dd {
margin-top:  1px;
margin-left: -130px;
text-align: left;
}
#top #mainSlider{
position: relative;
}
#top #sliderArea .mainSlideContent dl dd.contest {
    width: 500px;
  }
#top #sliderArea .mainSlideContent dl dd p {
    float: right;
  }

#top #sliderArea .mainSlideContent dl dd + dd { margin-top: 30px; }

@media screen and (min-width: 0px) and (max-width: 667px) {
#top #sliderArea .mainSlideContent {
width: auto;
overflow: hidden;
position: relative;
}
#top #sliderArea .mainSlideContent dl {
text-align: center;
padding: 2px 0 0 0;
float: none; }

#top #sliderArea .mainSlideContent dl dt { font-size: 128%; }
#top #sliderArea .mainSlideContent dl dd { display: none;
}
}
#top #mainSlider #mainSlider01, #top #mainSlider .swiper-wrapper > li #mainSlider01 { background: url("/corp/images/bg_main_slider01.jpg") 50% 0 no-repeat; }
#top #mainSlider #mainSlider02, #top #mainSlider .swiper-wrapper > li #mainSlider02 { background: url("/corp/images/bg_main_slider02.jpg") 50% 0 no-repeat; }
#top #mainSlider #mainSlider03, #top #mainSlider .swiper-wrapper > li #mainSlider03 { background: url("/corp/images/bg_main_slider03.jpg") 50% 0 no-repeat; }
#top #mainSlider #mainSlider04, #top #mainSlider .swiper-wrapper > li #mainSlider04 { background: url("/corp/images/bg_main_slider04.jpg") 50% 0 no-repeat; }
#top #mainSlider #mainSlider05, #top #mainSlider .swiper-wrapper > li #mainSlider05 { background: url("/corp/images/bg_main_slider05.jpg") 50% 0 no-repeat; }
*/
@media screen and (min-width: 0px) and (max-width: 667px) {
#top #mainSlider #mainSlider01{
width: auto;
height: 200px;
}
#top #mainSlider [id^=mainSlider], #top #mainSlider .swiper-wrapper > li [id^=mainSlider] {
background-size: 540px auto !important;
background-position: 0% 100% !important;
}
}

#top #businessArea .navPageContHorizon {
 background-color: #f3f7ff;
}
#top #businessArea .navPageContHorizon > dt {
 width: 22.49%;
}
#top #businessArea .navPageContHorizon > dd {
 margin-left: 22.49%;
 text-align: left;
 padding: 22px 40px 12px;
 font-size: 85%;
 min-height: 73px;
}

@media screen and (min-width: 0px) and (max-width: 667px) {
 /*#top #businessArea .navPageContHorizon {
  background-position: 100% 40px;
  background-size: 90% auto;
 }*/
 #top #businessArea .navPageContHorizon > dd {
 text-align: center; padding: 72px 20px 12px;
 }
}

#top #motorArea { background: white url("../../img/corp/bg_top_motor01_2026.jpg") 100% no-repeat; background-size: 33%; padding-bottom: 15px; line-height: 1.2; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #motorArea { line-height: 1.4; background-position: 50% -webkit-calc(100% - 72px); background-position: 50% calc(100% - 72px); background-size: 259px auto; }
  #top #motorArea .btnStyle01 { margin-top: 14.4em !important; } }
#top #topNav02 .navPageContHorizon > dt { color: #333; font-weight: 400; font-size: 87%; }
#top #topNav02 .navPageContHorizon > dt span img { padding: 12px 20px; }
#top #topNav02 .navPageContHorizon > dd { padding: 15px 40px 11px 45px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #top #topNav02 .navPageContHorizon > dd { padding: 130px 40px 11px 45px; } }
#top #timesArea { position: relative; }
#top #timesArea #timesSlider { margin: 0 auto; }
#top #timesArea #timesSlider .slide-list:before, #top #timesArea #timesSlider .slide-list:after { content: ""; display: table; }
#top #timesArea #timesSlider .slide-list:after { clear: both; }
#top #timesArea #timesSlider .slide-list li { float: left; }
#top #timesArea #timesSlider .slide-list li a { display: block; width: 100%; color: inherit; border-left: 3px solid transparent; border-right: 3px solid transparent; box-sizing: border-box; }
#top #timesArea #timesSlider .slide-list li a .slideText { margin-top: 10px; text-align: left; color: #0a3190; }
#top #timesArea #timesSlider .slide-list li a .slideText dt { font-weight: 700; }
#top #timesArea #timesSlider .slide-list li a .slideText dd { font-size: 85%; }
#top #timesArea .timesLeft { position: absolute; left: -20px; top: 22%; height: 25px; margin: auto; cursor: pointer; }
#top #timesArea .timesRight { position: absolute; right: -20px; top: 22%; height: 25px; margin: auto; cursor: pointer; }
#top #timesArea .timesLeft.notControl > *, #top #timesArea .timesRight.notControl > * { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; }
#top #timesArea .timesPager { visibility: hidden; margin-top: 20px; text-align: center; line-height: 0; }
#top #timesArea .timesPager li { display: inline-block; margin-left: 7px; width: 9px; height: 10px; background: url("../../images/i_pager.png") no-repeat left top; font-size: 0; text-indent: -9999px; cursor: pointer; }
#top #timesArea .timesPager li.is-active { background-image: url("../../images/i_pager_active.png"); }
#top #timesArea .timesPager li:first-child { margin-left: 0; }
/*　2018.8.28 respomsive K
----------------------------------------*/
#top #businessArea .navPageContHorizon > dd > img{
	position: absolute;
	top:0;
	right:0;
	z-index: 0;
}
#top #businessArea .navPageContHorizon > dd > p{
	display: inline-block;
	z-index: 10;
}

@media screen and (min-width: 0px) and (max-width: 667px) {
	#top #businessArea .navPageContHorizon > dd > img{
		position: absolute;
		top: 38px;
		margin: auto;
		left: -100%;
		right: -100%;
		max-width: 160% !important;
	}
	#top #businessArea .navPageContHorizon > dd > p{
		display: none;
	}
}

 /*　2020.3.9 K
----------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 667px) {
 #top #topNav03 .gridSection04{
 width: 100%;
 margin-left: 0;
 }
 #top #topNav03 .gridSection04 li{
box-sizing: border-box;
float: none;
margin-left: 0;
display: inline-block;
width: 48%;
 }
 #top #topNav03 .gridSection04 li:nth-child(even){
 margin-left: 3%;
 }
 }