@charset "utf-8";
/* edup2 */
/* 2022.09.19 SSJ */
/* 2022.09.21 YHY */
/* 2022.09.26 YHY */
/* 2022.09.27 SSJ */
/* 2022.09.30 OSY */
/* 2022.12.19 SSJ */
/* 2024.11.04 OSY */
/* 2025.06.25 SJ */
/* 2025.09.09 SJ */




.div_wrap {max-width:100% !important;}
  @media (max-width:990px){
    .div_wrap.pr30 {padding-right:15px;}
    .div_wrap.pl30 {padding-left:15px;}
  }
.div_wrap.hgt80 .layout_height_L {height:80px;}

@media (max-width:799px){
  .layout_wrap.onlyPClayout {display:none;}
}


/* main visual */
.mainVisual {position:relative;}
.mainVisual .swiper-container.mainSlider_001 {width:100%; background:white; z-index:0; overflow:hidden;}
.mainVisual .swiper-slide {position:relative; overflow:hidden;}
.mainVisual .swiper-slide>img , .mainVisual .swiper-slide>a>img {width:auto !important; height:auto; min-height:100%; min-width:100%; position:absolute; left:-999px; right:-999px; /* bottom:-999px; */top:0; margin:auto;}
.mainVisual .swiper-button-next, .mainVisual .swiper-button-prev {display: none;}
.wide026_mainbox {position:relative;}

/*copy*/
.copy {position:absolute; left:0; z-index:9; width:100%; word-break:keep-all; /*opacity:1 !important; */}
.copy .inner {width:100%; max-width:1760px; padding:0; margin:0 auto; box-sizing:border-box;}
.copy .mTitle {font-weight:400; line-height:130%; color:#fff;}
.copy .smallp {font-size:20px; line-height:130%; padding-top:40px; color:white;}
.copy .more_btn {color:#fff; font-size:16px; margin-top:25px; width:100%; display:block;}
.copy .more_btn:after {content:"\276D"; font-size:0.95em; margin-left:12px;}

.mainVisual .swiper-container.mainSlider_001 .swiper-wrapper {height:100%;}
.mainVisual .swiper-slide {height:100%; visibility:hidden;}

.mainVisual .swiper-slide.swiper-slide-active{visibility:visible;}


/*popimg*/
.popImgbox {width:100%; height:40%; margin:0 auto; position:absolute;  top:45%; right:0;
    animation:tempMVmotion 3s ease-in-out 0s infinite normal forwards;
    -webkit-animation:tempMVmotion 3s ease-in-out 0s infinite normal forwards;
    -moz-animation:tempMVmotion 3s ease-in-out 0s infinite normal forwards;
    -ms-animation:tempMVmotion 3s ease-in-out 0s infinite normal forwards;
    -o-animation:tempMVmotion 3s ease-in-out 0s infinite normal forwards;
    animation:tempMVmotion 3s ease-in-out 0s infinite normal forwards; }
  .popImgbox .imgbox {width:100%; /* max-width:1400px; */margin:0 auto;}
  .popImgbox .imgbox img {transform:none; animation:none; max-width:100%; transition:max-width 1s;}
  .copy_position_lh + .popImgbox {text-align:center;}
  .copy_position_ch + .popImgbox {text-align:center;}
  .copy_position_rh + .popImgbox {text-align:left;}


  @-webkit-keyframes tempMVmotion {
    from {margin-top:0;}
    55% {margin-top:20px;}
    to {margin-top:0;}
  }
  @-moz-keyframes tempMVmotion {
    from {margin-top:0;}
    55% {margin-top:20px;}
    to {margin-top:0;}
  }





    @media (min-width:990px) and (max-width:1750px){
        .copy .inner,
        .mainSlider_001 div.swiper-pagination-center div.swiper-pagination {padding:0 70px; max-width:100%;}
    }
    @media (min-width:1300px){
        .copy {top:35% !important;}
        .copy .mTitle {font-size:60px;}
        .mainVisual .swiper-container.mainSlider_001 {height:570px;}
		.popImgbox .imgbox img {margin-right:10%;}
    }

	@media (min-width:991px) and (max-width:1299px){
		.mainVisual .swiper-container.mainSlider_001 {height:600px;}
        .mainVisual .swiper-slide {height:100%;}
        .copy {top:35% !important;}
		.copy .mTitle {font-size:32px;}
		.popImgbox .imgbox img {max-width:85%; margin-right:4%;}
  }
	@media (max-width:990px){
		.copy_position_lh + .popImgbox {text-align:right; padding:0 20px; top:35%;}
	}
	@media (min-width:600px) and (max-width:990px){
        .mainVisual .swiper-slide {height:0; padding-bottom:50%;}
        .mainVisual .swiper-slide>img , .mainVisual .swiper-slide>a>img{position:absolute; top:0; bottom:0;}
        .copy .inner {padding:0 40px;}
        .copy h3{font-size:30px;}
        .copy p.smallp {font-size:17px; padding-top:10px;}
		.popImgbox .imgbox img {max-width:60%; margin-right:0;}
    }

	@media (max-width:599px){
        .mainVisual .swiper-slide {height:0; padding-bottom:69%;}
        .mainVisual .swiper-slide>img , .mainVisual .swiper-slide>a>img{position:absolute; top:0; bottom:0;}
        .copy .inner {padding:0 15px; text-align:center;}
        .copy h3{font-size:23px;}
        .copy p.smallp {font-size:16px; padding-top:10px;}
        .popImgbox {padding:0 !important; top:45% !important;}
        .popImgbox .imgbox {text-align:center;}
        .popImgbox .imgbox img {width:75%; display:inline-block;}

	}





.inner_layer {position:absolute; width:100%; z-index:0;}
.inner_layer .layout_wrap {}
.inner_layer .layout_wrap .div_wrap {max-width:1840px !important; text-align:right;}
.inner_layer .layout_wrap .div_wrap>div {float:right; border-radius:15px 15px 100px 15px; overflow:hidden; box-shadow:2px 7px 13px rgb(0 0 0 / 40%);}
	@media (min-width:991px) and (max-width:1870px){
		.inner_layer .layout_wrap .div_wrap {padding:0 20px;}
	}
	@media (min-width:991px) and (max-width:1300px){
		.inner_layer .layout_wrap .div_wrap>div {width:50%;}
		.quick129.custom ul.quick_wrap .cnt_link ul {padding:10px !important;}
		.popImgbox {text-align:right !important; width:50%; right:auto; top:60%;}
	}
	@media (min-width:991px){
	    .inner_layer {bottom:30px;}
	}
	@media (max-width:990px){
		.inner_layer {position:relative; float:left; margin-bottom:50px;}
		.inner_layer .layout_wrap .div_wrap {padding:0 20px;}
	}

	@media (min-width:800px) and (max-width:990px){
		.inner_layer .layout_wrap .div_wrap>div {height:auto; width:100%;}
	}








/* slide btn */
/*main swiper*/
.mainSlider_001 {}
.mainSlider_001 div.swiper-pagination-center {position:absolute; z-index:10; text-align:center; bottom:70px; width:100%; box-sizing:border-box;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination {position:relative; display:inline-block; text-align:left; width:100%; max-width:1560px;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet {width:60px; height:10px; border-radius:5px; margin-right:10px; background:rgba(255,255,255,0.5); border:none; opacity:1;}
.mainSlider_001 div.swiper-pagination-center div.swiper-pagination .swiper-pagination-bullet:only-of-type {opacity:0;}
.mainSlider_001 .swiper-pagination-bullet-active {background:#0f1f57 !important;}

.mainSlider_001 div.indicator {z-index:10; display:none;}
.mainSlider_001 div.indicator button {width:12px; height:12px; border:0;  outline:none; cursor:pointer; vertical-align:top;}
.mainSlider_001 div.indicator button.play {background:url("/sample/template/wide/wide004/img/play.png")no-repeat; text-indent:-9999px;}
.mainSlider_001 div.indicator button.stop {background:url("/sample/template/wide/wide004/img/stop.png")no-repeat; text-indent:-9999px;}

.mainSlider_001 .swiper-button-next {background:url(/sample/template/wide/wide026_edup2/img/mainSwiperarRight.png) no-repeat; width:37px; height:70px; right:30px;}
.mainSlider_001 .swiper-button-prev {background:url(/sample/template/wide/wide026_edup2/img/mainSwiperarLeft.png) no-repeat; width:37px; height:70px; left:30px; opacity:1 !important;}

/* .swiper-button-next, .swiper-button-prev {display:none;} */

  @media (max-width:990px){
    .mainSlider_001 .swiper-button-next {background-size:20px; background-position:right;}
    .mainSlider_001 .swiper-button-prev {background-size:20px;}
  }

  @media (min-width:600px) and (max-width:990px){
  	.mainSlider_001 div.swiper-pagination-center {bottom:30px;}
    .mainSlider_001 div.swiper-pagination-center div.swiper-pagination {padding:0 80px;}
  }

	@media (max-width:599px){
		.swiper-button-next, .swiper-button-prev {display:none;}
		.mainSlider_001 div.swiper-pagination-center {bottom:15px; padding:0 15px;}
		.mainSlider_001 div.swiper-pagination-center div.swiper-pagination {text-align:center;}
	}









/* special setting */
.board135.custom ul.board_wrap li div ul {border-top:1px solid #333; padding-left:0 !important; padding-right:0 !important; padding:13px 0 !important; margin-top:-4px;}
.board135.custom ul.board_wrap>li strong a.board_name {padding-bottom:0 !important; height:52px; line-height:52px; font-size:15px; width:150px;margin-right:0; letter-spacing:0; color:#666666;}
.board135.custom ul.board_wrap>li:last-child strong a.board_name {border-right-width:1px;}
.board135.custom ul.board_wrap>li:first-child {margin-left:0;}
.board135.custom ul.board_wrap>li.active {background:#00175e;}
.board135.custom ul.board_wrap>li.active strong a.board_name {color:#fff;}
.board135.custom ul.board_wrap>li.active .more_box {right:0; margin-top:-11px;}
.board135.custom ul.board_wrap>li a .txtbox em {background:#e9f0f6; padding:6px 5px 2px; font-style:normal; letter-spacing:-0.5px; border-color:#b3b3b3; margin:0 20px 0 0;}
.board135.custom ul.board_wrap ul li {background:transparent !important; border-color:#f6f6f6 !important; padding:11px 0;}
.board135.custom ul.board_wrap ul li:nth-child(1),
.board135.custom ul.board_wrap ul li:nth-child(2) {border-top:none !important;}
.board135.custom ul.board_wrap ul li a p.tit {line-height:30px;}
.board135.custom ul.board_wrap ul li a span.date {line-height:30px !important; padding-right:0 !important;}
.board135.custom ul.board_wrap>li {height:auto!important; border-top:1px solid #333; border-right:1px solid #333; box-sizing: border-box;}


.quick129.custom ul.quick_wrap > li {width:33.333%;}
.quick129.custom ul.quick_wrap > li h3 {background:#fff;}
.quick129.custom ul.quick_wrap > li h3 a {background:#eaeaea !important; color:#787878 !important; font-size:20px !important; border-top:5px solid transparent; line-height:55px !important;position: relative;overflow: hidden;}
.quick129.custom ul.quick_wrap > li h3 a.tit:before {content:"";/* background: #333; */width: 100%;height: 5px;display: inline-block;position: absolute;bottom: -5px;left: 0;box-shadow: -4px 3px 11px rgb(0 0 0 / 50%);}
.quick129.custom ul.quick_wrap > li.active h3 a:before {opacity: 0;}
.quick129.custom ul.quick_wrap > li.active h3 a {background:#fff !important; color:#000 !important; border-top:5px solid #006aac;}
.quick129.custom ul.quick_wrap > li h3 a:after {display:none;}
.quick129.custom ul.quick_wrap > li div .cnt_link {background:#fff;}

.quick129.custom ul.quick_wrap .cnt_link ul {display:flex; flex-flow:row wrap; height:100%; padding:0px 25px; box-sizing:border-box;}
.quick129.custom ul.quick_wrap .cnt_link ul li {display:flex; align-items:center; font-size:16px; padding:15px 5px; vertical-align:middle; box-sizing:border-box; border-bottom:1px solid #ececec; word-break:keep-all; word-wrap:break-word;}
.quick129.custom ul.quick_wrap .cnt_link ul li:nth-child(3n+1) {clear:both;}
.quick129.custom ul.quick_wrap li:not(:nth-child(2)) .cnt_link ul li:nth-last-child(-n+1) {border-bottom:none;}
.quick129.custom ul.quick_wrap .cnt_link ul li a {display:inline-block; line-height:normal; font-size:15.5px; letter-spacing:-0.5px;}
.quick129.custom ul.quick_wrap .cnt_link ul li a:hover {font-weight:600;}
.quick129.custom ul.quick_wrap .cnt_link ul li a:before {display:none;}

		.quick129.custom ul.quick_wrap li:first-child .cnt_link ul li {}
		.quick129.custom ul.quick_wrap li:nth-child(2) .cnt_link ul li {/* width:50%; */}
		.quick129.custom ul.quick_wrap li:nth-child(2) .cnt_link ul li:nth-last-child(-n+1) {border-bottom:none;}
		.quick129.custom ul.quick_wrap li:nth-child(3) .cnt_link ul li {padding:5px;width: calc(100% / 5);}
    .quick129.custom ul.quick_wrap li:nth-child(3) .cnt_link ul li:nth-last-child(-n+4) {border-bottom:none;}

	@media (min-width:991px){
    .inner_layer .layout_wrap .div_wrap>div.layout_03 {width:43%;}

		.quick129.custom ul.quick_wrap > li>div {height:78px;}
		.quick129.custom ul.quick_wrap > li h3 a {height:78px !important; line-height:73px !important;}
		.quick129.custom ul.quick_wrap > li.active div .cnt_link {top:78px;height:272px;}
		.quick129.custom ul.quick_wrap .cnt_link ul {top:78px !important;}
	}
	@media (max-width:990px){
		.quick129.custom ul.quick_wrap .cnt_link ul {padding:10px 5px;}
	}

  @media (min-width:991px) and (max-width:1350px){
    .inner_layer .layout_wrap .div_wrap>div.layout_03 {width:50%;}
  }

	@media (max-width:899px){
		.quick129.custom {height:370px!important;}
		.quick129.custom ul.quick_wrap > li.active div .cnt_link,
		.quick129.custom ul.quick_wrap > li.active div .cnt_link {height:310px;}

    .board135.custom ul.board_wrap>li {padding:0 1%;}
    .board135.custom ul.board_wrap>li strong a.board_name {width:auto;}
    .board135.custom ul.board_wrap>li.active .more_box {top:15px;}
    .board135.custom ul.board_wrap ul li a p.tit {width:55%;}
		
	}