/* Common **********************************************************************/ 
html,body {width:100%;  }
html {/*overflow-y:scroll;*/ overflow-x:hidden; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none;  vertical-align:top; -ms-interpolation-mode: bicubic;}
dl,ul,ol,menu,li {list-style:none;}
body { background:#fff;}
body,th,td,input,select,textarea,button {letter-spacing: -0.03em;} 

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend{width:0; height:0;  overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 泥섎━ */
.invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{position:Absolute}
span {display: inline-block;}

a {   transition: all 0.3s ease-in-out 0s;}
a {text-decoration: none;color: inherit;font-size: inherit;}

/* 
::-moz-selection { color:#fff; background:#29c2ec; }
::selection { color:#fff; background:#29c2ec; } */

/* common */

.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

img {
  display: block;
}
    
html, body {
  margin: 0;
  padding: 0;
  height: auto;
}
            body{font-size:0;margin:0;padding:0}
            /* .web{margin:0 auto;max-width:1280px;width:100%;vertical-align:top;position:relative;background:#FFF;padding:0 0 0px;}
            .web .web_inner_panel{line-height:0;font-size:0;position:relative}
            .web .web_inner_panel img{width:100%} */
           
html {
  scroll-behavior: smooth;
}


        
.wrapper1 {
    position: relative;
  overflow: hidden;  /* prevent 1px overflow line */
}

.main_panel {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    vertical-align: top;
    position: relative;
}

.inner_wrap {
    position: relative;
}

.inner_wrap .web_inner_panel {
    line-height: 0;
    font-size: 0px;
    position: relative;
    width: 100%;
    display: block;
}

.inner_wrap .web_inner_panel img {
    width: 100%;
}



.blind {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  white-space: nowrap;
}

.pc_display {
    display: block;
}

.mo_display {
    display: none;
}

.comn_link {
    display: block;
		font-size: 0;
		text-indent: -9999px;
		background: rgba(0, 0, 255, 0);
		position: absolute;
		overflow: hidden;
    border:none;
}

.link_03 {
    top: 15%;
    left: 22%;
    width: 56%;
    height: 83%;
        text-indent: inherit;
}

.link_04 {
top: 2%;
    left: 22%;
    width: 56%;
    height: 98%;
    text-indent: inherit;
}

 .swiper{    width: 100%;
    position: relative;
    height: 100%;
     }
            .swiper-slide{text-align:center;font-size:18px;background:transparent;display:flex;justify-content:center;align-items:center}
             .web a{display:block;font-size:0;text-indent:-9999px;background:rgba(0,0,255,0);position:absolute;overflow:hidden;width: 21%;height: 6%;right: 39.5%;bottom: 8.6%; border:none;}
             .swiper-wrapper {
                height: 92%;
             }
            .swiper-slide img{display:block;width:100%;height:auto}
            .swiper-slide{width:100%}
            .swiper-horizontal > .swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{    bottom: 2%;
   }
            .swiper-pagination-bullet{cursor:pointer;width:8px;height:8px;background:#454545;opacity:1;margin:0 7px!important; }
            .swiper-pagination-bullet-active{background:#fff}
            .swiper-button-next {right:7%;}
            .swiper-button-prev {left:7%;}
            .swiper-button-next,  .swiper-button-prev  {color:#a3a3a3; display: none;}



            .menu01 {
                   top: 0%;
    right: 42%;
    width: 9%;
    height: 95%;
            }

            .menu02 {
                       top: 0%;
    right: 34%;
    width: 5%;
    height: 95%;
            }

             .menu03 {
                     top: 0%;
    right: 23%;
    width: 9%;
    height: 95%;
            }


            .link_01 {
                   bottom: 27%;
    left: 22%;
    width: 11%;
    height: 8%;
            }


             .link_02 {
                       bottom: 2%;
    left: 46%;
    width: 8%;
    height: 8%;
            }

            .gototop {
                       position: fixed;
    z-index: 999;
    right: 17%;
    width: 3%;
    height: 10%;
    bottom: 3%;
    cursor: pointer;
    display: none;
            }

             .gototop img {
                width: 100%;
             }

.icewater_popup {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
}

.icewater_popup .popup_overlay {
    position: fixed;
    top: 0; bottom: 0; left: 0; right: 0;
    background: rgba(0,0,0,0.7);
    z-index: 999;
}

.icewater_popup .icewater_popup_box {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: flex;
    justify-content: center; /* horizontal center */
    align-items: center;     /* vertical center */
    z-index: 1000;
    pointer-events: none; /* allow overlay click */
}

.icewater_popup .web_inner_panel {
    pointer-events: auto; /* enable interaction with content */
    text-align: center;
    position: relative;
}

.icewater_popup_box {
    position: relative;
    z-index: 9999;
}
.icewater_popup_box img {
    width: 70%;
    display: block;
    margin: 0 auto; /* center horizontally */
}

.popup_01 {
        bottom: 11%;
    width: 29%;
    height: 15%;
    left: 36%;
}

.popup_close {
        top: 2%;
    width: 8%;
    height: 8%;
    right: 16%;
    cursor: pointer;
}

@media (max-width: 767px) {
    .pc_display {
        display: none;
    }
    
    .mo_display {
        display: block;
    }

    .menu01 {
    top: 0%;
    right: 53%;
    width: 28%;
    height: 95%;
}

    .menu02 {
    top: 0%;
    right: 34%;
    width: 16%;
    height: 95%;
}

    .menu03 {
    top: 0%;
    right: 3%;
    width: 30%;
    height: 95%;
}


.link_02 {
    display: none;
}

.link_01 {
    bottom: 29%;
    left: 5%;
    width: 37%;
    height: 8%;
}

    .link_04 {
    top: 0%;
    left: 6%;
    width: auto;
    height: 98%;
    text-indent: inherit;
    right: 6%;
}

.link_03 {
    top: 20%;
    left: 6%;
    width: auto;
    height: 77%;
    text-indent: inherit;
    right: 6%;
}

.gototop {
    display: none !important;
}

}