/* Theme Name: Powers (Betheme Child) Theme URI: https://themes.muffingroup.com/betheme Author: Muffin group Author URI: https://muffingroup.com Description: Child Theme for Betheme Template: betheme Version: 2.0 */ @import url("bootstrap-enable-responsive-font-sizes.css"); @import url("common.css"); @import url("home.css"); @import url("products.css"); @import url("recruit.css"); @import url("company.css"); /* Common -------------------------------------------------------------- */ /* section_wrapper */ @media only screen and (max-width: 767px) { .content_wrapper .section_wrapper { padding-left: 0.6em !important; padding-right: 0.6em !important; } } /* column-rounded */ .column-rounded, .column-rounded-icol > .vc_column-inner > .wpb_wrapper { border: 4px solid #074c92; border-radius: 20px; padding: 2.0em 1.5em 1.5em; background: #ffffff; } @media (min-width: 768px) { .column-rounded.column-rounded-lg, .column-rounded-icol.column-rounded-lg > .vc_column-inner > .wpb_wrapper { padding-right: 8%; padding-left: 8%; } } @media (min-width: 768px) { .knowledge-necessity-trouble-irow { padding-right: 8%; padding-left: 8%; } } @media (min-width: 768px) { .knowledge-necessity-target-irow { padding-right: 3%; padding-left: 3%; } .knowledge-role-irow { padding-right: 5%; padding-left: 5%; } } .column-rounded .column-rounded-title, .column-rounded-icol .column-rounded-title { text-align: center; margin-top: -2.0em; } .column-rounded .column-rounded-title span, .column-rounded-icol .column-rounded-title span { padding: 0 .8em; background: #FFF; color: #074c92; } /* title style */ .section-title { text-align: center; color: #074c92; } .title-style-1 { margin: 0 auto; } .title-style-1 span { display: inline-block; background:linear-gradient(transparent 50%, #cddbe9 0%); padding-bottom: 0.2em; } .title-style-2 { padding: 0.6em 0; color: #074c92; border-radius: 100vh; background: #cddbe9; text-align: center; } .title-style-3 { padding: 0.6em 0; color: #ffffff; border-radius: 100vh; background: #074c92; text-align: center; } /* .cat-nav-row */ .cat-nav-row { padding-top: 80px !important; padding-bottom : 100px !important; } .cat-nav-row.cat-nav-bottom-row { padding-top : 100px !important; } @media (max-width: 767px) { .cat-nav-row { padding-top: 53px !important; padding-bottom : 66px !important; } .cat-nav-row.cat-nav-bottom-row{ padding-top: 66px !important; } } .cat-nav-row { padding-left: 1px; padding-right: 1px;　} .cat-nav-row .vc_column_container > .vc_column-inner { padding-left: 1px; padding-right: 1px;　} .cat-nav-row .button { padding: 8px 0px 7px; border-width: 1px; border-top: none; border-right: none; border-left: none; border-radius: 0; font-weight: bold; } .cat-nav-row .button:hover { color: #ffffff !important; } .cat-nav-row .button.cat-nav-current { border-bottom-width: 2px; padding-bottom: 6px; } .cat-nav-row .button.button_full_width .button_label { margin: 0 0 0 0px !important; } .cat-nav-row .button.cat-nav-products-maintenance { letter-spacing: -0.1em; } /* .pt-row { padding-top: 100px !important; } .pt-irow { padding-top: 50px !important; } .pt-icol { padding-top: 25px !important; } .pt-elem { padding-top: 18.75px !important; } .pb-row { padding-bottom : 150px !important; } .pb-irow { padding-bottom : 50px !important; } .pb-icol { padding-bottom : 25px !important; } .pb-elem { padding-bottom : 12.5px !important; } .py-row { padding-top: 100px !important; padding-bottom: 100px !important; } .py-irow { padding-top: 50px !important; padding-bottom: 50px !important; } .py-icol { padding-top: 25px !important; padding-bottom: 25px !important; } .py-elem { padding-top: 12.5px !important; padding-bottom: 12.5px !important; } @media (max-width: 767px) { /*66.67% * / .mb-row { margin-bottom : 66px !important; } .mb-irow { margin-bottom : 33px !important; } .mb-icol { margin-bottom : 16px !important; } .mb-elem { margin-bottom : 8px !important; } .pt-row { padding-top: 66px !important; } .pt-irow { padding-top: 33px !important; } .pt-icol { padding-top: 16px !important; } .pt-elem { padding-top: 8px !important; } .pb-row { padding-bottom : 66px !important; } .pb-irow { padding-bottom : 33px !important; } .pb-icol { padding-bottom : 16px !important; } .pb-elem { padding-bottom : 8px !important; } .py-row { padding-top: 66px !important; padding-bottom: 66px !important; } .py-irow { padding-top: 33px !important; padding-bottom: 33px !important; } .py-icol { padding-top: 16px !important; padding-bottom: 16px !important; } .py-elem { padding-top: 8px !important; padding-bottom: 8px !important; } } */ /* 納入実績 .record (Portfolio) -------------------------------------------------------------- */ /* Filters */ #Filters .filters_buttons { display: none; } #Filters .filters_wrapper { display: block; margin-top: 4em; } #Filters .filters_wrapper ul { display: block; } #Filters .filters_wrapper ul li { width: auto; min-width: 8%; text-align: center; } #Filters .filters_wrapper ul li a { border-radius: 100vh; background-color: #074c92; border: solid 2px #074c92; color: #ffffff; padding: 4px 10px; } #Filters .filters_wrapper ul li.private a, #Filters .filters_wrapper ul li.cat-item-4 a { background-color: #25afc5; border: solid 2px #25afc5; } #Filters .filters_wrapper ul li.ups a, #Filters .filters_wrapper ul li.cat-item-5 a { background-color: #22bc67; border: solid 2px #22bc67; } #Filters .filters_wrapper ul li.generator a, #Filters .filters_wrapper ul li.cat-item-7 a { background-color: #ee8500; border: solid 2px #ee8500; } #Filters .filters_wrapper ul li.maintenance a, #Filters .filters_wrapper ul li.cat-item-6 a { background-color: #4492ca; border: solid 2px #4492ca; letter-spacing: -0.1em; } #Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a { background-color: #ffffff; } #Filters .filters_wrapper ul li:nth-child(1) a:hover, #Filters .filters_wrapper ul li:nth-child(1).current-cat a { border: solid 2px #074c92; color: #074c92; } #Filters .filters_wrapper ul li.private a:hover, #Filters .filters_wrapper ul li.private.current-cat, #Filters .filters_wrapper ul li.cat-item-4 a:hover, #Filters .filters_wrapper ul li.cat-item-4.current-cat a { border: solid 2px #24e5df; color: #24e5df; } #Filters .filters_wrapper ul li.ups a:hover, #Filters .filters_wrapper ul li.ups.current-cat a, #Filters .filters_wrapper ul li.cat-item-5 a:hover, #Filters .filters_wrapper ul li.cat-item-5.current-cat a { border: solid 2px #22bc67; color: #22bc67; } #Filters .filters_wrapper ul li.generator a:hover, #Filters .filters_wrapper ul li.generator.current-cat a, #Filters .filters_wrapper ul li.cat-item-7 a:hover, #Filters .filters_wrapper ul li.cat-item-7.current-cat a { border: solid 2px #ee8500; color: #ee8500; } #Filters .filters_wrapper ul li.maintenance a:hover, #Filters .filters_wrapper ul li.maintenance.current-cat a, #Filters .filters_wrapper ul li.cat-item-6 a:hover, #Filters .filters_wrapper ul li.cat-item-6.current-cat a { border: solid 2px #4492ca; color: #4492ca; } /* #Filters .filters_wrapper ul li.private a { background-color: #25afc5; border: solid 2px #25afc5; } #Filters .filters_wrapper ul li.ups a { background-color: #22bc67; border: solid 2px #22bc67; } #Filters .filters_wrapper ul li.generator a { background-color: #ee8500; border: solid 2px #ee8500; } #Filters .filters_wrapper ul li.maintenance a { background-color: #4492ca; border: solid 2px #4492ca; letter-spacing: -0.1em; } #Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a { background-color: #ffffff; } #Filters .filters_wrapper ul li:nth-child(1) a:hover, #Filters .filters_wrapper ul li:nth-child(1).current-cat a { border: solid 2px #074c92; color: #074c92; } #Filters .filters_wrapper ul li.private a:hover, #Filters .filters_wrapper ul li.private.current-cat a { border: solid 2px #24e5df; color: #24e5df; } #Filters .filters_wrapper ul li.ups a:hover, #Filters .filters_wrapper ul li.ups.current-cat a { border: solid 2px #22bc67; color: #22bc67; } #Filters .filters_wrapper ul li.generator a:hover, #Filters .filters_wrapper ul li.generator.current-cat a { border: solid 2px #ee8500; color: #ee8500; } #Filters .filters_wrapper ul li.maintenance a:hover, #Filters .filters_wrapper ul li.maintenance.current-cat a { border: solid 2px #4492ca; color: #4492ca; } */ /* #Filters .filters_wrapper ul li:nth-child(2) a { background-color: #25afc5; border: solid 2px #25afc5; } #Filters .filters_wrapper ul li:nth-child(3) a { background-color: #22bc67; border: solid 2px #22bc67; } #Filters .filters_wrapper ul li:nth-child(4) a { background-color: #ee8500; border: solid 2px #ee8500; } #Filters .filters_wrapper ul li:nth-child(5) a { background-color: #4492ca; border: solid 2px #4492ca; letter-spacing: -0.1em; } #Filters .filters_wrapper ul li a:hover, #Filters .filters_wrapper ul li.current-cat a { background-color: #ffffff; } #Filters .filters_wrapper ul li:nth-child(1) a:hover, #Filters .filters_wrapper ul li:nth-child(1).current-cat a { border: solid 2px #074c92; color: #074c92; } #Filters .filters_wrapper ul li:nth-child(2) a:hover, #Filters .filters_wrapper ul li:nth-child(2).current-cat a { border: solid 2px #24e5df; color: #24e5df; } #Filters .filters_wrapper ul li:nth-child(3) a:hover, #Filters .filters_wrapper ul li:nth-child(3).current-cat a { border: solid 2px #22bc67; color: #22bc67; } #Filters .filters_wrapper ul li:nth-child(4) a:hover, #Filters .filters_wrapper ul li:nth-child(4).current-cat a { border: solid 2px #ee8500; color: #ee8500; } #Filters .filters_wrapper ul li:nth-child(5) a:hover, #Filters .filters_wrapper ul li:nth-child(5).current-cat a { border: solid 2px #4492ca; color: #4492ca; } */ /* category label */ .portfolio_group .portfolio-item .desc { padding: 0.4em 0; } .portfolio_group .portfolio-item .desc div:nth-child(1) { margin: 0.5em 0; padding: 0.0em 0.6em; display: inline-block; color: #ffffff; font-size: 0.8em; } .portfolio_group .portfolio-item .desc .cat-private { background-color: #25afc5; border: solid 2px #25afc5; } .portfolio_group .portfolio-item .desc .cat-ups { background-color: #22bc67; border: solid 2px #22bc67; } .portfolio_group .portfolio-item .desc .category-generator { background-color: #ee8500; border: solid 2px #ee8500; } .portfolio_group .portfolio-item .desc .cat-generator { background-color: #ee8500; border: solid 2px #ee8500; } .portfolio_group .portfolio-item .desc .cat-maintenance { background-color: #4492ca; border: solid 2px #4492ca; letter-spacing: -0.1em; } .portfolio_group .portfolio-item .desc .title_wrapper h5 { font-weight: normal; } .portfolio_group .portfolio-item .desc .title_wrapper h5 a.link { font-size: 80%; color: #000000; } body.tax-portfolio-types #Footer { margin-top: 6em; } /* 5分でわかる非常用電源装置 .knowledge -------------------------------------------------------------- */ .knowledge-intro-row .lead { color: #074c92; font-weight: bold; } .knowledge-necessity-row { font-weight: bold; } .knowledge-necessity-trouble-irow h3 { text-align: center; color: #074c92; } .knowledge-necessity-target-irow .title-style-3-wrap { display: flex; align-items: center; } .knowledge-necessity-target-irow .title-style-3-wrap .knowledge-necessity-target-icon { z-index: 2; } .knowledge-necessity-target-irow .title-style-3-wrap .knowledge-necessity-target-icon img { margin: 0; } .knowledge-necessity-target-irow .title-style-3-wrap .title-style-3 { z-index: 1; width: 12em; margin-left: -2em; padding-left: 2.6em; text-align: left; margin-bottom: 0 !important; } @media (max-width: 767px) { .knowledge-necessity-target-irow .title-style-3-wrap .knowledge-necessity-target-icon img { width: 88%; } .knowledge-necessity-target-irow .title-style-3-wrap .title-style-3 { margin-left: -2.8em; } } .knowledge-necessity-target-irow .column-rounded { padding: 3.0em 2.0em 1.8em; margin-top: -3em; margin-left: 2em; background: #fffdd6; } .knowledge-necessity-target-irow .column-rounded ul { margin-left: 2.6em; } .knowledge-necessity-target-irow .column-rounded ul li { list-style: none; margin-bottom: 0.3em; color: #074c92; white-space: nowrap; } .knowledge-role-irow h3 { color: #074c92; } /* パワーズの強み .advantage -------------------------------------------------------------- */ .advantage-content-row { color: #074c92; font-weight: bold; } .advantage-content-row h2 { color: #074c92; } .advantage-qualification-row { text-align: center; color: #074c92; } /* プライバシーポリシー .privacy -------------------------------------------------------------- */ .privacy-row h3 { margin-top: 1.8em; padding-top: 1.8em; border-top: 1px solid #808080; }