@charset "UTF-8"; /* sass */ .header-company-logo > h1 { top: 50px; } .header-company-logo.fixed > h1 { top: 15px; } #content-head-wrapper #content-nav-wrapper.fixed { padding-left: 176px; } #content-head-wrapper #content-nav-wrapper { padding-left: 226px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link01 > em > a { background-image: url("/shared_files/images/top/icon_header_group_01.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link02 > em > a { background-image: url("/shared_files/images/top/icon_header_group_02.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link03 > em > a { background-image: url("/shared_files/images/top/icon_header_group_03.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link04 > em > a { background-image: url("/shared_files/images/top/icon_header_group_04.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link05 > em > a { background-image: url("/shared_files/images/top/icon_header_group_05.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link06 > em > a { background-image: url("/shared_files/images/top/icon_header_group_06.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link07 > em > a { background-image: url("/shared_files/images/top/icon_header_group_07.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link08 > em > a { background-image: url("/shared_files/images/top/icon_header_group_08.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link09 > em > a { background-image: url("/shared_files/images/top/icon_header_group_09.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link10 > em > a { background-image: url("/shared_files/images/top/icon_header_group_10.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link11 > em > a { background-image: url("/shared_files/images/top/icon_header_group_11.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link12 > em > a { background-image: url("/shared_files/images/top/icon_header_group_12.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link13 > em > a { background-image: url("/shared_files/images/top/icon_header_group_13.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link14 > em > a { background-image: url("/shared_files/images/top/icon_header_group_14.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link15 > em > a { background-image: url("/shared_files/images/top/icon_header_group_15.png"); } @-webkit-keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } /* ====================================================== * SP ====================================================== */ /* ====================================================== * Print ====================================================== */ @media screen and (min-width: 768px) and (max-width: 1260px) { .header-company-logo > h1 { left: 20px !important; } #content-head-wrapper #head-sub-wrapper .head-sub-container .site-search .site-search-button, #content-head-wrapper #head-sub-wrapper .head-sub-container .site-search.fixed .site-search-button { right: 20px; } #content-head-wrapper #content-nav-wrapper { padding-left: 199px; } #content-head-wrapper #content-nav-wrapper .content-nav-container .global-nav > li { margin: 0 15px; } #content-head-wrapper #head-sub-wrapper .sns-content, #content-head-wrapper #head-sub-wrapper .sns-content.fixed { right: 76px; } #content-head-wrapper #head-sub-wrapper .sns-content ul > li > a > img { width: 24px; height: 24px; } } @media screen and (min-width: 768px) and (max-width: 1240px) { .header-company-logo h1, .wide .header-company-logo h1, .wide .header-company-logo p { left: 20px !important; margin-left: 0; } #content-nav-wrapper .content-nav-container .global-nav > li .mega-drop .content-nav-container-inner { width: calc(100% - 40px); margin: 0 20px; } } @media screen and (min-width: 768px) and (max-width: 1160px) { #content-head-wrapper #content-nav-wrapper, #content-head-wrapper #content-nav-wrapper.fixed { padding-left: 160px; } } @media screen and (min-width: 768px) and (max-width: 1080px) { #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link18 > em > a br { display: none; } #content-head-wrapper #content-nav-wrapper .content-nav-container .global-nav > li { margin: 0 10px; } #content-head-wrapper #content-nav-wrapper .content-nav-container .global-nav > li > a.second-head { font-size: 14px; } #content-nav-wrapper .content-nav-container .global-nav > li .mega-drop .site-menu-top { font-size: 20px; } #content-nav-wrapper .content-nav-container .global-nav > li .mega-drop .site-menu-top > span { margin-right: 26px; } #content-nav-wrapper .content-nav-container .global-nav > li .mega-drop .site-menu-top > a, #content-nav-wrapper .content-nav-container .global-nav > li .mega-drop .site-menu-parent > li > a > span, #content-nav-wrapper .content-nav-container .global-nav > li .mega-drop .site-menu-parent > li .site-menu-child > li > a { font-size: 14px; } #content-head-wrapper #head-sub-wrapper .sns-content, #content-head-wrapper #head-sub-wrapper .sns-content.fixed { right: 66px; } #content-head-wrapper #head-sub-wrapper .sns-content > ul > li > a > img { width: 24px; height: 24px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .sub-info-content .info-list li { margin-right: 29px; font-size: 14px; } } @media screen and (min-width: 768px) and (max-width: 979px) { .header-company-logo > h1 { width: 95px; top: 58px; left: 10px !important; } .wide .header-company-logo h1, .wide .header-company-logo p { left: 10px !important; } #content-head-wrapper #content-nav-wrapper, #content-head-wrapper #content-nav-wrapper.fixed { padding-left: 110px; } #content-head-wrapper #head-sub-wrapper .sns-content, #content-head-wrapper #head-sub-wrapper .sns-content.fixed { right: 56px; } #content-head-wrapper #head-sub-wrapper .sns-content > ul > li { margin-left: 15px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .site-search .site-search-button, #content-head-wrapper #head-sub-wrapper .head-sub-container .site-search.fixed .site-search-button { right: 10px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .global-service > li.type-gp > a { padding-top: 11px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .global-service > li > a > span { width: 100%; font-size: 11px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .global-service > li > a > img { width: auto; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li > em > a { padding-top: 6px; padding-bottom: 6px; } } @media screen and (min-width: 768px) and (max-width: 920px) { .wide #head-sub-wrapper .head-sub-container .sub-info-content .info-list { padding-right: 0; } #content-head-wrapper #head-sub-wrapper .head-sub-container .sub-info-content .info-list li { margin-right: 14px; font-size: 12px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li { font-size: 12px; } #content-head-wrapper #content-nav-wrapper { padding-top: 10px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .lang-select { min-width: 104px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .lang-select > p > a { padding: 5px 41px 3px 22px; font-size: 14px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .lang-select > p > a::before { right: 21px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .lang-select-inner { width: 103px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .lang-select .lang-select-inner a { padding: 12px 10px 11px; font-size: 14px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link > p > a { padding: 5px 40px 3px 20px; font-size: 14px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link > p > a::after { right: 22px; } } @media screen and (min-width: 768px) and (max-width: 880px) { #content-head-wrapper #head-sub-wrapper .sns-content, #content-head-wrapper #head-sub-wrapper .sns-content.fixed { right: 45px; } #content-head-wrapper #head-sub-wrapper .sns-content > ul > li > a > img { width: 20px; height: 20px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .site-search .site-search-button { width: 22px; height: 22px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .site-search .site-search-button > a { background-size: 22px 22px; } #content-head-wrapper #content-nav-wrapper .content-nav-container .global-nav > li { margin: 0 7px; } #content-head-wrapper #content-nav-wrapper .content-nav-container .global-nav > li > a.second-head { font-size: 12px; } } @media print, all and (max-width: 767px) { .header-company-logo { padding-top: 10px; } .header-company-logo > h1 img { width: 87px; height: 34px; } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link01 > em > a { background-image: url("/shared_files/images/top/icon_header_group_01-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link02 > em > a { background-image: url("/shared_files/images/top/icon_header_group_02-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link03 > em > a { background-image: url("/shared_files/images/top/icon_header_group_03-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link04 > em > a { background-image: url("/shared_files/images/top/icon_header_group_04-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link05 > em > a { background-image: url("/shared_files/images/top/icon_header_group_05-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link06 > em > a { background-image: url("/shared_files/images/top/icon_header_group_06-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link07 > em > a { background-image: url("/shared_files/images/top/icon_header_group_07-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link08 > em > a { background-image: url("/shared_files/images/top/icon_header_group_08-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link09 > em > a { background-image: url("/shared_files/images/top/icon_header_group_09-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link10 > em > a { background-image: url("/shared_files/images/top/icon_header_group_10-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link11 > em > a { background-image: url("/shared_files/images/top/icon_header_group_11-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link12 > em > a { background-image: url("/shared_files/images/top/icon_header_group_12-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link13 > em > a { background-image: url("/shared_files/images/top/icon_header_group_13-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link14 > em > a { background-image: url("/shared_files/images/top/icon_header_group_14-r2x.png"); } #content-head-wrapper #head-sub-wrapper .head-sub-container .head-quick-content .quick-link-inner .service-wrapper .general-service-link > li.quick-link15 > em > a { background-image: url("/shared_files/images/top/icon_header_group_15-r2x.png"); } } @media print, screen and (min-width: 768px) { /* ------------------------------------------------------ Common ------------------------------------------------------ */ /* ----- font ----- */ #content-top-wrapper p { color: #333; } #content-top-wrapper a { color: #333; } #content-top-wrapper a:focus { outline: none; } /* ----- a ----- */ *:focus { outline: none; } #content-top-wrapper a:hover { color: #eb0810; } #content-top-wrapper figure { margin: 0 !important; } /* ----- img ----- */ /* figure */ .top-hero-content-item > .hero-content > .img-column, .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li .img-wrap, .top-content-wrapper02 > .top-content-ly-type02 .section .index_item .img-column, .top-content-wrapper03 > .top-content-ly-type03 .section .index_item .img-column, .top-content-wrapper04 .top-content-ly-type04 > ul > li .img-column { overflow: hidden; } /* img */ #content-top-wrapper .img-column img, .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li .img-wrap img { vertical-align: top; width: 100%; } /* zoom */ .top-hero-content-item > .hero-content > .img-column img, .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li .img-wrap img, .top-content-wrapper02 > .top-content-ly-type02 .section .index_item .img-column img, .top-content-wrapper03 > .top-content-ly-type03 .section .index_item .img-column img, .top-content-wrapper04 .top-content-ly-type04 > ul > li .img-column img { transition: all .2s ease-out 0s; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a:hover .img-wrap img, .top-content-wrapper01 > .top-content-ly-type01 ul > li a:hover .img-column img { -webkit-transform: scale(1.1); transform: scale(1.1); } .top-content-wrapper02 > .top-content-ly-type02 .section .index_item:hover .img-column img, .top-content-wrapper03 > .top-content-ly-type03 .section .index_item:hover .img-column img, .top-content-wrapper04 .top-content-ly-type04 > ul > li a:hover .img-column img { -webkit-transform: scale(1.1); transform: scale(1.1); } /* ----- window ----- */ [class*="top-content-wrapper0"], #content-top-wrapper > #content-info-wrapper > .content-info-inner { max-width: 1800px; margin: 0 auto; } .mediaQueries-none { display: none; } /* ------------------------------------------------------ Main ------------------------------------------------------ */ /* content-info-wrapper */ #content-top-wrapper > #content-info-wrapper { background-color: #ffeded; } #content-top-wrapper > #content-info-wrapper .emergency-box { position: relative; } #content-top-wrapper > #content-info-wrapper .emergency-box + .emergency-box { border-top: solid 2px #fff; } #content-top-wrapper > #content-info-wrapper .emergency-toggle { position: absolute; top: 15px; right: 20px; width: 24px; height: 24px; background: url("/shared_files/images/top/icon_open_plus.png") no-repeat 0 0; text-indent: -9999px; cursor: pointer; content: ""; } #content-top-wrapper > #content-info-wrapper .emergency-toggle.open { background: url("/shared_files/images/top/icon_close_minus.png") no-repeat 0 0; } #content-top-wrapper > #content-info-wrapper .content-info-inner { display: flex; align-items: center; padding: 20px 60px 15px 15px; } #content-top-wrapper > #content-info-wrapper .content-info-inner .content-info-data, #content-top-wrapper > #content-info-wrapper .content-info-inner .content-info-title { color: #eb0810; font-size: 16px; } #content-top-wrapper > #content-info-wrapper .content-info-inner .content-info-data { margin-right: 1em; font-weight: bold; } #content-top-wrapper > #content-info-wrapper .emergency-body { display: none; max-width: 1845px; margin: 0 auto; padding: 0 15px 15px; } #content-top-wrapper > .hero-ly-content { display: flex; flex-wrap: wrap; max-width: 1900px; margin: 0 auto; border-bottom: 1px solid #ddd; } #content-top-wrapper > .hero-ly-content > .content-innter { width: 75.6%; max-width: 1440px; } #content-top-wrapper > .hero-ly-content > .content-innter:first-child { background-color: #f6f6f6; } #content-top-wrapper > .hero-ly-content > .content-innter .hero-carousel-top { height: auto; margin-bottom: 0; } #content-top-wrapper > .hero-ly-content .hero-carousel-top ul { height: auto; } #content-top-wrapper > .hero-ly-content > .content-innter .hero-carousel-top .top-hero-content-item { display: block; } #content-top-wrapper > .hero-ly-content > .content-innter .hero-carousel-top .top-hero-content-item .top-hero-text { padding: 35px 490px 33px 60px; font-size: 21px; } #content-top-wrapper > .hero-ly-content > .content-innter + .content-innter { width: 24.4%; max-width: 480px; background-color: #eb0810; } #content-top-wrapper > .hero-ly-content .bx-controls { position: absolute; min-width: 490px; height: 100px; bottom: 0; right: 0; } #content-top-wrapper > .hero-ly-content .bx-pager { width: auto; height: 20px; top: 0; bottom: 0 !important; right: 185px; margin: auto 0; padding: 0; text-align: left; } #content-top-wrapper > .hero-ly-content .bx-pager .bx-pager-item .bx-pager-link { background: #9d9d9d !important; margin: 0 10px; } #content-top-wrapper > .hero-ly-content .bx-pager .bx-pager-item a.active { border: none !important; background: #eb0810 !important; } #content-top-wrapper > .hero-ly-content .bx-controls-direction { width: 70px; height: 30px; top: 0; bottom: 0; right: 40px; left: auto; margin: auto 0; opacity: 1; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-direction a.bx-prev, #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-direction a.bx-next { width: 15px; height: 30px; top: 0; margin-top: 0; z-index: 2; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-direction a.bx-prev { background: url("/shared_files/images/top/icon_top_prev_pc.png") no-repeat 0 0 !important; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-direction a.bx-prev:hover { background: url("/shared_files/images/top/icon_top_prev_on_pc.png") no-repeat 0 0 !important; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-direction a.bx-next { background: url("/shared_files/images/top/icon_top_next_pc.png") no-repeat 0 0 !important; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-direction a.bx-next:hover { background: url("/shared_files/images/top/icon_top_next_on_pc.png") no-repeat 0 0 !important; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto { width: 17px; height: 30px; top: 50%; bottom: auto !important; right: 145px; margin-top: -16px; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-start, #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-stop { display: block; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-start.active, #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-stop.active { display: none; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-start { width: 20px; height: 30px; background: url("/shared_files/images/top/icon_top_play_pc.png") no-repeat 50% 50%; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-start:hover { background: url("/shared_files/images/top/icon_top_play_on_pc.png") no-repeat 50% 50%; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-stop { margin: 0; width: 14px; height: 30px; background: url("/shared_files/images/top/icon_top_stop_pc.png") no-repeat 50% 50%; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-stop:hover { background: url("/shared_files/images/top/icon_top_stop_on_pc.png") no-repeat 50% 50%; } #content-top-wrapper > .hero-ly-content .top-column-type02 { display: flex; flex-wrap: wrap; height: 100%; box-sizing: border-box; } #content-top-wrapper > .hero-ly-content .top-electrical-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 150px; padding: 30px 25px 20px; box-sizing: border-box; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li { width: 33.3%; height: 100%; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li > a { display: block; height: 100%; padding-top: 45px; box-sizing: border-box; line-height: 1.5; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li.type-teiden > a { background: url("/shared_files/images/top/icon_index-j_01.png") no-repeat 50% 0/44px auto; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li.type-forecast > a { background: url("/shared_files/images/top/icon_index-j_02.png") no-repeat 50% 0/50px auto; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li.type-consumers > a { background: url("/shared_files/images/top/icon_index-j_03.png") no-repeat 50% 0/52px auto; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li > a > span { display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; font-size: 16px; text-align: center; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li > a:hover > span { text-decoration: underline; } #content-top-wrapper > .hero-ly-content .top-electrical-contents { display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; } #content-top-wrapper > .hero-ly-content .top-electrical-contents .home-contents { width: 100%; } #content-top-wrapper > .hero-ly-content .top-electrical-contents .blackout-info { position: relative; width: 82%; height: 50px; margin: 30px 9% 0; padding: 16px 46px 13px 20px; background-color: #fff; box-sizing: border-box; line-height: 1.2; } #content-top-wrapper > .hero-ly-content .top-electrical-contents .blackout-info__switch .blackout-info__title { overflow: hidden; } #content-top-wrapper > .hero-ly-content .top-electrical-contents .blackout-info__switch .blackout-info__title span { padding-left: 100%; display: inline-block; color: #333; font-size: 18px; font-weight: bold; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 30s; animation-duration: 30s; white-space: nowrap; } #content-top-wrapper > .hero-ly-content .top-electrical-contents .blackout-info__reload { position: absolute; content: ""; width: 15px; height: 17px; top: 0; bottom: 0; right: 15px; margin: auto 0; background: url("/shared_files/images/top/icon_index-j_08.png") no-repeat 0 0/15px auto; } #content-top-wrapper > .hero-ly-content .top-electrical-contents .blackout-info__contents { display: none !important; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content { width: 100%; height: calc(100% - 235px); margin-top: auto; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul { display: flex; flex-wrap: wrap; height: 100%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li { width: 100%; height: calc((100%) / 3); overflow: hidden; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; font-size: 27px; font-weight: bold; transition: all .2s ease-out 0s; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a:after { position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; transition: all .3s ease-out; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-kurashi > a:after { background: url("/shared_files/images/top/img_index-j_01.jpg") no-repeat 50% 50%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-library > a:after { background: url("/shared_files/images/top/img_index-j_02.jpg") no-repeat 50% 50%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-recruit > a:after { background: url("/shared_files/images/top/img_index-j_03.jpg") no-repeat 50% 50%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a:hover { text-decoration: none; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a:hover:after { -webkit-transform: scale(1.1); transform: scale(1.1); } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > span, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > .kurashi-wrapper { position: relative; text-align: center; z-index: 1; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > span > .doc-text, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > .kurashi-wrapper > .doc-text { display: inline-block; margin: 15px 0 0; padding: 4px 30px 2px; border: 2px solid #fff; border-radius: 10em; color: #fff; font-size: 18px; font-weight: bold; line-height: 1.5; } [class*="top-content-wrapper"] > [class*="top-content-ly-type"] .top-hdg-level2 { margin-bottom: 30px; color: #333; font-size: 27px; } /* top-content-wrapper01 */ .top-content-wrapper01 { position: relative; padding: 59px 0px 0; max-width: 1810px; } #content-body-wrapper .top-content-wrapper01 .hdg-level3 { position: absolute; margin: 0; color: #333; font-weight: bold; font-size: 24px; } #content-body-wrapper .top-content-wrapper01 .section { width: auto !important; } /* topmost-card */ .top-content-wrapper01 .topmost-card-information-wrapper { border-bottom: 1px solid #ddd; } .top-content-wrapper01 .topmost-card-information-wrapper .btn-more { margin: 30px 0 -25px; text-align: center; } .top-content-wrapper01 .topmost-card-information-wrapper .btn-more > a { display: inline-block; min-width: 220px; padding: 12px 10px 10px; border-radius: 10em; border: none; box-shadow: 0px 1px 3px 1px #cfcfcf; background-image: none; background-color: #fff; color: #333; font-size: 18px; font-weight: bold; text-decoration: none !important; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 130px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list li { margin-bottom: 5px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list li + li { margin-left: 10px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list li a { display: block; color: #333; background: #fff; padding: 5px 15px 3px; border: 1px solid #ccc; border-radius: 5px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list li a:hover { background: #f8f9f9; text-decoration: none; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list li a.selected { background: #eee; border: 1px solid #eee; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list-sp { display: none; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content { overflow: hidden; height: 0; visibility: hidden; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content.selected { overflow: auto; overflow-x: hidden; height: auto; visibility: visible; min-height: 1674px; padding: 20px 5px 0; min-height: 700px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list { width: 102%; margin-left: -2%; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list + .card-list { margin-top: 2%; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li { float: left; display: inline-block; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-l { width: 48%; margin: 0 2%; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-m, .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-s { width: 23%; margin-bottom: 1%; margin-left: 2%; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-m:nth-child(2), .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-m:nth-child(4) { margin-left: 0; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-s:nth-child(2), .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-s:nth-child(4) { margin-left: 0; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a { display: block; background: #fff; box-shadow: 0px 1px 3px 1px #cfcfcf; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a:hover { text-decoration: none !important; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a .txt-wrap { display: flex; flex-wrap: wrap; align-items: center; padding: 15px 30px 20px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a .img-wrap { display: flex; align-items: center; justify-content: center; text-align: center; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a .img-wrap > img { width: auto; margin: 0 -100%; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-l a .txt-wrap { padding: 30px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li .txt-wrap h3 { width: 100%; font-size: 18px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-l .txt-wrap h3 { font-size: 24px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-m .txt-wrap h3, .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-s .txt-wrap h3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a:hover .txt-wrap h3 { text-decoration: underline !important; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a.link-blank .txt-wrap h3:after { display: inline-block; content: ""; width: 15px; height: 15px; margin: 0 3px; vertical-align: middle; } #content-body-wrapper .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a .txt-wrap .doc-caption { display: inline-block; margin: 0.5em 20px 0 0; background: #fff; padding: 5px 15px 3px; border: 1px solid #ccc; border-radius: 5px; color: #333; font-size: 14px; } #content-body-wrapper .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a .txt-wrap .doc-date { margin: 0.5em 0 0; color: #666; font-size: 12px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li .doc-keyword { position: absolute; left: 15px; bottom: 10px; width: 274px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 85.7%; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li .doc-keyword a { display: inline; background: #fff; box-shadow: none; } /* top-content-wrapper02 */ .top-content-wrapper02 { max-width: none; padding: 115px 0 0; } .top-content-wrapper02 .top-hdg-level2 { max-width: 1800px; margin: 0 auto 30px; padding: 0 15px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 { display: flex; flex-wrap: wrap; box-shadow: 0px 1px 3px 1px #d7d7d7; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 + .top-content-ly-col3 { margin-top: 100px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section { width: 33.3%; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block { height: 100%; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section + .section .block { height: 100%; border-left: 1px solid #ddd; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .img-column { border-bottom: 1px solid #ddd; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section:first-child .img-column { border: 1px solid #ddd; border-top-color: #eee; border-right: none; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .index_item .top-hdg-level3-type03 { padding: 25px 0 21px; font-size: 24px; text-align: center; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .index_item .top-hdg-level3-type03 .min-text { font-size: 16px; font-weight: normal; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block.type02 > .index_item { display: flex; flex-wrap: wrap; align-items: center; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block.type02 > .index_item > .img-column { width: 48%; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block.type02 > .index_item > .top-hdg-level3-type03 { width: 46%; margin-left: 6%; line-height: 1.2; text-align: left; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 + .top-content-ly-col3 .section .index_item .top-hdg-level3-type03 { padding: 22px 0 18px; font-size: 24px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .item_panel { padding: 30px 30px 27px; border-top: 1px solid #ddd; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .item_panel > ul > li { font-size: 16px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .item_panel > ul > li:not(.pc-none) + li { margin-top: 1.5em; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .item_panel > ul > li > a { position: relative; padding-left: 25px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .item_panel > ul > li > a::before { position: absolute; content: ""; top: 0.3em; left: -5px; width: 12px; height: 12px; border-top: 1px solid #eb0810; border-right: 1px solid #eb0810; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col2 { display: flex; flex-wrap: wrap; max-width: 1320px; margin: 50px auto 0; padding: 0 15px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col2 > .section { width: 48.4%; box-shadow: 0px 1px 3px 1px #d7d7d7; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col2 > .section + .section { margin-left: 3.2%; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col2 > .section .top-hdg-level3-type03 { padding: 22px 0 18px; font-size: 24px; text-align: center; } /* top-content-wrapper03 */ .top-content-wrapper03 { padding: 95px 15px 0; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 { display: flex; flex-wrap: wrap; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 > .section { width: 48.8%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 > .section + .section { margin-left: 2.4%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block { box-shadow: 0px 1px 3px 1px #d7d7d7; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 > .index_item { display: flex; flex-wrap: wrap; align-items: center; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type01 > .index_item { display: block; position: relative; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type01 > .index_item > .top-hdg-level3-type03 { position: absolute; content: ""; display: flex; align-items: center; width: 270px; height: 200px; top: 0; bottom: 0; left: 0; margin: auto 0; padding: 0 40px; background-color: #eb0810; color: #fff; font-size: 27px; line-height: 1.5; text-align: left; box-sizing: border-box; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type01 > .index_item:hover > .top-hdg-level3-type03 { text-decoration: underline; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 { margin-top: 20px; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 > .index_item > .img-column { width: 65%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 > .index_item > .top-hdg-level3-type03 { width: 35%; padding-left: 20px; text-align: left; box-sizing: border-box; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 > .section .top-hdg-level3-type03 { padding: 25px 0 21px; font-size: 24px; text-align: center; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 { display: flex; flex-wrap: wrap; margin-top: 2.2%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 > .section { width: 35.6%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 > .section:last-child { width: 24.4%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 > .section + .section { margin-left: 2.2%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 > .section .block { width: 100%; box-shadow: 0px 1px 3px 1px #d7d7d7; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .index_item { display: flex; align-items: center; flex-wrap: wrap; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type03 > .index_item > .img-column { width: 58%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type03 > .index_item > .top-hdg-level3-type03 { width: 42%; padding-left: 20px; color: #333; font-size: 18px; text-align: left; box-sizing: border-box; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .section:last-child { display: flex; align-items: center; flex-wrap: wrap; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type04:first-child { margin-bottom: auto; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type04:last-child { margin-top: auto; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type04 > .index_item > .img-column { width: 37%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type04 > .index_item > .top-hdg-level3-type03 { width: 63%; padding-left: 20px; color: #333; font-size: 18px; text-align: left; box-sizing: border-box; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type03 > .index_item:hover > .top-hdg-level3-type03, .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type04 > .index_item:hover > .top-hdg-level3-type03 { color: #eb0810; } /* top-content-wrapper04 */ .top-content-wrapper04 { padding: 95px 15px 0; display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; } .top-content-wrapper04 .section-wrapper { display: none; } .top-content-wrapper04 > .top-content { display: flex; flex-wrap: wrap; margin-top: 55px; width: 100%; } .top-content-wrapper04 > .section, .top-content-wrapper04 > .top-content > .section { width: 49%; box-sizing: border-box; } .top-content-wrapper04 > .section + .section, .top-content-wrapper04 > .top-content > .section + .section { margin-left: 2%; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper { margin-bottom: 0; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper .hdg-wrapper { position: relative; display: flex; align-items: center; margin-bottom: 28px; padding: 0; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper .hdg-wrapper .hdg-level3 { margin: 0; color: #333; font-size: 24px; font-weight: bold; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper .hdg-wrapper .link-btn-type01 { position: relative; top: auto; right: auto; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper .hdg-wrapper .link-btn-type01 a { min-width: 4.2em; margin-left: 20px; padding: 6px 0 5px; border-radius: 5px; border: 1px solid #ccc; background: none; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper .hdg-wrapper .link-btn-type01 a:hover { color: #333; box-shadow: 0px 6px 4px -3px #d7d7d7; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl { display: flex; flex-wrap: wrap-reverse; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl + dl { margin-top: 30px; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl > * { width: 100%; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl > dt { color: #666; font-size: 12px; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl > dt span { position: relative; left: auto; top: auto; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl > dd { margin-bottom: 4px; padding: 0; font-size: 16px; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl > dd a:hover { text-decoration: underline; } /* top-content-wrapper05 */ .top-content-wrapper05 { padding: 85px 15px 0; width: 100%; box-sizing: border-box; } .top-content-wrapper05 .hdg-wrapper { display: flex; flex-wrap: wrap; } .top-content-wrapper05 .hdg-wrapper > .top-hdg-level2 { font-size: 24px; } #content-body-wrapper .top-content-wrapper05 .hdg-wrapper > .link-btn-type01 > a { min-width: 4.2em; margin-left: 20px; padding: 6px 0 5px; border-radius: 5px; border: 1px solid #ccc; background: none; } .top-content-wrapper05 .top-content-ly-col3 { display: flex; flex-wrap: wrap; overflow: hidden; } .top-content-wrapper05 .top-content-ly-col3 > .section { width: 32%; border-top: 1px solid #ddd; } .top-content-wrapper05 .top-content-ly-col3 > .section + .section { margin-left: 2%; } .top-content-wrapper05 .top-content-ly-col3 .top-hdg-level3-type03 { padding: 15px 45px 12px; color: #333; font-size: 18px; font-weight: bold; } .top-content-wrapper05 .top-content-ly-col3 .top-hdg-level3-type03.icon-twitter { background: url("/shared_files/images/top/icon_index-j_04.png") no-repeat 0 50%/30px auto; } .top-content-wrapper05 .top-content-ly-col3 .top-hdg-level3-type03.icon-facebook { background: url("/shared_files/images/top/icon_index-j_05.png") no-repeat 0 50%/30px auto; } .top-content-wrapper05 .top-content-ly-col3 .index_item { width: 100%; max-width: 420px; margin: 0 auto; } .top-content-wrapper05 .top-content-ly-col3 .index_item > * { width: 100% !important; max-width: 420px !important; } .top-content-wrapper05 .top-content-ly-col3 > .section:last-child .index_item > * > * { width: 100% !important; max-width: 420px !important; } .top-content-wrapper05 .top-content-ly-link { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 40px; } .top-content-wrapper05 .top-content-ly-link > .section { width: 140px; } .top-content-wrapper05 .top-content-ly-link > .section + .section { margin-left: 20px; } .top-content-wrapper05 .top-content-ly-link > .section > .block { display: block; border-radius: 5px; border: 1px solid #ccc; } .top-content-wrapper05 .top-content-ly-link > .section > .block > .top-hdg-level3-type03 { display: block; padding: 10px 10px 9px 50px; color: #333; font-size: 14px; font-weight: normal; box-sizing: border-box; } .top-content-wrapper05 .top-content-ly-link > .section > .block:hover > .top-hdg-level3-type03 { color: #eb0810; } .top-content-wrapper05 .top-content-ly-link > .section > .block .icon-facebook { background: url("/shared_files/images/top/icon_index-j_05.png") no-repeat 10px 50%/30px auto; } .top-content-wrapper05 .top-content-ly-link > .section > .block .icon-instagram { background: url("/shared_files/images/top/icon_index-j_06.png") no-repeat 10px 50%/30px auto; } .top-content-wrapper05 .top-content-ly-link > .section > .block .icon-youtube { background: url("/shared_files/images/top/icon_index-j_07.png") no-repeat 10px 50%/30px auto; } .top-content-wrapper05 .top-content-ly-banner { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 100px; } .top-content-wrapper05 .top-content-ly-banner > .section { width: 48.9%; max-width: 420px; } .top-content-wrapper05 .top-content-ly-banner > .section + .section { margin-left: 2.2%; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list::after { display: block; clear: both; content: ""; } #content-body-wrapper .site-top-info-content-wrapper { margin: 0 auto; background-color: #FFEDED; max-width: 1900px; box-sizing: border-box; padding: 20px; } #content-body-wrapper .site-top-info-content-wrapper .hdg { font-size: 18px; font-weight: bold; } #content-body-wrapper .site-top-info-content-wrapper .hdg > a { color: #EA1E1F; text-decoration: none; position: relative; display: block; padding-right: 35px; } #content-body-wrapper .site-top-info-content-wrapper .hdg > a .close-txt { display: block; width: 24px; height: 24px; font-size: 0; position: absolute; right: 0; top: 0; } #content-body-wrapper .site-top-info-content-wrapper .hdg > a .close-txt > span { display: block; width: 24px; height: 2px; background-color: #c4c4c4; margin-top: 11px; } #content-body-wrapper .site-top-info-content-wrapper .hdg > a .close-txt > span:after { transition: all .1s; content: ""; position: absolute; display: block; top: 0; left: 11px; width: 2px; height: 24px; background-color: #c4c4c4; } #content-body-wrapper .site-top-info-content-wrapper .hdg > a.open .close-txt > span:after { top: 12px; left: 11px; width: 2px; height: 2px; } #content-body-wrapper .site-top-info-content-wrapper .detail-area { display: none; padding-bottom: 20px; } #content-body-wrapper .site-top-info-content-wrapper .detail-area.open { display: block; } #content-body-wrapper .site-top-info-content-wrapper .detail-area .doc-text { font-size: 16px; margin-top: 20px; margin-bottom: 0; } #content-top-wrapper > .hero-ly-content { border-bottom: none; } #content-top-wrapper > .hero-ly-content .content-innter:last-child { border-top: 1px solid #ddd; background: #fff; width: 100% !important; max-width: 1900px; } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-contents { background: #eb0810; } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-contents .blackout-info { margin-bottom: 30px; } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-list-v2 { display: flex; margin: 40px auto 0; width: 100%; justify-content: center; } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-list-v2 li { display: flex; width: 40%; max-width: 400px; margin: 0 20px; } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-list-v2 li > a { display: flex; width: 100%; padding: 20px; background-color: #eb0810; justify-content: center; color: #fff; border-radius: 5px; } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-list-v2 li > a span { min-height: 45px; font-size: 20px; font-weight: bold; display: flex; align-items: center; padding-left: 85px; background: transparent no-repeat left center; background-size: contain; } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-list-v2 li.type-teiden > a span { background-image: url("/shared_files/images/top/icon_index-j_teideninfo.png"); } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-list-v2 li.type-forecast > a span { background-image: url("/shared_files/images/top/icon_index-j_forecast.png"); } #content-top-wrapper > .hero-ly-content .hero-ly-list-content { height: 100% !important; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li { height: auto; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li a:hover:after { -webkit-transform: scale(1.1); transform: scale(1.1); } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-banner, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-kurashi { height: 26%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-support, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-trouble { height: 17%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-support span, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-trouble span { font-size: 18px; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-corporate { height: 14%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-corporate span { font-size: 18px; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-corporate > a::after { background: url("/shared_files/images/top/hero_sub_index-j_01.jpg") no-repeat 50% 50%; background-size: cover; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-support > a::after { background: url("/shared_files/images/top/hero_sub_index-j_04.jpg") no-repeat 50% 50%; background-size: cover; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-trouble > a::after { background: url("/shared_files/images/top/hero_sub_index-j_05.jpg") no-repeat 50% 50%; background-size: cover; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-kurashi > a::after { background: url("/shared_files/images/top/hero_sub_index-j_02.jpg") no-repeat 50% 50%; background-size: cover; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-banner > a span { font-size: 0; visibility: hidden; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-banner > a::after { background: url("/shared_files/images/top/hero_sub_index-j_03.png") no-repeat 50% 50%; background-size: cover; } .top-content-wrapper05 { padding-top: 0; } .top-content-wrapper05 .top-content-ly-banner { margin-top: 60px; } .top-content-wrapper06 { padding: 95px 15px 0; *box-sizing: border-box; } .top-content-wrapper06 .top-hdg-level2 { padding: 0; } .top-content-wrapper06 .top-content-ly-col4 { display: flex; flex-wrap: wrap; margin-left: -1.2%; margin-top: -1.2%; } .top-content-wrapper06 .top-content-ly-col4 .section { display: flex; width: 23.5%; margin-top: 1.5%; margin-left: 1.5%; } .top-content-wrapper06 .top-content-ly-col4 .section .block { display: flex; width: 100%; } .top-content-wrapper06 .top-content-ly-col4 .section .block .index_item { display: flex; flex-wrap: wrap; width: 100%; box-shadow: 0px 1px 3px 1px #d7d7d7; } .top-content-wrapper06 .top-content-ly-col4 .section .block .img-column { overflow: hidden; width: 100%; } .top-content-wrapper06 .top-content-ly-col4 .section .block .img-column img { transition: all .2s ease-out 0s; } .top-content-wrapper06 .top-content-ly-col4 .section .block a:hover .img-column img { -webkit-transform: scale(1.1); transform: scale(1.1); } .top-content-wrapper06 .top-content-ly-col4 .section .block .top-hdg-level3 { width: 100%; display: flex; padding: 10px; font-size: 16px; justify-content: center; text-align: center; align-items: center; min-height: 50px; } .top-content-wrapper02 .top-hdg-level2 { display: flex; align-items: center; } .top-content-wrapper02 .top-hdg-level2 .inner-link { font-size: 18px; margin-left: 20px; background-color: #333333; padding: 8px 40px 8px 20px; color: #fff !important; border-radius: 5px; position: relative; } .top-content-wrapper02 .top-hdg-level2 .inner-link::after { position: absolute; content: ""; top: 50%; right: 20px; width: 10px; height: 10px; margin-top: -5px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .img-column { font-size: 0; line-height: 0; box-sizing: border-box; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section + .section .block { box-sizing: border-box; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3.ver-col2 .section { width: 50%; border-left: 1px solid #ddd; box-sizing: border-box; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3.ver-col2 .section .index_item .top-hdg-level3-type03 { border-top: 1px solid #ddd; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3.ver-col2 .section:first-child .img-column { border: none; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3.ver-col2 .section + .section .block { box-sizing: border-box; border-left: none; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3.ver-col2 .section + .section .img-column { border: none; } } @media screen and (min-width: 768px) and (max-width: 1600px) { .mediaQueries-none { display: block; } .mediaQueries-none.pc-none { display: block !important; } [class*="top-content-wrapper"] > [class*="top-content-ly-type"] .top-hdg-level2 { font-size: 2.25vw; } #content-top-wrapper > .hero-ly-content > .content-innter .hero-carousel-top .top-hero-content-item .top-hero-text { padding: 25px 385px 23px 20px; font-size: 1.31vw !important; } #content-top-wrapper > .hero-ly-content .top-electrical-list { height: 130px; padding: 8% 6% 5%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content { height: calc(100% - 210px); } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a { font-size: 1.7vw; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > span > .img-column, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > .kurashi-wrapper > .img-column { width: 180px; line-height: 1.2; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > span > .doc-text, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > .kurashi-wrapper > .doc-text { margin-top: 5px; padding: 2px 30px 0px; font-size: 16px; } #content-top-wrapper > .hero-ly-content .bx-controls { min-width: 385px; max-height: 75px; height: 19.5%; } #content-top-wrapper > .hero-ly-content .bx-pager { width: auto; height: 20px; right: 180px; } #content-top-wrapper > .hero-ly-content .bx-pager .bx-pager-item { height: 10px; } #content-top-wrapper > .hero-ly-content .bx-pager .bx-pager-item .bx-pager-link { margin: 0 5px; } #content-top-wrapper > .hero-ly-content .bx-controls-direction { right: 25px; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto { width: 17px; height: 30px; bottom: 35px !important; right: 135px; } /* bxSlider */ /* top-column-wrapper01 */ .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list { justify-content: flex-end; padding: 0 0 0 120px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a .txt-wrap { padding: 4.3% 8% 5.1%; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-l a .txt-wrap { padding: 4%; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li .txt-wrap h3 { font-size: 15px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-l .txt-wrap h3 { font-size: 20px; } #content-body-wrapper .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a .txt-wrap .doc-caption { margin: 0.5em 10px 0 0; padding: 5px 10px 3px; font-size: 12px; } /* top-column-wrapper02 */ .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block.type02 > .index_item > .img-column { width: 27%; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .index_item .top-hdg-level3-type03 .min-text { display: block; font-size: 18px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block.type02 > .index_item > .img-column img { width: auto !important; height: 180px; margin: 0 -15%; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block.type02 > .index_item > .top-hdg-level3-type03 { width: 68%; margin-left: 5%; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .item_panel { padding: 8%; } /* top-content-wrapper03 */ .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 > .index_item > .img-column, .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 > .index_item > .top-hdg-level3-type03 { width: 50%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .section .block.type01 .index_item .top-hdg-level3-type03 { width: 35.5%; height: 49%; padding: 0 5.2%; font-size: 1.68vw; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .section .block.type02 .index_item .top-hdg-level3-type03 { font-size: 1.3vw; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type03 > .index_item > .top-hdg-level3-type03, .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type04 > .index_item > .top-hdg-level3-type03 { font-size: 1.13vw; } #content-body-wrapper .site-top-info-content-wrapper .hdg { font-size: 16px; } #content-body-wrapper .site-top-info-content-wrapper .detail-area .doc-text { font-size: 14px; } .top-content-wrapper06 .top-content-ly-col4 .section .block .top-hdg-level3 { font-size: 1.2vw; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-support span, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-trouble span { font-size: 16px; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-corporate span { font-size: 16px; } } @media screen and (min-width: 768px) and (max-width: 1670px) { #content-top-wrapper > .hero-ly-content .top-electrical-list > li > a > span { font-size: 0.95vw; } } @media screen and (min-width: 768px) and (max-width: 1420px) { #content-top-wrapper > .hero-ly-content .top-electrical-list > li > a > span { font-size: 12px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .index_item .top-hdg-level3-type03 > .min-text { display: block; } } @media screen and (min-width: 768px) and (max-width: 1200px) { #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > span > .doc-text, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > .kurashi-wrapper > .doc-text { font-size: 14px; } #content-top-wrapper > .hero-ly-content > .content-innter { width: 68.5%; } #content-top-wrapper > .hero-ly-content > .content-innter + .content-innter { width: 31.5%; } #content-top-wrapper > .hero-ly-content .top-electrical-contents .blackout-info__switch .blackout-info__title span { font-size: 14px; } [class*="top-content-wrapper"] > [class*="top-content-ly-type"] .top-hdg-level2 { font-size: 2.25vw; } /* top-content-wrapper02 */ .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block.type02 > .index_item > .img-column img { width: auto !important; height: 150px; margin: 0 -15%; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .index_item .top-hdg-level3-type03 { padding: 6% 0 5%; font-size: 1.75vw !important; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col2 .section .index_item .top-hdg-level3-type03 { padding: 6% 0 5%; font-size: 1.75vw !important; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .index_item .top-hdg-level3-type03 .min-text { font-size: 1.33vw !important; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .item_panel > ul > li { font-size: 1.33vw !important; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .item_panel > ul > li > a::before { width: 9px; height: 9px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 + .top-content-ly-col3 .section .index_item .top-hdg-level3-type03 { font-size: 1.7vw; } /* top-content-wrapper03 */ .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .section .block.type02 .index_item .top-hdg-level3-type03 { font-size: 16px; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type03 > .index_item > .top-hdg-level3-type03, .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type04 > .index_item > .top-hdg-level3-type03 { font-size: 14px; } /* top-content-wrapper04 */ #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl > dt { font-size: 11px; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl > dd { font-size: 14px; } .top-content-wrapper06 .top-content-ly-col4 .section .block .top-hdg-level3 { font-size: 1.4vw; } } @media screen and (min-width: 768px) and (max-width: 930px) { [class*="top-content-wrapper"] > [class*="top-content-ly-type"] .top-hdg-level2, #content-body-wrapper .top-content-wrapper03 > .section-wrapper-gray .hdg-level2 { font-size: 21px; } #content-top-wrapper > .hero-ly-content .top-electrical-list { height: 110px; padding: 8% 0 5%; height: 95px; padding: 5% 0 4%; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li > a > span { font-size: 11px; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content { height: calc(100% - 175px); } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > span > .img-column, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > .kurashi-wrapper > .img-column { width: 160px; } /* top-content-wrapper02 */ .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block.type02 > .index_item > .img-column img { height: 105px; } .top-content-wrapper02 .top-hdg-level2 .inner-link { font-size: 14px; } } @media only screen and (max-width: 767px) { #content-top-wrapper p { color: #333; } #content-top-wrapper a { color: #333; } #content-top-wrapper a:focus { outline: none; } /* ----- a ----- */ *:focus { outline: none; } /* ----- img ----- */ #content-top-wrapper figure { margin: 0 !important; } #content-top-wrapper .img-column img { vertical-align: top; width: 100%; } /* ----- window ----- */ #content-top { margin: 0; } /* ------------------------------------------------------ Main ------------------------------------------------------ */ /* content-info-wrapper */ #content-top-wrapper > #content-info-wrapper { background-color: #ffeded; } #content-top-wrapper > #content-info-wrapper .emergency-box { position: relative; } #content-top-wrapper > #content-info-wrapper .emergency-box + .emergency-box { border-top: solid 2px #fff; } #content-top-wrapper > #content-info-wrapper .emergency-toggle { position: absolute; top: 15px; right: 10px; width: 20px; height: 20px; background: url("/shared_files/images/top/icon_open_plus.png") no-repeat 0 0; background-size: contain; text-indent: -9999px; cursor: pointer; content: ""; } #content-top-wrapper > #content-info-wrapper .emergency-toggle.open { background: url("/shared_files/images/top/icon_close_minus.png") no-repeat 0 0; background-size: contain; } #content-top-wrapper > #content-info-wrapper .content-info-inner { padding: 15px 40px 15px 15px; } #content-top-wrapper > #content-info-wrapper .content-info-inner .content-info-data, #content-top-wrapper > #content-info-wrapper .content-info-inner .content-info-title { color: #eb0810; font-size: 13px; } #content-top-wrapper > #content-info-wrapper .content-info-inner .content-info-data { margin-bottom: 0.5em; font-weight: bold; } #content-top-wrapper > #content-info-wrapper .emergency-body { display: none; padding: 0 15px 15px; } #content-top-wrapper > .hero-ly-content > .content-innter:first-child { margin-bottom: 45px; background-color: #f6f6f6; } #content-top-wrapper > .hero-ly-content > .content-innter .hero-carousel-top { height: auto; margin-bottom: 0; } #content-top-wrapper > .hero-ly-content .hero-carousel-top ul { height: auto; } #content-top-wrapper > .hero-ly-content > .content-innter .hero-carousel-top .top-hero-content-item { display: block; } #content-top-wrapper > .hero-ly-content > .content-innter .hero-carousel-top .top-hero-content-item .top-hero-text { padding: 15px; font-size: 14px; } #content-top-wrapper > .hero-ly-content .bx-controls { position: absolute; width: 100%; height: 45px; bottom: -45px; right: 0; } #content-top-wrapper > .hero-ly-content .bx-pager { width: 70%; height: 15px; top: 0; bottom: 0 !important; right: 105px; margin: auto 0; padding: 0; text-align: right; } #content-top-wrapper > .hero-ly-content .bx-pager .bx-pager-item .bx-pager-link { background: #9d9d9d !important; margin: 0 8px; width: 8px !important; height: 8px !important; white-space: nowrap; text-indent: 100%; overflow: hidden; } #content-top-wrapper > .hero-ly-content .bx-pager .bx-pager-item a.active { border: none !important; background: #eb0810 !important; } #content-top-wrapper > .hero-ly-content .bx-controls-direction { width: 45px !important; height: 18px; top: 0; bottom: 0; right: 15px; left: auto !important; margin: auto 0; opacity: 1; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-direction a.bx-prev, #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-direction a.bx-next { width: 9px; height: 18px; top: 0; margin-top: 0; z-index: 2; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-direction a.bx-prev { background: url("/shared_files/images/top/icon_top_prev_sp.png") no-repeat 0 0/9px auto !important; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-direction a.bx-next { background: url("/shared_files/images/top/icon_top_next_sp.png") no-repeat 0 0/9px auto !important; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto { width: 17px; height: 20px; top: 50%; bottom: auto !important; right: 77px; margin-top: -10px; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-start, #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-stop { display: block; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-start.active, #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-stop.active { display: none; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-start { width: 13px; height: 15px; background: url("/shared_files/images/top/icon_top_play_sp.png") no-repeat 50% 50%/13px auto; } #content-top-wrapper > .hero-ly-content .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-stop { margin: 0; width: 9px; height: 18px; background: url("/shared_files/images/top/icon_top_stop_sp.png") no-repeat 50% 50%/9px auto; } #content-top-wrapper > .hero-ly-content .top-electrical-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; padding: 15px 15px 15px; background: #eb0810; box-sizing: border-box; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li { width: 33.3%; height: 100%; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li > a { display: block; height: 100%; padding-top: 40px; box-sizing: border-box; line-height: 1.5; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li.type-teiden > a { background: url("/shared_files/images/top/icon_index-j_01.png") no-repeat 50% 0/34px auto; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li.type-forecast > a { background: url("/shared_files/images/top/icon_index-j_02.png") no-repeat 50% 0/42px auto; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li.type-consumers > a { background: url("/shared_files/images/top/icon_index-j_03.png") no-repeat 50% 0/42px auto; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li > a > span { display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; font-size: 13px; text-align: center; } #content-top-wrapper > .hero-ly-content .top-electrical-list > li > a:hover > span { text-decoration: underline; } #content-top-wrapper > .hero-ly-content .top-electrical-contents { display: flex; align-items: center; justify-content: center; width: 100%; padding: 15px 15px 0; background-color: #eb0810; box-sizing: border-box; } #content-top-wrapper > .hero-ly-content .top-electrical-contents .home-contents { width: 100%; } #content-top-wrapper > .hero-ly-content .top-electrical-contents .blackout-info { position: relative; width: 100%; padding: 13px 40px 11px 10px; background-color: #fff; box-sizing: border-box; line-height: 1.2; } #content-top-wrapper > .hero-ly-content .top-electrical-contents .blackout-info__switch .blackout-info__title { overflow: hidden; } #content-top-wrapper > .hero-ly-content .top-electrical-contents .blackout-info__switch .blackout-info__title span { padding-left: 100%; display: inline-block; color: #333; font-size: 13px; font-weight: bold; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 30s; animation-duration: 30s; white-space: nowrap; } #content-top-wrapper > .hero-ly-content .top-electrical-contents .blackout-info__reload { position: absolute; content: ""; width: 15px; height: 16px; top: 0; bottom: 0; right: 15px; margin: auto 0; background: url("/shared_files/images/top/icon_index-j_08.png") no-repeat 0 0/15px auto; cursor: pointer; } #content-top-wrapper > .hero-ly-content .top-electrical-contents .blackout-info__contents { display: none !important; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content { width: 100%; height: calc(100% - 230px); } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul { display: flex; flex-wrap: wrap; height: 100%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li { width: 50%; height: 150px; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li:first-child { width: 100%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; font-size: 18px; font-weight: bold; background-size: cover !important; text-align: center; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-kurashi > a { background: url("/shared_files/images/top/img_index-j_01.jpg") no-repeat 50% 50%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-library > a { background: url("/shared_files/images/top/img_index-j_02.jpg") no-repeat 50% 50%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-recruit > a { background: url("/shared_files/images/top/img_index-j_03.jpg") no-repeat 50% 50%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-kurashi > a .img-column { max-width: 200px; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > span > .doc-text, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li > a > .kurashi-wrapper > .doc-text { display: inline-block; margin: 10px 0 0; padding: 4px 25px 2px; border: 1px solid #fff; border-radius: 10em; color: #fff; font-size: 13px; font-weight: bold; line-height: 1.5; } [class*="top-content-wrapper"] > [class*="top-content-ly-type"] .top-hdg-level2 { margin-bottom: 20px; color: #333; font-size: 18px; } /* top-content-wrapper01 */ #content-body .top-content-wrapper01 { padding: 0; } #content-body .top-content-wrapper01 .section-wrapper-gray { background: none; } #content-body-wrapper .top-content-wrapper01 .hdg-level3 { margin: 60px 0 20px; color: #333; font-size: 18px; text-align: center; font-weight: bold; } #content-body-wrapper .topmost-card-information-wrapper .card-sorting-list { display: none; } #content-body-wrapper .top-content-wrapper01 .section { padding: 0; width: auto !important; } /* topmost-card */ .top-content-wrapper01 .topmost-card-information-wrapper { border-bottom: 1px solid #ddd; } .top-content-wrapper01 .topmost-card-information-wrapper .btn-more { margin: 25px 0 -20px; text-align: center; } .top-content-wrapper01 .topmost-card-information-wrapper .btn-more > a { display: inline-block; padding: 10px 60px 8px; border-radius: 10em; border: none; box-shadow: 0px 1px 3px 1px #cfcfcf; background-image: none; background-color: #fff; color: #333; font-size: 13px; font-weight: bold; text-decoration: none !important; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 130px; display: none; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list li { margin-bottom: 5px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list li + li { margin-left: 10px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list li a { display: block; color: #333; background: #fff; padding: 5px 15px 3px; border: 1px solid #ccc; border-radius: 5px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list li a:hover { background: #f8f9f9; text-decoration: none; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list li a.selected { background: #eee; border: 1px solid #eee; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list-sp { position: relative; margin: 0; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list-sp::after { position: absolute; content: ""; top: 50%; right: 15px; width: 7px; height: 7px; margin-top: -5px; border-top: 2px solid #656d73; border-right: 2px solid #656d73; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list-sp select { display: block; color: #333333; background: #fff; border: 1px solid #ddd; border-left: none; border-right: none; padding: 15px 40px 12px 15px; width: 100%; box-sizing: border-box; border-radius: 0; font-size: 16px; text-align: center; -moz-appearance: none; -webkit-appearance: none; } #content-body-wrapper .topmost-card-information-wrapper .card-sorting-list-sp select option { text-align: center; } .top-content-wrapper01 .topmost-card-information-wrapper .card-sorting-list-sp select::-ms-expand { display: none; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content { overflow: hidden; height: 0; visibility: hidden; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content.selected { overflow: auto; overflow-x: hidden; height: auto; visibility: visible; margin: 0; padding: 20px 15px 5px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list + .card-list { margin-top: 20px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li { display: block; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li + li { margin-top: 20px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a { display: block; background: #fff; box-shadow: 0px 1px 2px 1px #cfcfcf; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a:hover { text-decoration: none !important; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a .txt-wrap { display: flex; flex-wrap: wrap; align-items: center; padding: 15px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a .img-wrap { width: 100%; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a .img-wrap > img { width: 100%; height: auto; vertical-align: top; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-l a .txt-wrap { padding: 15px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li .txt-wrap h3 { width: 100%; font-size: 13px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-l .txt-wrap h3 { font-size: 15px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-m .txt-wrap h3, .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.card-s .txt-wrap h3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a:hover .txt-wrap h3 { text-decoration: underline !important; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a.link-blank .txt-wrap h3:after { display: inline-block; content: ""; width: 15px; height: 15px; margin: 0 3px; vertical-align: middle; } #content-body-wrapper .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a .txt-wrap .doc-caption { display: inline-block; margin: 0.5em 10px 0 0; background: #fff; padding: 2px 10px 1px; border: 1px solid #ccc; border-radius: 3px; color: #333; font-size: 11px; } #content-body-wrapper .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li a .txt-wrap .doc-date { margin: 0.5em 0 0; color: #666; font-size: 12px; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li .doc-keyword { position: absolute; left: 15px; bottom: 10px; width: 274px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 85.7%; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li .doc-keyword a { display: inline; background: #fff; box-shadow: none; } .top-content-wrapper01 .topmost-card-information-wrapper .card-content .card-list li.sp-hide-first { display: none !important; } /* top-content-wrapper02 */ .top-content-wrapper02 { padding: 75px 15px 0; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 + .top-content-ly-col3 { margin-top: 60px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section + .section { margin-top: 20px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block { box-shadow: 0px 1px 3px 1px #d7d7d7; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block + .block { margin-top: 20px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section:first-child .block { height: 100%; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block .index_item { display: block; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .index_item .top-hdg-level3-type03 { position: relative; padding: 19px 30px 16px; font-size: 16px; text-align: center; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .index_item .top-hdg-level3-type03.js-contents-trigger { padding: 19px 30px 16px 10px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .index_item.on .top-hdg-level3-type03.js-contents-trigger { background-color: #f6f6f6; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .index_item .top-hdg-level3-type03.js-contents-trigger::after { position: absolute; content: ""; top: -5px; bottom: 0; right: 15px; width: 10px; height: 10px; margin: auto 0; border-top: 1px solid #eb0810; border-right: 1px solid #eb0810; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .index_item.on .top-hdg-level3-type03.js-contents-trigger::after { top: 5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .index_item .top-hdg-level3-type03 .min-text { font-size: 12px; font-weight: normal; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block.type02 > .index_item { display: flex; flex-wrap: wrap; align-items: center; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block.type02 > .index_item > .img-column { width: 43%; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .section .block.type02 > .index_item > .top-hdg-level3-type03 { width: 52.5%; margin-left: 4.5%; padding: 0; line-height: 1.2; text-align: left; box-sizing: border-box; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 + .top-content-ly-col3 .section:nth-child(-n+2) .block { height: 100%; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .item_panel { display: none; padding: 25px 20px 25px; border-top: 1px solid #ddd; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .item_panel > ul > li { font-size: 14px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .item_panel > ul > li + li { margin-top: 1.5em; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .item_panel > ul > li > a { position: relative; padding-left: 20px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col3 .item_panel > ul > li > a::before { position: absolute; content: ""; top: 0.3em; left: -5px; width: 9px; height: 9px; border-top: 1px solid #eb0810; border-right: 1px solid #eb0810; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col2 { margin: 20px auto 0; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col2 > .section { box-shadow: 0px 1px 3px 1px #d7d7d7; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col2 > .section + .section { margin-top: 20px; } .top-content-wrapper02 > .top-content-ly-type02 > .top-content-ly-col2 > .section .top-hdg-level3-type03 { padding: 19px 30px 16px; font-size: 16px; text-align: center; } /* top-content-wrapper03 */ .top-content-wrapper03 { margin: 60px 0 0; padding: 0 15px; max-width: none; } .top-content-wrapper03 > .section-wrapper-gray { max-width: 1800px; margin: 0 auto; } #content-body-wrapper .top-content-wrapper03 > .section-wrapper-gray .hdg-level2 { font-size: 18px; font-weight: bold; text-align: center; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 > .section + .section { margin-top: 20px; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block { box-shadow: 0px 1px 2px 0px #d7d7d7; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 > .index_item { display: flex; flex-wrap: wrap; align-items: center; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type01 > .index_item { display: block; position: relative; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type01 > .index_item > .top-hdg-level3-type03 { position: absolute; content: ""; display: flex; align-items: center; width: 145px; height: 100px; top: 0; bottom: 0; left: 0; margin: auto 0; padding: 0 15px; background-color: #eb0810; color: #fff; font-size: 16px; line-height: 1.5; text-align: left; box-sizing: border-box; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 { margin-top: 15px; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 > .index_item { height: 160px; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 > .index_item > .img-column { width: 50%; height: 100%; overflow: hidden; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 > .index_item > .img-column img { width: 100% !important; height: auto; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 > .index_item > .top-hdg-level3-type03 { width: 50%; padding-left: 20px; text-align: left; box-sizing: border-box; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 > .section .top-hdg-level3-type03 { padding: 25px 0 21px; font-size: 16px; text-align: center; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 { margin-top: 40px; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 > .section + .section { margin-top: 20px; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 > .section .block { box-shadow: 0px 1px 2px 0px #d7d7d7; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type03 .index_item { display: flex; align-items: center; flex-wrap: wrap; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type03 > .index_item > .img-column { width: 50%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type03 > .index_item > .top-hdg-level3-type03 { width: 40%; padding-left: 20px; color: #333; font-size: 14px; text-align: left; box-sizing: border-box; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .section:last-child { display: flex; flex-wrap: wrap; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type04 { width: 48%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type04 + .block.type04 { margin-left: 4%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type04 > .index_item { display: flex; flex-wrap: wrap; height: 100%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type04 > .index_item > .img-column { width: 100%; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type04 > .index_item > .top-hdg-level3-type03 { padding: 10px 15px 8px; color: #333; font-size: 14px; text-align: left; box-sizing: border-box; } .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type03 > .index_item:hover > .top-hdg-level3-type03, .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col3 .block.type04 > .index_item:hover > .top-hdg-level3-type03 { color: #eb0810; } /* top-content-wrapper04 */ .top-content-wrapper04 { padding: 55px 15px 0; width: 100%; box-sizing: border-box; } .top-content-wrapper04 .section-wrapper { display: none; } .top-content-wrapper04 > .top-content { display: flex; flex-wrap: wrap; margin-top: 35px; width: 100%; } .top-content-wrapper04 > .section + .section, .top-content-wrapper04 > .top-content > .section + .section { margin-top: 30px; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper { margin-bottom: 0; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper .hdg-wrapper { position: relative; display: flex; align-items: center; margin-bottom: 15px; padding: 0; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper .hdg-wrapper .hdg-level3 { margin: 0; color: #333; font-size: 15px; font-weight: bold; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper .hdg-wrapper .link-btn-type01 { position: relative; top: auto; right: auto; margin: 0 0 0 auto; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper .hdg-wrapper .link-btn-type01 a { min-width: 4em; margin-left: 20px; padding: 4px 0 3px; border-radius: 3px; border: 1px solid #ccc; background: none; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper .hdg-wrapper .link-btn-type01 a:hover { color: #333; box-shadow: 0px 6px 4px -3px #d7d7d7; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl { display: flex; flex-wrap: wrap-reverse; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl + dl { margin-top: 20px; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl > * { width: 100%; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl > dt { color: #666; font-size: 9px; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl > dt span { position: relative; left: auto; top: auto; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl > dd { margin-bottom: 4px; padding: 0; font-size: 13px; } #content-body-wrapper .top-content-wrapper04 .news-element-wrapper > dl > dd a:hover { text-decoration: underline; } /* top-content-wrapper05 */ .top-content-wrapper05 { padding: 50px 15px 0; width: 100%; box-sizing: border-box; } .top-content-wrapper05 .hdg-wrapper { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; } .top-content-wrapper05 .hdg-wrapper > .top-hdg-level2 { margin-bottom: 0; font-size: 15px; } #content-body-wrapper .top-content-wrapper05 .hdg-wrapper > .link-btn-type01 { margin-left: auto; } #content-body-wrapper .top-content-wrapper05 .hdg-wrapper > .link-btn-type01 > a { min-width: 4em; margin-left: 20px; padding: 4px 0 3px; border-radius: 3px; border: 1px solid #ccc; background: none; } .top-content-wrapper05 .top-content-ly-col3 > .section { border-top: 1px solid #ddd; } .top-content-wrapper05 .top-content-ly-col3 > .section + .section { margin-top: 20px; } .top-content-wrapper05 .top-content-ly-col3 .top-hdg-level3-type03 { padding: 10px 30px 8px; color: #333; font-size: 14px; font-weight: bold; } .top-content-wrapper05 .top-content-ly-col3 .top-hdg-level3-type03.icon-twitter { background: url("/shared_files/images/top/icon_index-j_04.png") no-repeat 0 50%/18px auto; } .top-content-wrapper05 .top-content-ly-col3 .top-hdg-level3-type03.icon-facebook { background: url("/shared_files/images/top/icon_index-j_05.png") no-repeat 0 50%/18px auto; } .top-content-wrapper05 .top-content-ly-col3 .index_item { width: 100%; max-width: 420px; margin: 0 auto; } .top-content-wrapper05 .top-content-ly-col3 .index_item > * { width: 100% !important; max-width: 420px !important; } .top-content-wrapper05 .top-content-ly-col3 > .section:last-child .index_item > * > * { width: 100% !important; max-width: 420px !important; } .top-content-wrapper05 .top-content-ly-col3 > .section:last-child .fb_iframe_widget iframe { left: 0; right: 0; margin: 0 auto; } .top-content-wrapper05 .top-content-ly-link { display: flex; flex-wrap: wrap; margin-top: 20px; } .top-content-wrapper05 .top-content-ly-link > .section { width: 47.9%; } .top-content-wrapper05 .top-content-ly-link > .section:nth-child(even) { margin-left: 4.2%; } .top-content-wrapper05 .top-content-ly-link > .section:nth-child(n+3) { margin-top: 4.2%; } .top-content-wrapper05 .top-content-ly-link > .section > .block { display: block; border-radius: 3px; border: 1px solid #ccc; } .top-content-wrapper05 .top-content-ly-link > .section > .block > .top-hdg-level3-type03 { display: block; padding: 14px 10px 13px; color: #333; font-size: 14px; font-weight: normal; box-sizing: border-box; text-align: center; } .top-content-wrapper05 .top-content-ly-link > .section > .block > .top-hdg-level3-type03::before { display: inline-block; content: ""; margin: 0 10px 1px 0; vertical-align: middle; } .top-content-wrapper05 .top-content-ly-link > .section > .block .icon-facebook::before { width: 23px; height: 23px; background: url("/shared_files/images/top/icon_index-j_05.png") no-repeat 0 0/23px auto; } .top-content-wrapper05 .top-content-ly-link > .section > .block .icon-instagram::before { width: 23px; height: 23px; background: url("/shared_files/images/top/icon_index-j_06.png") no-repeat 0 0/23px auto; } .top-content-wrapper05 .top-content-ly-link > .section > .block .icon-youtube::before { width: 23px; height: 16px; background: url("/shared_files/images/top/icon_index-j_07.png") no-repeat 0 0/23px auto; } .top-content-wrapper05 .top-content-ly-banner { margin-top: 60px; } .top-content-wrapper05 .top-content-ly-banner > .section { max-width: 420px; margin: 0 auto; } .top-content-wrapper05 .top-content-ly-banner > .section + .section { margin-top: 20px; } #content-body-wrapper .site-top-info-content-wrapper { margin: 0 auto; background-color: #FFEDED; max-width: 1900px; box-sizing: border-box; padding: 15px; } #content-body-wrapper .site-top-info-content-wrapper .hdg { font-size: 16px; font-weight: bold; } #content-body-wrapper .site-top-info-content-wrapper .hdg > a { color: #EA1E1F; text-decoration: none; position: relative; display: block; padding-right: 35px; } #content-body-wrapper .site-top-info-content-wrapper .hdg > a .close-txt { display: block; width: 24px; height: 24px; font-size: 0; position: absolute; right: 0; top: 0; } #content-body-wrapper .site-top-info-content-wrapper .hdg > a .close-txt > span { display: block; width: 24px; height: 2px; background-color: #c4c4c4; margin-top: 11px; } #content-body-wrapper .site-top-info-content-wrapper .hdg > a .close-txt > span:after { transition: all .1s; content: ""; position: absolute; display: block; top: 0; left: 11px; width: 2px; height: 24px; background-color: #c4c4c4; } #content-body-wrapper .site-top-info-content-wrapper .hdg > a.open .close-txt > span:after { top: 12px; left: 11px; width: 2px; height: 2px; } #content-body-wrapper .site-top-info-content-wrapper .detail-area { display: none; padding-bottom: 20px; } #content-body-wrapper .site-top-info-content-wrapper .detail-area.open { display: block; } #content-body-wrapper .site-top-info-content-wrapper .detail-area .doc-text { font-size: 14px; margin-top: 20px; margin-bottom: 0; } #content-top-wrapper > .hero-ly-content { display: flex; flex-wrap: wrap; } #content-top-wrapper > .hero-ly-content .content-innter { width: 100%; } #content-top-wrapper > .hero-ly-content .content-innter + .content-innter { order: 3; } #content-top-wrapper > .hero-ly-content .content-innter:first-child { order: 1; width: 100%; } #content-top-wrapper > .hero-ly-content .content-innter:last-child { order: 2; background: #eb0810; width: 100%; } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-list-v2 { display: flex; margin: 0 0 15px; width: 100%; justify-content: center; } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-list-v2 li { display: flex; width: 50%; margin: 0; box-sizing: border-box; } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-list-v2 li + li { border-left: 1px solid rgba(255, 255, 255, 0.6); } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-list-v2 li > a { width: 100%; box-sizing: border-box; padding: 10px; background-color: #eb0810; text-align: center; color: #fff; } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-list-v2 li > a span { text-align: center; font-size: 16px; font-weight: bold; display: block; padding-top: 50px; background: transparent no-repeat center 10px; background-size: auto 30px; } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-list-v2 li.type-teiden > a span { background-image: url("/shared_files/images/top/icon_index-j_teideninfo.png"); } #content-top-wrapper > .hero-ly-content .content-innter .top-electrical-list-v2 li.type-forecast > a span { background-image: url("/shared_files/images/top/icon_index-j_forecast.png"); } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-banner, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-kurashi { height: 175px; width: 100%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-support, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-trouble { height: 118px; width: 100%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-support span, #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-trouble span { font-size: 16px; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-corporate { height: 110px; width: 100%; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-corporate span { font-size: 16px; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-corporate > a { background: url("/shared_files/images/top/hero_sub_index-j_01.jpg") no-repeat 50% 50%; background-size: cover; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-support > a { background: url("/shared_files/images/top/hero_sub_index-j_04.jpg") no-repeat 50% 50%; background-size: cover; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-trouble > a { background: url("/shared_files/images/top/hero_sub_index-j_05.jpg") no-repeat 50% 50%; background-size: cover; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-kurashi > a { background: url("/shared_files/images/top/hero_sub_index-j_02.jpg") no-repeat 50% 50%; background-size: cover; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-kurashi > a > .kurashi-wrapper > .doc-text { font-size: 16px; border-width: 2px; border-radius: 12em; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-banner > a { background: url("/shared_files/images/top/hero_sub_index-j_03.png") no-repeat 50% 50%; background-size: cover; } #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul > li.type-banner > a span { font-size: 0; visibility: hidden; } [class*="top-content-wrapper"] > [class*="top-content-ly-type"] .top-hdg-level2 { font-size: 16px; } .top-content-wrapper05 { padding-top: 0; } .top-content-wrapper05 .top-content-ly-banner { margin-top: 70px; } .top-content-wrapper06 { padding: 40px 15px 0; } .top-content-wrapper06 .top-content-ly-col4 .section { margin-top: 10px; } .top-content-wrapper06 .top-content-ly-col4 .section .block .index_item { display: block; border: 1px solid #CACBCC; } .top-content-wrapper06 .top-content-ly-col4 .section .block .img-column { display: none; } .top-content-wrapper06 .top-content-ly-col4 .section .block .top-hdg-level3 { text-align: center; padding: 12px 10px; font-size: 14px; } .top-content-wrapper02 > .top-content-ly-type02 .top-hdg-level2 { display: flex; align-items: center; justify-content: space-between; } .top-content-wrapper02 > .top-content-ly-type02 .top-hdg-level2 .inner-link { font-size: 16px; margin-left: 10px; background-color: #333333; padding: 5px 30px 5px 10px; text-align: center; color: #fff !important; border-radius: 5px; position: relative; line-height: 1.4; } .top-content-wrapper02 > .top-content-ly-type02 .top-hdg-level2 .inner-link::after { position: absolute; content: ""; top: 50%; right: 12px; width: 8px; height: 8px; margin-top: -4px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .top-content-wrapper02 > .top-content-ly-type02 .top-content-ly-col3 { margin: 0 -15px; } .top-content-wrapper02 > .top-content-ly-type02 .top-content-ly-col3 .section .index_item .top-hdg-level3-type03 { border-top: 1px solid #ddd; padding: 10px 30px 10px; } .top-content-wrapper02 > .top-content-ly-type02 .top-content-ly-col3 .item_panel { display: block; padding: 20px 20px 40px; } .top-content-wrapper02 > .top-content-ly-type02 .top-content-ly-col3 .item_panel ul > li + li { margin-top: .8em; } .top-content-wrapper02 > .top-content-ly-type02 .top-content-ly-col3 .item_panel ul li a::before { position: absolute; content: ""; top: 0.4em; left: 0; width: 7px; height: 7px; } #content-foot-support .bred-crumb-wrapper ol > li.home > a:after { display: none; } } @media only screen and (max-width: 620px) { .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 > .index_item > .img-column img { width: auto !important; height: 100%; } } @media only screen and (max-width: 414px) { .top-content-wrapper03 > .top-content-ly-type03 > .top-content-ly-col2 .block.type02 > .index_item > .img-column img { margin: 0 -35%; } } @media print { body { width: 1000px; } body[data-browser="ie11"] .hero-ly-content { max-width: 100% !important; } body[data-browser="ie11"] .hero-ly-content .content-innter { max-width: none !important; width: 65% !important; } body[data-browser="ie11"] .hero-ly-content .content-innter + .content-innter { max-width: none !important; width: 35% !important; } body[data-browser="ie11"] .hero-ly-content .content-innter .hero-carousel-top .img-column { text-align: center; } body[data-browser="ie11"] .hero-ly-content .content-innter .hero-carousel-top .img-column img { width: auto !important; height: 100%; } body[data-browser="ie11"] .hero-ly-content .content-innter .hero-carousel-top .bx-controls { display: none; } body[data-browser="ie11"] .hero-ly-content .content-innter .hero-carousel-top .bx-viewport { overflow: visible !important; } body[data-browser="ie11"] #content-body-wrapper .top-content-wrapper01 .hdg-level3 { position: inherit !important; } body[data-browser="ie11"] #content-top-wrapper > .hero-ly-content .top-column-type02 { display: block !important; } body[data-browser="ie11"] #content-top-wrapper > .hero-ly-content .hero-ly-list-content { height: 100% !important; } body[data-browser="ie11"] #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul { display: block !important; } body[data-browser="ie11"] #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul li { height: 100px !important; } body[data-browser="ie11"] #content-top-wrapper > .hero-ly-content .hero-ly-list-content > ul li a { height: 100% !important; } .mediaQueries-none { display: block; } .mediaQueries-none.pc-none { display: block !important; } #content-top-wrapper > .hero-ly-content > .content-innter { width: 700px; } #content-top-wrapper > .hero-ly-content > .content-innter + .content-innter { width: 300px; } #content-top-wrapper > .hero-ly-content .hero-ly-info-content.type-wide { display: none; } #content-top-wrapper > .hero-ly-content .hero-ly-info-content.type-min { display: block; width: 100%; padding: 30px 20px; } #content-top-wrapper > .hero-ly-content > .content-innter { height: 475px; overflow: hidden !important; } #content-top-wrapper > .hero-ly-content > .content-innter .top-hero-content-item .hero-content .img-column { height: 400px; } #content-top-wrapper > .hero-ly-content > .content-innter .top-hero-content-item .hero-content .img-column img { width: 100%; } #content-top-wrapper > .hero-ly-content > .content-innter .hero-carousel-top .top-hero-content-item .top-hero-text { padding: 15px; font-size: 17px; } [class*="top-content-wrapper"] > [class*="top-content-ly-type"] .top-hdg-level2 { font-size: 2.25vw; } #content-top-wrapper > .hero-ly-content .hero-ly-info-content.type-min .top-news-element-wrapper { display: flex; flex-wrap: wrap; } #content-top-wrapper > .hero-ly-content .hero-ly-info-content.type-min .top-news-element-wrapper > .section { width: 48.5%; } #content-top-wrapper > .hero-ly-content .hero-ly-info-content.type-min .top-news-element-wrapper > .section + .section { margin-left: 3%; } #content-top-wrapper > .hero-ly-content > .content-innter .top-column-type02 .top-business-list > li a { padding-right: 80px; font-size: 15px; } #content-top-wrapper > .hero-ly-content > .content-innter .top-column-type02 .top-business-list > li a::before { left: 10px; } #content-top-wrapper > .hero-ly-content > .content-innter .top-column-type02 .top-business-list > li.type-map a { padding-right: 60px; } #content-top-wrapper > .hero-ly-content .bx-controls { display: none; } /* bxSlider */ [class*="top-content-wrapper"] > [class*="top-content-ly-type"] .top-hdg-level2 { margin-bottom: 18px; color: #333; font-size: 21px; } } /* ====================================================== * CSS追記 ====================================================== */ .emergency_title { font-size:30px !important; } .emergency_text { font-size: 17px !important; } @media screen and (max-width: 1080px) { .emergency_title { font-size:20px !important; } .emergency_text { font-size: 14px !important; } }