@charset "utf-8";

#fullpage .section div.content {max-width:100%; width:100%; display:block; margin: 0 auto; margin-top:90px;}

#visual{	width: 100%;    height: 100%;    overflow: hidden;    position: relative;    z-index: 500; }
/* slider pc { */
#slider  {max-width:100%; display:block; margin:0 auto;position: relative;  }


#slider div.slItems{max-width:100%;}

#slider .slDots{
	position: absolute;
    top: 40%;
	bottom:auto;
    left: auto;
	right: 0;
    z-index: 99999999;
    width: 60px;
}

.slDotsSingle {
    width: 10px;
    height: 10px;
    margin: 30px;
    border-radius: 100%;
}
.slDotsSingle {
    width: 2px;
    height: 30px;
    *float: left;
    margin: 2px 0;
    margin-right: 1px;
    cursor: pointer;
    background: #fff;
    transition: background 0.3s ease;
    display: block;
}
.slDots .slDotsSingle.active{content : '●';background:#ff9933; }

.slDots .slDotsSingle.active:before{
	
	width: 2px;
    height: 30px;
    *float: left;
    *margin: 2px 0;
    *margin-right: 1px;
	margin-top:30px;
    cursor: pointer;
    background: #fff;
    transition: background 0.3s ease;
    display: block;
	*margin: 30px 15px;


}





#img_slider .swiper-slide img{ max-width: 400px;    max-height: 400px;    overflow: hidden;    padding-top: 20px; }

@media(max-width:1000px){

	#img_slider .swiper-slide img{
		    max-width: 100%;max-height: 100%;
    overflow: hidden;
    padding-top: 0;
	}


}

/*#over_viewr{width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; max-width: 1740px; margin: 0 auto;z-index:9; display:none;}*/
#over_viewr {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    z-index: 9;
    display: none;
    position: fixed;
    animation: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#over_viewr div{max-width: 1080px;min-width:10px; min-height:10px; max-height:680px;  position: absolute;  top: 50%;  left: 50%; transform: translate(-50%, -50%)}

#over_viewr p {font-size: 20px; display: block;  margin-bottom: 60px;  color: #fff; text-align: center;  line-height: 1.3em;  position: absolute;  bottom: 0;  left: 0;  right: 0;}
#over_viewr button{position:absolute;top:-40px; right:-40px; background:none; border:none; cursor:pointer;}




.arrow_btn {margin-top:180px;display:block;}
#myMenu {position: fixed; right: 100px; top: 40%; }
#myMenu span {display:none; width:100px;}
#myMenu .active span {display:inline-block;}
#myMenu li {vertical-align:middle; }
#myMenu li a:before { width:7px; height:7px; border-radius:50%; background:#333; content:''; display:inline-block; margin:2px 10px 2px 5px; }
#main {display:block; width:100%; }

#main > section {position:relative; min-height:200px; }
#main > section#sec_01 {padding-top:0;}



#sec_01 .swiper-slide {max-width:100wh;  max-height:100vh; display:block; position:relative }
#sec_01 .swiper-slide > div {width:100%; height:100vh; display:block; background-repeat:no-repeat; background-size:cover; background-position: center; 
	/*display:flex;*/
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;

}

#sec_01 .swiper-wrapper > .swiper-slide div.background_div {width:100%; height:100vh; background-size:cover;}
#sec_01 .swiper-wrapper > .swiper-slide:nth-child(1) div.background_div { background-image:url('/images/main/vis_08.jpg');}
#sec_01 .swiper-wrapper > .swiper-slide:nth-child(2) div.background_div { background-image:url('/images/main/vis_09.jpg');}
#sec_01 .swiper-wrapper > .swiper-slide:nth-child(3) div.background_div { background-image:url('/images/main/vis_10.jpg');}
#sec_01 .swiper-wrapper > .swiper-slide:nth-child(4) div.background_div { background-image:url('/images/main/vis_11.jpg');}
#sec_01 .swiper-wrapper > .swiper-slide:nth-child(5) div.background_div { background-image:url('/images/main/vis_12.jpg');}
#sec_01 .swiper-wrapper > .swiper-slide:nth-child(6) div.background_div { background-image:url('/images/main/vis_13.jpg');}
#sec_01 .swiper-wrapper > .swiper-slide:nth-child(7) div.background_div { background-image:url('/images/main/vis_14.jpg');}
#sec_01 .swiper-wrapper > .swiper-slide:nth-child(8) div.background_div { background-image:url('/images/main/vis_08.jpg');}
#sec_01 .swiper-wrapper > .swiper-slide:nth-child(9) div.background_div { background-image:url('/images/main/vis_09.jpg');}
#sec_01 .swiper-wrapper > .swiper-slide:nth-child(10) div.background_div { background-image:url('/images/main/vis_10.jpg');}


#sec_01 .swiper-wrapper > .swiper-slide div.inner_txt {position: absolute;    top:calc(50% - 100px); left:0; width:100%; text-align:center}

.main_bg1{ background-image:url('/images/main/vis_17.jpg' );background-size:cover;background-position: center; }
.main_bg2{ background-image:url('/images/main/vis_18.jpg');background-size:cover;background-position: center; }
.main_bg3{ background-image:url('/images/main/vis_16.jpg');background-size:cover;background-position: center; }
.inner_txt .slide_name { color:#fff; font-size:3.5em; font-weight:700; line-height:1em}
.inner_txt .slide_title{ font-size:1.2em; padding-top:30px; line-height:1.25em; color:#fff; font-weight:500; }



@media(max-width:1000px){
#sec_01 .swiper-wrapper > .swiper-slide div.inner_txt {position: absolute; width:100%;
    left:0px; text-align:center; padding:0 10px}
	.inner_txt .slide_name {font-size:2.5em;}
.inner_txt .slide_title{ font-size:1em; padding-top:30px; line-height:1.25em; color:#fff; font-weight:500; }
}
@media (max-width: 840px){
	#sec_01 .slider { height: auto; }
	.inner_txt .slide_name { color:#fff; font-size:2em; font-weight:700; line-height:1.2em}

}

.naviarrow { width: 100%; position: absolute; top:calc(50% -  100px); left:0 }

.navi { width: 100%; height: auto;transform: unset;z-index:5; text-align:center}
.navi .swiper-pagination-progressbar{     width: 800px;    margin:0 auto; height: 2px;    display: block; ; background:#e8ac20}

.arrow_btn {position:relative;width:100%; background:red}

.navi .sw-btn-next2 {width:70px; height:70px; background-color: #474948; border-radius:50%}
.navi .sw-btn-prev2 {width:70px; height:70px; background-color: #474948;border-radius:50%}
.navi .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size:30%;}
.navi .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size:30%; }
.navi2 .swiper-pagination-progressbar{transform: translateY(40px);}

@media(max-width:1000px){
.navi .swiper-pagination-progressbar{     width: calc(100% - 130px);    height: 2px;    display: block; background: rgba(255,255,255,0.5);    margin-left:130px; background:#e8ac20}
.naviarrow { width: 90%; position: absolute; top:0; left:0px; bottom:20px }
.navi .sw-btn-next2 {width:50px; height:50px; background-color: #474948; border-radius:50%}
.navi .sw-btn-prev2 {width:50px; height:50px; background-color: #474948;border-radius:50%}
.arrow_btn {display:flex;  position:relative;width:130px;}
}
@media (max-width: 840px){

}



section{font-size:20px; line-height:1.5em; }
section p.M_title{font-size:3.2em; font-weight:700;line-height: 0.9em; letter-spacing:-1px }
section p.M_title > span:before{width:8px; height:46px; display:inline-block; margin-right:20px; content:""; background:#004c6d}
section p.M_title2{font-size:1.2em; margin:10px 0 }

@media(max-width:1200px){

section p.M_title{font-size:2.8em; font-weight:700;line-height: 0.9em; }
section p.M_title > span:before{width:8px; height:40px; display:inline-block; margin-right:10px; content:""; background:#004c6d}
}

@media(max-width:1000px){

section{font-size:18px; }

}


@media(max-width:840px){

section{font-size:16px; }
section p.M_title{font-size:2em; font-weight:500;line-height: 0.9em; }
section p.M_title > span:before{width:4px; height:25px; display:inline-block; margin-right:10px; content:""; background:#004c6d}
}

@media(max-width:720px){

section{font-size:15px; }
}
@media(max-width:640px){

section{font-size:14px; }
section p.M_title{font-size:1.5em; font-weight:500;line-height: 0.9em; }
section p.M_title > span:before{width:4px; height:20px; display:inline-block; margin-right:10px; content:""; background:#004c6d}
}

section#sec_02{ width:100%;position:relative; }
					 

section#sec_02 div.news{width:100%; margin:0 auto; background: url('/images/main/bg_sec02.jpg') no-repeat center 0px; background-size:cover; border-bottom:2px solid #004c6d;  overflow:hidden}
.info_tab_1 ul.tab_1 {display:flex; max-width:1400px; margin:0 auto; background:#fff; }
.info_tab_1 ul.tab_1:after{content:''; display:block; clear:both;}

.info_tab_1 ul.tab_1 li {margin-left:-1px;}


.info_tab_1 ul.tab_1 li a {width:100%; display:block; color:#000;text-align:center; padding:13px;height:66px;line-height:38px; position:relative; font-weight:500;  font-size:0.9em}
.info_tab_1 ul.tab_1 li a.on{border:0; color:#fff;background:#004c6d url('/images/main/ibg_sec02.jpg') no-repeat center bottom;  }
.info_tab_1 ul.tab_1 li a.on:after {content: ""; display: block; /* clear: both; */width:1px; height:100%; position:absolute; right:0; top:0; background:#153d80;}

.info_tab_1 ul.tab_1 {display:flex; }
.info_tab_1 ul.tab_1:after{content:''; display:block; clear:both;}
.info_tab_1 ul.tab_1 li {width:200px;}

section#sec_02 .tab_contents_1 {display:none; padding:100px 100px; max-width:1800px; margin:0 auto; height:940px; } 
section#sec_02 .tab_contents_1.on{display:block;}
div.tab_bg {width:100% !important; position:relative; border-bottom:1px solid #1c5086;   }
div.tab_bg span.tab_right:after {position:absolute; left:50%; top:0; width:50%; background:#fff; height:66px; display:block; content:"";     }
.tab_bg01{background:url('/images/main/tabbg_01.png') no-repeat left bottom;  }
.tab_bg02{background:url('/images/main/tabbg_02.png') no-repeat left bottom;  }
.tab_bg03{background:url('/images/main/tabbg_03.png') no-repeat left bottom;  }
.tab_bg04{background:url('/images/main/tabbg_04.png') no-repeat left bottom;  }
section#sec_02 div.motion{width:100%; height:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center }
section#sec_02 div.motion  div.motion_Left{width:580px  }
section#sec_02 div.motion  div.motion_Left > ul{width:100%; display:flex;  margin-bottom:20px }
section#sec_02 div.motion  div.motion_Left > ul > li{padding:0 5px}
section#sec_02 div.motion  div.motion_Right{/*width:calc(100% - 580px);padding-left:70px;*/margin-left: 70px;
    width: calc(100% - 650px);background:#4a92b0; 
    /* padding-left: 70px;*/}
section#sec_02 div.motion > div.motion_Right  dl{display:flex; flex-wrap:wrap;}
section#sec_02 div.motion > div.motion_Right  dl > dt{width:480px;}
section#sec_02 div.motion > div.motion_Right  dl > dd{width:calc(100% - 480px); background:#4a92b0; color:#fff; padding:50px}
section#sec_02 div.motion > div.motion_Right  dl > dd > div{width:100%}
section#sec_02 div.motion > div.motion_Right  dl > dd > div.motion_title{border-bottom:1px solid #ccc; font-size:1.4em; padding-bottom:20px}
section#sec_02 div.motion > div.motion_Right  dl > dd > div.motion_text{padding:20px 0}
section#sec_02 div.motion > div.motion_Right  dl > dd > p{padding:20px 0 0 0}
section#sec_02 div.motion > div.motion_Right  dl > dd > p a{display:block; color:#fff; padding:20px 0; text-align:center; background:#3e3e3e; }

@media(max-width:1800px){
section#sec_02{ width:100%; height:auto; }
section#sec_02 .tab_contents_1 {padding:100px 100px; max-width:auto; margin:0 auto; height:auto; } 
section#sec_02 div.motion > div.motion_Left{width:100%; margin:40px 0  }
section#sec_02 div.motion > div.motion_Right{width:100%;padding-left:0;}


}
@media(max-width:1200px){
section#sec_02 .tab_contents_1 {padding:40px 0px; max-width:auto; margin:0 auto; height:auto; background:#ffff} 
section#sec_02 div.motion > div.motion_Right dl > dt{width:350px;}
section#sec_02 div.motion > div.motion_Right dl > dd{width:calc(100% - 350px); background:#4a92b0; color:#fff; padding:20px}
section#sec_02 div.motion > div.motion_Right dl > dd > p{padding:10px 0 0 0}
section#sec_02 div.motion > div.motion_Right dl > dd > p a{display:block; color:#fff; padding:10px 0; text-align:center; background:#3e3e3e; }

}
@media(max-width:840px){
section#sec_02 .tab_contents_1 { padding:20px 10px } 

}
@media(max-width:640px){

section#sec_02 div.motion > div.motion_Right{padding:0 10px; margin-left: 0px;}
section#sec_02 div.motion > div.motion_Right dl > dt{width:100%;}
section#sec_02 div.motion > div.motion_Right dl > dt img{width:100%;}
section#sec_02 div.motion > div.motion_Right dl > dd{width:100%;padding:20px}
}


section#sec_03{width:100%; background:#fff; padding:80px 0;  }
section#sec_03 > div{max-width:1600px; margin:0 auto;  }
section#sec_03 > div > ul.slide_product{display:flex; flex-wrap:no-wrap; margin:40px 0}
section#sec_03 > div > ul.slide_product > li{padding:0 10px 20px 10px; width:25%; }
section#sec_03 > div > ul.slide_product > li > dl > dt{background:#fafafa}
section#sec_03 > div > ul.slide_product > li > dl > dt img{width:100%}
section#sec_03 > div > ul.slide_product > li > dl > dd{padding:20px; background:#f3f3f3 url('/images/main/bg_product.png') no-repeat right bottom;height:200px; overflow:hidden}
section#sec_03 > div > ul.slide_product > li > dl > dd a.p_title{display:block; color:#004c6d; font-size:1.1em; margin-bottom:20px; font-weight:600}
section#sec_03 > div > div.direction{display:flex; margin:40px 0; align-items:center}
section#sec_03 > div > div.direction > ul{display:flex;display: flex;
    justify-content: space-evenly;
    align-content: space-between;
    align-items: stretch;
    transform: translateY(-50%);}
section#sec_03 > div > div.direction > ul > li > a{display:block; width:50px; height:50px; font-size:0; border:1px solid #848484;margin:0 5px}
section#sec_03 > div > div.direction > ul > li > a.prev{background:url('/images/main/arow_prev.png') no-repeat center center;}
section#sec_03 > div > div.direction > ul > li > a.next{background:url('/images/main/arow_next.png') no-repeat center center;}
@media(max-width:1400px){


}
@media(max-width:1000px){
section#sec_03 > div{padding:60px 0}
section#sec_03 > div > ul.slide_product > li{width:50%;}
section#sec_03 > div > ul.slide_product{display:flex; flex-wrap:no-wrap; margin:20px 0}
section#sec_03 > div > ul.slide_product > li{width:50%;}


}
@media(max-width:840px){
section#sec_03 > div{padding:20px 10px}
section#sec_03 > div > ul.slide_product > li > dl > dd{padding:10px; height:150px; overflow:hidden}
section#sec_03 > div > div.direction{margin:20px 0;}
section#sec_03 > div > div.direction > ul > li > a{width:30px; height:30px; margin:0 2px}
section#sec_03 > div > div.direction > ul > li > a.prev{background:url('/images/main/arow_prev.png') no-repeat center center; background-size:10px}
section#sec_03 > div > div.direction > ul > li > a.next{background:url('/images/main/arow_next.png') no-repeat center center; background-size:10px}

}
section#sec_04{width:100%; background:#f0f5f8; padding:80px 0;  }
section#sec_04 > div{max-width:1600px; margin:0 auto;  }
section#sec_04 > div > ul{display:flex; flex-wrap:wrap; }
section#sec_04 > div > ul > li{width:25%; height:400px; }
section#sec_04 > div > ul > li:nth-child(1){width:50%;background:url('/images/main/info_01.jpg') no-repeat center center; background-size:cover }
section#sec_04 > div > ul > li:nth-child(2){background:url('/images/main/info_02.jpg') no-repeat center center; background-size:cover }
section#sec_04 > div > ul > li:nth-child(3){background:url('/images/main/info_03.jpg') no-repeat center center; background-size:cover }
section#sec_04 > div > ul > li:nth-child(4){background:url('/images/main/info_04.jpg') no-repeat center center; background-size:cover }
section#sec_04 > div > ul > li:nth-child(5){background:url('/images/main/info_05.jpg') no-repeat center center; background-size:cover }
section#sec_04 > div > ul > li:nth-child(6){width:50%;background:url('/images/main/info_06.jpg') no-repeat center center; background-size:cover }
section#sec_04 > div > ul > li a{color:#fff; display:block; width:100%; height:100%; padding:80px 60px; font-size:1.1em; line-height:1.2em}
section#sec_04 > div > ul > li p.info_title{ font-size:1.5em; font-weight:700; margin-bottom:20px; line-height:1.2em}

section#sec_05{width:100%; background:#f0f5f8; padding:40px 0 80px 0; font-size:0.9em }
section#sec_05 div.product_n{width:100%;padding:0 50px 0px 50px;  margin:0 auto; position:relative; overflow:hidden }
section#sec_05 ul.product_navi{ }

section#sec_05 div.main_search{width:450px;  margin:50px auto; background:#fff; border:1px solid #2290c0; border-radius:30px; font-size:0.8em; overflow:hidden }
section#sec_05 div.main_search input[type='text']{border:0; width:calc(100% - 60px); text-align:center }
section#sec_05 div.main_search button.sear_btn{display:inline-block; background:#2290c0; width:60px;text-align:center; border:0 }


section#sec_05 ul.proList{width:100%;max-width:1650px; margin:0 auto; display:flex; flex-wrap:wrap; gap:20px}
section#sec_05 ul.proList li dl{width:250px;}
section#sec_05 ul.proList li dl dt img{width:100%; display:block; border-radius:10px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);}
section#sec_05 ul.proList li dl dd{padding:20px 0; font-size:0.9em; line-height:1.5em}
section#sec_05 ul.proList li dl dd p:nth-child(1){color:#000; font-weight:600; font-size:1.1em}
section#sec_05 ul.proList li dl dd p:nth-child(3){color:#2290c0; font-weight:600; }

section#sec_06{width:100%; background:#fff; padding:80px 0;  }
section#sec_06 > div{width:100%;max-width:1600px; margin:0 auto; }
section#sec_06 ul{width:100%;display:flex; flex-wrap:wrap; gap:10px;margin-top:50px;}
section#sec_06 ul li a{display:block; border:1px solid #ccc; border-radius:5px; overflow:hidden; width:160px; position:relative}
section#sec_06 ul li a div{display:block;position:absolute; background:#2290c0; color:#fff; width:100%; height:100%; padding-top:20px;text-align:center; justify-content:center; font-size:0.9em; display:none}
section#sec_06 ul li a:hover div{display:block;}
section#sec_06 ul li a img{width:100%;}

@media(max-width:1200px){
section#sec_04 > div > ul > li p.info_title{ font-size:1.4em; font-weight:700; margin-bottom:20px; line-height:1.2em}
#main > section {padding: 20px 10px; }
#main > section#sec_01 {padding: 0px 0px; }
#main > section#sec_02 {padding: 0px 0px; }
}
@media(max-width:1000px){

}
@media(max-width:840px){

section#sec_04 > div > ul > li a{ padding:40px 30px; font-size:1.1em; line-height:1.2em}
section#sec_04 > div > ul > li p.info_title{ font-size:1.3em; font-weight:700; margin-bottom:10px; line-height:1.2em}

section#sec_05{padding:0 10px}
section#sec_05 ul.proList{ gap:10px}
section#sec_05 ul.proList li dl{width:100%;}
section#sec_05 ul li{width:calc(33.33333% - 10px)}
section#sec_05 ul li a{width:100%;}


section#sec_06 ul li{width:33.33333% - 10px)}
section#sec_06 ul li a img{display:block; width:100%}


}
@media(max-width:640px){
section#sec_05 div.main_search{width:300px;  margin:20px auto;}
section#sec_04 > div > ul > li{width:50%; height:200px; }
section#sec_04 > div > ul > li a{ padding:20px 10px; font-size:1.1em; line-height:1.2em}
section#sec_04 > div > ul > li p.info_title{ font-size:1.3em; font-weight:700; margin-bottom:10px; line-height:1.2em}
section#sec_05 ul li{width:calc(50% - 10px)}
section#sec_06 ul li{width:calc(50% - 10px)}

}


@media(max-width:1300px){

}



@media(max-width:1000px){


}
@media(max-width:840px){


}
@media(max-width:720px){

}
@media(max-width:680px){

}