@charset "utf-8";

/* --------------------------------------------------------
Main
----------------------------------------------------------*/
/* animate */
.aa
{/*-o-transition:all .16s cubic-bezier(.7,0,.3,1);transition:all .16s cubic-bezier(.7,0,.3,1);-webkit-transform:all .16s cubic-bezier(.7,0,.3,1);-ms-transform:all .16s cubic-bezier(.7,0,.3,1);transform:all .16s cubic-bezier(.7,0,.3,1);-webkit-transition:all .16s cubic-bezier(.7,0,.3,1);*/}

/* main key visual */
.mkvWrap { /*background-size:cover;*/ position:relative;}
/* main key visual */
.mkvWrap .mkv { width:100%; z-index:1; position:relative;}
.mkvWrap .mkv li { /*height:960px;*/ padding:3.42% 0px;}
.mkvWrap .mkv li.mVisual01 { background:url(/jp/assets/img/main/mVisual01.jpg) no-repeat top center; background-size:cover;}
.mkvWrap .mkv li.mVisual02 { background:url(/jp/assets/img/main/mVisual02.jpg) no-repeat top center; background-size:cover; }
.mkvWrap .mkv li.mVisual03 { background:url(/jp/assets/img/main/mVisual03.jpg) no-repeat top center; background-size:cover; }
.mkvWrap .mkv li.mVisual04 { background:url(/jp/assets/img/main/mVisual04.jpg) no-repeat top center; background-size:cover; }
.mkvWrap .mkv li .mVisualTxt { z-index:100; color:#fff; width:1250px; margin:0px auto; vertical-align:top; }
.mkvWrap .mkv li .mVisualTxt span { font-size:22px; font-weight:600; display:block; margin-bottom:22px; text-transform: uppercase;}
.mkvWrap .mkv li .mVisualTxt strong { font-size:70px; line-height:80px; font-weight:600;  display:block; margin-bottom:39px; text-transform: uppercase; }
.mkvWrap .mkv li .mVisualTxt a { font-size:16px; color:#fff;  display:block; width:160px; height:50px; line-height:46px; border:2px solid #999d9e; text-align:center;}

.mkvWrap .mkv li img { /*width:100%; max-width:100%; margin:0px auto; */}

.mkvWrap .mkv li img.v_pc {display:block;}
.mkvWrap .mkv li img.v_mo {display:none;}

/* slider tuning */
.mkvWrap .bx-controls {text-align:center; position:relative; font-size:0px; height:0px;  }
.mkvWrap .bx-controls .bx-controls-direction { position:relative; display:none;}
.mkvWrap .bx-controls .bx-controls-direction a {width:32px; height:59px; background:url(/jp/assets/img/main/mkvSlide_arrow.png)rgba(0,0,0,0) no-repeat center center; position:absolute; margin-top:-22%;}
.mkvWrap .bx-controls .bx-controls-direction .bx-prev {left:31px; font-size:0px;}
.mkvWrap .bx-controls .bx-controls-direction .bx-next {right:31px; -webkit-transform:rotate(180deg); -ms-transform: rotate(180deg); transform:rotate(180deg); font-size:0px;} 
.mkvWrap .bx-controls .bx-controls-auto {}
.mkvWrap .bx-controls .bx-controls-auto .bx-controls-auto-item {}
.mkvWrap .bx-controls .bx-controls-auto .bx-controls-auto-item a {display:block; width:24px; height:24px; /*background:url(/jp/assets/img/main/mkv_stoplay.png) no-repeat;*/}
.mkvWrap .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {background-position:0 0;}
.mkvWrap .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start:hover {background-position:0 -24px;}
.mkvWrap .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {background-position:-24px 0;}
.mkvWrap .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop:hover {background-position:-24px -24px;}
.mkvWrap .bx-controls .bx-pager {display:inline-block; vertical-align:middle; width:auto; font-size:15px; padding:0; font-weight:500; bottom:auto; position:relative; background:rgba(0,0,0,0); padding:0px; border-radius:10px; margin-top:-130px; z-index:10;}
.mkvWrap .bx-wrapper .bx-pager.bx-default-pager a { background:#aeaeae; width:40px; height:4px; margin:0 3px; border-radius:0%;}
.mkvWrap .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mkvWrap .bx-wrapper .bx-pager.bx-default-pager a.active {background:#283891;}


/* --------------------------------------------------------
RESPONSE
----------------------------------------------------------*/

@media (max-width:1250px) {	
    
    .mkvWrap .mkv li .mVisualTxt { width:96%;}

}


@media (max-width:990px) {	   
  
    .mkvWrap .mkv li .mVisualTxt strong { font-size:50px; line-height:60px;  }

}

@media (max-width:767px) {   
	
    .mkvWrap .bx-controls .bx-controls-direction a {margin-top:-62%;}
	.mkvWrap .bx-controls .bx-controls-direction .bx-prev {left:11px;}
	.mkvWrap .bx-controls .bx-controls-direction .bx-next {right:11px;} 
	
	.mkvWrap .mkv li { padding:5% 0px;}
	.mkvWrap .mkv li .mVisualTxt span { font-size:18px; margin-bottom:10px;}
	.mkvWrap .mkv li .mVisualTxt strong { font-size:28px; line-height:32px; height:100px; margin-bottom:20px;}
	.mkvWrap .mkv li .mVisualTxt a {height:40px; line-height:36px;}
	
	.mkvWrap .mkv li img.v_pc {display:none;}
	.mkvWrap .mkv li img.v_mo {display:block;}	
	

}
 


/* sectionGroup */
.sectionGroup { padding:60px 0px 61px 0px;}
.sectionGroup h3 {color:#222; font-size:36px; padding:0px; margin:0px auto; text-align:center; font-weight:600;}
.sectionGroup .warpInfo { color:#444; font-size:17px; line-height:24px; padding:0px; margin:33px auto; text-align:center; word-break:keep-all;}
.sectionGroup .tab_more {  display:block; }  
.sectionGroup .tab_more a {color:#222; text-transform:uppercase;}



/* mediaProgram */
.mediaProgram {position:relative; width:1250px; margin:0px auto; }
.mediaProgram .mediaProgramSlider {margin:0px auto;}
.mediaProgram .mediaProgramSlider li {display:block; width:370px; padding-bottom:10px;}
.mediaProgram .mediaProgramSlider li a { display:block; width:inherit; position:relative; overflow:hidden; width:350px; margin:0px auto; box-shadow:2px 2px 7px 2px rgba(0,0,0,0.1); background:#fff; border-radius:10px; }
.mediaProgram .mediaProgramSlider li a .thumbImg {width:350px; height:390px; box-sizing:border-box;	 -webkit-box-sizing:border-box;	 -moz-box-sizing:border-box;}
.mediaProgram .mediaProgramSlider li a .thumbInfo { padding-left:30px; margin-top:16px;}
.mediaProgram .mediaProgramSlider li a .thumbInfo strong {display:block; width:100%; margin:0px 0 28px 0; color:#333; vertical-align:top; font-size:26px; line-height:160%; font-weight:500; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mediaProgram .mediaProgramSlider li a .thumbInfo em {font-size:16px; color:#666; background:url(/jp/assets/img/main/ProductIco.png) no-repeat right 45%; padding-right:20px; text-align:right; float:right; margin-bottom:20px; margin-right:14px;} 

.mediaProgram .btnArrow {width:40px; height:56px; position:absolute; z-index:6; top:220px; background:url(/jp/assets/img/main/btn_media_slider.png) no-repeat; opacity:0.6;}
.mediaProgram .btnArrow:hover {opacity:0.7;}
.mediaProgram .btnArrow.before {left:0px; background-position:0 0;}
.mediaProgram .btnArrow.after {right:0px; background-position:-40px 0;}

/* slider tuning */
.mediaProgram .bx-controls {text-align:center; margin-top:18px;}
.mediaProgram .bx-controls .bx-controls-direction {}
.mediaProgram .bx-controls .bx-controls-direction a {width:76px; height:76px; background:url(/jp/assets/img/main/btn_mkv_slide.png) no-repeat; margin-top:-38px;}
.mediaProgram .bx-controls .bx-controls-direction .bx-prev {left:0;}
.mediaProgram .bx-controls .bx-controls-direction .bx-next {right:0; background-position:right top;}
.mediaProgram .bx-controls .bx-controls-auto {position:relative; margin-top:4px;}
.mediaProgram .bx-controls .bx-controls-auto .bx-controls-auto-item {}
.mediaProgram .bx-controls .bx-controls-auto .bx-controls-auto-item a {display:block; width:29px; height:29px; background:url(/jp/assets/img/main/mediaProgram_stoplay.png) no-repeat;}
.mediaProgram .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {background-position:0 0;}
.mediaProgram .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start:hover {opacity:0.6;}
.mediaProgram .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {background-position:-24px 0;}
.mediaProgram .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop:hover {opacity:0.6;}
.mediaProgram .bx-controls .bx-pager .bx-pager-item {display:inline-block;}
.mediaProgram .bx-controls .bx-pager {display:inline-block; vertical-align:middle; width:auto; padding:0; bottom: auto; position: relative;}
.mediaProgram .bx-controls .bx-controls-auto {display:inline-block; vertical-align:middle; position:relative; right:auto !important; bottom:auto;}
.mediaProgram .bx-wrapper .bx-pager.bx-default-pager a { background:url(/jp/assets/img/main/mediapager.png) no-repeat center center; width:29px; height:29px; margin:0px 1px;}
.mediaProgram .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mediaProgram .bx-wrapper .bx-pager.bx-default-pager a.active { background:url(/jp/assets/img/main/mediapagerhover.png) no-repeat center center; width:29px; height:29px; }



/* --------------------------------------------------------
RESPONSE
----------------------------------------------------------*/

@media (max-width:1350px) {
	
	.mediaProgram {width:100%;}
	.contents {margin:0 20px;}
	
}

@media (max-width:1250px) {	
 
   .mediaProgram .btnArrow { display:block;}
	 
	
}
 

@media (max-width:990px) {	 

    
    .sectionGroup h3 {font-size:26px;} 
	.sectionGroup .warpInfo { font-size:16px;}
	.mediaProgram .btnArrow.before {left:-20px;}
	.mediaProgram .btnArrow.after {right:-20px;}
	
}

@media (max-width:767px) {
     
	.mediaProgram .mediaProgramSlider li { width:320px;}
    .mediaProgram .mediaProgramSlider li a { width:300px;}
    .mediaProgram .mediaProgramSlider li a .thumbImg {width:300px; height:auto;;}
	.mediaProgram .btnArrow { top:40%;}
	

}
 
 
/* aboutUs */
.aboutUs { padding:59px 0px 6px 0px; background:url(/jp/assets/img/main/aboutUsbg.jpg) no-repeat top center; background-size:cover;}
.aboutUs h3 {color:#fff; font-size:44px; padding:0px; margin:0px auto; text-align:center; font-weight:400;} 

.aboutUs .aboutIco {margin:67px auto 53px auto; width:1250px; display:block; overflow:hidden;  }
.aboutUs .aboutIco ul {}
.aboutUs .aboutIco ul li { width:25%; text-align:center; display:inline-block; font-size:17px; color:#fff; font-weight:600; float:left; padding-top:84px;}
.aboutUs .aboutIco ul li:nth-of-type(1) { background:url(/jp/assets/img/main/aboutIco01.png) no-repeat top center;}
.aboutUs .aboutIco ul li:nth-of-type(2) { background:url(/jp/assets/img/main/aboutIco02.png) no-repeat top center;}
.aboutUs .aboutIco ul li:nth-of-type(3) { background:url(/jp/assets/img/main/aboutIco03.png) no-repeat top center;}
.aboutUs .aboutIco ul li:nth-of-type(4) { background:url(/jp/assets/img/main/aboutIco04.png) no-repeat top center;}

.aboutUs .aboutTxt { font-size:16px; line-height:22px; color:#fff; font-weight:400;  text-align:center; word-break:keep-all; opacity:0.7; display:block; width:1250px; margin:0px auto; }

.aboutUs .tab_more {  display:block; }  
.aboutUs .tab_more a {color:#fff; text-transform:uppercase;}


/* --------------------------------------------------------
RESPONSE
----------------------------------------------------------*/

@media (max-width:1250px) {
	
	
	.aboutUs .aboutIco,
	.aboutUs .aboutTxt  { width:98%;}
	
} 
 

@media (max-width:990px) {	 

    .aboutUs h3 { font-size:26px;} 
	.aboutUs .aboutIco { margin-bottom:30px;}
	.aboutUs .aboutIco ul li { width:50%; margin-bottom:20px;}

     
}