@charset "utf-8";

div.maskwhite{position:fixed; top:0; left:0; width:100%; height:100vh; background:#fff; z-index: 1000; animation: bodyfin 0.6s ease-in-out; animation-fill-mode: forwards; pointer-events: none;}
@keyframes bodyfin {
  from {opacity:1;}
  to {opacity:0;}
}
/* CSS Document */
/*default page set*/
.wonixd0{padding:50px 0;}
.wonixd0 .list h3.subject{text-align:center; font-weight:300;}
.wonixd0 .list section{color:#000; min-height:auto !important;}
.wonixd1{background:linear-gradient(130deg,#f8f8f8 60%,#f1f0f0 60%); padding:80px 0 100px 0;}
.wonixd1 h2.dtit,.wonixd3 h2.dtit{text-align:center; font-size:36px; color:#000; position:relative; padding-bottom:10px; font-weight: 300;}
.wonixd1 h2.dtit::before, .wonixd3 h2.dtit::before{content:""; width:1em; height:3px; background:#122175; position:absolute; bottom:-8px; left:50%; transform:translateX(-50%);}
.wonixd1 table.ff td:first-child{width:40%; font-size:13px; line-height:160%; padding-right:3%;}
.wonixd1 table.ff h3{font-weight:normal;}
.wonixd1 table.ff td img{position:relative; border-right:30px solid #122175;}
.wonixd2{background:linear-gradient(250deg,#009944 60%,#122175 60%); padding:80px 0;}
.wonixd2 .page{max-width:1580px; color:#fff; letter-spacing: 1px;} 
.wonixd2 h3{font-weight:normal;}
.wonixd2 table td:last-child{width:40%; font-size:16px; line-height:180%; padding-left:5%;}
.wonixd2 table a{display:inline-block; background:#ffffff; color:#000; padding:6px 1.5em; margin-top:30px;}
.wonixd3{padding:80px 0;}
.wonixd3 .list h3.subject{font-weight:500; color:#122175; font-size:20px;}
.wonixd3 .list .innerhtml{font-size:13px; line-height:180%; color:#000; border-bottom:1px solid #122175; padding-bottom:15px;}
.wonixd4{position:relative; padding:120px 0; text-align: center;}
.wonixd4 h2{font-size:36px; font-weight:500;}
.wonixd4 img{position:absolute; top:0; left:50%; width:100%; height:auto; transform:translateX(-50%); z-index: -1;}
.wonixd4 table{max-width:1000px; background:rgba(0,0,0,.7); display:inline-block;}
.wonixd4 table td{padding:40px; color:#fff; font-size:14px; line-height:180%;}
.wonixd4 table a{display:inline-block; padding:10px 60px; background:#122175; color:#fff; font-size:18px; letter-spacing:1px; position:relative; transform:translateY(50px);}
.wonixd5{font-size:13px; color:#666; background:#f8f8f8; padding:30px 0;}
.wonixd5 table{font-size:13px; line-height:180%;}
.wonixd5 table td{width:calc(calc(100% -7em) / 3);}
.wonixd5 table td:first-child{width:7em;}

@media screen and (max-width:1286px){/*desktop*/

}
@media screen and (max-width:960px){/*desktop-small pad*/
.wonixd1 table.ff td:first-child, .wonixd1 table.ff td{width:100%; display:block; clear: both;}
}
@media screen and (max-width:767px){/*phone*/
.wonixd0{padding:30px 25px;}
.wonixd1{padding:20px 0;}
.wonixd2{padding:0 0 30px 0;}
.wonixd2 .page{padding:0;}
.wonixd3{padding:30px 25px;}
.wonixd4{padding:10px 10px 30px 10px;}
.wonixd4 img{height:100%; width:auto;}
.wonixd5 table td{width:100%; clear:both; display:block;}
}
/*=====================default page set end=====================*/
.about .side.top{border-bottom:1px solid #ccc;}
.about .side.top .subnav ul li a{background:#efefef; border:none; padding:10px 2em;}
.about .side.top .subnav ul li a::before{content:""; display:none;}
.about .side.top .subnav ul li a.hit{background:#122175; color:#fff;}
.about .side.top .subnav{background:none;}
/*A0202 style*/
.A0202 .page{max-width:960px;}
.A0202 .main .list{border-bottom:1px solid #ccc;}
/*prolist*/

.prolist {padding: 0em 0;}
.prolist .main .list ,.prolist .main .list .frm{padding:2px;}
.prolist .main .list figure{border:1px solid #ccc;}
.prolist .main .list section{text-align:center;}
.prolist .main .list h3.subject{font-weight:500; color:#000; font-size:14px;}
.prolist .side .subnav ul li ul li ul{display:none;}
.Contact4 .gmap .page {max-width: 100%; width: 100%; padding:0; margin:0;}
.Contact4.content{padding-bottom:0;}