.mainVisual{width:100%;height:90vh;background-image:url("../images/index/mainVisual-bg.jpg");background-position:center bottom;background-size:cover;-webkit-background-size:1680px 600px;background-size:1680px 600px;position:absolute;top:0;left:0;animation:bgscroll 40s linear infinite;-webkit-animation:bgscroll 40s linear infinite;-moz-animation:cloudmove 40s linear infinite}@media screen and (min-width: 768px){.mainVisual{height:70vh}}@media screen and (min-width: 1200px){.mainVisual{height:70vh}}@media screen and (max-width: 896px) and (orientation: landscape){.mainVisual{height:100vh}}@-webkit-keyframes bgscroll{0%{background-position:0 0}100%{background-position:1680px 0}}@keyframes bgscroll{0%{background-position:0 0}100%{background-position:1680px 0}}@-moz-keyframes bgscroll{0%{background-position:0 0}100%{background-position:1680px 0}}.mainVisual .layer{width:100%;height:100%;background-color:rgba(255,255,255,0.3)}.mainVisual .layer .catchcopy{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.mainVisual .layer .catchcopy p{max-width:480px;margin:70px 15px 10px;text-align:center}@media screen and (max-width: 896px) and (orientation: landscape){.mainVisual .layer .catchcopy p{max-width:300px}}.mainVisual .layer .catchcopy p span{display:block;margin:8px 0}.mainVisual .layer .catchcopy p span img{display:inline-block;padding:24px 24px;background-color:rgba(255,255,255,0.9)}.mainVisual .layer .catchcopy p span img.panasonic_expert{max-width:71%;height:auto}@media screen and (min-width: 768px){.mainVisual .layer .catchcopy p span img.panasonic_expert{width:200px}}.mainVisual .textimage{padding:20% 0 0 10%;height:97%;max-height:320px;width:auto;box-sizing:content-box}@media screen and (min-width: 768px){.mainVisual .textimage{padding:10% 0 0 16%;height:300px}}@media screen and (min-width: 1200px){.mainVisual .textimage{padding:5% 0 0 25%;height:300px}}.catchcopy_wrape{position:absolute;top:0;left:0;width:100%;margin-top:90vh;z-index:1;text-align:center;border-bottom:1px solid #d8d8d8}@media screen and (min-width: 768px){.catchcopy_wrape{margin-top:70vh}}@media screen and (min-width: 1200px){.catchcopy_wrape{margin-top:70vh}}@media screen and (max-width: 896px) and (orientation: landscape){.catchcopy_wrape{margin-top:100vh}}.catchcopy_wrape .catchcopy{margin:0;padding:1.5em;text-align:center;font-size:1.3rem;letter-spacing:0.1em}.main{margin-top:95vh;padding:100px 0 80px;z-index:1}@media screen and (min-width: 768px){.main{margin-top:70vh}}@media screen and (min-width: 1200px){.main{margin-top:70vh}}@media screen and (max-width: 896px) and (orientation: landscape){.main{margin-top:105vh}}#service_list .row>div{margin-bottom:1em}#service_list .row .service_card{display:block;height:100%;box-shadow:0 0 3px #c6cfd9;text-decoration:none;background-repeat:no-repeat;background-position:top right}#service_list .row .service_card .comment{text-align:center}@media screen and (min-width: 768px){#service_list .row .service_card .comment{display:flex;justify-content:flex-start;align-items:center}}#service_list .row .service_card .comment .thumbnail{margin:8px}@media screen and (min-width: 768px){#service_list .row .service_card .comment .thumbnail{float:left;width:40%;max-width:198px;height:auto}}#service_list .row .service_card .comment .title{width:100%;margin-left:10px;padding:4px 12px 4px 8px;font-weight:bold;line-height:1.3;border-left:8px solid;text-align:left}@media screen and (min-width: 768px){#service_list .row .service_card .comment .title{float:left}}#service_list .row .service_card .comment .title small{font-size:1.2rem}#service_list .row .service_card .example{float:none;clear:both;padding:1em;font-size:1.3rem;color:#fff}#service_list .row .service_card .example ul{margin-bottom:0;padding-left:0}#service_list .row .service_card .example ul li{display:inline-block;margin-top:4px;margin-left:1em;padding-left:1em;background:url(../images/common/icon-arrow2.png) no-repeat left center}#service_list .row .service_card .example ul li:first-child{margin-top:0}#service_list .row .service_card .example ul.display_block li,#service_list .row .service_card .example li.display_block{display:block}#alldenka .service_card{background:url(../images/index/alldenka-arrow.png)}#alldenka_seihin .service_card{background:url(../images/index/alldenka_seihin-arrow.png)}#solarpanel .service_card{background:url(../images/index/solarpanel-arrow.png)}#hems .service_card{background:url(../images/index/hems-arrow.png)}#electric .service_card{background:url(../images/index/denkisetsubi-arrow.png)}#case .service_card{border-top:4px solid #0085CD;border-left:4px solid #0085CD;border-right:4px solid #0085CD;line-height:2;background:url(../images/index/sekoujirei-arrow.png)}#alldenka .title{color:#0085CD;border-color:#0085CD}#alldenka_seihin .title{color:#005DCD;border-color:#005DCD}#solarpanel .title{color:#D5552B;border-color:#D5552B}#hems .title{color:#408C38;border-color:#408C38}#electric .title{color:#0D2B80;border-color:#0D2B80}#case .title{color:#0085CD;border-color:#0085CD}#alldenka .example{background-color:#0085CD}#alldenka_seihin .example{background-color:#005DCD}#solarpanel .example{background-color:#D5552B}#hems .example{background-color:#408C38}#electric .example{background-color:#0D2B80}#case .example{background-color:#0085CD;line-height:1.9;min-height:74px}
