@charset "UTF-8";abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: 0 0;
    font-size: 100%
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: none
}

a {
    margin: 0;
    padding: 0;
    background: 0 0;
    vertical-align: baseline;
    font-size: 100%
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-weight: 700;
    font-style: italic
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc
}

input,select {
    vertical-align: middle
}

sub,sup {
    font-size: 75%
}

.menuFooter,.menuHeader {
    line-height: 1
}

main {
    color: #171718;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.7;
    -webkit-text-size-adjust: 100%;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    main {
        position:relative
    }
}

main *,main :after,main :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent
}

main a {
    color: #171718;
    text-decoration: none;
    -webkit-transition: .21s;
    transition: .21s
}

main a:visited {
    text-decoration: none
}

main a:hover {
    text-decoration: none
}

@media screen and (min-width: 768px),print {
    main a:hover {
        color:#ab1f20
    }
}

main img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    line-height: 1
}

main table td img,main table th img {
    vertical-align: middle
}

main * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}


@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-next-ex,.swiper-button-prev,.swiper-button-prev-ex {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next-ex.swiper-button-disabled,.swiper-button-next.swiper-button-disabled,.swiper-button-prev-ex.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next-ex:after,.swiper-button-next:after,.swiper-button-prev-ex:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial
}

.swiper-button-prev,.swiper-button-prev-ex,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev-ex:after,.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-button-next-ex,.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next-ex:after,.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next-ex.swiper-button-white,.swiper-button-next.swiper-button-white,.swiper-button-prev-ex.swiper-button-white,.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next-ex.swiper-button-black,.swiper-button-next.swiper-button-black,.swiper-button-prev-ex.swiper-button-black,.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top,.2s -webkit-transform;
    transition: .2s top,.2s -webkit-transform;
    transition: .2s transform,.2s top;
    transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left,.2s -webkit-transform;
    transition: .2s left,.2s -webkit-transform;
    transition: .2s transform,.2s left;
    transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right,.2s -webkit-transform;
    transition: .2s right,.2s -webkit-transform;
    transition: .2s transform,.2s right;
    transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.article {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (max-width: 767px) {
    .wrapper:not(.-bgGray) .article {
        margin-top:30px
    }
}

.article+.article {
    margin-top: 50px
}

.article__inner {
    background: #fff
}

@media screen and (min-width: 1024px),print {
    .article__inner {
        padding:50px 80px 70px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .article__inner {
        padding:50px 30px 70px
    }
}

@media screen and (max-width: 767px) {
    .article__inner {
        padding:30px 15px
    }
}

@media screen and (min-width: 1024px),print {
    .-pdgL .article__inner {
        padding:60px 120px
    }
}

.article__date {
    display: inline-block;
    color: #171718;
    font-size: 13px;
    font-size: .8125rem;
    margin-right: 10px
}

.article__category {
    display: inline-block;
    padding: 5px 0 3px;
    width: 80px;
    border: 1px solid #ddd;
    border-bottom: 2px solid #b1b1b1;
    color: #171718;
    text-align: center;
    line-height: 1;
    font-size: 13px;
    font-size: .8125rem
}

@media all and (-ms-high-contrast:none) {
    .article__category {
        padding: 7px 0 1px
    }
}

.article__category.-important {
    border-bottom-color: #ab1f20
}

.article__category.-products {
    border-bottom-color: #539356
}

.article__category.-news {
    border-bottom-color: #dc9735
}

.article__category+* {
    margin-top: 6px
}

@media screen and (min-width: 768px),print {
    .contents {
        max-width:1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 15px
    }
}

@media screen and (min-width: 768px),print {
    .contents+* {
        margin-top:100px
    }
}

@media screen and (max-width: 767px) {
    .contents+* {
        margin-top:60px
    }
}

@media screen and (min-width: 1024px),print {
    .contents.-col2 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 1024px),print {
    .-col2 .contents__main {
        width:calc(100% - 240px - 40px)
    }
}

@media screen and (min-width: 1024px),print {
    .-col2 .contents__side {
        width:240px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .-col2 .contents__side {
        margin-top:50px
    }
}

@media screen and (max-width: 767px) {
    .-col2 .contents__side {
        padding-left:15px;
        padding-right: 15px;
        margin-top: 45px
    }
}

@media screen and (min-width: 768px),print {
    .menuHeader {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .menuHeader {
        display:none
    }
}

@media screen and (min-width: 768px),print {
    .menuHeader {
        position:relative;
        padding: 16px 0;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        z-index: 9999;
        height: 63px
    }

    body.-headerFix .menuHeader {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        background: #fff;
        border-top-color: #fff
    }
}

@media screen and (min-width: 768px),print {
    .menuHeader__list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 15px
    }
}

@media screen and (min-width: 768px),print {
    .menuHeader__item {
        text-align:center
    }
}

@media screen and (min-width: 768px),print {
    .menuHeader__link {
        position:relative;
        display: block;
        padding: 7px 42px;
        color: #171718;
        text-decoration: none;
        -webkit-transition: .21s;
        transition: .21s;
        font-size: 15px;
        font-size: .9375rem;
        font-weight: 700
    }
}

@media screen and (min-width: 768px) and (min-width:768px),print {
    .menuHeader__link:hover {
        color:#ab1f20
    }
}

@media screen and (min-width: 768px) and (max-width:767px) {
    .menuHeader__link:active {
        color:#ab1f20
    }
}

@media screen and (min-width: 768px),print {
    .is-active .menuHeader__link,.menuHeader__link.is-current {
        color:#ab1f20
    }

    .menuHeader__link::after,.menuHeader__link::before {
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        border-right: 1px solid #ddd;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        content: "";
        display: inline-block
    }

    .menuHeader__link::before {
        display: none
    }

    .menuHeader__item:first-child .menuHeader__link::before {
        display: block;
        right: auto;
        left: 0
    }
}

@media screen and (min-width: 1023px) and (max-width:1200px),print {
    .menuHeader__link {
        padding:7px 25px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .menuHeader__link {
        padding:7px 1.7vw;
        font-size: 13px;
        font-size: .8125rem
    }
}

@media all and (-ms-high-contrast:none) {
    .menuHeader__link {
        padding-top: 9px;
        padding-bottom: 5px
    }
}

@media screen and (min-width: 768px),print {
    .menuHeader__menuBtn {
        display:inline-block;
        position: absolute;
        top: 50%;
        right: 15px;
        bottom: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-decoration: none;
        background-color: #ab1f20;
        color: #fff;
        font-size: 14px;
        font-size: .875rem;
        border-radius: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1;
        height: auto;
        width: 110px;
        height: 36px;
        padding-left: 20px
    }
}

@media screen and (min-width: 768px) and (min-width:1200px),print {
    .menuHeader__menuBtn {
        right:calc((100vw - 1200px)/ 2 + 15px)
    }
}

@media screen and (min-width: 768px),print {
    .menuHeader__menuBtn .icon {
        width:15px;
        height: 1px;
        background-color: #fff;
        position: relative;
        margin-right: 10px
    }

    .menuHeader__menuBtn .icon::after,.menuHeader__menuBtn .icon::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #fff;
        position: absolute
    }

    .menuHeader__menuBtn .icon::before {
        top: -5px
    }

    .menuHeader__menuBtn .icon::after {
        bottom: -5px
    }

    .menuHeader__menuBtn:hover {
        opacity: .75
    }
}

@media screen and (max-width: 767px) {
    .menuHeader__menuBtn {
        display:none
    }
}

@media screen and (min-width: 768px),print {
    .menuHeaderSub {
        position:absolute;
        right: 15px;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .st-Header_Inner {
        position: relative
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .menuHeaderSub {
        bottom:-5px
    }
}

@media screen and (max-width: 767px) {
    .menuHeaderSub {
        display:none
    }
}

@media screen and (min-width: 768px),print {
    .menuHeaderSub__item {
        margin-left:40px
    }

    .menuHeaderSub__item a {
        color: #171718;
        text-decoration: none;
        line-height: 1
    }

    .menuHeaderSub__item.-contact a {
        display: block;
        padding: 10px 25px 10px 50px;
        border: 1px solid #ddd;
        background: #efefef url(/solar/common/css/img/icon_mail.png) 22px center no-repeat;
        background-size: 18px;
        font-size: 14px;
        font-size: .875rem
    }

    .menuHeaderSub__item.-contact a:hover {
        color: #ab1f20
    }
}

@media all and (-ms-high-contrast:none) {
    .menuHeaderSub__item.-contact a {
        padding: 12px 25px 8px 50px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .menuHeaderSub__item.-contact a {
        padding:10px 10px 10px 35px;
        background-position: 10px center;
        font-size: 13px;
        font-size: .8125rem
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .menuHeaderSub__item {
        margin-left:10px
    }
}

.menuFooter {
    position: relative
}

@media screen and (min-width: 768px),print {
    .menuFooter {
        padding-top:100px
    }
}

@media screen and (max-width: 767px) {
    .menuFooter {
        padding-top:60px
    }
}

.menuFooter__imageWrappar {
    position: relative;
    padding-bottom: 15px
}

.menuFooter__image {
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: -1;
    width: 100%
}

.menuFooter__image img {
    width: 100%
}

.menuFooter__inner {
    position: relative;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .menuFooter__inner {
        padding-bottom:140px
    }
}

.menuFooter__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px),print {
    .menuFooter__titleLogo {
        margin-right:33px;
        width: 159px
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__titleLogo {
        margin-right:26px;
        width: 120px
    }
}

.menuFooter__titleText {
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .menuFooter__titleText {
        font-size:17px;
        font-size: 1.0625rem
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__titleText {
        font-size:13px;
        font-size: .8125rem
    }
}

.menuFooter__blockWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 768px),print {
    .menuFooter__blockWrapper {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 42px
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__blockWrapper {
        margin-top:37px
    }
}

@media screen and (min-width: 768px),print {
    .menuFooter__blockContainer {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .menuFooter__blockContainer:nth-child(1) {
        width: calc(50% - 35px)
    }

    .menuFooter__blockContainer:nth-child(2) {
        width: calc(50% - 35px)
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__blockContainer {
        width:50%
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__block {
        margin-top:30px
    }

    .menuFooter__block:first-child {
        margin-top: 0
    }
}

.menuFooter__blockTitle {
    font-size: 14px;
    font-size: .875rem
}

@media screen and (max-width: 767px) {
    .menuFooter__blockTitle+.menuFooter__blockTitle {
        margin-top:12px
    }
}

@media screen and (min-width: 768px),print {
    .menuFooter__blockTitle+.menuFooter__blockTitle {
        margin-top:12px
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__blockTitleCaption {
        display:none
    }
}

.menuFooter__blockTitleLink {
    color: #171718;
    text-decoration: none;
    -webkit-transition: .21s;
    transition: .21s
}

@media screen and (min-width: 768px) and (min-width:768px),print {
    .menuFooter__blockTitleLink:hover {
        color:#ab1f20
    }
}

@media screen and (min-width: 768px) and (max-width:767px) {
    .menuFooter__blockTitleLink:active {
        color:#ab1f20
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__blockTitleLink {
        padding-left:15px;
        position: relative
    }

    .menuFooter__blockTitleLink::before {
        position: absolute;
        top: .2em;
        left: 0;
        width: 6px;
        height: 6px;
        border-top: 1px solid #ab1f20;
        border-right: 1px solid #ab1f20;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
        display: inline-block
    }
}

@media screen and (max-width: 767px) and (max-width:767px) {
    .menuFooter__blockTitleLink::before {
        top:.3em
    }
}

@media screen and (max-width: 767px) {
    .-personalLower .menuFooter__blockTitleLink::before {
        border-color:#539356
    }

    .-businessLower .menuFooter__blockTitleLink::before {
        border-color: #357dc8
    }
}

@media screen and (min-width: 768px),print {
    .menuFooter__blockList {
        margin-top:20px
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__blockList {
        margin-top:13px
    }
}

@media screen and (min-width: 768px),print {
    .menuFooter__blockListItem {
        margin-top:9px
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__blockListItem {
        margin-top:6px
    }
}

.menuFooter__blockListItem:first-child {
    margin-top: 0
}

.menuFooter__blockListItemLink {
    display: inline-block;
    color: #666;
    text-decoration: none;
    font-size: 13px;
    font-size: .8125rem
}

.menuFooter__blockListItemLink .noteText {
    display: block;
    margin-left: -.6em;
    padding-top: .4em
}

@media screen and (min-width: 768px),print {
    .menuFooter__blockListItemLink {
        -webkit-transition:.21s;
        transition: .21s
    }

    .menuFooter__blockListItemLink:hover {
        color: #ab1f20
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__blockListItemLink {
        line-height:1.5;
        font-size: 12px;
        font-size: .75rem
    }

    .menuFooter__blockListItemLink .noteText {
        padding-top: 0;
        font-size: 10px;
        font-size: .625rem
    }
}

@media screen and (min-width: 768px),print {
    .menuFooter__link {
        position:absolute;
        right: 15px;
        bottom: 15px
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__link {
        margin-top:35px
    }
}

.menuFooter__linkListWrapper {
    border-top: 1px solid #ddd
}

@media screen and (min-width: 768px),print {
    .menuFooter__linkListWrapper {
        padding:20px 0;
        background: #fff
    }
}

.menuFooter__linkList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 768px),print {
    .menuFooter__linkList {
        max-width:1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 15px
    }
}

@media screen and (min-width: 768px),print {
    .menuFooter__linkListItem {
        margin-right:40px
    }

    .menuFooter__linkListItem:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__linkListItem {
        width:50%;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd
    }

    .menuFooter__linkListItem:nth-child(odd) {
        border-left: none
    }

    .menuFooter__linkListItem:nth-last-child(-n+2) {
        border-bottom: none
    }
}

@media all and (-ms-high-contrast:none) {
    .menuFooter__linkListItem a:not(.-facebook)::before {
        top: .3em
    }
}

.menuFooter__bannerListWrapper {
    border-top: 1px solid #ddd
}

@media screen and (min-width: 768px),print {
    .menuFooter__bannerListWrapper {
        padding:25px 0
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__bannerListWrapper {
        padding:20px 0
    }
}

.menuFooter__bannerList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .menuFooter__bannerList {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__bannerList {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 768px),print {
    .menuFooter__bannerListItem {
        margin:0 10px
    }
}

@media screen and (max-width: 767px) {
    .menuFooter__bannerListItem {
        margin-top:15px;
        width: calc(50% - 7.5px)
    }

    .menuFooter__bannerListItem:nth-child(-n+2) {
        margin-top: 0
    }
}

@media screen and (min-width: 768px),print {
    .menuMega {
        opacity:0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 99;
        padding: 40px 15px;
        width: 100%;
        border-top: 1px solid #ddd;
        background: #f6f6f6;
        -webkit-transition: .21s 80ms opacity;
        transition: .21s 80ms opacity
    }

    .menuMega::before {
        width: 100%;
        height: 100vh;
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        top: 100%;
        background: rgba(0,0,0,.5);
        z-index: 1;
        pointer-events: none
    }

    .is-active .menuMega {
        opacity: 1;
        pointer-events: auto
    }
}

@media screen and (max-width: 767px) {
    .menuMega {
        display:none
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__item {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1090px
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__titleWrapper {
        width:204px;
        text-align: center
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__title {
        font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__icon {
        margin-top:15px
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__link {
        position:relative;
        display: block;
        margin-top: 17px;
        padding: 13px 10px 13px 23px!important;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: left;
        text-decoration: none;
        padding-left: 15px;
        position: relative;
        -webkit-transition: .21s cubic-bezier(.47,0,.745,.715) color;
        transition: .21s cubic-bezier(.47,0,.745,.715) color
    }

    .menuMega__link::before {
        position: absolute;
        top: .2em;
        left: 0;
        width: 6px;
        height: 6px;
        border-top: 1px solid #ab1f20;
        border-right: 1px solid #ab1f20;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
        display: inline-block
    }
}

@media screen and (min-width: 768px) and (max-width:767px) {
    .menuMega__link::before {
        top:.3em
    }
}

@media screen and (min-width: 768px),print {
    .-personalLower .menuMega__link::before {
        border-color:#539356
    }

    .-businessLower .menuMega__link::before {
        border-color: #357dc8
    }

    .menuMega__link,.menuMega__link:active,.menuMega__link:hover,.menuMega__link:link,.menuMega__link:visited {
        color: #171718;
        font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        font-size: .8125rem
    }

    .menuMega__link::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 8px;
        margin: auto
    }

    .menuMega__link:hover {
        color: #ab1f20
    }

    .-personalLower .menuMega__link:hover {
        color: #539356
    }

    .-businessLower .menuMega__link:hover {
        color: #357dc8
    }
}

@media all and (-ms-high-contrast:none) {
    .menuMega__link {
        padding: 15px 10px 11px 23px!important
    }

    .menuMega__link::before {
        top: 50%;
        bottom: auto;
        margin-top: -.3em
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__btnList {
        text-align:left;
        width: calc(100% - 204px - 35px)
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__btnList {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__btnItem {
        width:calc(50% - 9px)
    }

    .menuMega__btnItem:nth-child(n+3) {
        margin-top: 12px
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__btnItemLink {
        -webkit-transition:.21s cubic-bezier(.47,0,.745,.715) color;
        transition: .21s cubic-bezier(.47,0,.745,.715) color;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 35px;
        padding-left: 0!important;
        min-height: 65px;
        background: #fff;
        -webkit-box-shadow: 1.5px 1.5px 4px 0 rgba(0,0,0,.1);
        box-shadow: 1.5px 1.5px 4px 0 rgba(0,0,0,.1);
        padding-left: 15px;
        position: relative
    }

    .menuMega__btnItemLink::before {
        position: absolute;
        top: .2em;
        left: 0;
        width: 6px;
        height: 6px;
        border-top: 1px solid #ab1f20;
        border-right: 1px solid #ab1f20;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
        display: inline-block
    }
}

@media screen and (min-width: 768px) and (max-width:767px) {
    .menuMega__btnItemLink::before {
        top:.3em
    }
}

@media screen and (min-width: 768px),print {
    .-personalLower .menuMega__btnItemLink::before {
        border-color:#539356
    }

    .-businessLower .menuMega__btnItemLink::before {
        border-color: #357dc8
    }

    .menuMega__btnItemLink,.menuMega__btnItemLink:active,.menuMega__btnItemLink:hover,.menuMega__btnItemLink:link,.menuMega__btnItemLink:visited {
        color: #171718;
        text-decoration: none;
        font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
        font-style: normal;
        font-weight: 400
    }

    .menuMega__btnItemLink::before {
        position: absolute;
        top: 0;
        right: 23px;
        bottom: 0;
        left: auto;
        margin: auto;
        width: 8px;
        height: 8px;
        border-width: 2px
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__btnItemLink {
        -webkit-transition:.21s 80ms box-shadow;
        transition: .21s 80ms box-shadow
    }

    .menuMega__btnItemLink:hover {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__btnItemLinkThumbnail {
        margin-right:20px;
        padding: 0;
        width: 120px;
        height: 85px
    }

    .menuMega__btnItemLinkThumbnail img {
        margin: 0
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__btnContent {
        width:calc(100% - 120px - 20px);
        padding: 15px 0 12px 0
    }

    .menuMega__btnContent .menuMega__btnItemLinkText {
        line-height: 1.4
    }

    .menuMega__btnContent.-lines {
        padding: 12px 0 6px 0
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__btnItemLinkCaption {
        margin-bottom:5px;
        font-size: 13px;
        font-size: .8125rem
    }
}

@media screen and (min-width: 768px),print {
    .menuMega__btnItemLinkText {
        -webkit-transition:.21s;
        transition: .21s
    }

    .menuMega__btnItemLinkText span {
        font-size: 14px;
        font-size: .875rem
    }

    .menuMega__btnItemLinkText:first-child {
        margin-left: 30px
    }

    .menuMega__btnItem:not(.-thumbnail) .menuMega__btnItemLinkText {
        height: 1em;
        line-height: 1em;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 30px
    }
}

@media all and (-ms-high-contrast:none) {
    .menuMega__btnItem:not(.-thumbnail) .menuMega__btnItemLinkText {
        padding-top: 3px
    }
}

.menuMega__btnItemLink:hover .menuMega__btnItemLinkText {
    color: #ab1f20
}

.-businessLower .menuMega__btnItemLink:hover .menuMega__btnItemLinkText {
    color: #357dc8
}

.-personalLower .menuMega__btnItemLink:hover .menuMega__btnItemLinkText {
    color: #539356
}

.menuHeaderMenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

@media screen and (min-width: 768px),print {
    .menuHeaderMenu {
        opacity:0;
        pointer-events: none;
        -webkit-transition: .3s;
        transition: .3s
    }

    .menuHeaderMenu.-open {
        opacity: 1;
        pointer-events: auto
    }
}

@media screen and (max-width: 767px) {
    .menuHeaderMenu {
        display:none
    }
}

.menuHeaderMenu__bg {
    background: rgba(0,0,0,.3);
    height: 80000px
}

.menuHeaderMenu__cont {
    background-color: #efefef;
    border-top: 1px solid #ddd;
    padding: 60px 0 80px
}

.menuHeaderMenu__contInner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

.menuHeaderMenu__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.menuHeaderMenu__boxItem {
    width: calc(20% - 43px * 4/5)
}

.menuHeaderMenu__boxItemTtl {
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px
}

.menuHeaderMenu__boxItemTtl a {
    color: #171718;
    font-weight: 400;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400;
    text-decoration: none;
    display: block;
    padding-left: 28px;
    position: relative;
    -webkit-transition: .21s;
    transition: .21s
}

.menuHeaderMenu__boxItemTtl a:hover {
    color: #ab1f20
}

.menuHeaderMenu__boxItemTtl a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0
}

.menuHeaderMenu__boxItemTtl a.-personal::before {
    background: url(/solar/common/img/icon_personal.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100%;
    top: -4px
}

.menuHeaderMenu__boxItemTtl a.-business::before {
    background: url(/solar/common/img/icon_business.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100%;
    top: -4px
}

.menuHeaderMenu__boxItemTtl a.-advantage::before {
    background: url(/solar/common/img/icon_advantage_red.png) no-repeat;
    width: 17px;
    height: 21px;
    background-size: 100%;
    top: -2px;
    left: 2px
}

.menuHeaderMenu__boxItemTtl a.-topics::before {
    background: url(/solar/common/css/img/icon_topics.png) no-repeat;
    width: 17px;
    height: 20px;
    background-size: 100%;
    top: -2px;
    left: 4px
}

.menuHeaderMenu__boxItemTtl a.-products::before {
    background: url(/solar/common/css/img/icon_solar.png) no-repeat;
    width: 21px;
    height: 15px;
    background-size: 100%;
    top: -2px
}

.menuHeaderMenu__boxItemTtl a.-case::before {
    background: url(/solar/common/css/img/icon_case.png) no-repeat;
    width: 17px;
    height: 15px;
    background-size: 100%;
    top: -2px;
    left: 3px
}

.menuHeaderMenu__boxItemTtl a.-download::before {
    background: url(/solar/common/css/img/icon_dl.png) no-repeat;
    width: 17px;
    height: 15px;
    background-size: 100%;
    top: 0;
    left: 3px
}

.menuHeaderMenu__boxItemTtl a.-support::before {
    background: url(/solar/common/css/img/icon_support_red.png) no-repeat;
    width: 22px;
    height: 20px;
    background-size: 100%;
    top: -2px
}

.menuHeaderMenu__boxItemTtl+.menuHeaderMenu__boxItemTtl {
    margin-top: 20px
}

.menuHeaderMenu__boxItemList {
    margin-top: 20px;
    padding: 0 5px
}

.menuHeaderMenu__boxItemListItem:nth-child(n+2) {
    margin-top: 10px
}

.menuHeaderMenu__boxItemListItem a {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 400;
    color: #818181;
    text-decoration: none;
    line-height: 1.45;
    -webkit-transition: .21s;
    transition: .21s
}

.menuHeaderMenu__boxItemListItem a:hover {
    color: #ab1f20
}

.menuHeaderMenu__closeBtn {
    text-align: center;
    margin-top: 90px
}

.menuHeaderMenu__closeBtn a {
    color: #171718;
    font-size: 13px;
    font-size: .8125rem
}

.menuHeaderMenu__closeBtn a:hover {
    text-decoration: none
}

.menuFIxFoot {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .3s;
    transition: .3s
}

body.-headerFix .menuFIxFoot {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (min-width: 768px),print {
    .menuFIxFoot {
        background-color:#efefef;
        padding: 15px 0
    }
}

.menuFIxFoot__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 768px),print {
    .menuFIxFoot__list {
        max-width:1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 768px),print {
    .menuFIxFoot__listItem {
        width:calc(25% - 15px * 3/4)
    }
}

@media screen and (max-width: 767px) {
    .menuFIxFoot__listItem {
        width:25%
    }

    .menuFIxFoot__listItem:nth-child(n+2) {
        border-left: 1px solid #fff
    }
}

.menuFIxFoot__listItem a {
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: center
}

@media screen and (min-width: 768px),print {
    .menuFIxFoot__listItem a {
        background-color:#fff;
        color: #ab1f20;
        font-size: 15px;
        font-size: .9375rem;
        font-weight: 700;
        padding: 18px;
        -webkit-box-shadow: 2.828px 2.828px 10px 0 rgba(0,0,0,.12);
        box-shadow: 2.828px 2.828px 10px 0 rgba(0,0,0,.12);
        -webkit-transition: .3s;
        transition: .3s
    }

    .menuFIxFoot__listItem a:hover {
        opacity: .75
    }

    .menuFIxFoot__listItem a span {
        display: inline!important
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .menuFIxFoot__listItem a {
        font-size:12px;
        font-size: .75rem
    }
}

@media screen and (max-width: 767px) {
    .menuFIxFoot__listItem a {
        line-height:1.35;
        font-size: 11px;
        font-size: .6875rem;
        background: #818181;
        color: #fff;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 11px 0 9px
    }
}

@media screen and (min-width: 768px),print {
    .wrapper {
        padding-bottom:100px
    }
}

@media screen and (max-width: 767px) {
    .wrapper {
        padding-bottom:60px
    }
}

.wrapper.-bgGray {
    background: #f6f6f6
}

@media screen and (min-width: 768px),print {
    .wrapper.-bgGray {
        padding-bottom:70px;
        margin-bottom: 70px
    }
}

@media screen and (max-width: 767px) {
    .wrapper.-bgGray {
        padding-bottom:40px;
        margin-bottom: 40px
    }
}

@media screen and (min-width: 768px),print {
    .wrapper.-topPage {
        padding-bottom:90px
    }
}

.blockNotices {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .blockNotices {
        margin-top:65px
    }
}

@media screen and (max-width: 767px) {
    .blockNotices {
        margin-top:45px
    }
}

.blockNotices__inner {
    background: #f9efef
}

@media screen and (min-width: 768px),print {
    .blockNotices__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 25px 40px
    }
}

@media screen and (max-width: 767px) {
    .blockNotices__inner {
        padding:15px
    }
}

.blockNotices__title {
    color: #ab1f20;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .blockNotices__title {
        position:relative;
        width: 150px;
        font-size: 16px;
        font-size: 1rem
    }

    .blockNotices__title::after {
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 30px;
        border-right: 1px solid #ab1f20;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        content: "";
        display: inline-block
    }
}

@media screen and (max-width: 767px) {
    .blockNotices__title {
        padding:0 3px;
        border-bottom: 1px solid #ab1f20;
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 768px),print {
    .blockNotices__list {
        padding:3px 0 0 40px;
        width: calc(100% - 150px)
    }
}

@media screen and (max-width: 767px) {
    .blockNotices__list {
        margin-top:10px
    }
}

.blockNotices__item {
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem
}

.blockNotices__item:not(:first-child) {
    margin-top: 8px
}

@media screen and (min-width: 768px),print {
    .blockNotices__item a:hover {
        color:#ab1f20
    }
}

.blockRefine {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (max-width: 767px) {
    .blockRefine {
        margin-top:20px
    }
}

@media screen and (min-width: 768px),print {
    .blockRefine+* {
        margin-top:32px
    }
}

@media screen and (max-width: 767px) {
    .blockRefine+* {
        margin-top:30px
    }
}

.blockRefine.-keywords {
    margin-top: 0
}

.article .blockRefine {
    padding: 0
}

@media screen and (min-width: 768px),print {
    .article .blockRefine {
        margin-top:70px
    }
}

@media screen and (max-width: 767px) {
    .article .blockRefine {
        margin-top:25px
    }
}

.blockRefine__inner {
    border: 2px solid #ddd;
    background: #fff
}

@media screen and (min-width: 768px),print {
    .blockRefine__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 20px 15px
    }
}

@media screen and (max-width: 767px) {
    .blockRefine__inner {
        padding:15px
    }
}

@media screen and (min-width: 768px),print {
    .article .blockRefine__inner {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width: 768px),print {
    .blockRefine__title {
        margin-top:15px;
        margin-right: 25px
    }
}

@media screen and (max-width: 767px) {
    .blockRefine__title {
        margin-bottom:10px;
        text-align: center
    }
}

@media screen and (min-width: 768px),print {
    .blockRefine__block {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 15px
    }
}

.blockRefine__inputTextWrapper {
    position: relative;
    padding-right: 50px
}

@media screen and (min-width: 768px),print {
    .blockRefine__inputTextWrapper {
        margin-right:15px;
        width: 230px
    }
}

@media screen and (max-width: 1200px) {
    .blockRefine__inputTextWrapper {
        width:150px
    }
}

@media screen and (max-width: 767px) {
    .blockRefine__inputTextWrapper {
        width:100%
    }
}

.blockRefine__inputText {
    padding: 4px 12px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-size: .875rem
}

@media screen and (min-width: 768px),print {
    .blockRefine__inputText {
        margin-right:15px;
        width: 230px
    }
}

@media all and (-ms-high-contrast:none) {
    .blockRefine__inputText {
        padding-top: 7px;
        height: 32px
    }
}

@media screen and (max-width: 1200px) {
    .blockRefine__inputText {
        width:150px
    }
}

@media screen and (max-width: 767px) {
    .blockRefine__inputText {
        width:100%;
        padding: 8px 12px
    }
}

@media screen and (min-width: 768px),print {
    .-keywords .blockRefine__inputText {
        margin-right:10px;
        width: 500px
    }
}

.blockRefine__inputTextWrapper .blockRefine__inputText {
    margin: 0;
    width: 100%
}

.blockRefine__inputTextButton {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px;
    width: 50px;
    height: 100%;
    border: none;
    background: 0 0;
    background: #b1b1b1;
    color: #fff;
    text-align: center;
    line-height: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    font-size: .8125rem
}

.blockRefine__inputSelectWrapper {
    position: relative;
    border: 1px solid #ddd;
    line-height: 1
}

@media screen and (min-width: 768px),print {
    .blockRefine__inputSelectWrapper {
        margin-right:20px
    }
}

@media screen and (max-width: 767px) {
    .blockRefine__inputSelectWrapper {
        margin-top:10px
    }
}

.blockRefine__inputSelectWrapper::after,.blockRefine__inputSelectWrapper::before {
    position: absolute;
    pointer-events: none;
    content: "";
    display: inline-block
}

.blockRefine__inputSelectWrapper::before {
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: #b1b1b1
}

.blockRefine__inputSelectWrapper::after {
    top: 13px;
    right: 10px;
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

@media screen and (max-width: 767px) {
    .blockRefine__inputSelectWrapper::after {
        top:17px
    }
}

.blockRefine__inputSelect {
    padding: 8px 12px;
    border: none;
    background: 0 0;
    line-height: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    font-size: .875rem
}

@media screen and (min-width: 768px),print {
    .blockRefine__inputSelect {
        width:230px
    }
}

@media all and (-ms-high-contrast:none) {
    .blockRefine__inputSelect {
        height: 32px;
        padding: 3px 12px 0
    }
}

@media screen and (max-width: 1200px) {
    .blockRefine__inputSelect {
        width:180px
    }
}

@media screen and (max-width: 767px) {
    .blockRefine__inputSelect {
        width:100%;
        padding: 12px;
        font-size: 14px;
        font-size: .875rem
    }
}

.blockRefine__inputSelect::-ms-expand {
    display: none
}

.blockRefine__definitionList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

@media screen and (max-width: 767px) {
    .blockRefine__definitionList {
        margin-top:15px
    }
}

.blockRefine__definitionTeam {
    margin-right: 10px;
    font-size: 14px;
    font-size: .875rem
}

.blockRefine__definitionTeam::after {
    margin-left: 10px;
    content: ":"
}

.blockRefine__definitiondDescription {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-size: .875rem;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

.blockRefine__definitiondDescription::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #b1b1b1;
    content: "";
    display: inline-block
}

.blockRefine__definitiondDescription a {
    text-decoration: underline;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400
}

.blockRefine__inputButtonWrapper {
    border: 1px solid #ddd;
    line-height: 1
}

@media screen and (min-width: 768px),print {
    .blockRefine__inputButtonWrapper {
        margin-right:20px;
        background: #f6f6f6 url(/solar/common/css/img/icon_search2.png) 10px center no-repeat;
        background-size: 15px
    }
}

@media screen and (max-width: 767px) {
    .blockRefine__inputButtonWrapper {
        margin:30px auto 0;
        width: 200px;
        background: #f6f6f6 url(/solar/common/css/img/icon_search2.png) 3.8em center no-repeat;
        background-size: 15px
    }
}

@media screen and (min-width: 768px),print {
    .-keywords .blockRefine__inputButtonWrapper {
        background:#f6f6f6 url(/solar/common/css/img/icon_search2.png) 22px center no-repeat;
        background-size: 15px
    }
}

@media screen and (max-width: 767px) {
    .-keywords .blockRefine__inputButtonWrapper {
        margin-top:15px;
        background: #f6f6f6 url(/solar/common/css/img/icon_search2.png) 4.5em center no-repeat;
        background-size: 15px
    }
}

.blockRefine__inputButton {
    padding: 8px 15px 8px 30px;
    border: none;
    background: 0 0;
    line-height: 1;
    font-size: 13px;
    font-size: .8125rem
}

@media screen and (max-width: 767px) {
    .blockRefine__inputButton {
        width:100%;
        text-align: center;
        font-size: 15px;
        font-size: .9375rem;
        padding: 10px 15px 10px 30px
    }
}

@media screen and (min-width: 768px),print {
    .-keywords .blockRefine__inputButton {
        padding:8px 32px 8px 45px
    }
}

.blockRefine__clear {
    text-decoration: underline;
    line-height: 1;
    font-size: 13px;
    font-size: .8125rem
}

@media screen and (max-width: 767px) {
    .blockRefine__clear {
        display:block;
        margin-top: 18px;
        text-align: right
    }
}

.blockBackground {
    margin-top: 40px;
    background: #f6f6f6
}

@media screen and (min-width: 768px),print {
    .blockBackground {
        padding:25px 30px
    }
}

@media screen and (max-width: 767px) {
    .blockBackground {
        padding:20px 15px
    }
}

@media screen and (min-width: 768px),print {
    .blockBackground+* {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .blockBackground+* {
        margin-top:25px
    }
}

@media screen and (min-width: 768px),print {
    .blockColumn1::after {
        content:"";
        display: block;
        clear: both
    }
}

@media screen and (max-width: 767px) {
    .blockColumn1 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 8px
    }
}

.blockColumn1__link:hover {
    color: #171718;
    display: block
}

@media screen and (min-width: 768px),print {
    .blockColumn1__picture,.wysiwyg div.blockColumn1 p:first-child {
        float:left;
        margin: 0 30px 0 0;
        -webkit-transition: .21s;
        transition: .21s
    }

    .wysiwyg div.blockColumn1 a:hover p:first-child,a:hover .blockColumn1__picture,a:hover .wysiwyg div.blockColumn1 p:first-child {
        opacity: .75
    }
}

@media screen and (max-width: 767px) {
    .blockColumn1__picture,.wysiwyg div.blockColumn1 p:first-child {
        -webkit-box-ordinal-group:4;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 13px;
        text-align: center
    }
}

.blockColumn1__picture img,.wysiwyg div.blockColumn1 p:first-child img {
    width: 190px
}

@media screen and (min-width: 768px),print {
    .blockColumn1__title,.wysiwyg div.blockColumn1 h6 {
        overflow:hidden;
        -webkit-transition: .21s;
        transition: .21s
    }
}

@media all and (-ms-high-contrast:none) {
    .blockColumn1__title a::before,.wysiwyg div.blockColumn1 h6 a::before {
        top: .3em!important
    }
}

@media screen and (max-width: 767px) {
    .blockColumn1__title,.wysiwyg div.blockColumn1 h6 {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        font-size: 14px;
        font-size: .875rem
    }
}

.blockColumn1__text,.wysiwyg div.blockColumn1 p:not(:first-child) {
    font-size: 14px;
    font-size: .875rem
}

@media screen and (min-width: 768px),print {
    .blockColumn1__text,.wysiwyg div.blockColumn1 p:not(:first-child) {
        overflow:hidden;
        margin-top: 10px
    }
}

@media screen and (max-width: 767px) {
    .blockColumn1__text,.wysiwyg div.blockColumn1 p:not(:first-child) {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 8px
    }
}

.blockColumn1__caption {
    font-size: 14px;
    font-size: .875rem;
    position: relative;
    overflow: hidden;
    padding-left: 15px;
    position: relative;
    margin-top: 8px
}

.blockColumn1__caption::before {
    position: absolute;
    top: .2em;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ab1f20;
    border-right: 1px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media all and (-ms-high-contrast:none) {
    .blockColumn1__caption::before {
        top: .1em
    }
}

@media screen and (max-width: 767px) {
    .blockColumn1__caption::before {
        top:.3em
    }
}

.-personalLower .blockColumn1__caption::before {
    border-color: #539356
}

.-businessLower .blockColumn1__caption::before {
    border-color: #357dc8
}

@media screen and (min-width: 768px),print {
    .blockColumn1__caption {
        -webkit-transition:.21s;
        transition: .21s
    }
}

@media screen and (min-width: 768px),print {
    .-businessLower a:hover .blockColumn1__caption {
        color:#357dc8
    }

    .-personalLower a:hover .blockColumn1__caption {
        color: #539356
    }
}

.blockColumn1__caption::before {
    top: 8px
}

.blockColumn2 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .blockColumn2 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 768px),print {
    .boxIndexB+.blockColumn2 {
        margin-top:88px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexB+.blockColumn2 {
        margin-top:45px
    }
}

@media screen and (min-width: 768px),print {
    .blockColumn2__item {
        width:calc(50% - 15px)
    }
}

@media screen and (max-width: 767px) {
    .blockColumn2__item:nth-child(n+2) {
        margin-top:30px
    }
}

.blockImage::after {
    content: "";
    display: block;
    clear: both
}

.blockImage+* {
    margin-top: 25px
}

.text+.blockImage,.wysiwyg p+.blockImage {
    margin-top: 25px
}

@media screen and (min-width: 768px),print {
    .-left .blockImage__picture {
        margin:0 20px 20px 0
    }

    .-right .blockImage__picture {
        margin: 0 0 20px 20px
    }
}

@media screen and (max-width: 767px) {
    .blockImage__picture {
        float:right!important;
        margin: 0 0 15px 15px
    }
}

.-center .blockImage__picture {
    text-align: center
}

@media screen and (min-width: 768px),print {
    .-left .blockImage__picture {
        float:left
    }

    .-right .blockImage__picture {
        float: right
    }
}

@media screen and (max-width: 767px) {
    .-left .blockImage__picture {
        float:right;
        width: 165px
    }

    .-right .blockImage__picture {
        float: right;
        width: 165px
    }
}

.blockImage__text {
    font-size: 14px;
    font-size: .875rem
}

.blockContact {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .blockContact {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .blockContact {
        margin-top:30px
    }
}

.blockContact__inner {
    background: #fff
}

@media screen and (min-width: 768px),print {
    .blockContact__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 25px
    }
}

.blockContact__title {
    background: #ddd;
    text-align: center;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .blockContact__title {
        padding:15px;
        width: 100%;
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media screen and (max-width: 767px) {
    .blockContact__title {
        padding:8px;
        font-size: 16px;
        font-size: 1rem
    }
}

.blockContact__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px
}

@media screen and (min-width: 768px),print {
    .blockContact__item {
        margin-top:30px;
        width: 50%;
        border-right: 2px solid #ddd
    }

    .blockContact__item+.blockContact__item {
        border-right: none
    }

    .blockContact__item+.listDot {
        padding: 20px 30px 0
    }
}

@media screen and (min-width: 1024px),print {
    .blockContact__item {
        padding-left:100px
    }

    .blockContact__item+.blockContact__item {
        padding-left: 50px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .blockContact__item {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 767px) {
    .blockContact__item {
        display:block;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: center
    }

    .blockContact__item+.blockContact__item {
        border-top: 1px solid #ddd
    }

    .blockContact__item+.listDot {
        padding: 24px 30px
    }
}

.blockContact__icon {
    margin-right: 40px;
    width: 90px;
    height: 90px;
    border-radius: 100%
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .blockContact__icon {
        margin-right:20px;
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width: 767px) {
    .blockContact__icon {
        margin:0 auto 10px;
        width: 50px;
        height: 50px
    }
}

.blockContact__subTitle {
    font-size: 17px;
    font-size: 1.0625rem
}

.blockContact__tel {
    margin-top: 8px;
    line-height: 1
}

.blockContact__telLink {
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    font-size: 1.5rem
}

.blockContact__telLink::before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 5px;
    width: 25px;
    height: 20px;
    background: url(/solar/common/css//img/icon_freecall.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    content: "";
    display: inline-block
}

.blockContact__button {
    margin-top: 6px
}

.blockContact__caption {
    margin-top: 7px;
    font-size: 13px;
    font-size: .8125rem
}

@media screen and (min-width: 768px),print {
    .blockImageContents {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width: 768px),print {
    .blockImageContents__image {
        width:330px
    }
}

@media screen and (max-width: 767px) {
    .blockImageContents__image {
        width:190px;
        margin-left: auto;
        margin-right: auto;
        display: block
    }
}

@media screen and (min-width: 768px),print {
    .blockImageContents__contents {
        width:calc(100% - 350px)
    }
}

@media screen and (max-width: 767px) {
    .blockImageContents__contents {
        margin-top:30px
    }
}

.blockContact.-mailWrap .blockContact__item,.blockContact.-telWrap .blockContact__item {
    border: none
}

.blockContact.-telWrap .blockContact__item:nth-of-type(2) {
    display: none
}

.blockContact.-mailWrap .blockContact__item:nth-of-type(1) {
    display: none
}

@media screen and (min-width: 768px),print {
    .blockContact.-mailWrap .blockContact__item .blockContact__content,.blockContact.-telWrap .blockContact__item .blockContact__content {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .blockContact.-mailWrap .blockContact__item .blockContact__subTitle,.blockContact.-telWrap .blockContact__item .blockContact__subTitle {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        font-size: 16px;
        font-size: 1rem
    }

    .blockContact.-mailWrap .blockContact__item .blockContact__caption,.blockContact.-telWrap .blockContact__item .blockContact__caption {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 0;
        font-size: 14px;
        font-size: .875rem
    }

    .blockContact.-mailWrap .blockContact__item .blockContact__button,.blockContact.-mailWrap .blockContact__item .blockContact__tel,.blockContact.-telWrap .blockContact__item .blockContact__button,.blockContact.-telWrap .blockContact__item .blockContact__tel {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .blockContact.-telWrap .blockContact__item:nth-of-type(1) {
        width: 600px;
        padding: 0
    }

    .blockContact.-telWrap .blockContact__item:nth-of-type(1) .blockContact__content {
        width: calc(100% - 90px - 40px)
    }

    .blockContact.-telWrap .blockContact__item:nth-of-type(1) .blockContact__content .blockContact__tel .blockContact__telLink {
        font-size: 32px;
        font-weight: 700
    }

    .blockContact.-telWrap .blockContact__item:nth-of-type(1) .blockContact__content .blockContact__tel .blockContact__telLink::before {
        width: 35px;
        height: 28px;
        margin-right: 15px
    }

    .blockContact.-mailWrap .blockContact__item:nth-of-type(1) {
        display: none
    }

    .blockContact.-mailWrap .blockContact__item:nth-of-type(2) {
        width: 480px;
        padding: 0
    }

    .blockContact.-mailWrap .blockContact__item:nth-of-type(2) .blockContact__content {
        width: calc(100% - 90px - 40px)
    }
}

.blockPageLink {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (max-width: 767px) {
    .blockPageLink {
        margin-top:20px
    }
}

@media screen and (min-width: 768px),print {
    .blockPageLink+* {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .blockPageLink+* {
        margin-top:30px
    }
}

.blockPageLink__inner {
    border: 2px solid #ddd
}

@media screen and (min-width: 768px),print {
    .blockPageLink__inner {
        padding:15px 20px
    }
}

@media screen and (max-width: 767px) {
    .blockPageLink__inner {
        padding:15px
    }
}

@media screen and (min-width: 768px),print {
    .blockPageLink__cont {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.blockPageLink__cont+.blockPageLink__cont {
    border-top: 1px solid #ddd
}

@media screen and (min-width: 768px),print {
    .blockPageLink__cont+.blockPageLink__cont {
        margin-top:18px;
        padding-top: 13px
    }
}

@media screen and (max-width: 767px) {
    .blockPageLink__cont+.blockPageLink__cont {
        margin-top:13px;
        padding-top: 10px
    }
}

.blockPageLink__title {
    font-weight: 700;
    line-height: 1.4
}

@media screen and (min-width: 768px),print {
    .blockPageLink__title {
        width:280px;
        min-width: 280px;
        max-width: 280px
    }
}

@media screen and (max-width: 767px) {
    .blockPageLink__title+* {
        margin-top:5px
    }
}

.blockPageLink__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.2
}

@media screen and (min-width: 768px),print {
    .blockPageLink__list {
        margin-bottom:-8px
    }
}

@media screen and (max-width: 767px) {
    .blockPageLink__list {
        margin-bottom:-8px
    }
}

@media screen and (min-width: 768px),print {
    .blockPageLink__list li {
        margin-bottom:8px;
        font-size: 13px;
        font-size: .8125rem
    }
}

@media screen and (max-width: 767px) {
    .blockPageLink__list li {
        margin-bottom:8px;
        font-size: 11px;
        font-size: .6875rem
    }
}

.blockPageLink__list li:not(:last-child) {
    border-right: 1px solid #ddd
}

@media screen and (min-width: 768px),print {
    .blockPageLink__list li:not(:last-child) {
        margin-right:15px;
        padding-right: 15px
    }
}

@media screen and (max-width: 767px) {
    .blockPageLink__list li:not(:last-child) {
        margin-right:8px;
        padding-right: 8px
    }
}

.blockPageLink__list li a {
    text-decoration: underline
}

.blockPageLink__list li a:hover {
    text-decoration: none
}

@media screen and (min-width: 768px),print {
    .blockHeadTitle+* {
        margin-top:55px
    }
}

@media screen and (max-width: 767px) {
    .blockHeadTitle+* {
        margin-top:34px
    }
}

.blockHeadTitle__main {
    font-weight: 700;
    line-height: 1.4
}

@media screen and (min-width: 768px),print {
    .blockHeadTitle__main {
        font-size:28px;
        font-size: 1.75rem
    }
}

@media screen and (max-width: 767px) {
    .blockHeadTitle__main {
        font-size:18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 768px),print {
    .blockHeadTitle__main+* {
        margin-top:16px
    }
}

@media screen and (max-width: 767px) {
    .blockHeadTitle__main+* {
        margin-top:16px
    }
}

@media screen and (min-width: 768px),print {
    .blockHeadTitle__sub {
        font-size:16px;
        font-size: 1rem
    }
}

@media screen and (max-width: 767px) {
    .blockHeadTitle__sub {
        font-size:14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 768px),print {
    .blockHeadTitle__sub+* {
        margin-top:30px!important
    }
}

@media screen and (max-width: 767px) {
    .blockHeadTitle__sub+* {
        margin-top:21px!important
    }
}

.blockAttention {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .blockAttention {
        margin-top:55px
    }
}

@media screen and (max-width: 767px) {
    .blockAttention {
        margin-top:34px
    }
}

.blockAttention__inner {
    background: #fff;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.15);
    box-shadow: 0 2px 10px rgba(0,0,0,.15)
}

@media screen and (min-width: 768px),print {
    .blockAttention__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 25px
    }

    .blockAttention__inner .listDot {
        padding: 0 20px
    }
}

@media screen and (max-width: 767px) {
    .blockAttention__inner .listDot {
        padding:0 10px
    }
}

.blockAttention__title {
    background: #888;
    color: #fff;
    width: 100%;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .blockAttention__title {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 30px
    }
}

@media screen and (max-width: 767px) {
    .blockAttention__title {
        padding:15px
    }
}

.blockAttention__title strong {
    white-space: nowrap
}

@media screen and (min-width: 768px),print {
    .blockAttention__title strong {
        margin-right:40px;
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media screen and (max-width: 767px) {
    .blockAttention__title strong {
        display:block;
        text-align: center;
        margin-bottom: 5px;
        font-size: 18px;
        font-size: 1.125rem
    }
}

.blockAttention__title span {
    font-weight: 400;
    display: block
}

@media screen and (min-width: 768px),print {
    .blockAttention__title span {
        line-height:1.5
    }
}

@media screen and (max-width: 767px) {
    .blockAttention__title span {
        line-height:1.4;
        font-size: 13px;
        font-size: .8125rem
    }

    .blockAttention__title span br {
        display: none
    }
}

.blockAttention__subTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px),print {
    .blockAttention__subTitle {
        padding:10px 20px;
        line-height: 1.6
    }
}

@media screen and (max-width: 767px) {
    .blockAttention__subTitle {
        padding:8px 15px
    }
}

.blockAttention__subTitle strong {
    white-space: nowrap
}

@media screen and (min-width: 768px),print {
    .blockAttention__subTitle strong {
        margin-right:20px;
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media screen and (max-width: 767px) {
    .blockAttention__subTitle strong {
        margin-right:15px;
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media screen and (max-width: 767px) {
    .blockAttention__subTitle span {
        font-size:11px;
        font-size: .6875rem
    }
}

@media screen and (min-width: 768px),print {
    .blockAttention__subTitle+* {
        margin-top:50px
    }
}

@media screen and (max-width: 767px) {
    .blockAttention__subTitle+* {
        margin-top:34px
    }
}

@media screen and (min-width: 768px),print {
    .blockAttention__subTitle+.listDot {
        margin-top:20px
    }
}

@media screen and (max-width: 767px) {
    .blockAttention__subTitle+.listDot {
        margin-top:15px
    }
}

.blockAttention__cont {
    width: 100%
}

@media screen and (min-width: 768px),print {
    .blockAttention__cont {
        padding:30px
    }
}

@media screen and (max-width: 767px) {
    .blockAttention__cont {
        padding:20px 15px
    }
}

.blockAttention__subTitle {
    background-color: #efefef
}

@media screen and (min-width: 768px),print {
    .blockAttention__list {
        margin-top:20px;
        padding-left: 20px
    }
}

@media screen and (max-width: 767px) {
    .blockAttention__list {
        margin-top:15px;
        padding-left: 15px
    }
}

.boxIndexA {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .boxIndexA {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 65px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexA {
        margin-top:35px
    }
}

@media screen and (min-width: 768px),print {
    .boxIndexA__item {
        padding:30px;
        width: calc(50% - 15px)
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxIndexA__item {
        padding:20px;
        width: calc(50% - 10px)
    }
}

@media screen and (max-width: 767px) {
    .boxIndexA__item {
        padding:15px
    }
}

.boxIndexA__item.-personal {
    background: #edf4ee
}

.boxIndexA__item.-business {
    background: #eaf2f9
}

@media screen and (max-width: 767px) {
    .boxIndexA__item+.boxIndexA__item {
        margin-top:15px
    }
}

.boxIndexA__link {
    position: relative;
    position: relative;
    display: block;
    background: #fff;
    -webkit-box-shadow: 1.5px 1.5px 5px 0 rgba(0,0,0,.12);
    box-shadow: 1.5px 1.5px 5px 0 rgba(0,0,0,.12)
}

.boxIndexA__link,.boxIndexA__link:active,.boxIndexA__link:hover,.boxIndexA__link:link,.boxIndexA__link:visited {
    color: #171718
}

@media screen and (min-width: 768px),print {
    .boxIndexA__link {
        padding:38px 50px 38px 160px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxIndexA__link {
        padding:25px 50px 25px 120px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexA__link {
        padding:18px 45px 18px 120px
    }
}

@media screen and (min-width: 768px),print {
    .boxIndexA__link {
        -webkit-transition:.21s 80ms box-shadow;
        transition: .21s 80ms box-shadow
    }

    .boxIndexA__link:hover {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

.boxIndexA__link::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 13px;
    height: 13px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media screen and (min-width: 768px),print {
    .boxIndexA__link::after {
        right:25px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexA__link::after {
        right:18px
    }
}

.-personal .boxIndexA__link::after {
    border-color: #539356
}

.-business .boxIndexA__link::after {
    border-color: #357dc8
}

.boxIndexA__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%
}

@media screen and (min-width: 768px),print {
    .boxIndexA__icon {
        left:30px;
        width: 105px;
        height: 105px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxIndexA__icon {
        left:20px;
        width: 80px;
        height: 80px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexA__icon {
        left:20px;
        width: 80px;
        height: 80px
    }
}

.-personal .boxIndexA__icon {
    background: #539356 url(/solar/common/css/img/icon_house.png) center no-repeat
}

@media screen and (min-width: 768px),print {
    .-personal .boxIndexA__icon {
        background-size:57px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .-personal .boxIndexA__icon {
        background-size:40px
    }
}

@media screen and (max-width: 767px) {
    .-personal .boxIndexA__icon {
        background-size:45px
    }
}

.-business .boxIndexA__icon {
    background: #357dc8 url(/solar/common/css/img/icon_building.png) center no-repeat
}

@media screen and (min-width: 768px),print {
    .-business .boxIndexA__icon {
        background-size:57px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .-business .boxIndexA__icon {
        background-size:40px
    }
}

@media screen and (max-width: 767px) {
    .-business .boxIndexA__icon {
        background-size:45px
    }
}

.boxIndexA__title {
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400
}

@media screen and (min-width: 768px),print {
    .boxIndexA__title {
        font-size:24px;
        font-size: 1.5rem;
        -webkit-transition: .21s;
        transition: .21s
    }

    a:hover .boxIndexA__title {
        color: #ab1f20
    }
}

@media screen and (max-width: 767px) {
    .boxIndexA__title {
        font-size:18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 768px),print {
    .boxIndexA__text {
        margin-top:8px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxIndexA__text br {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .boxIndexA__text {
        margin-top:3px;
        font-size: 14px;
        font-size: .875rem
    }
}

.boxIndexB {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .boxIndexB {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 80px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxIndexB {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .boxIndexB {
        margin-top:50px
    }
}

.boxIndexB.-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 768px),print {
    .boxIndexB__item {
        margin-right:20px
    }

    .boxIndexB__item:nth-child(1) {
        width: calc((40%) - (20px * 2 / 3))
    }

    .boxIndexB__item:nth-child(2),.boxIndexB__item:nth-child(3) {
        width: calc((30%) - (20px * 2 / 3))
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxIndexB__item:not(:first-child) {
        margin-top:15px
    }

    .boxIndexB__item:nth-child(1),.boxIndexB__item:nth-child(2),.boxIndexB__item:nth-child(3) {
        margin-right: 0;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .boxIndexB__item {
        margin-top:12px
    }

    .boxIndexB__item:first-child {
        margin-top: 0
    }
}

@media screen and (min-width: 768px),print {
    .-arrow .boxIndexB__item {
        margin-top:0;
        margin-right: 0;
        width: calc(50% - 15px)
    }

    .-arrow .boxIndexB__item:nth-child(n+3) {
        margin-top: 30px
    }
}

@media screen and (max-width: 767px) {
    .-arrow .boxIndexB__item {
        min-height:95px;
        width: 100%
    }
}

.boxIndexB__link {
    position: relative;
    display: block;
    height: 100%;
    border: 3px solid #ddd;
    background: #fff
}

.boxIndexB__link,.boxIndexB__link:active,.boxIndexB__link:hover,.boxIndexB__link:link,.boxIndexB__link:visited {
    color: #171718
}

@media screen and (min-width: 768px),print {
    .boxIndexB__link {
        padding:20px 20px 20px 115px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexB__link {
        padding:12px 15px 12px 100px
    }
}

.-arrow .boxIndexB__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 768px),print {
    .-arrow .boxIndexB__link {
        padding:20px 100px 20px 115px;
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .-arrow .boxIndexB__link {
        padding:10px 50px 10px 115px
    }
}

@media screen and (max-width: 767px) {
    .-arrow .boxIndexB__link {
        overflow:hidden;
        padding: 14px 45px 14px 90px;
        font-size: 16px;
        font-size: 1rem
    }
}

.-arrow .boxIndexB__link::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 2px solid #ab1f20;
    border-right: 2px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media screen and (min-width: 768px),print {
    .-arrow .boxIndexB__link::after {
        right:30px;
        width: 13px;
        height: 13px
    }
}

@media screen and (max-width: 767px) {
    .-arrow .boxIndexB__link::after {
        right:20px;
        width: 10px;
        height: 10px
    }
}

.boxIndexB__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px),print {
    .boxIndexB__icon {
        left:30px;
        width: 59px;
        height: 59px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexB__icon {
        left:28px;
        width: 44px;
        height: 44px
    }
}

.boxIndexB__title {
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400
}

@media screen and (min-width: 768px),print {
    .boxIndexB__title {
        font-size:22px;
        font-size: 1.375rem;
        -webkit-transition: .21s;
        transition: .21s
    }

    a:hover .boxIndexB__title {
        color: #ab1f20
    }
}

@media screen and (max-width: 767px) {
    .boxIndexB__title {
        font-size:18px;
        font-size: 1.125rem;
        line-height: 1.45
    }
}

.boxIndexA__item.-personal .boxIndexA__link:hover .boxIndexA__title {
    color: #539356
}

.boxIndexA__item.-business .boxIndexA__link:hover .boxIndexA__title {
    color: #357dc8
}

.boxIndexB__text {
    font-size: 13px;
    font-size: .8125rem
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxIndexB__text br {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .boxIndexB__text {
        margin-top:8px
    }
}

@media screen and (min-width: 768px),print {
    .-support .boxIndexB__text {
        font-size:14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 768px),print {
    .boxPickup {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 768px),print {
    .boxPickup__item {
        position:relative;
        margin-top: 30px;
        margin-right: 30px;
        width: calc((100% / 3) - (30px * 2 / 3))
    }

    .boxPickup__item:nth-child(3n) {
        margin-right: 0
    }

    .boxPickup__item:nth-child(-n+3) {
        margin-top: 0
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxPickup__item {
        margin-right:20px;
        width: calc((100% / 3) - (20px * 2 / 3))
    }
}

@media screen and (max-width: 767px) {
    .boxPickup__item {
        margin-top:15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd
    }

    .boxPickup__item::after {
        content: "";
        display: block;
        clear: both
    }

    .boxPickup__item:first-child {
        margin-top: 0
    }

    .boxPickup__item:last-child {
        padding-bottom: 0;
        border-bottom: none
    }
}

.boxPickup__link,.boxPickup__link:active,.boxPickup__link:hover,.boxPickup__link:link,.boxPickup__link:visited {
    color: #171718
}

@media screen and (min-width: 768px),print {
    .boxPickup__thumbnail {
        -webkit-transition:.21s;
        transition: .21s
    }

    a:hover .boxPickup__thumbnail {
        opacity: .75
    }
}

@media screen and (max-width: 767px) {
    .boxPickup__thumbnail {
        position:relative;
        float: left;
        margin-right: 15px;
        width: 120px;
        height: 112px
    }
}

.boxPickup__itemCategory {
    position: absolute;
    left: 0;
    color: #fff;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .boxPickup__itemCategory {
        top:0;
        display: inline-block;
        padding: 5px 20px;
        font-size: 14px;
        font-size: .875rem
    }
}

@media all and (-ms-high-contrast:none) {
    .boxPickup__itemCategory {
        padding: 7px 20px 3px
    }
}

@media screen and (max-width: 767px) {
    .boxPickup__itemCategory {
        bottom:0;
        display: block;
        padding: 3px 10px;
        width: 100%;
        text-align: center;
        font-size: 13px;
        font-size: .8125rem
    }
}

.boxPickup__itemCategory.-personal {
    background: #539356
}

.boxPickup__itemCategory.-business {
    background: #357dc8
}

.boxPickup__title {
    line-height: 1.4;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400
}

@media screen and (min-width: 768px),print {
    .boxPickup__title {
        margin-top:20px;
        font-size: 20px;
        font-size: 1.25rem;
        -webkit-transition: .21s;
        transition: .21s
    }

    a:hover .boxPickup__title {
        color: #ab1f20
    }
}

@media screen and (max-width: 767px) {
    .boxPickup__title {
        overflow:hidden;
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxPickup__title br {
        display:none
    }
}

@media screen and (min-width: 768px),print {
    .boxPickup__text {
        margin-top:14px;
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .boxPickup__text {
        overflow:hidden;
        margin-top: 6px;
        font-size: 13px;
        font-size: .8125rem
    }
}

@media screen and (min-width: 768px),print {
    .boxProductsIndex {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 768px),print {
    .boxProductsIndex__item {
        margin-top:40px;
        margin-right: 30px;
        width: calc(25% - 90px / 4)
    }

    .boxProductsIndex__item:nth-child(-n+4) {
        margin-top: 0
    }

    .boxProductsIndex__item:nth-child(4n) {
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .boxProductsIndex__item {
        margin-top:15px;
        padding-top: 15px;
        border-top: 1px solid #ddd
    }

    .boxProductsIndex__item:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: none
    }
}

.boxProductsIndex__link,.boxProductsIndex__link:active,.boxProductsIndex__link:hover,.boxProductsIndex__link:link,.boxProductsIndex__link:visited {
    color: #171718
}

@media screen and (min-width: 768px),print {
    .boxProductsIndex__link {
        position:relative;
        display: block
    }
}

@media screen and (max-width: 767px) {
    .boxProductsIndex__link::after {
        content:"";
        display: block;
        clear: both
    }
}

@media screen and (min-width: 768px),print {
    .boxProductsIndex__thumbnail {
        position:relative;
        padding-top: 100%;
        -webkit-transition: .21s;
        transition: .21s
    }

    a:hover .boxProductsIndex__thumbnail {
        opacity: .75
    }

    .boxProductsIndex__thumbnail img {
        position: absolute;
        top: 0;
        left: 0
    }
}

@media screen and (max-width: 767px) {
    .boxProductsIndex__thumbnail {
        float:left;
        margin-right: 17px;
        width: 120px
    }

    .boxProductsIndex__thumbnail img {
        height: 120px!important
    }
}

.boxProductsIndex__thumbnail img {
    border: 1px solid #ddd
}

.boxProductsIndex__category {
    display: block;
    color: #fff;
    text-align: center;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .boxProductsIndex__category {
        position:absolute;
        top: 0;
        left: 0;
        padding: 6px 25px;
        font-size: 14px;
        font-size: .875rem
    }
}

@media all and (-ms-high-contrast:none) {
    .boxProductsIndex__category {
        padding: 8px 25px 4px
    }
}

@media screen and (max-width: 767px) {
    .boxProductsIndex__category {
        padding:3px;
        width: 100%;
        font-size: 13px;
        font-size: .8125rem
    }
}

.boxProductsIndex__category.-home {
    background: #539356
}

.boxProductsIndex__category.-industrial {
    background: #357dc8
}

.boxProductsIndex__title {
    padding-left: 20px;
    line-height: 1.3;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700;
    padding-left: 15px;
    position: relative
}

.boxProductsIndex__title::before {
    position: absolute;
    top: .2em;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ab1f20;
    border-right: 1px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media all and (-ms-high-contrast:none) {
    .boxProductsIndex__title::before {
        top: .1em
    }
}

@media screen and (max-width: 767px) {
    .boxProductsIndex__title::before {
        top:.3em
    }
}

.-personalLower .boxProductsIndex__title::before {
    border-color: #539356
}

.-businessLower .boxProductsIndex__title::before {
    border-color: #357dc8
}

@media screen and (min-width: 768px),print {
    .boxProductsIndex__title {
        margin-top:20px;
        font-size: 18px;
        font-size: 1.125rem;
        -webkit-transition: .21s;
        transition: .21s
    }

    a:hover .boxProductsIndex__title {
        color: #ab1f20
    }

    .boxProductsIndex__title::before {
        top: .42em;
        width: 7px;
        height: 7px
    }
}

@media all and (-ms-high-contrast:none) {
    .boxProductsIndex__title::before {
        top: .26em
    }
}

@media screen and (max-width: 767px) {
    .boxProductsIndex__title {
        overflow:hidden;
        font-size: 16px;
        font-size: 1rem
    }

    .boxProductsIndex__title::before {
        top: .45em
    }
}

.boxProductsIndex__text {
    color: #818181;
    font-size: 14px;
    font-size: .875rem
}

@media screen and (min-width: 768px),print {
    .boxProductsIndex__text {
        margin-top:5px;
        -webkit-transition: .21s;
        transition: .21s
    }
}

@media screen and (max-width: 767px) {
    .boxProductsIndex__text {
        overflow:hidden;
        margin-top: 8px
    }
}

.boxProductsIndex__tag {
    display: inline-block;
    padding: 0 10px;
    border: 1px solid #ddd;
    font-size: 12px;
    font-size: .75rem
}

@media screen and (min-width: 768px),print {
    .boxProductsIndex__tag {
        margin-top:6px
    }
}

@media all and (-ms-high-contrast:none) {
    .boxProductsIndex__tag {
        padding: 5px 10px 0
    }
}

@media screen and (max-width: 767px) {
    .boxProductsIndex__tag {
        overflow:hidden;
        margin-top: 8px
    }
}

.boxColumn2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 768px),print {
    .boxColumn2__item,.wysiwyg div.boxColumn2 div {
        margin-top:23px;
        width: calc(50% - 15px)
    }
}

@media screen and (max-width: 767px) {
    .boxColumn2__item,.wysiwyg div.boxColumn2 div {
        margin-top:15px;
        width: calc(50% - 6.5px)
    }
}

.boxColumn2__item:nth-child(-n+2),.wysiwyg div.boxColumn2 div:nth-child(-n+2) {
    margin-top: 0
}

.boxColumn2__picture img {
    width: 100%
}

@media screen and (min-width: 768px),print {
    .boxColumn2__text,.wysiwyg div.boxColumn2 p+p {
        margin-top:10px;
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .boxColumn2__text,.wysiwyg div.boxColumn2 p+p {
        margin-top:6px;
        line-height: 1.5;
        font-size: 13px;
        font-size: .8125rem
    }
}

.boxColumn3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (min-width: 768px),print {
    .boxColumn3 {
        margin-bottom:-23px
    }
}

@media screen and (max-width: 767px) {
    .boxColumn3 {
        margin-bottom:-15px
    }
}

@media screen and (min-width: 768px),print {
    .boxColumn3__item,.wysiwyg div.boxColumn3 div {
        margin-bottom:23px;
        width: calc(33% - 15px)
    }
}

@media screen and (max-width: 767px) {
    .boxColumn3__item,.wysiwyg div.boxColumn3 div {
        margin-bottom:15px;
        width: calc(50% - 6.5px)
    }
}

.boxColumn3__picture img {
    width: 100%
}

@media screen and (min-width: 768px),print {
    .boxColumn3__text,.wysiwyg div.boxColumn3 p+p {
        margin-top:10px;
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .boxColumn3__text,.wysiwyg div.boxColumn3 p+p {
        margin-top:6px;
        line-height: 1.5;
        font-size: 13px;
        font-size: .8125rem
    }
}

@media screen and (min-width: 768px),print {
    .boxProductsLineup {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 35px
    }
}

@media screen and (max-width: 767px) {
    .boxProductsLineup {
        margin-top:25px
    }
}

.boxProductsLineup+* {
    margin-top: 40px
}

.boxProductsLineup__item {
    position: relative;
    border: 3px solid #ddd
}

@media screen and (min-width: 768px),print {
    .boxProductsLineup__item {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 30px;
        padding: 30px 30px 20px;
        width: calc(50% - 15px)
    }

    .boxProductsLineup__item:nth-child(-n+2) {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .boxProductsLineup__item {
        margin-top:15px;
        padding: 30px 15px 15px
    }

    .boxProductsLineup__item:first-child {
        margin-top: 0
    }
}

.boxProductsLineup__image {
    margin: 0 auto
}

@media screen and (min-width: 768px),print {
    .boxProductsLineup__image {
        width:200px;
        height: 135px
    }
}

@media screen and (max-width: 767px) {
    .boxProductsLineup__image {
        width:200px;
        height: 100px
    }
}

.boxProductsLineup__title {
    margin-top: 25px;
    text-align: center;
    font-size: 16px;
    font-size: 1rem
}

.boxProductsLineup__definitionList {
    margin-top: 15px
}

.boxProductsLineup__definitionList::after {
    content: "";
    display: block;
    clear: both
}

.boxProductsLineup__image+.boxProductsLineup__definitionList {
    margin-top: 25px
}

.boxProductsLineup__definitionTerm {
    float: left;
    margin-right: 8px;
    color: #818181;
    font-size: 14px;
    font-size: .875rem
}

.boxProductsLineup__definitionTerm::after {
    display: inline-block;
    margin-left: 8px;
    content: ":"
}

.boxProductsLineup__definitionDescription {
    overflow: hidden;
    font-size: 14px;
    font-size: .875rem
}

.boxProductsLineup__table {
    margin-top: 10px;
    width: 100%;
    border: 1px solid #ddd
}

.boxProductsLineup__table td,.boxProductsLineup__table th {
    padding: 5px 13px;
    border: 1px solid #ddd;
    vertical-align: middle;
    text-align: left;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    font-size: .8125rem
}

.boxProductsLineup__table th {
    background: #f6f6f6
}

.boxProductsLineup__table+* {
    margin-top: 15px
}

.boxProductsLineup__button {
    margin-top: 20px;
    text-align: right
}

.boxProductsLineup__icon {
    position: absolute;
    top: 13px;
    right: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    background: #e5880f;
    color: #fff;
    line-height: 1.2;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .boxProductsLineup__icon {
        width:60px;
        height: 60px
    }
}

@media screen and (max-width: 767px) {
    .boxProductsLineup__icon {
        width:50px;
        height: 50px;
        font-size: 13px;
        font-size: .8125rem
    }
}

.boxIndexC {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .boxIndexC {
        margin-top:35px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexC {
        margin-top:35px
    }
}

.boxIndexC .boxIndexC__link:hover .boxIndexC__title {
    color: #ab1f20
}

.boxIndexC.-business .boxIndexC__link:hover .boxIndexC__title {
    color: #357dc8
}

.boxIndexC.-personal .boxIndexC__link:hover .boxIndexC__title {
    color: #539356
}

@media screen and (min-width: 768px),print {
    .boxIndexC__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 40px 60px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxIndexC__inner {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .boxIndexC__inner {
        padding:15px
    }
}

.-personal .boxIndexC__inner {
    background: #edf4ee
}

.-business .boxIndexC__inner {
    background: #eaf2f9
}

.-advantage .boxIndexC__inner {
    padding: 0
}

@media screen and (min-width: 768px),print {
    .boxIndexC__item {
        width:calc(50% - 15px)
    }

    .boxIndexC__item:nth-child(n+3) {
        margin-top: 20px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxIndexC__item {
        width:100%
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxIndexC__item+.boxIndexC__item {
        margin-top:15px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexC__item+.boxIndexC__item {
        margin-top:15px
    }
}

.boxIndexC__link {
    position: relative;
    position: relative;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-box-shadow: 1.5px 1.5px 5px 0 rgba(0,0,0,.12);
    box-shadow: 1.5px 1.5px 5px 0 rgba(0,0,0,.12)
}

.boxIndexC__link,.boxIndexC__link:active,.boxIndexC__link:hover,.boxIndexC__link:link,.boxIndexC__link:visited {
    color: #171718
}

@media screen and (min-width: 768px),print {
    .boxIndexC__link {
        -webkit-transition:.21s 80ms box-shadow;
        transition: .21s 80ms box-shadow
    }

    .boxIndexC__link:hover {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

.boxIndexC__link::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 13px;
    height: 13px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media screen and (min-width: 768px),print {
    .boxIndexC__link::after {
        right:25px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexC__link::after {
        right:18px
    }
}

.-personal .boxIndexC__link::after {
    border-color: #539356
}

.-business .boxIndexC__link::after {
    border-color: #357dc8
}

.-advantage .boxIndexC__link::after {
    display: none
}

.-advantage .boxIndexC__link {
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.6
}

@media screen and (min-width: 768px),print {
    .-advantage .boxIndexC__link {
        border:3px solid #ddd;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .-advantage .boxIndexC__link:hover {
        opacity: .7
    }
}

@media screen and (max-width: 767px) {
    .-advantage .boxIndexC__link {
        border:2px solid #ddd
    }
}

@media screen and (min-width: 768px),print {
    .boxIndexC__image {
        width:130px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexC__image {
        width:90px
    }
}

@media screen and (min-width: 768px),print {
    .boxIndexC__linkInner {
        padding:0 40px;
        width: calc(100% - 130px)
    }
}

@media screen and (max-width: 767px) {
    .boxIndexC__linkInner {
        padding:0 25px 0 15px;
        width: calc(100% - 100px)
    }
}

.-advantage .boxIndexC__linkInner {
    position: relative;
    width: 100%
}

@media screen and (min-width: 768px),print {
    .-advantage .boxIndexC__linkInner {
        padding:18px 50px 18px 30px
    }
}

@media screen and (max-width: 767px) {
    .-advantage .boxIndexC__linkInner {
        padding:15px 50px 15px 20px
    }
}

.-advantage .boxIndexC__linkInner::after {
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    margin: auto;
    width: 13px;
    height: 13px;
    border-top: 2px solid #ab1f20;
    border-right: 2px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

.boxIndexC__title {
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400
}

@media screen and (min-width: 768px),print {
    .boxIndexC__title {
        font-size:22px;
        font-size: 1.375rem;
        -webkit-transition: .21s;
        transition: .21s
    }
}

@media screen and (max-width: 767px) {
    .boxIndexC__title {
        font-size:16px;
        font-size: 1rem
    }
}

@media screen and (min-width: 768px),print {
    .boxIndexC__text {
        margin-top:3px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexC__text {
        margin-top:3px;
        line-height: 1.4;
        font-size: 13px;
        font-size: .8125rem
    }
}

.boxIndexD {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .boxIndexD {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 35px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexD {
        margin-top:30px
    }
}

@media screen and (min-width: 768px),print {
    .boxIndexD__item {
        width:calc(100% / 3 - 30px * 2 / 3)
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxIndexD__item {
        width:calc(100% / 3 - 15px * 2 / 3)
    }
}

@media screen and (max-width: 767px) {
    .boxIndexD__item {
        margin-top:12px
    }

    .boxIndexD__item:first-child {
        margin-top: 0
    }
}

.boxIndexD__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    border: 3px solid #ddd;
    background: #fff
}

.boxIndexD__link,.boxIndexD__link:active,.boxIndexD__link:hover,.boxIndexD__link:link,.boxIndexD__link:visited {
    color: #171718
}

@media screen and (min-width: 768px),print {
    .boxIndexD__link {
        padding:15px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexD__link {
        padding:12px
    }
}

.boxIndexD__icon {
    margin-right: 10px
}

.boxIndexD__title {
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400
}

@media screen and (min-width: 768px),print {
    .boxIndexD__title {
        font-size:18px;
        font-size: 1.125rem;
        -webkit-transition: .21s;
        transition: .21s
    }

    a:hover .boxIndexD__title {
        color: #ab1f20
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxIndexD__title {
        font-size:16px;
        font-size: 1rem
    }
}

@media screen and (max-width: 767px) {
    .boxIndexD__title {
        font-size:16px;
        font-size: 1rem
    }
}

@media screen and (min-width: 768px),print {
    .boxCase.-item2 {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .boxCase.-item2 .boxCase__item:not(:nth-child(3n)) {
        margin-right: 28px
    }
}

@media screen and (min-width: 768px),print {
    .boxCase__picture+* {
        margin-top:20px
    }
}

@media screen and (max-width: 767px) {
    .boxCase__picture+* {
        margin-top:16px
    }
}

a[data-vbtype=inline] {
    display: block;
    position: relative;
    display: block;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

/*　a[data-vbtype=inline]::after {
    position: absolute;
    display: block;
    background: rgba(0,0,0,.85) url(img/icon_zoom.png) no-repeat center center;
    content: '';
    opacity: .94
}　*/

@media screen and (min-width: 768px),print {
    a[data-vbtype=inline]::after {
        right:0;
        bottom: 0;
        width: 40px;
        height: 40px;
        background-size: 20px auto
    }
}

@media screen and (max-width: 767px) {
    a[data-vbtype=inline]::after {
        right:5px;
        bottom: 5px;
        width: 28px;
        height: 28px;
        background-size: 18px auto
    }
}

a[data-vbtype=inline]:hover {
    opacity: .7
}

.boxCase__title {
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .boxCase__title {
        line-height:1.4;
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media screen and (max-width: 767px) {
    .boxCase__title {
        line-height:1.2
    }
}

table.boxCase__sub {
    line-height: 1.2
}

@media screen and (min-width: 768px),print {
    table.boxCase__sub {
        margin-top:13px
    }
}

@media screen and (max-width: 767px) {
    table.boxCase__sub {
        margin-top:10px
    }
}

@media screen and (min-width: 768px),print {
    table.boxCase__sub td,table.boxCase__sub th {
        padding:10px 15px;
        font-size: 13px;
        font-size: .8125rem
    }
}

@media screen and (max-width: 767px) {
    table.boxCase__sub td,table.boxCase__sub th {
        font-size:12px;
        font-size: .75rem
    }
}

@media screen and (min-width: 768px),print {
    table.boxCase__sub th {
        min-width:0!important;
        width: 41.8%
    }
}

table.boxNetwork__sub {
    line-height: 1.6
}

@media screen and (min-width: 768px),print {
    table.boxNetwork__sub {
        margin-top:13px
    }
}

@media screen and (max-width: 767px) {
    table.boxNetwork__sub {
        margin-top:10px
    }
}

@media screen and (min-width: 768px),print {
    table.boxNetwork__sub td,table.boxNetwork__sub th {
        padding:10px 15px;
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    table.boxNetwork__sub td,table.boxNetwork__sub th {
        font-size:13px;
        font-size: .8125rem
    }
}

@media screen and (min-width: 768px),print {
    table.boxNetwork__sub th {
        min-width:0!important;
        width: 20%
    }
}

@media screen and (min-width: 768px),print {
    .boxExAdoption {
        margin-top:34px!important
    }
}

@media screen and (max-width: 767px) {
    .boxExAdoption {
        margin-top:21px
    }
}

@media screen and (min-width: 768px),print {
    .boxExAdoption__item:not(:last-child) {
        margin-bottom:34px
    }
}

@media screen and (max-width: 767px) {
    .boxExAdoption__item:not(:last-child) {
        margin-bottom:55px
    }
}

@media screen and (min-width: 768px),print {
    .boxExAdoption__cont {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 20px!important
    }
}

@media screen and (min-width: 768px),print {
    .boxExAdoption__imgWrap {
        min-width:370px;
        max-width: 370px;
        width: 370px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxExAdoption__imgWrap {
        min-width:300px;
        max-width: 300px;
        width: 300px
    }
}

.boxExAdoption__img {
    position: relative
}

.boxExAdoption__img img {
    width: 100%
}

.boxExAdoption__img .swiper-container {
    margin: 0!important;
    padding: 0!important;
    width: 100%!important
}

.boxExAdoption__img .swiper-slide {
    margin-top: 0!important;
    margin-right: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.boxExAdoption__img .swiper-slide-item {
    width: 100%
}

.boxExAdoption__img .swiper-button-next,.boxExAdoption__img .swiper-button-prev {
    margin-top: 0!important;
    height: auto!important
}

@media screen and (min-width: 768px),print {
    .boxExAdoption__img .swiper-button-next {
        right:-32px!important
    }
}

@media screen and (max-width: 767px) {
    .boxExAdoption__img .swiper-button-next {
        right:-24px!important
    }
}

@media screen and (min-width: 768px),print {
    .boxExAdoption__img .swiper-button-prev {
        left:-32px!important
    }
}

@media screen and (max-width: 767px) {
    .boxExAdoption__img .swiper-button-prev {
        left:-24px!important
    }
}

.boxExAdoption__imgNote {
    padding-left: 1em;
    color: #818181;
    text-indent: -1em
}

@media screen and (min-width: 768px),print {
    .boxExAdoption__imgNote {
        margin-top:10px;
        font-size: 12px;
        font-size: .75rem
    }
}

@media screen and (max-width: 767px) {
    .boxExAdoption__imgNote {
        margin-top:5px;
        font-size: 11px;
        font-size: .6875rem
    }
}

@media screen and (min-width: 768px),print {
    .boxExAdoption__contInner {
        min-width:calc(100% - 410px);
        max-width: calc(100% - 410px);
        width: calc(100% - 410px)
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .boxExAdoption__contInner {
        min-width:calc(100% - 340px);
        max-width: calc(100% - 340px);
        width: calc(100% - 340px)
    }
}

.boxExAdoption__contTitle {
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .boxExAdoption__contTitle {
        font-size:19px;
        font-size: 1.1875rem
    }
}

@media screen and (max-width: 767px) {
    .boxExAdoption__contTitle {
        margin-top:8px;
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 768px),print {
    .boxExAdoption__contTitle+* {
        margin-top:18px
    }
}

@media screen and (max-width: 767px) {
    .boxExAdoption__contTitle+* {
        margin-top:18px
    }
}

.boxExAdoption__contLead {
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .boxExAdoption__contLead+* {
        margin-top:5px
    }
}

@media screen and (max-width: 767px) {
    .boxExAdoption__contLead+* {
        margin-top:5px
    }
}

@media screen and (max-width: 767px) {
    .boxExAdoption__contText {
        margin-top:10px;
        font-size: 14px;
        font-size: .875rem
    }
}

.boxExAdoption__contNote {
    padding-left: 1em;
    color: #818181;
    text-indent: -1em
}

@media screen and (min-width: 768px),print {
    .boxExAdoption__contNote {
        margin-top:13px;
        font-size: 13px;
        font-size: .8125rem
    }
}

@media screen and (max-width: 767px) {
    .boxExAdoption__contNote {
        margin-top:13px;
        font-size: 12px;
        font-size: .75rem
    }
}

@media screen and (min-width: 768px),print {
    .boxExAdoption__contNote+* {
        margin-top:20px!important
    }
}

@media screen and (max-width: 767px) {
    .boxExAdoption__contNote+* {
        margin-top:15px!important
    }
}

.boxExAdoption__contNote+.boxExAdoption__contNote {
    margin-top: 5px!important
}

@media screen and (min-width: 768px),print {
    .boxExAdoption__contBtn {
        margin-top:30px
    }
}

@media screen and (max-width: 767px) {
    .boxExAdoption__contBtn {
        margin-top:21px
    }

    .boxExAdoption__contBtn .buttonC {
        margin-right: 0;
        margin-left: 0;
        padding-right: 25px;
        padding-left: 25px;
        line-height: 1.4
    }
}

.boxIndexE__item:nth-child(n+2) {
    margin-top: 15px
}

.boxIndexE__link {
    position: relative;
    display: block;
    height: 100%;
    border: 3px solid #ddd;
    background: #fff;
    padding: 19px 55px 19px 34px;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

.boxIndexE__link,.boxIndexE__link:active,.boxIndexE__link:hover,.boxIndexE__link:link,.boxIndexE__link:visited {
    color: #171718
}

@media screen and (min-width: 768px),print {
    .boxIndexE__link {
        font-size:16px;
        font-size: 1rem
    }

    .boxIndexE__link:hover {
        color: #ab1f20
    }
}

.boxIndexE__link::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 2px solid #ab1f20;
    border-right: 2px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px
}

@media screen and (min-width: 768px),print {
    .boxIndexE__link::after {
        right:26px
    }
}

@media screen and (max-width: 767px) {
    .boxIndexE__link::after {
        right:20px
    }
}

.boxBanner {
    position: relative;
    text-align: center
}

@media screen and (min-width: 768px),print {
    .boxBanner {
        max-width:1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 15px
    }
}

@media screen and (max-width: 767px) {
    .boxBanner {
        padding:0 15px
    }
}

@media screen and (max-width: 767px) {
    .boxBanner+* {
        margin-top:25px
    }
}

@media screen and (min-width: 768px),print {
    .heroLower+.boxBanner {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .heroLower+.boxBanner {
        margin-top:20px
    }
}

.boxBanner__image {
    -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,.12);
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,.12)
}

@media screen and (min-width: 768px),print {
    .boxBanner__image {
        -webkit-transition:.21s 80ms box-shadow;
        transition: .21s 80ms box-shadow
    }

    .boxBanner__image:hover {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

.buttonA {
    display: block;
    background: #ab1f20;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none!important;
    text-align: center;
    position: relative;
    border: 2px solid #ab1f20
}

.buttonA,.buttonA:active,.buttonA:hover,.buttonA:link,.buttonA:visited {
    color: #fff
}

@media screen and (min-width: 768px),print {
    .buttonA {
        padding:17px 50px;
        font-size: 16px;
        font-size: 1rem
    }
}

@media all and (-ms-high-contrast:none) {
    .buttonA {
        padding: 20px 50px 14px
    }
}

@media screen and (max-width: 767px) {
    .buttonA {
        padding:13px 30px
    }
}

.buttonA::after {
    content: "";
    display: inline-block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 9px;
    height: 9px
}

@media screen and (min-width: 768px),print {
    .buttonA::after {
        right:25px
    }
}

@media screen and (max-width: 767px) {
    .buttonA::after {
        right:15px
    }
}

.buttonA.-arrowFront::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

@media screen and (min-width: 768px),print {
    .buttonA.-arrowFront::after {
        right:auto;
        left: 25px
    }
}

@media screen and (max-width: 767px) {
    .buttonA.-arrowFront::after {
        right:auto;
        left: 15px
    }
}

.buttonA.-reversal {
    background: #fff;
    color: #ab1f20
}

.buttonA.-reversal::after {
    border-color: #ab1f20
}

.buttonA:hover {
    opacity: .7
}

.buttonB {
    display: inline-block;
    border: 2px solid #ab1f20;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    text-align: center;
    position: relative
}

.buttonB,.buttonB:active,.buttonB:hover,.buttonB:link,.buttonB:visited {
    color: #ab1f20
}

@media screen and (min-width: 768px),print {
    .buttonB {
        padding:6px 40px 6px 30px
    }
}

@media screen and (max-width: 767px) {
    .buttonB {
        padding:6px 28px 6px 18px
    }
}

@media all and (-ms-high-contrast:none) {
    .buttonB {
        padding: 8px 40px 4px 30px
    }
}

.buttonB::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #ab1f20;
    border-right: 2px solid #ab1f20;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 768px),print {
    .buttonB::after {
        right:16px
    }
}

@media screen and (max-width: 767px) {
    .buttonB::after {
        right:11px
    }
}

@media screen and (min-width: 1024px),print {
    .blockContact__button .buttonB {
        width:280px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: left
    }
}

.buttonB:hover {
    background-color: #faf2f2
}

.buttonC {
    border: 2px solid #ab1f20;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none!important;
    text-align: center;
    position: relative;
    font-size: 15px;
    font-size: .9375rem
}

.buttonC,.buttonC:active,.buttonC:hover,.buttonC:link,.buttonC:visited {
    color: #ab1f20
}

.-personalLower .buttonC,.-personalLower .buttonC:active,.-personalLower .buttonC:hover,.-personalLower .buttonC:link,.-personalLower .buttonC:visited {
    color: #539356
}

.-businessLower .buttonC,.-businessLower .buttonC:active,.-businessLower .buttonC:hover,.-businessLower .buttonC:link,.-businessLower .buttonC:visited {
    color: #357dc8
}

@media screen and (min-width: 768px),print {
    .buttonC {
        padding:16px 50px;
        display: inline-block;
        min-width: 320px
    }
}

@media all and (-ms-high-contrast:none) {
    .buttonC {
        padding: 19px 50px 13px
    }
}

@media screen and (max-width: 767px) {
    .buttonC {
        padding:12px 30px;
        display: block;
        margin-left: 15px;
        margin-right: 15px
    }
}

.-personalLower .buttonC {
    border-color: #539356
}

.-businessLower .buttonC {
    border-color: #357dc8
}

.buttonC::after {
    content: "";
    display: inline-block;
    border-top: 2px solid #ab1f20;
    border-right: 2px solid #ab1f20;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 9px;
    height: 9px
}

@media screen and (min-width: 768px),print {
    .buttonC::after {
        right:25px
    }
}

@media screen and (max-width: 767px) {
    .buttonC::after {
        right:15px
    }
}

.-personalLower .buttonC::after {
    border-color: #539356
}

.-businessLower .buttonC::after {
    border-color: #357dc8
}

.text+.buttonC,.wysiwyg p+.buttonC {
    margin-top: 30px
}

.buttonC:hover {
    background-color: #faf2f2
}

.-personalLower .buttonC:hover {
    background-color: #f5f9f5
}

.-businessLower .buttonC:hover {
    background-color: #f1f6fb
}

.buttonD {
    display: inline-block;
    position: relative;
    padding: 5px 20px;
    border: 1px solid #ddd;
    text-decoration: none!important;
    font-size: 14px;
    font-size: .875rem
}

.buttonD,.buttonD:active,.buttonD:hover,.buttonD:link,.buttonD:visited {
    color: #171718
}

.buttonD[href*=".pdf"] {
    padding: 5px 20px 5px 38px
}

.buttonD[href*=".pdf"]::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    width: 15px;
    height: 18px;
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block
}

.text+.buttonD,.wysiwyg p+.buttonD {
    margin-top: 20px
}

.buttonD:hover {
    background-color: #f6f6f6
}

@media screen and (min-width: 768px),print {
    .buttonIndex {
        margin:60px auto 0;
        width: 390px
    }
}

@media screen and (max-width: 767px) {
    .buttonIndex {
        margin:30px auto 0;
        width: 220px
    }
}

@media screen and (min-width: 768px),print {
    .blockRefine+.buttonIndex {
        margin-top:50px
    }
}

.buttonMail {
    position: fixed;
    bottom: 20px;
    right: 0;
    z-index: 99
}

.buttonMail a {
    display: block;
    padding: 12px 6px 10px;
    background-color: #818181;
    -webkit-box-shadow: 7px 7px 5px 0 rgba(0,0,0,.12);
    box-shadow: 7px 7px 5px 0 rgba(0,0,0,.12);
    border-radius: 3px 0 0 3px;
    color: #fff;
    font-size: 9px;
    font-size: .5625rem;
    text-decoration: none;
    line-height: 1.2
}

.buttonMail a img {
    display: block;
    margin: 0 auto 5px
}

.buttonCenter {
    text-align: center
}

@media screen and (min-width: 768px),print {
    .buttonList {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 15px
    }

    .buttonList li {
        margin-right: 16px;
        margin-top: 15px
    }

    .buttonList li:last-child {
        margin-left: 0
    }
}

@media screen and (max-width: 767px) {
    .buttonList {
        margin-top:30px
    }

    .buttonList li {
        margin-top: 14px
    }

    .buttonList li:first-child {
        margin-top: 0
    }
}

.hero {
    position: relative
}

@media screen and (min-width: 768px),print {
    .hero {
        margin:0 auto;
        max-width: 1980px
    }
}

@media screen and (min-width: 1980px) {
    .hero__image {
        position:relative;
        display: block
    }

    .hero__image::after,.hero__image::before {
        position: absolute;
        top: 0;
        width: 150px;
        height: 100%;
        content: "";
        display: inline-block;
        z-index: 1
    }

    .hero__image::before {
        left: 0;
        background: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),to(white));
        background: linear-gradient(to left,rgba(255,255,255,0),#fff)
    }

    .hero__image::after {
        right: 0;
        background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));
        background: linear-gradient(to right,rgba(255,255,255,0),#fff)
    }
}

.hero__image img {
    width: 100%
}

.hero__inner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    height: 100%
}

@media screen and (min-width: 768px),print {
    .hero__inner {
        max-width:1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 15px
    }
}

@media screen and (min-width: 768px),print {
    .hero__lead {
        position:relative;
        left: -37px;
        padding-bottom: 67px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .hero__lead {
        left:-20px;
        padding-bottom: 45px;
        width: 500px
    }
}

@media screen and (max-width: 767px) {
    .hero__lead {
        padding-bottom:30px;
        width: 267px
    }
}

@media screen and (min-width: 768px),print {
    .heroProducts+* {
        margin-top:55px
    }
}

@media screen and (max-width: 767px) {
    .heroProducts+* {
        margin-top:33px
    }
}

@media screen and (min-width: 768px),print {
    .heroProducts__image {
        border:1px solid #ddd
    }
}

@media screen and (max-width: 767px) {
    .heroProducts__image {
        border-top:1px solid #ddd;
        border-bottom: 1px solid #ddd
    }
}

.heroProducts__lead {
    overflow: hidden
}

@media screen and (min-width: 768px),print {
    .heroProducts__lead {
        margin-top:32px;
        padding-left: 120px;
        font-size: 32px;
        font-size: 2rem;
        position: relative
    }
}

@media screen and (max-width: 767px) {
    .heroProducts__lead {
        font-size:19px;
        font-size: 1.1875rem;
        width: calc(100% - 30px);
        margin: 25px auto 0;
        line-height: 1.5
    }
}

.heroProducts__leadIcon {
    color: #fff;
    display: block;
    font-family: Arial,OpenSans,Helvetica,sans-serif;
    font-weight: 700;
    line-height: 1
}

@media screen and (min-width: 768px),print {
    .heroProducts__leadIcon {
        font-size:15px;
        font-size: .9375rem;
        position: absolute;
        top: 8px;
        left: 0;
        z-index: 1;
        padding: 6px 32px 6px 22px
    }
}

@media screen and (max-width: 767px) {
    .heroProducts__leadIcon {
        font-size:12px;
        font-size: .75rem;
        padding: 6px 0 5px 15px;
        margin-bottom: 8px;
        width: 85px;
        position: relative
    }
}

.heroProducts__leadIcon::before {
    position: absolute;
    top: 0;
    left: -10px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #ab1f20;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
    content: "";
    display: inline-block
}

.heroLower {
    position: relative;
    background: #f6f6f6;
    z-index: 1
}

@media screen and (min-width: 768px),print {
    .heroLower {
        height:145px
    }
}

@media screen and (max-width: 767px) {
    .heroLower {
        height:80px
    }
}

.heroLower__inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding-left: 0;
    padding-right: 0
}

.heroLower__image {
    position: absolute;
    top: 0;
    z-index: -1;
    height: 100%;
    margin: 0!important
}

@media screen and (min-width: 768px),print {
    .heroLower__image {
        left:48.3%
    }
}

@media screen and (max-width: 767px) {
    .heroLower__image {
        right:0;
        width: 100%
    }
}

.heroLower__image::after,.heroLower__image::before {
    position: absolute;
    top: 0;
    height: 100%;
    content: "";
    display: inline-block
}

@media screen and (min-width: 768px),print {
    .heroLower__image::before {
        left:0;
        width: 350px;
        background: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),to(#f6f6f6));
        background: linear-gradient(to left,rgba(255,255,255,0),#f6f6f6)
    }
}

@media screen and (min-width: 768px),print {
    .heroLower__image::after {
        right:0;
        width: 150px;
        background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(#f6f6f6));
        background: linear-gradient(to right,rgba(255,255,255,0),#f6f6f6)
    }
}

@media screen and (max-width: 1450px) {
    .heroLower__image::after {
        display:none
    }
}

.iconLink {
    margin-right: 5px;
    color: #171718
}

@media screen and (min-width: 768px),print {
    .iconLink {
        -webkit-transition:.21s;
        transition: .21s
    }
}

@media screen and (max-width: 767px) {
    .iconLink {
        line-height:1.5
    }
}

.iconLink[target="_blank"]::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .iconLink[target="_blank"]::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.iconLink[target="_blank"].-linkKyocera::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .iconLink[target="_blank"].-linkKyocera::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

a[target="_blank"] .iconLink::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    a[target="_blank"] .iconLink::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

a[target="_blank"].-linkKyocera .iconLink::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    a[target="_blank"].-linkKyocera .iconLink::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.iconLink[href*=".doc"]::after,.iconLink[href*=".docm"]::after,.iconLink[href*=".docx"]::after,.iconLink[href*=".dot"]::after,.iconLink[href*=".exe"]::after,.iconLink[href*=".pdf"]::after,.iconLink[href*=".xls"]::after,.iconLink[href*=".xlsx"]::after,.iconLink[href*=".xlt"]::after,.iconLink[href*=".xml"]::after,.iconLink[href*=".zip"]::after {
    width: 15px;
    height: 18px;
    margin-left: 5px;
    content: "";
    display: inline-block;
    position: relative;
    bottom: -3px
}

.iconLink[href*=".pdf"]::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

.iconLink[href$=".xlt"]::after,.iconLink[href*=".xls"]::after,.iconLink[href*=".xlsx"]::after,.iconLink[href*=".xml"]::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

.iconLink[href*=".doc"]::after,.iconLink[href*=".docm"]::after,.iconLink[href*=".docx"]::after,.iconLink[href*=".dot"]::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

.iconLink[href*=".zip"]::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

.iconLink[href*=".exe"]::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

a[href*=".doc"] .iconLink::after,a[href*=".docm"] .iconLink::after,a[href*=".docx"] .iconLink::after,a[href*=".dot"] .iconLink::after,a[href*=".exe"] .iconLink::after,a[href*=".pdf"] .iconLink::after,a[href*=".xls"] .iconLink::after,a[href*=".xlsx"] .iconLink::after,a[href*=".xlt"] .iconLink::after,a[href*=".xml"] .iconLink::after,a[href*=".zip"] .iconLink::after {
    margin-left: 5px;
    width: 15px;
    height: 19px;
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%;
    vertical-align: middle;
    content: "";
    display: inline-block
}

a[href*=".pdf"] .iconLink::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

a[href$=".xlt"] .iconLink::after,a[href*=".xls"] .iconLink::after,a[href*=".xlsx"] .iconLink::after,a[href*=".xml"] .iconLink::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

a[href*=".doc"] .iconLink::after,a[href*=".docm"] .iconLink::after,a[href*=".docx"] .iconLink::after,a[href*=".dot"] .iconLink::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

a[href*=".zip"] .iconLink::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

a[href*=".exe"] .iconLink::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

.linkA,.list__item a,.wysiwyg ul li a {
    display: inline-block;
    color: #171718;
    text-decoration: none;
    padding-left: 15px;
    position: relative;
    font-size: 13px;
    font-size: .8125rem
}

.linkA::before,.list__item a::before,.wysiwyg ul li a::before {
    position: absolute;
    top: .2em;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ab1f20;
    border-right: 1px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media all and (-ms-high-contrast:none) {
    .linkA::before,.list__item a::before,.wysiwyg ul li a::before {
        top: .1em
    }
}

@media screen and (max-width: 767px) {
    .linkA::before,.list__item a::before,.wysiwyg ul li a::before {
        top:.3em
    }
}

.-personalLower .linkA::before,.-personalLower .list__item a::before,.-personalLower .wysiwyg ul li a::before,.list__item .-personalLower a::before,.wysiwyg ul li .-personalLower a::before {
    border-color: #539356
}

.-businessLower .linkA::before,.-businessLower .list__item a::before,.-businessLower .wysiwyg ul li a::before,.list__item .-businessLower a::before,.wysiwyg ul li .-businessLower a::before {
    border-color: #357dc8
}

@media screen and (min-width: 768px),print {
    .linkA,.list__item a,.wysiwyg ul li a {
        -webkit-transition:.21s;
        transition: .21s
    }

    .linkA:hover,.list__item a:hover,.wysiwyg ul li a:hover {
        color: #ab1f20
    }

    .-personalLower .linkA:hover,.-personalLower .list__item a:hover,.-personalLower .wysiwyg ul li a:hover,.list__item .-personalLower a:hover,.wysiwyg ul li .-personalLower a:hover {
        color: #539356
    }

    .-businessLower .linkA:hover,.-businessLower .list__item a:hover,.-businessLower .wysiwyg ul li a:hover,.list__item .-businessLower a:hover,.wysiwyg ul li .-businessLower a:hover {
        color: #357dc8
    }
}

@media screen and (max-width: 767px) {
    .linkA,.list__item a,.wysiwyg ul li a {
        line-height:1.5
    }
}

.linkA.-facebook,.list__item a.-facebook,.wysiwyg ul li a.-facebook {
    padding-left: 26px
}

.linkA.-facebook::before,.list__item a.-facebook::before,.wysiwyg ul li a.-facebook::before {
    top: -.27em;
    width: 20px;
    height: 20px;
    border: none;
    background: url(/solar/common/css/img/icon_fb.png) no-repeat;
    background-size: 100%;
    -webkit-transform: none;
    transform: none
}

.linkA[target="_blank"]::after,.list__item a[target="_blank"]::after,.wysiwyg ul li a[target="_blank"]::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .linkA[target="_blank"]::after,.list__item a[target="_blank"]::after,.wysiwyg ul li a[target="_blank"]::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.linkA[target="_blank"].-linkKyocera::after,.list__item a[target="_blank"].-linkKyocera::after,.wysiwyg ul li a[target="_blank"].-linkKyocera::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .linkA[target="_blank"].-linkKyocera::after,.list__item a[target="_blank"].-linkKyocera::after,.wysiwyg ul li a[target="_blank"].-linkKyocera::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.list__item a[target="_blank"] a::after,.wysiwyg ul li a[target="_blank"] a::after,a[target="_blank"] .linkA::after,a[target="_blank"] .list__item a::after,a[target="_blank"] .wysiwyg ul li a::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .list__item a[target="_blank"] a::after,.wysiwyg ul li a[target="_blank"] a::after,a[target="_blank"] .linkA::after,a[target="_blank"] .list__item a::after,a[target="_blank"] .wysiwyg ul li a::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.list__item a[target="_blank"].-linkKyocera a::after,.wysiwyg ul li a[target="_blank"].-linkKyocera a::after,a[target="_blank"].-linkKyocera .linkA::after,a[target="_blank"].-linkKyocera .list__item a::after,a[target="_blank"].-linkKyocera .wysiwyg ul li a::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .list__item a[target="_blank"].-linkKyocera a::after,.wysiwyg ul li a[target="_blank"].-linkKyocera a::after,a[target="_blank"].-linkKyocera .linkA::after,a[target="_blank"].-linkKyocera .list__item a::after,a[target="_blank"].-linkKyocera .wysiwyg ul li a::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.linkA[href*=".doc"]::after,.linkA[href*=".docm"]::after,.linkA[href*=".docx"]::after,.linkA[href*=".dot"]::after,.linkA[href*=".exe"]::after,.linkA[href*=".pdf"]::after,.linkA[href*=".xls"]::after,.linkA[href*=".xlsx"]::after,.linkA[href*=".xlt"]::after,.linkA[href*=".xml"]::after,.linkA[href*=".zip"]::after,.list__item a[href*=".doc"]::after,.list__item a[href*=".docm"]::after,.list__item a[href*=".docx"]::after,.list__item a[href*=".dot"]::after,.list__item a[href*=".exe"]::after,.list__item a[href*=".pdf"]::after,.list__item a[href*=".xls"]::after,.list__item a[href*=".xlsx"]::after,.list__item a[href*=".xlt"]::after,.list__item a[href*=".xml"]::after,.list__item a[href*=".zip"]::after,.wysiwyg ul li a[href*=".doc"]::after,.wysiwyg ul li a[href*=".docm"]::after,.wysiwyg ul li a[href*=".docx"]::after,.wysiwyg ul li a[href*=".dot"]::after,.wysiwyg ul li a[href*=".exe"]::after,.wysiwyg ul li a[href*=".pdf"]::after,.wysiwyg ul li a[href*=".xls"]::after,.wysiwyg ul li a[href*=".xlsx"]::after,.wysiwyg ul li a[href*=".xlt"]::after,.wysiwyg ul li a[href*=".xml"]::after,.wysiwyg ul li a[href*=".zip"]::after {
    width: 15px;
    height: 18px;
    margin-left: 5px;
    content: "";
    display: inline-block;
    position: relative;
    bottom: -3px
}

.linkA[href*=".pdf"]::after,.list__item a[href*=".pdf"]::after,.wysiwyg ul li a[href*=".pdf"]::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

.linkA[href$=".xlt"]::after,.linkA[href*=".xls"]::after,.linkA[href*=".xlsx"]::after,.linkA[href*=".xml"]::after,.list__item a[href$=".xlt"]::after,.list__item a[href*=".xls"]::after,.list__item a[href*=".xlsx"]::after,.list__item a[href*=".xml"]::after,.wysiwyg ul li a[href$=".xlt"]::after,.wysiwyg ul li a[href*=".xls"]::after,.wysiwyg ul li a[href*=".xlsx"]::after,.wysiwyg ul li a[href*=".xml"]::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

.linkA[href*=".doc"]::after,.linkA[href*=".docm"]::after,.linkA[href*=".docx"]::after,.linkA[href*=".dot"]::after,.list__item a[href*=".doc"]::after,.list__item a[href*=".docm"]::after,.list__item a[href*=".docx"]::after,.list__item a[href*=".dot"]::after,.wysiwyg ul li a[href*=".doc"]::after,.wysiwyg ul li a[href*=".docm"]::after,.wysiwyg ul li a[href*=".docx"]::after,.wysiwyg ul li a[href*=".dot"]::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

.linkA[href*=".zip"]::after,.list__item a[href*=".zip"]::after,.wysiwyg ul li a[href*=".zip"]::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

.linkA[href*=".exe"]::after,.list__item a[href*=".exe"]::after,.wysiwyg ul li a[href*=".exe"]::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

.list__item a[href*=".doc"] a::after,.list__item a[href*=".docm"] a::after,.list__item a[href*=".docx"] a::after,.list__item a[href*=".dot"] a::after,.list__item a[href*=".exe"] a::after,.list__item a[href*=".pdf"] a::after,.list__item a[href*=".xls"] a::after,.list__item a[href*=".xlsx"] a::after,.list__item a[href*=".xlt"] a::after,.list__item a[href*=".xml"] a::after,.list__item a[href*=".zip"] a::after,.wysiwyg ul li a[href*=".doc"] a::after,.wysiwyg ul li a[href*=".docm"] a::after,.wysiwyg ul li a[href*=".docx"] a::after,.wysiwyg ul li a[href*=".dot"] a::after,.wysiwyg ul li a[href*=".exe"] a::after,.wysiwyg ul li a[href*=".pdf"] a::after,.wysiwyg ul li a[href*=".xls"] a::after,.wysiwyg ul li a[href*=".xlsx"] a::after,.wysiwyg ul li a[href*=".xlt"] a::after,.wysiwyg ul li a[href*=".xml"] a::after,.wysiwyg ul li a[href*=".zip"] a::after,a[href*=".doc"] .linkA::after,a[href*=".doc"] .list__item a::after,a[href*=".doc"] .wysiwyg ul li a::after,a[href*=".docm"] .linkA::after,a[href*=".docm"] .list__item a::after,a[href*=".docm"] .wysiwyg ul li a::after,a[href*=".docx"] .linkA::after,a[href*=".docx"] .list__item a::after,a[href*=".docx"] .wysiwyg ul li a::after,a[href*=".dot"] .linkA::after,a[href*=".dot"] .list__item a::after,a[href*=".dot"] .wysiwyg ul li a::after,a[href*=".exe"] .linkA::after,a[href*=".exe"] .list__item a::after,a[href*=".exe"] .wysiwyg ul li a::after,a[href*=".pdf"] .linkA::after,a[href*=".pdf"] .list__item a::after,a[href*=".pdf"] .wysiwyg ul li a::after,a[href*=".xls"] .linkA::after,a[href*=".xls"] .list__item a::after,a[href*=".xls"] .wysiwyg ul li a::after,a[href*=".xlsx"] .linkA::after,a[href*=".xlsx"] .list__item a::after,a[href*=".xlsx"] .wysiwyg ul li a::after,a[href*=".xlt"] .linkA::after,a[href*=".xlt"] .list__item a::after,a[href*=".xlt"] .wysiwyg ul li a::after,a[href*=".xml"] .linkA::after,a[href*=".xml"] .list__item a::after,a[href*=".xml"] .wysiwyg ul li a::after,a[href*=".zip"] .linkA::after,a[href*=".zip"] .list__item a::after,a[href*=".zip"] .wysiwyg ul li a::after {
    margin-left: 5px;
    width: 15px;
    height: 19px;
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%;
    vertical-align: middle;
    content: "";
    display: inline-block
}

.list__item a[href*=".pdf"] a::after,.wysiwyg ul li a[href*=".pdf"] a::after,a[href*=".pdf"] .linkA::after,a[href*=".pdf"] .list__item a::after,a[href*=".pdf"] .wysiwyg ul li a::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

.list__item a[href$=".xlt"] a::after,.list__item a[href*=".xls"] a::after,.list__item a[href*=".xlsx"] a::after,.list__item a[href*=".xml"] a::after,.wysiwyg ul li a[href$=".xlt"] a::after,.wysiwyg ul li a[href*=".xls"] a::after,.wysiwyg ul li a[href*=".xlsx"] a::after,.wysiwyg ul li a[href*=".xml"] a::after,a[href$=".xlt"] .linkA::after,a[href$=".xlt"] .list__item a::after,a[href$=".xlt"] .wysiwyg ul li a::after,a[href*=".xls"] .linkA::after,a[href*=".xls"] .list__item a::after,a[href*=".xls"] .wysiwyg ul li a::after,a[href*=".xlsx"] .linkA::after,a[href*=".xlsx"] .list__item a::after,a[href*=".xlsx"] .wysiwyg ul li a::after,a[href*=".xml"] .linkA::after,a[href*=".xml"] .list__item a::after,a[href*=".xml"] .wysiwyg ul li a::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

.list__item a[href*=".doc"] a::after,.list__item a[href*=".docm"] a::after,.list__item a[href*=".docx"] a::after,.list__item a[href*=".dot"] a::after,.wysiwyg ul li a[href*=".doc"] a::after,.wysiwyg ul li a[href*=".docm"] a::after,.wysiwyg ul li a[href*=".docx"] a::after,.wysiwyg ul li a[href*=".dot"] a::after,a[href*=".doc"] .linkA::after,a[href*=".doc"] .list__item a::after,a[href*=".doc"] .wysiwyg ul li a::after,a[href*=".docm"] .linkA::after,a[href*=".docm"] .list__item a::after,a[href*=".docm"] .wysiwyg ul li a::after,a[href*=".docx"] .linkA::after,a[href*=".docx"] .list__item a::after,a[href*=".docx"] .wysiwyg ul li a::after,a[href*=".dot"] .linkA::after,a[href*=".dot"] .list__item a::after,a[href*=".dot"] .wysiwyg ul li a::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

.list__item a[href*=".zip"] a::after,.wysiwyg ul li a[href*=".zip"] a::after,a[href*=".zip"] .linkA::after,a[href*=".zip"] .list__item a::after,a[href*=".zip"] .wysiwyg ul li a::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

.list__item a[href*=".exe"] a::after,.wysiwyg ul li a[href*=".exe"] a::after,a[href*=".exe"] .linkA::after,a[href*=".exe"] .list__item a::after,a[href*=".exe"] .wysiwyg ul li a::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

@media screen and (max-width: 767px) {
    .list__item .menuFooter__linkListItem a,.menuFooter__linkListItem .linkA,.menuFooter__linkListItem .list__item a,.menuFooter__linkListItem .wysiwyg ul li a,.wysiwyg ul li .menuFooter__linkListItem a {
        display:block
    }

    .list__item .menuFooter__linkListItem a:not(.-facebook),.menuFooter__linkListItem .linkA:not(.-facebook),.menuFooter__linkListItem .list__item a:not(.-facebook),.menuFooter__linkListItem .wysiwyg ul li a:not(.-facebook),.wysiwyg ul li .menuFooter__linkListItem a:not(.-facebook) {
        padding: 15px 10px 15px 13px;
        font-size: 10px;
        font-size: .625rem
    }

    .list__item .menuFooter__linkListItem a:not(.-facebook)::before,.menuFooter__linkListItem .linkA:not(.-facebook)::before,.menuFooter__linkListItem .list__item a:not(.-facebook)::before,.menuFooter__linkListItem .wysiwyg ul li a:not(.-facebook)::before,.wysiwyg ul li .menuFooter__linkListItem a:not(.-facebook)::before {
        display: none
    }

    .list__item .menuFooter__linkListItem a.-facebook,.menuFooter__linkListItem .linkA.-facebook,.menuFooter__linkListItem .list__item a.-facebook,.menuFooter__linkListItem .wysiwyg ul li a.-facebook,.wysiwyg ul li .menuFooter__linkListItem a.-facebook {
        padding: 13px 15px 13px 40px;
        font-size: 13px;
        font-size: .8125rem
    }

    .list__item .menuFooter__linkListItem a.-facebook::before,.menuFooter__linkListItem .linkA.-facebook::before,.menuFooter__linkListItem .list__item a.-facebook::before,.menuFooter__linkListItem .wysiwyg ul li a.-facebook::before,.wysiwyg ul li .menuFooter__linkListItem a.-facebook::before {
        top: .9em;
        left: 15px
    }
}

@media screen and (min-width: 768px),print {
    .linkBanner {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .linkBanner {
        margin-top:25px
    }
}

@media screen and (min-width: 768px),print {
    .list {
        margin-top:30px
    }
}

@media screen and (max-width: 767px) {
    .list {
        margin-top:20px
    }
}

.list+* {
    margin-top: 30px
}

.text+.list,.wysiwyg p+.list {
    margin-top: 20px
}

.list__item {
    margin-top: 3px
}

.list__item a {
    font-size: 14px;
    font-size: .875rem
}

.list__item a::before {
    top: .55em
}

@media all and (-ms-high-contrast:none) {
    .list__item a::before {
        top: .4em
    }
}

@media screen and (min-width: 768px),print {
    .listTopicsA {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.listTopicsA__item {
    background: #fff
}

@media screen and (min-width: 768px),print {
    .listTopicsA__item:first-child {
        width:100%
    }

    .listTopicsA__item:not(:first-child) {
        margin-top: 13px;
        margin-right: 14px;
        width: calc(50% - 7px)
    }

    .listTopicsA__item:nth-child(2n+3) {
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .listTopicsA__item:not(:first-child) {
        margin-top:10px
    }
}

.listTopicsA__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-shadow: 1.5px 1.5px 5px 0 rgba(0,0,0,.12);
    box-shadow: 1.5px 1.5px 5px 0 rgba(0,0,0,.12)
}

@media screen and (min-width: 768px),print {
    .listTopicsA__link {
        -webkit-transition:.21s 80ms box-shadow;
        transition: .21s 80ms box-shadow
    }

    .listTopicsA__link:hover {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

.listTopicsA__link,.listTopicsA__link:active,.listTopicsA__link:hover,.listTopicsA__link:link,.listTopicsA__link:visited {
    color: #171718
}

@media screen and (min-width: 768px),print {
    .listTopicsA__link {
        padding:13px 30px;
        min-height: 67px
    }
}

@media all and (-ms-high-contrast:none) {
    .listTopicsA__link {
        padding: 16px 30px 10px
    }
}

@media screen and (max-width: 767px) {
    .listTopicsA__link {
        padding:8px 15px;
        min-height: 55px
    }
}

@media screen and (min-width: 768px),print {
    .listTopicsA__item:first-child .listTopicsA__link {
        padding:0;
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .listTopicsA__item:first-child .listTopicsA__link {
        padding:20px 15px 15px
    }
}

@media screen and (min-width: 768px),print {
    .listTopicsA__tumbnail {
        width:226px;
        -webkit-transition: .21s;
        transition: .21s
    }

    a:hover .listTopicsA__tumbnail {
        opacity: .75
    }
}

@media screen and (max-width: 767px) {
    .listTopicsA__picture {
        float:right;
        margin: 0 0 10px 10px
    }
}

@media screen and (min-width: 768px),print {
    .listTopicsA__linkInner {
        padding:13px 30px;
        width: calc(100% - 226px)
    }
}

.listTopicsA__title {
    position: relative;
    line-height: 1.5;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400;
    width: 100%
}

@media screen and (min-width: 768px),print {
    .listTopicsA__title {
        padding-right:20px;
        -webkit-transition: .21s;
        transition: .21s
    }

    a:hover .listTopicsA__title {
        color: #ab1f20
    }
}

@media screen and (max-width: 767px) {
    .listTopicsA__title {
        padding-right:14px;
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 768px),print {
    .listTopicsA__item:first-child .listTopicsA__title {
        font-size:20px;
        font-size: 1.25rem
    }
}

@media screen and (max-width: 767px) {
    .listTopicsA__item:first-child .listTopicsA__title {
        font-size:15px;
        font-size: .9375rem
    }
}

.listTopicsA__title::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    border-top: 2px solid #ab1f20;
    border-right: 2px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media screen and (min-width: 768px),print {
    .listTopicsA__title::after {
        width:10px;
        height: 10px
    }
}

@media all and (-ms-high-contrast:none) {
    .listTopicsA__title::after {
        top: .35em
    }
}

@media screen and (max-width: 767px) {
    .listTopicsA__title::after {
        width:8px;
        height: 8px
    }
}

.-personalLower .listTopicsA__title::after {
    border-color: #539356
}

.-businessLower .listTopicsA__title::after {
    border-color: #357dc8
}

.listTopicsA__text {
    color: #818181
}

@media screen and (min-width: 768px),print {
    .listTopicsA__text {
        margin-top:8px;
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .listTopicsA__text {
        margin-top:10px;
        font-size: 13px;
        font-size: .8125rem
    }

    .listTopicsA__text::after {
        content: "";
        display: block;
        clear: both
    }
}

@media screen and (min-width: 768px),print {
    .listTopicsB {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.listTopicsB__item {
    background: #fff
}

@media screen and (min-width: 768px),print {
    .listTopicsB__item {
        margin-top:20px;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .listTopicsB__item {
        margin-top:10px
    }
}

.listTopicsB__item:first-child {
    margin-top: 0
}

.listTopicsB__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 1.5px 1.5px 5px 0 rgba(0,0,0,.12);
    box-shadow: 1.5px 1.5px 5px 0 rgba(0,0,0,.12)
}

.listTopicsB__link,.listTopicsB__link:active,.listTopicsB__link:hover,.listTopicsB__link:link,.listTopicsB__link:visited {
    color: #171718
}

@media screen and (min-width: 768px),print {
    .listTopicsB__link {
        padding:0;
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .listTopicsB__link {
        padding:20px 15px 15px
    }
}

@media screen and (min-width: 768px),print {
    .listTopicsB__link {
        -webkit-transition:.21s 80ms box-shadow;
        transition: .21s 80ms box-shadow
    }

    .listTopicsB__link:hover {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

@media screen and (min-width: 768px),print {
    .listTopicsB__tumbnail {
        width:270px;
        -webkit-transition: .21s;
        transition: .21s
    }

    a:hover .listTopicsB__tumbnail {
        color: #ab1f20;
        opacity: .75
    }
}

.listTopicsB__tumbnail img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .listTopicsB__picture {
        float:right;
        margin: 0 0 10px 10px
    }
}

@media screen and (min-width: 768px),print {
    .listTopicsB__linkInner {
        padding:13px 40px;
        width: calc(100% - 270px)
    }
}

.listTopicsB__title {
    position: relative;
    line-height: 1.5;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400
}

@media screen and (min-width: 768px),print {
    .listTopicsB__title {
        padding-right:20px;
        font-size: 22px;
        font-size: 1.375rem;
        -webkit-transition: .21s;
        transition: .21s
    }

    a:hover .listTopicsB__title {
        color: #ab1f20
    }
}

@media screen and (max-width: 767px) {
    .listTopicsB__title {
        padding-right:20px;
        font-size: 15px;
        font-size: .9375rem
    }
}

.listTopicsB__title::after {
    position: absolute;
    right: 0;
    border-top: 2px solid #ab1f20;
    border-right: 2px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media screen and (min-width: 768px),print {
    .listTopicsB__title::after {
        width:10px;
        height: 10px;
        top: .45em
    }
}

@media all and (-ms-high-contrast:none) {
    .listTopicsB__title::after {
        top: .35em
    }
}

@media screen and (max-width: 767px) {
    .listTopicsB__title::after {
        width:8px;
        height: 8px;
        top: 0;
        bottom: 0;
        margin: auto
    }
}

.-personalLower .listTopicsB__title::after {
    border-color: #539356
}

.-businessLower .listTopicsB__title::after {
    border-color: #357dc8
}

.listTopicsB__text {
    color: #818181
}

@media screen and (min-width: 768px),print {
    .listTopicsB__text {
        margin-top:13px;
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .listTopicsB__text {
        margin-top:10px;
        font-size: 13px;
        font-size: .8125rem
    }

    .listTopicsB__text::after {
        content: "";
        display: block;
        clear: both
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.listTopicsC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 768px),print {
    .sectionTopics__content .listTopicsC {
        margin-top:30px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .sectionTopics__content .listTopicsC {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .listTopicsC {
        display:block
    }
}

.topicsIndex__cont .listTopicsC.-fade {
    -webkit-animation: fadeIn .6s 0s forwards;
    animation: fadeIn .6s 0s forwards
}

@media screen and (max-width: 767px) {
    .listTopicsC__item:nth-child(n+2) {
        margin-top:18px
    }
}

@media screen and (min-width: 768px),print {
    .sectionTopics__content .listTopicsC__item {
        width:calc(33.33% - 20px * 2/3);
        margin-right: 20px
    }

    .sectionTopics__content .listTopicsC__item:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .sectionTopics__content .listTopicsC__item {
        width:100%
    }

    .sectionTopics__content .listTopicsC__item:nth-child(n+2) {
        margin-top: 15px
    }
}

@media screen and (max-width: 767px) {
    .sectionTopics__content .listTopicsC__item:nth-child(n+2) {
        margin-top:12px
    }
}

@media screen and (min-width: 768px),print {
    .topicsIndex__cont .listTopicsC__item {
        width:calc(33.33% - 30px);
        margin: 0 15px 30px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .topicsIndex__cont .listTopicsC__item {
        width:calc(50% - 30px)
    }
}

.topicsIndex__cont .listTopicsC__item {
    border: 1px solid #ccc
}

.topicsIndex__cont .listTopicsC__item.-inactive {
    display: none
}

.listTopicsC__itemLink {
    display: block;
    background-color: #fff;
    padding: 23px;
    overflow: hidden;
    height: 100%
}

@media screen and (max-width: 767px) {
    .sectionTopics__content .listTopicsC__itemLink {
        padding:15px
    }
}

.listTopicsC__itemImg {
    position: relative;
    padding-top: 70.4081632653061%;
    overflow: hidden
}

.listTopicsC__itemImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .sectionTopics__content .listTopicsC__itemImg {
        width:100px;
        float: left;
        margin-right: 15px;
        padding-top: 0;
        height: 70px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .sectionTopics__content .listTopicsC__itemImg {
        width:100px;
        float: left;
        margin-right: 15px;
        padding-top: 0;
        height: 70px
    }
}

a:hover .listTopicsC__itemImg img {
    opacity: .75
}

.listTopicsC__itemData {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 13px;
    margin-bottom: 20px;
    margin-top: 23px
}

@media screen and (min-width: 768px),print {
    .listTopicsC__itemData {
        margin-bottom:20px
    }
}

@media screen and (max-width: 767px) {
    .listTopicsC__itemData {
        margin-bottom:15px
    }
}

@media screen and (max-width: 767px) {
    .sectionTopics__content .listTopicsC__itemData {
        padding-bottom:8px;
        margin-bottom: 8px;
        margin-top: 0
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .sectionTopics__content .listTopicsC__itemData {
        padding-bottom:8px;
        margin-bottom: 8px;
        margin-top: 0
    }
}

.listTopicsC__itemDate {
    font-size: 13px;
    font-size: .8125rem;
    color: #171718!important
}

.listTopicsC__itemCat {
    padding: 5px 8px 3px;
    border: 1px solid #ddd;
    border-bottom: 2px solid #b1b1b1;
    color: #171718;
    text-align: center;
    line-height: 1;
    font-size: 13px;
    font-size: .8125rem;
    margin-left: 15px;
    min-width: 80px
}

.-news .listTopicsC__itemCat {
    border-bottom-color: #dc9735
}

.-products .listTopicsC__itemCat {
    border-bottom-color: #4b9f55
}

.-technology .listTopicsC__itemCat {
    border-bottom-color: #357dc8
}

.-column .listTopicsC__itemCat {
    border-bottom-color: #d65e8b
}

.-voice .listTopicsC__itemCat {
    border-bottom-color: #8f5ca9
}

.-event .listTopicsC__itemCat {
    border-bottom-color: #d3b62e
}

@media screen and (min-width: 768px),print {
    .listTopicsC__itemTxt {
        font-size:16px;
        font-size: 1rem
    }
}

@media screen and (max-width: 767px) {
    .listTopicsC__itemTxt {
        font-size:15px;
        font-size: .9375rem
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .listTopicsC__itemTxt {
        font-size:15px;
        font-size: .9375rem
    }
}

@media screen and (max-width: 767px) {
    .sectionTopics__content .listTopicsC__itemTxt {
        font-size:14px;
        font-size: .875rem;
        line-height: 1.45;
        overflow: hidden
    }
}

.listNews {
    border-top: 1px solid #ddd
}

.listNews__item {
    border-bottom: 1px solid #ddd
}

.listNews__itemInner {
    position: relative
}

@media screen and (min-width: 768px),print {
    .listNews__itemInner {
        padding:20px 15px 20px 220px
    }
}

@media screen and (max-width: 767px) {
    .listNews__itemInner {
        padding:43px 5px 8px
    }
}

.listNews__itemDate {
    position: absolute;
    color: #171718;
    font-size: 13px;
    font-size: .8125rem
}

@media screen and (min-width: 768px),print {
    .listNews__itemDate {
        top:23px;
        left: 15px
    }
}

@media screen and (max-width: 767px) {
    .listNews__itemDate {
        top:16px;
        left: 5px
    }
}

.listNews__itemCategory {
    position: absolute;
    padding: 5px 0 3px;
    width: 80px;
    border: 1px solid #ddd;
    border-bottom: 2px solid #b1b1b1;
    color: #171718;
    text-align: center;
    line-height: 1;
    font-size: 13px;
    font-size: .8125rem
}

@media screen and (min-width: 768px),print {
    .listNews__itemCategory {
        top:20px;
        left: 100px
    }
}

@media all and (-ms-high-contrast:none) {
    .listNews__itemCategory {
        padding: 7px 0 1px
    }
}

@media screen and (max-width: 767px) {
    .listNews__itemCategory {
        top:13px;
        left: 90px
    }
}

.listNews__itemCategory.-important {
    border-bottom-color: #ab1f20
}

.listNews__itemCategory.-products {
    border-bottom-color: #539356
}

.listNews__itemCategory.-news {
    border-bottom-color: #dc9735
}

.listNews__itemTitle {
    display: inline-block;
    font-size: 14px;
    font-size: .875rem
}

.listNews__itemTitle[target="_blank"]::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .listNews__itemTitle[target="_blank"]::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.listNews__itemTitle[target="_blank"].-linkKyocera::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .listNews__itemTitle[target="_blank"].-linkKyocera::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

a[target="_blank"] .listNews__itemTitle::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    a[target="_blank"] .listNews__itemTitle::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

a[target="_blank"].-linkKyocera .listNews__itemTitle::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    a[target="_blank"].-linkKyocera .listNews__itemTitle::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.listNews__itemTitle[href*=".doc"]::after,.listNews__itemTitle[href*=".docm"]::after,.listNews__itemTitle[href*=".docx"]::after,.listNews__itemTitle[href*=".dot"]::after,.listNews__itemTitle[href*=".exe"]::after,.listNews__itemTitle[href*=".pdf"]::after,.listNews__itemTitle[href*=".xls"]::after,.listNews__itemTitle[href*=".xlsx"]::after,.listNews__itemTitle[href*=".xlt"]::after,.listNews__itemTitle[href*=".xml"]::after,.listNews__itemTitle[href*=".zip"]::after {
    width: 15px;
    height: 18px;
    margin-left: 5px;
    content: "";
    display: inline-block;
    position: relative;
    bottom: -3px
}

.listNews__itemTitle[href*=".pdf"]::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

.listNews__itemTitle[href$=".xlt"]::after,.listNews__itemTitle[href*=".xls"]::after,.listNews__itemTitle[href*=".xlsx"]::after,.listNews__itemTitle[href*=".xml"]::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

.listNews__itemTitle[href*=".doc"]::after,.listNews__itemTitle[href*=".docm"]::after,.listNews__itemTitle[href*=".docx"]::after,.listNews__itemTitle[href*=".dot"]::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

.listNews__itemTitle[href*=".zip"]::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

.listNews__itemTitle[href*=".exe"]::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

a[href*=".doc"] .listNews__itemTitle::after,a[href*=".docm"] .listNews__itemTitle::after,a[href*=".docx"] .listNews__itemTitle::after,a[href*=".dot"] .listNews__itemTitle::after,a[href*=".exe"] .listNews__itemTitle::after,a[href*=".pdf"] .listNews__itemTitle::after,a[href*=".xls"] .listNews__itemTitle::after,a[href*=".xlsx"] .listNews__itemTitle::after,a[href*=".xlt"] .listNews__itemTitle::after,a[href*=".xml"] .listNews__itemTitle::after,a[href*=".zip"] .listNews__itemTitle::after {
    margin-left: 5px;
    width: 15px;
    height: 19px;
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%;
    vertical-align: middle;
    content: "";
    display: inline-block
}

a[href*=".pdf"] .listNews__itemTitle::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

a[href$=".xlt"] .listNews__itemTitle::after,a[href*=".xls"] .listNews__itemTitle::after,a[href*=".xlsx"] .listNews__itemTitle::after,a[href*=".xml"] .listNews__itemTitle::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

a[href*=".doc"] .listNews__itemTitle::after,a[href*=".docm"] .listNews__itemTitle::after,a[href*=".docx"] .listNews__itemTitle::after,a[href*=".dot"] .listNews__itemTitle::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

a[href*=".zip"] .listNews__itemTitle::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

a[href*=".exe"] .listNews__itemTitle::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

.listCircle+* {
    margin-top: 25px
}

.text+.listCircle,.wysiwyg p+.listCircle {
    margin-top: 20px
}

.titleD+.listCircle,.wysiwyg h6+.listCircle {
    margin-top: 10px
}

.listCircle__item,.wysiwyg ul.listCircle li {
    position: relative
}

@media screen and (min-width: 768px),print {
    .listCircle__item,.wysiwyg ul.listCircle li {
        padding-left:18px
    }
}

@media screen and (max-width: 767px) {
    .listCircle__item,.wysiwyg ul.listCircle li {
        padding-left:15px;
        font-size: 14px;
        font-size: .875rem
    }
}

.listCircle__item::before,.wysiwyg ul.listCircle li::before {
    position: absolute;
    left: 0;
    border-radius: 100%;
    background: #ab1f20;
    content: "";
    display: inline-block
}

@media screen and (min-width: 768px),print {
    .listCircle__item::before,.wysiwyg ul.listCircle li::before {
        width:12px;
        height: 12px;
        top: .3em
    }
}

@media screen and (max-width: 767px) {
    .listCircle__item::before,.wysiwyg ul.listCircle li::before {
        width:10px;
        height: 10px;
        top: .38em
    }
}

.-personalLower .listCircle__item::before,.-personalLower .wysiwyg ul.listCircle li::before,.wysiwyg ul.listCircle .-personalLower li::before {
    background: #539356
}

.-businessLower .listCircle__item::before,.-businessLower .wysiwyg ul.listCircle li::before,.wysiwyg ul.listCircle .-businessLower li::before {
    background: #357dc8
}

.listDot+* {
    margin-top: 30px
}

.text+.listDot,.wysiwyg p+.listDot {
    margin-top: 20px
}

.listDot__item,.wysiwyg ul.listDot li {
    position: relative;
    padding-left: 12px;
    margin-top: 5px;
    font-size: 14px;
    font-size: .875rem
}

.listDot__item::before,.wysiwyg ul.listDot li::before {
    position: absolute;
    top: .55em;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #171718;
    content: "";
    display: inline-block
}

.listDot__item:first-child,.wysiwyg ul.listDot li:first-child {
    margin-top: 0
}

.listDot__item a,.wysiwyg ul.listDot li a {
    text-decoration: underline
}

.listDot__item a:hover,.wysiwyg ul.listDot li a:hover {
    text-decoration: none
}

.listNote {
    margin-top: 40px
}

.listNote+* {
    margin-top: 30px
}

.text+.listNote,.wysiwyg p+.listNote {
    margin-top: 20px
}

.listNote__item,.wysiwyg ul.listNote li {
    position: relative;
    margin-top: 5px;
    padding-left: 2.6em;
    color: #818181;
    font-size: 13px;
    font-size: .8125rem
}

.listNote__item a,.wysiwyg ul.listNote li a {
    color: #818181;
    text-decoration: underline
}

.listNote__item.-small,.wysiwyg ul.listNote li.-small {
    padding-left: 1.8em
}

.listNote__item:first-child,.wysiwyg ul.listNote li:first-child {
    margin-top: 0
}

.blockBackground .listNote__item,.blockBackground .wysiwyg ul.listNote li,.wysiwyg ul.listNote .blockBackground li {
    color: #171718;
    font-size: 14px;
    font-size: .875rem
}

.-leftSmall .listNote__item,.-leftSmall .wysiwyg ul.listNote li,.wysiwyg ul.listNote .-leftSmall li {
    padding-left: 1em;
    text-indent: -1em
}

.-marginSmall .listNote__item,.-marginSmall .wysiwyg ul.listNote li,.wysiwyg ul.listNote .-marginSmall li {
    margin-top: 2px
}

.listNote__itemCaption,.wysiwyg ul.listNote li span {
    position: absolute;
    top: 0;
    left: 0
}

.listNumber {
    margin-top: 25px;
    list-style-type: none;
    counter-reset: item
}

.listNumber+* {
    margin-top: 30px
}

.text+.listNumber,.wysiwyg p+.listNumber {
    margin-top: 20px
}

.listNumber__item,.wysiwyg ol.listNumber li {
    position: relative;
    margin-top: 8px;
    margin-left: 2em;
    text-indent: -2em;
    font-size: 14px;
    font-size: .875rem
}

.listNumber__item:before,.wysiwyg ol.listNumber li:before {
    padding-right: .5em;
    content: counter(item,decimal-leading-zero) ".";
    counter-increment: item;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

.navigationSide {
    border: 1px solid #ddd
}

.navigationSide__title {
    border-bottom: 2px solid #ab1f20
}

@media screen and (max-width: 767px) {
    .navigationSide__title {
        text-align:center
    }
}

.navigationSide__titleLink {
    display: block;
    padding: 11px 17px;
    background: #efefef;
    font-size: 16px;
    font-size: 1rem;
    padding-left: 15px;
    position: relative
}

.navigationSide__titleLink::before {
    position: absolute;
    top: .2em;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ab1f20;
    border-right: 1px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media all and (-ms-high-contrast:none) {
    .navigationSide__titleLink::before {
        top: .1em
    }
}

@media screen and (max-width: 767px) {
    .navigationSide__titleLink::before {
        top:.3em
    }
}

.-personalLower .navigationSide__titleLink::before {
    border-color: #539356
}

.-businessLower .navigationSide__titleLink::before {
    border-color: #357dc8
}

.navigationSide__titleLink::before {
    position: absolute;
    top: 0;
    right: 18px;
    bottom: 0;
    left: auto;
    margin: auto;
    width: 7px;
    height: 7px;
    border-color: #171718
}

.navigationSide__listItem {
    border-top: 1px solid #ddd
}

.navigationSide__listItem:first-child {
    border-top: none
}

.navigationSide__listItemInner {
    position: relative;
    display: block;
    padding: 13px 35px 13px 17px;
    cursor: default;
    font-size: 14px;
    font-size: .875rem
}

@media screen and (min-width: 768px),print {
    .navigationSide__listItemInner {
        -webkit-transition:.21s;
        transition: .21s;
        cursor: pointer
    }

    .navigationSide__listItemInner:hover {
        color: #ab1f20
    }
}

.navigationSide__listItemInner::after,.navigationSide__listItemInner::before {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 1px;
    background: #ab1f20;
    -webkit-transition: .21s cubic-bezier(.47,0,.745,.715);
    transition: .21s cubic-bezier(.47,0,.745,.715);
    content: "";
    display: inline-block
}

.navigationSide__listItemInner::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.is-opened .navigationSide__listItemInner::after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.navigationSide__subList {
    padding: 0 13px 15px
}

.navigationSide__subListItem {
    margin-top: 10px
}

.navigationSide__subListItem:first-child {
    margin-top: 0
}

.navigationSide__subListItemLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navigationSide__subListItemThumbnail {
    width: 45px;
    height: 45px;
    border: 1px solid #ddd;
    background: #f6f6f6
}

.navigationSide__subListItemText {
    width: calc(100% - 45px - 13px);
    line-height: 1.4;
    font-size: 13px;
    font-size: .8125rem
}

.is-current .navigationSide__subListItemText {
    color: #ab1f20
}

.navigationPageA {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .navigationPageA+* {
        margin-top:25px
    }
}

@media screen and (max-width: 767px) {
    .navigationPageA+* {
        margin-top:15px
    }
}

.navigationPageA__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 1024px),print {
    .navigationPageA__listItem {
        margin-right:18px
    }

    .-col6 .navigationPageA__listItem {
        width: calc(100% / 6 - 18px * 5 / 6)
    }

    .-col6 .navigationPageA__listItem:nth-child(6n) {
        margin-right: 0
    }

    .-col3 .navigationPageA__listItem {
        width: calc(100% / 3 - 18px * 2 / 3)
    }

    .-col3 .navigationPageA__listItem:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .navigationPageA__listItem {
        margin-top:13px;
        margin-right: 13px;
        width: calc(100% / 3 - 13px * 2 / 3)
    }

    .navigationPageA__listItem:nth-child(-n+3) {
        margin-top: 0
    }

    .navigationPageA__listItem:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .navigationPageA__listItem {
        margin-top:10px;
        margin-right: 10px;
        width: calc(100% / 2 - 10px * 1 / 2)
    }

    .navigationPageA__listItem:nth-child(-n+2) {
        margin-top: 0
    }

    .navigationPageA__listItem:nth-child(2n) {
        margin-right: 0
    }

    .navigationPageA__listItem.-spFull {
        margin-right: 0;
        width: 100%
    }
}

.navigationPageA__listItemLink {
    display: block;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
    text-align: center;
    padding-left: 15px;
    position: relative
}

.navigationPageA__listItemLink::before {
    position: absolute;
    top: .2em;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ab1f20;
    border-right: 1px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media all and (-ms-high-contrast:none) {
    .navigationPageA__listItemLink::before {
        top: .1em
    }
}

@media screen and (max-width: 767px) {
    .navigationPageA__listItemLink::before {
        top:.3em
    }
}

.-personalLower .navigationPageA__listItemLink::before {
    border-color: #539356
}

.-businessLower .navigationPageA__listItemLink::before {
    border-color: #357dc8
}

@media screen and (min-width: 768px),print {
    .navigationPageA__listItemLink {
        padding:18px;
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .navigationPageA__listItemLink {
        padding:8px 18px;
        font-size: 13px;
        font-size: .8125rem
    }
}

.navigationPageA__listItemLink::before {
    top: 50%;
    left: 18px;
    margin-top: -5px;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media screen and (min-width: 768px),print {
    .navigationPageB+* {
        margin-top:25px
    }
}

@media screen and (max-width: 767px) {
    .navigationPageB+* {
        margin-top:15px
    }
}

.navigationPageB__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .navigationPageB__list {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.navigationPageB__listItem {
    border-right: 1px solid #ddd;
    color: #a9a9a9;
    text-align: center;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .navigationPageB__listItem {
        padding:6px;
        font-size: 14px;
        font-size: .875rem
    }

    .-col3 .navigationPageB__listItem {
        margin-top: 13px;
        width: 33%
    }

    .-col3 .navigationPageB__listItem:nth-child(3n+1) {
        border-left: 1px solid #ddd
    }

    .-col3 .navigationPageB__listItem:nth-child(-n+3) {
        margin-top: 0
    }

    .-col4 .navigationPageB__listItem {
        margin-top: 13px;
        width: 25%
    }

    .-col4 .navigationPageB__listItem:nth-child(4n+1) {
        border-left: 1px solid #ddd
    }

    .-col4 .navigationPageB__listItem:nth-child(-n+4) {
        margin-top: 0
    }

    .-col10 .navigationPageB__listItem {
        width: 10%
    }

    .-col10 .navigationPageB__listItem:first-child {
        border-left: 1px solid #ddd
    }
}

@media screen and (max-width: 767px) {
    .navigationPageB__listItem {
        margin-top:10px;
        padding: 3px;
        font-size: 12px;
        font-size: .75rem
    }

    .-col4 .navigationPageB__listItem {
        width: 50%
    }

    .-col4 .navigationPageB__listItem:nth-child(-n+2) {
        margin-top: 0
    }

    .-col4 .navigationPageB__listItem:nth-child(even) {
        border-right: none
    }

    .-col10 .navigationPageB__listItem {
        width: 20%
    }

    .-col10 .navigationPageB__listItem:nth-child(-n+5) {
        margin-top: 0
    }

    .-col10 .navigationPageB__listItem:nth-child(5n) {
        border-right: none
    }

    .-spCol1 .navigationPageB__listItem {
        border-right: none
    }
}

.-textLeft .navigationPageB__listItem {
    text-align: left!important
}

@media screen and (min-width: 768px),print {
    .-textLeft .navigationPageB__listItem {
        padding-left:34px;
        padding-right: 34px
    }
}

@media screen and (max-width: 767px) {
    .-textLeft .navigationPageB__listItem {
        padding-left:10px;
        padding-right: 5px
    }
}

.-textLeft .navigationPageB__listItem .navigationPageB__listItemLink {
    text-align: left!important
}

.navigationPageB__listItemLink {
    display: inline-block;
    background: #fff;
    text-align: center;
    text-decoration: underline;
    padding-left: 15px;
    position: relative;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

.navigationPageB__listItemLink::before {
    position: absolute;
    top: .2em;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ab1f20;
    border-right: 1px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media all and (-ms-high-contrast:none) {
    .navigationPageB__listItemLink::before {
        top: .1em
    }
}

@media screen and (max-width: 767px) {
    .navigationPageB__listItemLink::before {
        top:.3em
    }
}

.-personalLower .navigationPageB__listItemLink::before {
    border-color: #539356
}

.-businessLower .navigationPageB__listItemLink::before {
    border-color: #357dc8
}

@media screen and (min-width: 768px),print {
    .navigationPageB__listItemLink {
        padding-left:20px!important
    }
}

@media screen and (max-width: 767px) {
    .navigationPageB__listItemLink {
        padding-left:12px!important
    }
}

.navigationPageB__listItemLink::before {
    top: 50%;
    left: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media screen and (min-width: 768px),print {
    .navigationPageB__listItemLink::before {
        width:7px;
        height: 7px;
        margin-top: -5px
    }
}

@media screen and (max-width: 767px) {
    .navigationPageB__listItemLink::before {
        width:5px;
        height: 5px;
        margin-top: -3px
    }
}

.-col10 .navigationPageB__listItemLink {
    padding-left: 0!important
}

.-col10 .navigationPageB__listItemLink::before {
    display: none
}

.navigationPageC {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (max-width: 767px) {
    .navigationPageC+* {
        margin-top:15px
    }
}

@media screen and (min-width: 1024px),print {
    .navigationPageC__list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1024px),print {
    .navigationPageC__listItem {
        margin-right:3px;
        width: calc(100% / 3 - 3px * 2 / 3)
    }

    .navigationPageC__listItem:nth-child(3) {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .navigationPageC__listItem:nth-child(n+2) {
        margin-top:2px
    }
}

@media screen and (max-width: 767px) {
    .navigationPageC__listItem:nth-child(n+2) {
        margin-top:2px
    }
}

.pagenation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 768px),print {
    .pagenation {
        margin-top:60px
    }
}

@media screen and (max-width: 767px) {
    .pagenation {
        margin-top:35px
    }
}

.pagenation__item {
    color: #ab1f20
}

@media screen and (min-width: 768px),print {
    .pagenation__item {
        margin:0 13px
    }
}

@media screen and (max-width: 767px) {
    .pagenation__item {
        margin:0 11px
    }
}

.pagenation__link {
    display: inline-block;
    height: 100%;
    color: #171718;
    text-decoration: underline
}

.-next .pagenation__link,.-prev .pagenation__link {
    padding-left: 15px;
    position: relative
}

.-next .pagenation__link::before,.-prev .pagenation__link::before {
    position: absolute;
    top: .2em;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ab1f20;
    border-right: 1px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media all and (-ms-high-contrast:none) {
    .-next .pagenation__link::before,.-prev .pagenation__link::before {
        top: .1em
    }
}

@media screen and (max-width: 767px) {
    .-next .pagenation__link::before,.-prev .pagenation__link::before {
        top:.3em
    }
}

.-personalLower .-next .pagenation__link::before,.-personalLower .-prev .pagenation__link::before {
    border-color: #539356
}

.-businessLower .-next .pagenation__link::before,.-businessLower .-prev .pagenation__link::before {
    border-color: #357dc8
}

.-next .pagenation__link::before,.-prev .pagenation__link::before {
    top: 0;
    bottom: 0;
    margin: auto;
    width: 7px;
    height: 7px;
    border-color: #171718
}

@media screen and (min-width: 768px),print {
    .-prev .pagenation__link {
        margin-right:18px
    }
}

.-prev .pagenation__link::before {
    left: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

@media screen and (min-width: 768px),print {
    .-next .pagenation__link {
        margin-left:18px
    }
}

.-next .pagenation__link::before {
    right: 0
}

.sliderBanner {
    position: relative
}

@media screen and (min-width: 768px),print {
    .sliderBanner {
        z-index:1;
        margin-top: -150px;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 15px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .sliderBanner {
        margin-top:-75px
    }
}

@media screen and (max-width: 767px) {
    .sliderBanner {
        margin-top:-59px;
        padding: 0 15px
    }
}

@media screen and (min-width: 768px),print {
    .heroLower+.sliderBanner {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .heroLower+.sliderBanner {
        margin-top:20px
    }
}

@media screen and (min-width: 768px),print {
    .swiper-container {
        margin-left:-10px!important;
        padding: 0 10px 15px!important;
        width: calc(100% + 20px)
    }

    .swiper-container.is-flex,body:not(.js-focus-ring) .swiper-container {
        width: 100%;
        margin: 0!important;
        padding: 0!important;
        overflow: visible
    }
}

@media screen and (max-width: 767px) {
    .swiper-container {
        margin-left:-15px!important;
        padding: 0 10px 15px!important;
        width: calc(100% + 30px)
    }
}

body:not(.js-focus-ring) .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.is-flex .swiper-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.swiper-slide {
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,.12);
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,.12)
}

@media screen and (min-width: 768px),print {
    .is-flex .swiper-slide,body:not(.js-focus-ring) .swiper-slide {
        width:calc(33.3% - 30px * 2 / 3);
        margin-right: 30px;
        margin-top: 15px
    }

    .is-flex .swiper-slide:nth-child(-n+3),body:not(.js-focus-ring) .swiper-slide:nth-child(-n+3) {
        margin-top: 0
    }

    .is-flex .swiper-slide:nth-child(3n),body:not(.js-focus-ring) .swiper-slide:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .is-flex .swiper-slide,body:not(.js-focus-ring) .swiper-slide {
        width:calc(50% - 11px * 1 / 2);
        margin-right: 11px;
        margin-top: 8px
    }

    .is-flex .swiper-slide:nth-child(-n+2),body:not(.js-focus-ring) .swiper-slide:nth-child(-n+2) {
        margin-top: 0
    }

    .is-flex .swiper-slide:nth-child(2n),body:not(.js-focus-ring) .swiper-slide:nth-child(2n) {
        margin-right: 0
    }
}

.is-flex .swiper-slide:last-child,body:not(.js-focus-ring) .swiper-slide:last-child {
    margin-right: 0
}

.is-flex .swiper-slide img,body:not(.js-focus-ring) .swiper-slide img {
    width: 100%
}

@media screen and (min-width: 768px),print {
    .swiper-slide {
        -webkit-transition:.21s 80ms box-shadow;
        transition: .21s 80ms box-shadow
    }

    .swiper-slide:hover {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

@media screen and (min-width: 768px),print {
    .swiper-slide {
        -webkit-transition:.21s;
        transition: .21s
    }

    .swiper-slide:hover {
        opacity: .75
    }
}

.swiper-button-next,.swiper-button-prev {
    z-index: 1
}

@media screen and (min-width: 768px),print {
    .swiper-button-next,.swiper-button-prev {
        margin-top:-11px!important
    }
}

@media screen and (max-width: 767px) {
    .swiper-button-next,.swiper-button-prev {
        margin-top:-32px!important
    }
}

.swiper-button-next::after,.swiper-button-prev::after {
    display: none
}

.swiper-button-next::before,.swiper-button-prev::before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    display: inline-block
}

@media screen and (min-width: 768px),print {
    .swiper-button-next::before,.swiper-button-prev::before {
        width:22px;
        height: 22px
    }
}

@media screen and (max-width: 767px) {
    .swiper-button-next::before,.swiper-button-prev::before {
        width:15px;
        height: 15px
    }
}

.swiper-button-next.is-none,.swiper-button-prev.is-none,body:not(.js-focus-ring) .swiper-button-next,body:not(.js-focus-ring) .swiper-button-prev {
    display: none!important
}

.swiper-button-prev {
    right: auto!important
}

@media screen and (min-width: 768px),print {
    .swiper-button-prev {
        left:-20px!important
    }
}

@media screen and (min-width: 768px) and (max-width:1220px),print {
    .swiper-button-prev {
        left:0!important
    }
}

@media screen and (max-width: 767px) {
    .swiper-button-prev {
        left:-2px!important
    }
}

.swiper-button-prev::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: solid #ab1f20;
    border-left: solid #ab1f20
}

@media screen and (min-width: 768px),print {
    .swiper-button-prev::before {
        left:8px;
        border-width: 3px
    }
}

@media screen and (max-width: 767px) {
    .swiper-button-prev::before {
        left:8px;
        border-width: 2px
    }
}

.-personal .swiper-button-prev::before {
    border-color: #539356
}

.-business .swiper-button-prev::before {
    border-color: #357dc8
}

.swiper-button-next {
    left: auto!important
}

@media screen and (min-width: 768px),print {
    .swiper-button-next {
        right:-20px!important
    }
}

@media screen and (min-width: 768px) and (max-width:1260px),print {
    .swiper-button-next {
        right:0!important
    }
}

@media screen and (max-width: 767px) {
    .swiper-button-next {
        right:-2px!important
    }
}

.swiper-button-next::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: solid #ab1f20;
    border-right: solid #ab1f20
}

@media screen and (min-width: 768px),print {
    .swiper-button-next::before {
        right:8px;
        border-width: 3px
    }
}

@media screen and (max-width: 767px) {
    .swiper-button-next::before {
        right:8px;
        border-width: 2px
    }
}

.-personal .swiper-button-next::before {
    border-color: #539356
}

.-business .swiper-button-next::before {
    border-color: #357dc8
}

.swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 768px),print {
    .swiper-pagination {
        margin-top:15px;
        width: calc(100% - 30px)
    }
}

@media screen and (max-width: 767px) {
    .swiper-pagination {
        left:0;
        margin-top: 5px;
        width: 100%
    }
}

.swiper-pagination.is-none,body:not(.js-focus-ring) .swiper-pagination {
    display: none!important
}

.swiper-pagination-bullet {
    margin: 0 5px
}

@media screen and (min-width: 768px),print {
    .swiper-pagination-bullet {
        width:9px;
        height: 9px
    }
}

@media screen and (max-width: 767px) {
    .swiper-pagination-bullet {
        width:8px;
        height: 8px
    }
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ab1f20
}

.-personal .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #539356
}

.-business .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #357dc8
}

.table,.wysiwyg table {
    width: 100%;
    border: 1px solid #ddd
}

@media screen and (min-width: 768px),print {
    .table,.wysiwyg table {
        table-layout:auto
    }
}

@media screen and (max-width: 767px) {
    .table,.wysiwyg table {
        table-layout:fixed
    }
}

.table td,.table th,.wysiwyg table td,.wysiwyg table th {
    border: 1px solid #ddd;
    vertical-align: middle;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem
}

@media screen and (min-width: 768px),print {
    .table td,.table th,.wysiwyg table td,.wysiwyg table th {
        padding:13px 20px;
        width: auto
    }
}

@media screen and (max-width: 767px) {
    .table td,.table th,.wysiwyg table td,.wysiwyg table th {
        padding:10px 18px
    }
}

.table th,.wysiwyg table th {
    background: #f6f6f6
}

@media screen and (min-width: 768px),print {
    .table th:first-child,.wysiwyg table th:first-child {
        min-width:200px
    }
}

.table+*,.wysiwyg table+* {
    margin-top: 30px
}

.table.-fixed,.wysiwyg table.-fixed {
    table-layout: fixed
}

@media screen and (max-width: 767px) {
    .table.-spBlock,.wysiwyg table.-spBlock {
        display:block;
        border-top: none
    }

    .table.-spBlock tbody,.table.-spBlock thead,.wysiwyg table.-spBlock tbody,.wysiwyg table.-spBlock thead {
        display: block;
        width: 100%
    }

    .table.-spBlock tr,.wysiwyg table.-spBlock tr {
        display: block;
        width: 100%
    }

    .table.-spBlock tr td,.table.-spBlock tr th,.wysiwyg table.-spBlock tr td,.wysiwyg table.-spBlock tr th {
        display: block;
        width: 100%;
        border-right: none;
        border-bottom: none;
        border-left: none
    }
}

@media screen and (min-width: 768px),print {
    .table.-th50 th,.wysiwyg table.-th50 th {
        width:50px
    }
}

@media screen and (min-width: 768px),print {
    .table.-th100 th,.wysiwyg table.-th100 th {
        width:100px
    }
}

@media screen and (min-width: 768px),print {
    .table.-th150 th,.wysiwyg table.-th150 th {
        width:150px
    }
}

@media screen and (min-width: 768px),print {
    .table.-th200 th,.wysiwyg table.-th200 th {
        width:200px
    }
}

@media screen and (min-width: 768px),print {
    .table.-th250 th,.wysiwyg table.-th250 th {
        width:250px
    }
}

@media screen and (min-width: 768px),print {
    .table.-th300 th,.wysiwyg table.-th300 th {
        width:300px
    }
}

@media screen and (min-width: 768px),print {
    .table.-th350 th,.wysiwyg table.-th350 th {
        width:350px
    }
}

@media screen and (min-width: 768px),print {
    .table.-th400 th,.wysiwyg table.-th400 th {
        width:400px
    }
}

@media screen and (min-width: 768px),print {
    .table.-th450 th,.wysiwyg table.-th450 th {
        width:450px
    }
}

@media screen and (min-width: 768px),print {
    .table.-th500 th,.wysiwyg table.-th500 th {
        width:500px
    }
}

@media screen and (min-width: 768px),print {
    .wysiwyg p+table,p+.table {
        margin-top:10px
    }
}

@media screen and (max-width: 767px) {
    .wysiwyg p+table,p+.table {
        margin-top:8px
    }
}

.tableB {
    width: 100%
}

.tableB td,.tableB th {
    text-align: left;
    font-size: 14px;
    font-size: .875rem;
    border-bottom: 1px solid #ddd;
    padding: 15px
}

@media screen and (max-width: 767px) {
    .tableB td,.tableB th {
        padding:10px
    }
}

.tableB th {
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .tableB th {
        width:130px
    }
}

@media screen and (max-width: 767px) {
    .tableB th {
        width:90px
    }
}

.tableB td {
    padding-left: 0
}

.tableB td .tableB__link {
    text-decoration: underline
}

@media screen and (min-width: 768px),print {
    .tableB td .tableB__link:hover {
        text-decoration:none
    }
}

.tableB__number.-freeCall::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 16px;
    display: inline-block;
    background: url(/solar/common/css//img/icon_freecall.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 5px
}

.tableB__number:not(:first-child) {
    margin-top: 3px
}

.text,.wysiwyg p {
    font-size: 14px;
    font-size: .875rem
}

.text a,.wysiwyg p a {
    text-decoration: underline
}

.text a[target="_blank"]::after,.wysiwyg p a[target="_blank"]::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .text a[target="_blank"]::after,.wysiwyg p a[target="_blank"]::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.text a[target="_blank"].-linkKyocera::after,.wysiwyg p a[target="_blank"].-linkKyocera::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .text a[target="_blank"].-linkKyocera::after,.wysiwyg p a[target="_blank"].-linkKyocera::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.wysiwyg a[target="_blank"] p a::after,a[target="_blank"] .text a::after,a[target="_blank"] .wysiwyg p a::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .wysiwyg a[target="_blank"] p a::after,a[target="_blank"] .text a::after,a[target="_blank"] .wysiwyg p a::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.wysiwyg a[target="_blank"].-linkKyocera p a::after,a[target="_blank"].-linkKyocera .text a::after,a[target="_blank"].-linkKyocera .wysiwyg p a::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .wysiwyg a[target="_blank"].-linkKyocera p a::after,a[target="_blank"].-linkKyocera .text a::after,a[target="_blank"].-linkKyocera .wysiwyg p a::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.text a[href*=".doc"]::after,.text a[href*=".docm"]::after,.text a[href*=".docx"]::after,.text a[href*=".dot"]::after,.text a[href*=".exe"]::after,.text a[href*=".pdf"]::after,.text a[href*=".xls"]::after,.text a[href*=".xlsx"]::after,.text a[href*=".xlt"]::after,.text a[href*=".xml"]::after,.text a[href*=".zip"]::after,.wysiwyg p a[href*=".doc"]::after,.wysiwyg p a[href*=".docm"]::after,.wysiwyg p a[href*=".docx"]::after,.wysiwyg p a[href*=".dot"]::after,.wysiwyg p a[href*=".exe"]::after,.wysiwyg p a[href*=".pdf"]::after,.wysiwyg p a[href*=".xls"]::after,.wysiwyg p a[href*=".xlsx"]::after,.wysiwyg p a[href*=".xlt"]::after,.wysiwyg p a[href*=".xml"]::after,.wysiwyg p a[href*=".zip"]::after {
    width: 15px;
    height: 18px;
    margin-left: 5px;
    content: "";
    display: inline-block;
    position: relative;
    bottom: -3px
}

.text a[href*=".pdf"]::after,.wysiwyg p a[href*=".pdf"]::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

.text a[href$=".xlt"]::after,.text a[href*=".xls"]::after,.text a[href*=".xlsx"]::after,.text a[href*=".xml"]::after,.wysiwyg p a[href$=".xlt"]::after,.wysiwyg p a[href*=".xls"]::after,.wysiwyg p a[href*=".xlsx"]::after,.wysiwyg p a[href*=".xml"]::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

.text a[href*=".doc"]::after,.text a[href*=".docm"]::after,.text a[href*=".docx"]::after,.text a[href*=".dot"]::after,.wysiwyg p a[href*=".doc"]::after,.wysiwyg p a[href*=".docm"]::after,.wysiwyg p a[href*=".docx"]::after,.wysiwyg p a[href*=".dot"]::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

.text a[href*=".zip"]::after,.wysiwyg p a[href*=".zip"]::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

.text a[href*=".exe"]::after,.wysiwyg p a[href*=".exe"]::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

.wysiwyg a[href*=".doc"] p a::after,.wysiwyg a[href*=".docm"] p a::after,.wysiwyg a[href*=".docx"] p a::after,.wysiwyg a[href*=".dot"] p a::after,.wysiwyg a[href*=".exe"] p a::after,.wysiwyg a[href*=".pdf"] p a::after,.wysiwyg a[href*=".xls"] p a::after,.wysiwyg a[href*=".xlsx"] p a::after,.wysiwyg a[href*=".xlt"] p a::after,.wysiwyg a[href*=".xml"] p a::after,.wysiwyg a[href*=".zip"] p a::after,a[href*=".doc"] .text a::after,a[href*=".doc"] .wysiwyg p a::after,a[href*=".docm"] .text a::after,a[href*=".docm"] .wysiwyg p a::after,a[href*=".docx"] .text a::after,a[href*=".docx"] .wysiwyg p a::after,a[href*=".dot"] .text a::after,a[href*=".dot"] .wysiwyg p a::after,a[href*=".exe"] .text a::after,a[href*=".exe"] .wysiwyg p a::after,a[href*=".pdf"] .text a::after,a[href*=".pdf"] .wysiwyg p a::after,a[href*=".xls"] .text a::after,a[href*=".xls"] .wysiwyg p a::after,a[href*=".xlsx"] .text a::after,a[href*=".xlsx"] .wysiwyg p a::after,a[href*=".xlt"] .text a::after,a[href*=".xlt"] .wysiwyg p a::after,a[href*=".xml"] .text a::after,a[href*=".xml"] .wysiwyg p a::after,a[href*=".zip"] .text a::after,a[href*=".zip"] .wysiwyg p a::after {
    margin-left: 5px;
    width: 15px;
    height: 19px;
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%;
    vertical-align: middle;
    content: "";
    display: inline-block
}

.wysiwyg a[href*=".pdf"] p a::after,a[href*=".pdf"] .text a::after,a[href*=".pdf"] .wysiwyg p a::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

.wysiwyg a[href$=".xlt"] p a::after,.wysiwyg a[href*=".xls"] p a::after,.wysiwyg a[href*=".xlsx"] p a::after,.wysiwyg a[href*=".xml"] p a::after,a[href$=".xlt"] .text a::after,a[href$=".xlt"] .wysiwyg p a::after,a[href*=".xls"] .text a::after,a[href*=".xls"] .wysiwyg p a::after,a[href*=".xlsx"] .text a::after,a[href*=".xlsx"] .wysiwyg p a::after,a[href*=".xml"] .text a::after,a[href*=".xml"] .wysiwyg p a::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

.wysiwyg a[href*=".doc"] p a::after,.wysiwyg a[href*=".docm"] p a::after,.wysiwyg a[href*=".docx"] p a::after,.wysiwyg a[href*=".dot"] p a::after,a[href*=".doc"] .text a::after,a[href*=".doc"] .wysiwyg p a::after,a[href*=".docm"] .text a::after,a[href*=".docm"] .wysiwyg p a::after,a[href*=".docx"] .text a::after,a[href*=".docx"] .wysiwyg p a::after,a[href*=".dot"] .text a::after,a[href*=".dot"] .wysiwyg p a::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

.wysiwyg a[href*=".zip"] p a::after,a[href*=".zip"] .text a::after,a[href*=".zip"] .wysiwyg p a::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

.wysiwyg a[href*=".exe"] p a::after,a[href*=".exe"] .text a::after,a[href*=".exe"] .wysiwyg p a::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

.text a:hover,.wysiwyg p a:hover {
    text-decoration: none
}

.titleB+.text,.wysiwyg .titleB+p,.wysiwyg h4+.text,.wysiwyg h4+p {
    margin-top: 15px
}

.text.-mb+*,.wysiwyg p.-mb+* {
    margin-top: 20px
}

@media screen and (min-width: 768px),print {
    .text.-fontSizeNormal,.wysiwyg p.-fontSizeNormal {
        font-size:15px;
        font-size: .9375rem
    }
}

.textStrong {
    font-weight: 700
}

.textRed {
    color: #ab1f1e
}

.textRed a {
    color: #ab1f1e
}

.titlePage {
    background: #f6f6f6
}

@media screen and (min-width: 768px),print {
    .titlePage+* {
        margin-top:45px
    }

    .wrapper.-bgGray .titlePage+* {
        margin-top: 0
    }
}

.heroLower .titlePage {
    background: 0 0
}

.titlePage__inner {
    display: block;
    line-height: 1.4;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400
}

@media screen and (min-width: 768px),print {
    .titlePage__inner {
        padding:28px 15px;
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media all and (-ms-high-contrast:none) {
    .titlePage__inner {
        padding-top: 33px!important;
        padding-bottom: 23px!important
    }
}

@media screen and (max-width: 767px) {
    .titlePage__inner {
        padding:15px;
        font-size: 23px;
        font-size: 1.4375rem
    }
}

@media screen and (min-width: 768px),print {
    .-products .titlePage__inner {
        padding:28px 15px 28px 100px!important;
        background: url(/solar/common/css/img/icon_solar.png) 15px 28px no-repeat;
        background-size: 63px
    }
}

@media all and (-ms-high-contrast:none) {
    .-products .titlePage__inner {
        padding-top: 33px!important;
        padding-bottom: 23px!important
    }
}

@media screen and (max-width: 767px) {
    .-products .titlePage__inner {
        padding:15px 15px 15px 68px!important;
        background: url(/solar/common/css/img/icon_solar.png) 15px 13px no-repeat;
        background-size: 40px
    }
}

@media screen and (min-width: 768px),print {
    .-search .titlePage__inner {
        padding:28px 0 28px 70px!important;
        background: url(/solar/common/css/img/icon_search.png) 15px 36px no-repeat;
        background-size: 34px
    }
}

@media all and (-ms-high-contrast:none) {
    .-search .titlePage__inner {
        padding-top: 33px!important;
        padding-bottom: 23px!important
    }
}

@media screen and (max-width: 767px) {
    .-search .titlePage__inner {
        padding:15px 15px 15px 53px!important;
        background: url(/solar/common/css/img/icon_search.png) 15px 17px no-repeat;
        background-size: 26px
    }
}

@media screen and (min-width: 768px),print {
    .-download .titlePage__inner {
        padding:28px 0 28px 70px!important;
        background: url(/solar/common/css/img/icon_dl.png) 15px 36px no-repeat;
        background-size: 38px
    }
}

@media all and (-ms-high-contrast:none) {
    .-download .titlePage__inner {
        padding-top: 33px!important;
        padding-bottom: 23px!important
    }
}

@media screen and (max-width: 767px) {
    .-download .titlePage__inner {
        padding:15px 15px 15px 53px!important;
        background: url(/solar/common/css/img/icon_dl.png) 15px 18px no-repeat;
        background-size: 28px
    }
}

@media screen and (min-width: 768px),print {
    .-personal .titlePage__inner {
        padding:28px 0 28px 76px!important;
        background: url(/solar/common/css/img/icon_personal.png) 15px 28px no-repeat;
        background-size: 45px
    }
}

@media all and (-ms-high-contrast:none) {
    .-personal .titlePage__inner {
        padding-top: 33px!important;
        padding-bottom: 23px!important
    }
}

@media screen and (max-width: 767px) {
    .-personal .titlePage__inner {
        padding:15px 15px 15px 53px!important;
        background: url(/solar/common/css/img/icon_personal.png) 15px 17px no-repeat;
        background-size: 26px
    }
}

@media screen and (min-width: 768px),print {
    .-business .titlePage__inner {
        padding:28px 0 28px 76px!important;
        background: url(/solar/common/css/img/icon_building_blue.png) 15px 28px no-repeat;
        background-size: 45px
    }
}

@media all and (-ms-high-contrast:none) {
    .-business .titlePage__inner {
        padding-top: 33px!important;
        padding-bottom: 23px!important
    }
}

@media screen and (max-width: 767px) {
    .-business .titlePage__inner {
        padding:15px 15px 15px 53px!important;
        background: url(/solar/common/css/img/icon_building_blue.png) 15px 17px no-repeat;
        background-size: 26px
    }
}

@media screen and (min-width: 768px),print {
    .-qa .titlePage__inner {
        padding:28px 0 28px 72px!important;
        background: url(/solar/common/css/img/icon_qa.png) 15px 33px no-repeat;
        background-size: 40px
    }
}

@media all and (-ms-high-contrast:none) {
    .-qa .titlePage__inner {
        padding-top: 33px!important;
        padding-bottom: 23px!important
    }
}

@media screen and (max-width: 767px) {
    .-qa .titlePage__inner {
        padding:15px 15px 15px 50px!important;
        background: url(/solar/common/css/img/icon_qa.png) 15px 17px no-repeat;
        background-size: 28px
    }
}

@media screen and (min-width: 768px),print {
    .-glossary .titlePage__inner {
        padding:28px 0 28px 68px!important;
        background: url(/solar/common/css/img/icon_glossary.png) 15px 37px no-repeat;
        background-size: 35px
    }
}

@media all and (-ms-high-contrast:none) {
    .-glossary .titlePage__inner {
        padding-top: 33px!important;
        padding-bottom: 23px!important
    }
}

@media screen and (max-width: 767px) {
    .-glossary .titlePage__inner {
        padding:15px 15px 15px 50px!important;
        background: url(/solar/common/css/img/icon_glossary.png) 15px 18px no-repeat;
        background-size: 26px
    }
}

@media screen and (min-width: 768px),print {
    .-case .titlePage__inner {
        padding:28px 0 28px 72px!important;
        background: url(/solar/common/css/img/icon_case.png) 20px 32px no-repeat;
        background-size: 45px auto
    }
}

@media all and (-ms-high-contrast:none) {
    .-case .titlePage__inner {
        padding-top: 33px!important;
        padding-bottom: 23px!important
    }
}

@media screen and (max-width: 767px) {
    .-case .titlePage__inner {
        padding:15px 15px 15px 50px!important;
        background: url(/solar/common/css/img/icon_case.png) 15px 17px no-repeat;
        background-size: 30px auto
    }
}

@media screen and (min-width: 768px),print {
    .-advantage .titlePage__inner {
        padding:28px 0 28px 72px!important;
        background: url(/solar/common/css/img/icon_advantage.png) 20px 30px no-repeat;
        background-size: 38px auto
    }
}

@media all and (-ms-high-contrast:none) {
    .-advantage .titlePage__inner {
        padding-top: 33px!important;
        padding-bottom: 23px!important
    }
}

@media screen and (max-width: 767px) {
    .-advantage .titlePage__inner {
        padding:15px 15px 15px 50px!important;
        background: url(/solar/common/css/img/icon_advantage.png) 15px 16px no-repeat;
        background-size: 23px auto
    }
}

@media screen and (min-width: 768px),print {
    .-inquiry .titlePage__inner {
        padding:28px 0 28px 74px!important;
        background: url(/solar/common/css/img/icon_mail.png) 20px 40px no-repeat;
        background-size: 38px auto
    }
}

@media all and (-ms-high-contrast:none) {
    .-inquiry .titlePage__inner {
        padding-top: 33px!important;
        padding-bottom: 23px!important
    }
}

@media screen and (max-width: 767px) {
    .-inquiry .titlePage__inner {
        padding:15px 15px 15px 53px!important;
        background: url(/solar/common/css/img/icon_mail.png) 17px 22px no-repeat;
        background-size: 26px auto
    }
}

@media screen and (min-width: 768px),print {
    .-support .titlePage__inner {
        padding:28px 0 28px 83px!important;
        background: url(/solar/common/css/img/icon_support_red.png) 20px 32px no-repeat;
        background-size: 50px auto
    }
}

@media all and (-ms-high-contrast:none) {
    .-support .titlePage__inner {
        padding-top: 33px!important;
        padding-bottom: 23px!important
    }
}

@media screen and (max-width: 767px) {
    .-support .titlePage__inner {
        padding:15px 15px 15px 60px!important;
        background: url(/solar/common/css/img/icon_support_red.png) 17px 16px no-repeat;
        background-size: 32px auto
    }
}

@media screen and (min-width: 768px),print {
    .-topics .titlePage__inner {
        padding:28px 0 28px 63px!important;
        background: url(/solar/common/css/img/icon_topics.png) 20px 32px no-repeat;
        background-size: 35px auto
    }
}

@media screen and (max-width: 767px) {
    .-topics .titlePage__inner {
        background:url(/solar/common/css/img/icon_topics.png) 17px 18px no-repeat;
        background-size: 20px auto;
        padding-left: 43px
    }
}

.titleSectionA {
    font-weight: 700;
    line-height: 1.35
}

@media screen and (min-width: 768px),print {
    .titleSectionA+* {
        margin-top:20px
    }
}

@media screen and (max-width: 767px) {
    .titleSectionA+* {
        margin-top:10px
    }
}

.titleSectionA_japanese {
    display: block
}

@media screen and (min-width: 768px),print {
    .titleSectionA_japanese {
        font-size:20px;
        font-size: 1.25rem
    }
}

@media screen and (max-width: 767px) {
    .titleSectionA_japanese {
        font-size:13px;
        font-size: .8125rem
    }
}

.titleSectionA_english {
    display: block;
    font-family: Arial,OpenSans,Helvetica,sans-serif;
    font-weight: 400
}

@media screen and (min-width: 768px),print {
    .titleSectionA_english {
        font-size:38px;
        font-size: 2.375rem
    }
}

@media screen and (max-width: 767px) {
    .titleSectionA_english {
        font-size:26px;
        font-size: 1.625rem
    }
}

.titleSectionB {
    position: relative;
    text-align: center;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .titleSectionB {
        margin-top:80px;
        padding: 12px;
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media screen and (max-width: 767px) {
    .titleSectionB {
        margin-top:50px;
        padding: 10px;
        font-size: 20px;
        font-size: 1.25rem
    }
}

.-personalLower .titleSectionB {
    color: #539356
}

.-businessLower .titleSectionB {
    color: #357dc8
}

.titleSectionB::after,.titleSectionB::before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #a7a7a7;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    content: "";
    display: inline-block
}

.titleSectionB::before {
    top: 0
}

.titleSectionB::after {
    bottom: 0
}

@media screen and (min-width: 768px),print {
    .titleSectionB+* {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .titleSectionB+* {
        margin-top:23px
    }
}

.titleSectionB:first-child {
    margin-top: 0
}

.title,.wysiwyg h2 {
    position: relative;
    border-bottom: 3px solid #ab1f20;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400
}

@media screen and (min-width: 768px),print {
    .title,.wysiwyg h2 {
        margin-top:45px;
        padding-bottom: 5px;
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media screen and (max-width: 767px) {
    .title,.wysiwyg h2 {
        margin-top:40px;
        padding-bottom: 8px;
        line-height: 1.3;
        font-size: 22px;
        font-size: 1.375rem
    }
}

.title:first-child,.wysiwyg h2:first-child {
    margin-top: 0
}

@media screen and (min-width: 768px),print {
    .title+*,.wysiwyg h2+* {
        margin-top:30px
    }
}

@media screen and (max-width: 767px) {
    .title+*,.wysiwyg h2+* {
        margin-top:25px
    }
}

@media screen and (min-width: 768px),print {
    .wysiwyg ol+h2,.wysiwyg ul+h2,ol+.title,ul+.title {
        margin-top:45px
    }
}

@media screen and (max-width: 767px) {
    .wysiwyg ol+h2,.wysiwyg ul+h2,ol+.title,ul+.title {
        margin-top:33px
    }
}

.titleA,.wysiwyg h3 {
    position: relative;
    border-bottom: 2px solid #ddd;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400
}

@media screen and (min-width: 768px),print {
    .titleA,.wysiwyg h3 {
        margin-top:45px;
        padding-bottom: 5px;
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media screen and (max-width: 767px) {
    .titleA,.wysiwyg h3 {
        margin-top:40px;
        padding-bottom: 8px;
        line-height: 1.3;
        font-size: 20px;
        font-size: 1.25rem
    }
}

.titleA:first-child,.wysiwyg h3:first-child {
    margin-top: 0
}

.titleA::before,.wysiwyg h3::before {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 160px;
    height: 3px;
    background: #ab1f20;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    content: "";
    display: inline-block
}

.-personalLower .titleA::before,.-personalLower .wysiwyg h3::before,.wysiwyg .-personalLower h3::before {
    background: #539356
}

.-businessLower .titleA::before,.-businessLower .wysiwyg h3::before,.wysiwyg .-businessLower h3::before {
    background: #357dc8
}

@media screen and (min-width: 768px),print {
    .titleA+*,.wysiwyg h3+* {
        margin-top:30px
    }
}

@media screen and (max-width: 767px) {
    .titleA+*,.wysiwyg h3+* {
        margin-top:25px
    }
}

@media screen and (min-width: 768px),print {
    .wysiwyg ol+h3,.wysiwyg ul+h3,ol+.titleA,ul+.titleA {
        margin-top:45px
    }
}

@media screen and (max-width: 767px) {
    .wysiwyg ol+h3,.wysiwyg ul+h3,ol+.titleA,ul+.titleA {
        margin-top:33px
    }
}

@media screen and (min-width: 768px),print {
    .title+.titleA,.wysiwyg .title+h3,.wysiwyg h2+.titleA,.wysiwyg h2+h3 {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .title+.titleA,.wysiwyg .title+h3,.wysiwyg h2+.titleA,.wysiwyg h2+h3 {
        margin-top:32px
    }
}

@media screen and (min-width: 768px),print {
    .titleA__sup {
        font-size:15px;
        font-size: .9375rem
    }
}

@media screen and (max-width: 767px) {
    .titleA__sup {
        font-size:12px;
        font-size: .75rem
    }
}

.titleA__category {
    border-radius: 100px;
    background: #efefef;
    text-align: center;
    font-size: 12px;
    font-size: .75rem
}

@media screen and (min-width: 768px),print {
    .titleA__category {
        display:block;
        float: left;
        margin-right: 15px;
        margin-top: 9px;
        padding: 2px 10px;
        min-width: 135px
    }
}

@media screen and (max-width: 767px) {
    .titleA__category {
        display:inline-block;
        padding: 3px 20px
    }
}

.titleA__inner {
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .titleA__inner {
        display:block;
        margin-top: 11px
    }
}

.titleB,.wysiwyg h4 {
    color: #ab1f20;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .titleB,.wysiwyg h4 {
        margin-top:25px;
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media screen and (max-width: 767px) {
    .titleB,.wysiwyg h4 {
        margin-top:25px;
        line-height: 1.4;
        font-size: 17px;
        font-size: 1.0625rem
    }
}

.titleB:first-child,.wysiwyg h4:first-child {
    margin-top: 0
}

@media screen and (min-width: 768px),print {
    .titleB+*,.wysiwyg h4+* {
        margin-top:20px
    }
}

.-personalLower .titleB,.-personalLower .wysiwyg h4,.wysiwyg .-personalLower h4 {
    color: #539356
}

.-businessLower .titleB,.-businessLower .wysiwyg h4,.wysiwyg .-businessLower h4 {
    color: #357dc8
}

.titleC,.wysiwyg h5 {
    position: relative;
    overflow: hidden;
    padding-left: 23px;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .titleC,.wysiwyg h5 {
        margin-top:25px;
        font-size: 17px;
        font-size: 1.0625rem
    }
}

@media screen and (max-width: 767px) {
    .titleC,.wysiwyg h5 {
        margin-top:25px;
        font-size: 16px;
        font-size: 1rem
    }
}

.titleC::before,.wysiwyg h5::before {
    position: absolute;
    top: .7em;
    left: -5px;
    width: 20px;
    height: 3px;
    background: #ab1f20;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
    content: "";
    display: inline-block
}

.-personalLower .titleC::before,.-personalLower .wysiwyg h5::before,.wysiwyg .-personalLower h5::before {
    background: #539356
}

.-businessLower .titleC::before,.-businessLower .wysiwyg h5::before,.wysiwyg .-businessLower h5::before {
    background: #357dc8
}

.titleC:first-child,.wysiwyg h5:first-child {
    margin-top: 0
}

@media screen and (min-width: 768px),print {
    .titleC+*,.wysiwyg h5+* {
        margin-top:13px
    }
}

@media screen and (max-width: 767px) {
    .titleC+*,.wysiwyg h5+* {
        margin-top:13px
    }
}

@media screen and (min-width: 768px),print {
    .titleB+.titleC,.wysiwyg .titleB+h5,.wysiwyg h4+.titleC,.wysiwyg h4+h5 {
        margin-top:15px
    }
}

@media screen and (max-width: 767px) {
    .titleB+.titleC,.wysiwyg .titleB+h5,.wysiwyg h4+.titleC,.wysiwyg h4+h5 {
        margin-top:13px
    }
}

.titleD,.wysiwyg h6 {
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

.titleD:first-child,.wysiwyg h6:first-child {
    margin-top: 0
}

@media screen and (min-width: 768px),print {
    .titleD+*,.wysiwyg h6+* {
        margin-top:10px
    }
}

.wysiwyg p:not([class])+h6,p:not([class])+.titleD {
    margin-top: 25px
}

.titleE {
    position: relative;
    z-index: 1;
    overflow: hidden;
    line-height: 1.5;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400
}

@media screen and (min-width: 768px),print {
    .titleE {
        font-size:34px;
        font-size: 2.125rem
    }
}

@media screen and (max-width: 767px) {
    .titleE {
        font-size:24px;
        font-size: 1.5rem
    }
}

.titleE>span {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(65%,transparent),color-stop(0,#fbedea));
    background: linear-gradient(transparent 65%,#fbedea 0);
    display: inline
}

.wysiwyg .titleE>span {
    background: 0 0
}

.wysiwyg .titleE::before {
    position: absolute;
    bottom: 0;
    left: -10px;
    z-index: -1;
    width: 100%;
    background: #fbedea;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
    content: "";
    display: inline-block
}

@media screen and (min-width: 768px),print {
    .wysiwyg .titleE::before {
        height:20px
    }
}

@media screen and (max-width: 767px) {
    .wysiwyg .titleE::before {
        height:12px
    }
}

@media screen and (min-width: 768px),print {
    .titleE+* {
        margin-top:35px
    }
}

@media screen and (max-width: 767px) {
    .titleE+* {
        margin-top:25px
    }
}

.tab__label {
    display: block;
    background: #b1b1b1;
    text-align: center;
    color: #fff;
    font-weight: 700;
    position: relative;
    cursor: pointer
}

.tab__label:hover {
    color: #fff;
    opacity: .75
}

@media screen and (min-width: 1024px),print {
    .tab__label {
        padding:16px;
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .tab__label {
        padding:14px;
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .tab__label {
        padding:14px;
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 1024px),print {
    .tab__label::before {
        content:"";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -7px;
        border: 7px solid transparent;
        border-top: 9px solid #ab1f20;
        display: none
    }
}

.tab__label span {
    display: inline-block;
    position: relative
}

.tab__label span::before {
    position: absolute;
    width: 100%;
    bottom: 3px;
    height: 1px;
    background-color: #fff;
    content: "";
    left: 0
}

.tab__content {
    display: none
}

.tab__input {
    display: none
}

.tab__input#tab01:checked~.navigationPageC .tab__label[for=tab01] {
    background-color: #ab1f20;
    opacity: 1!important
}

.tab__input#tab01:checked~.navigationPageC .tab__label[for=tab01]::before {
    display: block
}

.tab__input#tab01:checked~.navigationPageC .tab__label[for=tab01] span::before {
    display: none
}

.tab__input#tab01:checked~.article .tab__content#tab-content01 {
    display: block
}

.tab__input#tab02:checked~.navigationPageC .tab__label[for=tab02] {
    background-color: #ab1f20;
    opacity: 1!important
}

.tab__input#tab02:checked~.navigationPageC .tab__label[for=tab02]::before {
    display: block
}

.tab__input#tab02:checked~.navigationPageC .tab__label[for=tab02] span::before {
    display: none
}

.tab__input#tab02:checked~.article .tab__content#tab-content02 {
    display: block
}

.tab__input#tab03:checked~.navigationPageC .tab__label[for=tab03] {
    background-color: #ab1f20;
    opacity: 1!important
}

.tab__input#tab03:checked~.navigationPageC .tab__label[for=tab03]::before {
    display: block
}

.tab__input#tab03:checked~.navigationPageC .tab__label[for=tab03] span::before {
    display: none
}

.tab__input#tab03:checked~.article .tab__content#tab-content03 {
    display: block
}

.tagCategory {
    padding: 5px 8px 3px;
    border: 1px solid #ddd;
    border-bottom: 2px solid #b1b1b1;
    color: #171718;
    text-align: center;
    line-height: 1;
    font-size: 13px;
    font-size: .8125rem;
    min-width: 80px;
    display: inline-block
}

@media screen and (min-width: 768px),print {
    .tagCategory {
        margin-bottom:20px
    }
}

@media screen and (max-width: 767px) {
    .tagCategory {
        margin-bottom:12px
    }
}

.tagCategory.-news {
    border-bottom-color: #dc9735
}

.tagCategory.-products {
    border-bottom-color: #4b9f55
}

.tagCategory.-technology {
    border-bottom-color: #357dc8
}

.tagCategory.-column {
    border-bottom-color: #d65e8b
}

.tagCategory.-voice {
    border-bottom-color: #8f5ca9
}

.tagCategory.-event {
    border-bottom-color: #d3b62e
}

@media screen and (max-width: 767px) {
    .tagCategory+* {
        margin-top:6px
    }
}

@media screen and (min-width: 1024px),print {
    .detailShop__column2 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 1024px),print {
    .detailShop__data {
        width:calc(100% - 400px - 60px)
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .detailShop__data {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .detailShop__data {
        margin-top:20px
    }
}

.detailShop__dataMapIcon {
    display: inline-block;
    margin-left: 10px;
    padding: 4px 10px 4px 20px;
    border-radius: 100px;
    background: #ab1f20 url(/solar/common/css/img/icon_pin.png) 8px center no-repeat;
    background-size: 7px;
    text-decoration: none!important;
    line-height: 1;
    font-size: 11px;
    font-size: .6875rem
}

.detailShop__dataMapIcon,.detailShop__dataMapIcon:active,.detailShop__dataMapIcon:hover,.detailShop__dataMapIcon:link,.detailShop__dataMapIcon:visited {
    color: #fff
}

.detailShop__dataButton {
    margin-top: 20px;
    text-align: right
}

.detailShop__dataButton+* {
    margin-top: 35px
}

.detailShop__dataButtonLink {
    display: inline-block;
    padding: 8px 40px;
    border: 3px solid #ddd;
    font-size: 14px;
    font-size: .875rem;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

.detailShop__dataButtonLink,.detailShop__dataButtonLink:active,.detailShop__dataButtonLink:hover,.detailShop__dataButtonLink:link,.detailShop__dataButtonLink:visited {
    color: #171718
}

@media screen and (min-width: 768px),print {
    .detailShop__dataButtonLink:hover {
        color:#ab1f20
    }
}

.detailShop__dataButtonLink::before {
    display: inline-block;
    margin-right: 5px;
    width: 22px;
    height: 20px;
    background: url(/solar/common/css//img/icon_estimate.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    content: "";
    display: inline-block
}

.detailShop__dataLink {
    margin-top: 5px
}

.detailShop__dataLink a {
    font-size: 14px;
    font-size: .875rem
}

.detailShop__dataLink a[target="_blank"]::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .detailShop__dataLink a[target="_blank"]::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.detailShop__dataLink a[target="_blank"].-linkKyocera::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .detailShop__dataLink a[target="_blank"].-linkKyocera::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

a[target="_blank"] .detailShop__dataLink a::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    a[target="_blank"] .detailShop__dataLink a::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

a[target="_blank"].-linkKyocera .detailShop__dataLink a::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    a[target="_blank"].-linkKyocera .detailShop__dataLink a::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.detailShop__dataLink a[href*=".doc"]::after,.detailShop__dataLink a[href*=".docm"]::after,.detailShop__dataLink a[href*=".docx"]::after,.detailShop__dataLink a[href*=".dot"]::after,.detailShop__dataLink a[href*=".exe"]::after,.detailShop__dataLink a[href*=".pdf"]::after,.detailShop__dataLink a[href*=".xls"]::after,.detailShop__dataLink a[href*=".xlsx"]::after,.detailShop__dataLink a[href*=".xlt"]::after,.detailShop__dataLink a[href*=".xml"]::after,.detailShop__dataLink a[href*=".zip"]::after {
    width: 15px;
    height: 18px;
    margin-left: 5px;
    content: "";
    display: inline-block;
    position: relative;
    bottom: -3px
}

.detailShop__dataLink a[href*=".pdf"]::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

.detailShop__dataLink a[href$=".xlt"]::after,.detailShop__dataLink a[href*=".xls"]::after,.detailShop__dataLink a[href*=".xlsx"]::after,.detailShop__dataLink a[href*=".xml"]::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

.detailShop__dataLink a[href*=".doc"]::after,.detailShop__dataLink a[href*=".docm"]::after,.detailShop__dataLink a[href*=".docx"]::after,.detailShop__dataLink a[href*=".dot"]::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

.detailShop__dataLink a[href*=".zip"]::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

.detailShop__dataLink a[href*=".exe"]::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

a[href*=".doc"] .detailShop__dataLink a::after,a[href*=".docm"] .detailShop__dataLink a::after,a[href*=".docx"] .detailShop__dataLink a::after,a[href*=".dot"] .detailShop__dataLink a::after,a[href*=".exe"] .detailShop__dataLink a::after,a[href*=".pdf"] .detailShop__dataLink a::after,a[href*=".xls"] .detailShop__dataLink a::after,a[href*=".xlsx"] .detailShop__dataLink a::after,a[href*=".xlt"] .detailShop__dataLink a::after,a[href*=".xml"] .detailShop__dataLink a::after,a[href*=".zip"] .detailShop__dataLink a::after {
    margin-left: 5px;
    width: 15px;
    height: 19px;
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%;
    vertical-align: middle;
    content: "";
    display: inline-block
}

a[href*=".pdf"] .detailShop__dataLink a::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

a[href$=".xlt"] .detailShop__dataLink a::after,a[href*=".xls"] .detailShop__dataLink a::after,a[href*=".xlsx"] .detailShop__dataLink a::after,a[href*=".xml"] .detailShop__dataLink a::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

a[href*=".doc"] .detailShop__dataLink a::after,a[href*=".docm"] .detailShop__dataLink a::after,a[href*=".docx"] .detailShop__dataLink a::after,a[href*=".dot"] .detailShop__dataLink a::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

a[href*=".zip"] .detailShop__dataLink a::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

a[href*=".exe"] .detailShop__dataLink a::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

@media screen and (min-width: 1024px),print {
    .detailShop__images {
        width:400px
    }
}

.detailShop__images img {
    width: 100%
}

.detailShop__thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

@media screen and (min-width: 1024px),print {
    .detailShop__thumbnail {
        -webkit-box-pack:end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.detailShop__thumbnailItem {
    width: calc(100% / 5 - 10px * 4 / 5)
}

@media screen and (min-width: 1024px),print {
    .detailShop__thumbnailItem {
        margin-left:10px
    }

    .detailShop__thumbnailItem:first-child {
        margin-left: 0
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .detailShop__thumbnailItem {
        margin-right:10px
    }

    .detailShop__thumbnailItem:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .detailShop__thumbnailItem {
        margin-right:10px
    }

    .detailShop__thumbnailItem:last-child {
        margin-right: 0
    }
}

.detailShop__thumbnailItem:first-child:last-child {
    display: none
}

@media screen and (min-width: 1024px),print {
    .detailShop__noImage img {
        width:100%
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .detailShop__noImage {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .detailShop__noImage {
        display:none
    }
}

@media screen and (min-width: 768px),print {
    .detailShop__access {
        margin-top:65px
    }
}

@media screen and (max-width: 767px) {
    .detailShop__access {
        margin-top:40px
    }
}

.detailShop__accessText {
    font-size: 14px;
    font-size: .875rem
}

.detailShop__accessMap {
    margin-top: 18px
}

@media screen and (min-width: 768px),print {
    .detailShop__accessMap {
        height:350px
    }
}

@media screen and (max-width: 767px) {
    .detailShop__accessMap {
        height:315px
    }
}

.detailShop__accessMap iframe {
    width: 100%;
    height: 100%
}

@media screen and (min-width: 768px),print {
    .detailShop__outline {
        margin-top:65px
    }
}

@media screen and (max-width: 767px) {
    .detailShop__outline {
        margin-top:40px
    }
}

.wrapper {
    overflow: hidden
}

.-bgAdvantage {
    background-color: #efefef
}

@media screen and (min-width: 768px),print {
    .-bgAdvantage {
        margin-bottom:80px;
        padding-bottom: 60px
    }
}

@media screen and (max-width: 767px) {
    .-bgAdvantage {
        margin-bottom:40px;
        padding-bottom: 40px
    }
}

.appealTitle {
    background-color: #f7f7f7;
    position: relative;
    width: 100%
}

@media screen and (min-width: 768px),print {
    .appealTitle {
        height:485px
    }
}

@media screen and (max-width: 767px) {
    .appealTitle {
        height:350px
    }
}

.appealTitle__inner {
    color: #fff;
    position: relative;
    text-align: center;
    z-index: 1
}

@media screen and (min-width: 768px),print {
    .appealTitle__inner {
        padding-top:70px
    }
}

@media screen and (max-width: 767px) {
    .appealTitle__inner {
        padding-top:40px
    }
}

.appealTitle__title {
    line-height: 1.2
}

.appealTitle__en {
    font-weight: 700;
    font-style: italic
}

@media screen and (min-width: 768px),print {
    .appealTitle__en {
        font-size:18px;
        font-size: 1.125rem
    }
}

@media screen and (max-width: 767px) {
    .appealTitle__en {
        font-size:14px;
        font-size: .875rem
    }
}

.appealTitle__en span {
    display: inline-block;
    position: relative
}

.appealTitle__en span::after,.appealTitle__en span::before {
    background-color: #fff;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 2px
}

@media screen and (min-width: 768px),print {
    .appealTitle__en span::before {
        left:-22px;
        width: 14px
    }
}

@media screen and (max-width: 767px) {
    .appealTitle__en span::before {
        left:-20px;
        width: 12px
    }
}

@media screen and (min-width: 768px),print {
    .appealTitle__en span::after {
        right:-22px;
        width: 14px
    }
}

@media screen and (max-width: 767px) {
    .appealTitle__en span::after {
        right:-20px;
        width: 12px
    }
}

.appealTitle__jp {
    font-weight: 400;
    display: block
}

@media screen and (min-width: 768px),print {
    .appealTitle__jp {
        margin-top:3px;
        font-size: 40px;
        font-size: 2.5rem
    }
}

@media screen and (max-width: 767px) {
    .appealTitle__jp {
        margin-top:3px;
        font-size: 24px;
        font-size: 1.5rem
    }
}

.appealTitle__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden
}

.appealTitle__img::after,.appealTitle__img::before {
    background-color: rgba(171,31,32,.7);
    position: absolute;
    width: 60%;
    content: '';
    height: 300px
}

@media screen and (min-width: 768px),print {
    .appealTitle__img::after,.appealTitle__img::before {
        -webkit-transform:rotate(-7deg);
        transform: rotate(-7deg)
    }
}

@media screen and (max-width: 767px) {
    .appealTitle__img::after,.appealTitle__img::before {
        -webkit-transform:rotate(-8deg);
        transform: rotate(-8deg)
    }
}

.appealTitle__img::before {
    right: 55%;
    top: -300px;
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.appealTitle__img::after {
    left: 55%;
    bottom: -300px;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

.appealTitle__lead {
    text-align: center
}

@media screen and (min-width: 768px),print {
    .appealTitle__lead {
        margin-top:20px
    }
}

@media screen and (max-width: 767px) {
    .appealTitle__lead {
        margin-top:10px
    }
}

@media screen and (min-width: 768px),print {
    .appealTitle__lead img {
        width:1084px
    }
}

@media screen and (max-width: 767px) {
    .appealTitle__lead img {
        width:96%;
        max-width: 375px
    }
}

@media screen and (min-width: 1024px),print {
    .featuresPageNavi {
        margin:-184px auto 0;
        width: 930px;
        position: relative;
        z-index: 1
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .featuresPageNavi {
        margin:-184px auto 0;
        width: 100%;
        position: relative;
        z-index: 1
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi {
        margin:-122px auto 0;
        padding: 0 15px
    }
}

.featuresPageNavi__title {
    background-color: rgba(255,255,255,.75);
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: .04em;
    line-height: 1;
    position: relative;
    margin: 0 auto
}

@media screen and (min-width: 1024px),print {
    .featuresPageNavi__title {
        width:600px;
        height: 67px;
        font-size: 26px;
        font-size: 1.625rem
    }
}

@media all and (-ms-high-contrast:none) {
    .featuresPageNavi__title {
        padding-top: 8px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .featuresPageNavi__title {
        width:50%;
        height: 60px;
        font-size: 21px;
        font-size: 1.3125rem
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__title {
        width:295px;
        height: 46px;
        font-size: 17px;
        font-size: 1.0625rem
    }
}

.featuresPageNavi__title::before {
    border-top: 9px solid rgba(255,255,255,.75);
    border-right: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid transparent;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

@media screen and (min-width: 768px),print {
    .featuresPageNavi__title::before {
        bottom:-18px;
        width: 18px;
        height: 18px
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__title::before {
        border-width:8px;
        bottom: -16px;
        width: 16px;
        height: 16px
    }
}

.featuresPageNavi__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 768px),print {
    .featuresPageNavi__list {
        margin-top:35px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__list {
        margin-bottom:-10px;
        margin-top: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 1024px),print {
    .featuresPageNavi__listItem:not(:last-child) {
        margin-right:30px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .featuresPageNavi__listItem:not(:last-child) {
        margin-right:20px
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listItem {
        margin-bottom:10px;
        width: calc((100% - 10px)/ 2)
    }
}

.featuresPageNavi__listLink {
    background-color: #ab1f20;
    display: block;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 1024px),print {
    .featuresPageNavi__listLink {
        border-radius:50%;
        width: 220px;
        height: 220px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .featuresPageNavi__listLink {
        border-radius:50%;
        width: 150px;
        height: 150px
    }
}

@media screen and (min-width: 768px),print {
    .featuresPageNavi__listLink:hover {
        opacity:.75;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    .featuresPageNavi__listLink::after {
        background-color: transparent;
        border: 4px solid #ab1f20;
        border-radius: 50%;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listLink {
        border-radius:5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 7px
    }
}

.featuresPageNavi__listImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media screen and (min-width: 1024px),print {
    .featuresPageNavi__listImage {
        height:110px;
        width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .featuresPageNavi__listImage {
        height:75px;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listImage {
        width:52px;
        max-width: 52px;
        min-width: 52px;
        height: 52px;
        border-radius: 50%;
        overflow: hidden
    }
}

.featuresPageNavi__listImageItem {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listImageItem {
        height:100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.featuresPageNavi__listIcon {
    position: relative;
    text-align: center;
    z-index: 1
}

@media screen and (min-width: 1024px),print {
    .featuresPageNavi__listIcon {
        padding-top:10px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .featuresPageNavi__listIcon {
        padding-top:5px;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listIcon {
        font-size:0
    }
}

.featuresPageNavi__listIconNum {
    color: #fff;
    display: block;
    font-weight: 700;
    line-height: 1
}

@media screen and (min-width: 768px),print {
    .featuresPageNavi__listIconNum {
        font-size:15px;
        font-size: .9375rem
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listIconNum {
        font-size:12px;
        font-size: .75rem
    }
}

.featuresPageNavi__listIconMain {
    display: block
}

@media screen and (min-width: 768px),print {
    .featuresPageNavi__listIconMain {
        margin-top:10px
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listIconMain {
        margin-top:4px
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listIconMain.-icon01 {
        width:22px;
        height: 20px
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listIconMain.-icon02 {
        width:31px
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listIconMain.-icon03 {
        width:19px
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listIconMain.-icon04 {
        width:22px
    }
}

.featuresPageNavi__listText {
    color: #fff;
    font-weight: 700;
    width: 100%;
    line-height: 1.4
}

@media screen and (min-width: 768px),print {
    .featuresPageNavi__listText {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 24px;
        position: relative;
        text-align: center;
        height: 110px;
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .featuresPageNavi__listText {
        padding-bottom:30px;
        font-size: 15px;
        font-size: .9375rem
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listText {
        padding-left:8px;
        font-size: 11px;
        font-size: .6875rem
    }
}

@media screen and (min-width: 768px),print {
    .featuresPageNavi__listText.-small {
        letter-spacing:-.025em;
        white-space: nowrap;
        font-size: 17px;
        font-size: 1.0625rem
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .featuresPageNavi__listText.-small {
        font-size:13px;
        font-size: .8125rem
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listText.-small {
        font-size:10px;
        font-size: .625rem;
        letter-spacing: -.04em;
    }
    .featuresPageNavi__listText.-small.-text02 {
        word-break: break-word;
    }
}
@media screen and (max-width: 374px) {
}

.featuresPageNavi__listText::after {
    border-top: 7px solid rgba(255,255,255,.75);
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    content: '';
    position: absolute
}

@media screen and (min-width: 768px),print {
    .featuresPageNavi__listText::after {
        width:16px;
        height: 16px;
        bottom: 5px;
        left: 0;
        right: 0;
        margin: auto
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .featuresPageNavi__listText::after {
        bottom:22px
    }
}

@media screen and (max-width: 767px) {
    .featuresPageNavi__listText::after {
        border-width:5px;
        width: 10px;
        height: 10px;
        bottom: 0;
        right: 2px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.featuresIntro {
    position: relative
}

@media screen and (min-width: 768px),print {
    .featuresIntro {
        width:712px;
        margin: 55px auto 0;
        padding: 16px 0
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .featuresIntro {
        width:500px
    }
}

@media screen and (max-width: 767px) {
    .featuresIntro {
        overflow:hidden;
        line-height: 1.576;
        margin-top: 30px;
        padding: 20px 57px
    }
}

.featuresIntro::after,.featuresIntro::before {
    content: '';
    height: 100%;
    position: absolute;
    top: 0
}

@media screen and (min-width: 768px),print {
    .featuresIntro::after,.featuresIntro::before {
        background:url(/solar/advantage/kyocera-features/img/bg_intro.png) no-repeat left center;
        background-size: auto 100%;
        width: 30px
    }
}

@media screen and (max-width: 767px) {
    .featuresIntro::after,.featuresIntro::before {
        background:url(/solar/advantage/kyocera-features/img/bg_intro-sp.png) no-repeat left center;
        background-size: auto 100%;
        width: 35px
    }
}

@media screen and (min-width: 768px),print {
    .featuresIntro::before {
        left:-70px
    }
}

@media screen and (max-width: 767px) {
    .featuresIntro::before {
        left:15px
    }
}

.featuresIntro::after {
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

@media screen and (min-width: 768px),print {
    .featuresIntro::after {
        right:-70px
    }
}

@media screen and (max-width: 767px) {
    .featuresIntro::after {
        right:15px
    }
}

@media screen and (min-width: 768px),print {
    .featuresIntro+.featureContents {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .featuresIntro+.featureContents {
        margin-top:35px
    }
}

@media screen and (min-width: 768px),print {
    .featuresIntro__logo {
        position:absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 145px;
        height: 96px;
        margin: auto
    }
}

@media screen and (max-width: 767px) {
    .featuresIntro__logo {
        width:101px;
        float: right;
        padding-left: 7px;
        padding-bottom: 5px
    }
}

.featuresIntro__text {
    font-size: 13px;
    font-size: .8125rem
}

@media screen and (min-width: 768px),print {
    .featuresIntro__text {
        display:block;
        padding-right: 175px
    }
}

@media screen and (max-width: 767px) {
    .featuresIntro__text {
        letter-spacing:-.05em
    }
}

.featureContents {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .featureContents {
        margin-top:50px
    }
}

@media screen and (max-width: 767px) {
    .featureContents {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .featureContents .blockImage__picture {
        float:none;
        width: 100%;
        margin: 0
    }
}

.featureContents__inner {
    background-color: #fefefe;
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,.12);
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,.12)
}

.featureContents__ttl {
    position: relative;
    text-align: center
}

@media screen and (min-width: 768px),print {
    .featureContents__ttl {
        padding:34px 0
    }
}

@media screen and (max-width: 767px) {
    .featureContents__ttl {
        padding:21px 15px 28px
    }
}

.featureContents__ttlBaloon,.featureContents__ttlLead,.featureContents__ttlMain {
    position: relative;
    z-index: 1
}

.featureContents__ttlBaloon {
    background-color: #ab1f20;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    position: relative
}

@media screen and (min-width: 768px),print {
    .featureContents__ttlBaloon {
        margin-bottom:15px;
        padding: 8px;
        width: 240px;
        font-size: 16px;
        font-size: 1rem
    }
}

@media all and (-ms-high-contrast:none) {
    .featureContents__ttlBaloon {
        padding-top: 11px;
        padding-bottom: 5px
    }
}

@media screen and (max-width: 767px) {
    .featureContents__ttlBaloon {
        margin-bottom:14px;
        padding: 8px;
        width: 220px;
        font-size: 14px;
        font-size: .875rem
    }
}

.featureContents__ttlBaloon::before {
    border-top: 6px solid #ab1f20;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -12px;
    width: 12px;
    height: 12px
}

.featureContents__ttlMain {
    display: block;
    line-height: 1.3
}

@media screen and (min-width: 768px),print {
    .featureContents__ttlMain {
        font-size:36px;
        font-size: 2.25rem
    }
}

@media screen and (max-width: 767px) {
    .featureContents__ttlMain {
        font-size:24px;
        font-size: 1.5rem
    }
}

.featureContents__ttlLead {
    line-height: 1.57
}

@media screen and (min-width: 768px),print {
    .featureContents__ttlLead {
        margin-top:25px
    }
}

@media screen and (max-width: 767px) {
    .featureContents__ttlLead {
        margin-top:19px;
        text-align: left;
        font-size: 14px;
        font-size: .875rem
    }
}

.featureContents__ttlBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.featureContents__ttlBg img {
    width: 100%;
    height: 100%
}

@media screen and (min-width: 768px),print {
    .featureContents__cont {
        padding:45px 120px 55px
    }
}

@media screen and (max-width: 767px) {
    .featureContents__cont {
        padding:28px 20px 40px
    }
}

.featureContents__cont sup {
    font-weight: 400;
    font-size: 10px;
    font-size: .625rem
}

.featureContents__cont .listNote__item,.featureContents__cont .wysiwyg ul.listNote li,.wysiwyg ul.listNote .featureContents__cont li {
    line-height: 1.4
}

.featureContents__cont .listNote__item.-small,.featureContents__cont .wysiwyg ul.listNote li.-small,.wysiwyg ul.listNote .featureContents__cont li.-small {
    padding-left: 1.8em
}

.featureContents__cont>:first-child.featureContents__img {
    margin-top: 15px
}

.featureContents__contTitle {
    font-weight: 700;
    line-height: 1.4
}

@media screen and (min-width: 768px),print {
    .featureContents__contTitle {
        font-size:20px;
        font-size: 1.25rem
    }
}

@media screen and (max-width: 767px) {
    .featureContents__contTitle {
        font-size:16px;
        font-size: 1rem
    }
}

.featureContents__contTitle>span {
    position: relative
}

@media screen and (max-width: 767px) {
    .featureContents__contTitle>span {
        display:block;
        padding-left: 23px
    }
}

.featureContents__contTitle>span::before {
    background-color: #ab1f20;
    content: '';
    height: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

@media screen and (min-width: 768px),print {
    .featureContents__contTitle>span::before {
        left:-90px;
        width: 75px
    }
}

@media screen and (max-width: 767px) {
    .featureContents__contTitle>span::before {
        width:16px;
        left: 0
    }
}

@media screen and (min-width: 768px),print {
    .featureContents__contTitle .small {
        font-size:13px;
        font-size: .8125rem
    }
}

@media screen and (max-width: 767px) {
    .featureContents__contTitle .small {
        font-size:12px;
        font-size: .75rem
    }
}

.featureContents__contTitle sup {
    top: -.75em
}

@media screen and (min-width: 768px),print {
    .featureContents__contTitle+* {
        margin-top:25px
    }
}

@media screen and (max-width: 767px) {
    .featureContents__contTitle+* {
        margin-top:10px
    }
}

@media screen and (min-width: 768px),print {
    *+.featureContents__contTitle {
        margin-top:45px!important
    }
}

@media screen and (max-width: 767px) {
    *+.featureContents__contTitle {
        margin-top:32px!important
    }
}

.featureContents__contText {
    color: #171718;
    font-size: 14px;
    font-size: .875rem
}
    .featureYoutubeWrap .featureContents__contText {
        margin-top: 30px;
    }

.featureContents__contText a {
    text-decoration: underline
}

@media screen and (min-width: 1024px),print {
    .featureContents__contText a:hover {
        text-decoration:none
    }
}

@media screen and (min-width: 768px),print {
    .featureContents__contText+* {
        margin-top:17px
    }
}

@media screen and (max-width: 767px) {
    .featureContents__contText+* {
        margin-top:13px
    }
}

@media screen and (min-width: 768px),print {
    .featureContents__contText+.listNote {
        margin-top:25px
    }
}

@media screen and (max-width: 767px) {
    .featureContents__contText+.listNote {
        margin-top:15px
    }
}

@media screen and (min-width: 768px),print {
    .featureContents__img {
        margin-top:34px;
        padding: 0 80px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .featureContents__img {
        padding:0 40px
    }
}

.featureContents__img.-single {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featureContents__img.-single .boxColumn2__item,.featureContents__img.-single .wysiwyg div.boxColumn2 div,.wysiwyg div.boxColumn2 .featureContents__img.-single div {
    width: auto
}

@media screen and (min-width: 768px),print {
    .featureContents__img .boxColumn2__item,.featureContents__img .wysiwyg div.boxColumn2 div,.wysiwyg div.boxColumn2 .featureContents__img div {
        width:calc(50% - 19px)
    }
}

.featureContents__img .boxColumn2__text,.featureContents__img .wysiwyg div.boxColumn2 p+p,.wysiwyg div.boxColumn2 .featureContents__img p+p {
    line-height: 1.4
}

@media screen and (min-width: 768px),print {
    .featureContents__img .boxColumn2__text,.featureContents__img .wysiwyg div.boxColumn2 p+p,.wysiwyg div.boxColumn2 .featureContents__img p+p {
        font-size:12px;
        font-size: .75rem
    }
}

@media screen and (min-width: 768px),print {
    .featureYoutubeWrap {
        width:100%;
        max-width: 620px;
        margin-left: auto;
        margin-right: auto
    }
}

.featureYoutube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

@media screen and (min-width: 768px),print {
    .featureYoutube {
        margin-top:15px
    }
}

.featureYoutube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 768px),print {
    .featureYoutube+p:not([class]) {
        margin-top:res(30)
    }
}

@media screen and (max-width: 767px) {
    .featureYoutube+p:not([class]) {
        margin-top:vw(25)
    }
}

.featureImageCol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    width: 100%
}

@media screen and (min-width: 768px),print {
    .featureImageCol {
        margin:30px auto -20px;
        max-width: 770px
    }
}

@media screen and (max-width: 767px) {
    .featureImageCol {
        margin:20px auto -10px
    }
}

.featureImageCol__item {
    display: block
}

@media screen and (min-width: 768px),print {
    .featureImageCol__item {
        margin-bottom:20px;
        width: calc((100% - 40px)/ 3)
    }
}

@media screen and (max-width: 767px) {
    .featureImageCol__item {
        margin-bottom:10px;
        width: calc((100% - 10px)/ 2)
    }
}

.featureFootLink {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .featureFootLink {
        margin-top:50px
    }
}

@media screen and (max-width: 767px) {
    .featureFootLink {
        margin-top:40px
    }
}

@media screen and (min-width: 768px),print {
    .featureFootLink__inner {
        padding:0 55px
    }
}

@media screen and (min-width: 1024px),print {
    .featureFootLink__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 767px) {
    .featureFootLink__inner {
        padding:0 15px
    }
}

@media screen and (min-width: 1024px),print {
    .featureFootLink__item {
        width:calc(50% - 20px)
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .featureFootLink__item {
        width:100%
    }

    .featureFootLink__item:not(:last-child) {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 767px) {
    .featureFootLink__item:not(:last-child) {
        margin-bottom:20px
    }
}

.featureFootLink__item .featureFootLink__link:hover .featureFootLink__title {
    color: #539356
}

.featureFootLink__item.-corp .featureFootLink__link:hover .featureFootLink__title {
    color: #357dc8
}

.featureFootLink__link {
    background-color: #fff;
    border: 4px solid #539356;
    -webkit-box-shadow: 1.5px 1.5px 5px 0 rgba(0,0,0,.12);
    box-shadow: 1.5px 1.5px 5px 0 rgba(0,0,0,.12);
    color: #171718!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media screen and (min-width: 768px),print {
    .featureFootLink__link {
        padding:34px 50px 34px 30px;
        -webkit-transition: .21s;
        transition: .21s
    }

    .featureFootLink__link:hover {
        -webkit-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

@media screen and (max-width: 767px) {
    .featureFootLink__link {
        border-width:3px;
        padding: 21px 47px 21px 17px
    }
}

.featureFootLink__link::after {
    background-color: transparent;
    content: '';
    width: 13px;
    height: 13px;
    border-top: 2px solid #539356;
    border-right: 2px solid #539356;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

@media screen and (min-width: 768px),print {
    .featureFootLink__link::after {
        right:25px
    }
}

@media screen and (max-width: 767px) {
    .featureFootLink__link::after {
        right:15px
    }
}

.-corp .featureFootLink__link {
    border-color: #357dc8
}

.-corp .featureFootLink__link::after {
    border-color: #357dc8
}

@media screen and (min-width: 768px),print {
    .featureFootLink__icon {
        width:105px;
        max-width: 105px;
        min-width: 105px
    }
}

@media screen and (max-width: 767px) {
    .featureFootLink__icon {
        width:80px;
        max-width: 80px;
        min-width: 80px
    }
}

.featureFootLink__title {
    line-height: 1.2;
    -webkit-transition: .21s;
    transition: .21s
}

@media screen and (min-width: 768px),print {
    .featureFootLink__title {
        padding-left:20px;
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media screen and (max-width: 767px) {
    .featureFootLink__title {
        padding-left:19px;
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 768px),print {
    .featureFootLink__title+* {
        margin-top:16px
    }
}

@media screen and (max-width: 767px) {
    .featureFootLink__title+* {
        margin-top:8px
    }
}

.featureFootLink__text {
    line-height: 1.6
}

@media screen and (min-width: 768px),print {
    .featureFootLink__text {
        padding-left:25px
    }
}

@media screen and (max-width: 767px) {
    .featureFootLink__text {
        padding-left:20px;
        font-size: 14px;
        font-size: .875rem
    }
}

.featureFootLink__bnr {
    text-align: center
}

@media screen and (min-width: 768px),print {
    .featureFootLink__bnr {
        margin-top:35px
    }
}

@media screen and (max-width: 767px) {
    .featureFootLink__bnr {
        margin-top:25px
    }
}

.featureFootLink__bnr a {
    display: block;
    width: 100%
}

@media screen and (min-width: 768px),print {
    .featureFootLink__bnr a:hover {
        opacity:.75
    }
}

.spiritsHead {
    background: url(../../kyocera-spirit/img/bg_head.jpg) repeat-x center center;
    background-size: auto 100%;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 768px),print {
    .spiritsHead {
        height:636px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .spiritsHead {
        height:500px
    }
}

@media screen and (max-width: 767px) {
    .spiritsHead {
        height:340px
    }
}

.spiritsHead__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    overflow: hidden;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

.spiritsHead__cont {
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 5
}

.spiritsHead__sub {
    font-style: italic;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (min-width: 768px),print {
    .spiritsHead__sub {
        font-size:18px;
        font-size: 1.125rem
    }
}

@media screen and (max-width: 767px) {
    .spiritsHead__sub {
        font-size:16px;
        font-size: 1rem
    }
}

.spiritsHead__sub>span {
    display: inline-block;
    position: relative
}

.spiritsHead__sub>span::after,.spiritsHead__sub>span::before {
    background-color: #fff;
    content: '';
    display: block;
    width: 15px;
    height: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.spiritsHead__sub>span::before {
    left: -23px
}

.spiritsHead__sub>span::after {
    right: -24px
}

@media screen and (min-width: 768px),print {
    .spiritsHead__sub+* {
        margin-top:10px
    }
}

@media screen and (max-width: 767px) {
    .spiritsHead__sub+* {
        margin-top:8px
    }
}

.spiritsHead__ttl {
    font-weight: 400;
    line-height: 1.2
}

@media screen and (min-width: 768px),print {
    .spiritsHead__ttl {
        font-size:40px;
        font-size: 2.5rem
    }
}

@media screen and (max-width: 767px) {
    .spiritsHead__ttl {
        font-size:30px;
        font-size: 1.875rem
    }
}

@media screen and (min-width: 768px),print {
    .spiritsHead__ttl+* {
        margin-top:35px
    }
}

@media screen and (max-width: 767px) {
    .spiritsHead__ttl+* {
        margin-top:25px
    }
}

@media screen and (max-width: 767px) {
    .spiritsHead__lead {
        padding:0 10px
    }
}

.spiritsHead__img {
    position: absolute;
    z-index: 0
}

.spiritsHead__img.-img01 {
    left: 0
}

@media screen and (min-width: 768px),print {
    .spiritsHead__img.-img01 {
        max-width:369px;
        width: 24.6%;
        top: -5px
    }
}

@media screen and (max-width: 767px) {
    .spiritsHead__img.-img01 {
        width:calc(369px / 2.5);
        height: calc(216px / 2.5);
        top: -2px
    }
}

@media screen and (min-width: 768px),print {
    .spiritsHead__img.-img02 {
        max-width:471px;
        width: 31.4%;
        right: 0;
        bottom: 135px
    }
}

@media screen and (max-width: 767px) {
    .spiritsHead__img.-img02 {
        width:calc(471px / 3.5);
        height: calc(319px / 3.5);
        right: -25px;
        bottom: 164px
    }
}

.spiritsHead__img.-img03 {
    left: 0
}

@media screen and (min-width: 768px),print {
    .spiritsHead__img.-img03 {
        max-width:694px;
        width: 46.2%;
        bottom: -12px
    }
}

@media screen and (max-width: 767px) {
    .spiritsHead__img.-img03 {
        width:calc(694px / 3.5);
        height: calc(359px / 3.5);
        bottom: -3px
    }
}

.spiritsHead__img img {
    width: 100%
}

.spiritsSection {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .spiritsSection {
        margin-top:80px;
        margin-bottom: 80px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .spiritsSection {
        padding-left:60px;
        padding-right: 60px
    }
}

@media screen and (max-width: 767px) {
    .spiritsSection {
        padding-left:30px;
        padding-right: 30px
    }
}

@media screen and (min-width: 768px),print {
    .spiritsSection+.spiritsSection {
        margin-top:130px
    }
}

@media screen and (max-width: 767px) {
    .spiritsSection+.spiritsSection {
        margin-top:45px
    }
}

.spiritsSection__title {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 768px),print {
    .spiritsSection__title+* {
        margin-top:55px
    }
}

@media screen and (max-width: 767px) {
    .spiritsSection__title+* {
        margin-top:40px
    }
}

.spiritsSection__sub {
    color: #ab1f20;
    display: inline-block;
    font-style: italic;
    font-weight: 700;
    line-height: 1;
    position: relative
}

@media screen and (min-width: 768px),print {
    .spiritsSection__sub {
        font-size:16px;
        font-size: 1rem
    }
}

@media screen and (max-width: 767px) {
    .spiritsSection__sub {
        font-size:13px;
        font-size: .8125rem
    }
}

.spiritsSection__sub::before {
    background-color: #ab1f20;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

@media screen and (min-width: 768px),print {
    .spiritsSection__sub::before {
        width:145px;
        height: 2px;
        right: calc(100% + 20px)
    }
}

@media screen and (max-width: 767px) {
    .spiritsSection__sub::before {
        width:23px;
        height: 2px;
        right: calc(100% + 7px)
    }
}

@media screen and (min-width: 768px),print {
    .spiritsSection__sub+* {
        margin-top:8px
    }
}

@media screen and (max-width: 767px) {
    .spiritsSection__sub+* {
        margin-top:3px
    }
}

.spiritsSection__main {
    display: block;
    font-weight: 400;
    line-height: 1.4
}

@media screen and (min-width: 768px),print {
    .spiritsSection__main {
        font-size:34px;
        font-size: 2.125rem
    }
}

@media screen and (max-width: 767px) {
    .spiritsSection__main {
        font-size:22px;
        font-size: 1.375rem
    }
}

@media screen and (min-width: 768px),print {
    .spiritsSectionBlock {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 768px),print {
    .spiritsSectionBlock.-imgRight {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (min-width: 768px),print {
    .spiritsSectionBlock+* {
        margin-top:70px
    }
}

@media screen and (max-width: 767px) {
    .spiritsSectionBlock+* {
        margin-top:55px
    }
}

.spiritsSectionBlock__img {
    position: relative
}

@media screen and (min-width: 768px),print {
    .spiritsSectionBlock__img {
        width:460px;
        min-width: 460px;
        max-width: 460px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .spiritsSectionBlock__img {
        width:320px;
        min-width: 320px;
        max-width: 320px
    }
}

@media screen and (max-width: 767px) {
    .spiritsSectionBlock__img {
        text-align:center
    }
}

.spiritsSectionBlock__img>img {
    position: relative;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .spiritsSectionBlock__img>img {
        width:61.3%
    }
}

@media screen and (max-width: 767px) {
    .spiritsSectionBlock__img+* {
        margin-top:40px
    }
}

.spiritsSectionBlock__imgBg {
    position: absolute;
    z-index: 0;
    right: 0;
    overflow: hidden;
    -webkit-transform: skew(-25deg);
    transform: skew(-25deg)
}

@media screen and (min-width: 768px),print {
    .spiritsSectionBlock__imgBg {
        width:45vw;
        min-width: 560px;
        max-height: 410px;
        height: calc(100% + 95px);
        right: 140px;
        top: -40px
    }
}

@media screen and (max-width: 767px) {
    .spiritsSectionBlock__imgBg {
        width:70vw;
        height: calc(100% + 40px);
        left: -20vw;
        top: -20px
    }
}

.spiritsSectionBlock__imgBg>span {
    display: block;
    -webkit-filter: blur(8px);
    filter: blur(8px);
    width: 120%;
    height: 110%;
    position: relative;
    top: -5%;
    opacity: .35;
    -webkit-transform: skew(25deg);
    transform: skew(25deg)
}

.spiritsSectionBlock__imgBg>span.-bgTechnology01 {
    background: url(../../kyocera-spirit/img/img_technology01.jpg) no-repeat right top;
    background-size: cover
}

.spiritsSectionBlock__imgBg>span.-bgTechnology02 {
    background: url(../../kyocera-spirit/img/img_technology02.jpg) no-repeat left center;
    background-size: cover
}

.spiritsSectionBlock__imgBg>span.-bgTechnology03 {
    background: url(../../kyocera-spirit/img/img_technology03.jpg) no-repeat right top;
    background-size: cover
}

.spiritsSectionBlock__imgBg>span.-bgSustainability01 {
    background: url(../../kyocera-spirit/img/img_sustainability01.jpg) no-repeat right top;
    background-size: cover
}

.spiritsSectionBlock__imgBg>span.-bgSustainability02 {
    background: url(../../kyocera-spirit/img/img_sustainability02.jpg) no-repeat right top;
    background-size: cover
}

@media screen and (min-width: 768px),print {
    .-imgRight .spiritsSectionBlock__imgBg {
        right:auto;
        left: 140px
    }

    .-imgRight .spiritsSectionBlock__imgBg>span {
        left: -100px
    }
}

@media screen and (max-width: 767px) {
    .-imgRight .spiritsSectionBlock__imgBg {
        left:auto;
        right: -20vw
    }

    .-imgRight .spiritsSectionBlock__imgBg>span {
        left: -15vw
    }
}

@media screen and (min-width: 768px),print {
    .spiritsSectionBlock__cont {
        padding-right:65px;
        width: calc(100% - (460px + 55px))
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .spiritsSectionBlock__cont {
        padding-right:20px;
        width: calc(100% - (320px + 40px))
    }
}

@media screen and (min-width: 768px),print {
    .-imgRight .spiritsSectionBlock__cont {
        padding:0 0 0 65px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .-imgRight .spiritsSectionBlock__cont {
        padding:0 0 0 20px
    }
}

@media screen and (max-width: 767px) {
    .spiritsSectionBlock__cont .listNote {
        margin-top:20px
    }
}

.spiritsSectionBlock__lead {
    font-family: "Yu Mincho",YuMincho,serif;
    font-weight: 600
}

@media screen and (min-width: 768px),print {
    .spiritsSectionBlock__lead {
        padding-top:5px;
        font-size: 23px;
        font-size: 1.4375rem
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .spiritsSectionBlock__lead {
        line-height:1.4
    }

    .spiritsSectionBlock__lead br {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .spiritsSectionBlock__lead {
        font-size:17px;
        font-size: 1.0625rem
    }

    .spiritsSectionBlock__lead br {
        display: none
    }
}

.spiritsSectionBlock__lead sup {
    position: relative
}

@media screen and (min-width: 768px),print {
    .spiritsSectionBlock__lead sup {
        top:-9px;
        font-size: 13px;
        font-size: .8125rem
    }
}

@media screen and (max-width: 767px) {
    .spiritsSectionBlock__lead sup {
        top:-4px;
        font-size: 10px;
        font-size: .625rem
    }
}

@media screen and (min-width: 768px),print {
    .spiritsSectionBlock__lead+* {
        margin-top:20px
    }
}

@media screen and (max-width: 767px) {
    .spiritsSectionBlock__lead+* {
        margin-top:13px
    }
}

@media screen and (max-width: 767px) {
    .spiritsSectionBlock__text {
        font-size:14px;
        font-size: .875rem
    }
}

.spiritsGreet {
    background: #fff url(../../kyocera-spirit/img/bg_greet.jpg) no-repeat center center;
    background-size: cover
}

@media screen and (min-width: 768px),print {
    .spiritsGreet {
        padding:80px 0 40px
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet {
        padding:40px 0
    }
}

.spiritsGreet .spiritsSection {
    margin-bottom: 0;
    margin-top: 0
}

.spiritsGreet+* {
    margin-top: 15px
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__head {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__head+* {
        margin-top:50px
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__head+* {
        margin-top:30px
    }
}

.spiritsGreet__headImage {
    border-radius: 50%;
    display: block;
    overflow: hidden
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__headImage {
        width:200px;
        max-width: 200px;
        min-width: 200px;
        margin-right: 45px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .spiritsGreet__headImage {
        width:150px;
        max-width: 150px;
        min-width: 150px;
        margin-right: 25px
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__headImage {
        width:40%;
        margin: 0 auto
    }

    .spiritsGreet__headImage+* {
        margin-top: 24px
    }
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__headCont {
        width:660px
    }
}

.spiritsGreet__headContText {
    font-family: 'Noto Serif JP', serif;
    font-weight: 600
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__headContText {
        font-size:15px;
        font-size: .9375rem
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .spiritsGreet__headContText {
        line-height:1.6
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__headContText {
        font-size:14px;
        font-size: .875rem
    }
}

.spiritsGreet__headContText strong {
    font-weight: 900
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__headContText+* {
        margin-top:17px
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__headContText+* {
        margin-top:13px
    }
}

.spiritsGreet__headContName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__headContName {
        font-size:14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__headContName {
        white-space:nowrap;
        font-size: 12px;
        font-size: .75rem
    }
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__headContName>span:first-child {
        margin-right:25px
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__headContName>span:first-child {
        margin-right:18px
    }
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__headContName img {
        width:183px;
        max-width: 183px;
        min-width: 183px
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__headContName img {
        width:140px;
        max-width: 140px;
        min-width: 140px
    }
}

.spiritsGreet__cont {
    background-color: #fff
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__cont {
        padding:60px 65px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .spiritsGreet__cont {
        padding:40px 30px
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__cont {
        margin-left:-15px;
        margin-right: -15px;
        padding: 25px 20px
    }
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__contInner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__contTextWrap {
        width:calc(100% - 275px)
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .spiritsGreet__contTextWrap {
        width:calc(100% - 220px)
    }
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__contImagesWrap {
        width:220px;
        max-width: 220px;
        min-width: 220px
    }

    .spiritsGreet__contImagesWrap>*+* {
        margin-top: 20px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .spiritsGreet__contImagesWrap {
        width:180px;
        max-width: 180px;
        min-width: 180px
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__contImagesWrap {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px
    }

    .spiritsGreet__contImagesWrap>* {
        display: block;
        width: 100%
    }

    .spiritsGreet__contImagesWrap>:not(:last-child) {
        margin-right: 2px
    }
}

.spiritsGreet__contLead {
    color: #ab1f20;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__contLead {
        font-size:20px;
        font-size: 1.25rem
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__contLead {
        font-size:17px;
        font-size: 1.0625rem
    }
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__contLead+* {
        margin-top:34px
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__contLead+* {
        margin-top:24px
    }
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__contText {
        font-size:14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__contText {
        font-size:13px;
        font-size: .8125rem
    }
}

.spiritsGreet__contText sup {
    font-size: 10px;
    font-size: .625rem
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__contText+* {
        margin-top:25px
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__contText+* {
        margin-top:20px
    }
}

.spiritsGreet__note {
    margin-top: 24px;
    text-align: right
}

@media screen and (min-width: 768px),print {
    .spiritsGreet__note {
        font-size:12px;
        font-size: .75rem
    }
}

@media screen and (max-width: 767px) {
    .spiritsGreet__note {
        font-size:11px;
        font-size: .6875rem
    }
}

.prospective {
    position: relative
}

@media screen and (min-width: 768px),print {
    .prospective {
        margin-top:135px;
        padding-bottom: 55px
    }
}

@media screen and (max-width: 767px) {
    .prospective {
        margin-top:40px;
        padding-bottom: 20px
    }
}

.prospective>* {
    position: relative;
    z-index: 1
}

.prospective::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 100%
}

@media screen and (min-width: 768px),print {
    .prospective::before {
        background:url(../../kyocera-spirit/img/bg_prospective.jpg) no-repeat right bottom;
        background-size: cover;
        height: calc(100% - 40px)
    }
}

@media screen and (max-width: 767px) {
    .prospective::before {
        background:#f5f9e7 url(../../kyocera-spirit/img/bg_prospective-sp.png) no-repeat right 80%;
        background-size: 100% auto;
        height: calc(100% - 75px)
    }
}

.prospective .spiritsSection {
    margin-top: 0;
    margin-bottom: 0;
    position: relative
}

@media screen and (min-width: 768px),print {
    .prospective .spiritsSection::before {
        background-color:#fff;
        content: '';
        width: 535px;
        height: calc(100% + 55px);
        position: absolute;
        left: 60px;
        top: 40px;
        z-index: 0;
        -webkit-transform: skew(-25deg);
        transform: skew(-25deg)
    }
}

.prospective .spiritsSection>* {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 768px),print {
    .prospective+* {
        margin-top:55px
    }
}

@media screen and (max-width: 767px) {
    .prospective+* {
        margin-top:40px
    }
}

.prospective__inner {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 768px),print {
    .prospective__inner {
        padding-left:65px;
        padding-right: 380px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .prospective__inner {
        padding-left:40px;
        padding-right: 200px
    }
}

@media screen and (max-width: 767px) {
    .prospective__inner {
        margin-top:55px
    }
}

.prospective__lead {
    font-family: "Yu Mincho",YuMincho,serif;
    font-weight: 600;
    line-height: 1.4
}

@media screen and (min-width: 768px),print {
    .prospective__lead {
        font-size:23px;
        font-size: 1.4375rem
    }
}

@media screen and (max-width: 767px) {
    .prospective__lead {
        font-size:17px;
        font-size: 1.0625rem
    }
}

@media screen and (min-width: 768px),print {
    .prospective__lead+* {
        margin-top:30px
    }
}

@media screen and (max-width: 767px) {
    .prospective__lead+* {
        margin-top:15px
    }
}

.prospective__text {
    font-size: 14px;
    font-size: .875rem
}

@media screen and (min-width: 768px),print {
    .prospective__text+* {
        margin-top:25px
    }
}

@media screen and (max-width: 767px) {
    .prospective__text+* {
        margin-top:20px
    }
}

.prospective__img {
    display: block
}

@media screen and (min-width: 768px),print {
    .prospective__img {
        margin:55px -30px 0 -65px
    }
}

@media screen and (max-width: 767px) {
    .prospective__img {
        margin:150px -20px 0
    }
}

.spiritsFootLinkWrap {
    background-color: #efefef
}

.spiritsFootLink {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .spiritsFootLink__inner {
        padding:30px 0 36px
    }
}

@media screen and (max-width: 767px) {
    .spiritsFootLink__inner {
        padding:20px 0 26px
    }
}

.spiritsFootLink__title {
    text-align: center
}

@media screen and (min-width: 768px),print {
    .spiritsFootLink__title {
        font-size:20px;
        font-size: 1.25rem
    }
}

@media screen and (max-width: 767px) {
    .spiritsFootLink__title {
        font-size:14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 768px),print {
    .spiritsFootLink__title+* {
        margin-top:55px
    }
}

@media screen and (max-width: 767px) {
    .spiritsFootLink__title+* {
        margin-top:34px
    }
}

@media screen and (min-width: 768px),print {
    .spiritsFootLink__title+* {
        margin-top:25px
    }
}

@media screen and (max-width: 767px) {
    .spiritsFootLink__title+* {
        margin-top:20px
    }
}

.spiritsFootLink__bnr {
    text-align: center
}

.spiritsFootLink__bnr a {
    display: block;
    width: 100%
}

@media screen and (min-width: 768px),print {
    .spiritsFootLink__bnr a:hover {
        opacity:.75
    }
}

.historySlider {
    position: relative
}

@media screen and (min-width: 768px),print {
    .historySlider {
        padding-bottom:50px
    }
}

@media screen and (max-width: 767px) {
    .historySlider {
        padding-bottom:40px;
        margin-right: -15px;
        margin-left: -15px
    }
}

.historySlider::after {
    background: url(../../kyocera-spirit/img/bg_history.gif) repeat left 0;
    background-size: 4px auto;
    content: '';
    display: block;
    position: absolute;
    left: -50vw;
    bottom: 0;
    width: 200vw;
    height: 345px
}

.historySlider__tag {
    font-family: "Yu Mincho",YuMincho,serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .historySlider__tag {
        padding-right:20px
    }
}

.historySlider__tag li {
    position: relative
}

@media screen and (min-width: 768px),print {
    .historySlider__tag li {
        font-size:14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .historySlider__tag li {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1;
        font-size: 11px;
        font-size: .6875rem
    }
}

@media screen and (min-width: 768px),print {
    .historySlider__tag li:not(:last-child) {
        margin-right:13px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__tag li:not(:last-child) {
        margin-right:9px
    }
}

.historySlider__tag li.-active {
    pointer-events: none
}

.historySlider__tag li.-active a {
    color: #ab1f20
}

.historySlider__tag li.-active a::after {
    background-color: #ab1f20
}

.historySlider__tag li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

@media screen and (min-width: 768px),print {
    .historySlider__tag li a {
        min-width:60px;
        padding-bottom: 10px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__tag li a {
        padding-bottom:6px
    }
}

.historySlider__tag li a::after {
    background-color: #e6bbbc;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

@media screen and (min-width: 768px),print {
    .historySlider__tag li a::after {
        height:5px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__tag li a::after {
        height:4px
    }
}

@media screen and (min-width: 768px),print {
    .historySlider__tag+* {
        margin-top:30px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__tag+* {
        margin-top:25px
    }
}

.historySlider__main {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);
    position: relative;
    z-index: 1
}

.-beforeLoading .historySlider__main {
    display: none
}

@media screen and (min-width: 768px),print {
    .historySlider__main {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 50px 65px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__main {
        padding:25px 20px 45px
    }
}

.historySlider__mainImage {
    opacity: 1;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

@media screen and (min-width: 768px),print {
    .historySlider__mainImage {
        -webkit-transition-delay:.5s;
        transition-delay: .5s;
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .historySlider__mainImage {
        -webkit-transition-delay:.2s;
        transition-delay: .2s
    }
}

.-changing .historySlider__mainImage {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

@media screen and (min-width: 768px),print {
    .historySlider__mainText {
        margin-right:50px;
        width: 50%
    }
}

.historySlider__year {
    font-family: "Yu Mincho",YuMincho,serif;
    font-weight: 400;
    line-height: 1
}

@media screen and (min-width: 768px),print {
    .historySlider__year {
        font-size:60px;
        font-size: 3.75rem
    }
}

@media screen and (max-width: 767px) {
    .historySlider__year {
        margin-top:26px;
        font-size: 38px;
        font-size: 2.375rem
    }
}

@media screen and (min-width: 768px),print {
    .historySlider__year+* {
        margin-top:10px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__year+* {
        margin-top:8px
    }
}

.historySlider__lead {
    color: #ab1f20;
    font-family: "Yu Mincho",YuMincho,serif;
    font-weight: 600;
    line-height: 1.4;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media screen and (min-width: 768px),print {
    .historySlider__lead {
        -webkit-transition-delay:.3s;
        transition-delay: .3s;
        font-size: 23px;
        font-size: 1.4375rem
    }
}

@media screen and (max-width: 767px) {
    .historySlider__lead {
        -webkit-transition-delay:.5s;
        transition-delay: .5s;
        font-size: 17px;
        font-size: 1.0625rem
    }
}

.-changing .historySlider__lead {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

@media screen and (min-width: 768px),print {
    .historySlider__lead+* {
        margin-top:25px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__lead+* {
        margin-top:18px
    }
}

.historySlider__lead sup {
    position: relative
}

@media screen and (min-width: 768px),print {
    .historySlider__lead sup {
        top:-9px;
        font-size: 13px;
        font-size: .8125rem
    }
}

@media screen and (max-width: 767px) {
    .historySlider__lead sup {
        top:-4px;
        font-size: 10px;
        font-size: .625rem
    }
}

.historySlider__text {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-size: 14px;
    font-size: .875rem
}

@media screen and (min-width: 768px),print {
    .historySlider__text {
        -webkit-transition-delay:.3s;
        transition-delay: .3s
    }
}

@media screen and (max-width: 767px) {
    .historySlider__text {
        -webkit-transition-delay:.5s;
        transition-delay: .5s
    }
}

.-changing .historySlider__text {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0
}

.historySlider__sub {
    display: none;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 768px),print {
    .historySlider__sub {
        margin-top:30px
    }
}

@media screen and (min-width: 768px),print {
    .-beforeLoading .historySlider__sub {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 767px) {
    .-beforeLoading .historySlider__sub {
        display:block
    }
}

.historySlider__subItem {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.2)
}

@media screen and (min-width: 768px),print {
    .historySlider__subItem {
        width:32%;
        margin-bottom: 2%;
        padding: 20px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__subItem {
        padding:20px
    }

    .historySlider__subItem:not(:last-child) {
        margin-bottom: 15px
    }
}

@media screen and (min-width: 768px),print {
    .historySlider__subImage+* {
        margin-top:10px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__subImage+* {
        margin-top:10px
    }
}

.historySlider__subYear {
    font-family: "Yu Mincho",YuMincho,serif;
    font-weight: 400;
    line-height: 1
}

@media screen and (min-width: 768px),print {
    .historySlider__subYear {
        font-size:34px;
        font-size: 2.125rem
    }
}

@media screen and (min-width: 768px),print {
    .historySlider__subYear+* {
        margin-top:10px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__subYear+* {
        margin-top:5px
    }
}

.historySlider__subLead {
    color: #ab1f20;
    font-family: "Yu Mincho",YuMincho,serif;
    line-height: 1.4
}

@media screen and (min-width: 768px),print {
    .historySlider__subLead {
        font-size:18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 768px),print {
    .historySlider__subLead+* {
        margin-top:10px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__subLead+* {
        margin-top:10px
    }
}

@media screen and (min-width: 768px),print {
    .historySlider__subText {
        font-size:13px;
        font-size: .8125rem
    }
}

@media screen and (max-width: 767px) {
    .historySlider__subText {
        font-size:12px;
        font-size: .75rem
    }
}

@media screen and (min-width: 768px),print {
    .historySlider__nextImage,.historySlider__prevImage {
        cursor:pointer;
        position: absolute;
        top: 0;
        z-index: 1;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        opacity: 1
    }

    .historySlider__nextImage img,.historySlider__prevImage img {
        width: 570px
    }

    .-changing .historySlider__nextImage,.-changing .historySlider__prevImage {
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 0
    }
}

@media screen and (max-width: 767px) {
    .historySlider__nextImage,.historySlider__prevImage {
        display:none
    }
}

.-beforeLoading .historySlider__nextImage,.-beforeLoading .historySlider__prevImage {
    display: none
}

.historySlider__nextImage.-hide,.historySlider__prevImage.-hide {
    opacity: 0;
    pointer-events: none
}

@media screen and (min-width: 768px),print {
    .historySlider__prevImage {
        left:-640px
    }
}

@media screen and (min-width: 768px),print {
    .historySlider__nextImage {
        right:-640px
    }
}

.historySlider__arrow {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 5
}

@media screen and (min-width: 768px),print {
    .historySlider__arrow {
        background:url(../../kyocera-spirit/img/slide_arrow.png) no-repeat left 0;
        background-size: 18px auto;
        width: 18px;
        height: 36px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__arrow {
        background:url(../../kyocera-spirit/img/slide_arrow.png) no-repeat 20% 32vw;
        background-size: 10px auto;
        width: 50px;
        height: 100%
    }
}

@media screen and (min-width: 768px),print {
    .historySlider__arrow.-prev {
        left:-42px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__arrow.-prev {
        left:-15px
    }
}

.historySlider__arrow.-next {
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

@media screen and (min-width: 768px),print {
    .historySlider__arrow.-next {
        right:-42px
    }
}

@media screen and (max-width: 767px) {
    .historySlider__arrow.-next {
        right:-15px
    }
}

.historySlider__arrow.-hide {
    opacity: 0;
    pointer-events: none
}

.-beforeLoading .historySlider__arrow {
    display: none
}

@media screen and (min-width: 768px),print {
    .omStrength {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 768px),print {
    .omStrength+* {
        margin-top:55px
    }
}

@media screen and (max-width: 767px) {
    .omStrength+* {
        margin-top:34px
    }
}

.omStrength__list .listNumber__item::before,.omStrength__list .wysiwyg ol.listNumber li::before,.wysiwyg ol.listNumber .omStrength__list li::before {
    color: #ab1f20
}

.-personalLower .omStrength__list .listNumber__item::before,.-personalLower .omStrength__list .wysiwyg ol.listNumber li::before,.wysiwyg ol.listNumber .-personalLower .omStrength__list li::before {
    color: #539356
}

.-businessLower .omStrength__list .listNumber__item::before,.-businessLower .omStrength__list .wysiwyg ol.listNumber li::before,.wysiwyg ol.listNumber .-businessLower .omStrength__list li::before {
    color: #357dc8
}

@media screen and (min-width: 768px),print {
    .omStrength__cont {
        width:calc(100% - 500px);
        max-width: calc(100% - 500px);
        min-width: calc(100% - 500px)
    }
}

@media screen and (max-width: 767px) {
    .omStrength__cont {
        margin-top:13px
    }
}

@media screen and (min-width: 768px),print {
    .omStrength__contText+* {
        margin-top:20px
    }
}

@media screen and (max-width: 767px) {
    .omStrength__contText+* {
        margin-top:15px
    }
}

@media screen and (min-width: 768px),print {
    .omStrength__image {
        width:450px;
        max-width: 450px;
        min-width: 450px
    }
}

@media screen and (max-width: 767px) {
    .omStrength__image {
        margin-top:40px
    }
}

.omStrength__image img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .omStrength__lead {
        margin-top:13px
    }
}

@media screen and (min-width: 768px),print {
    .omTable {
        width:100%
    }
}

.omTable th {
    background-color: #f6f6f6;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width: 768px),print {
    .omTable th {
        width:20%;
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width: 768px),print {
    .omBlockImage {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .omBlockImage {
        margin-top:30px
    }
}

.omBlockImage.-center {
    text-align: center
}

@media screen and (min-width: 768px),print {
    .omBlockImage+.titleB,.wysiwyg .omBlockImage+h4 {
        margin-top:80px
    }
}

@media screen and (max-width: 767px) {
    .omBlockImage .blockImage__picture {
        float:none!important;
        margin: 0!important;
        width: 100%
    }
}

.omBlockImage__inner {
    display: inline-block;
    text-align: left
}

@media screen and (min-width: 768px),print {
    .omBlockImage__pdf {
        margin-top:10px
    }
}

@media screen and (max-width: 767px) {
    .omBlockImage__pdf {
        margin-top:8px
    }
}

@media screen and (min-width: 768px),print {
    .omBlockImage__pdf+.listNote {
        margin-top:13px
    }
}

@media screen and (max-width: 767px) {
    .omBlockImage__pdf+.listNote {
        margin-top:8px
    }
}

@media screen and (min-width: 768px),print {
    .omBoxColumn {
        margin-top:34px
    }
}

@media screen and (max-width: 767px) {
    .omBoxColumn {
        margin-top:21px
    }
}

@media screen and (min-width: 768px),print {
    .omBoxColumn+* {
        margin-top:55px
    }
}

@media screen and (max-width: 767px) {
    .omBoxColumn+* {
        margin-top:34px
    }
}

@media screen and (max-width: 767px) {
    .omBoxColumn2 .boxColumn2__item,.omBoxColumn2 .wysiwyg div.boxColumn2 div,.wysiwyg div.boxColumn2 .omBoxColumn2 div {
        width:100%
    }
}

@media screen and (min-width: 768px),print {
    .omBlockContact {
        margin-top:80px
    }
}

@media screen and (max-width: 767px) {
    .omBlockContact {
        margin-top:55px
    }
}

.omBlockContact .blockContact__inner {
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.15);
    box-shadow: 0 2px 10px rgba(0,0,0,.15)
}

.vbox-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vbox-figlio {
    position: relative;
    height: auto!important;
    background: 0 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.vbox-close {
    display: none
}

.boxCaseDetail {
    background: #fff;
    width: 100%
}

@media screen and (min-width: 768px),print {
    .boxCaseDetail {
        padding:45px
    }
}

@media screen and (max-width: 767px) {
    .boxCaseDetail {
        padding:30px 20px 20px
    }
}

@media screen and (min-width: 768px),print {
    .boxCaseDetail-inner {
        max-width:740px;
        width: 100%;
        margin: 0 auto
    }
}

.boxCaseDetail-closeBtn {
    border: 2px solid #ab1f20;
    position: absolute;
    border-radius: 50%;
    background: #fff;
    cursor: pointer
}

@media screen and (min-width: 768px),print {
    .boxCaseDetail-closeBtn {
        top:20px;
        right: 20px;
        width: 45px;
        height: 45px
    }
}

@media screen and (max-width: 767px) {
    .boxCaseDetail-closeBtn {
        top:8px;
        right: 8px;
        width: 34px;
        height: 34px
    }
}

.boxCaseDetail-closeBtn::after,.boxCaseDetail-closeBtn::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    height: 3px;
    background-color: #ab1f20;
    content: ""
}

@media screen and (min-width: 768px),print {
    .boxCaseDetail-closeBtn::after,.boxCaseDetail-closeBtn::before {
        width:20px
    }
}

@media screen and (max-width: 767px) {
    .boxCaseDetail-closeBtn::after,.boxCaseDetail-closeBtn::before {
        width:16px
    }
}

.boxCaseDetail-closeBtn::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.boxCaseDetail-closeBtn::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.boxCaseDetail-title {
    text-align: center;
    line-height: 1.4
}

@media screen and (min-width: 768px),print {
    .boxCaseDetail-title {
        font-size:26px;
        font-size: 1.625rem
    }
}

@media screen and (max-width: 767px) {
    .boxCaseDetail-title {
        padding:0 25px
    }
}

@media screen and (min-width: 768px),print {
    .boxCaseDetail-title+* {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .boxCaseDetail-title+* {
        margin-top:20px
    }
}

.boxCaseDetail-image {
    display: block
}

@media screen and (min-width: 768px),print {
    .guideGuideImage {
        margin-top:30px
    }
}

@media screen and (max-width: 767px) {
    .guideGuideImage {
        margin-top:20px
    }

    .guideGuideImage .blockImage__picture {
        margin: 0;
        width: 100%
    }
}

@media screen and (min-width: 768px),print {
    .guideSystemList {
        margin-top:55px
    }
}

@media screen and (max-width: 767px) {
    .guideSystemList {
        margin-top:20px
    }
}

.guideSystemList .blockColumn1__picture,.guideSystemList .wysiwyg div.blockColumn1 p:first-child,.wysiwyg div.blockColumn1 .guideSystemList p:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

@media screen and (min-width: 768px),print {
    .guideSystemList .blockColumn1__picture,.guideSystemList .wysiwyg div.blockColumn1 p:first-child,.wysiwyg div.blockColumn1 .guideSystemList p:first-child {
        min-width:200px;
        min-height: 120px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .guideSystemList .blockColumn1__picture,.guideSystemList .wysiwyg div.blockColumn1 p:first-child,.wysiwyg div.blockColumn1 .guideSystemList p:first-child {
        width:100px;
        min-width: 0;
        min-height: 60px
    }
}

@media screen and (max-width: 767px) {
    .guideSystemList .blockColumn1__picture,.guideSystemList .wysiwyg div.blockColumn1 p:first-child,.wysiwyg div.blockColumn1 .guideSystemList p:first-child {
        height:100px;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.guideSystemList .blockColumn1__picture.-full,.guideSystemList .wysiwyg div.blockColumn1 p.-full:first-child,.wysiwyg div.blockColumn1 .guideSystemList p.-full:first-child {
    background-color: transparent
}

@media screen and (max-width: 767px) {
    .guideSystemList .blockColumn1__picture.-full,.guideSystemList .wysiwyg div.blockColumn1 p.-full:first-child,.wysiwyg div.blockColumn1 .guideSystemList p.-full:first-child {
        height:auto;
        max-height: 500%
    }
}

.guideSystemList .blockColumn1__picture.-full img,.guideSystemList .wysiwyg div.blockColumn1 p.-full:first-child img,.wysiwyg div.blockColumn1 .guideSystemList p.-full:first-child img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .guideSystemList .blockColumn1__picture+*,.guideSystemList .wysiwyg div.blockColumn1 p:first-child+*,.wysiwyg div.blockColumn1 .guideSystemList p:first-child+* {
        margin-top:13px
    }
}

.guideSystemList .blockColumn1__title,.guideSystemList .wysiwyg div.blockColumn1 h6,.wysiwyg div.blockColumn1 .guideSystemList h6 {
    line-height: 1.4
}

@media screen and (min-width: 768px),print {
    .guideSystemList .blockColumn1__title a,.guideSystemList .wysiwyg div.blockColumn1 h6 a,.wysiwyg div.blockColumn1 .guideSystemList h6 a {
        font-size:15px;
        font-size: .9375rem
    }

    .guideSystemList .blockColumn1__title a::before,.guideSystemList .wysiwyg div.blockColumn1 h6 a::before,.wysiwyg div.blockColumn1 .guideSystemList h6 a::before {
        top: .5em
    }
}

@media screen and (max-width: 767px) {
    .guideSystemList .blockColumn1__text,.guideSystemList .wysiwyg div.blockColumn1 p:not(:first-child),.wysiwyg div.blockColumn1 .guideSystemList p:not(:first-child) {
        font-size:13px;
        font-size: .8125rem
    }
}

@media screen and (min-width: 768px),print {
    .establishmentWrap>.blockColumn1:not(:last-child) {
        margin-bottom:40px
    }
}

@media screen and (max-width: 767px) {
    .establishmentWrap>.blockColumn1:not(:last-child) {
        margin-bottom:40px
    }
}

@media screen and (max-width: 767px) {
    .establishmentWrap .blockColumn1__text,.establishmentWrap .wysiwyg div.blockColumn1 p:not(:first-child),.wysiwyg div.blockColumn1 .establishmentWrap p:not(:first-child) {
        margin-top:0
    }
}

.indexData__subTitle {
    padding: 5px 13px;
    background: #efefef;
    font-size: 16px;
    font-size: 1rem;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media all and (-ms-high-contrast:none) {
    .indexData__subTitle {
        padding: 8px 13px 2px
    }
}

@media screen and (max-width: 767px) {
    .indexData__subTitle {
        padding:7px 13px;
        line-height: 1.5
    }
}

.indexData__subTitle.-trigger {
    position: relative;
    padding-right: 50px
}

.indexData__subTitle.-trigger::after,.indexData__subTitle.-trigger::before {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 2px;
    background: #ab1f20;
    content: "";
    display: inline-block
}

.indexData__subTitle.-trigger::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.is-opened .indexData__subTitle.-trigger::before {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.indexData__list+.indexData__subTitle {
    margin-top: 14px
}

.indexData__contents {
    border-bottom: 1px solid #ddd
}

.indexData__contents.-col2 {
    border-bottom: none
}

@media screen and (min-width: 768px),print {
    .indexData__contents+.indexData__contents {
        margin-top:25px
    }
}

@media screen and (max-width: 767px) {
    .indexData__contents+.indexData__contents {
        margin-top:10px
    }
}

.indexData__heading {
    margin: 18px 13px 3px;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

.titleA+.indexData__listWrap,.wysiwyg h3+.indexData__listWrap {
    margin-top: 20px
}

@media screen and (min-width: 768px),print {
    .-col2 .indexData__list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.indexData__listItem {
    border-top: 1px solid #ddd
}

@media screen and (min-width: 768px),print {
    .-col2 .indexData__listItem {
        width:calc(50% - 20px)
    }

    .-col2 .indexData__listItem:nth-child(2) {
        border-top: none
    }
}

.indexData__listItem:first-child {
    border-top: none
}

.indexData__listItemBlock {
    display: block;
    padding: 15px 13px
}

@media screen and (min-width: 768px),print {
    .indexData__listItemLink {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 18px 15px
    }
}

@media screen and (max-width: 767px) {
    .indexData__listItemLink {
        display:block;
        padding: 10px 5px
    }
}

.indexData__listItemTitle {
    padding-right: 30px;
    padding-left: 15px;
    position: relative;
    font-size: 14px;
    font-size: .875rem;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 400
}

.indexData__listItemTitle::before {
    position: absolute;
    top: .2em;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ab1f20;
    border-right: 1px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media all and (-ms-high-contrast:none) {
    .indexData__listItemTitle::before {
        top: .1em
    }
}

@media screen and (max-width: 767px) {
    .indexData__listItemTitle::before {
        top:.3em
    }
}

.-personalLower .indexData__listItemTitle::before {
    border-color: #539356
}

.-businessLower .indexData__listItemTitle::before {
    border-color: #357dc8
}

.indexData__listItemTitle[target="_blank"]::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .indexData__listItemTitle[target="_blank"]::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.indexData__listItemTitle[target="_blank"].-linkKyocera::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .indexData__listItemTitle[target="_blank"].-linkKyocera::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

a[target="_blank"] .indexData__listItemTitle::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    a[target="_blank"] .indexData__listItemTitle::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

a[target="_blank"].-linkKyocera .indexData__listItemTitle::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    a[target="_blank"].-linkKyocera .indexData__listItemTitle::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.indexData__listItemTitle[href*=".doc"]::after,.indexData__listItemTitle[href*=".docm"]::after,.indexData__listItemTitle[href*=".docx"]::after,.indexData__listItemTitle[href*=".dot"]::after,.indexData__listItemTitle[href*=".exe"]::after,.indexData__listItemTitle[href*=".pdf"]::after,.indexData__listItemTitle[href*=".xls"]::after,.indexData__listItemTitle[href*=".xlsx"]::after,.indexData__listItemTitle[href*=".xlt"]::after,.indexData__listItemTitle[href*=".xml"]::after,.indexData__listItemTitle[href*=".zip"]::after {
    width: 15px;
    height: 18px;
    margin-left: 5px;
    content: "";
    display: inline-block;
    position: relative;
    bottom: -3px
}

.indexData__listItemTitle[href*=".pdf"]::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

.indexData__listItemTitle[href$=".xlt"]::after,.indexData__listItemTitle[href*=".xls"]::after,.indexData__listItemTitle[href*=".xlsx"]::after,.indexData__listItemTitle[href*=".xml"]::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

.indexData__listItemTitle[href*=".doc"]::after,.indexData__listItemTitle[href*=".docm"]::after,.indexData__listItemTitle[href*=".docx"]::after,.indexData__listItemTitle[href*=".dot"]::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

.indexData__listItemTitle[href*=".zip"]::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

.indexData__listItemTitle[href*=".exe"]::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

a[href*=".doc"] .indexData__listItemTitle::after,a[href*=".docm"] .indexData__listItemTitle::after,a[href*=".docx"] .indexData__listItemTitle::after,a[href*=".dot"] .indexData__listItemTitle::after,a[href*=".exe"] .indexData__listItemTitle::after,a[href*=".pdf"] .indexData__listItemTitle::after,a[href*=".xls"] .indexData__listItemTitle::after,a[href*=".xlsx"] .indexData__listItemTitle::after,a[href*=".xlt"] .indexData__listItemTitle::after,a[href*=".xml"] .indexData__listItemTitle::after,a[href*=".zip"] .indexData__listItemTitle::after {
    margin-left: 5px;
    width: 15px;
    height: 19px;
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%;
    vertical-align: middle;
    content: "";
    display: inline-block
}

a[href*=".pdf"] .indexData__listItemTitle::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

a[href$=".xlt"] .indexData__listItemTitle::after,a[href*=".xls"] .indexData__listItemTitle::after,a[href*=".xlsx"] .indexData__listItemTitle::after,a[href*=".xml"] .indexData__listItemTitle::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

a[href*=".doc"] .indexData__listItemTitle::after,a[href*=".docm"] .indexData__listItemTitle::after,a[href*=".docx"] .indexData__listItemTitle::after,a[href*=".dot"] .indexData__listItemTitle::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

a[href*=".zip"] .indexData__listItemTitle::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

a[href*=".exe"] .indexData__listItemTitle::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

.indexData__listItemTitle::before {
    top: .6em
}

.indexData__listItemName {
    padding-left: 15px;
    position: relative
}

.indexData__listItemName::before {
    position: absolute;
    top: .2em;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ab1f20;
    border-right: 1px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media all and (-ms-high-contrast:none) {
    .indexData__listItemName::before {
        top: .1em
    }
}

@media screen and (max-width: 767px) {
    .indexData__listItemName::before {
        top:.3em
    }
}

.-personalLower .indexData__listItemName::before {
    border-color: #539356
}

.-businessLower .indexData__listItemName::before {
    border-color: #357dc8
}

@media screen and (min-width: 768px),print {
    .indexData__listItemName {
        padding-right:30px;
        width: 250px
    }
}

.indexData__listItemName::before {
    top: .6em
}

.indexData__listItemAddress {
    color: #818181;
    font-size: 14px;
    font-size: .875rem
}

@media screen and (min-width: 768px),print {
    .indexData__listItemAddress {
        margin-top:2px;
        width: calc(100% - 250px)
    }
}

.indexQa__title {
    color: #ab1f20;
    text-align: center;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    font-size: 1.375rem
}

@media screen and (min-width: 768px),print {
    .indexQa__title {
        margin-top:60px
    }
}

@media screen and (max-width: 767px) {
    .indexQa__title {
        margin-top:40px
    }
}

@media screen and (min-width: 768px),print {
    .indexQa__list {
        margin-top:18px;
        border-bottom: 1px solid #ddd
    }
}

@media screen and (max-width: 767px) {
    .indexQa__list {
        margin-top:8px
    }
}

.indexQa__item {
    border-top: 1px solid #ddd
}

.indexQa__itemLink {
    display: block;
    padding-left: 15px;
    position: relative
}

.indexQa__itemLink::before {
    position: absolute;
    top: .2em;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ab1f20;
    border-right: 1px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media all and (-ms-high-contrast:none) {
    .indexQa__itemLink::before {
        top: .1em
    }
}

@media screen and (max-width: 767px) {
    .indexQa__itemLink::before {
        top:.3em
    }
}

.-personalLower .indexQa__itemLink::before {
    border-color: #539356
}

.-businessLower .indexQa__itemLink::before {
    border-color: #357dc8
}

@media screen and (min-width: 768px),print {
    .indexQa__itemLink {
        padding:20px 80px 18px 5px!important
    }

    .indexQa__itemLink::after {
        content: "";
        display: block;
        clear: both
    }
}

@media screen and (max-width: 767px) {
    .indexQa__itemLink {
        padding:13px 40px 13px 5px!important
    }
}

.indexQa__itemLink::before {
    top: 0;
    bottom: 0;
    left: auto;
    margin: auto
}

@media screen and (min-width: 768px),print {
    .indexQa__itemLink::before {
        right:30px
    }
}

@media screen and (max-width: 767px) {
    .indexQa__itemLink::before {
        right:15px
    }
}

.indexQa__itemCategory {
    border-radius: 100px;
    background: #efefef;
    text-align: center;
    font-size: 12px;
    font-size: .75rem
}

@media screen and (min-width: 768px),print {
    .indexQa__itemCategory {
        display:block;
        float: left;
        margin-right: 18px;
        padding: 2px 10px;
        min-width: 135px
    }
}

@media screen and (max-width: 767px) {
    .indexQa__itemCategory {
        display:inline-block;
        padding: 3px 20px
    }
}

.indexQa__itemText {
    display: block
}

@media screen and (min-width: 768px),print {
    .indexQa__itemText {
        overflow:hidden
    }
}

@media screen and (max-width: 767px) {
    .indexQa__itemText {
        margin-top:8px
    }
}

@media screen and (min-width: 768px),print {
    .indexGlossary__title {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .indexGlossary__title {
        margin-top:25px
    }
}

@media screen and (min-width: 768px),print {
    .indexGlossary__list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 23px
    }
}

@media screen and (max-width: 767px) {
    .indexGlossary__list {
        margin-top:18px
    }
}

.indexGlossary__item {
    margin-top: 5px
}

@media screen and (min-width: 768px),print {
    .indexGlossary__item {
        padding-right:20px;
        width: 33.33%
    }

    .indexGlossary__item:nth-child(-n+3) {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .indexGlossary__item:first-child {
        margin-top:0
    }
}

.indexGlossary__itemLink {
    padding-left: 15px;
    position: relative
}

.indexGlossary__itemLink::before {
    position: absolute;
    top: .2em;
    left: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #ab1f20;
    border-right: 1px solid #ab1f20;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    display: inline-block
}

@media all and (-ms-high-contrast:none) {
    .indexGlossary__itemLink::before {
        top: .1em
    }
}

@media screen and (max-width: 767px) {
    .indexGlossary__itemLink::before {
        top:.3em
    }
}

.-personalLower .indexGlossary__itemLink::before {
    border-color: #539356
}

.-businessLower .indexGlossary__itemLink::before {
    border-color: #357dc8
}

.indexDataBox {
    margin-bottom: 40px
}

@media screen and (min-width: 768px),print {
    .indexDataBox {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.indexDataBox__item {
    background-color: #efefef;
    padding: 18px 15px
}

@media screen and (min-width: 1024px),print {
    .indexDataBox__item {
        margin-right:12px;
        width: calc(100% / 4 - 12px * 3 / 4)
    }

    .indexDataBox__item:nth-child(4n) {
        margin-right: 0
    }

    .indexDataBox__item:nth-child(n+5) {
        margin-top: 24px
    }
}

@media screen and (min-width: 768px) and (max-width:1200px),print {
    .indexDataBox__item {
        margin-right:12px;
        width: calc(100% / 3 - 12px * 2 / 3)
    }

    .indexDataBox__item:nth-child(3n) {
        margin-right: 0
    }

    .indexDataBox__item:nth-child(n+4) {
        margin-top: 24px
    }
}

@media screen and (max-width: 767px) {
    .indexDataBox__item:nth-child(n+2) {
        margin-top:12px
    }
}

.indexDataBox__itemImg {
    margin: 0 auto
}

@media screen and (min-width: 768px),print {
    .indexDataBox__itemImg {
        width:150px
    }
}

@media screen and (max-width: 767px) {
    .indexDataBox__itemImg {
        width:120px
    }
}

.indexDataBox__item.-new .indexDataBox__itemImg {
    position: relative
}

.indexDataBox__item.-new .indexDataBox__itemImg::before {
    content: "";
    display: block;
    height: 48px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2297px%22%20height%3D%2297px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23f9d346%22%20d%3D%22M48.702%2C0.228%20C75.250%2C0.228%2096.771%2C21.750%2096.771%2C48.297%20C96.771%2C74.845%2075.250%2C96.367%2048.702%2C96.367%20C22.154%2C96.367%200.632%2C74.845%200.632%2C48.297%20C0.632%2C21.750%2022.154%2C0.228%2048.702%2C0.228%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23171718%22%20d%3D%22M77.53%2C60.423%20L72.405%2C60.423%20L70.529%2C50.315%20C69.997%2C47.403%2069.717%2C44.995%2069.325%2C42.167%20L68.933%2C42.167%20C68.541%2C45.23%2068.233%2C47.431%2067.729%2C50.203%20L65.965%2C60.423%20L61.317%2C60.423%20L57.89%2C38.695%20L60.925%2C38.695%20L62.493%2C48.607%20C62.885%2C51.267%2063.249%2C53.899%2063.585%2C56.671%20L63.977%2C56.671%20C64.369%2C53.955%2064.649%2C51.295%2065.125%2C48.691%20L66.889%2C38.695%20L71.733%2C38.695%20L73.553%2C49.27%20C73.973%2C51.491%2074.309%2C53.787%2074.617%2C56.671%20L75.9%2C56.671%20C75.429%2C53.759%2075.681%2C51.547%2076.101%2C48.859%20L77.781%2C38.695%20L81.393%2C38.695%20L77.53%2C60.423%20ZM40.345%2C38.695%20L54.681%2C38.695%20L54.681%2C41.691%20L44.125%2C41.691%20L44.125%2C47.431%20L52.105%2C47.431%20L52.105%2C50.427%20L44.125%2C50.427%20L44.125%2C57.427%20L54.905%2C57.427%20L54.905%2C60.423%20L40.345%2C60.423%20L40.345%2C38.695%20ZM24.694%2C49.223%20C23.434%2C46.507%2022.566%2C44.491%2021.586%2C42.55%20L21.194%2C42.55%20C21.334%2C44.631%2021.390%2C47.207%2021.390%2C49.895%20L21.390%2C60.423%20L17.918%2C60.423%20L17.918%2C38.695%20L23.602%2C38.695%20L28.110%2C48.327%20C29.342%2C51.43%2030.182%2C53.255%2030.994%2C55.775%20L31.386%2C55.775%20C31.218%2C53.115%2031.106%2C50.735%2031.106%2C47.823%20L31.106%2C38.695%20L34.578%2C38.695%20L34.578%2C60.423%20L29.958%2C60.423%20L24.694%2C49.223%20Z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute
}

@media screen and (min-width: 768px),print {
    .indexDataBox__item.-new .indexDataBox__itemImg::before {
        width:48px;
        height: 48px;
        top: -10px;
        right: -24px
    }
}

@media screen and (max-width: 767px) {
    .indexDataBox__item.-new .indexDataBox__itemImg::before {
        width:40px;
        height: 40px;
        top: -8px;
        right: -20px
    }
}

.indexDataBox__itemTag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.indexDataBox__itemTag[style="height: 0px;"] {
    margin-top: 0
}

.indexDataBox__itemTagItem {
    background: #000;
    color: #fff;
    font-weight: 700;
    padding: 4px 8px;
    line-height: 1;
    margin: 0 2px 2px 0
}

@media screen and (min-width: 768px),print {
    .indexDataBox__itemTagItem {
        font-size:14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .indexDataBox__itemTagItem {
        font-size:12px;
        font-size: .75rem
    }
}

.indexDataBox__itemTagItem.-limited {
    background-color: #539356
}

.indexDataBox__itemTagItem.-stock {
    background-color: #357dc8
}

.indexDataBox__itemTagItem.-order {
    background-color: #e5880f
}

.indexDataBox__itemTxt {
    margin-top: 10px
}

@media screen and (min-width: 768px),print {
    .indexDataBox__itemTxt {
        font-size:14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .indexDataBox__itemTxt {
        font-size:13px;
        font-size: .8125rem
    }
}

.indexDataBox__itemBtn {
    margin-top: 10px
}

.indexDataBox__itemBtnLink {
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: center;
    padding: 5px
}

@media screen and (min-width: 768px),print {
    .indexDataBox__itemBtnLink {
        font-size:14px;
        font-size: .875rem
    }
}

@media screen and (max-width: 767px) {
    .indexDataBox__itemBtnLink {
        font-size:13px;
        font-size: .8125rem
    }
}

.indexDataBox__itemBtnLink[target="_blank"]::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .indexDataBox__itemBtnLink[target="_blank"]::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.indexDataBox__itemBtnLink[target="_blank"].-linkKyocera::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    .indexDataBox__itemBtnLink[target="_blank"].-linkKyocera::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

a[target="_blank"] .indexDataBox__itemBtnLink::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_self.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    a[target="_blank"] .indexDataBox__itemBtnLink::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

a[target="_blank"].-linkKyocera .indexDataBox__itemBtnLink::after {
    content: "";
    display: inline-block;
    background: url(/solar/common/css/img/icon_blank.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin-left: 5px
}

@media screen and (max-width: 767px) {
    a[target="_blank"].-linkKyocera .indexDataBox__itemBtnLink::after {
        width:10px;
        height: 10px;
        margin-left: 3px
    }
}

.indexDataBox__itemBtnLink[href*=".doc"]::after,.indexDataBox__itemBtnLink[href*=".docm"]::after,.indexDataBox__itemBtnLink[href*=".docx"]::after,.indexDataBox__itemBtnLink[href*=".dot"]::after,.indexDataBox__itemBtnLink[href*=".exe"]::after,.indexDataBox__itemBtnLink[href*=".pdf"]::after,.indexDataBox__itemBtnLink[href*=".xls"]::after,.indexDataBox__itemBtnLink[href*=".xlsx"]::after,.indexDataBox__itemBtnLink[href*=".xlt"]::after,.indexDataBox__itemBtnLink[href*=".xml"]::after,.indexDataBox__itemBtnLink[href*=".zip"]::after {
    width: 15px;
    height: 18px;
    margin-left: 5px;
    content: "";
    display: inline-block;
    position: relative;
    bottom: -3px
}

.indexDataBox__itemBtnLink[href*=".pdf"]::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

.indexDataBox__itemBtnLink[href$=".xlt"]::after,.indexDataBox__itemBtnLink[href*=".xls"]::after,.indexDataBox__itemBtnLink[href*=".xlsx"]::after,.indexDataBox__itemBtnLink[href*=".xml"]::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

.indexDataBox__itemBtnLink[href*=".doc"]::after,.indexDataBox__itemBtnLink[href*=".docm"]::after,.indexDataBox__itemBtnLink[href*=".docx"]::after,.indexDataBox__itemBtnLink[href*=".dot"]::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

.indexDataBox__itemBtnLink[href*=".zip"]::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

.indexDataBox__itemBtnLink[href*=".exe"]::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

a[href*=".doc"] .indexDataBox__itemBtnLink::after,a[href*=".docm"] .indexDataBox__itemBtnLink::after,a[href*=".docx"] .indexDataBox__itemBtnLink::after,a[href*=".dot"] .indexDataBox__itemBtnLink::after,a[href*=".exe"] .indexDataBox__itemBtnLink::after,a[href*=".pdf"] .indexDataBox__itemBtnLink::after,a[href*=".xls"] .indexDataBox__itemBtnLink::after,a[href*=".xlsx"] .indexDataBox__itemBtnLink::after,a[href*=".xlt"] .indexDataBox__itemBtnLink::after,a[href*=".xml"] .indexDataBox__itemBtnLink::after,a[href*=".zip"] .indexDataBox__itemBtnLink::after {
    margin-left: 5px;
    width: 15px;
    height: 19px;
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%;
    vertical-align: middle;
    content: "";
    display: inline-block
}

a[href*=".pdf"] .indexDataBox__itemBtnLink::after {
    background: url(../img/icon_pdf.png) left top no-repeat;
    background-size: 100%
}

a[href$=".xlt"] .indexDataBox__itemBtnLink::after,a[href*=".xls"] .indexDataBox__itemBtnLink::after,a[href*=".xlsx"] .indexDataBox__itemBtnLink::after,a[href*=".xml"] .indexDataBox__itemBtnLink::after {
    background: url(/solar/common/css/img/icon_excel.png) left top no-repeat;
    background-size: 100%
}

a[href*=".doc"] .indexDataBox__itemBtnLink::after,a[href*=".docm"] .indexDataBox__itemBtnLink::after,a[href*=".docx"] .indexDataBox__itemBtnLink::after,a[href*=".dot"] .indexDataBox__itemBtnLink::after {
    background: url(/solar/common/css/img/icon_word.png) left top no-repeat;
    background-size: 100%
}

a[href*=".zip"] .indexDataBox__itemBtnLink::after {
    background: url(/solar/common/css/img/icon_zip.png) left top no-repeat;
    background-size: 100%
}

a[href*=".exe"] .indexDataBox__itemBtnLink::after {
    background: url(/solar/common/css/img/icon_file.png) left top no-repeat;
    background-size: 100%
}

.indexDataBox__itemBtnLink::after {
    margin-left: 7px!important
}

.sectionConcept {
    position: relative
}

@media screen and (min-width: 768px),print {
    .sectionConcept {
        margin:75px auto 0;
        padding-bottom: 80px;
        max-width: 1980px
    }
}

@media screen and (max-width: 767px) {
    .sectionConcept {
        margin-top:45px;
        padding-bottom: 40px
    }
}

.sectionConcept__background {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    text-align: center
}

@media screen and (min-width: 1980px) {
    .sectionConcept__background {
        display:block
    }

    .sectionConcept__background::after,.sectionConcept__background::before {
        position: absolute;
        top: 0;
        width: 150px;
        height: 100%;
        content: "";
        display: inline-block
    }

    .sectionConcept__background::before {
        left: 0;
        background: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),to(white));
        background: linear-gradient(to left,rgba(255,255,255,0),#fff)
    }

    .sectionConcept__background::after {
        right: 0;
        background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(white));
        background: linear-gradient(to right,rgba(255,255,255,0),#fff)
    }
}

.sectionConcept__background img {
    max-width: 1980px;
    width: 100%
}

@media screen and (min-width: 1981px) {
    .sectionConcept__background img {
        margin-bottom:-200px
    }
}

@media screen and (min-width: 768px),print {
    .sectionConcept__inner {
        padding:0 90px;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 15px
    }
}

@media screen and (max-width: 767px) {
    .sectionConcept__inner {
        padding:0 30px
    }
}

.sectionConcept__lead {
    position: relative;
    letter-spacing: .045em;
    line-height: 1.65
}

@media screen and (min-width: 768px),print {
    .sectionConcept__lead {
        font-size:38px;
        font-size: 2.375rem
    }
}

@media screen and (max-width: 767px) {
    .sectionConcept__lead {
        padding-left:20px;
        font-size: 20px;
        font-size: 1.25rem
    }
}

.sectionConcept__lead::before {
    position: absolute;
    height: 2px;
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(#ddd));
    background: linear-gradient(to right,rgba(255,255,255,0),#ddd);
    content: "";
    display: inline-block
}

@media screen and (min-width: 768px),print {
    .sectionConcept__lead::before {
        top:28px;
        left: -225px;
        width: 200px
    }
}

@media screen and (max-width: 767px) {
    .sectionConcept__lead::before {
        top:15px;
        left: -30px;
        width: 40px
    }
}

@media screen and (min-width: 768px),print {
    .sectionConcept__box {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 45px
    }
}

@media screen and (max-width: 767px) {
    .sectionConcept__box {
        margin-top:20px
    }
}

.sectionConcept__boxItem {
    background: #fff;
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,.12);
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,.12);
    text-align: center
}

@media screen and (min-width: 768px),print {
    .sectionConcept__boxItem {
        padding:52px 50px 40px;
        width: calc(50% - 20px)
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .sectionConcept__boxItem {
        padding:30px 20px 20px;
        width: calc(50% - 10px)
    }
}

@media screen and (max-width: 767px) {
    .sectionConcept__boxItem {
        padding:20px
    }
}

@media screen and (max-width: 767px) {
    .sectionConcept__boxItem+.sectionConcept__boxItem {
        margin-top:20px
    }
}

.sectionConcept__boxTitle {
    color: #ab1f20
}

.sectionConcept__boxTitleEnglish {
    position: relative;
    display: inline-block;
    padding: 0 17px;
    font-style: italic;
    font-size: 12px;
    font-size: .75rem
}

.sectionConcept__boxTitleEnglish::after,.sectionConcept__boxTitleEnglish::before {
    position: absolute;
    top: 50%;
    width: 10px;
    height: 1px;
    background: #ab1f20;
    content: "";
    display: inline-block
}

.sectionConcept__boxTitleEnglish::before {
    left: 0
}

.sectionConcept__boxTitleEnglish::after {
    right: 0
}

.sectionConcept__boxTitleJapanese {
    display: block;
    line-height: 1.4;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .sectionConcept__boxTitleJapanese {
        font-size:27px;
        font-size: 1.6875rem
    }
}

@media screen and (max-width: 767px) {
    .sectionConcept__boxTitleJapanese {
        font-size:18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 768px),print {
    .sectionConcept__boxText {
        margin-top:22px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .sectionConcept__boxText {
        text-align:left
    }

    .sectionConcept__boxText br {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .sectionConcept__boxText {
        margin-top:18px;
        text-align: left;
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 768px),print {
    .sectionConcept__boxButton {
        margin-top:25px
    }
}

@media screen and (max-width: 767px) {
    .sectionConcept__boxButton {
        margin-top:15px
    }
}

.sectionPickup {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .sectionPickup {
        margin-top:55px
    }
}

@media screen and (max-width: 767px) {
    .sectionPickup {
        margin-top:35px
    }
}

.sectionTopics {
    background: #efefef
}

@media screen and (min-width: 768px),print {
    .sectionTopics {
        margin-top:70px
    }
}

@media screen and (max-width: 767px) {
    .sectionTopics {
        margin-top:40px;
        padding: 35px 0 40px
    }
}

.sectionTopics__inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .sectionTopics__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 768px),print {
    .sectionTopics__header {
        width:203px;
        border-right: 2px solid #ddd;
        padding: 48px 0 67px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .sectionTopics__header {
        width:200px
    }
}

@media screen and (max-width: 767px) {
    .sectionTopics__headerInner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 768px),print {
    .sectionTopics__headerTtl {
        font-size:32px;
        font-size: 2rem
    }
}

@media screen and (max-width: 767px) {
    .sectionTopics__headerTtl {
        font-size:22px;
        font-size: 1.375rem
    }
}

@media screen and (min-width: 768px),print {
    .sectionTopics__headerButton {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .sectionTopics__headerNaviWrap {
        margin-top:25px
    }
}

@media screen and (min-width: 768px),print {
    .sectionTopics__headerNavi {
        margin-top:22px
    }
}

@media screen and (max-width: 767px) {
    .sectionTopics__headerNavi {
        width:calc(100% + 30px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-top: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
        margin-top: 25px;
        margin-left: -15px
    }
}

@media screen and (min-width: 768px),print {
    .sectionTopics__headerNavi li {
        border-bottom:1px solid #ccc
    }

    .sectionTopics__headerNavi li:first-child {
        border-top: 1px solid #ccc
    }

    .sectionTopics__headerNavi li:empty {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .sectionTopics__headerNavi li {
        width:25%;
        border-right: 1px solid #ccc
    }

    .sectionTopics__headerNavi li:nth-child(4n) {
        border-right: none
    }

    .sectionTopics__headerNavi li:nth-child(n+5) {
        border-top: 1px solid #ccc
    }
}

.sectionTopics__headerNavi li a {
    display: block;
    color: #818181;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .sectionTopics__headerNavi li a {
        font-size:14px;
        font-size: .875rem;
        padding: 16px 15px 14px
    }

    .sectionTopics__headerNavi li a:hover {
        color: rgba(129,129,129,.75)
    }
}

@media screen and (max-width: 767px) {
    .sectionTopics__headerNavi li a {
        text-align:center;
        font-size: 12px;
        font-size: .75rem;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1.4;
        min-height: 45px;
        padding-top: 2px
    }
}

.sectionTopics__headerNavi li a.-active {
    color: #fff
}

.sectionTopics__headerNavi li a.-active[href="#all"] {
    background-color: #ab1f20
}

.sectionTopics__headerNavi li a.-active[href="#news"] {
    background-color: #dc9735
}

.sectionTopics__headerNavi li a.-active[href="#products"] {
    background-color: #4b9f55
}

.sectionTopics__headerNavi li a.-active[href="#technology"] {
    background-color: #357dc8
}

.sectionTopics__headerNavi li a.-active[href="#column"] {
    background-color: #d65e8b
}

.sectionTopics__headerNavi li a.-active[href="#voice"] {
    background-color: #8f5ca9
}

.sectionTopics__headerNavi li a.-active[href="#event"] {
    background-color: #d3b62e
}

@media screen and (min-width: 768px),print {
    .sectionTopics__content {
        width:calc(100% - 203px);
        padding: 55px 0 90px 48px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .sectionTopics__content {
        width:calc(100% - 200px)
    }
}

@media screen and (max-width: 767px) {
    .sectionTopics__content {
        width:100%;
        padding-top: 20px
    }
}

@media screen and (min-width: 768px),print {
    .sectionTopics__contentButton {
        text-align:right
    }
}

@media screen and (max-width: 767px) {
    .sectionTopics__contentButton {
        display:none
    }
}

@-webkit-keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

.sectionTopics__list {
    display: none;
    opacity: 0
}

.sectionTopics__list.-active {
    display: block;
    opacity: 1;
    -webkit-animation: fadeIn .21s ease-in 0s forwards;
    animation: fadeIn .21s ease-in 0s forwards
}

@media screen and (min-width: 768px),print {
    .sectionTopics__list .wysiwyg p,.sectionTopics__list p.text,.wysiwyg .sectionTopics__list p {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .sectionTopics__list .wysiwyg p,.sectionTopics__list p.text,.wysiwyg .sectionTopics__list p {
        margin-top:20px
    }
}

@media screen and (min-width: 768px),print {
    .sectionNews {
        padding:0;
        margin-top: 70px
    }
}

@media screen and (max-width: 767px) {
    .sectionNews {
        padding:0;
        margin-top: 40px
    }
}

@media screen and (min-width: 768px),print {
    .boxIndexD+.sectionNews {
        margin-top:75px
    }
}

.sectionNews__inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .sectionNews__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 768px),print {
    .sectionNews__header {
        width:250px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .sectionNews__header {
        width:200px
    }
}

@media screen and (max-width: 767px) {
    .sectionNews__header {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width: 767px) {
    .sectionNews__headerButton {
        margin-top:0!important
    }
}

@media screen and (min-width: 768px),print {
    .sectionNews__content {
        width:calc(100% - 250px)
    }
}

@media screen and (min-width: 768px) and (max-width:1023px),print {
    .sectionNews__content {
        width:calc(100% - 200px)
    }
}

@media screen and (max-width: 767px) {
    .sectionNews__content {
        margin-top:12px
    }
}

.sectionContact {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

@media screen and (min-width: 768px),print {
    .sectionProducts+.sectionContact {
        margin-top:100px
    }
}

@media screen and (max-width: 767px) {
    .sectionProducts+.sectionContact {
        margin-top:50px
    }
}

.sectionContact__inner {
    position: relative;
    z-index: 1;
    text-align: center
}

@media screen and (min-width: 768px),print {
    .sectionContact__inner {
        padding:45px 50px 40px;
        min-height: 325px
    }
}

@media screen and (max-width: 767px) {
    .sectionContact__inner {
        padding:23px 15px 15px;
        min-height: 350px
    }
}

.sectionContact__image {
    position: absolute;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.12);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.12);
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

.sectionContact__title {
    display: inline-block;
    border-bottom: 2px solid #fff;
    color: #fff;
    text-align: center;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .sectionContact__title {
        font-size:30px;
        font-size: 1.875rem
    }
}

@media screen and (max-width: 767px) {
    .sectionContact__title {
        padding:0 5px;
        font-size: 21px;
        font-size: 1.3125rem
    }
}

.sectionContact__button {
    text-align: center
}

@media screen and (min-width: 768px),print {
    .sectionContact__button {
        margin-top:30px
    }

    .sectionContact__button a:hover {
        opacity: .8
    }
}

@media screen and (max-width: 767px) {
    .sectionContact__button {
        margin-top:25px
    }
}

.sectionContact__button+.sectionContact__button {
    margin-top: 10px
}

.sectionContact__buttonLink {
    display: inline-block;
    background: #fff;
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,.12);
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,.12);
    color: #ab1f20;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700
}

@media screen and (min-width: 768px),print {
    .sectionContact__buttonLink {
        padding:20px;
        width: 460px;
        font-size: 19px;
        font-size: 1.1875rem
    }
}

@media all and (-ms-high-contrast:none) {
    .sectionContact__buttonLink {
        padding: 25px 20px 15px
    }
}

@media screen and (max-width: 767px) {
    .sectionContact__buttonLink {
        padding:16px;
        width: 100%;
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width: 768px),print {
    .sectionContact__buttonInner {
        padding:5px 0 5px 46px
    }
}

@media screen and (max-width: 767px) {
    .sectionContact__buttonInner {
        padding:5px 0 5px 36px
    }
}

.sectionContact__buttonInner.-contact {
    background: url(/solar/common/css//img/icon_mail.png) left 3px no-repeat
}

@media screen and (min-width: 768px),print {
    .sectionContact__buttonInner.-contact {
        background-size:31px
    }
}

@media all and (-ms-high-contrast:none) {
    .sectionContact__buttonInner.-contact {
        background-position: left 6px
    }
}

@media screen and (max-width: 767px) {
    .sectionContact__buttonInner.-contact {
        background-size:25px
    }
}

.sectionContact__buttonInner.-search {
    background: url(/solar/common/css//img/icon_search.png) 2px top no-repeat
}

@media screen and (min-width: 768px),print {
    .sectionContact__buttonInner.-search {
        background-size:28px
    }
}

@media all and (-ms-high-contrast:none) {
    .sectionContact__buttonInner.-search {
        background-position: 2px 2px
    }
}

@media screen and (max-width: 767px) {
    .sectionContact__buttonInner.-search {
        background-size:23px
    }
}

.sectionProducts {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px
}

.sectionProducts::after {
    content: "";
    display: block;
    clear: both
}

@media screen and (min-width: 768px),print {
    .sectionProducts+* {
        margin-top:75px
    }
}

@media screen and (max-width: 767px) {
    .sectionProducts+* {
        margin-top:35px
    }
}

.sectionInquiry {
    background-color: #ebf4ef
}

@media screen and (min-width: 768px),print {
    .sectionInquiry {
        padding:24px 24px 24px 28px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry {
        padding:16px
    }
}

@media screen and (min-width: 768px),print {
    .sectionInquiry+.sectionInquiry {
        margin-top:36px
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry+.sectionInquiry {
        margin-top:20px
    }
}

.sectionInquiry a:hover {
    color: #38954f
}

.sectionInquiry.-industrial {
    background-color: #e8f2fb
}

.sectionInquiry.-industrial a:hover {
    color: #017ece
}

.sectionInquiry.-overseas {
    background-color: #efefef
}

.sectionInquiry.-overseas a:hover {
    color: #bb0015
}

.sectionInquiry__ttl {
    font-weight: 700;
    color: #38954f
}

@media screen and (min-width: 768px),print {
    .sectionInquiry__ttl {
        width:210px;
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry__ttl {
        font-size:16px;
        font-size: 1rem
    }
}

.-industrial .sectionInquiry__ttl {
    color: #017ece
}

.-overseas .sectionInquiry__ttl {
    color: #bb0015
}

@media screen and (min-width: 768px),print {
    .sectionInquiry__cont {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry__cont {
        margin-top:12px
    }
}

.sectionInquiry__listItem {
    background-color: #fff
}

@media screen and (min-width: 768px),print {
    .sectionInquiry__listItem {
        border-left:4px solid transparent
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry__listItem {
        border-left:3px solid transparent
    }
}

.sectionInquiry__listItem:nth-child(n+2) {
    margin-top: 12px
}

.sectionInquiry__listItem.-parentWrap {
    border-left-color: #38954f
}

.-industrial .sectionInquiry__listItem.-parentWrap {
    border-left-color: #017ece
}

.-overseas .sectionInquiry__listItem.-parentWrap {
    border-left-color: #bb0015
}

.sectionInquiry__listItemLink {
    line-height: 1.6875;
    display: block;
    font-weight: 700;
    position: relative
}

@media screen and (min-width: 768px),print {
    .sectionInquiry__listItemLink {
        font-size:16px;
        font-size: 1rem;
        padding: 16px 74px;
        min-height: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry__listItemLink {
        font-size:14px;
        font-size: .875rem;
        padding: 74px 40px 12px 19px
    }
}

.sectionInquiry__listItemLink img {
    position: absolute;
    margin: auto
}

@media screen and (min-width: 768px),print {
    .sectionInquiry__listItemLink img {
        top:0;
        bottom: 0;
        left: 16px;
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry__listItemLink img {
        top:12px;
        left: 0;
        right: 0;
        width: 56px;
        height: 56px
    }
}

.sectionInquiry__listItemLink.-parent::after,.sectionInquiry__listItemLink.-parent::before {
    content: "";
    display: block;
    width: 14px;
    height: 2px;
    background-color: #38954f;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: .21s;
    transition: .21s
}

@media screen and (min-width: 768px),print {
    .sectionInquiry__listItemLink.-parent::after,.sectionInquiry__listItemLink.-parent::before {
        right:26px
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry__listItemLink.-parent::after,.sectionInquiry__listItemLink.-parent::before {
        right:16px
    }
}

.-industrial .sectionInquiry__listItemLink.-parent::after,.-industrial .sectionInquiry__listItemLink.-parent::before {
    background-color: #017ece
}

.-overseas .sectionInquiry__listItemLink.-parent::after,.-overseas .sectionInquiry__listItemLink.-parent::before {
    background-color: #bb0015
}

.sectionInquiry__listItemLink.-parent::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sectionInquiry__listItemLink:not(.-parent)::after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 0;
    bottom: 0;
    border-top: 2px solid #38954f;
    border-right: 2px solid #38954f;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 768px),print {
    .sectionInquiry__listItemLink:not(.-parent)::after {
        right:30px
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry__listItemLink:not(.-parent)::after {
        right:18px
    }
}

.-industrial .sectionInquiry__listItemLink:not(.-parent)::after {
    border-color: #017ece
}

.-overseas .sectionInquiry__listItemLink:not(.-parent)::after {
    border-color: #bb0015
}

.sectionInquiry__listItem.is-opened .sectionInquiry__listItemLink.-parent::after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.sectionInquiry__subList {
    padding: 0 16px 16px
}

.sectionInquiry__subListItem {
    border: 1px solid #ddd;
    -webkit-transition: .21s background-color;
    transition: .21s background-color;
    border-radius: 2px
}

.sectionInquiry__subListItem:nth-child(n+2) {
    margin-top: 9px
}

.sectionInquiry__subListItem.is-opened {
    background-color: #f6f6f6
}

.sectionInquiry__subListItemLink {
    display: block;
    position: relative
}

@media screen and (min-width: 768px),print {
    .sectionInquiry__subListItemLink {
        font-size:16px;
        font-size: 1rem;
        padding: 10px 48px 10px 18px;
        font-weight: 700;
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry__subListItemLink {
        font-size:14px;
        font-size: .875rem;
        padding: 10px 38px 10px 8px;
        min-height: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 700;
    }
}

@media screen and (min-width: 768px)
}

@media screen and (max-width: 767px) {
    .sectionInquiry__subListItemLink.-parent {
        padding-left:12px
    }
}

.sectionInquiry__subListItemLink.-parent::after,.sectionInquiry__subListItemLink.-parent::before {
    content: "";
    display: block;
    width: 14px;
    height: 2px;
    background-color: #38954f;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: .21s;
    transition: .21s
}

@media screen and (min-width: 768px),print {
    .sectionInquiry__subListItemLink.-parent::after,.sectionInquiry__subListItemLink.-parent::before {
        right:16px
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry__subListItemLink.-parent::after,.sectionInquiry__subListItemLink.-parent::before {
        right:12px
    }
}

.-industrial .sectionInquiry__subListItemLink.-parent::after,.-industrial .sectionInquiry__subListItemLink.-parent::before {
    background-color: #017ece
}

.-overseas .sectionInquiry__subListItemLink.-parent::after,.-overseas .sectionInquiry__subListItemLink.-parent::before {
    background-color: #bb0015
}

.sectionInquiry__subListItemLink.-parent::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sectionInquiry__subListItemLink:not(.-parent)::after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 0;
    bottom: 0;
    border-top: 2px solid #38954f;
    border-right: 2px solid #38954f;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 768px),print {
    .sectionInquiry__subListItemLink:not(.-parent)::after {
        right:22px
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry__subListItemLink:not(.-parent)::after {
        right:16px
    }
}

.-industrial .sectionInquiry__subListItemLink:not(.-parent)::after {
    border-color: #017ece
}

.-overseas .sectionInquiry__subListItemLink:not(.-parent)::after {
    border-color: #bb0015
}

.sectionInquiry__subListItem.is-opened .sectionInquiry__subListItemLink.-parent::after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

@media screen and (min-width: 768px),print {
    .sectionInquiry__subListItemChild {
        padding:0 16px
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry__subListItemChild {
        padding:0 8px
    }
}

.sectionInquiry__subListItemChildItem {
    border-top: 1px solid #ddd
}

.sectionInquiry__subListItemChildItemLink {
    display: block;
    position: relative
}

@media screen and (min-width: 768px),print {
    .sectionInquiry__subListItemChildItemLink {
        font-size:16px;
        font-size: 1rem;
        padding: 10px 48px 10px 16px
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry__subListItemChildItemLink {
        font-size:14px;
        font-size: .875rem;
        padding: 10px 28px 10px 8px
    }
}

.sectionInquiry__subListItemChildItemLink::after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 0;
    bottom: 0;
    border-top: 2px solid #38954f;
    border-right: 2px solid #38954f;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 768px),print {
    .sectionInquiry__subListItemChildItemLink::after {
        right:6px
    }
}

@media screen and (max-width: 767px) {
    .sectionInquiry__subListItemChildItemLink::after {
        right:10px
    }
}

.-industrial .sectionInquiry__subListItemChildItemLink::after {
    border-color: #017ece
}

.disp-inb {
    display: inline-block
}

@media screen and (min-width: 768px),print {
    .sp-item {
        display:none!important
    }

    .sp-item-i {
        display: none!important
    }

    .pc-item {
        display: block
    }

    .pc-item-i {
        display: inline-block
    }
}

@media screen and (max-width: 767px) {
    .sp-item {
        display:block
    }

    .sp-item-i {
        display: inline-block
    }

    .pc-item {
        display: none!important
    }

    .pc-item-i {
        display: none!important
    }
}

img.img-ofi-contain,img.img-ofi-cover {
    width: 100%;
    height: 100%
}

img.img-ofi-cover {
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover
}

img.img-ofi-contain {
    font-family: 'object-fit: contain;';
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width: 767px) {
    .sp-pdg {
        padding-left:15px;
        padding-right: 15px
    }
}

@media screen and (max-width: 767px) {
    .sp-scroll {
        overflow:auto
    }

    .sp-scroll>* {
        width: 200%!important
    }
}

.sp-scroll+* {
    margin-top: 30px
}

p:not([class])+.sp-scroll {
    margin-top: 10px
}

.accordion-contents {
    display: none
}

body:not(.js-focus-ring) .accordion-contents {
    display: block
}

.gallay-main>* {
    display: none
}

.gallay-main>.is-active {
    display: block
}

body:not(.js-focus-ring) .gallay-main>* {
    display: block
}

.gallay-thumbnail>* {
    opacity: .4;
    -webkit-transition: .21s;
    transition: .21s
}

.gallay-thumbnail>.is-active {
    opacity: 1
}

body:not(.js-focus-ring) .gallay-thumbnail {
    display: none
}

.current-location a.is-current {
    color: #ab1f20
}

.-personalLower .current-location a.is-current {
    color: #539356
}

.-businessLower .current-location a.is-current {
    color: #357dc8
}

.random-picture * {
    opacity: 0;
    -webkit-animation: fade .8s forwards;
    animation: fade .8s forwards
}

@keyframes fade {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.wysiwyg p::after {
    content: "";
    display: block;
    clear: both
}

.wysiwyg p+p {
    margin-top: 25px
}

@media screen and (max-width: 767px) {
    .wysiwyg p img[style*=float] {
        margin:0 0 15px 15px!important;
        width: 165px;
        float: right!important
    }
}

.wysiwyg p+table {
    margin-top: 20px
}

.wysiwyg p+.boxColumn2 {
    margin-top: 25px
}

@media screen and (min-width: 768px),print {
    .wysiwyg ul {
        margin-top:30px
    }
}

@media screen and (max-width: 767px) {
    .wysiwyg ul {
        margin-top:20px
    }
}

.wysiwyg ul li {
    margin-top: 3px
}

.wysiwyg ul li a {
    font-size: 14px;
    font-size: .875rem
}

.wysiwyg ul li a::before {
    top: .55em
}

.wysiwyg ul+* {
    margin-top: 30px
}

.wysiwyg ul.listDot li a {
    padding-left: 0
}

.wysiwyg ul.listDot li a::before {
    display: none
}

.wysiwyg ul.listCircle li a {
    padding-left: 0
}

.wysiwyg ul.listCircle li a::before {
    display: none
}

.wysiwyg ul.listNote li a {
    padding-left: 0
}

.wysiwyg ul.listNote li a::before {
    display: none
}

.wysiwyg .blockBackground ul li {
    color: #171718;
    font-size: 14px;
    font-size: .875rem
}

.wysiwyg iframe {
    margin-top: 25px
}

@media screen and (max-width: 767px) {
    .wysiwyg iframe {
        width:100%
    }
}

.wysiwyg :first-child {
    margin-top: 0
}

@media screen and (min-width: 768px),print {
    .wysiwyg+.wysiwyg {
        margin-top:45px
    }
}

@media screen and (max-width: 767px) {
    .wysiwyg+.wysiwyg {
        margin-top:33px
    }
}

.tableB+.wysiwyg {
    margin-top: 20px
}

.wysiwyg .blockInquiry {
    margin-top: 30px
}

.wysiwyg .blockInquiry .blockInquiry__title {
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem
}

.wysiwyg .blockInquiry .blockInquiry__title span {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem
}

@media screen and (max-width: 767px) {
    .wysiwyg .blockInquiry .blockInquiry__title span {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .wysiwyg .blockInquiry .blockInquiry__title+* {
        margin-top:10px
    }
}

.wysiwyg .blockInquiry .blockInquiry__tel {
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-style: normal;
    font-weight: 700;
    display: inline-block;
    line-height: 1
}

@media screen and (min-width: 768px),print {
    .wysiwyg .blockInquiry .blockInquiry__tel {
        font-size:32px;
        font-size: 2rem
    }
}

@media screen and (max-width: 767px) {
    .wysiwyg .blockInquiry .blockInquiry__tel {
        font-size:24px;
        font-size: 1.5rem
    }
}

.wysiwyg .blockInquiry .blockInquiry__tel a {
    text-decoration: none
}

.wysiwyg .blockInquiry .blockInquiry__tel::before {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 15px;
    width: 35px;
    height: 28px;
    background: url(/solar/common/css//img/icon_freecall.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    content: "";
    display: inline-block
}

@media screen and (max-width: 767px) {
    .wysiwyg .blockInquiry .blockInquiry__tel::before {
        margin-right:5px;
        width: 25px;
        height: 20px
    }
}

.st-newsroomsearch {
    display: none;
    padding: 16px 15px;
}

.st-GlobalFooter_PageTop {
    z-index: 1;
}

.global-Breadcrumb li {
  font-size: 0.6875rem;
  font-weight: 400;
  color: #666;
  text-decoration: none;
  transition-timing-function: linear;
  transition-duration: 0.2s;
}