@charset "utf-8";


/*-----loader-----*/
.loader { margin: 20px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 0.1em solid rgba(255,255,255,0.3); border-right: 0.1em solid rgba(255,255,255,0.3); border-bottom: 0.1em solid rgba(255,255,255,0.3); border-left: 0.1em solid #FFF; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; }
.loader,
.loader:after { border-radius: 50%; width: 10em; height: 10em; }
@-webkit-keyframes load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

#loader-bg { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:10000; background:#0062B2;}
#loader { display:none; position:fixed; top:50%; left:50%; width:200px; height:200px; margin-top:-100px; margin-left:-100px; text-align:center; color:#fff; z-index:2; }
@media screen and (max-width:767px){
	#loader-bg {background-size:125%;}
}

.home_sec { max-width:1100px; margin:0 auto;}
@media screen and (max-width:1100px){
	.home_sec { max-width:90%; margin:0 auto;}
}

/*viewer*/
.viewer { margin: 0 auto; width: 100%; position: relative; overflow: hidden; z-index:-100;}
.viewer ul { width: 100%; overflow: hidden; position: relative; vertical-align: bottom;}
.viewer ul li { top: 0; left: 0; width: 100%; position: absolute; vertical-align:bottom;}
.viewer ul li img { width: 100%; height:auto; }
.viewer .btnPrev,
.viewer .btnNext { margin-top: -25px; top: 50%; width: 50px; height: 50px; position: absolute; z-index: 101; }
.viewer .btnPrev { left: 10px; background: #ccc url(../img/btnPrev.jpg) no-repeat center center;}
.viewer .btnNext { right: 10px; background: #ccc url(../img/btnNext.jpg) no-repeat center center;}
.viewer ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }

/*.swiper*/
.swiper-container, .swiper-slide { width:100%; height:220px;}
.swiper-button-next, .swiper-button-prev { position: absolute; top:-40px; width: 40px; height: 40px; margin-top: 0px; z-index: 10; cursor: pointer; -moz-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; background-position: center; background-repeat: no-repeat;}
.swiper-button-prev { background:url(../img/swiper-button-next.svg) no-repeat 0 0; left:190px;}
.swiper-button-next { background:url(../img/swiper-button-prev.svg) no-repeat 0 0; left:150px;}
.swiper-button-prev:hover { background:url(../img/swiper-button-next2.svg) no-repeat 0 0; left:190px;}
.swiper-button-next:hover { background:url(../img/swiper-button-prev2.svg) no-repeat 0 0; left:150px;}
@media screen and (max-width:900px){
	.swiper-container, .swiper-slide { width:100%; height:auto;}
}
@media screen and (max-width:600px){
	.swiper-button-next, .swiper-button-prev { top:0px;}
}


/*slider*/
#slider { position:relative; width:100%;}
#lead { position:absolute; top:25%; width:100%; box-sizing:border-box; margin:0 auto; text-align:center; }
#lead h2 { font-family:'eb garamond', sans-serif; font-size:5.375rem; line-height:100%; margin:0 0 20px 0; padding:0; text-align:center; color:#fff; letter-spacing:0.15em;}
#lead p { margin:0; padding:0; line-height:180%; font-size:1.1rem; text-align:center; color:#fff;}
@media screen and (max-width:1240px){
	#lead { position:absolute; top:25%; left:0; width:100%; box-sizing:border-box; margin:0;}
	#lead h2 { font-size:3.6rem;}
}
@media screen and (max-width:900px){
	#lead h2 { font-size:3.0rem;}
}
@media screen and (max-width:750px){
	#lead { top:15%; padding:0 5%;}
}
@media screen and (max-width:600px){
	#lead { top:4%; padding:0 5%;}
	#lead h2 { font-size:1.5rem; text-align:left;}
	#lead p { font-size:0.813rem; text-align:left;}
}


#slider img { max-width:100%; height:auto;}
.slider { height:220px; margin-top:-220px;}
.sliderL { width:50%!important; background:#fff; position:relative; box-sizing:border-box; }
.sliderL h2 { width:150px; height:40px; background:#0062B2; color:#fff; font-family: 'Roboto Condensed', sans-serif; line-height:100%; font-size:1.25em; text-align:center; box-sizing:border-box; line-height:100%; padding:9px 0 0 0; position:absolute; top:-40px; left:0;}
.sliderL .slider_conts { display:block; color:#333; text-decoration:none; text-align:left;}
.sliderL .slider_conts h3 { width:auto; display:inline-block; margin:0; padding:0; line-height:100%; border-radius:50px 50px 50px 50px; -moz-border-radius:50px 50px 50px 50px; -webkit-border-radius:50px 50px 50px 50px; border:1px solid #ccc; font-size:0.69em; padding:5px 10px 4px;}
.sliderL .slider_conts h4 { font-size:1.375em; color:#0060B2; line-height:140%; margin:0; padding:0; font-weight:bold; margin:12px 0 20px 0;}
/*.sliderL .slider_conts:hover h4 { color:#337FC1;}*/
.sliderL .slider_conts p { font-size:0.813em; line-height:180%; margin:0; padding:0;}
.sliderL-PH { width:180px; margin:0 40px 0 0; text-align:center; box-sizing:border-box; float:right; padding-top:25px;}
.sliderL-txt { widht: -webkit-calc(100% - 240px); width: -moz-calc(100% - 240px); width: calc(100% - 240px); padding:30px 0 0 40px; box-sizing:border-box; float:left; }
.sliderR { width:50%; background:rgba(0,0,0,.5); box-sizing:border-box; padding:40px; text-align:left;}
.sliderR h2 { color:#fff; font-family: 'Roboto Condensed', sans-serif; margin:0 0 30px 0; padding:0; line-height:100%; font-size:1.25em;}
.sliderR h2 a { position:absolute; line-height:100%; color:#fff; font-size:0.75rem; margin:3px 0 0 20px; font-weight:normal; background:url(../img/arrow_wh.svg) no-repeat 0 60%; padding:0 0 0 8px; line-height:100%; }
.sliderR h2 a:hover { text-decoration:underline; filter:alpha(style=0,opacity=100); opacity:1;}
.sliderR dl { clear:both; color:#fff; font-size:0.875em; margin:0; padding:0 0 13px 0;}
.sliderR dl a { color:#fff;}
.sliderR dl a:hover { text-decoration:underline; filter:alpha(style=0,opacity=100); opacity:1;}
.sliderR dl dt { line-height:160%; margin:0; padding:0; width:9.5em; float:left;}
.sliderR dl dd { line-height:160%; margin:0; padding:0 0 0 9.5em;}
.sliderR dl:last-child { padding-bottom:0;}
@media screen and (max-width:1220px){
	.slider { margin-top:0px; height:auto;}
	.sliderL-PH { width:140px; margin:30px 20px 0 0; text-align:center; box-sizing:border-box; float:right;}
	.sliderL-txt { widht: -webkit-calc(100% - 180px); width: -moz-calc(100% - 180px); width: calc(100% - 180px); padding:30px 0 0 20px; box-sizing:border-box; float:left; }
	.sliderR { background:rgba(0,0,0,1); padding:20px;}
	.sliderR h2 { margin:0 0 15px 0;}
	.sliderR dl { padding:0 0 10px 0;}
	.sliderR dl dt { line-height:160%; margin:0; padding:0; width:auto; float:none; font-size:0.69rem;}
	.sliderR dl dd { line-height:160%; margin:0; padding:0;}
}
@media screen and (max-width:600px){
	.slider column-flex { display:block;}
	.slider { margin-top:0px; height:auto;}
	.sliderL { width:100%!important; margin:0 auto; padding-bottom:20px;}
	.sliderL h2 { width:150px; height:40px; font-size:1.25em; padding:9px 0 0 0; position:static;}
	.sliderL .slider_conts h4 { font-size:1.25em;}
	.sliderL-PH { width:33%; margin:0 5% 0 0;}
	.sliderL-txt { widht: -webkit-calc(100% - 38%); width: -moz-calc(100% - 38%); width: calc(100% - 38%); padding:15px 2% 0 5%;}
	.sliderR { width:100%; padding:20px 5%;}
	.sliderR h2 { font-size:1.25em;}
	.sliderR dl { padding:0 0 13px 0;}
	.sliderR dl dt { margin:0 0 5px 0; font-size:0.69rem;}
}


.title {font-size:1.8rem; font-weight: bold; color: #333; line-height:100%; margin-bottom:1em; font-family:'Roboto Condensed', sans-serif; margin:0 0 30px 0; padding:0; text-align:center;}
.title span { display:block; font-size:0.8rem; line-height:100%; margin:14px 0 0 0;}
@media screen and (max-width:600px){
	.title {font-size:1.875rem; margin:0 0 30px 0;}
}

.column-flex.home_EXHIBITION .home_EXHIBITION_box { width:48%; box-sizing:border-box; padding:0 25px 25px; text-align:left; position:relative; margin-bottom:40px;}
.column-flex.home_EXHIBITION .home_EXHIBITION_box:nth-last-child(-n+2) { /*margin-bottom:0px;*/}
.column-flex.home_EXHIBITION .home_EXHIBITION_box h3 { font-family:'Roboto Condensed', sans-serif; font-size:2rem; color:#999; position:absolute; top:-0.9rem; }
.column-flex.home_EXHIBITION .home_EXHIBITION_box h4 { color:#005FB2; font-weight:bold; font-size:1.125rem; margin:0 0 15px 0; position:relative; padding:35px 0 0 0;}
.column-flex.home_EXHIBITION .home_EXHIBITION_box h4:after { display:inline-block; content:""; width:9px; height:1em; background:url(../img/link_bl.svg) no-repeat 0 60%; margin-left:5px; }
.column-flex.home_EXHIBITION .home_EXHIBITION_box.home_EXHIBITION_box01 { width:100%;}
.nakaguro { margin-left:-0.25em; margin-right:-0.2em;}
@media screen and (max-width:600px){
	.column-flex.home_EXHIBITION { display:block;}
	.column-flex.home_EXHIBITION .home_EXHIBITION_box { width:100%; margin:0 auto 30px; padding:0 15px 15px;}
	.column-flex.home_EXHIBITION .home_EXHIBITION_box:nth-last-child(2) { margin-bottom:30px;}
	.column-flex.home_EXHIBITION .home_EXHIBITION_box:nth-last-child(1) { margin-bottom:0px;}
	.column-flex.home_EXHIBITION .home_EXHIBITION_box h3 { font-size:2rem;}
	.column-flex.home_EXHIBITION .home_EXHIBITION_box h4 { padding:30px 0 0 0; line-height:140%;}
	.column-flex.home_EXHIBITION .home_EXHIBITION_box:last-child { margin:0 auto;}
}


.column-flex.home_EXHIBITION .home_EXHIBITION_box dl { clear:both; margin:0; padding:0 0 5px 0; font-size:0.813rem; color:#333;}
.column-flex.home_EXHIBITION .home_EXHIBITION_box dl dt { line-height:160%; margin:0 0 0 0; padding:0; width:3.5em; float:left;}
.column-flex.home_EXHIBITION .home_EXHIBITION_box dl dd { line-height:160%; margin:0 0 0 0; padding:0 0 0 3.5em;}
.column-flex.home_EXHIBITION .home_EXHIBITION_box dl:last-child { padding-bottom:0;}

.column-flex2.home_PRODUCTS a { display:block; width:20%; text-decoration:none; margin:0 0 50px 0;}
.column-flex2.home_PRODUCTS a img { width:200px; height:auto;}
/*.column-flex2.home_PRODUCTS a:first-child { margin:0 0 50px 0;}
.column-flex2.home_PRODUCTS a:nth-child(6) { margin:0 0 50px 0;}*/
.column-flex2.home_PRODUCTS a h2 { color:#0060B2; font-weight:bold!important; font-size:1.125rem!important; margin:20px 0 15px; text-align:center;}
/*.column-flex2.home_PRODUCTS a:hover h2 { color:#337FC1;}*/
/*.column-flex2.home_PRODUCTS a p { color:#333!important; line-height:180%; font-size:0.875em; text-align:center; margin:0;}*/
@media screen and (max-width:1100px){
	.column-flex2.home_PRODUCTS { padding-bottom:30px;}
 	.column-flex2.home_PRODUCTS::after{ content:""; display: block; width:30%;}
	.column-flex2.home_PRODUCTS a { display:block; width:33.33%; text-decoration:none; margin:0 0 25px 0;}
	.column-flex2.home_PRODUCTS a img { max-width:80%; height:auto; margin:0 auto; display:block;}
	.column-flex2.home_PRODUCTS a h2 { font-size:1rem!important; margin:15px 0 10px; text-align:center; letter-spacing:-0.02rem;}
	.column-flex2.home_PRODUCTS a p { line-height:180%; font-size:0.75em; margin:0; padding:0;}
}
@media screen and (max-width:600px){
	.column-flex2.home_PRODUCTS { padding-bottom:15px;}
 	.column-flex2.home_PRODUCTS::after{display:none;}
	.column-flex2.home_PRODUCTS a { width:48%;}
}

main section#home_oem { padding:40px 0 70px; display:block; background:#EAF2F9; margin:120px auto 0; text-align:center;}
main section#home_oem h3 { color:#333; font-size:1.5rem; line-height:100%; font-weight:bold; margin:0 auto 40px; padding:0;}
main section#home_oem h4 { color:#333; font-size:0.938rem; line-height:180%; margin:0 0 40px 0; padding:0;}
.home_oem { width:1100px; margin:0 auto; background:url(../img/top/oem01.png) no-repeat 0 100%, url(../img/top/oem02.png) no-repeat 100% 100%;}
.home_oem_flow { width:430px; margin:50px auto 80px;}
.home_oem_flow div { display:table; background:#333; width:86px; height:86px; border-radius:43px 43px 43px 43px; -moz-border-radius:43px 43px 43px 43px; -webkit-border-radius:43px 43px 43px 43px; color:#fff; text-align:center; font-size:1.125rem; line-height:120%; position:relative;}
.home_oem_flow div span { display:table-cell; vertical-align:middle;}
.home_oem_flow div:after { display:inline-block; content:""; width:7px; height:15px; background:url(../img/arrow_bk.svg) no-repeat 0 50%; position:absolute; top:50%; right:-19px; margin-top:-8px;}
.home_oem_flow div:last-child:after { display:none;}
@media screen and (max-width:1220px){
	.home_oem { width:100%; margin:0 auto; background:url(../img/top/oem01.png) no-repeat 0 92%, url(../img/top/oem02.png) no-repeat 100% 88%;}
	main section#home_oem h4 { font-size:0.875rem; line-height:180%; margin:0; padding:0 0 150px 0;}
}
@media screen and (max-width:900px){
	main section#home_oem { padding:40px 0 50px; margin:60px auto 0; background: rgb(217,232,244);
background: -moz-linear-gradient(top,  rgba(217,232,244,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 50%);
background: -webkit-linear-gradient(top,  rgba(217,232,244,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 50%);
background: linear-gradient(to bottom,  rgba(217,232,244,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e8f4', endColorstr='#ffffff',GradientType=0 );}
	main section#home_oem h3 { font-size:1.375rem; line-height:160%; font-weight:bold; margin:0 auto 20px; padding:0;}
	.home_oem { width:90%; margin:0 auto; background:url(../img/top/oem01.png) no-repeat 0 85%, url(../img/top/oem02.png) no-repeat 100% 85%; background-size:140px 105px, 140px 105px;}
	main section#home_oem h4 { font-size:0.875rem; line-height:180%; margin:0; padding:0 0 130px 0;}
	.home_oem_flow { width:340px; margin:0px auto 40px; padding:40px 0 0 0;}
	.home_oem_flow div { display:table; background:#333; width:70px; height:70px; border-radius:35px 35px 35px 35px; -moz-border-radius:35px 35px 35px 35px; -webkit-border-radius:35px 35px 35px 35px; color:#fff; text-align:center; font-size:1.125rem; line-height:120%; position:relative;}
	.home_oem_flow div:after { display:inline-block; content:""; width:7px; height:15px; background:url(../img/arrow_bk.svg) no-repeat 0 50%; position:absolute; top:50%; right:-14px; margin-top:-8px;}
}
@media screen and (max-width:600px){
	main section#home_oem h3 { font-size:1.25rem; text-align:left;}
	main section#home_oem h4 { text-align:left;}
	.home_oem { width:90%; margin:0 auto; background:url(../img/top/oem01.png) no-repeat 0 82%, url(../img/top/oem02.png) no-repeat 100% 82%; background-size:140px 105px, 140px 105px;}
	.home_oem_flow { width:320px; margin:0px auto 40px; padding:130px 0 0 0;}
	.home_oem_flow div { width:70px; height:70px; border-radius:35px 35px 35px 35px; -moz-border-radius:35px 35px 35px 35px; -webkit-border-radius:35px 35px 35px 35px;}
	.home_oem_flow div:after { right:-11px;}
}
@media screen and (max-width:360px){
	.home_oem { width:90%; margin:0 auto; background:url(../img/top/oem01.png) no-repeat 0 85%, url(../img/top/oem02.png) no-repeat 100% 85%; background-size:120px 90px, 120px 90px;}
	.home_oem_flow { width:260px; margin:0px auto 20px;}
	.home_oem_flow div { width:54px; height:54px; border-radius:27px 27px 27px 27px; -moz-border-radius:27px 27px 27px 27px; -webkit-border-radius:27px 27px 27px 27px; font-size:1rem;}
	.home_oem_flow div:after { right:-11px; margin-top:-8px;}
}





#home_banner { border-top:1px solid #D9E8F4; padding:100px 0 80px 0!important; margin:100px auto 0; text-decoration:none; text-align:center;}
#home_banner h2 { font-size:1.2rem; font-weight: bold; line-height:100%; font-family:'Roboto Condensed', sans-serif; margin:20px 0 0 0; padding:0; color:#333; text-align:center;}
#home_banner h2 span { display:block; font-size:0.75rem; line-height:100%; margin:10px 0 0 0; color:#333;}
/*#home_banner a:hover h2 { color:#555;}
#home_banner a:hover h2 span { color:#555;}*/

#home_banner .home_banner_ph img { width:320px; height:auto;}
@media screen and (max-width:1220px){
	#home_banner { padding:35px 0 35px 0!important; margin:35px auto 0!important;}
	#home_banner a { width:33.33%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; margin-bottom:20px;}
	#home_banner .home_banner_ph { width:90%; height:auto; margin:0 auto;}
	#home_banner .home_banner_ph img { width:100%;}
	#home_banner h2 { font-size:1.375rem; line-height:100%; margin:20px auto 0; padding:0; width:90%;}
	#home_banner h2 span { display:block; font-size:0.75rem; line-height:100%; margin:10px 0 0 0; color:#333;}
}
@media screen and (max-width:600px){
	#home_banner { padding:35px 0 0 0; margin:35px auto 0;}
	#home_banner a { width:100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; margin-bottom:20px;}
	#home_banner .home_banner_ph { width:48%; height:auto;}
	#home_banner .home_banner_ph img { width:100%;}
	#home_banner h2 { font-size:1.375rem; line-height:100%; margin:0; padding:0; text-align:left; width:48%;}
	#home_banner h2 span { display:block; font-size:0.75rem; line-height:100%; margin:10px 0 0 0; color:#333;}
}