@charset "UTF-8";
abbr,b,body,code,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,li,mark,menu,nav,object,ol,p,q,section,span,strong,th,time,tr,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:0 0
}
body{
    line-height:1
}
header,menu,nav,section{
    display:block
}
ol,ul{
    list-style:none
}
q{
    quotes:none
}
q:after,q:before{
    content:"";
    content:none
}
a{
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:0 0
}
mark{
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:700
}
abbr[title]{
    border-bottom:1px dotted;
    cursor:help
}
input{
    vertical-align:middle;
    -webkit-appearance:none
}
img{
    vertical-align:top;
    font-size:0;
    line-height:0
}
*,::after,::before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box
}
input[type=number],input[type=password],input[type=text]{
    font-size:1.6rem
}
input[type=number]{
    -moz-appearance:textfield
}
input[type=submit]{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    padding:0;
    border:none;
    outline:0
}
input[type=radio]{
    opacity:0
}
input[type=checkbox]{
    opacity:0
}
input[type=date]::-webkit-inner-spin-button,input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    display:none;
    margin:0
}
input[type=date]::-webkit-calendar-picker-indicator{
    opacity:0
}
input[type=date]::-webkit-clear-button{
    -webkit-appearance:none
}
*{
    box-sizing:border-box
}
html{
    color:#333;
    font-family:sans-serif;
    font-size:62.5%;
    -webkit-text-size-adjust:100%;
    overflow-y:scroll;
    scroll-behavior:smooth
}
body{
    font-size:1.6rem;
    line-height:1.6
}
h1,h2,h3,h4,h5,h6{
    font-weight:400
}
img{
    max-width:100%;
    height:auto;
    vertical-align:bottom
}
a{
    color:#333;
    text-decoration:none
}
@keyframes fid{
    0%{
        opacity:0;
        transform:translateY(30px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
body{
    color:#444;
    font-family:"Noto Sans JP",Meiryo,sans-serif
}
a{
    color:#444;
    transition:color .1s
}
a:hover{
    color:#aaa
}
h2{
    font-size:4rem;
    margin-bottom:0px;
    letter-spacing:10px
}
h3{
    font-size:3.2rem;
    margin-bottom:32px
}
h4{
    font-size:2.4rem;
    margin-bottom:16px
}
h2,h3,h4{
    text-align:center
}
.inner{
    max-width:1500px;
    margin:0 auto
}
.item-sp{
    display:none
}
@media screen and (max-width:1200px){
    h2{
        font-size:3.2rem
    }
    h3{
        font-size:2.4rem
    }
    h4{
        font-size:2rem
    }
}
@media screen and (max-width:559px){
    h2{
        letter-spacing:0
    }
    .item-pc{
        display:none
    }
    .item-sp{
        display:block
    }
}
#header{
    background:#fff;
    padding:10px 20px;
    position:absolute;
    top:0;
    width:100%
}
#header .inner{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:flex-end
}
#header .logo{
    flex:0 0 350px
}
#header .logo a img{
    height:80px
}
#header .nav{
    flex:1 1
}
#header .nav .menu__contents{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between
}
#header .nav .menu__contents .list .item{
    display:inline-block
}
#header .nav .menu__contents .list .item a{
    color:#46a538;
    display:inline-block;
    font-weight:700;
    padding:4px 4px
}
#header .nav .menu__contents .list .item a:hover{
    opacity:.7
}
#header .nav .menu__contents .menu__list .menu__item{
    font-size:2rem
}
#header .nav .menu__contents .menu__list .menu__item::after{
    content:"│"
}
#header .nav .menu__contents .menu__list .menu__item:last-child:after{
    content:""
}
#header .nav .menu__contents .lan__list .ig{
    font-size:2.4rem
}
#header .nav .menu__contents .lan__list .item{
    vertical-align:middle
}
#header .nav .menu__contents .lan__list .lan__item--active a{
    background:#f0f1f3;
    border-radius:10px;
    color:#444
}
#header.fixed{
    box-shadow:0 0 4px rgba(0,0,0,.1);
    position:fixed;
    top:0;
    width:100%;
    z-index:1000
}
@media screen and (max-width:1200px){
    #header .inner{
        display:block
    }
    #header .logo a img{
        height:60px
    }
    #header .nav .menu__switch{
        display:inline-block;
        position:absolute;
        top:20px;
        right:16px;
        height:50px;
        width:50px
    }
    #header .nav .menu__switch::before{
        content:"\f0c9";
        font-family:"Font Awesome 5 Free";
        font-size:2.8rem;
        font-weight:700;
        position:absolute;
        left:16px
    }
    #header .nav .menu__contents{
        background:#fff;
        box-shadow:0 2px 1px -1px rgba(0,0,0,.1);
        display:block;
        max-height:0;
        overflow:hidden;
        position:absolute;
        top:80px;
        left:0;
        transition:all .5s ease 0;
        width:100%;
        z-index:1000
    }
    #header .nav .menu__contents .menu__list .menu__item{
        border-bottom:1px solid #f0f1f3;
        display:block;
        text-align:center
    }
    #header .nav .menu__contents .menu__list .menu__item:first-child{
        border-top:1px solid #f0f1f3
    }
    #header .nav .menu__contents .menu__list .menu__item::after{
        content:""
    }
    #header .nav .menu__contents .menu__list .menu__item a{
        display:block;
        padding:16px
    }
    #header .nav .menu__contents .menu__list .menu__item a:hover{
        color:#444;
        background:#f0f1f3
    }
    #header .nav .menu__contents .lan__list{
        padding:32px;
        text-align:center
    }
    #header .nav.on .menu__switch::before{
        content:"\f00d"
    }
    #header .nav.on .menu__contents{
        max-height:800px
    }
}
main section{
    padding:20px 0px
}
main section:nth-child(even){
    background:#f0f1f3
}
main section .heading{
    margin:28px auto
}
main section .heading span{
    border-bottom:3px solid #46a538;
    color:#46a538;
    display:inline-block;
    font-weight:700;
    padding:0 0 8px 8px;
    position:relative
}
main section .heading span::after{
    content:"\f0dd";
    font-family:"Font Awesome 5 Free";
    font-weight:700;
    font-size:.8em;
    position:absolute;
    bottom:-25px;
    left:45%
}
main section .inner>div{
    margin:52px 0 32px
}
main section .inner>div:last-child{
    margin-bottom:0
}
main section .inner>div h3 img{
    margin:0 12px;
    vertical-align:text-bottom;
    width:130px
}
main section .photoBox{
    margin:24px auto;
    max-width:1000px;
    justify-content:space-between;
    display:flex;
    flex-wrap:nowrap
}
main section .photoBox img{
    width:49%
}
main section .photoBox:last-child{
    margin-bottom:0
}
@media screen and (max-width:1200px){
    main section .heading{
        margin:12px auto
    }
    main section .heading span::after{
        bottom:-21px
    }
}
@media screen and (max-width:559px){
    main section .heading{
        margin:0 auto
    }
    main section .heading span{
        padding-left:0
    }
    main section .inner>div h3 img{
        display:block;
        margin:0 auto 12px
    }
    main section .photoBox{
        display:block
    }
    main section .photoBox img{
        width:auto;
        margin:0 auto
    }
    main section .photoBox img:last-child{
        margin-top:12px
    }
}
#lead{
    padding:100px 0 0
}
#lead .inner .ja{
    background:url(../img/pic_main_visual_ja_pc.png) no-repeat
}
#lead .inner .en{
    background:url(../img/pic_main_visual_en_pc.png) no-repeat
}
#lead .inner .title__text{
    background-size:100%;
    font-size:0;
    margin-top:0;
    padding:32% 0 0
}
@media screen and (max-width:960px){
    #lead{
        padding:80px 0 0
    }
}
@media screen and (max-width:559px){
    #lead .inner .ja{
        background:url(../img/pic_main_visual_ja_sp.png) no-repeat
    }
    #lead .inner .en{
        background:url(../img/pic_main_visual_en_sp.png) no-repeat
    }
    #lead .inner .title__text{
        background-size:100%;
        padding:120% 0 0
    }
}
#product .feature{
    margin-bottom:52px
}
#product .feature .feature__list{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
#product .feature .feature__list .feature__item{
    width:32%;
    background:#fff;
    border-radius:20px;
    margin-bottom:20px;
    padding:16px 20px
}
#product .feature .feature__list .feature__item .feature__text--pickUP{
    color:#46a538;
    font-weight:700;
    min-height:72px
}
#product .feature .feature__list .feature__item .single{
    line-height:76px
}
#product .feature .feature__list .feature__item .feature__text--icon{
    text-align:center;
    min-height:10vw
}
#product .feature .feature__list .feature__item .feature__text--icon i{
    color:#46a538;
    font-size:12rem;
    margin:0 auto 16px
}
#product .feature .feature__list .feature__item .feature__text--icon .layer{
    position:relative
}
#product .feature .feature__list .feature__item .feature__text--icon .layer i{
    position:absolute;
    font-size:8rem
}
#product .feature .feature__list .feature__item .feature__text--icon .layer i:first-child{
    top:0;
    left:28%
}
#product .feature .feature__list .feature__item .feature__text--icon .layer i:last-child{
    top:0px;
    right:30%
}
#product .feature .feature__point{
    margin:32px auto
}
#product .feature .feature__point .point{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    margin-bottom:20px
}
#product .feature .feature__point .point .photo{
    width:32%
}
#product .feature .feature__point .point .photo img{
    border-radius:20px
}
#product .feature .feature__point .point .text{
    width:65%
}
#product .feature .feature__point .point .feature__text--pickUP{
    text-align:left;
    color:#46a538;
    font-weight:700
}
#product .persist .persist__list{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between
}
#product .persist .persist__list .persist__item{
    width:32%
}
#product .persist .persist__list .persist__item p img{
    margin-bottom:20px;
    border-radius:20px;
    overflow:hidden
}
#product .persist .persist__list .persist__item h4{
    color:#46a538;
    font-weight:700
}
#product .southeast{
    margin-top:80px
}
#product .southeast .southeast__list{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
#product .southeast .southeast__list .southeast__item{
    width:32%;
    position:relative
}
#product .southeast .southeast__list .southeast__item p img{
    margin-bottom:20px;
    border-radius:20px;
    overflow:hidden
}
#product .southeast .southeast__list .southeast__item h4{
    font-weight:700
}
#product .southeast .southeast__btn{
    margin-top:0px
}
#product .southeast .southeast__btn a{
    background:#46a538;
    border-radius:20px;
    color:#fff;
    display:block;
    padding:20px
}
#product .southeast .southeast__btn a:hover{
    background:#5bc94b
}
#product .southeast .southeast__btn--remark{
    text-align:center
}
@media screen and (max-width:1400px){
    #product .feature .feature__list .feature__item .feature__text--icon{
        min-height:10vw
    }
    #product .feature .feature__list .feature__item .feature__text--icon i{
        font-size:8vw
    }
    #product .feature .feature__list .feature__item .feature__text--icon .layer i{
        font-size:6vw
    }
    #product .feature .feature__list .feature__item .feature__text--icon .layer i:first-child{
        top:0;
        left:26%
    }
    #product .feature .feature__list .feature__item .feature__text--icon .layer i:last-child{
        top:0px;
        right:24%
    }
}
@media screen and (max-width:960px){
    #product .feature .list,#product .persist .list,#product .southeast .list{
        display:block
    }
    #product .feature .list .item,#product .persist .list .item,#product .southeast .list .item{
        width:100%;
        margin-bottom:20px
    }
    #product .feature .feature__list .feature__item{
        display:flex;
        align-items:center;
        justify-content:center
    }
    #product .feature .feature__list .feature__item .feature__text--pickUP{
        width:40%;
        margin:0;
        min-height:0
    }
    #product .feature .feature__list .feature__item .single{
        line-height:normal
    }
    #product .feature .feature__list .feature__item .feature__text--icon{
        min-height:0;
        width:90px;
        vertical-align:sub
    }
    #product .feature .feature__list .feature__item .feature__text--icon i{
        margin-bottom:0
    }
    #product .feature .feature__list .feature__item .feature__text--icon .layer i{
        font-size:5.4vw
    }
    #product .feature .feature__list .feature__item .feature__text--icon .layer i:first-child{
        top:-5vw;
        left:0
    }
    #product .feature .feature__list .feature__item .feature__text--icon .layer i:last-child{
        top:0;
        left:4vw;
        right:0
    }
    #product .feature .feature__list .feature__item .feature__text--content{
        width:50%;
        margin-left:20px
    }
    #product .feature .feature__point .point .photo{
        width:30%
    }
    #product .feature .feature__point .point .text{
        width:67%
    }
    #product .persist .persist__list .persist__item{
        display:flex;
        flex-wrap:nowrap;
        justify-content:space-between
    }
    #product .persist .persist__list .persist__item:last-child{
        margin-bottom:0
    }
    #product .persist .persist__list .persist__item .persist__text--pickUP{
        text-align:left
    }
    #product .persist .persist__list .persist__item .persist__pic{
        width:30%
    }
    #product .persist .persist__list .persist__item .persist__pic img{
        margin-bottom:0
    }
    #product .persist .persist__list .persist__item .text{
        width:67%
    }
    #product .southeast .southeast__list .southeast__item{
        display:flex;
        flex-wrap:nowrap;
        justify-content:space-between
    }
    #product .southeast .southeast__list .southeast__item .southeast__text--pickUP{
        text-align:left
    }
    #product .southeast .southeast__list .southeast__item .southeast__pic{
        width:30%
    }
    #product .southeast .southeast__list .southeast__item .southeast__pic img{
        margin-bottom:0
    }
    #product .southeast .southeast__list .southeast__item .text{
        width:67%;
        text-align:left
    }
}
@media screen and (max-width:559px){
    #product .feature .feature__list .feature__item{
        display:block;
        padding:12px 16px
    }
    #product .feature .feature__list .feature__item .feature__text--content,#product .feature .feature__list .feature__item .feature__text--icon,#product .feature .feature__list .feature__item .feature__text--pickUP{
        width:100%;
        margin-left:0
    }
    #product .feature .feature__list .feature__item .feature__text--pickUP{
        margin-bottom:8px
    }
    #product .feature .feature__list .feature__item .feature__text--icon{
        min-height:18vw
    }
    #product .feature .feature__list .feature__item .feature__text--icon i{
        font-size:16vw
    }
    #product .feature .feature__list .feature__item .feature__text--icon .layer i{
        font-size:14vw
    }
    #product .feature .feature__list .feature__item .feature__text--icon .layer i:first-child{
        top:0;
        left:20vw
    }
    #product .feature .feature__list .feature__item .feature__text--icon .layer i:last-child{
        top:4vw;
        left:18vw
    }
    #product .feature .feature__point .point{
        display:block;
        margin-bottom:32px
    }
    #product .feature .feature__point .point:last-child{
        margin-bottom:0
    }
    #product .feature .feature__point .point .feature__text--pickUP{
        text-align:center
    }
    #product .feature .feature__point .point .photo,#product .feature .feature__point .point .text{
        width:100%
    }
    #product .feature .feature__point .point .photo img{
        margin-bottom:20px;
        width:100%
    }
    #product .persist .persist__list .persist__item{
        display:block;
        margin-bottom:32px
    }
    #product .persist .persist__list .persist__item:last-child{
        margin-bottom:0
    }
    #product .persist .persist__list .persist__item .persist__text--pickUP{
        text-align:center
    }
    #product .persist .persist__list .persist__item .persist__pic,#product .persist .persist__list .persist__item .text{
        width:100%
    }
    #product .persist .persist__list .persist__item .persist__pic img{
        margin-bottom:20px;
        width:100%
    }
    #product .southeast .southeast__list .southeast__item{
        display:block;
        margin-bottom:24px
    }
    #product .southeast .southeast__list .southeast__item .southeast__text--pickUP{
        text-align:center
    }
    #product .southeast .southeast__list .southeast__item .southeast__pic,#product .southeast .southeast__list .southeast__item .text{
        width:100%
    }
    #product .southeast .southeast__list .southeast__item .southeast__pic img{
        margin-bottom:20px;
        width:100%
    }
}
#purchase .purchase .purchase__list{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between
}
#purchase .purchase .purchase__list .purchase__item{
    width:49%;
    border:5px solid #f0f1f3;
    border-radius:20px;
    padding:21% 12px 20px;
    position:relative;
    text-align:center
}
#purchase .purchase .purchase__list .purchase__item .purchase__recommended{
    background:#46a538;
    border-radius:8px;
    color:#fff;
    display:inline-block;
    font-size:1.4rem;
    left:-10px;
    padding:8px 10px;
    position:absolute;
    top:-10px
}
#purchase .purchase .purchase__list .purchase__item .purchase__productName,#purchase .purchase .purchase__list .purchase__item .purchase__productType{
    display:inline-block
}
#purchase .purchase .purchase__list .purchase__item .purchase__productName{
    border-right:1px solid #444;
    padding-right:20px
}
#purchase .purchase .purchase__list .purchase__item .purchase__productType{
    color:#46a538;
    font-weight:700;
    line-height:1.4;
    padding-left:20px;
    text-align:left;
    vertical-align:middle
}
#purchase .purchase .purchase__list .purchase__item .purchase__productType span{
    font-size:1.6rem
}
#purchase .purchase .purchase__list .purchase__item .purchase__productText span{
    display:block
}
#purchase .purchase .purchase__list .purchase__item .purchase__productPhoto{
    margin:0 auto 16px;
    width:50%
}
#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .purchase__globe,#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .purchase__japan{
    position:relative
}
#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .purchase__btn{
    background:#c3d94e;
    border-radius:20px;
    color:#333;
    display:block;
    font-size:1.6rem;
    margin:0 auto;
    padding:16px;
    position:relative;
    text-align:center;
    width:50%
}
#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .purchase__btn:hover{
    opacity:.8
}
#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .purchase__btn::after{
    font-family:"Font Awesome 5 Free";
    font-weight:700;
    position:absolute;
    right:16px;
    top:16px
}
#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .japan{
    margin-bottom:12px
}
#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .japan::after{
    content:"\f0da"
}
#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .globe::after{
    content:"\f0dd"
}
#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .purchase__detail{
    overflow:hidden;
    position:absolute;
    top:82%;
    left:25%;
    transition:all .3s ease 0;
    max-height:0;
    width:50%;
    z-index:1
}
#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .purchase__detail ul li a{
    color:transparent;
    display:block;
    padding:16px
}
#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .globe.on+.globeStores,#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .japan.on+.japanService{
    background:#fff;
    border:1px solid #444;
    max-height:500px
}
#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .globe.on+.globeStores ul li a,#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .japan.on+.japanService ul li a{
    color:#444
}
#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .globe.on+.globeStores ul li a:hover,#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .japan.on+.japanService ul li a:hover{
    background:#f0f1f3;
    color:#444
}
#purchase .purchase .purchase__list .sg001{
    background:url(../img/pic_product_sg001.png) no-repeat;
    background-size:100%
}
#purchase .purchase .purchase__list .sg001 .purchase__recommended{
    display:none
}
#purchase .purchase .purchase__list .sg002{
    background:url(../img/pic_product_sg002.png) no-repeat;
    background-size:100%;
    border-color:#46a538
}
#purchase .purchase .purchase__InstallationWork{
    margin:60px auto;
    text-align:center
}
#purchase .purchase .purchase__InstallationWork .btn{
    width:60%;
    margin:0 auto
}
#purchase .purchase .purchase__InstallationWork .btn a{
    background:#c3d94e;
    border-radius:20px;
    color:#333;
    display:block;
    padding:20px
}
#purchase .purchase .purchase__InstallationWork .btn a:hover{
    opacity:.8
}
#purchase .purchase .purchase__InstallationWork .btn span{
    font-size:.8em;
    margin-right:12px
}
#purchase .purchase .purchase__ApplicationFlow{
    margin:32px auto
}
#purchase .purchase .purchase__ApplicationFlow .flow{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    margin-bottom:20px
}
#purchase .purchase .purchase__ApplicationFlow .flow .photo{
    width:32%
}
#purchase .purchase .purchase__ApplicationFlow .flow .photo img{
    border-radius:20px
}
#purchase .purchase .purchase__ApplicationFlow .flow .text{
    width:65%
}
#purchase .purchase .purchase__ApplicationFlow .flow .flow__text--pickUP{
    text-align:left;
    color:#46a538;
    font-weight:700
}
#purchase .purchase .purchase__ApplicationFlow .flow .flow__list{
    padding-left:1em
}
#purchase .purchase .purchase__ApplicationFlow .flow .flow__list a{
    color:#46a538
}
#purchase .purchase .purchase__ApplicationFlow .flow .flow__list a:hover{
    opacity:.7
}
#purchase .purchase .purchase__ApplicationFlow .flow .flow__list .item{
    list-style:decimal
}
#purchase .purchase .purchase__ApplicationFlow .flow .flow__list .item span{
    font-size:.8em
}
#purchase .purchase .purchase__ApplicationFlow .flow .flow__remark{
    margin-top:12px;
    padding-left:1em
}
#purchase .purchase .purchase__ApplicationFlow .flow .flow__remark .item{
    list-style-type:"※";
    font-size:.8em
}
#purchase .purchase .purchase__ApplicationFlow .flow .flow__btn a{
    background:#46a538;
    border-radius:20px;
    color:#fff;
    display:inline-block;
    margin-top:16px;
    padding:16px 20px;
    text-align:center;
    width:30%
}
#purchase .purchase .purchase__ApplicationFlow .flow .flow__btn a:hover{
    background:#5bc94b
}
#purchase .notice{
    margin:0px 0;
    text-align:center
}
#purchase .notice .title{
    border:1px solid #444;
    display:inline-block;
    padding:8px 16px
}
#purchase .review .review__list{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
#purchase .review .review__list .review__item{
    width:49%;
    align-items:flex-start;
    background:#f0f1f3;
    border-radius:20px;
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    padding:32px
}
#purchase .review .review__list .review__item:first-child,#purchase .review .review__list .review__item:nth-child(2){
    margin-bottom:20px
}
#purchase .review .review__list .review__item .user{
    margin-right:15px;
    text-align:center
}
#purchase .review .review__list .review__item .user i{
    display:block;
    font-size:4rem;
    margin:8px 0 4px
}
#purchase .review .review__list .review__item .msg{
    flex:auto
}
#purchase .review .review__list .review__item .msg h4{
    color:#46a538;
    font-weight:700;
    text-align:left
}
#purchase .review .review__list .item--ja .user{
    flex:0 0 50px
}
#purchase .review .review__list .item--en .user{
    flex:0 0 90px
}
@media screen and (max-width:960px){
    #purchase .purchase .purchase__list .purchase__item .purchase__productName,#purchase .purchase .purchase__list .purchase__item .purchase__productType{
        display:block;
        padding:0;
        text-align:center
    }
    #purchase .purchase .purchase__list .purchase__item .purchase__productName{
        display:inline-block;
        border-bottom:1px solid #444;
        border-right:none;
        margin-bottom:12px
    }
    #purchase .purchase .purchase__list .purchase__item .purchase__productText{
        min-height:105px
    }
    #purchase .purchase .purchase__list .purchase__item .purchase__productText span{
        display:inline
    }
    #purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .purchase__btn,#purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .purchase__detail{
        width:90%
    }
    #purchase .purchase .purchase__list .purchase__item .purchase__btnGroup .purchase__detail{
        left:4%
    }
    #purchase .purchase .purchase__InstallationWork .btn{
        width:100%
    }
    #purchase .notice .text{
        text-align:left
    }
    #purchase .review .review__list .review__item{
        padding:24px
    }
}
@media screen and (max-width:559px){
    #purchase .purchase .purchase__list{
        display:block
    }
    #purchase .purchase .purchase__list .purchase__item{
        width:100%;
        padding:42% 20px 20px
    }
    #purchase .purchase .purchase__list .purchase__item .purchase__productText{
        min-height:0
    }
    #purchase .purchase .purchase__list .sg001{
        margin-bottom:20px
    }
    #purchase .purchase .purchase__ApplicationFlow .flow{
        display:block;
        margin-bottom:32px
    }
    #purchase .purchase .purchase__ApplicationFlow .flow:last-child{
        margin-bottom:0
    }
    #purchase .purchase .purchase__ApplicationFlow .flow .flow__text--pickUP{
        text-align:center
    }
    #purchase .purchase .purchase__ApplicationFlow .flow .photo,#purchase .purchase .purchase__ApplicationFlow .flow .text{
        width:100%
    }
    #purchase .purchase .purchase__ApplicationFlow .flow .photo img{
        margin-bottom:20px;
        width:100%
    }
    #purchase .review .review__list{
        display:block
    }
    #purchase .review .review__list .review__item{
        justify-content:flex-start;
        margin-bottom:12px;
        padding:16px 8px;
        position:relative;
        width:100%
    }
    #purchase .review .review__list .review__item:first-child,#purchase .review .review__list .review__item:nth-child(2){
        margin-bottom:12px
    }
    #purchase .review .review__list .review__item .user{
        margin:0 5px
    }
    #purchase .review .review__list .review__item .user i{
        display:none
    }
    #purchase .review .review__list .review__item .msg{
        padding-right:28px
    }
    #purchase .review .review__list .review__item .msg .review__title{
        border-left:1px solid #444;
        font-size:1.6rem;
        margin-bottom:0;
        padding-left:12px
    }
    #purchase .review .review__list .review__item .msg .review__content{
        transition:all .3s ease 0;
        max-height:0;
        overflow:hidden;
        padding-left:12px
    }
    #purchase .review .review__list .review__item::after{
        content:"+";
        font-family:"Font Awesome 5 Free";
        font-weight:700;
        position:absolute;
        right:16px;
        top:16px
    }
    #purchase .review .review__list .review__item.on .msg .review__content{
        margin-top:10px;
        max-height:1000px
    }
    #purchase .review .review__list .review__item.on::after{
        content:"\f068"
    }
}
#install .installBox{
    display:flex;
    flex-wrap:nowrap
}
#install .installBox .instruction{
    flex:1 1 20%;
    margin-right:4%;
    order:1
}
#install .installBox .instruction .instruction__title span{
    background:#333;
    border-radius:50px;
    color:#fff;
    display:inline-block;
    font-size:.6em;
    margin-left:12px;
    padding:4px 12px
}
#install .installBox .instruction .instal__step .instal__item{
    display:flex;
    flex-wrap:nowrap;
    margin-bottom:28px;
    position:relative
}
#install .installBox .instruction .instal__step .instal__item::after{
    color:#46a538;
    content:"\f0dd";
    font-family:"Font Awesome 5 Free";
    font-weight:700;
    font-size:1.6em;
    position:absolute;
    bottom:-28px;
    left:50%
}
#install .installBox .instruction .instal__step .instal__item:last-child::after{
    content:""
}
#install .installBox .instruction .instal__step .instal__item .instal__photo{
    margin-right:4%;
    flex:0 0 45%
}
#install .installBox .instruction .instal__step .instal__item .instal__photo img{
    border-radius:10px
}
#install .installBox .instruction .instal__step .instal__item .instal__text{
    flex:1 1 55%
}
#install .installBox .video{
    flex:0 0 70%;
    order:2
}
#install .installBox .video .video_inner{
    border-radius:20px;
    margin-bottom:52px;
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden
}
#install .installBox .video .video_inner embed,#install .installBox .video .video_inner iframe,#install .installBox .video .video_inner object{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#install .checkPoint .check__list .check__item{
    margin-bottom:32px
}
#install .checkPoint .check__list .check__item .check__step{
    color:#46a538;
    font-weight:700;
    text-align:left
}
#install .checkPoint .check__list .check__item .check__step i{
    margin-right:4px
}
#install .checkBox{
    display:flex;
    flex-wrap:nowrap
}
#install .checkBox h3{
    font-weight:700
}
#install .checkBox .check__inner{
    background:#fff;
    border-radius:20px;
    flex:0 0 50%;
    order:1;
    overflow:hidden;
    padding:0px 0 20px
}
#install .checkBox .check__inner p{
    text-align:center;
    margin:0 auto
}
#install .checkBox .check__content{
    flex:1 1 45%;
    margin-left:5%;
    order:2
}
#install .worldWide{
    background:#fff;
    border-radius:20px;
    padding:32px 0px 0px;
    text-align:center
}
@media screen and (max-width:960px){
    #install .installBox{
        display:block
    }
    #install .checkBox{
        display:block
    }
    #install .checkBox .check__inner{
        margin-top:32px
    }
    #install .checkBox .check__inner h3{
        margin-bottom:0
    }
}
@media screen and (max-width:559px){
    #install .heading{
        margin-bottom:20px
    }
    #install .installBox .instruction .instal__step .instal__item{
        margin-bottom:48px
    }
    #install .installBox .instruction .instal__step .instal__item::after{
        font-size:2em;
        bottom:-0px
    }
    #install .checkPoint .check__list{
        display:block
    }
    #install .checkPoint .check__list .check__item{
        margin-bottom:20px;
        text-align:center;
        width:100%
    }
    #install .checkPoint .check__list .check__item .check__step{
        text-align:center
    }
    #install .checkBox .check__inner{
        padding:20px
    }
}
#company .inner .company__content{
    text-align:center
}
#company .inner .company__content .site__list{
    margin:16px 0 32px
}
#company .inner .company__content .site__list .site__item{
    display:inline-block
}
#company .inner .company__content .site__list .site__item:last-child{
    margin-left:20px
}
#company .inner .company__content .site__list .site__item i{
    margin-left:4px
}
#company .inner .company__content .aboutNakahara{
    margin:0 auto 52px
}
#company .inner .company__content .aboutNakahara>.title{
    font-weight:700;
    color:#46a538
}
#company .inner .company__content .aboutNakahara .contnet,#company .inner .company__content .aboutNakahara .info__list,#company .inner .company__content .aboutNakahara .subTitle{
    text-align:left;
    max-width:620px;
    margin:0 auto
}
#company .inner .company__content .aboutNakahara .info__list .info__item{
    list-style:disc;
    margin-left:1.6em
}
#company .inner .company__content .aboutNakahara .aboutKirei,#company .inner .company__content .aboutNakahara .aboutSdgs{
    text-align:center
}
#company .inner .company__content .aboutNakahara .aboutKirei .text,#company .inner .company__content .aboutNakahara .aboutSdgs .text{
    display:inline-block;
    margin-left:20px;
    vertical-align:super
}
#company .inner .company__content .aboutNakahara .aboutKirei .text .title,#company .inner .company__content .aboutNakahara .aboutSdgs .text .title{
    text-align:left
}
#company .inner .company__content .aboutNakahara .aboutKirei .text .underline,#company .inner .company__content .aboutNakahara .aboutSdgs .text .underline{
    background:linear-gradient(rgba(0,0,0,0) 60%,#c3d94e 60%);
    font-weight:700
}
#company .inner .company__content .aboutNakahara .aboutKirei{
    margin-top:16px
}
@media screen and (max-width:559px){
    #company .inner .company__content .about-nakahara .heading{
        text-align:left
    }
}
.display--pc{
    display:block
}
@media screen and (max-width:960px){
    .display--pc{
        display:none
    }
}
.display--sp{
    display:none
}
@media screen and (max-width:960px){
    .display--sp{
        display:block
    }
}

/* ドロップダウンのスタイル */
.dropdown {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
}

/* ドロップダウンボタンのスタイル */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* ドロップダウンボタンのホバー&フォーカス */
.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;
}

/* ドロップダウンコンテンツ (隠れている内容) */
.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  min-width: 200px; /* この値を調整して、ドロップダウンメニューの幅を適切に設定します */
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /* オプション: ドロップダウンメニューに影を追加 */
}

/* ドロップダウンリンクのスタイル */
.dropdown-content a {
  display: block; /* 各リンクをブロック要素として表示 */
  padding: 10px 16px; /* リンクのパディングを調整 */
  text-decoration: none;
  color: black;
}

/* ドロップダウンリンクのホバー */
.dropdown-content a:hover {
  background-color: #f1f1f1;
}}

/* ドロップダウンボタンをクリックすると、ドロップダウンコンテンツを表示 */
.dropdown:hover .dropdown-content {
  display: block;
}

/* レスポンシブ対応 */
@media screen and (max-width: 600px) {
  .dropdown {
    position: static;
  }
}

/* 追随固定ボタンのスタイル */
.fixed-button {
    position: fixed;
    top: 50%; /* 上下中央に配置 */
    right: 20px; /* 画面右側に配置 */
    transform: translateY(-50%); /* 正確に中央に配置 */
    z-index: 1000; /* ボタンが他の要素より上に表示されるように設定 */
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.3s ease, opacity 0.3s ease;
}

.fixed-button .button {
    display: flex; /* Flexboxを有効化 */
    justify-content: center; /* 横方向で中央揃え */
    align-items: center; /* 縦方向で中央揃え */
    width: 50px; /* ボタンの幅 */
    height: 150px; /* ボタンの高さ */
    writing-mode: vertical-rl; /* 縦書き設定 */
    text-orientation: upright; /* 縦書き文字の向き */
    background-color: #46a538; /* ボタンの背景色 */
    color: white; /* ボタンの文字色 */
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 0.12em;
    border-radius: 5px; /* ボタンの角を丸くする */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* ボタンに影を付ける */
    transition: background-color 0.3s ease; /* ホバー時のエフェクト */
}

.fixed-button .button.en {
    letter-spacing: normal;
    height: 164px;
}

.fixed-button .button:hover {
    background-color: #5bc94b; /* ホバー時の背景色 */
}

.fixed-button.active {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width:559px){
    .fixed-button {
        bottom: 20px; /* ボタンの縦位置を指定（画面下からの距離） */
        top: auto;
        transform: none;
    }
    
    .fixed-button .button {
        display: inline-block;
        padding: 10px 20px;
        width: auto;
        height: auto !important;
        writing-mode: horizontal-tb;
        letter-spacing: normal;
    }
    
}