.e_OrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_OrdinaryStyleBox-001 .stylebox_top{ background-color: #F0F0F0; height: 67px; }  .e_OrdinaryStyleBox-001 .stylebox_link{ font-size: 30px; color: #a7a7a7; display: table; height: inherit; border-width: 0; padding: 0 15px; margin: 0; float: right; vertical-align: middle; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); }  .e_OrdinaryStyleBox-001 .stylebox_content{ width: 100%; height: calc(100% - 48px); border-style: solid; border-width: 1px; border-color: #f0f0f0; width-uint:%; } .e_OrdinaryStyleBox-001 .title_main{ font-size: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 352px; display: inline-block; vertical-align: middle; color:#333333; font-weight: normal; } .e_OrdinaryStyleBox-001 .title_sub{ font-size: 34px; display: inline-block; vertical-align: middle; font-weight: normal; margin-left: 10px; color: #333333; } .e_OrdinaryStyleBox-001 .stylebox_title{ background-color:transparent; } .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; }  .e_OrdinaryStyleBox-001 .stylebox_title{ line-height: 67px; display: inline-block; width: auto; height: inherit; background-color: transparent; padding-left: 20px; padding-right: 20px; font-size: 0; vertical-align: bottom; white-space: nowrap; }  .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ background-color:#4E9694 ; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon{ text-align: center; line-height: normal; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); margin-right: 10px; font-size: initial; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon:before { content: "\e63d"; font-size: 34px; color: #333; } .e_OrdinaryStyleBox-001 .stylebox_link a { color: inherit; vertical-align: middle; display: table-cell; } .e_OrdinaryStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; }.w_img-001{position:absolute; width:280px; height:280px; font-size: 30px;} .w_img-001 .animated{ width:100%; height:100%; } .w_img-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_img-001 .p_link002{ width:100%; height:30px; } .w_img-001 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-001 .p_dimage{ height: inherit; } .w_img-001 .e_image:hover:after { background: transparent; }.w_img-001 .p_MatteIcon:before{content:'\e752'; }.w_img-001 >div{animation-fill-mode:both; }.c_ads_banner-36002{position:absolute; width:400px; height:200px; overflow:hidden;} .swipe { width: 100%; overflow: hidden; } .swipe ul { margin: 0; padding: 0; list-style-type: none; } .swipe li a{ width: 100%; } .swipe li div, .swipe div div div { background: #1db1ff; font-weight: bold; color: #fff; font-size: 20px; text-align: center; } .swipe li a img { width: 100%; } .swipe li { margin: 0px; } #slider4 { line-height: 0; text-align: center; } #slider4 ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; } #pagenavi { position: absolute; bottom: 10px; display: block; overflow: hidden; margin: auto; text-align: center; width: 100%; } #pagenavi .line { display: table; margin: 0 auto; height: 15px; text-align: center; padding: 0; } #pagenavi .line a { width: 15px; height: 15px; background: #fff; margin-right: 5px; border-radius: 50px; margin-left: 5px; float: left; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 0px; } #pagenavi .line a.active { background: #1f409b; }.c_ads_banner-36002 .p_MatteIcon:before{content:'\e752'; }.menu a { color: #2fa0ec; text-decoration: none; outline: none; } .menu a:hover, .menu a:focus { color: #74777b; } div.navbar { height: 40px; width: 150px; text-align: center; } div.circle { width: 0px; height: 0px; position: absolute; top: 35px; right: 36px; background: rgba(0,0,0,1); opacity: 1; -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } div.circle.expand { width: 640px; height: 2200px; top: -660px; right: 0px; -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } div.menu { width: 100%; position: absolute; top: 0px; right: 0px; } div.menu ul li { list-style: none; position: absolute; top: 50px; ; right: 0; opacity: 0; width: 100%; text-align: center; font-size: 0px; -webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } div.menu ul li a { color: #fff; text-transform: uppercase; text-decoration: none; letter-spacing: 3px; } div.menu li.animate { font-size: 30px; opacity: 1; -webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } div.menu li.animate:nth-of-type(1) { top: 120px; transition-delay: 0.0s; } div.menu li.animate:nth-of-type(2) { top: 190px; transition-delay: 0.03s; } div.menu li.animate:nth-of-type(3) { top: 260px; transition-delay: 0.06s; } div.menu li.animate:nth-of-type(4) { top: 330px; transition-delay: 0.09s; } div.menu li.animate:nth-of-type(5) { top: 400px; transition-delay: 0.12s; } div.menu li.animate:nth-of-type(6) { top: 470px; transition-delay: 0.15s; } div.menu li.animate:nth-of-type(7) { top: 540px; transition-delay: 0.18s; } div.menu li.animate:nth-of-type(8) { top: 610px; transition-delay: 0.21s; } div.menu li.animate:nth-of-type(9) { top: 680px; transition-delay: 0.24s; } div.menu li.animate:nth-of-type(10) { top: 750px; transition-delay: 0.27s; } .c_nav_main-03002 .p_MatteIcon:before { content: '\e752'; } .c_nav_main-06002 .p_MatteIcon:before {content:'\e752'; } .c_nav_main-06002 {width:209px; height:43px; position:absolute; } div.burger { height: 50px; width: 40px; position: absolute; top: 0; right: 21px; cursor: pointer; } div.x, div.y, div.z { position: absolute; top: 0px; bottom: 0px; background: #bc2931; border-radius: 2px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } div.x, div.y, div.z { height: 5px; width: 40px; } div.y { top: 15px; } div.z { top: 30px; } div.collapse { top: 20px; background: #3b5279; -webkit-transition: all 70ms ease-out; -moz-transition: all 70ms ease-out; -ms-transition: all 70ms ease-out; -o-transition: all 70ms ease-out; transition: all 70ms ease-out; } div.rotate30 { -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition: all 50ms ease-out; -moz-transition: all 50ms ease-out; -ms-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out; } div.rotate150 { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-transition: all 50ms ease-out; -moz-transition: all 50ms ease-out; -ms-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out; } div.rotate45 { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } div.rotate135 { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; }.w_bbox-001{ position:absolute; width:100%; height:120px; } .w_bbox-001 .p_wbox{ background-color: rgba(255,255,255,1); }#c_nav_main-15138282298929810{ position:absolute; top:27px; left:0px; z-index:105; width:640px; height:43px; }#c_ads_banner-15138277188334604 .p_MatteIcon:before{content:'\e752'; }#c_ads_banner-15138277188334604{ position:absolute; top:96px; left:0px; z-index:101; width:640px; height:400px; }.w_common_text-001{font-size:26px; } #w_img-1513827637561 .p_link001{ height:calc(100%); } #w_img-1513827637561 .p_MatteIcon:before{ content:'\e752'; } #w_img-1513827637561 >div{ animation-fill-mode:both; } #w_bbox-1546077745258 .p_wbox{ background-color:rgba(212, 212, 212, 1); } #w_bbox-1546077745258 .p_MatteIcon:before{ content:'\e752'; } #w_bbox-1546077745258 >div{ animation-fill-mode:both; } #w_img-1513827637561{ position:absolute; top:18px; left:23px; z-index:103; width:242px; height:51px; } #w_bbox-1546077745258{ position:absolute; top:3061px; left:0px; z-index:104; width:640px; height:193px; } #w_common_text-1513835525997{ position:absolute; top:30px; left:24.5px; z-index:1; width:583px; height:120px; }