@charset "UTF-8";

.main .aside{padding-top: 0;width: auto;}
.btn-more{float: right;position: absolute;right: 0;top: .6rem;width: 18px;height: 19px;font-size: 1px;text-indent: -9999px;background: url('../images/ico/more.png') 50% 9px no-repeat;overflow: hidden;}
.intro{position: relative;width: 100%;height: 1080px;overflow: hidden;}
.intro h2{padding-top: 39rem;padding-bottom: 3rem;font-size: 4.2rem;line-height: 6rem;color: #fff;font-family: 'Crimson Text', serif;font-weight: 400;text-align: center;letter-spacing: 1.2rem;}
.intro h2:after{display: none;}
.intro h2 span{font-size: 4.2rem;line-height: 6rem;color: #fff;font-family: 'Noto sans SC',sans-serif;font-weight: 400;text-align: center;letter-spacing: 1.2rem;}
.main .text{position: relative;padding-top: 3rem;font-size: 2rem;line-height: 3.8rem;color: #fff;text-align: center;}
.main .text:before{content: '';display: block;position: absolute;left: 0;right: 0;top:0;max-width: 1440px;width: 100%;height: 1px;margin: 0 auto;background: rgba(223,30,54,0.5);}

.main .layer-popup .text:before{display: none;}
/*.intro .bg{display: block;position: absolute;left: 0;right: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.75);}*/
.intro .input-wrap{position: absolute;left:0; right: 0;z-index: 15;}
.input-search{position: relative;margin: 3.2rem auto 0;}
/*.input-search.active{background: rgba(0,0,0,0.3);}*/
.input-search input{background-color: transparent;color: #fff;-webkit-appearance: none;}

.main .cont-wrap{padding-bottom: 0;}

.main .news-wrap .item-list{width: 102.5%;}
.main .news-wrap .item-list li{width: 33.333%;margin-top: 0;margin-right: 0;padding-right: 3rem;}

/*
video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
	 background: url('../images/bg/intro.jpg') no-repeat;
	  background-size: cover;
	  transition: 1s opacity;
}
.stopfade {
   opacity: .5;
}
*/

.bv-video-wrap {
  width: 100%;
  height: 100%;
  /* Please note this is only required if you with to add the
  '.bv-video-wrap--ready' class on the 'onReady' event */
  display: none;
  min-height: 1080px;
}

.bv-video-wrap--ready {
  display: block;
}

.bv-video-wrap::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  z-index: 10;
}

/* Video object */
.bv-video {
  width: 100%;
  height: 100%;
}


section h3{padding-top: 10rem;padding-bottom: 4rem;font-size: 3rem;line-height: 1;color: #000;text-align: center;text-align: center;font-weight: normal;}

.section01{width: 100%;/*height: 1107px;*/background-color: #f6f6f3;}
.section01 .section-wrap{margin: 0 auto;padding-bottom: 13rem;}

.section01 .section-wrap{position: relative;top: -4rem;z-index: 10;}
/*.section01 .news-slider{position: relative;}
.section01 .news-slider:after{content: '';display: block;width: 400px;height: 400px;background-color: #df1e36;}
.section01 .news-slider li{height: 400px;}
.section01 .news-slider li .text-wrap{float: left;width: 400px;height: 400px;padding: 4rem;background-color: #df1e36;box-sizing: border-box;-webkit-box-sizing: border-box;}
.section01 .news-slider li .text-wrap .category{display: block;font-size: 1.4rem;line-height: 1;color: #fff;font-weight: bold;}
.section01 .news-slider li .text-wrap p{padding-top: 3rem;font-size: 2rem;line-height: 3.2rem;color: #ffffff;font-weight: 300;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical; word-wrap: break-word; word-break:break-all;}
.section01 .news-slider li .thumb{float: left;width: 800px;height: 100%;overflow: hidden;background-position: 50% 0;-webkit-background-size: cover;background-size: cover;background-color: #fff;}
.section01 .news-slider li .thumb img{width: 100%;}*/

.section01 .news-slider{position: relative;}
.section01 .news-slider:after{content: '';display: block;width: 400px;height: 400px;background-color: #df1e36;}
.section01 .news-slider li{height: 400px;}
.section01 .news-slider li .text-wrap{width: 400px;height: 400px;padding: 4rem;background-color: #df1e36;box-sizing: border-box;-webkit-box-sizing: border-box;}
.section01 .news-slider li .text-wrap .category{display: block;font-size: 1.4rem;line-height: 1;color: #fff;font-weight: bold;}
.section01 .news-slider li .text-wrap p{padding-top: 3rem;font-size: 2rem;line-height: 3.2rem;color: #ffffff;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical; word-wrap: break-word; word-break:break-all;}
.section01 .news-slider li .thumb{float: right;width: 800px;height: 100%;overflow: hidden;background-position: 50% 0;-webkit-background-size: cover;background-size: cover;background-color: #fff;}
.section01 .news-slider li .thumb img{width: auto;max-width: none;height: 100%;}

.section01 .news-wrap .item-list li{margin-top: 0;}

.section02{width: 100%;height: 1080px;/*background: url('../images/bg/section_02.jpg') 50% 0 no-repeat;*/}
.section02 .section-wrap{position: relative;height: 100%;margin: 0 auto;}
.section02 h3{padding-top: 394px;font-family: 'Noto Serif SC', serif;font-size: 4.2rem;line-height: 6rem;color: #fff;font-weight: 100;}
.section02 h3 span{font-family: 'Noto Serif SC', serif;font-size: 4.2rem;line-height: 6rem;color: #fff;font-weight: 100;text-indent: -24px;}
.section02 .btn.type04{display: block;width: 280px;margin: 30px auto 0;font-size: 2rem;color: #df1e36;border: 1px solid #df1e36;box-sizing: border-box;}
.section02 .btn.type04:hover{background-color: #df1e36;color: #fff;}

.section02 .site{position: absolute;left: 0;right: 0;bottom: -67px;width: 1200px;margin: 0 auto;z-index: 10;}
.section02 .site .site-wrap{width: 1200px;height: 200px;margin: 0 auto;text-align: left;padding: 4rem 4rem 4rem 28rem;background: #fff url('../images/bg/site.jpg') 100% 0 no-repeat;box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-box-shadow: 0px 20px 15px 20px rgba(0,0,0,0.02); -moz-box-shadow: 0px 20px 15px 20px rgba(0,0,0,0.02); box-shadow: 0px 20px 15px 20px rgba(0,0,0,0.02);}
.section02 .site .site-wrap span{position: absolute;left: 4rem;top: 4rem;font-size: 1.4rem;line-height: 1;color: #df1e36;font-weight: bold;}
.section02 .site .site-wrap a{padding-right: 2.5rem;color: #df1e36;font-size: 3rem;line-height: 1;font-weight: normal;background: url('../images/ico/arrow_04.png') 100% 50% no-repeat;}
.section02 .site .site-wrap a:hover{text-decoration: underline;}
.section02 .site .site-wrap p{padding-top: 1.5rem;font-size: 1.6rem;line-height: 2;color: #df1e36;}

.section03{background-color: #f6f6f3;}
.section03 h3{padding-top: 26rem;}
.cont-wrap{margin-top: 10rem;position: relative;}
.cont-wrap h3{padding-top: 0;}


.section03 .section-wrap{overflow: hidden;}
.section03 .office-slider{}
.bx-wrapper{margin: 0 auto;}
.section03 .bx-viewport{overflow: visible !important;}
.section03{padding-bottom: 23rem;}
.section03 .office-slider li{position: relative;width: 960px !important;height: 420px;margin: 0 auto;text-align: center;}
.section03 .office-slider li:after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.section03 .office-slider li .country{display: block;position: relative;padding-top: 15rem;font-size: 1.4rem;line-height: 1;color: #fff;text-align: center;z-index: 10;}
.section03 .office-slider li h4{position: relative;padding-top: 2rem;font-size: 4.2rem;line-height: 1;color: #fff;font-weight: bold;text-align: center;font-family: 'Noto Serif SC', serif;font-weight: 200;z-index: 10;}
.section03 .office-slider li .btn.type04{position: relative;width: 280px;margin-top: 3rem;color: #df1e36;border: 1px solid #df1e36;z-index: 11;}
.section03 .office-slider li .btn.type04:hover,
.section03 .office-slider li .btn.type04.active{background-color: #df1e36;color: #fff;}
.section03 .office-info{padding-top: 3rem;padding-bottom: 9rem;text-align: center;font-size: 2rem;line-height: 3.8rem;}

/*.section01 .bx-controls{position: absolute;left: 0;bottom: 0;}*/

@media screen and (min-width: 1240px){
	.section01 .section-wrap{width: 1200px;}
}

@media screen and (max-width: 1240px){
	.btn-more{right: 4rem;}
	.section01 .btn-more{right: 0;}

	section{box-sizing: border-box;-webkit-box-sizing: border-box;}
	.section01{padding-left: 4rem;padding-right: 4rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
	.section01 .news-slider li .text-wrap{width: 33.333%;}
	.section01 .news-slider li .thumb{width: 66.667%;}

	.section02 .site {width: auto;margin-left: 4rem; margin-right: 4rem; }
	.section02 .site .site-wrap{width: 100%;}

	.main .text{margin-left: 4rem;margin-right: 4rem;}
}

@media screen and (max-width: 1024px){

	.header-area .site .site-wrap{padding-left: 23.333%;}
	.intro h2{letter-spacing: .8rem;}

	.main .news-wrap .item-list{width: 100%;}
	.section01 .news-wrap .item-list li{width: 100%;padding-right: 0;margin-top: 8rem;}
	.section01 .news-wrap .item-list li:first-child{margin-top: 0;}

	.main .news-wrap .item-list{width: 100%;}
	.main .news-wrap .item-list li{width: 100%;margin-top: 8rem;padding-right: 0;}
	.main .news-wrap .item-list li:first-child{margin-top: 0;}
	.section01 .cont-wrap{padding-left: 0;padding-right: 0;}
}

@media screen and (min-width: 960px){
	.intro{background-image: none !important;}
}
@media screen and (max-width: 960px){
	.bv-video-wrap{display: none;}
	.bv-video-wrap--ready{display: none;}
	video{display: none;}
	.intro{background: url('../images/bg/intro_m.jpg') 50% 0 no-repeat;-webkit-background-size: cover;background-size: cover;box-sizing: border-box;-webkit-box-sizing: border-box;}
	.intro .bg{display: none;}
	.bv-video-wrap::before{display: none;}

	.section03 .bx-wrapper{max-width: 670px !important;}
	.section03 .office-slider li{width: 670px !important;margin-right: 15px !important;}

}

@media screen and (max-width: 940px){
	.intro h2{letter-spacing: .3rem;}
}

@media screen and (max-width: 768px) {
	.main footer .to-top{opacity: 0;bottom: 0;}
	.main footer .share{display: none;}
	.bv-video-wrap::before{display: none;}
	.section01 .news-slider li .thumb img{width: 100%;height: auto;}

	video { display: none !important;}
	video source{display: none !important;}
	.main .text{margin-left: 2rem;margin-right: 2rem;padding-top: 1.8rem;font-size: 1.8rem;line-height: 3rem;}

	.main .news-wrap .item-list li{margin-top: 4rem;}
	.main .news-wrap .item-list li:first-child{margin-top: 0;}

	section h3{font-size: 2.2rem;}
	.input-search{width: auto;margin-left: 2rem;margin-right: 2rem;}
	.intro{height: 617px;background-image: url('../images/bg/intro_m.jpg');background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
	.intro h2{/*padding-top: 12.7rem;*/padding-top: 0;padding-left: 2rem;padding-right: 2rem;padding-bottom: 1.8rem;font-size: 2.5rem;line-height: 3.5rem;}
	.intro h2 span{display: inline-block;width: auto;line-height: 2.5rem;padding: 0 0.5rem;text-align: center;letter-spacing: 0;vertical-align: -3px;}
	.intro .input-search{display: none;}
	.intro .input-wrap{position: absolute;top: 50% !important;transform: translateY(-50%);}

	.btn-more{right: 2rem;top: .1rem;}

	.section01{padding-left: 2rem;padding-right: 2rem;}
	.section01 .news-wrap .item-list li{margin-top: 3.5rem;}
	.section01 .news-wrap .item-list li:first-child{margin-top: 0;}
	.section01 .section-wrap{padding-bottom: 6rem;}

	.section01 .news-slider{height: 433px;}
	.section01 .news-slider li{height: 433px;}
	.section01 .news-slider li .text-wrap{float: none;width: 100%;height: 293px;/*margin-top: 200px;*/padding: 3rem 3rem 8rem;
	position: absolute;left: 0;top: 200px;
	}
	.section01 .news-slider li .thumb{float: none;position: static;left: auto;top: auto;width: 100%;height: 200px;background-size: 100% 100%;-webkit-background-size: 100% 100%;background-position: 50% 50%;}
	.section01 .news-slider li .text-wrap .category{font-size: 1.3rem;}
	.section01 .news-slider li .text-wrap p{padding-top: 1.6rem;font-size: 1.8rem;line-height: 3rem;-webkit-line-clamp: 3;}
	.section01 .news-slider:after{width: 100%;height: 100%;}
	.main .bx-wrapper .bx-controls-direction a{width: 36px;height: 36px;bottom:  auto;top: 16.4rem;-webkit-background-size: 7px auto;background-size: 7px auto;}
	.main .bx-wrapper .bx-controls-direction a.bx-prev{right: 36px;}
	.main .bx-wrapper .bx-pager{top: auto;bottom: 3rem;left: 0;padding-left: 2.3rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
	.main .bx-wrapper .bx-pager.bx-default-pager a{font-size: 1.3rem;line-height: 1;}
	.main .bx-wrapper .bx-pager.bx-default-pager a:before{font-size: 1.3rem;}

	.section02{position: relative;height: 667px;/*background: url(../images/bg/section_02_m.jpg) 50% 50% no-repeat;*/-webkit-background-size: cover;background-size: cover;}
	.section02 .section-wrap{position: absolute;top: 0;width: 100%;height: 100%;}
	.section02 .section-wrap .text-wrap{position: static;left: auto;right: auto;height: 100%;width: 100%;display: table;margin: 0 auto;}
	.section02 .section-wrap .text-wrap .text-box{vertical-align: middle;height: 100%;display: table-cell;}
	.section02 h3{padding-top: 0;padding-left: 2rem;padding-right: 2rem;padding-bottom: 1.9rem;font-size: 2.8rem;line-height: 3.9rem;}
	.section02 h3 span{font-size: 2.8rem;line-height: 3.9rem;text-indent: 0;}
	.section02 .btn.type04{width: 175px;height: 43px;line-height: 41px;font-size: 1.3rem;}

	.section02 .site{margin-left: 2rem;margin-right: 2rem;}
	.section02 .site .site-wrap{background: #fff url(../images/bg/site_m.jpg) 100% 0 no-repeat;-webkit-background-size: 23.88% auto;background-size: 23.88% auto;}
	.section02 .site .site-wrap span{display: block;position: static;left: auto;top: auto;font-size: 1.3rem;line-height: 1;}
	.section02 .site .site-wrap{height: auto;min-height: 175px;padding: 3rem 5rem 3rem 3rem;}
	.section02 .site .site-wrap a{font-size: 2.2rem;line-height: 1;}
	.section02 .site .site-wrap p{padding-top: .5rem;font-size: 1.3rem;line-height: 2.1rem;}

	.section03{padding-bottom: 10rem;}
	.section03 h3{padding-top: 15.5rem;font-size: 2.2rem;}
	.section03 .cont-wrap h3{padding-top: 0;}
	.section03 .btn-more{right: 2rem;top: .1rem;}
	.section03 .office-info{padding-left: 2rem;padding-right: 2rem;padding-bottom: 0;font-size: 1.6rem;line-height: 2.6rem;}
	.section03 .bx-wrapper{max-width: 335px !important;}
	.section03 .office-slider li{width: 335px !important;margin-right: 8px !important;height: 335px;}
	.section03 .office-slider li .country{font-size: 1.3rem;padding-top: 11.5rem;}
	.section03 .office-slider li h4{padding-top: 1.3rem;font-size: 2.8rem;}
	.section03 .office-slider li .btn.type04{height: 43px;line-height: 43px;width: 175px;font-size: 1.3rem;}
}

@media screen and (max-width: 460px) {
	.section01 .news-slider li .thumb img{width: auto;height: 100%;}
}

@media screen and (max-width: 380px) {
	.section02 .site .site-wrap{padding-right: 3rem;}
}

@media screen and (max-width: 340px) {
	.section03 .bx-wrapper{max-width: 300px !important;}
	.section03 .office-slider li{width: 300px !important;margin-right: .5rem !important;}
}