@charset "UTF-8";
@charset "UTF-8";
.is-fs_title{font-size:24px !important;font-weight:700 !important;line-height:36px !important}@media screen and (max-width: 590px){.is-fs_title{font-size:20px !important;font-weight:700 !important;line-height:30px !important}}.is-fs_catch{font-size:34px !important;font-weight:200 !important;line-height:58px !important}@media screen and (max-width: 590px){.is-fs_catch{font-size:22px !important;font-weight:300 !important;line-height:34px !important}}.is-fs_read{font-size:20px !important;font-weight:600 !important;line-height:34px !important}@media screen and (max-width: 590px){.is-fs_read{font-size:16px !important;font-weight:600 !important;line-height:28px !important}}.is-fs_text{font-size:18px !important;font-weight:400 !important;line-height:32px !important}@media screen and (max-width: 590px){.is-fs_text{font-size:16px !important;font-weight:400 !important;line-height:28px !important}}.is-fs_remark{font-size:14px !important;font-weight:400 !important;line-height:24px !important}@media screen and (max-width: 590px){.is-fs_remark{font-size:12px !important;font-weight:400 !important;line-height:20px !important}}a{color:#000;text-decoration:none;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}a:hover{text-decoration:none;filter:alpha(opaCity=70);-moz-opaCity:.7;opacity:.7}a:hover img{opaCity:.7;filter:alpha(opaCity=70)}.button{display:flex;justify-content:center;align-items:center;width:100%;height:60px;font-weight:bold}@media screen and (max-width: 590px){.button{font-size:14px;font-weight:normal}}.button.more{position:relative}.button.more::before,.button.more::after{position:absolute;transition-duration:.3s;right:20px;top:50%;transform:translateY(-50%);content:""}.button.more::before{width:45px;height:1px;background-color:#000}.button.more::after{border-left:6px solid #000;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);content:""}.button.more:hover::before{width:55px;right:10px}.button.more:hover::after{right:10px}@media screen and (max-width: 590px){.button.more::before,.button.more::after{right:10px}.button.more::before{width:20px}.button.more:hover::before{width:25px;right:10px}}.button.white{background-color:#fff;border:1px solid #000}.button.white:hover{color:#fff;background-color:rgba(0,0,0,.5)}.button.white:hover::before{background-color:#fff}.button.white:hover::after{border-left:6px solid #fff}.button.border-w{border:1px solid #fff}.button.back{position:relative}.button.back::before,.button.back::after{position:absolute;transition-duration:.3s;left:20px;top:50%;transform:translateY(-50%);content:""}.button.back::before{width:45px;height:1px;background-color:#000}.button.back::after{border-right:6px solid #000;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);content:""}.button.back:hover::before{width:55px;left:10px;background-color:#000}.button.back:hover::after{border-left:rgba(0,0,0,0);left:10px}@media screen and (max-width: 590px){.button.back::before{width:20px}.button.back:hover::before{width:25px;left:10px}}.button.grade{color:#fff}.button.grade.denki{background:linear-gradient(90deg, #f09138, #f25a3e)}.button.grade.gas{background:linear-gradient(90deg, #00b089, #088d74)}.button.grade.hikari{background:linear-gradient(90deg, #ffc531, #ff903e)}.button.grade.water{background:linear-gradient(90deg, #0196f9, #15599b)}.button.grade.other{background:linear-gradient(90deg, #ffaa36, #ff5340)}.button.grade.application{background:linear-gradient(90deg, #ffc531, #ff903e)}.button.grade.application:hover{border:solid 1px #ff903e;background:#fff;color:#ff903e;opacity:1 !important}.button.grade.application:hover::before{background-color:#ff903e}.button.grade.application:hover::after{border-left:6px solid #ff903e}@media screen and (max-width: 590px){.button.grade.application{font-weight:700}}.button.grade.more::before{width:45px;height:1px;background-color:#fff}.button.grade.more::after{border-left:6px solid #fff}@media screen and (max-width: 590px){.button.grade.more::before{width:20px}}.button.no-border{text-align:left !important;padding-right:60px;font-size:17px}.button.no-border::before{background-color:#4692ff}.button.no-border::after{border-left:6px solid #4692ff}.button-triangle{position:relative;display:flex;justify-content:center;align-items:center;height:50px;align-items:center;color:#fff;border:1px solid}.button-triangle span{margin-top:4px;line-height:1}.button-triangle::after{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-family:"Font Awesome 5 Free";content:"";font-weight:900}.button-blue{color:#fff;background-color:#85c5e6}.button-blue::before{width:35px;background-color:#fff !important}.button-blue::after{border-left:6px solid #fff !important;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);content:""}.button-blue:hover{color:#fff}.button-blue:hover::before{width:45px}.button-dark_blue{margin-right:20px !important;color:#fff;background-color:#2d77c1}.button-dark_blue::before{background-color:#fff !important}.button-dark_blue::after{border-left:6px solid #fff !important;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);content:""}.button-dark_blue:hover{color:#fff}.button.contact_01{margin:20px 0;width:30%}.news__button_rect::before,.column__button_rect::before{width:35px;background-color:#fff !important}.news__button_rect::after,.column__button_rect::after{border-left:6px solid #fff !important;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);content:""}#top .news__button_rect,#top .column__button_rect{background-color:#85c5e6;border-color:#85c5e6;color:#fff}#denki-top .news__button_rect,#denki-top .column__button_rect{background-color:#fe5c52;border-color:#fe5c52;color:#fff}#gas-top .news__button_rect,#gas-top .column__button_rect{background-color:#00d099;border-color:#00d099;color:#fff}#hikari-top .news__button_rect,#hikari-top .column__button_rect{background-color:#ff8b40;border-color:#ff8b40;color:#fff}#water-top .news__button_rect,#water-top .column__button_rect{background-color:#11a9da;border-color:#11a9da;color:#fff}#it-top .news__button_rect,#it-top .column__button_rect{background-color:#c86f98;border-color:#c86f98;color:#fff}.button-triangle:hover{background-color:#fff !important}.headline_1{padding-bottom:16px;font-size:24px;font-weight:bold;text-align:center;line-height:1.5em;letter-spacing:2px;background-size:100% auto;background-position:center center;background-repeat:no-repeat;background-size:100px auto;background-position:center bottom}.headline_1.denki{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/headline_1_line.svg)}.headline_1.hikari{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/headline_1_line.svg)}.headline_1.gas{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/headline_1_line.svg)}.headline_1.water{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/headline_1_line.svg)}.headline_1.other{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/privilege/headline_1_line.svg)}@media screen and (max-width: 590px){.headline_1{font-size:20px}}#hikari-top .headline_1{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/headline_1_line.svg)}#gas-top .headline_1{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/headline_1_line.svg)}#water-top .headline_1{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/headline_1_line.svg)}.headline_2{font-size:34px;line-height:1.8em;font-weight:200}.headline_2.is-denki_lead{font-size:22px;font-weight:700;color:#ff4c40}@media screen and (max-width: 590px){.headline_2{font-size:22px;line-height:1.5em}}#denki-top .headline_2{font-size:34px;line-height:1.8em;font-weight:lighter}#denki-top .headline_2.is-denki_lead{font-size:34px;font-weight:200;color:#ff4c40}@media screen and (max-width: 590px){#denki-top .headline_2.is-denki_lead{font-size:22px;font-weight:300}}.headline_3{font-size:32px;letter-spacing:2px;font-weight:bold}.headline_3 span{display:block;font-size:12px;font-weight:bold}.headline_4{font-size:32px;letter-spacing:2px}.headline_4 span{display:block;font-size:16px;font-weight:bold}@media screen and (max-width: 590px){.headline_4{font-size:24px;letter-spacing:1px}.headline_4 span{font-size:14px}}.headline_5{font-size:58px;font-family:"Dancing Script",cursive;text-align:center}.headline_5 div{margin:0;display:inline-block}.headline_5 span{display:block;font-size:16px;font-weight:bold;text-align:right}@media screen and (max-width: 590px){.headline_5{font-size:32px}.headline_5 span{margin-top:10px;font-size:14px}}.headline_6{position:relative;padding-top:80px;font-size:34px;letter-spacing:2px;text-align:center}.headline_6>span{margin-top:10px;display:block;font-size:16px;font-weight:bold}.headline_6::before{position:absolute;left:50%;top:0;width:1px;height:60px;content:""}.headline_6.denki span{color:#f09138}.headline_6.denki::before{background-color:#f09138}.headline_6.hikari span{color:#ffc531}.headline_6.hikari::before{background-color:#ffc531}.headline_6.gas span{color:#00b089}.headline_6.gas::before{background-color:#00b089}.headline_6.water span{color:#0196f9}.headline_6.water::before{background-color:#0196f9}.headline_6.other span{color:#fd8881;background:linear-gradient(90deg, #ff4c40, #a96f98, #0097fb);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-size:100%}.headline_6.other::before{background:linear-gradient(0deg, #ff4c40, #a96f98, #0097fb)}.headline_6.other2 span{color:#494949}.headline_6.other2::before{background-color:#494949}@media screen and (max-width: 590px){.headline_6{padding-top:40px;font-size:26px}.headline_6::before{height:30px}}.headline_7{font-size:20px;font-weight:bold;line-height:1.5em}.headline_7.denki{color:#551d00}.headline_7.hikari{color:#746216}.headline_7.gas{color:#00b089}.headline_7.water{color:#175190}.headline_8{font-size:28px;line-height:2em}@media screen and (max-width: 960px){.headline_8{font-size:24px}}@media screen and (max-width: 590px){.headline_8{font-size:20px;line-height:1.5em}}.kome{text-align:left;font-size:14px;text-indent:-1em;padding-left:1em;opacity:.8;vertical-align:super}.kome.half{padding-left:0}.note{font-size:14px;opacity:.8}.new{margin-right:5px;width:50px;height:20px;line-height:20px;border-radius:30px;background-color:#ff6864;color:#fff;font-size:11px;font-weight:normal;text-align:center}.text-blue{color:blue}.tab-wrap{position:relative;display:flex;flex-wrap:wrap;background-color:#fff}.tab-wrap_sp-only{display:none}.tab{display:none}.tab:checked:nth-of-type(1)~.tab__content:nth-of-type(1){position:relative;top:0;opacity:1;transition:.1s opacity ease-in,.1s transform ease;z-index:10;transform:translateY(0);display:block}.tab:checked:nth-of-type(2)~.tab__content:nth-of-type(2){position:relative;top:0;opacity:1;transition:.1s opacity ease-in,.1s transform ease;z-index:10;transform:translateY(0);display:block}.tab:checked:nth-of-type(3)~.tab__content:nth-of-type(3){position:relative;top:0;opacity:1;transition:.1s opacity ease-in,.1s transform ease;z-index:10;transform:translateY(0);display:block}.tab:checked:nth-of-type(4)~.tab__content:nth-of-type(4){position:relative;top:0;opacity:1;transition:.1s opacity ease-in,.1s transform ease;z-index:10;transform:translateY(0);display:block}.tab:checked:nth-of-type(5)~.tab__content:nth-of-type(5){position:relative;top:0;opacity:1;transition:.1s opacity ease-in,.1s transform ease;z-index:10;transform:translateY(0);display:block}.tab:checked:nth-of-type(6)~.tab__content:nth-of-type(6){position:relative;top:0;opacity:1;transition:.1s opacity ease-in,.1s transform ease;z-index:10;transform:translateY(0);display:block}.tab:checked:nth-of-type(7)~.tab__content:nth-of-type(7){position:relative;top:0;opacity:1;transition:.1s opacity ease-in,.1s transform ease;z-index:10;transform:translateY(0);display:block}.tab:checked:nth-of-type(8)~.tab__content:nth-of-type(8){position:relative;top:0;opacity:1;transition:.1s opacity ease-in,.1s transform ease;z-index:10;transform:translateY(0);display:block}.tab:checked:nth-of-type(9)~.tab__content:nth-of-type(9){position:relative;top:0;opacity:1;transition:.1s opacity ease-in,.1s transform ease;z-index:10;transform:translateY(0);display:block}.tab:checked:nth-of-type(10)~.tab__content:nth-of-type(10){position:relative;top:0;opacity:1;transition:.1s opacity ease-in,.1s transform ease;z-index:10;transform:translateY(0);display:block}.tab:checked+label{position:relative;color:#fff;background-color:#333;cursor:default}.tab:checked+label:hover{background-color:#333}.tab:checked+label::after{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-top:10px solid #333;content:""}.tab+label{display:flex;justify-content:center;align-items:center;flex-grow:3;text-align:center;user-select:none;text-align:center;width:50%;height:60px;color:#333;font-weight:bold;background-color:#fff;border-top:4px solid #333;border-left:2px solid #333;border-bottom:4px solid #333;border-right:2px solid #333;cursor:pointer;transition:transform 1s ease-in-out 0s;-moz-transition:-moz-transform 1s ease-in-out 0s;-webkit-transition:-webkit-transform 1s ease-in-out 0s}.tab+label.first{border-left:4px solid #333}.tab+label.last{border-right:4px solid #333}.tab+label span{position:relative;line-height:1}.tab+label span::after{position:absolute;left:-45px;top:50%;transform:translateY(-50%);width:35px;height:35px;background-size:100% auto;background-position:center center;background-repeat:no-repeat;content:""}.tab+label span.tab1::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_2.svg)}.tab+label span.tab2::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_2.svg)}.tab+label span.tab1_hikari::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_02.svg)}.tab+label span.tab2_hikari::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-2.svg)}.tab+label:hover{background-color:#f9f9f9}.tab:checked+label .tab1::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_1.svg)}.tab:checked+label .tab2::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_1.svg)}.tab:checked+label .tab1_hikari::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_01.svg)}.tab:checked+label .tab2_hikari::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-1.svg)}.tab:not(:checked)+label:hover{background-color:#333;color:#fff}.tab:not(:checked)+label:hover .tab1::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_1.svg)}.tab:not(:checked)+label:hover .tab2::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_1.svg)}.tab:not(:checked)+label:hover .tab1_hikari::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_01.svg)}.tab:not(:checked)+label:hover .tab2_hikari::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-1.svg)}.tab__content{position:absolute;left:0;padding:40px;width:100%;background-color:rgba(0,0,0,0);z-index:-1;opacity:0;transform:translateY(-3px);display:none}@media screen and (max-width: 960px){.tab-wrap{display:none}.tab-wrap_sp-only{display:block}.tab-wrap_sp-only__list{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.tab-wrap_sp-only__item{display:inline-block;width:90%;white-space:pre-line;background-color:#fff;vertical-align:top}.tab-wrap_sp-only__title{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:70px;color:#fff;text-align:center;background-color:#444}.tab-wrap_sp-only__title span{line-height:1.2em}.tab-wrap_sp-only__title::after{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:35px;height:35px;background-size:100% auto;background-position:center center;background-repeat:no-repeat;content:""}.tab-wrap_sp-only__title.tab1::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_1.svg)}.tab-wrap_sp-only__title.tab2::after{background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_2.svg)}}.fadein{visibility:hidden}@media screen and (max-width: 590px){.fadein{visibility:visible}}@media screen and (min-width: 591px){.css-fadeUp_1.fadeInUp{visibility:visible;animation-name:fade-in-up_1;animation-duration:1s;animation-timing-function:ease-out;animation-delay:0;animation-fill-mode:both}@keyframes fade-in-up_1{0%{opacity:0;transform:translate3d(0, 150px, 0)}100%{opacity:1;transform:translate3d(0, 0, 0)}}.css-fadeUp_2.fadeInUp{visibility:visible;animation-name:fade-in-up_2;animation-duration:1s;animation-timing-function:ease-out;animation-delay:.25s;animation-fill-mode:both}@keyframes fade-in-up_2{0%{opacity:0;transform:translate3d(0, 150px, 0)}100%{opacity:1;transform:translate3d(0, 0, 0)}}.css-fadeUp_3.fadeInUp{visibility:visible;animation-name:fade-in-up_3;animation-duration:1s;animation-timing-function:ease-out;animation-delay:.5s;animation-fill-mode:both}@keyframes fade-in-up_3{0%{opacity:0;transform:translate3d(0, 150px, 0)}100%{opacity:1;transform:translate3d(0, 0, 0)}}.fadein{visibility:hidden}.css-fade_1.fadeInUp{visibility:visible;animation-name:fade-in_1;animation-duration:3s;animation-timing-function:ease-out;animation-delay:.25s;animation-fill-mode:both}@keyframes fade-in_1{0%{opacity:0;transform:translate3d(0, 0)}100%{opacity:1;transform:translate3d(0, 0)}}.css-fade_2.fadeInUp{visibility:visible;animation-name:fade-in_2;animation-duration:3s;animation-timing-function:ease-out;animation-delay:.5s;animation-fill-mode:both}@keyframes fade-in_2{0%{opacity:0;transform:translate3d(0, 0)}100%{opacity:1;transform:translate3d(0, 0)}}.css-fade_3.fadeInUp{visibility:visible;animation-name:fade-in_3;animation-duration:3s;animation-timing-function:ease-out;animation-delay:.75s;animation-fill-mode:both}@keyframes fade-in_3{0%{opacity:0;transform:translate3d(0, 0)}100%{opacity:1;transform:translate3d(0, 0)}}}.bold{font-weight:bold}.is-note_sans{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","メイリオ",sans-serif !important}.brpc{display:block}@media screen and (max-width: 590px){.brpc{display:none}}.brtab{display:none}@media screen and (max-width: 960px){.brtab{display:block}}.brsp{display:none}@media screen and (max-width: 590px){.brsp{display:block}}@media screen and (max-width: 590px){.is-text-justify{text-align:justify !important;text-justify:inter-character !important}}.is-inbox_justify{text-align:justify !important;text-justify:inter-character !important}@font-face{font-family:"Trebuchet MS";font-style:normal;font-weight:normal;src:local("../font/Trebuchet MS"),url(//marutto.co.jp/wp-content/themes/marutto/app/fonts/trebuc.woff) format("woff");font-display:swap}.l-footer{width:100%;height:auto;padding-top:40px;position:relative;background-color:#333;clear:both;z-index:1;font-family:"Trebuchet MS","Noto Sans JP","Hiragino Kaku Gothic ProN","メイリオ",sans-serif !important}.l-footer figure{margin:0;padding:0}.l-footer__inner{width:100%;height:auto;margin:0 auto}.l-footer .m-footer_main{content:"";width:100%;height:auto}.l-footer .m-footer_main__inner{width:calc(100% - 40px);display:flex;padding-bottom:35px}@media screen and (max-width: 991.98px){.l-footer .m-footer_main__inner{flex-direction:column;padding-bottom:0px;margin:0px auto}}.l-footer .m-footer_foot{background-color:#585858;content:"";width:100%;height:auto;padding:24px 0}@media screen and (max-width: 1199.98px){.l-footer .m-footer_foot{background-color:#333;padding-bottom:30px}}.l-footer .m-footer_foot__inner{width:calc(100% - 40px);margin:0 auto;display:flex;min-height:60px;height:auto;display:flex;justify-content:space-between}@media screen and (max-width: 1199.98px){.l-footer .m-footer_foot__inner{flex-direction:column}}.l-footer .m-footer__img{content:"";display:inline-block;width:140px;margin-left:50px}@media screen and (max-width: 991.98px){.l-footer .m-footer__img{margin-left:0px}}.l-footer .m-footer__img__inner{content:"";display:block;height:62px;width:94px;background-position:center;background-repeat:no-repeat;background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/footer/marutto_logo_tate_w.svg);background-size:contain}.l-footer .m-footer__links{width:calc(68% - 170px)}@media screen and (max-width: 991.98px){.l-footer .m-footer__links{width:100%}}.l-footer .m-footer__links__wrap{display:flex;flex-wrap:wrap;margin:0}.l-footer .m-footer__links__wrap .m-links_item{width:25%;min-width:137px;margin-bottom:30px}@media screen and (max-width: 767.98px){.l-footer .m-footer__links__wrap .m-links_item{margin-bottom:0;width:50%;padding:10px 0px 30px;min-width:unset}}.l-footer .m-footer__links__wrap .m-links_item .menu .menu-item a{display:block;line-height:1;color:#fff;font-size:12px;padding:5px 0px}@media screen and (max-width: 767.98px){.l-footer .m-footer__links__wrap .m-links_item .menu .menu-item a{font-size:11px}}.l-footer .m-footer__links__wrap .m-links_item .menu .menu-item.is-menu-title a{display:block;color:#fff;font-size:14px;margin-bottom:5px;font-weight:bold}.l-footer .m-footer__sublinks{width:32%}@media screen and (max-width: 991.98px){.l-footer .m-footer__sublinks{width:100%}}.l-footer .m-footer__sublinks #footer-other .menu-item a{display:block;line-height:1;color:#fff;font-size:14px;font-weight:bold;padding:5px 0px}@media screen and (max-width: 767.98px){.l-footer .m-footer__sublinks #footer-other .menu-item a{font-size:13px;font-weight:bold}}.l-footer .m-footer__sublinks #footer-other .menu-item:first-child{margin-bottom:30px}@media screen and (max-width: 767.98px){.l-footer .m-footer__sublinks #footer-other .menu-item:first-child{margin-bottom:0px}}.l-footer .m-footer__footlink{flex:1;height:auto}@media screen and (max-width: 1199.98px){.l-footer .m-footer__footlink{width:100%}}.l-footer .m-footer__footlink__nav{padding:12px 0px}.l-footer .m-footer__footlink__nav .menu{display:flex;max-width:810px;margin:0;padding:10px 0px;margin-left:25px}@media screen and (max-width: 1199.98px){.l-footer .m-footer__footlink__nav .menu{max-width:100%;flex-wrap:wrap;margin-left:auto;margin-right:auto;justify-content:center}}.l-footer .m-footer__footlink__nav .menu .menu-item{margin:0px 16px;display:inline-block}.l-footer .m-footer__footlink__nav .menu .menu-item.is-right_line{position:relative;padding-right:4%;margin-right:0px;border-right:1px solid #bcbcbc}.l-footer .m-footer__footlink__nav .menu .menu-item.is-right_line a{min-width:120px}@media screen and (max-width: 1199.98px){.l-footer .m-footer__footlink__nav .menu .menu-item.is-right_line{margin-right:0px;margin-left:0px;padding-right:0px;border-right:0}}.l-footer .m-footer__footlink__nav .menu .menu-item.is-left_line{position:relative;padding-left:4%;margin-left:0px}.l-footer .m-footer__footlink__nav .menu .menu-item.is-left_line a{min-width:84px}@media screen and (max-width: 1199.98px){.l-footer .m-footer__footlink__nav .menu .menu-item.is-left_line{margin-left:0px;margin-right:0px;padding-left:0px}}.l-footer .m-footer__footlink__nav .menu .menu-item:first-child{margin-left:0px}.l-footer .m-footer__footlink__nav .menu .menu-item:last-child{margin-right:0px}.l-footer .m-footer__footlink__nav .menu .menu-item:last-child a{border-right:0}@media screen and (max-width: 1199.98px){.l-footer .m-footer__footlink__nav .menu .menu-item{margin:0px}}.l-footer .m-footer__footlink__nav .menu .menu-item a{color:#fff;display:block;line-height:14px;margin:10px 0px;font-size:12px}@media screen and (max-width: 1199.98px){.l-footer .m-footer__footlink__nav .menu .menu-item a{padding:0px 12px}}@media screen and (max-width: 767.98px){.l-footer .m-footer__footlink__nav .menu .menu-item a{padding:0px 8px;border-right:1px solid #fff}}.l-footer .m-footer__copyright{margin-left:30px;height:auto;display:flex;align-items:center}.l-footer .m-footer__copyright small{color:#fff;font-size:12px}@media screen and (max-width: 1199.98px){.l-footer .m-footer__copyright small{width:auto;margin:auto}}@media screen and (max-width: 1199.98px){.l-footer .m-footer__copyright{max-width:100%;margin:0 auto}.l-footer .m-footer__copyright small{text-align:center}}.tsc-info{color:#fff;margin-top:40px;font-size:1rem}.tsc-info ul{margin:0 0 1em;padding:0;list-style-type:none}@media screen and (max-width: 960px){.tsc-info ul{margin-bottom:24px}}.tsc-info ul li{font-size:12px}@media screen and (max-width: 960px){.tsc-info ul li{margin-bottom:8px}}.tsc-info ul li a{color:#fff}.tsc-info figure{display:flex;margin:0;padding:0}.tsc-info figure img{width:25%;max-width:72px;height:auto;margin-right:8px}.tsc-info figure figcaption{align-self:center;font-size:1.1em}@media screen and (max-width: 960px){.tsc-info figure figcaption{font-size:1em}}.page-template-page-w .tsc-info,.page-template-w .tsc-info{font-size:62.5%}@font-face{font-family:"Trebuchet MS";font-style:normal;font-weight:normal;src:local("../font/Trebuchet MS"),url(//marutto.co.jp/wp-content/themes/marutto/app/fonts/trebuc.woff) format("woff")}html{font-family:"Trebuchet MS","Noto Sans JP","Hiragino Kaku Gothic ProN","メイリオ",sans-serif !important;font-size:62.5%;overflow-x:hidden;visibility:hidden}html.wf-active,html.loading-delay{visibility:visible}body{color:#333;font-size:62.5%;line-height:1.5;font-family:"Trebuchet MS","Noto Sans JP","Hiragino Kaku Gothic ProN","メイリオ",sans-serif !important;word-break:break-all;overflow-x:hidden;margin:0;-webkit-overflow-scrolling:touch}figure{margin:0;padding:0}ol,ul,dl{list-style:none;padding:0}p{margin-bottom:0}a{color:#333;text-decoration:none}a:hover{color:rgba(51,51,51,.5);text-decoration:none}i:hover{text-decoration:none}h1,h2{margin-top:0;margin-bottom:0}h3,h4,h5,h6{margin-top:0;margin-bottom:0}.m-checkbox.wpcf7-checkbox{display:flex;flex-wrap:wrap;margin-bottom:10px;padding-top:10px}@media screen and (max-width:768px){.m-checkbox.wpcf7-checkbox{flex-direction:column}}.m-checkbox.wpcf7-checkbox .wpcf7-list-item{display:block;margin:0px 16px 0px 0px}.m-checkbox label{margin:0}.m-checkbox label input[type=checkbox]{display:none}.m-checkbox label .wpcf7-list-item-label{display:flex;position:relative;font-size:16px;padding-left:24px}.m-checkbox label .wpcf7-list-item-label:before{position:absolute;content:"";left:0;top:2px;display:block;width:16px;height:16px;border:solid 1px #333;background-color:#fff}.m-checkbox label input[type=checkbox]:disabled+.wpcf7-list-item-label:before{border:solid 1px #c4c4c4;background-color:#dcdada}.m-checkbox label input[type=checkbox]:checked+.wpcf7-list-item-label:after{content:"";left:2px;top:-1px;position:absolute;display:block;background-color:rgba(0,0,0,0);z-index:1;width:16px;height:10px;transform:rotate(-45deg);border-bottom:solid 2px #333;border-left:solid 2px #333}.m-checkbox label input[type=checkbox].wpcf7c-conf:checked~.wpcf7-list-item-label:after{content:"";left:2px;top:-1px;position:absolute;display:block;background-color:rgba(0,0,0,0);z-index:1;width:16px;height:10px;transform:rotate(-45deg);border-bottom:solid 2px #333;border-left:solid 2px #333}.wpcf7{font-family:"Trebuchet MS","Noto Sans JP","Hiragino Kaku Gothic ProN","メイリオ",sans-serif !important;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);margin:0 !important}.wpcf7 input,.wpcf7 textarea,.wpcf7 select{font-size:16px !important}.wpcf7 span.wpcf7-not-valid-tip{color:red;font-size:14px;font-weight:normal;display:block;text-align:left}.wpcf7 p{margin:0}.wpcf7 input[type=submit]{-webkit-appearance:none;border-radius:0}.wpcf7 button{-webkit-appearance:none !important;border-radius:0}.wpcf7 input[type=text],.wpcf7 textarea,.wpcf7 input[type=email],.wpcf7 input[type=tel]{-webkit-appearance:none !important;border-radius:0 !important;outline:none !important}.wpcf7 .wpcf7-mail-sent-ok{display:block;width:100%;max-width:768px;margin:0 auto}.wpcf7 .wpcf7-validation-errors{display:block;width:100%;max-width:768px;margin:0 auto;margin-bottom:20px}.wpcf7 .wpcf7-form{margin:0 auto}.m-contact_form{width:100%;max-width:1140px;margin:0px auto}.m-contact_form .brsp{display:none}.m-contact_form .brpc{display:block}@media screen and (max-width:768px){.m-contact_form .brsp{display:block}.m-contact_form .brpc{display:none}}.m-contact_form .wpcf7c-elm-step2 .m-confirm_desp{text-align:center;font-size:20px;font-weight:bold;line-height:2em;margin:30px auto}.m-contact_form .desc-box{width:100%}.m-contact_form .desc-box--agree{margin:20px auto;width:100%;max-width:768px}.m-contact_form .desc-box--agree .wpcf7-checkbox{margin:0px auto;display:block;margin:20px auto;text-align:center}.m-contact_form .desc-box__title{margin:10px auto 10px;text-align:left;color:#333;font-size:20px;font-weight:400}.m-contact_form .desc-box__subtitle{margin:10px auto 10px;text-align:left;color:#333;font-size:16px;font-weight:400}@media screen and (max-width: 590px){.m-contact_form .desc-box__subtitle{font-size:14px}}.m-contact_form .desc-box__inner{border:1px solid #ccc;margin:0;padding:10px 20px;width:100%;height:200px;overflow-y:scroll;text-align:left;box-sizing:border-box}.m-contact_form .desc-box__inner .button{min-width:280px}.m-contact_form .desc-box__inner li{list-style:none}.m-contact_form .desc-box__inner li.is-btn_wrap{display:flex}@media screen and (max-width: 590px){.m-contact_form .desc-box__inner li.is-btn_wrap{flex-direction:column}}.m-contact_form .m-form{padding-bottom:60px}.m-contact_form .m-form__row{margin:0px auto 5px;padding:15px;display:flex;background-color:#f2f2f2}.m-contact_form .m-form__row.is-desp{background-color:#fff}.m-contact_form .m-form__row .m-form_input{display:flex;width:100%}.m-contact_form .m-form__row .m-form_input.is-privacy{display:block;width:auto}@media screen and (max-width: 960px){.m-contact_form .m-form__row .m-form_input.is-privacy{width:auto}}@media screen and (max-width:768px){.m-contact_form .m-form__row .m-form_input{flex-direction:column}}.m-contact_form .m-form__row .m-form_input__address{width:100%;display:flex}@media screen and (max-width:768px){.m-contact_form .m-form__row .m-form_input__address{flex-direction:column}}.m-contact_form .m-form__row .m-form_input__address .m-address_block{width:100%;padding-top:10px;max-width:calc(100% - 360px)}@media screen and (max-width:768px){.m-contact_form .m-form__row .m-form_input__address .m-address_block{width:100%;max-width:100%}}.m-contact_form .m-form__row .m-form_input__address .m-address_block__title{width:200px;padding-top:12px;font-weight:bold;margin-bottom:10px}@media screen and (max-width:768px){.m-contact_form .m-form__row .m-form_input__address .m-address_block__title{width:100%;max-width:100%}}.m-contact_form .m-form__row .m-form_input__address .m-address_block .m-postal_code_row{display:flex}.m-contact_form .m-form__row .m-form_input__address .m-address_block__row{display:flex;flex-wrap:wrap;padding-bottom:10px}@media screen and (max-width:1200px){.m-contact_form .m-form__row .m-form_input__address .m-address_block__row{flex-direction:column}}.m-contact_form .m-form__row .m-form_input__address .m-address_block__row .wpcf7-form-control-wrap{width:calc(100% - 260px)}@media screen and (max-width:1200px){.m-contact_form .m-form__row .m-form_input__address .m-address_block__row .wpcf7-form-control-wrap{width:100%}}.m-contact_form .m-form__row .m-form_input__address .m-address_block__row .wpcf7-form-control-wrap.postal_code{width:calc(100% - 107px)}.m-contact_form .m-form__row .m-form_input__address .m-address_block__row .is_select{width:calc(100% - 280px)}@media screen and (max-width:1200px){.m-contact_form .m-form__row .m-form_input__address .m-address_block__row .is_select{width:100%}}.m-contact_form .m-form__row .m-form_input__address .m-address_block__row .is_select .prefectures{width:240px}.m-contact_form .m-form__row .m-form_input .wpcf7-form-control-wrap{width:100%}.m-contact_form .m-form__row .m-form_input__title{width:360px;min-width:360px;font-size:20px;text-align:left;position:relative;padding:10px 24px 0px 0px}@media screen and (max-width:768px){.m-contact_form .m-form__row .m-form_input__title{min-width:auto}}.m-contact_form .m-form__row .m-form_input__title:after{content:"";display:block;clear:both}@media screen and (max-width:768px){.m-contact_form .m-form__row .m-form_input__title{max-width:100%}}.m-contact_form .m-form__row .m-form_input__title .is-sub_desp{display:block;position:absolute;color:#707478;font-size:12px;right:24px}@media screen and (max-width:768px){.m-contact_form .m-form__row .m-form_input__title .is-sub_desp{display:inline-block;position:static;margin-left:12px}}@media screen and (max-width:768px){.m-contact_form .m-form__row .m-form_input__title{text-align:left;padding-right:0px;margin-bottom:10px}}.m-contact_form .m-form__row .m-form_input__title.is-rep.is-privacy{font-size:16px;position:relative}.m-contact_form .m-form__row .m-form_input__title.is-rep.is-privacy:after{position:absolute;top:calc(50% - 1rem);right:24px}@media screen and (max-width: 960px){.m-contact_form .m-form__row .m-form_input__title.is-rep.is-privacy{width:100%}.m-contact_form .m-form__row .m-form_input__title.is-rep.is-privacy br{display:none}}.m-contact_form .m-form__row .m-form_input__title.is-rep:before{display:none}@media screen and (max-width:768px){.m-contact_form .m-form__row .m-form_input__title.is-rep:before{content:"必須";display:inline-block;width:58px;font-weight:400;background-color:#d03b3f;color:#fff;letter-spacing:3px;font-size:15px;padding:3px 11px;margin-top:-2px;margin-left:10px}}@media screen and (max-width:768px)and (max-width:768px){.m-contact_form .m-form__row .m-form_input__title.is-rep:before{margin-left:0px;margin-right:10px}}.m-contact_form .m-form__row .m-form_input__title.is-rep:after{float:right;content:"必須";display:inline-block;margin-top:-2px;width:58px;font-weight:400;background-color:#d03b3f;color:#fff;letter-spacing:3px;font-size:15px;padding:3px 11px;margin-left:10px}@media screen and (max-width:768px){.m-contact_form .m-form__row .m-form_input__title.is-rep:after{display:none}}.m-contact_form .m-form__row .m-form_input__title.is-optional:before{display:none}@media screen and (max-width:768px){.m-contact_form .m-form__row .m-form_input__title.is-optional:before{content:"任意";display:inline-block;width:58px;background-color:#a3a3a3;color:#fff;font-size:15px;padding:3px 11px;letter-spacing:3px;margin-right:10px;font-weight:400;margin-top:-2px}}.m-contact_form .m-form__row .m-form_input__title.is-optional:after{float:right;content:"任意";display:inline-block;width:58px;font-weight:400;letter-spacing:3px;background-color:#a3a3a3;color:#fff;font-size:15px;padding:3px 11px;margin-left:10px}@media screen and (max-width:768px){.m-contact_form .m-form__row .m-form_input__title.is-optional:after{display:none}}.js-address_display{width:87px;height:48px;font-size:14px;border-radius:0px}.modal__content dl dt{margin-bottom:.5em;font-size:18px}.modal__content dl dd{margin-bottom:40px}.modal__content ul{padding-left:1.5em;margin:10px 0;line-height:2;list-style:disc}.modal__content__button{display:flex;padding-left:0}.modal__content__button li{display:flex;margin:5px 0}.modal__content__button a{display:block;width:100%;padding:10px;background:#2d77c1;color:#fff;text-align:center;border-radius:3px}.modal__content .js-modal-close{display:block;text-align:center;margin-top:1.5em;padding:10px 0;background:#777;color:#fff;border-radius:3px}.m-radio.wpcf7-radio{display:flex;margin-bottom:10px}.m-radio.wpcf7-radio .wpcf7-list-item{display:block;margin:8px 16px 0px 0px}.m-radio label{margin:0}.m-radio label input[type=radio]{display:none}.m-radio label .wpcf7-list-item-label{display:flex;position:relative;font-size:16px;padding-left:24px}.m-radio label .wpcf7-list-item-label:before{position:absolute;content:"";left:0;top:2px;display:block;border-radius:8px;width:16px;height:16px;border:solid 1px #c4c4c4;background-color:#fff}.m-radio label input[type=radio]:checked+.wpcf7-list-item-label:after{content:"";left:4px;top:6px;position:absolute;display:block;background-color:rgba(0,0,0,0);z-index:1;width:8px;height:8px;border-radius:4px;border:solid 1px #c4c4c4;background-color:#fff}.m-radio label input[type=radio]:checked+.wpcf7-list-item-label:before{border:solid 1px #c4c4c4;background-color:#fff}.m-radio label input[type=radio].wpcf7c-conf:checked~.wpcf7-list-item-label:after{content:"";left:4px;top:6px;position:absolute;display:block;background-color:rgba(0,0,0,0);z-index:1;width:8px;height:8px;border-radius:4px;background-color:#02c6ed;border:solid 1px #02c6ed}.m-radio label input[type=radio].wpcf7c-conf:checked~.wpcf7-list-item-label:before{border:solid 1px #02c6ed;background-color:#fff}.is_select{width:210px;text-align:center;position:relative}@media screen and (max-width:768px){.is_select{width:100%}}.is_select .m-select{width:100%;height:50px;max-width:100%;padding-right:1em;padding-left:1em;cursor:pointer;text-indent:.01px;text-overflow:ellipsis;border:1px solid #c4c4c4;outline:none;background:#fff;background-image:none;box-shadow:none;-webkit-appearance:none;appearance:none;border-radius:0}.is_select .m-select::-ms-expand{display:none}.is_select .m-select.wpcf7c-conf{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0)}.is_select .m-select.wpcf7c-conf .wpcf7-form-control-wrap{display:none}.is_select .wpcf7-form-control-wrap.prefectures{display:block;position:relative;background:rgba(0,0,0,0);width:100%}.is_select .wpcf7-form-control-wrap.prefectures::before{position:absolute;top:22px;right:8px;width:0;height:0;padding:0;content:"";border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-top:6px solid #666;pointer-events:none}@media screen and (max-width:768px){.is_select .wpcf7-form-control-wrap.prefectures::before{top:22px}}.m-submits{margin:0;width:100%}.m-submits .m-btns{padding:20px 10px}.m-submits .m-btns--input{max-width:540px;width:100%;margin:0px auto}.m-submits .m-btns--input .confirm_btn{font-size:1em;display:block;border:none;outline:0;cursor:pointer;color:#333;background:rgba(0,0,0,0);height:3em;line-height:3em;width:100%;padding:0 2.5em 0 .8em;transition:.3s}.m-submits .m-btns--input:hover .confirm_btn{color:#fff}.m-submits .m-btns--confirm{display:none}.m-input{font-size:16px;padding:11px 8px;height:48px;width:100%;background-color:#fff;border:solid 1px #c4c4c4}.m-input::placeholder{color:#787878}.m-input:-ms-input-placeholder{color:#787878}.m-input::-ms-input-placeholder{color:#787878}.m-input.wpcf7c-conf{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0)}.m-input.wpcf7c-conf::placeholder{color:rgba(0,0,0,0)}.m-input.wpcf7c-conf:-ms-input-placeholder{color:rgba(0,0,0,0)}.m-input.wpcf7c-conf::-ms-input-placeholder{color:rgba(0,0,0,0)}.is-datapicker{font-size:16px;padding:11px 8px;height:48px;width:100%;background-color:#fff;border:solid 1px #c4c4c4}.is-datapicker::placeholder{color:#787878}.is-datapicker:-ms-input-placeholder{color:#787878}.is-datapicker::-ms-input-placeholder{color:#787878}.is-datapicker.wpcf7c-conf{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0)}.is-datapicker.wpcf7c-conf::placeholder{color:rgba(0,0,0,0)}.is-datapicker.wpcf7c-conf:-ms-input-placeholder{color:rgba(0,0,0,0)}.is-datapicker.wpcf7c-conf::-ms-input-placeholder{color:rgba(0,0,0,0)}.m-textarea{width:100%;height:200px;padding:11px 8px;background-color:#fff;border:1px solid #c4c4c4}.m-textarea::placeholder{color:#787878}.m-textarea:-ms-input-placeholder{color:#787878}.m-textarea::-ms-input-placeholder{color:#787878}.m-textarea.wpcf7c-conf{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0)}.m-textarea.wpcf7c-conf::placeholder{color:rgba(0,0,0,0)}.m-textarea.wpcf7c-conf:-ms-input-placeholder{color:rgba(0,0,0,0)}.m-textarea.wpcf7c-conf::-ms-input-placeholder{color:rgba(0,0,0,0)}.custom-wpcf7c-confirmed .m-post_code_desp{display:none}.custom-wpcf7c-confirmed .m-submits .m-btns--input{display:none}.custom-wpcf7c-confirmed .m-submits .m-btns--confirm{display:flex;width:100%;margin:0 auto;justify-content:center}@media screen and (max-width: 590px){.custom-wpcf7c-confirmed .m-submits .m-btns--confirm{flex-direction:column}}.custom-wpcf7c-confirmed .m-submits .m-btns--confirm__back{max-width:540px;width:100%;margin:0px auto}@media screen and (max-width: 590px){.custom-wpcf7c-confirmed .m-submits .m-btns--confirm__back{margin-bottom:20px}}.custom-wpcf7c-confirmed .m-submits .m-btns--confirm__back .return_btn{font-size:1em;display:block;border:none;outline:0;cursor:pointer;color:#333;background:rgba(0,0,0,0);font-weight:bold;height:3em;line-height:3em;width:100%;padding:0 2.5em 0 .8em;transition:.3s}.custom-wpcf7c-confirmed .m-submits .m-btns--confirm__submit{max-width:540px;width:100%;margin:0px auto}.custom-wpcf7c-confirmed .m-submits .m-btns--confirm__submit .submit_btn{font-size:1em;display:block;border:none;outline:0;cursor:pointer;color:#333;background:rgba(0,0,0,0);font-weight:bold;height:3em;line-height:3em;width:100%;padding:0 2.5em 0 .8em;transition:.3s}.custom-wpcf7c-confirmed .m-form__row.is-desp{display:none}.custom-wpcf7c-confirmed .js-address_display{display:none}.custom-wpcf7c-confirmed .m-address_block__title{display:none}.m-contact_form .m-form__row.is-considerations{display:none}.m-contact_form .m-form__row.is-considerations.is-active{display:block}.custom-wpcf7c-confirmed .m-contact_form .m-form__row.is-considerations{display:none}.custom-wpcf7c-confirmed .m-contact_form .m-form__row.is-considerations.is-active{display:none}.custom-wpcf7c-confirmed .m-contact_form .m-form__row .m-form_input__title.is-rep:before{display:none}.custom-wpcf7c-confirmed .m-contact_form .m-form__row .m-form_input__title.is-rep:after{display:none}.custom-wpcf7c-confirmed .m-contact_form .m-form__row .m-form_input__title.is-optional:before{display:none}.custom-wpcf7c-confirmed .m-contact_form .m-form__row .m-form_input__title.is-optional:after{display:none}.m-form__row.js-notes{display:none}.m-form__row.js-notes.is-active{display:block}.custom-wpcf7c-confirmed .m-form__row.js-notes{display:none}.custom-wpcf7c-confirmed .m-form__row.js-notes.is-active{display:none}.custom-wpcf7c-confirmed .m-form__row.js-notes.is-active.is-coolingoff{display:flex}.l-inquiry .m-line_wrap{padding-top:50px;background:linear-gradient(to right, #cdf7e6 0%, #e5f6dc 55%, #fdf5d3 100%);padding-bottom:60px}.l-inquiry .m-line_wrap__title{text-align:center;margin:0px 0px 55px;font-size:16px;font-weight:bold}@media screen and (max-width:768px){.l-inquiry .m-line_wrap__title{margin:0px 0px 35px}}.l-inquiry .m-line_wrap__inner{max-width:860px;margin:40px auto 0px;display:flex}.l-inquiry .m-line_wrap__inner__qr{width:235px;content:"";display:block;height:100px}@media screen and (max-width:768px){.l-inquiry .m-line_wrap__inner__qr{display:none}}.l-inquiry .m-line_wrap__inner__qr img{width:235px;height:235px;padding-top:10px;object-fit:cover}.l-inquiry .m-line_wrap__inner__desp{content:"";display:block;width:100%;height:auto;padding-bottom:40px}@media screen and (max-width:768px){.l-inquiry .m-line_wrap__inner__desp{margin-left:0}}.l-inquiry .m-line_wrap__inner__desp .m-desp_title{line-height:57px;font-size:33px;color:#00af26;font-family:NotoSansCJKjp,"Hiragino Kaku Gothic ProN",メイリオ,sans-serif !important}@media screen and (max-width:768px){.l-inquiry .m-line_wrap__inner__desp .m-desp_title{display:none}}.l-inquiry .m-line_wrap__inner__desp .m-desp_note{text-align:center}@media screen and (max-width:768px){.l-inquiry .m-line_wrap__inner__desp .m-desp_note{text-align:left}}.l-inquiry .m-line_wrap__inner__desp .m-desp_note+.button_chat-bot{margin-top:20px}.l-inquiry .m-line_wrap__inner__desp .button_chat-bot{font-size:18px;font-weight:bold;color:#fff;max-width:500px;padding-top:10px;padding-bottom:10px;margin-left:auto;margin-right:auto;background:#19b2cc;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px #138a9f}@media screen and (max-width:768px){.l-inquiry .m-line_wrap__inner__desp .button_chat-bot{font-size:16px;max-width:90%;padding-right:8px;padding-left:8px;text-align:center}}.l-inquiry .m-line_wrap__inner__desp .button_chat-bot+.m-desp_text{margin-top:20px}@media screen and (max-width: 590px){.l-inquiry .m-line_wrap__inner__desp .m-desp_text{text-align:left;font-size:12px}}@media screen and (min-width: 590.2px){.l-inquiry .m-line_wrap__inner__desp .m-desp_text{font-size:14px;text-align:center}}.l-inquiry .m-line_wrap__inner__desp .m-desp_btn--pc{display:flex;width:120px;padding:6px 10px;font-weight:400;color:#fff;text-decoration:none;border-radius:5px;font-size:14px;margin-top:60px;background-color:#00af26}@media screen and (max-width:768px){.l-inquiry .m-line_wrap__inner__desp .m-desp_btn--pc{display:none}}.l-inquiry .m-line_wrap__inner__desp .m-desp_btn--pc:before{content:"";display:inline-block;width:20px;margin-right:5px;background-size:contain;background-repeat:no-repeat;height:20px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2287.382%22%20height%3D%2283.259%22%20viewBox%3D%220%200%2087.382%2083.259%22%3E%20%3Cg%20id%3D%22TYPE_A%22%20data-name%3D%22TYPE%20A%22%20transform%3D%22translate(-377.059%20-257.805)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M464.441%2C293.261c0-19.551-19.6-35.456-43.691-35.456s-43.691%2C15.9-43.691%2C35.456c0%2C17.526%2C15.544%2C32.205%2C36.54%2C34.98%2C1.422.307%2C3.359.938%2C3.849%2C2.155a8.981%2C8.981%2C0%2C0%2C1%2C.141%2C3.95s-.512%2C3.083-.623%2C3.74c-.191%2C1.1-.878%2C4.32%2C3.784%2C2.355s25.161-14.815%2C34.328-25.366h0c6.332-6.944%2C9.365-13.99%2C9.365-21.814%22%20fill%3D%22%23fff%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M411.873%2C283.813h-3.065a.851.851%2C0%2C0%2C0-.851.85V303.7a.85.85%2C0%2C0%2C0%2C.851.849h3.065a.85.85%2C0%2C0%2C0%2C.851-.849V284.663a.851.851%2C0%2C0%2C0-.851-.85%22%20fill%3D%22%2300b900%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3%22%20data-name%3D%22%E3%83%91%E3%82%B9%203%22%20d%3D%22M432.967%2C283.813H429.9a.85.85%2C0%2C0%2C0-.851.85v11.31l-8.725-11.782a1.082%2C1.082%2C0%2C0%2C0-.066-.086l-.006-.006c-.016-.018-.033-.035-.051-.052l-.016-.014a.325.325%2C0%2C0%2C0-.045-.038l-.022-.018-.044-.03-.026-.015-.045-.026-.027-.013-.049-.02-.028-.01-.05-.017-.03-.007-.049-.011-.036-.005c-.014%2C0-.029%2C0-.044-.006l-.045%2C0-.029%2C0h-3.064a.851.851%2C0%2C0%2C0-.851.85V303.7a.85.85%2C0%2C0%2C0%2C.851.849h3.064a.851.851%2C0%2C0%2C0%2C.852-.849V292.393l8.734%2C11.8a.844.844%2C0%2C0%2C0%2C.216.21l.009.007.053.032.024.013.04.02c.014.005.027.012.042.017l.025.01.058.018.013%2C0a.819.819%2C0%2C0%2C0%2C.218.029h3.064a.85.85%2C0%2C0%2C0%2C.851-.849V284.663a.851.851%2C0%2C0%2C0-.851-.85%22%20fill%3D%22%2300b900%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4%22%20data-name%3D%22%E3%83%91%E3%82%B9%204%22%20d%3D%22M404.486%2C299.782h-8.328V284.663a.85.85%2C0%2C0%2C0-.85-.85h-3.065a.851.851%2C0%2C0%2C0-.851.85V303.7a.842.842%2C0%2C0%2C0%2C.238.587l.012.014.012.011a.844.844%2C0%2C0%2C0%2C.588.237h12.244a.85.85%2C0%2C0%2C0%2C.849-.851v-3.065a.851.851%2C0%2C0%2C0-.849-.851%22%20fill%3D%22%2300b900%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5%22%20data-name%3D%22%E3%83%91%E3%82%B9%205%22%20d%3D%22M449.891%2C288.58a.851.851%2C0%2C0%2C0%2C.85-.851v-3.064a.851.851%2C0%2C0%2C0-.85-.852H437.647a.845.845%2C0%2C0%2C0-.59.24l-.01.009-.014.015a.851.851%2C0%2C0%2C0-.236.586V303.7h0a.846.846%2C0%2C0%2C0%2C.238.588l.012.013.012.011a.847.847%2C0%2C0%2C0%2C.588.238h12.244a.851.851%2C0%2C0%2C0%2C.85-.851v-3.065a.851.851%2C0%2C0%2C0-.85-.851h-8.327v-3.218h8.327a.851.851%2C0%2C0%2C0%2C.85-.852v-3.064a.852.852%2C0%2C0%2C0-.85-.852h-8.327V288.58Z%22%20fill%3D%22%2300b900%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")}.l-inquiry .m-line_wrap__inner__desp .m-desp_btn--sp{display:none}@media screen and (max-width:768px){.l-inquiry .m-line_wrap__inner__desp .m-desp_btn--sp{display:flex;font-weight:400;color:#fff;text-decoration:none;border-radius:5px;background-color:#00af26;margin:0px auto 10px;width:165px;letter-spacing:-1px;font-size:21px;padding:12px 10px 10px 16px}.l-inquiry .m-line_wrap__inner__desp .m-desp_btn--sp:before{content:"";display:inline-block;width:28px;margin-right:6px;background-size:contain;background-repeat:no-repeat;height:28px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2287.382%22%20height%3D%2283.259%22%20viewBox%3D%220%200%2087.382%2083.259%22%3E%20%3Cg%20id%3D%22TYPE_A%22%20data-name%3D%22TYPE%20A%22%20transform%3D%22translate(-377.059%20-257.805)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M464.441%2C293.261c0-19.551-19.6-35.456-43.691-35.456s-43.691%2C15.9-43.691%2C35.456c0%2C17.526%2C15.544%2C32.205%2C36.54%2C34.98%2C1.422.307%2C3.359.938%2C3.849%2C2.155a8.981%2C8.981%2C0%2C0%2C1%2C.141%2C3.95s-.512%2C3.083-.623%2C3.74c-.191%2C1.1-.878%2C4.32%2C3.784%2C2.355s25.161-14.815%2C34.328-25.366h0c6.332-6.944%2C9.365-13.99%2C9.365-21.814%22%20fill%3D%22%23fff%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M411.873%2C283.813h-3.065a.851.851%2C0%2C0%2C0-.851.85V303.7a.85.85%2C0%2C0%2C0%2C.851.849h3.065a.85.85%2C0%2C0%2C0%2C.851-.849V284.663a.851.851%2C0%2C0%2C0-.851-.85%22%20fill%3D%22%2300b900%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3%22%20data-name%3D%22%E3%83%91%E3%82%B9%203%22%20d%3D%22M432.967%2C283.813H429.9a.85.85%2C0%2C0%2C0-.851.85v11.31l-8.725-11.782a1.082%2C1.082%2C0%2C0%2C0-.066-.086l-.006-.006c-.016-.018-.033-.035-.051-.052l-.016-.014a.325.325%2C0%2C0%2C0-.045-.038l-.022-.018-.044-.03-.026-.015-.045-.026-.027-.013-.049-.02-.028-.01-.05-.017-.03-.007-.049-.011-.036-.005c-.014%2C0-.029%2C0-.044-.006l-.045%2C0-.029%2C0h-3.064a.851.851%2C0%2C0%2C0-.851.85V303.7a.85.85%2C0%2C0%2C0%2C.851.849h3.064a.851.851%2C0%2C0%2C0%2C.852-.849V292.393l8.734%2C11.8a.844.844%2C0%2C0%2C0%2C.216.21l.009.007.053.032.024.013.04.02c.014.005.027.012.042.017l.025.01.058.018.013%2C0a.819.819%2C0%2C0%2C0%2C.218.029h3.064a.85.85%2C0%2C0%2C0%2C.851-.849V284.663a.851.851%2C0%2C0%2C0-.851-.85%22%20fill%3D%22%2300b900%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4%22%20data-name%3D%22%E3%83%91%E3%82%B9%204%22%20d%3D%22M404.486%2C299.782h-8.328V284.663a.85.85%2C0%2C0%2C0-.85-.85h-3.065a.851.851%2C0%2C0%2C0-.851.85V303.7a.842.842%2C0%2C0%2C0%2C.238.587l.012.014.012.011a.844.844%2C0%2C0%2C0%2C.588.237h12.244a.85.85%2C0%2C0%2C0%2C.849-.851v-3.065a.851.851%2C0%2C0%2C0-.849-.851%22%20fill%3D%22%2300b900%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5%22%20data-name%3D%22%E3%83%91%E3%82%B9%205%22%20d%3D%22M449.891%2C288.58a.851.851%2C0%2C0%2C0%2C.85-.851v-3.064a.851.851%2C0%2C0%2C0-.85-.852H437.647a.845.845%2C0%2C0%2C0-.59.24l-.01.009-.014.015a.851.851%2C0%2C0%2C0-.236.586V303.7h0a.846.846%2C0%2C0%2C0%2C.238.588l.012.013.012.011a.847.847%2C0%2C0%2C0%2C.588.238h12.244a.851.851%2C0%2C0%2C0%2C.85-.851v-3.065a.851.851%2C0%2C0%2C0-.85-.851h-8.327v-3.218h8.327a.851.851%2C0%2C0%2C0%2C.85-.852v-3.064a.852.852%2C0%2C0%2C0-.85-.852h-8.327V288.58Z%22%20fill%3D%22%2300b900%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")}}.l-inquiry .m-inquiry_headline{margin-bottom:50px}.l-inquiry .m-inquiry_headline .intro{font-weight:bold;line-height:2em}@media screen and (max-width: 590px){.l-inquiry .m-inquiry_headline .intro{margin-top:40px;font-size:16px;text-align:justify}}@media screen and (min-width: 590.2px){.l-inquiry .m-inquiry_headline .intro{margin-top:80px;font-size:20px;text-align:center}}@media screen and (max-width: 590px){.l-inquiry .m-inquiry_headline .headline{margin-top:40px}}@media screen and (min-width: 590.2px){.l-inquiry .m-inquiry_headline .headline{margin-top:80px}}.l-inquiry .m-inquiry_lineseq{padding:50px 0px}.l-inquiry .m-inquiry_lineseq .intro{font-weight:bold;line-height:2em}@media screen and (max-width: 590px){.l-inquiry .m-inquiry_lineseq .intro{margin-top:40px;font-size:16px;text-align:justify;padding:0px 30px}}@media screen and (min-width: 590.2px){.l-inquiry .m-inquiry_lineseq .intro{margin-top:80px;text-align:center;font-size:20px}}.l-inquiry .m-form_wrap__title{text-align:center;margin:0px 0px 28px;font-size:18px;font-weight:bold}@media screen and (max-width:768px){.l-inquiry .m-form_wrap__title{font-size:16px}}.l-inquiry .m-form_wrap__title_desp{text-align:center;font-size:14px;line-height:27px;font-weight:bold}@media screen and (max-width:768px){.l-inquiry .m-form_wrap__title_desp{font-size:12px;line-height:22px;margin:0px auto;max-width:calc(100% - 40px)}}.l-inquiry .m-form_wrap__inner{display:block;width:100%}.contact .option{background:#f0f0f0;padding-top:80px;padding-bottom:80px}.contact .option_intro{margin-top:30px;font-size:20px;font-weight:bold;line-height:2em}@media screen and (max-width: 590px){.contact .option_intro{text-align:left}}@media screen and (min-width: 590.2px){.contact .option_intro{text-align:center}}.contact .option_white{width:80%}.contact .option__tel{display:flex;width:100%;margin:auto}.contact .option__tel li{display:flex;align-items:center;padding:0;margin:40px auto 0}@media screen and (max-width: 590px){.contact .option__tel li{justify-content:center}}.contact .option__tel li span{display:block;margin-right:20px}@media screen and (max-width: 590px){.contact .option__tel li span{font-size:28px;text-align:left;letter-spacing:1px}}.contact .option__tel li span.fd{width:auto;display:block}@media screen and (max-width: 590px){.contact .option__tel li span.fd{width:40px;margin-right:20px}}.contact .option__tel li span.fd img{width:47.2px;height:auto}.contact .option__tel li span.option_number_title{background-color:#f09138;padding:8px;font-size:10px;color:#fff}.contact .option__tel li a{padding-top:5px;font-size:30px;font-weight:bold;letter-spacing:3px}.contact .option p{margin-top:20px;text-align:center}.contact .option__time{display:flex;justify-content:center;align-items:center;margin-top:20px}.contact .option__time_title{padding:5px 10px;letter-spacing:1px;color:#fff;background-color:#333}.contact .option__time_time{padding-left:15px;padding-right:15px;font-size:24px;font-weight:600}.contact .option__time_time span{display:none}.contact .option__time_exception{font-size:16px;font-weight:600}@media screen and (max-width: 590px){.contact .option{padding:40px 0px}.contact .option_intro{margin-top:20px;font-size:16px}.contact .option_intro br{display:none}.contact .option_white{width:100%;padding-right:0;padding-left:0}.contact .option__tel{flex-wrap:wrap}.contact .option__tel li{flex-wrap:wrap;width:100%}.contact .option__tel li:last-child{margin-top:20px}.contact .option__tel li span{margin-right:0}.contact .option__tel li span.fd img{width:100%;height:auto}.contact .option__tel li span.fd .option_number_title{padding:6px}.contact .option__tel li a{font-size:28px;text-align:center;padding-left:0px;width:calc(100% - 120px);letter-spacing:1px}.contact .option__time{flex-wrap:wrap}.contact .option__time span{text-align:center}.contact .option__time_time{width:calc(100% - 120px);margin-top:10px;line-height:1.2;font-size:22px;padding-right:0;padding-left:20px;display:block;text-align:center;letter-spacing:0px}.contact .option__time_time span{display:block;font-size:12px;text-align:left}.contact .option__time_exception{display:none}}.contact .option_button{padding-top:40px;background-color:#fff}@media screen and (max-width: 590px){.contact .button{font-size:14px}}@media screen and (max-width: 590px){.contact .button::before,.contact .button::after{right:10px}}.m-foot_btn{height:auto;margin:60px auto}@media screen and (max-width:768px){.m-foot_btn{height:100px}}.m-foot_btn .button{margin-bottom:10px}.content{margin:0 auto;padding:40px}.modal{display:none;height:100vh;position:fixed;top:0;width:100%;z-index:2}.modal__bg{background:rgba(0,0,0,.3);height:100vh;position:absolute;width:100%;z-index:2}.modal__content{background:#fff;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:calc(100% - 30px);max-width:768px;z-index:3;font-size:16px;line-height:1.5}@media screen and (max-width: 590px){.modal__content{padding:20px}}@media screen and (min-width: 590.2px){.modal__content{padding:35px 40px}}.modal__content .js-modal-close{display:block;text-align:center;margin-top:1.5em;padding:10px 0;background:#777;color:#fff;border-radius:3px}.modal__content #gas-pp{padding:20px 0px}.modal__content #gas-pp .gas-pp-sec-03{padding:0px !important}.modal__content #gas-pp .pp-table__table{overflow:hidden;margin:0px}@media screen and (min-width: 590.2px){.modal__content #gas-pp .pp-table__table{padding-bottom:30px}}.modal__content #gas-pp .pp-table__table__inner{overflow:scroll;padding:20px 10px;width:100%;height:44vh;display:block}.m-block_title{width:100%;padding:13px 13px;font-size:18px;line-height:1.5;background-color:#b4b4b4;border-radius:2px;color:#fff;margin-bottom:20px}@media screen and (max-width: 960px){.m-block_title{margin-top:30px}}.m-article_wrap{width:100%}.m-article_wrap .m-faq_popular{max-width:768px;width:calc(100% - 30px);margin:0px auto}.m-faq_list{list-style:none;padding:0;margin:0;margin-bottom:40px}.m-faq_list__items{font-size:16px;border-bottom:dotted 1px #b4b4b4;line-height:2;position:relative;padding:10px 0px}.m-faq_list__items:before{content:"Q";background-color:#ff4c40;border-radius:50%;color:#fff;display:block;font-size:16px;position:absolute;top:6px;left:0;width:28px;height:28px;line-height:28px;text-align:center}.m-faq_list__items__title{padding:0px 0px 10px}.m-faq_list__items a{display:block;text-decoration:none;line-height:22px;color:#333;margin-left:50px;font-size:14px}.m-faq_list__items a:hover{color:#333;border:0}.m-faq_list__answer{position:relative;padding-left:50px;font-size:14px}.m-faq_list__answer:before{content:"A";background-color:#b4b4b4;border-radius:50%;color:#fff;display:block;font-size:16px;position:absolute;top:0px;left:0;width:28px;height:28px;line-height:28px;text-align:center}.m-faq_list__answer__text{background-color:#f8f9fa;display:block;color:#495057;font-size:13px;line-height:21px;margin:5px 0 0 0px;padding:10px;position:relative}.thanks{text-align:center}.thanks__complete__heading{margin-top:100px;font-weight:100}@media screen and (max-width: 590px){.thanks__complete__heading{font-size:24px}}@media screen and (min-width: 590.2px){.thanks__complete__heading{font-size:40px}}.thanks__complete__text{margin-top:60px;font-weight:bold}@media screen and (max-width: 590px){.thanks__complete__text{font-size:16px;line-height:2}}@media screen and (min-width: 590.2px){.thanks__complete__text{font-size:20px}}.thanks .contact{margin-top:100px;background:#f0f0f0}.thanks .contact__wrapper .container{padding:60px 20px;width:100%;max-width:768px}.thanks .contact__wrapper__tel{display:flex;justify-content:space-between;width:100%}.thanks .contact__wrapper__tel li{display:flex;align-items:center;padding:0}.thanks .contact__wrapper__tel li span{display:block;margin-right:20px}.thanks .contact__wrapper__tel li span.fd{width:60px}.thanks .contact__wrapper__tel li span.fd img{width:100%;height:auto}.thanks .contact__wrapper__tel li span.number_title{background-color:#ff8b40;padding:10px;color:#fff}.thanks .contact__wrapper__tel li a{padding-top:5px;font-size:30px;font-weight:bold;letter-spacing:3px}.thanks .contact__wrapper p.contact__wrapper__text_01{font-size:20px;font-weight:bold;text-align:center}.thanks .contact__wrapper p.contact__wrapper__text_02{margin-top:14px;text-align:center}.thanks .contact__wrapper__provider{display:flex;justify-content:center;align-items:center;margin-top:20px}.thanks .contact__wrapper__provider span.time_title{padding:5px 10px;letter-spacing:1px;color:#fff;background-color:#333}.thanks .contact__wrapper__provider span.time_reception{padding-left:15px;padding-right:15px;font-size:24px;font-weight:600}.thanks .contact__wrapper__provider span.time_exception{font-size:16px;font-weight:600}@media screen and (max-width: 1240px){.thanks .contact__wrapper__tel li span{margin-right:10px}.thanks .contact__wrapper__tel li span.fd{width:55px}.thanks .contact__wrapper__tel li span.number_title{padding:10px 5px}.thanks .contact__wrapper__tel li a{font-size:28px}}@media screen and (max-width: 768px){.contact .contact__wrapper{padding:40px 10px}.contact .contact__wrapper .container{padding:20px;width:100%}.contact .contact__wrapper_intro{margin-top:20px}.contact .contact__wrapper_intro br{display:none}.contact .contact__wrapper_white{padding:20px;width:100%}.contact .contact__wrapper__tel{flex-wrap:wrap;max-width:380px;margin:0 auto}.contact .contact__wrapper__tel li{flex-wrap:wrap;justify-content:center;width:100%}.contact .contact__wrapper__tel li:last-child{margin-top:20px}.contact .contact__wrapper__tel li span{margin-right:0}.contact .contact__wrapper__tel li span.fd{width:60px}.contact .contact__wrapper__tel li span.fd img{width:100%;height:auto}.contact .contact__wrapper__tel li span.number_title{font-size:10px}.contact .contact__wrapper__tel li a{width:calc(100% - 90px);font-size:28px;line-height:1;text-align:center}.contact .contact__wrapper__provider{flex-wrap:wrap}.contact .contact__wrapper__provider .time_title{font-size:16px;text-align:center}.contact .contact__wrapper__provider .time_reception{width:100%;margin-top:10px;padding-left:0;padding-right:0;font-size:24px}.contact .contact__wrapper__provider .time_exception{margin-top:10px;width:100%;font-size:14px;font-weight:normal}.contact__wrapper__text_01{font-size:20px;font-weight:bold;line-height:2}.contact__wrapper__text_02{font-size:16px;padding:24px 0px}}.m-circle{width:100%;margin:30px auto 0px;max-width:1280px}.m-circle__inner{width:100%;display:flex;justify-content:space-between;column-gap:15px;row-gap:15px;margin:0 auto}@media screen and (max-width:1200px){.m-circle__inner{width:80%;justify-content:center;flex-wrap:wrap}}@media screen and (max-width: 960px){.m-circle__inner{width:100%;margin-bottom:40px;column-gap:0;row-gap:30px}}.m-circle__inner li{flex:1}@media screen and (max-width:1200px){.m-circle__inner li{flex:unset;width:175px}}@media screen and (max-width: 960px){.m-circle__inner li{width:33.33%}}@media screen and (max-width: 960px){.m-circle__inner li.water-sakutto .m-item{justify-content:center}}@media screen and (min-width: 960.2px){.m-circle__inner li.water-sakutto .m-item{justify-content:flex-start;padding-top:10%}}@media screen and (max-width: 960px){.m-circle__inner li.water-sakutto .m-item .m-item__logo img{width:67%}}@media screen and (min-width: 960.2px){.m-circle__inner li.water-sakutto .m-item .m-item__logo img{width:120px}}.m-circle__inner li .m-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;aspect-ratio:1/1;border-radius:100%;background-color:#fff}@media screen and (max-width: 960px){.m-circle__inner li .m-item{width:140px;height:140px;margin:0px auto;box-shadow:0px 0px 5px 3px rgba(0,0,0,.1)}}@media screen and (max-width: 590px){.m-circle__inner li .m-item{width:90px;height:90px}}@media screen and (min-width: 960.2px){.m-circle__inner li .m-item{width:100%;height:auto;box-shadow:0px 4px 11px rgba(0,0,0,.1)}}.m-circle__inner li .m-item__icon{display:flex;flex-wrap:wrap;margin:0 auto;justify-content:center;align-items:flex-start}.m-circle__inner li .m-item__icon img{height:auto}@media screen and (max-width: 960px){.m-circle__inner li .m-item__icon img{width:70px}}@media screen and (max-width: 590px){.m-circle__inner li .m-item__icon img{width:40%}}@media screen and (min-width: 960.2px){.m-circle__inner li .m-item__icon img{width:90px}}.m-circle__inner li .m-item__logo{display:flex;flex-wrap:wrap;margin:0 auto;justify-content:center;align-items:flex-start}.m-circle__inner li .m-item__logo img{height:auto}@media screen and (max-width: 960px){.m-circle__inner li .m-item__logo img{width:100px}}@media screen and (max-width: 590px){.m-circle__inner li .m-item__logo img{width:70%;height:auto}}@media screen and (min-width: 960.2px){.m-circle__inner li .m-item__logo img{width:130px}}@media screen and (max-width: 590px){.m-circle__inner li .m-item__logo.iot img{width:64px}}@media screen and (min-width: 590.2px){.m-circle__inner li .m-item__logo.iot img{width:95px}}#inquiry_column{margin-top:30px}#inquiry_column .m-desp_text{margin:26px 15px;font-size:14px}#inquiry_column .m-desp_text li{padding:7px 0}#inquiry_column .is-privacy{width:unset}.l-container{min-height:calc(100vh - 300px);height:auto;position:relative}.l-container .l-main{margin:0px auto;position:relative;z-index:1}.l-container .l-main .l-wrap{font-family:"Trebuchet MS","Noto Sans JP","Hiragino Kaku Gothic ProN","メイリオ",sans-serif !important}body.is-noscroll{width:100%;overflow:hidden;position:fixed}body.is-noscroll .m-header_service{display:none}@media screen and (max-width: 767.98px){body.is-noscroll .m-header_service{display:block}}body.is-noscroll .p-yoast-breadcrumbs{display:none}.js-target-fixed .m-icon_btn--menu{display:block}.js-mc_modal{content:"";display:block;position:relative}.js-mc_modal .js-mc_modal__inner{display:none;animation-duration:.2s;animation-timing-function:ease-out}.js-mc_modal.is-open{z-index:98}.js-mc_modal.is-open .js-mc_modal__inner{content:"";position:fixed;width:100vw;max-height:100%;overflow:hidden;display:block;background-color:#dadada;z-index:98;animation-name:slidecover}@keyframes slidecover{0%{width:100vw;height:0}100%{position:fixed;width:100vw;height:100vh;z-index:98}}.js-mc_modal_search{content:"";display:block;position:relative}.js-mc_modal_search .js-mc_modal_search__inner{display:none;animation-duration:.2s;animation-timing-function:ease-out}.js-mc_modal_search.is-open{z-index:98}.js-mc_modal_search.is-open .js-mc_modal_search__inner{content:"";position:fixed;width:100vw;max-height:100%;overflow:hidden;display:block;background-color:#dadada;z-index:98}.js-mc_modal_search.is-open .js-mc_modal_search__inner .search-form{padding:20px 0;background-color:#efefef;position:relative}.js-mc_modal_search.is-open .js-mc_modal_search__inner .search-form .search-field{margin:0 auto;color:#666;border:0;border-radius:3px;display:block;font-size:16px;padding:.7em;width:calc(100% - 38px)}.js-mc_modal_search.is-open .js-mc_modal_search__inner .search-form .search-submit{bottom:3px;position:absolute;right:20px;top:3px;border:0;background-color:rgba(0,0,0,0)}.js-mc_modal_search.is-open .js-mc_modal_search__inner .search-form .search-submit .search-submit__icon{color:#707070;width:32px;height:24px}.l-header{width:100%;height:auto;position:relative;z-index:99;height:60px}@media screen and (max-width: 767.98px){.l-header{height:45px}}.l-header .m-header_main{background-color:#fff;width:100%;height:auto;animation-duration:.2s;animation-timing-function:linear}.l-header .m-header_main__inner{width:100%;margin:0 auto;display:flex;height:60px}@media screen and (max-width: 767.98px){.l-header .m-header_main__inner{height:45px}}.l-header .m-header_service{background-color:#333;width:100%;height:60px;animation-duration:.2s;animation-timing-function:linear;z-index:99}.l-header .m-header_service__inner{width:100%;margin:0 auto;display:flex;height:60px}.l-header .m-header_service .m-go_top{display:none}@media screen and (max-width: 767.98px){.l-header .m-header_service .m-go_top{display:block}}.l-header .m-header_service .m-icon_btn{display:none}.l-header .m-header_service .m-application{display:none}@media screen and (max-width: 767.98px){.l-header.is-service{height:45px}.l-header.is-service .m-header_main{display:none}.l-header.is-service .m-header_service{display:block;height:45px}.l-header.is-service .m-application{display:block}.l-header.is-service .m-icon_btn{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;width:60px}}.l-header .is-fixid{animation-name:slidedown;animation-fill-mode:forwards;position:fixed;top:0}@keyframes slidedown{0%{top:-75px}100%{position:fixed;top:0px;z-index:99}}.l-header .is-fixid .m-icon_btn{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end}@media screen and (max-width: 767.98px){.l-header .is-fixid .m-icon_btn{width:90px}}.l-header .is-fixid .m-application{display:block}.l-header .m-application{display:block;margin:15px 15px 15px 0px}.l-header .m-application .is-application{display:block;width:80px;height:30px;color:#fff;padding:8px 12px;line-height:1;font-size:14px;font-weight:400;background-color:#ff6864;border:0;border-radius:3px}.l-header .m-application .is-application:focus{outline:0}@media screen and (max-width: 767.98px){.l-header .m-application .is-application{display:none}}.l-header .m-icon_btn{content:"";width:100%;max-width:120px;display:inline-block;height:auto}@media screen and (max-width: 767.98px){.l-header .m-icon_btn{display:-webkit-box;display:-ms-flexbox;display:flex;height:45px;justify-content:flex-end}}.l-header .m-icon_btn:after{content:"";display:block;clear:both}.l-header .m-icon_btn--menu{content:"";display:none;height:60px;width:60px;float:left;position:relative;padding:0px;background-color:#dfdfdf;border:0}@media screen and (max-width: 767.98px){.l-header .m-icon_btn--menu{display:block;-webkit-box-ordinal-group:2;order:2;height:45px;width:45px}}.l-header .m-icon_btn--menu:focus{outline:0}.l-header .m-icon_btn--menu .m-buns{content:"";display:block;position:absolute;width:24px;height:18px;top:4px;left:0;right:0;margin:2px auto}@media screen and (max-width: 767.98px){.l-header .m-icon_btn--menu .m-buns{top:0}}.l-header .m-icon_btn--menu .m-buns--top,.l-header .m-icon_btn--menu .m-buns--bottom{content:"";display:block;position:absolute;right:0;left:0;border-radius:1px;margin:0 auto;width:24px;height:3px;background-color:#353535;transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;-o-transition-duration:.5s;-ms-transition-duration:.5s}.l-header .m-icon_btn--menu .m-buns--top{top:10px}.l-header .m-icon_btn--menu .m-buns--bottom{bottom:0px}.l-header .m-icon_btn--menu .m-text{content:"";display:block;position:absolute;width:42px;height:16px;margin:0px auto;left:0;right:0;bottom:10px}@media screen and (max-width: 767.98px){.l-header .m-icon_btn--menu .m-text{bottom:3px;font-size:9px}}.l-header .m-icon_btn--menu.is-open .m-buns{top:4px}.l-header .m-icon_btn--menu.is-open .m-buns--top{height:3px;width:17px;top:9px;transform:rotate(45deg)}.l-header .m-icon_btn--menu.is-open .m-buns--bottom{height:3px;bottom:6px;width:17px;transform:rotate(-45deg)}.l-header .m-icon_btn--contact{content:"";display:block;position:relative;height:60px;width:60px;float:left;background-color:#000}@media screen and (max-width: 767.98px){.l-header .m-icon_btn--contact{display:none;height:45px;width:45px;order:1;-webkit-box-ordinal-group:1}}.l-header .m-icon_btn--contact .m-icon{content:"";display:block;position:absolute;margin:0px auto;top:10px;left:0;right:0;width:25px;height:20px;color:#fff}.l-header .m-icon_btn--contact .m-icon path{color:#fff}.l-header .m-icon_btn--contact .m-icon svg path{color:#fff}@media screen and (max-width: 767.98px){.l-header .m-icon_btn--contact .m-icon{height:17px;top:8px}}.l-header .m-icon_btn--contact .m-text{content:"";display:block;position:absolute;margin:0px auto;width:40px;height:10px;left:0;right:0;font-size:10px;bottom:8px;color:#fff;line-height:1}@media screen and (max-width: 767.98px){.l-header .m-icon_btn--contact .m-text{font-size:9px;bottom:7px}}.l-header .m-icon_btn--member{content:"";display:block;position:relative;height:60px;width:60px;float:left;background-color:#7b7b7b}@media screen and (max-width: 767.98px){.l-header .m-icon_btn--member{display:none}}.l-header .m-icon_btn--member .m-icon{content:"";display:block;position:absolute;margin:0px auto;top:8px;left:0;right:0;width:25px;height:25px;color:#fff}.l-header .m-icon_btn--member .m-icon path{color:#fff}.l-header .m-icon_btn--member .m-text{content:"";display:block;position:absolute;font-size:10px;width:22px;height:10px;margin:0px auto;left:0;right:0;bottom:8px;color:#fff;line-height:1}.l-header .m-go_top .m-icon_btn--home{content:"";display:block;position:relative;height:60px;width:60px;float:left;background-color:#fff}@media screen and (max-width: 767.98px){.l-header .m-go_top .m-icon_btn--home{height:45px}}.l-header .m-go_top .m-icon_btn--home .m-text{content:"";display:block;position:absolute;width:38px;height:14px;margin:0px auto;left:0;right:0;top:16px;background-position:center;background-repeat:no-repeat;background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/header/marutto-s_M.svg)}@media screen and (max-width: 767.98px){.l-header .m-go_top .m-icon_btn--home .m-text{top:8px;width:24px;height:12px}}.l-header .m-go_top .m-icon_btn--home .m-title{content:"";display:block;position:absolute;text-align:center;margin:0px auto;color:#333;line-height:1;width:44px;height:10px;font-size:10px;left:0;right:0;bottom:16px}@media screen and (max-width: 767.98px){.l-header .m-go_top .m-icon_btn--home .m-title{font-size:9px;height:9px}}.l-header .m-logo{width:100%;max-width:240px;padding-left:30px;height:auto}@media screen and (max-width: 1140px){.l-header .m-logo{max-width:200px}}@media screen and (max-width: 991.98px){.l-header .m-logo{max-width:100%;padding-left:10px}}@media screen and (max-width: 767.98px){.l-header .m-logo{height:45px;align-self:center}}.l-header .m-logo--img{content:"";display:block;height:60px;width:168px;background-position:center;background-repeat:no-repeat}.l-header .m-logo--img.is-logo-top{background-size:contain;background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/header/marutto-series.png)}@media screen and (max-width: 767.98px){.l-header .m-logo--img.is-logo-top{height:45px}}.l-header .m-logo--img.is-logo-denki{width:100%;max-width:192.67px;padding:8px 0px;background-size:contain;background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/header/denki_logo_.svg)}@media screen and (max-width: 767.98px){.l-header .m-logo--img.is-logo-denki{max-width:195px;margin:0 0 0 10px;height:45px}}.l-header .m-logo--img.is-logo-hikari{width:100%;max-width:192.67px;padding:8px 0px;background-size:contain;background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/header/hikari_logo.svg)}@media screen and (max-width: 767.98px){.l-header .m-logo--img.is-logo-hikari{max-width:194px;margin:0 0 0 10px;height:45px}}.l-header .m-logo--img.is-logo-iot{width:100%;max-width:249.33px;padding:8px 0px;background-size:contain;background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/header/IoT_logo.svg)}.l-header .m-logo--img.is-logo-water{width:100%;max-width:206.83px;padding:8px 0px;background-size:contain;background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/header/water_logo.svg)}@media screen and (max-width: 767.98px){.l-header .m-logo--img.is-logo-water{height:45px}}.l-header .m-logo--img.is-logo-water-sakutto{width:100%;max-width:206.83px;padding:8px 0px;background-size:contain;background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/header/water-sakutto_logo.webp)}@media screen and (max-width: 767.98px){.l-header .m-logo--img.is-logo-water-sakutto{height:45px}}.l-header .m-logo--img.is-logo-wi-fi{width:100%;max-width:179.92px;padding:8px 0px;background-size:contain;background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/header/WiFi_logo.svg)}@media screen and (max-width: 767.98px){.l-header .m-logo--img.is-logo-wi-fi{height:45px}}.l-header .m-logo--img.is-logo-gas{width:100%;max-width:160.08px;padding:8px 0px;background-size:contain;background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/header/gas_logo.svg)}@media screen and (max-width: 767.98px){.l-header .m-logo--img.is-logo-gas{max-width:190px;margin:0 0 0 10px;padding:3px 0px;height:45px}}.l-header .m-logo--img.is-logo-teigaku{width:100%;max-width:160.08px;padding:8px 0px;background-size:contain;background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/header/teigaku_logo.svg)}@media screen and (max-width: 767.98px){.l-header.is-service .m-header_main{height:45px}}.l-header.is-service .m-header_main .m-logo{max-width:200px}@media screen and (max-width: 991.98px){.l-header.is-service .m-header_main .m-logo{max-width:100%}}.l-header .m-nav{content:"";width:100%;height:52px;margin:4px 0px;padding:0px 7.5px;display:flex;justify-content:flex-end}@media screen and (max-width: 991.98px){.l-header .m-nav{display:none}}.l-header .m-nav .menu{margin:0px;padding:0px;display:flex}.l-header .m-nav .menu .menu-item{display:block;margin:0px auto}.l-header .m-nav .menu .menu-item-link{display:inline-block;font-size:12px;color:#333;font-weight:400;line-height:1.2;font-weight:bold;padding:12px 0px;width:100%;margin:0 auto;cursor:pointer;text-align:center}.l-header .m-nav .menu .menu-item-link span{display:block}@media screen and (max-width: 991.98px){.l-header .m-nav .menu .menu-item-link span{display:none}}.l-header .m-nav .menu .menu-item-link:hover{color:#333;text-decoration:none}.l-header .m-nav__menu--nav{width:calc(100% - 200px);max-width:480px;padding-right:20px;border-right:1px solid #dfdfdf}@media screen and (max-width: 1140px){.l-header .m-nav__menu--nav{width:calc(100% - 160px)}}.l-header .m-nav__menu--nav .menu-item:last-child{margin-right:0}.l-header .m-nav__menu--secnav{padding-left:10px;width:110px}.l-header .m-nav__menu--secnav .menu .menu-item{margin:0px 5px}.l-header .m-nav__menu--secnav .menu .menu-item-link{padding:19px 0px;font-weight:600;letter-spacing:3px}.l-header .m-nav__menu--service{width:100%}.l-header .m-nav__menu--service .menu{justify-content:flex-end}.l-header .m-nav__menu--service .menu .menu-item{display:block;margin:0px 15px}.l-header .m-nav__menu--service .menu .menu-item-link{font-weight:600;font-size:14px;padding:19px 0px;color:#fff}.l-header .m-nav__menu--service .menu .menu-item-link:hover{color:#fff}.m-modal_menu{min-height:100vh;position:relative;height:auto;overflow:scroll;transform:translateZ(0);display:block}.m-modal_menu .m-modal_menu__inner{position:absolute;-webkit-overflow-scrolling:touch;max-width:516px;width:calc(100% - 80px);height:auto;top:0;left:0;right:0;margin:0px auto;padding-top:20px;padding-bottom:180px}.m-modal_menu .m-modal_menu__inner .menu{display:block}.m-modal_menu .m-modal_menu__inner .menu .menu-item{display:block;border-bottom:solid 1px #333}.m-modal_menu .m-modal_menu__inner .menu .menu-item a{display:block;font-size:14px;font-weight:500;padding:20px 10px;line-height:1}.m-modal_menu .m-modal_menu__inner .m-tops_menu{width:100%;display:block;padding-top:2rem}.m-modal_menu .m-modal_menu__inner .m-tops_menu .m-mc_icon{content:"";display:block;background-size:contain;background-repeat:no-repeat;background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/modal/marutto-series_tate.png);width:100px;height:65px;margin:15px auto}.m-modal_menu .m-modal_menu__inner .m-tops_menu .m-mc_top{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.m-modal_menu .m-modal_menu__inner .m-tops_menu .m-mc_top__item{content:"";width:130px;height:130px;background-color:#fff;display:block;border-radius:50%;margin-bottom:15px}.m-modal_menu .m-modal_menu__inner .m-tops_menu .m-mc_top__item__inner{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding-top:9%}.m-modal_menu .m-modal_menu__inner .m-tops_menu .m-mc_top__item__inner img{height:auto}.m-modal_menu .m-modal_menu__inner .m-tops_menu .m-mc_top__item__inner img.icon{width:60%}.m-modal_menu .m-modal_menu__inner .m-tops_menu .m-mc_top__item__inner img.logo{width:72%}.m-modal_menu .m-modal_menu__inner .m-tops_menu .m-mc_top__item__inner.is-water-sakutto{padding-top:14%}.m-modal_menu .m-modal_menu__inner .m-tops_menu .m-mc_top__item__inner.is-water-sakutto img{width:63%}.m-modal_menu .m-modal_menu__inner .m-tops_menu .m-mc_top_teigaku{width:100%;height:35px;background-color:#000}.m-modal_menu .m-modal_menu__inner .m-tops_menu .m-mc_top_teigaku__inner{content:"";display:block;margin:0px auto;width:172px;height:35px;background-size:contain;background-repeat:no-repeat;background-image:url(//marutto.co.jp/wp-content/themes/marutto/app/img/modal/marutto-teigaku.png)}.page__footer{display:flex;align-items:center;padding:0 30px;height:75px;background-color:#585858}.page__footer *{color:#fff}.page__footer_l{display:flex;margin:0}.page__footer_l a{color:#fff;font-size:12px}.page__footer_l a:hover{color:#fff;opacity:.6}.page__footer_l .company{margin-right:6em}.page__footer_r{display:flex;margin:0;margin-left:auto;font-size:12px}.page__footer_r .copy{margin-left:6em;font-size:14px}@media screen and (max-width: 767.98px){.page__footer{flex-direction:column;padding:20px 0;height:auto}.page__footer_l{width:90%}.page__footer_l li{width:50%;text-align:center}.page__footer_l li .company{margin-right:0}.page__footer_r{margin-top:2em;width:90%;margin-left:0;flex-direction:column;font-size:10px}.page__footer_r li{width:100%;text-align:center}.page__footer_r .copy{margin-top:1em;margin-left:0;font-size:10px}}.m-archives{padding-bottom:80px}.m-archives__item{padding:0px}.m-archives__item__inner{border-bottom:solid 1px #c4c4c4}@media screen and (max-width: 590px){.m-archives__item__inner{padding:30px 15px}}@media screen and (min-width: 590.2px){.m-archives__item__inner{padding:30px 0px}}.m-archives__item--time{font-size:14px;font-weight:400;width:70px;margin-right:20px;padding:4px 0px;line-height:1.6}.m-archives__item--categpry{text-align:center;font-size:12px;width:120px;height:30px;color:#fff;padding:6px 0px;margin-right:20px}.m-archives__item--categpry.is-all{border-left:1px solid #ff4c40;border-right:1px solid #0097fb;color:#fd8881;background:-webkit-linear-gradient(0deg, #ff4c40, #a96f98, #0097fb);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-size:100%}.m-archives__item--categpry.is-all:before,.m-archives__item--categpry.is-all:after{content:"";left:0;right:0;height:1px;position:absolute;width:100%;background:-webkit-linear-gradient(0deg, #ff4c40, #a96f98, #0097fb)}.m-archives__item--categpry.is-all:before{top:0}.m-archives__item--categpry.is-all:after{bottom:0}.m-archives__item--categpry.is-water{background:linear-gradient(90deg, #0196f9, #15599b)}.m-archives__item--categpry.is-gas{background:linear-gradient(90deg, #00b089, #088d74)}.m-archives__item--categpry.is-denki{background:linear-gradient(90deg, #f09138, #f25a3e)}.m-archives__item--categpry.is-hikari{background:linear-gradient(90deg, #ffc531, #ff903e)}.m-archives__item--categpry.is-water-sakutto{background:linear-gradient(90deg, #94E2FC, #4DB5FA)}.m-archives__item--categpry.is-wifi{background:linear-gradient(90deg, #976c93, #544584)}.m-archives__item--categpry.is-info{background:#575757}.m-archives__item--categpry.is-press{background:#333}.m-archives__item--categpry.is-media{background:#8e8e8e}.m-archives__item--categpry.is-common{background:-webkit-linear-gradient(0deg, #ff4c40, #a96f98, #0097fb)}.m-archives__item--title{font-size:15px;font-weight:400}@media screen and (max-width: 590px){.m-archives__item--title{width:100%;padding:0px;margin-top:10px}}@media screen and (min-width: 590.2px){.m-archives__item--title{width:calc(100% - 250px);padding:3.5px 15px 3.5px}}@media screen and (max-width: 590px){.m-category_list{padding:0px 15px}}@media screen and (min-width: 590.2px){.m-category_list{padding:0px}}@media screen and (max-width: 590px){.m-category_list__wrap{margin:40px auto 30px}}@media screen and (min-width: 590.2px){.m-category_list__wrap{margin:80px 0 60px}}.m-category_list__wrap__item{display:inline-block}@media screen and (max-width: 590px){.m-category_list__wrap__item{margin:5px 10px 5px 0px}}@media screen and (min-width: 590.2px){.m-category_list__wrap__item{margin:10px 10px 10px 0px}}.m-category_list__wrap__item__inner{display:block;color:#fff}@media screen and (max-width: 590px){.m-category_list__wrap__item__inner{font-size:10px;font-weight:400;padding:6px 8px}}@media screen and (min-width: 590.2px){.m-category_list__wrap__item__inner{font-size:12px;padding:5px 20px}}.m-category_list__wrap__item__inner:hover{color:#fff}.m-category_list__wrap__item.is-all{position:relative;border-left:1px solid #ff4c40;border-right:1px solid #0097fb;color:#fd8881;display:block;padding:3px 14px;font-size:14px;position:relative;margin:0px;background:-webkit-linear-gradient(0deg, #ff4c40, #a96f98, #0097fb);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-size:100%}.m-category_list__wrap__item.is-all:before,.m-category_list__wrap__item.is-all:after{content:"";background:linear-gradient(0deg, #ff4c40, #a96f98, #0097fb);left:0;right:0;height:1px;position:absolute;width:100%}.m-category_list__wrap__item.is-all:before{top:0}.m-category_list__wrap__item.is-all:after{bottom:0}.m-category_list__wrap__item.is-water{background:linear-gradient(90deg, #0196f9, #15599b)}.m-category_list__wrap__item.is-gas{background:linear-gradient(90deg, #00b089, #088d74)}.m-category_list__wrap__item.is-denki{background:linear-gradient(90deg, #f09138, #f25a3e)}.m-category_list__wrap__item.is-hikari{background:linear-gradient(90deg, #ffc531, #ff903e)}.m-category_list__wrap__item.is-water-sakutto{background:linear-gradient(90deg, #94E2FC, #4DB5FA)}.m-category_list__wrap__item.is-wifi{background:linear-gradient(90deg, #976c93, #544584)}.m-category_list__wrap__item.is-info{background:#575757}.m-category_list__wrap__item.is-press{background:#333}.m-category_list__wrap__item.is-media{background:#8e8e8e}.m-category_list__wrap__item.is-common{background:linear-gradient(0deg, #ff4c40, #a96f98, #0097fb)}.l-main .wp-pagenavi{bottom:0;clear:both;width:100%;text-align:center;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 590px){.l-main .wp-pagenavi{padding:30px 0;column-gap:8px}}@media screen and (min-width: 590.2px){.l-main .wp-pagenavi{padding:60px 0}}.l-main .wp-pagenavi span.current{font-size:14px;font-weight:400;background:#939393;color:#fff;text-align:center;height:40px;width:38px;border-color:rgba(0,0,0,0)}@media screen and (max-width: 590px){.l-main .wp-pagenavi span.current{padding:9px 0}}@media screen and (min-width: 590.2px){.l-main .wp-pagenavi span.current{margin:0px 10px;padding:9px 8px}}.l-main .wp-pagenavi a{display:block;float:left;height:40px;width:38px;font-size:14px;font-weight:400;border:1px solid #424242;padding:9px 8px;text-decoration:none}@media screen and (max-width: 590px){.l-main .wp-pagenavi a{padding:9px 0}}@media screen and (min-width: 590.2px){.l-main .wp-pagenavi a{margin:0px 10px}}.l-main .wp-pagenavi a.nextpostslink{border-color:rgba(0,0,0,0);content:"";height:40px;width:30px;background-position:center;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229.595%22%20height%3D%2222.478%22%20viewBox%3D%220%200%2029.595%2022.478%22%3E%3Cg%20transform%3D%22translate(672.746%201306.974)%20rotate(180)%22%3E%3Cpath%20d%3D%22M13.583%2C0%2C11.414%2C11.344%2C0%2C13.526%22%20transform%3D%22translate(663.975%201295.715)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M13.583%2C0%2C11.414%2C11.344%2C0%2C13.526%22%20transform%3D%22translate(671.092%201295.715)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat}.l-main .wp-pagenavi a.previouspostslink{border-color:rgba(0,0,0,0);content:"";height:40px;width:30px;display:block;background-position:center;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229.595%22%20height%3D%2222.478%22%20viewBox%3D%220%200%2029.595%2022.478%22%3E%3Cg%20transform%3D%22translate(-643.151%20-1284.496)%22%3E%3Cpath%20d%3D%22M13.583%2C0%2C11.414%2C11.344%2C0%2C13.526%22%20transform%3D%22translate(663.975%201295.715)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M13.583%2C0%2C11.414%2C11.344%2C0%2C13.526%22%20transform%3D%22translate(671.092%201295.715)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat}@media screen and (max-width: 590px){.p-breadcrumb{margin-bottom:0px}}.p-breadcrumb .p-breadcrumb__inner{font-weight:400;line-height:2;text-overflow:ellipsis;color:#2d77c1;list-style:none;display:flex;flex-wrap:wrap;margin-bottom:30px}@media screen and (max-width: 590px){.p-breadcrumb .p-breadcrumb__inner{font-size:10px;overflow:auto;padding:0px 10px}}@media screen and (min-width: 590.2px){.p-breadcrumb .p-breadcrumb__inner{font-size:14px;height:24px;overflow:hidden;white-space:nowrap}}.p-breadcrumb .p-breadcrumb__inner .p-breadcrumb__item{display:inline-block;padding-right:14px;position:relative}.p-breadcrumb .p-breadcrumb__inner .p-breadcrumb__item span{color:#2d77c1}.p-breadcrumb .p-breadcrumb__inner .p-breadcrumb__item:before{display:inline-block;content:""}@media screen and (max-width: 590px){.p-breadcrumb .p-breadcrumb__inner .p-breadcrumb__item:before{width:8px;height:8px;border-left:6px solid #2d77c1;border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0)}}@media screen and (min-width: 590.2px){.p-breadcrumb .p-breadcrumb__inner .p-breadcrumb__item:before{width:12px;height:12px;border-left:8px solid #2d77c1;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0)}}.p-breadcrumb .p-breadcrumb__inner .p-breadcrumb__item:first-child{padding-left:0px}.p-breadcrumb .p-breadcrumb__inner .p-breadcrumb__item:first-child:before{display:none}.p-breadcrumb .breadcrumb___current{color:#333}.p-yoast-breadcrumbs{padding:12px 30px;z-index:10}@media screen and (max-width: 590px){.p-yoast-breadcrumbs{padding-left:8px}}.p-yoast-breadcrumbs a,.p-yoast-breadcrumbs span{letter-spacing:normal}@media screen and (max-width: 590px){.p-yoast-breadcrumbs a,.p-yoast-breadcrumbs span{font-size:10px !important}}@media screen and (min-width: 590.2px){.p-yoast-breadcrumbs a,.p-yoast-breadcrumbs span{font-size:13px !important}}.p-yoast-breadcrumbs a:hover{opacity:.5;transition:.1s}.single .p-yoast-breadcrumbs{display:none}.single .inner.pankuzu .p-yoast-breadcrumbs{display:block;padding:12px 0}.m-article{padding-bottom:50px}.m-article .m-single-head__info{border-bottom:solid 1px #333;display:flex;justify-content:space-between}.m-article .m-single-head__info--category{display:block;color:#fff;background:#575757;margin-bottom:5px}@media screen and (max-width: 590px){.m-article .m-single-head__info--category{font-size:10px;padding:4px 8px}}@media screen and (min-width: 590.2px){.m-article .m-single-head__info--category{font-size:12px;padding:8px 20px}}.m-article .m-single-head__info--category.is-all{border-left:solid 1px #424242;border-right:solid 1px #424242}.m-article .m-single-head__info--category.is-water{background:linear-gradient(90deg, #0196f9, #15599b)}.m-article .m-single-head__info--category.is-gas{background:linear-gradient(90deg, #ffc531, #ff903e)}.m-article .m-single-head__info--category.is-denki{background:linear-gradient(90deg, #f09138, #f25a3e)}.m-article .m-single-head__info--category.is-hikari{background:linear-gradient(90deg, #ffc531, #ff903e)}.m-article .m-single-head__info--category.is-wifi{background:#575757}.m-article .m-single-head__info--category.is-info{background:#575757}.m-article .m-single-head__info--category.is-press{background:#333}.m-article .m-single-head__info--category.is-media{background:#8e8e8e}.m-article .m-single-head__info--category.is-common{background:linear-gradient(0deg, #ff4c40, #a96f98, #0097fb)}.m-article .m-single-head__info--date{font-size:14px;margin-top:5px}.m-article .m-single-head__title{font-size:32px;font-weight:bold;letter-spacing:2px;margin:30px 0px}.m-article .entry-content{font-family:"Trebuchet MS","Noto Sans JP","Hiragino Kaku Gothic ProN","メイリオ",sans-serif !important;font-size:16px;font-weight:400;margin:0px auto 120px;word-break:break-all;word-wrap:break-word}.m-article .entry-content h1,.m-article .entry-content h2,.m-article .entry-content h3,.m-article .entry-content h4,.m-article .entry-content h5,.m-article .entry-content h6{clear:both;line-height:1.4;margin:0 0 .75em;padding:1.5em 0 0}.m-article .entry-content h1:first-child,.m-article .entry-content h2:first-child,.m-article .entry-content h3:first-child,.m-article .entry-content h4:first-child,.m-article .entry-content h5:first-child,.m-article .entry-content h6:first-child{padding-top:0}.m-article .entry-content h1{font-size:24px;font-weight:400}.m-article .entry-content h2{color:#666;font-size:20px;font-weight:400}.m-article .entry-content h3{color:#333;font-size:18px;font-weight:400}.m-article .entry-content h4{color:#333;font-size:16px;font-weight:800}.m-article .entry-content h5{color:#767676;font-size:13px;font-weight:800;letter-spacing:.15rem;text-transform:uppercase}.m-article .entry-content h6{color:#333;font-size:15px;font-weight:800}.m-article .entry-content p{margin:0 0 1.5rem;padding:0}.m-article .entry-content dfn,.m-article .entry-content cite,.m-article .entry-content em,.m-article .entry-content i{font-style:italic}.m-article .entry-content blockquote{color:#666;font-size:18px;font-style:italic;line-height:1.7;margin:0;overflow:hidden;padding:0}.m-article .entry-content blockquote.alignleft,.m-article .entry-content blockquote.alignright{font-size:14px;width:34%}.m-article .entry-content address{margin:0 0 1.5rem}.m-article .entry-content pre{background:#eee;font-size:15px;line-height:1.6;margin-bottom:1.6rem;max-width:100%;overflow:auto;padding:1.6rem}.m-article .entry-content code,.m-article .entry-content kbd,.m-article .entry-content tt,.m-article .entry-content var{font-size:15px}.m-article .entry-content abbr,.m-article .entry-content acronym{border-bottom:1px dotted #666;cursor:help}.m-article .entry-content mark,.m-article .entry-content ins{background:#eee;text-decoration:none}.m-article .entry-content big{font-size:125%}.m-article .entry-content blockquote,.m-article .entry-content q{quotes:"" ""}.m-article .entry-content blockquote:before,.m-article .entry-content blockquote:after,.m-article .entry-content q:before,.m-article .entry-content q:after{content:""}.m-article .entry-content hr{background-color:#bbb;border:0;height:1px;margin-bottom:1.5rem}.m-article .entry-content ul,.m-article .entry-content ol{margin:0 0 1.5rem;padding:0}.m-article .entry-content ul{list-style:disc}.m-article .entry-content ol>li{position:relative}.m-article .entry-content li>ul,.m-article .entry-content li>ol{margin-bottom:0;margin-left:1.5rem}.m-article .entry-content dt{font-weight:700}.m-article .entry-content dd{margin:0 1.5rem 1.5rem}.m-article .entry-content table{border-collapse:collapse;margin:0 0 1.5rem;width:100%}.m-article .entry-content thead th{border-bottom:2px solid #bbb;padding-bottom:.5rem}.m-article .entry-content th{padding:.4rem;text-align:left}.m-article .entry-content tr{border-bottom:1px solid #eee}.m-article .entry-content td{padding:.4rem}.m-article .entry-content th:first-child,.m-article .entry-content td:first-child{padding-left:0}.m-article .entry-content th:last-child,.m-article .entry-content td:last-child{padding-right:0}.m-article .entry-content a{box-shadow:inset 0 -1px 0 #0f0f0f;color:#222;text-decoration:none;transition:color 80ms ease-in,box-shadow 130ms ease-in-out}.m-article .entry-content a:focus{outline:thin dotted}.m-article .entry-content a:hover,.m-article .entry-content a:focus{color:#000;box-shadow:inset 0 0 0 rgba(0,0,0,0),0 3px 0 #000}.m-article .entry-content a img{background:#fff;box-shadow:0 0 0 6px #fff}.m-article .entry-content img{height:auto;max-width:100%}.m-article .entry-content embed,.m-article .entry-content iframe,.m-article .entry-content object{margin-bottom:1.5rem;max-width:100%}.m-article .entry-content .wp-caption{color:#666;font-size:13px;font-style:italic;margin-bottom:1.5rem;max-width:100%}.m-article .entry-content .wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.m-article .entry-content .wp-caption .wp-caption-text{margin:.8075rem 0}.m-article .entry-content .gallery{margin-bottom:1.5rem}.m-article .entry-content .gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.m-article .entry-content .gallery-item a,.m-article .entry-content .gallery-item a:hover,.m-article .entry-content .gallery-item a:focus{box-shadow:none;background:none;display:inline-block}.m-article .entry-content .gallery-columns-2 .gallery-item{max-width:50%}.m-article .entry-content .gallery-columns-3 .gallery-item{max-width:33.33%}.m-article .entry-content .gallery-columns-4 .gallery-item{max-width:25%}.m-article .entry-content .gallery-columns-5 .gallery-item{max-width:20%}.m-article .entry-content .gallery-columns-6 .gallery-item{max-width:16.66%}.m-article .entry-content .gallery-columns-7 .gallery-item{max-width:14.28%}.m-article .entry-content .gallery-columns-8 .gallery-item{max-width:12.5%}.m-article .entry-content .gallery-columns-9 .gallery-item{max-width:11.11%}.m-article .entry-content .gallery-caption{display:block}.m-article .entry-content .mejs-container{margin-bottom:1.5rem}.m-article .entry-content .mejs-controls a.mejs-horizontal-volume-slider,.m-article .entry-content .mejs-controls a.mejs-horizontal-volume-slider:focus,.m-article .entry-content .mejs-controls a.mejs-horizontal-volume-slider:hover{background:rgba(0,0,0,0);border:0}.m-article .entry-content .wp-playlist-light{border-color:#eee;color:#222}.m-article .entry-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album{color:#333}.m-article .entry-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist{color:#767676}.m-article .entry-content .wp-playlist-light .wp-playlist-item{border-bottom:1px dotted #eee;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .3s ease-in-out}.m-article .entry-content .wp-playlist-light .wp-playlist-item:hover,.m-article .entry-content .wp-playlist-light .wp-playlist-item:focus{border-bottom-color:rgba(0,0,0,0);background-color:#767676;color:#fff}.m-article .entry-content .wp-playlist-light a.wp-playlist-caption:hover,.m-article .entry-content .wp-playlist-light .wp-playlist-item:hover a,.m-article .entry-content .wp-playlist-light .wp-playlist-item:focus a{color:#fff}.m-article .entry-content .wp-playlist-dark{background:#222;border-color:#333}.m-article .entry-content .wp-playlist-dark .mejs-container .mejs-controls{background-color:#333}.m-article .entry-content .wp-playlist-dark .wp-playlist-caption{color:#fff}.m-article .entry-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album{color:#eee}.m-article .entry-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist{color:#aaa}.m-article .entry-content .wp-playlist-dark .wp-playlist-playing{background-color:#333}.m-article .entry-content .wp-playlist-dark .wp-playlist-item{border-bottom:1px dotted #555;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .3s ease-in-out}.m-article .entry-content .wp-playlist-dark .wp-playlist-item:hover,.m-article .entry-content .wp-playlist-dark .wp-playlist-item:focus{border-bottom-color:rgba(0,0,0,0);background-color:#aaa;color:#222}.m-article .entry-content .wp-playlist-dark a.wp-playlist-caption:hover,.m-article .entry-content .wp-playlist-dark .wp-playlist-item:hover a,.m-article .entry-content .wp-playlist-dark .wp-playlist-item:focus a{color:#222}.m-article .entry-content .wp-playlist{padding:.625rem .625rem .3125rem}.m-article .entry-content .wp-playlist-current-item .wp-playlist-item-title{font-weight:700}.m-article .entry-content .wp-playlist-current-item .wp-playlist-item-album{font-style:normal}.m-article .entry-content .wp-playlist-current-item .wp-playlist-item-artist{font-size:10px;font-size:.625rem;font-weight:800;letter-spacing:.1818rem;text-transform:uppercase}.m-article .entry-content .wp-playlist-item{padding:0 .3125rem;cursor:pointer}.m-article .entry-content .wp-playlist-item:last-of-type{border-bottom:none}.m-article .entry-content .wp-playlist-item a{padding:.3125rem 0;border-bottom:none}.m-article .entry-content .wp-playlist-item a,.m-article .entry-content .wp-playlist-item a:focus,.m-article .entry-content .wp-playlist-item a:hover{box-shadow:none;background:rgba(0,0,0,0)}.m-article .entry-content .wp-playlist-item-length{top:5px}.m-article .entry-content .rtl th{text-align:right}.m-article .entry-content .rtl ol>li:before{left:auto;right:-1.5rem}.m-article .entry-content .rtl li>ul,.m-article .entry-content .rtl li>ol{margin-left:0;margin-right:1.5rem}.m-article .entry-content .rtl .mejs-offscreen{right:-10000px}.m-article .m-single-foot{width:100%}.m-article .m-single-foot__inner{width:100%;max-width:1140px;margin:0px auto}.m-article .m-single-foot__btn{display:flex}@media screen and (max-width: 590px){.m-article .m-single-foot__btn{flex-direction:column-reverse}}.m-article .m-single-foot__btn--back{width:100%;max-width:435px;font-size:16px}.m-article .m-single-foot__btn--gotop{width:100%;font-weight:500;display:flex;justify-content:flex-end;align-items:center}@media screen and (max-width: 590px){.m-article .m-single-foot__btn--gotop{margin-bottom:30px}}.m-article .m-single-foot__btn--gotop__inner{display:inline-block;font-size:14px;position:relative;padding-left:16px}.m-article .m-single-foot__btn--gotop__inner:before{display:inline-block;position:absolute;left:0;content:"";width:12px;height:12px;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-top:6px solid rgba(0,0,0,0);border-bottom:8px solid #333}.m-404{display:flex;justify-content:center;align-items:center;height:calc(100vh - 400px)}.m-404__title{font-size:36px;text-align:center;line-height:2}.m-404__text{font-size:18px;text-align:center;line-height:2}.m-single_ads2{width:100%;padding:0 15px 30px}.m-single_ads2__items__inner{display:inline-block;width:100%}.m-single_ads2__items .m-single_ads2__items__img{display:block;width:100%;height:auto}@media screen and (max-width:768px){.m-single_ads2__items .m-single_ads2__items__img .m-single_ads2{padding:0 0 30px}}

.is-fs_title {
font-size: 24px !important;
font-weight: 700 !important;
line-height: 36px !important;
}
@media screen and (max-width: 590px) {
.is-fs_title {
font-size: 20px !important;
font-weight: 700 !important;
line-height: 30px !important;
}
}
.is-fs_catch {
font-size: 34px !important;
font-weight: 200 !important;
line-height: 58px !important;
}
@media screen and (max-width: 590px) {
.is-fs_catch {
font-size: 22px !important;
font-weight: 300 !important;
line-height: 34px !important;
}
}
.is-fs_read {
font-size: 20px !important;
font-weight: 600 !important;
line-height: 34px !important;
}
@media screen and (max-width: 590px) {
.is-fs_read {
font-size: 16px !important;
font-weight: 600 !important;
line-height: 28px !important;
}
}
.is-fs_text {
font-size: 18px !important;
font-weight: 400 !important;
line-height: 32px !important;
}
@media screen and (max-width: 590px) {
.is-fs_text {
font-size: 16px !important;
font-weight: 400 !important;
line-height: 28px !important;
}
}
.is-fs_remark {
font-size: 14px !important;
font-weight: 400 !important;
line-height: 24px !important;
}
@media screen and (max-width: 590px) {
.is-fs_remark {
font-size: 12px !important;
font-weight: 400 !important;
line-height: 20px !important;
}
}
a {
color: #000000;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a:hover {
text-decoration: none;
filter: alpha(opaCity=70);
-moz-opaCity: 0.7;
opacity: 0.7;
}
a:hover img {
opaCity: 0.7;
filter: alpha(opaCity=70);
}
.button {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 60px;
font-weight: bold;
}
@media screen and (max-width: 590px) {
.button {
font-size: 14px;
font-weight: normal;
}
}
.button.more {
position: relative;
}
.button.more::before, .button.more::after {
position: absolute;
transition-duration: 0.3s;
right: 20px;
top: 50%;
transform: translateY(-50%);
content: "";
}
.button.more::before {
width: 45px;
height: 1px;
background-color: #000;
}
.button.more::after {
border-left: 6px solid #000;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
content: "";
}
.button.more:hover::before {
width: 55px;
right: 10px;
}
.button.more:hover::after {
right: 10px;
}
@media screen and (max-width: 590px) {
.button.more::before, .button.more::after {
right: 10px;
}
.button.more::before {
width: 20px;
}
.button.more:hover::before {
width: 25px;
right: 10px;
}
}
.button.white {
background-color: #fff;
border: 1px solid #000;
}
.button.white:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
}
.button.white:hover::before {
background-color: #fff;
}
.button.white:hover::after {
border-left: 6px solid #fff;
}
.button.border-w {
border: 1px solid #fff;
}
.button.back {
position: relative;
}
.button.back::before, .button.back::after {
position: absolute;
transition-duration: 0.3s;
left: 20px;
top: 50%;
transform: translateY(-50%);
content: "";
}
.button.back::before {
width: 45px;
height: 1px;
background-color: #000;
}
.button.back::after {
border-right: 6px solid #000;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
content: "";
}
.button.back:hover::before {
width: 55px;
left: 10px;
background-color: #000;
}
.button.back:hover::after {
border-left: transparent;
left: 10px;
}
@media screen and (max-width: 590px) {
.button.back::before {
width: 20px;
}
.button.back:hover::before {
width: 25px;
left: 10px;
}
}
.button.grade {
color: #fff;
}
.button.grade.denki {
background: linear-gradient(90deg, #f09138, #f25a3e);
}
.button.grade.gas {
background: linear-gradient(90deg, #00b089, #088d74);
}
.button.grade.hikari {
background: linear-gradient(90deg, #ffc531, #ff903e);
}
.button.grade.water {
background: linear-gradient(90deg, #0196f9, #15599b);
}
.button.grade.other {
background: linear-gradient(90deg, #ffaa36, #ff5340);
}
.button.grade.application {
background: linear-gradient(90deg, #ffc531, #ff903e);
}
.button.grade.application:hover {
border: solid 1px #ff903e;
background: #fff;
color: #ff903e;
opacity: 1 !important;
}
.button.grade.application:hover::before {
background-color: #ff903e;
}
.button.grade.application:hover::after {
border-left: 6px solid #ff903e;
}
@media screen and (max-width: 590px) {
.button.grade.application {
font-weight: 700;
}
}
.button.grade.more::before {
width: 45px;
height: 1px;
background-color: #fff;
}
.button.grade.more::after {
border-left: 6px solid #fff;
}
@media screen and (max-width: 590px) {
.button.grade.more::before {
width: 20px;
}
}
.button.no-border {
text-align: left !important;
padding-right: 60px;
font-size: 17px;
}
.button.no-border::before {
background-color: #4692ff;
}
.button.no-border::after {
border-left: 6px solid #4692ff;
}
.button-triangle {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 50px;
align-items: center;
color: #fff;
border: 1px solid;
}
.button-triangle span {
margin-top: 4px;
line-height: 1;
}
.button-triangle::after {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-weight: 900;
}
.button-blue {
color: #fff;
background-color: #85c5e6;
}
.button-blue::before {
width: 35px;
background-color: #fff !important;
}
.button-blue::after {
border-left: 6px solid #fff !important;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
content: "";
}
.button-blue:hover {
color: #fff;
}
.button-blue:hover::before {
width: 45px;
}
.button-dark_blue {
margin-right: 20px !important;
color: #fff;
background-color: #2d77c1;
}
.button-dark_blue::before {
background-color: #fff !important;
}
.button-dark_blue::after {
border-left: 6px solid #fff !important;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
content: "";
}
.button-dark_blue:hover {
color: #fff;
}
.button.contact_01 {
margin: 20px 0;
width: 30%;
}
.news__button_rect::before, .column__button_rect::before {
width: 35px;
background-color: #fff !important;
}
.news__button_rect::after, .column__button_rect::after {
border-left: 6px solid #fff !important;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
content: "";
}
#top .news__button_rect, #top .column__button_rect {
background-color: #85c5e6;
border-color: #85c5e6;
color: white;
}
#denki-top .news__button_rect, #denki-top .column__button_rect {
background-color: #fe5c52;
border-color: #fe5c52;
color: white;
}
#gas-top .news__button_rect, #gas-top .column__button_rect {
background-color: #00d099;
border-color: #00d099;
color: white;
}
#hikari-top .news__button_rect, #hikari-top .column__button_rect {
background-color: #ff8b40;
border-color: #ff8b40;
color: white;
}
#water-top .news__button_rect, #water-top .column__button_rect {
background-color: #11a9Da;
border-color: #11a9Da;
color: white;
}
#it-top .news__button_rect, #it-top .column__button_rect {
background-color: #c86f98;
border-color: #c86f98;
color: white;
}
.button-triangle:hover {
background-color: #fff !important;
}
.headline_1 {
padding-bottom: 16px;
font-size: 24px;
font-weight: bold;
text-align: center;
line-height: 1.5em;
letter-spacing: 2px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-size: 100px auto;
background-position: center bottom;
}
.headline_1.denki {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/headline_1_line.svg);
}
.headline_1.hikari {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/headline_1_line.svg);
}
.headline_1.gas {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/headline_1_line.svg);
}
.headline_1.water {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/headline_1_line.svg);
}
.headline_1.other {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/privilege/headline_1_line.svg);
}
@media screen and (max-width: 590px) {
.headline_1 {
font-size: 20px;
}
}
#hikari-top .headline_1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/headline_1_line.svg);
}
#gas-top .headline_1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/headline_1_line.svg);
}
#water-top .headline_1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/headline_1_line.svg);
}
.headline_2 {
font-size: 34px;
line-height: 1.8em;
font-weight: 200;
}
.headline_2.is-denki_lead {
font-size: 22px;
font-weight: 700;
color: #ff4c40;
}
@media screen and (max-width: 590px) {
.headline_2 {
font-size: 22px;
line-height: 1.5em;
}
}
#denki-top .headline_2 {
font-size: 34px;
line-height: 1.8em;
font-weight: lighter;
}
#denki-top .headline_2.is-denki_lead {
font-size: 34px;
font-weight: 200;
color: #ff4c40;
}
@media screen and (max-width: 590px) {
#denki-top .headline_2.is-denki_lead {
font-size: 22px;
font-weight: 300;
}
}
.headline_3 {
font-size: 32px;
letter-spacing: 2px;
font-weight: bold;
}
.headline_3 span {
display: block;
font-size: 12px;
font-weight: bold;
}
.headline_4 {
font-size: 32px;
letter-spacing: 2px;
}
.headline_4 span {
display: block;
font-size: 16px;
font-weight: bold;
}
@media screen and (max-width: 590px) {
.headline_4 {
font-size: 24px;
letter-spacing: 1px;
}
.headline_4 span {
font-size: 14px;
}
}
.headline_5 {
font-size: 58px;
font-family: "Dancing Script", cursive;
text-align: center;
}
.headline_5 div {
margin: 0;
display: inline-block;
}
.headline_5 span {
display: block;
font-size: 16px;
font-weight: bold;
text-align: right;
}
@media screen and (max-width: 590px) {
.headline_5 {
font-size: 32px;
}
.headline_5 span {
margin-top: 10px;
font-size: 14px;
}
}
.headline_6 {
position: relative;
padding-top: 80px;
font-size: 34px;
letter-spacing: 2px;
text-align: center;
}
.headline_6 > span {
margin-top: 10px;
display: block;
font-size: 16px;
font-weight: bold;
}
.headline_6::before {
position: absolute;
left: 50%;
top: 0;
width: 1px;
height: 60px;
content: "";
}
.headline_6.denki span {
color: #f09138;
}
.headline_6.denki::before {
background-color: #f09138;
}
.headline_6.hikari span {
color: #ffc531;
}
.headline_6.hikari::before {
background-color: #ffc531;
}
.headline_6.gas span {
color: #00b089;
}
.headline_6.gas::before {
background-color: #00b089;
}
.headline_6.water span {
color: #0196f9;
}
.headline_6.water::before {
background-color: #0196f9;
}
.headline_6.other span {
color: #fd8881;
background: linear-gradient(90deg, #ff4c40, #a96f98, #0097fb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 100%;
}
.headline_6.other::before {
background: linear-gradient(0deg, #ff4c40, #a96f98, #0097fb);
}
.headline_6.other2 span {
color: #494949;
}
.headline_6.other2::before {
background-color: #494949;
}
@media screen and (max-width: 590px) {
.headline_6 {
padding-top: 40px;
font-size: 26px;
}
.headline_6::before {
height: 30px;
}
}
.headline_7 {
font-size: 20px;
font-weight: bold;
line-height: 1.5em;
}
.headline_7.denki {
color: #551d00;
}
.headline_7.hikari {
color: #746216;
}
.headline_7.gas {
color: #00b089;
}
.headline_7.water {
color: #175190;
}
.headline_8 {
font-size: 28px;
line-height: 2em;
}
@media screen and (max-width: 960px) {
.headline_8 {
font-size: 24px;
}
}
@media screen and (max-width: 590px) {
.headline_8 {
font-size: 20px;
line-height: 1.5em;
}
}
.kome {
text-align: left;
font-size: 14px;
text-indent: -1em;
padding-left: 1em;
opacity: 0.8;
vertical-align: super;
}
.kome.half {
padding-left: 0;
}
.note {
font-size: 14px;
opacity: 0.8;
}
.new {
margin-right: 5px;
width: 50px;
height: 20px;
line-height: 20px;
border-radius: 30px;
background-color: #ff6864;
color: #fff;
font-size: 11px;
font-weight: normal;
text-align: center;
}
.text-blue {
color: blue;
}
.tab-wrap {
position: relative;
display: flex;
flex-wrap: wrap;
background-color: #fff;
}
.tab-wrap_sp-only {
display: none;
}
.tab {
display: none;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
display: block;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
display: block;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
display: block;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
display: block;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
display: block;
}
.tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
display: block;
}
.tab:checked:nth-of-type(7) ~ .tab__content:nth-of-type(7) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
display: block;
}
.tab:checked:nth-of-type(8) ~ .tab__content:nth-of-type(8) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
display: block;
}
.tab:checked:nth-of-type(9) ~ .tab__content:nth-of-type(9) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
display: block;
}
.tab:checked:nth-of-type(10) ~ .tab__content:nth-of-type(10) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
display: block;
}
.tab:checked + label {
position: relative;
color: #fff;
background-color: #333;
cursor: default;
}
.tab:checked + label:hover {
background-color: #333;
}
.tab:checked + label::after {
position: absolute;
bottom: -14px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
content: "";
}
.tab + label {
display: flex;
justify-content: center;
align-items: center;
flex-grow: 3;
text-align: center;
user-select: none;
text-align: center;
width: 50%;
height: 60px;
color: #333;
font-weight: bold;
background-color: #fff;
border-top: 4px solid #333;
border-left: 2px solid #333;
border-bottom: 4px solid #333;
border-right: 2px solid #333;
cursor: pointer;
transition: transform 1s ease-in-out 0s;
-moz-transition: -moz-transform 1s ease-in-out 0s;
-webkit-transition: -webkit-transform 1s ease-in-out 0s;
}
.tab + label.first {
border-left: 4px solid #333;
}
.tab + label.last {
border-right: 4px solid #333;
}
.tab + label span {
position: relative;
line-height: 1;
}
.tab + label span::after {
position: absolute;
left: -45px;
top: 50%;
transform: translateY(-50%);
width: 35px;
height: 35px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
content: "";
}
.tab + label span.tab1::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_2.svg);
}
.tab + label span.tab2::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_2.svg);
}
.tab + label span.tab1_hikari::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_02.svg);
}
.tab + label span.tab2_hikari::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-2.svg);
}
.tab + label:hover {
background-color: #f9f9f9;
}
.tab:checked + label .tab1::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_1.svg);
}
.tab:checked + label .tab2::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_1.svg);
}
.tab:checked + label .tab1_hikari::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_01.svg);
}
.tab:checked + label .tab2_hikari::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-1.svg);
}
.tab:not(:checked) + label:hover {
background-color: #333;
color: #fff;
}
.tab:not(:checked) + label:hover .tab1::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_1.svg);
}
.tab:not(:checked) + label:hover .tab2::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_1.svg);
}
.tab:not(:checked) + label:hover .tab1_hikari::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_01.svg);
}
.tab:not(:checked) + label:hover .tab2_hikari::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-1.svg);
}
.tab__content {
position: absolute;
left: 0;
padding: 40px;
width: 100%;
background-color: transparent;
z-index: -1;
opacity: 0;
transform: translateY(-3px);
display: none;
}
@media screen and (max-width: 960px) {
.tab-wrap {
display: none;
}
.tab-wrap_sp-only {
display: block;
}
.tab-wrap_sp-only__list {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.tab-wrap_sp-only__item {
display: inline-block;
width: 90%;
white-space: pre-line;
background-color: #fff;
vertical-align: top;
}
.tab-wrap_sp-only__title {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 70px;
color: #fff;
text-align: center;
background-color: #444;
}
.tab-wrap_sp-only__title span {
line-height: 1.2em;
}
.tab-wrap_sp-only__title::after {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 35px;
height: 35px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
content: "";
}
.tab-wrap_sp-only__title.tab1::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_1.svg);
}
.tab-wrap_sp-only__title.tab2::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_2.svg);
}
}
.fadein {
visibility: hidden;
}
@media screen and (max-width: 590px) {
.fadein {
visibility: visible;
}
}
@media screen and (min-width: 591px) {
.css-fadeUp_1.fadeInUp {
visibility: visible; animation-name: fade-in-up_1; animation-duration: 1s; animation-timing-function: ease-out; animation-delay: 0; animation-fill-mode: both;
} @keyframes fade-in-up_1 {
0% {
opacity: 0;
transform: translate3d(0, 150px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.css-fadeUp_2.fadeInUp {
visibility: visible; animation-name: fade-in-up_2; animation-duration: 1s; animation-timing-function: ease-out; animation-delay: 0.25s; animation-fill-mode: both;
} @keyframes fade-in-up_2 {
0% {
opacity: 0;
transform: translate3d(0, 150px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.css-fadeUp_3.fadeInUp {
visibility: visible; animation-name: fade-in-up_3; animation-duration: 1s; animation-timing-function: ease-out; animation-delay: 0.5s; animation-fill-mode: both;
} @keyframes fade-in-up_3 {
0% {
opacity: 0;
transform: translate3d(0, 150px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadein {
visibility: hidden;
}
.css-fade_1.fadeInUp {
visibility: visible; animation-name: fade-in_1; animation-duration: 3s; animation-timing-function: ease-out; animation-delay: 0.25s; animation-fill-mode: both;
} @keyframes fade-in_1 {
0% {
opacity: 0;
transform: translate3d(0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0);
}
}
.css-fade_2.fadeInUp {
visibility: visible; animation-name: fade-in_2; animation-duration: 3s; animation-timing-function: ease-out; animation-delay: 0.5s; animation-fill-mode: both;
} @keyframes fade-in_2 {
0% {
opacity: 0;
transform: translate3d(0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0);
}
}
.css-fade_3.fadeInUp {
visibility: visible; animation-name: fade-in_3; animation-duration: 3s; animation-timing-function: ease-out; animation-delay: 0.75s; animation-fill-mode: both;
} @keyframes fade-in_3 {
0% {
opacity: 0;
transform: translate3d(0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0);
}
}
}
.bold {
font-weight: bold;
}
.is-note_sans {
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif !important;
}
.brpc {
display: block;
}
@media screen and (max-width: 590px) {
.brpc {
display: none;
}
}
.brtab {
display: none;
}
@media screen and (max-width: 960px) {
.brtab {
display: block;
}
}
.brsp {
display: none;
}
@media screen and (max-width: 590px) {
.brsp {
display: block;
}
}
@media screen and (max-width: 590px) {
.is-text-justify {
text-align: justify !important;
text-justify: inter-character !important;
}
}
.is-inbox_justify {
text-align: justify !important;
text-justify: inter-character !important;
} @font-face {
font-family: "Trebuchet MS";
font-style: normal;
font-weight: normal;
src: local("../font/Trebuchet MS"), url(//marutto.co.jp/wp-content/themes/marutto/app/fonts/trebuc.woff) format("woff");
font-display: swap;
} .swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height;
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-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-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate(0, -50%);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-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;
-moz-transform-style: preserve-3d;
-ms-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, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px;
}
.swiper-container-cube, .swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.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, .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;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.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-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-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-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: 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%;
object-fit: contain;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 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, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
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%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper-pagination-bullet-active {
background: #fff !important;
opacity: 0.7;
}
.swiper-button-prev,
.swiper-button-next {
opacity: 0.7;
}
.sp-only {
display: none;
}
@media screen and (max-width: 590px) {
.sp-only {
display: block;
}
}
.cantainer,
.inner {
margin-right: auto;
margin-left: auto;
width: 1140px;
}
@media screen and (max-width: 960px) {
.cantainer,
.inner {
width: 100%;
}
}
p {
text-align: justify;
}
.form_lead_caution {
font-size: 24px;
line-height: 34px;
text-align: center;
font-weight: 600;
margin-top: 40px;
color: #ff4c40;
}
@media screen and (max-width: 960px) {
.form_lead_caution {
font-size: 17px;
line-height: 1.5;
margin-top: 30px;
}
}
.form_lead_caution.no-margin-top {
margin-top: 0;
}
@media screen and (max-width: 960px) {
.form_lead_caution.no-margin-top {
margin-top: 0;
}
}
.for-members {
padding-top: 80px;
line-height: 0;
}
.for-members .headline_4 {
text-align: center;
line-height: 1.5;
}
.for-members__img {
margin-top: 40px;
text-align: center;
}
.for-members__img img {
width: 75%;
height: auto;
display: block;
margin: 0px auto;
}
@media screen and (max-width: 590px) {
.for-members {
padding: 40px 0;
}
.for-members__img img {
width: 100%;
}
}
.news {
padding: 80px;
}
.news .container {
padding: 0;
}
.news .headline_4 {
text-align: center;
}
.news__item ul {
margin-top: 20px;
}
.news__item ul li {
padding-top: 5px;
border-top: 1px solid;
}
.news__item ul li a {
display: block;
width: 100%;
height: 100%;
padding: 15px 20px;
background-color: #fff;
}
.news__item ul li:last-child {
border-bottom: 1px solid;
}
.news__date {
padding-right: 40px;
font-size: 16px;
text-align: right;
}
.news__text {
display: flex;
font-weight: bold;
font-size: 16px;
}
.news__button {
display: flex;
justify-content: flex-end;
margin-top: 20px;
padding: 0;
}
.news__button .button-triangle {
width: 100%;
height: 60px;
}
@media screen and (max-width: 960px) {
.news {
padding: 40px 20px;
}
.news__date {
padding-right: 0;
text-align: left;
font-size: 14px;
}
.news__button {
margin-top: 40px;
justify-content: center;
}
}
@media screen and (max-width: 590px) {
.news__item ul li a {
position: relative;
}
.news__text {
font-weight: normal;
}
}
#top .news li {
border-color: #85c5e6;
}
#denki-top .news li {
border-color: #fe5c52;
}
#gas-top .news li {
border-color: #00d099;
}
#water-top .news li {
border-color: #11a9Da;
}
#hikari-top .news li {
border-color: #ff8b40;
}
#wifi-top .news li {
border-color: #c86f98;
}
.column {
padding: 80px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.column .headline_4 {
text-align: center;
}
.column__item {
margin-top: 20px;
}
.column__item span,
.column__item a {
display: block;
}
.column__item__wrapper {
position: relative;
margin-top: 30px;
box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
}
.column__category {
position: absolute;
top: 0;
right: 0;
width: 120px;
height: 24px;
line-height: 24px;
color: #fff;
text-align: center;
font-size: 11px;
font-weight: bold;
}
.column__category_denki_line {
background-color: #fe5c52;
}
.column__category_internet {
background-color: #c86f98;
}
.column__category_water_server {
background-color: #11a9Da;
}
.column__category_gas {
background-color: #00d099;
}
.column__category_estate {
background-color: #1adae0;
}
.column__category_home_moving {
background-color: #1adae0;
}
.column__img {
width: 100%;
height: 120px;
overflow: hidden;
transition-duration: 0.3s;
}
.column__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.column__content {
padding: 10px;
background-color: #fff;
}
.column__date {
font-size: 12px;
opacity: 0.8;
}
.column__text {
margin-top: 10px;
height: 130px;
line-height: 1.6em;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
.column__button {
display: flex;
justify-content: flex-end;
margin-top: 20px;
padding: 0;
}
.column__button .button-triangle {
width: 100%;
}
.column__button .button-triangle:hover {
color: #fff;
background: none !important;
background-color: transparent !important;
border: 1px solid #fff !important;
}
.column a:hover {
opacity: 1 !important;
}
.column a:hover .column__content {
background-color: #eee;
opacity: 1 !important;
}
.column a:hover .column__img img {
transform: scale(1.1);
transition-duration: 0.3s;
}
@media screen and (max-width: 960px) {
.column {
padding: 80px 0;
}
.column__category {
max-width: 100%;
font-size: 10px;
}
.column__button .button-triangle span {
font-size: 14px;
}
.column__button .button-triangle::after {
right: 10px;
}
}
@media screen and (max-width: 590px) {
.column {
margin-top: 40px;
padding: 40px 0;
background-position: left top;
}
.column .headline_3 {
color: #fff;
}
.column .headline_3::after {
background-color: #fff;
}
.column__item {
margin-top: 10px;
}
.column__content {
padding: 10px;
background-color: #fff;
}
.column__date {
font-size: 12px;
opacity: 0.8;
}
.column__text {
height: 55px;
-webkit-line-clamp: 2;
}
.column__button {
margin: 20px 0 0 0;
}
.column__button__wrapper .button {
border: 1px solid #fff;
}
}
#top .column {
background-color: #efefef;
}
#denki-top .column {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/column/column_bg_denki.jpg);
}
#gas-top .column {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/column/column_bg_gas.jpg);
}
#hikari-top .column {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/column/column_bg_hikari.jpg);
}
#water-top .column {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/column/column_bg_water.jpg);
}
#wifi-top .column {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/column/column_bg_wi-fi.jpg);
}
.page-top {
position: fixed;
right: 40px;
bottom: 120px;
border-radius: 100%;
}
.page-top a {
display: block;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
color: #fff;
background-color: #85c5e6;
border-radius: 100%;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
opacity: 0.9;
}
.page-top a::before {
font-family: "Font Awesome 5 Free";
content: "\f30c";
font-weight: 900;
font-size: 30px;
}
@media screen and (max-width: 590px) {
.page-top {
right: 20px;
bottom: 100px;
}
.page-top a {
width: 50px;
height: 50px;
}
}
.top__kv,
.top__kv__sp-only {
z-index: 1;
}
.top__nav {
z-index: 2;
}
.marutto-seriese .headline_4 {
margin-top: 20px;
text-align: center;
}
.marutto-seriese__item a::after {
z-index: 1;
}
.marutto-seriese__item_logo {
z-index: 2;
}
.page-top {
z-index: 98;
}
.low_top_sec_05__item a::after {
z-index: 1;
}
.low_top_sec_05__item a span,
.low_top_sec_05__item a img {
z-index: 2;
}
.announcement {
margin-top: 40px;
}
@media screen and (max-width: 590px) {
.announcement {
margin: 40px 8px 0;
}
}
.announcement .announcement-box {
border: solid 3px #000;
max-width: 1000px;
width: calc(100% - 30px);
margin: 0px auto;
padding: 20px;
border-radius: 20px;
margin-top: 30px;
font-size: 16px;
font-weight: 700;
}
@media screen and (max-width: 590px) {
.announcement .announcement-box {
background-color: #fff;
}
}
.announcement .announcement-box.line {
border: solid 1px #000;
}
.announcement .announcement-box.red {
color: red;
}
.announcement .announcement-box h1,
.announcement .announcement-box h4 {
font-size: 20px;
text-align: center;
margin-bottom: 20px;
}
@media screen and (max-width: 590px) {
.announcement .announcement-box h1,
.announcement .announcement-box h4 {
font-size: 18px;
margin: 16px 0;
line-height: 1.5;
}
}
@media screen and (max-width: 590px) {
.announcement .announcement-box {
font-size: 14px;
width: 100%;
padding: 10px;
margin-top: 0;
}
}
#wifi-top .announcement {
padding-bottom: 0;
}
#wifi-top .announcement-box {
max-width: 1142px;
}
@media screen and (max-width: 590px) {
.announcement-newyear {
background-color: #fff;
}
}
.announcement-newyear .announcement-newyear-box {
max-width: 1000px;
width: calc(100% - 30px);
margin: 0px auto;
padding: 20px;
border-radius: 20px;
margin-top: 30px;
font-weight: 700;
}
.announcement-newyear .announcement-newyear-box.line {
border: solid 1px #000;
}
.announcement-newyear .announcement-newyear-box.red {
color: red;
}
.announcement-newyear .announcement-newyear-box h4 {
font-size: 20px;
text-align: center;
margin-bottom: 20px;
}
@media screen and (max-width: 590px) {
.announcement-newyear .announcement-newyear-box h4 {
font-size: 18px;
}
}
@media screen and (max-width: 590px) {
.announcement-newyear .announcement-newyear-box {
font-size: 14px;
width: 100%;
padding: 10px;
margin-top: 0;
}
}
.announcement-newyear .announcement-newyear-box ul {
margin-top: 20px;
font-size: 14px;
}
@media screen and (max-width: 590px) {
.announcement-newyear .announcement-newyear-box ul {
font-size: 11px;
margin-top: 15px;
}
} .puroduct__lp__footer {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 40px 30px;
background-color: #585858;
}
@media screen and (max-width: 960px) {
.puroduct__lp__footer {
flex-direction: column;
padding: 20px 0;
height: auto;
}
}
.puroduct__lp__footer * {
color: #fff;
}
.puroduct__lp__footer_l {
display: flex;
margin: 0;
width: 20%;
}
@media screen and (max-width: 960px) {
.puroduct__lp__footer_l {
width: 90%;
}
}
@media screen and (max-width: 960px) {
.puroduct__lp__footer_l li {
width: 50%;
text-align: center;
}
}
.puroduct__lp__footer_l a {
font-size: 12px;
}
.puroduct__lp__footer_l a:hover {
color: #fff;
opacity: 0.6;
}
.puroduct__lp__footer_l .company {
margin-right: 4em;
}
@media screen and (max-width: 960px) {
.puroduct__lp__footer_l .company {
margin-right: 0;
}
}
.puroduct__lp__footer_r {
display: flex;
margin: 0;
margin-left: auto;
font-size: 12px;
width: 42%;
}
@media screen and (max-width: 960px) {
.puroduct__lp__footer_r {
margin-top: 2em;
width: 90%;
margin-left: 0;
flex-direction: column;
font-size: 10px;
}
}
@media screen and (max-width: 960px) {
.puroduct__lp__footer_r li {
width: 100%;
text-align: center;
}
}
.puroduct__lp__footer_r .copy {
margin-left: 6em;
font-size: 14px;
}
@media screen and (max-width: 960px) {
.puroduct__lp__footer_r .copy {
margin-top: 1em;
margin-left: 0;
font-size: 10px;
}
}
.puroduct__lp__footer .tsc-info {
margin: 0 60px 0 auto;
}
@media screen and (max-width: 960px) {
.puroduct__lp__footer .tsc-info {
margin: 20px;
}
}
.top {
font-size: 16px;
}
.top__header {
position: relative;
width: 100%;
height: 95vh;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.top__kv .main-slide {
overflow: hidden;
}
.top__kv .main-slide img {
width: 100%;
height: 90%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
opacity: 0;
animation: slide-animation 24s linear infinite 0s;
}
.top__kv .main-slide img:nth-of-type(2) {
animation-delay: 8s;
}
.top__kv .main-slide img:nth-of-type(3) {
animation-delay: 16s;
}
.top__kv__sp-only {
display: none;
}
@keyframes slide-animation {
0% {
animation-timing-function: ease-in;
opacity: 0;
}
5% {
animation-timing-function: ease-out;
opacity: 1;
}
30% {
opacity: 1; -webkit-transform: scale(1.02);
}
43% {
opacity: 0; }
100% {
opacity: 0; }
}
@media screen and (max-width: 960px) {
.top__kv {
display: none;
}
.top__kv__sp-only {
display: block;
}
.top__kv__sp-only img {
width: calc(100% + 20px);
height: 100%;
object-fit: cover;
object-position: -20px 0px;
position: absolute;
top: 0;
left: 0;
opacity: 0;
animation: slide-animation 24s linear infinite 0s;
}
.top__kv__sp-only img:nth-of-type(2) {
animation-delay: 8s;
}
.top__kv__sp-only img:nth-of-type(3) {
animation-delay: 16s;
}
}
.top__nav {
width: 100%;
}
.top__nav__links {
margin: 0 auto;
width: 1280px;
display: flex;
justify-content: space-between;
column-gap: 15px;
}
@media screen and (max-width: 960px) {
.top__nav__links {
width: 100%;
}
}
@media screen and (max-width: 1280px) {
.top__nav__links {
width: 100%;
}
}
.top__nav__links li {
max-width: 170px;
flex: 1;
}
.top__nav__links li a {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 22%;
width: 100%;
height: auto;
aspect-ratio: 1/1;
border-radius: 100%;
background-color: #fff;
}
.top__nav__links li a.water-sakutto {
justify-content: center;
padding-top: 0;
}
.top__nav__links li a > div {
width: 100%;
}
.top__nav__icon {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
.top__nav__icon img {
width: 52.94%;
max-width: 90px;
height: auto;
}
.top__nav__icon.water-sakutto img {
width: 72%;
max-width: 130px;
height: auto;
}
@media screen and (max-width: 960px) {
.top__nav__icon.water-sakutto img {
width: 56%;
}
}
.top__nav__logo {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
.top__nav__logo img {
width: 76.47%;
max-width: 130px;
height: auto;
}
.top__nav__logo.iot img {
max-width: 90px;
}
.top__nav.lower {
margin-top: 40px;
padding: 0 60px;
}
.top__nav.lower a {
background-color: #eee;
justify-content: center;
padding-top: 0;
}
.top__nav.lower a.water-sakutto {
justify-content: flex-start;
padding-top: 10%;
}
.top__nav.lower a .top__nav__icon.water-sakutto img {
max-width: 120px;
}
@media screen and (max-width: 960px) {
.top__nav {
margin-bottom: 40px;
}
.top__nav__links {
flex-wrap: wrap;
justify-content: center;
}
.top__nav__links li {
display: flex;
justify-content: center;
align-items: center;
width: 33.33%;
max-width: auto;
}
.top__nav__links li:nth-child(n+4) {
margin-top: 20px;
}
.top__nav__links li a {
justify-content: center;
padding-top: 0;
width: 140px;
height: 140px;
box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
}
.top__nav__icon img {
width: 70px;
}
.top__nav__logo img {
width: 100px;
}
.top__nav.lower {
padding: 0 20px;
}
.top__nav.lower li:nth-child(n+4) {
margin-top: 20px;
}
.top__nav.lower a {
box-shadow: none;
}
.top__nav.lower a .top__nav__icon.water-sakutto img {
width: 67%;
}
}
@media screen and (max-width: 590px) {
.top__nav {
margin-bottom: 20px;
}
.top__nav__links {
flex-wrap: wrap;
justify-content: space-between;
}
.top__nav__links li {
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
max-width: 33.33%;
}
.top__nav__links li a {
width: 90px;
height: 90px;
}
.top__nav__icon img {
width: 40%;
}
.top__nav__logo img {
width: 70%;
height: auto;
}
.top__nav__logo.iot img {
width: 70%;
}
.top__nav.lower {
margin-top: 0;
padding: 0;
}
.top__nav.lower .top__nav__icon.water-sakutto img {
width: 65%;
}
}
.top__upper__buttons {
margin: 80px auto 0 auto;
width: 890px;
}
.top__upper__buttons ul {
margin: 0;
}
.top__upper__buttons li {
padding: 0;
}
.top__upper__buttons li a {
display: block;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 80px;
font-size: 20px;
font-weight: bold;
}
.top__upper__buttons li a span {
line-height: 1;
}
.top__upper__buttons li:first-child {
padding-right: 2%;
}
.top__upper__buttons li:first-child a {
width: 100%;
height: 80px;
font-size: 20px;
}
.top__upper__buttons li:last-child {
padding-left: 2%;
}
@media screen and (max-width: 960px) {
.top__upper__buttons {
margin-top: 40px;
padding: 0 20px;
width: 100%;
}
}
@media screen and (max-width: 590px) {
.top__upper__buttons {
margin-top: 0;
}
.top__upper__buttons li {
margin-top: 20px;
padding: 0 !important;
}
}
.top__upper__buttons.lower {
margin-top: 250px;
padding: 0;
}
.top .service-info {
padding: 80px 0;
}
.top .service-info .headline_4 {
text-align: center;
}
.top .service-info__img {
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 40px;
}
.top .service-info__img img {
width: 800px;
height: auto;
}
.top .service-info__img2 {
margin-top: 40px;
}
.top .service-info__text {
margin-top: 40px;
font-size: 22px;
font-weight: bold;
text-align: center;
}
.top .service-info__benefits {
position: relative;
overflow: hidden;
margin-top: 40px;  }
.top .service-info__benefits__img_01 img {
width: 100%;
height: auto;
}
.top .service-info__benefits__img_02 img {
margin-top: -20%;
margin-left: 60%;
width: 50%;
height: auto;
}
.top .service-info__benefits__img_03 {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
}
.top .service-info__benefits__img_03 img {
width: 40%;
height: auto;
}
.top .service-info__benefits__content {
position: absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.top .service-info__benefits__content > div {
width: 100%;
}
.top .service-info__benefits__balloon {
position: relative;
display: flex;
justify-content: center;
}
.top .service-info__benefits__balloon span {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 140px;
height: 140px;
color: #fff;
font-size: 17px;
font-weight: bold;
text-align: center;
background-color: #fc6a67;
border-radius: 100%;
}
.top .service-info__benefits__balloon span::after {
position: absolute;
top: 120px;
left: 10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 20px solid #fc6a67;
transform: rotate(40deg);
-webkit-transform: rotate(40deg);
content: "";
}
.top .service-info__benefits__logo {
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 40px;
}
.top .service-info__benefits__logo img {
width: 400px;
height: auto;
}
.top .service-info__benefits__text {
margin-top: 20px;
text-align: center;
font-size: 26px;
line-height: 2em;
}
.top .service-info__benefits__text .sp-only {
display: none;
}
.top .service-info__benefits_house-type .container {
padding: 0;
}
.top .service-info__benefits_house-type_img {
width: 100%;
}
.top .service-info__benefits_house-type_img img {
width: 94%;
display: block;
margin: auto;
height: auto;
}
.top .service-info__benefits_house-type_img img.sp-only {
display: none;
}
@media screen and (max-width: 590px) {
.top .service-info__benefits_house-type_img img {
width: 100%;
}
.top .service-info__benefits_house-type_img img.sp-only {
display: block;
}
.top .service-info__benefits_house-type_img img.pc-only {
display: none;
}
}
.top .service-info__benefits_house-type_note {
font-size: 14px;
line-height: 25px;
margin: 50px 0 0;
}
.top .service-info__benefits_house-type_note span {
color: #F76964;
}
@media screen and (max-width: 590px) {
.top .service-info__benefits_house-type_note {
font-size: 12px;
line-height: 20px;
padding: 20px 10px;
margin: 20px 0 0;
}
}
.top .service-info__benefits_house-type .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 71px;
margin: 0 0 48px 0;
}
.top .service-info__benefits_house-type .swiper-button-next.swiper-button-white, .top .service-info__benefits_house-type .swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #3d3d3d;
}
.top .service-info__benefits_house-type .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
border: solid 1px #8f8f8f;
}
.top .service-info__benefits_house-type .swiper-button-prev.swiper-button-white {
left: 0;
top: 47%;
}
.top .service-info__benefits_house-type .swiper-button-next.swiper-button-white {
right: 0;
top: 47%;
}
@media screen and (max-width: 590px) {
.top .service-info__benefits_house-type .swiper-button-next.swiper-button-white, .top .service-info__benefits_house-type .swiper-button-prev.swiper-button-white {
display: none;
}
.top .service-info__benefits_house-type .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 150px;
margin: 0;
}
}
@media screen and (max-width: 960px) {
.top .service-info__img2 img {
width: 100%;
height: auto;
}
.top .service-info__benefits__img_03 {
top: 30%;
}
.top .service-info__benefits__img_03 img {
width: 50%;
height: auto;
}
.top .service-info__benefits__content {
position: static;
margin-top: -150px;
}
.top .service-info__benefits__text {
font-size: 22px;
}
}
@media screen and (max-width: 590px) {
.top .service-info {
padding: 40px 0;
}
.top .service-info .headline_4 {
text-align: center;
}
.top .service-info__img {
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 40px;
}
.top .service-info__img img {
width: 100%;
height: auto;
}
.top .service-info__img2 {
margin-top: 40px;
}
.top .service-info__img2 img {
width: 100%;
height: auto;
}
.top .service-info__text {
margin-top: 40px;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.top .service-info__benefits {
position: relative;
overflow: hidden;
}
.top .service-info__benefits__img_01 {
overflow: hidden;
width: 100%;
height: 400px;
}
.top .service-info__benefits__img_01 img {
margin-top: -10%;
margin-left: -40%;
width: 300%;
height: auto;
}
.top .service-info__benefits__img_02 {
display: flex;
justify-content: center;
align-items: center;
}
.top .service-info__benefits__img_02 img {
margin-top: -10%;
margin-left: 0;
width: 60%;
height: auto;
}
.top .service-info__benefits__img_03 {
position: static;
transform: translateY(0);
margin-top: -30px;
}
.top .service-info__benefits__img_03 img {
width: 70%;
height: auto;
}
.top .service-info__benefits__content {
position: static;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-top: 0;
padding: 0 20px;
}
.top .service-info__benefits__balloon span {
width: 100px;
height: 100px;
font-size: 14px;
}
.top .service-info__benefits__balloon span::after {
top: 80px;
}
.top .service-info__benefits__logo {
margin-top: 20px;
}
.top .service-info__benefits__logo img {
width: 80%;
height: auto;
}
.top .service-info__benefits__text {
font-size: 14px;
line-height: 1.5em;
}
.top .service-info__benefits__text .sp-only {
display: block;
width: 0;
height: 0;
}
}
.top .marutto-seriese {
padding: 80px 0;
background-color: #efefef;
}
.top .marutto-seriese__logo {
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 40px;
}
.top .marutto-seriese__logo img {
width: 400px;
height: auto;
}
.top .marutto-seriese__item {
padding: 40px 0;
}
.top .marutto-seriese__item a {
position: relative;
display: block;
width: 100%;
height: 100%;
border-radius: 5px;
border: 1px solid #cccccc;
overflow: hidden;
}
.top .marutto-seriese__item a::after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.top .marutto-seriese__item a:hover::after {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.top .marutto-seriese__item_logo {
position: absolute;
left: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
align-items: center;
width: 200px;
height: 60px;
background-color: #fff;
}
.top .marutto-seriese__item_logo img {
width: 80%;
height: auto;
}
.top .marutto-seriese__item_denki a, .top .marutto-seriese__item_gas a {
height: 300px;
}
.top .marutto-seriese__item_hikari a, .top .marutto-seriese__item_water a, .top .marutto-seriese__item_wifi a {
margin-top: 40px;
height: 320px;
}
.top .marutto-seriese__item_iot a, .top .marutto-seriese__item_water-sakutto a, .top .marutto-seriese__item_teigaku a {
margin-top: 40px;
height: 160px;
}
.top .marutto-seriese__item_denki a::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/top/denki_bg.jpg);
}
.top .marutto-seriese__item_water a::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/top/water_bg.jpg);
}
.top .marutto-seriese__item_hikari a::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/top/hikari_bg.jpg);
}
.top .marutto-seriese__item_gas a::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/top/gas_bg.jpg);
}
.top .marutto-seriese__item_water-sakutto a::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/top/water-sakutto_bg.webp);
}
.top .marutto-seriese__item_wifi a::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/top/wifi_bg.jpg);
}
.top .marutto-seriese__item_iot .marutto-seriese__item_logo {
width: 240px;
}
.top .marutto-seriese__item_iot .marutto-seriese__item_logo img {
width: 90%;
}
.top .marutto-seriese__item_iot a::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/top/iot_bg.jpg);
background-position: center top 30%;
}
.top .marutto-seriese__item_teigaku a {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding-top: 20px;
text-align: center;
background-color: #212121;
}
.top .marutto-seriese__item_teigaku a > span {
width: 100%;
}
.top .marutto-seriese__item_teigaku_logo img {
width: 70%;
height: auto;
}
.top .marutto-seriese__item_teigaku_text {
margin-top: 10px;
color: #fff;
font-size: 20px;
font-weight: bold;
letter-spacing: 2px;
}
.top .marutto-seriese__item_teigaku_text::after {
margin: 0 10px;
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-weight: 900;
}
@media screen and (max-width: 960px) {
.top .marutto-seriese {
padding: 40px 0;
}
.top .marutto-seriese__logo {
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 40px;
}
.top .marutto-seriese__logo img {
width: 400px;
height: auto;
}
.top .marutto-seriese__item {
padding: 40px 0;
}
.top .marutto-seriese__item_logo {
width: 100%;
height: 50px;
}
.top .marutto-seriese__item_logo img {
width: 90%;
height: auto;
}
.top .marutto-seriese__item_denki a, .top .marutto-seriese__item_water a {
height: 160px;
}
.top .marutto-seriese__item_hikari a, .top .marutto-seriese__item_gas a, .top .marutto-seriese__item_wifi a {
height: 160px;
}
.top .marutto-seriese__item_iot a, .top .marutto-seriese__item_water-sakutto a, .top .marutto-seriese__item_teigaku a {
height: 160px;
}
.top .marutto-seriese__item_iot .marutto-seriese__item_logo {
width: 100%;
}
.top .marutto-seriese__item_teigaku a {
padding-top: 20px;
}
.top .marutto-seriese__item_teigaku_logo img {
width: 90%;
}
}
@media screen and (max-width: 590px) {
.top .marutto-seriese {
padding: 40px 0;
background-color: #efefef;
}
.top .marutto-seriese__logo img {
width: 100%;
max-width: 400px;
}
.top .marutto-seriese__item {
padding: 0;
}
.top .marutto-seriese__item li {
margin-top: 20px;
}
.top .marutto-seriese__item_logo {
position: absolute;
left: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
align-items: center;
width: 200px;
height: 60px;
background-color: #fff;
}
.top .marutto-seriese__item_logo img {
width: 80%;
height: auto;
}
.top .marutto-seriese__item_denki a, .top .marutto-seriese__item_water a {
height: 150px;
margin-top: 0px;
}
.top .marutto-seriese__item_hikari a, .top .marutto-seriese__item_gas a, .top .marutto-seriese__item_wifi a {
margin-top: 0;
height: 150px;
}
.top .marutto-seriese__item_iot a, .top .marutto-seriese__item_water-sakutto a, .top .marutto-seriese__item_teigaku a {
margin-top: 0;
height: 150px;
}
.top .marutto-seriese__item_iot .marutto-seriese__item_logo {
width: 200px;
}
.top .marutto-seriese__item_teigaku a {
padding-top: 10px;
height: 100px;
}
}
.top .living-with-marutto {
padding: 80px 0;
}
.top .living-with-marutto .headline_5 {
padding: 20px 0;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/top/living-with-marutto_bg.svg);
background-position: 10% bottom;
background-size: auto 100%;
}
.top .living-with-marutto__slider {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
padding: 0 !important;
position: relative;
}
.top .living-with-marutto__slider:before {
content: "";
background: transparent;
display: block;
padding-bottom: 48%;
}
@media screen and (max-width: 768px) {
.top .living-with-marutto__slider:before {
padding-bottom: 89%;
}
}
@media screen and (max-width: 590) {
.top .living-with-marutto__slider:before {
padding-bottom: 82%;
}
}
.top .living-with-marutto__slider #thumb.slider-pro {
display: block;
position: absolute;
max-width: 100% !important;
padding-right: 300px;
}
@media screen and (max-width: 991px) {
.top .living-with-marutto__slider #thumb.slider-pro {
padding-right: 200px;
}
}
@media screen and (max-width: 768px) {
.top .living-with-marutto__slider #thumb.slider-pro {
padding-right: 0px;
}
}
.top .living-with-marutto__slider #thumb.slider-pro .sp-thumbnails-container {
height: 100% !important;
}
@media screen and (max-width: 768px) {
.top .living-with-marutto__slider #thumb.slider-pro .sp-thumbnails-container {
height: auto !important;
}
}
.top .living-with-marutto__slider #thumb.slider-pro .sp-thumbnails-container .sp-thumbnails {
height: 200px !important;
}
.top .living-with-marutto__slider #thumb.slider-pro .sp-thumbnails-container .sp-thumbnails .sp-thumbnail {
display: block;
}
.top .living-with-marutto__message {
text-align: center;
}
.top .living-with-marutto__message__logo {
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 40px;
}
.top .living-with-marutto__message__logo img {
width: 400px;
height: auto;
}
.top .living-with-marutto__message__text {
margin-top: 40px;
font-size: 17px;
text-align: center;
line-height: 2em;
}
.top .living-with-marutto__message__text .tab-only {
display: none;
}
.top .living-with-marutto__message__button {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
}
.top .living-with-marutto__message__button .button-triangle {
position: relative;
width: 280px;
height: 50px;
font-size: 18px;
}
.top .living-with-marutto__message__button .button-triangle::after {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-family: "Font Awesome 5 Free";
content: "\f0d8";
font-weight: 900;
}
@media screen and (max-width: 960px) {
.top .living-with-marutto {
padding: 40px 0;
}
.top .living-with-marutto__message__text .tab-only {
display: block;
width: 0;
height: 0;
}
}
@media screen and (max-width: 590px) {
.top .living-with-marutto {
padding: 40px 0;
}
.top .living-with-marutto .headline_5 {
padding: 0;
background-position: 0 bottom;
}
.top .living-with-marutto__message__logo {
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 40px;
}
.top .living-with-marutto__message__logo img {
width: 100%;
}
.top .living-with-marutto__message__text {
font-size: 14px;
text-align: left;
line-height: 1.5em;
}
.top .living-with-marutto__message__text br {
display: none;
}
.top .living-with-marutto__message__button .button-blue {
width: 100%;
}
}
.anim-circle__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
height: 500px;
}
.anim-circle, .ctrl-circle {
width: 650px;
height: 360px !important;
}
.layout-circle {
width: 650px !important;
height: auto !important;
}
.circle-bottom__wrapper img {
margin: 0;
width: 100%;
height: auto;
}
.circle-bottom__wrapper__sp-only {
display: none;
}
@media screen and (max-width: 960px) {
.anim-circle__wrapper {
height: 450px;
}
.anim-circle, .ctrl-circle {
width: 560px !important;
height: 310px !important;
margin: 0 auto !important;
}
.layout-circle {
width: 560px !important;
height: auto !important;
}
}
@media screen and (max-width: 590px) {
.anim-circle__wrapper {
height: 300px;
}
.anim-circle, .ctrl-circle {
width: 280px !important;
height: 115px !important;
margin: 0 auto !important;
}
.layout-circle {
width: 280px !important;
height: auto !important;
}
.circle-bottom__wrapper {
display: none;
}
.circle-bottom__wrapper__sp-only {
display: block;
margin-top: 50px;
}
.circle-bottom__wrapper__sp-only img {
margin: 0;
width: 100%;
height: auto;
}
} .low {
font-size: 16px;
margin-top: 60px;
}
@media screen and (max-width: 960px) {
.low {
margin-top: 0;
}
}
.low .row {
padding: 0;
}
.low .row:first-child .lower__sec-header {
padding-top: 40px;
}
@media screen and (max-width: 960px) {
.low .row:first-child .lower__sec-header {
padding-top: 100px;
}
}
@media screen and (max-width: 767.98px) {
.low .row:first-child .lower__sec-header {
padding-top: 40px;
}
}
@media screen and (max-width: 575.98px) {
.low .row:first-child .lower__sec-header {
padding-top: 24px;
}
}
.low section {
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (max-width: 590px) {
.low section {
padding-top: 30px;
padding-bottom: 30px;
}
}
.low__nav {
background-color: rgba(24, 30, 33, 0.8);
}
.low__nav_inner {
display: flex;
align-items: center;
margin: 0 auto;
max-width: 1280px;
height: 60px;
}
.low__nav_logo img {
width: 180px;
height: auto;
}
.low__nav_item {
display: flex;
justify-content: space-between;
margin: 0;
}
.low__nav_item li a {
color: #fff;
font-weight: bold;
font-size: 1.4rem;
}
.low__kv {
width: 100%;
height: auto;
margin-top: 60px;
max-height: 70vh;
}
@media screen and (max-width: 1040px) {
.low__kv {
max-height: 70vh;
}
}
@media screen and (max-width: 769px) {
.low__kv {
margin-top: 0px;
}
}
.low__kv .swiper-container {
display: block;
width: 100%;
height: 100%;
max-height: 50vh;
line-height: 0;
}
@media screen and (max-width: 1040px) {
.low__kv .swiper-container {
height: auto;
}
}
.low__kv .swiper-container .kv-ttl_pc {
position: absolute;
}
.low__kv .swiper-container .kv-ttl_pc img {
object-fit: contain;
max-width: 800px;
min-width: 500px;
}
.low__kv .swiper-container .kv-ttl_sp {
position: absolute;
top: 50%;
left: 50%;
width: 80vw;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.low__kv .swiper-container .kv-ttl_sp img {
object-fit: contain;
}
.low__kv img {
width: 100%;
height: auto;
object-fit: cover;
min-height: 210px;
}
@media screen and (max-width: 590px) {
.low__kv {
height: auto;
}
.low__kv img {
width: 100%;
height: auto;
object-fit: cover;
}
}
.low_top_sec_01__item {
margin-top: 40px;
}
.low_top_sec_01__item li {
padding: 0 20px;
}
.low_top_sec_01__item a {
display: block;
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
padding: 20px 0;
border-radius: 4px;
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
}
.low_top_sec_01__item_text {
margin-top: 20px;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 18px;
}
.low_top_sec_02 {
padding: 0 40px;
}
.low_top_sec_02__inner {
padding: 80px 0;
background: linear-gradient(90deg, #fff0d8, #ffdcda);
}
@media screen and (max-width: 590px) {
.low_top_sec_02 {
padding: 0;
}
.low_top_sec_02__inner {
padding: 40px 20px;
}
}
.low .lower__sec-header {
padding: 20px 60px;
}
.low .lower__sec-header__nav {
display: flex;
align-items: center;
}
.low .lower__sec-header__nav span {
padding-top: 4px;
line-height: 1;
}
.low .lower__sec-header__nav:before {
margin-right: 10px;
font-family: "Font Awesome 5 Free";
content: "\f053";
font-weight: 900;
font-size: 24px;
}
.low .lower__sec-header .headline_2 {
margin-top: 10px;
font-weight: 200;
}
@media screen and (max-width: 590px) {
.low .lower__sec-header {
padding: 10px 40px;
}
.low .lower__sec-header .headline_2 {
font-weight: 300;
margin-top: 10px;
}
}
.low .lower__kv {
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 40px;
}
.low .lower__kv__lead {
margin-left: 48%;
width: 650px;
padding: 80px 40px 40px 40px;
background-color: rgba(255, 255, 255, 0.7);
}
.low .lower__kv p {
margin-top: 40px;
line-height: 2em;
}
.low .lower__kv__emphasis {
margin-top: 20px;
padding: 20px;
font-weight: bold;
color: #fff;
text-align: center;
background-color: #ff4c40;
}
.low .lower__kv .kome {
margin-top: 20px;
}
@media screen and (max-width: 960px) {
.low .lower__kv {
justify-content: center;
padding: 20px;
}
.low .lower__kv__lead {
margin-left: 0;
width: 100%;
padding: 20px;
}
.low .lower__kv__lead .headline_8 {
line-height: 1.5em;
}
.low .lower__kv p {
margin-top: 20px;
}
.low .lower__kv__emphasis {
margin-top: 20px;
padding: 20px;
font-weight: normal;
font-size: 16px;
text-align: left;
}
.low .lower__kv__emphasis br {
display: none;
}
.low .lower__kv .kome {
margin-top: 10px;
}
}
@media screen and (max-width: 590px) {
.low .lower__kv__lead {
padding: 10px;
}
.low .lower__kv__lead .headline_8 {
font-size: 18px;
line-height: 1.5em;
color: #551D00;
}
}
.low .lower__exp__wrapper {
padding: 20px;
border: 1px solid #000;
}
.low .lower__exp__title span {
margin-right: 20px;
font-weight: bold;
font-size: 18px;
}
.low .lower__exp__item {
display: flex;
margin-top: 10px;
}
.low .lower__exp__item ul {
margin-right: 10px;
display: flex;
}
@media screen and (max-width: 1200px) {
.low .lower__exp__item ul {
flex-wrap: wrap;
}
}
.low .lower__exp__item li::after {
margin: 0 5px;
content: "/";
}
.low .lower__exp__item li:last-child:after {
display: none;
}
.low .lower__exp .kome {
margin-top: 10px;
}
.low .lower__exp__kome {
margin-top: 10px;
padding-left: 5px;
}
@media screen and (max-width: 960px) {
.low .lower__exp {
padding: 20px;
}
.low .lower__exp__wrapper {
padding: 20px;
}
.low .lower__exp__title span {
display: block;
margin-bottom: 10px;
margin-right: 0;
line-height: 1.5em;
}
.low .lower__exp__item {
flex-wrap: wrap;
font-size: 14px;
}
.low .lower__exp__item ul {
margin-right: 0;
flex-wrap: wrap;
line-height: 1.5em;
}
.low .lower__exp__item li {
font-size: 14px;
}
.low .lower__exp .kome {
text-align: left;
}
.low .lower__exp__kome {
padding-left: 0;
text-align: left;
}
}
#denki-top .headline_2 {
color: #551d00;
}
#denki-top .headline_4 {
font-family: "Trebuchet MS", "Hind", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
#denki-top .low__kv__back {
height: 50vh;
background-size: cover;
background-repeat: no-repeat;
background-position: 0px -200px;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/denki_top_back_01.jpg);
background-attachment: fixed;
position: relative;
}
#denki-top .low__kv__back .kv-ttl_pc {
position: absolute;
top: 45px;
left: 75px;
}
#denki-top .low__kv__back .kv-ttl_pc img {
height: auto;
object-fit: contain;
width: 700px;
}
#denki-top .low__kv__back .kv-ttl_sp {
width: 80%;
top: 0px;
right: 10%;
object-fit: contain;
position: absolute;
bottom: -20px;
}
#denki-top .low__kv__back .kv-ttl_sp img {
object-fit: contain;
}
@media screen and (max-width: 960px) {
#denki-top .low__kv__back {
height: 300px;
}
#denki-top .low__kv__back .kv-ttl_pc {
top: 0px;
left: 40px;
}
#denki-top .low__kv__back .kv-ttl_pc img {
height: auto;
width: 400px;
object-fit: contain;
}
}
@media screen and (max-width: 590px) {
#denki-top .low__kv {
position: relative;
height: 200px;
}
#denki-top .low__kv__back {
background-image: none;
background-attachment: unset;
height: 200px;
}
#denki-top .low__kv__back:before {
content: "";
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 310px;
z-index: -10;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/denki_top_back.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: 10% 10%;
background-size: 220%;
}
}
#denki-top .low_top {  }
#denki-top .low_top_sec_01__item {
display: flex;
justify-content: center;
}
#denki-top .low_top_sec_01__item .sp {
display: none;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_01__item .sp {
display: block;
}
}
#denki-top .low_top_sec_01__item .pc {
display: block;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_01__item .pc {
display: none;
}
}
#denki-top .low_top_sec_01__item li {
padding: 0 15px;
width: 25%;
}
#denki-top .low_top_sec_01__item a:hover {
background-color: rgba(240, 145, 56, 0.5);
}
#denki-top .low_top_sec_01__item_icon img {
margin-top: 15px;
height: 100px;
vertical-align: middle;
border-style: none;
}
#denki-top .low_top_sec_01__item_text {
color: #551d00;
}
#denki-top .low_top_sec_01 .note {
margin: 20px 0;
}
@media screen and (max-width: 960px) {
#denki-top .low_top_sec_01__item {
flex-wrap: wrap;
}
#denki-top .low_top_sec_01__item li {
width: 50%;
}
#denki-top .low_top_sec_01__item li:nth-child(n+3) {
margin-top: 30px;
}
#denki-top .low_top_sec_01__item_icon {
width: 100px;
height: auto;
}
#denki-top .low_top_sec_01__item_icon img {
width: auto;
height: 100%;
}
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_01 {
background-color: #fff;
padding: 30px 0 !important;
}
#denki-top .low_top_sec_01__inner {
padding: 60px 0;
}
#denki-top .low_top_sec_01__item {
padding: 0 15px;
}
#denki-top .low_top_sec_01__item li {
margin-bottom: 0;
padding: 0 5px;
}
#denki-top .low_top_sec_01__item li:nth-child(n+3) {
margin-top: 10px;
}
#denki-top .low_top_sec_01__item li a {
padding: 15px 5px;
}
#denki-top .low_top_sec_01__item_icon {
width: 100px;
height: auto;
text-align: center;
}
#denki-top .low_top_sec_01__item_icon img {
height: 60px;
margin-top: 5px;
}
#denki-top .low_top_sec_01__item_text {
margin-top: 10px;
font-size: 16px;
}
}
#denki-top .low_top_sec_02 { }
#denki-top .low_top_sec_02__inner {
padding: 40px 15px;
background-color: #fff0d9 !important;
background: none;
}
#denki-top .low_top_sec_02__inner .container {
padding: 0;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_02__inner {
padding: 30px 15px;
}
}
#denki-top .low_top_sec_02__item {
margin-top: 50px;
background-color: #fff;
padding: 30px;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_02__item {
padding: 20px 10px;
}
}
#denki-top .low_top_sec_02__item__title h2 {
font-size: 32px;
font-weight: 400;
line-height: 48px;
color: #FFB036;
text-align: center;
}
#denki-top .low_top_sec_02__item__title h3 {
font-size: 20px;
font-weight: 600;
line-height: 34px;
margin: 30px 0;
color: #333;
text-align: center;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_02__item__title h3 {
font-size: 16px;
font-weight: 600;
line-height: 28px;
margin: 10px 0;
}
}
#denki-top .low_top_sec_02__item.second .img2 {
margin-top: 65px;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_02__item.second .img2 {
margin-top: 0;
}
}
#denki-top .low_top_sec_02__item.second h2 {
color: #FF4C40;
}
#denki-top .low_top_sec_02__img {
text-align: center;
}
#denki-top .low_top_sec_02__img img {
width: 80%;
height: auto;
}
#denki-top .low_top_sec_02__text {
width: 100%;
background-color: red;
}
#denki-top .low_top_sec_02__text p {
margin-top: 40px;
font-size: 18px;
line-height: 32px;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_02__text p {
font-size: 16px;
line-height: 28px;
}
}
#denki-top .low_top_sec_02__button {
margin-top: 20px;
}
@media screen and (max-width: 960px) {
#denki-top .low_top_sec_02__item {
flex-wrap: wrap;
}
#denki-top .low_top_sec_02__img {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
}
#denki-top .low_top_sec_02__img img {
width: 60%;
height: auto;
}
#denki-top .low_top_sec_02__text {
margin-top: 40px;
width: 100%;
}
#denki-top .low_top_sec_02__text p {
margin-top: 20px;
line-height: 2em;
}
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_02 {
padding: 0;
}
#denki-top .low_top_sec_02__item {
margin-top: 20px;
}
#denki-top .low_top_sec_02__img img {
width: 100%;
height: auto;
}
#denki-top .low_top_sec_02 .headline_2 {
margin-top: 0px;
}
#denki-top .low_top_sec_02__text {
margin-top: 20px;
}
#denki-top .low_top_sec_02__button {
margin-top: 20px;
}
}
#denki-top .low_top_sec_02__inner .tab-wrap_sp-only__title {
width: 100%;
padding-left: 0;
}
#denki-top .low_top_sec_02__inner .tab__content {
width: 100%;
}
#denki-top .low_top_sec_02__inner .tab-wrap_sp-only label:after {
content: none;
}
#denki-top .low_top_sec_02__inner .tab-wrap_sp-only .tab-wrap_sp-only__content {
width: 100%;
padding: 0;
}
#denki-top .low_top_sec_02__inner .tab-wrap_sp-only .tab-wrap_sp-only__content__inenr {
width: 100%;
}
#denki-top .low_top_sec_02__inner .tab-wrap_sp-only .tab-wrap_sp-only__content .tab__content_headline {
margin: 10px 0 0;
}
#denki-top .low_top_sec_02__inner .price_acc {
padding-top: 60px;
}
#denki-top .low_top_sec_02__inner .price_acc .tab + label.plan1 {
border-left: 20px solid #333;
}
#denki-top .low_top_sec_02__inner .price_acc .tab + label.plan2 {
border-right: 20px solid #333;
}
#denki-top .low_top_sec_02__inner .price_choice-btn_1,
#denki-top .low_top_sec_02__inner .price_choice-btn_2 {
display: none;
}
#denki-top .low_top_sec_02__inner #plan1:checked ~ .price_choice-btn_1,
#denki-top .low_top_sec_02__inner #plan2:checked ~ .price_choice-btn_2 {
display: block;
}
#denki-top .low_top_sec_02__inner .price_acc-box {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 30px;
padding: 20px;
}
#denki-top .low_top_sec_02__inner .price_acc-box > input {
display: none;
}
#denki-top .low_top_sec_02__inner .price_acc-box > label {
text-align: center;
font-size: 20px;
position: relative;
font-weight: 500;
display: block !important;
margin: auto;
position: relative;
}
#denki-top .low_top_sec_02__inner .price_acc-box .price_acc_btn::after {
content: "";
position: absolute;
bottom: -2.15rem;
right: 0px;
top: 30%;
margin-left: -0.1rem;
transform: translateX(-50%) rotate(135deg);
vertical-align: middle;
width: 0.89rem;
height: 0.89rem;
border-top: 2px solid rgb(112, 112, 112);
border-right: 2px solid rgb(112, 112, 112);
transition: all 0.3s ease 0s;
}
#denki-top .low_top_sec_02__inner .price_acc-box > .price_acc_content {
overflow: hidden;
transition: max-height 0.3s;
max-height: 0px;
}
#denki-top .low_top_sec_02__inner .price_acc-box > input:checked ~ .price_acc_content {
max-height: 15000px;
margin-top: 50px;
transition: max-height 1s;
}
#denki-top .low_top_sec_02__inner .tab:checked + label::after {
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
content: "";
}
@media screen and (max-width: 960px) {
#denki-top .low_top_sec_02__inner .tab:checked + label::after {
content: none;
}
}
#denki-top .low_top_sec_02__inner .price_acc-box > input[type=checkbox]:checked ~ label ~ .price_acc_content {
max-height: 15000px;
margin-top: 50px;
transition: max-height 1s;
}
#denki-top .low_top_sec_02__inner .price_acc-box > input[type=checkbox]:checked ~ label::after {
transform: translateX(-50%) rotate(315deg);
-webkit-transform: translateX(-50%) rotate(315deg);
transition: all 0.3s;
}
#denki-top .low_top_sec_02__inner .price_acc-box > label::after {
content: "";
position: absolute;
bottom: 50%;
right: 0;
margin-left: -0.1rem;
transform: translateX(-50%) rotate(135deg);
-webkit-transform: translateX(-50%) rotate(135deg);
vertical-align: middle;
width: 0.89rem;
height: 0.89rem;
border-top: 2px solid #707070;
border-right: 2px solid #707070;
transition: all 0.3s;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_02__inner .price_acc-box {
margin: 10px 0;
padding: 10px 0px 10px;
}
#denki-top .low_top_sec_02__inner .price_acc {
padding-top: 20px;
}
#denki-top .low_top_sec_02__inner .price_acc > .container {
margin: 0px;
width: auto;
}
#denki-top .low_top_sec_02__inner .price_acc-box::before {
font-size: 20px;
left: -25;
top: 16;
}
#denki-top .low_top_sec_02__inner .price_acc-box > input[type=checkbox]:checked ~ label ~ .price_acc_content {
margin-top: 10px;
}
#denki-top .low_top_sec_02__inner .price_acc-box > .price_acc_content::before {
left: -25;
top: 16;
}
#denki-top .low_top_sec_02__inner .price_acc-box > input[type=checkbox]:checked ~ label ~ .price_acc_content {
padding-bottom: 20px;
}
#denki-top .low_top_sec_02__inner .price_acc-box > label {
font-size: 15px;
margin-bottom: 0px !important;
padding: 10px 0 10px 0;
}
#denki-top .low_top_sec_02__inner .price_acc-box > label::before {
font-size: 24px;
left: 0px;
top: 0;
}
#denki-top .low_top_sec_02__inner .price_acc-box > label::after {
width: 0.7rem;
height: 0.7rem;
right: 20px;
}
#denki-top .low_top_sec_02__inner .price_acc-box > .price_acc_content {
font-size: 14px;
padding: 0;
}
#denki-top .low_top_sec_02__inner .price_choice-btn_1,
#denki-top .low_top_sec_02__inner .price_choice-btn_2 {
display: none;
}
}
#denki-top .low_top_sec_03__inner {
margin-top: 40px;
padding: 80px 0 160px 0;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
#denki-top .low_top_sec_03__inner:before {
content: "";
top: 0;
right: 0;
width: 60%;
height: 75%;
position: absolute;
margin-top: 40px;
padding: 60px 0 100px 0;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-color: #fffbe6;
background-size: 60% 90%;
background-position: left center;
z-index: 1;
}
#denki-top .low_top_sec_03__inner .container {
position: relative;
}
#denki-top .low_top_sec_03__inner .container:after {
content: "";
position: absolute;
top: -70px;
right: 0;
width: 55%;
height: 150%;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_02.jpg) no-repeat right center;
background-position: right top;
z-index: 2;
}
#denki-top .low_top_sec_03__box__inner {
width: 50%;
padding: 40px 20px;
background-color: #fff;
position: relative;
z-index: 3;
}
#denki-top .low_top_sec_03__text {
margin-top: 40px;
line-height: 2em;
}
#denki-top .low_top_sec_03__img {
display: none;
}
#denki-top .low_top_sec_03 .note {
margin-top: 20px;
}
@media screen and (max-width: 960px) {
#denki-top .low_top_sec_03__inner {
margin-top: 40px;
padding: 0;
background-image: none;
}
#denki-top .low_top_sec_03__inner:before {
content: none;
}
#denki-top .low_top_sec_03__inner .container:after {
content: none;
}
#denki-top .low_top_sec_03__box {
width: 100%;
}
#denki-top .low_top_sec_03__box__inner {
width: 100%;
padding: 0;
}
#denki-top .low_top_sec_03__text {
margin-top: 40px;
line-height: 2em;
}
#denki-top .low_top_sec_03__img {
display: none;
}
#denki-top .low_top_sec_03 .note {
margin-top: 20px;
}
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_03 {
background-color: #fff;
padding: 30px 10px !important;
}
#denki-top .low_top_sec_03 .headline_2 {
margin-top: 20px;
}
#denki-top .low_top_sec_03__inner {
margin-top: 0;
padding: 0 20px;
height: auto;
background-image: none;
}
#denki-top .low_top_sec_03__box {
margin-top: 0;
padding: 20px;
}
#denki-top .low_top_sec_03__text {
margin-top: 20px;
}
#denki-top .low_top_sec_03__img {
display: block;
}
#denki-top .low_top_sec_03__img img {
width: 100%;
height: auto;
}
#denki-top .low_top_sec_03 .note {
margin-top: 20px;
}
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_waribiki {
background: linear-gradient(90deg, #fff0d8, #ffdcda);
}
}
#denki-top .low_top_sec_03__block {
text-align: center;
margin-bottom: 70px;
}
#denki-top .low_top_sec_03__block li {
margin-top: 50px;
}
#denki-top .low_top_sec_03__block h1 {
display: block;
font-size: 18px;
}
#denki-top .low_top_sec_03__block h2 {
display: none;
}
#denki-top .low_top_sec_03__box {
margin: 20px 0 0 0;
}
#denki-top .low_top_sec_03__box-back {
background: transparent linear-gradient(134deg, rgba(255, 176, 54, 0.2) 0%, rgba(255, 76, 64, 0.2) 100%);
height: 240px;
width: 340px;
position: absolute;
margin-top: 50px;
z-index: 1;
bottom: -20px;
right: 0px;
}
#denki-top .low_top_sec_03__box-img {
z-index: 2;
position: relative;
}
#denki-top .low_top_sec_03__box-img img {
width: 100%;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_03 .container {
padding: 0;
}
#denki-top .low_top_sec_03__block {
margin-bottom: 10px;
margin-top: 30px;
}
#denki-top .low_top_sec_03__block li {
position: relative;
padding: 0;
margin-top: 5px;
}
#denki-top .low_top_sec_03__block h1 {
display: none;
}
#denki-top .low_top_sec_03__block h2 {
display: block;
text-align: left;
font-size: 14px;
padding: 25px 0 0 20px;
}
#denki-top .low_top_sec_03__box {
margin: 0;
padding: 0;
background-color: rgba(191, 191, 191, 0.2);
}
#denki-top .low_top_sec_03__box-back {
background: none;
height: auto;
width: 70%;
position: relative;
margin-top: 10px;
z-index: 1;
bottom: 0;
right: 0;
}
#denki-top .low_top_sec_03__box-img {
width: 30%;
}
}
#denki-top .low_top_sec_03 .tab-wrap_sp-only__title {
width: 100%;
padding-left: 0;
}
#denki-top .low_top_sec_03 .tab__content {
width: 100%;
}
#denki-top .low_top_sec_03 .tab-wrap_sp-only label:after {
content: none;
}
#denki-top .low_top_sec_03 .tab-wrap_sp-only .tab-wrap_sp-only__content {
width: 100%;
padding: 0;
}
#denki-top .low_top_sec_03 .tab-wrap_sp-only .tab-wrap_sp-only__content .tab__content_headline {
margin: 10px 0 0;
}
#denki-top .low_top_sec_03 .option_acc {
padding-top: 20px;
}
#denki-top .low_top_sec_03 .option_acc-box {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 30px;
padding: 20px;
}
#denki-top .low_top_sec_03 .option_acc-box > input {
display: none;
}
#denki-top .low_top_sec_03 .option_acc-box > label {
position: relative;
margin: auto;
color: #333333;
text-align: center;
font-size: 18px;
font-weight: 500;
display: block !important;
}
#denki-top .low_top_sec_03 .option_acc-box > .option_acc_content {
overflow: hidden;
transition: max-height 0.3s;
max-height: 0px;
}
#denki-top .low_top_sec_03 .option_acc-box > input:checked ~ .option_acc_content {
max-height: 15000px;
margin-top: 50px;
transition: max-height 1s;
}
#denki-top .low_top_sec_03 .option_acc-box > input[type=checkbox]:checked ~ label ~ .option_acc_content {
max-height: 15000px;
margin-top: 50px;
transition: max-height 1s;
}
#denki-top .low_top_sec_03 .option_acc-box > input[type=checkbox]:checked ~ label::after {
transform: translateX(-50%) rotate(315deg);
-webkit-transform: translateX(-50%) rotate(315deg);
transition: all 0.3s;
}
#denki-top .low_top_sec_03 .option_acc-box > label::after {
content: "";
position: absolute;
bottom: -2.15rem;
right: 0;
top: 30%;
margin-left: -0.1rem;
transform: translateX(-50%) rotate(135deg);
-webkit-transform: translateX(-50%) rotate(135deg);
vertical-align: middle;
width: 0.89rem;
height: 0.89rem;
border-top: 2px solid #707070;
border-right: 2px solid #707070;
transition: all 0.3s;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_03 .option_acc-box {
margin: 0;
padding: 0 15px;
}
#denki-top .low_top_sec_03 .option_acc {
padding: 10px;
}
#denki-top .low_top_sec_03 .option_acc > .container {
margin: 0px;
width: auto;
}
#denki-top .low_top_sec_03 .option_acc-box::before {
font-size: 20px;
left: -25;
top: 16;
}
#denki-top .low_top_sec_03 .option_acc-box > input[type=checkbox]:checked ~ label ~ .option_acc_content {
margin-top: 10px;
}
#denki-top .low_top_sec_03 .option_acc-box > .option_acc_content::before {
font-size: 20px;
left: -25;
top: 16;
}
#denki-top .low_top_sec_03 .option-box > input[type=checkbox]:checked ~ label ~ .option_acc_content {
padding-bottom: 20px;
}
#denki-top .low_top_sec_03 .option_acc-box > label {
font-size: 15px;
margin-bottom: 0px !important;
padding: 15px 0;
}
#denki-top .low_top_sec_03 .option_acc-box > label::before {
font-size: 24px;
left: 0px;
top: 0;
}
#denki-top .low_top_sec_03 .option_acc-box > label::after {
width: 0.7rem;
height: 0.7rem;
right: 20px;
top: 40%;
}
#denki-top .low_top_sec_03 .option_acc-box > .option_acc_content {
font-size: 14px;
padding: 0;
}
}
#denki-top .low_top_sec_03__wrap_box {
text-align: center;
min-height: 550px;
border-radius: 5px 5px 0px 0px;
border: 2px solid #FF4C40;
}
#denki-top .low_top_sec_03__wrap_box_title {
background-color: #FF4C40;
padding: 20px 0;
text-align: center;
color: white;
min-height: 100px;
}
#denki-top .low_top_sec_03__wrap_box_title img {
display: none;
}
#denki-top .low_top_sec_03__wrap_box_title h1 {
font-size: 18px;
}
#denki-top .low_top_sec_03__wrap_box .first {
margin-top: 12px;
}
#denki-top .low_top_sec_03__wrap_box img {
width: 94px;
margin: 20px 0;
}
#denki-top .low_top_sec_03__wrap_box_text {
text-align: justify;
font-size: 18px;
font-weight: 500;
padding: 10px;
}
#denki-top .low_top_sec_03__wrap_box_note {
font-size: 14px;
font-weight: 400;
text-align: justify;
padding: 10px;
}
#denki-top .low_top_sec_03__wrap_box_note h1 {
font-size: 14px;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_03__wrap_box {
min-height: unset;
margin: 10px 0;
}
#denki-top .low_top_sec_03__wrap_box img {
display: none;
}
#denki-top .low_top_sec_03__wrap_box_title {
font-size: 18px;
padding: 10px 0 10px 10px;
min-height: unset;
text-align: left;
}
#denki-top .low_top_sec_03__wrap_box_title h1 {
font-size: 18px;
display: inline-block;
padding-left: 10px;
}
#denki-top .low_top_sec_03__wrap_box_title img {
vertical-align: bottom;
display: block;
margin: 0;
width: 50px;
display: inline;
}
#denki-top .low_top_sec_03__wrap_box .first {
padding-bottom: 10px;
margin: 0;
}
#denki-top .low_top_sec_03__wrap_box_text {
font-size: 14px;
}
#denki-top .low_top_sec_03__wrap_box_note {
font-size: 14px;
}
}
#denki-top .low_top_sec_04 {
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_03.jpg);
background-size: cover;
}
#denki-top .low_top_sec_04 .headline_1 {
margin-top: 80px;
text-align: center;
}
#denki-top .low_top_sec_04 .headline_2 {
margin-top: 40px;
text-align: center;
}
#denki-top .low_top_sec_04 .headline_2 br {
display: none;
}
#denki-top .low_top_sec_04__text {
margin-top: 40px;
line-height: 2em;
text-align: center;
}
#denki-top .low_top_sec_04__item {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 40px;
}
#denki-top .low_top_sec_04__item li {
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 25%;
}
#denki-top .low_top_sec_04__item li a {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 50px 0;
width: 250px;
height: 250px;
background-color: #fff;
text-align: center;
border-radius: 100%;
}
#denki-top .low_top_sec_04__icon {
width: 100%;
}
#denki-top .low_top_sec_04__icon img {
width: 40%;
height: auto;
}
#denki-top .low_top_sec_04__logo {
width: 100%;
}
#denki-top .low_top_sec_04__logo img {
width: 70%;
height: auto;
}
#denki-top .low_top_sec_04__cath {
width: 100%;
padding: 20px;
font-size: 15px;
}
#denki-top .low_top_sec_04__button {
margin: 40px auto 0 auto;
padding: 0;
}
@media screen and (max-width: 960px) {
#denki-top .low_top_sec_04__item {
flex-wrap: wrap;
}
#denki-top .low_top_sec_04__item li {
width: 50%;
}
#denki-top .low_top_sec_04__item li a {
margin: 0 auto;
padding: 30px 0;
width: 150px;
height: 150px;
}
#denki-top .low_top_sec_04__icon img {
width: 60px;
height: auto;
}
#denki-top .low_top_sec_04__logo img {
width: 100px;
height: auto;
}
#denki-top .low_top_sec_04__cath {
padding: 10px 20px;
}
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_04 .headline_1 {
margin-top: 40px;
}
#denki-top .low_top_sec_04 .headline_2 {
margin-top: 20px;
}
#denki-top .low_top_sec_04 .headline_2 br {
display: block;
}
#denki-top .low_top_sec_04__text {
margin-top: 20px;
font-size: 14px;
}
#denki-top .low_top_sec_04__item {
margin-top: 0;
}
#denki-top .low_top_sec_04__item li {
margin-top: 40px;
width: 100%;
}
#denki-top .low_top_sec_04__item li a {
padding: 30px 0;
}
#denki-top .low_top_sec_04__cath {
padding: 10px 20px 0 20px;
}
#denki-top .low_top_sec_04__button {
padding: 0 20px;
}
}
#denki-top .low_top_sec_05__item {
margin-top: 40px;
}
#denki-top .low_top_sec_05__item li {
height: 155px;
overflow: hidden;
}
#denki-top .low_top_sec_05__item li a {
position: relative;
display: block;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding-top: 5px;
align-items: center;
text-align: center;
color: #fff;
font-size: 22px;
letter-spacing: 2px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: rgba(0, 0, 0, 0.2);
overflow: hidden;
}
#denki-top .low_top_sec_05__item li a::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
background-size: cover;
background-position: center center;
content: "";
transition: all 0.3s ease-out;
z-index: 0;
overflow: hidden;
}
#denki-top .low_top_sec_05__item li a::before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
content: "";
transition: all 0.3s ease-out;
z-index: 1;
overflow: hidden;
}
#denki-top .low_top_sec_05__item li a:hover::after {
transform: scale(1.05);
}
#denki-top .low_top_sec_05__item li a span {
margin-top: 4px;
line-height: 1;
}
#denki-top .low_top_sec_05__item li:nth-child(1) a:after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_04.jpg);
}
#denki-top .low_top_sec_05__item li:nth-child(2) a:after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_05.jpg);
}
#denki-top .low_top_sec_05__item li:nth-child(3) a:after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_06.jpg);
}
#denki-top .low_top_sec_05__item li:nth-child(4) a:after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_07.jpg);
}
#denki-top .low_top_sec_05__item li:nth-child(n+3) {
margin-top: 30px;
}
#denki-top .low_top_sec_05__item li img {
margin-left: 40px;
width: 80px;
height: auto;
}
@media screen and (max-width: 960px) {
#denki-top .low_top_sec_05__item {
margin-top: 0;
padding: 0 20px;
}
#denki-top .low_top_sec_05__item li {
margin-top: 20px;
height: 100px;
}
#denki-top .low_top_sec_05__item li a {
font-size: 16px;
}
#denki-top .low_top_sec_05__item li img {
margin-left: 10px;
width: 40px;
}
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_05 {
padding: 40px 0 !important;
}
#denki-top .low_top_sec_05__item {
margin-top: 0;
padding: 0 20px;
}
#denki-top .low_top_sec_05__item li {
margin-top: 20px;
height: 80px;
}
#denki-top .low_top_sec_05__item li a {
font-size: 16px;
}
#denki-top .low_top_sec_05__item li img {
margin-left: 10px;
width: 40px;
}
}
#denki-top .low_top_sec_06 {
padding: 40px;
}
#denki-top .low_top_sec_06__inner {
padding: 40px 0;
background-color: #fff0d9;
}
#denki-top .low_top_sec_06__inner__lead {
margin: 40px auto 0;
font-size: 20px;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_06__inner__lead {
font-size: 16px;
}
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_06__inner {
padding: 30px 10px;
}
}
#denki-top .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#denki-top .low_top_sec_06__tag__content ol {
display: flex;
justify-content: space-between;
}
#denki-top .low_top_sec_06__tag__content li {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding: 0 10px;
width: 18%;
}
#denki-top .low_top_sec_06__tag__content li::after {
position: absolute;
right: -30px;
top: 30px;
margin: 0 10px;
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
opacity: 0.7;
}
#denki-top .low_top_sec_06__tag__content li:last-child::after {
display: none;
}
#denki-top .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
width: 100%;
}
#denki-top .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#denki-top .low_top_sec_06__tag__content_01__content {
margin-top: 10px;
display: flex;
align-items: center;
}
#denki-top .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #ff4c40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
#denki-top .low_top_sec_06__tag__content_01__text {
flex: 1;
font-weight: bold;
font-size: 15px;
}
@media screen and (max-width: 960px) {
#denki-top .low_top_sec_06 {
padding: 0;
}
#denki-top .low_top_sec_06 .tab {
position: relative;
}
#denki-top .low_top_sec_06 .tab-wrap {
display: block;
padding: 0;
}
#denki-top .low_top_sec_06 .tab + label {
width: 100%;
margin: 0;
height: auto;
line-height: 1.2em;
border: 4px solid #333;
align-items: center;
justify-content: left;
padding: 10px 20px 10px 50px;
text-align: left;
}
#denki-top .low_top_sec_06 .tab + label span {
line-height: 1.3;
}
#denki-top .low_top_sec_06 .tab + label.tab1 {
margin-bottom: 10px;
}
#denki-top .low_top_sec_06 .tab + label.tab1 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_1.svg);
}
#denki-top .low_top_sec_06 .tab + label.tab2 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_2.svg);
}
#denki-top .low_top_sec_06 .tab:checked + label {
background-color: #333;
position: relative;
}
#denki-top .low_top_sec_06 .tab:checked + label::after {
content: none;
}
#denki-top .low_top_sec_06 .tab:checked + label span {
display: inline;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content li {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content li::after {
top: 30px !important;
right: -20px;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content_01__icon {
display: flex;
align-items: center;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: auto;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content {
flex-wrap: wrap;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content > div {
width: 100%;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__no {
text-align: center;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__text {
padding: 0;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__text br {
display: none;
}
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content ol {
flex-wrap: wrap;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content li {
justify-content: center;
align-items: flex-start;
margin-top: 50px;
padding: 0;
width: 100%;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content li::after {
top: 105% !important;
left: 50%;
margin: 0;
transform: translateX(-50%);
content: "\f078";
text-align: center;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content {
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__no {
width: 100%;
text-align: center;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__text {
padding: 0;
width: 100%;
text-align: center;
}
#denki-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__text br {
display: block;
}
}
#denki-top .low_top_sec_07 {
padding: 30px 0;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/denki_QA_back.jpg);
background-repeat: no-repeat;
background-size: cover;
}
#denki-top .low_top_sec_07_block {
margin: 50px 0;
}
#denki-top .low_top_sec_07 .low_top_sec_07-box {
background-color: white;
border: solid 3px #FF4C40;
border-radius: 36px;
margin: 20px 0;
padding: 20px 40px 15px 60px;
}
#denki-top .low_top_sec_07 input {
display: none;
}
#denki-top .low_top_sec_07 label {
display: block !important;
font-size: 18px;
position: relative;
font-weight: 600;
}
#denki-top .low_top_sec_07 label:before {
content: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/denki_Q.svg);
font-size: 36px;
position: absolute;
height: 22px;
width: 22px;
left: -35px;
top: -13px;
font-weight: bold;
}
#denki-top .low_top_sec_07 label:after {
content: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/denki_Q_arrow.svg);
position: absolute;
bottom: -2.15rem;
right: 0;
top: 0;
margin-left: -0.1rem;
width: 20px;
height: 20px;
transition: all 0.3s;
}
#denki-top .low_top_sec_07 .answer {
overflow: hidden;
color: #ff4c40;
font-size: 16px;
transition: max-height 0.3s;
max-height: 0px;
}
#denki-top .low_top_sec_07 .answer a {
color: #0866c6;
text-decoration: underline;
margin: 10px 0;
display: block;
}
#denki-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label ~ p {
max-height: 2000px;
transition: all 1s;
margin: 10px 0;
}
#denki-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label::after {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
top: 0;
transition: all 0.3s;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_07 .low_top_sec_07-box {
margin: 10px 0;
padding: 10px 15px 0;
}
#denki-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label::after {
top: 10px;
}
#denki-top .low_top_sec_07 .container {
margin: 0px;
width: auto;
}
#denki-top .low_top_sec_07 label {
font-size: 15px;
margin-bottom: 0px !important;
padding: 5px 20px 0 25px;
}
#denki-top .low_top_sec_07 label:before {
font-size: 24px;
left: 0px;
top: 0;
width: 20px;
}
#denki-top .low_top_sec_07 label:after {
width: 15px;
height: 15px;
top: 5px;
}
#denki-top .low_top_sec_07 .answer {
font-size: 14px;
padding: 10px 0 0 0;
}
}
#denki-top .low_top_sec_08__inner .col-xs-4 {
width: 33%;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_08__inner .col-xs-4 {
padding: 0px;
}
}
#denki-top .low_top_sec_08__inner .row {
justify-content: space-around;
}
#denki-top .low_top_sec_08__inner .headline_1 {
display: block;
text-align: center;
}
#denki-top .low_top_sec_08__inner__lead {
margin: 40px auto 50px;
font-size: 20px;
text-align: center;
}
#denki-top .low_top_sec_08__inner_round {
margin-bottom: 50px;
text-align: center;
margin: 0 20px 50px;
}
#denki-top .low_top_sec_08__inner_round img {
width: 220px;
}
@media screen and (max-width: 590px) {
#denki-top .low_top_sec_08 {
padding: 30px 0 !important;
background-color: #fff;
}
#denki-top .low_top_sec_08__inner__lead {
font-size: 16px;
margin: 30px auto 30px;
}
#denki-top .low_top_sec_08__inner_round {
margin: 0 5px 20px;
}
#denki-top .low_top_sec_08__inner_round img {
width: 100%;
}
}
.denki-price_plan {
padding: 0 !important;
}
.denki-price_plan input:checked + label + .tab__content {
max-height: 15000px;
}
.denki-price_plan input:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
max-height: 3000px;
}
.denki-price_plan .tab-wrap {
background-color: transparent;
}
.denki-price_plan .tab-wrap input:checked + label + .tab__content {
max-height: 15000px !important;
}
.denki-price_plan__wrapper {
padding: 80px 0;
background-color: rgba(240, 145, 56, 0.2);
width: 95%;
margin: 60px auto 0;
}
.denki-price_plan__wrapper .price_choice-btn_1,
.denki-price_plan__wrapper .price_choice-btn_2 {
display: none;
}
.denki-price_plan__wrapper #plan1:checked ~ .price_choice-btn_1,
.denki-price_plan__wrapper #plan2:checked ~ .price_choice-btn_2 {
display: block;
margin-top: 10px;
}
@media screen and (max-width: 590px) {
.denki-price_plan__wrapper {
padding: 20px 5px;
background-color: rgba(240, 145, 56, 0.2);
width: 100%;
margin: 30px auto 0;
}
}
.denki-price_plan__item .tab {
position: relative;
}
@media screen and (max-width: 960px) {
.denki-price_plan__item .tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) .tab-wrap_sp-only__content {
display: flex;
}
}
@media screen and (max-width: 960px) {
.denki-price_plan__item .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) .tab-wrap_sp-only__content {
display: flex;
}
}
@media screen and (max-width: 960px) {
.denki-price_plan__item .tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) .tab-wrap_sp-only__content {
display: flex;
}
}
@media screen and (max-width: 960px) {
.denki-price_plan__item .tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) .tab-wrap_sp-only__content {
display: flex;
}
}
@media screen and (max-width: 960px) {
.denki-price_plan__item .tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) .tab-wrap_sp-only__content {
display: flex;
}
}
@media screen and (max-width: 960px) {
.denki-price_plan__item .tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) .tab-wrap_sp-only__content {
display: flex;
}
}
@media screen and (max-width: 960px) {
.denki-price_plan__item .tab:checked:nth-of-type(7) ~ .tab__content:nth-of-type(7) .tab-wrap_sp-only__content {
display: flex;
}
}
@media screen and (max-width: 960px) {
.denki-price_plan__item .tab:checked:nth-of-type(8) ~ .tab__content:nth-of-type(8) .tab-wrap_sp-only__content {
display: flex;
}
}
@media screen and (max-width: 960px) {
.denki-price_plan__item .tab:checked:nth-of-type(9) ~ .tab__content:nth-of-type(9) .tab-wrap_sp-only__content {
display: flex;
}
}
@media screen and (max-width: 960px) {
.denki-price_plan__item .tab:checked:nth-of-type(10) ~ .tab__content:nth-of-type(10) .tab-wrap_sp-only__content {
display: flex;
}
}
.denki-price_plan__item .tab + label {
width: 11.11%;
background-color: #fff;
}
@media screen and (max-width: 960px) {
.denki-price_plan__item .tab + label {
display: inline-block;
width: 30%;
margin: 0 1% 10px 1%;
line-height: 40px;
height: 40px;
border: 1px solid #333;
border-radius: 5px;
}
}
.denki-price_plan__item .tab:checked + label {
background-color: #333;
}
.denki-price_plan__item .tab:checked + label + .tab__content {
max-height: 15000px;
}
.denki-price_plan__item .tab__content {
padding: 0;
}
.denki-price_plan__item .tab__content_headline {
margin-top: 10px;
padding: 20px 17px;
text-align: center;
color: #000;
font-size: 18px;
font-weight: bold;
background-color: #ffb036;
}
@media screen and (max-width: 590px) {
.denki-price_plan__item .tab__content_headline {
margin-top: 0;
}
}
.denki-price_plan__item .tab__content .table {
width: 100%;
background-color: #fff;
border-left: 1px solid #ddd;
}
.denki-price_plan__item .tab__content .table td,
.denki-price_plan__item .tab__content .table th {
text-align: center;
vertical-align: middle;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.denki-price_plan__item .tab__content .table thead th {
padding: 15px;
color: #fff;
background-color: #919191;
}
.denki-price_plan__item .tab__content .table tbody th {
width: 20%;
color: #000;
background-color: #ffe6bf;
}
.denki-price_plan__item .tab__content .table tbody td {
padding: 20px;
}
.denki-price_plan__desp {
padding: 0 10px;
margin-top: 20px;
}
.denki-price_plan__desp h4 {
line-height: 1.5;
font-size: 18px;
}
@media screen and (max-width: 960px) {
.denki-price_plan__desp h4 {
font-size: 16px;
}
}
.denki-price_plan__desp p {
line-height: 1.5;
font-size: 14px;
}
@media screen and (max-width: 960px) {
.denki-price_plan__desp p {
font-size: 12px;
}
}
.denki-price_plan__button {
display: flex;
justify-content: center;
align-items: center;
padding: 80px 0;
}
.denki-price_plan__button a {
width: 40%;
}
@media screen and (max-width: 960px) {
.denki-price_plan__button a {
width: 100%;
margin-right: 20px;
margin-left: 20px;
}
}
.denki-price_plan__note {
padding: 40px 0;
background-color: #eee;
}
@media screen and (max-width: 960px) {
.denki-price_plan__note .container {
width: auto;
margin-right: 20px;
margin-left: 20px;
}
}
.denki-price_plan__note_inner {
padding: 40px !important;
background-color: #fff;
}
.denki-price_plan__note_title {
padding: 0;
font-size: 20px;
font-weight: bold;
}
.denki-price_plan__note dl {
margin-top: 20px;
}
.denki-price_plan__note dt {
position: relative;
}
.denki-price_plan__note dt::after {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
content: "：";
}
@media screen and (max-width: 960px) {
.denki-price_plan .tab-wrap_sp-only {
background-color: transparent !important;
margin-top: 10px;
}
.denki-price_plan .tab-wrap_sp-only__content {
width: 100%;
}
.denki-price_plan .tab-wrap_sp-only__content__inenr {
width: 100%;
}
.denki-price_plan .tab-wrap_sp-only label {
width: 30%;
}
.denki-price_plan .tab-wrap_sp-only .tab-wrap_sp-only__title {
margin-top: -10px;
}
.denki-price_plan .tab-wrap_sp-only__content {
padding-right: 0 !important;
}
.denki-price_plan .tab-wrap_sp-only__content__inenr {
width: 100%;
}
.denki-price_plan .tab-wrap_sp-only .tab__content_headline {
display: block !important;
width: 100%;
font-size: 16px;
}
.denki-price_plan .tab-wrap_sp-only .tab__content_headline span {
display: block;
}
.denki-price_plan .tab-wrap_sp-only .table {
width: 100%;
background-color: #fff;
border-left: 1px solid #ddd;
}
.denki-price_plan .tab-wrap_sp-only .table td,
.denki-price_plan .tab-wrap_sp-only .table th {
text-align: center;
vertical-align: middle;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.denki-price_plan .tab-wrap_sp-only .table thead th {
padding: 15px;
color: #fff;
background-color: #919191;
}
.denki-price_plan .tab-wrap_sp-only .table tbody th {
color: #000;
background-color: #ffe6bf;
}
.denki-price_plan .tab-wrap_sp-only .table tbody td {
padding: 20px;
}
.denki-price_plan .tab-wrap_sp-only .denki-price_plan__item .tab-wrap_sp-only__title {
padding-left: 0;
margin-bottom: 10px;
}
.denki-price_plan .tab-wrap_sp-only .denki-price_plan__item .tab + label {
display: inline-block;
width: 30%;
height: 40px;
margin: 0 1% 10px 1%;
line-height: 40px;
border: 1px solid #333;
border-radius: 5px;
}
.denki-price_plan .tab-wrap_sp-only .denki-price_plan__item:checked + label {
background-color: #333;
position: relative;
}
.denki-price_plan .tab-wrap_sp-only .denki-price_plan__item:checked + label::after {
content: none;
}
}
.denki-repair .headline_2 {
color: #551d00;
}
.denki-repair .headline_8 {
color: #551d00;
}
.denki-repair .lower__kv {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/repair/kv.jpg);
}
.denki-repair .lower__kv__lead {
color: #551d00;
}
.denki-repair .lower__kv__lead p {
font-size: 18px;
line-height: 32px;
}
@media screen and (max-width: 590px) {
.denki-repair .lower__kv__lead p {
font-size: 16px;
line-height: 28px;
}
}
.denki-repair_sec_01 {
position: relative;
background: linear-gradient(90deg, #ffefd7, #ffdcd9);
margin: 0 50px;
}
@media screen and (max-width: 590px) {
.denki-repair_sec_01 {
margin: 0px;
}
}
.denki-repair_sec_01 .headline_1 {
z-index: 2;
}
.denki-repair_sec_01__content {
margin-top: 20px;
z-index: 2;
}
.denki-repair_sec_01__text .headline_2 {
color: #551d00;
}
.denki-repair_sec_01__text p {
margin-top: 40px;
font-size: 18px;
line-height: 32px;
}
@media screen and (max-width: 590px) {
.denki-repair_sec_01__text p {
font-size: 16px;
line-height: 28px;
}
}
.denki-repair_sec_01__kome li {
margin-top: 5px;
}
.denki-repair_sec_01__img {
position: relative;
}
.denki-repair_sec_01__img img {
position: absolute;
left: 0;
top: 0;
width: 120%;
height: auto;
}
@media screen and (max-width:1200px) {
.denki-repair_sec_01::before {
height: 96%;
}
.denki-repair_sec_01__img img {
top: 60px;
}
}
@media screen and (max-width:991px) {
.denki-repair_sec_01 {
padding-top: 40px !important;
}
.denki-repair_sec_01::before {
height: 92%;
}
.denki-repair_sec_01__content {
margin-top: 40px;
}
.denki-repair_sec_01__img img {
top: 160px;
}
}
@media screen and (max-width: 960px) {
.denki-repair_sec_01::before {
height: 88%;
}
.denki-repair_sec_01__img {
margin-top: 20px;
padding: 10px;
border-radius: 10px;
}
.denki-repair_sec_01__img img {
top: 145px;
width: 100%;
}
}
@media screen and (max-width:767px) {
.denki-repair_sec_01::before {
height: 85%;
}
.denki-repair_sec_01__img img {
position: static;
}
}
@media screen and (max-width: 590px) {
.denki-repair_sec_01 {
padding: 30px 10px !important;
}
.denki-repair_sec_01__content {
margin-top: 20px;
z-index: 2;
padding: 0;
}
.denki-repair_sec_01__text p {
margin-top: 20px;
}
.denki-repair_sec_01__img {
background-color: unset;
}
.denki-repair_sec_01__img img {
position: static;
}
}
.denki-repair_sec_02__item {
margin-top: 20px;
display: flex;
justify-content: space-between;
}
.denki-repair_sec_02__item li {
width: 23%;
}
.denki-repair_sec_02__img {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
}
.denki-repair_sec_02__img img {
width: 60%;
height: auto;
}
.denki-repair_sec_02__text {
margin-top: 20px;
padding: 20px;
min-height: 200px;
background-color: #eee;
}
@media screen and (max-width: 590px) {
.denki-repair_sec_02__text {
min-height: auto;
}
}
.denki-repair_sec_02__title {
text-align: center;
font-weight: bold;
color: #ff4c40;
font-size: 18px;
}
.denki-repair_sec_02 p {
margin-top: 10px;
font-size: 14px;
line-height: 1.5em;
}
.denki-repair_sec_02__button {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.denki-repair_sec_02__button .button {
width: 50%;
}
.denki-repair_sec_02 .kome {
margin-top: 40px;
text-align: center;
}
@media screen and (max-width: 960px) {
.denki-repair_sec_02__item {
flex-wrap: wrap;
}
.denki-repair_sec_02__item li {
width: 48%;
}
.denki-repair_sec_02__item li:nth-child(n+3) {
margin-top: 10px;
}
}
@media screen and (max-width: 590px) {
.denki-repair_sec_02 {
padding: 20px 0 !important;
}
.denki-repair_sec_02__img {
position: relative;
}
.denki-repair_sec_02__img img {
margin-top: 0px;
width: 60px;
position: absolute;
right: 10px;
top: 0px;
}
.denki-repair_sec_02__item {
margin-top: 0px;
}
.denki-repair_sec_02__item li {
width: 100%;
padding: 0px;
}
.denki-repair_sec_02__img img {
margin-top: 15px;
width: 60px;
}
.denki-repair_sec_02__button {
margin-top: 20px;
}
.denki-repair_sec_02__button .button {
width: 1000%;
}
.denki-repair_sec_02 .kome {
margin-top: 20px;
font-size: 10px;
}
}
.denki-moving_discount .headline_8 {
color: #551d00;
}
.denki-moving_discount .lower__kv {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/moving_discount/kv.jpg);
}
.denki-kaketuke .headline_8 {
color: #551d00;
}
.denki-kaketuke .lower__kv {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/kaketuke/kv.jpg);
}
.denki-kaketuke .lower__kv__lead {
margin-bottom: 100px;
}
@media screen and (max-width: 960px) {
.denki-kaketuke .lower__kv__lead {
margin-bottom: 0;
}
}
.denki-kaketuke_sec_01 {
padding: 40px 0 20px !important;
}
.denki-kaketuke_sec_01__item {
margin-top: 20px;
width: auto;
}
.denki-kaketuke_sec_01__img {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
}
.denki-kaketuke_sec_01__img img {
width: 40%;
height: auto;
}
.denki-kaketuke_sec_01__text {
margin-top: 20px;
padding: 20px;
min-height: 220px;
background-color: #eee;
}
.denki-kaketuke_sec_01__title {
text-align: center;
font-weight: bold;
color: #ff4c40;
}
@media screen and (max-width: 590px) {
.denki-kaketuke_sec_01__title {
font-size: 15px;
}
}
.denki-kaketuke_sec_01__list li {
margin-top: 10px;
}
.denki-kaketuke_sec_01__list li:before {
margin-right: 0.5em;
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-weight: 900;
color: #ff4c40;
}
.denki-kaketuke_sec_01 p {
margin-top: 10px;
font-weight: bold;
}
.denki-kaketuke_sec_01__button {
display: flex;
justify-content: center;
align-items: center;
}
.denki-kaketuke_sec_01__button .button {
width: 50%;
}
.denki-kaketuke_sec_01 .kome {
margin-top: 40px;
text-align: center;
}
@media screen and (max-width: 960px) {
.denki-kaketuke_sec_01__img img {
width: 30%;
}
}
@media screen and (max-width: 590px) {
.denki-kaketuke_sec_01 {
padding: 20px 10px !important;
}
.denki-kaketuke_sec_01__img {
position: relative;
}
.denki-kaketuke_sec_01__img img {
width: 60px;
position: absolute;
right: 10px;
top: 0px;
}
.denki-kaketuke_sec_01__item {
margin: 0;
width: 100%;
}
.denki-kaketuke_sec_01__item > li {
margin-top: 10px;
padding: 0px;
}
.denki-kaketuke_sec_01__list li {
padding-left: 1.5em;
text-indent: -1.5em;
}
.denki-kaketuke_sec_01__button {
margin-top: 20px;
}
.denki-kaketuke_sec_01__button .button {
width: 1000%;
}
.denki-kaketuke_sec_01 .kome {
margin-top: 20px;
}
}
.denki-kaketuke_sec_02 {
background-color: #fff4e3;
margin: 0px 50px;
}
@media screen and (max-width: 590px) {
.denki-kaketuke_sec_02 {
margin: 0px;
}
}
.denki-kaketuke_sec_02 .headline_1 br {
display: none;
}
.denki-kaketuke_sec_02__item {
margin-top: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.denki-kaketuke_sec_02__tel {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 40px 20px 100px;
font-size: 36px;
letter-spacing: 2px;
font-weight: bold;
background-color: #fff;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/common/fd.svg);
background-position: 40px center;
background-size: 38px auto;
}
.denki-kaketuke_sec_02__tel a {
display: flex;
justify-content: center;
align-items: center;
padding-top: 6px;
}
.denki-kaketuke_sec_02__no {
padding: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffe4ba;
font-weight: bold;
}
.denki-kaketuke_sec_02__time {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
font-size: 24px;
font-weight: bold;
letter-spacing: 2px;
}
.denki-kaketuke_sec_02__time span {
margin-right: 10px;
padding: 2px 20px 0 20px;
height: 25px;
line-height: 25px;
font-size: 12px;
font-weight: normal;
color: #fff;
background-color: #333;
}
.denki-kaketuke_sec_02 .kome {
margin-top: 20px;
text-align: center;
}
@media screen and (max-width: 960px) {
.denki-kaketuke_sec_02__item {
flex-wrap: wrap;
padding: 0;
margin: 15px;
}
.denki-kaketuke_sec_02__item > div {
width: 100%;
}
}
@media screen and (max-width: 590px) {
.denki-kaketuke_sec_02 {
padding: 30px 10px !important;
}
.denki-kaketuke_sec_02 .headline_1 br {
display: block;
}
.denki-kaketuke_sec_02__tel {
padding: 40px 10px 10px 10px;
font-size: 30px;
letter-spacing: 2px;
text-align: center;
background-position: center top 20px;
}
.denki-kaketuke_sec_02__no {
padding: 10px;
}
.denki-kaketuke_sec_02__time {
margin-top: 20px;
flex-wrap: wrap;
}
.denki-kaketuke_sec_02__time span {
width: 100%;
text-align: center;
}
.denki-kaketuke_sec_02 .kome {
margin-top: 10px;
}
.denki-kaketuke_sec_02__button {
margin-top: 20px;
}
.denki-kaketuke_sec_02__button .button {
width: 1000%;
}
}
.denki-kaketuke_sec_03 {
padding: 30px 10px !important;
margin-bottom: 70px;
}
.denki-kaketuke_sec_03 .kome {
text-align: center;
}
.denki-purchase .headline_8 {
color: #551d00;
}
.denki-purchase .lower__kv {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/purchase/kv.jpg);
}
.denki-purchase .lower__kv__logo {
width: 320px;
height: auto;
}
.denki-purchase .lower__kv__logo img {
width: 100%;
height: auto;
}
@media screen and (max-width: 590px) {
.denki-purchase .lower__kv__logo {
width: 100%;
}
}
.denki-purchase_sec_01 {
background-color: #fff4e3;
margin: 0px 50px !important;
}
.denki-purchase_sec_01 .headline_1 {
z-index: 2;
}
.denki-purchase_sec_01__content {
margin-top: 20px;
z-index: 2;
}
.denki-purchase_sec_01__item {
display: flex;
align-items: flex-start;
margin-top: 40px;
}
.denki-purchase_sec_01__user {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 20px 20px 0 0;
width: 80px;
height: 80px;
background-color: #fff;
border-radius: 100%;
}
.denki-purchase_sec_01__user img {
width: 40px;
}
.denki-purchase_sec_01__comment {
flex: 1;
}
.denki-purchase_sec_01__comment > p {
margin: 0 !important;
font-weight: bold;
}
.denki-purchase_sec_01__balloon {
position: relative;
padding: 20px;
background-color: #fff;
border-radius: 10px;
font-size: 14px;
line-height: 1.5em;
}
.denki-purchase_sec_01__balloon::after {
position: absolute;
top: 20px;
left: -10px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 12px solid #fff;
border-bottom: 10px solid transparent;
content: "";
}
.denki-purchase_sec_01__balloon > p {
margin: 0 !important;
}
.denki-purchase_sec_01__balloon img {
width: 100%;
padding: 10px;
height: auto;
}
.denki-purchase_sec_01__text {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
@media screen and (max-width: 590px) {
.denki-purchase_sec_01__text {
padding: 0;
}
}
.denki-purchase_sec_01__text > div {
width: 100%;
}
.denki-purchase_sec_01__text .headline_2 {
color: #551d00;
}
.denki-purchase_sec_01__text p {
margin-top: 20px;
line-height: 2em;
}
.denki-purchase_sec_01__img img {
width: 100%;
height: auto;
}
@media screen and (max-width: 960px) {
.denki-purchase_sec_01__img {
margin-top: 20px;
padding: 0;
}
}
@media screen and (max-width: 590px) {
.denki-purchase_sec_01 {
padding: 40px 20px;
margin: 0 !important;
}
.denki-purchase_sec_01__content {
margin-top: 20px;
z-index: 2;
}
.denki-purchase_sec_01__item {
flex-wrap: wrap;
margin-top: 40px;
}
.denki-purchase_sec_01__user {
margin: 0;
width: 40px;
height: 40px;
}
.denki-purchase_sec_01__user:after {
font-size: 20px;
}
.denki-purchase_sec_01__comment > p {
padding-left: 10px;
font-weight: normal;
line-height: 1.2em;
font-size: 14px;
}
.denki-purchase_sec_01__balloon {
margin-top: 40px;
margin-left: -40px;
padding: 10px;
}
.denki-purchase_sec_01__balloon::after {
top: -20px;
left: 15px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 12px solid #fff;
}
}
.denki-purchase_sec_02__inner {
margin-top: 40px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/purchase/bg.png);
background-size: 60% 90%;
background-position: left center;
}
@media screen and (max-width: 590px) {
.denki-purchase_sec_02__inner {
margin-top: 30px;
background-image: none;
}
}
.denki-purchase_sec_02__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.denki-purchase_sec_02 .headline_2 {
color: #551d00;
}
.denki-purchase_sec_02__text {
display: flex;
align-items: center;
}
.denki-purchase_sec_02__box {
margin: 60px 0 60px -60px;
padding: 40px 0 40px 40px;
background-color: #fff;
}
.denki-purchase_sec_02 p {
margin-top: 20px;
line-height: 32px;
font-size: 18px;
}
@media screen and (max-width: 590px) {
.denki-purchase_sec_02 p {
line-height: 28px;
font-size: 16px;
}
}
.denki-purchase_sec_02 .kome {
margin-top: 10px;
}
@media screen and (max-width: 590px) {
.denki-purchase_sec_02__box {
margin: 0;
padding: 10px 0;
}
}
.denki-purchase_sec_03 {
padding: 0 40px !important;
}
.denki-purchase_sec_03__inner {
padding: 80px 0;
background: linear-gradient(90deg, #fff0d8, #ffdcda);
background-size: cover;
}
.denki-purchase_sec_03 .headline_7 {
margin-top: 40px;
text-align: center;
color: #551d00;
}
.denki-purchase_sec_03 .headline_7 br {
display: none;
}
@media screen and (max-width: 590px) {
.denki-purchase_sec_03 .headline_7 {
font-size: 22px;
font-weight: 300;
margin-top: 10px;
text-align: left;
}
}
.denki-purchase_sec_03 .kome {
margin-top: 10px;
text-align: center;
}
.denki-purchase_sec_03 .swiper-wrap {
position: relative;
}
.denki-purchase_sec_03 .swiper-wrap .swiper-button-next,
.denki-purchase_sec_03 .swiper-wrap .swiper-button-prev {
display: block;
width: 20px;
height: 20px;
cursor: pointer;
opacity: 0.7;
background: #fff;
border-radius: 50%;
}
.denki-purchase_sec_03 .swiper-wrap .swiper-button-next:before,
.denki-purchase_sec_03 .swiper-wrap .swiper-button-prev:before {
content: "";
position: absolute;
display: inline-block;
width: 8px;
height: 8px;
top: 50%;
transform: rotate(45deg) translate(-50%, -50%);
margin-top: 1px;
margin-left: 1px;
}
.denki-purchase_sec_03 .swiper-wrap .swiper-button-next {
right: 40px;
}
@media screen and (max-width: 960px) {
.denki-purchase_sec_03 .swiper-wrap .swiper-button-next {
right: 5px;
}
}
.denki-purchase_sec_03 .swiper-wrap .swiper-button-next:before {
border-top: 2px solid #555;
border-right: 2px solid #555;
right: calc(50% - 2px);
}
.denki-purchase_sec_03 .swiper-wrap .swiper-button-prev {
left: 40px;
}
@media screen and (max-width: 960px) {
.denki-purchase_sec_03 .swiper-wrap .swiper-button-prev {
left: 5px;
}
}
.denki-purchase_sec_03 .swiper-wrap .swiper-button-prev:before {
border-left: 2px solid #555;
border-bottom: 2px solid #555;
right: calc(50% - 5px);
}
.denki-purchase_sec_03 .swiper-container-for-mypage {
overflow: hidden;
max-width: 1140px;
margin: 0 auto;
}
@media screen and (max-width: 960px) {
.denki-purchase_sec_03 .swiper-container-for-mypage {
width: 90%;
}
}
.denki-purchase_sec_03 .swiper-wrapper, .denki-purchase_sec_03__list {
justify-content: space-between;
margin-top: 40px;
padding: 0;
max-width: 1140px;
width: 90%;
}
@media screen and (max-width: 590px) {
.denki-purchase_sec_03 .swiper-wrapper, .denki-purchase_sec_03__list {
margin-top: 10px;
}
}
.denki-purchase_sec_03 .swiper-wrapper .swiper-slide, .denki-purchase_sec_03 .swiper-wrapper__item, .denki-purchase_sec_03__list .swiper-slide, .denki-purchase_sec_03__list__item {
pointer-events: none;
height: 150px;
width: 15%;
background-color: #fff;
border-radius: 75px;
position: relative;
margin: 0 10px 40px 0;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 590px) {
.denki-purchase_sec_03 .swiper-wrapper .swiper-slide, .denki-purchase_sec_03 .swiper-wrapper__item, .denki-purchase_sec_03__list .swiper-slide, .denki-purchase_sec_03__list__item {
background-color: transparent;
}
}
.denki-purchase_sec_03 .swiper-wrapper .swiper-slide img, .denki-purchase_sec_03 .swiper-wrapper__item img, .denki-purchase_sec_03__list .swiper-slide img, .denki-purchase_sec_03__list__item img {
width: 100px;
height: auto;
}
.denki-purchase_sec_03 .swiper-wrapper .swiper-slide span, .denki-purchase_sec_03 .swiper-wrapper__item span, .denki-purchase_sec_03__list .swiper-slide span, .denki-purchase_sec_03__list__item span {
position: absolute;
left: 0;
bottom: -25px;
width: 100%;
text-align: center;
font-size: 10px;
}
.denki-purchase_sec_03 .swiper-container.swiper-purchase {
margin: 40px auto 0 auto;
padding: 0 10px;
max-width: 1140px;
width: 90%;
height: 175px;
overflow: hidden;
background-image: none;
}
.denki-purchase_sec_03 .swiper-container.swiper-purchase .swiper-button-prev,
.denki-purchase_sec_03 .swiper-container.swiper-purchase .swiper-button-next {
background-image: none;
}
.denki-purchase_sec_03 .swiper-container.swiper-purchase .swiper-button-prev::after,
.denki-purchase_sec_03 .swiper-container.swiper-purchase .swiper-button-next::after {
display: block;
margin-top: 0px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 18px;
border-radius: 100%;
background-color: #fff;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #aaa;
content: "";
}
.denki-purchase_sec_03 .swiper-container.swiper-purchase .swiper-button-prev {
margin-left: -10px;
}
.denki-purchase_sec_03 .swiper-container.swiper-purchase .swiper-button-prev::after {
content: "\f053";
}
.denki-purchase_sec_03 .swiper-container.swiper-purchase .swiper-button-next {
margin-right: -6px;
}
.denki-purchase_sec_03 .swiper-container.swiper-purchase .swiper-button-next::after {
content: "\f054";
}
.denki-purchase_sec_03 .swiper-slide {
position: relative;
height: 150px;
background-color: #fff;
border-radius: 100%;
}
.denki-purchase_sec_03 .swiper-slide img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 130px;
height: auto;
}
.denki-purchase_sec_03 .swiper-slide span {
position: absolute;
left: 0;
bottom: -25px;
width: 100%;
text-align: center;
font-size: 12px;
}
@media screen and (max-width: 960px) {
.denki-purchase_sec_03 {
padding: 0 !important;
}
.denki-purchase_sec_03__inner {
padding: 30px 15px;
}
.denki-purchase_sec_03 .headline_7 {
margin-top: 20px;
}
.denki-purchase_sec_03 .swiper-container.purchase {
width: 100%;
}
.denki-purchase_sec_03 .swiper-slide {
border-radius: 50px;
}
}
@media screen and (max-width: 590px) {
.denki-purchase_sec_03 .headline_7 br {
display: block;
}
.denki-purchase_sec_03 .kome {
text-align: left;
text-indent: 0;
}
}
.denki-purchase_sec_04 {
padding-bottom: 0 !important;
}
.denki-purchase_sec_04 .headline_7 {
margin-top: 20px;
text-align: center;
color: #551d00;
}
.denki-purchase_sec_04__item {
margin-top: 40px;
padding-top: 20px;
text-align: center;
background-color: #fff;
border: 1px solid #333333;
}
@media screen and (max-width: 590px) {
.denki-purchase_sec_04__item {
margin-top: 20px;
}
}
.denki-purchase_sec_04__name {
font-weight: bold;
letter-spacing: 3px;
}
.denki-purchase_sec_04__tel {
display: inline-block;
padding-left: 50px;
font-size: 36px;
letter-spacing: 2px;
font-weight: bold;
background-color: #fff;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/common/fd.svg);
background-position: left center;
background-size: 38px auto;
}
.denki-purchase_sec_04__tel a {
display: flex;
justify-content: center;
align-items: center;
padding-top: 6px;
}
.denki-purchase_sec_04__code {
padding: 10px;
font-size: 14px;
font-weight: bold;
background-color: #ffe4ba;
}
.denki-purchase_sec_04__time {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
height: 25px;
font-size: 24px;
font-weight: bold;
letter-spacing: 2px;
}
.denki-purchase_sec_04__title {
margin-right: 10px;
padding: 2px 20px 0 20px;
height: 25px;
line-height: 25px;
font-size: 12px;
font-weight: normal;
color: #fff;
background-color: #333;
}
.denki-purchase_sec_04__note {
font-size: 14px;
}
@media screen and (max-width: 590px) {
.denki-purchase_sec_04__note {
font-size: 12px;
}
}
.denki-purchase_sec_04 .kome {
margin-top: 20px;
text-align: center;
}
@media screen and (max-width: 590px) {
.denki-purchase_sec_04 .headline_7 {
font-weight: normal;
font-size: 16px;
margin-top: 20px;
color: #551d00;
text-align: left;
}
.denki-purchase_sec_04__tel {
margin-top: 10px;
padding-top: 30px;
padding-left: 0;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/common/fd.svg);
background-position: center top;
background-size: auto 30px;
}
.denki-purchase_sec_04__tel a {
display: flex;
justify-content: center;
align-items: center;
padding-top: 6px;
}
.denki-purchase_sec_04__time {
flex-wrap: wrap;
display: inline;
margin-top: 10px;
font-size: 18px;
}
.denki-purchase_sec_04__title {
text-align: center;
width: 100%;
display: inline;
padding: 2px 12px;
}
.denki-purchase_sec_04 .kome {
margin-top: 40px;
text-align: center;
}
}
.denki-flow {
padding: 0 !important;
}
.denki-flow__inner {
margin-top: 80px;
padding: 80px;
background-color: rgba(240, 145, 56, 0.2);
}
.denki-flow__item {
padding: 40px;
background-color: #fff;
}
.denki-flow__item .headline_7 {
text-align: center;
}
.denki-flow__item .headline_7 br {
display: none;
}
.denki-flow__item_list {
margin-top: 40px;
background-color: #fff;
}
.denki-flow__item_list li {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
flex-wrap: wrap;
}
.denki-flow__item_list__img {
width: 150px;
}
@media screen and (max-width: 960px) {
.denki-flow__item_list__img {
margin-bottom: 20px;
}
}
.denki-flow__item_list__img img {
width: 100%;
height: auto;
}
.denki-flow__item_list__text {
margin-top: 20px;
width: 100%;
text-align: center;
color: #551d00;
font-weight: bold;
}
.denki-flow__item p {
margin-top: 40px;
font-weight: bold;
}
@media screen and (max-width: 590px) {
.denki-flow__item p {
padding: 0 5%;
}
}
.denki-flow__item .kome {
margin-top: 10px;
}
@media screen and (max-width: 590px) {
.denki-flow__item .kome {
padding: 0 5%;
text-indent: 0;
}
}
.denki-flow__tag__wrapper {
margin-top: 80px;
padding: 0;
}
.denki-flow__tag__wrapper .tab-wrap {
background-color: transparent;
}
.denki-flow__tag__wrapper .tab__content {
margin-top: 20px;
padding: 20px;
border: 2px solid #d9d3c9;
background-color: #fff;
}
.denki-flow__tag__wrapper .tab__content > ol > li {
position: relative;
display: flex;
margin-bottom: 80px;
padding: 40px;
}
.denki-flow__tag__wrapper .tab__content > ol > li::after {
content: "";
margin: 0 0 0 -20px;
padding: 0;
width: 40px;
height: 40px;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
bottom: -50px;
left: 50%;
}
.denki-flow__tag__wrapper .tab__content > ol > li:last-child::after {
display: none;
margin-bottom: 0;
}
.denki-flow__tag__wrapper .tab__content > ol > li .denki-flow__tag__content_01__icon {
margin-top: 10px;
}
.denki-flow__tag__wrapper .denki-flow__tag__content_01__icon {
width: 100px;
height: auto;
}
.denki-flow__tag__wrapper .denki-flow__tag__content_01__content {
flex: 1;
display: flex;
flex-wrap: wrap;
margin-left: 60px;
}
.denki-flow__tag__wrapper .denki-flow__tag__content_01__content__wrapper {
display: flex;
}
.denki-flow__tag__wrapper .denki-flow__tag__content_01__no {
font-size: 34px;
font-weight: bold;
color: #ff4c40;
}
.denki-flow__tag__wrapper .denki-flow__tag__content_01__title {
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
font-size: 18px;
font-weight: bold;
color: #ff4c40;
}
.denki-flow__tag__wrapper .denki-flow__tag__content_01__text {
margin-top: 10px;
line-height: 2em;
width: 100%;
}
.denki-flow__tag__wrapper .denki-flow__tag__content_01__text span {
display: block;
font-weight: bold;
}
.denki-flow__tag__wrapper .denki-flow__tag__content_01__text Ul {
margin-top: 20px;
}
.denki-flow__tag__wrapper .denki-flow__tag__content_01__text li:before {
margin-right: 5px;
font-family: "Font Awesome 5 Free";
content: "\f111";
font-weight: 900;
font-size: 12px;
}
.denki-flow__tag__wrapper .denki-flow__tag__content_01 .komg, .denki-flow__tag__wrapper .denki-flow__tag__content_01__button {
margin-top: 20px;
width: 100%;
}
.denki-flow__tag__wrapper .denki-flow__tag__content_01 .komg .button, .denki-flow__tag__wrapper .denki-flow__tag__content_01__button .button {
width: 50%;
}
.denki-flow__tag__wrapper .denki-flow__tag__content_01 .komg .button br, .denki-flow__tag__wrapper .denki-flow__tag__content_01__button .button br {
display: none;
}
.denki-flow__button {
margin: 80px auto 0 auto;
}
.denki-flow__button li:last-child {
margin-top: 20px;
}
@media screen and (max-width: 960px) {
.denki-flow {
padding: 0;
}
.denki-flow .tab-wrap {
display: block;
padding: 0;
}
.denki-flow .tab + label { width: 100%;
margin: 0;
height: auto;
line-height: 1.2em;
border: 4px solid #333;
align-items: center;
justify-content: left;
padding: 10px 20px 10px 50px;
text-align: left;
}
.denki-flow .tab + label span {
line-height: 1.3;
}
.denki-flow .tab + label.tab1 {
margin-bottom: 10px;
}
.denki-flow .tab + label.tab1 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_1.svg);
}
.denki-flow .tab + label.tab2 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_2.svg);
}
.denki-flow .tab:checked + label {
background-color: #333 !important;
position: relative;
}
.denki-flow .tab:checked + label::after {
content: none;
}
.denki-flow .tab:checked + label span {
display: inline;
}
.denki-flow .denki-flow__tag__wrapper .tab__content > ol > li {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 0;
}
.denki-flow .denki-flow__tag__wrapper .tab__content > ol > li::after {
top: 100% !important;
}
.denki-flow .denki-flow__tag__content_01__icon {
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
display: none;
}
.denki-flow .denki-flow__tag__content_01__icon img {
width: 80px;
height: auto;
}
.denki-flow .denki-flow__tag__content_01__content {
flex-wrap: wrap;
margin: 0;
width: 100%;
}
.denki-flow .denki-flow__tag__content_01__content > div {
width: 100%;
}
.denki-flow .denki-flow__tag__content_01__content .denki-flow__tag__content_01__no {
margin-right: 20px;
text-align: center;
display: flex;
width: 3%;
align-items: center;
}
.denki-flow .denki-flow__tag__content_01__content .denki-flow__tag__content_01__title {
margin: 0;
width: 90%;
padding-right: 60px;
justify-content: flex-start;
}
.denki-flow .denki-flow__tag__content_01__content .low_top_sec_06__tag__content_01__text {
padding: 0;
}
.denki-flow .denki-flow__tag__content_01__content .low_top_sec_06__tag__content_01__text br {
display: none;
}
.denki-flow .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) li:nth-child(3) .denki-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_15.svg) no-repeat right center/contain;
}
.denki-flow .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) li:nth-child(4) .denki-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_17.svg) no-repeat right center/auto 70%;
}
.denki-flow .denki-flow__tag__content_01__button {
width: 100%;
}
.denki-flow .denki-flow__tag__content_01__button a {
width: 100% !important;
}
.denki-flow .tab__content li:nth-child(1) .denki-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_14.svg) no-repeat right center/auto 75%;
}
.denki-flow .tab__content li:nth-child(2) .denki-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_15.svg) no-repeat right center/contain;
}
.denki-flow .tab__content li:nth-child(3) .denki-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_16.svg) no-repeat right center/auto 65%;
}
.denki-flow .tab__content li:nth-child(4) .denki-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_17.svg) no-repeat right center/contain;
}
.denki-flow .tab__content li:nth-child(5) .denki-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_18.svg) no-repeat right center/contain;
}
}
@media screen and (max-width: 590px) {
.denki-flow .low_top_sec_06__tag__content ol {
flex-wrap: wrap;
}
.denki-flow .low_top_sec_06__tag__content ol > li {
justify-content: center;
align-items: flex-start;
margin-top: 50px;
padding: 0;
width: 100%;
border: 1px solid red;
}
.denki-flow .low_top_sec_06__tag__content ol > li::after {
top: 105% !important;
left: 50%;
margin: 0;
transform: translateX(-50%);
content: "\f078";
text-align: center;
}
.denki-flow .low_top_sec_06__tag__content_01__content {
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.denki-flow .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__no {
width: 100%;
text-align: center;
}
.denki-flow .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__text {
padding: 0;
width: 100%;
text-align: center;
}
.denki-flow .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__text br {
display: block;
}
}
@media screen and (max-width: 590px) {
.denki-flow__inner {
margin-top: 20px;
padding: 20px;
}
.denki-flow__inner .headline_7 {
font-weight: normal;
}
.denki-flow__inner .headline_7 br {
display: block;
}
.denki-flow__item {
padding: 40px 0;
}
.denki-flow__item_list {
margin: 0;
width: 100%;
}
.denki-flow__item_list li {
margin-top: 20px;
align-items: center;
justify-content: space-between;
}
.denki-flow__item_list__img {
width: 32%;
margin-right: 3%;
margin: 0 auto;
}
.denki-flow__item_list__text {
margin-top: 0;
width: 65%;
text-align: left;
font-size: 14px;
}
.denki-flow__button {
margin: 20px auto 0 auto;
}
}
#gas-ca.denki .gas-ca-sec-02 .inner {
background-color: #ffeda0;
}
#gas-ca.denki .gas-ca-sec-02 .inner .p--normal {
margin-top: 1.5em;
}
#gas-ca.denki .gas-ca-sec-02 .inner .link--normal {
color: #2d77c1;
text-decoration: underline;
}
.gas .gas-bg-color-01 {
background: #e6f9f4;
}
#gas-top .headline_4 {
font-family: "Trebuchet MS", "Hind", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
#gas-top .low { }
#gas-top .low__kv__back {
height: 50vh;
background-size: cover;
background-repeat: no-repeat;
background-position: 0 -200px;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/gas_top_back_01.jpg);
background-attachment: fixed;
position: relative;
}
#gas-top .low__kv__back .kv-ttl_pc {
position: absolute;
bottom: 45px;
right: 75px;
}
#gas-top .low__kv__back .kv-ttl_pc img {
height: auto;
object-fit: contain;
width: 700px;
}
#gas-top .low__kv__back .kv-ttl_sp {
width: 70%;
top: 0px;
right: 60px;
height: auto;
object-fit: contain;
position: absolute;
}
#gas-top .low__kv__back .kv-ttl_sp img {
object-fit: contain;
}
@media screen and (max-width: 960px) {
#gas-top .low__kv__back {
height: 300px;
background-position: -200px -150px;
}
#gas-top .low__kv__back .kv-ttl_pc {
bottom: 20px;
}
#gas-top .low__kv__back .kv-ttl_pc img {
height: auto;
width: 400px;
object-fit: contain;
}
}
@media screen and (max-width: 590px) {
#gas-top .low__kv {
position: relative;
height: 200px;
}
#gas-top .low__kv__back {
background-image: none;
background-attachment: unset;
height: 200px;
}
#gas-top .low__kv__back:before {
content: "";
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 310px;
z-index: -10;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/gas_top_back.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: 60% 100%;
background-size: 240%;
}
}
#gas-top .low_top { }
#gas-top .low_top_sec_01__item {
display: flex;
justify-content: center;
margin-top: 40px;
}
#gas-top .low_top_sec_01__item li {
width: 22%;
}
#gas-top .low_top_sec_01__item a:hover {
background-color: rgba(0, 176, 137, 0.5);
}
#gas-top .low_top_sec_01__item_icon {
width: 100px;
height: auto;
}
#gas-top .low_top_sec_01__item_text {
color: #551d00;
}
#gas-top .low_top_sec_01 .note {
margin-top: 20px;
}
@media screen and (max-width: 960px) {
#gas-top .low_top_sec_01__item {
flex-wrap: wrap;
}
#gas-top .low_top_sec_01__item li {
width: 33.3%;
padding: 0 15px;
}
#gas-top .low_top_sec_01__item_icon {
width: 100px;
height: auto;
}
#gas-top .low_top_sec_01__item_icon img {
width: auto;
height: 100%;
}
}
@media screen and (max-width: 590px) {
#gas-top .low_top_sec_01 {
background-color: #fff;
padding: 30px 0 40px !important;
}
#gas-top .low_top_sec_01 .headline_1 {
margin-bottom: 15px;
}
#gas-top .low_top_sec_01__item {
padding: 0;
margin: 20px 0 0;
}
#gas-top .low_top_sec_01__item li {
margin-bottom: 0;
padding: 0 5px;
}
#gas-top .low_top_sec_01__item li a {
padding: 15px 5px;
}
#gas-top .low_top_sec_01__item_icon {
width: 100px;
height: auto;
text-align: center;
}
#gas-top .low_top_sec_01__item_icon img {
width: 70%;
}
#gas-top .low_top_sec_01__item_text {
margin-top: 15px;
color: #551d00;
font-size: 13px;
}
}
#gas-top .low_top_sec_02 {
background: #e6f9f4;
padding: 0 40px;
}
#gas-top .low_top_sec_02__inner {
padding: 60px 0;
margin-top: 80px;
background: #e6f9f4;
}
@media screen and (max-width: 590px) {
#gas-top .low_top_sec_02__inner {
margin-top: 0;
}
}
#gas-top .low_top_sec_02 .headline_2 {
color: #002529;
margin: 50px 0;
text-align: center;
}
@media screen and (max-width: 590px) {
#gas-top .low_top_sec_02 .headline_2 {
margin: 20px 0 0px;
}
}
#gas-top .low_top_sec_02 .headline_2.is-gas_catch {
color: #005090;
}
#gas-top .low_top_sec_02__text {
margin-top: 40px;
text-align: center;
line-height: 2em;
}
#gas-top .low_top_sec_02__button {
margin-top: 40px;
}
#gas-top .low_top_sec_02__table {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
padding: 0;
}
@media screen and (max-width: 590px) {
#gas-top .low_top_sec_02__table {
margin-top: 20px;
}
}
#gas-top .low_top_sec_02__table table {
width: 100%;
table-layout: fixed;
text-align: center;
}
#gas-top .low_top_sec_02__table table th {
color: #fff;
background-color: #919191;
}
#gas-top .low_top_sec_02__table table td {
background-color: #fff;
padding: 15px 30px;
}
#gas-top .low_top_sec_02__table table td.price {
background-color: #c3ffef;
}
#gas-top .low_top_sec_02__table .table-bordered {
border: 1px solid #707070;
}
#gas-top .low_top_sec_02__table .table-bordered td, #gas-top .low_top_sec_02__table .table-bordered th {
border: 1px solid #707070;
}
#gas-top .low_top_sec_02__table .table-bordered th {
padding: 15px 0;
}
#gas-top .low_top_sec_02__table .table__sp-only {
display: none;
}
@media screen and (max-width: 960px) {
#gas-top .low_top_sec_02__table table th, #gas-top .low_top_sec_02__table table td {
padding: 10px;
vertical-align: middle;
}
#gas-top .low_top_sec_02__table .tab-wrap_sp-only {
display: none;
}
}
@media screen and (max-width: 590px) {
#gas-top .low_top_sec_02__table .table-bordered.pc-only {
display: none;
}
#gas-top .low_top_sec_02__table table th, #gas-top .low_top_sec_02__table table td {
padding: 10px;
vertical-align: middle;
font-size: 14px;
}
#gas-top .low_top_sec_02__table .tab-wrap_sp-only {
display: block;
}
}
#gas-top .low_top_sec_02 .table__sp-only {
display: none;
}
@media screen and (max-width: 960px) {
#gas-top .low_top_sec_02 table th, #gas-top .low_top_sec_02 table td {
padding: 10px;
vertical-align: middle;
}
}
@media screen and (max-width: 590px) {
#gas-top .low_top_sec_02 {
padding-bottom: 20px 0;
}
#gas-top .low_top_sec_02__inner {
padding: 30px 0 20px;
}
#gas-top .low_top_sec_02 .headline_1 {
margin-bottom: 10px;
}
#gas-top .low_top_sec_02 .table-bordered.pc-only {
display: none;
}
#gas-top .low_top_sec_02 .table__sp-only {
display: block;
}
#gas-top .low_top_sec_02 .table__sp-only th, #gas-top .low_top_sec_02 .table__sp-only td {
padding: 10px;
vertical-align: middle;
font-size: 14px;
font-weight: normal;
text-align: left;
}
#gas-top .low_top_sec_02 .table__sp-only thead td {
font-weight: bold !important;
text-align: center !important;
}
#gas-top .low_top_sec_02 .table__sp-only tbody th {
background-color: #eee !important;
color: #000 !important;
}
}
@media screen and (max-width: 960px) {
#gas-top .low_top_sec_02 {
padding: 0;
}
#gas-top .low_top_sec_02 .headline_2 br {
display: none;
}
}
@media screen and (max-width: 960px) and (max-width: 590px) {
#gas-top .low_top_sec_02 .headline_2 br {
display: none;
}
}
@media screen and (max-width: 960px) {
#gas-top .low_top_sec_02__text {
text-align: left;
}
}
#gas-top .low_top_sec_04 {
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/gas-top_03_bg.jpg);
background-size: cover;
}
#gas-top .low_top_sec_04 .headline_1 {
margin-top: 80px;
text-align: center;
}
#gas-top .low_top_sec_04 .headline_2 {
color: #002529;
margin-top: 40px;
text-align: center;
}
#gas-top .low_top_sec_04 .headline_2 br {
display: none;
}
#gas-top .low_top_sec_04__text {
margin-top: 40px;
line-height: 2em;
text-align: center;
}
#gas-top .low_top_sec_04__item {
margin-top: 40px;
}
#gas-top .low_top_sec_04__item li {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
align-items: flex-start;
}
#gas-top .low_top_sec_04__item li a {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
align-items: flex-start;
padding: 40px 0 20px 0;
width: 250px;
height: 250px;
background-color: #fff;
text-align: center;
border-radius: 100%;
}
#gas-top .low_top_sec_04__icon {
width: 100%;
}
#gas-top .low_top_sec_04__icon img {
width: 40%;
height: auto;
}
#gas-top .low_top_sec_04__logo {
width: 100%;
}
#gas-top .low_top_sec_04__logo img {
width: 70%;
height: auto;
}
#gas-top .low_top_sec_04__cath {
width: 100%;
padding: 20px;
font-size: 14px;
}
#gas-top .low_top_sec_04__button {
margin: 40px auto 0 auto;
padding: 0;
}
@media screen and (max-width: 960px) {
#gas-top .low_top_sec_04 .headline_2 {
margin-top: 20px;
}
#gas-top .low_top_sec_04 .headline_2 br {
display: block;
}
#gas-top .low_top_sec_04__text {
margin-top: 20px;
text-align: left;
}
#gas-top .low_top_sec_04__item li a {
padding: 30px 0;
width: 150px;
height: 150px;
}
#gas-top .low_top_sec_04__icon img {
width: 60px;
height: auto;
}
#gas-top .low_top_sec_04__logo img {
width: 100px;
height: auto;
}
#gas-top .low_top_sec_04__cath {
padding: 10px 0;
}
}
@media screen and (max-width: 590px) {
#gas-top .low_top_sec_04 .headline_1 {
margin-top: 40px;
}
#gas-top .low_top_sec_04__item {
margin-top: 0;
}
#gas-top .low_top_sec_04__item li {
margin-top: 40px;
}
#gas-top .low_top_sec_04__item li a {
padding: 30px 0;
}
#gas-top .low_top_sec_04__cath {
padding: 10px 20px 0 20px;
}
#gas-top .low_top_sec_04__button {
padding: 0 20px;
}
}
#gas-top .low_top_sec_06 {
padding: 40px;
}
#gas-top .low_top_sec_06__inner {
padding: 80px 0;
background-color: #e6f9f4;
}
#gas-top .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#gas-top .low_top_sec_06__tag__content ol {
display: flex;
justify-content: space-between;
}
#gas-top .low_top_sec_06__tag__content li {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding: 0 10px;
width: 18%;
}
#gas-top .low_top_sec_06__tag__content li::after {
position: absolute;
right: -30px;
top: 30px;
margin: 0 10px;
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
opacity: 0.7;
}
#gas-top .low_top_sec_06__tag__content li:last-child::after {
display: none;
}
#gas-top .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
width: 100%;
}
#gas-top .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#gas-top .low_top_sec_06__tag__content_01__content {
margin-top: 10px;
display: flex;
align-items: center;
}
#gas-top .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #008793;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
#gas-top .low_top_sec_06__tag__content_01__text {
flex: 1;
font-weight: bold;
font-size: 15px;
}
@media screen and (max-width: 960px) {
#gas-top .low_top_sec_06 {
padding: 0;
}
#gas-top .low_top_sec_06 .tab-wrap {
display: block;
padding: 0;
}
#gas-top .low_top_sec_06 .tab + label {
width: 100%;
margin: 0;
height: auto;
line-height: 1.2em;
border: 4px solid #333;
align-items: center;
justify-content: left;
padding: 10px 20px 10px 50px;
text-align: left;
}
#gas-top .low_top_sec_06 .tab + label span {
line-height: 1.3;
}
#gas-top .low_top_sec_06 .tab + label.tab1 {
margin-bottom: 10px;
}
#gas-top .low_top_sec_06 .tab + label.tab1 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_1.svg);
}
#gas-top .low_top_sec_06 .tab + label.tab2 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_2.svg);
}
#gas-top .low_top_sec_06 .tab:checked + label {
background-color: #333;
position: relative;
}
#gas-top .low_top_sec_06 .tab:checked + label::after {
content: none;
}
#gas-top .low_top_sec_06 .tab:checked + label span {
display: inline;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content li {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content li::after {
top: 30px !important;
right: -20px;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content_01__icon {
height: 80px;
display: flex;
align-items: center;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content_01__icon img {
width: 100%;
height: auto;
max-height: 80px;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content {
flex-wrap: wrap;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content > div {
width: 100%;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__no {
text-align: center;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__text {
padding: 0;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__text br {
display: none;
}
}
@media screen and (max-width: 590px) {
#gas-top .low_top_sec_06 {
margin: 0;
}
#gas-top .low_top_sec_06__inner {
margin-top: 0;
padding: 30px 20px;
}
#gas-top .low_top_sec_06 .headline_1 {
margin-bottom: 15px;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content ol {
flex-wrap: wrap;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content li {
justify-content: center;
align-items: flex-start;
margin-top: 50px;
padding: 0;
width: 100%;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content li::after {
top: 105% !important;
left: 50%;
margin: 0;
transform: translateX(-50%);
content: "\f078";
text-align: center;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content {
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__no {
width: 100%;
text-align: center;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__text {
padding: 0;
width: 100%;
text-align: center;
}
#gas-top .low_top_sec_06 .low_top_sec_06__tag__content_01__content .low_top_sec_06__tag__content_01__text br {
display: block;
}
}
#gas-top .low_top_sec_07 {
padding: 60px 0;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/gas_QA_back.jpg);
background-repeat: no-repeat;
background-size: cover;
}
#gas-top .low_top_sec_07_block {
margin: 50px 0;
}
#gas-top .low_top_sec_07 .low_top_sec_07-box {
background-color: white;
border: solid 3px #04C48A;
border-radius: 36px;
margin: 20px 0;
padding: 20px 40px 15px 60px;
}
#gas-top .low_top_sec_07 input {
display: none;
}
#gas-top .low_top_sec_07 label {
display: block !important;
font-size: 18px;
position: relative;
font-weight: 600;
}
#gas-top .low_top_sec_07 label:before {
content: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/gas_Q.svg);
font-size: 36px;
position: absolute;
height: 22px;
width: 22px;
left: -35px;
top: -13px;
font-weight: bold;
}
#gas-top .low_top_sec_07 label:after {
content: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/gas_Q_arrow.svg);
position: absolute;
bottom: -2.15rem;
right: 0;
top: 0;
margin-left: -0.1rem;
width: 20px;
height: 20px;
transition: all 0.3s;
}
#gas-top .low_top_sec_07 .answer {
overflow: hidden;
color: #04C48A;
font-size: 16px;
transition: max-height 0.3s;
max-height: 0px;
}
#gas-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label ~ p {
max-height: 300px;
transition: all 1s;
margin: 10px 0;
}
#gas-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label::after {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
top: 0;
transition: all 0.3s;
}
@media screen and (max-width: 590px) {
#gas-top .low_top_sec_07 {
padding: 30px 0 60px;
}
#gas-top .low_top_sec_07 .low_top_sec_07_block {
margin: 35px 0;
}
#gas-top .low_top_sec_07 .low_top_sec_07-box {
margin: 10px 0;
padding: 10px 15px 0;
}
#gas-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label::after {
top: 10px;
}
#gas-top .low_top_sec_07 .container {
margin: 0px;
width: auto;
}
#gas-top .low_top_sec_07 label {
font-size: 15px;
margin-bottom: 0px !important;
padding: 5px 20px 0 25px;
}
#gas-top .low_top_sec_07 label:before {
font-size: 24px;
left: 0px;
top: 0;
width: 20px;
}
#gas-top .low_top_sec_07 label:after {
width: 15px;
height: 15px;
top: 5px;
}
#gas-top .low_top_sec_07 .answer {
font-size: 14px;
padding: 10px 0 0 0;
}
}
#gas-top .low .for-members {
line-height: 0;
}
#gas-top .low .for-members .headline_4 {
line-height: 1.5;
}
.gas .headline_1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/headline_1_line.svg);
padding-bottom: 16px;
font-size: 24px;
font-weight: bold;
text-align: center;
line-height: 1.5em;
letter-spacing: 2px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-size: 100px auto;
background-position: center bottom;
}
#gas-ec .gas-ec-sec-01 {
padding-top: 0;
}
#gas-ec .gas-ec-sec-02 {
padding: 0 40px;
}
#gas-ec .gas-ec-sec-02 .inner {
background: #e6f9f4;
padding: 80px 0;
width: 100%;
}
#gas-ec .gas-ec-sec-02 .headline_1 br {
display: none;
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-02 {
padding: 0;
}
#gas-ec .gas-ec-sec-02 .inner {
padding: 40px 0;
}
#gas-ec .gas-ec-sec-02 .headline_1 {
font-size: 22px;
}
#gas-ec .gas-ec-sec-02 .headline_1 br {
display: block;
}
}
#gas-ec .gas-ec-sec-02 .tel-container {
margin-top: 40px;
}
#gas-ec .gas-ec-sec-02 .tel-container .title-wrap {
display: flex;
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-02 .tel-container .title-wrap {
flex-wrap: wrap;
}
#gas-ec .gas-ec-sec-02 .tel-container .title-wrap span {
display: block;
text-align: center;
}
}
#gas-ec .gas-ec-sec-02 .tel-container .title-wrap .left {
background: #008793;
color: #fff;
padding: 10px 30px 7px 30px;
width: 30%;
font-size: 20px;
text-align: center;
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-02 .tel-container .title-wrap .left {
width: 40%;
padding: 10px 20px 7px 20px;
}
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-02 .tel-container .title-wrap .left {
width: 100%;
padding: 10px 20px 7px 20px;
font-size: 20px;
}
}
#gas-ec .gas-ec-sec-02 .tel-container .title-wrap .right {
background: #dedede;
padding: 10px 30px 7px 30px;
width: 70%;
font-size: 20px;
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-02 .tel-container .title-wrap .right {
width: 60%;
padding: 10px 20px 7px 20px;
}
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-02 .tel-container .title-wrap .right {
width: 100%;
padding: 10px 20px 7px 20px;
font-size: 16px;
}
}
#gas-ec .gas-ec-sec-02 .tel-container .tel-col-1-wrap {
border: 2px solid #008793;
background: #fff;
padding: 20px;
margin-top: 10px;
}
#gas-ec .gas-ec-sec-02 .tel-container .tel-col-1-wrap .tel-col-1-title {
background: #f7f7f7;
color: #008793;
font-weight: bold;
padding: 8px 15px;
}
#gas-ec .gas-ec-sec-02 .tel-container .tel-col-1-wrap .tel-col-1-inner {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 30px;
}
#gas-ec .gas-ec-sec-02 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num {
padding-left: 50px;
}
#gas-ec .gas-ec-sec-02 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num a {
color: #008793;
font-size: 45px !important;
font-weight: bold;
vertical-align: middle;
letter-spacing: 3px;
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-02 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num a {
font-size: 35px !important;
}
}
#gas-ec .gas-ec-sec-02 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num img {
width: 44px;
height: 44px;
margin-right: 20px;
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-02 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num {
margin: 20px 0;
}
#gas-ec .gas-ec-sec-02 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num a {
font-size: 30px;
letter-spacing: 0;
}
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-02 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num {
padding-left: 0;
margin: 20px 0;
}
#gas-ec .gas-ec-sec-02 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num img {
width: 20px;
height: 20px;
margin-right: 10px;
}
}
#gas-ec .gas-ec-sec-02 .left {
width: 50%;
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-02 .left {
width: 100%;
}
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-02 .left {
width: 100%;
}
}
#gas-ec .gas-ec-sec-02 .right {
width: 50%;
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-02 .right {
width: 100%;
}
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-02 .right {
width: 100%;
}
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-02 .d-flex {
flex-wrap: wrap;
}
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-02 .d-flex {
flex-wrap: wrap;
}
}
#gas-ec .gas-ec-sec-02 .d-flex .left {
margin-right: 5px;
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-02 .d-flex .left {
margin-right: 0;
}
}
#gas-ec .gas-ec-sec-02 .d-flex .right {
margin-left: 5px;
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-02 .d-flex .right {
margin-left: 0;
}
}
#gas-ec .gas-ec-sec-03 .inner {
background: #e6f9f4;
padding: 80px 0;
}
#gas-ec .gas-ec-sec-03 .tel-container {
margin-top: 40px;
}
#gas-ec .gas-ec-sec-03 .tel-container .title-wrap {
display: flex;
}
#gas-ec .gas-ec-sec-03 .tel-container .title-wrap .left {
background: #008793;
color: #fff;
padding: 10px 30px 7px 30px;
width: 100%;
text-align: center;
font-size: 20px;
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-03 .tel-container .title-wrap .left {
padding: 10px 10px 7px 10px;
text-align: left;
}
}
#gas-ec .gas-ec-sec-03 .tel-container .title-wrap .right {
background: #dedede;
padding: 10px 10px 7px 10px;
width: 80%;
font-size: 20px;
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-03 .tel-container .title-wrap .right {
width: 100%;
}
}
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap {
border: 2px solid #008793;
background: #fff;
padding: 20px;
margin-top: 10px;
}
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .tel-col-1-title {
background: #f7f7f7;
color: #008793;
font-weight: bold;
padding: 8px 15px;
font-size: 18px;
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .tel-col-1-title {
font-weight: normal;
font-size: 16px;
padding: 10px;
}
}
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .tel-col-1-inner {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 30px;
}
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num {
padding-left: 50px;
}
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num a {
color: #008793;
font-size: 45px;
font-weight: bold;
vertical-align: middle;
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num a {
font-size: 35px;
}
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num {
margin: 20px 0;
}
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num {
padding-left: 0;
margin: 20px 0;
}
}
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .tel-col-1-inner .tel-col-1-box .num img {
width: 44px;
height: 44px;
margin-right: 20px;
}
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .reception-time-wrap {
border-top: 1px solid #cecece;
margin-top: 10px;
padding-top: 20px;
}
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .reception-time-wrap .time {
font-size: 18px;
font-weight: bold;
}
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .reception-time-wrap .note-list {
margin-top: 10px;
}
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .reception-time-wrap .note-list ul li {
font-size: 13px;
margin-bottom: 10px;
}
#gas-ec .gas-ec-sec-03 .tel-container .tel-col-1-wrap .reception-time-wrap .note-list ul li :last-child {
margin-bottom: 0;
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-03 .num a {
font-size: 30px !important;
padding-left: 0;
margin: 20px 0;
}
#gas-ec .gas-ec-sec-03 .num img {
width: 20px !important;
height: 20px !important;
margin-right: 10px !important;
}
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-03 {
padding: 40px 0;
}
#gas-ec .gas-ec-sec-03 .headline_1 {
font-size: 20px;
}
}
#gas-ec .gas-ec-sec-03 .left {
width: 50%;
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-03 .left {
width: 100%;
}
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-03 .left {
width: 100%;
}
}
#gas-ec .gas-ec-sec-03 .right {
width: 50%;
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-03 .right {
width: 100%;
}
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-03 .right {
width: 100%;
}
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-03 .d-flex {
flex-wrap: wrap;
}
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-03 .d-flex {
flex-wrap: wrap;
}
}
#gas-ec .gas-ec-sec-03 .d-flex .left {
margin-right: 5px;
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-03 .d-flex .left {
margin-right: 0;
}
}
#gas-ec .gas-ec-sec-03 .d-flex .right {
margin-left: 5px;
}
@media screen and (max-width: 960px) {
#gas-ec .gas-ec-sec-03 .d-flex .right {
margin-left: 0;
}
}
#gas-ec .gas-ec-sec-03 .low_top_sec_02__button {
margin-top: 80px;
}
@media screen and (max-width: 590px) {
#gas-ec .gas-ec-sec-03 .low_top_sec_02__button {
margin-top: 40px;
}
}
.gas-pp-sec-01 {
padding-top: 0;
}
.gas-pp-sec-02 {
padding: 0 40px;
}
.gas-pp-sec-02 .inner {
background: #e6f9f4;
padding: 80px 0;
width: 100%;
}
.gas-pp-sec-02 .pp-table__table {
margin-top: 40px;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 590px) {
.gas-pp-sec-02 .pp-table__table {
margin-top: 10px;
}
}
.gas-pp-sec-02 .pp-table__table table {
width: 100%;
table-layout: fixed;
text-align: center;
}
.gas-pp-sec-02 .pp-table__table table th {
color: #fff;
background-color: #919191;
}
.gas-pp-sec-02 .pp-table__table table td {
background-color: #fff;
padding: 15px 30px;
}
.gas-pp-sec-02 .pp-table__table table td.price {
background-color: #c3ffef;
}
.gas-pp-sec-02 .pp-table__table .table-bordered {
border: 1px solid #707070;
}
.gas-pp-sec-02 .pp-table__table .table-bordered td, .gas-pp-sec-02 .pp-table__table .table-bordered th {
border: 1px solid #707070;
}
.gas-pp-sec-02 .pp-table__table .table-bordered th {
padding: 10px;
}
.gas-pp-sec-02 .pp-table__table .table__sp-only {
display: none;
}
@media screen and (max-width: 960px) {
.gas-pp-sec-02 .pp-table__table table th, .gas-pp-sec-02 .pp-table__table table td {
padding: 10px;
vertical-align: middle;
}
}
@media screen and (max-width: 590px) {
.gas-pp-sec-02 .pp-table__table .table-bordered.pc-only {
display: none;
}
.gas-pp-sec-02 .pp-table__table .table__sp-only {
display: block;
}
.gas-pp-sec-02 .pp-table__table .table__sp-only th, .gas-pp-sec-02 .pp-table__table .table__sp-only td {
padding: 10px;
vertical-align: middle;
font-size: 14px;
font-weight: normal;
text-align: left;
}
.gas-pp-sec-02 .pp-table__table .table__sp-only thead td {
font-weight: bold !important;
text-align: center !important;
}
.gas-pp-sec-02 .pp-table__table .table__sp-only tbody th {
background-color: #eee !important;
color: #000 !important;
}
}
.gas-pp-sec-02 .pp-button {
margin: 40px auto 0 auto;
}
@media screen and (max-width: 590px) {
.gas-pp-sec-02 {
padding: 40px 0 !important;
}
}
.gas-pp-sec-03 .headline_2 {
color: #005090;
font-size: 20px;
margin-top: 40px;
font-weight: bold;
text-align: center;
}
.gas-pp-sec-03 img {
width: 100%;
height: auto;
}
.gas-pp-sec-03 .pp-table__table {
margin-top: 40px;
}
.gas-pp-sec-03 .pp-table__table table th {
color: #fff;
background-color: #908f8f;
text-align: center;
padding: 20px;
}
.gas-pp-sec-03 .pp-table__table table td {
line-height: 2em;
background-color: #fff;
padding: 20px;
}
.gas-pp-sec-03 .pp-table__table table td:first-child {
text-align: center;
}
.gas-pp-sec-03 .pp-table__table table td.odd {
width: 20%;
}
.gas-pp-sec-03 .pp-table__table table td.odd:last-child {
width: 80%;
}
.gas-pp-sec-03 .pp-table__table table td.even {
width: 20%;
background-color: #f4f4f4;
}
.gas-pp-sec-03 .pp-table__table table td.even:last-child {
width: 80%;
}
.gas-pp-sec-03 .pp-table__table table td.price {
background-color: #c3ffef;
}
.gas-pp-sec-03 .pp-table__table .table-bordered {
border: 1px solid #707070;
}
.gas-pp-sec-03 .pp-table__table .table-bordered td, .gas-pp-sec-03 .pp-table__table .table-bordered th {
border: 1px solid #707070;
}
.gas-pp-sec-03 .pp-table__table_supp {
padding-top: 10px;
}
.gas-pp-sec-03 .pp-button {
margin: 40px auto 0 auto;
}
@media screen and (max-width: 960px) {
.gas-pp-sec-03 img {
margin: 10px 0;
padding: 0px;
}
.gas-pp-sec-03 .pp-table__table table th {
padding: 10px;
}
.gas-pp-sec-03 .pp-table__table table td {
padding: 10px;
}
.gas-pp-sec-03 .pp-table__table table tr:nth-child(n+2) td {
display: block;
width: 100%;
}
.gas-pp-sec-03 .pp-table__table table td.odd:last-child, .gas-pp-sec-03 .pp-table__table table td.even:last-child {
width: 100%;
}
.gas-pp-sec-03 .pp-table__table .table-bordered {
border: 1px solid #707070;
}
.gas-pp-sec-03 .pp-table__table .table-bordered td, .gas-pp-sec-03 .pp-table__table .table-bordered th {
border: 0;
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
}
}
@media screen and (max-width: 590px) {
.gas-pp-sec-03 {
padding: 0px !important;
}
.gas-pp-sec-03 .headline_1 {
font-size: 22px;
}
.gas-pp-sec-03 .headline_2 {
font-size: 16px;
margin: 10px 0 !important;
font-weight: normal;
text-align: left !important;
}
.gas-pp-sec-03 .headline_2 br {
display: none;
}
.gas-pp-sec-03 .gas-bg-color-01 {
padding: 0;
}
}
.gas-pp-sec-03 .inner .sp-content {
margin: 0 !important;
padding: 0px 10px !important;
}
#gas-top { }
#gas-top .price_acc {
padding-bottom: 60px;
}
#gas-top .price_acc-box {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 30px;
padding: 20px;
}
#gas-top .price_acc-box input {
display: none;
}
#gas-top .price_acc-box label {
margin: auto;
color: #333333;
text-align: center;
font-size: 20px;
display: block !important;
position: relative;
font-weight: 500;
}
#gas-top .price_acc-box .price_acc_content {
overflow: hidden;
transition: max-height 0.3s;
max-height: 0px;
}
#gas-top .price_acc-box input[type=checkbox]:checked ~ label ~ .price_acc_content {
max-height: 1500px;
transition: all 1s;
}
#gas-top .price_acc-box input[type=checkbox]:checked ~ label::after {
transform: translateX(-50%) rotate(315deg);
-webkit-transform: translateX(-50%) rotate(315deg);
transition: all 0.3s;
}
#gas-top .price_acc-box label::after {
content: "";
position: absolute;
bottom: -2.15rem;
right: 0;
top: 30%;
margin-left: -0.1rem;
transform: translateX(-50%) rotate(135deg);
-webkit-transform: translateX(-50%) rotate(135deg);
vertical-align: middle;
width: 0.89rem;
height: 0.89rem;
border-top: 2px solid #707070;
border-right: 2px solid #707070;
transition: all 0.3s;
}
@media screen and (max-width: 590px) {
#gas-top .price_acc {
padding-bottom: 20px;
}
#gas-top .price_acc-box {
margin: 10px 0;
padding: 5px 0px 5px;
}
#gas-top .price_acc .container {
margin: 0px;
width: auto;
}
#gas-top .price_acc-box::before {
font-size: 20px;
left: -25;
top: 16;
}
#gas-top .price_acc-box .price_acc_content::before {
font-size: 20px;
left: -25;
top: 16;
}
#gas-top .price_acc-box input[type=checkbox]:checked ~ label ~ .price_acc_content {
max-height: 2300px;
padding-bottom: 20px;
}
#gas-top .price_acc-box label {
font-size: 16px;
margin-bottom: 0px !important;
padding: 10px 20px 10px 25px;
}
#gas-top .price_acc-box label::before {
font-size: 24px;
left: 0px;
top: 0;
}
#gas-top .price_acc-box label::after {
width: 0.7rem;
height: 0.7rem;
right: 20px;
}
#gas-top .price_acc-box .price_acc_content {
font-size: 14px;
padding: 0;
}
}
#gas-ca .gas-ca-sec-01 {
padding-top: 0;
}
#gas-ca .gas-ca-sec-02 {
padding: 0;
margin: 0 auto;
}
#gas-ca .gas-ca-sec-02 .inner {
padding: 80px 0;
width: 100%;
background-color: #e6f9f4;
}
@media screen and (max-width: 590px) {
#gas-ca .gas-ca-sec-02 .inner {
padding: 40px 0;
}
}
#gas-ca .gas-ca-sec-02 .calender__item {
margin-top: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
#gas-ca .gas-ca-sec-02 .calender__year {
margin-right: 60px;
padding-top: 3px;
padding-left: 10px;
font-size: 20px;
color: #004046;
font-weight: bold;
border-left: 5px solid #004046;
}
#gas-ca .gas-ca-sec-02 .calender__list {
flex: 1;
display: flex;
}
#gas-ca .gas-ca-sec-02 .calender__list li {
width: 8.3333%;
text-align: center;
}
#gas-ca .gas-ca-sec-02 .calender__list li a {
display: block;
color: #2d77c1;
font-weight: bold;
text-decoration: underline;
}
#gas-ca .gas-ca-sec-02 .calender__list li a.no-data {
color: #484848;
pointer-events: none;
text-decoration: none;
}
#gas-ca .gas-ca-sec-02 .calender__list li:not(:last-child) {
margin-right: 0;
border-right: 0;
}
@media screen and (max-width: 960px) {
#gas-ca .gas-ca-sec-02 .calender__item {
flex-wrap: wrap;
}
#gas-ca .gas-ca-sec-02 .calender__year {
margin-right: 0;
width: 100%;
}
#gas-ca .gas-ca-sec-02 .calender__list {
flex-wrap: wrap;
}
#gas-ca .gas-ca-sec-02 .calender__list li {
margin-top: 20px;
width: 16.666%;
text-align: center;
}
#gas-ca .gas-ca-sec-02 .calender__list li a {
display: block;
color: #2d77c1;
font-weight: bold;
}
#gas-ca .gas-ca-sec-02 .calender__list li:not(:last-child) {
margin-right: 0;
}
}
@media screen and (max-width: 590px) {
#gas-ca .gas-ca-sec-02 .calender__item {
flex-wrap: wrap;
}
#gas-ca .gas-ca-sec-02 .calender__year {
margin-right: 0;
width: 100%;
}
#gas-ca .gas-ca-sec-02 .calender__list {
margin-top: 10px;
flex-wrap: wrap;
}
#gas-ca .gas-ca-sec-02 .calender__list li {
width: 25%;
text-align: left;
}
#gas-ca .gas-ca-sec-02 .calender__list li a {
padding: 10px 0 5px 5px;
}
#gas-ca .gas-ca-sec-02 .calender__list li:not(:last-child) {
margin-right: 0;
border-bottom: 1px solid #adb8b5;
}
#gas-ca .gas-ca-sec-02 .calender__list li:last-child {
margin-right: 0;
border-bottom: 1px solid #adb8b5;
}
}
#gas-ca .gas-ca-sec-03 .headline_2 {
color: #005090;
font-size: 20px;
margin-top: 20px;
font-weight: 600;
line-height: 34px;
text-align: center;
}
#gas-ca .gas-ca-sec-03__inner {
margin-top: 80px;
padding: 40px 80px;
}
#gas-ca .gas-ca-sec-03__inner_title {
text-align: center;
font-size: 20px;
font-weight: bold;
}
#gas-ca .gas-ca-sec-03__inner img {
margin-top: 40px;
width: 100%;
height: auto;
}
#gas-ca .gas-ca-sec-03__inner p {
margin-top: 10px;
text-align: right;
}
@media screen and (max-width: 960px) {
#gas-ca .gas-ca-sec-03 .headline_2 {
font-size: 16px;
font-weight: normal;
}
#gas-ca .gas-ca-sec-03__inner {
margin-top: 20px;
padding: 40px 20px;
}
#gas-ca .gas-ca-sec-03__inner img {
margin-top: 20px;
}
#gas-ca .gas-ca-sec-03__inner p {
font-size: 14px;
text-align: left;
}
}
@media screen and (max-width: 590px) {
#gas-ca .gas-ca-sec-03 .headline_2 {
font-size: 16px;
font-weight: normal;
text-align: left !important;
}
#gas-ca .gas-ca-sec-03__inner {
margin-top: 20px;
padding: 40px 20px;
}
#gas-ca .gas-ca-sec-03__inner img {
margin-top: 20px;
}
#gas-ca .gas-ca-sec-03__inner p {
font-size: 14px;
text-align: left;
}
}
#gas-ca .gas-ca-sec-04 {
margin-top: 80px;
background: linear-gradient(90deg, #e6fbf6, #e6eef4);
}
#gas-ca .gas-ca-sec-04 .headline_1 br {
display: none;
}
#gas-ca .gas-ca-sec-04 .headline_2 {
color: #005090;
font-size: 20px;
margin-top: 40px;
font-weight: 600;
line-height: 34px;
text-align: center;
}
#gas-ca .gas-ca-sec-04 img {
margin-top: 20px;
width: 100%;
height: auto;
}
@media screen and (max-width: 960px) {
#gas-ca .gas-ca-sec-04 .headline_1 {
font-size: 22px;
}
#gas-ca .gas-ca-sec-04 .headline_2 {
margin-top: 20px;
font-size: 16px;
font-weight: normal;
}
}
@media screen and (max-width: 590px) {
#gas-ca .gas-ca-sec-04 {
padding: 30px 0;
}
#gas-ca .gas-ca-sec-04 .headline_1 {
font-size: 20px;
}
#gas-ca .gas-ca-sec-04 .headline_1 br {
display: block;
}
#gas-ca .gas-ca-sec-04 .headline_2 {
text-align: left;
}
#gas-ca .gas-ca-sec-04 .headline_2 br {
display: none;
}
}
.gas-flow {
padding: 0 !important;
}
.gas-flow__inner {
padding: 80px;
background-color: rgba(0, 176, 137, 0.2);
}
.gas-flow__item {
padding: 40px;
background-color: #fff;
width: 75%;
margin: 0 auto;
}
@media screen and (max-width: 960px) {
.gas-flow__item {
width: 100%;
}
}
.gas-flow__item .headline_7 {
margin: 0 auto;
text-align: center;
}
.gas-flow__item_list {
margin-top: 40px;
}
.gas-flow__item_list li {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
flex-wrap: wrap;
}
@media screen and (max-width: 960px) {
.gas-flow__item_list li {
flex-wrap: nowrap;
}
}
.gas-flow__item_list__img {
width: 150px;
}
.gas-flow__item_list__img img {
width: 100%;
height: auto;
}
.gas-flow__item_list__text {
margin-top: 20px;
width: 100%;
text-align: center;
color: #002529;
font-weight: bold;
}
.gas-flow__item_list__text br {
display: none;
}
.gas-flow__item p {
margin-top: 40px;
font-weight: bold;
}
.gas-flow__item .kome {
margin-top: 10px;
}
@media screen and (max-width: 960px) {
.gas-flow__item_list {
margin-top: 40px;
}
.gas-flow__item_list__img {
width: 120px;
}
.gas-flow__item_list__text {
margin-top: 20px;
width: 100%;
text-align: left;
color: #002529;
font-weight: bold;
}
.gas-flow__item_list__text br {
display: block;
}
}
.gas-flow__tag__wrapper {
padding: 0;
}
.gas-flow__tag__wrapper .tab-wrap {
background-color: transparent;
}
@media screen and (max-width: 960px) {
.gas-flow__tag__wrapper .tab-wrap {
display: block;
}
.gas-flow__tag__wrapper .tab-wrap .tab + label {
width: 100%;
margin: 0;
height: auto;
line-height: 1.2em;
border: 4px solid #333;
align-items: center;
justify-content: left;
padding: 10px 20px 10px 50px;
text-align: left;
}
.gas-flow__tag__wrapper .tab-wrap .tab + label span {
line-height: 1.3;
}
.gas-flow__tag__wrapper .tab-wrap:checked + label::after {
content: none;
}
}
.gas-flow__tag__wrapper .tab__content {
margin-top: 20px;
padding: 20px;
border: 2px solid #d9d3c9;
background-color: #fff;
}
.gas-flow__tag__wrapper .tab__content > ol > li {
position: relative;
display: flex;
margin-bottom: 80px;
}
.gas-flow__tag__wrapper .tab__content > ol > li::after {
content: "";
margin: 0 0 0 -20px;
padding: 0;
width: 40px;
height: 40px;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
bottom: -50px;
left: 50%;
}
.gas-flow__tag__wrapper .tab__content > ol > li:last-child::after {
display: none;
margin-bottom: 0;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__icon {
width: 100px;
height: auto;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__icon img {
width: 100%;
height: auto;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__content {
flex: 1;
display: flex;
flex-wrap: wrap;
margin-left: 60px;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__no {
font-size: 34px;
font-weight: bold;
color: #008793;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__title {
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
font-size: 18px;
font-weight: bold;
color: #008793;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__text {
margin-top: 10px;
line-height: 2em;
width: 100%;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__text span {
display: block;
font-weight: bold;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__text Ul {
margin-top: 20px;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__text li:before {
margin-right: 5px;
font-family: "Font Awesome 5 Free";
content: "\f111";
font-weight: 900;
font-size: 12px;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01 .komg, .gas-flow__tag__wrapper .gas-flow__tag__content_01__button {
margin-top: 20px;
width: 100%;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01 .komg .button, .gas-flow__tag__wrapper .gas-flow__tag__content_01__button .button {
width: 50%;
}
@media screen and (max-width: 960px) {
.gas-flow__tag__wrapper .gas-flow__tag__content_01__no {
margin-right: 5px;
}
}
.gas-flow__button {
margin: 80px auto 0 auto;
}
.gas-flow__button li:last-child {
margin-top: 20px;
}
.gas-flow__button .button.grade.more.gas {
background: linear-gradient(90deg, #FFB036, #FF4C40);
}
@media screen and (max-width: 960px) {
.gas-flow__tag__wrapper .gas-flow__tag__content_01__icon {
display: none;
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
width: 100%;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__icon img {
width: 120px;
height: auto;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01 .komg .button, .gas-flow__tag__wrapper .gas-flow__tag__content_01__button .button {
width: 100%;
}
.gas-flow__button {
margin: 20px auto 0 auto;
}
}
@media screen and (max-width: 590px) {
.gas-flow__inner {
margin-top: 20px;
padding: 20px;
}
.gas-flow__item {
padding: 15px;
}
.gas-flow__item_list {
margin-top: 0;
}
.gas-flow__item_list li {
margin-top: 40px;
width: 50%;
}
.gas-flow__item p {
font-weight: normal;
}
.gas-flow__item .kome {
padding: 0;
text-indent: 0;
}
.gas-flow__tag__wrapper {
margin-top: 40px;
padding: 0;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only__content {
margin-top: 20px;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only__content > ol > li {
flex-wrap: wrap;
margin-bottom: 0;
padding: 0;
}
.gas-flow__tag__wrapper li:first-child .gas-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/gas_top_nagare_1.svg) no-repeat right center/auto 75%;
}
.gas-flow__tag__wrapper li:nth-child(2) .gas-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/gas_top_nagare_2.svg) no-repeat right center/auto 75%;
}
.gas-flow__tag__wrapper li:nth-child(3) .gas-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/gas_top_nagare_3.svg) no-repeat right center/auto 75%;
}
.gas-flow__tag__wrapper li:nth-child(4) .gas-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/gas_top_nagare_4.svg) no-repeat right center/auto 75%;
}
.gas-flow__tag__wrapper li:nth-child(5) .gas-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/gas_top_nagare_5.svg) no-repeat right center/auto 75%;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
width: 100%;
display: none;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__icon img {
width: 70px;
height: auto;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__content {
justify-content: center;
flex-wrap: wrap;
margin: 0;
width: 100%;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__no {
font-size: 26px;
margin-right: 20px;
text-align: center;
display: flex;
width: 3%;
align-items: center;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01__title {
text-align: center;
margin: 0;
width: 90%;
padding-right: 60px;
justify-content: flex-start;
}
.gas-flow__tag__wrapper .gas-flow__tag__content_01 .komg .button, .gas-flow__tag__wrapper .gas-flow__tag__content_01__button .button {
width: 100%;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only__content {
padding: 0 !important;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only__content ol {
padding: 0 !important;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only__content ol li {
width: 100% !important;
padding: 0 !important;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only__content .gas-flow__tag__content_01__text {
margin: 0 !important;
width: 100% !important;
padding: 0 !important;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .gas-flow__tag__content_01__text {
padding-left: 0;
margin-bottom: 10px;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab + label {
display: flex;
width: 100%;
margin: 0 1%;
line-height: 1.5;
border: 4px solid #333;
align-items: center;
justify-content: left;
padding-left: 50px;
padding-right: 20px;
text-align: left;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab + label span {
line-height: 1.3;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab + label.tab1 {
margin-bottom: 10px;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab + label.tab1 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_1.svg);
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab + label.tab2 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_2.svg);
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab:checked + label {
background-color: #333;
position: relative;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab:checked + label::after {
content: none;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab:checked + label span {
display: inline;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(7) ~ .tab__content:nth-of-type(7) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(8) ~ .tab__content:nth-of-type(8) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(9) ~ .tab__content:nth-of-type(9) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(10) ~ .tab__content:nth-of-type(10) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab-wrap_sp-only__content {
padding-top: 20px !important;
padding-right: 0;
}
.gas-flow__tag__wrapper .tab-wrap_sp-only .tab-wrap_sp-only__content > ol > li {
display: block;
}
.gas-flow__button {
margin: 20px auto 0 auto;
}
}
.headline_1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/headline_1_line.svg);
}
.button.grade.hikari {
background: linear-gradient(90deg, #FFB036, #FF4C40);
}
#hikari-top .headline_2 {
color: #746216;
}
#hikari-top .headline_4 {
font-family: "Trebuchet MS", "Hind", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
#hikari-top .low__kv__back {
height: 50vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_top_back.jpg);
background-attachment: fixed;
position: relative;
}
#hikari-top .low__kv__back .kv-ttl_pc {
position: absolute;
bottom: 45px;
right: 75px;
}
#hikari-top .low__kv__back .kv-ttl_pc img {
height: auto;
object-fit: contain;
width: 700px;
}
#hikari-top .low__kv__back .kv-ttl_sp {
width: 80%;
top: 0px;
right: 35px;
object-fit: contain;
position: absolute;
bottom: -20px;
}
#hikari-top .low__kv__back .kv-ttl_sp img {
object-fit: contain;
}
@media screen and (max-width: 960px) {
#hikari-top .low__kv__back {
height: 300px;
background-position: 40% -300px;
}
#hikari-top .low__kv__back .kv-ttl_pc {
bottom: 20px;
}
#hikari-top .low__kv__back .kv-ttl_pc img {
height: auto;
width: 400px;
object-fit: contain;
}
}
@media screen and (max-width: 590px) {
#hikari-top .low__kv {
position: relative;
height: 200px;
}
#hikari-top .low__kv__back {
background-image: none;
background-attachment: unset;
height: 200px;
}
#hikari-top .low__kv__back:before {
content: "";
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 310px;
z-index: -10;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_top_back.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: 50% 0%;
background-size: 150%;
}
}
#hikari-top .low_top_sec_01__item {
display: flex;
justify-content: center;
}
#hikari-top .low_top_sec_01__item li {
padding: 0 20px;
width: 25%;
}
@media screen and (max-width: 960px) {
#hikari-top .low_top_sec_01__item li {
width: 33.3%;
}
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_01 {
background-color: #fff;
padding: 40px 0;
}
#hikari-top .low_top_sec_01__item {
padding: 0 15px;
text-align: center;
}
#hikari-top .low_top_sec_01__item li {
margin-bottom: 0;
padding: 0 5px;
}
#hikari-top .low_top_sec_01__item li a {
padding: 25px 5px;
}
#hikari-top .low_top_sec_01__item_icon img {
width: 50%;
}
#hikari-top .low_top_sec_01__item_text {
margin-top: 15px;
font-size: 13px;
}
}
#hikari-top .low_top_sec_01__item a:hover {
background-color: rgba(240, 145, 56, 0.5);
}
#hikari-top .low_top_sec_01__item_icon {
width: 100px;
height: auto;
}
#hikari-top .low_top_sec_01__item_text {
color: #551d00;
}
#hikari-top .low_top_sec_01 .note {
margin-top: 20px;
}
#hikari-top .hikari-top_sec_02__inner {
position: relative;
margin-top: 40px;
padding: 60px 0 100px 0;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/bg_top_maruttohikari.png);
background-size: 60% 90%;
background-position: left center;
}
@media screen and (max-width: 590px) {
#hikari-top .hikari-top_sec_02__inner {
padding-bottom: 40px;
}
}
#hikari-top .hikari-top_sec_02__img img {
position: absolute;
top: 0;
left: 10%;
width: 45%;
height: 100%;
object-fit: cover;
}
#hikari-top .hikari-top_sec_02 .headline_2 {
color: #746216;
}
#hikari-top .hikari-top_sec_02__text {
display: flex;
align-items: center;
justify-content: flex-end;
}
#hikari-top .hikari-top_sec_02__box {
width: 50%;
padding: 40px 0 40px 40px;
background-color: #fff;
}
#hikari-top .hikari-top_sec_02 p {
margin-top: 20px;
line-height: 2em;
}
#hikari-top .hikari-top_sec_02 .kome {
margin-top: 10px;
}
@media screen and (max-width: 960px) {
#hikari-top .hikari-top_sec_02__inner {
margin-top: 0;
padding: 20px;
background-image: none;
}
#hikari-top .hikari-top_sec_02__img img {
position: static;
width: 100%;
height: auto;
}
#hikari-top .hikari-top_sec_02__text {
align-items: flex-start;
justify-content: center;
}
#hikari-top .hikari-top_sec_02__box {
width: 100%;
padding: 20px;
}
}
@media screen and (max-width: 590px) {
#hikari-top .hikari-top_sec_02__box {
margin: 0;
padding: 10px 0;
}
#hikari-top .hikari-top_sec_02__text {
padding: 5px;
}
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03 {
background-color: #fff;
}
}
#hikari-top .low_top_sec_03__inner {
background: #FFFBE6;
padding: 60px 0;
}
#hikari-top .low_top_sec_03__inner_intro {
text-align: center;
}
#hikari-top .low_top_sec_03__inner_intro h5 {
font-weight: 300;
font-size: 34px;
color: #FF8B40;
margin: 30px 0;
}
#hikari-top .low_top_sec_03__inner_intro p {
font-size: 18px;
line-height: 32px;
text-align: center;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner_intro h5 {
font-size: 20px;
margin: 20px 0;
}
#hikari-top .low_top_sec_03__inner_intro p {
line-height: inherit;
font-size: 16px;
text-align: left;
}
#hikari-top .low_top_sec_03__inner_intro p br {
display: none;
}
}
#hikari-top .low_top_sec_03__inner .price_acc {
padding-top: 30px;       }
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc {
padding: 0;
}
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 30px;
padding: 20px;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > input {
display: none;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > label {
text-align: center;
font-size: 20px;
position: relative;
font-weight: 500;
display: block !important;
margin: auto;
position: relative;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box .price_acc_btn::after {
content: "";
position: absolute;
bottom: -2.15rem;
right: 0px;
top: 30%;
margin-left: -0.1rem;
transform: translateX(-50%) rotate(135deg);
vertical-align: middle;
width: 0.89rem;
height: 0.89rem;
border-top: 2px solid rgb(112, 112, 112);
border-right: 2px solid rgb(112, 112, 112);
transition: all 0.3s ease 0s;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > .price_acc_content {
overflow: hidden;
transition: max-height 0.3s;
max-height: 0px;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > input:checked ~ .price_acc_content {
max-height: 15000px;
margin-top: 50px;
transition: max-height 1s;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > input:checked ~ .price_acc_content .tab-pc {
display: block;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > input:checked ~ .price_acc_content .tab-pc {
display: none;
}
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > input:checked ~ .price_acc_content .tab-sp {
display: none;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > input:checked ~ .price_acc_content .tab-sp {
display: block;
padding: 5px;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > input:checked ~ .price_acc_content .tab-sp .slide_title {
display: block;
margin: auto;
text-align: center;
font-size: 16px;
font-weight: 500;
color: white;
background-color: #FF8B40;
border-radius: 5px 5px 0px 0px;
padding: 15px 0;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > input:checked ~ .price_acc_content .tab-sp .tab-sp-back {
background: #fff3eb;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > input:checked ~ .price_acc_content .tab-sp .swiper-pagination-bullet-active {
background: #484848 !important;
}
}
#hikari-top .low_top_sec_03__inner .price_acc .tab:checked + label::after {
position: absolute;
bottom: -14px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
content: "";
}
@media screen and (max-width: 960px) {
#hikari-top .low_top_sec_03__inner .price_acc .tab:checked + label::after {
content: none;
}
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > input[type=checkbox]:checked ~ label ~ .price_acc_content {
max-height: 15000px;
margin-top: 50px;
transition: max-height 1s;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > input[type=checkbox]:checked ~ label::after {
transform: translateX(-50%) rotate(315deg);
-webkit-transform: translateX(-50%) rotate(315deg);
transition: all 0.3s;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > label::after {
content: "";
position: absolute;
bottom: 50%;
right: 0;
margin-left: -0.1rem;
transform: translateX(-50%) rotate(135deg);
-webkit-transform: translateX(-50%) rotate(135deg);
vertical-align: middle;
width: 0.89rem;
height: 0.89rem;
border-top: 2px solid #707070;
border-right: 2px solid #707070;
transition: all 0.3s;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box {
margin: 10px 0;
padding: 10px 0px 10px;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc > .container {
margin: 0px;
width: auto;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box::before {
font-size: 20px;
left: -25;
top: 16;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > input[type=checkbox]:checked ~ label ~ .price_acc_content {
margin-top: 10px;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > .price_acc_content::before {
left: -25;
top: 16;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > input[type=checkbox]:checked ~ label ~ .price_acc_content {
padding-bottom: 20px;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > label {
font-size: 15px;
margin-bottom: 0px !important;
padding: 10px 0 10px 0;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > label::before {
font-size: 24px;
left: 0px;
top: 0;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > label::after {
width: 0.7rem;
height: 0.7rem;
right: 20px;
}
#hikari-top .low_top_sec_03__inner .price_acc .price_acc-box > .price_acc_content {
font-size: 14px;
padding: 0;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec {
text-align: center;
padding-bottom: 0;
padding: 20px 0 50px;
background: #fff3eb;
margin-top: 10px;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .sec_inner {
margin: 0;
padding: 0;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__ttl-capt {
font-size: 16px;
text-align: center;
font-weight: bold;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box {
margin-top: 32px;
padding: 10px 30px;
border: 2px #FF8B40 solid;
border-radius: 4px;
background: #fff;
height: 90%;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__inner {
display: flex;
align-items: center;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__inner img {
width: 20%;
margin: 0 10px;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__inner__ttl {
text-align: left;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__inner__ttl .pp__box__title {
font-size: 24px;
font-weight: bold;
color: #FF8B40;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__inner__ttl .pp__box__title {
font-size: 18px !important;
text-align: center;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__inner__ttl .pp__box__title span {
display: block;
text-align: center;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__inner__ttl__capt {
font-size: 15px;
font-weight: bold;
margin-top: 3px;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__price {
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 5px;
margin-top: 10px;
margin-bottom: 5px;
line-height: 1.5;
color: #FF8B40;
background: #F7F7F7;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__price span.figures {
font-size: 32px;
font-weight: bold;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__price span.yen {
font-size: 24px;
font-weight: bold;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__points {
max-height: 100px;
background-color: #fff;
max-width: 97%;
font-size: 13px;
margin: 40px auto 0;
padding: 0;
list-style-type: none;
text-align: left;
line-height: 1.75;
left: 0;
overflow-x: visible;
overflow-y: scroll;
border: solid 1px #bcbcbc;
font-feature-settings: "palt" 1; font-feature-settings: "palt" 1;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__points {
margin: 10px auto 0 !important;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__points li {
text-indent: -1rem;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc .pp__box__price .tax {
display: block;
font-size: 14px;
}
#hikari-top .low_top_sec_03__inner .price_acc .pp__ttl-capt {
margin-bottom: 20px;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec {
box-sizing: border-box;
padding: 20px 0;
margin-top: 0;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box {
padding: 10px;
box-sizing: border-box;
margin: 5px 5px 0;
height: auto;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__img {
width: 20%;
margin: 0;
display: inline;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__price {
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
box-sizing: border-box;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__price span.figures {
font-size: 25px;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__title {
width: 70%;
display: inline;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__title span {
display: inline;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__title br {
display: none;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-pp_sec .pp__box__inner__ttl {
text-align: center;
display: inline;
width: 70%;
margin: auto 0;
}
#hikari-top .low_top_sec_03__inner .price_acc .pp__box__inner__ttl__capt {
font-size: 14px;
display: block;
margin: auto;
}
#hikari-top .low_top_sec_03__inner .price_acc .swiper-pagination-bullets {
bottom: 0;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 {
text-align: center;
padding-top: 40px;
background: none;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 h7 {
color: #FF8B40;
font-size: 24px;
text-align: center;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 h7 {
text-align: center;
font-size: 15px;
padding-top: 0px;
background: none;
font-weight: 500;
color: #333333;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2 {
margin-top: 40px;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2 {
flex-wrap: wrap;
margin-top: 10px;
padding: 0;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner {
background: #fff;
width: 48%;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner > div {
width: 100%;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner {
width: 100%;
border: solid 2px #ff8b40;
box-sizing: border-box;
border-radius: 5px;
margin: 0 0 20px;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner img {
width: 70%;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner__ttl {
background-color: #FF8B40;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner__ttl .pp__box-2__inner__ttl-1,
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner__ttl .pp__box-2__inner__ttl-2 {
position: relative;
font-size: 22px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 70px;
}
@media screen and (max-width: 960px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner__ttl .pp__box-2__inner__ttl-1,
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner__ttl .pp__box-2__inner__ttl-2 {
font-size: 16px;
}
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner__ttl .pp__box-2__inner__ttl-1,
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner__ttl .pp__box-2__inner__ttl-2 {
height: 50px;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner__ttl-1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_plan_mansion_w.svg);
padding-left: 20px;
background-repeat: no-repeat;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner__ttl-2 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_plan_family_w.svg);
background-position: 20% 50%;
background-repeat: no-repeat;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner__graph {
margin: 20px 30px;
padding-bottom: 20px;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .swiper-pagination-bullets {
bottom: 0;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box {
padding: 10px 20px;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner__ttl .pp__box__title {
font-size: 18px;
height: 60px;
text-align: center;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner__ttl-1::before {
top: 38px;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-02 .pp__box-2__inner__ttl-2::before {
top: 38px;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 {
text-align: center;
padding: 30px 0 50px;
background: #fff3eb;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 {
padding: 20px 0 15px;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 h8 {
font-size: 24px;
font-weight: 500;
text-align: center;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 h8 {
text-align: center;
padding-top: 0px;
background: none;
font-size: 18px;
font-weight: 500;
}
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .container {
padding: 0;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__ttl-capt {
font-weight: bold;
padding-top: 10px;
text-align: center;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box {
margin-top: 32px;
padding: 10px 30px;
border: 2px #FF8B40 solid;
border-radius: 4px;
background: white;
height: 90%;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box {
padding: 10px;
box-sizing: border-box;
width: 90%;
margin: 5px;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__inner {
display: flex;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__inner img {
width: 20%;
margin: 0 10px;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__inner__ttl {
text-align: left;
padding-top: 10px;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__title {
font-size: 24px;
font-weight: bold;
color: #FF8B40;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__title {
font-size: 16px !important;
text-align: center;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__inner__ttl .pp__box__title span {
font-size: 20px;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__inner__ttl .pp__box__title span {
display: block;
text-align: center;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__inner__ttl__capt {
font-size: 15px;
font-weight: bold;
margin-top: 3px;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__inner__ttl__capt {
font-size: 11px;
text-align: center;
display: block;
margin: auto;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__price {
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 5px;
margin-top: 10px;
margin-bottom: 5px;
line-height: 1.5;
color: #FF8B40;
background: #F7F7F7;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__price span.figures {
font-size: 32px;
font-weight: bold;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__price span.yen {
font-size: 24px;
font-weight: bold;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__points {
max-height: 100px;
background-color: #fff;
max-width: 97%;
font-size: 13px;
margin: 40px auto 0;
padding: 0;
list-style-type: none;
text-align: left;
line-height: 1.75;
left: 0;
overflow-x: visible;
overflow-y: scroll;
border: solid 1px #bcbcbc;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__points {
margin: 40px auto 0;
width: 88%;
box-sizing: border-box;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__points li {
text-indent: -1rem;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box {
padding: 10px 20px;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box h4 {
font-size: 18px;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__title {
font-size: 22px !important;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__title {
font-size: 18px !important;
text-align: left;
margin: auto;
display: inline-block;
width: 70%;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__title span {
display: block;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__inner__ttl__capt {
margin: auto;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__img {
width: 70px;
height: auto;
margin: 0 10px;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__img img {
width: 100% !important;
height: auto;
margin: 0 !important;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__img {
display: inline-block;
width: 30%;
height: auto;
margin: 0;
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .pp__box__img img {
width: 40px !important;
}
}
#hikari-top .low_top_sec_03__inner .price_acc #hikari-wrap-03 .swiper-pagination-bullets {
bottom: 100px;
left: 0;
width: 100%;
}
#hikari-top .low_top_sec_03__inner {
background: #FFFBE6;
padding: 60px 0;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__inner {
padding: 20px 0;
}
}
#hikari-top .low_top_sec_03__item {
display: flex;
align-items: flex-end;
margin-top: 40px;
}
#hikari-top .low_top_sec_03 .headline_2 {
font-size: 30px;
}
#hikari-top .low_top_sec_03 .headline_2 br {
display: none;
}
#hikari-top .low_top_sec_03__text {
margin-top: 40px;
line-height: 2em;
}
#hikari-top .low_top_sec_03__button {
margin-top: 20px;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_03__item {
margin-top: 20px;
}
#hikari-top .low_top_sec_03__item__wrapper {
padding: 0;
}
#hikari-top .low_top_sec_03 .headline_2 {
margin-top: 40px;
}
#hikari-top .low_top_sec_03 .headline_2 br {
display: block;
}
#hikari-top .low_top_sec_03__text {
margin-top: 20px;
}
#hikari-top .low_top_sec_03__button {
margin-top: 20px;
}
}
.low_top_sec_03__sp-only {
display: none;
}
@media screen and (max-width: 960px) {
.low_top_sec_03__pc-only {
display: none;
}
.low_top_sec_03__sp-only {
display: flex;
justify-content: center;
margin-top: 20px;
}
.low_top_sec_03__sp-only th,
.low_top_sec_03__sp-only td {
display: block;
padding: 10px;
width: 100%;
text-align: center;
background-color: #fff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
}
.low_top_sec_03__sp-only thead th {
background: #FF8B40;
color: #fff;
}
.low_top_sec_03__sp-only thead th img {
width: 30px;
height: auto;
}
.low_top_sec_03__sp-only tbody th {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: #959595;
}
.low_top_sec_03__sp-only tbody th.hikari {
color: #FFD92C;
}
.low_top_sec_03__sp-only td.price {
color: #FF8B40;
font-size: 30px;
font-weight: bold;
}
.low_top_sec_03__sp-only td.price small {
font-size: 18px;
}
.low_top_sec_03__sp-only td.price .price_tax {
font-size: 16px;
}
.low_top_sec_03__sp-only td.price div {
font-size: 16px;
color: #000;
}
.low_top_sec_03__sp-only td ul {
width: 100%;
display: table;
}
.low_top_sec_03__sp-only td ul li {
background: #E8E8E8;
display: table-cell;
vertical-align: middle;
padding: 10px 0;
}
.low_top_sec_03__sp-only td ul li .txt13 {
font-size: 13px;
}
.low_top_sec_03__sp-only td ul li .txt14 {
font-size: 14px;
}
.low_top_sec_03__sp-only td ul li .txt16 {
font-size: 16px;
}
.low_top_sec_03__sp-only td ul li .txt20 {
font-size: 20px;
}
.low_top_sec_03__sp-only td ul li .txt24 {
font-size: 24px;
}
.low_top_sec_03__sp-only td ul li .txt28 {
font-size: 28px;
}
}
@media screen and (max-width: 590px) {
.low_top_sec_03 {
padding: 40px 0 20px;
}
.low_top_sec_03_intro h5 {
font-size: 20px;
}
.low_top_sec_03_intro p {
font-size: 14px;
text-align: left;
line-height: 25px;
}
.low_top_sec_03 .tbl-price-index {
margin: 20px 0 30px;
width: 100%;
}
.low_top_sec_03 .tbl-price-index .thead th {
font-size: 12px;
}
.low_top_sec_03 .tbl-price-index .thead th img {
width: 15px;
padding-bottom: 5px;
}
.low_top_sec_03 .tbl-price-index tr td {
padding: 0px !important;
}
.low_top_sec_03 .tbl-price-index tr td .price {
font-size: 18px;
}
.low_top_sec_03 .tbl-price-index tr td .price_tax {
font-size: 12px;
}
.low_top_sec_03 .tbl-price-index tr td small {
font-size: 12px;
}
.low_top_sec_03 .tbl-price-index__competitors .txt20 {
font-size: 18px !important;
}
.low_top_sec_03 .tbl-price-index__competitors .txt14 {
font-size: 12px !important;
}
.low_top_sec_03 .tbl-price-index__competitors .txt20 {
font-size: 16px !important;
}
.low_top_sec_03 .tbl-price-index__competitors .txt24 {
font-size: 16px !important;
}
.low_top_sec_03 .tbl-price-index__competitors .txt24 br {
display: none;
}
.low_top_sec_03 .tbl-price-index__competitors .txt15 {
font-size: 12px !important;
}
}
#hikari-top .low_top_sec_04 {
padding: 80px 20px;
background-color: #fff;
}
#hikari-top .low_top_sec_04 .headline_1 {
margin-bottom: 40px;
text-align: center;
}
#hikari-top .low_top_sec_04_inner_text {
margin: 30px 0;
}
#hikari-top .low_top_sec_04 .pd40 {
padding-bottom: 40px;
}
#hikari-top .low_top_sec_04 img {
margin-top: 80px;
width: 100%;
height: auto;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_04 img {
margin-top: 0;
}
}
#hikari-top .low_top_sec_04 p.txt01 {
font-size: 16px;
line-height: 2em;
color: #333;
padding-right: 20px;
}
#hikari-top .low_top_sec_04 p.txt02 {
font-size: 13px;
line-height: 23px;
color: #707070;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_04 {
padding: 40px 0;
}
#hikari-top .low_top_sec_04 .headline_1 {
margin-bottom: 0;
}
#hikari-top .low_top_sec_04 .headline_2 {
margin-top: 20px;
font-size: 20px;
}
#hikari-top .low_top_sec_04 .headline_2 br {
display: none;
}
}
#hikari-top .low_hikari_sec_05 {
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/img_03.jpg);
background-size: cover;
}
#hikari-top .low_hikari_sec_05 .headline_1 {
margin-top: 80px;
text-align: center;
}
#hikari-top .low_hikari_sec_05 .headline_2 {
margin-top: 40px;
text-align: center;
}
#hikari-top .low_hikari_sec_05 .headline_2 br {
display: none;
}
#hikari-top .low_hikari_sec_05__text {
margin-top: 40px;
line-height: 2em;
text-align: center;
}
@media screen and (max-width: 590px) {
#hikari-top .low_hikari_sec_05__text {
text-align: left;
}
}
#hikari-top .low_hikari_sec_05__item {
margin-top: 40px;
}
#hikari-top .low_hikari_sec_05__item li {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media screen and (max-width: 590px) {
#hikari-top .low_hikari_sec_05__item li {
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
}
#hikari-top .low_hikari_sec_05__item li a {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 50px 0;
width: 250px;
height: 250px;
background-color: #fff;
text-align: center;
border-radius: 100%;
}
#hikari-top .low_hikari_sec_05__icon {
width: 100%;
}
#hikari-top .low_hikari_sec_05__icon img {
width: 40%;
height: auto;
}
#hikari-top .low_hikari_sec_05__logo {
width: 100%;
}
#hikari-top .low_hikari_sec_05__logo img {
width: 70%;
height: auto;
}
#hikari-top .low_hikari_sec_05__cath {
width: 100%;
padding: 20px;
font-size: 14px;
}
#hikari-top .low_hikari_sec_05__button {
margin: 40px auto 0 auto;
padding: 0;
}
@media screen and (max-width: 960px) {
#hikari-top .low_hikari_sec_05__item li a {
width: 150px;
height: 150px;
padding: 30px 0;
margin: 0 auto;
}
#hikari-top .low_hikari_sec_05__icon img {
width: 60px;
height: auto;
}
#hikari-top .low_hikari_sec_05__logo img {
width: 100px;
height: auto;
}
#hikari-top .low_hikari_sec_05__cath {
padding: 10px 0;
}
#hikari-top .low_top_sec_06__tag__content_01__content {
margin: 0 auto;
width: 150px;
justify-content: center;
}
#hikari-top .low_hikari_sec_05__button {
padding: 0 20px;
}
#hikari-top .low_hikari_sec_05__button .button {
height: 60px !important;
}
}
@media screen and (max-width: 590px) {
#hikari-top .low_hikari_sec_05 .headline_1 {
margin-top: 40px;
}
#hikari-top .low_hikari_sec_05 .headline_2 {
margin-top: 20px;
}
#hikari-top .low_hikari_sec_05 .headline_2 br {
display: block;
}
#hikari-top .low_hikari_sec_05__text {
margin-top: 20px;
}
#hikari-top .low_hikari_sec_05__item {
margin-top: 0;
}
#hikari-top .low_hikari_sec_05__item li {
margin-top: 40px;
}
#hikari-top .low_hikari_sec_05__cath {
padding: 10px 20px 0 20px;
}
}
#hikari-top .low_top_sec_06 {
padding: 40px;  }
#hikari-top .low_top_sec_06 .tab + label span.tab1::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_02.svg);
}
#hikari-top .low_top_sec_06 .tab:checked + label span.tab1::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_01.svg);
}
#hikari-top .low_top_sec_06 .tab:not(:checked) + label:hover span.tab1::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_01.svg);
}
#hikari-top .low_top_sec_06 .tab + label span.tab2::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-2.svg);
}
#hikari-top .low_top_sec_06 .tab:checked + label span.tab2::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-1.svg);
}
#hikari-top .low_top_sec_06 .tab:not(:checked) + label:hover span.tab2::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-1.svg);
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__icon {
width: 100px;
height: auto;
margin-left: 30px;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__content {
flex: 1;
display: flex;
flex-wrap: wrap;
margin-left: 60px;
}
#hikari-top .low_top_sec_06 .table_capt {
font-size: 14px;
margin-top: 5px;
}
#hikari-top .low_top_sec_06 .tel-num {
margin-top: 5px;
}
#hikari-top .low_top_sec_06 h5 {
font-size: 18px;
font-weight: bold;
}
#hikari-top .low_top_sec_06 .in {
display: block;
width: 100%;
height: 100%;
}
#hikari-top .low_top_sec_06 .in h5:after {
font-family: "Font Awesome 5 Free";
content: "\f138";
font-weight: 900;
color: #ffd92c;
margin-left: 10px;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__inner {
margin: auto;
background: #fffdea;
text-align: center;
margin-top: 20px;
padding: 30px 0;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__inner__text {
font-size: 18px;
font-weight: bold;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__inner table {
border-collapse: separate;
border-spacing: 10px;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__inner__east th {
background: #ff8b40;
color: white;
padding: 8px;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__inner__east td {
border: 2px #ff8b40 solid;
background: #fff;
padding: 8px;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__inner__east td a {
display: block;
padding: 8px;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__title {
color: #ff8b40;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__inner__west th {
background: #655300;
color: white;
padding: 8px;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__inner__west td {
border: 2px #655300 solid;
background: #fff;
padding: 8px;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__inner__west td h5 {
color: #655300;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__no {
font-size: 34px;
font-weight: bold;
color: #ff8b40;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__title {
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
font-size: 18px;
font-weight: bold;
color: #ff8b40;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__text {
margin-top: 10px;
line-height: 2em;
width: 100%;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__text span {
display: block;
font-weight: bold;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02 .komg,
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__button {
margin-top: 20px;
width: 100%;
}
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02 .komg .button,
#hikari-top .low_top_sec_06 .hikari-flow__tag__content_02__button .button {
width: 50%;
}
#hikari-top .low_top_sec_06 .hikari-flow__button {
margin: 80px auto 0 auto;
}
#hikari-top .low_top_sec_06 .hikari-flow__button li:last-child {
margin-top: 20px;
}
#hikari-top .low_top_sec_06__inner {
padding: 80px 0;
background-color: #FFFBE6;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_06__inner {
margin-toop: 0;
}
}
#hikari-top .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#hikari-top .low_top_sec_06__tag__content ol {
display: flex;
justify-content: center;
}
#hikari-top .low_top_sec_06__tag__content li {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
padding: 0 10px;
width: 25%;
}
#hikari-top .low_top_sec_06__tag__content li::after {
position: absolute;
right: 0px;
top: 40px;
margin: 0 10px;
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
opacity: 0.7;
}
#hikari-top .low_top_sec_06__tag__content li:last-child::after {
display: none;
}
#hikari-top .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
}
#hikari-top .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#hikari-top .low_top_sec_06__tag__content_01__content {
margin-top: 20px;
display: flex;
align-items: center;
}
#hikari-top .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #FF8B40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
#hikari-top .low_top_sec_06__tag__content_01__text {
flex: 1;
font-weight: bold;
font-size: 15px;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_06 {
padding: 0;
}
#hikari-top .low_top_sec_06__inner {
padding: 40px 20px;
}
#hikari-top .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#hikari-top .low_top_sec_06__tag__content ol {
flex-wrap: wrap;
}
#hikari-top .low_top_sec_06__tag__content li {
margin-bottom: 40px;
padding: 0;
width: 100%;
}
#hikari-top .low_top_sec_06__tag__content li::after {
left: 50%;
top: 100%;
margin: 0;
text-align: center;
transform: translateX(-50%);
content: "\f078";
}
#hikari-top .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
}
#hikari-top .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#hikari-top .low_top_sec_06__tag__content_01__content {
margin-top: 20px;
display: flex;
align-items: center;
}
#hikari-top .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #ff4c40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
} @media screen and (max-width: 590px) {
#hikari-top #tag__container {
height: 560px;
}
} #hikari-top .tbl-price-index {
width: 80%;
margin: 30px auto;
}
#hikari-top .tbl-price-index img {
padding-bottom: 20px;
}
#hikari-top .tbl-price-index th,
.tbl-price-index td {
padding: 15px;
text-align: center;
}
#hikari-top .tbl-price-index td:first-child {
background: #FF8B40;
color: #fff;
}
#hikari-top .tbl-price-index td:nth-child(2) {
background: #FFFDEA;
}
#hikari-top .tbl-price-index td:last-child {
background: #fff;
}
#hikari-top .tbl-price-index .thead {
background: #959595;
}
#hikari-top .tbl-price-index ul {
width: 100%;
display: table;
}
#hikari-top .tbl-price-index ul li {
background: #E8E8E8;
display: table-cell;
vertical-align: middle;
padding: 10px 0;
}
#hikari-top .tbl-price-index span.price {
color: #FF8B40;
font-size: 30px;
font-weight: bold;
}
#hikari-top .tbl-price-index span.price_tax {
color: #FF8B40;
font-size: 15px;
}
#hikari-top .tbl-price-index th:nth-child(2) {
font-size: 25px;
color: #FFD92C;
}
#hikari-top .tbl-price-index th:last-child {
font-size: 18px;
color: #fff;
font-weight: normal;
}
#hikari-top .tbl-price-index span {
color: #333;
font-weight: bold;
}
#hikari-top .tbl-price-index span.txt13 {
font-size: 13px;
}
#hikari-top .tbl-price-index span.txt20 {
font-size: 20px;
}
#hikari-top .tbl-price-index span.txt16 {
font-size: 16px;
}
#hikari-top .tbl-price-index span.txt14 {
font-size: 14px;
}
#hikari-top .tbl-price-index span.txt28 {
font-size: 28px;
}
#hikari-top .tbl-price-index span.txt24 {
font-size: 24px;
}
#hikari-top .low_top_sec_03__sp {
display: none;
}
@media screen and (max-width: 960px) {
#hikari-top .low_top_sec_03__sp {
display: block;
}
}
#hikari-top .low_top_sec_03__sp .tbl-price-index {
width: 100%;
margin: 20px auto;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index .thead {
background: #959595;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index .thead th {
padding: 10px 5px;
text-align: center;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index .thead th img {
padding-bottom: 10px;
width: 20px;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index th {
font-size: 15px;
color: #fff;
font-weight: bold;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index td {
padding: 5px;
text-align: center;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index td:first-child {
background: #FF8B40;
color: #fff;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index td:nth-child(2) {
background-color: unset;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index td:last-child {
background-color: unset;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index ul {
background: #E8E8E8;
width: 100%;
display: block;
padding: 10px 0;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index ul li {
background-color: unset;
display: block;
padding: 0;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index__hikari {
background-color: #fffdea;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index__hikari td:nth-of-type(n+2) {
padding: 20px 5px;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index__hikari td .price {
color: #ff8b40;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index__hikari__heading {
color: #ffd92c;
font-weight: bold;
font-size: 12px;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index__competitors {
background-color: #fff;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index__competitors td:nth-of-type(n+2) {
vertical-align: top;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index__competitors__heading {
font-size: 12px;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index.price {
color: #FF8B40;
font-size: 20px;
font-weight: bold;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index.price_tax {
color: #FF8B40;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index small {
font-size: 12px;
}
#hikari-top .low_top_sec_03__sp .tbl-price-index span {
color: #333;
font-weight: bold;
}
#hikari-top table.tbl-price-index,
#hikari-top table.tbl-price-index td,
#hikari-top table.tbl-price-index th {
border-collapse: collapse;
border: 1px solid #707070;
}
@media screen and (min-width: 591px) {
#hikari-top .br_mb {
display: none;
}
}
.table-hikari-tel__sp-only {
display: none;
} #hikari-top .low_top_sec_06 .tab__content.tab__content_02__tag__content_01__title__wrap {
display: flex;
justify-self: left;
align-items: center;
}
#hikari-top .low_top_sec_06 .tab__content.tab__content_02 .low_top_sec_06__tag__content ol > li {
display: block;
width: 30%;
}
#hikari-top .low_top_sec_06 .tab__content.tab__content_02 .low_top_sec_06__tag__content .hikari-flow__tag__content_02__text > li {
width: 100%;
display: block;
}
#hikari-top .low_top_sec_06 .tab__content.tab__content_02 .low_top_sec_06__tag__content .hikari-flow__tag__content_02__text > li:after {
content: none;
}
#hikari-top .low_top_sec_06 .tab__content.tab__content_02 .hikari-flow__tag__content_02__icon {
margin: 0 auto 15px;
}
#hikari-top .low_top_sec_06 .tab__content.tab__content_02 .hikari-flow__tag__content_02__content {
display: block;
flex: auto;
margin-left: 30px;
}
#hikari-top .low_top_sec_06 .tab__content.tab__content_02 .hikari-flow__tag__content_02__inner__west td,
#hikari-top .low_top_sec_06 .tab__content.tab__content_02 .hikari-flow__tag__content_02__inner__east td {
display: block;
}
#hikari-top .low_top_sec_06 .tab__content.tab__content_02 .hikari-flow__tag__content_02__inner__west td:first-child,
#hikari-top .low_top_sec_06 .tab__content.tab__content_02 .hikari-flow__tag__content_02__inner__east td:first-child {
margin-bottom: 10px;
}
#hikari-top .low_top_sec_06 .low_top_sec_06__tag__content_01__title__wrap {
display: flex;
align-items: center;
}
@media screen and (max-width: 960px) {
#hikari-top .tab + label {
display: flex;
width: 100%;
margin: 0 1%;
line-height: 1.5;
border: 4px solid #333;
align-items: center;
justify-content: left;
padding-left: 50px;
padding-right: 20px;
text-align: left;
}
#hikari-top .tab + label span {
line-height: 1.3;
}
#hikari-top .tab + label.tab1 {
margin-bottom: 10px;
}
#hikari-top .tab + label.tab1 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_1.svg);
}
#hikari-top .tab + label.tab2 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_2.svg);
}
#hikari-top .tab:checked + label {
background-color: #333;
position: relative;
}
#hikari-top .tab:checked + label::after {
content: none;
}
#hikari-top .tab:checked + label span {
display: inline;
}
#hikari-top .tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
#hikari-top .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
#hikari-top .tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
#hikari-top .tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
#hikari-top .tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
#hikari-top .tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
#hikari-top .tab:checked:nth-of-type(7) ~ .tab__content:nth-of-type(7) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
#hikari-top .tab:checked:nth-of-type(8) ~ .tab__content:nth-of-type(8) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
#hikari-top .tab:checked:nth-of-type(9) ~ .tab__content:nth-of-type(9) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
#hikari-top .tab:checked:nth-of-type(10) ~ .tab__content:nth-of-type(10) {
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
#hikari-top .low_top_sec_06 {  }
#hikari-top .low_top_sec_06 .tab-wrap_sp-only__content {
padding: 20px;
padding-top: 0;
display: flex;
justify-content: center;
white-space: pre-line;
border: 2px solid #d9d3c9;
background-color: #fff;
margin-top: 20px;
}
#hikari-top .low_top_sec_06 .tab-wrap_sp-only__content > ol > li {
display: block;
padding: 0;
position: relative;
margin-bottom: 45px;
}
#hikari-top .low_top_sec_06 .tab-wrap_sp-only__content > ol > li:not(:last-of-type)::after {
content: "";
margin: 0 0 0 -20px;
padding: 0;
width: 40px;
height: 40px;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
bottom: -50px;
left: 50%;
}
#hikari-top .low_top_sec_06__tag__content_01__content {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex: 1;
width: 100%;
}
#hikari-top .low_top_sec_06__tag__content_01__text {
margin: 0;
width: 100%;
font-size: 14px;
font-weight: normal;
flex: auto;
}
#hikari-top .low_top_sec_06__tag__content_02__inner {
margin: auto;
background: #fffdea;
text-align: center;
margin-top: 20px;
padding: 30px 0;
}
#hikari-top .low_top_sec_06__tag__content_01__no {
width: 20px;
margin: 0;
}
#hikari-top .low_top_sec_06__tag__content_01__title {
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
font-size: 18px;
font-weight: bold;
margin: 0;
flex: 1;
}
#hikari-top .low_top_sec_06__tag__content_02__inner table {
border-collapse: separate;
border-spacing: 10px;
}
#hikari-top .low_top_sec_06__tag__content_02__inner__east th {
background: #FF8B40;
color: white;
padding: 8px;
}
#hikari-top .low_top_sec_06__tag__content_02__inner__east td {
border: 2px #FF8B40 solid;
background: #FFF;
padding: 8px;
}
#hikari-top .low_top_sec_06__tag__content_02__inner__east td a {
display: block;
padding: 8px;
}
#hikari-top .low_top_sec_06__tag__content_02__title {
color: #FF8B40;
}
#hikari-top .low_top_sec_06__tag__content_02__inner__west th {
background: #655300;
color: white;
padding: 8px;
}
#hikari-top .low_top_sec_06__tag__content_02__inner__west td {
border: 2px #655300 solid;
background: #FFF;
padding: 8px;
}
#hikari-top .low_top_sec_06__tag__content_02__inner__west td h5 {
color: #655300;
}
#hikari-top .low_top_sec_06__tag__content_02__no {
font-size: 34px;
font-weight: bold;
color: #FF8B40;
}
#hikari-top .low_top_sec_06__tag__content_02__title {
display: flex;
justify-content: center;
align-items: center;
margin-left: 0;
font-size: 18px;
font-weight: bold;
color: #FF8B40;
}
#hikari-top .low_top_sec_06__tag__content_02__text {
margin-top: 10px;
line-height: 2em;
width: 100%;
}
#hikari-top .low_top_sec_06__tag__content_02__text span {
display: block;
font-weight: bold;
}
#hikari-top .low_top_sec_06__tag__content_02 .komg, #hikari-top .low_top_sec_06__tag__content_02__button {
margin-top: 20px;
width: 100%;
}
#hikari-top .low_top_sec_06__tag__content_02 .komg .button, #hikari-top .low_top_sec_06__tag__content_02__button .button {
width: 50%;
}
#hikari-top .low_top_sec_06__tag__content_02__inner tr, #hikari-top .low_top_sec_06__tag__content_02__inner th, #hikari-top .low_top_sec_06__tag__content_02__inner td {
display: block;
}
#hikari-top .low_top_sec_06__tag__content_02__inner th {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
#hikari-top .low_top_sec_06__tag__content_02__inner td {
margin: 0;
padding: 0;
}
#hikari-top .low_top_sec_06__tag__content_02__inner td a {
padding: 0;
margin: 0;
}
#hikari-top .low_top_sec_06__tag__content_02__title {
font-size: 16px;
}
#hikari-top .low_top_sec_06 .table_capt {
margin: 0;
}
#hikari-top .low_top_sec_06 .table_capt span {
display: block;
}
#hikari-top .low_top_sec_06__tag__content_01__button {
margin-top: 20px;
width: 100%;
margin: 80px auto 0 auto;
}
#hikari-top .low_top_sec_06__tag__content_01__button li:last-child {
margin-top: 20px;
}
}
#hikari-tv_sec01 .low_tv_sec_01__inner {
position: relative;
margin-top: 40px;
padding: 20px 0 40px 0;
height: 100%;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/bg_option_tv01.png);
background-size: auto 100%;
background-position: right top;
}
#hikari-tv_sec01 .low_tv_sec_01__box {
padding: 40px 20px;
background-color: #fff;
z-index: 2;
}
#hikari-tv_sec01 .low_tv_sec_01__text {
margin-top: 40px;
line-height: 2em;
}
#hikari-tv_sec01 .low_tv_sec_01__text .note {
margin-top: 20px;
font-size: 13px;
}
#hikari-tv_sec01 .low_tv_sec_01__img {
position: absolute;
top: 0;
left: 45%;
width: 45%;
height: 100%;
z-index: 1;
}
#hikari-tv_sec01 .low_tv_sec_01__img img {
width: auto;
height: 100%;
}
@media screen and (max-width: 590px) {
#hikari-tv_sec01 .low_tv_sec_01__img {
position: static;
width: 100%;
height: auto;
padding: 0 40px;
}
#hikari-tv_sec01 .low_tv_sec_01__img img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 590px) {
.low_tv_sec_01 {
padding: 40px 20px !important;
}
#hikari-tv_sec01 .low_tv_sec_01__inner {
margin-top: 0;
height: auto;
background-image: none;
}
#hikari-tv_sec01 .low_tv_sec_01__box {
margin-top: 0;
padding: 20px;
}
#hikari-tv_sec01 .low_tv_sec_01__text {
margin-top: 20px;
}
#hikari-tv_sec01 .low_tv_sec_01__img {
display: flex;
justify-content: center;
align-items: flex-start;
}
#hikari-tv_sec01 .low_tv_sec_01__img img {
width: 80%;
height: auto;
}
#hikari-tv_sec01 .low_tv_sec_01 .note {
margin-top: 20px;
font-size: 13px;
}
}
.low_tv_sec_01 .low_tv_sec_01__text p.note {
font-size: 13px;
line-height: 26px;
}
.hikari-tv .headline_8,
.hikari-tv .headline_2,
.hikari-lan .headline_8 {
color: #655300;
}
.hikari-tv .lower__kv {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_tv_head.jpg);
}
.hikari-tv .lower__kv__lead {
margin-bottom: 100px;
}
@media screen and (max-width: 960px) {
.hikari-tv .lower__kv__lead {
margin-bottom: 0;
}
.hikari-tv .lower__kv__text {
margin-top: 20px !important;
}
}
.hikari-tv small {
font-size: 70%;
vertical-align: top;
position: relative;
top: -0.2em;
}
.hikari-tv_sec_02 {
background: linear-gradient(90deg, #fff8d6, #ffe9d8);
}
@media screen and (max-width: 590px) {
.hikari-tv_sec_02 {
padding: 40px 20px !important;
}
}
.hikari-tv_sec_02__button {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
}
.hikari-tv_sec_02__button .button {
width: 50%;
}
@media screen and (max-width: 590px) {
.hikari-tv_sec_02__button {
margin-top: 0;
}
.hikari-tv_sec_02__button .button {
width: 100%;
}
}
.hikari-lan .lower__kv {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_musen_head.jpg);
}
.hikari-lan .lower__kv__lead {
margin-bottom: 100px;
}
.hikari-lan .lower__kv__text {
margin-top: 0px !important;
}
@media screen and (max-width: 590px) {
.hikari-lan .lower__kv__text {
margin-top: 20px !important;
}
}
.hikari-lan_sec_02 {
padding: 60px 0;
}
.hikari-lan_sec_02__button {
margin-top: 40px auto 0 auto !important;
}
@media screen and (max-width: 960px) {
.hikari-lan_sec_02__button {
margin-top: 0;
}
.hikari-lan_sec_02__button .button {
margin: 0;
}
}
@media screen and (max-width: 590px) {
.hikari-lan_sec_02 {
padding: 40px 20px;
}
.hikari-lan_sec_02__button {
margin-top: 20px;
}
.hikari-lan_sec_02__button .button {
margin: 0;
}
}
.hikari-tv_sec_02__button .button {
margin-top: 40px;
}
@media screen and (max-width: 960px) {
.hikari-tv_sec_02__button .button {
margin-top: 0;
width: 100%;
}
}
.hikari-tv_sec02__price {
background: #fff;
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
border-radius: 2px;
border: 2px solid #FF8B40;
padding: 20px 0 10px 0;
width: 50%;
}
@media screen and (max-width: 960px) {
.hikari-tv_sec02__price {
margin-top: 20px;
width: 100%;
}
}
.hikari-tv_sec02__price span.price01 {
color: #FF8B40;
font-size: 18px;
}
.hikari-tv_sec02__price span.price02 {
color: #FF8B40;
font-size: 43px;
font-weight: bold;
}
@media screen and (max-width: 590px) {
.hikari-tv_sec02__price span.price02 {
font-size: 30px;
}
}
.hikari-tv_sec02__price span.price03 {
color: #FF8B40;
font-size: 31px;
font-weight: bold;
}
.hikari-tv_sec02__price span.price04 {
color: #FF8B40;
font-size: 18px;
}
.hikari-tv_sec02__price span.price05 {
color: #333333;
font-size: 13px;
}
@media screen and (max-width: 590px) {
.hikari-tv_sec02__price span.price01 {
font-size: 16px;
}
.hikari-tv_sec02__price span.price03 {
font-size: 28px;
font-weight: bold;
}
.hikari-tv_sec02__price span.price04 {
font-size: 16px;
}
.hikari-tv_sec02__price span.price05 {
font-size: 13px;
}
}
.hikari-tel .headline_8,
.hikari-tel .headline_2 {
color: #655300;
}
.hikari-tel .lower__kv {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_tel_head_cut.jpg);
background-position: left top;
background-size: 100%;
background-size: cover;
padding-bottom: 250px;
}
.hikari-tel .lower__kv__lead {
padding-top: 120px;
padding-bottom: 80px;
}
.hikari-tel .lower__kv__lead p {
margin-top: 120px;
}
@media screen and (max-width: 960px) {
.hikari-tel .lower__kv__lead {
padding-top: 40px;
padding-bottom: 40px;
}
.hikari-tel .lower__kv__lead p {
margin-top: 20px;
}
}
.low_tel_sec_01 .container {
z-index: 2;
}
#hikari-tel_sec01 .low_tel_sec_01__inner2 {
position: relative;
margin-top: 40px;
padding: 40px 0;
}
@media screen and (max-width: 590px) {
#hikari-tel_sec01 .low_tel_sec_01__inner2 {
margin-top: 0;
padding: 20px 0;
}
}
.low_tel_sec_01__bg {
position: absolute;
top: 0;
left: 45%;
width: 100%;
height: 100%;
background-size: 100% 100%;
background-position: right top;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/bg_option_tv01.png);
content: "";
z-index: 1;
}
@media screen and (max-width: 590px) {
.low_tel_sec_01__bg {
display: none;
}
}
#hikari-tel_sec01 .low_tel_sec_01__box {
margin-top: 20px;
margin-bottom: 20px;
padding: 40px 20px;
background-color: #fff;
z-index: 2;
}
@media screen and (max-width: 590px) {
#hikari-tel_sec01 .low_tel_sec_01__box {
margin-top: 0;
}
}
#hikari-tel_sec01 .low_tel_sec_01__text {
margin-top: 40px;
line-height: 2em;
}
#hikari-tel_sec01 .low_tel_sec_01 .note {
margin-top: 20px;
font-size: 13px;
}
.hikari-tel-svg {
z-index: 2;
}
.hikari-tel-svg img {
width: 493px;
max-width: 100%;
margin-top: 100px;
padding-left: 50px;
vertical-align: middle;
height: auto;
}
@media screen and (max-width: 590px) {
.hikari-tel-svg img {
margin-top: 20px;
margin-bottom: 50px;
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 590px) {
.low_tel_sec_01 {
padding: 40px 20px !important;
}
.low_tel_sec_01 .headline_2 {
margin-top: 0;
font-size: 22px;
}
.low_tel_sec_01 .headline_2 br {
display: none;
}
.hikari-tel-svg img {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#hikari-tel_sec01 .low_tel_sec_01__inner {
margin-top: 0;
height: auto;
background-image: none;
}
#hikari-tel_sec01 .low_tel_sec_01__box {
margin-top: 0;
padding: 20px;
}
#hikari-tel_sec01 .low_tel_sec_01__text {
margin-top: 20px;
}
#hikari-tel_sec01 .low_tel_sec_01 .note {
margin-top: 20px;
font-size: 13px;
}
#hikari-tel .lower__kv {
padding-bottom: 20px;
}
} .hikari-tel_sec_02 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_denwaback.jpg), linear-gradient(rgba(110, 100, 55, 0.9), rgba(88, 61, 44, 0.9));
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-blend-mode: multiply;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_denwaback.jpg);
background-color: rgba(110, 100, 55, 0.9);
}
#hikari-tel .tbl-price-index {
width: 80%;
margin: auto;
}
#hikari-tel .tbl-price-index img {
padding-bottom: 20px;
}
#hikari-tel .tbl-price-index th,
.tbl-price-index td {
padding: 15px;
text-align: center;
}
#hikari-tel .tbl-price-index td:first-child {
background: #FFF6CE;
width: 250px;
color: #333333;
font-size: 22px;
font-weight: bold;
}
#hikari-tel .tbl-price-index .td_white {
background-color: #fff;
padding: 5px;
font-size: 14px;
}
#hikari-tel .tbl-price-index td {
background: #fff;
}
#hikari-tel .tbl-price-index .thead {
background: #959595;
}
#hikari-tel .tbl-price-index ul {
background: #E8E8E8;
width: 100%;
display: table;
}
#hikari-tel .tbl-price-index ul li {
display: table-cell;
vertical-align: middle;
padding: 10px 0;
}
#hikari-tel .tbl-price-index span.price {
color: #FF8B40;
font-size: 33px;
font-weight: bold;
}
#hikari-tel .tbl-price-index span.price_tax {
color: #FF8B40;
}
#hikari-tel .tbl-price-index th {
font-size: 25px;
color: #fff;
font-weight: bold;
}
#hikari-tel .tbl-price-index span {
color: #333;
font-weight: bold;
font-size: 20px;
}
#hikari-tel ol li {
font-size: 16px;
text-align: left;
}
#hikari-tel table.tbl-price-index,
#hikari-tel table.tbl-price-index td,
#hikari-tel table.tbl-price-index th {
border-collapse: collapse;
border: 1px solid #707070;
font-size: 16px;
}
@media screen and (min-width: 591px) {
#hikari-tel .br_mb {
display: none;
}
}
@media screen and (max-width: 590px) {
.hikari-tel_sec_02 {
padding: 40px 20px !important;
}
} .hikari-tel_sec_05 {
background-color: #FFFBE6;
}
@media screen and (max-width: 590px) {
.hikari-tel_sec_05 {
padding: 40px 20px !important;
}
}
.hikari-tel_sec_05 .headline_1 br {
display: none;
}
@media screen and (max-width: 590px) {
.hikari-tel_sec_05 .headline_1 {
font-size: 18px;
}
.hikari-tel_sec_05 .headline_1 br {
display: block;
}
}
.table-hikari-tel-2 td,
.table-hikari-tel-2 tr,
.table-hikari-tel-2 th {
border-collapse: collapse;
border: 1px solid #707070;
font-size: 16px;
}
.table-hikari-tel-2 td:first-child {
text-align: center;
background: #FFF6CE;
width: 200px;
color: #333333;
font-size: 22px;
font-weight: bold;
}
.table-hikari-tel-2 td {
text-align: left;
background: white;
width: 360px;
color: #333333;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 960px) {
.table-hikari-tel-2 td {
font-size: 16px !important;
}
}
.table-hikari-tel-2 .thead {
background: #959595;
font-size: 18px;
text-align: center;
color: #fff;
font-weight: bold;
}
.table-hikari-tel-2 th {
padding-top: 20px;
padding-bottom: 20px;
}
.tablenote {
margin-top: 30px;
text-align: left !important;
color: #655300;
font-size: 40px;
line-height: 1.5em;
}
@media screen and (max-width: 960px) {
.tablenote {
font-size: 30px !important;
}
}
@media screen and (max-width: 590px) {
.tablenote {
font-size: 18px !important;
}
}
.table-hikari-tel {
margin-top: 50px;
width: 100%;
}
.table-hikari-tel table {
width: 100% !important;
}
.table-hikari-tel table .textbold {
display: block;
text-align: left;
}
@media screen and (max-width: 960px) {
.table-hikari-tel table td {
font-size: 16px !important;
font-weight: normal !important;
}
.table-hikari-tel table td:first-child {
width: 35% !important;
}
.table-hikari-tel table td:nth-child(2) {
width: 25% !important;
}
.table-hikari-tel table .textbold {
font-size: 16px !important;
}
.table-hikari-tel table ol {
margin-top: 20px;
}
.table-hikari-tel table ol li {
text-align: left !important;
font-size: 14px !important;
line-height: em !important;
}
}
@media screen and (max-width: 590px) {
.table-hikari-tel table td {
font-weight: normal !important;
}
.table-hikari-tel table .textbold {
font-size: 16px !important;
}
.table-hikari-tel table ol {
margin-top: 20px;
}
.table-hikari-tel table ol li {
text-align: left !important;
font-size: 14px !important;
line-height: em !important;
}
} .hikari-tel_sec_03 {
background: linear-gradient(90deg, #fff8d6, #ffe9d8);
}
@media screen and (max-width: 590px) {
.hikari-tel_sec_03 {
padding: 40px 20px !important;
}
}
.hikari-title-white {
color: white;
}
.hikari-tel-intro-orange {
font-size: 24px;
line-height: 2em;
color: #FF8B40;
font-weight: bold;
margin-top: 30px;
margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
.hikari-tel-intro-orange {
font-weight: normal !important;
}
}
@media screen and (max-width: 590px) {
.hikari-tel-intro-orange {
font-size: 18px !important;
font-weight: normal !important;
}
}
.hikari-tel-wid-price img {
width: 556px;
max-width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}
@media screen and (max-width: 590px) {
.hikari-tel_sec_02 .hikari-tel-wid-price {
padding: 0;
}
.hikari-tel_sec_02 .hikari-tel-wid-price img {
margin: 0;
}
}
.hikari-tel-p1 {
color: white;
font-size: 16px;
font-weight: bold;
}
@media screen and (max-width: 590px) {
.hikari-tel-p1 {
margin-top: 20px;
padding: 0;
}
}
.hikari-tel-p2 {
letter-spacing: 2px;
color: white;
font-size: 35px;
font-weight: bold;
}
@media screen and (max-width: 590px) {
.hikari-tel-p2 {
padding: 0;
}
}
.hikari-tel-p2-big {
font-size: 62px;
}
.hikari-tel_sec_02 {
padding-bottom: 20px !important;
}
.hikari-tel-p3 {
margin-top: 40px;
}
.hikari-tel-p3 li {
margin-top: 10px;
line-height: 2em;
color: #fff;
}
.hikari-tel-p3 li span {
display: block;
}
@media screen and (max-width: 590px) {
.hikari-tel-p3 {
margin-top: 20px;
padding: 0;
}
.hikari-tel-p3 li {
text-align: left !important;
}
.hikari-tel-p3 li span {
text-align: left !important;
}
} .subline-orange {
margin-top: 30px;
margin-bottom: 30px;
color: #FF8B40;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 32px;
}
@media screen and (max-width: 590px) {
.subline-orange {
font-weight: normal !important;
text-align: left;
}
}
.subline-n {
font-size: 13px;
text-align: center;
margin-bottom: 30px;
}
@media screen and (max-width: 590px) {
.subline-n {
text-align: left;
}
}
@media screen and (max-width: 590px) {
#hikari-tel_sec_04 {
padding: 40px 20px !important;
}
}
#hikari-tel_sec_04 .box_title {
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 1.5em;
}
@media screen and (max-width: 590px) {
#hikari-tel_sec_04 .box_title {
font-size: 18px;
}
}
#hikari-tel_sec_04 .box {
text-align: center;
padding: 20px;
background-color: white;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 5px;
margin-bottom: 20px;
}
.box-1,
.box-4 {
margin-left: -20px;
margin-right: 20px;
}
.box-3,
.box-6 {
margin-left: 20px;
margin-right: -20px;
}
#hikari-tel_sec_04 .box_price {
background-color: #F7F7F7;
color: #FF8B40;
font-size: 18px;
font-weight: bold;
margin-top: 30px;
margin-bottom: 20px;
}
@media screen and (max-width: 590px) {
#hikari-tel_sec_04 .box_price {
font-size: 14px !important;
}
}
#hikari-tel_sec_04 .box_price-lg {
font-size: 32px;
}
@media screen and (max-width: 590px) {
#hikari-tel_sec_04 .box_price-lg {
font-size: 24px !important;
}
}
#hikari-tel_sec_04 .box_price-md {
font-size: 24px;
}
@media screen and (max-width: 590px) {
#hikari-tel_sec_04 .box_price-md {
font-size: 16px !important;
}
}
#hikari-tel_sec_04 .box_line {
font-size: 14px;
text-align: left;
}
#hikari-tel_sec_04 .box_img {
margin-bottom: 20px;
height: 110px;
}
@media screen and (max-width: 768px) {
.box-1,
.box-2,
.box-3,
.box-4,
.box-5,
.box-6 {
margin-left: 0px;
margin-right: 0px;
}
}
@media screen and (max-width: 992px) and (min-width: 769px) {
.box-1,
.box-3,
.box-5 {
margin-left: -20px;
margin-right: 20px;
}
.box-2,
.box-4,
.box-6 {
margin-left: 20px;
margin-right: -20px;
}
} @media screen and (max-width: 590px) {
.sp-none {
display: none;
}
}
@media screen and (min-width: 591px) {
.pc-none {
display: none;
}
}
#hikari-pp .pp {
padding: 0;
}
#hikari-pp .pp__head-capt {
font-size: 20px;
font-weight: bold;
color: #FF8B40;
text-align: center;
margin-top: 80px;
line-height: 2em;
}
#hikari-pp .pp__head-capt p {
text-align: center;
}
#hikari-pp .pp__button {
margin: 20px auto;
}
@media screen and (max-width: 590px) {
#hikari-pp .pp__head-capt {
font-weight: normal;
font-size: 16px;
margin-top: 20px;
text-align: left;
}
} #hikari-pp_sec_01 {
text-align: center;
padding-bottom: 0;
}
#hikari-pp_sec_01 .sec_inner {
margin: 0 40px;
padding: 80px 0;
background: #FFFDEA;
}
#hikari-pp_sec_01 .pp__ttl-capt {
font-size: 16px;
text-align: center;
font-weight: bold;
padding-top: 40px;
}
#hikari-pp_sec_01 .pp__box {
margin-top: 32px;
padding: 10px 30px;
border: 2px #FF8B40 solid;
border-radius: 4px;
background: #fff;
height: 90%;
}
#hikari-pp_sec_01 .pp__box__inner {
display: flex;
align-items: center;
}
#hikari-pp_sec_01 .pp__box__inner img {
width: 20%;
margin: 0 10px;
}
#hikari-pp_sec_01 .pp__box__inner__ttl {
text-align: left;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_01 .pp__box__inner__ttl {
text-align: center;
width: 100%;
}
}
#hikari-pp_sec_01 .pp__box__inner__ttl .pp__box__title {
font-size: 24px;
font-weight: bold;
color: #FF8B40;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_01 .pp__box__inner__ttl .pp__box__title {
font-size: 20px;
text-align: center;
}
#hikari-pp_sec_01 .pp__box__inner__ttl .pp__box__title span {
display: block;
text-align: center;
}
}
#hikari-pp_sec_01 .pp__box__inner__ttl__capt {
font-size: 15px;
font-weight: bold;
margin-top: 3px;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_01 .pp__box__inner__ttl__capt {
text-align: center;
}
}
#hikari-pp_sec_01 .pp__box__price {
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 5px;
margin-top: 10px;
margin-bottom: 5px;
line-height: 1.5;
color: #FF8B40;
background: #F7F7F7;
}
#hikari-pp_sec_01 .pp__box__price span.figures {
font-size: 32px;
font-weight: bold;
}
#hikari-pp_sec_01 .pp__box__price span.yen {
font-size: 24px;
font-weight: bold;
}
#hikari-pp_sec_01 .pp__points {
font-size: 13px;
margin-top: 40px;
padding-right: 3rem;
text-align: left;
line-height: 1.75;
left: 1.5rem; font-feature-settings: "palt" 1;
}
#hikari-pp_sec_01 .pp__points li {
text-indent: -1rem;
}
@media screen and (max-width: 590px) {
.pp__box__price .tax {
display: block;
font-size: 14px;
}
#hikari-pp_sec_01 {
padding: 0;
}
#hikari-pp_sec_01 .sec_inner {
margin: 40px 0;
padding: 40px 0;
}
#hikari-pp_sec_01 .pp__box {
padding: 10px 20px;
}
#hikari-pp_sec_01 .pp__box__title {
font-size: 18px !important;
}
}  #hikari-pp_sec_02 {
text-align: center;
padding-bottom: 0;
}
#hikari-pp_sec_02 .pp__ttl-capt {
text-align: center;
font-size: 16px;
font-weight: bold;
padding-top: 40px;
}
#hikari-pp_sec_02 .pp__box {
margin-top: 32px;
padding: 10px 30px;
border: 2px #FF8B40 solid;
border-radius: 4px;
background: white;
height: 90%;
}
#hikari-pp_sec_02 .pp__box__inner {
display: flex;
align-items: center;
}
#hikari-pp_sec_02 .pp__box__inner img {
width: 20%;
margin: 0 10px;
}
#hikari-pp_sec_02 .pp__box__inner__ttl {
text-align: left;
padding-top: 10px;
}
#hikari-pp_sec_02 .pp__box__inner__ttl .pp__box__title {
font-size: 24px;
font-weight: bold;
color: #FF8B40;
}
#hikari-pp_sec_02 .pp__box__inner__ttl .pp__box__title br {
display: none;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_02 .pp__box__inner__ttl .pp__box__title {
font-size: 20px;
text-align: center;
margin-right: 0;
}
#hikari-pp_sec_02 .pp__box__inner__ttl .pp__box__title br {
display: block;
}
}
#hikari-pp_sec_02 .pp__box__inner__ttl__capt {
font-size: 15px;
font-weight: bold;
margin-top: 3px;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_02 .pp__box__inner__ttl__capt {
text-align: center;
}
}
#hikari-pp_sec_02 .pp__box__price {
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 5px;
margin-top: 10px;
margin-bottom: 5px;
line-height: 1.5;
color: #FF8B40;
background: #F7F7F7;
}
#hikari-pp_sec_02 .pp__box__price span.figures {
font-size: 32px;
font-weight: bold;
}
#hikari-pp_sec_02 .pp__box__price span.yen {
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_02 {
padding: 0 5px;
}
#hikari-pp_sec_02 .pp__box {
padding: 10px 20px;
}
#hikari-pp_sec_02 .pp__box h4 {
font-size: 18px;
margin-right: 0;
}
}
@media screen and (max-width: 590px) {
.pp__box__inner {
flex-wrap: wrap;
}
.pp__box__inner .pp__box__img {
width: 100%;
margin-bottom: 10px;
}
.pp__box__inner .pp__box__img img {
margin: 0;
}
.pp__box__title {
font-size: 20px;
}
}  #hikari-pp_sec_03 {
text-align: center;
padding-bottom: 0;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_03 {
padding: 0;
margin-bottom: 0px;
}
}
#hikari-pp_sec_03 .sec_inner {
padding: 20px 0 60px;
}
#hikari-pp_sec_03 .pp__ttl-capt {
text-align: center;
font-size: 16px;
font-weight: bold;
padding-top: 40px;
}
#hikari-pp_sec_03 .pp__ttl-notice {
padding-top: 16px;
text-align: center;
}
#hikari-pp_sec_03 .pp__ttl-notice > span {
font-size: 18px;
letter-spacing: 2.52px;
text-decoration: underline;
color: #D82525;
font-weight: bold;
}
#hikari-pp_sec_03 .pp__box {
margin-top: 32px;
padding: 10px 30px;
border: 2px #FF8B40 solid;
border-radius: 4px;
background: white;
height: 90%;
}
#hikari-pp_sec_03 .pp__box__inner {
display: flex;
align-items: center;
}
#hikari-pp_sec_03 .pp__box__inner img {
width: 20%;
margin: 0 10px;
}
#hikari-pp_sec_03 .pp__box__inner__ttl {
text-align: left;
padding-top: 10px;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_03 .pp__box__inner__ttl {
width: 100%;
}
}
#hikari-pp_sec_03 .pp__box__inner__ttl .pp__box__title {
font-size: 24px;
font-weight: bold;
color: #FF8B40;
}
#hikari-pp_sec_03 .pp__box__inner__ttl .pp__box__title br {
display: none;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_03 .pp__box__inner__ttl .pp__box__title {
text-align: center;
}
#hikari-pp_sec_03 .pp__box__inner__ttl .pp__box__title br {
display: block;
}
}
#hikari-pp_sec_03 .pp__box__inner__ttl__capt {
font-size: 15px;
font-weight: bold;
margin-top: 3px;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_03 .pp__box__inner__ttl__capt {
text-align: center;
}
}
#hikari-pp_sec_03 .pp__box__price {
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 5px;
margin-top: 10px;
margin-bottom: 5px;
line-height: 1.5;
color: #FF8B40;
background: #F7F7F7;
}
#hikari-pp_sec_03 .pp__box__price span.figures {
font-size: 32px;
font-weight: bold;
}
#hikari-pp_sec_03 .pp__box__price span.yen {
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_03 {
padding: 0;
}
#hikari-pp_sec_03 .sec_inner {
margin-top: 40px;
}
#hikari-pp_sec_03 .pp__box {
padding: 10px 20px;
}
#hikari-pp_sec_03 .pp__box h4 {
font-size: 18px;
}
}  #hikari-pp_sec_04 {
padding: 40px 0 60px;
text-align: center;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/office_back_grad.jpg);
background-position: center center;
background-size: cover;
}
#hikari-pp_sec_04 .pp__ttl-capt {
font-size: 16px;
text-align: center;
font-weight: bold;
padding-top: 40px;
}
#hikari-pp_sec_04 .pp__box {
margin-top: 32px;
padding: 10px 30px;
border: 2px #FF8B40 solid;
border-radius: 4px;
background: white;
height: 90%;
margin-left: auto;
margin-right: auto;
}
#hikari-pp_sec_04 .pp__box__inner {
display: flex;
align-items: center;
}
#hikari-pp_sec_04 .pp__box__inner img {
width: 20%;
margin: 0 10px;
}
#hikari-pp_sec_04 .pp__box__inner__ttl {
text-align: left;
padding-top: 10px;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_04 .pp__box__inner__ttl {
width: 100%;
}
}
#hikari-pp_sec_04 .pp__box__inner__ttl .pp__box__title {
font-size: 24px;
font-weight: bold;
color: #FF8B40;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_04 .pp__box__inner__ttl .pp__box__title {
text-align: center;
}
}
#hikari-pp_sec_04 .pp__box__inner__ttl__capt {
font-size: 15px;
font-weight: bold;
margin-top: 3px;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_04 .pp__box__inner__ttl__capt {
text-align: center;
}
}
#hikari-pp_sec_04 .pp__box__price {
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 5px;
margin-top: 10px;
margin-bottom: 5px;
line-height: 1.5;
color: #FF8B40;
background: #F7F7F7;
}
#hikari-pp_sec_04 .pp__box__price span.figures {
font-size: 32px;
font-weight: bold;
}
#hikari-pp_sec_04 .pp__box__price span.yen {
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_04 {
margin-top: 0;
padding: 40px 0;
}
#hikari-pp_sec_04 .pp__box {
padding: 10px 20px;
}
#hikari-pp_sec_04 .pp__box h4 {
font-size: 18px;
}
}  #hikari-pp_sec_05 {
text-align: center;
background: linear-gradient(120deg, rgba(255, 217, 44, 0.2) 0%, rgba(255, 139, 64, 0.2) 100%);
padding-top: 40px;
}
#hikari-pp_sec_05 .headline_1 br {
display: none;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_05 .headline_1 br {
display: block;
}
}
#hikari-pp_sec_05 .pp__box-2 {
margin-top: 40px;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_05 .pp__box-2 {
flex-wrap: wrap;
}
}
#hikari-pp_sec_05 .pp__box-2__inner {
background: #fff;
width: 48%;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
#hikari-pp_sec_05 .pp__box-2__inner > div {
width: 100%;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_05 .pp__box-2__inner {
width: 100%;
}
}
#hikari-pp_sec_05 .pp__box-2__inner__ttl {
background-color: #FF8B40;
}
#hikari-pp_sec_05 .pp__box-2__inner__ttl .pp__box-2__inner__ttl-1,
#hikari-pp_sec_05 .pp__box-2__inner__ttl .pp__box-2__inner__ttl-2 {
position: relative;
font-size: 22px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 70px;
}
@media screen and (max-width: 960px) {
#hikari-pp_sec_05 .pp__box-2__inner__ttl .pp__box-2__inner__ttl-1,
#hikari-pp_sec_05 .pp__box-2__inner__ttl .pp__box-2__inner__ttl-2 {
font-size: 16px;
}
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_05 .pp__box-2__inner__ttl .pp__box-2__inner__ttl-1,
#hikari-pp_sec_05 .pp__box-2__inner__ttl .pp__box-2__inner__ttl-2 {
height: 50px;
}
}
#hikari-pp_sec_05 .pp__box-2__inner__ttl-1 {
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_plan_mansion_w.svg);
background-position: 40px center;
background-size: auto 50px;
}
@media screen and (max-width: 960px) {
#hikari-pp_sec_05 .pp__box-2__inner__ttl-1 {
background-position: 5px center;
background-size: auto 40px;
}
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_05 .pp__box-2__inner__ttl-1 {
background-position: 10px center;
background-size: auto 40px;
}
}
#hikari-pp_sec_05 .pp__box-2__inner__ttl-2 {
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_plan_family_w.svg);
background-position: 40px center;
background-size: auto 50px;
}
@media screen and (max-width: 960px) {
#hikari-pp_sec_05 .pp__box-2__inner__ttl-2 {
background-position: 5px center;
background-size: auto 40px;
}
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_05 .pp__box-2__inner__ttl-2 {
background-position: 10px center;
background-size: auto 40px;
}
}
#hikari-pp_sec_05 .pp__box-2__inner__graph {
margin: 20px 30px;
padding-bottom: 20px;
width: auto;
height: auto;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_05 .pp__box {
padding: 10px 20px;
}
#hikari-pp_sec_05 .pp__box-2__inner__ttl .pp__box__title {
font-size: 18px;
height: 60px;
text-align: center;
}
#hikari-pp_sec_05 .pp__box-2__inner__ttl-1::before {
top: 38px;
}
#hikari-pp_sec_05 .pp__box-2__inner__ttl-2::before {
top: 38px;
}
}  #hikari-pp_sec_06 {
text-align: center;
}
#hikari-pp_sec_06 .pp__ttl-capt {
text-align: center;
font-weight: bold;
padding-top: 40px;
}
#hikari-pp_sec_06 .pp__box {
margin-top: 32px;
padding: 10px 30px;
border: 2px #FF8B40 solid;
border-radius: 4px;
background: white;
height: 90%;
}
#hikari-pp_sec_06 .pp__box__inner {
display: flex;
}
#hikari-pp_sec_06 .pp__box__inner img {
width: 20%;
margin: 0 10px;
}
#hikari-pp_sec_06 .pp__box__inner__ttl {
text-align: left;
padding-top: 10px;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_06 .pp__box__inner__ttl {
width: 100%;
}
}
#hikari-pp_sec_06 .pp__box__inner__ttl .pp__box__title span {
font-size: 20px;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_06 .pp__box__inner__ttl .pp__box__title span {
display: block;
text-align: center;
}
}
#hikari-pp_sec_06 .pp__box__title {
font-size: 24px;
font-weight: bold;
color: #FF8B40;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_06 .pp__box__title {
text-align: center;
}
}
#hikari-pp_sec_06 .pp__box__inner__ttl__capt {
font-size: 15px;
font-weight: bold;
margin-top: 3px;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_06 .pp__box__inner__ttl__capt {
text-align: center;
}
}
#hikari-pp_sec_06 .pp__box__price {
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 5px;
margin-top: 10px;
margin-bottom: 5px;
line-height: 1.5;
color: #FF8B40;
background: #F7F7F7;
}
#hikari-pp_sec_06 .pp__box__price span.figures {
font-size: 32px;
font-weight: bold;
}
#hikari-pp_sec_06 .pp__box__price span.yen {
font-size: 24px;
font-weight: bold;
}
#hikari-pp_sec_06 .pp__points {
font-size: 13px;
margin-top: 30px;
padding-right: 3rem;
text-align: left;
line-height: 1.75;
left: 1.5rem; font-feature-settings: "palt" 1;
}
#hikari-pp_sec_06 .pp__points li {
text-indent: -1rem;
}
#hikari-pp_sec_06 .pp__box {
padding: 10px 20px;
}
#hikari-pp_sec_06 .pp__box h4 {
font-size: 18px;
}
.pp__box__title {
font-size: 22px !important;
}
.pp__box__img {
width: 70px;
height: auto;
margin: 0 10px;
}
.pp__box__img img {
width: 100% !important;
height: auto;
margin: 0 !important;
}
@media screen and (max-width: 590px) {
.pp__box__img img {
width: 40px !important;
}
}  #hikari-pp_sec_07 {
text-align: center;
padding-bottom: 0;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_07 {
padding: 0;
margin-bottom: 0px;
}
}
#hikari-pp_sec_07 .sec_inner {
padding: 40px 0 60px;
background: #FFFDEA;
}
#hikari-pp_sec_07 .pp__ttl-capt {
text-align: center;
font-size: 16px;
font-weight: bold;
padding-top: 40px;
}
#hikari-pp_sec_07 .pp__box {
margin-top: 32px;
padding: 10px 30px;
border: 2px #FF8B40 solid;
border-radius: 4px;
background: white;
height: 90%;
}
#hikari-pp_sec_07 .pp__box__inner {
display: flex;
column-gap: 3px;
}
#hikari-pp_sec_07 .pp__box__img {
flex-shrink: 0;
margin-right: 0;
padding-top: 5px;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_07 .pp__box__img {
margin-right: 10px;
flex-shrink: unset;
}
}
#hikari-pp_sec_07 .pp__box__inner__ttl {
text-align: left;
padding-top: 10px;
letter-spacing: 0;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_07 .pp__box__inner__ttl {
width: 100%;
}
}
#hikari-pp_sec_07 .pp__box__inner__ttl .pp__box__title {
font-size: 24px;
font-weight: bold;
color: #FF8B40;
}
#hikari-pp_sec_07 .pp__box__inner__ttl .pp__box__title br {
display: none;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_07 .pp__box__inner__ttl .pp__box__title {
text-align: center;
}
#hikari-pp_sec_07 .pp__box__inner__ttl .pp__box__title br {
display: block;
}
}
#hikari-pp_sec_07 .pp__box__inner__ttl__capt {
font-size: 15px;
font-weight: bold;
margin-top: 3px;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_07 .pp__box__inner__ttl__capt {
text-align: center;
}
}
#hikari-pp_sec_07 .pp__box__price {
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 5px;
margin-top: 10px;
margin-bottom: 5px;
line-height: 1.5;
color: #FF8B40;
background: #F7F7F7;
}
#hikari-pp_sec_07 .pp__box__price span.figures {
font-size: 32px;
font-weight: bold;
}
#hikari-pp_sec_07 .pp__box__price span.yen {
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 590px) {
#hikari-pp_sec_07 {
padding: 0;
}
#hikari-pp_sec_07 .sec_inner {
margin-top: 40px;
}
#hikari-pp_sec_07 .pp__box {
padding: 10px 20px;
}
#hikari-pp_sec_07 .pp__box h4 {
font-size: 18px;
}
}  .hikari-flow {
padding: 0 !important;
}
.hikari-flow__inner {
margin-top: 80px;
padding: 80px;
background-color: #FFFDEA;
}
.hikari-flow__tag__wrapper {
padding: 0;
}
.hikari-flow__tag__wrapper .tab-wrap {
background-color: transparent;
}
.hikari-flow__tag__wrapper .tab__content {
margin-top: 20px;
padding: 20px;
border: 2px solid #d9d3c9;
background-color: #fff;
}
.hikari-flow__tag__wrapper .tab__content > ol > li {
position: relative;
display: flex;
margin-bottom: 80px;
}
.hikari-flow__tag__wrapper .tab__content > ol > li::after {
content: "";
margin: 0 0 0 -20px;
padding: 0;
width: 40px;
height: 40px;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
bottom: -50px;
left: 50%;
}
.hikari-flow__tag__wrapper .tab__content > ol > li:last-child::after {
display: none;
margin-bottom: 0;
} .hikari-flow__tag__wrapper .hikari-flow__tag__content_01__icon {
width: 100px;
height: auto;
margin-left: 30px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__content {
flex: 1;
display: flex;
flex-wrap: wrap;
margin-left: 60px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__no {
font-size: 34px;
font-weight: bold;
color: #FF8B40;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__title {
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
font-size: 18px;
font-weight: bold;
color: #FF8B40;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__text {
margin-top: 10px;
line-height: 2em;
width: 100%;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__text span {
display: block;
font-weight: bold;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01 .komg,
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__button {
margin-top: 20px;
width: 100%;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01 .komg .button,
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__button .button {
width: 50%;
}
.hikari-flow__button {
margin: 80px auto 0 auto;
}
.hikari-flow__button li:last-child {
margin-top: 20px;
}
@media screen and (max-width: 590px) {
.hikari-flow__inner {
margin-top: 20px;
padding: 20px;
}
.hikari-flow__tag__wrapper {
margin-top: 40px;
padding: 0;
}
.hikari-flow__tag__wrapper .tab__content > ol > li {
flex-wrap: wrap;
margin-bottom: 0;
}
.hikari-flow__tag__wrapper .tab__content ol li:nth-child(n+2) .hikari-flow__tag__content_01__icon {
margin-top: 80px;
}
.hikari-flow__tag__wrapper .tab__content ol li:nth-child(n+2) .hikari-flow__tag__content_02__icon {
margin-top: 80px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
width: 100%;
margin-left: 0;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__text {
font-size: 14px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__icon img {
width: 100px;
height: auto;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__content {
margin-top: 20px;
margin-left: 0;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__no {
width: 20px;
font-size: 26px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__title {
flex: 1;
margin-left: 10px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01 .komg .button,
.hikari-flow__tag__wrapper .hikari-flow__tag__content_01__button .button {
width: 100%;
}
.hikari-flow__button {
margin: 20px auto 0 auto;
}
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__icon {
width: 100px;
height: auto;
margin-left: 30px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__content {
flex: 1;
display: flex;
flex-wrap: wrap;
margin-left: 60px;
}
.hikari-flow__tag__wrapper .table_capt {
font-size: 14px;
margin-top: 5px;
}
.hikari-flow__tag__wrapper .tel-num {
margin-top: 5px;
}
.hikari-flow__tag__wrapper h5 {
font-size: 18px;
font-weight: bold;
}
.hikari-flow__tag__wrapper .in {
display: block;
width: 100%;
height: 100%;
}
.hikari-flow__tag__wrapper .in h5:after {
font-family: "Font Awesome 5 Free";
content: "\f138";
font-weight: 900;
color: #FFD92C;
margin-left: 10px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__inner {
margin: auto;
background: #FFFDEA;
text-align: center;
margin-top: 20px;
padding: 30px 0;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__inner__text {
font-size: 18px;
font-weight: bold;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__inner table {
border-collapse: separate;
border-spacing: 10px;
} .hikari-flow__tag__wrapper .hikari-flow__tag__content_02__inner__east th {
background: #FF8B40;
color: white;
padding: 8px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__inner__east td {
border: 2px #FF8B40 solid;
background: #FFF;
padding: 8px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__inner__east td a {
display: block;
padding: 8px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__title {
color: #FF8B40;
} .hikari-flow__tag__wrapper .hikari-flow__tag__content_02__inner__west th {
background: #655300;
color: white;
padding: 8px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__inner__west td {
border: 2px #655300 solid;
background: #FFF;
padding: 8px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__inner__west td h5 {
color: #655300;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__no {
font-size: 34px;
font-weight: bold;
color: #FF8B40;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__title {
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
font-size: 18px;
font-weight: bold;
color: #FF8B40;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__text {
margin-top: 10px;
line-height: 2em;
width: 100%;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__text span {
display: block;
font-weight: bold;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02 .komg,
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__button {
margin-top: 20px;
width: 100%;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02 .komg .button,
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__button .button {
width: 50%;
}
.hikari-flow__button {
margin: 80px auto 0 auto;
}
.hikari-flow__button li:last-child {
margin-top: 20px;
}
@media screen and (max-width: 590px) {
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__icon {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
width: 100%;
margin-left: 0;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__text {
font-size: 14px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__icon img {
width: 100px;
height: auto;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__content {
margin-top: 20px;
margin-left: 0;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__no {
width: 20px;
font-size: 26px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__title {
flex: 1;
margin-left: 10px;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02 .komg .button,
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__button .button {
width: 100%;
}
.hikari-flow__button {
margin: 20px auto 0 auto;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__inner table {
border-spacing: 0;
}
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__inner table th,
.hikari-flow__tag__wrapper .hikari-flow__tag__content_02__inner table td {
display: block;
width: 100%;
margin-top: 10px;
}
}
#hikari-flow .tab + label span.tab1::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_02.svg);
}
#hikari-flow .tab:not(:checked) + label:hover span.tab1::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_01.svg);
}
#hikari-flow .tab:checked + label .tab1::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_01.svg);
}
#hikari-flow .tab + label span.tab2::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-2.svg);
}
#hikari-flow .tab:checked + label .tab2::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-1.svg);
}
#hikari-flow .tab:not(:checked) + label:hover span.tab2::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-1.svg);
}
@media screen and (max-width: 960px) {
.tab-wrap_sp-only__title {
padding-left: 20px;
font-size: 14px;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content {
display: none;
justify-content: center;
padding-right: 20px;
padding-left: 0;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content > ol > li {
width: 90%;
padding: 0 20px;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content > ol > li > div {
margin: 0;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_01__icon {
width: 100%;
display: none;
justify-content: center;
align-items: flex-start;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_01__icon img {
width: 80px;
height: auto;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_01__content {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_01__no {
margin: 0;
margin-right: 10px;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_01__title {
margin: 0;
justify-content: flex-start;
padding-right: 60px;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_01__text {
margin: 0;
width: 100%;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_01__button a {
width: 100%;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_01__button a br {
display: none;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_02__text {
margin: 0 !important;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_02__inner__text {
font-weight: normal;
font-size: 16px;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_02__inner tr,
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_02__inner th,
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_02__inner td {
display: block;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_02__inner th {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_02__inner td {
margin: 0;
padding: 0;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_02__inner td a {
padding: 0;
margin: 0;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .hikari-flow__tag__content_02__title {
font-size: 16px;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .table_capt {
margin: 0;
}
.tab-wrap_sp-only .tab-wrap_sp-only__content .table_capt span {
display: block;
}
.tab-wrap_sp-only .tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) li:nth-child(1) .hikari-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/flow-icon_01.svg) no-repeat right center/auto 90%;
}
.tab-wrap_sp-only .tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) li:nth-child(2) .hikari-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/flow-icon_02.svg) no-repeat right center/auto 90%;
}
.tab-wrap_sp-only .tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) li:nth-child(3) .hikari-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/flow-icon_03.svg) no-repeat right center/auto 90%;
}
.tab-wrap_sp-only .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) li:nth-child(1) .hikari-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/flow-icon_04.svg) no-repeat right center/auto 90%;
}
.tab-wrap_sp-only .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) li:nth-child(2) .hikari-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/flow-icon_01.svg) no-repeat right center/auto 90%;
}
.tab-wrap_sp-only .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) li:nth-child(3) .hikari-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/flow-icon_03.svg) no-repeat right center/auto 90%;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only__title:before {
content: "";
position: absolute;
right: 20px;
top: 50%;
margin-top: -3.75px;
width: 7px;
height: 10px;
transition-duration: 0.3s;
border-style: solid;
border-width: 0 7px 10px 7px;
border-color: transparent transparent #fff transparent;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only__title[aria-expanded=false]:before {
-webkit-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
transition-duration: 0.3s;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only__item {
display: block;
width: 100%;
white-space: initial;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only__content {
padding-right: 0;
padding: 20px;
white-space: pre-line;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only__title span {
width: 75%;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only__content ol {
padding: 0 !important;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only__content ol li {
width: 100% !important;
padding: 0 !important;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only__content .gas-flow__tag__content_01__text {
margin: 0 !important;
width: 100% !important;
padding: 0 !important;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .gas-flow__tag__content_01__text {
padding-left: 0;
margin-bottom: 10px;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab + label {
display: flex;
width: 100%;
margin: 0 1%;
line-height: 1.5;
border: 4px solid #333;
align-items: center;
justify-content: left;
padding-left: 50px;
padding-right: 20px;
text-align: left;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab + label span {
line-height: 1.3;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab.tab1 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_02.svg);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab.tab2 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-2.svg);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked + label::after {
content: none;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked + label span {
display: inline;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked + label {
background-color: #333;
position: relative;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked + label.tab1 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_01.svg);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked + label.tab2 span::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-1.svg);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
display: flex;
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
display: flex;
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
display: flex;
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
display: flex;
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
display: flex;
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(6) ~ .tab__content:nth-of-type(6) {
display: flex;
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(7) ~ .tab__content:nth-of-type(7) {
display: flex;
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(8) ~ .tab__content:nth-of-type(8) {
display: flex;
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(9) ~ .tab__content:nth-of-type(9) {
display: flex;
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab:checked:nth-of-type(10) ~ .tab__content:nth-of-type(10) {
display: flex;
position: relative;
top: 0;
opacity: 1;
transition: 0.1s opacity ease-in, 0.1s transform ease;
z-index: 10;
transform: translateY(0);
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab-wrap_sp-only__content {
padding: 20px;
}
.hikari-flow__tag__wrapper .tab-wrap_sp-only .tab-wrap_sp-only__content > ol > li {
display: block;
}
} .hikari-option {
padding: 0 !important;
}
.hikari-option .headline_6 {
margin-bottom: 80px;
}
@media screen and (max-width: 590px) {
.hikari-option .headline_6 {
margin-bottom: 20px;
}
} .hikari-option__inner {
margin-top: 80px;
padding: 80px;
background: linear-gradient(120deg, rgba(255, 217, 44, 0.2) 0%, rgba(255, 139, 64, 0.2) 100%);
}
.hikari-option__button {
margin: 80px auto 0 auto;
}
.hikari-option__button li:last-child {
margin-top: 20px;
}
@media screen and (max-width: 590px) {
.hikari-option__inner {
margin-top: 20px;
padding: 0;
}
}
.hikari-option__inner__wrapper__box {
margin-top: 30px;
background: white;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
border-radius: 4px;
height: 95%;
top: -30px;
}
.hikari-option__inner__wrapper__box > a {
display: block;
padding: 0 20px 20px;
text-align: center;
}
.hikari-option__inner__wrapper__box a .hikari-option__inner__wrapper__box__icon {
width: 100%;
}
.hikari-option__inner__wrapper__box a .hikari-option__inner__wrapper__box__icon img {
width: 60%;
}
.hikari-option__inner__wrapper ul > li:last-of-type .hikari-option__inner__wrapper__box {
text-align: center;
padding: 0 20px 20px;
}
.hikari-option__inner__wrapper ul > li:last-of-type .hikari-option__inner__wrapper__box__icon {
width: 100%;
}
.hikari-option__inner__wrapper ul > li:last-of-type .hikari-option__inner__wrapper__box__icon img {
width: 60%;
}
.hikari-option__inner__wrapper ul > li:last-of-type .hikari-option__inner__wrapper__box .hikari-option__title {
font-size: 20px;
font-weight: bold;
position: relative;
}
.hikari-option__inner__wrapper__box a .hikari-option__title {
font-size: 20px;
font-weight: bold;
position: relative;
}
.hikari-option__inner__wrapper__box a .hikari-option__title::after {
font-family: "Font Awesome 5 Free";
content: "\f138";
font-weight: 900;
position: absolute;
color: #FFD92C;
margin-left: 10px;
}
.hikari-option__inner__wrapper__box__capt {
margin-top: 20px;
font-size: 14px;
text-align: left;
line-height: 1.75;
}
.hikari-optopn__inner__wrapper__box__button {
margin-top: 15px;
background: #FFF4C1;
border: 1px #181E21 solid;
margin: -25px auto 15px;
width: 60%;
}
.hikari-optopn__inner__wrapper__box__button a:before {
display: none;
}
.hikari-option__inner__wrapper__box__price {
font-size: 18px;
font-weight: bold;
padding: 5px;
margin-top: 10px;
text-align: center;
margin-bottom: 5px;
line-height: 1.5;
color: #FF8B40;
background: #F7F7F7;
}
.hikari-option__inner__wrapper__box__price span.figures {
font-size: 32px;
font-weight: bold;
}
.hikari-option__inner__wrapper__box__price span.yen {
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.hikari-option__inner__wrapper__box__price {
font-size: 16px;
}
.hikari-option__inner__wrapper__box__price span.figures {
font-size: 30px;
}
.hikari-option__inner__wrapper__box__price span.yen {
font-size: 20px;
}
}
@media screen and (max-width: 590px) {
.hikari-option__button {
margin: 40px auto 0 auto;
}
}  .hikari-option__contact {
text-align: center;
}
.hikari-option__contact__wrapper .headline_1 {
font-size: 24px;
font-weight: bold;
}
.hikari-option__contact__wrapper .headline_1 br {
display: none;
}
@media screen and (max-width: 590px) {
.hikari-option__contact__wrapper .headline_1 br {
display: block;
}
}
.hikari-option__contact__wrapper__info {
padding-top: 80px;
}
.hikari-option__contact__wrapper__info__capt {
font-size: 20px;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 590px) {
.hikari-option__contact__wrapper__info__capt {
text-align: left;
}
.hikari-option__contact__wrapper__info__capt br {
display: none;
}
}
@media screen and (max-width: 590px) {
.hikari-option__contact__wrapper h3 {
margin-top: 40px;
}
.hikari-option__contact__wrapper__info {
padding-top: 40px;
}
.hikari-option__contact__wrapper__info__capt {
font-size: 16px;
}
}
.contact ul li {
margin-top: 40px;
position: relative;
margin-left: auto;
}
.contact__tel a,
.contact__phone a {
font-size: 45px;
font-weight: bold;
font-family: "Trebuchet MS";
margin-left: 120px;
}
.contact__tel a::before {
content: "";
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/common/free-dial.png) no-repeat center center/contain;
height: 47px;
width: 60px;
top: 7px;
left: 70px;
}
.contact__phone a::before {
content: "携帯・PHPの方";
position: absolute;
color: white;
font-size: 14px;
background: #FF8B40;
height: 36px;
width: 120px;
padding: 8px 0;
top: 15px;
left: 20px;
}
.contact__provider p {
font-size: 14px;
text-align: center;
padding-left: 100px;
}
@media screen and (max-width: 960px) {
.contact__provider p {
padding-left: 0;
}
}
.contact__provider div {
font-size: 23px;
font-weight: bold;
margin: 5px 0 0;
margin-left: 100px;
}
.contact__provider div span {
font-size: 16px;
font-weight: bold;
}
.contact__provider div::before {
content: "受付時間";
position: absolute;
font-size: 14px;
background: #333;
color: white;
border-radius: 2px;
height: 25px;
width: 90px;
padding: 4px 0;
top: 28px;
left: 18px;
}
@media screen and (min-width: 1200px) {
.contact__tel a,
.contact__phone a,
.contact__provider div {
margin-left: 130px;
}
.contact__tel a::before {
margin-left: 40px;
}
.contact__phone a::before,
.contact__provider div::before {
margin-left: 60px;
}
.contact__phone a::before {
width: 100px;
font-size: 13px;
}
}
@media screen and (max-width: 960px) {
.contact__tel a::before {
margin-left: 82px;
}
.contact__phone a::before,
.contact__provider div::before {
margin-left: 130px;
}
.contact__phone a::before {
width: 100px;
font-size: 13px;
}
}
@media screen and (max-width: 767px) {
.contact__tel a::before {
margin-left: 0;
}
.contact__phone a::before,
.contact__provider div::before {
margin-left: 42px;
}
.contact__phone a::before {
width: 100px;
font-size: 13px;
}
}
@media screen and (max-width: 590px) {
.contact ul li {
margin-top: 30px;
}
.contact__tel a {
font-size: 32px;
margin-left: 80px;
}
.contact__tel a::before {
margin-left: -30px;
height: 35px;
}
.contact__phone a {
margin-left: 100px;
font-size: 32px;
}
.contact__phone a::before {
margin-left: 0px;
top: 10px;
}
.contact__provider {
margin-top: 20px !important;
}
.contact__provider div {
margin-top: 40px;
margin-left: 0px;
font-size: 18px;
}
.contact__provider div span {
font-size: 14px;
}
.contact__provider div::before {
margin-left: 0px;
top: 30px;
left: 50%;
transform: translateX(-50%);
}
}
@media screen and (max-width: 590px) {
.hikari-option__title {
font-size: 17px !important;
}
.hikari-optopn__inner__wrapper__box__button {
margin: 0 auto;
width: 90%;
}
} .hikari-security .headline_8,
.hikari-security .headline_2 {
color: #655300;
}
.hikari-security .lower__kv {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_security_head.jpg);
padding-bottom: 100px;
}
@media screen and (max-width: 960px) {
.hikari-security .lower__kv {
padding-bottom: 20px;
}
}
.hikari-security.lower__kv__lead {
margin-bottom: 100px;
}
@media screen and (max-width: 960px) {
.hikari-security.lower__kv__lead {
margin-bottom: 0;
}
}
@media screen and (max-width: 590px) {
.low_security_sec_01 {
padding: 40px 20px !important;
}
}
#hikari-security_sec01 .low_security_sec_01__inner {
position: relative;
margin-top: 80px;
padding: 40px 80px;
}
@media screen and (max-width: 590px) {
#hikari-security_sec01 .low_security_sec_01__inner {
margin-top: 40px;
padding: 0;
}
}
.low_security_sec_01__bg {
position: absolute;
top: 0;
left: 45%;
width: 100%;
height: 100%;
background-size: 100% 100%;
background-position: right top;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/bg_option_tv01.png);
content: "";
z-index: 1;
}
#hikari-security_sec01 .low_security_sec_01__box {
margin-top: 20px;
margin-bottom: 20px;
padding: 40px 20px;
background-color: #fff;
z-index: 2;
}
#hikari-security_sec01 .low_security_sec_01__text {
margin-top: 40px;
line-height: 2em;
}
#hikari-security_sec01 .low_security_sec_01 .note {
margin-top: 20px;
font-size: 13px;
}
.hikari-security-svg {
text-align: center;
z-index: 2;
}
.hikari-security-svg img {
height: 350px;
width: auto;
max-width: 100%;
margin-top: 100px;
vertical-align: middle;
}
@media screen and (max-width: 960px) {
.hikari-security-svg img {
width: 60%;
max-width: 60%;
height: auto;
}
}
@media screen and (max-width: 590px) {
#hikari-security_sec01 .low_security_sec_01__inner {
margin-top: 0;
height: auto;
background-image: none;
}
#hikari-security_sec01 .low_security_sec_01__box {
margin-top: 0;
padding: 20px;
}
#hikari-security_sec01 .low_security_sec_01__text {
margin-top: 20px;
}
#hikari-security_sec01 .low_security_sec_01 .note {
margin-top: 20px;
font-size: 13px;
}
.hikari-security .lower__kv {
padding-bottom: 20px;
}
}
@media screen and (max-width: 960px) {
.low_security_sec_01 .table-hikari-tel-2 td,
.low_security_sec_01 .table-hikari-tel-2 th {
display: block;
width: 100% !important;
}
} .table-headline {
color: #655300;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.table-hikari-tel-2 td,
.table-hikari-tel-2 tr,
.table-hikari-tel-2 th {
border-collapse: collapse;
border: 1px solid #707070;
}
.table-hikari-security {
margin-top: 10px;
}
.table-hikari-security th {
background-color: #E8E8E8;
font-size: 14px;
font-weight: bold;
margin-right: 30px;
margin-left: 30px;
min-width: 130px;
width: 15%;
text-align: center;
}
.table-hikari-security td {
line-height: 2em;
}
.table-hikari-security-title {
font-size: 16px;
font-weight: bold;
}
.table-hikari-tel-2 td:first-child {
text-align: center;
background: #FFF6CE;
width: 220px;
color: #333;
font-weight: bold;
font-size: 18px;
}
.table-hikari-tel-2 td {
width: 420px;
text-align: left;
background: #fff;
color: #333;
font-size: 18px;
vertical-align: center;
}
.table-hikari-tel-2 #td-down {
margin-top: 10px;
font-size: 14px;
line-height: 2em;
font-weight: normal;
text-align: left;
}
@media screen and (max-width: 590px) {
.table-hikari-tel-2 td,
.table-hikari-tel-2 th {
font-size: 16px;
font-weight: normal;
}
}
@media screen and (max-width: 590px) {
.table-hikari-security th {
margin-left: 0px;
padding-top: 20px;
padding-bottom: 20px;
}
}
.hikari_security_table {
margin-top: 70px;
}
#hikari_security_table table {
border: solid 1px #707070;
}
.security-table-text {
padding: 30px;
}
.begin-bold {
font-weight: bold;
}
#hikari_table_security table,
#hikari_table_security tr th,
#hikari_table_security tr td {
border-collapse: collapse;
border: 1px solid #707070;
font-size: 16px;
}
@media screen and (max-width: 590px) {
#hikari_table_security table,
#hikari_table_security tr th,
#hikari_table_security tr td {
display: grid;
text-align: left;
width: 100%;
}
.table-hikari-security th {
margin-left: 0px;
padding-top: 20px;
padding-bottom: 20px;
}
#hikari_table_security tr th {
text-align: center;
}
} .hikari-security_sec_02 {
background: linear-gradient(90deg, #fff8d6, #ffe9d8);
padding: 60px 0;
}
.hikari-security_sec_02__button {
display: flex;
justify-content: center;
align-items: center;
margin-top: 70px;
margin-bottom: 70px;
}
.hikari-security_sec_02__button .button {
width: 50%;
}
@media screen and (max-width: 590px) {
.hikari-security_sec_02 {
padding: 40px 20px;
}
.hikari-security_sec_02__button .button {
width: 100%;
}
}
.hikari-security_sec_02_block1 {
background-color: #fff;
padding-top: 40px;
padding-bottom: 40px;
margin-top: 50px;
margin-left: -20px;
margin-right: 20px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 5px;
}
.hikari-security_sec_02_block2 {
background-color: #fff;
padding-top: 40px;
padding-bottom: 40px;
margin-top: 50px;
margin-left: 20px;
margin-right: -20px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 5px;
}
.hikari-security_sec_02_block2__button {
margin-top: 40px;
padding: 0 20px;
display: flex;
justify-content: space-between;
}
.hikari-security_sec_02_block2__button div {
width: 48%;
}
.hikari-security_sec_02_block2__button div .button {
margin: 0;
width: 100%;
}
@media screen and (max-width: 590px) {
.hikari-security_sec_02_block2__button {
margin-top: 0;
flex-wrap: wrap;
}
.hikari-security_sec_02_block2__button div {
margin-top: 20px;
width: 100%;
}
}
@media screen and (max-width: 992px) {
.hikari-security_sec_02_block2,
.hikari-security_sec_02_block1 {
margin-right: 0px;
margin-left: 0px;
}
}
@media screen and (max-width: 590px) {
.hikari-security_sec_02 {
padding: 40px 0 !important;
}
}
.hikari-security_sec_02_title {
text-align: center;
font-size: 20px;
font-weight: bold;
color: #333;
}
@media screen and (max-width: 590px) {
.hikari-security_sec_02_title {
font-size: 17px;
}
}
.hikari-security_sec_02_text {
font-size: 14px;
line-height: 24px;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
.hikari-security_sec_02_link {
color: #2D77C1;
font-size: 16px;
text-decoration: underline;
}
.hikari-security_sec_02_link:before {
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-weight: 900;
}
.button.yellow {
margin-top: 40px;
background-color: #FFF4C1;
border: 1px solid #000;
}
.button.yellow:hover {
color: #FFF4C1;
background-color: rgba(0, 0, 0, 0.5);
}
.button.yellow:hover::before {
background-color: #FFF4C1;
}
.button.yellow:hover::after {
border-left: 6px solid #FFF4C1;
}
.both {
max-width: 45%;
}
.both-box {
margin-left: 15px;
margin-right: 15px;
} .hikari-support .headline_8,
.hikari-support .headline_2 {
color: #655300;
}
.hikari-support .lower__kv {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_support_head.jpg);
background-size: cover;
padding-bottom: 250px;
}
@media screen and (max-width: 960px) {
.hikari-support .lower__kv {
padding-bottom: 20px;
}
}
.hikari-support .lower__kv__text {
margin-top: 120px !important;
}
@media screen and (max-width: 960px) {
.hikari-support .lower__kv__text {
margin-top: 20px !important;
}
} .low_support_sec_01 .headline_1 br {
display: none;
}
@media screen and (max-width: 590px) {
.low_support_sec_01 {
padding: 40px 0 !important;
}
.low_support_sec_01 .headline_1 br {
display: block;
}
}
#hikari-support_sec01 .low_support_sec_01__inner {
position: relative;
margin-top: 40px;
height: 100%;
background-size: 160% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/bg_option_tv01.png);
background-size: auto 130%;
background-position: right top;
padding: 40x 0 80px 0;
}
.low_support_sec_01__bg {
position: absolute;
top: 0;
left: 45%;
width: 100%;
height: 100%;
background-size: 100% 100%;
background-position: right top;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/bg_option_tv01.png);
content: "";
z-index: 1;
}
@media screen and (max-width: 590px) {
.low_support_sec_01__bg {
display: none;
}
}
#hikari-support_sec01 .low_support_sec_01__box {
margin-top: 20px;
margin-bottom: 20px;
padding: 40px 20px;
background-color: #fff;
z-index: 2;
}
.hikari-support-svg {
z-index: 2;
}
#hikari-support_sec01 .low_support_sec_01__text {
margin-top: 40px;
line-height: 2em;
}
#hikari-support_sec01 .low_support_sec_01 .note {
margin-top: 20px;
font-size: 13px;
}
#hikari-support_sec01 .low_support_sec_01__text .low_support_sec_01__box {
height: 110px;
background-color: white;
border: solid 2px #FF8B40;
border-radius: 5px;
color: #FF8B40;
text-align: center;
}
@media screen and (max-width: 590px) {
#hikari-support_sec01 .low_support_sec_01__text .low_support_sec_01__box {
height: auto;
padding: 20px 0 10px 0;
}
}
#price-md {
font-size: 41px;
font-weight: bold;
vertical-align: baseline;
}
@media screen and (max-width: 590px) {
#price-md {
font-size: 20px;
}
}
#price-lg {
font-size: 91px;
font-weight: bold;
vertical-align: baseline;
}
@media screen and (max-width: 590px) {
#price-lg {
font-size: 40px !important;
}
}
@media screen and (max-width: 991px) {
#price-lg {
font-size: 60px;
}
#hikari-support_sec01 .low_support_sec_01__text .low_support_sec_01__box {
margin-top: 20px;
margin-left: 30px;
margin-right: 30px;
}
}
@media screen and (max-width: 991px) and (max-width: 590px) {
#hikari-support_sec01 .low_support_sec_01__text .low_support_sec_01__box {
margin-left: 0;
margin-right: 0;
}
}
#price-sm {
font-size: 22px;
vertical-align: baseline;
}
@media screen and (max-width: 590px) {
#price-sm {
display: block;
font-size: 16px !important;
}
}
.hikari-support-svg {
text-align: center;
}
.hikari-support-svg img {
max-width: 100%;
width: 613px;
margin-top: 70px;
padding-left: 20px;
vertical-align: middle;
}
@media screen and (max-width: 991px) {
.hikari-support-svg img {
margin-top: 20px;
margin-bottom: 50px;
padding-left: 10px;
padding-right: 10px;
}
.hikari-support-svg {
text-align: center;
}
}
@media screen and (max-width: 590px) {
.hikari-support .low_tel_sec_01__inner .headline_2 {
font-size: 22px;
}
#hikari-support_sec01 .low_support_sec_01__inner {
margin-top: 0;
height: auto;
background-image: none;
}
#hikari-support_sec01 .low_support_sec_01__box {
margin-top: 0;
padding: 20px;
}
#hikari-support_sec01 .low_support_sec_01__text {
margin-top: 20px;
}
#hikari-support_sec01 .low_support_sec_01 .note {
margin-top: 20px;
font-size: 13px;
}
.hikari-support .lower__kv {
padding-bottom: 20px;
}
} .hikari-support_sec_02_img-white img {
height: 128px;
width: 100%;
vertical-align: middle;
}
.align-middle {
vertical-align: middle;
}
.hikari-support_sec_02_img {
padding-left: 20px;
padding-right: 20px;
vertical-align: middle;
margin-top: 20px;
}
.hikari-support_sec_02_img-white {
padding-top: 20px;
background-color: white;
width: 175px;
height: 175px;
border-radius: 50%;
}
#hikari-support_sec_02_title {
color: #655300;
font-size: 18px;
font-weight: bold;
text-align: center;
margin-top: 10px;
}
.hikari-support_sec_02 {
background: linear-gradient(90deg, #fff8d6, #ffe9d8);
padding: 60px 0;
}
.hikari-support_sec_02__button {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
}
.hikari-support_sec_02__button .button {
width: 50%;
}
@media screen and (max-width: 590px) {
.hikari_support_sec_02 {
padding: 40px 20px !important;
}
.hikari-support_sec_02__button {
margin-top: 20px;
}
.hikari-support_sec_02__button .button {
width: 100%;
}
.hikari-support_sec_02 {
background: linear-gradient(90deg, #fff8d6, #ffe9d8);
padding: 60px 0;
}
.hikari-tv_sec_02__button {
margin-bottom: 60px;
}
} .hikari_support_table {
margin-top: 30px;
margin-bottom: 100px;
}
.table-hikari-support th {
background-color: #E8E8E8;
font-size: 14px;
font-weight: bold;
margin-right: 30px;
margin-left: 30px;
width: 20%;
min-width: 131px;
text-align: center;
}
#hikari_support_table table {
border: solid 1px #707070;
}
.support-table-text {
padding: 20px;
line-height: 2em;
}
.begin-bold {
font-weight: bold;
}
#hikari_table_support table,
#hikari_table_support tr th,
#hikari_table_support tr td {
border-collapse: collapse;
border: 1px solid #707070;
font-size: 16px;
}
#hikari_table_support tr td {
background-color: #fff;
}
.table-hikari-support-title {
font-size: 16px;
font-weight: bold;
}
@media screen and (max-width: 590px) {
#hikari_table_support table,
#hikari_table_support tr td {
display: grid;
text-align: left;
width: 100%;
}
.table-hikari-support th {
display: grid;
width: 100%;
margin-left: 0px;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
}
}
.note {
margin-top: 20px;
}
@media screen and (max-width: 960px) {
.low_top_sec_06 .tab-wrap_sp-only .tab + label span.tab1::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_02.svg) !important;
}
.low_top_sec_06 .tab-wrap_sp-only .tab:checked + label span.tab1::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_01.svg) !important;
}
.low_top_sec_06 .tab-wrap_sp-only .tab + label span.tab2::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-2.svg) !important;
}
.low_top_sec_06 .tab-wrap_sp-only .tab:checked + label span.tab2::after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-1.svg) !important;
}
}
#hikari-top .low_top { }
#hikari-top .low_top_sec_07 {
padding: 60px 0;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_QA_back.jpg);
background-repeat: no-repeat;
background-size: cover;
}
#hikari-top .low_top_sec_07_block {
margin: 50px 0;
}
#hikari-top .low_top_sec_07 .low_top_sec_07-box {
background-color: white;
border: solid 3px #FF8B40;
border-radius: 36px;
margin: 20px 0;
padding: 20px 40px 15px 60px;
}
#hikari-top .low_top_sec_07 input {
display: none;
}
#hikari-top .low_top_sec_07 label {
display: block !important;
font-size: 18px;
position: relative;
font-weight: 600;
}
#hikari-top .low_top_sec_07 label:before {
content: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_Q.svg);
font-size: 36px;
position: absolute;
height: 22px;
width: 22px;
left: -35px;
top: -13px;
font-weight: bold;
}
#hikari-top .low_top_sec_07 label:after {
content: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari_Q_arrow.svg);
position: absolute;
bottom: -2.15rem;
right: 0;
top: 0;
margin-left: -0.1rem;
width: 20px;
height: 20px;
transition: all 0.3s;
}
#hikari-top .low_top_sec_07 .answer {
overflow: hidden;
color: #FF8B40;
font-size: 16px;
transition: max-height 0.3s;
max-height: 0px;
}
#hikari-top .low_top_sec_07 .answer a {
color: #0866c6;
text-decoration: underline;
margin: 10px 0;
display: block;
}
#hikari-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label ~ p {
max-height: 10000px;
transition: all 1s;
margin: 10px 0;
}
#hikari-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label::after {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
top: 0;
transition: all 0.3s;
}
@media screen and (max-width: 590px) {
#hikari-top .low_top_sec_07 .low_top_sec_07-box {
margin: 10px 0;
padding: 10px 15px 0;
}
#hikari-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label::after {
top: 10px;
}
#hikari-top .low_top_sec_07 .container {
margin: 0px;
width: auto;
}
#hikari-top .low_top_sec_07 label {
font-size: 15px;
margin-bottom: 0px !important;
padding: 5px 20px 0 25px;
}
#hikari-top .low_top_sec_07 label:before {
font-size: 24px;
left: 0px;
top: 0;
width: 20px;
}
#hikari-top .low_top_sec_07 label:after {
width: 15px;
height: 15px;
top: 5px;
}
#hikari-top .low_top_sec_07 .answer {
font-size: 14px;
padding: 10px 0 0 0;
}
} .sub_color {
color: #175190;
}
.water_extra {
color: #11A9da;
}
.button.grade.water {
background: linear-gradient(90deg, #0196f9, #15599b);
}
.button.grade.water:hover {
background: none;
background-color: #fff;
color: #0196f9;
border: solid 1px #0196f9;
}
.button.grade.water:hover:before {
background-color: #0196f9;
}
.button.grade.water:hover:after {
border-left: 6px solid #0196f9;
} #water-top .headline_4 {
font-family: "Trebuchet MS", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
#water-top .low { }
#water-top .low__kv__back {
height: 50vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/water_top_back_01.jpg);
background-attachment: fixed;
position: relative;
}
#water-top .low__kv__back .kv-ttl_pc {
position: absolute;
bottom: 45px;
right: 75px;
}
#water-top .low__kv__back .kv-ttl_pc img {
height: auto;
object-fit: contain;
width: 650px;
}
#water-top .low__kv__back .kv-ttl_sp {
width: 70%;
height: auto;
right: 10px;
object-fit: contain;
position: absolute;
bottom: -20px;
}
#water-top .low__kv__back .kv-ttl_sp img {
object-fit: contain;
}
@media screen and (max-width: 960px) {
#water-top .low__kv__back {
height: 300px;
background-size: 120%;
background-position: 50% top;
}
#water-top .low__kv__back .kv-ttl_pc {
bottom: 20px;
}
#water-top .low__kv__back .kv-ttl_pc img {
height: auto;
width: 400px;
object-fit: contain;
}
}
@media screen and (max-width: 590px) {
#water-top .low__kv {
position: relative;
height: 200px;
}
#water-top .low__kv__back {
background-image: none;
background-attachment: unset;
height: 200px;
}
#water-top .low__kv__back:before {
content: "";
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 310px;
z-index: -10;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/water_top_back.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: 40% 0%;
background-size: 200%;
}
}
#water-top .low_top_sec_01__item {
display: flex;
justify-content: space-between;
}
#water-top .low_top_sec_01__item li {
padding: 0 15px;
}
#water-top .low_top_sec_01__item li a {
padding: 0;
box-shadow: none;
}
#water-top .low_top_sec_01__item_wrap {
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
padding: 20px 0;
border-radius: 4px;
box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
}
#water-top .low_top_sec_01__item_icon {
width: 100px;
height: auto;
}
#water-top .low_top_sec_01__item_text {
margin-top: 20px;
color: #175190;
}
#water-top .low_top_sec_01 .note {
margin-top: 20px;
}
@media screen and (max-width: 960px) {
#water-top .low_top_sec_01 {
width: calc(100% - 30px);
margin: 0px auto;
}
#water-top .low_top_sec_01__item {
margin-top: 10px;
}
#water-top .low_top_sec_01__item li {
width: 48%;
margin-top: 30px;
}
}
@media screen and (max-width: 590px) {
#water-top .low_top_sec_01 {
width: 100%;
margin: 0px;
padding: 30px 10px !important;
background-color: #fff;
}
#water-top .low_top_sec_01__item {
padding: 0px;
}
#water-top .low_top_sec_01__item li {
margin: 10px 0 0;
padding: 0;
}
#water-top .low_top_sec_01__item_wrap {
padding: 10px;
}
#water-top .low_top_sec_01__item_icon img {
width: 60px;
margin: auto;
text-align: center;
display: block;
}
#water-top .low_top_sec_01__item_text {
font-size: 16px;
}
#water-top .low_top_sec_01__item_text br {
display: none;
}
}
#water-top .low_water_sec_02 .no-padding {
padding: 0;
}
#water-top .low_water_sec_02__inner {
padding: 40px 0;
background: #eaf7ff;
margin: 0 50px 10px;
}
#water-top .low_water_sec_02 .headline_1 {
margin-bottom: 50px;
}
#water-top .low_water_sec_02 .headline_1 br {
display: none;
}
#water-top .low_water_sec_02__item {
display: flex;
}
#water-top .low_water_sec_02__item li {
display: flex;
justify-content: center;
align-items: flex-end;
width: 20%;
}
#water-top .low_water_sec_02__text {
font-size: 20px;
line-height: 34px;
font-weight: 600;
text-align: center;
}
#water-top .low_water_sec_02 .water_servername {
font-size: 18px;
color: #838383;
margin-top: 40px;
position: relative;
font-weight: bold;
text-align: center;
}
#water-top .low_water_sec_02 .water_servername:before {
content: "";
position: absolute;
bottom: -3rem;
left: 0;
margin-left: calc(50% - 1.3rem);
width: 2.6rem;
height: 2.6rem;
border-radius: 50%;
background: #2D77C1;
}
#water-top .low_water_sec_02 .water_servername:after {
content: "";
position: absolute;
bottom: -2.15rem;
left: 50%;
margin-left: -0.1rem;
transform: translateX(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) rotate(45deg);
vertical-align: middle;
width: 0.89rem;
height: 0.89rem;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
#water-top .low_water_sec_02__item_icon {
display: flex;
justify-content: center;
align-items: flex-end;
}
#water-top .low_water_sec_02__item_icon img {
width: 70%;
height: auto;
}
#water-top .low_water_sec_02__button {
margin-top: 80px;
}
@media screen and (max-width: 960px) {
#water-top .low_water_sec_02__item {
flex-wrap: wrap;
}
#water-top .low_water_sec_02__item li {
margin-top: 40px;
width: 50%;
}
#water-top .low_water_sec_02 .water_servername:before {
content: "";
position: absolute;
top: 50%;
left: 60%;
transform: translateY(-50%);
}
#water-top .low_water_sec_02 .water_servername:after {
top: 50%;
left: 110%;
margin-top: -4px;
}
}
@media screen and (max-width: 590px) {
#water-top .low_water_sec_02 {
padding: 0;
}
#water-top .low_water_sec_02__inner {
margin: 0;
padding: 30px 10px;
background: #eaf7ff;
}
#water-top .low_water_sec_02__text {
font-size: 16px;
line-height: 28px;
font-weight: 600;
}
#water-top .low_water_sec_02__item {
margin-top: 0;
padding: 0;
}
#water-top .low_water_sec_02__item li {
margin-top: 40px;
width: 100%;
}
#water-top .low_water_sec_02 .water_servername {
margin-top: 20px;
font-size: 14px;
}
#water-top .low_water_sec_02__button {
margin-top: 20px;
}
}
#water-top .low_water_sec_03 .headline_7 {
font-size: 20px;
font-weight: 600;
line-height: 34px;
}
#water-top .low_water_sec_03__inner {
background: linear-gradient(90deg, #f0fbff, #f7f7ff);
margin: 70px 0 0;
background-size: 70%;
background-repeat: no-repeat;
background-position: left;
margin-top: 80px;
padding: 40px 0;
}
#water-top .low_water_sec_03__img img {
width: 120%;
height: auto;
margin: -60px -20px 0 20px;
}
#water-top .low_water_sec_03__box {
padding: 20px;
background-color: #fff;
margin: 0 -50px 0 50px;
}
@media screen and (max-width: 960px) {
#water-top .low_water_sec_03__box {
margin-left: auto;
margin-right: auto;
max-width: 100%;
width: 100%;
flex: 100%;
}
}
#water-top .low_water_sec_03__box table {
width: 100%;
}
#water-top .low_water_sec_03__box table .th {
text-align: inherit;
padding: 10px;
border: solid 1px #333333;
background-color: #E8F5FF;
font-weight: 600;
}
#water-top .low_water_sec_03__box table td {
font-size: 18px;
border: solid 1px #333;
padding: 10px 15px;
}
#water-top .low_water_sec_03__box table td span {
font-size: 18px;
}
#water-top .low_water_sec_03__text {
margin-top: 2rem;
}
#water-top .low_water_sec_03__text .price-list {
line-height: 2em;
display: flex;
flex-wrap: wrap;
}
#water-top .low_water_sec_03__text .price-list dt {
width: 30%;
}
#water-top .low_water_sec_03__text .price-list dd {
width: 70%;
}
#water-top .low_water_sec_03 .note {
margin-top: 20px;
line-height: 24px;
font-size: 14px;
}
@media screen and (max-width: 960px) {
#water-top .low_water_sec_03 {
background: linear-gradient(90deg, #f0fbff, #f7f7ff);
}
#water-top .low_water_sec_03__inner {
margin-top: 0;
padding: 20px 20px;
background-image: none;
}
#water-top .low_water_sec_03__inner .container {
margin: auto;
width: 100%;
}
#water-top .low_water_sec_03__inner .container .row {
width: 100%;
margin: 0 !important;
}
#water-top .low_water_sec_03__box {
margin-top: 0;
padding: 20px;
}
#water-top .low_water_sec_03__text {
margin-top: 20px;
}
#water-top .low_water_sec_03__img {
position: relative;
padding: 0;
width: 100%;
height: auto;
margin: auto;
display: block;
}
#water-top .low_water_sec_03__img img {
width: 100%;
margin: 10px;
height: auto;
}
#water-top .low_water_sec_03 .note {
margin-top: 20px;
}
#water-top .low_water_sec_03 .headline_7 br {
display: none;
}
}
@media screen and (max-width: 590px) {
#water-top .low_water_sec_03 {
padding: 30px 10px;
}
#water-top .low_water_sec_03__inner {
padding: 0 !important;
background-image: none;
margin: 0;
}
#water-top .low_water_sec_03__inner .container {
padding: 0;
}
#water-top .low_water_sec_03__inner .container .row {
margin: 0 !important;
}
#water-top .low_water_sec_03__box {
margin: 10px 0 0;
background: none;
box-sizing: border-box;
padding: 15px 0 0;
}
#water-top .low_water_sec_03__text {
margin-top: 20px;
}
#water-top .low_water_sec_03__text table {
width: 100%;
}
#water-top .low_water_sec_03__text table td {
font-size: 16px;
background-color: #fff;
}
#water-top .low_water_sec_03__text table td span {
font-size: 14px;
}
#water-top .low_water_sec_03__img {
width: 100%;
}
#water-top .low_water_sec_03__img img {
width: 100%;
height: auto;
max-width: 100%;
margin: 20px 0 0;
}
#water-top .low_water_sec_03 .note {
margin-top: 20px;
font-size: 12px;
line-height: 20px;
}
#water-top .low_water_sec_03 .headline_7 {
font-size: 16px;
line-height: 28px;
}
#water-top .low_water_sec_03 .headline_7 br {
display: none;
}
}
#water-top .low_water_sec_04 {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/top/about_bg.png) no-repeat center center/cover;
color: #fff;
text-align: center;
padding: 8rem;
}
@media screen and (max-width: 590px) {
#water-top .low_water_sec_04 {
padding: 2rem;
padding-bottom: 6rem;
}
}
#water-top .low_water_sec_04 .headline_2 {
margin-top: 40px;
margin-bottom: 3rem;
}
#water-top .low_water_sec_04 .headline_2 br {
display: none;
}
#water-top .low_water_sec_04__text {
margin-bottom: 6rem;
line-height: 2em;
}
#water-top .low_water_sec_04__item {
margin-bottom: 6rem;
}
@media screen and (max-width: 590px) {
#water-top .low_water_sec_04__item {
margin-bottom: 3rem;
}
}
#water-top .low_water_sec_04__item li {
position: relative;
}
#water-top .low_water_sec_04__icon img {
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
}
#water-top .low_water_sec_04__catch {
position: absolute;
bottom: 1.5rem;
right: 3rem;
}
#water-top .low_water_sec_04__button {
margin: 0 auto;
}
@media screen and (max-width: 590px) {
#water-top .low_water_sec_04 .headline_1 {
margin-top: 40px;
}
#water-top .low_water_sec_04__item li {
margin-bottom: 2rem;
}
#water-top .low_water_sec_04 .headline_2 br {
display: block;
}
#water-top .low_water_sec_04__text {
font-size: 15px;
text-align: left;
}
}
#water-top .low_top_sec_04__block {
text-align: center;
}
#water-top .low_top_sec_04__block li {
margin-top: 50px;
position: relative;
}
#water-top .low_top_sec_04__block h1 {
display: block;
font-size: 18px;
height: 50px;
}
#water-top .low_top_sec_04__block .child {
padding-top: 15px;
}
#water-top .low_top_sec_04__block h2 {
display: none;
}
#water-top .low_top_sec_04__box {
margin: 20px 0 0 0;
position: relative;
}
#water-top .low_top_sec_04__box-back {
background: transparent linear-gradient(127deg, rgb(240, 251, 255) 0%, rgb(247, 247, 255) 100%) 0% 0% no-repeat padding-box;
height: 240px;
width: 340px;
position: absolute;
margin-top: 50px;
z-index: 1;
bottom: -20px;
right: -20px;
}
#water-top .low_top_sec_04__box-img {
z-index: 2;
position: relative;
}
#water-top .low_top_sec_04__box-img img {
width: 100%;
margin-top: 20px;
}
#water-top .low_top_sec_04__box-img .sp {
display: none;
}
#water-top .low_top_sec_04_text {
font-size: 18px;
margin: 50px 0 0;
text-align: left;
line-height: 32px;
}
#water-top .low_top_sec_04 .note {
font-size: 14px;
line-height: 22px;
text-align: left;
}
@media screen and (max-width: 590px) {
#water-top .low_top_sec_04 {
background-color: #fff;
padding-bottom: 0;
}
#water-top .low_top_sec_04 .container {
padding: 0;
}
#water-top .low_top_sec_04__block {
margin-bottom: 10px;
margin-top: 30px;
}
#water-top .low_top_sec_04__block li {
position: relative;
display: block;
margin: 5px 15px;
}
#water-top .low_top_sec_04__block h1 {
display: none;
}
#water-top .low_top_sec_04__block h2 {
display: block;
text-align: left;
font-size: 14px;
padding: 10px 0 0 20px;
}
#water-top .low_top_sec_04__block .child {
padding-top: 20px;
}
#water-top .low_top_sec_04__box {
margin: 0;
padding: 0;
background-color: rgba(191, 191, 191, 0.2);
}
#water-top .low_top_sec_04__box-back {
background: none;
height: auto;
width: 70%;
position: relative;
margin-top: 10px;
z-index: 1;
bottom: 0;
right: 0;
}
#water-top .low_top_sec_04__box-img {
width: 30%;
}
#water-top .low_top_sec_04__box-img img {
margin-top: 0;
}
#water-top .low_top_sec_04__box-img .sp {
display: block;
}
#water-top .low_top_sec_04__box-img .pc {
display: none;
}
#water-top .low_top_sec_04_text {
font-size: 16px;
margin: 10px 15px 10px;
text-align: left;
line-height: unset;
}
#water-top .low_top_sec_04_text .note {
font-size: 12px;
}
}
#water-top .low_water_sec_05 {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/top/sec_06_bg.png) no-repeat center center/cover;
color: #fff;
text-align: center;
}
#water-top .low_water_sec_05 .headline_2 {
margin-top: 5.5rem;
margin-bottom: 3rem;
}
#water-top .low_water_sec_05 .headline_2 br {
display: none;
}
#water-top .low_water_sec_05__text {
margin-bottom: 6rem;
}
#water-top .low_water_sec_05__item {
justify-content: space-between;
}
#water-top .low_water_sec_05__item li {
width: 100%;
padding: 0 15px;
}
#water-top .low_water_sec_05__circle {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 50px 0;
width: 250px;
height: 250px;
background-color: #fff;
text-align: center;
border-radius: 100%;
}
@media screen and (max-width: 960px) {
#water-top .low_water_sec_05__circle {
margin: 0px auto 20px;
width: 150px;
height: 150px;
padding: 30px 0;
}
}
#water-top .low_water_sec_05__icon img {
width: 100px;
}
@media screen and (max-width: 960px) {
#water-top .low_water_sec_05__icon img {
width: 60px;
}
}
#water-top .low_water_sec_05__logo {
flex-shrink: 0;
}
#water-top .low_water_sec_05__logo img {
width: 70%;
margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
#water-top .low_water_sec_05__logo img {
width: 100px;
}
}
#water-top .low_water_sec_05__catch {
margin-bottom: 2.5rem;
margin-top: 2.5rem;
text-align: left;
}
#water-top .low_water_sec_05__button {
margin: 0 auto;
}
@media screen and (max-width: 590px) {
#water-top .low_water_sec_05__circle {
margin: 0 auto 2.5rem;
}
#water-top .low_water_sec_05 .headline_1 {
margin-top: 40px;
}
#water-top .low_water_sec_05 .headline_2 br {
display: block;
}
#water-top .low_water_sec_05__text {
font-size: 15px;
text-align: left;
}
}
#water-top .low_top_sec_06 {
padding: 50px;
}
#water-top .low_top_sec_06__inner {
padding: 60px 0;
background-color: #eaf7ff;
}
#water-top .low_top_sec_06__cont {
background: #fff;
width: 90%;
max-width: 90rem;
margin: 4rem auto 4rem;
padding: 4rem 0 2rem;
}
@media screen and (max-width: 960px) {
#water-top .low_top_sec_06__cont {
margin: 0 auto;
}
}
#water-top .low_top_sec_06__cont__list {
display: flex;
justify-content: space-between;
width: 60%;
margin: 0 auto;
}
@media screen and (max-width: 960px) {
#water-top .low_top_sec_06__cont__list {
display: block;
}
}
#water-top .low_top_sec_06__cont__list__item {
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
}
#water-top .low_top_sec_06__cont__list__item figure {
display: flex;
justify-content: center;
align-items: flex-start;
}
#water-top .low_top_sec_06__cont__list__item figure img {
width: 80px;
height: auto;
}
#water-top .low_top_sec_06__cont__list__item:not(:last-of-type) {
position: relative;
}
@media screen and (max-width: 960px) {
#water-top .low_top_sec_06__cont__list__item:not(:last-of-type) {
margin-bottom: 5rem;
}
#water-top .low_top_sec_06__cont__list__item:not(:last-of-type):after {
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 20px;
left: 50%;
top: 105%;
font-family: "Font Awesome 5 Free";
transform: translateX(-50%);
opacity: 0.7;
content: "\f078";
}
}
#water-top .low_top_sec_06__cont__list__item:not(:last-of-type):before {
position: absolute;
right: -30px;
top: 30px;
margin: 0 10px;
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
opacity: 0.7;
}
@media screen and (max-width: 960px) {
#water-top .low_top_sec_06__cont__list__item:not(:last-of-type):before {
content: none;
}
}
#water-top .low_top_sec_06__cont__list__item__read {
margin-top: 20px;
display: flex;
align-items: center;
}
@media screen and (max-width: 960px) {
#water-top .low_top_sec_06__cont__list__item__read {
justify-content: center;
}
}
#water-top .low_top_sec_06__cont__list__item__read span {
display: block;
}
#water-top .low_top_sec_06__cont__list__item__read span:first-child {
color: #11A9da;
font-size: 3rem;
margin-right: 1rem;
}
#water-top .low_top_sec_06__button {
margin: 40px auto 0 auto;
padding: 0;
}
@media screen and (max-width: 590px) {
#water-top .low_top_sec_06 {
padding: 0;
}
#water-top .low_top_sec_06__inner {
padding: 30px 0;
}
#water-top .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#water-top .low_top_sec_06__tag__content ol {
flex-wrap: wrap;
}
#water-top .low_top_sec_06__tag__content li {
margin-bottom: 40px;
padding: 0;
width: 100%;
}
#water-top .low_top_sec_06__tag__content li::after {
left: 50%;
top: 100%;
margin: 0;
text-align: center;
transform: translateX(-50%);
content: "\f078";
}
#water-top .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
width: 100%;
}
#water-top .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#water-top .low_top_sec_06__tag__content_01__content {
margin-top: 20px;
display: flex;
align-items: center;
}
#water-top .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #ff4c40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
#water-top .low_top_sec_06__tag__content_01__text {
flex: 1;
font-weight: bold;
font-size: 15px;
}
}
#water-top .low_top_sec_07 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/top/water_QA_back.jpg);
background-repeat: no-repeat;
background-size: cover;
}
#water-top .low_top_sec_07_block {
margin: 50px 0;
}
#water-top .low_top_sec_07 .low_top_sec_07-box {
background-color: white;
border: solid 3px #11A9DA;
border-radius: 36px;
margin: 20px 0;
padding: 20px 40px 15px 60px;
}
#water-top .low_top_sec_07 input {
display: none;
}
#water-top .low_top_sec_07 label {
display: block !important;
font-size: 18px;
position: relative;
font-weight: 600;
}
#water-top .low_top_sec_07 label:before {
content: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/top/water_Q.svg);
font-size: 36px;
position: absolute;
height: 22px;
width: 22px;
left: -35px;
top: -13px;
font-weight: bold;
}
#water-top .low_top_sec_07 label:after {
content: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/top/water_Q_arrow.svg);
position: absolute;
bottom: -2.15rem;
right: 0;
top: 0;
margin-left: -0.1rem;
width: 20px;
height: 20px;
transition: all 0.3s;
}
#water-top .low_top_sec_07 .answer {
overflow: hidden;
color: #11A9DA;
font-size: 16px;
transition: max-height 0.3s;
max-height: 0px;
}
#water-top .low_top_sec_07 .answer a {
color: #0866c6;
text-decoration: underline;
margin: 10px 0;
display: block;
}
#water-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label ~ p {
max-height: 10000px;
transition: all 1s;
margin: 10px 0;
}
#water-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label::after {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
top: 0;
transition: all 0.3s;
}
@media screen and (max-width: 590px) {
#water-top .low_top_sec_07_block {
margin: 20px 0;
}
#water-top .low_top_sec_07 .low_top_sec_07-box {
margin: 10px 0;
padding: 10px 15px 0;
}
#water-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label::after {
top: 10px;
}
#water-top .low_top_sec_07 .container {
margin: 0px;
width: auto;
}
#water-top .low_top_sec_07 label {
font-size: 15px;
margin-bottom: 0px !important;
padding: 5px 20px 0 25px;
}
#water-top .low_top_sec_07 label:before {
font-size: 24px;
left: 0px;
top: 0;
width: 20px;
}
#water-top .low_top_sec_07 label:after {
width: 15px;
height: 15px;
top: 5px;
}
#water-top .low_top_sec_07 .answer {
font-size: 14px;
padding: 10px 0 0 0;
}
}
#water-top .low_top_sec_08_block_1 {
background: transparent linear-gradient(110deg, rgb(240, 251, 255) 0%, rgb(247, 247, 255) 100%) 0% 0% no-repeat padding-box;
background-size: 60% 100%;
background-position: left;
margin: 80px 0;
padding: 20px 0;
}
#water-top .low_top_sec_08_block_1 .container {
max-width: 1300px;
}
#water-top .low_top_sec_08_block_1_img img {
margin: -70px 30px 50px;
width: 100%;
}
#water-top .low_top_sec_08_block_1_box {
background-color: white;
padding: 30px 20px;
margin: 0 50px 0 -50px;
}
#water-top .low_top_sec_08_block_1_box_title {
margin-bottom: 30px;
color: #11a9da;
font-size: 34px;
line-height: 58px;
text-align: left;
font-weight: 200;
}
#water-top .low_top_sec_08_block_1_box_text {
font-size: 18px;
line-height: 32px;
}
#water-top .low_top_sec_08_block_2 {
background: transparent linear-gradient(110deg, rgb(240, 251, 255) 0%, rgb(247, 247, 255) 100%) 0% 0% no-repeat padding-box;
background-size: 60% 100%;
background-position: right;
margin: 40px 0;
padding: 20px 0;
}
#water-top .low_top_sec_08_block_2 .container {
max-width: 1300px;
}
#water-top .low_top_sec_08_block_2_img img {
width: 100%;
margin: -60px -20px 0 20px;
}
#water-top .low_top_sec_08_block_2_box {
background-color: white;
padding: 30px 20px;
margin: 0 -50px 0 50px;
z-index: 2;
}
#water-top .low_top_sec_08_block_2_box_title {
margin-bottom: 30px;
color: #11a9da;
font-size: 34px;
line-height: 58px;
text-align: left;
font-weight: 200;
}
#water-top .low_top_sec_08_block_2_box_text {
font-size: 18px;
line-height: 32px;
}
@media screen and (max-width: 960px) {
#water-top .low_top_sec_08_block_1_box {
margin: 0;
}
#water-top .low_top_sec_08_block_1_img img {
margin: 0;
}
#water-top .low_top_sec_08_block_2_box {
margin: 0;
}
#water-top .low_top_sec_08_block_2_img img {
margin: 0;
}
}
@media screen and (max-width: 590px) {
#water-top .low_top_sec_08 {
margin-top: 0px !important;
background: transparent linear-gradient(110deg, rgb(240, 251, 255) 0%, rgb(247, 247, 255) 100%) 0% 0% no-repeat padding-box;
}
#water-top .low_top_sec_08 .container-fluid {
padding: 0;
}
#water-top .low_top_sec_08_block {
margin: 20px 0 0;
background: none;
padding: 0;
}
#water-top .low_top_sec_08_block_1 {
margin: 0;
background: none;
padding: 0 15px;
}
#water-top .low_top_sec_08_block_1_box {
margin: 0;
background: none;
padding: 15px 0 0;
}
#water-top .low_top_sec_08_block_1_box_title {
font-size: 22px;
font-weight: 300;
line-height: unset;
margin-bottom: 10px;
}
#water-top .low_top_sec_08_block_1_box_text {
font-size: 16px;
line-height: unset;
}
#water-top .low_top_sec_08_block_1_img img {
margin: 0;
}
#water-top .low_top_sec_08_block_1 .no-padding {
padding: 0;
}
#water-top .low_top_sec_08_block_2 {
margin: 0;
background: none;
padding: 0 15px;
}
#water-top .low_top_sec_08_block_2_box {
margin: 0;
background: none;
padding: 15px 0 0;
}
#water-top .low_top_sec_08_block_2_box_title {
font-size: 22px;
font-weight: 300;
line-height: unset;
margin-bottom: 10px;
}
#water-top .low_top_sec_08_block_2_box_text {
font-size: 16px;
line-height: unset;
}
#water-top .low_top_sec_08_block_2 .no-padding {
padding: 0;
}
}
#water-top .low_top_sec_09 {
background-color: #E8F5FF;
margin: 0 50px 50px !important;
}
#water-top .low_top_sec_09_block {
margin-top: 50px;
}
#water-top .low_top_sec_09_block_img img {
max-width: 90%;
padding: 0 0 20px;
}
#water-top .low_top_sec_09_block_text {
font-size: 18px;
line-height: 32px;
padding: 40px 0 0;
}
@media screen and (max-width: 590px) {
#water-top .low_top_sec_09 {
padding: 30px 0;
margin: 0 !important;
}
#water-top .low_top_sec_09_block {
margin-top: 20px;
}
#water-top .low_top_sec_09_block_text {
font-size: 16px;
line-height: unset;
padding: 10px 0;
}
}
#water-top .low_top_sec_10 {
background-blend-mode: multiply;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/top/water_02-1024x683.jpg), linear-gradient(113deg, rgb(0, 107, 178) 0%, rgb(0, 0, 0) 100%);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#water-top .low_top_sec_10 h2 {
color: #fff;
}
#water-top .low_top_sec_10_sub {
color: #fff;
font-size: 34px;
font-weight: 200;
margin: 50px 0 40px;
text-align: center;
}
#water-top .low_top_sec_10_intro {
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 34px;
text-align: center;
}
#water-top .low_top_sec_10_block {
margin-top: 40px 0 0;
}
#water-top .low_top_sec_10_block_img {
position: relative;
}
#water-top .low_top_sec_10_block_img p {
position: absolute;
bottom: 10px;
right: 20px;
color: #fff;
}
#water-top .low_top_sec_10_block_img img {
width: 100%;
}
@media screen and (max-width: 960px) {
#water-top .low_top_sec_10_block .sp {
width: 33.3%;
padding: 0 5px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 590px) {
#water-top .low_top_sec_10_sub {
font-size: 22px;
font-weight: 300;
margin: 20px 0;
}
#water-top .low_top_sec_10_intro {
font-size: 16px;
line-height: 28px;
}
#water-top .low_top_sec_10_block {
margin-bottom: 20px;
}
#water-top .low_top_sec_10_block_img p {
bottom: -20px;
font-size: 14px;
right: 0;
left: 0;
text-align: center;
}
}
#water-top .low_top_sec_10 .tennen_acc {
padding-top: 50px;
}
#water-top .low_top_sec_10 .tennen_acc-box {
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 30px;
padding: 20px;
}
#water-top .low_top_sec_10 .tennen_acc-box > input {
display: none;
}
#water-top .low_top_sec_10 .tennen_acc-box > label {
position: relative;
margin: auto;
color: #333333;
text-align: center;
font-size: 18px;
font-weight: 500;
display: block !important;
}
#water-top .low_top_sec_10 .tennen_acc-box > .tennen_acc_content {
overflow: hidden;
transition: max-height 0.3s;
max-height: 0px;
}
#water-top .low_top_sec_10 .tennen_acc-box > input:checked ~ .tennen_acc_content {
max-height: 15000px;
margin-top: 50px;
transition: max-height 1s;
}
#water-top .low_top_sec_10 .tennen_acc-box > input[type=checkbox]:checked ~ label ~ .tennen_acc_content {
max-height: 15000px;
margin-top: 50px;
transition: max-height 1s;
}
#water-top .low_top_sec_10 .tennen_acc-box > input[type=checkbox]:checked ~ label::after {
transform: translateX(-50%) rotate(315deg);
-webkit-transform: translateX(-50%) rotate(315deg);
transition: all 0.3s;
}
#water-top .low_top_sec_10 .tennen_acc-box > label::after {
content: "";
position: absolute;
bottom: -2.15rem;
right: 0;
top: 30%;
margin-left: -0.1rem;
transform: translateX(-50%) rotate(135deg);
-webkit-transform: translateX(-50%) rotate(135deg);
vertical-align: middle;
width: 0.89rem;
height: 0.89rem;
border-top: 2px solid #707070;
border-right: 2px solid #707070;
transition: all 0.3s;
}
@media screen and (max-width: 590px) {
#water-top .low_top_sec_10 .tennen_acc-box {
margin: 0;
padding: 0;
}
#water-top .low_top_sec_10 .tennen_acc {
padding: 0;
}
#water-top .low_top_sec_10 .tennen_acc > .container {
margin: 0px;
width: auto;
}
#water-top .low_top_sec_10 .tennen_acc-box::before {
font-size: 20px;
left: -25;
top: 16;
}
#water-top .low_top_sec_10 .tennen_acc-box > input[type=checkbox]:checked ~ label ~ .option_acc_content {
margin-top: 10px;
}
#water-top .low_top_sec_10 .tennen_acc-box > .option_acc_content::before {
font-size: 20px;
left: -25;
top: 16;
}
#water-top .low_top_sec_10 .tennen-box > input[type=checkbox]:checked ~ label ~ .option_acc_content {
padding-bottom: 20px;
}
#water-top .low_top_sec_10 .tennen_acc-box > label {
font-size: 15px;
margin-bottom: 0px !important;
padding: 15px 0;
}
#water-top .low_top_sec_10 .tennenn_acc-box > label::before {
font-size: 24px;
left: 0px;
top: 0;
}
#water-top .low_top_sec_10 .tennen_acc-box > label::after {
width: 0.7rem;
height: 0.7rem;
right: 20px;
top: 40%;
}
#water-top .low_top_sec_10 .tennen_acc-box > .option_acc_content {
font-size: 14px;
padding: 0;
}
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_1 {
padding: 30px 0;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_1_title {
text-align: center;
display: block;
margin: 0 auto 40px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_1_title h4 {
color: #175190;
text-align: center;
margin: 10px auto 0;
display: block;
font-size: 20px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_1_title img {
width: 70px;
text-align: center;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_1 .title3 {
margin: -60px auto 40px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_2 {
padding: 30px 0;
background-color: #F2FCFF;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_2_title {
text-align: center;
display: block;
margin: -60px 0 40px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_2_title h4 {
color: #175190;
text-align: center;
margin: 10px auto 0;
display: block;
font-size: 20px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_2_title img {
width: 70px;
text-align: center;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_box img {
width: 100%;
margin: 30px 0;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_box h3 {
color: #11a9da;
font-weight: bold;
font-size: 1.6rem;
position: relative;
margin-bottom: 2.5rem;
position: relative;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_box h3:before {
position: absolute;
content: "";
background-color: #11a9da;
height: 2px;
width: 25px;
left: 0;
bottom: -4px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_box h3 span {
font-size: 2.4rem;
padding-left: 0.5rem;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_box h2 {
color: #175190;
font-size: 30px !important;
line-height: 1.6;
font-weight: 400;
position: relative;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_box p {
padding: 10px;
font-size: 16px;
line-height: 32px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_box .note {
font-size: 14px;
}
@media screen and (max-width: 590px) {
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_1_title img {
width: 50px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_1_title h4 {
font-size: 18px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_1 .title1 {
margin: 0 auto 0;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_1 .title3 {
margin: -60px auto 10px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_2_title {
margin: -50px auto 20px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_2_title img {
width: 50px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_2_title h4 {
font-size: 18px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_box {
padding: 10px;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_box h2 {
font-size: 18px !important;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_box p {
padding: 0;
font-size: 14px;
line-height: inherit;
}
#water-top .low_top_sec_10 .tennen_acc_content .tennen_block_box .note {
margin-top: 10px;
font-size: 12px;
}
} .water-list {
font-size: 1.6rem;
}
.water-list .water-list-header {
padding-top: 0 !important;
}
@media screen and (max-width: 590px) {
.water-list .water-list-header {
padding-bottom: 8rem;
}
}
.water-list .headline_list_01 {
font-size: 4.4rem;
}
@media screen and (max-width: 590px) {
.water-list .headline_list_01 {
font-size: 3rem;
}
}
.water-list .headline_list_01 span {
display: block;
margin-bottom: 10px;
font-size: 1.4rem;
color: #0097FB;
letter-spacing: 0.1rem;
}
.water-list__item {
position: relative;
padding: 0;
padding-bottom: 4rem;
margin-bottom: 15rem;
}
@media screen and (max-width: 768px) {
.water-list__item {
margin-bottom: 0px;
}
}
.water-list__item:last-of-type {
margin-bottom: 7.5rem;
}
@media screen and (max-width: 768px) {
.water-list__item:last-of-type {
margin-bottom: 0px;
padding-bottom: 0px;
}
}
.water-list__item.is-seq_01 {
position: relative;
background: linear-gradient(90deg, #f0fbff, #f7f7ff);
background-size: 60%;
background-position: right;
background-repeat: no-repeat;
margin: 50px 0 !important;
padding: 40px !important;
}
@media screen and (max-width: 590px) {
.water-list__item.is-seq_01 {
margin: 0 !important;
background-size: 100%;
padding: 10px !important;
}
}
.water-list__item.is-seq_02 {
position: relative;
background: linear-gradient(90deg, #f0fbff, #f7f7ff);
background-size: 60%;
padding: 40px !important;
background-position: left;
background-repeat: no-repeat;
margin: 50px 0 !important;
}
@media screen and (max-width: 590px) {
.water-list__item.is-seq_02 {
margin: 0 !important;
background-size: 100%;
padding: 10px !important;
}
}
.water-list__item.is-seq_03 {
position: relative;
background: linear-gradient(90deg, #f0fbff, #f7f7ff);
background-size: 60%;
padding: 40px !important;
background-position: right;
background-repeat: no-repeat;
margin: 50px 0 !important;
}
@media screen and (max-width: 590px) {
.water-list__item.is-seq_03 {
margin: 0 !important;
background-size: 100%;
padding: 10px !important;
}
}
.water-list__item.is-seq_04 {
position: relative;
background: linear-gradient(90deg, #f0fbff, #f7f7ff);
background-size: 60%;
padding: 40px !important;
background-position: left;
background-repeat: no-repeat;
margin: 50px 0 !important;
}
@media screen and (max-width: 590px) {
.water-list__item.is-seq_04 {
margin: 0 !important;
background-size: 100%;
padding: 10px !important;
}
}
.water-list__item.is-seq_05 {
position: relative;
background: linear-gradient(90deg, #f0fbff, #f7f7ff);
background-size: 60%;
padding: 40px !important;
background-position: right;
background-repeat: no-repeat;
margin: 50px 0 !important;
}
@media screen and (max-width: 590px) {
.water-list__item.is-seq_05 {
margin: 0 !important;
background-size: 100%;
padding: 10px !important;
}
}
.water-list__item.is-seq_06 {
position: relative;
background: linear-gradient(90deg, #f0fbff, #f7f7ff);
background-size: 60%;
padding: 40px !important;
background-position: left;
background-repeat: no-repeat;
margin: 50px 0 !important;
}
@media screen and (max-width: 590px) {
.water-list__item.is-seq_06 {
margin: 0 !important;
background-size: 100%;
padding: 10px !important;
}
}
.water-list__item_box {
background: #fff;
padding: 40px;
}
@media screen and (max-width: 590px) {
.water-list__item_box {
padding: 20px;
margin-bottom: 0;
}
}
.water-list__item_box .headline_list_02 {
color: #175190;
margin-bottom: 5rem;
font-weight: normal;
font-size: 4rem;
}
@media screen and (max-width: 590px) {
.water-list__item_box .headline_list_02 {
line-height: 1;
text-align: center;
margin-bottom: 20px;
font-size: 22px;
}
}
.water-list__item_box .headline_list_02 .headline_wrap {
display: flex;
align-items: center;
}
@media screen and (max-width: 590px) {
.water-list__item_box .headline_list_02 .headline_wrap {
flex-direction: column;
row-gap: 4px;
}
}
.water-list__item_box .headline_list_02 .headline_text_sub {
display: block;
font-size: 2.4rem;
margin-top: 1rem;
}
@media screen and (max-width: 590px) {
.water-list__item_box .headline_list_02 .headline_text_sub {
font-size: 18px;
}
}
.water-list__item_box .headline_list_02 .headline_mark_01 {
font-size: 1.5rem;
color: #CC4444;
border: 1px solid #D35B5B;
padding: 3px 16px;
line-height: 1.333;
font-weight: bold;
display: inline-block;
margin-top: 1rem;
}
@media screen and (max-width: 590px) {
.water-list__item_box .headline_list_02 .headline_mark_01 {
font-size: 1.2rem;
margin-top: 0.6rem;
padding: 2px 12px;
}
}
.water-list__item_box .m-sp_item_image img {
display: none;
}
@media screen and (max-width: 768px) {
.water-list__item_box .m-sp_item_image img {
max-height: 300px;
display: block;
margin: 20px auto;
height: auto;
}
}
.water-list__item_box__catch {
margin-bottom: 1.6rem;
font-size: 18px;
line-height: 32px;
}
@media screen and (max-width: 590px) {
.water-list__item_box__catch {
font-size: 16px;
line-height: 28px;
}
}
.water-list__item_box__spec {
margin-bottom: 2rem;
}
.water-list__item_box__spec__item {
color: #fff;
border-radius: 2px;
background: #175190;
padding: 0.2rem 1.6rem 0;
font-size: 1.3rem;
margin-bottom: 1.8rem;
height: 32px;
line-height: 32px;
}
@media screen and (max-width: 590px) {
.water-list__item_box__spec__item {
padding: 0.1rem 1rem 0;
font-size: 1.2rem;
margin-bottom: 1rem;
height: 27px;
line-height: 27px;
}
}
.water-list__item_box__data {
margin-bottom: 2rem;
}
.water-list__item_box__data dt {
float: left;
}
.water-list__item_box__data dt:first-child {
margin-bottom: 1rem;
}
@media screen and (max-width: 590px) {
.water-list__item_box__data dt {
float: none;
margin-bottom: 1rem;
}
}
.water-list__item_box__data dd {
margin-left: 13rem;
display: flex;
}
.water-list__item_box__data dd:first-of-type {
margin-bottom: 1rem;
}
.water-list__item_box__data dd span {
font-size: 1.4rem;
}
@media screen and (max-width: 590px) {
.water-list__item_box__data dd {
margin-left: 0;
}
}
.water-list__item_box__data__colors {
font-size: 1.4rem;
max-width: 35rem;
margin-left: 0;
}
.water-list__item_box__data__colors__item {
position: relative;
padding-left: 2.5rem;
margin-bottom: 1rem;
}
.water-list__item_box__data__colors__item:before {
position: absolute;
content: "";
border: 1px solid #707070;
width: 2rem;
height: 2rem;
border-radius: 50%;
left: 0;
top: 0;
}
.water-list__item_box__data__colors__item.p-white:before {
background: #FFFFFF;
}
.water-list__item_box__data__colors__item.p-shilver:before {
background: #DBDBDB;
}
.water-list__item_box__data__colors__item.b-pink:before {
background: #FFEAEA;
}
.water-list__item_box__data__colors__item.p-black:before {
background: #000000;
}
.water-list__item_box__data__colors__item.white:before {
background: #fff;
}
.water-list__item_box__data__colors__item.black:before {
background: #000000;
}
.water-list__item_box__data__colors__item.brown:before {
background: #753E34;
}
.water-list__item_box__data__colors__item.chocolate:before {
background: #5c1e13;
}
.water-list__item_box__data__colors__item.red:before {
background: #C41E28;
}
.water-list__item_box__data__colors__item.wine:before {
background: #B70A10;
}
@media screen and (max-width: 590px) {
.water-list__item_box__button {
margin-bottom: 2rem;
}
}
.water-list__item__under_button {
width: 100%;
margin-top: 10px;
padding-right: 0px;
padding-left: 0px;
margin-bottom: 40px;
}
.water-list__item__under_button .m-btn_wrap {
margin: 0px auto;
padding: 0px;
}
.water-list__img {
display: flex;
justify-content: center;
align-items: flex-end;
}
.water-list__img img {
width: auto;
height: 600px;
}
@media screen and (max-width: 768px) {
.water-list__img img {
display: none;
}
}
.water-list #water-list__item_02 .headline_list_02 {
margin-bottom: 1rem;
}
@media screen and (max-width: 590px) {
.water-list #water-list__item_02 .headline_list_02 {
margin-bottom: 0;
}
}
.water-list #water-list__item_02 .water-list__item_box__catch {
margin-top: 50px;
}
@media screen and (max-width: 590px) {
.water-list #water-list__item_02 .water-list__item_box__catch {
margin-top: 20px;
}
}
.water-list #water-list__item_03 .headline_list_02 {
margin-bottom: 1rem;
}
.water-list #water-list__item_03 .headline_list_02 span {
margin-bottom: 10px;
}
@media screen and (max-width: 590px) {
.water-list #water-list__item_03 .headline_list_02 {
margin-bottom: 0;
}
}
.water-list #water-list__item_03 .water-list__item_box__catch {
margin-top: 50px;
}
.water-list #water-list__item_04 .headline_list_02 {
margin-bottom: 1rem;
}
.water-list #water-list__item_04 .headline_list_02 span {
margin-bottom: 10px;
}
@media screen and (max-width: 590px) {
.water-list #water-list__item_04 .headline_list_02 {
margin-bottom: 0;
}
}
.water-list #water-list__item_04 .water-list__item_box__catch {
margin-top: 50px;
}
@media screen and (max-width: 590px) {
.water-list #water-list__item_04 .water-list__item_box__catch {
margin-top: 20px;
}
}
.water-list #water-list__item_05 .headline_list_02 {
margin-bottom: 1rem;
}
.water-list #water-list__item_05 .headline_list_02 span {
margin-bottom: 10px;
}
@media screen and (max-width: 590px) {
.water-list #water-list__item_05 .headline_list_02 {
margin-bottom: 0;
}
}
.water-list #water-list__item_05 .water-list__item_box__catch {
margin-top: 50px;
} .water-product {
font-size: 1.6rem;
padding-bottom: 7.5rem;
}
.water-product .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .water-product .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 1.8rem;
}
.water-product .headline_product_01 {
font-size: 4.4rem;
}
@media screen and (max-width: 590px) {
.water-product .headline_product_01 {
font-size: 3.6rem;
}
}
.water-product .headline_product_02 {
color: #175190;
font-size: 4rem;
font-weight: 300;
line-height: 1.6;
}
@media screen and (max-width: 590px) {
.water-product .headline_product_02 {
font-size: 24px;
margin-bottom: 0;
}
}
.water-product .headline_1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/headline_1_line.svg);
}
.water-product__header {
padding: 3.8rem 0 2.8rem;
}
.water-product__header__back {
font-size: 1.8rem;
font-weight: bold;
position: relative;
margin-bottom: 1.5rem;
}
.water-product__header__back a {
position: relative;
padding-left: 3.5rem;
}
.water-product__header__back a:before {
position: absolute;
left: 0;
top: calc(50% - 2.4rem);
font-family: "Font Awesome 5 Free";
text-align: center;
content: "\f053";
font-size: 3rem;
color: #333;
}
.water-product__bottom_btns.container {
margin-top: 7.5rem;
}
.water-product__hero {
background: linear-gradient(90deg, #F0FBFF, #F7F7FF);
}
@media screen and (max-width: 590px) {
.water-product__hero {
padding: 40px 0 !important;
}
}
.water-product__hero .container {
max-width: 1400px;
padding: 0 40px;
}
@media screen and (max-width: 590px) {
.water-product__hero .container {
padding-left: 15px;
padding-right: 15px;
}
}
.water-product__hero__wrapper {
align-items: flex-start;
}
@media screen and (max-width: 590px) {
.water-product__hero__wrapper {
align-items: flex-start;
}
}
.water-product__hero__text {
width: 45%;
padding-right: 40px;
}
@media screen and (max-width: 960px) {
.water-product__hero__text {
flex: 0 0 100%;
max-width: 100%;
margin-right: 0;
}
}
.water-product__hero__cates {
display: flex;
column-gap: 10px;
}
@media screen and (max-width: 590px) {
.water-product__hero__cates {
margin-top: 20px;
}
}
.water-product__hero__cates2 {
display: flex;
}
@media screen and (max-width: 590px) {
.water-product__hero__cates2 {
margin-top: 10px;
}
}
.water-product__hero__cates2 li {
width: 130px;
}
.water-product__hero__mark_01 {
font-size: 1.5rem;
color: #CC4444;
background: #fff;
border: 1px solid #D35B5B;
margin-top: 0.6rem;
padding: 3px 16px;
line-height: 1.333;
font-weight: bold;
display: inline-block;
}
@media screen and (max-width: 590px) {
.water-product__hero__mark_01 {
font-size: 1.2rem;
margin-top: 0;
margin-bottom: 1.6rem;
padding: 2px 12px;
}
}
.water-product__hero__cate {
padding: 4px 8px 2px 8px;
color: #175190;
background-color: #ccc;
font-size: 14px;
}
.water-product__hero__cate.long {
width: 160px;
}
.water-product__hero__cate.short {
width: 92px;
}
.water-product__hero__img {
width: 55%;
padding-bottom: 40px;
}
@media screen and (max-width: 960px) {
.water-product__hero__img {
width: 100%;
margin-bottom: 50px;
}
}
.water-product__hero__box .sp-only {
display: none;
}
@media screen and (max-width: 960px) {
.water-product__hero__box {
padding: 0 15px;
}
.water-product__hero__box .sp-only {
display: block;
}
.water-product__hero__box.pc-only {
display: none;
}
}
.water-product__hero__box__catch {
margin-top: 80px;
line-height: 2;
}
@media screen and (max-width: 590px) {
.water-product__hero__box__catch {
margin-top: 40px;
}
}
.water-product__hero__box__icons {
margin-top: 16px;
}
.water-product__hero__box__icons__item {
display: flex;
justify-content: center;
align-items: flex-start;
width: 80px;
height: auto;
margin-right: 10px;
}
.water-product__hero__box__icons__item:last-child {
margin-right: 0;
}
.water-product__hero__box__icons__item img {
width: 100%;
height: auto;
}
@media screen and (max-width: 590px) {
.water-product__hero__box__icons {
margin-top: 20px;
width: 100%;
}
}
.water-product__hero__box__data {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.water-product__hero__box__data dt {
margin-top: 10px;
width: 40%;
}
.water-product__hero__box__data dd {
margin-top: 10px;
width: 60%;
}
.water-product__hero__box__data dd span {
font-size: 1.4rem;
}
@media screen and (max-width: 590px) {
.water-product__hero__box__data dd br.pc-only {
Display: none;
}
}
.water-product__hero__box__data__colors {
font-size: 1.4rem;
max-width: 35rem;
margin-left: 0;
}
.water-product__hero__box__data__colors__item {
position: relative;
padding-left: 2.5rem;
margin-bottom: 1.3rem;
}
.water-product__hero__box__data__colors__item:before {
position: absolute;
content: "";
border: 1px solid #707070;
width: 2rem;
height: 2rem;
border-radius: 50%;
left: 0;
top: 0;
}
.water-product__hero__box__data__colors__item.p-white:before {
background: #FFFFFF;
}
.water-product__hero__box__data__colors__item.p-shilver:before {
background: #DBDBDB;
}
.water-product__hero__box__data__colors__item.b-pink:before {
background: #FFEAEA;
}
.water-product__hero__box__data__colors__item.p-black:before {
background: #000000;
}
.water-product__hero__box__data__colors__item.white:before {
background: #fff;
}
.water-product__hero__box__data__colors__item.black:before {
background: #000000;
}
.water-product__hero__box__data__colors__item.brown:before {
background: #753E34;
}
.water-product__hero__box__data__colors__item.chocolate:before {
background: #5c1e13;
}
.water-product__hero__box__data__colors__item.red:before {
background: #C41E28;
}
.water-product__hero__box__data__colors__item.wine:before {
background: #B70A10;
}
@media screen and (max-width: 590px) {
.water-product__hero__box__data dt {
margin-top: 20px;
width: 100%;
}
.water-product__hero__box__data dd {
width: 100%;
}
.water-product__hero__box__data__colors__item {
width: 100%;
}
}
.water-product__hero__box .swiper-outer {
height: 70rem;
position: relative;
}
@media screen and (max-width: 960px) {
.water-product__hero__box .swiper-outer {
height: 50vh;
}
}
.water-product__hero__box .swiper-slide {
overflow: hidden;
}
@media screen and (max-width: 960px) {
.water-product__hero__box .swiper-slide {
height: 50vh;
}
}
.water-product__hero__box .swiper-slide img {
display: block;
margin: auto;
width: 100%;
max-width: 100%;
object-fit: contain;
height: auto;
}
@media screen and (max-width: 960px) {
.water-product__hero__box .swiper-slide img {
width: auto;
height: 100%;
}
}
.water-product__hero__box .swiper-button-prev, .water-product__hero__box .swiper-button-next {
width: 4.7rem;
height: 4.7rem;
border-radius: 50%;
margin-top: -16px;
background: #fff;
box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.16);
opacity: 1;
z-index: 1;
}
.water-product__hero__box .swiper-button-prev:after, .water-product__hero__box .swiper-button-next:after {
position: absolute;
content: "";
top: calc(50% - 8px);
width: 16px;
height: 16px;
border-top: 2px solid #707070;
border-right: 2px solid #707070;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.water-product__hero__box .swiper-button-prev {
left: -23.5px;
}
.water-product__hero__box .swiper-button-prev:after {
left: 1.8rem;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.water-product__hero__box .swiper-button-next {
right: -23.5px;
}
.water-product__hero__box .swiper-button-next:after {
right: 1.8rem;
}
.water-product__hero__box .swiper-pagination-bullets {
position: relative;
margin-top: 10px;
text-align: center;
}
.water-product__hero__box .swiper-pagination-bullet {
margin: 0 1.8rem;
width: 9px;
height: 9px;
background-color: #707070;
border-radius: 50%;
opacity: 1;
vertical-align: middle;
}
.water-product__hero__box .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 13px;
height: 13px;
background-color: #fff;
border: 2px solid #707070;
}
.water-product__hero__box .swiper-pagination-bullet {
margin: 0 1.8rem;
}
.water-product__hero__sub {
margin-top: 11rem;
padding: 5rem 7rem;
background: #fff;
}
.water-product__hero__sub__heading {
color: #11A9da;
font-size: 2.4rem;
margin-bottom: 2.6rem;
}
.water-product__hero__sub__read {
line-height: 2em;
}
@media screen and (max-width: 590px) {
.water-product__hero__sub {
margin: 0 5px;
padding: 20px 10px;
}
.water-product__hero__sub__heading {
font-size: 18px;
line-height: 30px;
}
}
.water-product__hero__tips {
margin: 9rem 5rem 0;
display: flex;
justify-content: space-between;
}
.water-product__hero__tips__item {
position: relative;
display: flex;
justify-content: flex-end;
flex-flow: column;
padding: 20px;
width: 33%;
height: 400px;
}
.water-product__hero__tips__item_filter {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 1;
}
.water-product__hero__tips__item:first-child {
background-blend-mode: multiply;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/water_servers/amadana_server/amadana-007.png), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 60%);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.water-product__hero__tips__item:nth-child(2) {
background-blend-mode: multiply;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/water_servers/amadana_server/amadana-008.png), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 60%);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.water-product__hero__tips__item:nth-child(3) {
background-blend-mode: multiply;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/water_servers/amadana_server/amadana-009.png), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 60%);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.water-product__hero__tips__item__heading_01 {
position: absolute;
top: -50px;
left: 0;
padding-left: 40px;
color: #175190;
font-size: 60px;
letter-spacing: 1px;
font-weight: bold;
transform: scale(1.2, 1);
z-index: 2;
}
.water-product__hero__tips__item__heading_02 {
width: 100%;
font-size: 34px;
color: #fff;
z-index: 2;
}
.water-product__hero__tips__item__read {
margin-top: 20px;
width: 100%;
color: #fff;
line-height: 28px;
z-index: 2;
font-size: 16px;
}
@media screen and (max-width: 590px) {
.water-product__hero__tips {
margin: 0;
justify-content: flex-start;
flex-flow: column;
}
.water-product__hero__tips__item {
margin-top: 60px;
padding: 40px 20px 20px 20px;
width: 100%;
height: auto;
}
.water-product__hero__tips__item:first-child {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/water_servers/amadana_server/hero_office.png), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%);
}
.water-product__hero__tips__item:nth-child(2) {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/water_servers/amadana_server/hero_living.png), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%);
}
.water-product__hero__tips__item:nth-child(3) {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/water_servers/amadana_server/hero_shop.png), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%);
}
.water-product__hero__tips__item__heading_01 {
top: -30px;
padding-left: 20px;
font-size: 30px;
line-height: 22px;
}
.water-product__hero__tips__item__heading_02 {
font-size: 22px;
}
.water-product__hero__tips__item__read {
font-size: 14px;
line-height: 24px;
}
}
.water-product__sec .headline_1 {
margin-bottom: 3.7rem;
}
@media screen and (max-width: 590px) {
.water-product__sec {
padding: 40px !important;
}
}
@media screen and (max-width: 960px) {
.water-product__feature__item {
padding: 40px 0;
}
}
.water-product__feature__item.feature-puhha-05 .container {
padding: 4rem 6rem 4rem 12rem;
}
@media screen and (max-width: 960px) {
.water-product__feature__item.feature-puhha-05 .container {
padding: 1.5rem;
}
}
.water-product__feature__item.feature-puhha-05 .water-product__feature__item__text {
max-width: 47%;
}
@media screen and (max-width: 960px) {
.water-product__feature__item.feature-puhha-05 .water-product__feature__item__text {
max-width: 100%;
}
}
.water-product__feature__item.feature-puhha-05 .water-product__feature__item__img {
max-width: 47%;
}
@media screen and (max-width: 960px) {
.water-product__feature__item.feature-puhha-05 .water-product__feature__item__img {
max-width: 65%;
}
}
.water-product__feature__item .container {
max-width: 1400px;
width: 100%;
padding: 4rem 12rem;
position: relative;
clear: both;
overflow: hidden;
}
@media screen and (max-width: 960px) {
.water-product__feature__item .container {
padding: 1.5rem;
}
}
.water-product__feature__item .container:before {
position: absolute;
content: "";
background-color: #eaf7ff;
width: 60%;
height: 100%;
z-index: 0;
top: 0;
}
@media screen and (max-width: 590px) {
.water-product__feature__item .container:before {
background: none;
}
}
.water-product__feature__item__text {
max-width: 58.071%;
position: relative;
}
@media screen and (max-width: 960px) {
.water-product__feature__item__text {
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
width: 90%;
}
}
.water-product__feature__item__text__header {
flex-flow: column-reverse;
}
.water-product__feature__item__text__header__headline {
color: #175190;
font-size: 35px;
line-height: 2em;
}
@media screen and (max-width: 960px) {
.water-product__feature__item__text__header__headline {
font-size: 3.2rem;
}
}
@media screen and (max-width: 590px) {
.water-product__feature__item__text__header__headline {
font-size: 22px;
}
}
.water-product__feature__item__text__header__num {
color: #11A9da;
font-weight: bold;
font-size: 1.6rem;
position: relative;
margin-bottom: 2.5rem;
}
.water-product__feature__item__text__header__num:before {
position: absolute;
content: "";
background-color: #11A9da;
height: 2px;
width: 25px;
left: 0;
bottom: -4px;
}
.water-product__feature__item__text__header__num span {
font-size: 2.4rem;
padding-left: 0.5rem;
}
.water-product__feature__item__text__lead {
margin-top: 40px;
line-height: 2;
}
@media screen and (max-width: 590px) {
.water-product__feature__item__text__lead {
margin-top: 20px;
}
}
.water-product__feature__item__text__sub {
line-height: 2;
margin-top: 2.3rem;
}
.water-product__feature__item__text .note {
margin-top: 2rem;
}
.water-product__feature__item__img {
max-width: 38%;
position: relative;
flex-shrink: 0;
}
.water-product__feature__item__img img {
max-width: 100%;
width: 100%;
height: auto;
}
.water-product__feature__item:nth-child(even) .container:before {
left: 0;
}
.water-product__feature__item:nth-child(even) .water-product__feature__item__text {
float: right;
}
@media screen and (max-width: 960px) {
.water-product__feature__item:nth-child(even) .water-product__feature__item__text {
float: none;
max-width: 100%;
}
}
@media screen and (max-width: 590px) {
.water-product__feature__item:nth-child(even) .water-product__feature__item__text {
max-width: 100%;
width: 100%;
margin: 0 0 20px;
}
}
.water-product__feature__item:nth-child(even) .water-product__feature__item__img {
float: left;
}
@media screen and (max-width: 960px) {
.water-product__feature__item:nth-child(even) .water-product__feature__item__img {
float: none;
max-width: 65%;
margin: 0 auto;
}
}
@media screen and (max-width: 590px) {
.water-product__feature__item:nth-child(even) .water-product__feature__item__img {
float: none;
max-width: 100%;
margin: 0 !important;
width: 100%;
}
}
.water-product__feature__item:nth-child(odd) .container:before {
right: 0;
}
.water-product__feature__item:nth-child(odd) .water-product__feature__item__text {
float: left;
}
@media screen and (max-width: 960px) {
.water-product__feature__item:nth-child(odd) .water-product__feature__item__text {
float: none;
max-width: 100%;
}
}
@media screen and (max-width: 590px) {
.water-product__feature__item:nth-child(odd) .water-product__feature__item__text {
float: none;
max-width: 100%;
width: 100%;
margin: 0 0 20px;
}
}
.water-product__feature__item:nth-child(odd) .water-product__feature__item__img {
float: right;
}
@media screen and (max-width: 960px) {
.water-product__feature__item:nth-child(odd) .water-product__feature__item__img {
float: none;
max-width: 65%;
margin: 0 auto;
}
}
@media screen and (max-width: 590px) {
.water-product__feature__item:nth-child(odd) .water-product__feature__item__img {
max-width: 100%;
}
}
.water-product__feature__item.water-product__cado {
padding: 0;
}
.water-product__feature__item.water-product__cado .water-product__feature__item__text {
width: 40%;
}
.water-product__feature__item.water-product__cado .water-product__feature__item__img {
padding-right: 5%;
padding-left: 10%;
width: 60%;
max-width: 60%;
height: 500px;
}
.water-product__feature__item.water-product__cado#water-product__item__feature__07 .water-product__feature__item__text {
width: 29%;
max-width: 29%;
}
@media screen and (max-width: 960px) {
.water-product__feature__item.water-product__cado#water-product__item__feature__07 .water-product__feature__item__text {
width: 100%;
max-width: 100%;
}
}
.water-product__feature__item.water-product__cado#water-product__item__feature__07 .water-product__feature__item__img {
float: right;
}
@media screen and (max-width: 960px) {
.water-product__feature__item.water-product__cado#water-product__item__feature__07 .water-product__feature__item__img {
float: none;
margin-right: auto;
max-width: 90%;
}
}
.water-product__feature__item.water-product__cado .swiper-outer {
position: relative;
}
@media screen and (max-width: 960px) {
.water-product__feature__item.water-product__cado .swiper-outer {
height: auto;
}
}
.water-product__feature__item.water-product__cado .swiper-slide {
overflow: hidden;
}
@media screen and (max-width: 960px) {
.water-product__feature__item.water-product__cado .swiper-slide {
height: auto;
}
}
.water-product__feature__item.water-product__cado .swiper-slide img {
left: -50%;
right: -50%;
margin: auto;
}
.water-product__feature__item.water-product__cado .swiper-button-prev, .water-product__feature__item.water-product__cado .swiper-button-next {
width: 4.7rem;
height: 4.7rem;
border-radius: 50%;
margin-top: 0;
top: 50%;
margin-top: -3.95rem;
background: #fff;
box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.16);
opacity: 1;
z-index: 1;
}
.water-product__feature__item.water-product__cado .swiper-button-prev:after, .water-product__feature__item.water-product__cado .swiper-button-next:after {
position: absolute;
content: "";
width: 16px;
height: 16px;
top: 50%;
margin-top: -0.8rem;
border-top: 2px solid #707070;
border-right: 2px solid #707070;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.water-product__feature__item.water-product__cado .swiper-button-prev {
left: -23.5px;
}
.water-product__feature__item.water-product__cado .swiper-button-prev:after {
left: 1.8rem;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.water-product__feature__item.water-product__cado .swiper-button-next {
right: -23.5px;
}
.water-product__feature__item.water-product__cado .swiper-button-next:after {
right: 1.8rem;
}
.water-product__feature__item.water-product__cado .swiper-pagination-bullets {
position: relative;
margin-top: 2.3rem;
}
.water-product__feature__item.water-product__cado .swiper-pagination-bullet {
margin: 0 1.8rem;
width: 9px;
height: 9px;
background-color: #707070;
border-radius: 50%;
opacity: 1;
vertical-align: middle;
}
.water-product__feature__item.water-product__cado .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 13px;
height: 13px;
background-color: #fff;
border: 2px solid #707070;
}
.water-product__feature__item.water-product__cado .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.water-product__feature__item.water-product__cado .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 1.8rem;
}
@media screen and (max-width: 960px) {
.water-product__feature__item.water-product__cado .water-product__feature__item__text {
padding: 0 40px;
width: 100%;
}
.water-product__feature__item.water-product__cado .water-product__feature__item__img {
margin-bottom: 20px;
padding-right: 5%;
padding-left: 5%;
width: 100%;
max-width: 100%;
height: auto;
}
}
@media screen and (max-width: 590px) {
.water-product__feature__item.water-product__cado .water-product__feature__item__text {
padding: 0 20px;
}
}
@media screen and (max-width: 590px) {
.water-product__feature {
padding: 40px 0 !important;
}
}
.water-product__variation {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/top/about_bg.png) no-repeat center center/cover;
color: #fff;
text-align: center;
}
@media screen and (max-width: 590px) {
.water-product__variation {
padding: 40px 20px !important;
}
}
.water-product__variation .container {
padding: 0;
}
.water-product__variation__headline {
font-size: 2.8rem;
margin-bottom: 1.5rem;
}
@media screen and (max-width: 590px) {
.water-product__variation__headline {
font-size: 20px;
text-align: center;
}
}
.water-product__variation__lead {
text-align: center;
line-height: 2;
}
@media screen and (max-width: 960px) {
.water-product__variation__lead {
text-align: left;
}
.water-product__variation__lead br {
display: none;
}
}
.water-product__variation__list {
text-align: left;
margin-top: 40px;
margin-bottom: 3rem;
}
.water-product__variation__items {
justify-content: center;
margin: 0;
}
@media screen and (max-width: 960px) {
.water-product__variation__items {
justify-content: space-between;
}
}
.water-product__variation__item {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #fff;
width: 23%;
padding: 1.5rem 1rem;
border-radius: 4px;
text-align: center;
}
.water-product__variation__item:not(:last-of-type) {
margin-right: 2%;
}
@media screen and (max-width: 960px) {
.water-product__variation__item:not(:last-of-type) {
margin-right: 0;
}
}
@media screen and (max-width: 960px) {
.water-product__variation__item {
width: 48%;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 590px) {
.water-product__variation__item {
width: 100%;
}
.water-product__variation__item:not(:last-of-type) {
margin-bottom: 2rem;
}
}
.water-product__variation__item img {
width: 100%;
max-width: 96px;
height: auto;
}
@media screen and (max-width: 960px) {
.water-product__variation__item img {
width: 30%;
}
}
.water-product__variation__name {
margin-top: 2rem;
color: #838383;
font-size: 1.8rem;
}
.water-product__variation .water-product__sec__button {
margin-top: 7.5rem;
}
@media screen and (max-width: 960px) {
.water-product__variation .water-product__sec__button {
margin-top: 0;
padding: 0;
}
}
@media screen and (max-width: 590px) {
.water-product__spec {
padding: 20px 0 !important;
}
}
.water-product__spec__text {
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.water-product__spec__text .table {
border: 1px solid #707070;
margin-bottom: 2.5rem;
font-size: 1.4rem;
}
@media screen and (max-width: 590px) {
.water-product__spec__text .table {
width: 100%;
}
}
.water-product__spec__text .table th, .water-product__spec__text .table td {
border: 1px solid #707070;
padding: 1.8rem 2.5rem;
}
@media screen and (max-width: 960px) {
.water-product__spec__text .table th, .water-product__spec__text .table td {
padding: 1.5rem;
}
}
.water-product__spec__text .table th {
background: #175190;
color: #fff;
}
@media screen and (max-width: 590px) {
.water-product__spec__text .table th {
width: 34%;
}
}
.water-product__spec__text .table td {
background: #F7F7F7;
line-height: 2;
}
@media screen and (max-width: 960px) {
.water-product__spec__text {
margin: 0 auto 2rem;
flex: 0 0 75%;
max-width: 75%;
}
}
@media screen and (max-width: 590px) {
.water-product__spec__text {
flex: 0 0 100%;
max-width: 100%;
}
}
.water-product__spec__img {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
@media screen and (max-width: 960px) {
.water-product__spec__img {
flex: 0 0 65%;
max-width: 65%;
}
}
@media screen and (max-width: 590px) {
.water-product__spec__img {
flex: 0 0 100%;
max-width: 100%;
padding: 10px;
}
}
.water-product__spec__img img {
max-width: 100%;
height: auto;
}
.water-product__design {
background: #EAF7FF;
margin: 0 5rem 7rem;
}
@media screen and (max-width: 960px) {
.water-product__design {
margin: 0 2rem 7rem;
}
}
@media screen and (max-width: 590px) {
.water-product__design {
margin: 0;
padding: 40px 0 !important;
}
}
.water-product__design__inner {
background: #eaf7ff;
}
@media screen and (max-width: 590px) {
.water-product__design .flow-wrap_tab-only {
padding-left: 15px;
padding-right: 15px;
}
}
.water-product__design .flow-wrap_tab-only .slide-water {
padding-bottom: 10px;
}
.water-product__design__item {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
gap: 40px 0;
padding: 0 15px;
justify-content: center;
}
.water-product__design__item li {
display: flex;
justify-content: center;
align-items: flex-end;
padding: 0 0 3rem;
width: 180px;
}
@media screen and (max-width: 1390px) {
.water-product__design__item li {
flex: 1;
}
}
@media screen and (max-width: 590px) {
.water-product__design__item {
display: none;
}
.water-product__design__item li {
margin-top: 40px;
width: 100%;
}
}
.water-product__design__item_icon {
display: flex;
justify-content: center;
align-items: flex-end;
}
.water-product__design__item_icon img {
width: 80%;
max-width: 100px;
height: auto;
}
.water-product__design__text {
font-size: 20px;
font-weight: 600;
line-height: 34px;
}
@media screen and (max-width: 960px) {
.water-product__design__text {
padding: 0 2rem;
font-size: 16px;
font-weight: 600;
line-height: 28px;
}
}
.water-product__design .water_servername {
font-size: 18px;
color: #838383;
margin-top: 40px;
font-weight: 500;
text-align: center;
position: relative;
color: #333;
}
@media screen and (min-width: 960.1px) {
.water-product__design .water_servername {
height: 54px;
display: flex;
align-items: center;
}
}
@media screen and (max-width: 960px) {
.water-product__design .water_servername {
margin-bottom: 7rem;
}
}
.water-product__design .water_servername:before {
content: "";
position: absolute;
bottom: -3rem;
left: 0;
margin-left: calc(50% - 1.3rem);
width: 2.6rem;
height: 2.6rem;
border-radius: 50%;
background: #2D77C1;
}
.water-product__design .water_servername:after {
content: "";
position: absolute;
bottom: -2.15rem;
left: 50%;
margin-left: -0.1rem;
transform: translateX(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) rotate(45deg);
vertical-align: middle;
width: 0.89rem;
height: 0.89rem;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.water-product__design__button {
margin-top: 60px;
}
@media screen and (max-width: 960px) {
.water-product__design__button {
margin-top: 20px;
}
} .water-price_plan__header {
padding-top: 0 !important;
}
.water-price_plan .headline_1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/headline_1_line.svg);
}
@media screen and (max-width: 590px) {
.water-price_plan__sec#water-price_plan__sec_01 {
padding-bottom: 4rem;
}
}
.water-price_plan__sec__inner {
margin-top: 40px;
padding: 40px 0;
position: relative;
}
.water-price_plan__sec__inner:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 70%;
height: 100%;
z-index: 0;
background-color: #eaf7ff;
}
@media screen and (max-width: 960px) {
.water-price_plan__sec__inner:before {
width: 90%;
}
}
.water-price_plan__sec__inner .container {
position: relative;
z-index: 1;
display: flex;
}
@media screen and (max-width: 590px) {
.water-price_plan__sec__inner .container {
padding-left: 0;
}
}
@media screen and (max-width: 590px) {
.water-price_plan__sec__inner .container .row {
margin: 0;
}
}
.water-price_plan__sec__img img {
width: auto;
height: 500px;
}
.water-price_plan__sec__box {
padding: 40px 5px 40px 40px;
background-color: #fff;
}
.water-price_plan__sec__text {
margin-top: 4rem;
}
.water-price_plan__sec__text .table {
font-size: 2rem;
border: 1px solid #707070;
}
.water-price_plan__sec__text .table th, .water-price_plan__sec__text .table td {
border: 1px solid #707070;
vertical-align: middle;
}
.water-price_plan__sec__text .table th {
background: #E8E8E8;
padding: 1.8rem 3rem 0.5rem;
}
.water-price_plan__sec__text .table th span {
font-size: 1.3rem;
}
.water-price_plan__sec__text .table td {
padding: 1.8rem 1.8rem 0.5rem;
}
.water-price_plan__sec__text .table td span {
font-size: 1.4rem;
}
.water-price_plan__sec__button {
margin: 40px auto 0 auto;
}
@media screen and (max-width: 960px) {
.water-price_plan__sec__img {
text-align: center;
}
.water-price_plan__sec__img img {
width: 50% !important;
height: auto;
}
.water-price_plan__sec__text {
margin-top: 4rem;
}
.water-price_plan__sec__text .table th, .water-price_plan__sec__text .table td {
padding: 6px 20px 10px 20px;
}
.water-price_plan__sec__text .table th {
font-weight: normal;
font-size: 18px;
}
.water-price_plan__sec__text .table td {
font-size: 16px;
}
}
@media screen and (max-width: 590px) {
.water-price_plan__sec__inner {
width: 100%;
margin-top: 0;
padding: 40px 20px !important;
position: relative;
}
.water-price_plan__sec__inner .container {
padding: 0;
}
.water-price_plan__sec__text .table {
display: flex;
flex-wrap: wrap;
justify-content: center;
border: 0;
}
.water-price_plan__sec__text .table th, .water-price_plan__sec__text .table td {
display: block;
border-top: 1px solid #707070;
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
border-left: 1px solid #707070;
}
}
.water-price_plan__sec.postage {
background: linear-gradient(90deg, #F0FBFF, #F7F7FF);
}
.water-price_plan__sec.postage .table {
width: 100%;
margin-top: 4rem;
margin-bottom: 0;
border: 1px solid #707070;
}
.water-price_plan__sec.postage .table thead th {
background: #212671;
color: #fff;
vertical-align: middle;
padding: 1rem 0;
line-height: 1;
font-size: 1.8rem;
font-weight: normal;
}
.water-price_plan__sec.postage .table thead th.loc {
background: #343BA2;
font-size: 1.6rem;
}
@media screen and (max-width: 590px) {
.water-price_plan__sec.postage .table thead th.loc {
font-size: 1.3rem;
}
}
.water-price_plan__sec.postage .table th, .water-price_plan__sec.postage .table td {
border-left: 1px solid #707070;
border-right: 1px solid #707070;
border-bottom: none;
border-top: none;
text-align: center;
vertical-align: middle;
}
.water-price_plan__sec.postage .table td {
padding: 1.5rem 2.6rem;
font-size: 1.5rem;
}
.water-price_plan__sec.postage .table td:nth-of-type(2) {
text-align: left;
}
.water-price_plan__sec.postage .table tbody tr:nth-child(even) {
background: #F4F4F4;
}
.water-price_plan__sec.postage .table tbody tr:nth-child(odd) {
background: #fff;
}
.water-price_plan__sec.postage .table .grey {
background: #D0CECE;
}
.water-price_plan__sec.postage .table__sp-only__wrapper {
display: none;
}
@media screen and (max-width: 960px) {
.water-price_plan__sec.postage .table__pc-only {
display: none;
}
.water-price_plan__sec.postage .table__sp-only {
width: 100%;
border-left: 0;
border-right: 0;
border-top: 0;
margin: 40px auto 0 auto;
padding: 0;
}
.water-price_plan__sec.postage .table__sp-only__wrapper {
display: block;
}
.water-price_plan__sec.postage .table__sp-only th, .water-price_plan__sec.postage .table__sp-only td {
display: block;
width: 100%;
padding: 10px;
}
.water-price_plan__sec.postage .table__sp-only th {
background: #212671;
color: #fff;
vertical-align: middle;
line-height: 1;
text-align: left;
border-top: 1px solid #707070;
border-right: 1px solid #707070;
font-weight: normal;
}
.water-price_plan__sec.postage .table__sp-only th.type {
background: rgba(33, 38, 113, 0.5);
}
}
@media screen and (max-width: 590px) {
.water-price_plan__sec.postage {
padding: 40px 20px !important;
}
.water-price_plan__sec.postage .table__sp-only tr, .water-price_plan__sec.postage .table__sp-only th, .water-price_plan__sec.postage .table__sp-only td {
display: block;
text-align: center;
width: 100% !important;
font-size: 14px;
}
}
.water-price_plan__sec .note {
margin-top: 2rem;
line-height: 2em;
}
.water-price_plan__sec .note_black {
font-size: 1.4rem;
margin-top: 2rem;
line-height: 2em;
}
@media screen and (max-width: 590px) {
.water-price_plan__sec__inner {
margin-top: 0;
padding-bottom: 0 !important;
height: auto;
background-image: none;
}
.water-price_plan__sec__inner:before {
content: none;
}
.water-price_plan__sec__inner .container {
display: block;
background: none;
height: auto;
}
.water-price_plan__sec__box {
margin-top: 0;
padding: 20px;
}
.water-price_plan__sec__text {
margin-top: 20px;
}
.water-price_plan__sec__img {
display: block;
margin-top: 2rem;
}
.water-price_plan__sec__img img {
width: 100%;
height: auto;
}
.water-price_plan__sec .note {
margin-top: 20px;
}
}
.water-price_plan__sec__button {
padding: 0;
}
.water-price_plan__sec__button:not(:last-of-type) {
margin-top: 4rem;
} .water-about {
font-size: 1.6rem;
}
.water-about-header {
padding-top: 0 !important;
}
.water-about__sec {
padding: 7rem 0;
}
.water-about .headline_1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/headline_1_line.svg);
}
.water-about .headline_about_02 {
color: #175190;
font-size: 40px;
margin-bottom: 5rem;
margin-bottom: 2.8rem;
line-height: 1.6;
text-align: center;
}
.water-about .headline_about_02 br {
display: none;
}
@media screen and (max-width: 960px) {
.water-about .headline_about_02 br {
display: block;
}
}
@media screen and (max-width: 590px) {
.water-about .headline_about_02 {
font-size: 24px;
}
}
.water-about__hero__text {
text-align: center;
font-weight: bold;
line-height: 2;
}
.water-about__hero__items {
margin-top: 40px;
justify-content: center;
}
.water-about__hero__item {
margin: 0 2.15rem;
}
@media screen and (max-width: 590px) {
.water-about__hero__item {
margin-right: 0;
margin-bottom: 2rem;
}
}
.water-about__hero__item a {
display: flex;
align-items: center;
justify-content: center;
width: 22.3rem;
height: 22.3rem;
border-radius: 50%;
text-align: center;
font-size: 2rem;
color: #fff;
letter-spacing: 0.5rem;
}
.water-about__hero__item:first-child a {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/natural_water/hero_01.webp) no-repeat center center/cover;
}
.water-about__hero__item:nth-child(2) a {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/natural_water/hero_02.webp) no-repeat center center/cover;
}
.water-about__hero__item:nth-child(3) a {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/natural_water/hero_03.webp) no-repeat center center/cover;
}
@media screen and (max-width: 960px) {
.water-about__hero {
padding: 0 !important;
}
}
@media screen and (max-width: 590px) {
.water-about__hero__text {
font-weight: normal;
}
}
@media screen and (max-width: 960px) {
.water-about__location {
padding-top: 40px !important;
padding-bottom: 0 !important;
}
}
@media screen and (max-width: 590px) {
.water-about__location {
padding-top: 20px !important;
}
}
.water-about__location.water-about__location__fuji .water-about__location__kv {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/natural_water/kv_01.webp) no-repeat center center/cover;
}
.water-about__location.water-about__location__asago {
padding-top: 0px;
}
@media screen and (max-width: 960px) {
.water-about__location.water-about__location__asago {
padding-top: 75px !important;
}
}
.water-about__location.water-about__location__asago .water-about__location__kv {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/natural_water/kv_02.webp) no-repeat center center/cover;
}
.water-about__location.water-about__location__minamiaso {
padding-top: 0px;
}
@media screen and (max-width: 960px) {
.water-about__location.water-about__location__minamiaso {
padding-top: 75px !important;
padding-bottom: 75px !important;
}
}
.water-about__location.water-about__location__minamiaso .water-about__location__kv {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/natural_water/kv_03.webp) no-repeat center center/cover;
}
.water-about__location:nth-child(odd) .water-about__location__kv__text {
right: 10rem;
text-align: right;
}
@media screen and (max-width: 960px) {
.water-about__location:nth-child(odd) .water-about__location__kv__text {
right: 0;
}
}
.water-about__location:nth-child(even) .water-about__location__kv__text {
left: 10rem;
}
@media screen and (max-width: 960px) {
.water-about__location:nth-child(even) .water-about__location__kv__text {
left: 0;
}
}
.water-about__location__kv {
color: #fff;
height: 395px;
width: 100%;
margin-bottom: 6.8rem;
position: relative;
}
@media screen and (max-width: 960px) {
.water-about__location__kv {
height: 30vh;
margin-bottom: 0;
}
}
.water-about__location__kv__text {
position: absolute;
bottom: 4.3rem;
}
.water-about__location__kv__text br {
display: none;
}
@media screen and (max-width: 960px) {
.water-about__location__kv__text {
bottom: 0;
width: 100%;
padding: 20px;
}
}
@media screen and (max-width: 590px) {
.water-about__location__kv__text br {
display: block;
}
}
.water-about__location__kv__text__heading {
font-size: 3.2rem;
margin-bottom: 2.3rem;
}
@media screen and (max-width: 960px) {
.water-about__location__kv__text__heading {
font-size: 2.8rem;
margin-bottom: 1.3rem;
}
}
.water-about__location__kv__text__heading span {
font-size: 2.6rem;
}
@media screen and (max-width: 960px) {
.water-about__location__kv__text__heading span {
font-size: 2.2rem;
}
}
.water-about__location__feature .headline_1 {
margin-bottom: 3.7rem;
}
@media screen and (max-width: 590px) {
.water-about__location__feature {
padding: 40px 0 0 0 !important;
}
.water-about__location__feature .headline_1 br {
display: none;
}
}
.water-about__location__feature__item {
padding: 40px 0 !important;
}
@media screen and (max-width: 590px) {
.water-about__location__feature__item {
padding-top: 0 !important;
}
}
.water-about__location__feature__item .container {
max-width: 1400px;
width: 100%;
padding: 4rem 12rem;
position: relative;
clear: both;
overflow: hidden;
}
@media screen and (max-width: 960px) {
.water-about__location__feature__item .container {
padding: 1.5rem;
}
}
.water-about__location__feature__item .container:before {
position: absolute;
content: "";
background-color: #eaf7ff;
width: 70%;
height: 100%;
z-index: 0;
top: 0;
}
.water-about__location__feature__item__text {
max-width: 46%;
position: relative;
}
@media screen and (max-width: 960px) {
.water-about__location__feature__item__text {
padding: 0 20px;
margin-bottom: 2rem;
}
}
.water-about__location__feature__item__text__header {
flex-flow: column-reverse;
margin-bottom: 4rem;
}
@media screen and (max-width: 960px) {
.water-about__location__feature__item__text__header {
margin-bottom: 3rem;
}
}
.water-about__location__feature__item__text__header__headline {
color: #175190;
font-size: 30px;
line-height: 1.6;
}
@media screen and (max-width: 960px) {
.water-about__location__feature__item__text__header__headline {
font-size: 3.2rem;
}
}
@media screen and (max-width: 590px) {
.water-about__location__feature__item__text__header__headline {
font-size: 20px;
}
.water-about__location__feature__item__text__header__headline br {
display: none;
}
}
.water-about__location__feature__item__text__header__num {
color: #11A9da;
font-weight: bold;
font-size: 1.6rem;
position: relative;
margin-bottom: 2.5rem;
}
.water-about__location__feature__item__text__header__num:before {
position: absolute;
content: "";
background-color: #11A9da;
height: 2px;
width: 25px;
left: 0;
bottom: -4px;
}
.water-about__location__feature__item__text__header__num span {
font-size: 2.4rem;
padding-left: 0.5rem;
}
.water-about__location__feature__item__text__lead {
line-height: 2;
}
.water-about__location__feature__item__text__sub {
line-height: 2;
margin-top: 2.3rem;
}
.water-about__location__feature__item__text .note {
margin-top: 2rem;
}
.water-about__location__feature__item__img {
max-width: 51%;
position: relative;
flex-shrink: 0;
}
.water-about__location__feature__item__img img {
width: 100%;
max-width: 100%;
height: auto;
}
@media screen and (max-width: 960px) {
.water-about__location__feature__item__img {
margin-top: 40px;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: flex-start;
}
.water-about__location__feature__item__img img {
max-width: 60%;
}
}
.water-about__location__feature__item:nth-child(odd) .container:before {
left: 0;
}
.water-about__location__feature__item:nth-child(odd) .water-about__location__feature__item__text {
float: right;
}
@media screen and (max-width: 960px) {
.water-about__location__feature__item:nth-child(odd) .water-about__location__feature__item__text {
float: none;
max-width: 100%;
}
}
.water-about__location__feature__item:nth-child(odd) .water-about__location__feature__item__img {
float: left;
}
@media screen and (max-width: 960px) {
.water-about__location__feature__item:nth-child(odd) .water-about__location__feature__item__img {
float: none;
max-width: 100%;
}
}
.water-about__location__feature__item:nth-child(even) .container:before {
right: 0;
}
.water-about__location__feature__item:nth-child(even) .water-about__location__feature__item__text {
float: left;
}
@media screen and (max-width: 960px) {
.water-about__location__feature__item:nth-child(even) .water-about__location__feature__item__text {
float: none;
max-width: 100%;
}
}
.water-about__location__feature__item:nth-child(even) .water-about__location__feature__item__img {
float: right;
}
@media screen and (max-width: 960px) {
.water-about__location__feature__item:nth-child(even) .water-about__location__feature__item__img {
float: none;
max-width: 100%;
}
}
.water-about__location__feature__bottom_btns.container {
margin-top: 7.5rem;
}
@media screen and (max-width: 960) {
.water-about__location__feature__bottom_btns.container {
margin-bottom: 7.5rem;
}
}
.water-about__location__ingredient {
background: #eaf7ff;
}
.water-about__location__ingredient .table {
margin: 3.85rem auto 0 auto;
border: 1px solid #707070;
}
@media screen and (max-width: 960px) {
.water-about__location__ingredient .table {
width: 90%;
}
}
.water-about__location__ingredient .table td, .water-about__location__ingredient .table th {
padding: 1.7rem 2.5rem;
border: 1px solid #707070;
}
@media screen and (max-width: 960px) {
.water-about__location__ingredient .table td, .water-about__location__ingredient .table th {
padding: 1.2rem;
}
}
.water-about__location__ingredient .table th {
background: #E8E8E8;
line-height: 1.875;
vertical-align: middle;
}
@media screen and (max-width: 960px) {
.water-about__location__ingredient .table th {
font-size: 1.5rem;
}
}
.water-about__location__ingredient .table td {
background: #fff;
font-size: 1.4rem;
}
@media screen and (max-width: 960px) {
.water-about__location__ingredient .table td {
font-size: 1.3rem;
}
}
@media screen and (max-width: 590px) {
.water-about__location__ingredient {
margin: 0;
padding: 40px 20px !important;
}
.water-about__location__ingredient .table tr {
display: flex;
flex-wrap: wrap;
}
.water-about__location__ingredient .table td, .water-about__location__ingredient .table th {
display: block;
}
.water-about__location__ingredient .table th {
width: 100%;
}
.water-about__location__ingredient .table th br {
display: none;
}
.water-about__location__ingredient .table td {
width: 50% !important;
}
}
.water-about__location__bottom_btns.container {
margin-top: 7.5rem;
}
@media screen and (max-width: 960px) {
.water-about__location__bottom_btns.container {
padding: 0;
}
.water-about__location__bottom_btns.container .water-list__item__under_button {
padding: 0;
width: 100%;
}
}
.water-list__item__under_button {
margin-right: auto;
margin-left: auto;
} .water-option-header {
padding-top: 0 !important;
}
.water-option__inner {
position: relative;
margin-top: 30px;
}
.water-option .headline_1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/headline_1_line.svg);
}
.water-option__heading {
color: #175190;
font-size: 34px;
line-height: 58px;
font-weight: 200;
}
.water-option__read {
margin-top: 40px;
font-size: 20px;
line-height: 2em;
}
.water-option__table {
margin-top: 2.4rem;
width: 100%;
border: 1px solid #707070;
}
@media screen and (max-width: 960px) {
.water-option__table {
width: 100%;
}
}
.water-option__table td, .water-option__table th {
padding: 20px;
border: 1px solid #707070;
}
@media screen and (max-width: 960px) {
.water-option__table td, .water-option__table th {
padding: 1.2rem;
}
}
.water-option__table th {
padding-top: 24px;
line-height: 1;
background: #E8E8E8;
word-break: keep-all;
}
@media screen and (max-width: 960px) {
.water-option__table th {
font-size: 1.5rem;
padding: 1.8rem 1.5rem;
}
}
.water-option__table th span {
font-size: 1.4rem;
}
.water-option__table td {
line-height: 1.5;
background: #fff;
}
@media screen and (max-width: 960px) {
.water-option__table td {
font-size: 1.3rem;
padding: 1.8rem 1.5rem;
}
}
.water-option__button {
margin: 80px auto 0 auto;
}
@media screen and (max-width: 960px) {
.water-option__inner {
margin-top: 20px;
}
.water-option__heading {
font-size: 24px;
}
.water-option__read {
margin-top: 20px;
font-size: 16px;
line-height: 28px;
}
.water-option__table {
width: 100%;
}
.water-option__button {
margin: 40px auto 0 auto;
}
}
@media screen and (max-width: 590px) {
.water-option__heading {
font-size: 22px;
font-weight: 300;
line-height: 34px;
text-align: left;
}
.water-option__heading br {
display: block;
}
.water-option__button {
margin: 40px auto 0 auto;
}
}
.water-option__support {
margin-top: 80px;
background: linear-gradient(90deg, #F0FBFF, #F7F7FF);
}
.water-option__support__img {
position: absolute;
left: 0;
padding-left: 10%;
width: 45%;
height: auto;
z-index: 1;
}
.water-option__support__img img {
width: 100%;
height: auto;
}
.water-option__support__text {
width: 52%;
}
.water-option__support__text_wrapper {
display: flex;
justify-content: flex-end;
}
.water-option__support__caution {
margin-top: 20px;
background: #FF4C40;
color: #fff;
text-align: center;
width: 100%;
padding: 1.6rem 0 2.7rem;
}
.water-option__support__caution__read {
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.water-option__support__caution__aside {
text-align: center;
font-size: 1.3rem;
}
.water-option__support__caution br {
display: none;
}
.water-option__support__caution {
background: #FF4C40;
color: #fff;
text-align: center;
width: 100%;
padding: 1.6rem 0 2.7rem;
}
.water-option__support__caution__read {
font-size: 2rem;
font-weight: bold;
}
.water-option__support__caution__aside {
font-size: 1.3rem;
}
@media screen and (max-width: 960px) {
.water-option__support {
margin-top: 0;
}
.water-option__support__img {
position: static;
left: 0;
margin-top: 40px;
padding-left: 0;
width: 100%;
text-align: center;
}
.water-option__support__img img {
width: 100%;
height: auto;
}
.water-option__support__text {
margin-top: 20px;
width: 100%;
}
.water-option__support__text_wrapper {
justify-content: flex-start;
}
}
@media screen and (max-width: 590px) {
.water-option__support {
padding: 40px 20px !important;
}
.water-option__support__text {
margin-top: 40px;
}
}
.water-option__kit {
margin-top: 80px;
}
.water-option__kit_01 {
padding: 80px 0;
}
.water-option__kit_01:before {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
content: "";
background: #eaf7ff;
width: 65%;
height: 85%;
z-index: 1;
}
.water-option__kit_01__img {
position: absolute;
top: 35px;
left: 50%;
width: 750px;
z-index: 2;
}
.water-option__kit_01__img img {
width: 80%;
object-fit: cover;
height: auto;
}
.water-option__kit_01__text {
padding: 40px;
width: 55%;
background-color: #fff;
z-index: 3;
}
.water-option__kit_02 {
padding: 80px 0;
}
.water-option__kit_02:before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
content: "";
background: #eaf7ff;
width: 65%;
height: 90%;
z-index: 1;
}
.water-option__kit_02__img {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
z-index: 2;
}
.water-option__kit_02__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.water-option__kit_02__text {
padding: 40px;
width: 60%;
background-color: #fff;
z-index: 3;
}
.water-option__kit_02__text_wrapper {
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 960px) {
.water-option__kit {
margin-top: 0;
}
.water-option__kit_01 {
padding: 20px 0;
}
.water-option__kit_01:before {
display: none;
}
.water-option__kit_01__img {
position: static;
top: 0;
left: 0;
width: 100%;
height: auto;
text-align: center;
}
.water-option__kit_01__img img {
width: 70%;
height: auto;
}
.water-option__kit_01__text {
margin-top: 40px;
padding: 0;
width: 100%;
}
.water-option__kit_01__text br {
display: none;
}
.water-option__kit_02 {
padding: 0;
}
.water-option__kit_02:before {
display: none;
}
.water-option__kit_02__img {
position: static;
top: 0;
left: 0;
width: 100%;
height: auto;
text-align: center;
}
.water-option__kit_02__img img {
width: 80%;
height: auto;
}
.water-option__kit_02__text {
padding: 0;
width: 100%;
}
.water-option__kit_02__text_wrapper {
justify-content: flex-start;
}
}
@media screen and (max-width: 590px) {
.water-option__kit {
padding: 40px 20px !important;
}
.water-option__kit_02 {
padding: 0;
}
.water-option__kit_02__text {
margin-top: 40px;
}
}
.water-option__content {
text-align: center;
}
.water-option__content .water-option__heading br {
display: none;
}
.water-option__content__heading_01 {
color: #175190;
font-size: 4rem;
margin-bottom: 1.6rem;
line-height: 1.6;
}
@media screen and (max-width: 960px) {
.water-option__content__heading_01 {
line-height: 1.3;
text-align: left;
}
}
.water-option__content__heading_02 {
margin-top: 40px;
color: #175190;
font-size: 2.4rem;
margin-bottom: 1.7rem;
line-height: 1.5;
}
@media screen and (max-width: 590px) {
.water-option__content__heading_02 {
font-size: 20px;
line-height: 1.1;
}
}
.water-option__content__heading_03 {
color: #175190;
font-size: 2rem;
line-height: 1.5;
font-weight: bold;
margin-top: 1rem;
}
.water-option__content__read {
margin-top: 40px;
font-size: 18px;
line-height: 2;
text-align: center;
}
@media screen and (max-width: 960px) {
.water-option__content__read {
text-align: left;
margin-bottom: 4rem;
font-size: 16px;
}
}
.water-option__content__items {
display: flex;
margin: 20px auto 0 auto;
width: 80%;
}
@media screen and (max-width: 960px) {
.water-option__content__items {
margin-bottom: 4rem;
width: 100%;
}
}
.water-option__content__item {
margin-top: 20px;
width: 30%;
margin-right: 5%;
text-align: center;
}
.water-option__content__item:nth-child(3n) {
margin-right: 0;
}
.water-option__content__item__area {
box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
padding: 1rem 0;
height: 26.7rem;
display: flex;
flex-direction: column;
justify-content: space-around;
}
@media screen and (max-width: 960px) {
.water-option__content__item__area {
height: auto;
}
}
.water-option__content__item img {
max-width: 100%;
width: 100%;
height: auto;
}
.water-option__content__item__note {
margin-top: 1rem;
text-align: left;
}
.water-option__content__item__note span {
font-size: 1.3rem;
}
.water-option__content__caution {
margin: 40px auto;
width: 80%;
border: 1px solid #707070;
padding: 3.5rem;
text-align: left;
font-size: 14px;
}
.water-option__content__caution__heading {
font-size: 2rem;
font-weight: bold;
margin-bottom: 2.4rem;
}
.water-option__content__caution__read {
line-height: 2;
}
@media screen and (max-width: 960px) {
.water-option__content {
padding: 0 !important;
}
.water-option__content__heading_02 {
margin-top: 20px;
}
.water-option__content__heading_03 {
font-size: 18px;
line-height: 1.2;
font-weight: normal;
}
.water-option__content__items {
width: 100%;
}
.water-option__content__item__area {
min-height: 22rem;
}
.water-option__content__caution {
margin: 20px auto;
width: 100%;
}
}
@media screen and (max-width: 590px) {
.water-option__content {
padding-bottom: 40px !important;
}
.water-option__content .water-option__heading br {
display: block;
}
.water-option__content__item {
width: 50%;
margin-right: 0;
padding: 5px;
}
.water-option__content__item img {
margin: 0 auto;
max-width: 60%;
}
.water-option__content__item__area {
min-height: auto;
}
.water-option__content__caution {
padding: 15px;
font-size: 12px;
}
.water-option__content__caution__heading {
font-size: 16px;
margin-bottom: 10px;
font-weight: normal;
}
.water-option__content__caution__read {
line-height: 2;
}
} .water-flow-header {
padding-top: 0 !important;
}
.water-flow__sec {
font-size: 1.6rem;
background: #E2F8FF;
}
.water-flow__sec__illust {
margin-bottom: 80px;
background: #fff;
border: 1px solid #707070;
padding: 2.7rem 5.3rem;
}
@media screen and (max-width: 960px) {
.water-flow__sec__illust {
padding: 2.7rem 3rem;
}
}
.water-flow__sec__illust li:first-child {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/flow/water_nagare_moushikomi.svg) no-repeat left 10px/90px auto;
padding-left: 14rem;
margin-bottom: 8.7rem;
position: relative;
}
@media screen and (max-width: 960px) {
.water-flow__sec__illust li:first-child {
padding-left: 0;
background: none;
}
.water-flow__sec__illust li:first-child .water-flow__sec__illust__heading {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/flow/water_nagare_moushikomi.svg) no-repeat right center/13% auto;
}
}
@media screen and (max-width: 960px) and (max-width: 590px) {
.water-flow__sec__illust li:first-child .water-flow__sec__illust__heading {
background-size: 13% auto;
}
}
.water-flow__sec__illust li:first-child:before {
position: absolute;
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/flow/arrow_down.png) no-repeat center center/82px 19px;
width: 82px;
height: 19px;
bottom: -56px;
left: calc(50% - 41px);
}
.water-flow__sec__illust li:nth-child(2) {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/flow/water_nagare_kakunin.svg) no-repeat left top/109px 109px;
padding-left: 13.4rem;
margin-bottom: 8.7rem;
position: relative;
}
@media screen and (max-width: 960px) {
.water-flow__sec__illust li:nth-child(2) {
background: none;
padding-left: 0;
}
.water-flow__sec__illust li:nth-child(2) .water-flow__sec__illust__heading {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/flow/water_nagare_kakunin.svg) no-repeat right center/10% auto;
}
}
@media screen and (max-width: 960px) and (max-width: 590px) {
.water-flow__sec__illust li:nth-child(2) .water-flow__sec__illust__heading {
background-size: 13% auto;
}
}
.water-flow__sec__illust li:nth-child(2):before {
position: absolute;
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/flow/arrow_down.png) no-repeat center center/82px 19px;
width: 82px;
height: 19px;
bottom: -56px;
left: calc(50% - 41px);
}
.water-flow__sec__illust li:nth-child(3) {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/flow/water_nagare_start.svg) no-repeat left top/109px 109px;
padding-left: 13.4rem;
}
@media screen and (max-width: 960px) {
.water-flow__sec__illust li:nth-child(3) {
padding-left: 0;
background: none;
}
.water-flow__sec__illust li:nth-child(3) .water-flow__sec__illust__heading {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/water/flow/water_nagare_start.svg) no-repeat right center/10% auto;
}
}
@media screen and (max-width: 960px) and (max-width: 590px) {
.water-flow__sec__illust li:nth-child(3) .water-flow__sec__illust__heading {
background-size: 13% auto;
}
}
.water-flow__sec__illust__heading {
color: #11A9da;
margin-bottom: 1.6rem;
font-weight: bold;
font-size: 2.2rem;
display: flex;
align-items: center;
line-height: 1.5;
}
.water-flow__sec__illust__heading span {
margin-right: 1.6rem;
font-size: 4rem;
}
.water-flow__sec__illust__heading br {
display: none;
}
.water-flow__sec__illust__read {
line-height: 1.75;
margin-bottom: 1.8rem;
}
.water-flow__sec__illust__button {
padding: 0;
}
@media screen and (max-width: 960px) {
.water-flow__sec__illust__button {
margin: 0 auto;
}
}
.water-flow__sec__button {
margin: 40px auto 0 auto;
padding: 0;
}
@media screen and (max-width: 960px) {
.water-flow__sec__illust {
margin-bottom: 40px;
}
.water-flow__sec__illust__heading {
font-weight: normal;
font-size: 20px;
text-align: left;
padding-right: 70px;
}
.water-flow__sec__illust__heading span {
margin-right: 10px;
}
.water-flow__sec__button {
margin: 20px auto 0 auto;
padding: 0;
}
}
@media screen and (max-width: 590px) {
.water-flow__sec {
margin-top: 0;
padding: 40px 0 !important;
}
.water-flow__sec__illust {
margin-bottom: 20px;
}
.water-flow__sec__illust__heading {
font-size: 18px;
}
.water-flow__sec__illust__heading span {
text-align: center;
}
.water-flow__sec__illust__heading br {
display: block;
}
}
@media screen and (max-width: 590px) {
.low_water_sec_05__catch {
text-align: left;
}
}  #wifi-top .attention {
background-color: #fff;
width: 100%;
}
#wifi-top .attention .attention-box {
max-width: 1140px;
width: calc(100% - 30px);
margin: 0px auto;
padding: 20px;
border: solid 1px #f00;
border-radius: 20px;
}
#wifi-top .attention .attention-box p {
color: #ff0000;
font-size: 16px;
font-weight: 700;
line-height: 1.8em;
}
#wifi-top .attention .attention-box2 {
max-width: 1140px;
width: calc(100% - 30px);
margin: 0px auto;
padding: 20px;
border: solid 3px #000;
border-radius: 10px;
}
@media screen and (max-width: 960px) {
#wifi-top .attention .attention-box2 h1 {
font-size: 20px;
}
}
@media screen and (max-width: 590px) {
#wifi-top .attention .attention-box2 h1 {
font-size: 16px;
}
}
#wifi-top .attention .attention-box2 a {
color: #0000FF;
}
#wifi-top .low { }
#wifi-top .low__kv {
margin: 0px;
}
#wifi-top .low__kv__back {
height: 50vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_top_back_01.jpg);
background-attachment: fixed;
position: relative;
}
#wifi-top .low__kv__back .kv-ttl_pc {
position: absolute;
bottom: 45px;
right: 75px;
}
#wifi-top .low__kv__back .kv-ttl_pc img {
height: auto;
object-fit: contain;
width: 45vw;
}
#wifi-top .low__kv__back .kv-ttl_sp {
width: 85%;
right: 30px;
bottom: 0;
height: auto;
object-fit: contain;
position: absolute;
}
#wifi-top .low__kv__back .kv-ttl_sp img {
object-fit: contain;
}
@media screen and (max-width: 960px) {
#wifi-top .low__kv__back {
height: 300px;
background-position: 50% -100px;
}
#wifi-top .low__kv__back .kv-ttl_pc {
bottom: 20px;
}
#wifi-top .low__kv__back .kv-ttl_pc img {
height: auto;
width: 400px;
object-fit: contain;
}
}
@media screen and (max-width: 590px) {
#wifi-top .low__kv {
position: relative;
height: 200px;
}
#wifi-top .low__kv__back {
background-image: none;
background-attachment: unset;
height: 200px;
}
#wifi-top .low__kv__back:before {
content: "";
display: block;
position: fixed;
left: 0;
top: 20px;
width: 100%;
height: 670px;
z-index: -10;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_top_back.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: 48% 100%;
background-size: 430%;
}
} #wifi-top .headline_1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_textline.svg);
}
#wifi-top .column {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/column/column_bg_wi-fi.jpg);
}
#wifi-top .headline_2 {
color: #746216;
}
#wifi-top .headline_4 {
font-family: "Trebuchet MS", "Hind", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
#wifi-top .low_top_sec_01 {
background-color: #fff;
}
#wifi-top .low_top_sec_01__item a:hover {
background-color: rgba(82, 63, 135, 0.3);
}
#wifi-top .low_top_sec_01__item_icon {
width: 100px;
height: auto;
}
#wifi-top .low_top_sec_01__item_icon img {
width: 100%;
height: auto;
}
#wifi-top .low_top_sec_01__item_text {
color: #523f87;
}
#wifi-top .low_top_sec_01__item__wrapper {
margin-bottom: 60px;
}
#wifi-top .low_top_sec_01__item {
padding: 0 15px;
}
#wifi-top .low_top_sec_01__item li {
padding: 0 15px;
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_01__item {
text-align: center;
}
#wifi-top .low_top_sec_01__item li {
margin-top: 10px;
width: 50%;
}
}
@media screen and (max-width: 590px) {
#wifi-top .low_top_sec_01__item li {
margin-bottom: 0;
padding: 0px 5px;
}
#wifi-top .low_top_sec_01__item li a {
padding: 15px 5px;
}
#wifi-top .low_top_sec_01__item_icon img {
width: 60%;
}
#wifi-top .low_top_sec_01__item_text {
margin-top: 15px;
font-size: 16px;
}
}
#wifi-top .low_top_sec_01 .note {
margin-top: 20px;
}
#wifi-top .low_top_sec_01 {
padding: 75px 0 0 0;
padding-bottom: 0 !important;
}
@media screen and (max-width: 590px) {
.low_top_sec_01 {
padding: 40px 0 0 0 !important;
}
} #wifi-top .low_top_sec_02 {
background-color: #fff;
padding-top: 0 !important;
}
@media screen and (max-width: 960px) {
.low_top_sec_02 {
padding-top: 0 !important;
}
}
#wifi-top .low_top_sec_02__inner {
background: transparent;
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_02__inner {
padding: 45px 0 0 0;
background: transparent;
}
}
#wifi-top .tbl-price-index {
width: 80%;
margin: 30px auto;
}
#wifi-top .tbl-price-index th, .tbl-price-index td {
padding: 15px;
text-align: center;
}
#wifi-top .tbl-price-index td:first-child {
background: #F4F4F4;
}
#wifi-top .tbl-price-index .thead {
background: #523F87;
color: white;
font-size: 25px;
font-weight: normal;
}
#wifi-top .tbl-price-index ul {
width: 100%;
display: table;
}
#wifi-top .tbl-price-index ul li {
vertical-align: middle;
padding: 10px 0;
}
#wifi-top .tbl-price-index .price {
color: #524FB2;
}
#wifi-top .tbl-price-index .price-md {
font-size: 22px;
font-weight: bold;
}
#wifi-top .tbl-price-index .price-lg {
font-size: 41px;
letter-spacing: 2px;
margin: 0 3px;
}
#wifi-top .tbl-price-index ul #price-sm {
font-size: 18px;
}
#wifi-top .tbl-price-index ul #price-xs {
font-size: 16px;
}
#wifi-top table.tbl-price-index, #wifi-top table.tbl-price-index td, #wifi-top table.tbl-price-index th {
border-collapse: collapse;
border: 1px solid #707070;
}
#wifi-top .wifi-table th {
font-weight: normal;
padding: 20px 20px 14px 20px;
font-size: 22px;
}
#wifi-top .wifi-table .wifi-table__img {
width: 150px;
}
#wifi-top .wifi-table__details {
width: 80%;
margin: 0 auto;
}
#wifi-top .wifi-table__details__wrapper {
margin-top: 30px;
padding: 20px;
background-color: #fff;
border: 1px #ff4c40 solid;
z-index: 1;
}
#wifi-top .wifi-table__details__wrapper p {
color: #ff4c40;
font-size: 14px;
font-weight: 600;
line-height: 27px;
}
@media screen and (max-width: 960px) {
#wifi-top .wifi-table__details {
width: 100%;
}
}
#wifi-top .wifi-table__details li {
margin-top: 10px;
font-size: 14px;
}
#wifi-top .wifi-table_sp-only {
display: none;
}
@media screen and (max-width: 768px) {
#wifi-top .tbl-price-index {
width: 100%;
}
#wifi-top .wifi-table .wifi-table__img {
width: 100px;
}
}
@media screen and (max-width: 590px) {
#wifi-top .wifi-table__details {
margin-left: 10px;
}
#wifi-top .wifi-table.pc-only {
display: none;
}
#wifi-top .wifi-table_sp-only {
display: block;
}
#wifi-top .wifi-table_sp-only th, #wifi-top .wifi-table_sp-only td {
display: block;
width: 100%;
}
#wifi-top .wifi-table_sp-only th {
padding: 10px 10px 4px 10px;
font-size: 18px;
}
}
@media screen and (max-width: 590px) {
#wifi-top .low_top_sec_02__item {
margin-top: 20px;
}
#wifi-top .low_top_sec_02 .headline_2 {
margin-top: 40px;
}
#wifi-top .low_top_sec_02 .headline_2 br {
display: block;
}
#wifi-top .low_top_sec_02__text {
margin-top: 20px;
}
#wifi-top .low_top_sec_02__button {
margin-top: 20px;
}
}
#wifi-top .low_top_sec_02 {
margin: 40px 0;
}
@media screen and (max-width: 590px) {
#wifi-top .low_top_sec_02 {
margin: 0;
}
}
#wifi-top .low_top_sec_02__inner {
margin: 40px 0;
padding: 40px 0;
background: #f4ecf2;
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_02__inner {
padding: 45px 0 0 0;
}
}
@media screen and (max-width: 590px) {
#wifi-top .low_top_sec_02__inner {
margin: 0;
}
}
#wifi-top .low_top_sec_02__inner .row {
justify-content: center;
} .wifiPlan {
margin: 20px 10px 10px;
padding: 20px;
background-color: #fff;
}
@media screen and (max-width: 590px) {
.wifiPlan {
padding: 10px;
}
}
.wifiPlan__figure {
text-align: center;
padding: 10px 0 0;
}
.wifiPlan__figure img {
width: 200px;
height: auto;
}
.wifiPlan table {
margin-top: 10px;
}
.wifiPlan table tr th {
text-align: center;
}
.wifiPlan .kome {
margin-top: 10px;
}
.wifiPlan__headline {
margin-top: 30px;
font-size: 32px;
font-weight: normal;
}
.wifiPlan__listDisk {
margin-top: 10px;
padding: 15px;
background-color: #F6F1F4;
list-style-type: none;
}
.wifiPlan__data {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
.wifiPlan__dataTitle {
margin-top: 20px;
}
.wifiPlan__dataTitle b {
font-size: 14px;
}
@media screen and (max-width: 590px) {
.wifiPlan__dataTitle b {
font-size: 12px;
}
}
.wifiPlan__data dt {
width: 30%;
font-size: 14px;
}
@media screen and (max-width: 590px) {
.wifiPlan__data dt {
font-size: 12px;
}
}
.wifiPlan__data dd {
width: 70%;
font-size: 14px;
}
@media screen and (max-width: 590px) {
.wifiPlan__data dd {
font-size: 12px;
}
}
.planText.is-planBasic {
color: #A96F98;
}
.planText.is-planPremium {
color: #523F87;
}
.planText.is-planPremium li {
font-weight: 500;
} #wifi-top .wifi-top_sec_03__inner-1 {
position: relative;
margin-top: 40px;
padding: 40px 0 20px 0;
}
#wifi-top .wifi-top_sec_03__inner-1 {
position: relative;
margin-top: 80px;
padding: 40px 60px;
padding-bottom: 100px;
}
@media screen and (max-width: 992px) {
#wifi-top .wifi-top_sec_03__inner-1 {
padding-bottom: 0px;
}
}
#wifi-top .wifi-top_sec_03__inner-1:before {
display: block;
position: absolute;
content: "";
width: 100%;
height: 92%;
top: 0px;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/bg_wifi.png);
background-size: 60% 100%;
background-position: right center;
}
@media screen and (max-width: 992px) {
#wifi-top .wifi-top_sec_03__inner-1:before {
display: none !important;
}
}
#wifi-top .wifi-top_sec_03__inner-2:before {
display: block;
position: absolute;
content: "";
top: -25px;
bottom: -25px;
width: 100%;
height: 110%;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/bg_wifi.png);
background-size: 60% 100%;
background-position: left center;
}
@media screen and (max-width: 992px) {
#wifi-top .wifi-top_sec_03__inner-2:before {
display: none !important;
}
}
#wifi-top .wifi-top_sec_03__inner-2 .wifi-top_sec_03__box {
padding: 60px 40px 40px 40px;
background-color: #fff;
}
#wifi-top .wifi-top_sec_03__inner-1 .wifi-top_sec_03__box {
padding: 60px 40px 40px 40px;
background-color: #fff;
}
#wifi-top .wifi-top_sec_03__img-1 img {
width: 700px;
max-width: 100%;
margin-top: 100px;
margin-left: 40px;
}
#wifi-top .wifi-top_sec_03__img-2 {
display: flex;
align-items: center;
}
#wifi-top .wifi-top_sec_03__img-2 img {
width: 700px;
max-width: 100%;
margin-left: -40px;
}
#wifi-top .wifi-top_sec_03 .headline_2 {
color: #523F87;
line-height: 1.4;
margin-bottom: 38px;
}
#wifi-top .wifi-top_sec_03 .headline_2 span {
font-size: 24px;
}
#wifi-top .wifi-top_sec_03 .main-price {
text-align: center;
color: #523F87;
background-color: #f7f7f7;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
}
#wifi-top .wifi-top_sec_03 .price-lg {
font-size: 32px;
}
#wifi-top .wifi-top_sec_03 .price-md {
font-size: 24px;
}
#wifi-top .wifi-top_sec_03__box .main-option {
color: #A96F98;
margin-top: 20px;
margin-bottom: 20px;
line-height: 32px;
font-weight: bold;
}
#wifi-top .wifi-top_sec_03__box .main-info {
margin-top: 20px;
}
#wifi-top .wifi-top_sec_03__box .main-info__title {
font-weight: bold;
}
#wifi-top .wifi-top_sec_03__box .main-info dl {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
#wifi-top .wifi-top_sec_03__box .main-info dl dt {
width: 30%;
font-weight: bold;
}
#wifi-top .wifi-top_sec_03__box .main-info dl dd {
width: 70%;
}
@media screen and (max-width: 960px) {
#wifi-top .wifi-top_sec_03__box .main-info dl dt, #wifi-top .wifi-top_sec_03__box .main-info dl dd {
width: 100%;
}
#wifi-top .wifi-top_sec_03__box .main-info dl dt {
margin-top: 20px;
}
}
@media screen and (max-width: 590px) {
#wifi-top .wifi-top_sec_03__box {
margin: 0;
padding: 20px;
}
}
@media screen and (max-width: 992px) {
#wifi-top .wifi-top_sec_03__inner-1:before {
position: absolute;
margin-top: 40px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/bg_wifi.png);
background-size: 100%;
background-position: right center;
}
#wifi-top .wifi-top_sec_03__inner-2:before {
position: absolute;
margin-top: 40px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/bg_wifi.png);
background-size: 100% cover;
background-position: center;
}
#wifi-top .wifi-top_sec_03__inner-1 .wifi-top_sec_03__box, #wifi-top .wifi-top_sec_03__inner-2 .wifi-top_sec_03__box {
margin-top: 0px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 80px;
padding: 40px 40px 40px 40px;
background-color: #fff;
}
#wifi-top .wifi-top_sec_03__img img {
width: 700px;
max-width: 60%;
margin-top: 20px;
}
#wifi-top .wifi-top_sec_03__img {
text-align: center;
}
#wifi-top .wifi-top_sec_03__img-1 img, #wifi-top .wifi-top_sec_03__img-2 img {
max-width: 80%;
margin-top: 80px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 992px) and (max-width: 992px) {
#wifi-top .wifi-top_sec_03__img-2 img {
margin-top: 0px;
}
}
@media screen and (max-width: 992px) {
#wifi-top .wifi-top_sec_03__img-2, #wifi-top .wifi-top_sec_03__img-1 {
text-align: center;
}
}
@media screen and (max-width: 992px) {
#wifi-top .wifi-top_sec_03__inner-1, #wifi-top .wifi-top_sec_03__inner-2 {
background-color: #EEEBF2;
background-image: none;
}
}
@media screen and (max-width: 590px) {
#wifi-top .wifi-top_sec_03__inner-1 {
background-size: 100% 100%;
padding: 20px 15px 40px 15px;
}
#wifi-top .wifi-top_sec_03__inner-2 {
margin: 0;
padding: 20px 15px 40px 15px;
background-size: 100% 100%;
}
#wifi-top .wifi-top_sec_03__img-1, #wifi-top .wifi-top_sec_03__img-2 {
display: flex;
justify-content: center;
align-items: flex-start;
margin: 0;
padding: 0 !important;
width: 100%;
}
#wifi-top .wifi-top_sec_03__img-1 img, #wifi-top .wifi-top_sec_03__img-2 img {
width: 80%;
max-width: 80%;
margin: 20px auto;
}
#wifi-top .wifi-top_sec_03__inner-1 .wifi-top_sec_03__box, #wifi-top .wifi-top_sec_03__inner-2 .wifi-top_sec_03__box {
margin-top: 20px;
margin-bottom: 0;
padding: 20px;
}
#wifi-top .wifi-top_sec_03 .main-price {
margin-top: 20px;
line-height: 1.2em;
padding: 15px 0 5px 0;
}
#wifi-top .wifi-top_sec_03 .main-price .tax {
display: block;
}
} #teigaku-top .wifi-top_sec_04 {
margin-top: 160px;
}
#wifi-top .wifi-top_sec_04__inner {
position: relative;
margin-top: 40px;
height: 600px;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/bg_wifi.png);
background-size: 60% 80%;
background-position: right 30%;
}
#wifi-top .wifi-top_sec_04__box {
margin-top: 80px;
padding: 80px 80px 80px 0;
background-color: #fff;
}
#wifi-top .headline_2 {
color: #551D00;
}
#wifi-top .wifi-top_sec_04__box p {
margin-top: 40px;
line-height: 2em;
}
#wifi-top .wifi-top_sec_04__img {
position: absolute;
top: 0;
left: 45%;
align-items: center;
}
#wifi-top .wifi-top_sec_04__img img {
width: 800px;
display: block;
}
@media screen and (max-width: 960px) {
#wifi-top .wifi-top_sec_04__inner {
height: auto;
background-image: none;
}
#wifi-top .wifi-top_sec_04__img {
position: static;
display: flex;
justify-content: center;
height: auto;
}
#wifi-top .wifi-top_sec_04__img img {
width: 100%;
height: auto;
}
#wifi-top .wifi-top_sec_04__box {
margin-top: 40px;
padding: 0;
}
#wifi-top .wifi-top_sec_04__box p {
margin-top: 20px;
}
}
@media screen and (max-width: 590px) {
#wifi-top .wifi-top_sec_04 {
padding: 40px 0 !important;
}
} .low_top_sec_04__table .tbl-country-index {
margin-top: 80px;
}
.low_top_sec_04__table .tbl-price-index th, .tbl-price-index td {
padding: 15px;
text-align: center;
}
.low_top_sec_04__table .tbl-country-index .thead th {
padding-top: 20px;
padding-bottom: 14px;
background: #523F87;
text-align: center;
color: #fff;
font-size: 20px;
letter-spacing: 2px;
font-weight: normal;
}
.low_top_sec_04__table .tbl-country-index #table-continent {
width: 15%;
text-align: center;
font-size: 15px;
color: #523F87;
font-weight: bold;
}
.low_top_sec_04__table .tbl-country-index #table-country {
padding: 25px;
text-align: justify;
}
.low_top_sec_04__table .tbl-country-index #table-grey {
background-color: #f4f4f4;
}
#wifi-top table.tbl-country-index {
border-collapse: collapse;
border: 1px solid #707070;
}
#wifi-top table.tbl-country-index td {
border-left: 1px solid #707070;
}
@media screen and (max-width: 960px) {
.low_top_sec_04__table .tbl-country-index th, .low_top_sec_04__table .tbl-country-index td, .low_top_sec_04__table .tbl-country-index #table-continent {
display: block;
padding: 20px;
width: 100%;
}
.low_top_sec_04__table .tbl-country-index td, .low_top_sec_04__table .tbl-country-index #table-continent {
border-bottom: 1px solid #707070;
}
}
@media screen and (max-width: 590px) {
.low_top_sec_04__table .tbl-country-index {
margin-top: 20px;
}
}  #wifi-top .low_top_sec_04-data {
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_bg_01.jpg);
background-size: cover;
position: relative;
}
#wifi-top .low_top_sec_04-data .wifi-overlay {
width: 100%;
height: 100%;
background: linear-gradient(320deg, #524fb2 0%, #c86f98 100%);
opacity: 0.64;
position: absolute;
top: 0;
left: 0;
}
#wifi-top .low_top_sec_04-data .headline_1 {
margin-bottom: 40px;
text-align: center;
color: #fff;
}
@media screen and (max-width: 590px) {
#wifi-top .low_top_sec_04-data .headline_1 {
margin-bottom: 20px;
}
}
#wifi-top .low_top_sec_04-data .headline_2 {
color: #fff;
font-size: 44px;
font-weight: bold;
line-height: 1.2;
}
@media screen and (max-width: 590px) {
#wifi-top .low_top_sec_04-data .headline_2 {
font-size: 24px;
margin-bottom: 20px;
}
}
#wifi-top .low_top_sec_04-data .headline_2 span.bold-yellow {
color: #f9e504;
}
#wifi-top .low_top_sec_04-data .headline_2 span.bold-yellow span.gb {
font-size: 70px;
}
@media screen and (max-width: 590px) {
#wifi-top .low_top_sec_04-data .headline_2 span.bold-yellow span.gb {
font-size: 72px;
}
}
@media screen and (max-width: 590px) {
#wifi-top .low_top_sec_04-data .headline_2 .sub_disp {
line-height: 0;
font-size: 20px;
}
}
#wifi-top .low_top_sec_04-data .data__table {
display: flex;
flex-wrap: wrap;
}
#wifi-top .low_top_sec_04-data .data__table__wrapper {
padding: 0;
margin: 0 -20px;
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_04-data .data__table__wrapper {
margin: 0 auto;
}
}
#wifi-top .low_top_sec_04-data .data__table dt, #wifi-top .low_top_sec_04-data .data__table dd {
display: flex;
align-items: center;
margin-top: 20px;
font-weight: bold;
letter-spacing: 1px;
color: #fff;
}
#wifi-top .low_top_sec_04-data .data__table dt {
width: 65%;
font-size: 28px;
}
#wifi-top .low_top_sec_04-data .data__table dt span {
padding-top: 6px;
line-height: 1;
}
#wifi-top .low_top_sec_04-data .data__table dd {
position: relative;
justify-content: flex-end;
width: 35%;
font-size: 32px;
}
#wifi-top .low_top_sec_04-data .data__table dd span {
margin: 0 4px;
padding-top: 8px;
font-size: 18px;
}
#wifi-top .low_top_sec_04-data .data__table dd::before { position: absolute;
top: 50%;
z-index: 10;
display: block;
height: 10px;
left: -30px;
width: 45px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20viewBox%3D%220%200%2045%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate(-1076%20-6640)%22%20fill%3D%22%23fff%22%20%3E%3Cg%20transform%3D%22translate(1076%206640)%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%225%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%224.5%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(1094%206640)%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%225%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%224.5%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(1111%206640)%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%225%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%224.5%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center;
transform: translateY(-50%); content: "";
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_04-data .data__table dd::before {
left: -60px;
}
}
#wifi-top .low_top_sec_04-data .data__table_img {
display: flex;
justify-content: center;
margin-right: 20px;
width: 60px;
}
#wifi-top .low_top_sec_04-data .data__table_img img {
width: auto;
height: 28px;
}
#wifi-top .low_top_sec_04__button {
margin: 40px auto 0 auto;
}
#wifi-top .low_top_sec_04-data .data__table-details {
color: #fff;
font-size: 14px;
margin-top: 40px;
line-height: 2em;
z-index: 1;
}
#wifi-top .low_top_sec_04-data .data__table-details__strong {
margin-top: 20px;
font-size: 16px;
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_04-data {
padding: 40px 20px !important;
}
#wifi-top .low_top_sec_04-data .headline_2 {
padding-left: 0;
text-align: center;
}
#wifi-top .low_top_sec_04-data .headline_2 br {
display: none;
}
#wifi-top .low_top_sec_04-data .data__table dt {
font-size: 22px;
}
#wifi-top .low_top_sec_04-data .data__table dd {
font-size: 32px;
}
#wifi-top .low_top_sec_04-data .data__table dd span {
padding-top: 4px;
}
#wifi-top .low_top_sec_04-data .data__table_img {
width: 45px;
}
#wifi-top .low_top_sec_04-data .data__table_img img {
height: 22px;
}
}
@media screen and (max-width: 590px) {
#wifi-top .low_top_sec_04-data .headline_2 br {
display: block;
}
#wifi-top .low_top_sec_04-data .container {
padding: 5px;
}
#wifi-top .low_top_sec_04-data .data__table dt {
width: 50%;
font-size: 16px;
}
#wifi-top .low_top_sec_04-data .data__table dt span {
font-size: 15px;
}
#wifi-top .low_top_sec_04-data .data__table dd {
margin-top: 10px;
width: 50%;
font-size: 18px;
display: flex;
justify-content: space-around;
}
#wifi-top .low_top_sec_04-data .data__table dd span {
padding-top: 4px;
}
#wifi-top .low_top_sec_04-data .data__table dd::before {
margin-right: 5px;
margin-top: 15px;
display: inline-block;
position: static;
width: 25px;
text-align: left;
height: 8px;
}
#wifi-top .low_top_sec_04-data .data__table_img {
margin-right: 0px;
}
#wifi-top .low_top_sec_04-data .data__table_img img {
height: auto;
width: 20px;
}
#wifi-top .low_top_sec_04-data .data__table-details {
margin-top: 20px;
}
} #wifi-top .low_wifi_sec_05 {
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_03.jpg);
background-size: cover;
}
#wifi-top .low_wifi_sec_05 .headline_1 {
margin-top: 80px;
text-align: center;
}
#wifi-top .low_wifi_sec_05 .headline_2 {
margin-top: 40px;
text-align: center;
}
#wifi-top .low_wifi_sec_05 .headline_2 br {
display: none;
}
#wifi-top .low_wifi_sec_05__text {
margin-top: 40px;
line-height: 2em;
text-align: center;
}
#wifi-top .low_wifi_sec_05__item {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 40px;
}
#wifi-top .low_wifi_sec_05__item li {
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 25%;
}
#wifi-top .low_wifi_sec_05__item li a {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 50px 0;
width: 250px;
height: 250px;
background-color: #fff;
text-align: center;
border-radius: 100%;
}
#wifi-top .low_wifi_sec_05__icon {
width: 100%;
}
#wifi-top .low_wifi_sec_05__icon img {
width: 40%;
height: auto;
}
#wifi-top .low_wifi_sec_05__logo {
width: 100%;
}
#wifi-top .low_wifi_sec_05__logo img {
width: 70%;
height: auto;
}
#wifi-top .low_wifi_sec_05__cath {
width: 100%;
padding: 20px;
font-size: 15px;
}
#wifi-top .low_wifi_sec_05__button {
margin: 40px auto 0 auto;
padding: 0;
}
@media screen and (max-width: 960px) {
#wifi-top .low_wifi_sec_05__item {
flex-wrap: wrap;
}
#wifi-top .low_wifi_sec_05__item li {
width: 50%;
}
#wifi-top .low_wifi_sec_05__item li a {
margin: 0 auto;
padding: 20px 0 0 0;
width: 150px;
height: 150px;
}
#wifi-top .low_wifi_sec_05__icon img {
width: 60px;
height: auto;
}
#wifi-top .low_wifi_sec_05__logo img {
width: 100px;
height: auto;
}
#wifi-top .low_wifi_sec_05__cath {
padding: 10px 20px;
}
}
@media screen and (max-width: 590px) {
#wifi-top .low_wifi_sec_05 .headline_1 {
margin-top: 40px;
}
#wifi-top .low_wifi_sec_05 .headline_2 {
margin-top: 20px;
}
#wifi-top .low_wifi_sec_05 .headline_2 br {
display: block;
}
#wifi-top .low_wifi_sec_05__text {
margin-top: 20px;
font-size: 14px;
}
#wifi-top .low_wifi_sec_05__item {
margin-top: 0;
}
#wifi-top .low_wifi_sec_05__item li {
margin-top: 40px;
width: 100%;
}
#wifi-top .low_wifi_sec_05__item li a {
padding: 30px 0;
}
#wifi-top .low_wifi_sec_05__cath {
padding: 10px 20px 0 20px;
}
#wifi-top .low_wifi_sec_05__button {
padding: 0 20px;
}
}
#wifi-top .low_top_sec_06 {
padding: 40px;
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_06 {
padding-top: 20px;
padding-bottom: 0;
}
}
#wifi-top .low_top_sec_06__inner {
padding: 80px 0;
background-color: #F4ECF2;
}
#wifi-top .low_top_sec_06__cont {
background: #fff;
width: 90%;
max-width: 90rem;
margin: 2rem auto 4rem;
padding: 4rem 0 2rem;
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_06__cont {
margin: 0 auto !important;
padding: 20px 0 !important;
}
}
#wifi-top .low_top_sec_06__cont__list {
display: flex;
justify-content: space-between;
width: 80%;
margin: 0 auto;
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_06__cont__list {
display: block;
}
}
#wifi-top .low_top_sec_06__cont__list__item {
padding: 0 10px;
width: 33.333%;
}
#wifi-top .low_top_sec_06__cont__list__item figure {
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
}
#wifi-top .low_top_sec_06__cont__list__item figure img {
width: 80px;
height: auto;
}
#wifi-top .low_top_sec_06__cont__list__item_text {
margin-top: 10px;
width: 100%;
font-size: 14px;
font-weight: 400;
}
#wifi-top .low_top_sec_06__cont__list__item_text.red {
color: red;
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_06__cont__list__item_text {
font-size: 12px;
}
}
#wifi-top .low_top_sec_06__cont__list__item:not(:last-of-type) {
position: relative;
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_06__cont__list__item:not(:last-of-type) {
margin-bottom: 5rem;
}
#wifi-top .low_top_sec_06__cont__list__item:not(:last-of-type):after {
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 20px;
left: 50%;
top: 105%;
font-family: "Font Awesome 5 Free";
transform: translateX(-50%);
opacity: 0.7;
content: "\f078";
}
}
#wifi-top .low_top_sec_06__cont__list__item:not(:last-of-type):before {
position: absolute;
right: -10px;
top: 30px;
margin: 0 10px;
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
opacity: 0.7;
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_06__cont__list__item:not(:last-of-type):before {
content: none;
}
}
#wifi-top .low_top_sec_06__cont__list__item__read {
margin-top: 20px;
width: 100%;
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_06__cont__list__item__read {
justify-content: center;
}
}
#wifi-top .low_top_sec_06__cont__list__item__read span {
display: block;
}
#wifi-top .low_top_sec_06__cont__list__item__read span:first-child {
color: #895a8c;
font-size: 3rem;
margin-right: 1rem;
}
#wifi-top .low_top_sec_06__button {
margin: 40px auto 0 auto;
padding: 0;
}
@media screen and (max-width: 590px) {
#wifi-top .low_top_sec_06 {
padding: 0;
}
#wifi-top .low_top_sec_06__inner {
padding: 40px 20px;
}
#wifi-top .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#wifi-top .low_top_sec_06__tag__content ol {
flex-wrap: wrap;
}
#wifi-top .low_top_sec_06__tag__content li {
margin-bottom: 40px;
padding: 0;
width: 100%;
}
#wifi-top .low_top_sec_06__tag__content li::after {
left: 50%;
top: 100%;
margin: 0;
text-align: center;
transform: translateX(-50%);
content: "\f078";
}
#wifi-top .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: center;
align-items: flex-start;
width: 100%;
}
#wifi-top .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#wifi-top .low_top_sec_06__tag__content_01__content {
margin-top: 20px;
display: flex;
align-items: center;
}
#wifi-top .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #ff4c40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
#wifi-top .low_top_sec_06__tag__content_01__text {
flex: 1;
font-weight: bold;
font-size: 15px;
}
}
@media screen and (max-width: 590px) {
#wifi-top .low_top_sec_06 {
padding: 0;
}
#wifi-top .low_top_sec_06__inner {
padding: 40px 20px 30px;
}
#wifi-top .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#wifi-top .low_top_sec_06__tag__content ol {
flex-wrap: wrap;
}
#wifi-top .low_top_sec_06__tag__content li {
margin-bottom: 40px;
padding: 0;
width: 100%;
}
#wifi-top .low_top_sec_06__tag__content li::after {
left: 50%;
top: 100%;
margin: 0;
text-align: center;
transform: translateX(-50%);
content: "\f078";
}
#wifi-top .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
}
#wifi-top .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#wifi-top .low_top_sec_06__tag__content_01__content {
margin-top: 20px;
display: flex;
align-items: center;
}
#wifi-top .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #ff4c40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
#wifi-top .low_top_sec_06__tag__content_01__text {
flex: 1;
font-weight: bold;
font-size: 15px;
}
}
#wifi-top .m-flow_list {
display: flex;
}
#wifi-top .m-flow_list__item {
position: relative;
background: #fff;
width: calc(33.3% - 20px);
margin-right: 30px;
min-height: 300px;
padding: 10px 15px 10px;
}
#wifi-top .m-flow_list__item:before {
position: absolute;
width: 70px;
height: 70px;
content: "";
display: block;
top: -80px;
left: 0;
right: 0;
margin: 0px auto;
}
#wifi-top .m-flow_list__item:nth-last-child(1):before {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_flow3.svg);
}
#wifi-top .m-flow_list__item:nth-last-child(2):before {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_flow2.svg);
}
#wifi-top .m-flow_list__item:nth-last-child(3):before {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_flow1.svg);
}
#wifi-top .m-flow_list__item .list__title {
font-size: 20px;
text-align: center;
}
#wifi-top .m-flow_list__item .list__icon {
width: 135px;
display: block;
margin: 40px auto;
}
#wifi-top .m-flow_list__item .list__txt {
font-size: 14px;
font-weight: 400;
}
#wifi-top .m-flow_list__item .list__txt .is-red {
color: #ff0000;
}
#wifi-top .m-flow_list__item:last-child {
margin-right: 0px;
}
#wifi-top #wifi_slide .slide__item {
position: relative;
padding-top: 50px;
}
#wifi-top #wifi_slide .slide__item:before {
position: absolute;
width: 70px;
height: 70px;
content: "";
display: block;
top: 30px;
left: 0;
right: 0;
margin: 0px auto;
}
#wifi-top #wifi_slide .slide__item.is-one:before {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_flow1.svg);
}
#wifi-top #wifi_slide .slide__item.is-two:before {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_flow2.svg);
}
#wifi-top #wifi_slide .slide__item.is-three:before {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_flow3.svg);
}
#wifi-top #wifi_slide .slide__item .slide__wrapper {
padding-top: 61px;
display: block;
background: #fff;
border-radius: 5px;
min-height: 340px;
padding: 60px 15px 20px;
}
#wifi-top #wifi_slide .slide__item .slide__icon {
height: auto;
}
#wifi-top #wifi_slide .slide__item .slide__icon img {
width: auto;
display: block;
height: 100px;
margin: 20px auto;
}
#wifi-top #wifi_slide .slide__item .slide__title {
text-align: center;
}
#wifi-top #wifi_slide .slide__item .slide__txt {
font-size: 14px;
font-weight: 400;
}
#wifi-top #wifi_slide .slide__item .slide__txt.is-red {
color: #ff0000;
}
#wifi-top .is-pc {
display: flex;
}
@media screen and (max-width: 590px) {
#wifi-top .is-pc {
display: none;
}
}
#wifi-top .is-sp {
display: none;
}
@media screen and (max-width: 590px) {
#wifi-top .is-sp {
display: block;
}
} #wifi-top .low_top_sec_07 {
padding: 60px 0;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_QA_back.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: right;
}
#wifi-top .low_top_sec_07_block {
margin: 50px 0;
}
#wifi-top .low_top_sec_07 .low_top_sec_07-box {
background-color: white;
border: solid 3px #A96F98;
border-radius: 36px;
margin: 20px 0;
padding: 20px 40px 15px 60px;
}
#wifi-top .low_top_sec_07 input {
display: none;
}
#wifi-top .low_top_sec_07 label {
display: block !important;
font-size: 18px;
position: relative;
font-weight: 600;
}
#wifi-top .low_top_sec_07 label:before {
content: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_Q.svg);
font-size: 36px;
position: absolute;
height: 22px;
width: 22px;
left: -35px;
top: -13px;
font-weight: bold;
}
#wifi-top .low_top_sec_07 label:after {
content: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_Q_arrow.svg);
position: absolute;
bottom: -2.15rem;
right: 0;
top: 0;
margin-left: -0.1rem;
width: 20px;
height: 20px;
transition: all 0.3s;
}
#wifi-top .low_top_sec_07 .answer {
overflow: hidden;
color: #A96F98;
font-size: 16px;
transition: max-height 0.3s;
max-height: 0px;
}
#wifi-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label ~ .answer {
max-height: 10000px;
transition: all 1s;
margin: 10px 0;
}
#wifi-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label::after {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
top: 0;
transition: all 0.3s;
}
@media screen and (max-width: 590px) {
#wifi-top .low_top_sec_07 .low_top_sec_07-box {
margin: 10px 0;
padding: 10px 15px 0;
}
#wifi-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label::after {
top: 10px;
}
#wifi-top .low_top_sec_07 .container {
margin: 0px;
width: auto;
}
#wifi-top .low_top_sec_07 label {
font-size: 15px;
margin-bottom: 0px !important;
padding: 5px 20px 0 25px;
}
#wifi-top .low_top_sec_07 label:before {
font-size: 24px;
left: 0px;
top: 0;
width: 20px;
}
#wifi-top .low_top_sec_07 label:after {
width: 15px;
height: 15px;
top: 5px;
}
#wifi-top .low_top_sec_07 .answer {
font-size: 14px;
padding: 10px 0 0 0;
}
} @media screen and (max-width: 590px) {
#wifi-top #tag__container {
height: 560px;
}
}
.headline_6::before {
background-color: #C86F98;
}
.headline_6 > span {
color: #C86F98;
}
.low section {
margin-top: 0px;
margin-bottom: 0px;
}
.wifi-flow {
padding: 0 !important;
}
.wifi-flow__inner {
margin-top: 80px;
padding: 80px;
background-color: #F4ECF2;
}
.wifi-flow__tag__wrapper {
padding: 0;
}
.wifi-flow__tag__wrapper .tab-wrap {
background-color: transparent;
}
.wifi-flow__tag__wrapper .tab__content {
margin-top: 20px;
padding: 80px 20px 20px 20px;
border: 2px solid #d9d3c9;
background-color: #fff;
}
.wifi-flow__tag__wrapper .tab__content > ol > li {
position: relative;
display: flex;
margin-bottom: 80px;
}
.wifi-flow__tag__wrapper .tab__content > ol > li::after {
content: "";
margin: 0 0 0 -20px;
padding: 0;
width: 40px;
height: 40px;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
bottom: -50px;
left: 50%;
}
.wifi-flow__tag__wrapper .tab__content > ol > li:last-child::after {
display: none;
margin-bottom: 0;
} .wifi-flow__tag__wrapper .wifi-flow__tag__content_01__icon {
width: 100px;
height: auto;
margin-left: 30px;
}
.wifi-flow__tag__wrapper .wifi-flow__tag__content_01__content {
flex: 1;
display: flex;
flex-wrap: wrap;
margin-left: 60px;
}
.wifi-flow__tag__wrapper .wifi-flow__tag__content_01__no {
font-size: 34px;
font-weight: bold;
color: #A96F98;
}
.wifi-flow__tag__wrapper .wifi-flow__tag__content_01__title {
display: flex;
justify-content: center;
align-items: center;
margin-left: 20px;
font-size: 18px;
font-weight: bold;
color: #A96F98;
}
.wifi-flow__tag__wrapper .wifi-flow__tag__content_01__text {
margin-top: 10px;
line-height: 2em;
width: 100%;
}
.wifi-flow__tag__wrapper .wifi-flow__tag__content_01__text span {
display: block;
font-weight: bold;
}
.wifi-flow__tag__wrapper .wifi-flow__tag__content_01 .komg, .wifi-flow__tag__wrapper .wifi-flow__tag__content_01__button {
margin-top: 20px;
width: 100%;
}
.wifi-flow__tag__wrapper .wifi-flow__tag__content_01 .komg .button, .wifi-flow__tag__wrapper .wifi-flow__tag__content_01__button .button {
width: 50%;
}
.wifi-flow__button {
margin: 80px auto 0 auto;
}
.wifi-flow__button li:last-child {
margin-top: 20px;
}
@media screen and (max-width: 960px) {
.wifi-flow .tab-wrap {
display: block;
}
.wifi-flow__tag__wrapper .tab__content {
padding-top: 20px;
}
.wifi-flow__tag__wrapper .tab__content > ol > li {
flex-wrap: wrap;
margin-bottom: 87px;
}
.wifi-flow__tag__wrapper .tab__content > ol > li:last-child {
margin-bottom: 0;
}
.wifi-flow__tag__wrapper .tab__content > ol > li .wifi-flow__tag__content_01__icon {
display: none;
}
.wifi-flow__tag__wrapper .tab__content > ol > li .wifi-flow__tag__content_01__content {
margin-left: 0;
}
.wifi-flow__tag__wrapper .tab__content > ol > li .wifi-flow__tag__content_01__no {
width: 10%;
}
.wifi-flow__tag__wrapper .tab__content > ol > li .wifi-flow__tag__content_01__title {
justify-content: flex-start;
padding-right: 14%;
width: 90%;
margin-left: 0;
}
.wifi-flow__tag__wrapper .tab__content > ol > li .wifi-flow__tag__content_01 .komg .butto, .wifi-flow__tag__wrapper .tab__content > ol > li .wifi-flow__tag__content_01__button .button {
width: 100%;
}
.wifi-flow__tag__wrapper .tab__content > ol > li:nth-child(1) .wifi-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_nagare_moushikomi.svg) no-repeat right center/10vw auto;
}
.wifi-flow__tag__wrapper .tab__content > ol > li:nth-child(2) .wifi-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_nagare_kakunin.svg) no-repeat right top/10vw auto;
}
.wifi-flow__tag__wrapper .tab__content > ol > li:nth-child(3) .wifi-flow__tag__content_01__title {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/wifi/wifi_nagare_start.svg) no-repeat right center/10vw auto;
}
}
@media screen and (max-width: 590px) {
.wifi-flow__inner {
margin-top: 20px;
padding: 20px;
}
.wifi-flow__tag__wrapper {
margin-top: 40px;
padding: 0;
}
.wifi-flow__tag__wrapper .tab__content ol li:nth-child(n+2) .wifi-flow__tag__content_01__icon {
margin-top: 80px;
}
.wifi-flow__tag__wrapper .tab__content ol li:nth-child(n+2) .wifi-flow__tag__content_02__icon {
margin-top: 80px;
}
.wifi-flow__tag__wrapper .wifi-flow__tag__content_01__text {
font-size: 14px;
}
.wifi-flow__tag__wrapper .wifi-flow__tag__content_01__icon img {
width: 100px;
height: auto;
}
.wifi-flow__tag__wrapper .wifi-flow__tag__content_01__content {
margin-top: 20px;
margin-left: 0;
}
.wifi-flow__tag__wrapper .wifi-flow__tag__content_01__no {
width: 20px;
font-size: 26px;
}
.wifi-flow__tag__wrapper .wifi-flow__tag__content_01__title {
flex: 1;
margin-left: 10px;
}
.wifi-flow__tag__wrapper .wifi-flow__tag__content_01 .komg .button, .wifi-flow__tag__wrapper .wifi-flow__tag__content_01__button .button {
width: 100%;
}
.wifi-flow__button {
margin: 20px auto 0 auto;
}
} #wifi-top .m-option_service {
background-color: #fff;
}
#wifi-top .m-option_service__inner {
position: relative;
margin-top: 40px;
padding: 60px 0 100px 0;
background-size: 100% auto;
background: linear-gradient(90deg, #f1e8ef, #d1cbde);
background-size: 60% 90%;
background-repeat: no-repeat;
background-position: left;
}
@media screen and (max-width: 960px) {
#wifi-top .m-option_service__inner {
margin-top: 0;
padding: 20px;
background-image: none;
}
}
@media screen and (max-width: 590px) {
#wifi-top .m-option_service__inner {
padding-bottom: 0;
}
}
#wifi-top .m-option_service__img img {
position: absolute;
top: 0;
left: 10%;
width: 45%;
height: auto;
object-fit: cover;
}
@media screen and (max-width: 960px) {
#wifi-top .m-option_service__img img {
position: static;
width: 100%;
height: auto;
}
}
#wifi-top .m-option_service .headline_2 {
color: #A96F98;
font-size: 34px;
font-weight: lighter;
}
@media screen and (max-width: 960px) {
#wifi-top .m-option_service .headline_2 {
font-weight: 300;
}
}
#wifi-top .m-option_service__text {
display: flex;
align-items: center;
justify-content: flex-end;
}
@media screen and (max-width: 960px) {
#wifi-top .m-option_service__text {
align-items: flex-start;
justify-content: center;
}
}
@media screen and (max-width: 590px) {
#wifi-top .m-option_service__text {
padding: 0;
}
}
#wifi-top .m-option_service__box {
width: 50%;
padding: 40px 0 40px 40px;
background-color: #fff;
}
@media screen and (max-width: 960px) {
#wifi-top .m-option_service__box {
width: 100%;
padding: 20px;
}
}
@media screen and (max-width: 590px) {
#wifi-top .m-option_service__box {
margin: 0;
padding: 20px 0;
}
}
#wifi-top .m-option_service .text {
margin-top: 18px;
line-height: 2;
}
#wifi-top .m-option_service .note {
margin-top: 14px;
line-height: 2;
color: #333333;
margin-bottom: 10px;
}
@media screen and (max-width: 590px) {
#wifi-top .m-option_service .note {
font-size: 12px;
}
}
#wifi-top .m-description {
width: 100%;
background-color: #fff;
}
#wifi-top .m-description__inner {
width: calc(100% - 56px);
max-width: 790px;
margin: 30px auto;
border: solid 1px #424242;
padding: 32px;
}
#wifi-top .m-description__inner__title {
text-align: center;
font-size: 18px;
margin-bottom: 27px;
color: #666;
}
#wifi-top .m-description__inner__text {
margin-bottom: 16px;
font-size: 16px;
}
@media screen and (max-width: 590px) {
#wifi-top .m-description {
padding: 20px 0;
}
#wifi-top .m-description__inner {
width: calc(100% - 16px);
padding: 32px 16px;
margin: 0 auto;
}
}  #teigaku-top .low__kv__back {
height: 50vh;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/teigaku/teigaku_top_back.jpg);
background-attachment: fixed;
position: relative;
}
#teigaku-top .low__kv__back .kv-ttl_pc {
position: absolute;
bottom: 30px;
right: 75px;
}
#teigaku-top .low__kv__back .kv-ttl_pc img {
height: auto;
object-fit: contain;
width: 700px;
}
#teigaku-top .low__kv__back .kv-ttl_sp {
width: 85%;
top: 0px;
right: 30px;
object-fit: contain;
position: absolute;
bottom: -20px;
}
#teigaku-top .low__kv__back .kv-ttl_sp img {
object-fit: contain;
}
@media screen and (max-width: 960px) {
#teigaku-top .low__kv__back {
height: 300px;
}
#teigaku-top .low__kv__back .kv-ttl_pc {
top: 80px;
right: 50px;
}
#teigaku-top .low__kv__back .kv-ttl_pc img {
height: auto;
width: 400px;
object-fit: contain;
}
}
@media screen and (max-width: 590px) {
#teigaku-top .low__kv {
position: relative;
height: 200px;
}
#teigaku-top .low__kv__back {
background-image: none;
background-attachment: unset;
height: 200px;
}
#teigaku-top .low__kv__back:before {
content: "";
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 310px;
z-index: -10;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/teigaku/teigaku_top_back.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: 20% 0%;
background-size: 200%;
}
} #teigaku-top .teigaku-top_sec_03 {
background-color: #fff;
}
#teigaku-top .subline_1 {
text-align: center;
font-size: 20px;
font-weight: bold;
margin-top: 40px;
line-height: 2em;
}
@media screen and (max-width: 590px) {
#teigaku-top .subline_1 {
margin: 0px 15px;
}
}
#teigaku-top .main-price {
padding: 5px 10px 10px 10px;
}
#teigaku-top .headline_4 {
font-family: "Trebuchet MS", "Hind", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
#teigaku-top .teigaku-top_sec_03__inner-1 {
position: relative;
margin-top: 40px;
height: 450px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/teigaku/teigaku_bg1.png);
background-size: 65% 90%;
background-position: right center;
}
#teigaku-top .teigaku-top_sec_03__inner-2 {
height: 450px;
margin-top: 40px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/teigaku/teigaku_bg2.png);
background-size: 70% 90%;
background-position: left center;
}
#teigaku-top .teigaku-top_sec_03__inner-1 .teigaku-top_sec_03__box {
margin-top: 10%;
padding: 40px 40px 40px 0;
background-color: #fff;
}
#teigaku-top .teigaku-top_sec_03__inner-2 .teigaku-top_sec_03__box {
margin-top: 10%;
padding: 40px 0 40px 40px;
background-color: #fff;
}
#teigaku-top .teigaku-top_sec_03__inner-2 .teigaku-top_sec_03__box__wrapper {
display: flex;
justify-content: flex-end;
}
#teigaku-top .teigaku-top_sec_03__text {
margin-top: 20px;
margin-bottom: 20px;
font-size: 16px;
line-height: 2em;
}
#teigaku-top .teigaku-top_sec_03__text-2 {
font-size: 13px;
margin-bottom: 20px;
}
#teigaku-top .teigaku-top_sec_03__img-1 {
position: absolute;
top: 0;
left: 40%;
height: 100%;
}
#teigaku-top .teigaku-top_sec_03__img-1 img {
width: auto;
height: 100%;
}
#teigaku-top .teigaku-top_sec_03__img-2 {
position: absolute;
top: 0;
left: 20%;
height: 100%;
}
#teigaku-top .teigaku-top_sec_03__img-2 img {
width: auto;
height: 100%;
}
#teigaku-top .teigaku-top_sec_03__inner-1 .headline_2 {
color: #008793;
font-weight: 200;
}
@media screen and (max-width: 590px) {
#teigaku-top .teigaku-top_sec_03__inner-1 .headline_2 {
font-weight: 300;
}
}
#teigaku-top .teigaku-top_sec_03__inner-1 .main-price {
text-align: center;
color: #008793;
background-color: #f7f7f7;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
}
#teigaku-top .teigaku-top_sec_03__inner-2 .headline_2 {
color: #FF8B40;
}
@media screen and (max-width: 590px) {
#teigaku-top .teigaku-top_sec_03__inner-2 .headline_2 {
font-weight: 300;
}
}
#teigaku-top .teigaku-top_sec_03__inner-2 .main-price {
text-align: center;
color: #FF8B40;
background-color: #f7f7f7;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
}
#teigaku-top .teigaku-top_sec_03 #price-lg {
font-size: 32px;
}
#teigaku-top .teigaku-top_sec_03 #price-md {
font-size: 24px;
}
@media screen and (max-width: 960px) {
#teigaku-top .teigaku-top_sec_03__inner-1, #teigaku-top .teigaku-top_sec_03__inner-2 {
height: auto;
}
#teigaku-top .teigaku-top_sec_03__img-1, #teigaku-top .teigaku-top_sec_03__img-2 {
position: static;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
}
#teigaku-top .teigaku-top_sec_03__img-1 img, #teigaku-top .teigaku-top_sec_03__img-2 img {
width: 70%;
height: auto;
}
}
@media screen and (max-width: 590px) {
#teigaku-top .teigaku-top_sec_03 {
padding: 30px 0 !important;
}
#teigaku-top .teigaku-top_sec_03__inner-1 {
background: none;
}
#teigaku-top .teigaku-top_sec_03__img-1 img, #teigaku-top .teigaku-top_sec_03__img-2 img {
width: 100%;
}
#teigaku-top .teigaku-top_sec_03__inner-2 {
background: none;
}
#teigaku-top .teigaku-top_sec_03__inner-1 .teigaku-top_sec_03__box {
margin-top: 20px;
padding: 0px;
}
#teigaku-top .teigaku-top_sec_03__inner-2 .teigaku-top_sec_03__box {
margin-top: 20px;
padding: 0px;
}
#teigaku-top .teigaku-top_sec_03__inner-2 .teigaku-top_sec_03__box__wrapper {
display: flex;
justify-content: flex-end;
}
#teigaku-top .teigaku-top_sec_03__text {
margin-top: 20px;
}
#teigaku-top .subline_1 {
font-size: 15px;
font-weight: normal;
margin-top: 20px;
text-align: left;
}
#teigaku-top .subline_1 br {
display: none;
}
} #teigaku-top .teigaku-top_sec_03__inner-3 {
margin-top: 80px;
}
#teigaku-top .teigaku-top_sec_03__inner-3__item {
display: flex;
justify-content: space-between;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-1 {
width: 48%;
border: solid 1px #005090;
border-radius: 10px;
padding: 20px 40px;
text-align: center;
} #teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-1 ul {
font-size: 13px;
text-align: left;
margin-top: 20px;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-1 ul li:nth-child(2) {
padding-left: 90px;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-1 ul li small {
vertical-align: super;
} #teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-2 ul {
font-size: 13px;
text-align: left;
margin-top: 20px;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-2 ul li:nth-child(2), #teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-2 ul li:nth-child(3), #teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-2 ul li:nth-child(4) {
padding-left: 90px;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-2 ul li small {
vertical-align: super;
} #teigaku-top .teigaku-top_sec_03__inner-3 ul {
font-size: 13px;
text-align: left;
margin-top: 15px;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-2 {
width: 48%;
border: solid 1px #FF8B40;
border-radius: 10px;
padding: 20px 40px;
text-align: center;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-1__title {
color: #008793;
font-size: 28px;
font-weight: bold;
text-align: center;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-2__title {
color: #FF8B40;
font-size: 28px;
font-weight: bold;
text-align: center;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-1__img {
height: 100px;
max-width: 100%;
margin-top: 10px;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-2__img {
height: 100px;
max-width: 100%;
margin-top: 10px;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-2__text {
font-size: 13px;
margin-top: 20px;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-1 .main-price {
text-align: center;
color: #008793;
background-color: #f7f7f7;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
margin-top: 50px;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-2 .main-price {
text-align: center;
color: #FF8B40;
background-color: #f7f7f7;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
margin-top: 10px;
}
@media screen and (max-width: 960px) {
#teigaku-top .teigaku-top_sec_03__inner-3 {
margin-top: 0;
}
#teigaku-top .teigaku-top_sec_03__inner-3__item {
flex-wrap: wrap;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-1, #teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-2 {
margin-top: 20px;
width: 100%;
}
}
@media screen and (max-width: 590px) {
#teigaku-top .teigaku-top_sec_03__inner-3 {
margin-top: 0;
}
#teigaku-top .teigaku-top_sec_03__inner-3 ul.note {
margin: 15px 15px 0 15px;
}
#teigaku-top .teigaku-top_sec_03__inner-3__item {
padding: 0 10px;
}
#teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-1, #teigaku-top .teigaku-top_sec_03 .teigaku-plan__box-2 {
margin-top: 20px;
padding: 20px 10px;
width: 100%;
}
} #teigaku-top .headline_1 {
text-align: center !important;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/teigaku/teigaku_textline.svg);
}
#teigaku-top .column {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/column/column_bg_denki.jpg);
}
#teigaku-top .headline_2 {
color: #746216;
}
#teigaku-top .low_top_sec_01 {
background-color: #fff;
}
#teigaku-top .low_top_sec_01__item {
justify-content: center;
}
#teigaku-top .low_top_sec_01__item a:hover {
background-color: rgba(255, 185, 74, 0.3);
}
#teigaku-top .low_top_sec_01__item_icon {
width: 100px;
height: auto;
}
#teigaku-top .low_top_sec_01__item_text {
color: #551d00;
line-height: 2em;
}
#teigaku-top .low_top_sec_01 .note {
margin-top: 20px;
}
@media screen and (max-width: 992px) {
.low_top_sec_01__item li {
margin-bottom: 20px;
}
}
@media screen and (max-width: 960px) {
#teigaku-top .low_top_sec_01__item {
padding: 0 5px;
}
#teigaku-top .low_top_sec_01__item a {
padding: 15px 0;
}
#teigaku-top .low_top_sec_01__item li {
width: 33.3%;
padding: 0 5px;
}
#teigaku-top .low_top_sec_01__item_icon {
width: 60%;
}
#teigaku-top .low_top_sec_01__item_text {
margin-top: 15px;
padding: 0 5px;
font-size: 13px;
}
}
@media screen and (max-width: 590px) {
#teigaku-top .low_top_sec_01__item {
padding: 0 5px;
}
#teigaku-top .low_top_sec_01__item__text {
margin: 15px 5px;
font-size: 13px;
}
#teigaku-top .low_top_sec_01__item__text br {
display: none;
}
} #teigaku-top .teigaku-top_sec_04 {
background-color: #fff;
}
#teigaku-top .teigaku-top_sec_04__inner {
margin: 60px 0 40px;
padding: 40px 0;
background-size: 80% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/teigaku/teigaku_bg1.png);
background-size: 60% 100%;
background-position: right center;
}
.teigaku-top_sec_04__wrapper {
display: flex;
align-items: flex-end;
}
#teigaku-top .teigaku-top_sec_04__box {
padding: 40px 40px 40px 0;
background-color: #fff;
}
#teigaku-top .headline_2 {
color: #551D00;
}
#teigaku-top .teigaku-top_sec_04__box p {
margin-top: 40px;
line-height: 2em;
}
#teigaku-top .teigaku-top_sec_04__box ul li:first-child {
margin-bottom: 40px;
}
#teigaku-top .teigaku-top_sec_04__img img {
width: 751px;
max-width: 100%;
margin-top: 0;
}
#teigaku-top .teigaku-top_sec_04__img {
vertical-align: middle;
}
@media screen and (max-width: 960px) {
#teigaku-top .teigaku-top_sec_04 {
padding: 40px 0 !important;
}
#teigaku-top .teigaku-top_sec_04__inner {
background-color: #E5FFF7;
background-image: none;
padding: 20px 0;
}
#teigaku-top .teigaku-top_sec_04__box {
margin-top: 20px;
padding: 20px;
}
#teigaku-top .teigaku-top_sec_04__box .headline_2 {
font-size: 26px;
}
#teigaku-top .teigaku-top_sec_04__box p {
margin-top: 20px;
}
#teigaku-top .teigaku-top_sec_04__img {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
height: auto;
}
#teigaku-top .teigaku-top_sec_04__img img {
margin-top: 0;
width: 100%;
height: auto;
}
}
@media screen and (max-width: 590px) {
#teigaku-top .teigaku-top_sec_04 {
background-color: #e5fff7;
}
#teigaku-top .teigaku-top_sec_04__wrapper {
padding: 10px;
}
#teigaku-top .teigaku-top_sec_04__inner {
margin: 20px 0 0;
}
#teigaku-top .teigaku-top_sec_04__box {
margin: 0 !important;
padding: 0 0px;
width: 100%;
background: none;
}
} #teigaku-top .low_top_sec_05 {
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/img_03.jpg);
background-size: cover;
}
#teigaku-top .low_top_sec_05 .headline_1 {
margin-top: 80px;
text-align: center;
}
#teigaku-top .low_top_sec_05 .headline_2 {
margin-top: 40px;
text-align: center;
}
#teigaku-top .low_top_sec_05 .headline_2 br {
display: none;
}
#teigaku-top .low_top_sec_05__text {
margin-top: 40px;
line-height: 2em;
text-align: center;
}
#teigaku-top .low_top_sec_05__item {
margin-top: 40px;
}
#teigaku-top .low_top_sec_05__item li {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
align-items: flex-start;
}
#teigaku-top .low_top_sec_05__item li a {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
align-items: flex-start;
padding: 50px 0;
width: 250px;
height: 250px;
background-color: #fff;
text-align: center;
border-radius: 100%;
}
#teigaku-top .low_top_sec_05__icon {
width: 100%;
}
#teigaku-top .low_top_sec_05__icon img {
width: 40%;
height: auto;
}
#teigaku-top .low_top_sec_05__logo {
width: 100%;
}
#teigaku-top .low_top_sec_05__logo img {
width: 70%;
height: auto;
}
#teigaku-top .low_top_sec_05__cath {
width: 100%;
padding: 20px;
font-size: 14px;
}
#teigaku-top .low_top_sec_05__button {
margin: 40px auto 0 auto;
padding: 0;
}
@media screen and (max-width: 960px) {
#teigaku-top .low_top_sec_05__item li a {
width: 150px;
height: 150px;
}
#teigaku-top .low_top_sec_05__icon img {
width: 60px;
height: auto;
}
#teigaku-top .low_top_sec_05__logo img {
width: 100px;
height: auto;
}
#teigaku-top .low_top_sec_05__cath {
padding: 10px 0;
}
}
@media screen and (max-width: 590px) {
#teigaku-top .low_top_sec_05 .headline_1 {
margin-top: 40px;
}
#teigaku-top .low_top_sec_05 .headline_2 {
margin-top: 20px;
}
#teigaku-top .low_top_sec_05 .headline_2 br {
display: block;
}
#teigaku-top .low_top_sec_05__text {
margin-top: 20px;
}
#teigaku-top .low_top_sec_05__item {
margin-top: 0;
}
#teigaku-top .low_top_sec_05__item li {
margin-top: 40px;
}
#teigaku-top .low_top_sec_05__item li a {
padding: 30px 0;
}
#teigaku-top .low_top_sec_05__cath {
padding: 10px 20px 0 20px;
}
}
#teigaku-top .low_top_sec_06 {
padding: 0 40px 20px;
}
#teigaku-top .low_top_sec_06__inner {
padding: 80px 0;
background-color: #FFF8D8;
}
#teigaku-top .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#teigaku-top .low_top_sec_06__tag__content ol {
display: flex;
justify-content: space-between;
}
#teigaku-top .low_top_sec_06__tag__content li {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding: 0 10px;
width: 20%;
}
#teigaku-top .low_top_sec_06__tag__content li::after {
position: absolute;
right: -30px;
top: 30px;
margin: 0 10px;
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
opacity: 0.7;
}
#teigaku-top .low_top_sec_06__tag__content li:last-child::after {
display: none;
}
#teigaku-top .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
}
#teigaku-top .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#teigaku-top .low_top_sec_06__tag__content_01__content {
margin-top: 20px;
display: flex;
align-items: center;
}
#teigaku-top .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #FF4C40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
#teigaku-flow .low_top_sec_06__tag__content_01__text {
flex: 1;
font-weight: bold;
font-size: 15px;
}
#teigaku-flow .low_top_sec_06 {
padding: 0;
}
#teigaku-flow .low_top_sec_06__inner {
padding: 40px 20px;
}
#teigaku-flow .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#teigaku-flow .low_top_sec_06__tag__content ol {
flex-wrap: wrap;
}
#teigaku-flow .low_top_sec_06__tag__content li {
margin-bottom: 40px;
padding: 0;
width: 100%;
}
#teigaku-flow .low_top_sec_06__tag__content li::after {
left: 50%;
top: 100%;
margin: 0;
text-align: center;
transform: translateX(-50%);
content: "\f078";
}
#teigaku-flow .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
}
#teigaku-flow .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#teigaku-flow .low_top_sec_06__tag__content_01__content {
margin-top: 20px;
display: flex;
align-items: center;
}
#teigaku-flow .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #ff4c40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
#teigaku-flow .low_top_sec_06__tag__content_01__text {
flex: 1;
font-weight: bold;
font-size: 15px;
}
@media screen and (max-width: 590px) {
#teigaku-top .low_top_sec_06 {
padding: 0;
}
#teigaku-top .low_top_sec_06__inner {
padding: 40px 20px;
}
#teigaku-top .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#teigaku-top .low_top_sec_06__tag__content ol {
flex-wrap: wrap;
}
#teigaku-top .low_top_sec_06__tag__content li {
margin-bottom: 40px;
padding: 0;
width: 100%;
}
#teigaku-top .low_top_sec_06__tag__content li::after {
left: 50%;
top: 100%;
margin: 0;
text-align: center;
transform: translateX(-50%);
content: "\f078";
}
#teigaku-top .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
}
#teigaku-top .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#teigaku-top .low_top_sec_06__tag__content_01__content {
margin-top: 20px;
display: flex;
align-items: center;
}
#teigaku-top .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #ff4c40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
} .teigaku-flow {
padding: 0 !important;
}
.teigaku-flow .headline_6::before {
background-color: #FFB036;
}
.teigaku-flow .headline_6 > span {
color: #FFB036;
}
.teigaku-flow__inner {
margin-top: 80px;
padding: 80px;
background-color: #FFF8D8;
}
#teigaku-flow .low_top_sec_06 {
padding: 0 40px;
margin-top: 60px;
}
#teigaku-flow .low_top_sec_06__inner {
padding: 80px 0;
margin-bottom: 80px;
background-color: #FFF8D8;
}
@media screen and (max-width: 590px) {
#teigaku-flow .low_top_sec_06 {
padding: 0;
}
#teigaku-flow .low_top_sec_06__inner {
padding: 40px 20px;
}
#teigaku-flow .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#teigaku-flow .low_top_sec_06__tag__content ol {
flex-wrap: wrap;
}
#teigaku-flow .low_top_sec_06__tag__content li {
margin-bottom: 40px;
padding: 0;
width: 100%;
}
#teigaku-flow .low_top_sec_06__tag__content li::after {
left: 50%;
top: 100%;
margin: 0;
text-align: center;
transform: translateX(-50%);
content: "\f078";
}
#teigaku-flow .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
}
#teigaku-flow .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#teigaku-flow .low_top_sec_06__tag__content_01__content {
margin-top: 20px;
display: flex;
align-items: center;
}
#teigaku-flow .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #ff4c40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
}
#teigaku-flow .low_top_sec_06__inner {
padding: 80px 0;
margin-bottom: 80px;
background-color: #FFF8D8;
}
#teigaku-flow .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#teigaku-flow .low_top_sec_06__tag__content ol {
display: flex;
justify-content: space-between;
}
#teigaku-flow .low_top_sec_06__tag__content li {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding: 0 10px;
width: 20% !important;
}
#teigaku-flow .low_top_sec_06__tag__content li::after {
position: absolute;
left: 100% !important;
top: 30px !important;
margin: 0 10px;
font-family: "Font Awesome 5 Free";
content: "\f054" !important;
font-weight: 900;
opacity: 0.7;
}
#teigaku-flow .low_top_sec_06__tag__content li:last-child::after {
display: none;
}
#teigaku-flow .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
}
#teigaku-flow .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#teigaku-flow .low_top_sec_06__tag__content_01__content {
margin-top: 20px;
display: flex;
align-items: center;
}
#teigaku-flow .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #FF4C40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
#teigaku-flow .low_top_sec_06__tag__content_01__text {
flex: 1;
font-weight: bold;
font-size: 15px;
}
#teigaku-flow .low_top_sec_06 {
padding: 0;
}
#teigaku-flow .low_top_sec_06__inner {
padding: 40px 20px;
}
#teigaku-flow .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#teigaku-flow .low_top_sec_06__tag__content ol {
flex-wrap: wrap;
}
#teigaku-flow .low_top_sec_06__tag__content li {
margin-bottom: 40px;
padding: 0;
width: 100%;
}
#teigaku-flow .low_top_sec_06__tag__content li::after {
left: 50%;
top: 100%;
margin: 0;
text-align: center;
transform: translateX(-50%);
content: "\f078";
}
#teigaku-flow .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
}
#teigaku-flow .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#teigaku-flow .low_top_sec_06__tag__content_01__content {
margin-top: 20px;
display: flex;
align-items: center;
}
#teigaku-flow .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #ff4c40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
#teigaku-flow .low_top_sec_06__tag__content_01__text {
flex: 1;
font-weight: bold;
font-size: 15px;
}
@media screen and (max-width: 590px) {
#teigaku-flow .low_top_sec_06 {
padding: 0;
}
#teigaku-flow .low_top_sec_06__inner {
padding: 40px 20px;
}
#teigaku-flow .low_top_sec_06__tag__wrapper {
margin-top: 40px;
}
#teigaku-flow .low_top_sec_06__tag__content ol {
flex-wrap: wrap;
}
#teigaku-flow .low_top_sec_06__tag__content li {
margin-bottom: 40px;
padding: 0;
width: 100%;
}
#teigaku-flow .low_top_sec_06__tag__content li::after {
left: 50%;
top: 100%;
margin: 0;
text-align: center;
transform: translateX(-50%);
content: "\f078";
}
#teigaku-flow .low_top_sec_06__tag__content_01__icon {
display: flex;
justify-content: center;
align-items: flex-start;
width: 100%;
}
#teigaku-flow .low_top_sec_06__tag__content_01__icon img {
width: 80px;
height: 80px;
}
#teigaku-flow .low_top_sec_06__tag__content_01__content {
margin-top: 20px;
display: flex;
align-items: center;
}
#teigaku-flow .low_top_sec_06__tag__content_01__no {
width: 50px;
color: #ff4c40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
}
.teigaku-flow__button {
margin: 40px auto 0 auto;
}
.teigaku-flow__button li {
margin-top: 20px;
}
#teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content_01__text {
padding-left: 10px;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second ol, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second ol {
flex-wrap: wrap;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second ol > li, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second ol > li {
display: flex;
margin-top: 100px;
width: 100% !important;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second ol > li::after, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second ol > li::after {
display: none;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second ol > li::before, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second ol > li::before {
content: "";
margin-left: -25px;
padding: 0;
width: 50px;
height: 50px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
top: 110%;
left: 50%;
opacity: 0.7;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second ol > li:first-child, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second ol > li:first-child {
margin-top: 0;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second ol > li:last-child::before, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second ol > li:last-child::before {
display: none;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__icon, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__icon {
display: flex;
padding-top: 30px;
width: 20%;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__content, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__content {
flex-wrap: wrap !important;
width: 80%;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__no, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__no {
width: 10%;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__title, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__title {
width: 90%;
font-weight: bold;
font-size: 18px;
color: #ff4c40;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__text, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__text {
margin-top: 20px;
width: 100% !important;
line-height: 2em;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__text ul, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__text ul {
flex-wrap: wrap;
margin-top: 20px;
width: 100% !important;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__text ul li, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__text ul li {
width: 100%;
width: 100% !important;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__text ul li::after, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__text ul li::after {
display: none;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__button, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__button {
width: 100% !important;
margin-top: 20px;
}
#teigaku-flow .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__button a, #teigaku-top .low_top_sec_06 .low_top_sec_06__tag__content#second .low_top_sec_06__tag__content_01__button a {
width: 60% !important;
}
#teigaku-top .low_top { }
#teigaku-top .low_top_sec_07 {
padding: 60px 0;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/denki_QA_back.jpg);
background-repeat: no-repeat;
background-size: cover;
}
#teigaku-top .low_top_sec_07_block {
margin: 50px 0;
}
#teigaku-top .low_top_sec_07 .low_top_sec_07-box {
background-color: white;
border: solid 3px #04c48a;
border-radius: 36px;
margin: 20px 0;
padding: 20px 40px 15px 60px;
}
#teigaku-top .low_top_sec_07 input {
display: none;
}
#teigaku-top .low_top_sec_07 label {
display: block !important;
font-size: 18px;
position: relative;
font-weight: 600;
}
#teigaku-top .low_top_sec_07 label:before {
content: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/gas_Q.svg);
font-size: 36px;
position: absolute;
height: 22px;
width: 22px;
left: -35px;
top: -13px;
font-weight: bold;
}
#teigaku-top .low_top_sec_07 label:after {
content: url(//marutto.co.jp/wp-content/themes/marutto/app/img/gas/gas_Q_arrow.svg);
position: absolute;
bottom: -2.15rem;
right: 0;
top: 0;
margin-left: -0.1rem;
width: 20px;
height: 20px;
transition: all 0.3s;
}
#teigaku-top .low_top_sec_07 .answer {
overflow: hidden;
color: #04c48a;
font-size: 16px;
transition: max-height 0.3s;
max-height: 0px;
}
#teigaku-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label ~ p {
max-height: 300px;
transition: all 1s;
margin: 10px 0;
}
#teigaku-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label::after {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
top: 0;
transition: all 0.3s;
}
@media screen and (max-width: 590px) {
#teigaku-top .low_top_sec_07 {
margin-top: -30px !important;
}
#teigaku-top .low_top_sec_07 .low_top_sec_07-box {
margin: 10px 0;
padding: 10px 15px 0;
}
#teigaku-top .low_top_sec_07 .low_top_sec_07-box input[type=checkbox]:checked ~ label::after {
top: 10px;
}
#teigaku-top .low_top_sec_07 .container {
margin: 0px;
width: auto;
}
#teigaku-top .low_top_sec_07 label {
font-size: 15px;
margin-bottom: 0px !important;
padding: 5px 20px 0 25px;
}
#teigaku-top .low_top_sec_07 label:before {
font-size: 24px;
left: 0px;
top: 0;
width: 20px;
}
#teigaku-top .low_top_sec_07 label:after {
width: 15px;
height: 15px;
top: 5px;
}
#teigaku-top .low_top_sec_07 .answer {
font-size: 14px;
padding: 10px 0 0 0;
}
} .header-lp {
position: relative;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/lp/head_back.jpg);
background-size: cover;
text-align: center;
}
.header-lp__logo {
padding: 30px 0 0 30px;
width: 230px;
}
.header-lp__logo img {
width: 100%;
height: auto;
}
.header-lp__h1 {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 100px;
padding-left: 10%;
width: 100%;
}
.header-lp__h1 img {
width: 90%;
height: auto;
}
.header-lp__button {
position: absolute;
bottom: 60px;
left: 50%;
width: 400px;
transform: translateX(-50%);
}
.container, .row {
clear: both;
}
@media screen and (max-width: 960px) {
.header-lp {
position: relative;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/lp/head_back.jpg);
background-size: cover;
}
.header-lp__logo {
padding: 10px 0 0 10px;
}
.header-lp__h1 {
margin-top: 40px;
}
.header-lp__h1 img {
width: 950%;
}
.header-lp__button {
bottom: -30px;
width: 50%;
}
}
@media screen and (max-width: 590px) {
.header-lp {
position: relative;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/lp/head_back.jpg);
background-size: cover;
}
.header-lp__logo {
padding: 10px 0 0 10px;
}
.header-lp__h1 {
margin-top: 40px;
}
.header-lp__h1 img {
width: 950%;
}
.header-lp__button {
bottom: -40px;
width: 100%;
padding: 0 20px;
}
}
.header-lp .yellow {
background-color: #FFDF57;
border: solid 1px #181E21;
font-size: 18px;
}
.low_top_sec_01__img-pc {
width: 100%;
max-width: 100%;
display: block;
}
.low_top_sec_01__img-sp {
display: none;
max-width: 100%;
} #lp-top .headline_1 .pinkmark {
display: inline-block;
background: linear-gradient(transparent 60%, #FFDEDF 60%);
width: auto;
height: 50px;
}
#lp-top .headline_1 .yellowmark {
display: inline-block;
background: linear-gradient(transparent 60%, #FFF03E 60%);
width: auto;
height: 50px;
}
#lp-top .headline_1 {
background-image: none;
}
#lp-top .low_top_sec_01__intro {
text-align: center;
font-weight: bold;
letter-spacing: 5px;
font-size: 18px;
margin: 30px auto 50px;
line-height: 2em;
}
#lp-top .green {
background-color: #A6FCD4;
border: solid 1px #181E21;
font-size: 18px;
}
@media screen and (max-width: 590px) {
#lp-top .low_top_sec_01__intro {
text-align: left;
font-weight: normal;
letter-spacing: 0;
font-size: 16px;
margin: 20px auto;
line-height: 1.5em;
}
} #lp-top .low_top_sec_02 {
background-color: #fff4f4;
transform: skewY(-4deg);
-webkit-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-moz-transform: skewY(-4deg);
-o-transform: skewY(-4deg);
}
#lp-top .low_top_sec_02 > .container {
transform: skewY(4deg);
-webkit-transform: skewY(4deg);
-ms-transform: skewY(4deg);
-moz-transform: skewY(4deg);
-o-transform: skewY(4deg);
}
#lp-top .headline_1 {
text-align: center;
font-size: 30px;
font-weight: bold;
letter-spacing: 5px;
}
#lp-top .headline_1 br {
display: none;
}
@media screen and (max-width: 960px) {
#lp-top .headline_1 {
font-size: 26px;
}
}
@media screen and (max-width: 590px) {
#lp-top .low_top_sec_02 .headline_1 {
margin-top: 40px;
}
}
#lp-top .headline_1 .pinkmark {
height: 30px;
background: linear-gradient(transparent 56%, #FFDEDF 20%);
}
#lp-top .headline_1 .yellowmark {
background: linear-gradient(transparent 56%, #FFF03E 20%);
height: 30px;
}
@media screen and (max-width: 960px) {
#lp-top .low_top_sec_01__intro {
text-align: left;
padding: 0 40px;
}
#lp-top .low_top_sec_01__intro br {
display: none;
}
#lp-top .low_top_sec_03 .headline_4 {
font-size: 18px !important;
}
}
@media screen and (max-width: 590px) {
#lp-top .low_top_sec_01__intro {
text-align: left;
}
#lp-top .low_top_sec_03 .headline_4 {
font-size: 18px !important;
}
}
#lp-top .headline_2 {
font-size: 22px;
font-weight: bold;
margin-top: 20px;
display: flex;
}
@media screen and (max-width: 590px) {
#lp-top .low_top_sec_03 .headline_4 {
font-size: 18px;
}
#lp-top .headline_2 {
font-size: 18px;
}
}
#lp-top .headline_2-icon {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/lp/lp_bubble.svg);
height: 100px;
width: 100px;
background-repeat: no-repeat;
background-position: center;
line-height: 100px;
text-align: center;
font-size: 22px;
font-weight: bold;
margin-right: 25px;
}
@media screen and (max-width: 590px) {
#lp-top .headline_2-icon {
width: 70px;
height: 70px;
line-height: 70px;
font-size: 16px;
font-weight: normal;
margin-right: 10px;
}
}
#lp-top .headline_2-title {
padding-top: 10px;
}
#lp-top .low_top_sec_02__block-1 {
background-color: #DEDEDE;
border: solid 1px #909090;
border-radius: 50px;
padding: 30px;
text-align: center;
margin-top: 10px;
margin-bottom: 50px;
}
#lp-top .low_top_sec_02__block-2 {
background-color: white;
border: solid 1px #FFD92C;
border-radius: 50px;
padding: 30px;
text-align: center;
margin-top: 10px;
margin-bottom: 50px;
}
@media screen and (max-width: 590px) {
#lp-top .low_top_sec_02__block-1 {
margin-bottom: 10px;
}
#lp-top .low_top_sec_02__block-1 img {
width: 80%;
height: auto;
}
#lp-top .low_top_sec_02__block-2 {
margin-bottom: 10px;
}
#lp-top .low_top_sec_02__block-2 img {
height: auto;
}
}
.low_top_sec_02__block-1 img {
width: 400px;
max-width: 100%;
margin-top: 20px;
}
.low_top_sec_02__block-2 > img {
width: 380px;
max-width: 100%;
margin-top: 20px;
}
#lp-top .low_top_sec_02 .headline_3 {
font-size: 20px;
font-weight: bold;
text-align: center;
}
.low_top_sec_02__block-2__logo {
width: 220px;
max-width: 100%;
}
#lp-top .low_top_sec_02__block__text {
font-size: 16px;
font-weight: bold;
letter-spacing: 3px;
text-align: left;
margin-top: 10px;
}
#lp-top .low_top_sec_02__block__img-hito {
height: 100px;
vertical-align: bottom;
}
#lp-top .low_top_sec_02__block-3__back {
background-color: white;
padding: 30px 30px 0px 30px;
border-radius: 50px;
}
@media screen and (max-width: 590px) {
#lp-top .low_top_sec_02__block-3__back {
padding: 20px;
}
#lp-top .low_top_sec_02__block-3 {
margin-top: 0;
}
#lp-top .low_top_sec_02__block-3__back {
margin-top: 30px;
}
}
#lp-top .low_top_sec_02__block-3__text {
font-size: 16px;
font-weight: bold;
letter-spacing: 3px;
text-align: left;
margin-top: 10px;
}
#lp-top .low_top_sec_02__block-3__title {
font-size: 16px;
font-weight: bold;
letter-spacing: 3px;
text-align: left;
margin-top: 10px;
}
@media screen and (max-width: 992px) {
#lp-top .low_top_sec_02__block-3 {
text-align: center;
}
#lp-top .low_top_sec_02__block-3__text {
text-align: center;
margin-top: 20px;
}
#lp-top .low_top_sec_02__block-3__title {
margin-top: 20px;
text-align: center;
}
}
@media screen and (max-width: 768px) {
#lp-top .low_top_sec_02__block-3__text {
margin-top: 40px;
}
#lp-top .low_top_sec_02__block-3__title {
margin-top: 0px;
}
}
#lp-top .low_top_sec_02__block-3__details {
font-size: 13px;
margin-top: 20px;
} .low_top_sec_05__item {
margin-top: 40px;
}
.low_top_sec_05__item li {
height: 155px;
}
.low_top_sec_05__item li a {
position: relative;
display: block;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding-top: 5px;
align-items: center;
text-align: center;
color: #fff;
font-size: 22px;
letter-spacing: 2px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: rgba(0, 0, 0, 0.2);
}
.low_top_sec_05__item li a::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
content: "";
}
.low_top_sec_05__item li a span {
margin-top: 4px;
line-height: 1;
}
.low_top_sec_05__item li:nth-child(1) a {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_04.jpg);
}
.low_top_sec_05__item li:nth-child(2) a {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_05.jpg);
}
.low_top_sec_05__item li:nth-child(3) a {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_06.jpg);
}
.low_top_sec_05__item li:nth-child(4) a {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_07.jpg);
}
.low_top_sec_05__item li:nth-child(n+3) {
margin-top: 30px;
}
.low_top_sec_05__item li img {
margin-left: 40px;
width: 80px;
height: auto;
}
@media screen and (max-width: 960px) {
.low_top_sec_05__item {
margin-top: 0;
padding: 0 20px;
}
.low_top_sec_05__item li {
margin-top: 20px;
height: 100px;
}
.low_top_sec_05__item li a {
font-size: 16px;
}
.low_top_sec_05__item li img {
margin-left: 10px;
width: 40px;
}
}
@media screen and (max-width: 590px) {
.low_top_sec_05__item {
margin-top: 0;
padding: 0 20px;
}
.low_top_sec_05__item li {
margin-top: 20px;
height: 80px;
}
.low_top_sec_05__item li a {
font-size: 16px;
}
.low_top_sec_05__item li img {
margin-left: 10px;
width: 40px;
}
}
#lp-top .low_top_sec_04__button {
margin: 40px auto 50px auto;
padding: 0;
} #lp-top .low_top_sec_03 {
margin-bottom: 0px;
padding-bottom: 0px;
}
#lp-top .low_top_sec_03 .headline_4 {
font-size: 24px;
text-align: center;
font-weight: bold;
margin-top: 40px;
}
#lp-top .low_top_sec_03 .headline_4 br {
display: none;
}
@media screen and (max-width: 590px) {
#lp-top .low_top_sec_03 .headline_4 {
margin-top: 0;
}
#lp-top .low_top_sec_03 .headline_4 br {
display: block;
}
}
#lp-top .low_top_sec_03 .container {
padding: 0;
}
.low_top_sec_03__block-1 {
margin-top: 40px;
padding: 0;
}
@media screen and (max-width: 590px) {
.low_top_sec_03__block-1 {
padding: 0 20px !important;
}
}
.low_top_sec_03__block-2 {
margin-top: 40px;
}
@media screen and (max-width: 590px) {
.low_top_sec_03__block-2 {
margin-top: 0;
padding: 0 20px;
}
}
.low_top_sec_03__block-2 img {
width: 100%;
}
.low_top_sec_03__block-2 {
margin-bottom: 70px;
}
.low_top_sec_03 .button {
height: 60px;
}
.low_top_sec_03__block-1__element-1, .low_top_sec_03__block-1__element-2, .low_top_sec_03__block-1__element-3, .low_top_sec_03__block-1__element-4, .low_top_sec_03__block-1__element-5, .low_top_sec_03__block-1__element-6 {
margin-bottom: 20px;
text-align: center;
}
.low_top_sec_03__block-1__element-1__back, .low_top_sec_03__block-1__element-2__back, .low_top_sec_03__block-1__element-3__back, .low_top_sec_03__block-1__element-4__back, .low_top_sec_03__block-1__element-5__back, .low_top_sec_03__block-1__element-6__back {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
border-radius: 5px;
height: 280px;
}
@media screen and (max-width: 590px) {
.low_top_sec_03__block-1__element-1__back, .low_top_sec_03__block-1__element-2__back, .low_top_sec_03__block-1__element-3__back, .low_top_sec_03__block-1__element-4__back, .low_top_sec_03__block-1__element-5__back, .low_top_sec_03__block-1__element-6__back {
height: auto;
padding-bottom: 30px;
}
}
.low_top_sec_03__icon img {
width: 50px;
margin-bottom: 15px;
max-width: 100%;
}
.low_top_sec_03__logo img {
width: 120px;
max-width: 100%;
}
@media screen and (max-width: 768px) {
.low_top_sec_03__logo img {
width: 90%;
}
}
.low_top_sec_03__block-1__element-1__top, .low_top_sec_03__block-1__element-2__top, .low_top_sec_03__block-1__element-3__top, .low_top_sec_03__block-1__element-4__top, .low_top_sec_03__block-1__element-5__top, .low_top_sec_03__block-1__element-6__top {
padding: 30px 20px 40px 20px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.low_top_sec_03__block-1__element-1__top {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/lp/denki_back.jpg) rgba(75, 61, 61, 0.7);
background-size: cover;
background-blend-mode: multiply;
}
.low_top_sec_03__block-1__element-2__top {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/lp/gas_back.jpeg) rgba(75, 61, 61, 0.7);
background-size: cover;
background-blend-mode: multiply;
}
.low_top_sec_03__block-1__element-3__top {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/lp/hikari_back.jpg) rgba(75, 61, 61, 0.7);
background-size: cover;
background-blend-mode: multiply;
}
.low_top_sec_03__block-1__element-4__top {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/lp/water_back.jpg) rgba(75, 61, 61, 0.7);
background-size: cover;
background-blend-mode: multiply;
}
.low_top_sec_03__block-1__element-5__top {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/lp/iot_back.jpg) rgba(75, 61, 61, 0.7);
background-size: cover;
background-blend-mode: multiply;
}
.low_top_sec_03__block-1__element-6__top {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/lp/wifi_back.jpg) rgba(75, 61, 61, 0.7);
background-size: cover;
background-blend-mode: multiply;
}
.low_top_sec_03__block-1__element-1__down, .low_top_sec_03__block-1__element-2__down, .low_top_sec_03__block-1__element-3__down, .low_top_sec_03__block-1__element-4__down, .low_top_sec_03__block-1__element-5__down, .low_top_sec_03__block-1__element-6__down {
padding: 15px 10px 15px 10px;
text-align: left;
font-size: 12px;
position: relative;
}
.low_top_sec_03__block-1__element-1__down::before {
content: "";
position: absolute;
bottom: -4.8rem;
left: 0;
margin-left: calc(50% - 1.3rem);
width: 2.6rem;
height: 2.6rem;
border-radius: 50%;
background: #2D77C1;
}
.low_top_sec_03__block-1__element-2__down::before, .low_top_sec_03__block-1__element-3__down::before, .low_top_sec_03__block-1__element-4__down::before, .low_top_sec_03__block-1__element-5__down::before {
content: "";
position: absolute;
bottom: -3rem;
left: 0;
margin-left: calc(50% - 1.3rem);
width: 2.6rem;
height: 2.6rem;
border-radius: 50%;
background: #2D77C1;
}
.low_top_sec_03__block-1__element-6__down::before {
content: "";
position: absolute;
bottom: -6.6rem;
left: 0;
margin-left: calc(50% - 1.3rem);
width: 2.6rem;
height: 2.6rem;
border-radius: 50%;
background: #2D77C1;
}
.low_top_sec_03__block-1__element-1__down::after {
content: "";
position: absolute;
bottom: -3.85rem;
left: 50%;
margin-left: -0.1rem;
transform: translateX(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) rotate(45deg);
vertical-align: middle;
width: 0.89rem;
height: 0.89rem;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.low_top_sec_03__block-1__element-2__down::after, .low_top_sec_03__block-1__element-3__down::after, .low_top_sec_03__block-1__element-4__down::after, .low_top_sec_03__block-1__element-5__down::after {
content: "";
position: absolute;
bottom: -2.15rem;
left: 50%;
margin-left: -0.1rem;
transform: translateX(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) rotate(45deg);
vertical-align: middle;
width: 0.89rem;
height: 0.89rem;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.low_top_sec_03__block-1__element-6__down::after {
content: "";
position: absolute;
bottom: -5.75rem;
left: 50%;
margin-left: -0.1rem;
transform: translateX(-50%) rotate(45deg);
-webkit-transform: translateX(-50%) rotate(45deg);
vertical-align: middle;
width: 0.89rem;
height: 0.89rem;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
@media (max-width: 767px) {
.low_top_sec_03__block-1__element-1__down::after, .low_top_sec_03__block-1__element-2__down::after, .low_top_sec_03__block-1__element-3__down::after, .low_top_sec_03__block-1__element-4__down::after, .low_top_sec_03__block-1__element-5__down::after, .low_top_sec_03__block-1__element-6__down::after {
bottom: -1.15rem;
}
.low_top_sec_03__block-1__element-1__down::before, .low_top_sec_03__block-1__element-2__down::before, .low_top_sec_03__block-1__element-3__down::before, .low_top_sec_03__block-1__element-4__down::before, .low_top_sec_03__block-1__element-5__down::before, .low_top_sec_03__block-1__element-6__down::before {
bottom: -2rem;
}
} #lp-top .low_top_sec_03__button__back {
background-color: #FFF4A0;
transform: skewY(-4deg);
-webkit-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-moz-transform: skewY(-4deg);
-o-transform: skewY(-4deg);
padding-bottom: 150px;
margin-top: 80px;
margin-bottom: -60px;
}
#lp-top .low_top_sec_03__button-2 {
margin: 20px 0px 0px 0px;
transform: skewY(4deg);
-webkit-transform: skewY(4deg);
-ms-transform: skewY(4deg);
-moz-transform: skewY(4deg);
-o-transform: skewY(4deg);
}
#lp-top .low_top_sec_03__button {
margin-top: 40px;
}
#lp-top .low_top_sec_03__button .green {
background-color: #A6FCD4;
width: 100%;
}
@media screen and (max-width: 590px) {
#lp-top .headline_1 {
font-size: 20px;
line-height: 1em;
}
#lp-top .headline_1 br {
display: block;
}
#lp-top .low_top_sec_03__button {
margin-top: 20px;
}
#lp-top .low_top_sec_03__button__wrapper {
padding: 0 20px;
}
#lp-top .low_top_sec_03__button .button {
height: 60px;
}
#lp-top .low_top_sec_03__button__back {
padding-top: 20px;
padding-bottom: 40px;
margin-top: 20px;
margin-bottom: -10px;
}
#lp-top .low_top_sec_03__button__back .button {
height: 60px;
}
}
.inqury__fluid {
padding-top: 0 !important;
}
.inqury .headline_6.other > span {
color: #FF4C40;
-webkit-background-clip: text;
-webkit-text-fill-color: #FF4C40;
}
.inqury__intro {
margin-top: 80px;
text-align: center;
}
.inqury__intro_elem {
font-size: 20px;
font-weight: bold;
line-height: 2em;
}
.inqury__intro_elem .sp-only {
display: none;
}
@media screen and (max-width: 590px) {
.inqury__intro {
margin-top: 40px;
}
.inqury__intro_elem {
font-size: 18px;
font-weight: normal;
line-height: 2em;
}
.inqury__intro_elem .sp-only {
display: block;
width: 0;
height: 0;
}
}
.inqury__item {
display: flex;
justify-content: space-between;
margin-top: 80px;
padding: 0;
}
.inqury__item a {
position: relative;
display: block;
width: 49%;
}
@media screen and (max-width: 960px) {
.inqury__item {
flex-wrap: wrap;
margin-top: 20px;
padding: 0 20px;
}
.inqury__item a {
margin-top: 20px;
width: 100%;
}
}
.inqury__title {
font-size: 30px;
font-weight: bold;
line-height: 2em;
letter-spacing: 2px;
}
@media screen and (max-width: 590px) {
.inqury__title {
font-size: 20px;
line-height: 1.5em;
letter-spacing: 0;
}
}
.inqury__elem {
margin-top: 20px;
line-height: 2em;
color: #181E21;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 590px) {
.inqury__elem {
margin-top: 10px;
line-height: 1.5em;
font-size: 14px;
font-weight: normal;
}
}
.inqury__click {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 100%;
}
.inqury__click:before {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: 900;
font-size: 20px;
}
@media screen and (max-width: 590px) {
.inqury__click {
right: 10px;
width: 30px;
height: 30px;
}
.inqury__click:before {
right: 7px;
}
}
.inqury .member span {
color: #fe5348;
}
.inqury .guest span {
color: #005090;
}
.inqury .member_character-img {
position: absolute;
right: 25px;
bottom: 0;
height: 143px;
}
@media screen and (max-width: 960px) {
.inqury .member_character-img {
height: 100px;
}
}
@media screen and (max-width: 590px) {
.inqury .member_character-img {
position: absolute;
right: 5px;
bottom: 0;
height: 30px;
}
}
.inqury__wrapper {
padding: 50px 0;
text-align: center;
background-color: #D1FFF3;
border-radius: 5px;
}
.inqury__wrapper.member {
background: linear-gradient(120deg, rgba(255, 76, 64, 0.2), rgba(169, 111, 152, 0.2), rgba(0, 151, 251, 0.2));
}
.inqury__wrapper.guest {
background-color: #D1FFF3;
}
@media screen and (max-width: 590px) {
.inqury__wrapper {
padding: 20px 0;
}
}
.inqury__condition {
margin-top: 40px;
padding: 20px 30px;
border: solid 1px #707070;
}
.inqury__condition li {
margin-top: 10px;
line-height: 2em;
opacity: 1;
font-size: 14px;
}
@media screen and (max-width: 590px) {
.inqury__condition {
margin-right: auto;
margin-left: auto;
width: 90%;
}
}
.inqury__button {
margin-top: 60px;
}
.inqury__button .button {
margin-top: 20px;
}
@media screen and (max-width: 590px) {
.inqury__button {
margin-top: 20px;
}
.inqury__button .button:last-child {
margin-top: 20px;
}
}
.privilege__intro {
padding-top: 0 !important;
}
.privilege__intro .headline_1 {
margin-top: 80px;
}
.privilege__img {
margin-top: 40px;
}
.privilege__img img {
width: 100%;
height: auto;
}
@media screen and (max-width: 590px) {
.privilege__img {
padding: 0 20px;
}
}
.privilege__denki {
padding: 0 40px;
}
.privilege__denki__inner {
padding: 80px 0;
background-color: #fff4e3;
}
.privilege__denki__item {
margin-top: 40px;
}
.privilege__denki__item li {
height: 155px;
position: relative;
}
.privilege__denki__item li a {
position: relative;
display: block;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
align-items: center;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 20px;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
letter-spacing: 2px;
background-color: rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.privilege__denki__item li a span {
margin-top: 4px;
line-height: 1;
z-index: 2;
}
.privilege__denki__item li a::before {
position: absolute;
top: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
content: "";
transition: all 0.3s ease-out;
z-index: 1;
overflow: hidden;
}
.privilege__denki__item li a::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
background-size: cover;
background-position: center center;
content: "";
transition: all 0.3s ease-out;
z-index: 0;
overflow: hidden;
}
.privilege__denki__item li a:hover::after {
transform: scale(1.05);
}
.privilege__denki__item li:nth-child(1) a:after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_04.jpg);
}
.privilege__denki__item li:nth-child(2) a:after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_05.jpg);
}
.privilege__denki__item li:nth-child(3) a:after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_06.jpg);
}
.privilege__denki__item li:nth-child(4) a:after {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/img_07.jpg);
}
.privilege__denki__item li:nth-child(n+3) {
margin-top: 30px;
}
.privilege__denki__item li img {
margin-left: 40px;
width: 80px;
height: auto;
z-index: 2;
}
@media screen and (max-width: 960px) {
.privilege__denki {
padding: 0;
}
.privilege__denki__item li a {
font-size: 18px;
}
.privilege__denki__item li a img {
margin-left: 10px;
width: 40px;
}
}
@media screen and (max-width: 590px) {
.privilege__denki {
padding: 0;
}
.privilege__denki__inner {
padding: 40px 20px;
}
.privilege__denki__item {
margin-top: 0;
}
.privilege__denki__item li {
margin-top: 10px;
height: 80px;
}
.privilege__denki__item li:nth-child(n+3) {
margin-top: 10px;
}
.privilege__denki__item li a {
font-size: 18px;
}
.privilege__denki__item li a img {
margin-left: 20px;
width: 40px;
height: auto;
}
}
.privilege__button {
display: flex;
justify-content: center;
align-items: center;
padding: 60px 0 !important;
}
@media screen and (max-width: 590px) {
.privilege__button {
padding: 20px 0 !important;
}
} .lower__sec-header__nav a {
color: #000000;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: #484848;
}
a:hover {
text-decoration: none;
filter: alpha(opaCity=70);
-moz-opacity: 0.7;
opacity: 0.7;
} @media screen and (max-width: 590px) {
#tokusho .low_top_sec_waribiki {
background: linear-gradient(90deg, #ffe4e3, #def0f8);
padding: 20px 0;
}
}
#tokusho .headline_privilege {
font-size: 24px;
font-weight: bold;
text-align: center;
line-height: 1.5em;
letter-spacing: 2px;
}
@media screen and (max-width: 590px) {
#tokusho .headline_privilege {
font-size: 20px;
}
}
.container-fluid {
position: relative;
}
#waribiki {
padding: 0;
}
.low_top_sec_waribiki {
background-color: #fff;
}
.low_top_sec_waribiki .discount_about {
padding: 80px 0;
background: linear-gradient(90deg, #ffe4e3, #def0f8);
margin: 50px 0 0;
background-size: 60%;
background-repeat: no-repeat;
background-position: right;
}
.low_top_sec_waribiki .discount_about.denki {
background: linear-gradient(90deg, #fff0d8, #ffdcda);
margin: 50px 0 0;
background-size: 60%;
background-repeat: no-repeat;
background-position: right;
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about.denki {
background: none;
margin-top: 20px;
background-size: 100%;
}
}
.low_top_sec_waribiki .discount_about.gas {
background: linear-gradient(90deg, #D4F9EF, #CBDEE9);
margin: 50px 0 0;
background-size: 60%;
background-repeat: no-repeat;
background-position: right;
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about.gas {
margin-top: 15px;
background: none;
}
}
.low_top_sec_waribiki .discount_about.gas .discount_about_box_title {
color: #005090;
}
.low_top_sec_waribiki .discount_about.water {
background: linear-gradient(90deg, #F0FBFF, #F7F7FF);
margin: 50px 0 0;
background-size: 60%;
background-repeat: no-repeat;
background-position: right;
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about.water {
background: none;
margin-top: 20px;
background-size: 100%;
}
}
.low_top_sec_waribiki .discount_about.water .discount_about_box_title {
color: #11A9DA;
}
.low_top_sec_waribiki .discount_about.hikari {
background: linear-gradient(90deg, #FFF8DC, #FFE9D9);
margin: 50px 0 0;
background-size: 60%;
background-repeat: no-repeat;
background-position: right;
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about.hikari {
margin-top: 20px;
background-size: 100%;
}
}
.low_top_sec_waribiki .discount_about.hikari .discount_about_box_title {
color: #FF8B40;
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about.hikari {
background: #ffffff;
}
}
.low_top_sec_waribiki .discount_about.wifi {
background: linear-gradient(90deg, #F1E8EF, #D1CBDE);
margin: 50px 0 0;
background-size: 60%;
background-repeat: no-repeat;
background-position: right;
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about.wifi {
margin-top: 20px;
background-size: 100%;
}
}
.low_top_sec_waribiki .discount_about.wifi .discount_about_box_title {
color: #A96F98;
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about.wifi {
background: #ffffff;
}
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about {
padding: 5px;
background-size: 100%;
}
}
.low_top_sec_waribiki .discount_about_box {
background-color: white;
padding: 30px 20px;
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about_box {
background-color: transparent;
padding: 10px;
}
}
.low_top_sec_waribiki .discount_about_box_title {
text-align: left;
color: #FF4C40;
font-size: 34px;
font-weight: lighter;
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about_box_title {
font-size: 22px;
font-weight: 300;
}
}
.low_top_sec_waribiki .discount_about_box_intro {
font-size: 18px;
line-height: 24px;
font-weight: 400;
margin: 20px 0 10px;
text-align: left;
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about_box_intro {
font-size: 16px;
}
}
.low_top_sec_waribiki .discount_about_box_text {
font-size: 14px;
line-height: 24px;
margin-top: 15px;
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about_box_text {
font-size: 12px;
line-height: 20px;
}
}
.low_top_sec_waribiki .discount_about_waribiki_img {
margin-top: 60px;
width: 784px;
max-width: 120%;
}
@media screen and (max-width: 960px) {
.low_top_sec_waribiki .discount_about_waribiki_img {
max-width: 100%;
}
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about_waribiki_img {
display: none;
max-width: 100%;
margin: 0;
}
}
.low_top_sec_waribiki .discount_about_waribiki_img-sp {
display: none;
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about_waribiki_img-sp {
display: block;
max-width: 100%;
}
}
.low_top_sec_waribiki .discount_about .tab-only {
display: none;
}
@media screen and (max-width: 960px) {
.low_top_sec_waribiki .discount_about .tab-only {
display: block;
}
}
@media screen and (max-width: 590px) {
.low_top_sec_waribiki .discount_about_inner {
padding: 20px 10px;
}
.low_top_sec_waribiki .discount_about_intro {
margin-top: 40px;
font-weight: normal;
font-size: 16px;
line-height: 1.5em;
}
.low_top_sec_waribiki .discount_about .tab-only {
display: none;
}
}
.marutto_discount_sec_02 {
margin-top: 50px;
}
.marutto_discount_sec_02_box {
border: 1px solid #FF4C40;
border-radius: 8px;
padding: 20px;
margin: 50px 0 -60px;
min-height: 600px;
}
@media screen and (max-width: 590px) {
.marutto_discount_sec_02_box {
min-height: unset;
margin: 20px 0;
padding: 0px;
border: none;
}
}
.marutto_discount_sec_02_box .headline_2 {
text-align: center;
font-size: 34px;
letter-spacing: 0px;
color: #FF4C40;
}
@media screen and (max-width: 590px) {
.marutto_discount_sec_02_box .headline_2 {
font-size: 22px;
font-weight: 300;
text-align: left;
}
}
.marutto_discount_sec_02_box p {
font-size: 18px;
margin: 20px 0;
}
.marutto_discount_sec_02_box .img-1 img {
margin: 20px auto;
width: 50%;
display: block;
height: auto;
}
.marutto_discount_sec_02_box .img-2 img {
margin: 20px auto;
width: 80%;
height: auto;
display: block;
padding-top: 40px;
}
@media screen and (max-width: 590px) {
.marutto_discount_sec_02_box .img-2 img {
padding-top: 0;
}
}
.marutto_discount_sec_privilege {
padding-bottom: 0 !important;
}
.marutto_discount_sec_privilege .headline_1.denki {
margin-top: 40px;
}
@media screen and (max-width: 590px) {
.marutto_discount_sec_privilege .headline_1.denki {
margin: 0;
}
}
.marutto_discount_sec_privilege .heading_2.denki {
color: #551d00;
}
.marutto_discount_sec_privilege__ttl {
margin: 40px auto;
display: flex;
}
@media screen and (max-width: 590px) {
.marutto_discount_sec_privilege__ttl {
margin: 20px auto;
flex-flow: column;
align-items: center;
}
}
.marutto_discount_sec_privilege__ttl .tokuten-img {
display: block;
width: 40px;
height: auto;
}
@media screen and (max-width: 590px) {
.marutto_discount_sec_privilege__ttl .tokuten-img {
width: 60px;
}
}
.marutto_discount_sec_privilege__ttl .tokuten-text {
color: #ff4c40;
margin: auto 15px;
font-weight: 500;
font-size: 34px;
}
@media screen and (max-width: 590px) {
.marutto_discount_sec_privilege__ttl .tokuten-text {
margin-top: 10px;
font-size: 20px;
}
}
.terms {
text-align: center;
}
.terms__text {
margin-top: 80px;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.terms__menu {
padding-top: 0 !important;
}
.terms__list {
margin-top: 40px;
}
.terms__title {
position: relative;
display: flex;
align-items: center;
padding-left: 40px;
height: 50px;
line-height: 50px;
text-align: left;
background-color: #f7f7f7;
border-radius: 4px;
}
.terms__title span {
padding-top: 5px;
font-size: 20px;
font-weight: bold;
box-sizing: border-box;
}
.terms__title::before {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
display: inline-block;
width: 6px;
height: 60%;
background-color: #d1d1d1;
border-radius: 4px;
content: "";
}
.terms__item {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.terms__item li {
margin-top: 20px;
margin-right: 40px;
}
.terms__item li a {
color: #2a77c1;
font-size: 18px;
}
.terms__item li a::before {
margin-right: 10px;
font-size: 20px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f1c1";
}
@media screen and (max-width: 590px) {
.terms__text {
margin-top: 40px;
font-size: 16px;
font-weight: normal;
}
.terms__list {
margin-top: 40px;
}
.terms__title {
padding-left: 30px;
height: 40px;
line-height: 40px;
}
.terms__title span {
font-size: 16px;
}
.terms__title::before {
left: 10px;
}
.terms__item li {
width: 100%;
text-align: left;
}
.terms__item li a {
color: #2a77c1;
font-size: 16px;
}
.terms__item li a::before {
margin-right: 5px;
}
} .privacy {
padding-top: 0 !important;
}
.privacy__headline {
margin-bottom: 40px;
text-align: center;
font-size: 24px;
font-weight: bold;
}
.privacy__headline_2 {
margin-top: 20px;
font-weight: bold;
}
.privacy__wrapper {
margin-top: 60px;
}
.privacy__text {
margin-top: 20px;
padding: 0;
line-height: 2em;
}
.privacy__text_3 {
margin-top: 20px;
padding-left: 2em;
text-indent: -2em;
}
.privacy__text_no {
margin-top: 10px !important;
counter-reset: number;
}
.privacy__text_no > li {
margin-top: 10px;
padding-left: 2em;
text-indent: -2em;
}
.privacy__text_no > li::before {
counter-increment: number;
content: "( " counter(number) " )";
}
.privacy__text_no.circle > li {
position: relative;
padding-left: 4em;
}
.privacy__text_no.circle > li::before, .privacy__text_no.circle > li::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.privacy__text_no.circle > li::before {
left: 2.5em;
counter-increment: number;
content: counter(number);
}
.privacy__text_no.circle > li::after {
margin-top: -2px;
margin-left: 1px;
left: 0;
width: 20px;
height: 20px;
border-radius: 100%;
display: block;
border: 1px solid #aaa;
content: "";
}
.privacy__item {
display: flex;
flex-wrap: wrap;
}
.privacy__item dt {
width: 10%;
font-weight: normal;
}
.privacy__item dd {
width: 90%;
}
.privacy__item_2 dt {
margin-top: 20px;
}
.privacy__item_2 dd, .privacy__item_2 li {
line-height: 2em;
}
.privacy__item_2 dd::before, .privacy__item_2 li::before {
content: "・";
}
.privacy__item_3 {
margin-left: 2.2em;
}
.privacy__table {
margin-top: 40px;
margin-left: auto;
margin-right: auto;
width: 80%;
}
.privacy__table th, .privacy__table td {
padding: 20px;
}
.privacy__table th {
padding: 20px;
color: #fff;
text-align: center;
font-weight: normal;
background: #908F8F;
font-size: 18px;
border: 1px solid #707070;
}
.privacy__table td {
border: 1px #707070 solid;
}
.privacy__table td:nth-child(1) {
background: #F4F4F4;
width: 50%;
}
.privacy .kome {
margin-left: -1.5em;
padding-left: 0;
}
.privacy a {
text-decoration: underline;
}
@media screen and (max-width: 960px) {
.privacy__text_3 {
padding-left: 0;
text-indent: 0;
}
.privacy__text_no > li {
padding-left: 1.6em;
text-indent: -1.6em;
}
.privacy__text_no.circle > li::before {
left: 2.1em;
}
.privacy__item dt {
width: 30%;
}
.privacy__item dd {
width: 70%;
}
.privacy__item_3 {
margin-left: 0;
}
.privacy__item_3 > li {
padding-left: 0;
text-indent: 0;
}
.privacy__table {
width: 100%;
}
.privacy__table th, .privacy__table td {
padding: 20px 10px;
}
.privacy .kome {
margin-left: 0;
}
}
@media screen and (max-width: 590px) {
.privacy .headline_6 {
font-size: 24px;
}
.privacy .headline_7 {
font-size: 18px;
}
.privacy__headline {
font-size: 20px;
}
.privacy__headline_2 {
margin-top: 20px;
}
.privacy__wrapper {
margin-top: 40px;
}
.privacy__text_3 {
padding-left: 0;
text-indent: 0;
}
.privacy__text_no > li {
padding-left: 1.5em;
text-indent: -1.5em;
}
.privacy__text_no.circle > li {
padding-left: 2em;
text-indent: 0;
}
.privacy__text_no.circle > li::before, .privacy__text_no.circle > li::after {
top: 5px;
transform: translateY(0);
}
.privacy__text_no.circle > li::before {
margin-top: -6px;
left: 0.5em;
}
.privacy__item {
margin-top: 10px;
}
.privacy__item dt {
margin-top: 10px;
width: 100%;
}
.privacy__item dd {
width: 100%;
}
.privacy__item_2 dt {
margin-top: 20px;
}
.privacy__item_2 dd, .privacy__item_2 li {
padding-left: 1em;
text-indent: -1em;
}
.privacy__item_3 {
margin-left: 0;
padding-left: 0;
text-indent: 0;
}
.privacy__table {
width: 100%;
}
.privacy__table th, .privacy__table td {
padding: 10px;
}
.privacy__table th {
font-size: 16px;
}
.privacy__table td:nth-child(1) {
background: #F4F4F4;
}
.privacy .kome {
margin-left: 0;
}
}
.mypage {               }
@media screen and (max-width: 590px) {
.mypage .lower__exp {
padding: 30px 10px;
}
}
.mypage .lower__exp__kome {
padding: 0;
}
.mypage .headline_6 br {
display: none;
}
.mypage .headline_6 span {
display: inline-block;
}
.mypage__wrapper {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.mypage__text {
margin-top: 80px;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.mypage__button {
display: flex;
justify-content: space-between;
}
.mypage__button li {
width: 48%;
}
@media screen and (max-width: 590px) {
.mypage__text {
margin-top: 40px;
}
.mypage__text br {
display: none;
}
.mypage__button {
flex-wrap: wrap;
}
.mypage__button li {
width: 100%;
}
.mypage__button li:last-child {
margin-top: 20px;
}
.mypage .headline_6 {
font-size: 24px;
}
.mypage .headline_6 br {
display: block;
}
}
.mypage .block {
display: flex;
justify-content: space-between;
column-gap: 20px;
margin-bottom: 20px;
margin-top: 50px;
}
@media screen and (max-width: 590px) {
.mypage .block .svg-inline--fa {
vertical-align: -6px;
}
}
.mypage .block > a {
display: block;
flex: 1;
max-width: 35%;
}
@media screen and (max-width: 960px) {
.mypage .block > a {
flex-basis: calc(50% - 10px);
max-width: 230px;
}
}
@media screen and (max-width: 590px) {
.mypage .block > a {
flex: auto;
max-width: 100%;
}
}
.mypage .block > a .block_border {
border: solid 1px #333;
border-radius: 5px;
text-align: center;
}
@media screen and (max-width: 590px) {
.mypage .block > a .block_border .hide_sp {
display: none;
}
}
.mypage .block_series_down {
position: relative;
}
@media screen and (max-width: 590px) {
.mypage .block_series_down {
display: none;
}
}
.mypage .block_portal_down {
position: relative;
}
@media screen and (max-width: 590px) {
.mypage .block_portal_down {
display: none;
}
}
.mypage .block_click {
position: absolute;
right: 20px;
top: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
transform: translateY(-50%);
background-color: #fff;
border-radius: 100%;
}
.mypage .block_caution {
font-size: 14px;
margin-top: 0.5rem;
}
.mypage .block_series .block_click {
color: #ff4c40;
}
.mypage .block_portal .block_click {
color: #099bdd;
}
.mypage .block_best .block_click {
color: #ffc531;
}
.mypage .block_water .block_click {
color: #0196f9;
}
.mypage .block_line .block_click {
color: #00b900;
}
.mypage .block_water .block__mypage {
color: #ff4c40;
}
@media screen and (max-width: 960px) {
.mypage .block {
padding: 0 10px;
flex-wrap: wrap;
margin-bottom: 30px;
margin-top: 20px;
}
.mypage .block > a {
margin: 10px 0px;
width: 100%;
}
.mypage .block.group1 {
margin-top: 20px;
margin-bottom: 0;
}
.mypage .block.group2 {
margin-top: 0;
margin-bottom: 30px;
}
}
.mypage .block_series_up {
position: relative;
padding: 20px 10px 0 10px;
}
@media screen and (max-width: 590px) {
.mypage .block_series_up {
padding-top: 10px;
padding-bottom: 10px;
position: relative;
background: linear-gradient(120deg, rgba(255, 76, 64, 0.2), rgba(169, 111, 152, 0.2), rgba(0, 151, 251, 0.2));
}
}
.mypage .block_series_up .show_sp {
display: none;
}
@media screen and (max-width: 590px) {
.mypage .block_series_up .show_sp {
display: block;
}
}
.mypage .block_series_up-icon {
display: block;
width: 90%;
height: auto;
}
@media screen and (max-width: 590px) {
.mypage .block_series_up-icon {
position: absolute;
text-align: left;
left: -115px;
height: 80px;
bottom: 0;
}
}
.mypage .block_series_up-character {
height: 100px;
position: absolute;
bottom: 0;
right: 15px;
}
@media screen and (max-width: 590px) {
.mypage .block_series_up-character {
height: 70px;
bottom: 0;
left: 35px;
}
}
.mypage .block_series_down {
background: linear-gradient(120deg, rgba(255, 76, 64, 0.2), rgba(169, 111, 152, 0.2), rgba(0, 151, 251, 0.2));
}
.mypage .block_series_down_title {
padding-top: 16px;
padding-bottom: 16px;
color: #ff4c40;
font-size: 16px;
font-weight: bold;
margin-bottom: 0px;
text-align: center;
}
.mypage .block_series_down {
position: relative;
}
.mypage .block_series_click_svg {
height: 40px;
width: 40px;
position: absolute;
right: 10px;
bottom: 20px;
background-color: white;
border-radius: 50%;
stroke: #ff4c40;
stroke-width: 2;
stroke-linecap: round;
fill: none;
}
.mypage .block_series_click:hover .block_series_click_svg {
background-color: rgba(255, 255, 255, 0.5);
transition: 0.3s;
}
.mypage .block_portal_up {
position: relative;
padding: 20px 10px 0 10px;
}
@media screen and (max-width: 590px) {
.mypage .block_portal_up {
padding-top: 10px;
padding-bottom: 10px;
position: relative;
background: linear-gradient(135.49deg, rgba(200, 111, 152, 0.3), rgb(181, 225, 245));
}
}
.mypage .block_portal_up .show_sp {
display: none;
}
@media screen and (max-width: 590px) {
.mypage .block_portal_up .show_sp {
display: block;
}
}
.mypage .block_portal_up-icon {
display: block;
width: 90%;
}
@media screen and (max-width: 590px) {
.mypage .block_portal_up-icon {
position: absolute;
text-align: left;
left: -115px;
height: 80px;
bottom: 0;
}
}
.mypage .block_portal_up-character {
height: 100px;
position: absolute;
bottom: 0;
right: 15px;
}
@media screen and (max-width: 590px) {
.mypage .block_portal_up-character {
height: 70px;
bottom: 0;
left: 35px;
}
}
.mypage .block_portal_down {
background: linear-gradient(135.49deg, rgba(200, 111, 152, 0.3), rgb(181, 225, 245));
}
.mypage .block_portal_down_title {
padding-top: 16px;
padding-bottom: 16px;
color: #099bdd;
font-size: 16px;
font-weight: bold;
margin-bottom: 0px;
text-align: center;
}
.mypage .block_portal_down {
position: relative;
}
.mypage .block_portal_click_svg {
height: 40px;
width: 40px;
position: absolute;
right: 10px;
bottom: 20px;
background-color: white;
border-radius: 50%;
stroke: #099bdd;
stroke-width: 2;
stroke-linecap: round;
fill: none;
}
.mypage .block_portal_click:hover .block_portal_click_svg {
background-color: rgba(255, 255, 255, 0.5);
transition: 0.3s;
}
@media screen and (max-width: 960px) {
.mypage .option .row .option_number {
text-align: center;
margin: auto;
}
.mypage .option .row .option_dial {
text-align: center;
margin: auto;
}
}
@media screen and (max-width: 590px) {
.mypage .headline_6 {
font-size: 24px;
}
.mypage .headline_6 br {
display: block;
}
}
.mypage .block_best_up {
position: relative;
padding: 10px;
}
.mypage .block_best_up .show_sp {
display: none;
}
@media screen and (max-width: 590px) {
.mypage .block_best_up .show_sp {
display: block;
}
}
@media screen and (max-width: 590px) {
.mypage .block_best_up {
background: linear-gradient(120deg, rgba(255, 217, 44, 0.2), rgba(255, 139, 64, 0.2));
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}
}
.mypage .block_best_up-icon {
text-align: center;
display: block;
margin: auto;
width: 90%;
}
@media screen and (max-width: 590px) {
.mypage .block_best_up-icon {
position: absolute;
text-align: left;
top: 0;
left: -110px;
height: 80px;
bottom: 0;
}
}
.mypage .block_best_down {
background: linear-gradient(120deg, rgba(255, 217, 44, 0.2), rgba(255, 139, 64, 0.2));
}
@media screen and (max-width: 590px) {
.mypage .block_best_down {
display: none;
}
}
.mypage .block_best_down_title {
padding-top: 16px;
padding-bottom: 16px;
color: #655300;
font-size: 16px;
font-weight: bold;
margin-bottom: 0px;
text-align: center;
}
.mypage .block_best_down {
position: relative;
}
.mypage .block_best_click_svg {
height: 40px;
width: 40px;
position: absolute;
right: 10px;
bottom: 20px;
background-color: white;
border-radius: 50%;
stroke: #ff8b40;
stroke-width: 2;
stroke-linecap: round;
fill: none;
}
.mypage .block_best_click:hover .block_water_click_svg {
background-color: rgba(255, 255, 255, 0.5);
transition: 0.3s;
}
.mypage .block_water_up {
position: relative;
padding: 10px;
}
@media screen and (max-width: 590px) {
.mypage .block_water_up {
background: linear-gradient(120deg, rgba(17, 169, 218, 0.2), rgba(42, 55, 255, 0.2));
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}
}
.mypage .block_water_up .show_sp {
display: none;
}
@media screen and (max-width: 590px) {
.mypage .block_water_up .show_sp {
display: block;
}
}
.mypage .block_water_up-icon {
text-align: center;
display: block;
margin: auto;
width: 90%;
height: auto;
}
@media screen and (max-width: 590px) {
.mypage .block_water_up-icon {
position: absolute;
text-align: left;
top: 0;
left: -110px;
height: 80px;
bottom: 0;
}
}
.mypage .block_water_down {
background: linear-gradient(120deg, rgba(17, 169, 218, 0.2), rgba(42, 55, 255, 0.2));
}
@media screen and (max-width: 590px) {
.mypage .block_water_down {
display: none;
}
}
.mypage .block_water_down_title {
padding-top: 16px;
padding-bottom: 16px;
color: #005090;
font-size: 16px;
font-weight: bold;
margin-bottom: 0px;
text-align: center;
}
.mypage .block_water_down {
position: relative;
}
.mypage .block_water_click_svg {
height: 40px;
width: 40px;
position: absolute;
right: 10px;
bottom: 20px;
background-color: white;
border-radius: 50%;
stroke: #005090;
stroke-width: 2;
stroke-linecap: round;
fill: none;
}
.mypage .block_water_click:hover .block_water_click_svg {
background-color: rgba(255, 255, 255, 0.5);
transition: 0.3s;
}
.mypage .block_line_up {
position: relative;
padding: 10px;
}
@media screen and (max-width: 590px) {
.mypage .block_line_up {
background: linear-gradient(135.48deg, rgb(255, 222, 162), rgb(170, 240, 217));
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}
}
.mypage .block_line_up .show_sp {
display: none;
}
@media screen and (max-width: 590px) {
.mypage .block_line_up .show_sp {
display: block;
}
}
.mypage .block_line_up-icon {
text-align: center;
display: block;
margin: auto;
width: 90%;
height: auto;
}
@media screen and (max-width: 590px) {
.mypage .block_line_up-icon {
position: absolute;
text-align: left;
top: 0;
left: -110px;
height: 80px;
bottom: 0;
}
}
.mypage .block_line_down {
background: linear-gradient(135.48deg, rgb(255, 222, 162), rgb(170, 240, 217));
}
@media screen and (max-width: 590px) {
.mypage .block_line_down {
display: none;
}
}
.mypage .block_line_down_title {
padding-top: 16px;
padding-bottom: 16px;
color: #00b900;
font-size: 16px;
font-weight: bold;
margin-bottom: 0px;
text-align: center;
}
.mypage .block_line_down {
position: relative;
}
.mypage .block_line_click_svg {
height: 40px;
width: 40px;
position: absolute;
right: 10px;
bottom: 20px;
background-color: white;
border-radius: 50%;
stroke: #00b900;
stroke-width: 2;
stroke-linecap: round;
fill: none;
}
.mypage .block_line_click:hover .block_water_click_svg {
background-color: rgba(255, 255, 255, 0.5);
transition: 0.3s;
}
.mypage .block_series:hover,
.mypage .block_portal:hover,
.mypage .block_best:hover,
.mypage .block_line:hover,
.mypage .block_water:hover,
.mypage .block_mypage:hover {
text-decoration: none;
}
.mypage .block_mypage_up {
position: relative;
padding-top: 30px;
padding-bottom: 30px;
}
.mypage .block_mypage_up-icon {
height: 97px;
text-align: center;
display: block;
margin: auto;
}
.mypage .block_mypage_down {
background: linear-gradient(120deg, rgba(0, 220, 163, 0.2), rgba(255, 217, 44, 0.2));
}
.mypage .block_mypage_down_title {
padding-top: 28px;
padding-bottom: 28px;
color: #004046;
font-size: 16px;
font-weight: bold;
margin-bottom: 0px;
text-align: center;
}
.mypage .block_mypage_down {
position: relative;
}
.mypage .block_mypage_click_svg {
height: 40px;
width: 40px;
position: absolute;
right: 10px;
bottom: 20px;
background-color: white;
border-radius: 50%;
stroke: #ff8b40;
stroke-width: 2;
stroke-linecap: round;
fill: none;
}
.mypage .block_mypage_click:hover .block_mypage_click_svg {
background-color: rgba(255, 255, 255, 0.5);
transition: 0.3s;
}
.mypage .container_button {
margin-top: 20px;
margin-bottom: 20px;
}
.mypage .option {
background: #fffbe6 0% 0%;
}
.mypage .option_intro {
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 2em;
}
.mypage .option_white {
padding: 20px 0;
width: 80%;
}
.mypage .option__tel {
display: flex;
justify-content: space-between;
width: 100%;
}
.mypage .option__tel li {
display: flex;
align-items: center;
padding: 0;
margin: auto;
}
.mypage .option__tel li span {
display: block;
margin-right: 20px;
}
.mypage .option__tel li span.fd {
width: 60px;
}
.mypage .option__tel li span.fd img {
width: 100%;
height: auto;
}
.mypage .option__tel li span.option_number_title {
background-color: #f09138;
padding: 10px;
color: #fff;
}
.mypage .option__tel li a {
padding-top: 5px;
font-size: 40px;
font-weight: bold;
letter-spacing: 3px;
}
.mypage .option p {
margin-top: 20px;
text-align: center;
}
.mypage .option__time {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.mypage .option__time_title {
padding: 5px 10px;
letter-spacing: 1px;
background-color: #333;
color: #fff;
}
.mypage .option__time_time {
padding-left: 15px;
padding-right: 15px;
font-size: 24px;
font-weight: 600;
}
.mypage .option__time_exception {
font-size: 16px;
font-weight: 600;
}
@media screen and (max-width: 590px) {
.mypage .option {
padding: 30px 10px;
}
.mypage .option_intro {
margin-top: 10px;
padding: 0;
font-size: 16px;
}
.mypage .option_intro br {
display: none;
}
.mypage .option_white {
padding: 20px 10px;
margin-top: 20px;
width: 100%;
}
.mypage .option__tel {
flex-wrap: wrap;
justify-content: flex-start;
}
.mypage .option__tel li {
flex-wrap: wrap;
width: 100%;
}
.mypage .option__tel li:last-child {
margin-top: 20px;
align-items: center;
}
.mypage .option__tel li span {
margin-right: 0;
}
.mypage .option__tel li span.fd {
width: 40px;
}
.mypage .option__tel li span.fd img {
width: 100%;
height: auto;
margin-left: 30px;
}
.mypage .option__tel li a {
width: auto;
font-size: 24px;
text-align: center;
margin-left: 48px;
}
.mypage .option__time {
flex-wrap: wrap;
justify-content: space-around;
}
.mypage .option__time span {
text-align: center;
}
.mypage .option__time_time {
width: auto;
margin-top: 10px;
padding-left: 0;
padding-right: 0;
font-size: 24px;
}
.mypage .option__time_exception {
margin-top: 10px;
width: 100%;
font-size: 14px;
font-weight: normal;
}
}
@media screen and (max-width: 590px) {
.mypage .option .no-padding {
padding: 0px;
}
}
.mypage .option_button {
padding-top: 40px;
}
@media screen and (max-width: 590px) {
.mypage .button {
font-size: 14px;
}
.mypage .button::before, .mypage .button::after {
right: 10px;
}
} .lower__kv.is_repair_support {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/repair/kv.jpg);
}
.lower__kv.is_repair_support .sp-show {
display: none;
}
@media screen and (max-width: 590px) {
.lower__kv.is_repair_support {
padding: 0px;
background-image: none;
}
.lower__kv.is_repair_support .sp-show {
display: block;
}
.lower__kv.is_repair_support .sp-show IMG {
max-width: 100%;
}
}
.lower__kv.is_repair_support p {
font-size: 18px;
line-height: 32px;
}
@media screen and (max-width: 590px) {
.lower__kv.is_repair_support p {
font-size: 16px;
line-height: 28px;
}
}
.lower__kv.is_repair_support .headline_2 {
color: #551d00;
}
.lower__kv.is_home_moving {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/moving_discount/kv.jpg);
}
.lower__kv.is_home_moving .sp-show {
display: none;
}
@media screen and (max-width: 590px) {
.lower__kv.is_home_moving {
padding: 0px;
background-image: none;
}
.lower__kv.is_home_moving .sp-show {
display: block;
}
.lower__kv.is_home_moving .sp-show IMG {
max-width: 100%;
}
}
.lower__kv.is_home_moving p {
font-size: 18px;
line-height: 32px;
}
@media screen and (max-width: 590px) {
.lower__kv.is_home_moving p {
font-size: 16px;
line-height: 28px;
}
}
.lower__kv.is_home_moving .headline_2 {
color: #551d00;
}
.lower__kv.is_kaketuke {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/kaketuke/kv.jpg);
}
.lower__kv.is_kaketuke .sp-show {
display: none;
}
@media screen and (max-width: 590px) {
.lower__kv.is_kaketuke {
padding: 0px;
background-image: none;
}
.lower__kv.is_kaketuke .sp-show {
display: block;
}
.lower__kv.is_kaketuke .sp-show IMG {
max-width: 100%;
}
}
.lower__kv.is_kaketuke p {
font-size: 18px;
line-height: 32px;
}
@media screen and (max-width: 590px) {
.lower__kv.is_kaketuke p {
font-size: 16px;
line-height: 28px;
}
}
.lower__kv.is_kaketuke .headline_2 {
color: #551d00;
}
.lower__kv.is_purchase {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/purchase/kv.jpg);
}
.lower__kv.is_purchase .sp-show {
display: none;
}
@media screen and (max-width: 590px) {
.lower__kv.is_purchase {
padding: 0px;
background-image: none;
}
.lower__kv.is_purchase .sp-show {
display: block;
}
.lower__kv.is_purchase .sp-show IMG {
max-width: 100%;
}
}
.lower__kv.is_purchase p {
font-size: 18px;
line-height: 32px;
}
@media screen and (max-width: 590px) {
.lower__kv.is_purchase p {
font-size: 16px;
line-height: 28px;
}
}
.lower__kv.is_purchase .headline_2 {
color: #551d00;
}
.lower__kv.is_purchase .lower__kv__logo {
width: 320px;
height: auto;
}
.lower__kv.is_purchase .lower__kv__logo img {
width: 70%;
height: auto;
}
@media screen and (max-width: 590px) {
.lower__kv.is_purchase .lower__kv__logo {
width: 100%;
text-align: center;
}
.lower__kv.is_purchase .lower__kv__logo img {
width: 50%;
margin: 10px 0;
}
}
@media screen and (max-width: 590px) {
.lower__kv__lead {
padding: 20px;
}
} .mypage_tokuten2 {
padding: 0 0 40px !important;
}
@media screen and (max-width: 590px) {
.mypage_tokuten2 {
padding: 0 !important;
}
} @media screen and (max-width: 590px) {
.mypage_tokuten3 {
padding: 0 !important;
}
} .mypage_tokuten4 {
padding-bottom: 0 !important;
}
.sitemap__wrapper {
margin: -60px;
padding-top: 0 !important;
}
@media screen and (max-width: 960px) {
.sitemap__wrapper {
margin: 0;
}
}
.sitemap__item {
margin-top: 80px;
}
@media screen and (max-width: 960px) {
.sitemap__item {
margin-top: 40px;
}
}
.sitemap h2 {
padding-bottom: 10px;
font-size: 20px;
font-weight: bold;
border-bottom: 3px #ddd solid;
}
@media screen and (max-width: 960px) {
.sitemap h2 {
margin-bottom: 0.5em;
}
}
.sitemap__cate_01 {
margin-top: 30px;
}
.sitemap__cate_01 > li {
margin-top: 10px;
padding-right: 20px;
}
.sitemap__cate_02 {
margin-top: 20px;
margin-left: 2em;
}
.sitemap__cate_02 > li {
margin-top: 10px;
}
@media screen and (max-width: 960px) {
.sitemap__cate_01 {
margin-top: 0;
}
.sitemap__cate_01 > li {
padding-right: 0;
}
.sitemap__cate_02 {
margin-top: 10px;
margin-left: 1em;
}
.sitemap__cate_02 > li {
margin-top: 10px;
}
}
.sitemap__title {
position: relative;
padding-left: 1em;
color: #2a77c1;
font-size: 18px;
cursor: pointer;
}
.sitemap__title::before {
position: absolute;
top: -5px;
left: 0;
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-weight: 900;
font-size: 22px;
}
@media screen and (max-width: 590px) {
.sitemap__title {
font-size: 16px;
}
}
.sitemap__title a {
color: #2a77c1;
}
.sitemap__text {
margin-top: 10px;
margin-bottom: 20px;
padding: 1em;
line-height: 2em;
background-color: rgba(133, 197, 230, 0.1);
}
@media screen and (max-width: 960px) {
.low_top_sec_06__tag__wrapper {
margin-top: 20px !important;
padding-right: 0;
padding-left: 0;
}
}
@media screen and (max-width: 960px) {
.low_top_sec_06__inner__lead.is-text-justify {
margin-top: 10px !important;
}
}
@media screen and (max-width: 960px) {
.tab-wrap.pc-only {
display: none !important;
}
}
.flow-wrap_tab-only {
display: none;
}
@media screen and (max-width: 960px) {
.flow-wrap_tab-only {
display: block;
padding-bottom: 20px;
}
}
.flow-wrap_tab-only input[name=tab_item] {
display: none;
}
.flow-wrap_tab-only .slide,
.flow-wrap_tab-only .flow-wrap__inner {
padding: 10px 0 0 0;
width: 100%;
}
.flow-wrap_tab-only .slide > div,
.flow-wrap_tab-only .slide .flow-wrap__item,
.flow-wrap_tab-only .flow-wrap__inner > div,
.flow-wrap_tab-only .flow-wrap__inner .flow-wrap__item {
margin-bottom: 10px;
}
.flow-wrap_tab-only .slide__wrapper,
.flow-wrap_tab-only .flow-wrap__inner__wrapper {
margin: 0 2%;
padding: 10px;
border-radius: 10px;
background-color: #fff;
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
}
.flow-wrap_tab-only .slide__wrapper > img,
.flow-wrap_tab-only .flow-wrap__inner__wrapper > img {
width: 100%;
height: auto;
}
.flow-wrap_tab-only .slide__icon, .flow-wrap_tab-only .slide__content,
.flow-wrap_tab-only .flow-wrap__inner__icon,
.flow-wrap_tab-only .flow-wrap__inner__content {
width: 100%;
}
.flow-wrap_tab-only .slide__icon,
.flow-wrap_tab-only .flow-wrap__inner__icon {
height: 60px;
}
.flow-wrap_tab-only .slide__icon img,
.flow-wrap_tab-only .flow-wrap__inner__icon img {
margin: 0 auto;
width: 60px;
height: auto;
}
.flow-wrap_tab-only .slide__content,
.flow-wrap_tab-only .flow-wrap__inner__content {
display: flex;
justify-content: center;
margin-top: 10px;
}
.flow-wrap_tab-only .slide__no,
.flow-wrap_tab-only .flow-wrap__inner__no {
margin-right: 10px;
color: #ff4c40;
font-size: 40px;
font-weight: bold;
line-height: 1;
}
.flow-wrap_tab-only .slide__text,
.flow-wrap_tab-only .flow-wrap__inner__text {
font-size: 14px;
}
.flow-wrap_tab-only .tabs {
width: 100%;
}
.flow-wrap_tab-only .tab_item {
float: left;
display: flex;
padding: 45px 10px 10px 10px;
width: 50%;
min-height: 120px;
background-color: #fff;
transition: all 0.2s ease;
cursor: pointer;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-position: center 10px;
background-size: 30px auto;
text-align: left;
font-size: 14px;
}
.flow-wrap_tab-only .tab_item.denki-top1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_2.svg);
}
.flow-wrap_tab-only .tab_item.denki-top2 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_2.svg);
}
.flow-wrap_tab-only .tab_item.hikari-top1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_02.svg);
}
.flow-wrap_tab-only .tab_item.hikari-top2 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-2.svg);
}
.flow-wrap_tab-only .tab_content {
display: none;
clear: both;
overflow: hidden;
}
.flow-wrap_tab-only #tab01:checked ~ #tab01_content, .flow-wrap_tab-only #tab02:checked ~ #tab02_content {
display: block;
}
.flow-wrap_tab-only .tabs input:checked + .tab_item {
position: relative;
background-color: #333;
color: #fff;
}
.flow-wrap_tab-only .tabs input:checked + .tab_item::after {
position: absolute;
left: 50%;
bottom: -10px;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #333;
content: "";
}
.flow-wrap_tab-only .tabs input:checked + .tab_item.denki-top1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_12_1.svg);
}
.flow-wrap_tab-only .tabs input:checked + .tab_item.denki-top2 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/denki/icon_13_1.svg);
}
.flow-wrap_tab-only .tabs input:checked + .tab_item.hikari-top1 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_arrow_3_01.svg);
}
.flow-wrap_tab-only .tabs input:checked + .tab_item.hikari-top2 {
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/hikari/hikari-flow_icon_2-1.svg);
}
.flow-wrap_tab-only.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin-left: 10px;
margin-right: 10px;
}
.flow-wrap_tab-only .swiper-pagination-bullet-active {
background: #000 !important;
}
.slick-prev, .slick-next {
display: none;
}
.slick-arrow {
display: none;
}
@media screen and (max-width: 960px) {
#gas-top_06 .low_top_sec_06__content {
display: none;
}
}
#gas-top_06 .slide__no {
color: #00b089;
}
#denki-top_06 .slide__no {
color: #ffc531;
}
@media screen and (max-width: 960px) {
#water-top .low_top_sec_06__cont {
background-color: transparent;
}
}
@media screen and (max-width: 960px) {
#water-top .low_top_sec_06__cont__list {
display: none;
}
}
#water-top .slide__no {
color: #0196f9;
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_06__cont {
background-color: transparent;
}
}
@media screen and (max-width: 960px) {
#wifi-top .low_top_sec_06__cont__list {
display: none;
}
}
#wifi-top .slide__no {
color: #c86f98;
}
@media screen and (max-width: 960px) {
#water-top .low_top_sec_06__cont {
margin: 0 auto !important;
padding: 20px 0 0 0;
}
}
@media screen and (max-width: 960px) {
#water-top_02 .low_water_sec_02__item {
display: none;
}
}
#water-top_02 .slide-water__img {
width: 100%;
}
#water-top_02 .slide-water__img img {
margin: 0 auto;
width: auto;
height: 200px;
}
#water-top_02 .slide-water__text {
font-size: 18px;
color: #838383;
text-align: center;
}
@media screen and (max-width: 590px) {
#water-top_02 .slide-water__text {
font-size: 14px;
}
}
#water-top_02 .slide-water .slick-arrow {
top: 30%;
}
@media screen and (max-width: 960px) {
.water-product__design__item {
display: none;
}
}
@media screen and (max-width: 960px) {
.water-product__design .swiper-container-for-water-lineup {
max-width: 100%;
overflow: hidden;
padding-bottom: 25px;
}
}
.water-product__design .swiper-container-for-water-lineup .swiper-pagination-bullets, .water-product__design .swiper-container-for-water-lineup .swiper-pagination-custom, .water-product__design .swiper-container-for-water-lineup .swiper-pagination-fraction {
bottom: 0;
}
.water-product__design .swiper-container-for-water-lineup .swiper-pagination-bullet {
margin-left: 10px;
margin-right: 10px;
}
.water-product__design .swiper-container-for-water-lineup .swiper-pagination-bullet-active {
background: #000 !important;
}
.water-product__design .slide-water__img {
width: 100%;
text-align: center;
}
.water-product__design .slide-water__img img {
margin: 0 auto;
width: auto;
height: 200px;
}
.water-product__design .slide-water__text {
font-size: 18px;
color: #838383;
text-align: center;
}
@media screen and (max-width: 590px) {
.water-product__design .slide-water__text {
font-size: 14px;
min-height: 42px;
display: flex;
justify-content: center;
align-items: center;
}
}
.water-product__design .slide-water .slick-arrow {
top: 30%;
}
#sms {
display: block;
font-size: 14px;
padding-bottom: 20px;
width: calc(100% - 40px);
max-width: 1000px;
line-height: 1.5;
}
#sms h2 {
margin-top: 20px;
margin-bottom: 10px;
text-indent: -0.5em;
font-size: 16px;
}
#sms h3 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 14px;
}
#sms .sms-lead {
margin: 20px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 10px 0;
}
#sms .sms-info {
margin: 20px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 10px 0;
}
#sms span.kome {
padding-left: 0;
line-height: 2.5;
}
#sms img {
margin: 20px 0;
width: 100%;
}
#sms .red-text {
color: red;
}
#sms .ul_disc {
list-style-type: disc;
padding-left: 2rem;
}
#sms .ul_square {
list-style-type: square;
padding-left: 2rem;
}
#sms a {
color: #007bff;
text-decoration: underline;
}
#sms a.button {
background-color: #fff;
border: 1px solid #000;
color: #333333;
text-decoration: none;
}
#sms a.button:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
}
#sms .m-line_btn {
display: flex;
width: 120px;
padding: 6px 10px;
font-weight: 400;
color: #ffffff;
text-decoration: none;
border-radius: 5px;
font-size: 14px;
background-color: #00af26;
text-decoration: none;
}
#sms .m-line_btn:before {
content: "";
display: inline-block;
width: 20px;
margin-right: 5px;
background-size: contain;
background-repeat: no-repeat;
height: 20px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2287.382%22%20height%3D%2283.259%22%20viewBox%3D%220%200%2087.382%2083.259%22%3E%20%3Cg%20id%3D%22TYPE_A%22%20data-name%3D%22TYPE%20A%22%20transform%3D%22translate(-377.059%20-257.805)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M464.441%2C293.261c0-19.551-19.6-35.456-43.691-35.456s-43.691%2C15.9-43.691%2C35.456c0%2C17.526%2C15.544%2C32.205%2C36.54%2C34.98%2C1.422.307%2C3.359.938%2C3.849%2C2.155a8.981%2C8.981%2C0%2C0%2C1%2C.141%2C3.95s-.512%2C3.083-.623%2C3.74c-.191%2C1.1-.878%2C4.32%2C3.784%2C2.355s25.161-14.815%2C34.328-25.366h0c6.332-6.944%2C9.365-13.99%2C9.365-21.814%22%20fill%3D%22%23fff%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M411.873%2C283.813h-3.065a.851.851%2C0%2C0%2C0-.851.85V303.7a.85.85%2C0%2C0%2C0%2C.851.849h3.065a.85.85%2C0%2C0%2C0%2C.851-.849V284.663a.851.851%2C0%2C0%2C0-.851-.85%22%20fill%3D%22%2300b900%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3%22%20data-name%3D%22%E3%83%91%E3%82%B9%203%22%20d%3D%22M432.967%2C283.813H429.9a.85.85%2C0%2C0%2C0-.851.85v11.31l-8.725-11.782a1.082%2C1.082%2C0%2C0%2C0-.066-.086l-.006-.006c-.016-.018-.033-.035-.051-.052l-.016-.014a.325.325%2C0%2C0%2C0-.045-.038l-.022-.018-.044-.03-.026-.015-.045-.026-.027-.013-.049-.02-.028-.01-.05-.017-.03-.007-.049-.011-.036-.005c-.014%2C0-.029%2C0-.044-.006l-.045%2C0-.029%2C0h-3.064a.851.851%2C0%2C0%2C0-.851.85V303.7a.85.85%2C0%2C0%2C0%2C.851.849h3.064a.851.851%2C0%2C0%2C0%2C.852-.849V292.393l8.734%2C11.8a.844.844%2C0%2C0%2C0%2C.216.21l.009.007.053.032.024.013.04.02c.014.005.027.012.042.017l.025.01.058.018.013%2C0a.819.819%2C0%2C0%2C0%2C.218.029h3.064a.85.85%2C0%2C0%2C0%2C.851-.849V284.663a.851.851%2C0%2C0%2C0-.851-.85%22%20fill%3D%22%2300b900%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4%22%20data-name%3D%22%E3%83%91%E3%82%B9%204%22%20d%3D%22M404.486%2C299.782h-8.328V284.663a.85.85%2C0%2C0%2C0-.85-.85h-3.065a.851.851%2C0%2C0%2C0-.851.85V303.7a.842.842%2C0%2C0%2C0%2C.238.587l.012.014.012.011a.844.844%2C0%2C0%2C0%2C.588.237h12.244a.85.85%2C0%2C0%2C0%2C.849-.851v-3.065a.851.851%2C0%2C0%2C0-.849-.851%22%20fill%3D%22%2300b900%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5%22%20data-name%3D%22%E3%83%91%E3%82%B9%205%22%20d%3D%22M449.891%2C288.58a.851.851%2C0%2C0%2C0%2C.85-.851v-3.064a.851.851%2C0%2C0%2C0-.85-.852H437.647a.845.845%2C0%2C0%2C0-.59.24l-.01.009-.014.015a.851.851%2C0%2C0%2C0-.236.586V303.7h0a.846.846%2C0%2C0%2C0%2C.238.588l.012.013.012.011a.847.847%2C0%2C0%2C0%2C.588.238h12.244a.851.851%2C0%2C0%2C0%2C.85-.851v-3.065a.851.851%2C0%2C0%2C0-.85-.851h-8.327v-3.218h8.327a.851.851%2C0%2C0%2C0%2C.85-.852v-3.064a.852.852%2C0%2C0%2C0-.85-.852h-8.327V288.58Z%22%20fill%3D%22%2300b900%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
#sms table.flow {
max-width: 680px;
margin-top: 20px;
margin-bottom: 10px;
border-collapse: collapse;
border: 1px #000 solid;
}
#sms table.flow th {
padding: 15px 10px;
border-collapse: collapse;
border: 1px #000 solid;
text-align: center;
background-color: #dfdfdf;
}
#sms table.flow td {
padding: 15px 10px;
border-collapse: collapse;
border: 1px #000 solid;
}
#sms table.flow td.days {
text-align: center;
}
#sms table.flow td.nagare {
width: 40%;
}
.pw-sms {
color: #333333;
font-family: "Hiragino Kaku Gothic ProN", メイリオ, sans-serif !important;
}
.pw-sms a {
color: inherit;
}
.pw-sms .sp-only {
display: none;
}
@media screen and (max-width: 590px) {
.pw-sms .sp-only {
display: block;
}
}
.pw-sms .pc-only {
display: block;
}
@media screen and (max-width: 590px) {
.pw-sms .pc-only {
display: none;
}
}
.pw-sms img {
max-width: 100%;
height: auto;
}
.pw-sms__sec-01 {
padding: 30px 30px 24px 30px;
background: linear-gradient(90deg, #FFFFFF, #F5F2DA);
}
.pw-sms__sec-01.l-slim-sms {
background: linear-gradient(90deg, #D2D9E0, #FFFFFF, #D2D9E0);
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01 {
padding-top: 60px;
}
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__wrap {
max-width: 1136px;
margin: 0 auto;
}
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__upper {
display: flex;
max-width: 1136px;
margin: 0 auto 46px;
}
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__upper.l-slim-sms {
display: block;
}
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__ttl {
width: 50%;
}
}
.pw-sms__sec-01__ttl img {
width: 100%;
height: auto;
}
.pw-sms__sec-01__logo {
width: 90%;
margin: 25px auto 30px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__logo {
width: 32%;
margin-top: 38px;
margin-right: 20px;
}
.pw-sms__sec-01__logo img {
width: 90%;
}
}
.pw-sms__sec-01__logo.l-slim-sms {
font-size: 30px;
margin: 20px auto 8px;
text-align: center;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__logo.l-slim-sms {
width: 100%;
font-size: 39px;
margin-top: 35px;
margin-right: 0;
text-align: left;
}
}
.pw-sms__sec-01__middle {
position: relative;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__middle {
display: flex;
max-width: 1136px;
margin: 0 auto;
}
}
.pw-sms__sec-01__middle.l-slim-sms .pw-sms__sec-01__middle__kv__sp:first-of-type {
margin-bottom: -22px;
}
.pw-sms__sec-01__middle__kv__sp {
margin-bottom: 23px;
text-align: center;
display: block;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__middle__kv__sp {
display: none;
}
}
.pw-sms__sec-01__middle__badges {
display: none;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__middle__badges {
flex-basis: 50%;
display: flex;
justify-content: space-between;
margin-bottom: 47px;
}
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__middle__badges.l-slim-sms {
display: block;
position: absolute;
right: 0;
top: -375px;
width: 45%;
height: auto;
}
}
.pw-sms__sec-01__middle__badges.l-slim-sms img {
width: 100%;
height: auto;
}
.pw-sms__sec-01__middle__badges__item {
width: 140px;
height: 140px;
}
.pw-sms__sec-01__middle__badges__item:first-child {
margin-bottom: 10px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__middle__badges__item {
flex-basis: 48%;
height: auto;
}
}
.pw-sms__sec-01__middle__products {
display: none;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__middle__products {
display: flex;
justify-content: center;
align-items: center;
display: block;
position: absolute;
right: 30px;
top: -130px;
width: 32%;
height: auto;
}
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__middle__products.l-slim-sms {
flex-basis: 50%;
display: flex;
justify-content: space-between;
margin-bottom: 47px;
}
}
.pw-sms__sec-01__lower {
font-size: 12px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__lower {
width: 50%;
margin-right: 50%;
}
}
.pw-sms__sec-01__lower.l-slim-sms .pw-sms__sec-01__lower__products {
display: none;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-01__lower.l-slim-sms {
width: 100%;
margin-right: 0;
}
.pw-sms__sec-01__lower.l-slim-sms .pw-sms__sec-01__lower__products {
display: block;
width: 90%;
margin: 0 auto 22px;
}
.pw-sms__sec-01__lower.l-slim-sms .pw-sms__sec-01__lower__products img {
width: 100%;
height: auto;
}
}
.pw-sms__sec-02 {
padding: 30px 22px 13px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02 {
padding: 68px 0 70px;
}
}
.pw-sms__sec-02__features {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 46px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__features {
margin: 0 auto 54px;
max-width: 1136px;
}
}
.pw-sms__sec-02__features__item {
width: 48%;
margin-bottom: 10px;
}
.pw-sms__sec-02__features__item img {
width: 100%;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__features__item {
width: 22%;
}
}
.pw-sms__sec-02__middle {
text-align: center;
}
.pw-sms__sec-02__middle__ttl {
margin-bottom: 40px;
}
.pw-sms__sec-02__middle__ttl br {
display: none;
}
.pw-sms__sec-02__middle__ttl__upper {
margin-bottom: 5px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__middle__ttl__upper {
margin-bottom: 15px;
}
}
.pw-sms__sec-02__middle__ttl__span-01 {
font-size: 25px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__middle__ttl__span-01 {
font-size: 44px;
}
}
.pw-sms__sec-02__middle__ttl__span-02 {
font-size: 18px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__middle__ttl__span-02 {
font-size: 32px;
}
}
.pw-sms__sec-02__middle__ttl__span-03 {
font-size: 18px;
display: block;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__middle__ttl__span-03 {
display: inline;
font-size: 32px;
}
}
.pw-sms__sec-02__middle__ttl__span-04 {
font-size: 18px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__middle__ttl__span-04 {
font-size: 32px;
}
}
.pw-sms__sec-02__middle__ttl__span-05 {
font-size: 34px;
color: #ED3434;
line-height: 1;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__middle__ttl__span-05 {
font-size: 60px;
}
}
.pw-sms__sec-02__middle__ttl__span-06 {
font-size: 25px;
color: #ED3434;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__middle__ttl__span-06 {
font-size: 44px;
}
}
.pw-sms__sec-02__middle__ttl__span-07 {
font-size: 18px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__middle__ttl__span-07 {
font-size: 32px;
}
}
.pw-sms__sec-02__lower__tbl {
width: 100%;
font-size: 16px;
border: 1px solid #707070;
margin: 0 auto 13px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__lower__tbl {
margin: 0 auto 13px;
max-width: 1136px;
}
}
.pw-sms__sec-02__lower__tbl th, .pw-sms__sec-02__lower__tbl td {
border-bottom: 1px solid #707070;
display: block;
padding: 10px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__lower__tbl th, .pw-sms__sec-02__lower__tbl td {
display: table-cell;
padding: 15px;
}
}
.pw-sms__sec-02__lower__tbl th {
background: #8E8E8E;
color: #fff;
text-align: center;
font-size: 16px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__lower__tbl th {
width: 22%;
}
}
.pw-sms__sec-02__lower__tbl td {
font-size: 14px;
}
.pw-sms__sec-02__lower__tbl td.pw-sms__sec-02__lower__tbl__ex {
padding: 30px 45px;
}
.pw-sms__sec-02__lower__tbl__ttl {
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__lower__tbl__ttl {
text-align: center;
}
}
.pw-sms__sec-02__lower__tbl__caution {
font-size: 12px;
}
.pw-sms__sec-02__lower__tbl__price {
font-size: 24px;
font-weight: bold;
padding-bottom: 13px;
border-bottom: 1px dotted #707070;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__lower__tbl__price {
border-bottom: none;
padding-bottom: 8px;
}
}
.pw-sms__sec-02__lower__tbl__price span {
font-size: 16px;
}
.pw-sms__sec-02__lower__tbl__ex {
background: #FFD5D5;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__lower__tbl__ex {
width: 30%;
}
}
.pw-sms__sec-02__lower__tbl__ex + td__ttl {
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
}
.pw-sms__sec-02__lower__tbl__ex + td__ttl span {
font-size: 16px;
}
.pw-sms__sec-02__lower__tbl__refer {
display: flex;
padding-top: 10px;
}
.pw-sms__sec-02__lower__tbl__refer__arrw {
background: #707070;
color: #fff;
margin-right: 15px;
height: 28px;
width: 50px;
padding: 7px 6px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__lower__tbl__refer__arrw {
height: 38px;
width: 67px;
letter-spacing: 1px;
}
}
.pw-sms__sec-02__lower__tbl__refer__arrw:before {
position: absolute;
content: "";
top: 0;
right: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 14px 10px;
border-color: transparent transparent transparent #707070;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__lower__tbl__refer__arrw:before {
border-width: 19px 0 19px 10px;
}
}
.pw-sms__sec-02__lower__tbl__refer__text {
flex-basis: 70%;
font-size: 13px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-02__lower__tbl__refer__text__wrap {
display: flex;
}
}
.pw-sms__sec-02__lower__tbl__refer__text span {
display: block;
}
.pw-sms__sec-02__lower__tbl__refer__text dt {
font-size: 13px;
margin-bottom: 3px;
font-weight: normal;
}
.pw-sms__sec-02__lower__tbl__refer__text dd {
font-size: 14px;
font-weight: bold;
}
.pw-sms__sec-02__lower__tbl__refer__text dd + dt {
margin-top: 17px;
margin-bottom: 0;
}
.pw-sms__sec-02__lower__caution {
font-size: 14px;
display: block;
margin: 0 auto;
max-width: 1136px;
}
.pw-sms__sec-03 {
padding: 41px 20px 27px;
background: linear-gradient(90deg, #FFFFFF, #F5F2DA);
}
.pw-sms__sec-03.l-slim-sms {
background: linear-gradient(90deg, #D2D9E0, #FFFFFF, #D2D9E0);
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03 {
padding: 55px 0 38px;
}
}
.pw-sms__sec-03__ttl {
text-align: center;
max-width: 282px;
display: block;
margin: 0 auto;
margin-bottom: 10px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__ttl {
max-width: 808px;
font-size: 43px;
margin: 0 auto 56px;
}
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts {
max-width: 1136px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
.pw-sms__sec-03__parts__ttl-01 {
font-size: 18px;
background: #333333;
color: #fff;
width: 100%;
max-width: 190px;
text-align: center;
line-height: 1;
padding: 7px 0;
margin: 0 auto 10px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__ttl-01 {
display: inline-block;
max-width: 255px;
}
}
.pw-sms__sec-03__parts__ttl-02 {
display: inline-block;
font-size: 18px;
font-weight: bold;
text-align: center;
padding: 7px 14px;
background: #333333;
color: #fff;
margin: 0 auto 13px;
line-height: 1.2;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__ttl-02 {
font-size: 22px;
}
}
.pw-sms__sec-03__parts__item {
border: 1px solid #CBC885;
border-radius: 14px;
box-shadow: 0 3px 6px rgba(121, 121, 77, 0.16);
padding: 20px 15px;
margin-bottom: 17px;
text-align: center;
background: #fff;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item {
order: 3;
margin-bottom: 26px;
}
}
.pw-sms__sec-03__parts__item.l-img {
border: none;
box-shadow: none;
width: 70%;
margin: 0 auto;
background: none;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item.l-img {
flex-basis: 19%;
order: 2;
padding: 0;
}
}
.pw-sms__sec-03__parts__item__lead {
font-size: 14px;
text-align: left;
}
.pw-sms__sec-03__parts__item__sub {
font-size: 12px;
text-align: left;
}
.pw-sms__sec-03__parts__item__dl__parts {
padding-right: 30%;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item__dl__parts {
padding-right: 37%;
margin-bottom: 30px;
}
}
.pw-sms__sec-03__parts__item__dl__parts:first-child {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/pw-sms/bottle_01.png) no-repeat right center/25% auto;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item__dl__parts:first-child {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/pw-sms/bottle_01.png) no-repeat right top/33% auto;
}
}
.pw-sms__sec-03__parts__item__dl__parts:nth-child(2) {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/pw-sms/bottle_02.png) no-repeat right center/25% auto;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item__dl__parts:nth-child(2) {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/pw-sms/bottle_02.png) no-repeat right top/33% auto;
}
}
.pw-sms__sec-03__parts__item__dl__parts:nth-child(3) {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/pw-sms/bottle_03.png) no-repeat right center/25% auto;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item__dl__parts:nth-child(3) {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/pw-sms/bottle_03.png) no-repeat right top/33% auto;
}
}
.pw-sms__sec-03__parts__item__dl dt {
font-size: 18px;
font-weight: bold;
margin-bottom: 13px;
display: flex;
align-items: center;
position: relative;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item__dl dt {
margin-bottom: 0;
}
}
.pw-sms__sec-03__parts__item__dl dd {
font-size: 14px;
margin-bottom: 21px;
margin-left: 9px;
text-align: left;
}
@media screen and (max-width: 590px) {
.pw-sms__sec-03__parts__item__dl dd {
margin-left: 0;
}
}
.pw-sms__sec-03__parts__item__dl__point {
width: 46px;
height: 46px;
margin-right: 18px;
}
.pw-sms__sec-03__parts__item__dl__point span {
line-height: 1;
}
.pw-sms__sec-03__parts__item__dl__point.point_ico {
position: absolute;
left: 0;
top: 50%;
margin-top: -11px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item__dl__ttl {
margin-top: 5px;
}
}
.pw-sms__sec-03__parts__item__dl__num {
font-size: 21px;
}
.pw-sms__sec-03__parts__item__dl__catch {
color: #fff;
background: #ECBC3F;
padding: 2px 4px;
font-size: 12px;
line-height: 1;
border-radius: 5px;
margin-left: 6px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item.l-parts__item-01 {
flex-basis: 38%;
order: 0;
}
.pw-sms__sec-03__parts__item.l-parts__item-01 dt {
align-items: flex-start;
margin-bottom: -22px;
}
.pw-sms__sec-03__parts__item.l-parts__item-01 dd {
padding-left: 72px;
}
.pw-sms__sec-03__parts__item.l-parts__item-01 .pw-sms__sec-03__parts__item__dl__point {
width: 61px;
height: 61px;
}
.pw-sms__sec-03__parts__item.l-parts__item-01 .pw-sms__sec-03__parts__item__dl__point img {
width: 100%;
height: auto;
}
.pw-sms__sec-03__parts__item.l-parts__item-01 .pw-sms__sec-03__parts__item__dl__point .pw-sms__sec-03__parts__item__dl__num {
font-size: 30px;
}
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item.l-parts__item-02 {
flex-basis: 38%;
}
}
.pw-sms__sec-03__parts__item.l-parts__item-02 dl {
margin-top: 20px;
}
.pw-sms__sec-03__parts__item.l-parts__item-02 dt {
padding-left: 70px;
margin-bottom: 0;
}
.pw-sms__sec-03__parts__item.l-parts__item-02 dt .point_ico {
width: 62px;
height: auto;
}
.pw-sms__sec-03__parts__item.l-parts__item-02 dd {
padding-left: 70px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item.l-parts__item-02 dd {
padding-left: 63px;
}
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item.l-parts__item-03 {
flex-basis: 32%;
}
.pw-sms__sec-03__parts__item.l-parts__item-03 .pw-sms__sec-03__parts__ttl-02 {
margin-bottom: 50px;
}
}
.pw-sms__sec-03__parts__item.l-parts__item-03 .pw-sms__sec-03__parts__item__fig {
width: 85%;
margin: 0 auto;
}
.pw-sms__sec-03__parts__item.l-parts__item-03 .pw-sms__sec-03__parts__item__fig img {
width: 100%;
height: auto;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item.l-parts__item-04 {
flex-basis: 32%;
}
}
.pw-sms__sec-03__parts__item.l-parts__item-04 .pw-sms__sec-03__parts__item__fig {
width: 90%;
margin: 0 auto 10px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item.l-parts__item-04 .pw-sms__sec-03__parts__item__fig {
margin-top: 13.5px;
}
}
@media screen and (min-width: 960px) {
.pw-sms__sec-03__parts__item.l-parts__item-05 {
flex-basis: 32%;
}
}
.pw-sms__sec-04 {
padding: 37px 20px 30px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-04 {
padding: 44px 0 45px;
}
}
.pw-sms__sec-04__ttl {
color: #59C8D0;
font-size: 24px;
margin: 0 auto 13px;
text-align: center;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-04__ttl {
font-size: 34px;
margin-bottom: 21px;
}
}
.pw-sms__sec-04__lead {
color: #59C8D0;
font-size: 16px;
margin: 0 auto 17.5px;
text-align: center;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-04__lead {
font-size: 18px;
margin-bottom: 88.5px;
}
}
.pw-sms__sec-04__features {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-04__features {
max-width: 1136px;
margin: 0 auto;
}
}
.pw-sms__sec-04__features__item {
flex-basis: 48%;
margin-bottom: 23px;
order: 1;
position: relative;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-04__features__item {
flex-basis: 32%;
margin-bottom: 96px;
}
.pw-sms__sec-04__features__item:nth-of-type(n+4) {
margin-bottom: 0;
}
}
.pw-sms__sec-04__features__item__ttl {
font-size: 14px;
margin-bottom: 4px;
color: #59C8D0;
text-align: center;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-04__features__item__ttl {
color: #fff;
font-size: 16px;
background: #59C8D0;
width: 105px;
height: 105px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 50%;
margin-left: -52.5px;
top: -52.5px;
}
}
.pw-sms__sec-04__features__item__cont {
width: 100%;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-04__features__item__cont {
flex-basis: 100%;
}
}
.pw-sms__sec-04__features__item__cont img {
border: 2px solid #59C8D0;
border-radius: 14px;
width: 100%;
height: auto;
}
.pw-sms__sec-04__features__item__sub {
display: none;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-04__features__item__sub {
display: block;
font-size: 14px;
margin-top: 6px;
}
}
.pw-sms__sec-04__features__item__text {
font-size: 10px;
}
.pw-sms__sec-04__features__item__figures {
display: flex;
justify-content: space-around;
margin-bottom: 12px;
}
.pw-sms__sec-04__features__item__figures__i {
flex-basis: 40%;
height: 73px;
background: #C6C6C6;
}
.pw-sms__sec-04__features__item__badges {
margin: 0 auto 6px;
width: 90%;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-04__features__item__badges {
width: 67.01%;
}
}
.pw-sms__sec-04__features__item__badges img {
width: 100%;
height: auto;
}
.pw-sms__sec-04__features__item.l-odr-01 {
order: -1;
}
@media screen and (max-width: 960px) {
.pw-sms__sec-04__features__item.l-odr-01 img {
display: none;
height: 100%;
}
.pw-sms__sec-04__features__item.l-odr-01 .pw-sms__sec-04__features__item__cont {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/pw-sms/loco_fujiyoshida.jpg) no-repeat center center/cover;
width: 100%;
height: 88%;
border: 2px solid #59c8d0;
border-radius: 14px;
}
}
.pw-sms__sec-04__features__item.no-bdr {
order: 0;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-04__features__item.no-bdr {
order: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
.pw-sms__sec-05 {
background: #EDFEFF;
padding: 34px 20px 37px;
}
.pw-sms__sec-05__ttl {
color: #59C8D0;
font-size: 24px;
margin: 0 auto 27px;
text-align: center;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-05__ttl {
font-size: 32px;
margin-bottom: 39px;
}
}
.pw-sms__sec-05__list {
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-05__list {
justify-content: center;
}
}
.pw-sms__sec-05__list__item {
text-align: center;
width: 48%;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-05__list__item {
max-width: 288px;
}
.pw-sms__sec-05__list__item:first-child {
margin-right: 16px;
}
}
.pw-sms__sec-05__list__item__ttl {
font-size: 14px;
font-weight: bold;
margin-bottom: 18px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-05__list__item__ttl {
font-size: 24px;
margin-bottom: 15px;
}
}
.pw-sms__sec-05__list__item__img {
width: 100%;
}
.pw-sms__sec-05__list__item__img img {
border-radius: 14px;
width: 100%;
height: auto;
}
.pw-sms__sec-06 {
padding: 33px 20px 36px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-06 {
padding: 40px 0 48px;
}
}
.pw-sms__sec-06__ttl {
color: #59C8D0;
font-size: 24px;
margin: 0 auto 12px;
text-align: center;
}
.pw-sms__sec-06__tel {
background: #59C8D0;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 9px;
box-shadow: 0 3px 6px rgba(121, 121, 77, 0.16);
padding: 15px 0;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-06__tel {
padding: 27px 0;
margin: 0 auto;
max-width: 600px;
}
}
.pw-sms__sec-06__tel__ico {
width: 26.7px;
height: 26.7px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-06__tel__ico {
width: 47.6px;
height: 47.6px;
}
}
.pw-sms__sec-06__tel__ico img {
width: 100%;
height: auto;
}
.pw-sms__sec-06__tel__num {
font-size: 30px;
margin-left: 13px;
font-weight: bold;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-06__tel__num {
font-size: 53px;
}
}
.pw-sms__sec-07 {
background: #EDEDED;
padding: 18px 18.5px 34.5px;
}
@media screen and (min-width: 960px) {
.pw-sms__sec-07 {
padding: 30px 0;
text-align: center;
}
}
.pw-sms__sec-07__text {
font-size: 12px;
line-height: 2;
}  .low .attention-block {
margin: 50px auto 0;
padding: 27px 19px 33px;
border: 1px solid;
border-radius: 6px;
max-width: 746px;
color: #EF0000;
text-align: center;
}
.low .attention-block * {
color: inherit;
}
.low .attention-block_title {
margin: 0;
padding: 0;
font-family: "Noto Sans JP", sans-serif !important;
font-weight: 500;
font-size: 26px;
line-height: 44px;
}
.low .attention-block_note-mark {
position: static;
margin: 0;
padding: 0;
font-size: 50%;
font-weight: 400;
vertical-align: 12px;
}
.low .attention-block_note {
margin: 16px 0 0;
padding: 0;
font-size: 13px;
line-height: 1;
text-align: center;
}
.low .attention-block_note small {
font-size: 100%;
}
.low .attention-block_button-block {
margin: 30.5px 0 0;
padding: 0;
}
.low .attention-block_button {
margin: 0 auto;
border: 1px solid #181E21;
max-width: 419px;
color: #333;
font-family: "Noto Sans JP", sans-serif !important;
font-size: 18px;
line-height: 18px;
letter-spacing: 0.1em;
}
@media screen and (max-width: 960px) {
.low .attention-block {
margin-top: 20px;
padding-top: 16px;
padding-bottom: 18px;
}
.low .attention-block_title {
font-size: 15px;
line-height: 25px;
}
.low .attention-block_title sup {
vertical-align: 6px;
}
.low .attention-block_note {
margin-top: 12px;
font-size: 12px;
}
.low .attention-block_button-block {
margin-top: 21.5px;
}
.low .attention-block_button {
font-size: 16px;
height: 56px;
}
}div[data-area=formArea],#formArea{width:100%;max-width:600px;margin:0 auto;padding-bottom:100px;box-sizing:border-box;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;scroll-snap-type:x mandatory}@media screen and (max-width: 750px){div[data-area=formArea],#formArea{max-width:calc(100% - 40px)}}div[data-area=formArea] *,#formArea *{box-sizing:border-box}div[data-area=formArea] a,#formArea a{text-decoration:none}div[data-area=formArea] img,#formArea img{vertical-align:middle;border-style:none}div[data-area=formArea] .form-ttl-01,#formArea .form-ttl-01{font-size:24px;text-align:center;margin-top:0;margin-bottom:50px;color:#707478;line-height:4.2rem;font-weight:500;scroll-snap-align:start}div[data-area=formArea] .form-notes-01,#formArea .form-notes-01{font-size:12px;color:#707478;text-align:right;margin:0;margin-bottom:10px;scroll-snap-align:start;scroll-margin:1rem}div[data-area=formArea] .form-notes-01 .form-label-mark,#formArea .form-notes-01 .form-label-mark{margin-left:0;margin-right:6px;background:#f35a53}div[data-area=formArea] .formrun,#formArea .formrun{scroll-snap-align:start;scroll-margin:20rem}div[data-area=formArea] .form-elm,#formArea .form-elm{width:100%;margin-top:20px}@media screen and (max-width: 750px){div[data-area=formArea] .form-elm,#formArea .form-elm{margin-top:16px}}div[data-area=formArea] .form-label,#formArea .form-label{margin:0 0 8px;padding-right:0;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 750px){div[data-area=formArea] .form-label,#formArea .form-label{margin-bottom:6px;max-width:100%;width:100%;justify-content:flex-start}}div[data-area=formArea] .form-label-ttl,#formArea .form-label-ttl{display:block;font-size:18px;color:#333;margin:0;position:relative;line-height:1.5}@media screen and (max-width: 750px){div[data-area=formArea] .form-label-ttl,#formArea .form-label-ttl{font-size:16px}}div[data-area=formArea] .form-label-mark,#formArea .form-label-mark{color:#fff;width:44px;height:20px;font-size:13px;line-height:20px;font-weight:bold;display:inline-flex;align-items:center;justify-content:center;margin-left:10px;background-color:#707070;border-radius:2px;vertical-align:middle;box-sizing:border-box}@media screen and (max-width: 750px){div[data-area=formArea] .form-label-mark,#formArea .form-label-mark{font-size:12px;width:38px;height:17px;margin-left:8px}}div[data-area=formArea] .required .form-label-mark,#formArea .required .form-label-mark{background-color:#f35a53}div[data-area=formArea] .form-label-note,#formArea .form-label-note{font-size:13px;color:#333;display:block}@media screen and (max-width: 750px){div[data-area=formArea] .form-label-note,#formArea .form-label-note{display:inline-block;margin-left:12px}}div[data-area=formArea] .form-field,#formArea .form-field{width:100%}div[data-area=formArea] .form-field-2col,#formArea .form-field-2col{display:flex;-moz-column-gap:40px;column-gap:40px;row-gap:12px;flex-wrap:wrap}div[data-area=formArea] .form-field-2col.checkbox.-sm-2col,#formArea .form-field-2col.checkbox.-sm-2col{-moz-column-gap:18px;column-gap:18px}@media screen and (max-width: 750px){div[data-area=formArea] .form-field-2col,#formArea .form-field-2col{row-gap:8px}div[data-area=formArea] .form-field-2col.radiobtn,#formArea .form-field-2col.radiobtn{-moz-column-gap:17px;column-gap:17px}}div[data-area=formArea] .form-field-col,#formArea .form-field-col{flex-basis:calc(50% - 20px)}@media screen and (max-width: 750px){div[data-area=formArea] .form-field-col,#formArea .form-field-col{flex-basis:100%}div[data-area=formArea] .form-field-2col.radiobtn .form-field-col,#formArea .form-field-2col.radiobtn .form-field-col{flex-basis:calc(50% - 8.5px)}div[data-area=formArea] .form-field-2col.checkbox .form-field-col,#formArea .form-field-2col.checkbox .form-field-col{flex-basis:70%}div[data-area=formArea] .form-field-2col.checkbox.-sm-2col .form-field-col,#formArea .form-field-2col.checkbox.-sm-2col .form-field-col{flex-basis:calc(50% - 9px);flex-basis:auto}}div[data-area=formArea] .form-field-ttl,#formArea .form-field-ttl{font-size:14px;margin:16px 0 4px;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 750px){div[data-area=formArea] .form-field-ttl,#formArea .form-field-ttl{font-size:14px;margin:12px 0 4px;justify-content:flex-start}}div[data-area=formArea] .form-field-note,#formArea .form-field-note{font-size:13px}div[data-area=formArea] .form-field-note.block,#formArea .form-field-note.block{display:block}div[data-area=formArea] .form-field input[type=text],#formArea .form-field input[type=text],div[data-area=formArea] .form-field input[type=date],#formArea .form-field input[type=date],div[data-area=formArea] .form-field textarea,#formArea .form-field textarea,div[data-area=formArea] .form-field select,#formArea .form-field select{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-size:16px;line-height:1.5;padding:11px 10px;margin:0;border-radius:4px;background-color:#f9f9f9;border:solid 1px #ccc}div[data-area=formArea] .form-field input[type=text],#formArea .form-field input[type=text],div[data-area=formArea] .form-field input[type=date],#formArea .form-field input[type=date]{height:48px}div[data-area=formArea] .form-field input[type=date],#formArea .form-field input[type=date]{cursor:pointer}div[data-area=formArea] .form-field textarea,#formArea .form-field textarea{height:120px;overflow:auto;resize:vertical}div[data-area=formArea] .form-field .form-select-wrap,#formArea .form-field .form-select-wrap{width:100%;text-align:center;position:relative;border-radius:4px;background-color:#f9f9f9}div[data-area=formArea] .form-field .form-select-wrap:before,#formArea .form-field .form-select-wrap:before{content:"";position:absolute;top:22px;right:8px;width:0;height:0;padding:0;border-left:4.5px solid rgba(0,0,0,0);border-right:4.5px solid rgba(0,0,0,0);border-top:4px solid #666;pointer-events:none;box-sizing:border-box}div[data-area=formArea] .form-field select,#formArea .form-field select{display:block;position:relative;height:48px;cursor:pointer;text-overflow:ellipsis;outline:none;background:rgba(0,0,0,0);background-image:none;box-shadow:none}div[data-area=formArea] .form-field-check-radio,#formArea .form-field-check-radio{display:inline-block;background:#f9f9f9;padding:11px 12px;border-radius:4px;border:1px solid #ccc;width:100%;cursor:pointer;position:relative}div[data-area=formArea] .form-field-check-radio input,#formArea .form-field-check-radio input{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute;white-space:nowrap}div[data-area=formArea] .form-field-check-radio .form-field-check-radio-ttl,#formArea .form-field-check-radio .form-field-check-radio-ttl{position:relative;font-size:16px;padding-left:24px;display:block}@media screen and (max-width: 750px){div[data-area=formArea] .form-field-check-radio .form-field-check-radio-ttl,#formArea .form-field-check-radio .form-field-check-radio-ttl{font-size:15px}}div[data-area=formArea] .form-field-check-radio.checkbox .form-field-check-radio-ttl:before,#formArea .form-field-check-radio.checkbox .form-field-check-radio-ttl:before{position:absolute;content:"";left:0;top:50%;display:block;width:20px;height:20px;border-radius:4px;border:solid 1px #ccc;background-color:#fff;box-sizing:border-box;transform:translateY(-50%)}@media screen and (max-width: 750px){div[data-area=formArea] .form-field-check-radio.checkbox .form-field-check-radio-ttl:before,#formArea .form-field-check-radio.checkbox .form-field-check-radio-ttl:before{width:18px;height:18px}}div[data-area=formArea] .form-field-check-radio input:focus+.form-field-check-radio-ttl:before,#formArea .form-field-check-radio input:focus+.form-field-check-radio-ttl:before{box-shadow:0 0 6px 0px #62d843}div[data-area=formArea] .form-field-check-radio.checkbox input[type=checkbox]:checked+.form-field-check-radio-ttl:before,#formArea .form-field-check-radio.checkbox input[type=checkbox]:checked+.form-field-check-radio-ttl:before{background:#3ab5dd;border:none}div[data-area=formArea] .form-field-check-radio.checkbox input[type=checkbox]:checked+.form-field-check-radio-ttl:after,#formArea .form-field-check-radio.checkbox input[type=checkbox]:checked+.form-field-check-radio-ttl:after{content:"";left:3px;top:50%;margin-top:-2px;position:absolute;display:block;background-color:rgba(0,0,0,0);z-index:1;width:13px;height:8px;transform:translateY(-50%) rotate(-45deg);border-bottom:solid 3px #fff;border-left:solid 3px #fff;border-radius:2px;box-sizing:border-box}div[data-area=formArea] .form-field-check-radio.radiobtn .form-field-check-radio-ttl:before,#formArea .form-field-check-radio.radiobtn .form-field-check-radio-ttl:before{position:absolute;content:"";left:0;top:50%;display:block;width:20px;height:20px;border-radius:4px;border:solid 1px #ccc;background-color:#fff;border-radius:50%;box-sizing:border-box;transform:translateY(-50%)}div[data-area=formArea] .form-field-check-radio.radiobtn input[type=radio]:checked+.form-field-check-radio-ttl:before,#formArea .form-field-check-radio.radiobtn input[type=radio]:checked+.form-field-check-radio-ttl:before{border:solid 5px #3ab5dd}div[data-area=formArea] .form-field-check-radio.radiobtn input[type=radio]:checked+.form-field-check-radio-ttl:after,#formArea .form-field-check-radio.radiobtn input[type=radio]:checked+.form-field-check-radio-ttl:after{content:none;left:3px;top:1px;position:absolute;display:block;background-color:rgba(0,0,0,0);z-index:1;width:14px;height:9px;transform:rotate(-45deg);border-bottom:solid 3px #fff;border-left:solid 3px #fff;border-radius:2px;box-sizing:border-box}div[data-area=formArea] .form-elm_btns,#formArea .form-elm_btns{width:100%;display:flex;-moz-column-gap:40px;column-gap:40px;justify-content:center;margin-top:33px}@media screen and (max-width: 750px){div[data-area=formArea] .form-elm_btns,#formArea .form-elm_btns{flex-direction:row;-moz-column-gap:17px;column-gap:17px}}div[data-area=formArea] *[class*=form-btn],#formArea *[class*=form-btn]{font-size:18px;color:#fff;font-weight:bold;line-height:1.44;height:50px;padding:10px 0;transition:all .5s ease 0s;border:0;border-radius:4px}div[data-area=formArea] .form-btn_confirm,#formArea .form-btn_confirm{flex-basis:370px;margin:0 auto;background-color:#12b3cc;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block}div[data-area=formArea] .form-btn_back.formrun-system-show+.form-btn_confirm,#formArea .form-btn_back.formrun-system-show+.form-btn_confirm{margin:0;flex-basis:calc(50% - 20px);max-width:280px}@media screen and (max-width: 750px){div[data-area=formArea] .form-btn_confirm,#formArea .form-btn_confirm{height:42px;flex-basis:100%}div[data-area=formArea] .form-btn_back.formrun-system-show+.form-btn_confirm,#formArea .form-btn_back.formrun-system-show+.form-btn_confirm{flex-basis:calc(50% - 8.5px)}}div[data-area=formArea] .form-btn_confirm:hover,#formArea .form-btn_confirm:hover{color:#12b3cc;border:solid 2px #12b3cc;background-color:#fff}div[data-area=formArea] .form-btn_back.formrun-system-show,#formArea .form-btn_back.formrun-system-show{font-weight:700;margin:0;margin-right:0;background-color:#949494;position:relative;display:flex;align-items:center;justify-content:center;width:calc(50% - 20px);max-width:280px}@media screen and (max-width: 750px){div[data-area=formArea] .form-btn_back.formrun-system-show,#formArea .form-btn_back.formrun-system-show{height:42px;width:calc(50% - 8.5px)}}div[data-area=formArea] .form-btn_back.formrun-system-show:hover,#formArea .form-btn_back.formrun-system-show:hover{color:#949494;border:solid 2px #949494;background-color:#fff}div[data-area=formArea] small[data-formrun-show-if-error].formrun-system-show,#formArea small[data-formrun-show-if-error].formrun-system-show{color:red;font-size:14px;font-weight:normal;display:block;text-align:left}div[data-area=formArea] .form-field .form-field-check-radio.is-disabled,#formArea .form-field .form-field-check-radio.is-disabled,div[data-area=formArea] .form-field select[readonly=readonly],#formArea .form-field select[readonly=readonly],div[data-area=formArea] .form-field input[readonly=readonly],#formArea .form-field input[readonly=readonly],div[data-area=formArea] .form-field textarea[readonly=readonly],#formArea .form-field textarea[readonly=readonly]{pointer-events:none}div[data-area=formArea] .form-field .form-field-check-radio.is-disabled,#formArea .form-field .form-field-check-radio.is-disabled,div[data-area=formArea] .form-field .form-field-check-radio.is-disabled .form-field-check-radio-ttl:before,#formArea .form-field .form-field-check-radio.is-disabled .form-field-check-radio-ttl:before,div[data-area=formArea] .form-field select[readonly=readonly],#formArea .form-field select[readonly=readonly],div[data-area=formArea] .form-field input[readonly=readonly],#formArea .form-field input[readonly=readonly],div[data-area=formArea] .form-field textarea[readonly=readonly],#formArea .form-field textarea[readonly=readonly]{background:#ddd}div[data-area=formArea] .form-field select[readonly=readonly]:-webkit-autofill,#formArea .form-field select[readonly=readonly]:-webkit-autofill,div[data-area=formArea] .form-field input[readonly=readonly]:-webkit-autofill,#formArea .form-field input[readonly=readonly]:-webkit-autofill,div[data-area=formArea] .form-field textarea[readonly=readonly]:-webkit-autofill,#formArea .form-field textarea[readonly=readonly]:-webkit-autofill{box-shadow:0 0 0px 999px #ddd inset}div[data-area=formArea] .u-mt-10,#formArea .u-mt-10{margin-top:10px}div[data-area=formArea] .u-mb-10,#formArea .u-mb-10{margin-bottom:10px}.u-text-align-center,#formArea .u-text-align-center{text-align:center}div[data-area=formArea] .u-font-size-16,#formArea .u-font-size-16{font-size:16px}div[data-area=formArea] .u-link,#formArea .u-link{text-decoration:underline}div[data-area=formArea] .is-hidden,#formArea .is-hidden{display:none}div[data-area=formArea] .pc-only,#formArea .pc-only,.area-thanks .pc-only{display:block}@media screen and (max-width: 750px){div[data-area=formArea] .pc-only,#formArea .pc-only,.area-thanks .pc-only{display:none}}div[data-area=formArea] .sp-only,#formArea .sp-only,.area-thanks .sp-only{display:none}@media screen and (max-width: 750px){div[data-area=formArea] .sp-only,#formArea .sp-only,.area-thanks .sp-only{display:initial}}.form-wrap[aria-hidden=true]{display:none}div[data-area=formArea] .form-desc-box__subtitle,#formArea .form-desc-box__subtitle{font-size:16px;margin:10px auto 10px}div[data-area=formArea] .form-desc-box,#formArea .form-desc-box{font-size:16px;border:1px solid #ccc;margin:0 0 20px;padding:10px 20px;width:100%;height:200px;overflow-y:scroll}.thanks-body{padding:0;margin:0;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}.area-thanks{width:100%;border-top:4px solid #3ab5dd;color:#333}.area-thanks p{margin:0;padding:0}.area-thanks .form-thanks-ttl-01{font-size:36px;font-weight:500;width:100%;text-align:center;margin:0 0 40px;padding:56px 0 26px;color:#444;border-bottom:1px solid #eee}@media screen and (max-width: 750px){.area-thanks .form-thanks-ttl-01{font-size:32px}}.area-thanks .form-thanks-ttl-01 span{color:#3ab5dd;font-size:24px;text-align:center;font-weight:bold;font-family:"Roboto",sans-serif;opacity:.35;display:block}.area-thanks .form-thanks-cont{margin:0 auto;padding-bottom:30px;text-align:center}@media screen and (max-width: 750px){.area-thanks .form-thanks-cont{width:calc(100% - 32px)}}.area-thanks .form-thanks-lead,.area-thanks .form-thanks-text{font-size:18px;line-height:2.22;margin-bottom:60px}.area-thanks .form-thanks-lead{font-weight:500}.area-thanks .form-thanks-text{font-size:18px;color:#333}@media screen and (max-width: 750px){.area-thanks .form-thanks-lead,.area-thanks .form-thanks-text{font-size:15px}}.area-thanks .form-thanks-back-btn{margin:0 auto 18px;box-sizing:border-box}.area-thanks .form-thanks-back-btn a{width:100%;margin:0 auto;padding:16px 10px;max-width:320px;font-size:16px;line-height:1.5;font-weight:bold;background:#3ab5dd;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:5px;text-decoration:none;box-sizing:border-box;transition:all .3s;border:2px solid rgba(0,0,0,0)}.area-thanks .form-thanks-back-btn a:hover{color:#3ab5dd;background:#fff;border:2px solid currentColor;box-sizing:border-box}@media screen and (max-width: 750px){.area-thanks .form-thanks-back-btn a{max-width:calc(100% - 50px)}}.form-thanks-info{font-size:15px;line-height:1.6}@media screen and (max-width: 750px){.form-thanks-info{font-size:14px}}

@import url(https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css);     .iot_wrap .wpcf7 {
background: transparent;
border: 1px solid transparent;
margin: 0 !important;
}
.iot_wrap .wpcf7 p {
margin: 0;
}
.iot_wrap .wpcf7 input[type=text], .iot_wrap .wpcf7 textarea, .iot_wrap .wpcf7 input[type=email], .iot_wrap .wpcf7 input[type=tel] {
-webkit-appearance: none;
}
.iot_wrap .wpcf7 .wpcf7-mail-sent-ok {
display: block;
width: 100%;
max-width: 768px;
margin: 0 auto;
}
.iot_wrap .wpcf7 .wpcf7-validation-errors {
display: block;
width: 100%;
max-width: 768px;
margin: 0 auto;
font-size: 16px;
}
.iot_wrap .wpcf7 .wpcf7-form {
margin: 0 auto;
}
.iot_wrap #form_wrapper {
width: 100%;
max-width: 768px;
margin: 0 auto;
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps {
margin: 4rem auto;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-step_wrap .m-steps {
flex-direction: column;
}
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps li {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin-right: 1.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-step_wrap .m-steps li {
margin-right: 0;
}
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps li .step {
font-size: 1.3rem;
text-align: center;
color: #fff;
background: #cfcfcf;
padding: 1.5rem 0;
width: 6rem;
box-sizing: border-box;
line-height: 1.2em;
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps li .step span {
font-size: 1.7rem;
display: block;
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps li .step-content {
background: #e8e8e8;
color: #333638;
font-size: 1.6rem;
padding: 1.5rem 0;
width: 16rem;
box-sizing: border-box;
text-align: center;
line-height: 2;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-step_wrap .m-steps li .step-content {
width: calc(100% - 6rem);
}
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps li:nth-of-type(1) .step {
background: #0079b5;
}
.iot_wrap #form_wrapper .m-step_wrap .m-steps li:nth-of-type(1) .step-content {
background: #00a0e9;
color: #fff;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-step_wrap .m-steps li {
margin-bottom: 16px;
}
}
.iot_wrap #form_wrapper .m-desp {
text-align: center;
color: #6e7173;
font-size: 1.6rem;
letter-spacing: 0.1rem;
margin-bottom: 50px;
}
.iot_wrap #form_wrapper .m-desp .req {
background: #ff4f19;
color: #fff;
font-size: 1.1rem;
font-family: "メイリオ", sans-serif;
line-height: 1em;
padding: 0.5rem 1rem;
margin-right: 0.5rem;
}
.iot_wrap #form_wrapper .m-form_wrap {
width: 100%;
max-width: 768px;
margin: 0 auto;
}
.iot_wrap #form_wrapper .m-form_wrap__li {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li {
flex-direction: column;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_execution_time.is_hid {
display: none;
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_building_age.is_hid {
display: none;
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_agree {
display: block;
margin-bottom: 30px;
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_agree .m-form_wrap__li__item {
width: 100%;
margin: 0 auto;
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_agree .m-form_wrap__li__item .m-checkbox .wpcf7-list-item {
margin: 0 auto;
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_agree .m-form_wrap__li__item .agree_desp {
display: block;
margin: 0 auto;
text-align: center;
line-height: 1;
}
.iot_wrap #form_wrapper .m-form_wrap__li.is_agree .m-form_wrap__li__item .agree_desp a {
border-bottom: 0.1rem solid;
color: #00a0e9;
display: inline-block;
}
.iot_wrap #form_wrapper .m-form_wrap__li__name {
width: 220px;
margin-right: 16px;
font-size: 16px;
line-height: 1;
}
.iot_wrap #form_wrapper .m-form_wrap__li__name .s-req--required {
background: #ff4f19;
color: #fff;
font-size: 1.1rem;
font-family: "メイリオ", sans-serif;
line-height: 1em;
float: right;
padding: 0.5rem 1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li__name .s-req--required {
float: none;
margin-left: 16px;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li__name .s-req--optional {
background: #e8e8e8;
color: #333638;
font-family: "メイリオ", sans-serif;
line-height: 1em;
float: right;
padding: 0.5rem 1rem;
font-size: 1.1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li__name .s-req--optional {
float: none;
margin-left: 16px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li__name {
width: 100%;
margin-bottom: 8px;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li__item {
width: calc(100% - 236px);
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li__item {
width: 100%;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_col2 {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_col2 .wpcf7-form-control-wrap:nth-of-type(1) {
margin-right: 16px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-input {
font-size: 16px;
padding: 11px 8px;
height: 48px;
width: 100%;
background-color: #f8f8f8;
border: solid 1px #e2e1e1;
border-radius: 4px;
box-sizing: border-box; }
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-input::placeholder {
color: #8e8e8e;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-input:-ms-input-placeholder {
color: #8e8e8e;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-input::-ms-input-placeholder {
color: #8e8e8e;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-input.wpcf7c-conf {
background-color: #f8f8f8 !important;
color: #b3b3b3 !important;
border: 1px solid transparent;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .unit {
padding-top: 19px;
line-height: 1;
font-size: 16px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio {
font-size: 16px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio.wpcf7-radio {
display: flex;
margin-bottom: 10px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio.wpcf7-radio .wpcf7-list-item {
display: block;
margin: 0px 16px 0px 0px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label {
margin: 0;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label input[type=radio] {
display: none;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label .wpcf7-list-item-label {
display: flex;
position: relative;
font-size: 14px;
padding-left: 24px;
font-weight: normal;
line-height: 1.5;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label .wpcf7-list-item-label:before {
position: absolute;
content: "";
left: 0;
top: 2px;
display: block;
border-radius: 8px;
width: 16px;
height: 16px;
border: solid 1px #e2e1e1;
background-color: #f8f8f8;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label input[type=radio]:checked + .wpcf7-list-item-label:after {
content: "";
left: 4px;
top: 6px;
position: absolute;
display: block;
background-color: transparent;
z-index: 1;
width: 8px;
height: 8px;
border-radius: 4px;
border: solid 1px #0098e1;
background-color: #0098e1;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label input[type=radio]:checked + .wpcf7-list-item-label:before {
border: solid 1px #0098e1;
background-color: #f8f8f8;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label input[type=radio].wpcf7c-conf:checked ~ .wpcf7-list-item-label:after {
content: "";
left: 4px;
top: 6px;
position: absolute;
display: block;
z-index: 1;
width: 8px;
height: 8px;
border-radius: 4px;
background-color: #0098e1;
border: solid 1px #0098e1;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-radio label input[type=radio].wpcf7c-conf:checked ~ .wpcf7-list-item-label:before {
border: solid 1px #0098e1;
background-color: #f8f8f8;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox.wpcf7-checkbox {
display: flex;
margin-bottom: 10px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox.wpcf7-checkbox .wpcf7-list-item {
display: block;
margin: 0px 16px 0px 0px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox label {
margin: 0;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox label input[type=checkbox] {
display: none;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox label .wpcf7-list-item-label {
display: flex;
position: relative;
font-size: 14px;
padding-left: 24px;
font-weight: normal;
line-height: 1.5;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox label .wpcf7-list-item-label:before {
position: absolute;
content: "";
left: 0;
top: 2px;
display: block;
width: 16px;
height: 16px;
border-radius: 4px;
border: solid 1px #e2e1e1;
background-color: #f8f8f8;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox label input[type=checkbox]:checked + .wpcf7-list-item-label:after {
content: "";
left: 2px;
top: -1px;
position: absolute;
display: block;
background-color: transparent;
z-index: 1;
width: 16px;
height: 10px;
transform: rotate(-45deg);
border-bottom: solid 2px #0098e1;
border-left: solid 2px #0098e1;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-checkbox label input[type=checkbox].wpcf7c-conf:checked ~ .wpcf7-list-item-label:after {
content: "";
left: 2px;
top: -1px;
position: absolute;
display: block;
background-color: transparent;
z-index: 1;
width: 16px;
height: 10px;
transform: rotate(-45deg);
border-bottom: solid 2px #0098e1;
border-left: solid 2px #0098e1;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_integral {
max-width: 260px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_has_unit {
max-width: 276px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select {
max-width: 260px;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .m-select {
width: 100%;
max-width: 100%;
font-size: 16px;
padding: 11px 8px;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
outline: none;
border: solid 1px #e2e1e1;
background: #f8f8f8;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .m-select {
padding: 11px 8px;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .m-select::-ms-expand {
display: none;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .m-select.wpcf7c-conf {
background-color: #f7f7f7;
color: #afafaf;
border: 1px solid transparent;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .wpcf7-form-control-wrap.wpcf7-form-control-wrap {
display: block;
position: relative;
background: transparent;
min-height: 50px;
box-sizing: border-box;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .wpcf7-form-control-wrap.wpcf7-form-control-wrap::before {
position: absolute;
top: 20px;
right: 8px;
width: 0;
height: 0;
padding: 0;
content: "";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li__item.is_select .wpcf7-form-control-wrap.wpcf7-form-control-wrap::before {
top: 18px;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-textarea {
font-size: 16px;
padding: 11px 8px;
height: 200px;
width: 100%;
background-color: #f8f8f8;
border: solid 1px #e2e1e1;
border-radius: 4px;
box-sizing: border-box; }
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-textarea::placeholder {
color: #8e8e8e;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-textarea:-ms-input-placeholder {
color: #8e8e8e;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-textarea::-ms-input-placeholder {
color: #8e8e8e;
}
.iot_wrap #form_wrapper .m-form_wrap__li__item .m-textarea.wpcf7c-conf {
background-color: #f8f8f8;
color: #b3b3b3;
border: 1px solid transparent;
}
.iot_wrap #form_wrapper .m-form_wrap__li .m-title__text {
font-size: 18px;
padding-left: 16px;
position: relative;
margin: 30px 0px;
border-left: none;
}
.iot_wrap #form_wrapper .m-form_wrap__li .m-title__text:before {
content: "";
left: 0;
position: absolute;
width: 8px;
height: 24px;
border-radius: 4px;
background-color: #0098e1;
}
.iot_wrap #form_wrapper .m-form_wrap__li .m-btns {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
.iot_wrap #form_wrapper .m-form_wrap__li .m-btns {
flex-direction: column;
}
}
.iot_wrap #form_wrapper .m-form_wrap__li .m-btns .confirm_btn {
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
margin: 0 auto;
position: relative;
display: block;
max-width: 280px;
width: 100%;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
}
.iot_wrap #form_wrapper .m-form_wrap__li .m-btns .return_btn {
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #c3c3c3;
border: 0.6rem solid #e2e2e2;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: block;
max-width: 280px;
width: 100%;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
margin-right: 16px;
margin: 0 auto;
}
.iot_wrap #form_wrapper .m-form_wrap__li .m-btns .submit_btn {
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: block;
max-width: 280px;
width: 100%;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
margin: 0 auto;
}
.iot_wrap #form_wrapper .m-form_wrap__li .wpcf7-not-valid-tip {
padding-top: 7px;
font-size: 14px;
}
.iot_wrap #form_wrapper .m-form_wrap__li .wpcf7c-conf::placeholder {
color: transparent;
}
.iot_wrap #form_wrapper .m-form_wrap__li .wpcf7c-conf:-ms-input-placeholder {
color: transparent;
}
.iot_wrap #form_wrapper .m-form_wrap__li .wpcf7c-conf::-ms-input-placeholder {
color: transparent;
}
.iot_wrap #form_wrapper .m-form_wrap__li .wpcf7c-conf input {
background: #faaa16;
}
.iot_wrap .l-contaner__inner {
width: 100%;
max-width: 1000px;
margin: 50px auto;
overflow: hidden;
padding: 8rem 0;
background-color: #fff;
}
.iot_wrap .l-contaner__inner .m-form h2 {
display: block;
text-align: center;
font-size: 4rem;
position: relative;
line-height: 1.6em;
padding-top: 4rem;
color: #484848;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.iot_wrap .l-contaner__inner .m-form h2 {
font-size: 18px;
}
}
.iot_wrap .l-contaner__inner .m-form h2:before {
width: 100%;
content: "";
position: absolute;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2267%22%20height%3D%227%22%20viewBox%3D%220%200%2067%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2235%22%20height%3D%227%22%20rx%3D%223.5%22%20fill%3D%22%2300A0E9%22%2F%3E%3Ccircle%20cx%3D%2247.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23FAAA16%22%2F%3E%3Ccircle%20cx%3D%2263.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23004386%22%2F%3E%3C%2Fsvg%3E") no-repeat;
width: 6.7rem;
height: 0.7rem;
display: block;
top: 0;
left: 0px;
right: 0px;
margin: 0 auto;
}
.iot_wrap #form_wrapper .custom-wpcf7c-confirmed .m-step_wrap .m-steps li:nth-of-type(1) .step {
background: #cfcfcf;
}
.iot_wrap #form_wrapper .custom-wpcf7c-confirmed .m-step_wrap .m-steps li:nth-of-type(1) .step-content {
background: #e8e8e8;
color: #333638;
}
.iot_wrap #form_wrapper .custom-wpcf7c-confirmed .m-step_wrap .m-steps li:nth-of-type(2) .step {
background: #0079b5;
}
.iot_wrap #form_wrapper .custom-wpcf7c-confirmed .m-step_wrap .m-steps li:nth-of-type(2) .step-content {
background: #00a0e9;
color: #fff;
}
.iot_wrap #form-inquiry .m-step_wrap .m-steps {
margin: 4rem auto;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
.iot_wrap #form-inquiry .m-step_wrap .m-steps {
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #form-inquiry .m-step_wrap .m-steps li {
width: 100%;
margin-right: 0;
margin-bottom: 16px;
}
.iot_wrap #form-inquiry .m-step_wrap .m-steps li .step {
width: 60px;
}
.iot_wrap #form-inquiry .m-step_wrap .m-steps li .step-content {
width: calc(100% - 60px);
}
}
.iot_wrap #form-inquiry .m-step_wrap .m-steps li:nth-of-type(3) .step {
background: #0079b5;
}
.iot_wrap #form-inquiry .m-step_wrap .m-steps li:nth-of-type(3) .step-content {
background: #00a0e9;
color: #fff;
}
@media screen and (max-width: 767px) {
.iot_wrap #form-inquiry .m-step_wrap .m-steps li:nth-of-type(3) .step-content {
width: calc(100% - 60px);
}
}
.iot_wrap #form-inquiry .tel-area {
max-width: 768px;
width: 100%;
margin: 30px auto;
}
@media screen and (max-width: 767px) {
.iot_wrap #form-inquiry .btn-top a:hover {
margin: 0 auto;
}
}
.iot_wrap #page-form .inner {
width: 94% !important;
max-width: 1000px;
margin: 0px auto;
}
.iot_wrap #page-form .inner .site-info .logo {
margin: 26px 0 17px 0;
}
@media screen and (max-width: 767px) {
.iot_wrap #page-form .inner .site-info .site-title img {
width: 233px;
height: auto;
}
.iot_wrap #page-form .inner .site-info .tel {
display: none;
}
}  .iot_wrap {  }
.iot_wrap html, .iot_wrap body, .iot_wrap div, .iot_wrap span, .iot_wrap applet, .iot_wrap object, .iot_wrap iframe, .iot_wrap h1, .iot_wrap h2, .iot_wrap h3, .iot_wrap h4, .iot_wrap h5, .iot_wrap h6, .iot_wrap p, .iot_wrap blockquote, .iot_wrap pre, .iot_wrap a, .iot_wrap abbr, .iot_wrap acronym, .iot_wrap address, .iot_wrap big, .iot_wrap cite, .iot_wrap code, .iot_wrap del, .iot_wrap dfn, .iot_wrap em, .iot_wrap img, .iot_wrap ins, .iot_wrap kbd, .iot_wrap q, .iot_wrap s, .iot_wrap samp, .iot_wrap small, .iot_wrap strike, .iot_wrap strong, .iot_wrap sub, .iot_wrap sup, .iot_wrap tt, .iot_wrap var, .iot_wrap b, .iot_wrap u, .iot_wrap i, .iot_wrap center, .iot_wrap dl, .iot_wrap dt, .iot_wrap dd, .iot_wrap ol, .iot_wrap ul, .iot_wrap li, .iot_wrap fieldset, .iot_wrap form, .iot_wrap label, .iot_wrap legend, .iot_wrap table, .iot_wrap caption, .iot_wrap tbody, .iot_wrap tfoot, .iot_wrap thead, .iot_wrap tr, .iot_wrap th, .iot_wrap td, .iot_wrap article, .iot_wrap aside, .iot_wrap canvas, .iot_wrap details, .iot_wrap embed, .iot_wrap figure, .iot_wrap figcaption, .iot_wrap footer, .iot_wrap header, .iot_wrap hgroup, .iot_wrap menu, .iot_wrap nav, .iot_wrap output, .iot_wrap ruby, .iot_wrap section, .iot_wrap summary, .iot_wrap time, .iot_wrap mark, .iot_wrap audio, .iot_wrap video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
.iot_wrap html {
line-height: 1;
font-size: 10px;
}
.iot_wrap table {
border-collapse: collapse;
border-spacing: 0;
}
.iot_wrap caption, .iot_wrap th, .iot_wrap td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
.iot_wrap q, .iot_wrap blockquote {
quotes: none;
}
.iot_wrap q:before, .iot_wrap q:after {
content: "";
content: none;
}
.iot_wrap blockquote:before, .iot_wrap blockquote:after {
content: "";
content: none;
}
.iot_wrap a img {
border: none;
}
.iot_wrap article, .iot_wrap aside, .iot_wrap details, .iot_wrap figcaption, .iot_wrap figure, .iot_wrap footer, .iot_wrap header, .iot_wrap hgroup, .iot_wrap menu, .iot_wrap nav, .iot_wrap section, .iot_wrap summary {
display: block;
}
.iot_wrap textarea {
border: #6e7173 solid 1px;
padding: 5px;
}
.iot_wrap hr {
height: 0;
margin: 5px 0 20px 0;
padding: 0;
border: 0;
border-top: 1px solid #f9f9f9;
}
.iot_wrap a {
color: #333638;
text-decoration: none;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.iot_wrap a:link {
color: #333638;
}
.iot_wrap a:active {
color: #333638;
}
.iot_wrap a:visited {
color: #333638;
}
.iot_wrap a:hover {
cursor: pointer;
}
.iot_wrap a:hover img {
-moz-transition: ease-in-out 0.5s;
-o-transition: ease-in-out 0.5s;
-webkit-transition: ease-in-out 0.5s;
transition: ease-in-out 0.5s;
}
.iot_wrap .sp {
display: none;
}
.iot_wrap .btn, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
}
.iot_wrap .btn-orange, .iot_wrap #top .point .inner .txt .btn, .iot_wrap #top .problem .inner .btn, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-document a, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-document a, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-document .txt a, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-document .txt a, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-estimate a, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-estimate .txt a, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-estimate .txt a, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-inquiry a, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-inquiry .txt a, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-inquiry .txt a, .iot_wrap #top .service .btn, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .service a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .service a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .service a, .iot_wrap #top .price .btn, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .price a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .price a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .price a, .iot_wrap #top .campaign .btn, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .campaign a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .campaign a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .campaign a, .iot_wrap #top .case .btn, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .case a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .case a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .case a, .iot_wrap #top .column .btn, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .column a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .column a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .column a {
text-align: left;
}
.iot_wrap .btn-orange a, .iot_wrap #top .point .inner .txt .btn a, .iot_wrap #top .problem .inner .btn a, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-document a a, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-document a a, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-document .txt a a, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-document .txt a a, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-estimate a a, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-estimate a a, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-estimate .txt a a, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-estimate .txt a a, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-inquiry a a, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-inquiry a a, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-inquiry .txt a a, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-inquiry .txt a a, .iot_wrap #top .service .btn a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-document a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .service a a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-estimate a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .service a a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-inquiry a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .service a a, .iot_wrap #top .price .btn a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-document a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .price a a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-estimate a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .price a a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-inquiry a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .price a a, .iot_wrap #top .campaign .btn a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-document a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .campaign a a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-estimate a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .campaign a a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-inquiry a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .campaign a a, .iot_wrap #top .case .btn a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-document a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .case a a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-estimate a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .case a a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-inquiry a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .case a a, .iot_wrap #top .column .btn a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-document a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .column a a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-estimate a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .column a a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-inquiry a a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .column a a {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.68rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 36rem;
box-sizing: border-box;
}
.iot_wrap .btn-orange a:after, .iot_wrap #top .point .inner .txt .btn a:after, .iot_wrap #top .problem .inner .btn a:after, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-document a a:after, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-document a a:after, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-document .txt a a:after, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-document .txt a a:after, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-estimate a a:after, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-estimate a a:after, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-estimate .txt a a:after, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-estimate .txt a a:after, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-inquiry a a:after, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-inquiry a a:after, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-inquiry .txt a a:after, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-inquiry .txt a a:after, .iot_wrap #top .service .btn a:after, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-document a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .service a a:after, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-estimate a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .service a a:after, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-inquiry a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .service a a:after, .iot_wrap #top .price .btn a:after, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-document a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .price a a:after, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-estimate a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .price a a:after, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-inquiry a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .price a a:after, .iot_wrap #top .campaign .btn a:after, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-document a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .campaign a a:after, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-estimate a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .campaign a a:after, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-inquiry a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .campaign a a:after, .iot_wrap #top .case .btn a:after, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-document a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .case a a:after, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-estimate a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .case a a:after, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-inquiry a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .case a a:after, .iot_wrap #top .column .btn a:after, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-document a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .column a a:after, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-estimate a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .column a a:after, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-inquiry a a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .column a a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .btn-orange a:hover, .iot_wrap #top .point .inner .txt .btn a:hover, .iot_wrap #top .problem .inner .btn a:hover, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-document a a:hover, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-document a a:hover, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-document .txt a a:hover, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-document .txt a a:hover, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-estimate a a:hover, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-estimate a a:hover, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-estimate .txt a a:hover, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-estimate .txt a a:hover, .iot_wrap #top .point #footer .footer-contact .inner .txt .btn-area .btn-inquiry a a:hover, .iot_wrap #footer .footer-contact #top .point .inner .txt .btn-area .btn-inquiry a a:hover, .iot_wrap #top .point #footer .footer-contact .inner .btn-area .btn-inquiry .txt a a:hover, .iot_wrap #footer .footer-contact #top .point .inner .btn-area .btn-inquiry .txt a a:hover, .iot_wrap #top .service .btn a:hover, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-document a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .service a a:hover, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-estimate a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .service a a:hover, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-inquiry a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .service a a:hover, .iot_wrap #top .price .btn a:hover, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-document a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .price a a:hover, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-estimate a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .price a a:hover, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-inquiry a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .price a a:hover, .iot_wrap #top .campaign .btn a:hover, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-document a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .campaign a a:hover, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-estimate a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .campaign a a:hover, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-inquiry a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .campaign a a:hover, .iot_wrap #top .case .btn a:hover, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-document a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .case a a:hover, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-estimate a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .case a a:hover, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-inquiry a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .case a a:hover, .iot_wrap #top .column .btn a:hover, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-document a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .column a a:hover, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-estimate a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .column a a:hover, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-inquiry a a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .column a a:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap .btn-gray {
text-align: left;
}
.iot_wrap .btn-gray a {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #b2b2b2;
border: 0.6rem solid #e6e6e6;
color: #fff;
font-size: 1.68rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 36rem;
box-sizing: border-box;
}
.iot_wrap .btn-gray a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .btn-gray a:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap .link-arrow-red {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-red:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #ff4f19;
border-right: solid 2px #ff4f19;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .link-arrow-purple, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-purple:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #d9057d;
border-right: solid 2px #d9057d;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .link-arrow-blue, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-blue:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .link-arrow-white, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a:hover, .iot_wrap #top .service .detail ul li .btn-small {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-white:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document a:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a:hover:after, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a:hover:after, .iot_wrap #top .service .detail ul li .btn-small:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .content-txt, .iot_wrap #top .problem .txt p, .iot_wrap #top .point .inner .txt p, .iot_wrap #top .service p, .iot_wrap #top .price p {
color: #6e7173;
font-size: 1.6rem;
line-height: 2.2em;
}
.iot_wrap #top .problem .txt p {
text-align: left;
}
.iot_wrap #top .service p {
text-align: center;
}
.iot_wrap .hover-orange:hover, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document a:hover {
background-color: #faaa16;
opacity: 1;
color: #fff;
}
.iot_wrap .hover-red:hover {
background-color: #ff4f19;
opacity: 1;
color: #fff;
}
.iot_wrap .hover-blue:hover {
background-color: #00a0e9;
opacity: 1;
color: #fff;
}
.iot_wrap .hover-line:hover:before {
content: "";
display: inline-block;
width: 100%;
height: 0.1rem;
background: #333638;
position: absolute;
bottom: 10%;
left: 0;
}
.iot_wrap h2 {
font-size: 4rem;
position: relative;
line-height: 1.6em;
padding-top: 4rem;
color: #484848;
}
.iot_wrap h2:before {
content: "";
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/line-ttl.png) no-repeat;
width: 6.7rem;
height: 0.7rem;
display: block;
top: 0;
left: 0;
}
.iot_wrap h4 {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.8rem;
margin-bottom: 4rem;
line-height: 3.5rem;
}
.iot_wrap ul li {
list-style: none;
}
.iot_wrap input[type=text]:placeholder-shown, .iot_wrap input[type=tel]:placeholder-shown, .iot_wrap input[type=email]:placeholder-shown {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=text]::-webkit-input-placeholder, .iot_wrap input[type=tel]::-webkit-input-placeholder, .iot_wrap input[type=email]::-webkit-input-placeholder {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=text]:-moz-placeholder, .iot_wrap input[type=tel]:-moz-placeholder, .iot_wrap input[type=email]:-moz-placeholder {
opacity: 1;
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=text]::-moz-placeholder, .iot_wrap input[type=tel]::-moz-placeholder, .iot_wrap input[type=email]::-moz-placeholder {
opacity: 1;
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=text]:-ms-input-placeholder, .iot_wrap input[type=tel]:-ms-input-placeholder, .iot_wrap input[type=email]:-ms-input-placeholder {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap table {
width: 100%;
border-collapse: separate;
border-top: #7CA7D2 solid 1px;
margin: 1rem 0;
line-height: 1.5;
}
@media only screen and (max-width: 750px) {
.iot_wrap table {
width: 93%;
}
}
.iot_wrap table tr th {
padding: 3%;
text-align: left;
vertical-align: top;
border-bottom: #6e7173 solid 1px;
}
.iot_wrap table tr th:first-child {
padding-left: 0;
}
.iot_wrap table tr th:last-child {
padding-right: 0;
}
.iot_wrap table tr td {
padding: 7px;
vertical-align: top;
border-bottom: #6e7173 solid 1px;
}
.iot_wrap table tr td.align-right {
text-align: right;
}
.iot_wrap table tr td:first-child {
padding-left: 0;
}
.iot_wrap table tr td:last-child {
padding-right: 0;
}
.iot_wrap html {
font-size: 62.5%;
font-size: 10px;
}
.iot_wrap body {
position: relative;
font-family: Arial, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #333638;
font-size: 1.6rem;
letter-spacing: 0.05rem;
line-height: 2.2em;
width: 100%;
-webkit-text-size-adjust: 100%;
font-size: 1.4rem;
min-width: 126rem;
}
.iot_wrap .inner {
width: 126rem;
margin: 0 auto;
}
.iot_wrap .wpcf7-mail-sent-ok {
display: none !important;
}
.iot_wrap .home #header .menu-global-container, .iot_wrap .home #header-form .menu-global-container {
position: relative;
float: left;
}
.iot_wrap label, .iot_wrap input[type=checkbox], .iot_wrap input[type=radio] {
cursor: pointer;
}
.iot_wrap .header-newyear {
background-color: #ffdddd;
padding: 15px 0;
}
.iot_wrap .header-newyear p {
line-height: 1.8;
text-align: center;
}
.iot_wrap .header-newyear p span {
font-weight: bold;
}
.iot_wrap #header, .iot_wrap #header-form {
background: rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0 0 0.6rem #ccc;
-webkit-box-shadow: 0 0 0.6rem #ccc;
box-shadow: 0 0 0.6rem #ccc;
position: relative;
}
.iot_wrap #header .inner, .iot_wrap #header-form .inner {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #header .inner-smaller, .iot_wrap #header-form .inner-smaller {
display: none;
}
.iot_wrap .site-info .site-title {
font-size: 13px;
margin-right: 14px;
}
.iot_wrap #header .site-info, .iot_wrap #header-form .site-info {
float: left;
width: 1260px;
}
.iot_wrap #header .site-info .logo, .iot_wrap #header-form .site-info .logo {
float: left;
margin: 2.3rem 0 0 0;
}
.iot_wrap #header .site-info .header-3icon, .iot_wrap #header-form .site-info .header-3icon {
float: left;
margin: 14px 0px 1px 40px;
}
.iot_wrap #header .site-info .tel, .iot_wrap #header-form .site-info .tel {
float: right;
margin: 1.6rem 0 0;
overflow: hidden;
}
.iot_wrap #header .site-info .tel p, .iot_wrap #header-form .site-info .tel p {
font-size: 1.2rem;
font-weight: bold;
}
.iot_wrap #header .site-info .tel .tel-no, .iot_wrap #header-form .site-info .tel .tel-no {
float: left;
font-size: 3.4rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/free-call.png) no-repeat bottom 0.4rem left;
padding-left: 3.2rem;
background-size: 2.5rem;
}
.iot_wrap #header .site-info .tel .time, .iot_wrap #header-form .site-info .tel .time {
float: left;
line-height: 1.5;
font-size: 1rem;
font-weight: normal;
padding-left: 5px;
}
.iot_wrap #header .btn-area, .iot_wrap #header-form .btn-area {
overflow: hidden;
*zoom: 1;
float: right;
}
.iot_wrap #header .btn-area .btn-document, .iot_wrap #header-form .btn-area .btn-document {
float: left;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-ic-document-hover.png) no-repeat 20px 18px;
background-color: #f73e3e;
}
.iot_wrap #header .btn-area .btn-document:hover, .iot_wrap #header-form .btn-area .btn-document:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap #header .btn-area .btn-document a, .iot_wrap #header-form .btn-area .btn-document a {
width: 136px;
height: 60px;
display: block;
position: relative;
top: 15px;
left: 50px;
color: #fff;
}
.iot_wrap #header .btn-area .btn-estimate, .iot_wrap #header-form .btn-area .btn-estimate {
float: left;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-ic-estimate-hover.png) no-repeat 20px 18px;
background-color: #d9057d;
}
.iot_wrap #header .btn-area .btn-estimate:hover, .iot_wrap #header-form .btn-area .btn-estimate:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap #header .btn-area .btn-estimate a, .iot_wrap #header-form .btn-area .btn-estimate a {
width: 136px;
height: 60px;
display: block;
position: relative;
top: 15px;
left: 50px;
color: #fff;
}
.iot_wrap #header .btn-area .btn-inquiry, .iot_wrap #header-form .btn-area .btn-inquiry {
float: left;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-ic-mail-hover.png) no-repeat 17px 23px;
background-color: #00a0e9;
}
.iot_wrap #header .btn-area .btn-inquiry:hover, .iot_wrap #header-form .btn-area .btn-inquiry:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap #header .btn-area .btn-inquiry a, .iot_wrap #header-form .btn-area .btn-inquiry a {
width: 136px;
height: 60px;
display: block;
position: relative;
top: 15px;
left: 45px;
color: #fff;
}
.iot_wrap header.fixed {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.iot_wrap header.smaller {
background: #fff !important;
-moz-box-shadow: 0 0 0.6rem #ccc;
-webkit-box-shadow: 0 0 0.6rem #ccc;
box-shadow: 0 0 0.6rem #ccc;
position: absolute;
}
.iot_wrap header.smaller .inner {
display: none !important;
}
.iot_wrap header.smaller #gnav {
display: none !important;
}
.iot_wrap header.smaller .inner-smaller {
display: block !important;
width: 126rem;
margin: 0 auto;
overflow: hidden;
*zoom: 1;
}
.iot_wrap header.smaller .inner-smaller .site-info {
float: left;
overflow: hidden;
*zoom: 1;
width: 108rem !important;
}
.iot_wrap header.smaller .inner-smaller .site-info .logo {
float: left;
width: 20rem;
margin: 15px 0 0 0 !important;
}
.iot_wrap header.smaller .inner-smaller .site-info .logo a {
display: block;
}
.iot_wrap header.smaller .inner-smaller .site-info .logo img {
width: 100%;
height: auto;
display: block;
}
.iot_wrap header.smaller .inner-smaller .site-info #gnav {
display: block !important;
float: right;
margin: 1.8rem 0 0;
}
.iot_wrap header.smaller .inner-smaller .site-info #gnav ul li {
line-height: 1em;
}
.iot_wrap header.smaller .inner-smaller .site-info #gnav ul li a {
font-size: 1.2rem;
padding: 0;
margin-right: 3rem;
line-height: 1em;
font-weight: bold;
}
.iot_wrap header.smaller .inner-smaller .site-info #gnav ul li:after {
display: none;
}
.iot_wrap header.smaller .inner-smaller .site-info #gnav ul li:first-child {
display: none;
}
.iot_wrap header.smaller .inner-smaller .site-info #gnav ul li:first-child a {
padding: 0;
}
.iot_wrap header.smaller .inner-smaller .btn-area {
float: right;
margin: 0 !important;
overflow: hidden;
*zoom: 1;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-document-smaller {
float: left;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-document-smaller a {
background: #ff4f19;
color: #fff;
font-size: 1.3rem;
text-align: center;
display: block;
width: 8rem;
padding: 1rem 0;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-document-smaller a:before {
content: "";
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-smaller-ic-document.png) no-repeat center;
width: 2.2rem;
height: 2.6rem;
margin: 0 auto 0.5rem;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-document-smaller a:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-estimate-smaller {
float: left;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-estimate-smaller a {
background: #d9057d;
color: #fff;
font-size: 1.3rem;
text-align: center;
display: block;
width: 8rem;
padding: 1rem 0;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-estimate-smaller a:before {
content: "";
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-smaller-ic-estimate.png) no-repeat center;
width: 1.9rem;
height: 2.7rem;
margin: 0 auto 0.4rem;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-estimate-smaller a:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-inquiry-smaller {
float: left;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-inquiry-smaller a {
background: #00a0e9;
color: #fff;
font-size: 1.3rem;
text-align: center;
display: block;
width: 8rem;
padding: 1.7rem 0 1rem;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-inquiry-smaller a:before {
content: "";
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-smaller-ic-mail.png) no-repeat center;
width: 2.6rem;
height: 1.9rem;
margin: 0 auto 0.5rem;
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-inquiry-smaller a:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap #header-form .site-info {
float: none;
width: 100rem;
overflow: hidden;
*zoom: 1;
margin: 0 auto;
}
.iot_wrap .site-header-menu-head {
border-top: 1px solid #d6d6d6;
height: 60px;
float: none;
}
.iot_wrap #gnav span {
display: none;
}
.iot_wrap #gnav #site-navigation ul li {
float: left;
}
.iot_wrap #gnav #site-navigation ul li a {
display: inline-block;
font-size: 1.2rem;
padding-right: 24px;
position: relative;
margin: 16px 0;
}
.iot_wrap #gnav #site-navigation ul li a:hover {
text-decoration: underline;
}
.iot_wrap #gnav #site-navigation ul li:last-child:after {
display: none;
}
.iot_wrap #gnav #site-navigation ul .menu-item-17 a:hover:before, .iot_wrap #gnav #site-navigation ul .menu-item-16 a:hover:before, .iot_wrap #gnav #site-navigation ul .menu-item-15 a:hover:before, .iot_wrap #gnav #site-navigation ul .menu-item-14 a:hover:before, .iot_wrap #gnav #site-navigation ul .menu-item-18 a:hover:before, .iot_wrap #gnav #site-navigation ul .menu-item-21 a:hover:before, .iot_wrap #gnav #site-navigation ul .menu-item-87 a:hover:before {
bottom: 20%;
}
.iot_wrap .page-inner {
margin-top: 8rem !important;
}
.iot_wrap #main {
margin: 0 auto;
margin: 0rem 0 0;
}
.iot_wrap #page-main {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #page-main .inner {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #page-content {
float: left;
width: 91rem;
}
.iot_wrap #page-content .footer-bottom {
margin-bottom: 8rem;
}
.iot_wrap #page-content .footer-bottom .contact-area {
background-color: #f9f9f9;
border: 0.1rem solid #ccc;
}
.iot_wrap #page-content .footer-bottom .contact-area h4 {
text-align: center;
padding: 2rem 3rem;
font-size: 2rem;
line-height: 2.4rem;
margin-bottom: 0;
font-weight: bold;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area {
position: relative;
padding: 3rem 2rem 3rem 23rem;
background-color: #fff;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area:before {
content: "";
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-bottom-bg.png) no-repeat;
width: 22rem;
height: 18rem;
background-size: 100%;
left: 10px;
bottom: 0;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .tel {
display: inline-block;
margin-right: 3rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .tel p {
font-size: 1.4rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .tel .telphone {
font-size: 4rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/free-call.png) no-repeat;
background-position: 0 0.5rem;
background-size: 4rem;
padding-left: 5rem;
line-height: 4rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .tel .time {
font-size: 1.2rem;
line-height: 1.8rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact {
display: inline-block;
vertical-align: top;
width: 46%;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact p {
color: #d9057d;
font-size: 1.4rem;
padding-left: 2rem;
position: relative;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact p:before {
content: "";
position: absolute;
width: 0;
height: 0;
top: 0.8rem;
left: 0;
border: 8px solid transparent;
border-top: 13px solid #d9057d;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact .btn-estimate {
border: 0.2rem solid #d9057d;
border-radius: 3rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact .btn-estimate a {
color: #d9057d;
display: block;
padding: 1.2rem 9rem 1rem 12rem;
font-size: 1.8rem;
font-weight: bold;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-estimate.png) no-repeat left 3.5rem top 1.3rem;
background-position: 9.5rem 1.4rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact .btn-estimate a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #d9057d;
border-right: solid 2px #d9057d;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact .btn-estimate a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-estimate-hover.png) no-repeat;
background-position: 9.5rem 1.4rem;
background-color: #d9057d;
}
.iot_wrap #page-content .footer-bottom .contact-area .info-area .contact .btn-estimate a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area {
background: #00a0e9;
padding-bottom: 4rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .top-comment {
font-size: 1.4rem;
color: #fff;
text-align: center;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area h4 {
color: #fff;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents {
margin: 0 3rem;
padding: 2.5rem 2rem 2.5rem 4rem;
background: #4dbdf0;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 {
display: inline-block;
vertical-align: middle;
margin-right: 2.5rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 .form-document1 dt, .iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 .form-document2 dt, .iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 .form-document3 dt {
display: inline-block;
width: 6rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 .form-document1 dd, .iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 .form-document2 dd, .iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box1 .form-document3 dd {
display: inline-block;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box2 {
display: inline-block;
vertical-align: top;
margin-top: 1.5rem;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box2 dd {
position: relative;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box2 dd:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 5rem;
margin-top: -4px;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box2 dd:before {
content: "";
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-bottom-telicon.png) no-repeat;
width: 3rem;
height: 4rem;
left: 4.5rem;
top: 3.5rem;
z-index: 99999;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box2 dd:hover:before {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-bottom-telicon-hover.png) no-repeat;
}
.iot_wrap #page-content .footer-bottom .contact-area .form-area .form-contents .box2 dd input {
margin-left: 0;
height: 10rem;
font-size: 2.2rem;
padding-left: 6rem;
border-radius: 7rem;
font-weight: bold;
}
.iot_wrap aside {
float: right;
max-width: 27rem;
}
.iot_wrap aside .contact {
text-align: center;
}
.iot_wrap aside .contact p {
text-align: center;
}
.iot_wrap aside .contact .column-bnr {
margin-bottom: 2rem;
border: 0.2rem solid #ddd;
}
.iot_wrap aside .contact .column-bnr a {
background-color: #faaa16;
color: #fff;
padding: 1rem 0;
font-size: 1.6rem;
display: block;
margin-top: -1.1rem;
position: relative;
}
.iot_wrap aside .contact .column-bnr a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap aside .contact .claim {
background-color: #0099e6;
color: #fff;
padding: 1rem 4rem;
font-size: 2.1rem;
}
.iot_wrap aside .contact .claim span {
font-size: 1.15rem;
}
.iot_wrap aside .contact .side-contact {
padding: 2rem;
margin-bottom: 25px;
border: 0.2rem solid #0099e6 !important;
}
.iot_wrap aside .contact .side-contact .tel {
border-bottom: 0.1rem solid #d6d6d6;
font-size: 1.5rem;
}
.iot_wrap aside .contact .side-contact .tel p {
font-family: "メイリオ", "meiryo";
}
.iot_wrap aside .contact .side-contact .tel p span {
font-weight: bold;
font-family: "arial";
font-size: 2.9rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/free-call.png) no-repeat;
background-position: 0 1.3rem;
background-size: 2.5rem;
padding-left: 3rem;
}
.iot_wrap aside .contact .side-contact .btn-area {
margin-top: 2rem;
font-size: 1.6rem;
}
.iot_wrap aside .contact .side-contact .btn-area p {
font-family: "メイリオ", "meiryo";
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document {
margin-bottom: 2rem;
}
@media all and (-ms-high-contrast: none) {
.iot_wrap aside .contact .side-contact .btn-area .btn-document *::-ms-backdrop, .iot_wrap aside .contact .side-contact .btn-area .btn-document a {
background-size: 8% !important;
background-position: 27% !important;
}
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document a {
color: #ff4f19;
display: block;
font-weight: bold;
border: 0.2rem solid #ff4f19;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/side-ic-document.png) no-repeat left 3.5rem top 1.3rem;
background-position: 5.5rem 1.2rem;
padding: 1rem 0 1rem 1.5rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/side-ic-document-hover.png) no-repeat left 3.5rem top 1.3rem;
background-position: 5.5rem 1.2rem;
padding: 1rem 0 1rem 1.5rem;
background-color: #ff4f19;
opacity: 1;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #ff4f19;
border-right: solid 2px #ff4f19;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate {
margin-bottom: 1rem;
}
@media all and (-ms-high-contrast: none) {
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate *::-ms-backdrop, .iot_wrap aside .contact .side-contact .btn-area .btn-estimate a {
background-size: 8% !important;
background-position: 27% !important;
}
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate a {
color: #d9057d;
display: block;
font-weight: bold;
border: 0.2rem solid #d9057d;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/side-ic-estimate.png) no-repeat left 3.5rem top 1.3rem;
background-position: 5.5rem 1.2rem;
padding: 1rem 0 1rem 1.5rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/side-ic-estimate-hover.png) no-repeat left 3.5rem top 1.3rem;
background-position: 5.5rem 1.2rem;
padding: 1rem 0 1rem 1.5rem;
background-color: #d9057d;
opacity: 1;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #d9057d;
border-right: solid 2px #d9057d;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
@media all and (-ms-high-contrast: none) {
.iot_wrap aside .contact .side-contact .btn-area .btn-inquiry *::-ms-backdrop, .iot_wrap aside .contact .side-contact .btn-area .btn-inquiry a {
background-size: 8% !important;
background-position: 25% !important;
}
}
.iot_wrap aside .contact .side-contact .btn-area .btn-inquiry a {
color: #00a0e9;
display: block;
font-weight: bold;
border: 0.2rem solid #00a0e9;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/side-ic-mail.png) no-repeat left 3rem top 1.7rem;
background-position: 4.5rem 1.6rem;
padding: 1rem 0 1rem 1.5rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-inquiry a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/side-ic-mail-hover.png) no-repeat left 3.5rem top 1.3rem;
background-position: 4.5rem 1.6rem;
padding: 1rem 0 1rem 1.5rem;
background-color: #00a0e9;
opacity: 1;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-inquiry a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-inquiry a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap aside .contact .side-campaign {
margin-bottom: 4rem;
}
.iot_wrap aside .contact .side-campaign ul {
overflow: hidden;
*zoom: 1;
}
.iot_wrap aside .contact .side-campaign ul li a {
width: 100%;
margin: 0.5rem auto;
}
.iot_wrap aside .contact .side-campaign ul li a img {
width: 100%;
height: auto;
}
.iot_wrap aside .contact .side-nav {
background-color: #eee;
padding: 2rem 1rem;
margin-top: 17px;
margin-bottom: 10rem;
}
.iot_wrap aside .contact .side-nav h3 {
font-size: 2.2rem;
font-weight: bold;
margin-bottom: 1rem;
}
.iot_wrap aside .contact .side-nav ul {
margin-bottom: 2rem;
}
.iot_wrap aside .contact .side-nav ul:last-child {
margin-bottom: 0;
}
.iot_wrap aside .contact .side-nav ul li {
font-weight: bold;
background: #fff;
border-left: 0.4rem solid #00a0e9;
margin-top: 20px;
}
.iot_wrap aside .contact .side-nav ul li a {
display: block;
padding: 1rem 1rem 1rem 2rem;
font-size: 1.3rem;
text-align: left;
border: 0.1rem solid #fff;
}
.iot_wrap aside .contact .side-nav ul li a:hover {
border: 0.1rem solid #00a0e9;
}
.iot_wrap aside .contact .side-nav ul.ul2 {
border-left: none;
}
.iot_wrap aside .contact .side-nav ul.ul2 li a.ul-li-a2 {
border-left: 0.4rem solid #00a0e9;
padding: 1rem;
}
.iot_wrap aside .contact .side-nav ul.ul2 li ul {
border-left: none;
padding: 0;
background: #eee;
padding-top: 0.2rem;
}
.iot_wrap aside .contact .side-nav ul.ul2 li ul li {
font-weight: normal;
border: 0.1rem solid #fff;
margin-top: 0.2rem;
}
.iot_wrap aside .contact .side-nav ul.ul2 li ul li:first-child {
margin-top: 0;
}
.iot_wrap aside .contact .side-nav ul.ul2 li ul li a {
padding: 1rem 1rem 1rem 4rem;
position: relative;
}
.iot_wrap aside .contact .side-nav ul.ul2 li ul li a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #333638;
border-right: solid 2px #333638;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 1.5rem;
margin-top: -4px;
}
.iot_wrap #common-document-form dl dt {
color: #fff;
font-size: 1.4rem;
}
.iot_wrap #common-document-form dl dd {
position: relative;
}
.iot_wrap #common-document-form dl dd span.wpcf7-not-valid-tip {
background: #484848;
color: #fff;
font-size: 1rem;
padding: 0.5rem 1rem 0.5rem 1.5rem;
box-sizing: border-box;
position: absolute;
top: -4rem;
right: -2rem;
width: 13rem;
line-height: 1.2em;
}
.iot_wrap #common-document-form dl dd span.wpcf7-not-valid-tip:after {
content: "";
width: 0;
height: 0;
border: 1rem solid transparent;
border-top: 1rem solid #484848;
position: relative;
bottom: -2rem;
position: absolute;
}
.iot_wrap #common-document-form dl input[type=text], .iot_wrap #common-document-form dl input[type=tel], .iot_wrap #common-document-form dl input[type=email] {
width: 31rem;
padding: 1rem;
font-size: 1.6rem;
box-sizing: border-box;
border: 0;
border: 0.1rem solid #fff;
}
.iot_wrap #common-document-form dl input[type=text]:focus, .iot_wrap #common-document-form dl input[type=tel]:focus, .iot_wrap #common-document-form dl input[type=email]:focus {
border: 0.1rem solid #6e7173;
outline: 0;
}
.iot_wrap #common-document-form dl input[type=submit] {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 36rem;
box-sizing: border-box;
cursor: pointer;
}
.iot_wrap #common-document-form dl input[type=submit]:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap #common-document-form .form-contents {
line-height: 5.56rem;
}
.iot_wrap #common-document-form div.wpcf7-validation-errors {
display: none !important;
}
.iot_wrap #footer {
clear: both;
}
.iot_wrap #footer .fixed-side-simulation {
position: fixed;
right: 20px;
bottom: 60px;
z-index: 9999;
}
.iot_wrap #footer .fixed-side-simulation:hover {
opacity: 0.8;
}
.iot_wrap #footer .fixed-side-simulation .side-simulation-close-btn {
position: relative;
top: -175px;
right: 22px;
cursor: pointer;
}
.iot_wrap #footer .footer-contact {
background: #f9f9f9;
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 5rem 0;
}
.iot_wrap #footer .footer-contact .inner {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #footer .footer-contact .inner .txt {
float: left;
width: 64rem;
}
.iot_wrap #footer .footer-contact .inner .txt p {
font-size: 2.7rem;
line-height: 1em;
}
.iot_wrap #footer .footer-contact .inner .txt .tel {
margin-top: 2rem;
}
.iot_wrap #footer .footer-contact .inner .txt .tel p {
font-size: 1.6rem;
margin-bottom: 0.5rem;
}
.iot_wrap #footer .footer-contact .inner .txt .tel .tel-no {
font-size: 4.4rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/free-call.png) no-repeat bottom 0.4rem left;
background-size: 4rem;
padding-left: 4.5rem;
font-weight: bold;
display: inline-block;
}
.iot_wrap #footer .footer-contact .inner .txt .tel .time {
font-size: 1.2rem;
display: inline-block;
width: 14rem;
line-height: 1.6em;
margin-left: 1rem;
}
.iot_wrap #footer .footer-contact .inner .btn-area {
float: right;
width: 51rem;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-document {
margin: 0 0 1.5rem;
display: block;
}
@media all and (-ms-high-contrast: none) {
.iot_wrap #footer .footer-contact .inner .btn-area .btn-document *::-ms-backdrop, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document a {
background-size: 4% !important;
background-position: 8% !important;
}
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-document a {
color: #fff;
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-document.png) no-repeat left 3.5rem top 1.3rem;
background-color: #ff4f19;
background-position: 7%;
background-size: 5%;
font-size: 2.2rem;
width: 100%;
padding: 1rem 0 1rem 1.5rem;
box-sizing: border-box;
line-height: 1em;
overflow: hidden;
*zoom: 1;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-document a .ttl {
float: left;
margin: 1rem 0 0 5.5rem;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-document a .catch {
display: inline-block;
width: 21.8rem;
font-size: 1.4rem;
border-left: 0.2rem solid #fff;
padding-left: 2rem;
text-align: left;
line-height: 1.4em;
margin-left: 2rem;
float: right;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate {
display: block;
margin-right: 1rem;
margin-bottom: 1.5rem;
}
@media all and (-ms-high-contrast: none) {
.iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate *::-ms-backdrop, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a {
background-size: 7% !important;
background-position: 23% !important;
}
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a {
display: block;
color: #d9057d;
width: 100%;
font-size: 2rem;
font-weight: bold;
border: 0.2rem solid #d9057d;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-estimate.png) no-repeat left 5.5rem top 0.8rem;
background-color: #fff;
padding: 1.3rem 0 1rem 1.5rem;
box-sizing: border-box;
line-height: 1em;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate a:hover {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-estimate-hover.png) no-repeat left 5.5rem top 0.8rem;
background-color: #d9057d;
color: #fff;
opacity: 1;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry {
display: inline-block;
}
@media all and (-ms-high-contrast: none) {
.iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry *::-ms-backdrop, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a {
background-size: 8% !important;
background-position: 22% !important;
}
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a {
color: #00a0e9;
width: 24.5rem;
font-size: 2rem;
border: 0.2rem solid #00a0e9;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-mail.png) no-repeat left 4.5rem top 1.4rem;
background-color: #fff;
padding: 1.3rem 0 1rem 1.5rem;
box-sizing: border-box;
line-height: 1em;
}
.iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry a:hover {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-mail-hover.png) no-repeat left 4.5rem top 1.2rem;
background-color: #00a0e9;
color: #fff;
opacity: 1;
}
.iot_wrap #footer .footer-content {
padding: 5rem 0 4rem;
}
.iot_wrap #footer .footer-content .inner {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #footer .footer-content .site-info {
float: left;
margin: 3rem 0 4rem;
}
.iot_wrap #footer .footer-content .site-info .site-title {
margin-bottom: 2rem;
}
.iot_wrap #footer .footer-content .site-info .nav {
font-size: 1.1rem;
}
.iot_wrap #footer .footer-content .site-info .nav .gaiyo {
margin-right: 1rem;
position: relative;
display: inline-block;
line-height: 2rem;
}
.iot_wrap #footer .footer-content .site-info .nav .gaiyo:hover:before {
display: inline-block;
content: "";
}
.iot_wrap #footer .footer-content .site-info .nav .gaiyo:hover:after {
content: "";
display: inline-block;
width: 100%;
height: 0.1rem;
background: #333638;
position: absolute;
bottom: 0.5rem;
left: 3px;
}
.iot_wrap #footer .footer-content .site-info .nav .privacy {
margin-left: 1rem;
position: relative;
display: inline-block;
line-height: 2rem;
}
.iot_wrap #footer .footer-content .site-info .nav .privacy:hover:before {
display: inline-block;
content: "";
}
.iot_wrap #footer .footer-content .site-info .nav .privacy:hover:after {
content: "";
display: inline-block;
width: 100%;
height: 0.1rem;
background: #333638;
position: absolute;
bottom: 0.5rem;
left: 3px;
}
.iot_wrap #footer .footer-content .footer-nav {
float: right;
width: 90rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav1, .iot_wrap #footer .footer-content .footer-nav .nav2, .iot_wrap #footer .footer-content .footer-nav .nav3, .iot_wrap #footer .footer-content .footer-nav .nav4 {
float: left;
border-left: 0.1rem solid #dadada;
padding-left: 2rem;
box-sizing: border-box;
height: 21rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 li.parent, .iot_wrap #footer .footer-content .footer-nav .nav2 li.parent, .iot_wrap #footer .footer-content .footer-nav .nav3 li.parent, .iot_wrap #footer .footer-content .footer-nav .nav4 li.parent {
font-size: 1.5rem;
font-weight: bold;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 li.parent a, .iot_wrap #footer .footer-content .footer-nav .nav2 li.parent a, .iot_wrap #footer .footer-content .footer-nav .nav3 li.parent a, .iot_wrap #footer .footer-content .footer-nav .nav4 li.parent a {
position: relative;
display: inline-block;
line-height: 2rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 li.parent a:before, .iot_wrap #footer .footer-content .footer-nav .nav2 li.parent a:before, .iot_wrap #footer .footer-content .footer-nav .nav3 li.parent a:before, .iot_wrap #footer .footer-content .footer-nav .nav4 li.parent a:before {
display: inline-block;
content: "";
width: 0.6rem;
height: 0.6rem;
-moz-border-radius: 0.3rem;
-webkit-border-radius: 0.3rem;
border-radius: 0.3rem;
background: #00a0e9;
margin-right: 1rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 li.parent a:hover:after, .iot_wrap #footer .footer-content .footer-nav .nav2 li.parent a:hover:after, .iot_wrap #footer .footer-content .footer-nav .nav3 li.parent a:hover:after, .iot_wrap #footer .footer-content .footer-nav .nav4 li.parent a:hover:after {
content: "";
display: inline-block;
width: 90%;
height: 0.1rem;
background: #333638;
position: absolute;
bottom: 0.3rem;
left: 15px;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 ul li.child, .iot_wrap #footer .footer-content .footer-nav .nav2 ul li.child, .iot_wrap #footer .footer-content .footer-nav .nav3 ul li.child, .iot_wrap #footer .footer-content .footer-nav .nav4 ul li.child {
font-size: 1.3rem;
padding-left: 1.5rem;
font-weight: normal;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 ul li.child a, .iot_wrap #footer .footer-content .footer-nav .nav2 ul li.child a, .iot_wrap #footer .footer-content .footer-nav .nav3 ul li.child a, .iot_wrap #footer .footer-content .footer-nav .nav4 ul li.child a {
position: relative;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 ul li.child a:before, .iot_wrap #footer .footer-content .footer-nav .nav2 ul li.child a:before, .iot_wrap #footer .footer-content .footer-nav .nav3 ul li.child a:before, .iot_wrap #footer .footer-content .footer-nav .nav4 ul li.child a:before {
display: inline-block;
content: "";
width: 0.5rem;
height: 0.5rem;
border-top: 0.1rem solid #484848;
border-right: 0.1rem solid #484848;
transform: rotate(45deg);
margin-right: 1rem;
background: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 ul li.child a:hover:after, .iot_wrap #footer .footer-content .footer-nav .nav2 ul li.child a:hover:after, .iot_wrap #footer .footer-content .footer-nav .nav3 ul li.child a:hover:after, .iot_wrap #footer .footer-content .footer-nav .nav4 ul li.child a:hover:after {
content: "";
display: inline-block;
width: 93%;
height: 0.1rem;
background: #333638;
position: absolute;
bottom: 0.3rem;
left: 15px;
}
.iot_wrap #footer .footer-content .footer-nav .nav1 {
width: 27rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav2 {
width: 25.5rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav3 {
width: 20.5rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav4 {
width: 17rem;
}
.iot_wrap #footer .footer-content .footer-nav .nav4 li.parent a:before {
background: #faaa16;
}
.iot_wrap #footer .copyright {
background: #000;
font-size: 1rem;
color: #fff;
text-align: center;
}
.iot_wrap #top .mainv .inner {
width: 82rem;
padding: 6rem 0;
}
.iot_wrap #top .mainv .txt {
text-align: center;
margin-bottom: 4rem;
}
.iot_wrap #top .mainv .txt .strong {
text-align: center;
font-size: 2.8rem;
color: #004386;
font-weight: bold;
margin-bottom: 2.5rem;
}
.iot_wrap #top .mainv .txt .ttl {
text-align: center;
font-size: 4.4rem;
color: #004386;
font-weight: bold;
margin-bottom: 2rem;
line-height: 1em;
letter-spacing: 0.35rem;
}
.iot_wrap #top .mainv .txt .ttl .blue {
color: #00a0e9;
}
.iot_wrap #top .mainv .txt .sub {
font-size: 2rem;
color: #004386;
line-height: 1rem;
}
.iot_wrap #top .mainv .img ul li {
display: inline-block;
width: 26rem;
margin-right: 1.5rem;
}
.iot_wrap #top .mainv .img ul li:last-child {
margin-right: 0;
}
.iot_wrap #top .mainv .img ul li img {
display: block;
}
.iot_wrap #top .mainv .img ul li p {
background: #00a0e9;
color: #fff;
font-size: 1.8rem;
text-align: center;
padding: 1rem 0;
}
.iot_wrap #top .document {
background: #00a0e9;
padding: 2rem 0 3rem;
}
.iot_wrap #top .document p {
color: #fff;
margin-bottom: 2rem;
font-size: 2.6rem;
text-align: center;
font-weight: bold;
padding-left: 2rem;
}
.iot_wrap #top .document p span {
font-size: 4rem;
}
.iot_wrap #top .document #common-document-form {
background: #4dbdf0;
position: relative;
text-align: center;
width: 100rem;
margin: 0 auto;
}
.iot_wrap #top .document #common-document-form .catalog {
position: absolute;
top: -14rem;
left: -7rem;
}
.iot_wrap #top .document #common-document-form .form-contents {
line-height: 2rem;
padding: 2rem;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 {
vertical-align: middle;
display: inline-block;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 .form-document1, .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document2, .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 {
margin-bottom: 1rem;
margin-right: 3rem;
overflow: visible;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 .form-document1 dt, .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document2 dt, .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 dt {
display: inline-block;
margin-right: 1.5rem;
line-height: 4.2rem;
width: 7rem;
text-align: right;
font-size: 1.4rem;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 .form-document1 dd, .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document2 dd, .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 dd {
display: inline-block;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 .form-document1 dd input[type=text], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document1 dd input[type=tel], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document1 dd input[type=email], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document2 dd input[type=text], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document2 dd input[type=tel], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document2 dd input[type=email], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 dd input[type=text], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 dd input[type=tel], .iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 dd input[type=email] {
width: 38rem;
height: 4rem;
border: 0;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 .form-document3 {
margin-bottom: 0;
}
.iot_wrap #top .document #common-document-form .form-contents .box2 {
display: inline-block;
vertical-align: middle;
}
.iot_wrap #top .document #common-document-form .form-contents .box2 dd {
position: relative;
}
.iot_wrap #top .document #common-document-form .form-contents .box2 dd:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 5rem;
margin-top: -4px;
}
.iot_wrap #top .document #common-document-form .form-contents .box2 dd input[type=submit] {
font-size: 2.4rem;
padding: 2rem 0 2rem 5rem;
width: 41.5rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-dl.png) no-repeat 6rem;
background-color: #faaa16;
font-weight: bold;
}
.iot_wrap #top .document #common-document-form .form-contents .box2 dd input[type=submit]:hover {
background-color: #ff4f19;
}
.iot_wrap #top .document #common-document-form .form-contents .box2 .top-comment {
display: block;
font-size: 1.4rem;
color: #fff;
line-height: 1;
margin-top: 2rem;
padding-left: 0;
}
.iot_wrap #top .problem {
background: #f9f9f9;
padding: 6rem 0 4.5rem;
}
.iot_wrap #top .problem .inner {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/naturally.png) no-repeat top right;
background-size: 50% auto;
padding-bottom: 14.5rem;
}
.iot_wrap #top .problem .txt {
margin: 4rem 0;
}
.iot_wrap #top .problem .txt h2 {
margin-bottom: 5rem;
}
.iot_wrap #top .point {
margin: 8rem 0;
}
.iot_wrap #top .point .inner {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #top .point .inner .img {
float: left;
width: 55rem;
}
.iot_wrap #top .point .inner .img ul {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #top .point .inner .img ul li {
float: left;
width: 50%;
text-align: center;
margin-bottom: 4rem;
}
.iot_wrap #top .point .inner .img ul li .no {
color: #00a0e9;
font-size: 3rem;
text-align: center;
}
.iot_wrap #top .point .inner .img ul li .no span {
font-size: 1.5rem;
position: relative;
margin-right: 0.5rem;
display: inline-block;
vertical-align: text-top;
}
.iot_wrap #top .point .inner .img ul li .no span:after {
content: "";
display: block;
background: #00a0e9;
width: 3rem;
height: 0.2rem;
position: absolute;
right: 0.3rem;
bottom: 0.2rem;
}
.iot_wrap #top .point .inner .img ul li .ttl {
font-size: 2rem;
color: #00a0e9;
margin: 2.5rem 0 1.5rem;
font-weight: bold;
text-align: center;
}
.iot_wrap #top .point .inner .img ul li:nth-child(2n) {
float: right;
}
.iot_wrap #top .point .inner .txt {
float: right;
width: 57rem;
}
.iot_wrap #top .point .inner .txt h2 {
margin-bottom: 5rem;
}
.iot_wrap #top .point .inner .txt p {
margin-bottom: 8rem;
}
.iot_wrap #top .service {
background: #f9f9f9;
padding: 10rem 0;
text-align: center;
}
.iot_wrap #top .service h2 {
margin-bottom: 2rem;
}
.iot_wrap #top .service h2:before {
background-position: center;
width: 100%;
}
.iot_wrap #top .service .detail {
margin: 8rem 0 6rem;
}
.iot_wrap #top .service .detail ul {
overflow: hidden;
*zoom: 1;
}
.iot_wrap #top .service .detail ul li {
position: relative;
float: left;
width: 520px;
background: #fff;
padding: 5rem;
margin: 0 2rem 2rem 0;
position: relative;
box-sizing: content-box;
}
.iot_wrap #top .service .detail ul li .btn-small {
text-align: center;
background: #b2b2b2;
border-radius: 99px;
padding: 10px;
position: relative;
margin: 20px auto 0;
}
.iot_wrap #top .service .detail ul li .btn-small a {
display: block;
width: 220px;
color: #fff;
}
.iot_wrap #top .service .detail ul li .btn-small:hover {
opacity: 0.6;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
transition: ease-in-out 0.3s;
}
.iot_wrap #top .service .detail ul li img {
position: relative;
left: -60px;
}
.iot_wrap #top .service .detail ul li:nth-child(2n) {
margin-right: 0;
}
.iot_wrap #top .service .detail ul li .no {
width: 6rem;
height: 6rem;
color: #fff;
font-size: 2.4rem;
font-weight: bold;
background: #004386;
-moz-border-radius: 0 0 9rem 0;
-webkit-border-radius: 0;
border-radius: 0 0 9rem 0;
position: absolute;
top: 0;
left: 0;
text-align: center;
}
.iot_wrap #top .service .detail ul li .txt h3 {
font-size: 3rem;
color: #00a0e9;
margin: 3.5rem 0 3rem;
font-weight: bold;
}
.iot_wrap #top .service .detail ul li .txt h3 span {
font-size: 2rem;
color: #484848;
display: block;
margin-bottom: 2rem;
}
.iot_wrap #top .service .detail ul li .txt p {
font-size: 1.3rem;
}
.iot_wrap #top .service .btn, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .service a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .service a, .iot_wrap #top .service #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .service a {
text-align: center;
}
.iot_wrap #top .price {
padding: 10rem 0;
text-align: center;
}
.iot_wrap #top .price h2 {
margin-bottom: 2rem;
}
.iot_wrap #top .price h2:before {
background-position: center;
width: 100%;
}
.iot_wrap #top .price p span {
font-size: 1.1rem;
margin: 1rem 0 2rem;
display: block;
line-height: 1.8em;
color: #aaa;
}
.iot_wrap #top .price ul {
margin: 6rem 0;
}
.iot_wrap #top .price ul li {
position: relative;
display: inline-block;
border: 0.2rem solid #00a0e9;
width: 40rem;
height: 40rem;
-moz-border-radius: 20rem;
-webkit-border-radius: 20rem;
border-radius: 20rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
margin-right: 2.5rem;
font-weight: bold;
}
.iot_wrap #top .price ul li .price-plan-img {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 20rem;
padding: 7rem 0 0;
}
.iot_wrap #top .price ul li .price-plan-in {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 20rem;
background: #00a0e9;
-moz-border-radius: 0 0 20rem 20rem;
-webkit-border-radius: 0;
border-radius: 0 0 20rem 20rem;
padding-top: 4rem;
position: relative;
}
.iot_wrap #top .price ul li .price-plan-in .count {
width: 206px;
color: #00a0e9;
font-size: 2.2rem;
line-height: 1.6;
background: #fff;
border: solid 2px #00a0e9;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
margin: 0 auto 30px;
position: absolute;
top: -20px;
left: 0;
right: 0;
}
.iot_wrap #top .price ul li .price-plan-in .pricedetail {
color: #fff000;
font-size: 4.8rem;
line-height: 1em;
font-weight: normal;
}
.iot_wrap #top .price ul li .price-plan-in .pricedetail span {
font-size: 3rem;
font-weight: normal;
display: inline-block;
margin: 0;
color: #fff000;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.iot_wrap #top .price ul li .price-plan-in .pricecost {
color: #fff;
font-size: 2.7rem;
font-weight: normal;
}
.iot_wrap #top .price ul li .price-plan-in .pricecost span {
color: #fff;
font-size: 1.8rem;
display: inline-block;
}
.iot_wrap #top .price ul li:nth-child(3n) {
margin-right: 0;
}
.iot_wrap #top .price ul li:nth-child(3n) .price-plan-img {
padding: 3rem 0 0;
}
.iot_wrap #top .price .btn, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .price a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .price a, .iot_wrap #top .price #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .price a {
text-align: center;
}
.iot_wrap #top .campaign {
background: #f9f9f9;
padding: 7rem 0;
text-align: center;
}
.iot_wrap #top .campaign h2 {
margin-bottom: 8rem;
}
.iot_wrap #top .campaign h2:before {
background-position: center;
width: 100%;
}
.iot_wrap #top .campaign .campaign-list {
margin-bottom: 6rem;
}
.iot_wrap #top .campaign .campaign-list ul {
font-size: 0;
letter-spacing: 0;
*zoom: 1;
}
.iot_wrap #top .campaign .campaign-list ul:after {
content: "";
display: table;
clear: both;
}
.iot_wrap #top .campaign .campaign-list ul li {
text-align: center;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
}
.iot_wrap #top .campaign .campaign-list ul li:first-child:nth-last-of-type(1), .iot_wrap #top .campaign .campaign-list ul li:first-child:nth-last-of-type(1) ~ li {
width: 100%;
margin-left: 0;
}
.iot_wrap #top .campaign .campaign-list ul li:first-child:nth-last-of-type(2), .iot_wrap #top .campaign .campaign-list ul li:first-child:nth-last-of-type(2) ~ li {
width: 49%;
margin-left: 2%;
}
.iot_wrap #top .campaign .campaign-list ul li:first-child:nth-last-of-type(3), .iot_wrap #top .campaign .campaign-list ul li:first-child:nth-last-of-type(3) ~ li {
width: 32%;
margin-left: 2%;
}
.iot_wrap #top .campaign .campaign-list ul li:first-child {
margin-left: 0 !important;
}
.iot_wrap #top .campaign .campaign-list ul li a {
display: block;
float: none;
}
.iot_wrap #top .campaign .campaign-list ul li .img {
margin-bottom: 15px;
}
.iot_wrap #top .campaign .campaign-list ul li .img img {
width: auto;
max-width: 100%;
}
.iot_wrap #top .campaign .campaign-list ul li .ttl {
font-size: 2rem;
margin: 0 0 3rem;
font-weight: bold;
}
.iot_wrap #top .campaign .btn, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .campaign a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .campaign a, .iot_wrap #top .campaign #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .campaign a {
text-align: center;
}
.iot_wrap #top .case {
background-color: #f9f9f9;
padding: 8rem 0 0;
text-align: center;
}
.iot_wrap #top .case h2 {
margin-bottom: 5rem;
}
.iot_wrap #top .case h2:before {
background-position: center;
width: 100%;
}
.iot_wrap #top .case .bx-wrapper {
margin-bottom: 60px;
}
.iot_wrap #top .case ul.bxslider li {
position: relative;
height: auto;
}
.iot_wrap #top .case ul.bxslider li a {
width: 100%;
height: 100%;
display: flex !important;
overflow: hidden;
flex-direction: column;
}
.iot_wrap #top .case ul.bxslider li a img {
border: none;
aspect-ratio: 300/200;
width: 100%;
height: 200px;
object-fit: cover;
object-position: top;
}
@media screen and (max-width: 768px) {
.iot_wrap #top .case ul.bxslider li a img {
height: 150px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .case ul.bxslider li a img {
height: 180px;
}
}
.iot_wrap #top .case ul.bxslider li .txt {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: left;
padding: 2.5rem 3rem;
box-sizing: border-box;
position: relative;
padding: 2.5rem 3rem;
box-sizing: border-box;
}
.iot_wrap #top .case ul.bxslider li .txt p {
font-size: 1.3rem;
line-height: 1.8em;
color: #6e7173;
}
.iot_wrap #top .case ul.bxslider li .txt .ttl {
font-size: 1.8rem;
color: #333638;
margin-bottom: 1.5rem;
line-height: 1em;
}
.iot_wrap #top .case ul.bxslider li:nth-child(odd) .txt {
background: #eeeeec;
}
.iot_wrap #top .case ul.bxslider li:nth-child(even) .txt {
background: #eaeaec;
}
.iot_wrap #top .case .btn, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .case a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .case a, .iot_wrap #top .case #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .case a {
text-align: center;
}
.iot_wrap #top .column {
padding: 10rem 0 8rem;
text-align: center;
}
.iot_wrap #top .column h2 {
margin-bottom: 8rem;
}
.iot_wrap #top .column h2:before {
background-position: center;
width: 100%;
}
.iot_wrap #top .column .article-list {
overflow: hidden;
*zoom: 1;
text-align: left;
}
.iot_wrap #top .column .article-list h3 {
font-size: 3rem;
border-left: 0.4rem solid #00a0e9;
padding-left: 2rem;
margin-bottom: 3rem;
line-height: 1.2em;
}
.iot_wrap #top .column .article-list .new-article {
width: 83rem;
float: left;
margin-bottom: 6rem;
}
.iot_wrap #top .column .article-list .new-article ul li {
background: #fff;
margin: 0 0 2rem;
overflow: hidden;
*zoom: 1;
}
.iot_wrap #top .column .article-list .new-article ul li .img {
float: left;
}
.iot_wrap #top .column .article-list .new-article ul li .img img {
width: 27rem;
height: 18.6rem;
object-fit: cover;
display: block;
}
.iot_wrap #top .column .article-list .new-article .txt {
float: right;
width: 56rem;
padding: 2rem 3rem;
box-sizing: border-box;
}
.iot_wrap #top .column .article-list .new-article .txt .cat {
display: inline-block;
border: 0.1rem solid #00a0e9;
color: #00a0e9;
font-size: 1.1rem;
padding: 0.5rem 1rem;
line-height: 1em;
margin-right: 5px;
}
.iot_wrap #top .column .article-list .new-article .txt .date {
display: inline-block;
font-size: 1.3rem;
color: #999;
margin-left: 1rem;
}
.iot_wrap #top .column .article-list .new-article .txt .ttl {
font-size: 1.8rem;
margin: 0.5rem 1rem;
margin-left: 0;
line-height: 1.6em;
font-weight: bold;
}
.iot_wrap #top .column .article-list .new-article .txt .excerpt {
font-size: 1.3rem;
line-height: 1.6em;
color: #6e7173;
}
.iot_wrap #top .column .article-list .new-article .txt .excerpt span {
color: #00a0e9;
}
.iot_wrap #top .column .article-list .popular-article {
width: 41rem;
float: right;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list {
background: #fff;
padding: 2rem;
box-sizing: border-box;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li {
overflow: hidden;
*zoom: 1;
border-bottom: 0.1rem solid #e2e4e4;
padding: 2rem 0 1.46rem;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li a {
display: inline-block;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li .img {
float: left;
position: relative;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li .img:before {
content: "";
background: #000000;
color: #fff;
position: absolute;
top: 0;
left: 0;
font-size: 1.2rem;
line-height: 1em;
padding: 0.5rem 0.8rem;
z-index: 1;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li .img img {
display: block;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li .txt {
float: right;
width: 26rem;
font-size: 1.3rem;
line-height: 1.6em;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li .txt .ttl {
font-weight: bold;
margin-bottom: 0.5rem;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:first-child {
padding-top: 0;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:first-child .img:before {
content: "1";
background: #dccc18;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(2) .img:before {
content: "2";
background: #bab9c1;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(3) .img:before {
content: "3";
background: #fa8a5f;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(4) .img:before {
content: "4";
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(5) .img:before {
content: "5";
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(6) .img:before {
content: "6";
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(7) .img:before {
content: "7";
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(8) .img:before {
content: "8";
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(9) .img:before {
content: "9";
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(10) {
padding-bottom: 0;
border: 0;
}
.iot_wrap #top .column .article-list .popular-article .wpp-list li:nth-child(10) .img:before {
content: "10";
}
.iot_wrap #top .column .article-list .popular-article span {
color: #00a0e9;
}
.iot_wrap #top .column .btn, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-document a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-document #top .column a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-estimate a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-estimate #top .column a, .iot_wrap #top .column #footer .footer-contact .inner .btn-area .btn-inquiry a, .iot_wrap #footer .footer-contact .inner .btn-area .btn-inquiry #top .column a {
text-align: center;
}
.iot_wrap a.hover-img {
display: block;
float: left;
overflow: hidden;
}
.iot_wrap figure {
margin: 0;
overflow: hidden;
position: relative;
text-align: center;
}
.iot_wrap figure img {
height: auto;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
width: 100%;
vertical-align: bottom;
}
.iot_wrap figure img:hover {
transform: scale(1.15, 1.15);
-webkit-transform: scale(1.15, 1.15);
-moz-transform: scale(1.15, 1.15);
-ms-transform: scale(1.15, 1.15);
-o-transform: scale(1.15, 1.15);
}
.iot_wrap .popular-article a.hover-img {
display: block;
float: left;
overflow: hidden;
width: 25%;
}
.iot_wrap .popular-article figure {
margin: 0;
overflow: hidden;
position: relative;
text-align: center;
width: 25%;
float: left;
}
.iot_wrap .popular-article figure img {
height: auto;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
width: 100%;
vertical-align: bottom;
}
.iot_wrap .popular-article figure img:hover {
transform: scale(1.15, 1.15);
-webkit-transform: scale(1.15, 1.15);
-moz-transform: scale(1.15, 1.15);
-ms-transform: scale(1.15, 1.15);
-o-transform: scale(1.15, 1.15);
}
.iot_wrap #pagenation {
text-align: center;
overflow: hidden;
}
.iot_wrap #pagenation .prev_next_text {
border-bottom: 0.1rem solid #ddd;
padding-bottom: 1rem;
margin-bottom: 2rem;
}
.iot_wrap #pagenation .prev_next_text .text-prev, .iot_wrap #pagenation .prev_next_text .text-next {
display: inline-block;
width: 49%;
margin-top: 3rem;
text-align: left;
}
.iot_wrap #pagenation .prev_next_text .text-next {
text-align: right;
}
.iot_wrap #pagenation .prev {
float: left;
width: 49.5%;
border-right: 0.1rem solid #00a0e9;
}
.iot_wrap #pagenation .prev a {
display: inline-block;
position: relative;
}
.iot_wrap #pagenation .prev a:before {
content: "";
position: absolute;
left: 0.5rem;
top: 40%;
width: 10px;
height: 10px;
border-top: 0.3rem solid #00a0e9;
border-right: 0.3rem solid #00a0e9;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.iot_wrap #pagenation .prev a:before:hover {
opacity: 0.6;
}
.iot_wrap #pagenation .prev a .img {
display: inline-block;
width: 40%;
vertical-align: middle;
margin-right: 1rem;
}
.iot_wrap #pagenation .prev a .img img {
width: 100%;
height: 9rem;
object-fit: cover;
border-radius: 1rem;
}
.iot_wrap #pagenation .prev a .img img:hover {
opacity: 0.6;
}
.iot_wrap #pagenation .prev a .title {
display: inline-block;
width: 45%;
font-size: 1.4rem;
vertical-align: middle;
line-height: 2rem;
}
.iot_wrap #pagenation .prev a .title:hover {
text-decoration: underline;
}
.iot_wrap #pagenation .next {
float: right;
width: 49.5%;
}
.iot_wrap #pagenation .next a {
display: inline-block;
position: relative;
}
.iot_wrap #pagenation .next a:after {
content: "";
position: absolute;
right: 0.5rem;
top: 40%;
width: 10px;
height: 10px;
border-top: 0.3rem solid #00a0e9;
border-right: 0.3rem solid #00a0e9;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.iot_wrap #pagenation .next a:after:hover {
opacity: 0.6;
}
.iot_wrap #pagenation .next a .img {
display: inline-block;
width: 40%;
margin-right: 1rem;
vertical-align: middle;
}
.iot_wrap #pagenation .next a .img img {
width: 100%;
height: 9rem;
object-fit: cover;
border-radius: 1rem;
}
.iot_wrap #pagenation .next a .img img:hover {
opacity: 0.6;
}
.iot_wrap #pagenation .next a .title {
display: inline-block;
width: 45%;
vertical-align: middle;
font-size: 1.4rem;
line-height: 2rem;
}
.iot_wrap #pagenation .next a .title:hover {
text-decoration: underline;
}
.iot_wrap #top .case {
padding: 10rem 0;
}
.iot_wrap .campaign-bottom {
display: none;
}
.iot_wrap .induce-bn-box {
background-color: #f9f9f9;
}
.iot_wrap .induce-bn-box .induce-bn-top {
position: relative;
}
.iot_wrap .induce-bn-box .induce-bn-top .inner {
width: 910px;
margin: 0 auto;
padding: 30px 0 50px 0;
}
.iot_wrap .induce-bn-box .induce-bn-top .inner .sim img {
margin-bottom: 10px;
margin-left: -34px;
}
.iot_wrap #top .document .inner:after {
clear: both;
content: "";
display: block;
}
.iot_wrap #top .document_btn {
display: block;
border-radius: 8px;
text-align: center;
width: 610px;
font-size: 30px;
color: #fff !important;
font-weight: bold;
padding: 15px 0 25px;
letter-spacing: -1px;
position: relative;
z-index: 1;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.iot_wrap #top .document_btn:before {
content: "";
width: 13px;
height: 13px;
border: 0px;
border-top: solid 4px #fff;
border-right: solid 4px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: 23px;
margin: auto;
}
.iot_wrap #top .document_btn span {
font-size: 24px;
}
.iot_wrap #top .document_btn1 {
float: left;
background: #faaa16 url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/document_btn1.png) 72px 50% no-repeat;
border: solid 5px #f7e6c6;
padding-left: 46px;
}
.iot_wrap #top .document_btn1:hover {
background-color: #FCBD47;
border-color: #f7e6c6;
}
.iot_wrap #top .document_btn2 {
float: right;
background: #f73e3e url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/document_btn2.png) 124px 50% no-repeat;
border: solid 5px #ffc9b9;
padding-left: 59px;
}
.iot_wrap #top .document_btn2:hover {
background-color: #F96868;
border-color: #f7d1c6;
}
.iot_wrap #top .document_popu {
position: relative;
z-index: 10000;
visibility: hidden;
opacity: 0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.iot_wrap #top .document_popu_on {
visibility: visible;
opacity: 1;
}
.iot_wrap #top .document_popu_body {
position: fixed;
z-index: 2;
top: 0;
left: 0;
right: 0;
}
.iot_wrap #top .document_popu_inner {
background: #fff;
width: 800px;
margin: 53px auto 0;
border-radius: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
z-index: 1;
padding: 39px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.iot_wrap #top .document_popu_on .document_popu_inner {
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
-webkit-transform: scale(1);
transform: scale(1);
}
.iot_wrap #top .document_popu_bg {
position: fixed;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
}
.iot_wrap #top .document_popu_btn {
position: absolute;
z-index: 1;
top: -20px;
right: -20px;
}
.iot_wrap #top .document_popu_title {
padding: 0 !important;
margin: 0 0 50px !important;
}
.iot_wrap #top .document_popu_title img {
vertical-align: middle;
}
.iot_wrap #top .document #common-document-form .box2 input[type=submit].send_on {
background-color: #b2b2b2 !important;
border-color: #e6e6e6 !important;
cursor: default;
}
.iot_wrap #top .document #common-document-form {
background: none;
width: auto;
}
.iot_wrap #top .document #common-document-form dl dt {
color: #00a0e9;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 {
margin: 0 0 46px;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 dd input {
border: solid 1px #BFBFBF !important;
}
.iot_wrap #top .document #common-document-form .form-contents .box1 dt {
margin-right: 5.5rem !important;
}
.iot_wrap #top .document #common-document-form .form-contents .box3 {
font-size: 16px;
margin: 15px 0 0;
}
.iot_wrap #top .document #common-document-form .form-contents .box3 .wpcf7-list-item {
margin: 0;
}
.iot_wrap #top .document #common-document-form .form-contents {
padding: 0;
}
.iot_wrap .iot-head {
background-color: #0099e6;
background-repeat: no-repeat;
background-position: center;
clear: both;
text-align: center;
height: 252px;
display: flex;
}
.iot_wrap .iot-head__title {
color: #fff;
align-self: center;
width: 100%;
}
.iot_wrap .iot-head__title h1 {
font-size: 32px;
}
@media screen and (max-width: 540px) {
.iot_wrap .iot-head__title h1 {
font-size: 24px;
}
}
.iot_wrap .iot-head__title .sub-title {
font-size: 16px;
margin-top: 28px;
}
@media screen and (max-width: 540px) {
.iot_wrap .iot-head__title .sub-title {
font-size: 14px;
}
}
.iot_wrap header.smaller .inner-smaller .btn-area .btn-document-smaller a {
line-height: 1.2;
}
.iot_wrap #top .service .detail ul li {
height: 440px;
}
.iot_wrap #top #free-internet.document {
margin-bottom: 0;
}
.iot_wrap #page-main .pagetitle {
font-size: 32px !important;
}
.iot_wrap #top .problem .inner .btn a {
font-size: 14px;
}
.iot_wrap #top .point .inner .txt .btn a {
font-size: 14px;
}
.iot_wrap #case .bxslider li {
width: 200px;
position: relative;
}
.iot_wrap #page-content .l-case {
background: #f6f6f6;
}
.iot_wrap #header .btn-area .btn-document a {
width: 165px;
height: 60px;
font-size: 12px;
display: block;
position: relative;
color: #fff;
}
.iot_wrap #page-main .inner {
width: 100%;
max-width: 126rem;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document a {
background-position: 2.5rem 1.2rem;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-document a:hover {
background-position: 2.5rem 1.2rem;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate a {
background-position: 2.5rem 1.2rem;
}
.iot_wrap aside .contact .side-contact .btn-area .btn-estimate a:hover {
background-position: 2.5rem 1.2rem;
}
.iot_wrap aside .contact .claim {
font-size: 18px;
}
@media screen and (max-width: 1119px) {
.iot_wrap #top .problem .inner {
width: 100%;
}
}
.iot_wrap #top .mainv {
position: relative;
overflow: hidden;
background-color: #d4f0fb;
}
.iot_wrap #top .mainv .inner .txt .ttl {
line-height: 1.5;
color: #0099e2;
}
.iot_wrap #top .mainv .m-pictures {
width: 82rem;
height: 285px;
margin: 0 auto;
}
.iot_wrap #top .mainv .m-pictures .m-person {
width: 100%;
position: relative;
}
.iot_wrap #top .mainv .m-pictures .m-person__li {
display: block;
position: absolute;
content: "";
top: -195px;
}
.iot_wrap #top .mainv .m-pictures .m-person__li:nth-of-type(1) {
left: -272px;
width: 306px;
height: 541px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-sprites_pc.png) -379px -10px;
}
.iot_wrap #top .mainv .m-pictures .m-person__li:nth-of-type(2) {
right: -300px;
width: 349px;
height: 541px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-sprites_pc.png) -10px -10px;
}
.iot_wrap #top .mainv .m-pictures .m-service__li {
width: 100%;
position: relative;
}
.iot_wrap #top .mainv .m-pictures .m-service__li__inner {
display: block;
position: absolute;
content: "";
top: -50px;
}
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(1) a {
left: -25px;
width: 310px;
height: 240px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-sprites_pc.png) -705px -10px;
}
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(2) a {
left: 0;
right: 0;
margin: 0 auto;
width: 310px;
height: 240px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-sprites_pc.png) -705px -270px;
}
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(3) a {
right: -25px;
width: 310px;
height: 240px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-sprites_pc.png) -10px -571px;
}
@media screen and (max-width: 767px) {
.iot_wrap #top .mainv {
position: relative;
overflow: hidden;
display: block;
height: 260px;
width: 100%;
background-color: #d4f0fb;
padding: 30px 0;
}
}
@media screen and (max-width: 767px) and (max-width: 575px) {
.iot_wrap #top .mainv {
height: 370px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #top .mainv .inner .txt {
width: 100%;
}
.iot_wrap #top .mainv .inner .txt .strong {
font-size: 16px;
color: #003b79;
text-align: center;
margin-bottom: 16px;
line-height: 1.2;
z-index: 2;
}
.iot_wrap #top .mainv .inner .txt .ttl {
color: #009ae2;
line-height: 1.5;
font-size: 24px;
font-weight: bold;
margin: 0 auto;
z-index: 2;
}
.iot_wrap #top .mainv .m-pictures {
width: 94%;
height: 285px;
margin: 0 auto;
}
.iot_wrap #top .mainv .m-pictures .m-person {
width: 100%;
position: relative;
}
.iot_wrap #top .mainv .m-pictures .m-person__li {
display: block;
position: absolute;
content: "";
top: -136px;
}
.iot_wrap #top .mainv .m-pictures .m-person__li:nth-of-type(1) {
left: -30px;
width: 76.5px;
height: 135px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-bg-1_lo.png);
background-size: contain;
background-repeat: no-repeat;
}
.iot_wrap #top .mainv .m-pictures .m-person__li:nth-of-type(2) {
right: -35px;
width: 87.5px;
height: 135px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-bg-2_lo.png);
background-size: contain;
background-repeat: no-repeat;
}
.iot_wrap #top .mainv .m-pictures .m-service {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
justify-content: center;
}
}
@media screen and (max-width: 767px) and (max-width: 575px) {
.iot_wrap #top .mainv .m-pictures .m-service {
justify-content: flex-start;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #top .mainv .m-pictures .m-service__li {
width: calc(32% - 15px);
display: block;
}
}
@media screen and (max-width: 767px) and (max-width: 575px) {
.iot_wrap #top .mainv .m-pictures .m-service__li {
width: calc(50% - 10px);
}
}
@media screen and (max-width: 767px) {
.iot_wrap #top .mainv .m-pictures .m-service__li__inner {
display: block;
position: static;
content: "";
}
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(1) a {
margin: 0 auto;
width: 155px;
height: 120px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-bg-3_lo.png);
background-size: contain;
background-repeat: no-repeat;
}
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(2) a {
margin: 0 auto;
width: 155px;
height: 120px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-bg-4_lo.png);
background-size: contain;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 575px) {
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(2) a {
margin-left: 18%;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #top .mainv .m-pictures .m-service__li:nth-of-type(3) a {
margin: 0 auto;
width: 155px;
height: 120px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/top/mainv-bg-5_lo.png);
background-size: contain;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #top .problem img {
margin-bottom: 30px;
}
}
.iot_wrap #top .price .inner {
margin: 0px auto 30px;
}
.iot_wrap #case {
background-color: #ffffff !important;
}
.iot_wrap #case .case-slider li {
width: 200px;
height: 240px;
position: relative;
}
.iot_wrap #top #case .case-slider li .txt {
min-height: 8rem;
}
.iot_wrap #free-internet .m-case_seq {
max-width: 830px;
margin: 0 auto;
width: 100%;
height: 200px;
display: block;
margin-bottom: 110px;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.iot_wrap #free-internet .m-case_seq {
height: auto;
width: 100%;
max-width: 320px;
}
}
.iot_wrap #free-internet .m-case_seq a {
background-color: #f9f9f9;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.iot_wrap #free-internet .m-case_seq a {
margin-bottom: 25px;
flex-direction: column;
}
}
.iot_wrap #free-internet .m-case_seq a .img {
width: 320px;
display: block;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap #free-internet .m-case_seq a .img {
width: 100%;
}
}
.iot_wrap #free-internet .m-case_seq a .img figure {
padding-top: 64%;
margin: 0;
}
.iot_wrap #free-internet .m-case_seq a .img figure img {
display: block;
height: inherit;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
transition-duration: 0.5s;
}
@media screen and (max-width: 767px) {
.iot_wrap #free-internet .m-case_seq a .img figure img {
width: 100%;
}
}
.iot_wrap #free-internet .m-case_seq a .txt {
margin: 0px 16px;
width: calc(100% - 336px);
padding: 8px 0;
}
@media screen and (max-width: 767px) {
.iot_wrap #free-internet .m-case_seq a .txt {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
.iot_wrap #free-internet .m-case_seq a .txt .m-spec_lists__li {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.iot_wrap #free-internet .m-case_seq a .txt .m-spec_lists__li__tl {
width: 150px;
}
.iot_wrap #free-internet .m-case_seq a .txt .m-spec_lists__li__content {
width: calc(100% - 150px);
}
@media screen and (max-width: 767px) {
.iot_wrap #free-internet .m-case_seq a .txt {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
.iot_wrap #free-internet .m-case_seq a .txt .ttl {
font-size: 16px;
font-weight: bold;
line-height: 1.2;
margin: 0;
margin-bottom: 24px;
padding-top: 10px;
}
.iot_wrap #free-internet .m-case_seq a .txt .ttl:before {
display: none;
}
.iot_wrap #free-internet .m-case_seq a:hover .img figure img {
-webkit-transform: translateY(-50%) scale(1.2);
transform: translateY(-50%) scale(1.2);
transition-duration: 0.5s;
}
.iot_wrap #free-internet .m-case_seq a:hover .txt .ttl {
color: gray;
}
.iot_wrap #flow h2 {
color: #006DB7;
}
.iot_wrap #flow ul.pc li:first-child {
position: relative;
background: #EAFCFE;
padding: 51px 0;
}
.iot_wrap #flow ul.pc li:first-child:after {
top: 136px;
}
.iot_wrap #flow ul.pc li:nth-child(2n+1) {
text-align: center;
background: #EAFCFE;
width: 15rem;
float: left;
color: #134484;
font-size: 1.8rem;
position: relative;
}
.iot_wrap #flow ul.pc li:nth-child(2n+1):after {
border-top: 3rem solid #EAFCFE;
}
.iot_wrap #flow ul.pc li:nth-child(3) {
padding: 5.5rem 0 72px;
}
.iot_wrap #flow ul.pc li:nth-child(5) {
padding: 5.5rem 0 72px;
}
.iot_wrap #flow ul.pc li:nth-child(7) {
padding: 7rem 0 57px;
}
.iot_wrap #flow ul.pc li:nth-child(7):after {
top: 162px;
}
.iot_wrap #flow ul.pc li:nth-child(9) {
padding: 5.5rem 0 95px;
}
.iot_wrap #flow ul.pc li:nth-child(9):after {
top: 180px;
}
.iot_wrap #flow ul.pc li:nth-child(11) {
padding: 5.5rem 0 72px;
}
.iot_wrap #flow ul.pc li:nth-child(11):after {
top: 161px;
}
.iot_wrap #flow ul.pc li:nth-child(2n) h3 {
color: #00A2E6;
}
.iot_wrap #flow ul.pc li:nth-child(2n) span {
font-size: 14px;
color: #333333;
margin-left: 14px;
}
@media screen and (max-width: 767px) {
.iot_wrap { }
.iot_wrap #flow table.sp th {
background: #EAFCFE;
color: #134484;
}
.iot_wrap #flow table.sp td h3 {
color: #00A2E6;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.iot_wrap #flow table.sp th {
background: #EAFCFE;
color: #134484;
}
.iot_wrap #flow table.sp td h3 {
color: #00A2E6;
}
.iot_wrap #flow table.sp td h3 span {
font-size: 14px;
line-height: 1.5;
font-weight: normal;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .page-works-list {
background: #f6f6f6;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #security .box2.autolock .lock .txt {
width: 55%;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #charm .box1 {
border-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost h2 {
margin-bottom: 5rem;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost h3 {
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
font-weight: 700;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost p {
margin: 4rem 0 8rem;
font-size: 16px;
color: #6e7173;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul {
display: flex;
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul li {
width: 50%;
display: block;
margin-bottom: 4rem;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul li .img__body {
width: 100%;
max-width: 280px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul li .no {
color: #00a0e9;
font-size: 3rem;
text-align: center;
margin: auto;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul li .no span {
font-size: 1.5rem;
position: relative;
margin-right: 0.5rem;
display: inline-block;
vertical-align: text-top;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul li .no span:after {
content: "";
display: block;
background: #00a0e9;
width: 3rem;
height: 0.2rem;
position: absolute;
right: 0.3rem;
bottom: 0.2rem;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul li .ttl {
font-size: 2rem;
color: #00a0e9;
margin: 1rem 2.5rem 1rem;
font-weight: 700;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img ul img {
display: block;
margin: 20px auto;
width: auto;
height: 100%;
max-height: 200px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img .img-mc li {
width: calc(50% - 1rem);
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img .img-mc li:first-child {
margin-right: 2rem;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .low_cost .img .img-mc li img {
max-height: unset;
width: 100%;
height: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 768px) {
.iot_wrap .low_cost {
width: 90%;
margin: 0px auto;
}
.iot_wrap .low_cost p {
margin: 2.5rem 0 4rem;
font-size: 1.2rem;
line-height: 2rem;
color: #333638;
}
.iot_wrap .low_cost h3 {
font-size: 1.6rem;
font-weight: 700;
padding-left: 0.7rem;
border-left: 0.3rem solid #00a0e9;
line-height: 2.5rem;
margin-bottom: 3rem;
}
.iot_wrap .low_cost .img ul li .no {
color: #00a0e9;
font-size: 2rem;
font-weight: 700;
line-height: 1.1em;
}
.iot_wrap .low_cost .img ul li .no span {
font-size: 1rem;
position: relative;
margin-right: 0.5rem;
vertical-align: text-top;
}
.iot_wrap .low_cost .img ul li .no span:after {
content: "";
display: block;
background: #00a0e9;
width: 2.2rem;
height: 0.2rem;
position: absolute;
right: 0.3rem;
bottom: -0.2rem;
}
.iot_wrap .low_cost .img ul li .img__body {
width: 90%;
}
.iot_wrap .low_cost .img ul li .ttl {
font-size: 1.4rem;
color: #00a0e9;
margin: 1.5rem 0 1rem;
font-weight: 700;
}
.iot_wrap .low_cost .img ul li img {
display: block;
margin: 20px auto;
max-width: 200px;
width: 90%;
height: auto;
}
.iot_wrap .low_cost .img .img-mc li {
width: 100% !important;
}
.iot_wrap .low_cost .img ul li img {
display: block;
margin: 20px auto;
width: 90%;
height: auto;
}
.iot_wrap .low_cost .img .img-mc li img {
max-width: unset;
width: 90%;
}
.iot_wrap .low_cost .img .img-mc li:first-child {
margin-right: unset;
}
}
.iot_wrap { }
.iot_wrap #form-document .form_wrap, .iot_wrap #form-estimate .form_wrap, .iot_wrap #form-materialmailing .form_wrap {
padding: 0 15rem;
}
.iot_wrap .page-id-1386 #form-inquiry.pc {
padding: 8rem 15rem !important;
}
.iot_wrap #form-document .form_wrap, .iot_wrap #form-estimate .form_wrap, .iot_wrap #form-materialmailing .form_wrap {
padding: 0 15rem;
}
.iot_wrap #companyNameTitle.hid, .iot_wrap #companyNameForm.hid, .iot_wrap #confirmBox.hid, .iot_wrap #returnBox.hid, .iot_wrap #submitBox.hid {
display: none;
}
.iot_wrap input.household {
max-width: 270px;
}
.iot_wrap .household_unit {
margin-left: 16px;
}
.iot_wrap dd.customer_name {
display: flex;
width: 100%;
}
.iot_wrap dd.customer_name span:first-child {
display: block;
margin-right: 2%;
width: 49%;
}
.iot_wrap dd.customer_name span {
display: block;
width: 49%;
}
.iot_wrap a, .iot_wrap abbr, .iot_wrap acronym, .iot_wrap address, .iot_wrap applet, .iot_wrap article, .iot_wrap aside, .iot_wrap audio, .iot_wrap b, .iot_wrap big, .iot_wrap blockquote, .iot_wrap body, .iot_wrap canvas, .iot_wrap caption, .iot_wrap center, .iot_wrap cite, .iot_wrap code, .iot_wrap dd, .iot_wrap del, .iot_wrap details, .iot_wrap dfn, .iot_wrap div, .iot_wrap dl, .iot_wrap dt, .iot_wrap em, .iot_wrap embed, .iot_wrap fieldset, .iot_wrap figcaption, .iot_wrap figure, .iot_wrap footer, .iot_wrap form, .iot_wrap h1, .iot_wrap h2, .iot_wrap h3, .iot_wrap h4, .iot_wrap h5, .iot_wrap h6, .iot_wrap header, .iot_wrap hgroup, .iot_wrap html, .iot_wrap i, .iot_wrap iframe, .iot_wrap img, .iot_wrap ins, .iot_wrap kbd, .iot_wrap label, .iot_wrap legend, .iot_wrap li, .iot_wrap mark, .iot_wrap menu, .iot_wrap nav, .iot_wrap object, .iot_wrap ol, .iot_wrap output, .iot_wrap p, .iot_wrap pre, .iot_wrap q, .iot_wrap ruby, .iot_wrap s, .iot_wrap samp, .iot_wrap section, .iot_wrap small, .iot_wrap span, .iot_wrap strike, .iot_wrap strong, .iot_wrap sub, .iot_wrap summary, .iot_wrap sup, .iot_wrap table, .iot_wrap tbody, .iot_wrap td, .iot_wrap tfoot, .iot_wrap th, .iot_wrap thead, .iot_wrap time, .iot_wrap tr, .iot_wrap tt, .iot_wrap u, .iot_wrap ul, .iot_wrap var, .iot_wrap video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
.iot_wrap html {
line-height: 1;
font-size: 10px;
}
.iot_wrap table {
border-collapse: collapse;
border-spacing: 0;
}
.iot_wrap caption, .iot_wrap td, .iot_wrap th {
text-align: left;
font-weight: 400;
vertical-align: middle;
}
.iot_wrap blockquote, .iot_wrap q {
quotes: none;
}
.iot_wrap q:after, .iot_wrap q:before {
content: "";
content: none;
}
.iot_wrap blockquote:after, .iot_wrap blockquote:before {
content: "";
content: none;
}
.iot_wrap a img {
border: none;
}
.iot_wrap article, .iot_wrap aside, .iot_wrap details, .iot_wrap figcaption, .iot_wrap figure, .iot_wrap footer, .iot_wrap header, .iot_wrap hgroup, .iot_wrap menu, .iot_wrap nav, .iot_wrap section, .iot_wrap summary {
display: block;
}
.iot_wrap textarea {
border: #6e7173 solid 1px;
padding: 5px;
}
.iot_wrap hr {
height: 0;
margin: 5px 0 20px 0;
padding: 0;
border: 0;
border-top: 1px solid #f9f9f9;
}
.iot_wrap a {
color: #333638;
text-decoration: none;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.iot_wrap a:link {
color: #333638;
}
.iot_wrap a:active {
color: #333638;
}
.iot_wrap a:visited {
color: #333638;
}
.iot_wrap a:hover {
cursor: pointer;
}
.iot_wrap a:hover img {
-moz-transition: ease-in-out 0.5s;
-o-transition: ease-in-out 0.5s;
-webkit-transition: ease-in-out 0.5s;
transition: ease-in-out 0.5s;
}
.iot_wrap .sp {
display: none;
}
.iot_wrap .btn {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
}
.iot_wrap .btn-orange {
text-align: left;
}
.iot_wrap .btn-orange a {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.68rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 36rem;
box-sizing: border-box;
}
.iot_wrap .btn-orange a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .btn-orange a:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap #form-document .btn, .iot_wrap #form-estimate .btn, .iot_wrap #form-inquiry .btn, .iot_wrap .btn-gray {
text-align: left;
}
.iot_wrap #form-document .btn a, .iot_wrap #form-estimate .btn a, .iot_wrap #form-inquiry .btn a, .iot_wrap .btn-gray a {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #b2b2b2;
border: 0.6rem solid #e6e6e6;
color: #fff;
font-size: 1.68rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 36rem;
box-sizing: border-box;
}
.iot_wrap #form-document .btn a:after, .iot_wrap #form-estimate .btn a:after, .iot_wrap #form-inquiry .btn a:after, .iot_wrap .btn-gray a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap #form-document .btn a:hover, .iot_wrap #form-estimate .btn a:hover, .iot_wrap #form-inquiry .btn a:hover, .iot_wrap .btn-gray a:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap .link-arrow-red {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-red:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #ff4f19;
border-right: solid 2px #ff4f19;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .link-arrow-purple {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-purple:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #d9057d;
border-right: solid 2px #d9057d;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .link-arrow-blue {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-blue:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .link-arrow-white {
position: relative;
display: inline-block;
padding-left: 20px;
}
.iot_wrap .link-arrow-white:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .content-txt {
color: #6e7173;
font-size: 1.6rem;
line-height: 2.2em;
}
.iot_wrap .hover-orange:hover {
background-color: #faaa16;
opacity: 1;
color: #fff;
}
.iot_wrap .hover-red:hover {
background-color: #ff4f19;
opacity: 1;
color: #fff;
}
.iot_wrap .hover-blue:hover {
background-color: #00a0e9;
opacity: 1;
color: #fff;
}
.iot_wrap .hover-line:hover:before {
content: "";
display: inline-block;
width: 100%;
height: 0.1rem;
background: #333638;
position: absolute;
bottom: 10%;
left: 0;
}
.iot_wrap h2, .iot_wrap h2:first-child {
font-size: 4rem;
position: relative;
line-height: 1.6em;
padding-top: 4rem;
color: #484848;
}
.iot_wrap h2:before {
content: "";
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/line-ttl.png) no-repeat;
width: 6.7rem;
height: 0.7rem;
display: block;
top: 0;
left: 0;
}
.iot_wrap h4 {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.8rem;
margin-bottom: 4rem;
line-height: 3.5rem;
}
.iot_wrap ul li {
list-style: none;
}
.iot_wrap input[type=email]:placeholder-shown, .iot_wrap input[type=tel]:placeholder-shown, .iot_wrap input[type=text]:placeholder-shown {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=email]::-webkit-input-placeholder, .iot_wrap input[type=tel]::-webkit-input-placeholder, .iot_wrap input[type=text]::-webkit-input-placeholder {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=email]:-moz-placeholder, .iot_wrap input[type=tel]:-moz-placeholder, .iot_wrap input[type=text]:-moz-placeholder {
opacity: 1;
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=email]::-moz-placeholder, .iot_wrap input[type=tel]::-moz-placeholder, .iot_wrap input[type=text]::-moz-placeholder {
opacity: 1;
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap input[type=email]:-ms-input-placeholder, .iot_wrap input[type=tel]:-ms-input-placeholder, .iot_wrap input[type=text]:-ms-input-placeholder {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap table {
width: 100%;
border-collapse: separate;
border-top: #7ca7d2 solid 1px;
margin: 1rem 0;
line-height: 1.5;
}
@media only screen and (max-width: 750px) {
.iot_wrap table {
width: 93%;
}
}
.iot_wrap table tr th {
padding: 3%;
text-align: left;
vertical-align: top;
border-bottom: #6e7173 solid 1px;
}
.iot_wrap table tr th:first-child {
padding-left: 0;
}
.iot_wrap table tr th:last-child {
padding-right: 0;
}
.iot_wrap table tr td {
padding: 7px;
vertical-align: top;
border-bottom: #6e7173 solid 1px;
}
.iot_wrap table tr td.align-right {
text-align: right;
}
.iot_wrap table tr td:first-child {
padding-left: 0;
}
.iot_wrap table tr td:last-child {
padding-right: 0;
}
.iot_wrap html {
font-size: 62.5%;
font-size: 10px;
}
.iot_wrap body {
position: relative;
font-family: Arial, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #333638;
font-size: 1.6rem;
letter-spacing: 0.05rem;
line-height: 2.2em;
width: 100%;
-webkit-text-size-adjust: 100%;
font-size: 1.4rem;
min-width: 126rem;
}
.iot_wrap .inner {
width: 126rem;
margin: 0 auto;
}
.iot_wrap .wpcf7-mail-sent-ok {
display: none !important;
}
.iot_wrap html > img {
display: none !important;
}
.iot_wrap .breadcrumbs {
color: #fff;
width: 1260px;
display: block;
margin: 0 auto;
padding: 1.5rem 0 0 0;
font-size: 1.2rem;
font-family: "メイリオ", Meiryo, sans-serif;
}
.iot_wrap .breadcrumbs a {
color: #fff;
}
.iot_wrap .breadcrumbs span {
display: inline-block;
}
.iot_wrap .breadcrumbs span.bread {
display: none;
}
.iot_wrap .breadcrumbs span.arrow {
padding-left: 0.5rem;
}
.iot_wrap main#page-main .pagetitle {
text-align: center;
color: #fff;
font-size: 47px;
display: block;
width: 500px;
margin: 0 auto;
line-height: 5rem;
padding: 3rem 0;
}
.iot_wrap main#page-main .pagetitle span {
display: block;
font-size: 1.6rem;
line-height: 7.5rem;
}
.iot_wrap main#page-main .mainv-charm {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/charm/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-service {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-security {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/security/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-free-internet {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/internet/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-comfortable {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/comfortable/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-management-free {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/management-free/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-price {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/price/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-flow {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/flow/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-faq {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/faq/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-campaign {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/campaign/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-column {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/column/mainv.png) no-repeat center;
height: 250px;
}
.iot_wrap main#page-main .mainv-company {
display: none;
}
.iot_wrap main#page-main .mainv-privacy {
display: none;
}
.iot_wrap .page-id-76 .footer-bottom .contact-area .form-contents .box2, .iot_wrap .page-id-80 .footer-bottom .contact-area .form-contents .box2, .iot_wrap .page-id-82 .footer-bottom .contact-area .form-contents .box2, .iot_wrap .page-id-84 .footer-bottom .contact-area .form-contents .box2 {
vertical-align: middle !important;
margin-top: 0 !important;
}
.iot_wrap .page-id-76 .footer-bottom .contact-area .form-contents .top-comment, .iot_wrap .page-id-80 .footer-bottom .contact-area .form-contents .top-comment, .iot_wrap .page-id-82 .footer-bottom .contact-area .form-contents .top-comment, .iot_wrap .page-id-84 .footer-bottom .contact-area .form-contents .top-comment {
display: none !important;
}
.iot_wrap .single-campaign .breadcrumbs {
background: #f9f9f9;
color: #333638;
width: 100%;
margin: 0 auto 8rem;
padding: 0;
line-height: 1em;
}
.iot_wrap .single-campaign .breadcrumbs .inner {
padding: 1rem 0;
}
.iot_wrap .single-campaign .breadcrumbs a {
color: #333638;
}
.iot_wrap .single-campaign #detail .mainv {
margin-top: 40px;
margin-bottom: 20px;
text-align: center;
}
.iot_wrap .single-campaign #detail .mainv img {
width: auto;
max-width: 100%;
}
.iot_wrap .single-campaign #detail .article-ttl {
border-left: 0.4rem solid #00a0e9;
padding-left: 2rem;
font-size: 2.4rem;
margin-bottom: 20px;
}
.iot_wrap .single-campaign #detail .single-content .ttl {
font-size: 1.6rem;
line-height: 3.5rem;
letter-spacing: 0.1rem;
margin: 4rem 0 6rem;
color: #6e7173;
}
.iot_wrap .single-campaign #detail .single-content .ttl img {
width: auto;
max-width: 100%;
}
.iot_wrap .single-campaign #detail .single-content table {
border-top: 0.1rem solid #ddd;
font-size: 1.3rem;
}
.iot_wrap .single-campaign #detail .single-content table th {
border-right: 0.1rem solid #ddd;
border-left: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
width: 20rem;
padding: 2rem;
vertical-align: middle;
background-color: #f9f9f9;
color: #484848;
line-height: 2.2rem;
}
.iot_wrap .single-campaign #detail .single-content table td {
border-right: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
vertical-align: middle;
padding: 2rem;
color: #484848;
line-height: 2.2rem;
}
.iot_wrap .single-campaign #detail .single-content table td ul li {
list-style: disc;
margin-left: 2rem;
}
.iot_wrap .single-campaign #detail .single-content > p {
color: #aaa;
font-size: 1.1rem;
}
.iot_wrap .single-campaign #detail .single-content .btn-orange {
margin-top: 3rem;
text-align: center;
}
.iot_wrap .single-campaign #detail .footer-bottom {
margin: 8rem 0 10rem;
}
.iot_wrap .single-campaign #detail .footer-bottom .contact-area .info-area .tel p {
color: #333638;
}
.iot_wrap .single-campaign #detail .footer-bottom .contact-area .form-contents .box2 {
vertical-align: middle;
margin-top: 0;
}
.iot_wrap .single-campaign #detail .footer-bottom .contact-area .form-contents .top-comment {
display: none;
}
.iot_wrap #campaign {
margin-bottom: 10rem;
}
.iot_wrap #campaign h3 {
font-size: 2.4rem;
font-weight: 700;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
}
.iot_wrap #campaign ul {
overflow: hidden;
}
.iot_wrap #campaign ul li {
margin-bottom: 25px;
overflow: hidden;
}
.iot_wrap #campaign ul li:last-child {
margin-bottom: 0;
}
.iot_wrap #campaign ul li .img {
width: 450px;
float: left;
}
.iot_wrap #campaign ul li .img img {
width: auto;
max-width: 100%;
}
.iot_wrap #campaign ul li .txt {
width: 430px;
margin-left: 30px;
float: right;
}
.iot_wrap #campaign ul li .txt .ttl {
font-weight: 700;
font-size: 2rem;
line-height: 2.5rem;
margin-bottom: 2rem;
}
.iot_wrap #campaign ul li .txt .excerpt {
color: #6e7173;
font-size: 1.3rem;
line-height: 2.2rem;
letter-spacing: 0.1rem;
}
.iot_wrap #campaign ul li .txt .excerpt span {
color: #00a0e9;
}
.iot_wrap #campaign ul li .txt .excerpt span a {
color: #00a0e9;
}
.iot_wrap .campaign-bottom {
background: #f9f9f9;
padding: 2rem;
margin-bottom: 8rem;
}
.iot_wrap .campaign-bottom ul {
background-color: #f9f9f9;
padding: 3rem 4rem 0;
overflow: hidden;
}
.iot_wrap .campaign-bottom ul li {
margin-bottom: 2rem;
background-color: #fff;
overflow: hidden;
}
.iot_wrap .campaign-bottom ul li:last-child {
margin-bottom: 0;
}
.iot_wrap .campaign-bottom ul li a {
display: block;
overflow: hidden;
}
.iot_wrap .campaign-bottom ul li a .img {
float: left;
height: 18.4rem;
}
.iot_wrap .campaign-bottom ul li a .img img {
width: 26.9rem;
height: 18.4rem;
object-fit: cover;
}
.iot_wrap .campaign-bottom ul li a .txt {
width: 60%;
float: right;
padding: 2.5rem 2rem;
}
.iot_wrap .campaign-bottom ul li a .txt .excerpt span {
color: #00a0e9;
}
.iot_wrap .campaign-bottom ul li a .txt .ttl {
font-weight: 700;
font-size: 2rem;
margin-bottom: 2rem;
}
.iot_wrap .campaign-bottom h2 {
text-align: center;
padding: 2rem 0;
}
.iot_wrap .campaign-bottom h2:before {
display: none;
}
.iot_wrap .campaign-bottom .btn-orange {
margin: 4rem auto;
text-align: center;
}
.iot_wrap #service {
font-size: 1.6rem;
line-height: 3.5rem;
margin-bottom: 10rem;
position: relative;
}
.iot_wrap #service p {
color: #6e7173;
}
.iot_wrap #service .ttl {
color: #333638;
}
.iot_wrap #service h2 {
line-height: 6rem;
color: #484848;
}
.iot_wrap #service h3 {
font-size: 2.4rem;
font-weight: 700;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 1em;
margin-bottom: 2.5rem;
}
.iot_wrap #service .btn-orange {
margin: 4rem auto 8rem;
text-align: center;
}
.iot_wrap #service .btn-orange a {
width: 40rem;
padding: 1rem 3rem 1rem 2rem;
}
.iot_wrap #service .btn-orange a:after {
right: 7%;
margin-top: -0.5rem;
}
.iot_wrap #service .btn {
width: 40rem;
}
.iot_wrap #service .btn a {
padding: 2.5rem 4rem;
}
.iot_wrap #service .box1 .title {
margin: 2.5rem 0 6rem;
}
.iot_wrap #service .box1 .service-netlist01 {
margin: 3rem 0 2rem;
border: 0.1rem solid #ccc;
}
.iot_wrap #service .box1 .service-netlist01 .img img {
width: 100%;
}
.iot_wrap #service .box1 .service-netlist01 .net-contents {
background-color: #f9f9f9;
padding: 2rem 3rem 3rem;
margin-top: -1.3rem;
}
.iot_wrap #service .box1 .service-netlist01 .net-contents .ttl {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1rem;
line-height: 3.5rem;
letter-spacing: 0.05rem;
}
.iot_wrap #service .box1 .service-netlist01 .net-contents p {
font-size: 1.4rem;
line-height: 3rem;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi {
display: inline-block;
border: 0.1rem solid #ccc;
width: 48.4%;
height: 43.4rem;
margin-right: 2rem;
vertical-align: top;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi:nth-child(2n) {
margin-right: 0;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi img {
width: 100%;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi .net-contents {
background-color: #f9f9f9;
padding: 2rem 3rem;
margin-top: -1.3rem;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi .net-contents .ttl {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1rem;
line-height: 3.5rem;
letter-spacing: 0.05rem;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi .net-contents .ttl span {
color: #00a0e9;
padding: 0.2rem 0.5rem;
background-color: #fff;
border: 0.2rem solid #00a0e9;
margin-right: 1rem;
font-size: 1.6rem;
font-weight: 400;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi .net-contents p {
font-size: 1.4rem;
line-height: 3rem;
}
.iot_wrap #service .box1 .service-netlist02 .net-wifi2 .net-contents {
padding: 2rem 3rem 5.1rem;
}
.iot_wrap #service .box2 p {
margin: 2.5rem 0 4rem;
}
.iot_wrap #service .box2 .countermeasure-contents ul li {
border: 0.1rem solid #ccc;
display: inline-block;
margin-right: 2rem;
width: 31%;
vertical-align: top;
}
.iot_wrap #service .box2 .countermeasure-contents ul li img {
width: 100%;
}
.iot_wrap #service .box2 .countermeasure-contents ul li:nth-child(3n) {
margin-right: 0;
}
.iot_wrap #service .box2 .countermeasure-contents ul li .box {
height: 110px;
background-color: #f9f9f9;
padding: 2rem;
margin-top: -1.1rem;
}
.iot_wrap #service .box2 .countermeasure-contents ul li .box .ttl {
margin-bottom: 1rem;
font-size: 1.8rem;
line-height: 3.5rem;
font-weight: 700;
}
.iot_wrap #service .box2 .countermeasure-contents ul li .box p {
font-size: 1.4rem;
line-height: 2.6rem;
margin: 0;
}
.iot_wrap #service .box3 p {
margin: 2.5rem 0 4rem;
}
.iot_wrap #service .box3 .post-contents ul li {
border: 0.1rem solid #ccc;
display: inline-block;
margin-right: 2rem;
width: 48.4%;
vertical-align: top;
}
.iot_wrap #service .box3 .post-contents ul li:nth-child(2n) {
margin-right: 0;
}
.iot_wrap #service .box3 .post-contents ul li img {
width: 100%;
}
.iot_wrap #service .box3 .post-contents ul li .box {
background-color: #f9f9f9;
padding: 2rem;
margin-top: -1.1rem;
}
.iot_wrap #service .box3 .post-contents ul li .box .ttl {
margin-bottom: 1rem;
font-size: 1.8rem;
line-height: 3.5rem;
font-weight: 700;
}
.iot_wrap #service .box3 .post-contents ul li .box p {
font-size: 1.4rem;
line-height: 2.6rem;
margin: 0;
}
.iot_wrap #service .box4 .title {
margin: 2.5rem 0 4rem;
}
.iot_wrap #service .box4 .grafh-sp {
display: none;
}
.iot_wrap #service .box4 .grafh {
border: 0.1rem solid #ccc;
border-bottom: none;
padding: 3rem 2rem 2rem 3rem;
}
.iot_wrap #service .box4 .grafh .img {
display: inline-block;
}
.iot_wrap #service .box4 .grafh .img img {
width: 100%;
}
.iot_wrap #service .box4 .grafh .speech-balloon {
display: none;
}
.iot_wrap #service .box4 .omanagement {
padding: 2rem;
background-color: #f9f9f9;
border: 1px solid #ccc;
}
.iot_wrap #service .box4 .omanagement .ttl {
margin-bottom: 1rem;
font-size: 1.8rem;
line-height: 3.5rem;
font-weight: 700;
}
.iot_wrap #service .box4 .omanagement p {
font-size: 1.4rem;
line-height: 2.6rem;
margin: 0;
}
.iot_wrap #service .box4 .btn-orange {
margin: 4rem auto 0;
}
.iot_wrap #privacy {
line-height: 2.4rem;
font-size: 1.4rem;
margin-bottom: 10rem;
}
.iot_wrap #privacy p {
color: #6e7173;
}
.iot_wrap #privacy h2 {
line-height: 6rem;
color: #484848;
margin-bottom: 6rem;
}
.iot_wrap #privacy h3 {
font-size: 2.4rem;
font-weight: 700;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
}
.iot_wrap #privacy .ttl {
line-height: 3.5rem;
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 3rem;
}
.iot_wrap #privacy .privacy-txt {
padding-bottom: 2rem;
margin-top: 4rem;
border-bottom: 0.1rem solid #ccc;
}
.iot_wrap #privacy .privacy-txt ul {
margin: 3.5rem 0;
}
.iot_wrap #privacy .privacy-txt ul li {
list-style: decimal;
list-style-position: inside;
padding-left: 2rem;
text-indent: -1.7rem;
color: #6e7173;
}
.iot_wrap #privacy .privacy-txt table {
border-top: 0.1rem solid #ddd;
font-size: 1.3rem;
color: #484848;
}
.iot_wrap #privacy .privacy-txt table th {
border-right: 0.1rem solid #ddd;
border-left: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
width: 20rem;
padding: 2rem;
vertical-align: middle;
background-color: #f9f9f9;
}
.iot_wrap #privacy .privacy-txt table td {
border-right: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
vertical-align: middle;
padding: 2rem;
}
.iot_wrap #privacy .privacy-txt .caution {
font-size: 1.1rem;
}
.iot_wrap #privacy .privacy-txt2 ul li {
padding-left: 2.5rem;
text-indent: -2.5rem;
}
.iot_wrap #privacy .privacy-txt5 .box1 {
margin-top: 2rem;
}
.iot_wrap #privacy .privacy-txt5 .box1 ul {
margin: 2.5rem 0;
}
.iot_wrap #privacy .privacy-txt5 .box1 ul.disc {
margin: 0 0 2rem;
}
.iot_wrap #privacy .privacy-txt5 .box1 ul.disc li {
list-style: disc;
list-style-position: inside;
}
.iot_wrap #privacy .privacy-txt5 .box1 p:last-child {
text-indent: 2.5rem;
}
.iot_wrap #privacy .privacy-txt5 .caution {
font-size: 1.4rem;
text-indent: 2.5rem;
}
.iot_wrap #privacy .privacy-txt5 .box2 {
margin: 3.5rem 0 2rem;
}
.iot_wrap #privacy .privacy-txt6 {
border-bottom: none;
}
.iot_wrap #privacy .privacy-txt6 p {
margin-bottom: 4rem;
}
.iot_wrap #company {
margin-bottom: 10rem;
}
.iot_wrap #company h3 {
font-size: 2.4rem;
font-weight: 700;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
}
.iot_wrap #company table {
margin-top: 7rem;
border: 0.1rem solid #ddd;
}
.iot_wrap #company table tr th {
background-color: #f9f9f9;
border-right: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
font-size: 1.3rem;
line-height: 2.2rem;
width: 20rem;
font-weight: 700;
padding: 2rem;
vertical-align: middle;
color: #484848;
}
.iot_wrap #company table tr td {
vertical-align: middle;
font-size: 1.3rem;
line-height: 2.2rem;
padding: 2rem;
border-bottom: 0.1rem solid #ddd;
color: #484848;
}
.iot_wrap #company table tr td .access {
margin-bottom: 3rem;
}
.iot_wrap #company table tr td .access:last-child {
margin-bottom: 0;
}
.iot_wrap #company table tr td .access p {
font-weight: 700;
}
.iot_wrap #company table tr td .access iframe {
margin-top: 1rem;
}
.iot_wrap #company table tr td .bn01 {
display: inline-block;
width: 40%;
margin-right: 2rem;
}
.iot_wrap #company table tr td .bn01:nth-child(2n) {
margin-right: 0;
}
.iot_wrap #company table tr td .bn01 img {
width: 100%;
}
.iot_wrap #company table tr td .group {
overflow: hidden;
margin-bottom: 2rem;
}
.iot_wrap #company table tr td .group:last-child {
margin-bottom: 0;
}
.iot_wrap #company table tr td .group img {
float: left;
width: 40%;
}
.iot_wrap #company table tr td .group .info {
float: right;
width: 57%;
margin-top: 3rem;
}
.iot_wrap #company table tr td .group .info p span {
font-weight: 700;
}
.iot_wrap #company table tr td .group .info p a {
color: #09f;
display: inline-block;
text-decoration: underline;
}
.iot_wrap #company table tr:nth-child(3) th {
vertical-align: top;
}
.iot_wrap #company .caution {
font-size: 1.3rem;
color: #6e7173;
}
.iot_wrap .page-id-9 #page-main .inner {
overflow: visible;
}
.iot_wrap #management-free {
font-size: 1.6rem;
line-height: 3.5rem;
margin-bottom: 10rem;
}
.iot_wrap #management-free p {
color: #6e7173;
}
.iot_wrap #management-free p span {
color: #484848;
}
.iot_wrap #management-free .ttl {
color: #333638;
}
.iot_wrap #management-free h2 {
line-height: 6rem;
color: #484848;
}
.iot_wrap #management-free h3 {
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
font-weight: 700;
}
.iot_wrap #management-free .btn-orange {
margin: 4rem auto 8rem;
text-align: center;
line-height: 1.6em;
}
.iot_wrap #management-free .btn-orange a {
line-height: 1.6em;
}
.iot_wrap #management-free .btn-orange a:after {
right: 3rem;
margin-top: -0.6rem;
}
.iot_wrap #management-free .box1 {
padding-bottom: 8rem;
border-bottom: 3px solid #eee;
}
.iot_wrap #management-free .box1 .title {
margin: 4rem 0 6rem;
letter-spacing: 0.1rem;
}
.iot_wrap #management-free .box1 .business-contents {
margin-top: 8rem;
}
.iot_wrap #management-free .box1 .business-contents .business-list {
display: inline-block;
width: 46%;
height: 11rem;
vertical-align: top;
overflow: hidden;
margin-right: 6rem;
margin-bottom: 4rem;
}
.iot_wrap #management-free .box1 .business-contents .business-list:nth-child(2n+1) {
margin-right: 0;
}
.iot_wrap #management-free .box1 .business-contents .business-list:last-child {
margin-bottom: 0;
}
.iot_wrap #management-free .box1 .business-contents .business-list img {
float: left;
}
.iot_wrap #management-free .box1 .business-contents .business-list .txt {
float: right;
width: 70%;
}
.iot_wrap #management-free .box1 .business-contents .business-list .txt p {
font-size: 1.3rem;
line-height: 2.5rem;
}
.iot_wrap #management-free .box1 .business-contents .business-list .txt .ttl {
font-size: 2rem;
font-weight: 500;
margin-bottom: 1rem;
line-height: 2.5rem;
letter-spacing: 0.05rem;
}
.iot_wrap #management-free .box2 {
padding-top: 4rem;
}
.iot_wrap #management-free .box2 p {
margin: 4rem 0 6rem;
}
.iot_wrap #management-free .box2 p span {
font-weight: 700;
}
.iot_wrap #management-free .box2 .improvement {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/charm/arrow.png) no-repeat;
background-position: 58.6rem 16rem;
}
.iot_wrap #management-free .box2 .improvement .img1 {
display: inline-block;
width: 55%;
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 3rem;
}
.iot_wrap #management-free .box2 .improvement .img1 img {
width: 100%;
}
.iot_wrap #management-free .box2 .improvement .img2 {
display: inline-block;
width: 29%;
display: inline-block;
margin-left: 4.6rem;
padding: 2.5rem 1.5rem;
border-top: 2px solid #00a0e9;
border-right: 2px solid #00a0e9;
border-bottom: 2px solid #00a0e9;
vertical-align: top;
background-color: #fff;
position: relative;
}
.iot_wrap #management-free .box2 .improvement .img2:before {
content: "";
position: absolute;
border-left: 0.2rem solid #00a0e9;
height: 17rem;
top: 0;
left: 0;
}
.iot_wrap #management-free .box2 .improvement .img2:after {
content: "";
position: absolute;
border-left: 0.2rem solid #00a0e9;
height: 16.6rem;
bottom: 0;
left: 0;
}
.iot_wrap .category-1 #page-main, .iot_wrap .single-post #page-main {
background-color: #f9f9f9;
}
.iot_wrap .category-1 aside .contact .side-bnr, .iot_wrap .single-post aside .contact .side-bnr {
margin-bottom: 2rem;
}
.iot_wrap .category-1 aside .contact .side-bnr a img, .iot_wrap .single-post aside .contact .side-bnr a img {
display: block;
}
.iot_wrap .category-1 aside .contact .side-contact, .iot_wrap .single-post aside .contact .side-contact {
background-color: #fff;
}
.iot_wrap .category-1 aside .contact .side-campaign, .iot_wrap .single-post aside .contact .side-campaign {
margin-bottom: 10rem;
}
.iot_wrap .category-1 aside .contact .side-campaign ul, .iot_wrap .single-post aside .contact .side-campaign ul {
overflow: hidden;
}
.iot_wrap .category-1 aside .contact .reccomend, .iot_wrap .category-1 aside .contact .side-ranking, .iot_wrap .single-post aside .contact .reccomend, .iot_wrap .single-post aside .contact .side-ranking {
border: 0.2rem solid #ddd;
background-color: #fff;
}
.iot_wrap .category-1 aside .contact .reccomend .ttl, .iot_wrap .category-1 aside .contact .side-ranking .ttl, .iot_wrap .single-post aside .contact .reccomend .ttl, .iot_wrap .single-post aside .contact .side-ranking .ttl {
font-size: 1.8rem;
text-align: left;
font-weight: 700;
line-height: 1.4em;
border-bottom: 0.2rem solid #ddd;
padding: 1rem 0 1rem 7rem;
color: #00a0e9;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/icon-book.png) no-repeat;
}
.iot_wrap .category-1 aside .contact .reccomend ul, .iot_wrap .category-1 aside .contact .side-ranking ul, .iot_wrap .single-post aside .contact .reccomend ul, .iot_wrap .single-post aside .contact .side-ranking ul {
padding: 2rem;
overflow: hidden;
}
.iot_wrap .category-1 aside .contact .reccomend ul li, .iot_wrap .category-1 aside .contact .side-ranking ul li, .iot_wrap .single-post aside .contact .reccomend ul li, .iot_wrap .single-post aside .contact .side-ranking ul li {
font-size: 1.6rem;
margin-bottom: 3rem;
line-height: 2rem;
text-align: left;
}
.iot_wrap .category-1 aside .contact .reccomend ul li:last-child, .iot_wrap .category-1 aside .contact .side-ranking ul li:last-child, .iot_wrap .single-post aside .contact .reccomend ul li:last-child, .iot_wrap .single-post aside .contact .side-ranking ul li:last-child {
margin-bottom: 0;
}
.iot_wrap .category-1 aside .contact .reccomend ul li img, .iot_wrap .category-1 aside .contact .side-ranking ul li img, .iot_wrap .single-post aside .contact .reccomend ul li img, .iot_wrap .single-post aside .contact .side-ranking ul li img {
width: 100%;
height: auto;
margin-bottom: 2rem;
}
.iot_wrap .category-1 aside .contact .reccomend ul li p, .iot_wrap .category-1 aside .contact .side-ranking ul li p, .iot_wrap .single-post aside .contact .reccomend ul li p, .iot_wrap .single-post aside .contact .side-ranking ul li p {
margin-bottom: 2rem;
}
.iot_wrap .category-1 aside .contact .side-ranking, .iot_wrap .single-post aside .contact .side-ranking {
margin-top: 2rem;
margin-bottom: 2rem;
}
.iot_wrap .category-1 aside .contact .side-ranking .ttl, .iot_wrap .single-post aside .contact .side-ranking .ttl {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/icon-ranking.png) no-repeat;
}
.iot_wrap .category-1 aside .contact .side-ranking ul li, .iot_wrap .single-post aside .contact .side-ranking ul li {
margin-bottom: 0;
}
.iot_wrap .category-1 aside .contact .side-ranking ul li p, .iot_wrap .single-post aside .contact .side-ranking ul li p {
margin-bottom: 1rem;
}
.iot_wrap #column ul li {
overflow: hidden;
margin: 2rem 0;
}
.iot_wrap #column ul li a {
display: inline-block;
}
.iot_wrap #column ul li a:hover {
border: 0.2rem solid #00a0e9;
margin: -0.1rem;
}
.iot_wrap #column ul li .img {
float: left;
width: 27rem;
}
.iot_wrap #column ul li .txt {
float: right;
width: 56.8rem;
background: #fff;
padding: 2rem 4rem 2rem 3rem;
height: 14.6rem;
}
.iot_wrap #column ul li .txt p.ttl {
font-weight: 700;
font-size: 1.8rem;
line-height: 2.8rem;
}
.iot_wrap #column ul li .txt .excerpt {
line-height: 2.2rem;
font-size: 1.3rem;
}
.iot_wrap #column ul li .txt .excerpt span {
color: #00a0e9;
}
.iot_wrap #column ul li .txt .cat {
display: inline-block;
border: 0.1rem solid #00a0e9;
color: #00a0e9;
font-size: 1.1rem;
padding: 0.5rem 1rem;
line-height: 1em;
margin-bottom: 2rem;
margin-right: 5px;
}
.iot_wrap #column ul li .txt .date {
display: inline-block;
font-size: 1.3rem;
color: #999;
margin-left: 1rem;
}
.iot_wrap .single-post #page-main {
background-color: #f9f9f9;
}
.iot_wrap .single-post .pagetitle {
display: none;
}
.iot_wrap .single-post .breadcrumbs {
background: #f9f9f9;
color: #333638;
width: 126rem;
margin: 0 auto 6rem;
padding: 0;
line-height: 1em;
}
.iot_wrap .single-post .breadcrumbs .inner {
margin: 0 auto;
padding: 2rem 0 0;
}
.iot_wrap .single-post .breadcrumbs a {
color: #333638;
}
.iot_wrap .single-post .breadcrumbs br {
display: none;
}
.iot_wrap .single-post #detail {
margin-bottom: 10rem;
padding: 4rem;
background-color: #fff;
}
.iot_wrap .single-post #detail h1 {
font-size: 3.4rem;
line-height: 5.6rem;
margin-bottom: 4rem;
}
.iot_wrap .single-post #detail h3 {
font-size: 1.8rem;
line-height: 1em;
margin-bottom: 4rem;
font-weight: 700;
}
.iot_wrap .single-post #detail h4 {
border-bottom: 0.1rem solid #ddd;
font-size: 1.6rem;
line-height: 1em;
font-weight: 400;
padding-bottom: 0.5rem;
margin-bottom: 3rem;
}
.iot_wrap .single-post #detail p {
color: #6e7173;
}
.iot_wrap .single-post #detail p span {
color: #484848;
}
.iot_wrap .single-post #detail .cat, .iot_wrap .single-post #detail .post-categories li {
display: inline-block;
border: 0.2rem solid #00a0e9;
color: #00a0e9;
font-size: 1.1rem;
padding: 0.5rem 1rem;
line-height: 1em;
margin-bottom: 2rem;
margin-right: 5px;
}
.iot_wrap .single-post #detail .date {
display: inline-block;
font-size: 1.3rem;
color: #999;
margin-left: 1rem;
}
.iot_wrap .single-post #detail .thumbnail img {
display: none;
}
.iot_wrap .single-post #detail .entry-content .single-content p {
font-size: 1.6rem;
line-height: 3.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .main-column {
margin-bottom: 5.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .main-column img {
margin-bottom: 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .main-column p span {
font-weight: 700;
}
.iot_wrap .single-post #detail .entry-content .single-content h2 {
margin-bottom: 4rem;
font-weight: 700;
font-size: 2.4rem;
border-left: 0.4rem solid #00a0e9;
padding: 0 0 0 2rem;
line-height: 1em;
}
.iot_wrap .single-post #detail .entry-content .single-content h2:before {
display: none;
}
.iot_wrap .single-post #detail .entry-content .single-content .index {
padding: 3rem;
background-color: #f9f9f9;
margin-bottom: 4rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .ttl {
color: #00a0e9;
font-weight: 700;
font-size: 2rem;
line-height: 2.5rem;
margin-bottom: 2.5rem;
padding-left: 4rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/column/icon.png) no-repeat;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .box {
margin-bottom: 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .box p {
border-left: 1rem solid #484848;
padding-left: 0.5rem;
line-height: 1rem;
margin-bottom: 1rem;
font-size: 1.5rem;
color: #484848;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .box ol {
font-size: 1.5rem;
line-height: 3rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .box ol li {
margin-left: 3.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .box ul {
font-size: 1.5rem;
line-height: 3rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .index .box ul li {
list-style: disc;
margin-left: 3.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact {
margin-bottom: 6rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact p.ttl {
color: #fff;
background: #00a0e9;
text-align: center;
padding: 1.5rem 0;
font-size: 1.8rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box {
border: 2px solid #00a0e9;
overflow: hidden;
padding: 3rem 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .txt {
float: left;
font-size: 1.6rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .txt .tel {
margin-top: 1rem;
float: left;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .txt .tel p {
margin-bottom: 1rem;
font-size: 1.8rem;
color: #333;
line-height: 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .txt .tel .tel-no {
font-size: 4.5rem;
color: #333638;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-icon-fd.png) no-repeat bottom 0.4rem left;
padding-left: 4.5rem;
display: inline-block;
line-height: 4rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .txt .tel .time {
font-size: 1.4rem;
line-height: 1.6em;
margin-bottom: 0;
color: #484848;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area {
float: right;
width: 52%;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-document {
margin: 0 0 1.5rem;
display: block;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-document a {
color: #fff;
display: block;
border-radius: 5rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-document.png) no-repeat left 3.5rem top 1.3rem;
background-size: 6%;
background-position: 2.5rem 1.1rem;
background-color: #ff4f19;
font-size: 2.2rem;
width: 100%;
padding: 1rem 0 1rem 6rem;
box-sizing: border-box;
line-height: 1em;
overflow: hidden;
position: relative;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-document a .ttl {
display: inline-block;
width: 41%;
font-size: 1.6rem;
line-height: 3rem;
border-right: 0.2rem solid #fff;
vertical-align: super;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-document a .catch {
display: inline-block;
width: 50%;
vertical-align: text-bottom;
margin-left: 1rem;
font-size: 1.2rem;
line-height: 1.7rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-document a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 46%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-document a:hover {
background-color: #faaa16;
opacity: 1;
color: #fff;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-estimate {
display: inline-block;
margin-right: 1rem;
width: 19.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-estimate a {
color: #d9057d;
font-size: 1.6rem;
display: block;
font-weight: 700;
border: 0.2rem solid #d9057d;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-estimate.png) no-repeat left 3.5rem top 1.3rem;
background-position: 3.5rem 0.6rem;
padding: 0.5rem 3rem 0.5rem 7rem;
line-height: 3rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-estimate a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #d9057d;
border-right: solid 2px #d9057d;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 46%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-estimate a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-estimate-white.png) no-repeat;
background-position: 3.5rem 0.6rem;
background-color: #d9057d;
opacity: 1;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-estimate a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-inquiry {
display: inline-block;
width: 19.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-inquiry a {
color: #00a0e9;
font-size: 1.6rem;
display: block;
font-weight: 700;
border: 0.2rem solid #00a0e9;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-mail.png) no-repeat left 3rem top 1.7rem;
background-position: 2rem 1rem;
padding: 0.5rem 3rem 0.5rem 6rem;
line-height: 3rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-inquiry a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 46%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-inquiry a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-mail-white.png) no-repeat;
background-position: 2rem 1rem;
background-color: #00a0e9;
opacity: 1;
}
.iot_wrap .single-post #detail .entry-content .single-content .list-contact .box .btn-area .btn-inquiry a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec1 img {
margin: 2.5rem 0 5.5rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec1 img:hover {
opacity: 0.6;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec1 p span {
font-weight: 700;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec1 ol {
margin-top: 6rem;
padding-left: 3rem;
border-left: 0.5rem solid #ddd;
margin-bottom: 4rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec1 ol:last-child {
background-color: #edf6fa;
padding: 2rem 3rem;
margin-top: 0;
border: none;
list-style: none;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 a img:hover {
opacity: 0.6;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 table {
border-top: 0.1rem solid #ddd;
font-size: 1.3rem;
line-height: 2.2rem;
margin-top: 6rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 table th {
border-right: 0.1rem solid #ddd;
border-left: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
width: 18rem;
padding: 1rem 2rem;
vertical-align: middle;
background-color: #f9f9f9;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 table td {
border-right: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
vertical-align: middle;
padding: 1rem 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 p {
font-size: 1.1rem;
line-height: 2rem;
color: #999;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference {
background-color: #edf6fa;
padding: 1rem 2rem;
margin-top: 4rem;
margin-bottom: 6rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference p {
font-size: 1.5rem;
line-height: 2.5rem;
color: #484848;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference p a {
text-decoration: underline;
color: #00a0e9;
display: inline-block;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference:last-child {
padding: 2rem 2rem 2rem 3rem;
margin-bottom: 0;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference .txt {
display: inline-block;
width: 58%;
vertical-align: top;
margin-right: 4rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference .btn {
display: inline-block;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference .btn a {
color: #00a0e9;
width: 28rem;
font-size: 2rem;
border: 0.2rem solid #00a0e9;
background-color: #fff;
text-align: center;
border-radius: 5rem;
padding: 1.3rem 2rem 1rem 1.5rem;
display: block;
box-sizing: border-box;
line-height: 1em;
vertical-align: text-top;
position: relative;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference .btn a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference .btn a:hover {
background-color: #00a0e9;
color: #fff;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 .reference .btn a:hover:after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ul {
margin-bottom: 4rem;
margin-left: 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ul li {
list-style: disc;
font-size: 1.6rem;
line-height: 2rem;
margin-bottom: 2rem;
color: #00a0e9;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ul li span {
color: #484848;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ol {
margin-bottom: 4rem;
margin-left: 2rem;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ol li {
font-size: 1.6rem;
line-height: 2rem;
margin-bottom: 2rem;
cursor: pointer;
font-weight: 700;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ol li span {
font-weight: 400;
}
.iot_wrap .single-post #detail .entry-content .single-content .sec2 ol li span:hover {
font-weight: 700;
}
.iot_wrap .mainv-agreement {
display: none;
}
.iot_wrap #agreement {
line-height: 2.4rem;
font-size: 1.4rem;
margin-bottom: 10rem;
}
.iot_wrap #agreement h2 {
line-height: 6rem;
color: #484848;
margin-bottom: 6rem;
}
.iot_wrap #agreement dl {
margin-bottom: 40px;
}
.iot_wrap #agreement dl dt {
font-size: 2rem;
border-bottom: solid 1px #eee;
padding-bottom: 10px;
margin-bottom: 20px;
}
.iot_wrap #agreement dl dd ol {
list-style: decimal;
margin: 15px 0 0 15px;
font-size: 1.2rem;
}
.iot_wrap #page-form {
background: #f9f9f9;
}
.iot_wrap #page-form .inner {
width: 100rem;
margin: 0 auto;
}
.iot_wrap #page-form #page-content {
float: none;
width: 100%;
}
.iot_wrap #form-estimate dl .option {
width: 80%;
}
.iot_wrap #form-document, .iot_wrap #form-estimate, .iot_wrap #form-inquiry {
padding: 0 !important;
}
.iot_wrap #form-document #wpcf7-f256-p232-o1, .iot_wrap #form-document #wpcf7-f335-p336-o1, .iot_wrap #form-document #wpcf7-f339-p344-o1, .iot_wrap #form-estimate #wpcf7-f256-p232-o1, .iot_wrap #form-estimate #wpcf7-f335-p336-o1, .iot_wrap #form-estimate #wpcf7-f339-p344-o1, .iot_wrap #form-inquiry #wpcf7-f256-p232-o1, .iot_wrap #form-inquiry #wpcf7-f335-p336-o1, .iot_wrap #form-inquiry #wpcf7-f339-p344-o1 {
padding: 0 15rem;
}
.iot_wrap #form-document, .iot_wrap #form-estimate, .iot_wrap #form-inquiry {
background: #fff;
padding: 8rem 15rem;
margin-bottom: 10rem;
box-sizing: border-box;
width: 100%;
}
.iot_wrap #form-document h2, .iot_wrap #form-estimate h2, .iot_wrap #form-inquiry h2 {
text-align: center;
}
.iot_wrap #form-document h2:before, .iot_wrap #form-estimate h2:before, .iot_wrap #form-inquiry h2:before {
background-position: center;
width: 100%;
}
.iot_wrap #form-document ul, .iot_wrap #form-estimate ul, .iot_wrap #form-inquiry ul {
margin: 4rem 0;
}
.iot_wrap #form-document ul li, .iot_wrap #form-estimate ul li, .iot_wrap #form-inquiry ul li {
display: inline-block;
overflow: hidden;
margin-right: 1.5rem;
}
.iot_wrap #form-document ul li .step, .iot_wrap #form-estimate ul li .step, .iot_wrap #form-inquiry ul li .step {
float: left;
font-size: 1.3rem;
text-align: center;
color: #fff;
background: #cfcfcf;
padding: 1.5rem 0;
width: 6rem;
box-sizing: border-box;
line-height: 1.2em;
}
.iot_wrap #form-document ul li .step span, .iot_wrap #form-estimate ul li .step span, .iot_wrap #form-inquiry ul li .step span {
font-size: 1.7rem;
display: block;
}
.iot_wrap #form-document ul li .step-content, .iot_wrap #form-estimate ul li .step-content, .iot_wrap #form-inquiry ul li .step-content {
float: right;
background: #e8e8e8;
color: #333638;
font-size: 1.6rem;
padding: 1.5rem 0;
width: 16rem;
box-sizing: border-box;
text-align: center;
}
.iot_wrap #form-document ul li:last-child, .iot_wrap #form-estimate ul li:last-child, .iot_wrap #form-inquiry ul li:last-child {
margin-right: 0;
}
.iot_wrap #form-document ul .current .step, .iot_wrap #form-estimate ul .current .step, .iot_wrap #form-inquiry ul .current .step {
background: #0079b5;
}
.iot_wrap #form-document ul .current .step-content, .iot_wrap #form-estimate ul .current .step-content, .iot_wrap #form-inquiry ul .current .step-content {
background: #00a0e9;
color: #fff;
}
.iot_wrap #form-document p, .iot_wrap #form-estimate p, .iot_wrap #form-inquiry p {
text-align: center;
color: #6e7173;
font-size: 1.6rem;
letter-spacing: 0.1rem;
}
.iot_wrap #form-document p a, .iot_wrap #form-estimate p a, .iot_wrap #form-inquiry p a {
color: #00a0e9;
pointer-events: none;
display: inline-block;
}
.iot_wrap #form-document p span, .iot_wrap #form-estimate p span, .iot_wrap #form-inquiry p span {
margin-right: 0.5rem;
}
.iot_wrap #form-document span.required, .iot_wrap #form-estimate span.required, .iot_wrap #form-inquiry span.required {
background: #ff4f19;
color: #fff;
font-size: 1.1rem;
font-family: "メイリオ", sans-serif;
line-height: 1em;
padding: 0.5rem 1rem;
}
.iot_wrap #form-document .wpcf7 form#form-document, .iot_wrap #form-document .wpcf7 form#form-estimate, .iot_wrap #form-document .wpcf7 form#form-inquiry, .iot_wrap #form-estimate .wpcf7 form#form-document, .iot_wrap #form-estimate .wpcf7 form#form-estimate, .iot_wrap #form-estimate .wpcf7 form#form-inquiry, .iot_wrap #form-inquiry .wpcf7 form#form-document, .iot_wrap #form-inquiry .wpcf7 form#form-estimate, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry {
padding: 0;
width: 100%;
font-size: 1.4rem;
margin-bottom: 0;
}
.iot_wrap #form-document .wpcf7 form#form-document dl, .iot_wrap #form-document .wpcf7 form#form-estimate dl, .iot_wrap #form-document .wpcf7 form#form-inquiry dl, .iot_wrap #form-estimate .wpcf7 form#form-document dl, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl, .iot_wrap #form-inquiry .wpcf7 form#form-document dl, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl {
margin: 8rem 0;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dt, .iot_wrap #form-document .wpcf7 form#form-estimate dl dt, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dt, .iot_wrap #form-estimate .wpcf7 form#form-document dl dt, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dt, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dt, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dt, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dt, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dt {
margin-bottom: 2rem;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dt span, .iot_wrap #form-document .wpcf7 form#form-estimate dl dt span, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dt span, .iot_wrap #form-estimate .wpcf7 form#form-document dl dt span, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dt span, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dt span, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dt span, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dt span, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dt span {
background: #e8e8e8;
color: #333638;
font-family: "メイリオ", sans-serif;
line-height: 1em;
padding: 0.5rem 1rem;
font-size: 1.1rem;
margin-left: 0.5rem;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dt span.required, .iot_wrap #form-document .wpcf7 form#form-estimate dl dt span.required, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dt span.required, .iot_wrap #form-estimate .wpcf7 form#form-document dl dt span.required, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dt span.required, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dt span.required, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dt span.required, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dt span.required, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dt span.required {
background: #ff4f19;
color: #fff;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd {
margin-bottom: 3rem;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd:last-child, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd:last-child, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd:last-child, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd:last-child, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd:last-child, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd:last-child, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd:last-child, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd:last-child, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd:last-child {
text-align: center;
position: relative;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd:last-child .wpcf7c-elm-step1, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd:last-child .wpcf7c-elm-step1 {
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 33rem;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd:last-child .wpcf7c-elm-step1:hover, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd:last-child .wpcf7c-elm-step1:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd input[type=email], .iot_wrap #form-document .wpcf7 form#form-document dl dd input[type=tel], .iot_wrap #form-document .wpcf7 form#form-document dl dd input[type=text], .iot_wrap #form-document .wpcf7 form#form-estimate dl dd input[type=email], .iot_wrap #form-document .wpcf7 form#form-estimate dl dd input[type=tel], .iot_wrap #form-document .wpcf7 form#form-estimate dl dd input[type=text], .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd input[type=email], .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd input[type=tel], .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd input[type=text], .iot_wrap #form-estimate .wpcf7 form#form-document dl dd input[type=email], .iot_wrap #form-estimate .wpcf7 form#form-document dl dd input[type=tel], .iot_wrap #form-estimate .wpcf7 form#form-document dl dd input[type=text], .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd input[type=email], .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd input[type=tel], .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd input[type=text], .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd input[type=email], .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd input[type=tel], .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd input[type=text], .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd input[type=email], .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd input[type=tel], .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd input[type=text], .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd input[type=email], .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd input[type=tel], .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd input[type=text], .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd input[type=email], .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd input[type=tel], .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd input[type=text] {
width: 100%;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
padding: 1.5rem 2rem;
box-sizing: border-box;
font-size: 1.6rem;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd input[type=email]:focus, .iot_wrap #form-document .wpcf7 form#form-document dl dd input[type=tel]:focus, .iot_wrap #form-document .wpcf7 form#form-document dl dd input[type=text]:focus, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd input[type=email]:focus, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd input[type=tel]:focus, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd input[type=text]:focus, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd input[type=email]:focus, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd input[type=tel]:focus, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd input[type=text]:focus, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd input[type=email]:focus, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd input[type=tel]:focus, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd input[type=text]:focus, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd input[type=email]:focus, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd input[type=tel]:focus, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd input[type=text]:focus, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd input[type=email]:focus, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd input[type=tel]:focus, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd input[type=text]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd input[type=email]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd input[type=tel]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd input[type=text]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd input[type=email]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd input[type=tel]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd input[type=text]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd input[type=email]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd input[type=tel]:focus, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd input[type=text]:focus {
border: 0.1rem solid #6e7173;
outline: 0;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd textarea, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd textarea, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd textarea, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd textarea, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd textarea, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd textarea, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd textarea, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd textarea, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd textarea {
width: 100%;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
padding: 1.5rem 2rem;
box-sizing: border-box;
font-size: 1.6rem;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd textarea:focus, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd textarea:focus, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd textarea:focus, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd textarea:focus, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd textarea:focus, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd textarea:focus, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd textarea:focus, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd textarea:focus, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd textarea:focus {
border: 0.1rem solid #6e7173;
outline: 0;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.confirm, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.confirm, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.confirm, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.confirm, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.confirm, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.confirm, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.confirm, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.confirm, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.confirm {
position: relative;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.confirm:after, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.confirm:after, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.confirm:after, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.confirm:after, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.confirm:after, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.confirm:after, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.confirm:after, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.confirm:after, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.confirm:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 45%;
right: 22rem;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.return, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.return, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.return, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.return, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.return, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.return, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.return, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.return, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.return {
position: relative;
display: inline-block;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.return .wpcf7-back, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.return .wpcf7-back, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.return .wpcf7-back, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.return .wpcf7-back, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.return .wpcf7-back, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.return .wpcf7-back, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.return .wpcf7-back, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.return .wpcf7-back, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.return .wpcf7-back {
-webkit-border-radius: 5rem;
margin-right: 2rem;
border-radius: 5rem;
text-align: center;
background: #b2b2b2 !important;
border: 0.6rem solid #e6e6e6 !important;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 28rem;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.return .wpcf7-back:hover, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.return .wpcf7-back:hover, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.return .wpcf7-back:hover, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.return .wpcf7-back:hover, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.return .wpcf7-back:hover, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.return .wpcf7-back:hover, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.return .wpcf7-back:hover, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.return .wpcf7-back:hover, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.return .wpcf7-back:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.return:after, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.return:after, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.return:after, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.return:after, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.return:after, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.return:after, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.return:after, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.return:after, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.return:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-bottom: solid 2px #fff;
border-left: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 45%;
left: 15%;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.submit, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.submit, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.submit, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.submit, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.submit, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.submit, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.submit, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.submit, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.submit {
display: inline-block;
position: relative;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.submit .wpcf7-submit, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.submit .wpcf7-submit, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.submit .wpcf7-submit, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.submit .wpcf7-submit, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.submit .wpcf7-submit, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.submit .wpcf7-submit, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.submit .wpcf7-submit, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.submit .wpcf7-submit, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.submit .wpcf7-submit {
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
width: 33rem;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.submit .wpcf7-submit:hover, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.submit .wpcf7-submit:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap #form-document .wpcf7 form#form-document dl dd p.submit:after, .iot_wrap #form-document .wpcf7 form#form-estimate dl dd p.submit:after, .iot_wrap #form-document .wpcf7 form#form-inquiry dl dd p.submit:after, .iot_wrap #form-estimate .wpcf7 form#form-document dl dd p.submit:after, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl dd p.submit:after, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl dd p.submit:after, .iot_wrap #form-inquiry .wpcf7 form#form-document dl dd p.submit:after, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl dd p.submit:after, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl dd p.submit:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 45%;
right: 15%;
}
.iot_wrap #form-document .wpcf7 form#form-document dl .disabled, .iot_wrap #form-document .wpcf7 form#form-estimate dl .disabled, .iot_wrap #form-document .wpcf7 form#form-inquiry dl .disabled, .iot_wrap #form-estimate .wpcf7 form#form-document dl .disabled, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl .disabled, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl .disabled, .iot_wrap #form-inquiry .wpcf7 form#form-document dl .disabled, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl .disabled, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl .disabled {
background: #b2b2b2 !important;
border: 0.6rem solid #e6e6e6 !important;
}
.iot_wrap #form-document .wpcf7 form#form-document dl .agreement, .iot_wrap #form-document .wpcf7 form#form-estimate dl .agreement, .iot_wrap #form-document .wpcf7 form#form-inquiry dl .agreement, .iot_wrap #form-estimate .wpcf7 form#form-document dl .agreement, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl .agreement, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl .agreement, .iot_wrap #form-inquiry .wpcf7 form#form-document dl .agreement, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl .agreement, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl .agreement {
text-align: center;
}
.iot_wrap #form-document .wpcf7 form#form-document dl .agreement a, .iot_wrap #form-document .wpcf7 form#form-estimate dl .agreement a, .iot_wrap #form-document .wpcf7 form#form-inquiry dl .agreement a, .iot_wrap #form-estimate .wpcf7 form#form-document dl .agreement a, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl .agreement a, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl .agreement a, .iot_wrap #form-inquiry .wpcf7 form#form-document dl .agreement a, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl .agreement a, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl .agreement a {
border-bottom: 0.1rem solid;
line-height: 1.5rem;
color: #00a0e9;
display: inline-block;
}
.iot_wrap #form-document .wpcf7 form#form-document dl span.wpcf7-not-valid-tip, .iot_wrap #form-document .wpcf7 form#form-estimate dl span.wpcf7-not-valid-tip, .iot_wrap #form-document .wpcf7 form#form-inquiry dl span.wpcf7-not-valid-tip, .iot_wrap #form-estimate .wpcf7 form#form-document dl span.wpcf7-not-valid-tip, .iot_wrap #form-estimate .wpcf7 form#form-estimate dl span.wpcf7-not-valid-tip, .iot_wrap #form-estimate .wpcf7 form#form-inquiry dl span.wpcf7-not-valid-tip, .iot_wrap #form-inquiry .wpcf7 form#form-document dl span.wpcf7-not-valid-tip, .iot_wrap #form-inquiry .wpcf7 form#form-estimate dl span.wpcf7-not-valid-tip, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry dl span.wpcf7-not-valid-tip {
display: none;
}
.iot_wrap #form-document .wpcf7 form#form-document span.wpcf7-list-item, .iot_wrap #form-document .wpcf7 form#form-estimate span.wpcf7-list-item, .iot_wrap #form-document .wpcf7 form#form-inquiry span.wpcf7-list-item, .iot_wrap #form-estimate .wpcf7 form#form-document span.wpcf7-list-item, .iot_wrap #form-estimate .wpcf7 form#form-estimate span.wpcf7-list-item, .iot_wrap #form-estimate .wpcf7 form#form-inquiry span.wpcf7-list-item, .iot_wrap #form-inquiry .wpcf7 form#form-document span.wpcf7-list-item, .iot_wrap #form-inquiry .wpcf7 form#form-estimate span.wpcf7-list-item, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry span.wpcf7-list-item {
margin: 0 1rem 0 0;
}
.iot_wrap #form-document .wpcf7 form#form-document .wpcf7-mail-sent-ok, .iot_wrap #form-document .wpcf7 form#form-estimate .wpcf7-mail-sent-ok, .iot_wrap #form-document .wpcf7 form#form-inquiry .wpcf7-mail-sent-ok, .iot_wrap #form-estimate .wpcf7 form#form-document .wpcf7-mail-sent-ok, .iot_wrap #form-estimate .wpcf7 form#form-estimate .wpcf7-mail-sent-ok, .iot_wrap #form-estimate .wpcf7 form#form-inquiry .wpcf7-mail-sent-ok, .iot_wrap #form-inquiry .wpcf7 form#form-document .wpcf7-mail-sent-ok, .iot_wrap #form-inquiry .wpcf7 form#form-estimate .wpcf7-mail-sent-ok, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry .wpcf7-mail-sent-ok {
display: none !important;
}
.iot_wrap #form-document .wpcf7 form#form-document div.wpcf7-validation-errors, .iot_wrap #form-document .wpcf7 form#form-estimate div.wpcf7-validation-errors, .iot_wrap #form-document .wpcf7 form#form-inquiry div.wpcf7-validation-errors, .iot_wrap #form-estimate .wpcf7 form#form-document div.wpcf7-validation-errors, .iot_wrap #form-estimate .wpcf7 form#form-estimate div.wpcf7-validation-errors, .iot_wrap #form-estimate .wpcf7 form#form-inquiry div.wpcf7-validation-errors, .iot_wrap #form-inquiry .wpcf7 form#form-document div.wpcf7-validation-errors, .iot_wrap #form-inquiry .wpcf7 form#form-estimate div.wpcf7-validation-errors, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry div.wpcf7-validation-errors {
display: none !important;
}
.iot_wrap #form-document .wpcf7 form#form-document .formError .formErrorContent, .iot_wrap #form-document .wpcf7 form#form-estimate .formError .formErrorContent, .iot_wrap #form-document .wpcf7 form#form-inquiry .formError .formErrorContent, .iot_wrap #form-estimate .wpcf7 form#form-document .formError .formErrorContent, .iot_wrap #form-estimate .wpcf7 form#form-estimate .formError .formErrorContent, .iot_wrap #form-estimate .wpcf7 form#form-inquiry .formError .formErrorContent, .iot_wrap #form-inquiry .wpcf7 form#form-document .formError .formErrorContent, .iot_wrap #form-inquiry .wpcf7 form#form-estimate .formError .formErrorContent, .iot_wrap #form-inquiry .wpcf7 form#form-inquiry .formError .formErrorContent {
min-width: 13.5rem;
line-height: 1.4rem;
}
.iot_wrap #form-document p.thanks, .iot_wrap #form-estimate p.thanks, .iot_wrap #form-inquiry p.thanks {
font-size: 2.4rem;
margin-bottom: 1.8rem;
font-weight: 700;
color: #484848;
}
.iot_wrap #form-document .download-area, .iot_wrap #form-estimate .download-area, .iot_wrap #form-inquiry .download-area {
margin-top: 12px;
}
.iot_wrap #form-document .download-area dt, .iot_wrap #form-estimate .download-area dt, .iot_wrap #form-inquiry .download-area dt {
display: inline-block;
}
.iot_wrap #form-document .download-area dd, .iot_wrap #form-estimate .download-area dd, .iot_wrap #form-inquiry .download-area dd {
display: inline-block;
position: relative;
left: 17px;
top: -4px;
}
.iot_wrap #form-document .download-area dd p, .iot_wrap #form-estimate .download-area dd p, .iot_wrap #form-inquiry .download-area dd p {
font-size: 12px;
margin-top: 8px;
}
.iot_wrap #form-document .download-area dd .btn-orange a, .iot_wrap #form-estimate .download-area dd .btn-orange a, .iot_wrap #form-inquiry .download-area dd .btn-orange a {
width: 450px;
padding: 22px 0;
}
.iot_wrap #form-document .tel-area, .iot_wrap #form-estimate .tel-area, .iot_wrap #form-inquiry .tel-area {
border: 0.2rem solid #ddd;
background: #f9f9f9;
padding-bottom: 3rem;
margin: 6rem 0;
}
.iot_wrap #form-document .tel-area h3, .iot_wrap #form-estimate .tel-area h3, .iot_wrap #form-inquiry .tel-area h3 {
background: #f3f3f3;
font-size: 2rem;
padding: 1.5rem 0;
font-weight: 700;
text-align: center;
}
.iot_wrap #form-document .tel-area .tel-no p, .iot_wrap #form-estimate .tel-area .tel-no p, .iot_wrap #form-inquiry .tel-area .tel-no p {
font-size: 1.4rem;
color: #484848;
margin: 2rem 0;
line-height: 1em;
}
.iot_wrap #form-document .tel-area .tel-no .tel-no, .iot_wrap #form-estimate .tel-area .tel-no .tel-no, .iot_wrap #form-inquiry .tel-area .tel-no .tel-no {
font-size: 5rem;
width: 33rem;
margin: 2rem auto;
color: #484848;
position: relative;
padding-left: 4rem;
line-height: 0.7em;
}
.iot_wrap #form-document .tel-area .tel-no .tel-no:before, .iot_wrap #form-estimate .tel-area .tel-no .tel-no:before, .iot_wrap #form-inquiry .tel-area .tel-no .tel-no:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/form/ic-fd.png) no-repeat center left;
width: 3.7rem;
height: 2.4rem;
position: absolute;
bottom: 0;
left: 0;
}
.iot_wrap #form-document .tel-area .tel-no .time, .iot_wrap #form-estimate .tel-area .tel-no .time, .iot_wrap #form-inquiry .tel-area .tel-no .time {
font-size: 1.2rem;
color: #484848;
margin: 0;
}
.iot_wrap #form-document .btn, .iot_wrap #form-estimate .btn, .iot_wrap #form-inquiry .btn {
display: block;
text-align: center;
}
.iot_wrap #form-document, .iot_wrap #form-estimate, .iot_wrap #form-inquiry {
padding: 0 !important;
}
.iot_wrap #form-document #wpcf7-f1048-p1049-o1, .iot_wrap #form-document #wpcf7-f256-p232-o1, .iot_wrap #form-document #wpcf7-f335-p336-o1, .iot_wrap #form-document #wpcf7-f339-p344-o1, .iot_wrap #form-estimate #wpcf7-f1048-p1049-o1, .iot_wrap #form-estimate #wpcf7-f256-p232-o1, .iot_wrap #form-estimate #wpcf7-f335-p336-o1, .iot_wrap #form-estimate #wpcf7-f339-p344-o1, .iot_wrap #form-inquiry #wpcf7-f1048-p1049-o1, .iot_wrap #form-inquiry #wpcf7-f256-p232-o1, .iot_wrap #form-inquiry #wpcf7-f335-p336-o1, .iot_wrap #form-inquiry #wpcf7-f339-p344-o1 {
padding: 0 15rem;
}
.iot_wrap #form-document .wpcf7-list-item-label, .iot_wrap #form-estimate .wpcf7-list-item-label, .iot_wrap #form-inquiry .wpcf7-list-item-label {
margin-right: 1rem;
}
.iot_wrap #form-document input.wpcf7c-conf, .iot_wrap #form-document textarea.wpcf7c-conf, .iot_wrap #form-estimate input.wpcf7c-conf, .iot_wrap #form-estimate textarea.wpcf7c-conf, .iot_wrap #form-inquiry input.wpcf7c-conf, .iot_wrap #form-inquiry textarea.wpcf7c-conf {
border: 0 !important;
padding: 0 !important;
background: #fff !important;
font-size: 1.4rem !important;
}
.iot_wrap #form-document input[type=checkbox].wpcf7c-conf, .iot_wrap #form-document input[type=radio].wpcf7c-conf, .iot_wrap #form-estimate input[type=checkbox].wpcf7c-conf, .iot_wrap #form-estimate input[type=radio].wpcf7c-conf, .iot_wrap #form-inquiry input[type=checkbox].wpcf7c-conf, .iot_wrap #form-inquiry input[type=radio].wpcf7c-conf {
display: none;
}
.iot_wrap #form-document input[type=checkbox].wpcf7c-conf + span.wpcf7-list-item-label, .iot_wrap #form-document input[type=radio].wpcf7c-conf + span.wpcf7-list-item-label, .iot_wrap #form-estimate input[type=checkbox].wpcf7c-conf + span.wpcf7-list-item-label, .iot_wrap #form-estimate input[type=radio].wpcf7c-conf + span.wpcf7-list-item-label, .iot_wrap #form-inquiry input[type=checkbox].wpcf7c-conf + span.wpcf7-list-item-label, .iot_wrap #form-inquiry input[type=radio].wpcf7c-conf + span.wpcf7-list-item-label {
display: none;
}
.iot_wrap #form-document input[type=hidden] + span.wpcf7-list-item-label, .iot_wrap #form-estimate input[type=hidden] + span.wpcf7-list-item-label, .iot_wrap #form-inquiry input[type=hidden] + span.wpcf7-list-item-label {
display: block;
}
.iot_wrap #form-document span.wpcf7-list-item, .iot_wrap #form-estimate span.wpcf7-list-item, .iot_wrap #form-inquiry span.wpcf7-list-item {
margin: 0 !important;
}
.iot_wrap .page-id-1049 #form-inquiry, .iot_wrap .page-id-1052 #form-inquiry, .iot_wrap .page-id-232 #form-inquiry {
padding-top: 8rem !important;
}
.iot_wrap .page-id-1052 #form-document, .iot_wrap .page-id-1052 #form-inquiry, .iot_wrap .page-id-266 #form-document, .iot_wrap .page-id-266 #form-inquiry, .iot_wrap .page-id-359 #form-document, .iot_wrap .page-id-359 #form-inquiry, .iot_wrap .page-id-362 #form-document, .iot_wrap .page-id-362 #form-inquiry {
padding: 8rem 15rem !important;
}
.iot_wrap .footer-form-content {
background: #fff;
padding: 5.5rem 0;
text-align: center;
}
.iot_wrap .br-inline {
display: none;
}
.iot_wrap .br-none {
display: inline;
}
.iot_wrap #top .price .btn {
margin-bottom: 40px;
}
.iot_wrap .ttl-icon {
display: inline-block;
position: relative;
top: 20px;
left: 20px;
}
.iot_wrap .ttl-icon-contents {
display: inline-block;
}
.iot_wrap .ttl-icon-sp {
display: none;
}
.iot_wrap #form-document .estimate {
margin: 44px 0 -18px;
}
.iot_wrap #form-document .estimate_title {
color: #00a0e9;
font-size: 15.5px;
text-align: center;
background: #fff200;
padding: 9px 0;
position: relative;
z-index: 1;
}
.iot_wrap #form-document .estimate_title:before {
content: "";
z-index: 1;
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/form/estimate_text.png) 0 0 no-repeat;
width: 91px;
height: 92px;
top: -22px;
left: 78px;
}
.iot_wrap #form-document .estimate_title:after {
content: "";
z-index: 1;
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/form/estimate_img.png) 0 0 no-repeat;
width: 84px;
height: 76px;
bottom: 0;
right: 94px;
}
.iot_wrap #form-document .estimate_mes {
font-size: 18px !important;
color: #00a0e9 !important;
letter-spacing: 2px !important;
margin: 0 0 4px;
}
.iot_wrap #form-document .estimate_main {
border: solid #fff200 4px;
border-top: 0;
padding: 15px 0 18px;
position: relative;
z-index: 1;
}
.iot_wrap #form-document .estimate_main:before {
content: "";
z-index: 1;
position: absolute;
border-top: 10px solid #fff200;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: none;
width: 0;
height: 0;
top: 0;
right: 0;
left: 0;
margin: auto;
}
.iot_wrap #form-document .estimate_btn {
font-size: 21px;
background: #00a0e9;
display: block;
text-align: center;
color: #fff !important;
border-radius: 100px;
padding: 18px 0 18px 40px;
margin: 0 114px;
position: relative;
z-index: 1;
}
.iot_wrap #form-document .estimate_btn span {
position: relative;
z-index: 1;
}
.iot_wrap #form-document .estimate_btn span:before {
content: "";
z-index: 1;
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/form/estimate_icon.png) 0 0 no-repeat;
width: 21px;
height: 29px;
top: -3px;
left: -33px;
}
.iot_wrap #form-document .estimate_btn:before {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap {   }
.iot_wrap .pc {
display: block;
}
.iot_wrap .sp {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .pc {
display: none;
}
.iot_wrap .sp {
display: block;
}
}
.iot_wrap .elqform-container {
width: 100%;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform-container {
padding-top: 6.5rem;
}
}
.iot_wrap .elqform-container__inner {
width: 100%;
max-width: 100rem;
margin: 0 auto;
overflow: hidden;
padding: 8rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform-container__inner {
padding: 0;
}
}
.iot_wrap .elqform_wrap {
font-family: Arial, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: 400;
padding: 0;
background: #fff;
margin-bottom: 10rem;
box-sizing: border-box;
width: 100%;
padding-top: 50px;
padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap {
margin-bottom: 0px;
}
}
.iot_wrap .elqform_wrap .mainv img {
width: 100%;
}
.iot_wrap .elqform_wrap h2 {
display: block;
text-align: center;
font-size: 4rem;
position: relative;
line-height: 1.6em;
padding-top: 4rem;
color: #484848;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap h2 {
font-size: 2.4rem;
line-height: 3.5rem;
padding: 4rem 0 1.8rem;
}
}
.iot_wrap .elqform_wrap h2:before {
width: 100%;
content: "";
position: absolute;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/line-ttl.png) no-repeat;
width: 6.7rem;
height: 0.7rem;
display: block;
top: 0;
left: 0px;
right: 0px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap h2:before {
width: 48px;
height: 5px;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/line-ttl.png) no-repeat 0 0;
-webkit-background-size: 48px auto;
background-size: 48px auto;
display: block;
margin: 0 auto 2.2rem;
}
}
.iot_wrap .elqform_wrap__inner {
width: 100%;
max-width: 100rem;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap__inner {
width: 100%;
max-width: 92%;
}
}
.iot_wrap .elqform_wrap .form_wrap {
width: 100%;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap {
overflow: hidden;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps {
margin-bottom: 50px;
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul {
margin: 4rem auto;
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul {
margin: 2.2rem auto;
justify-content: space-between;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li {
display: flex;
overflow: hidden;
margin-right: 1.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li {
margin-right: 0;
width: 32%;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li .step {
font-size: 1.3rem;
text-align: center;
color: #fff;
background: #cfcfcf;
padding: 1.5rem 0;
width: 6rem;
box-sizing: border-box;
line-height: 1.2em;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li .step {
font-size: 1rem;
text-align: center;
padding: 0.85rem 0;
width: 30%;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li .step span {
font-size: 1.7rem;
display: block;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li .step span {
font-size: 1.2rem;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li .step-content {
background: #e8e8e8;
color: #333638;
font-size: 1.6rem;
padding: 1.5rem 0;
width: 16rem;
box-sizing: border-box;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li .step-content {
font-size: 1rem;
padding: 1.2rem 0;
width: 70%;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li.current .step {
background: #0079b5;
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps ul li.current .step-content {
background: #00a0e9;
color: #fff;
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps p {
text-align: center;
color: #6e7173;
font-size: 1.6rem;
letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap .elm_steps p {
font-size: 1.2rem;
line-height: 2rem;
}
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps p a {
border-bottom: 0.1rem solid;
line-height: 1.5rem;
color: #00a0e9;
display: inline-block;
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps .btn a {
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #b2b2b2;
border: 0.6rem solid #e6e6e6;
color: #fff;
font-size: 1.68rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 36rem;
box-sizing: border-box;
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps .btn a:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap .elqform_wrap .form_wrap .elm_steps .btn a:hover {
background: #ff4f19;
border: 0.6rem solid #f7d1c6;
opacity: 1;
}
.iot_wrap .elqform_wrap .form_wrap form .elm_step1 {
display: block;
}
.iot_wrap .elqform_wrap .form_wrap form .elm_step2 {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap form.confirm .elm_step1 {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap form.confirm .elm_step2 {
display: block;
}
.iot_wrap .elqform_wrap .form_wrap span.required {
background: #ff4f19;
color: #fff;
font-size: 1.1rem;
font-family: "メイリオ", sans-serif;
line-height: 1em;
padding: 0.5rem 1rem;
margin-right: 0.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap span.required {
margin-left: 0.5rem;
padding: 0.4rem;
font-size: 10px;
}
}
.iot_wrap .elqform_wrap .form_wrap dl {
width: 100%;
max-width: 690px;
margin: 0px auto;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl {
margin: 4rem 0 0;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dt {
font-size: 14px;
font-weight: 400;
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dt {
margin-bottom: 1.5rem;
background: #f9f9f9;
padding: 1rem 1.5rem;
font-size: 1.2rem;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dt#companyNameTitle {
display: block;
}
.iot_wrap .elqform_wrap .form_wrap dl dt#companyNameTitle.hid {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap dl dt span {
background: #e8e8e8;
color: #333638;
font-family: "メイリオ", sans-serif;
line-height: 1em;
padding: 0.5rem 1rem;
font-size: 1.1rem;
margin-left: 0.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dt span {
margin-left: 0.5rem;
padding: 0.4rem;
font-size: 10px;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dt span.required {
background: #ff4f19;
color: #fff;
margin-right: unset;
}
.iot_wrap .elqform_wrap .form_wrap dl dd {
margin-bottom: 3rem;
}
.iot_wrap .elqform_wrap .form_wrap dl dd#companyNameForm {
display: block;
}
.iot_wrap .elqform_wrap .form_wrap dl dd#companyNameForm.hid {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .household_unit {
margin-left: 16px;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.warning.error {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
padding: 5px 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
text-align: center;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .errorMsg {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
display: none;
padding: 5px 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_radio_wrap .cf_radio_item, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_checkbox_wrap .cf_radio_item, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_radio_wrap .cf_checkbox_item, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_checkbox_wrap .cf_checkbox_item {
display: inline-block;
margin-right: 1rem;
font-size: 14px;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_radio_wrap .cf_radio_item input[type=radio], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_checkbox_wrap .cf_radio_item input[type=radio], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_radio_wrap .cf_checkbox_item input[type=radio], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_checkbox_wrap .cf_checkbox_item input[type=radio] {
margin-right: 0.5rem;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_radio_wrap .cf_radio_item input[type=checkbox], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_checkbox_wrap .cf_radio_item input[type=checkbox], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_radio_wrap .cf_checkbox_item input[type=checkbox], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_checkbox_wrap .cf_checkbox_item input[type=checkbox] {
margin-right: 0.5rem;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=text], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=tel], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=email] {
width: 100%;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
padding: 1.5rem 2rem;
box-sizing: border-box;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=text], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=tel], .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=email] {
padding: 0.75rem 1rem;
font-size: 1.6rem;
-webkit-appearance: none;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=text]:focus, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=tel]:focus, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=email]:focus {
border: 0.1rem solid #000;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=text]:placeholder-shown, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=tel]:placeholder-shown, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=email]:placeholder-shown {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=text].household, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=tel].household, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=email].household {
max-width: 270px;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=text].household, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=tel].household, .iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap input[type=email].household {
max-width: 90%;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap.col2 {
width: 48%;
display: inline-block;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_inputs_wrap.col2:first-of-type {
margin-right: 2%;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select {
padding-top: 1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select {
margin-top: 22px;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap {
overflow: hidden;
width: 49%;
margin: 2em auto;
text-align: center;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap select {
width: 49%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap select::-ms-expand {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap.cf_select_style {
position: relative;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
border-radius: 2px;
padding: 1.5rem 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap.cf_select_style {
padding: 0.75rem 1rem;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap.cf_select_style:before {
position: absolute;
top: 1.4em;
right: 1.4em;
width: 0;
height: 0;
padding: 0;
content: "";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap.cf_select_style:before {
top: 1em;
right: 1em;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #666;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_select .cf_select_wrap.cf_select_styleselect {
padding: 8px 38px 8px 8px;
color: #666;
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_textarea_wrap textarea {
width: 100%;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
padding: 1.5rem 2rem;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-appearance: none;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_textarea_wrap textarea {
height: 10rem;
padding: 0.75rem 1rem;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_textarea_wrap textarea:focus {
border: 0.1rem solid #000;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd .cf_textarea_wrap textarea:focus {
outline: 0;
border: 0.1rem solid #000;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.agreement {
font-size: 14px;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.agreement {
font-size: 1.1rem;
margin-bottom: 2rem;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.agreement a {
border-bottom: 0.1rem solid;
line-height: 1.5rem;
color: #00a0e9;
display: inline-block;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.agreement a {
line-height: 2.2rem;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns {
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns {
flex-direction: column;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox {
text-align: center;
color: #6e7173;
font-size: 1.6rem;
letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox {
font-size: 1.2rem;
line-height: 2rem;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox input[type=button], .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox input[type=button], .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox input[type=button] {
-webkit-border-radius: 5rem;
border-radius: 5rem;
text-align: center;
background: #faaa16;
border: 0.6rem solid #f7e6c6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 33rem;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox input[type=button], .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox input[type=button], .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox input[type=button] {
-webkit-appearance: none;
text-align: center;
border: 0.75rem solid #f7e6c6;
font-size: 1.5rem;
padding: 1rem 3rem 1rem 2rem;
width: 95%;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox input[type=button].error, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox input[type=button].error, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox input[type=button].error {
background: #dc3545;
border: 0.6rem solid #e6969d;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox input[type=button]#returnBtn, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox input[type=button]#returnBtn, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox input[type=button]#returnBtn {
-webkit-border-radius: 5rem;
margin-right: 2rem;
border-radius: 5rem;
text-align: center;
background: #b2b2b2;
border: 0.6rem solid #e6e6e6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
width: 28rem;
height: 7rem;
box-sizing: border-box;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox input[type=button]#returnBtn, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox input[type=button]#returnBtn, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox input[type=button]#returnBtn {
width: 95%;
font-size: 1.2rem;
line-height: 2rem;
margin-bottom: 10px;
}
}
.iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #confirmBox.hid, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #returnBox.hid, .iot_wrap .elqform_wrap .form_wrap dl dd.submit_btns #submitBox.hid {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf input:placeholder-shown {
color: transparent;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf input::-webkit-input-placeholder {
color: transparent;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf input::-moz-placeholder {
color: transparent;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf input:-ms-input-placeholder {
color: transparent;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf input::-ms-input-placeholder {
color: transparent;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf .formError {
display: none;
}
.iot_wrap .elqform_wrap .form_wrap dl dd.cf_conf.agreement {
display: none;
}
.iot_wrap .footer-elqform {
margin-top: 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .footer-elqform {
background-color: #fff;
border-top: 0.1rem solid #ddd;
padding-top: 3rem;
}
}
.iot_wrap .footer-elqform__content {
background: #fff;
padding: 5.5rem 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .footer-elqform__content {
background-color: #fff;
padding-top: 3rem;
padding: 0;
}
}
.iot_wrap .footer-elqform__inner {
width: 100%;
max-width: 100rem;
margin: 0 auto;
}
.iot_wrap .footer-elqform__inner .site-title img {
width: 233px;
height: 39px;
}
@media screen and (max-width: 767px) {
.iot_wrap .footer-elqform__inner .site-title {
margin: 0 auto 2rem;
}
}
.iot_wrap .footer-elqform__inner .f-navigation {
font-size: 0;
text-align: center;
margin-bottom: 3rem;
}
.iot_wrap .footer-elqform__inner .f-navigation a {
font-size: 1rem;
line-height: 1.5;
display: inline-block;
vertical-align: text-bottom;
}
.iot_wrap .footer-elqform__inner .f-navigation a:not(:first-child) {
padding-left: 1rem;
margin-left: 1rem;
border-left: 1px solid #000;
}
.iot_wrap .footer-elqform .copyright {
background: #000;
font-size: 1rem;
color: #fff;
text-align: center;
}
.iot_wrap .embedded_form {
width: 100%;
}
.iot_wrap .embedded_form--inner {
background: rgba(255, 255, 255, 0.4);
width: 90%;
max-width: 991px;
margin: 2rem auto;
position: relative;
}
.iot_wrap .embedded_form--inner form {
padding: 20px 10px;
}
.iot_wrap .embedded_form--inner .warning.error {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
padding: 10px 15px;
margin: 10px 20px;
border: 1px solid transparent;
border-radius: 4px;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .warning.error {
margin: 10px 0px;
}
}
.iot_wrap .embedded_form--inner .form_wrap {
display: flex;
width: 100%;
padding-top: 2.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap {
flex-direction: column;
}
}
.iot_wrap .embedded_form--inner .form_wrap .warning {
width: 100%;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs {
width: 50%;
display: block;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs {
width: 100%;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dt {
display: flex;
justify-content: flex-end;
align-items: center;
width: 25%;
height: auto;
display: inline-block;
float: left;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dt#companyNameTitle {
display: block;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dt#companyNameTitle.hid {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs dt {
width: 100%;
margin-bottom: 10px;
text-align: left;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd {
display: block;
width: 70%;
margin-bottom: 2rem;
position: relative;
float: left;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd#companyNameForm {
display: block;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd#companyNameForm.hid {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs dd {
width: 100%;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .errorMsg {
width: 90%;
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
display: none;
padding: 7.5px 15px;
margin-bottom: 10px;
border: 1px solid transparent;
border-radius: 4px;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_radio_wrap .cf_radio_item, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_checkbox_wrap .cf_radio_item, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_radio_wrap .cf_checkbox_item, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_checkbox_wrap .cf_checkbox_item {
display: inline-block;
margin-right: 1rem;
font-size: 14px;
text-align: left;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_radio_wrap .cf_radio_item input[type=radio], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_checkbox_wrap .cf_radio_item input[type=radio], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_radio_wrap .cf_checkbox_item input[type=radio], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_checkbox_wrap .cf_checkbox_item input[type=radio] {
margin-right: 0.5rem;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_radio_wrap .cf_radio_item input[type=checkbox], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_checkbox_wrap .cf_radio_item input[type=checkbox], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_radio_wrap .cf_checkbox_item input[type=checkbox], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_checkbox_wrap .cf_checkbox_item input[type=checkbox] {
margin-right: 0.5rem;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap {
width: 100%;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=text], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=tel], .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=email] {
width: 100%;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
padding: 1rem 2rem;
box-sizing: border-box;
font-size: 1.6rem;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=text]:focus, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=tel]:focus, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=email]:focus {
border: 0.1rem solid #000;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=text]:placeholder-shown, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=tel]:placeholder-shown, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=email]:placeholder-shown {
color: #999;
font-size: 1.4rem;
line-height: 1;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=text].household, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=tel].household, .iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap input[type=email].household {
max-width: 270px;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap.col2 {
width: 48%;
display: inline-block;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd .cf_inputs_wrap.col2:first-of-type {
margin-right: 2%;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select {
margin-top: 0px;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap {
overflow: hidden;
width: 87%;
margin: 2em auto;
text-align: center;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap select {
width: 87%;
padding-right: 1em;
margin-top: 20px;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap select {
width: 90%;
margin-top: 5px;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap select::-ms-expand {
display: none;
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap.cf_select_style {
position: relative;
background: #f9f9f9;
border: 0.1rem solid #e6e5e5;
border-radius: 2px;
padding: 12px 16px;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap.cf_select_style {
padding: 0.75rem 1rem;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap.cf_select_style:before {
position: absolute;
top: 1.4em;
right: 1.4em;
width: 0;
height: 0;
padding: 0;
content: "";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap.cf_select_style:before {
top: 1em;
right: 1em;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #666;
}
}
.iot_wrap .embedded_form--inner .form_wrap--inputs dd.cf_select .cf_select_wrap.cf_select_styleselect {
padding: 8px 38px 8px 8px;
color: #666;
}
.iot_wrap .embedded_form--inner .form_wrap--submits {
width: 50%;
}
@media screen and (max-width: 767px) {
.iot_wrap .embedded_form--inner .form_wrap--submits {
width: 100%;
}
}
.iot_wrap .embedded_form--inner .form_wrap--submits #submitNonConfirmBtn {
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 80%;
border: 0;
background: none;
position: relative;
padding: 2rem 0rem;
margin: 0px auto;
}
.iot_wrap { }
@media screen and (max-width: 1200px) {
.iot_wrap body {
min-width: 0px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap #responsive-menu-button {
display: none;
}
}
.iot_wrap .lp-avoide_emptys {
line-height: 1;
}
.iot_wrap .lp-avoide_emptys .avoide-vacancies-sp {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys {
overflow: hidden;
}
.iot_wrap .lp-avoide_emptys.avoide-vacancies-sp {
display: block;
}
.iot_wrap .lp-avoide_emptys.avoide-vacancies-pc {
display: none;
}
}
.iot_wrap .lp-avoide_emptys .pc {
display: block;
}
.iot_wrap .lp-avoide_emptys .sp {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .pc {
display: none;
}
.iot_wrap .lp-avoide_emptys .sp {
display: block;
}
}
.iot_wrap .lp-avoide_emptys .inner {
width: 100%;
max-width: 100rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .inner {
width: 92%;
margin: 0 auto;
}
}
.iot_wrap .lp-avoide_emptys h2 {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.iot_wrap .lp-avoide_emptys h2::before {
display: none;
}
.iot_wrap .lp-avoide_emptys .form {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/form-document-bg.png) no-repeat;
background-size: cover;
padding: 3rem 0;
}
.iot_wrap .lp-avoide_emptys .form .inner {
background: #fff;
padding: 3rem;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .form .inner {
padding: 3rem 1.5rem 0;
}
}
.iot_wrap .lp-avoide_emptys .form .inner h2 {
font-size: 3rem;
text-align: center;
margin-bottom: 2rem;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .form .inner h2 {
font-size: 2.5rem;
line-height: 3.5rem;
padding: 0 0 3rem;
margin-bottom: 1rem;
}
}
.iot_wrap .lp-avoide_emptys .form .inner h2 span {
color: #36b4c7;
font-size: 4rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .form .inner h2 span {
font-size: 2.5rem;
}
}
.iot_wrap .lp-avoide_emptys .form .inner .contact-area {
padding: 3rem 0 105px;
}
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel {
float: left;
}
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel p {
font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel p {
font-size: 1.4rem;
}
}
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel .telno {
font-size: 4.7rem;
font-weight: bold;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-fd.png) no-repeat left;
padding-left: 6rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel .telno {
font-size: 3rem;
line-height: 42px;
}
}
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel .time {
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys .form .inner .contact-area .tel .time {
font-size: 1.2rem;
}
}
.iot_wrap .lp-avoide_emptys footer.lp {
padding: 0 0 12.4rem;
}
.iot_wrap .lp-avoide_emptys footer.lp .inner {
padding: 4rem 0 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys footer.lp .inner {
padding: 2rem 0 0;
width: 92%;
}
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav {
text-align: center;
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav li {
display: inline-block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav li {
line-height: 2rem;
}
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav li:after {
content: "|";
margin-left: 0.1rem;
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav li:last-child:after {
display: none;
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav li a {
font-size: 1.3rem;
padding: 0 0.5rem;
}
.iot_wrap .lp-avoide_emptys footer.lp .foot-nav li a:hover {
border-bottom: 0.1rem solid #000;
}
.iot_wrap .lp-avoide_emptys footer.lp .copyright {
font-size: 1.1rem;
background: #fff;
color: #333738;
margin: 1rem 0 1rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys footer.lp .copyright {
margin: 1rem 0;
}
}
.iot_wrap .lp-avoide_emptys footer.lp .m-examination {
font-size: 1.1rem;
background: #fff;
color: #333738;
margin: 1rem 0 3rem;
text-align: center;
}
.iot_wrap .lp-avoide_emptys #footer-compliance {
background: rgba(0, 0, 0, 0.8);
color: #fff;
position: fixed;
width: 100%;
bottom: 0;
padding: 1rem 0 0 0;
z-index: 9999;
}
.iot_wrap .lp-avoide_emptys #footer-compliance.avoide-vacancies-sp {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys #footer-compliance.avoide-vacancies-sp {
display: block;
}
.iot_wrap .lp-avoide_emptys #footer-compliance.avoide-vacancies-pc {
display: none;
}
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner {
width: 100%;
max-width: 100rem;
margin: 0 auto;
height: 100px;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys #footer-compliance .inner {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .tel {
float: left;
position: relative;
top: 10px;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .tel p {
font-size: 1.4rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .tel .telno {
font-size: 4.3rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-fd-white.png) no-repeat left;
padding-left: 5rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .tel .telno a {
pointer-events: none;
color: #fff;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .tel .time {
font-size: 1.2rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .btn-area {
float: right;
margin: 0.5rem 0 0 3rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .btn-area .btn-inquiry {
display: inline-block;
margin-right: 1rem;
position: relative;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .btn-area .btn-inquiry a {
display: inline-block;
color: #fff;
font-size: 1.8rem;
background: #ff6347;
padding: 1.7rem 4rem 1.5rem 5.5rem;
position: relative;
-moz-border-radius: 3rem;
-webkit-border-radius: 3rem;
-o-border-radius: 3rem;
-ms-border-radius: 3rem;
border-radius: 3rem;
-moz-box-shadow: 0px 3px 0px #cc4f39;
-webkit-box-shadow: 0px 3px 0px #cc4f39;
-o-box-shadow: 0px 3px 0px #cc4f39;
-ms-box-shadow: 0px 3px 0px #cc4f39;
box-shadow: 0px 3px 0px #cc4f39;
}
.iot_wrap .lp-avoide_emptys #footer-compliance .inner .btn-area .btn-inquiry a:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-estimate.png) no-repeat left;
width: 2rem;
height: 2.4rem;
display: inline-block;
position: absolute;
left: 2.5rem;
top: 24%;
background-size: contain;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys #footer-compliance {
background: none;
padding: 1rem 0 0;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul {
text-align: center;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li {
display: inline-block;
background: rgba(0, 0, 0, 0.8);
width: calc(40% - 20px);
margin-right: 10px;
text-align: center;
height: 60px;
max-width: 120px;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:first-child {
margin-left: 0;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:first-child a {
position: relative;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:first-child a:before {
content: "";
position: absolute;
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/zeroyen/sp/tel-ic.png) no-repeat;
background-size: 100%;
top: 1rem;
left: 0;
right: 0;
margin: 0 auto;
width: 2.3rem;
height: 2.5rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:nth-child(2) a {
position: relative;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:nth-child(2) a:before {
content: "";
position: absolute;
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-estimate.png) no-repeat;
background-size: 100%;
top: 0.8rem;
left: 0;
right: 0;
margin: 0 auto;
width: 1.8rem;
height: 2.5rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:last-child {
margin-right: 0;
width: 20%;
max-width: 75px;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:last-child a {
position: relative;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li:last-child a:before {
content: "";
position: absolute;
display: block;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/zeroyen/sp/top-ic.png) no-repeat;
background-size: 100%;
top: 1rem;
left: 0;
right: 0;
margin: 0 auto;
width: 2.3rem;
height: 2.5rem;
}
.iot_wrap .lp-avoide_emptys #footer-compliance ul li a {
color: #fff;
font-size: 1rem;
padding: 4rem 0 0 0;
display: block;
}
}
.iot_wrap .lp-avoide_emptys header.lp {
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp {
padding: 0;
position: relative;
z-index: 100;
width: 100%;
margin: 0 auto;
padding-top: 0;
}
}
.iot_wrap .lp-avoide_emptys header.lp:before {
content: "";
width: 100%;
height: 0.6rem;
display: block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp:before {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #0cbdd1), color-stop(100%, #0a92ce));
background: -moz-linear-gradient(left, #0cbdd1, #0a92ce);
background: -webkit-linear-gradient(left, #0cbdd1, #0a92ce);
background: linear-gradient(to right, #0cbdd1, #0a92ce);
display: block;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner {
margin: 3rem auto 2.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner {
overflow: hidden;
width: 100%;
margin: 0 auto;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys header.lp .inner.avoide-vacancies-sp {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner.avoide-vacancies-sp {
display: block;
}
.iot_wrap .lp-avoide_emptys header.lp .inner.avoide-vacancies-pc {
display: none;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner .logo {
float: left;
margin: 1.5rem 0 0 0.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .logo {
float: left;
width: 45%;
margin: 0.5rem 0 0 1rem;
}
.iot_wrap .lp-avoide_emptys header.lp .inner .logo a {
display: block;
line-height: 2rem;
}
.iot_wrap .lp-avoide_emptys header.lp .inner .logo a img {
width: 60%;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner .contact-area {
float: right;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .contact-area {
overflow: inherit;
width: 158px;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner .contact-area::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys header.lp .inner .tel {
float: left;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .tel {
display: none;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .tel {
display: block;
float: none;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner .tel p {
font-size: 1.1rem;
line-height: 1em;
margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .tel p.tel_desp {
display: none;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner .tel .telno {
font-size: 3.4rem;
font-weight: bold;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/header-icon-fd.png) no-repeat left;
padding-left: 3.5rem;
margin-bottom: 0.5rem;
letter-spacing: 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .tel .telno {
display: block;
font-size: 1.6rem;
line-height: 1em;
margin: 0.2rem 0 0;
padding-left: 1.8rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/zeroyen/header-icon-fd.png) no-repeat left 0.3rem;
background-size: 1.5rem;
}
.iot_wrap .lp-avoide_emptys header.lp .inner .tel .telno a {
font-size: 1.8rem;
line-height: 2rem;
padding-left: 0;
pointer-events: inherit;
}
}
.iot_wrap .lp-avoide_emptys header.lp .inner .time {
font-size: 1rem;
color: #6e7273;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .inner .time {
display: none;
}
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area {
margin: 0.5rem 0 0 3rem;
float: left;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .btn-area {
margin-left: 0;
margin-top: 0;
display: flex;
float: none;
}
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document {
display: inline-block;
margin-right: 1rem;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document a {
display: inline-block;
color: #fff;
font-size: 1.6rem;
background: #ff6347;
padding: 1.5rem 3rem 1.2rem 4.5rem;
position: relative;
-moz-border-radius: 2.5rem;
-webkit-border-radius: 2.5rem;
-o-border-radius: 2.5rem;
-ms-border-radius: 2.5rem;
border-radius: 2.5rem;
-moz-box-shadow: 0px 2.7px 0px #cc4f39;
-webkit-box-shadow: 0px 2.7px 0px #cc4f39;
-o-box-shadow: 0px 2.7px 0px #cc4f39;
-ms-box-shadow: 0px 2.7px 0px #cc4f39;
box-shadow: 0px 2.7px 0px #cc4f39;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document a:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-document.png) no-repeat left;
width: 2rem;
height: 2.4rem;
display: inline-block;
position: absolute;
left: 1.5rem;
top: 1rem;
background-size: contain;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate {
display: inline-block;
margin-right: 1rem;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate a {
display: inline-block;
color: #fff;
font-size: 1.6rem;
background: #f9910a;
padding: 1.5rem 3rem 1.21rem 4.5rem;
position: relative;
-moz-border-radius: 2.5rem;
-webkit-border-radius: 2.5rem;
-o-border-radius: 2.5rem;
-ms-border-radius: 2.5rem;
border-radius: 2.5rem;
-moz-box-shadow: 0px 2.7px 0px #c77408;
-webkit-box-shadow: 0px 2.7px 0px #c77408;
-o-box-shadow: 0px 2.7px 0px #c77408;
-ms-box-shadow: 0px 2.7px 0px #c77408;
box-shadow: 0px 2.7px 0px #c77408;
box-shadow: 0px 2.7px 0px #c77408;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate a:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-estimate.png) no-repeat left;
width: 2rem;
height: 2.4rem;
display: inline-block;
position: absolute;
left: 1.5rem;
top: 1rem;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry {
display: inline-block;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry a {
display: inline-block;
color: #fff;
font-size: 1.6rem;
background: #36b4c7;
padding: 1.5rem 3rem 1.21rem 4.5rem;
position: relative;
-moz-border-radius: 2.5rem;
-webkit-border-radius: 2.5rem;
-o-border-radius: 2.5rem;
-ms-border-radius: 2.5rem;
border-radius: 2.5rem;
-moz-box-shadow: 0px 2.7px 0px #2b909f;
-webkit-box-shadow: 0px 2.7px 0px #2b909f;
-o-box-shadow: 0px 2.7px 0px #2b909f;
-ms-box-shadow: 0px 2.7px 0px #2b909f;
box-shadow: 0px 2.7px 0px #2b909f;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry a:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-mail.png) no-repeat left;
width: 2rem;
height: 2.4rem;
display: inline-block;
position: absolute;
left: 1.5rem;
top: 1rem;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel {
display: inline-block;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel a {
display: inline-block;
color: #fff;
font-size: 1.6rem;
background: #36b4c7;
padding: 1.5rem 3rem 1.21rem 4.5rem;
position: relative;
-moz-border-radius: 2.5rem;
-webkit-border-radius: 2.5rem;
-o-border-radius: 2.5rem;
-ms-border-radius: 2.5rem;
border-radius: 2.5rem;
-moz-box-shadow: 0px 2.7px 0px #2b909f;
-webkit-box-shadow: 0px 2.7px 0px #2b909f;
-o-box-shadow: 0px 2.7px 0px #2b909f;
-ms-box-shadow: 0px 2.7px 0px #2b909f;
box-shadow: 0px 2.7px 0px #2b909f;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel a:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/zeroyen/sp/tel-ic.png) no-repeat left;
background-size: 100%;
width: 2.3rem;
height: 2.5rem;
display: inline-block;
position: absolute;
left: 1.5rem;
top: 1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel {
width: 78px;
margin: 0;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document a,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate a,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry a,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel a {
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
padding: 3.5rem 0 0.6rem;
line-height: 1em;
color: #fff;
font-size: 0.9rem;
display: block;
text-align: center;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document a:before,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate a:before,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry a:before,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel a:before {
top: 0.5rem;
left: 38%;
display: block;
}
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-document a:after,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-estimate a:after,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-inquiry a:after,
.iot_wrap .lp-avoide_emptys header.lp .btn-area .btn-tel a:after {
display: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv {
padding: 7.5rem 0 7rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/mainv.png) no-repeat center center;
background-size: cover;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv {
margin-top: 0;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/mainv.png) no-repeat center center;
background-size: cover;
text-align: center;
padding: 3rem 0 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title {
padding-top: 0rem;
font-weight: bold;
}
@media screen and (max-width: 1000px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title {
font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title {
font-size: 18px;
padding: 4rem 0 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title .is_emphasis {
font-size: 7rem;
line-height: 94px;
display: inline-block;
color: #0097c6;
background: -webkit-linear-gradient(0deg, #00b7ca, #008ac5);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1000px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title .is_emphasis {
font-size: 32px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title .is_emphasis {
font-size: 33px;
line-height: 48px;
font-weight: bold;
text-align: center;
float: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title .is_emphasis__of {
font-size: 60px;
font-weight: bold;
color: #0097c6;
}
@media screen and (max-width: 1000px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title .is_emphasis__of {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__title .is_emphasis__of {
font-size: 21px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__lead {
background: -webkit-linear-gradient(0deg, #00b7ca, #008ac5);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 26px;
font-weight: bold;
margin-top: 20px;
color: #0097c6;
}
@media screen and (max-width: 1000px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__lead {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__lead {
font-size: 14px;
line-height: 24px;
margin-top: 3px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv .mainv-plan-txt {
margin-top: 20px;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv .mainv-page_catch {
width: 90%;
}
.iot_wrap .lp-avoide_emptys main.lp .mainv .mainv-plan-txt {
width: 90%;
margin-top: 20px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .mainv .icon {
margin: 4rem 0 0;
}
.iot_wrap .lp-avoide_emptys main.lp .mainv .icon .margin-r {
margin-right: 1.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .mainv .icon {
width: 92%;
margin: 2rem auto 0;
}
.iot_wrap .lp-avoide_emptys main.lp .mainv .icon img {
margin-right: 0;
width: 45%;
height: auto;
}
.iot_wrap .lp-avoide_emptys main.lp .mainv .icon .margin-r {
margin-right: 0.5rem;
margin-left: 0.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-media {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/bg.png);
text-align: center;
padding-bottom: 7rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media {
padding-bottom: 3rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__title {
padding: 8rem 0 18px;
line-height: 1.8em;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media__title {
font-size: 2.5rem;
line-height: 38px;
padding: 4rem 0 2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__text {
color: #333;
line-height: 2.2em;
font-size: 20px;
font-weight: bold;
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__text span {
font-size: 26px;
color: #009e92;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media__text {
font-size: 16px;
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__text span {
font-size: 18px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__image {
background-color: #f2f4f5;
display: inline-block;
margin: 3.5rem auto 4rem;
padding: 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media__image {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media__image {
padding: 1rem;
margin: 2rem auto;
width: calc(100% - 30px);
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__image img {
width: 640px;
height: auto;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media__image img {
max-width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__image__desp {
margin-top: 7px;
text-align: left;
font-size: 12px;
line-height: 18px;
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__image__desp .m-source {
line-height: 36px;
font-size: 24px;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-media__image__desp .m-source {
line-height: 24px;
font-size: 16px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-question {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/bg.png);
padding: 0 0 12rem;
text-align: center;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-question {
padding: 0 0 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-question h2 {
font-size: 5.5rem;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-question h2 {
font-size: 2.5rem;
line-height: 3.5rem;
margin-bottom: 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-question__text {
color: #6e7273;
line-height: 2.2em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-question__text {
width: calc(100% - 30px);
margin: 0px auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-question #faq {
margin: 6rem auto 1rem;
background: #fff;
padding: 3rem;
text-align: left;
width: 100%;
max-width: 100rem;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-question #faq {
margin: 3rem auto 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-question #faq .accordion {
padding: 1.5rem 1rem;
font-size: 1.7rem;
color: #36b4c7;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-question #faq .accordion .span {
padding-right: 15px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/bg.png);
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .point h2 {
padding: 8rem 0 0;
line-height: 1.8em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point h2 {
font-size: 1.8rem;
line-height: 3.5rem;
padding: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point p {
margin: 3rem 0 4rem;
color: #6e7273;
line-height: 2.2em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point p {
margin: 2rem auto 4rem;
font-size: 1.4rem;
line-height: 2rem;
width: 92%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point p span {
color: #36b4c7;
font-size: 5.5rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point p span {
font-size: 2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .inner {
width: 100%;
max-width: 100%;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .inner {
margin: 0 auto;
padding: 3rem 0 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point {
width: 100rem;
margin: 0 auto 8rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point {
width: 92%;
margin: 0 auto 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point h3 {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…Igd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #28c5be), color-stop(50%, #27b2c5), color-stop(100%, #0a92ce));
background: -moz-linear-gradient(left, #28c5be, #27b2c5, #0a92ce);
background: -webkit-linear-gradient(left, #28c5be, #27b2c5, #0a92ce);
background: linear-gradient(to right, #28c5be, #27b2c5, #0a92ce);
-moz-border-radius: 4rem;
-webkit-border-radius: 4rem;
border-radius: 4rem;
color: #fff;
font-size: 3rem;
font-weight: bold;
padding: 2rem 0;
margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point h3 {
color: #fff;
padding: 1rem;
border-radius: 6rem;
margin-bottom: 2rem;
line-height: 25px;
font-size: 1.8rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point span {
color: #eaff00;
font-size: 4rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point span {
font-size: 3rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point .small {
font-size: 3rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point .small {
font-size: 2.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul {
padding-bottom: 4rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li {
float: left;
background: #fff;
-moz-box-shadow: 0 0 1rem #ccc;
-webkit-box-shadow: 0 0 1rem #ccc;
-o-box-shadow: 0 0 1rem #ccc;
-ms-box-shadow: 0 0 1rem #ccc;
box-shadow: 0 0 1rem #ccc;
margin-left: 0.5rem;
margin-right: 1.5rem;
width: 32%;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li {
float: none;
margin-left: 0;
margin-right: 0;
margin-bottom: 2rem;
width: 100%;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:last-child {
margin-bottom: 0;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .img img {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt {
padding: 0 2rem 3rem;
position: relative;
z-index: 100;
box-sizing: border-box;
width: 100%;
margin: -2.5rem auto 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt {
padding: 0 2rem 1rem;
box-sizing: border-box;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt h4 {
color: #28c5be;
font-size: 2.4rem;
margin-bottom: 0;
line-height: 1.4em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt h4 {
font-size: 2rem;
margin-bottom: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt h4 span.point {
background: #28c5be;
-moz-border-radius: 2rem;
-webkit-border-radius: 2rem;
-o-border-radius: 2rem;
-ms-border-radius: 2rem;
border-radius: 2rem;
display: block;
color: #fff;
font-size: 1.8rem;
border: 0.2rem solid #fff;
width: 60%;
margin: 0.5rem auto 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt h4 span.point {
margin: 0 auto 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt h4 span.small {
font-size: 1.6rem;
display: block;
color: #28c5be;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt h4 span.small {
font-size: 1.4rem;
line-height: 1.8rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt p {
margin: 2rem 0 0;
font-size: 1.3rem;
line-height: 1.8em;
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .txt p {
margin: 1rem 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .more {
background: #f2f4f5;
color: #333738;
font-size: 2rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .more a {
font-weight: bold;
display: block;
padding: 2rem 0;
position: relative;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .more a:after {
content: "";
position: absolute;
top: 2.5rem;
right: 6rem;
width: 1rem;
height: 1rem;
border-left: 2px solid #333738;
border-bottom: 2px solid #333738;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(2) {
margin-left: 0;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(2) .txt h4 {
color: #27b2c5;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(2) .txt h4 span.point {
background: #27b2c5;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(2) .txt h4 span.small {
color: #27b2c5;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(3) {
margin-left: 0;
margin-right: 0.5rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(3) .txt h4 {
color: #2899c5;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(3) .txt h4 span.point {
background: #2899c5;
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(3) .txt h4 span.small {
color: #2899c5;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/point1-bg.png) no-repeat;
background-size: cover;
padding: 10rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 {
padding: 0 0 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner {
width: 100%;
max-width: 100rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner {
width: 92%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .point-no {
-moz-border-radius: 2rem;
-webkit-border-radius: 2rem;
-o-border-radius: 2rem;
-ms-border-radius: 2rem;
border-radius: 2rem;
background: #fff;
font-size: 1.8rem;
color: #28c5be;
display: block;
margin: 0 auto 1rem;
width: 15%;
padding: 1rem 0;
line-height: 1em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .point-no {
width: 80%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl {
text-align: left;
width: 85%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .img {
float: left;
margin-left: 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .img {
float: none;
text-align: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt {
float: right;
width: 78%;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt {
float: none;
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt h3 {
font-size: 4.3rem;
color: #fff;
line-height: 1.8em;
text-align: left;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt h3 {
font-size: 2rem;
text-align: center;
font-weight: bold;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt h3 span {
color: #eaff00;
font-size: 5.5rem;
display: inline-block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt h3 span {
font-size: 2.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail {
margin: 5rem 0 6rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail {
margin: 0 0 3rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .txt {
float: left;
color: #fff;
font-size: 1.6rem;
width: 35%;
line-height: 2.2em;
text-align: left;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .txt {
float: none;
width: 100%;
font-size: 1.4rem;
line-height: 2rem;
text-align: center;
margin: 1rem 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .ranking-img {
float: right;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .ranking-img {
float: none;
margin-top: 1rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .ranking-img img {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li {
margin-right: 2.4rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li img {
display: block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li {
padding: 10px;
margin-right: 0;
width: 50%;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li img {
display: block;
width: 100%;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li:nth-child(2n) {
margin-right: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li:last-child {
margin-right: 0;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/point2-bg.png) no-repeat;
background-size: cover;
padding: 10rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 {
background: rgba(39, 178, 197, 0.6);
padding: 0 0 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner {
max-width: 100rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner {
width: 92%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .point-no {
-moz-border-radius: 2rem;
-webkit-border-radius: 2rem;
-o-border-radius: 2rem;
-ms-border-radius: 2rem;
border-radius: 2rem;
background: #fff;
font-size: 1.8rem;
color: #27b2c5;
display: block;
margin: 0 auto 1rem;
width: 15%;
padding: 1rem 0;
line-height: 1em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .point-no {
width: 80%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl {
width: 85%;
text-align: left;
margin: 0px auto;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .img {
float: left;
margin-left: 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .img {
float: none;
text-align: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt {
width: 72%;
float: right;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt {
float: none;
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt h3 {
font-size: 4.3rem;
color: #fff;
line-height: 1.8em;
text-align: left;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt h3 {
font-size: 2rem;
text-align: center;
font-weight: bold;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt h3 span {
color: #eaff00;
font-size: 5.5rem;
display: inline-block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt h3 span {
font-size: 2.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner p {
color: #fff;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li {
background: #fff;
padding-bottom: 3rem;
margin-bottom: 2rem;
margin-right: 0;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li h4 {
background: #ecf2f3;
color: #333738;
font-size: 2rem;
padding: 1rem 0 1rem 3.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li h4 {
padding: 1rem 0;
text-align: center;
font-size: 1.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .img {
float: left;
margin-left: 7rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .img {
margin-left: 0px;
float: none;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .img img {
max-width: 90%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .txt {
float: right;
width: 45%;
text-align: left;
margin-right: 7rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .txt {
float: none;
width: 100%;
text-align: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .txt h5 {
font-size: 2.4rem;
color: #36b4c7;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .txt h5 {
font-size: 1.8rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .txt p {
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.3rem;
color: #6e7273;
margin: 2rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li .txt p {
margin: 2rem auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:first-child {
float: none;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2), .iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) {
width: 49%;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2), .iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2) h4, .iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) h4 {
padding: 1rem 0;
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2) .img, .iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) .img {
float: none;
margin: 0;
height: 18rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2) .img img, .iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) .img img {
margin: 0 auto;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2) .txt, .iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) .txt {
float: none;
margin: 2rem auto;
width: 80%;
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(2) {
float: left;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul li:nth-child(3) {
float: right;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .caution {
text-align: left;
margin: 0;
font-size: 1.1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .caution {
text-align: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/point3-bg.png) no-repeat;
background-size: cover;
padding: 10rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 {
background: rgba(40, 153, 197, 0.6);
padding: 0 0 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner {
max-width: 100rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner {
width: 92%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .point-no {
-moz-border-radius: 2rem;
-webkit-border-radius: 2rem;
-o-border-radius: 2rem;
-ms-border-radius: 2rem;
border-radius: 2rem;
background: #fff;
font-size: 1.8rem;
color: #2899c5;
display: block;
margin: 0 auto 1rem;
width: 15%;
padding: 1rem 0;
line-height: 1em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .point-no {
width: 80%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl {
width: 85%;
text-align: left;
margin: 0px auto;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .img {
float: left;
margin-left: 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .img {
float: none;
text-align: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt {
width: 75%;
float: right;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt {
float: none;
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt h3 {
font-size: 4.3rem;
color: #fff;
line-height: 1.8em;
text-align: left;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt h3 {
font-size: 2rem;
text-align: center;
font-weight: bold;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt h3 span {
color: #eaff00;
font-size: 5.5rem;
display: inline-block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt h3 span {
font-size: 2.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner p {
color: #fff;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li {
width: 49%;
height: 50rem;
background: #fff;
padding-bottom: 3rem;
margin-bottom: 2rem;
margin-right: 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li {
height: 52rem;
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li h4 {
padding: 1rem 0;
text-align: center;
background: #ecf2f3;
color: #333738;
font-size: 2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li h4 {
font-size: 1.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li .img {
height: 18rem;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li .img img {
margin: 0 auto;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li .txt {
margin: 2rem auto;
width: 80%;
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li .txt h5 {
font-size: 2.4rem;
color: #36b4c7;
font-weight: bold;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li .txt p {
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.3rem;
color: #6e7273;
margin: 2rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li .txt p {
margin: 2rem auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li:nth-child(1) {
float: left;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li:nth-child(1) {
float: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li:nth-child(2) {
float: right;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li:nth-child(2) {
float: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/bg.png);
text-align: center;
padding: 0 0 6rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price {
padding: 3rem 0 4rem;
}
.iot_wrap .lp-avoide_emptys main.lp .price .inner {
width: 92%;
margin: 0 auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price h2 {
padding: 8rem 0 0;
line-height: 1.8em;
margin-bottom: 3rem;
font-size: 5.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price h2 {
font-size: 2.5rem;
line-height: 3.5rem;
margin-bottom: 1rem;
}
.iot_wrap .lp-avoide_emptys main.lp .price h2 span {
font-size: 3rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price p {
color: #6e7273;
line-height: 2.2em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price p {
font-size: 1.4rem;
line-height: 2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price ul {
background: #f2f4f5;
margin: 4rem 0 1rem;
padding: 1.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price ul {
margin: 2rem 0 1rem;
padding: 1rem 0.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price ul::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .price ul li {
position: relative;
float: left;
margin: 0;
width: 33.33%;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price ul li {
width: 33%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price ul li img {
-moz-box-shadow: 0 0 10px -2px #999;
-webkit-box-shadow: 0 0 10px -2px #999;
-o-box-shadow: 0 0 10px -2px #999;
-ms-box-shadow: 0 0 10px -2px #999;
box-shadow: 0 0 10px -2px #999;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price ul li img {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .price .caution {
text-align: left;
margin: 0;
line-height: 1.8em;
font-size: 1.1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .price .caution {
margin: 0.5rem 0 0;
line-height: 1.2em;
font-size: 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/form-document-bg.png) no-repeat;
background-size: cover;
padding: 3rem 0;
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner {
background: #fff;
padding: 3rem;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner {
padding: 3rem 1.5rem 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner h2 {
font-size: 3rem;
text-align: center;
margin-bottom: 2rem;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner h2 {
font-size: 2.5rem;
line-height: 3.5rem;
padding: 0 0 3rem;
margin-bottom: 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner h2 span {
color: #36b4c7;
font-size: 4rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner h2 span {
font-size: 2.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area {
padding: 3rem 0 105px;
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel {
float: left;
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel p {
font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel p {
font-size: 1.4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel .telno {
font-size: 4.7rem;
font-weight: bold;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-fd.png) no-repeat left;
padding-left: 6rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel .telno {
font-size: 3rem;
line-height: 42px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel .time {
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .lp-avoide_emptys .form .inner .contact-area .tel .time {
font-size: 1.2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/form-document-bg.png) no-repeat;
width: 100%;
background-size: cover;
position: relative;
text-align: center;
padding: 3rem 0 1rem;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form input,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form select {
font-size: 16px;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .ajax-loader {
display: none;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__title {
font-weight: bold;
letter-spacing: 0.1rem;
color: #fff;
font-size: 2rem;
width: 90%;
margin: 0px auto;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__title .emphasis {
color: #eaff00;
font-size: 2.6rem;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap {
background: rgba(255, 255, 255, 0.4);
width: 90%;
max-width: 991px;
margin: 2rem auto;
padding: 30px 30px 5px;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap {
padding: 30px 0px 5px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap .wpcf7-not-valid-tip {
margin-top: 5px;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap .wpcf7-not-valid-tip {
margin-top: 10px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap .wpcf7-validation-errors {
margin: 0 auto 10px;
width: 90%;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap .row {
margin-bottom: 5px;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group {
text-align: left;
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group {
padding-left: 15px;
padding-right: 15px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group:nth-of-type(2) {
padding-left: 15px;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__label {
color: #fefefe;
text-align: left;
font-size: 16px;
padding-left: 0px;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__label {
padding-left: 15px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input {
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input {
padding-left: 15px;
padding-right: 15px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio {
padding-left: 0px;
text-align: left;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio {
padding-left: 15px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio .wpcf7-list-item {
margin: 0px 5% 0px 0px;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio .wpcf7-list-item {
margin: 2% 10px 0px 0px;
display: inline-block;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio .wpcf7-list-item .wpcf7-list-item-label {
margin-left: 5px;
color: #4b5f5e;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio .wpcf7-list-item .wpcf7-list-item-label {
font-size: 12px;
width: 120px;
display: inline-block;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .submit_btn,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .submitsBtn {
font-weight: bold;
color: #fff;
border: 0;
font-size: 16px;
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
-moz-box-shadow: 0px 5px 0px #cc4f39;
-webkit-box-shadow: 0px 5px 0px #cc4f39;
box-shadow: 0px 5px 0px #cc4f39;
background-color: #ff6347;
width: 80%;
max-width: 280px;
padding: 2rem 0rem;
margin: 0px auto;
line-height: 1;
}
.iot_wrap .lp-avoide_emptys main.lp .case {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/bg.png);
text-align: center;
padding: 10rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case {
padding: 3rem 0 2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case h2 {
font-size: 5.5rem;
margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case h2 {
font-size: 2.5rem;
line-height: 3.5rem;
margin-bottom: 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case h2 span {
font-size: 5.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case h2 span {
font-size: 3rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case p {
color: #6e7273;
line-height: 2.2em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case p {
font-size: 1.4rem;
line-height: 2rem;
width: 92%;
margin: 0 auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul {
background: #f2f4f5;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 3rem 3rem 1.5rem;
width: 90%;
max-width: 100rem;
margin: 6rem auto 0;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul {
padding: 1.5rem;
flex-direction: column;
width: 92%;
margin: 2rem auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li {
background: #fff;
-moz-box-shadow: 0 0 1rem #ccc;
-webkit-box-shadow: 0 0 1rem #ccc;
-o-box-shadow: 0 0 1rem #ccc;
-ms-box-shadow: 0 0 1rem #ccc;
box-shadow: 0 0 1rem #ccc;
margin: 0.5rem 2rem 1.5rem 0.5rem;
text-align: left;
position: relative;
width: 47.2%;
}
@media screen and (max-width: 991px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li {
float: none;
margin: 0.5rem 0rem 1.5rem 0;
text-align: left;
position: relative;
width: 100%;
margin-top: 4rem;
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li:first-child {
margin-top: 2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .inner {
width: 100%;
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .inner::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .icon {
position: absolute;
background: #ff3f80;
width: 6rem;
height: 6rem;
-moz-border-radius: 3rem;
-webkit-border-radius: 3rem;
-o-border-radius: 3rem;
-ms-border-radius: 3rem;
border-radius: 3rem;
color: #fff;
font-size: 1.5rem;
text-align: center;
line-height: 4em;
top: -2rem;
left: -2rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li .icon {
top: -8%;
left: -4%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .img {
float: left;
width: 50%;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li .img {
float: none;
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .img img {
display: block;
width: 100%;
height: auto;
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .txt {
float: right;
padding: 2rem;
width: 50%;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li .txt {
float: none;
width: 100%;
padding: 1rem;
box-sizing: border-box;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .txt h3 {
color: #36b4c7;
font-size: 1.8rem;
margin-bottom: 1rem;
line-height: 1.7em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li .txt h3 {
line-height: 2rem;
font-size: 1.7rem;
margin-bottom: 1rem;
text-align: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li .txt p {
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li .txt p {
font-size: 1.2rem;
margin-bottom: 0;
text-align: center;
line-height: 1.8rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .case ul li:nth-child(2n) {
margin-right: 0.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .case ul li:nth-child(2n) {
margin-right: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/bg.png);
padding: 0 0 12rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow {
padding: 0 0 4rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow h2 {
font-size: 5.5rem;
margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow h2 {
font-size: 2.5rem;
line-height: 3.5rem;
margin-bottom: 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow h2 span {
font-size: 5.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow h2 span {
font-size: 3rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow p {
color: #6e7273;
line-height: 2.2em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow p {
font-size: 1.4rem;
line-height: 2rem;
width: 92%;
margin: 0 auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content {
margin: 6rem auto 1rem;
background: #f2f4f5;
padding: 3rem;
width: 100%;
max-width: 100rem;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content {
margin: 3rem auto 1rem;
padding: 1.5rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl {
width: 94rem;
margin: 0 auto 3rem;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl {
width: 100%;
margin: 1rem auto 1rem;
display: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li {
color: #fff;
font-size: 1.8rem;
width: 25%;
float: left;
position: relative;
margin-right: 3rem;
padding: 1rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li {
font-size: 1.3rem;
width: 25%;
margin-right: 2rem;
padding: 0.5rem 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:after {
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-top: 1.5em solid transparent;
border-bottom: 1.5em solid transparent;
border-left: 1em solid #ddd;
right: -1em;
z-index: 2;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:first-child {
background: #28c5be;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:first-child:after {
border-left: 1em solid #28c5be;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(2) {
width: 43%;
background: #27b2c5;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(2) {
width: 38%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(2):before {
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-width: 1.5em 0 1.5em 1em;
border-style: solid;
border-color: #27b2c5 #27b2c5 #27b2c5 #f2f4f5;
left: -1em;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(2):after {
border-left: 1em solid #27b2c5;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(3) {
background: #2899c5;
margin-right: 0;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(3):before {
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-width: 1.5em 0 1.5em 1em;
border-style: solid;
border-color: #2899c5 #2899c5 #2899c5 #f2f4f5;
left: -1em;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-ttl li:nth-child(3):after {
display: none;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail {
width: 94rem;
margin: 0 auto;
padding: 0.5rem 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail::after {
content: "";
display: block;
clear: both;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li {
-moz-box-shadow: 0 0 1rem #ccc;
-webkit-box-shadow: 0 0 1rem #ccc;
-o-box-shadow: 0 0 1rem #ccc;
-ms-box-shadow: 0 0 1rem #ccc;
box-shadow: 0 0 1rem #ccc;
background: #fff;
width: 22rem;
height: 50rem;
padding: 4rem 2rem 3rem;
margin: 0 1rem 0 0.5rem;
float: left;
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li {
width: 100%;
height: auto;
padding: 3rem 1.5rem 1.5rem;
margin: 0 0 2.5rem;
float: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:after {
content: "";
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px #333738;
border-right: solid 2px #333738;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: -1rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:after {
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
top: 102%;
right: 49%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt {
margin: 5rem 0 0;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt {
margin: 2rem 0 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .is_notice {
font-size: 10px;
color: #f00;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .is_notice {
font-size: 12px;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt h3 {
font-size: 1.7rem;
line-height: 1em;
margin-bottom: 2rem;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt h3 {
font-size: 1.6rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt p {
font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 1.3rem;
color: #6e7273;
line-height: 1.7em;
text-align: left;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt p {
font-size: 1.4rem;
line-height: 2.2rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact {
display: inline-block;
margin: 2rem 0;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact a {
display: inline-block;
color: #fff;
font-size: 1.6rem;
background: #f9910a;
padding: 1rem 3rem 1rem 5rem;
position: relative;
-moz-border-radius: 2.5rem;
-webkit-border-radius: 2.5rem;
-o-border-radius: 2.5rem;
-ms-border-radius: 2.5rem;
border-radius: 2.5rem;
-moz-box-shadow: 0px 3px 0px #c77408;
-webkit-box-shadow: 0px 3px 0px #c77408;
-o-box-shadow: 0px 3px 0px #c77408;
-ms-box-shadow: 0px 3px 0px #c77408;
box-shadow: 0px 3px 0px #c77408;
line-height: 1em;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact a {
padding: 1.5rem 7rem 1.5rem 8rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact a:hover {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none t;
transform: translate3d(0, 5px, 0);
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact a:before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/ic-estimate.png) no-repeat left;
width: 2rem;
height: 2.4rem;
display: inline-block;
position: absolute;
left: 1.5rem;
top: 0.5rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact a:before {
left: 18%;
top: 1rem;
}
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li .txt .btn-contact a:after {
right: 1.5rem;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:first-child .txt h3 {
color: #28c5be;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:nth-child(2) .txt h3 {
color: #27bac4;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:nth-child(3) .txt h3 {
color: #27b2c5;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:nth-child(4):after {
display: none;
}
.iot_wrap .lp-avoide_emptys main.lp .flow .flow-content .flow-detail li:nth-child(4) .txt h3 {
color: #2899c5;
}
.iot_wrap .lp-avoide_emptys main.lp .flow p.caution {
text-align: left;
margin: 0 auto;
font-size: 1.1rem;
width: 100rem;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp h3 {
border-left: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp a:focus {
text-decoration: none;
}
.iot_wrap .lp-avoide_emptys main.lp .brpc {
display: block;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .brpc {
display: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .brsp {
display: none;
}
@media screen and (max-width: 767px) {
.iot_wrap .lp-avoide_emptys main.lp .brsp {
display: block;
}
}
.iot_wrap .m-embed_form {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/lp/kushitsu/form-document-bg.png) no-repeat;
width: 100%;
background-size: cover;
position: relative;
text-align: center;
padding: 3rem 0 1rem;
}
.iot_wrap .m-embed_form input,
.iot_wrap .m-embed_form select {
font-size: 16px;
}
.iot_wrap .m-embed_form .ajax-loader {
display: none;
}
.iot_wrap .m-embed_form__title {
font-weight: bold;
letter-spacing: 0.1rem;
color: #fff;
font-size: 2rem;
width: 90%;
margin: 0px auto;
}
.iot_wrap .m-embed_form__title .emphasis {
color: #eaff00;
font-size: 2.6rem;
}
.iot_wrap .m-embed_form__wrap {
background: rgba(255, 255, 255, 0.4);
width: 90%;
max-width: 991px;
margin: 2rem auto;
padding: 30px 30px 5px;
position: relative;
}
@media screen and (max-width: 767px) {
.iot_wrap .m-embed_form__wrap {
padding: 30px 0px 5px;
}
}
.iot_wrap .m-embed_form__wrap .wpcf7-not-valid-tip {
margin-top: 5px;
}
@media screen and (max-width: 767px) {
.iot_wrap .m-embed_form__wrap .wpcf7-not-valid-tip {
margin-top: 10px;
}
}
.iot_wrap .m-embed_form__wrap .wpcf7-validation-errors {
margin: 0 auto 10px;
width: 90%;
}
.iot_wrap .m-embed_form__wrap .row {
margin-bottom: 5px;
}
.iot_wrap .m-embed_form__group {
text-align: left;
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 991px) {
.iot_wrap .m-embed_form__group {
padding-left: 15px;
padding-right: 15px;
}
}
.iot_wrap .m-embed_form__group:nth-of-type(2) {
padding-left: 15px;
}
.iot_wrap .m-embed_form__label {
color: #fefefe;
text-align: left;
font-size: 16px;
padding-left: 0px;
}
@media screen and (max-width: 991px) {
.iot_wrap .m-embed_form__label {
padding-left: 15px;
}
}
.iot_wrap .m-embed_form__input {
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 991px) {
.iot_wrap .m-embed_form__input {
padding-left: 15px;
padding-right: 15px;
}
}
.iot_wrap .m-embed_form .is_radio {
padding-left: 0px;
text-align: left;
}
@media screen and (max-width: 991px) {
.iot_wrap .m-embed_form .is_radio {
padding-left: 15px;
}
}
.iot_wrap .m-embed_form .is_radio .wpcf7-list-item {
margin: 0px 5% 0px 0px;
}
@media screen and (max-width: 767px) {
.iot_wrap .m-embed_form .is_radio .wpcf7-list-item {
margin: 2% 10px 0px 0px;
display: inline-block;
}
}
.iot_wrap .m-embed_form .is_radio .wpcf7-list-item .wpcf7-list-item-label {
margin-left: 5px;
color: #4b5f5e;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.iot_wrap .m-embed_form .is_radio .wpcf7-list-item .wpcf7-list-item-label {
font-size: 12px;
width: 120px;
display: inline-block;
}
}
.iot_wrap .m-embed_form .is_submit .submitsBtn {
font-weight: bold;
color: #fff;
border: 0;
font-size: 2.4rem;
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
-moz-box-shadow: 0px 5px 0px #cc4f39;
-webkit-box-shadow: 0px 5px 0px #cc4f39;
box-shadow: 0px 5px 0px #cc4f39;
background-color: #ff6347;
width: 80%;
max-width: 280px;
padding: 2rem 0rem;
margin: 0px auto;
}
.iot_wrap .lp-avoide_emptys header.lp .inner .logo a img {
width: 100%;
}
.iot_wrap .lp-avoide_emptys header.lp .avoide-vacancies-sp {
margin: 0 !important;
}
.iot_wrap .lp-avoide_emptys header.lp .avoide-vacancies-sp .logo img {
max-width: 140px;
}
.iot_wrap .lp-avoide_emptys main.lp .mainv__desp__lead {
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .m-media__text {
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .point p {
text-align: center;
}
@media screen and (max-width: 1140px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point {
width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point {
padding-right: 12px;
padding-left: 12px;
}
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li {
width: 90%;
float: none;
margin: 20px auto;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li {
width: 100%;
}
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(2), .iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li:nth-child(3) {
margin-left: auto;
margin-right: auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point .three-point ul li .img img {
width: 100%;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl {
display: flex;
width: 100%;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl {
display: block;
flex-direction: column;
align-items: center;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .img,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .img,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .img {
margin: 0 2rem 0 0;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .img,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .img,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .img {
margin: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .img img,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .img img,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .img img {
height: auto;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt {
width: auto;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt h3,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt h3,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt h3 {
line-height: 3em;
text-align: center;
}
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .ttl .txt h3 span,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner .ttl .txt h3 span,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner .ttl .txt h3 span {
display: block;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul {
padding-right: 12px;
padding-left: 12px;
}
@media screen and (max-width: 768px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul,
.iot_wrap .lp-avoide_emptys main.lp .point #point2 .inner ul,
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul {
padding-left: 0;
padding-right: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li {
width: 25%;
margin: 0;
}
@media screen and (max-width: 800px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li {
width: 50%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner ul li img {
width: 90%;
max-width: 248px;
margin: 0 auto 24px;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail {
display: flex;
flex-direction: column;
}
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .txt {
width: 80%;
float: none;
margin: 0 auto 24px;
}
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .ranking-img {
width: 80%;
margin: auto;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point1 .inner .detail .ranking-img img {
width: 100%;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul {
display: flex;
}
@media screen and (max-width: 768px) {
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul {
flex-direction: column;
}
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li {
height: auto;
}
.iot_wrap .lp-avoide_emptys main.lp .point #point3 .inner ul li:nth-child(1) {
margin-right: 20px;
}
.iot_wrap .lp-avoide_emptys main.lp .case p {
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .flow p {
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .flow-content {
overflow-x: auto;
}
.iot_wrap .lp-avoide_emptys main.lp .m-question__text {
text-align: center;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .js-btnConfirm,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit #confirm_btn,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .form-btn_back,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit #return_btn {
font-weight: bold;
color: #fff;
border: 0;
font-size: 16px;
border-radius: 5rem;
width: 80%;
max-width: 280px;
padding: 2rem 0rem;
margin: 0px auto;
line-height: 1;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .js-btnConfirm,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit #confirm_btn {
box-shadow: 0px 5px 0px #f7e6c6;
background-color: #faaa16;
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .form-btn_back,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit #return_btn {
box-shadow: 0px 5px 0px #e2e2e2;
background-color: #c3c3c3;
margin-left: 12px;
}
@media screen and (max-width: 800px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit .form-btn_back,
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_submit #return_btn {
margin-top: 16px;
margin-left: 0;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap .row {
margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__wrap .row {
flex-direction: column;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__label {
font-weight: bold;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__label {
margin-bottom: 8px;
max-width: 20%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__label {
align-self: flex-start;
max-width: none;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input {
font-size: 13px;
}
@media screen and (max-width: 800px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input {
align-self: start;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input .wpcf7-form-control {
position: relative;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input .wpcf7-form-control {
width: auto;
flex-wrap: wrap;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__input .wpcf7-form-control {
width: 100%;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio {
display: flex;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form .is_radio {
flex-direction: column;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group {
display: flex;
align-items: center;
}
@media screen and (max-width: 960px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group {
max-width: none;
margin-bottom: 20px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group {
flex-direction: column;
}
}
.iot_wrap .lp-avoide_emptys main.lp .m-embed_form__group:nth-of-type(2) {
margin-bottom: 0;
}
.iot_wrap .m-dlock_detail {
width: 100%;
margin-bottom: 30px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.iot_wrap .m-dlock_detail {
margin-bottom: 30px;
flex-direction: column;
}
}
.iot_wrap .m-dlock_detail__item {
width: 50%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 768px) {
.iot_wrap .m-dlock_detail__item {
width: 100%;
}
}
.iot_wrap .m-dlock_detail__item .m-detail_img {
width: 50%;
height: 260px;
}
.iot_wrap .m-dlock_detail__item .m-detail_img img {
object-fit: cover;
width: 100%;
height: 100%;
font-family: "object-fit:cover";
}
.iot_wrap .m-dlock_detail__item .m-detail_txt {
width: calc(50% - 30px);
padding: 30px 15px;
}
@media screen and (max-width: 768px) {
.iot_wrap .m-dlock_detail__item .m-detail_txt {
width: calc(50% - 20px);
padding: 10px 10px;
}
}
.iot_wrap #security .box2.autolock .lock {
padding: 0;
position: relative;
display: flex;
}
@media screen and (max-width: 768px) {
.iot_wrap #security .box2.autolock .lock {
flex-direction: column-reverse;
}
}
.iot_wrap #security .box2.autolock .lock .txt {
padding: 30px;
}
.iot_wrap #security .box2.autolock .lock .img {
width: 39%;
display: inline-block;
position: absolute;
top: -50px;
right: -2rem;
}
@media screen and (max-width: 768px) {
.iot_wrap #security .box2.autolock .lock .img {
position: static;
width: 100%;
display: inline-block;
}
}
.iot_wrap #security .box2.autolock .lock .img img {
width: 89%;
}
.iot_wrap #comfortable .box1.delivery_box .comfortable-list {
padding: 0;
position: relative;
display: flex;
}
@media screen and (max-width: 768px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list {
flex-direction: column-reverse;
}
}
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .txt {
padding: 30px;
}
@media screen and (max-width: 768px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .txt {
padding: 10px;
}
}
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .img {
position: absolute;
top: -14rem;
right: -3rem;
width: 25%;
display: inline-block;
}
@media screen and (max-width: 768px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .img {
position: absolute;
top: 8%;
right: -5%;
width: 34%;
display: inline-block;
}
}
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .img img {
width: 64%;
}
.iot_wrap #comfortable .box5.set_post .comfortable-list {
padding: 0;
position: relative;
display: flex;
}
@media screen and (max-width: 768px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list {
flex-direction: column-reverse;
}
}
.iot_wrap #comfortable .box5.set_post .comfortable-list .txt {
padding: 30px;
}
.iot_wrap #comfortable .box5.set_post .comfortable-list .img {
width: 39%;
display: inline-block;
position: absolute;
top: -50px;
right: 2rem;
}
@media screen and (max-width: 768px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list .img {
width: 100%;
position: static;
}
}
.iot_wrap #comfortable .box5.set_post .comfortable-list .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 768px) {
.iot_wrap #security .box1 .crime-list ul li img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #security .box2 .lock .img {
top: 0%;
}
}
.iot_wrap #security .box2.autolock .lock .txt {
width: 55%;
}
.iot_wrap .pankuzu {
position: relative;
}
@media screen and (max-width: 800px) {
.iot_wrap .pankuzu {
display: none;
}
}
.iot_wrap .pankuzu .p-yoast-breadcrumbs {
position: absolute;
top: 8px;
}
.iot_wrap .pankuzu .p-yoast-breadcrumbs span a,
.iot_wrap .pankuzu .p-yoast-breadcrumbs span span {
color: #fff;
}
.iot_wrap .works_detail .pankuzu {
position: relative;
}
@media screen and (max-width: 800px) {
.iot_wrap .works_detail .pankuzu {
display: none;
}
}
.iot_wrap .works_detail .pankuzu .p-yoast-breadcrumbs {
position: absolute;
top: 8px;
}
.iot_wrap .works_detail .pankuzu .p-yoast-breadcrumbs span a,
.iot_wrap .works_detail .pankuzu .p-yoast-breadcrumbs span span {
color: #000;
}
@media screen and (max-width: 800px) {
.iot_wrap .site-header-menu {
display: none;
}
}
.iot_wrap .iot-head {
background-color: #00a0e9;
}
@media screen and (max-width: 960px) {
.iot_wrap .iot-head {
margin-top: 64px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .iot-head {
position: relative;
width: 100%;
height: 0;
padding-top: 37.1859296482%;
}
}
@media screen and (max-width: 414px) {
.iot_wrap .iot-head {
background-size: contain;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .iot-head__title {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
}
@media screen and (max-width: 800px) {
.iot_wrap .iot-head .pagetitle {
text-align: center;
color: #fff;
font-size: 5rem;
line-height: 4rem;
padding: 4.5rem 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .inner {
width: 100%;
margin-top: 40px !important;
}
}
.iot_wrap .m-single_wrap {
margin-top: 65px;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap {
margin-top: 40px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap h2::before {
content: "";
position: absolute;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2267%22%20height%3D%227%22%20viewBox%3D%220%200%2067%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2235%22%20height%3D%227%22%20rx%3D%223.5%22%20fill%3D%22%2300A0E9%22%2F%3E%3Ccircle%20cx%3D%2247.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23FAAA16%22%2F%3E%3Ccircle%20cx%3D%2263.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23004386%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
width: 6.7rem;
height: 0.7rem;
display: block;
top: 0;
left: 0;
right: 0;
}
}
.iot_wrap .m-single_wrap .m-main_desp {
font-size: 16px;
margin-bottom: 40px;
color: #6e7173;
line-height: 2em;
}
.iot_wrap .m-single_wrap .m-visual {
width: 100%;
max-width: 910px;
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.iot_wrap .m-single_wrap .m-visual .m-v_main {
width: 100%;
max-width: 445px;
height: 350px;
margin-right: 20px;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-visual .m-v_main {
margin-right: auto;
margin-left: auto;
}
}
.iot_wrap .m-single_wrap .m-visual .m-v_main:hover img {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.iot_wrap .m-single_wrap .m-visual .m-v_main img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit:cover";
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-v_sub {
display: none;
}
}
.iot_wrap .m-single_wrap .m-v_sub__item {
width: calc(100% - 10px);
max-width: 213px;
height: 164px;
}
.iot_wrap .m-single_wrap .m-v_sub__item:hover img {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.iot_wrap .m-single_wrap .m-v_sub__item:nth-of-type(1), .iot_wrap .m-single_wrap .m-v_sub__item:nth-of-type(2) {
margin-bottom: 19px;
}
.iot_wrap .m-single_wrap .m-v_sub__item:nth-of-type(1), .iot_wrap .m-single_wrap .m-v_sub__item:nth-of-type(3) {
margin-right: 19px;
}
.iot_wrap .m-single_wrap .m-v_sub__item img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit:cover";
}
.iot_wrap .m-single_wrap .m-seq_title {
font-size: 24px;
font-weight: bold;
padding-left: 16px;
border-left: 4px solid #00a0e9;
line-height: 1em;
margin-top: 50px;
margin-bottom: 25px;
}
.iot_wrap .m-single_wrap .m-content {
border: 1px solid #ddd;
background-color: #f9f9f9;
margin-bottom: 40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-content {
margin-bottom: 25px;
flex-direction: column-reverse;
border: none;
background-color: transparent;
}
}
.iot_wrap .m-single_wrap .m-content__desp {
width: 50%;
margin-right: 10px;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-content__desp {
width: 100%;
margin-right: 0px;
}
}
.iot_wrap .m-single_wrap .m-content__desp__title {
font-size: 16px;
width: 380px;
margin-left: 40px;
color: #6e7173;
margin-top: 40px;
margin-bottom: 24px;
font-weight: bold;
font-size: 16px;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-content__desp__title {
margin-bottom: 10px;
margin-left: 10px;
margin-left: 0px;
width: 100%;
font-weight: bold;
font-size: 16px;
}
}
.iot_wrap .m-single_wrap .m-content__desp__text {
font-size: 14px;
width: 380px;
margin-left: 40px;
color: #6e7173;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-content__desp__text {
margin-bottom: 10px;
margin-left: 0px;
width: 100%;
font-weight: normal;
font-size: 14px;
}
}
.iot_wrap .m-single_wrap .m-content__img {
max-width: 445px;
height: 350px;
width: 100%;
}
@media screen and (max-width: 800px) {
.iot_wrap .m-single_wrap .m-content__img {
margin: 0 auto;
}
}
.iot_wrap .m-single_wrap .m-content__img:hover img {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.iot_wrap .m-single_wrap .m-content__img img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit:cover";
}
@media screen and (max-width: 800px) {
.iot_wrap #page-content {
float: none;
width: 100%;
padding: 0 12px;
}
}
@media screen and (max-width: 960px) {
.iot_wrap #page-works-detail {
margin-top: 160px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap h2 {
padding-top: 0 !important;
line-height: 1.7 !important;
font-size: 2.4rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap h2:first-child {
font-size: 2.4rem;
position: relative;
line-height: 3.5rem;
padding: 4rem 0 1.8rem;
text-align: center;
}
}
@media screen and (max-width: 800px) {
.iot_wrap h2:before {
content: "";
display: block;
width: 48px;
height: 5px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAKCAMAAAB8Kas2AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAYFBMVEUAoOn////6qhYAQ4YAoOkAoOkAoOkAoOn6qhb6qhb6qhb6qhYAQ4YAQ4YAQ4YAQ4YAoOn6qhYAQ4YAoOn6qhYAQ4YAoOkAoOn6qhb6qhYAQ4YAQ4YAoOn6qhYAQ4YAAAA2ykgHAAAAHHRSTlMAAAAATb7zTE2+80xNvvNMhISE8vLyTvRO9E70Mn/EEQAAAAFiS0dEHwUNEL0AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfhBxYLIx0HZEKNAAAApUlEQVQoz7XTzQ6DIBBG0a8FFJDx31or+v6PqbFSg7qQNN6VYTEnYQQAF5G9WCRiAI9fzzmptFbJ/LEdszlDaUoZY0B+dfq3fAcUw1KxA8pxqWSIw+Zbyz0gGdakB2TjmoEIBYQHKAcoDyAHEKpQoPKA2gG1BzQOaMKB6BzQ50B6/xXx/5Ysz5dstiXf/psCL9Fend4Kfnhob9V1Sh4e2of6ngxjExGARevpjEfNAAAAAElFTkSuQmCC) no-repeat 0 0;
-webkit-background-size: 48px auto;
margin: 0 auto 2.2rem;
position: relative;
}
}
@media screen and (max-width: 800px) {
.iot_wrap h3 {
font-size: 1.6rem !important;
}
}
@media screen and (max-width: 800px) {
.l-side {
display: none;
}
}
.iot_wrap .site-info .site-title {
font-size: 13px;
margin-right: 14px;
}
.iot_wrap #header,
.iot_wrap #header-form {
padding: 8px 0;
box-shadow: none;
}
@media screen and (max-width: 960px) {
.iot_wrap #header,
.iot_wrap #header-form {
display: none;
}
}
.iot_wrap #header .site-info,
.iot_wrap #header-form .site-info {
display: flex;
}
.iot_wrap #header .site-info .logo,
.iot_wrap #header-form .site-info .logo {
width: 100%;
max-width: 224px;
height: auto;
align-self: center;
}
.iot_wrap #header .site-info .header-3icon img,
.iot_wrap #header-form .site-info .header-3icon img {
width: 380px;
}
.iot_wrap #header .site-info .tel,
.iot_wrap #header-form .site-info .tel {
margin-left: auto;
}
.iot_wrap #header .site-info .tel .tel-no,
.iot_wrap #header-form .site-info .tel .tel-no {
background-position-y: center;
}
.iot_wrap #header .site-info .time,
.iot_wrap #header-form .site-info .time {
padding-top: 12px;
}
.iot_wrap #gnav {
padding: 0;
}
@media screen and (max-width: 960px) {
.iot_wrap #gnav {
display: none;
}
}
.iot_wrap #gnav #site-navigation ul {
display: flex;
}
.iot_wrap #gnav #site-navigation ul li a {
display: flex;
align-items: center;
font-size: 1.2rem;
height: 60px;
margin: 0;
padding-right: 24px;
}
.iot_wrap #gnav #site-navigation .btn-area {
margin-left: auto;
}
.iot_wrap #gnav #site-navigation .btn-area li {
position: relative;
}
.iot_wrap #gnav #site-navigation .btn-area li::before {
content: "";
width: 20px;
height: 30px;
position: absolute;
top: 18px;
left: 16px;
}
.iot_wrap #gnav #site-navigation .btn-area li:hover {
opacity: 0.6;
transition: ease-in-out 0.3s;
}
.iot_wrap #gnav #site-navigation .btn-area li a {
color: #fff;
padding: 0 16px;
padding-left: 40px;
}
.iot_wrap #gnav #site-navigation .btn-area li a:hover {
text-decoration: none;
}
.iot_wrap #gnav #site-navigation .btn-area .btn-document {
background-color: #f73e3e;
}
.iot_wrap #gnav #site-navigation .btn-area .btn-document::before {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-ic-document-hover.png) no-repeat;
background-size: 16px;
}
.iot_wrap #gnav #site-navigation .btn-area .btn-estimate {
background-color: #d9057d;
}
.iot_wrap #gnav #site-navigation .btn-area .btn-estimate::before {
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/header-ic-estimate-hover.png) no-repeat;
background-size: 16px;
}
.iot_wrap #sp-header {
display: none;
background: rgba(255, 255, 255, 0.6);
position: fixed;
background: #fff;
z-index: 99999;
width: 100%;
padding: 0;
}
@media screen and (max-width: 960px) {
.iot_wrap #sp-header {
display: block;
}
}
.iot_wrap #sp-header .flex {
display: flex;
}
.iot_wrap #sp-header .logo {
float: left;
margin-left: 32px;
width: 45%;
max-width: 292px;
align-self: center;
}
.iot_wrap #sp-header .logo .site-title a {
display: block;
}
.iot_wrap #sp-header .logo .site-title a img {
width: 100%;
height: auto;
}
.iot_wrap #sp-header .btn-area {
margin-left: auto;
}
.iot_wrap #sp-header .btn-area a {
color: #00a0e9;
font-size: 1rem;
display: block;
width: 6.5rem;
height: 6.5rem;
padding: 4rem 0 0.8rem;
line-height: 1;
}
.iot_wrap #sp-header .btn-area li {
position: relative;
text-align: center;
border-left: 0.1rem solid #ddd;
}
.iot_wrap #sp-header .btn-area .btn-tel:before {
position: absolute;
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-tel.png) no-repeat 0 0;
background-size: 16px;
width: 16px;
height: 2.5rem;
display: block;
margin: 0 auto 0.5rem;
top: 1.1rem;
left: 2.4rem;
}
.iot_wrap #sp-header .btn-area .btn-estimate:before {
position: absolute;
content: "";
background-image: "../img/iot-mansion/common/header-ic-estimate.png";
display: block;
margin: 0 auto 0.5rem;
top: 1.2rem;
left: 2.4rem;
}
.iot_wrap #sp-header .drawer .drawer-hamburger {
position: relative;
background-color: #00a0e9;
width: 2.5rem;
height: 1.8rem;
padding: 1.6rem 2rem 3.1rem;
}
.iot_wrap #sp-header .drawer .drawer-hamburger::after {
position: absolute;
content: "メニュー";
top: 4.1rem;
left: 0;
right: 0;
width: 6.5rem;
margin: 0 auto;
font-size: 1rem;
color: #fff;
}
.iot_wrap #sp-header .drawer .drawer-hamburger-icon {
background: #fff;
height: 0.3rem;
margin-top: 0rem;
}
.iot_wrap #sp-header .drawer .drawer-hamburger-icon::before, .iot_wrap #sp-header .drawer .drawer-hamburger-icon::after {
background: #fff;
height: 0.3rem;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-hamburger-icon {
background: none;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-hamburger-icon::before, .iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-hamburger-icon::after {
top: 0;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-nav {
top: 6.4rem;
border-top: solid 0.2rem #00a0e9;
z-index: 99999em;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-nav ul li {
color: #00a0e9;
border-bottom: 0.1rem solid #ddd;
font-weight: bold;
position: relative;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-nav ul li a {
display: block;
font-size: 1.3rem;
padding: 0 2rem 0 3rem;
line-height: 3.5rem;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-nav ul li a::before {
content: "";
position: absolute;
background-color: #00a0e9;
top: 1.5rem;
left: 1.5rem;
border-radius: 5rem;
width: 0.6rem;
height: 0.6rem;
}
.iot_wrap #sp-header .drawer.drawer--top.drawer-open .drawer-nav ul li a::after {
content: "";
width: 0.6rem;
height: 0.6rem;
border: 0;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 1.3rem;
right: 4%;
}
.iot_wrap #sp-header .drawer .drawer-overlay {
top: 6.5rem;
}
.iot_wrap #sp-header .drawer .drawer-nav .drawer-toggle {
position: relative;
width: 100%;
height: 4.5rem;
border: 0;
padding: 0;
}
.iot_wrap #sp-header .drawer .drawer-nav .drawer-toggle .close {
background: #ddd;
height: 4.5rem;
width: 100%;
line-height: 4.5rem;
font-size: 1.5rem;
text-align: center;
}
.iot_wrap #sp-header .drawer .drawer-nav .drawer-toggle .close::before, .iot_wrap #sp-header .drawer .drawer-nav .drawer-toggle .close::after {
position: absolute;
content: "";
top: 50%;
left: 50%;
right: 50%;
margin: 0 auto;
margin-left: -5rem;
margin-top: -0.2rem;
width: 1.4rem;
height: 0.2rem;
background: #333638;
}
.iot_wrap #sp-header .drawer .drawer-nav .drawer-toggle .close::before {
transform: rotate(45deg);
}
.iot_wrap #sp-header .drawer .drawer-nav .drawer-toggle .close::after {
transform: rotate(-45deg);
}
.iot_wrap #footer {
padding-right: 0;
padding-left: 0;
}
@media screen and (max-width: 800px) {
.iot_wrap #footer .footer-contact {
display: none;
}
}
.iot_wrap #footer-sp {
display: none;
margin-top: 4rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #footer-sp {
display: block;
}
}
.iot_wrap #footer-sp .footer-contact {
margin-bottom: 3rem;
text-align: center;
}
.iot_wrap #footer-sp .footer-contact .ttl {
background-color: #f3f3f3;
color: #484848;
font-weight: bold;
font-size: 1.6rem;
text-align: center;
padding: 4px;
margin-bottom: 2.5rem;
}
.iot_wrap #footer-sp .footer-contact .inner {
width: 92%;
margin: 0 auto;
}
.iot_wrap #footer-sp .footer-contact .inner .tel {
border: 0.2rem solid #ddd;
border-bottom: 0.4rem solid #ddd;
padding-top: 1.3rem;
text-align: center;
}
.iot_wrap #footer-sp .footer-contact .inner .tel .free {
text-align: center;
}
.iot_wrap #footer-sp .footer-contact .inner .tel .free span {
background-color: #00a0e9;
color: #fff;
padding: 0.3rem 0.2rem 0.2rem;
-moz-border-radius: 2rem;
-webkit-border-radius: 2rem;
border-radius: 2rem;
width: 7rem;
margin-right: 0.7rem;
display: inline-block;
font-size: 1.1rem;
margin-bottom: 0;
text-align: center;
}
.iot_wrap #footer-sp .footer-contact .inner .tel-wrap {
padding: 0.5rem 0.5rem 1.3rem;
}
.iot_wrap #footer-sp .footer-contact .inner .tel-wrap .tel-no {
display: inline-block;
font-size: 3.5rem;
padding-left: 4.2rem;
line-height: 4rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/common/ic-fd.png) no-repeat;
background-size: 35px auto;
background-position: 0 0.9rem;
}
.iot_wrap #footer-sp .footer-contact .inner .tel-wrap .time {
text-align: center;
}
.iot_wrap #footer-sp .footer-contact .btn-area p {
font-size: 1.3rem;
text-align: center;
margin-top: 20px;
}
.iot_wrap #footer-sp .footer-contact .btn-area .btn-document a {
position: relative;
color: #fff;
width: 100%;
display: inline-block;
font-size: 1.7rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-document.png) no-repeat left 5.5rem top 0.8rem;
background-size: 7%;
background-position: 21% 48%;
background-color: #ff4f19;
padding: 2.2rem 6rem 2rem 9rem;
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.6rem;
text-align: center;
height: 6rem;
}
.iot_wrap #footer-sp .footer-contact .btn-area .btn-document a:hover {
background-color: #faaa16;
}
.iot_wrap #footer-sp .footer-contact .btn-area .btn-estimate {
margin: 1.5rem auto 0.75rem;
}
.iot_wrap #footer-sp .footer-contact .btn-area .btn-estimate a {
width: 44%;
color: #d9057d;
font-weight: bold;
border: 0.2rem solid #d9057d;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/common/ic-estimate.png) no-repeat;
background-size: 11%;
background-position: 16% 50%;
-moz-border-radius: 5rem;
-webkit-border-radius: 5rem;
border-radius: 5rem;
font-size: 1.5rem;
padding: 2rem 1rem 2rem 2rem;
height: 6rem;
width: 100%;
display: inline-block;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.iot_wrap #footer-sp .footer-contact .btn-area .btn-estimate a:hover {
color: #fff;
background-image: url(//marutto.co.jp/wp-content/themes/marutto/app/img/common/ic-estimate-white.png);
background-color: #d9057d;
}
.iot_wrap #footer-sp .footer-contact .btn-area .btn-inquiry {
width: 44%;
}
.iot_wrap #footer-sp .footer-content {
width: 100%;
margin: 0 auto;
}
.iot_wrap #footer-sp .footer-content .ttl {
padding: 1rem 3rem;
text-align: center;
background-color: #00a0e9;
color: #fff;
font-weight: bold;
font-size: 1.6rem;
}
.iot_wrap #footer-sp .footer-content .site-info .site-title {
width: 60%;
margin: 3rem auto 2rem;
}
.iot_wrap #footer-sp .footer-content .site-info .site-title a {
display: block;
}
.iot_wrap #footer-sp .footer-content .site-info .site-title a img {
width: 100%;
}
.iot_wrap #footer-sp .footer-content .site-info .nav {
font-size: 0;
text-align: center;
margin-bottom: 3rem;
}
.iot_wrap #footer-sp .footer-content .site-info .nav a {
font-size: 1rem;
line-height: 1.5;
display: inline-block;
vertical-align: text-bottom;
}
.iot_wrap #footer-sp .footer-content .site-info .nav a:not(:first-child) {
padding-left: 1rem;
margin-left: 1rem;
border-left: 1px solid #000;
}
.iot_wrap .footer-content {
display: none;
}
@media screen and (max-width: 800px) {
.iot_wrap .footer-content {
display: block;
}
}
.iot_wrap .footer-content .ttl {
padding: 1rem 3rem;
text-align: center;
background-color: #00a0e9;
color: #fff;
font-weight: bold;
font-size: 1.6rem;
}
.iot_wrap .footer-content .footer-nav ul li {
color: #00a0e9;
border-bottom: 0.1rem solid #ddd;
font-weight: bold;
position: relative;
}
.iot_wrap .footer-content .footer-nav ul li a {
display: block;
font-size: 1.3rem;
padding: 0 2rem 0 3rem;
line-height: 3.5rem;
}
.iot_wrap .footer-content .footer-nav ul li a::before {
content: "";
position: absolute;
background-color: #00a0e9;
top: 1.5rem;
left: 1.5rem;
border-radius: 5rem;
width: 0.6rem;
height: 0.6rem;
}
.iot_wrap .footer-content .footer-nav ul li a::after {
content: "";
width: 0.6rem;
height: 0.6rem;
border: 0;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 1.3rem;
right: 4%;
}    #iot_top {
margin-top: 0;
position: relative;
}
#iot_top .pankuzu {
position: relative;
}
@media screen and (max-width: 800px) {
#iot_top .pankuzu {
display: none;
}
}
#iot_top .pankuzu .p-yoast-breadcrumbs {
position: absolute;
top: 12px;
}
#iot_top .pankuzu .p-yoast-breadcrumbs span a,
#iot_top .pankuzu .p-yoast-breadcrumbs span span {
color: #000;
}
.iot_wrap #top {      }
@media screen and (max-width: 800px) {
.iot_wrap #top .inner {
padding: 0 8px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top p {
font-size: 1.3rem;
text-align: center;
color: #6e7173;
line-height: 1.7em;
}
}
@media screen and (max-width: 960px) {
.iot_wrap #top .mainv {
margin-top: 64px;
overflow: inherit;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .mainv {
position: relative;
overflow: hidden;
display: block;
width: 100%;
background-color: #d4f0fb;
padding: 30px 0;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #top .mainv {
height: 340px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .mainv {
height: 480px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .mainv .inner {
width: 92%;
margin: 0 auto !important;
padding: 0;
}
}
@media screen and (max-width: 375px) {
.iot_wrap #top .mainv .inner .txt .ttl {
font-size: 18px;
line-height: 1.3;
}
}
@media screen and (max-width: 320px) {
.iot_wrap #top .mainv .inner .m-pictures .m-person__li:nth-of-type(1), .iot_wrap #top .mainv .inner .m-pictures .m-person__li:nth-of-type(2) {
width: 56px;
}
}
@media screen and (max-width: 320px) {
.iot_wrap #top .mainv .inner .m-pictures .m-person__li:nth-of-type(1), .iot_wrap #top .mainv .inner .m-pictures .m-person__li:nth-of-type(2) {
width: 36px;
height: 40px;
top: -90px;
}
}
@media screen and (max-width: 375px) {
.iot_wrap #top .mainv .inner .m-pictures .m-service__li a {
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .document {
padding: 1px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .problem {
padding-top: 4px;
}
}
@media screen and (max-width: 960px) {
.iot_wrap #top .problem .inner {
background: none;
text-align: center;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .problem .inner {
padding-bottom: 4rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .problem .inner .txt {
width: 100%;
margin: 0 0 4rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .problem .inner .txt h2 {
margin-bottom: 0;
}
}
@media screen and (max-width: 960px) {
.iot_wrap #top .problem .inner .txt h2::before {
margin: 0 auto 2.2rem;
position: relative;
}
}
@media screen and (max-width: 960px) {
.iot_wrap #top .problem .inner .txt p {
font-size: 1.3rem;
text-align: center;
line-height: 1.7;
}
}
@media screen and (max-width: 960px) {
.iot_wrap #top .problem .inner .btn {
text-align: center;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .problem .inner .btn a {
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point {
position: relative;
padding-bottom: 8rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .point {
margin: 4rem 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point .inner {
display: flex;
flex-direction: column-reverse;
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point .inner .img {
float: none;
width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .point .inner .img ul li .ttl {
font-size: 1.3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .point .inner .img ul li .no {
font-size: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .point .inner .img ul li img {
width: 80%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point .inner .txt {
float: none;
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point .inner .txt p {
font-size: 1.3rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point .inner .txt .btn {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .point .inner .txt .btn a {
display: block;
margin: auto;
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service {
padding: 4rem 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner p {
font-size: 1.3rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner .detail ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner .detail ul li {
height: auto;
width: 47%;
padding: 0;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .service .inner .detail ul li {
width: 100%;
margin-right: 0;
}
}
.iot_wrap #top .service .inner .detail ul li img {
display: initial;
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner .detail ul li img {
left: auto;
width: 50%;
max-width: 108px;
margin: 20px auto;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .service .inner .detail ul li img {
margin-top: 40px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #top .service .inner .detail ul li .txt h3 {
font-size: 1.4rem !important;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner .detail ul li .txt h3 span {
font-size: 1.3rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner .detail ul li .txt p {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .service .inner .btn a {
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .price {
padding: 4rem 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .case {
background-color: #f9f9f9 !important;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .case ul.bxslider li {
width: 240px !important;
}
}
@media screen and (max-width: 414px) {
.iot_wrap #top .case ul.bxslider li {
width: 200px !important;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #top .case ul.bxslider li .txt {
position: relative;
}
}
.iot_wrap #top .case ul.bxslider li .txt p {
font-size: 1rem;
text-align: left;
}
.iot_wrap #top .case .btn {
width: 100%;
}
.iot_wrap #top .case .btn a {
width: 100%;
} @media screen and (max-width: 540px) {
.iot_wrap #top .point,
.iot_wrap #top .service,
.iot_wrap #top .case {
padding: 4rem 0;
}
}
@media screen and (max-width: 320px) {
.iot_wrap #top h2 {
font-size: 2rem;
}
}
@media screen and (max-width: 320px) {
.iot_wrap #top .inner p {
font-size: 1.1rem !important;
}
}
.iot_wrap #top .btn {
width: 100%;
max-width: 450px;
margin: auto;
}
.iot_wrap #top .btn a {
width: 100%;
}
@media screen and (max-width: 800px) {
.iot_wrap #top .pc {
display: none !important;
}
}
.iot_wrap #top .sp {
display: none !important;
}
@media screen and (max-width: 800px) {
.iot_wrap #top .sp {
display: block !important;
}
}
.iot_wrap #flow {
font-size: 1.4rem;
line-height: 3.5rem;
margin-bottom: 15rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #flow h2 {
font-size: 3rem;
text-align: center;
line-height: 3.5rem;
color: #006DB7;
padding-bottom: 0;
margin-bottom: 30px;
}
.iot_wrap #flow h2::before {
position: static;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #flow h2 {
font-size: 2.4rem;
}
}
.iot_wrap #flow p {
color: #6e7173;
line-height: 28px;
}
@media screen and (max-width: 540px) {
.iot_wrap #flow p {
line-height: 2rem;
font-size: 1.2rem;
}
}
.iot_wrap #flow .title {
margin: 5rem 0 8rem;
font-size: 1.6rem;
line-height: 3.5rem;
color: #6e7173;
}
.iot_wrap #flow ul {
overflow: hidden;
width: 91rem;
margin-top: 8rem;
}
.iot_wrap #flow ul li {
width: 73rem;
float: right;
border-bottom: 1px solid #eee;
padding: 3.9rem 0;
}
.iot_wrap #flow ul li:first-child {
padding: 12.8rem 0;
position: relative;
}
.iot_wrap #flow ul li:first-child::after {
content: "";
position: absolute;
top: 34.7rem;
z-index: 8000;
left: 0;
height: 0;
border: 7.5rem solid transparent;
border-top: 3rem solid #eee;
}
.iot_wrap #flow ul li:nth-child(2n+1) {
text-align: center;
background: #eee;
width: 15rem;
float: left;
color: #004386;
font-size: 1.8rem;
}
.iot_wrap #flow ul li:nth-child(2n+1)::after {
border-top: 3rem solid #eafcfe;
}
.iot_wrap #flow ul li:nth-child(2n+1) span.customer {
background: #faaa16;
color: #fff;
font-size: 1.4rem;
margin: 0 auto;
text-align: center;
margin-bottom: 2rem;
width: 7.5rem;
display: block;
}
.iot_wrap #flow ul li:nth-child(2n+1) span.site {
background: #00a0e9;
color: #fff;
font-size: 1.4rem;
margin: 0 auto;
text-align: center;
margin-bottom: 2rem;
width: 7.5rem;
display: block;
}
.iot_wrap #flow ul li:last-child {
border-bottom: none;
}
.iot_wrap #flow ul li:nth-child(2) {
padding: 1rem 0 4rem;
}
.iot_wrap #flow ul li:nth-child(3), .iot_wrap #flow ul li:nth-child(5), .iot_wrap #flow ul li:nth-child(9) {
position: relative;
margin-top: 0.5rem !important;
padding: 5.5rem 0 1.5rem;
}
.iot_wrap #flow ul li:nth-child(3)::before, .iot_wrap #flow ul li:nth-child(5)::before, .iot_wrap #flow ul li:nth-child(9)::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 0;
border: 7.5rem solid transparent;
border-top: 3rem solid #fff;
}
.iot_wrap #flow ul li:nth-child(3)::after, .iot_wrap #flow ul li:nth-child(5)::after, .iot_wrap #flow ul li:nth-child(9)::after {
content: "";
position: absolute;
top: 16.1rem;
z-index: 100;
left: 0;
height: 0;
border: 7.5rem solid transparent;
border-top: 3rem solid #eee;
}
.iot_wrap #flow ul li:nth-child(7), .iot_wrap #flow ul li:nth-child(11) {
padding: 7rem 0 3rem;
position: relative;
margin-top: 0.5rem !important;
}
.iot_wrap #flow ul li:nth-child(7)::before, .iot_wrap #flow ul li:nth-child(11)::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 0;
border: 7.5rem solid transparent;
border-top: 3rem solid #fff;
}
.iot_wrap #flow ul li:nth-child(7)::after, .iot_wrap #flow ul li:nth-child(11)::after {
content: "";
position: absolute;
top: 19.1rem;
z-index: 100;
left: 0;
height: 0;
border: 7.5rem solid transparent;
border-top: 3rem solid #eee;
}
.iot_wrap #flow ul li:nth-child(13) {
padding: 8rem 0 5rem;
position: relative;
margin-top: 0.5rem !important;
}
.iot_wrap #flow ul li:nth-child(13)::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 0;
border: 7.5rem solid transparent;
border-top: 3rem solid #fff;
}
.iot_wrap #flow ul li h3 {
font-weight: 700;
font-size: 2.4rem;
margin-bottom: 2.5rem;
}
.iot_wrap #flow ul li .list-contact p.ttl {
color: #fff;
background: #00a0e9;
text-align: center;
padding: 1.5rem 0;
font-size: 1.8rem;
}
.iot_wrap #flow ul li .list-contact .inner {
width: 68.6rem;
border: 2px solid #00a0e9;
overflow: hidden;
padding: 3rem 2rem;
}
.iot_wrap #flow ul li .list-contact .inner .txt {
float: left;
font-size: 1.6rem;
}
.iot_wrap #flow ul li .list-contact .inner .txt .tel {
margin-bottom: 1rem;
color: #333;
}
.iot_wrap #flow ul li .list-contact .inner .txt .tel-no {
font-size: 3.7rem;
color: #333638;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-icon-fd.png) no-repeat bottom 0.4rem left;
padding-left: 4.5rem;
font-weight: 700;
display: inline-block;
}
.iot_wrap #flow ul li .list-contact .inner .txt .tel .time {
font-size: 1.2rem;
line-height: 1.6em;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area {
float: right;
width: 55%;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-document {
margin: 0 0 1.5rem;
display: block;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-document a {
color: #fff;
display: block;
border-radius: 5rem;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/footer-ic-document.png) no-repeat left 3.5rem top 1.3rem;
background-size: 6%;
background-position: 2.2rem 1.5rem;
background-color: #ff4f19;
font-size: 2.2rem;
width: 100%;
padding: 1rem 0 1rem 5rem;
box-sizing: border-box;
line-height: 1em;
overflow: hidden;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-document a:hover {
background-color: #faaa16;
opacity: 1;
color: #fff;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-document a .ttl {
display: inline-block;
width: 43%;
font-size: 1.6rem;
line-height: 1.8rem;
border-right: 0.2rem solid #fff;
vertical-align: text-top;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-document a .catch {
display: inline-block;
width: 50%;
vertical-align: text-bottom;
margin-left: 1rem;
font-size: 1.2rem;
line-height: 1.7rem;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-estimate {
display: inline-block;
margin-right: 1rem;
width: 18rem;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-estimate a {
color: #d9057d;
font-size: 1.6rem;
display: block;
font-weight: 700;
border: 0.2rem solid #d9057d;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-estimate.png) no-repeat left 3.5rem top 1.3rem;
background-position: 3.5rem 0.6rem;
padding: 0.5rem 3rem 0.5rem 6.5rem;
line-height: 3rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-estimate a::after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #d9057d;
border-right: solid 2px #d9057d;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 46%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-estimate a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-estimate-white.png) no-repeat;
background-position: 3.5rem 0.6rem;
padding: 0.5rem 3rem 0.5rem 6.5rem;
background-color: #d9057d;
opacity: 1;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-estimate a:hover::after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-inquiry {
display: inline-block;
width: 18rem;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-inquiry a {
color: #00a0e9;
font-size: 1.6rem;
display: block;
font-weight: 700;
border: 0.2rem solid #00a0e9;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-mail.png) no-repeat left 3rem top 1.7rem;
background-position: 2rem 1rem;
padding: 0.5rem 3rem 0.5rem 5rem;
line-height: 3rem;
box-sizing: border-box;
border-radius: 5rem;
position: relative;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-inquiry a::after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #00a0e9;
border-right: solid 2px #00a0e9;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 46%;
right: 2rem;
margin-top: -4px;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-inquiry a:hover {
color: #fff;
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/common/ic-mail-white.png) no-repeat left 3rem top 1.7rem;
background-position: 2rem 1rem;
padding: 0.5rem 3rem 0.5rem 5rem;
background-color: #00a0e9;
opacity: 1;
}
.iot_wrap #flow ul li .list-contact .inner .btn-area .btn-inquiry a:hover::after {
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
@media screen and (max-width: 540px) {
.iot_wrap #flow table {
width: 100%;
border: none;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #flow table th {
border: none;
display: block;
padding: 1rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #flow table td {
display: block;
border: none;
padding: 2rem 0;
}
}
@media screen and (max-width: 540px) and (max-width: 540px) {
.iot_wrap #flow table td h3 {
border: none;
font-size: 1.5rem;
line-height: 1.7rem;
padding: 0;
margin: 0 0 2rem;
}
}
@media screen and (max-width: 540px) and (max-width: 800px) {
.iot_wrap #flow table td h3 span {
font-size: 14px;
margin-left: 14px;
color: #6e7173;
line-height: 1.5;
font-weight: normal;
}
}
.iot_wrap #faq {
margin-bottom: 10rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #faq h2 {
font-size: 27px;
text-align: center;
}
.iot_wrap #faq h2::before {
margin: 0 auto 2.2rem;
}
}
.iot_wrap #faq p {
margin: 2.5rem 0 6rem;
font-size: 1.6rem;
line-height: 3.5rem;
color: #6e7173;
}
.iot_wrap #faq p ul li {
height: 100px;
border-bottom: 1px solid #c7deef;
border-top: 1px solid #fff;
overflow: hidden;
}
.iot_wrap #faq p ul li:first-child {
border-top: none;
}
.iot_wrap #faq p ul li a {
text-shadow: 1px 1px 1px #fff;
font-size: 20px;
display: block;
position: relative;
line-height: 100px;
outline: 0;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.iot_wrap #faq p ul li a span {
background: transparent url(https://marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/images/down.png) no-repeat center center;
text-indent: -9000px;
width: 26px;
height: 14px;
position: absolute;
top: 50%;
right: -26px;
margin-top: -7px;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.iot_wrap #faq p ul li a:hover {
color: #1693eb;
}
.iot_wrap #faq p ul li a:hover span {
opacity: 1;
right: 10px;
}
.iot_wrap #faq .st-accordion {
width: 100%;
min-width: 270px;
margin: 0 auto;
}
@media screen and (max-width: 800px) {
.iot_wrap #faq .faq-txt {
font-size: 1.2rem;
text-align: center;
line-height: 2rem;
margin: 2.5rem 0 4rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #faq .br-inline {
display: block;
}
}
.iot_wrap #faq h3 {
color: #0099e6;
padding: 1rem;
font-size: 1.5rem;
background: #f9f9f9;
cursor: pointer;
position: relative;
font-weight: 600;
letter-spacing: 0.1rem;
margin-bottom: 1rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #faq h3 {
font-size: 1.3rem;
margin-bottom: 0;
font-weight: 500;
}
}
.iot_wrap #faq h3 span {
display: block;
background: url(https://marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/faq/arrow-open.png) no-repeat right 50%;
margin-left: 2.5rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #faq h3 span {
padding-right: 2rem;
}
}
.iot_wrap #faq h3 span::before {
content: "Q.";
position: absolute;
display: block;
left: 10px;
}
.iot_wrap #faq h3.bg02 span {
background: url(https://marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/faq/arrow-close.png) no-repeat right 50%;
}
.iot_wrap #faq div {
padding: 1.5rem 4rem 4rem 1.5rem;
display: none;
position: relative;
}
.iot_wrap #faq div p {
margin: 0;
margin-left: 2rem;
font-size: 1.4rem;
line-height: 1.8em;
}
@media screen and (max-width: 800px) {
.iot_wrap #faq div p {
font-size: 1.2rem;
}
}
.iot_wrap #faq div p::before {
content: "A.";
position: absolute;
display: block;
left: 10px;
font-size: 1.8rem;
font-weight: 700;
}
.iot_wrap #faq div p.caution {
font-size: 1.1rem;
color: #999;
margin: 0;
}
.iot_wrap #faq div p.caution::before {
display: none;
}
.iot_wrap #faq div table {
border-top: #ddd solid 1px;
margin-top: 3rem;
}
.iot_wrap #faq div table tr th {
background: #f9f9f9;
border: 1px solid #ddd;
padding: 1rem 2rem;
font-size: 1.3rem;
width: 18rem;
}
.iot_wrap #faq div table tr td {
border: 1px solid #ddd;
padding: 1rem 2rem;
font-size: 1.3rem;
}
@media screen and (max-width: 800px) {
.iot_wrap .inner {
width: 92%;
margin: 0 auto;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .inner {
width: 100%;
}
}
.iot_wrap #charm {
font-size: 1.6rem;
line-height: 3.5rem;
margin-bottom: 10rem;
}
@media screen and (max-width: 540px) {
.iot_wrap #charm {
margin-bottom: 0;
}
}
.iot_wrap #charm h2 {
line-height: 6rem;
color: #484848;
}
@media screen and (max-width: 800px) {
.iot_wrap #charm h2 {
font-size: 2.4rem;
text-align: center;
line-height: 3.5rem;
color: #484848;
padding-bottom: 0;
}
.iot_wrap #charm h2::before {
position: static;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #charm h2 .br-inline {
display: block;
}
}
.iot_wrap #charm h3 {
font-size: 2.4rem;
font-weight: 700;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
}
.iot_wrap #charm .box1 {
border-bottom: 0;
}
@media screen and (max-width: 540px) {
.iot_wrap #charm .box1 {
background-color: #f9f9f9;
padding: 4rem 0;
}
}
.iot_wrap #charm .box1 p {
margin: 4rem 0 7rem;
color: #6e7173;
}
@media screen and (max-width: 800px) {
.iot_wrap #charm .box1 p {
text-align: center;
margin: 2.5rem auto 4rem;
width: 90%;
font-size: 1.4rem;
line-height: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #charm .box1 p {
text-align: center;
margin: 2.5rem auto 4rem;
width: 90%;
font-size: 1.2rem;
line-height: 2rem;
}
}
.iot_wrap #charm .box1 .txt .ttl {
color: #333638;
}
@media screen and (max-width: 800px) {
.iot_wrap #charm .box1 .img img {
width: 100%;
height: auto;
}
}
.iot_wrap #charm .box1 .big-txt {
text-align: center;
line-height: 1.4;
font-weight: 700;
font-size: 36px;
color: #0099e5;
}
@media screen and (max-width: 540px) {
.iot_wrap #charm .box1 .big-txt {
font-size: 20px;
}
}
.iot_wrap #charm .box1 .big-txt .orange {
font-size: 48px;
color: #faaa16;
border-bottom: 9px double #faaa16;
}
@media screen and (max-width: 800px) {
.iot_wrap #charm .box1 .big-txt .orange {
font-size: 44px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #charm .box1 .big-txt .orange {
font-size: 20px;
}
}
.iot_wrap #charm .box1 .big-txt .blue {
font-size: 48px;
color: #0099e5;
border-bottom: 9px double #faaa16;
}
@media screen and (max-width: 800px) {
.iot_wrap #charm .box1 .big-txt .blue {
font-size: 44px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #charm .box1 .big-txt .blue {
font-size: 20px;
}
}
.iot_wrap #charm .box2 {
padding-top: 8rem;
}
.iot_wrap #charm .box2 .cost-txt {
margin: 4rem 0 7rem;
}
.iot_wrap #charm .box2 .grafh .cost-img-sp {
display: none;
}
.iot_wrap #charm .box2 .grafh .img {
display: inline-block;
margin-bottom: 8rem;
}
.iot_wrap #charm .box2 .grafh .img img {
width: 100%;
}
.iot_wrap #charm .box2 .grafh .btn-orange a {
width: 40rem;
padding: 1rem 3rem 1rem 2rem;
}
.iot_wrap #charm .box2 .grafh .speech-balloon {
display: none;
}
.iot_wrap #charm .box2 .grafh .business-contents-sp {
display: none;
}
.iot_wrap #charm .box2 .grafh .business-contents .business-list {
display: inline-block;
width: 42rem;
margin-right: 6rem;
margin-bottom: 4rem;
vertical-align: top;
overflow: hidden;
}
.iot_wrap #charm .box2 .grafh .business-contents .business-list:nth-child(2n) {
margin-right: 0;
}
.iot_wrap #charm .box2 .grafh .business-contents .business-list:last-child {
margin-bottom: 0;
}
.iot_wrap #charm .box2 .grafh .business-contents .business-list img {
float: left;
}
.iot_wrap #charm .box2 .grafh .business-contents .business-list .txt {
float: right;
width: 70%;
line-height: 2.3rem;
}
.iot_wrap #charm .box2 .grafh .business-contents .business-list .txt p {
font-size: 1.3rem;
}
.iot_wrap #charm .box3 {
padding-top: 8rem;
}
.iot_wrap #charm .box3 .btn-orange {
margin: 4rem auto 0;
}
.iot_wrap #charm .btn-orange {
margin: 4rem auto 8rem;
text-align: center;
line-height: 1.6em;
}
.iot_wrap #charm .btn-orange a {
line-height: 1.6em;
}
.iot_wrap #charm .btn-orange a::after {
right: 3rem;
margin-top: -0.6rem;
}
.iot_wrap .campaign-list {
margin-top: 45px;
margin-bottom: 45px;
}
.iot_wrap .campaign-list::after {
content: "";
display: table;
clear: both;
}
.iot_wrap .campaign-list ul {
font-size: 0;
letter-spacing: 0;
}
.iot_wrap .campaign-list ul::after {
content: "";
display: table;
clear: both;
}
.iot_wrap .campaign-list ul li {
text-align: center;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
}
.iot_wrap .campaign-list ul li:first-child {
margin-left: 0 !important;
}
.iot_wrap .campaign-list ul li:first-child:nth-last-of-type(1), .iot_wrap .campaign-list ul li:first-child:nth-last-of-type(1) ~ li {
width: 100%;
margin-left: 0;
}
.iot_wrap .campaign-list ul li:first-child:nth-last-of-type(2), .iot_wrap .campaign-list ul li:first-child:nth-last-of-type(2) ~ li {
width: 49%;
margin-left: 2%;
}
.iot_wrap .campaign-list ul li:first-child:nth-last-of-type(3), .iot_wrap .campaign-list ul li:first-child:nth-last-of-type(3) ~ li {
width: 32%;
margin-left: 2%;
}
.iot_wrap .campaign-list ul li a {
display: block;
float: none;
}
.iot_wrap .campaign-list ul li .img img {
width: auto;
max-width: 100%;
}
.iot_wrap .campaign-list ul li .txt {
display: none;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost {
width: 100%;
margin: 0px auto;
}
}
.iot_wrap .low_cost br.brsp {
display: none;
}
@media screen and (max-width: 540px) {
.iot_wrap .low_cost br.brsp {
display: block;
}
}
.iot_wrap .low_cost h2 {
margin-bottom: 5rem;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost h2 {
font-size: 2.4rem;
text-align: center;
line-height: 3.5rem;
color: #484848;
padding-bottom: 0;
margin-bottom: 5rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost h2::before {
position: static;
}
}
.iot_wrap .low_cost h3 {
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
font-weight: 700;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost h3 {
font-size: 1.6rem;
font-weight: 700;
padding-left: 0.7rem;
border-left: 0.3rem solid #00a0e9;
line-height: 2.5rem;
margin-bottom: 3rem;
}
}
.iot_wrap .low_cost p {
margin: 4rem 0 8rem;
font-size: 16px;
color: #6e7173;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost p {
margin: 2.5rem 0 4rem;
font-size: 1.2rem;
line-height: 2rem;
color: #333638;
}
}
.iot_wrap .low_cost .img ul {
display: flex;
flex-wrap: wrap;
}
.iot_wrap .low_cost .img ul li {
width: 25%;
display: block;
margin-bottom: 4rem;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul li {
width: 50%;
}
}
.iot_wrap .low_cost .img ul li .img__body {
width: 100%;
max-width: 220px;
margin: 0 auto;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul li .img__body {
width: 90%;
}
}
.iot_wrap .low_cost .img ul li .no {
color: #00a0e9;
font-size: 3rem;
text-align: center;
margin: auto;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul li .no {
font-size: 2rem;
font-weight: 700;
line-height: 1.1em;
}
}
.iot_wrap .low_cost .img ul li .no span {
font-size: 1.5rem;
position: relative;
margin-right: 0.5rem;
display: inline-block;
vertical-align: text-top;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul li .no span {
font-size: 1rem;
margin-right: 0.5rem;
vertical-align: text-top;
}
}
.iot_wrap .low_cost .img ul li .no span::after {
content: "";
display: block;
background: #00a0e9;
width: 3rem;
height: 0.2rem;
position: absolute;
right: 0.3rem;
bottom: 0.2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul li .no span::after {
content: "";
display: block;
background: #00a0e9;
width: 2.2rem;
height: 0.2rem;
position: absolute;
right: 0.3rem;
bottom: -0.2rem;
}
}
.iot_wrap .low_cost .img ul li .ttl {
font-size: 1.5rem;
height: 60px;
color: #00a0e9;
margin: 1rem 0 1rem;
font-weight: 700;
text-align: center;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul li .ttl {
font-size: 1.4rem;
color: #00a0e9;
margin: 1.5rem 0 1rem;
font-weight: 700;
}
}
.iot_wrap .low_cost .img ul img {
display: block;
margin: 20px auto;
width: auto;
height: 100%;
max-height: 200px;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul img {
max-width: 200px;
width: 90%;
height: auto;
}
}
.iot_wrap .low_cost .img ul.img-mc {
margin-bottom: 50px;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul.img-mc {
justify-content: space-between;
}
}
.iot_wrap .low_cost .img ul.img-mc li {
width: calc(50% - 1rem);
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul.img-mc li {
width: 45% !important;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .low_cost .img ul.img-mc li {
width: 100% !important;
}
}
.iot_wrap .low_cost .img ul.img-mc li:first-child {
margin-right: 2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul.img-mc li:first-child {
margin-right: unset;
}
}
.iot_wrap .low_cost .img ul.img-mc li .img-mc__desp {
margin: 0 0 2rem;
font-size: 18px;
color: #333638;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul.img-mc li .img-mc__desp {
font-size: 1.2rem;
margin: 0rem 0 2rem;
line-height: 2rem;
color: #333638;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .low_cost .img ul.img-mc li .img-mc__desp {
font-size: 1.6rem;
}
}
.iot_wrap .low_cost .img ul.img-mc li img {
max-height: unset;
width: 100%;
height: auto;
}
@media screen and (max-width: 800px) {
.iot_wrap .low_cost .img ul.img-mc li img {
max-width: unset;
width: 90%;
}
}
.iot_wrap #price {
position: relative;
}
.iot_wrap #price .sim-bn {
margin-top: 30px;
}
.iot_wrap #price p {
color: #6e7173;
}
.iot_wrap #price h2 {
line-height: 6rem;
color: #484848;
}
@media screen and (max-width: 800px) {
.iot_wrap #price h2 {
font-size: 2.4rem;
text-align: center;
line-height: 3.5rem;
color: #484848;
padding-bottom: 0;
}
.iot_wrap #price h2::before {
position: static;
}
}
.iot_wrap #price .hyouji {
position: absolute;
bottom: -62%;
color: #aaa;
font-size: 1.1rem;
}
.iot_wrap #price h3 {
font-size: 2.4rem;
font-weight: 700;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 1em;
margin-bottom: 4rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #price h3 {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #price .title.sp {
display: block;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #price .title.pc {
display: none;
}
}
.iot_wrap #price .title {
margin: 2.5rem 0 6rem;
font-size: 1.6rem;
letter-spacing: 0.05rem;
line-height: 3.5rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #price .title {
font-size: 1.2rem;
line-height: 2rem;
text-align: center;
margin: 2.5rem 0 4rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list.sp {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list.pc {
display: block;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list.pc img {
width: 100%;
}
}
.iot_wrap #price .list {
border-bottom: none;
}
.iot_wrap #price .list ul {
padding: 3.5rem 4rem;
}
.iot_wrap #price .list ul li {
display: inline-block;
width: 32%;
margin-right: 1.2rem;
}
.iot_wrap #price .list ul li:last-child {
margin-right: 0;
}
.iot_wrap #price .list ul .box {
text-align: center;
margin: 2rem 0 0;
padding-bottom: 4rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list ul .box {
padding-bottom: 0;
}
}
.iot_wrap #price .list ul .box p {
color: #00a0e9;
font-size: 2rem;
line-height: 3.4rem;
font-weight: 700;
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list ul .box p:first-of-type {
font-size: 12px;
text-align: center;
line-height: 2rem;
margin: 15px 0 10px 0;
}
}
.iot_wrap #price .list ul .box .caution {
font-size: 1.1rem;
color: #aaa;
line-height: 2rem;
margin-top: 2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list ul .box .caution {
text-align: center;
color: #6e7173;
font-size: 1.2rem;
margin-top: 0;
}
}
.iot_wrap #price .list ul .new-plan {
margin-bottom: 55px;
}
.iot_wrap #price .list ul .new-plan h3 {
margin-bottom: 1.125rem;
border: none;
padding-left: 0;
text-align: center;
}
.iot_wrap #price .list ul .new-plan .img-box {
margin-bottom: 0.5rem;
margin-left: -22px;
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list ul .new-plan .img-box {
margin-left: -2.5vw;
}
}
.iot_wrap #price .list ul .new-plan .notes {
font-size: 11px;
color: #aaa;
line-height: 1.4;
}
@media screen and (max-width: 800px) {
.iot_wrap #price .list ul .new-plan .notes {
font-size: 10px;
line-height: 1.2;
}
}
.iot_wrap #security {
line-height: 3.5rem;
font-size: 1.6rem;
margin-bottom: 8rem;
}
.iot_wrap #security h2 {
line-height: 6rem;
color: #484848;
}
.iot_wrap #security h3 {
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
font-weight: 700;
}
.iot_wrap #security h4 {
font-weight: 700;
}
.iot_wrap #security p {
color: #6e7173;
}
.iot_wrap #security .title {
margin: 4rem 0 8rem;
}
.iot_wrap #security .txt .ttl {
color: #333638;
}
.iot_wrap #security .btn-orange {
margin: 4rem auto 8rem;
text-align: center;
line-height: 1.6em;
}
.iot_wrap #security .btn-orange a {
line-height: 1.6em;
}
.iot_wrap #security .btn-orange a::after {
right: 3rem;
margin-top: -0.6rem;
}
.iot_wrap #security .box1 {
padding-bottom: 8rem;
}
.iot_wrap #security .box1 .security-contents {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 4rem;
position: relative;
}
.iot_wrap #security .box1 .security-contents .txt {
width: 55%;
display: inline-block;
}
.iot_wrap #security .box1 .security-contents .txt .ttl {
font-weight: 700;
margin-bottom: 2rem;
}
.iot_wrap #security .box1 .security-contents .txt .img {
width: 37%;
display: inline-block;
position: absolute;
top: -3rem;
right: 2rem;
}
.iot_wrap #security .box1 .security-contents .txt .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #security .box1 .security-contents .img img {
height: 100%;
width: auto;
}
.iot_wrap #security .box1 .crime-list {
margin-bottom: 8rem;
}
.iot_wrap #security .box1 .crime-list h4 {
margin-bottom: 2.5rem;
font-weight: 700;
}
.iot_wrap #security .box1 .crime-list ul {
overflow: hidden;
width: 100%;
}
.iot_wrap #security .box1 .crime-list ul li {
display: inline-block;
margin-right: 1rem;
}
.iot_wrap #security .box1 .crime-list ul li:last-child {
margin-right: 0;
}
.iot_wrap #security .box1 .crime-list ul li p {
text-align: center;
font-size: 1.4rem;
}
.iot_wrap #security .box1 .crime-list ul li img {
width: 100%;
height: auto;
}
.iot_wrap #security .box1 .effio {
margin-bottom: 8rem;
overflow: hidden;
}
.iot_wrap #security .box1 .effio .txt {
float: left;
width: 50%;
}
.iot_wrap #security .box1 .effio .img {
float: right;
width: 48%;
}
.iot_wrap #security .box1 .effio .img img {
width: 100%;
}
.iot_wrap #security .box1 .infrared {
margin-bottom: 8rem;
}
.iot_wrap #security .box1 .infrared h4 {
margin-bottom: 3rem;
}
.iot_wrap #security .box1 .infrared p {
margin-bottom: 5rem;
}
.iot_wrap #security .box1 .use-list {
overflow: hidden;
display: inline-block;
margin-right: 3rem;
width: 48%;
}
.iot_wrap #security .box1 .use-list:last-child {
margin-right: 0;
}
.iot_wrap #security .box1 .use-list .img {
float: left;
margin-top: 0.7rem;
}
.iot_wrap #security .box1 .use-list .img img {
width: 100%;
}
.iot_wrap #security .box1 .use-list p {
float: right;
width: 70%;
font-size: 1.4rem;
line-height: 3rem;
}
.iot_wrap #security .box2.autolock {
padding-bottom: 8rem;
}
.iot_wrap #security .box2.autolock .lock {
position: relative;
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 6rem;
}
.iot_wrap #security .box2.autolock .lock .txt {
width: 68%;
display: inline-block;
}
.iot_wrap #security .box2.autolock .lock .txt .ttl {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 2rem;
font-size: 1.8rem;
font-weight: 700;
}
.iot_wrap #security .box2.autolock .lock .img {
width: 31%;
display: inline-block;
position: absolute;
top: 1rem;
right: 2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2.autolock .lock .img {
position: absolute;
width: 39%;
display: inline-block;
top: -50px;
right: -2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2.autolock .lock .img {
position: static;
width: 100%;
display: inline-block;
}
}
.iot_wrap #security .box2.autolock .lock .img img {
width: 100%;
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2.autolock .lock .img img {
width: 89%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2.autolock .lock .img img {
width: 100%;
}
}
.iot_wrap #security .box2.autolock .lock .img img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2.autolock .lock .txt {
width: 64%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2.autolock .lock .txt {
width: 100%;
}
}
.iot_wrap #security .box2.autolock .intrusion {
overflow: hidden;
}
.iot_wrap #security .box2.autolock .intrusion .img {
float: left;
width: 46%;
}
.iot_wrap #security .box2.autolock .intrusion .img img {
width: 100%;
}
.iot_wrap #security .box2.autolock .intrusion .txt {
float: right;
width: 50%;
}
.iot_wrap #security .box2.autolock .intrusion .txt span {
font-weight: 700;
}
.iot_wrap #security .box3 .interphone {
position: relative;
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 4rem;
}
.iot_wrap #security .box3 .interphone .txt {
width: 68%;
display: inline-block;
}
.iot_wrap #security .box3 .interphone .txt .ttl {
font-weight: 700;
margin-bottom: 2rem;
font-size: 1.8rem;
}
.iot_wrap #security .box3 .interphone .img {
width: 31%;
display: inline-block;
position: absolute;
top: 2rem;
right: 2rem;
}
.iot_wrap #security .box3 .interphone .img img {
width: 100%;
height: auto;
}
.iot_wrap #security .box3 .interphone .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #security .box3 .list ul {
overflow: hidden;
width: 100%;
}
.iot_wrap #security .box3 .list ul li {
display: inline-block;
margin-right: 1.2rem;
}
.iot_wrap #security .box3 .list ul li img {
width: 100%;
height: auto;
}
.iot_wrap #security .box3 .list ul li img:last-child {
margin-right: 0;
}
.iot_wrap #security .box3 .list ul li p {
font-size: 1.4rem;
line-height: 2rem;
text-align: center;
}
@media screen and (max-width: 800px) {
.iot_wrap #security .m-dlock_detail {
width: 100%;
flex-direction: unset;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .m-dlock_detail {
flex-direction: column;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .m-dlock_detail__item {
width: 50%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .m-dlock_detail__item {
margin-bottom: 15px;
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .m-dlock_detail__item .m-detail_txt {
width: 50%;
padding: 30px 15px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .m-dlock_detail__item .m-detail_txt {
font-size: 1.2rem;
line-height: 1.7rem;
letter-spacing: 0.05rem;
width: calc(62% - 20px);
padding: 20px 10px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box1.delivery_box {
padding-bottom: 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .txt {
padding: 30px;
width: 71%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .img {
top: -14rem;
right: -3rem;
width: 25%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .img {
top: 8%;
right: -5%;
width: 34%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box1.delivery_box .comfortable-list .img img {
width: 64%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list {
flex-direction: unset;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list {
flex-direction: column-reverse;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list .txt {
width: 60%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list .txt {
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list .txt .br-none {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list .img {
width: 39%;
position: absolute;
top: -50px;
right: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5.set_post .comfortable-list .img {
width: 100%;
position: static;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .inner {
width: 100%;
margin: 0 auto;
}
}
.iot_wrap #free-internet {
line-height: 3.5rem;
font-size: 1.6rem;
margin-bottom: 10rem;
}
.iot_wrap #free-internet #box1 {
width: 100%;
}
.iot_wrap #free-internet #box2,
.iot_wrap #free-internet #box3 {
display: none;
}
.iot_wrap #free-internet h2 {
line-height: 6rem;
color: #484848;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet h2 {
font-size: 2.4rem;
text-align: center;
line-height: 3.5rem;
color: #484848;
padding-bottom: 0;
}
.iot_wrap #free-internet h2::before {
position: static;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet h2 .br-inline {
display: block;
}
}
.iot_wrap #free-internet p {
color: #6e7173;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet p {
line-height: 2.5rem;
}
}
.iot_wrap #free-internet .title {
margin: 2.5rem 0 4rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .title {
font-size: 1.4rem;
line-height: 2rem;
text-align: center;
margin: 4rem 0 8rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .title {
font-size: 1.2rem;
line-height: 2rem;
text-align: center;
margin: 2.5rem 0 4rem;
}
}
.iot_wrap #free-internet h3 {
font-weight: 700;
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet h3 {
font-size: 1.6rem;
font-weight: bold;
line-height: 2.5rem;
margin-bottom: 3rem;
}
}
.iot_wrap #free-internet h4 {
font-weight: 700;
}
.iot_wrap #free-internet h5 {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.6rem;
margin-bottom: 3.5rem;
line-height: 3.5rem;
font-weight: 700;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet h5 {
font-size: 1.2rem;
margin-bottom: 1rem;
line-height: 2.2rem;
}
}
.iot_wrap #free-internet .box1 .title {
margin-top: 4rem;
}
.iot_wrap #free-internet .naturally {
overflow: hidden;
margin: 8rem 0;
}
.iot_wrap #free-internet .naturally .txt {
float: left;
width: 48%;
}
.iot_wrap #free-internet .naturally .img {
float: right;
width: 50%;
}
.iot_wrap #free-internet .free-property {
border-bottom: 3px solid #eee;
padding-bottom: 8rem;
margin-bottom: 8rem;
}
.iot_wrap #free-internet .free-property h3 {
margin-bottom: 2.5rem;
}
.iot_wrap #free-internet .free-property .data-01,
.iot_wrap #free-internet .free-property .data-02 {
margin-top: 6rem;
margin-bottom: 4rem;
border: 0.1rem solid #ddd;
background-color: #f9f9f9;
padding: 4rem 2rem;
}
.iot_wrap #free-internet .free-property .data-01 h4,
.iot_wrap #free-internet .free-property .data-02 h4 {
text-align: center;
font-size: 2.4rem;
margin-bottom: 3rem;
}
.iot_wrap #free-internet .free-property .data-01 h4 span,
.iot_wrap #free-internet .free-property .data-02 h4 span {
font-size: 1.1rem;
line-height: 1.5rem;
}
.iot_wrap #free-internet .free-property .data-01 .img,
.iot_wrap #free-internet .free-property .data-02 .img {
background-color: #fff;
padding: 3rem 5rem;
}
.iot_wrap #free-internet .free-property .data-01 p,
.iot_wrap #free-internet .free-property .data-02 p {
font-size: 1.1rem;
margin-top: 2.5rem;
}
.iot_wrap #free-internet .free-property .data-01 p {
text-align: center;
font-weight: 700;
line-height: 1.5rem;
color: #333638;
}
.iot_wrap #free-internet .free-property .data-02 {
margin-bottom: 0;
padding: 4rem 2rem 2rem;
}
.iot_wrap #free-internet .free-property .data-02 .img {
padding: 1rem 0;
}
.iot_wrap #free-internet .free-property .data-02 p {
line-height: 2rem;
font-size: 1.1rem;
margin-top: 2rem;
color: #aaa;
}
.iot_wrap #free-internet .free-facility .title {
margin: 2.5rem 0 6rem;
}
.iot_wrap #free-internet .free-facility .freeline {
padding-bottom: 8rem;
}
.iot_wrap #free-internet .free-facility .freeline-box {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 2rem 4rem 4rem;
margin-bottom: 3rem;
position: relative;
}
.iot_wrap #free-internet .free-facility .freeline-box .txt {
width: 74%;
display: inline-block;
}
.iot_wrap #free-internet .free-facility .freeline-box .txt .m-title {
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .freeline-box .txt .m-title h4 {
margin: 3rem auto;
font-size: 2.4rem;
line-height: 1em;
float: left;
margin-right: 2rem;
font-weight: 700;
}
.iot_wrap #free-internet .free-facility .freeline-box .txt .m-title ul {
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .freeline-box .txt .m-title ul li {
float: left;
margin-right: 1rem;
}
.iot_wrap #free-internet .free-facility .freeline-box .img {
width: 23%;
display: inline-block;
position: absolute;
top: -7rem;
right: 6rem;
}
.iot_wrap #free-internet .free-facility .freeline .introduction {
overflow: hidden;
margin-bottom: 4.5rem;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .txt {
float: left;
width: 27%;
margin-top: 3rem;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .img {
float: right;
width: 68%;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case {
padding: 3rem;
background-color: #f9f9f9;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case h5 {
margin-bottom: 2rem;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case ul {
width: 100%;
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case ul li {
display: inline-block;
margin-right: 1rem;
width: 32%;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case ul li:last-child {
margin-right: 0;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case ul li p {
font-size: 1.2rem;
line-height: 2rem;
}
.iot_wrap #free-internet .free-facility .freeline .introduction .case ul li p span {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #484848;
}
.iot_wrap #free-internet .free-facility .embedded {
padding-bottom: 8rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 2rem 4rem 4rem;
margin-bottom: 4rem;
position: relative;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .txt {
display: inline-block;
width: 69%;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .txt .m-title {
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .txt .m-title h4 {
margin: 2.5rem auto;
float: left;
font-size: 2.4rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .txt .m-title h4 span {
color: #00a0e9;
vertical-align: bottom;
padding: 0.2rem 0.5rem;
background-color: #fff;
border: 0.2rem solid #00a0e9;
margin-right: 1rem;
font-size: 1.6rem;
font-weight: 400;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .txt .m-title ul {
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .txt .m-title ul li {
float: left;
margin-right: 1rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .new-wifi .img {
display: inline-block;
width: 28%;
position: absolute;
top: -7rem;
right: 2rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .introduction {
overflow: hidden;
margin-top: 3rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .introduction .txt {
float: left;
width: 27%;
}
.iot_wrap #free-internet .free-facility .embedded-box .introduction .txt h5 {
margin-bottom: 3rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .introduction .img {
float: right;
width: 68%;
}
.iot_wrap #free-internet .free-facility .embedded-box .case {
padding: 3rem;
background-color: #f9f9f9;
margin-top: 3rem;
width: 100%;
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .embedded-box .case ul {
overflow: hidden;
width: 100%;
}
.iot_wrap #free-internet .free-facility .embedded-box .case ul li {
display: inline-block;
margin-right: 1rem;
width: 32%;
}
.iot_wrap #free-internet .free-facility .embedded-box .case ul li:last-child {
margin-right: 0;
}
.iot_wrap #free-internet .free-facility .embedded-box .case ul li p {
font-size: 1.2rem;
line-height: 2rem;
}
.iot_wrap #free-internet .free-facility .embedded-box .case ul li p span {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #484848;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi {
background-color: #f9f9f9;
padding: 2.5rem 5rem;
margin-bottom: 4rem;
position: relative;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt {
display: inline-block;
width: 47%;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt .m-title {
overflow: hidden;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt .m-title h4 {
margin: 0 auto 1.5rem;
float: left;
font-size: 2.4rem;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt .m-title h4 span {
color: #00a0e9;
padding: 0.2rem 0.5rem;
background-color: #fff;
border: 0.2rem solid #00a0e9;
margin-right: 1rem;
font-size: 1.6rem;
font-weight: 400;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt .m-title ul {
overflow: hidden;
width: 100%;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt .m-title ul li {
float: left;
margin-right: 1rem;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .img {
display: inline-block;
width: 47.8%;
position: absolute;
top: 0;
right: 0;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .img img {
width: 100%;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .case {
padding: 3rem;
background-color: #f9f9f9;
margin-top: 3rem;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .case ul {
overflow: hidden;
width: 100%;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .case ul li {
display: inline-block;
margin-right: 1rem;
width: 32%;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .case ul li:last-child {
margin-right: 0;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .case ul li p {
font-size: 1.2rem;
line-height: 2rem;
}
.iot_wrap #free-internet .free-facility .outer-wall-box .case ul li p span {
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #484848;
}
.iot_wrap #free-internet .tab {
position: relative;
margin: 0;
padding: 0 4rem 0;
height: 6rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab {
height: 3rem;
margin: 0 -2px;
padding: 0;
}
}
.iot_wrap #free-internet .tab li {
position: absolute;
z-index: 2;
margin: 0;
padding: 0;
height: 6rem;
background: #fff;
float: left;
width: 29.8rem;
font-size: 2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab li {
width: 33.3%;
padding: 0 2px;
height: 3rem;
}
}
.iot_wrap #free-internet .tab li a {
display: block;
color: #fff;
text-align: center;
padding: 1.6rem 0;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab li a {
padding: 0.9rem 0;
letter-spacing: -0.01em;
font-size: 1.1rem;
border: 1px solid #00a0e9;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .tab li a {
font-size: 1rem;
}
}
.iot_wrap #free-internet .tab .nav1 {
border: 1px solid #00a0e9;
left: 0;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab .nav1 {
border: none;
}
}
.iot_wrap #free-internet .tab .nav1 a {
display: block;
text-align: center;
padding: 2rem 4rem;
line-height: 2.2rem;
color: #00a0e9;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab .nav1 a {
padding: 0.9rem 0;
line-height: 1.2rem;
opacity: 1;
}
}
.iot_wrap #free-internet .tab .nav2 {
border: 1px solid #00a0e9;
left: 30.5rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab .nav2 {
left: 33.3%;
border: none;
}
}
.iot_wrap #free-internet .tab .nav2 a {
display: block;
text-align: center;
padding: 2rem 4rem;
line-height: 2.2rem;
color: #00a0e9;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab .nav2 a {
padding: 0.9rem 0;
line-height: 1.2rem;
opacity: 1;
}
}
.iot_wrap #free-internet .tab .nav3 {
border: 1px solid #00a0e9;
left: 61rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab .nav3 {
left: 66.7%;
border: none;
}
}
.iot_wrap #free-internet .tab .nav3 a {
display: block;
color: #00a0e9;
text-align: center;
padding: 2rem 4rem;
line-height: 2.2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .tab .nav3 a {
padding: 0.9rem 0;
line-height: 1.2rem;
opacity: 1;
}
}
.iot_wrap #free-internet .tab .active {
background-color: #00a0e9;
color: #fff !important;
}
.iot_wrap #free-internet .ranking-box {
margin-top: 1px;
background: #00a0e9;
color: #484848;
}
.iot_wrap #free-internet .ranking-box p.ttl {
background: #00a0e9;
text-align: center;
color: #fff;
font-size: 2.4rem;
padding: 2rem 0 1rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box p.ttl {
font-size: 1.3rem;
}
}
.iot_wrap #free-internet .ranking-box .contents {
overflow: hidden;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .ranking-box .contents {
display: flex;
justify-content: space-between;
}
}
.iot_wrap #free-internet .ranking-box .contents h4 {
text-align: center;
margin: 1rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .ranking-box .contents h4 {
font-size: 1.1rem;
line-height: 1.6rem;
margin: 0 0 1rem 0;
}
}
.iot_wrap #free-internet .ranking-box .contents .single {
float: left;
background: #fff;
padding: 1rem;
width: 41rem;
margin-left: 2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .ranking-box .contents .single {
width: 46%;
float: none;
margin-left: 3%;
padding: 1.5rem 0.3rem 1.5rem 0.7rem;
}
}
.iot_wrap #free-internet .ranking-box .contents .family {
float: right;
background: #fff;
padding: 1rem;
width: 41rem;
margin-right: 2rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .ranking-box .contents .family {
width: 46%;
float: none;
margin-right: 3%;
padding: 1.5rem 0.3rem 1.5rem 0.7rem;
}
}
.iot_wrap #free-internet .ranking-box ul li {
border-bottom: 1px solid #ddd;
padding: 0.5rem;
padding-left: 25%;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box ul li {
border-bottom: 1px solid #ddd;
padding: 0.8rem 0.5rem;
padding-left: 25%;
line-height: 1.2em;
}
}
.iot_wrap #free-internet .ranking-box ul li:first-child {
background: url(https://marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/internet/first.png) no-repeat;
background-size: 11%;
background-position: 3.5rem 0;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box ul li:first-child {
font-size: 0.9rem;
background-size: 18%;
background-position: 0 40%;
}
}
.iot_wrap #free-internet .ranking-box ul li:nth-child(2n) {
background: url(https://marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/internet/second.png) no-repeat;
background-position: 3.8rem 0.4rem;
background-size: 9%;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box ul li:nth-child(2n) {
font-size: 0.8rem;
background-size: 17%;
background-position: 0 40%;
}
}
.iot_wrap #free-internet .ranking-box ul li:nth-child(3n) {
background: url(https://marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion/contents/service/internet/third.png) no-repeat;
background-position: 4rem 0.8rem;
background-size: 8%;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box ul li:nth-child(3n) {
font-size: 0.8rem;
background-size: 15%;
background-position: 1% 40%;
}
}
.iot_wrap #free-internet .ranking-box ul li.t-blue {
color: #00a0e9;
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box ul li.t-blue {
font-size: 0.9rem;
background-size: 18%;
background-position: 0 40%;
}
}
.iot_wrap #free-internet .ranking-box .tab-link {
text-align: right;
padding-right: 2rem;
margin: 0.5rem auto 50px;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box .tab-link {
padding-bottom: 0.6rem;
margin: 0.5rem auto 1.5rem;
}
}
.iot_wrap #free-internet .ranking-box .tab-link a {
color: #fff;
padding: 0.5rem 0;
display: inline-block;
position: relative;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box .tab-link a {
font-size: 1rem;
}
}
.iot_wrap #free-internet .ranking-box .tab-link a::before {
content: "";
width: 8px;
height: 8px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 42%;
left: -1rem;
margin-top: -4px;
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .ranking-box .tab-link a::before::before {
width: 8px;
height: 8px;
top: 44%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .free-facility h2 {
width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility a.hover-img {
float: none;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .title {
margin: 2.5rem 0 0;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .title .br-inline {
display: block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .ttl-icon-sp-inner {
width: 30%;
margin: 0 auto;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .ttl-icon-sp-inner img {
width: 100%;
display: block;
margin: 15px auto 0;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .freeline {
padding-bottom: 4.5rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .freeline .freeline-box {
padding: 1.5rem;
margin-bottom: 2.5rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .freeline .freeline-box .txt {
width: 70%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #free-internet .free-facility .freeline .freeline-box .img {
top: -5rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .freeline .freeline-box .img {
width: 30%;
top: 0px;
right: 3%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .freeline .freeline-box .img img {
width: 100%;
margin-top: -10%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility p {
font-size: 1rem;
line-height: 1.6rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .embedded .embedded-box .new-wifi {
padding: 1.5rem;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .embedded .embedded-box .new-wifi .img {
width: 32%;
top: -4%;
right: 3%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .embedded .embedded-box .new-wifi .img img {
width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .outer-wall {
padding-bottom: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi {
padding: 1rem;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .txt {
width: 65%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .img {
width: 34%;
top: -2.1rem;
right: 0;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #free-internet .free-facility .outer-wall-box .free-wifi .img img {
width: 100%;
height: 170px;
object-fit: cover;
}
}
.iot_wrap #free-internet .btn-orange {
text-align: center;
margin-top: 6rem;
}
.iot_wrap #comfortable {
font-size: 1.6rem;
line-height: 3.5rem;
margin-bottom: 8rem;
}
.iot_wrap #comfortable h2 {
line-height: 6rem;
color: #484848;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable h2 {
font-size: 2.4rem;
text-align: center;
line-height: 3.5rem;
color: #484848;
padding-bottom: 0;
}
.iot_wrap #comfortable h2::before {
position: static;
}
}
.iot_wrap #comfortable .ttl {
margin: 4rem 0 8rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .ttl {
text-align: center;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .ttl {
margin: 2.5rem 0 4rem;
text-align: center;
font-size: 1.2rem;
line-height: 2rem;
}
}
.iot_wrap #comfortable h3 {
font-size: 2.4rem;
font-family: "ヒラギノ角ゴ Pro W6", HiraKakuPro-W6, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 3.5rem;
margin-bottom: 4rem;
font-weight: 700;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable h3 {
font-size: 1.6rem;
font-weight: bold;
line-height: 2.3rem;
margin-bottom: 1.8rem;
height: 2.5rem;
}
}
.iot_wrap #comfortable h4 {
margin-bottom: 2rem;
font-weight: 700;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable h4 {
font-size: 1.2rem;
margin-bottom: 1rem;
line-height: 1.6rem;
}
}
.iot_wrap #comfortable p {
color: #6e7173;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable p {
line-height: 1.6rem;
font-size: 1.4rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable p {
line-height: 1.6rem;
font-size: 1rem;
}
}
.iot_wrap #comfortable p span {
color: #484848;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .ttl-icon-sp {
width: 100%;
margin: 15px auto 0;
position: relative;
margin-bottom: 3rem;
color: #faaa16;
display: inline;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .ttl-icon {
display: none;
}
}
.iot_wrap #comfortable .box1 {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box1 .comfortable-list {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 4rem 4rem;
margin-bottom: 8rem;
position: relative;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box1 .comfortable-list {
padding: 1.5rem;
padding-bottom: 3rem;
margin-bottom: 3rem;
}
}
.iot_wrap #comfortable .box1 .comfortable-list .txt {
width: 70%;
display: inline-block;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box1 .comfortable-list .txt {
width: 65%;
display: inline-block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box1 .comfortable-list .txt {
width: 55%;
display: inline-block;
}
}
.iot_wrap #comfortable .box1 .comfortable-list .txt .ttl {
font-weight: 700;
margin-bottom: 4rem;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box1 .comfortable-list .txt .br-none {
display: none;
}
}
.iot_wrap #comfortable .box1 .comfortable-list .img {
position: absolute;
top: -3rem;
right: 1rem;
width: 33%;
display: inline-block;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box1 .comfortable-list .img {
position: absolute;
top: 11%;
right: 2%;
width: 43%;
display: inline-block;
}
}
.iot_wrap #comfortable .box1 .comfortable-list .img img {
width: 100%;
height: auto;
}
.iot_wrap #comfortable .box1 .comfortable-list .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #comfortable .box1 .delivery p {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box1 .delivery p span {
font-weight: 700;
}
.iot_wrap #comfortable .box2 {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box2 .comfortable-list {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 8rem;
position: relative;
}
.iot_wrap #comfortable .box2 .comfortable-list .txt {
width: 70%;
display: inline-block;
}
.iot_wrap #comfortable .box2 .comfortable-list .txt .ttl {
font-weight: 700;
margin-bottom: 4rem;
}
.iot_wrap #comfortable .box2 .comfortable-list .img {
position: absolute;
top: 3rem;
right: 5rem;
display: inline-block;
}
.iot_wrap #comfortable .box2 .comfortable-list .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #comfortable .box2 .delivery p {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box2 .delivery p span {
font-weight: 700;
}
.iot_wrap #comfortable .box3 {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box3 .comfortable-list {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 8rem;
position: relative;
}
.iot_wrap #comfortable .box3 .comfortable-list .txt {
width: 70%;
display: inline-block;
}
.iot_wrap #comfortable .box3 .comfortable-list .txt .ttl {
font-weight: 700;
margin-bottom: 4rem;
}
.iot_wrap #comfortable .box3 .comfortable-list .img {
position: absolute;
top: -3rem;
right: 3rem;
display: inline-block;
width: 32%;
}
.iot_wrap #comfortable .box3 .comfortable-list .img img {
width: 100%;
}
.iot_wrap #comfortable .box3 .comfortable-list .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #comfortable .box3 .delivery p {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box3 .delivery p span {
font-weight: 700;
}
.iot_wrap #comfortable .box4 {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box4 .comfortable-list {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 8rem;
position: relative;
}
.iot_wrap #comfortable .box4 .comfortable-list .txt {
width: 70%;
display: inline-block;
}
.iot_wrap #comfortable .box4 .comfortable-list .txt .ttl {
font-weight: 700;
margin-bottom: 4rem;
}
.iot_wrap #comfortable .box4 .comfortable-list .img {
position: absolute;
top: 2.5rem;
right: 5rem;
width: 30%;
display: inline-block;
}
.iot_wrap #comfortable .box4 .comfortable-list .img img {
width: 100%;
}
.iot_wrap #comfortable .box4 .comfortable-list .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #comfortable .box4 .delivery p {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box4 .delivery p span {
font-weight: 700;
}
.iot_wrap #comfortable .box5 {
margin-bottom: 8rem;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5 {
margin-bottom: 0;
}
}
.iot_wrap #comfortable .box5 .comfortable-list {
background-color: #f9f9f9;
border: 0.1rem solid #ddd;
padding: 5rem 4rem;
margin-bottom: 8rem;
position: relative;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5 .comfortable-list {
padding: 1.5rem;
padding-bottom: 3rem;
margin-bottom: 3rem;
}
}
.iot_wrap #comfortable .box5 .comfortable-list .txt {
width: 70%;
display: inline-block;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box5 .comfortable-list .txt {
width: 65%;
display: inline-block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5 .comfortable-list .txt {
width: 55%;
display: inline-block;
}
}
.iot_wrap #comfortable .box5 .comfortable-list .txt .ttl {
font-weight: 700;
margin-bottom: 4rem;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5 .comfortable-list .br-inline {
display: block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5 .comfortable-list .br-none {
display: none;
}
}
.iot_wrap #comfortable .box5 .comfortable-list .img {
position: absolute;
top: -6rem;
right: 3rem;
display: inline-block;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .box5 .comfortable-list .img {
width: 35%;
right: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box5 .comfortable-list .img {
position: absolute;
top: 11%;
right: 2%;
width: 43%;
display: inline-block;
}
}
.iot_wrap #comfortable .box5 .comfortable-list .img img {
width: 100%;
height: auto;
}
.iot_wrap #comfortable .box5 .comfortable-list .img p {
font-weight: 700;
font-size: 1.1rem;
text-align: right;
}
.iot_wrap #comfortable .box5 .delivery p {
margin-bottom: 8rem;
}
.iot_wrap #comfortable .box5 .delivery p span {
font-weight: 700;
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box6 {
margin-bottom: 30px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box6 .txt {
width: 58%;
margin-right: 1rem;
line-height: 1.6rem;
display: inline-block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #comfortable .box6 .img {
width: 37%;
display: inline-block;
float: right;
}
}
.iot_wrap #comfortable .btn-orange {
margin: 4rem auto 8rem;
text-align: center;
line-height: 1.6em;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .btn-orange {
margin: 0;
}
}
.iot_wrap #comfortable .btn-orange a {
line-height: 1.6em;
}
@media screen and (max-width: 800px) {
.iot_wrap #comfortable .btn-orange a {
width: 90%;
font-size: 1.8rem;
padding: 1.5rem 0;
line-height: 1.5em;
}
}
.iot_wrap #comfortable .btn-orange a:after {
right: 3rem;
margin-top: -0.6rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #security h2 {
font-size: 2.4rem;
text-align: center;
line-height: 3.5rem;
color: #484848;
padding-bottom: 0;
}
.iot_wrap #security h2::before {
position: static;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .title {
font-size: 1.4rem;
line-height: 2rem;
text-align: center;
margin: 4rem 0 8rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .title {
font-size: 1.2rem;
line-height: 2rem;
text-align: center;
margin: 2.5rem 0 4rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security h3 {
font-size: 1.6rem;
font-weight: bold;
line-height: 2.5rem;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security h4 {
font-size: 1.4rem;
line-height: 1.7rem;
margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security p {
line-height: 2.5rem;
font-size: 1.5rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security p {
line-height: 1.6rem;
font-size: 1.4rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security p {
line-height: 1.6rem;
font-size: 1rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 {
padding-bottom: 0;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .security-contents {
padding: 1.5rem;
margin-bottom: 2.7rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .security-contents .txt {
width: 55%;
display: inline-block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .security-contents .txt {
width: 54%;
display: inline-block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .security-contents .txt .ttl {
font-size: 1.2rem;
line-height: 1.6rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .security-contents .txt .ttl .br-inline {
display: block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .security-contents .img {
width: 42%;
display: inline-block;
position: absolute;
top: 18%;
right: 3%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .security-contents .img img {
max-width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .security-contents .img p {
font-size: 1rem;
font-weight: 400;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .crime-list {
margin-bottom: 4rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .crime-list ul {
display: flex;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .crime-list ul {
display: flex;
flex-wrap: wrap;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .crime-list ul li {
margin-right: 0.5rem;
}
.iot_wrap #security .box1 .crime-list ul li:nth-child(3n) {
margin-right: 0.5rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .crime-list ul li {
display: inline-block;
margin-right: 1rem;
width: 30%;
margin-bottom: 2rem;
}
.iot_wrap #security .box1 .crime-list ul li:nth-child(3n) {
margin-right: 0;
}
}
@media screen and (max-width: 540px) and (max-width: 540px) {
.iot_wrap #security .box1 .crime-list ul li img {
width: 100%;
height: 114px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .crime-list ul li p {
font-size: 1.2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .crime-list ul li p {
text-align: center;
font-size: 0.7rem;
line-height: 1rem;
min-height: 2em;
letter-spacing: -0.1rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .effio {
margin-bottom: 3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .effio .txt {
width: 100%;
float: none;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .effio .txt .br-none {
display: none;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .effio .img {
width: 100%;
float: none;
margin-top: 3rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .effio .img img {
width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .infrared {
margin-bottom: 3.8rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .infrared .br-none {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .infrared .img {
width: 100%;
float: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .infrared .img img {
width: 100%;
}
}
.iot_wrap #security .box1 .infrared p {
margin-bottom: 3rem;
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .use h4 {
margin-bottom: 2.5rem;
font-size: 1.2rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .use .use-list:first-of-type {
float: left;
width: 47%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .use .use-list {
width: 100% !important;
margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .use .use-list .img {
margin-top: 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box1 .use .use-list p {
width: 65%;
font-size: 1.3rem;
line-height: 2;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box1 .use .use-list p {
width: 64%;
font-size: 1rem;
line-height: 1.6;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2 {
clear: both;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 {
margin-top: 3.8rem;
padding-bottom: 0;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .lock {
padding: 1.5rem;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2 .lock .txt {
width: 57%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2 .lock .txt .ttl {
line-height: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .lock .txt .ttl {
margin-bottom: 1rem;
font-size: 1.2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .lock .txt .ttl p {
font-size: 1rem;
width: 81%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .lock .txt .br-none {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2 .lock .img {
top: 1rem;
width: 31%;
right: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .lock .img {
top: 0;
width: 38%;
right: 3%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .intrusion h4 {
font-size: 1.2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .intrusion .txt {
float: none;
width: 100%;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box2 .intrusion .txt span {
font-weight: normal;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box2 .intrusion .img {
float: none;
margin-top: 2.5rem;
width: 100%;
}
}
.iot_wrap #security .box2 .intrusion .img img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 {
margin-top: 4rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .interphone {
padding: 1.5rem;
margin-bottom: 3rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box3 .interphone .txt {
width: 65%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .interphone .txt {
width: 56%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .interphone .txt .ttl {
margin-bottom: 1rem;
font-size: 1.2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .interphone .txt .br-none {
display: none;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box3 .interphone .img {
top: 2rem;
width: 31%;
right: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .interphone .img {
top: 19%;
width: 38%;
right: 5%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .list {
margin-bottom: 30px;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .box3 .list ul {
display: flex;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .list ul {
display: inline-block;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .list ul li {
display: inline-block;
margin-right: 1.2rem;
width: 47%;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .list ul li:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .list ul li img {
width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .box3 .list ul li p {
text-align: center;
font-size: 0.9rem;
line-height: 1rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .btn-orange {
margin: 0;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .btn-orange a {
width: 36rem;
}
}
@media screen and (max-width: 540px) {
.iot_wrap #security .btn-orange a {
width: 90%;
font-size: 1.8rem;
padding: 1.5rem 0;
line-height: 1.5em;
}
}
@media screen and (max-width: 375px) {
.iot_wrap #security .btn-orange a {
font-size: 1.5rem;
}
}
@media screen and (max-width: 800px) {
.iot_wrap #security .btn-orange a::after {
right: 2rem;
margin-top: -2px;
}
}
.iot_wrap .wp-form {
margin-bottom: 254px;
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form {
margin-bottom: 160px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form .wp-form-title_sp {
text-align: center;
}
}
.iot_wrap .wp-form .wp-form-text-01 {
font-size: 16px;
text-align: center;
line-height: 1.4;
margin-top: 40px;
margin-bottom: 32px;
color: #3F3F3F;
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form .wp-form-text-01 {
margin-top: 109px;
margin-bottom: 24px;
}
}
.iot_wrap .wp-form div[data-area=formArea] {
margin: 0 auto;
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form div[data-area=formArea] {
max-width: 100%;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form-thanks {
padding-bottom: 244px;
}
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form-thanks .wp-form-title_sp {
text-align: center;
}
}
.iot_wrap .wp-form-thanks .wp-form-thanks-title-03 {
font-size: 32px;
font-weight: 700;
line-height: 1.4;
text-align: center;
padding-top: 150px;
color: #3F3F3F;
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form-thanks .wp-form-thanks-title-03 {
font-size: 24px !important;
padding-top: 120px;
}
}
.iot_wrap .wp-form-thanks .wp-form-thanks-text {
font-size: 24px;
text-align: center;
color: #3F3F3F;
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form-thanks .wp-form-thanks-text {
font-size: 16px;
}
}
.iot_wrap .wp-form-thanks .wp-form-thanks-button {
color: #fff;
border-radius: 4px;
background: #19A9C3;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 500;
margin: 84px auto 0;
height: 80px;
width: calc(100% - 32px);
max-width: 540px;
transition: all 0.5s ease 0s;
}
@media screen and (max-width: 540px) {
.iot_wrap .wp-form-thanks .wp-form-thanks-button {
max-width: 320px;
margin-top: 32px;
font-size: 20px;
}
}
.iot_wrap .wp-form-thanks .wp-form-thanks-button:hover {
opacity: 1;
color: #12b3cc;
border: solid 2px #12b3cc;
background-color: #fff;
}          .iot_wrap #page-works-list {
content: "";
display: block;
clear: both;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list .iot-head {
margin-bottom: 80px;
background-size: 100% !important;
height: 14rem !important;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list .iot-head .pagetitle {
text-align: center;
color: #fff;
font-size: 2.6rem !important;
line-height: 4.4rem !important;
padding: 3.5rem 0 !important;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list .iot-head .pagetitle span {
display: block;
font-size: 1.2rem !important;
line-height: 1.8rem !important;
}
}
.iot_wrap #page-works-list #page-content h3 {
font-size: 2.4rem;
font-weight: bold;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 1em;
margin-top: 50px;
margin-bottom: 2.5rem;
}
.iot_wrap #page-works-list #page-content .m-single_wrap h2 {
font-size: 40px;
position: relative;
line-height: 64px;
padding-top: 40px !important;
color: #484848;
position: relative;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .m-single_wrap h2 {
font-size: 24px;
line-height: 36px;
text-align: center;
}
}
.iot_wrap #page-works-list #page-content .case_wrap {
padding: 40px;
margin-bottom: 80px;
background: #f6f6f6;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap {
padding: 0px;
padding-bottom: 40px;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case {
text-align: center;
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li {
max-width: 830px;
margin: 0 auto;
width: 100%;
height: 200px;
display: block;
margin-bottom: 30px;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li {
display: inline-block;
height: auto;
width: 100%;
max-width: 320px;
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a {
background-color: #fff;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a {
flex-direction: column;
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a:hover .img figure img {
-webkit-transform: translateY(-50%) scale(1.2);
transform: translateY(-50%) scale(1.2);
transition-duration: 0.5s;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a:hover .img figure img {
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a:hover .txt .ttl {
color: gray;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a:hover .txt .ttl {
color: #333333, 30%;
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .img {
width: 320px;
display: block;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .img {
width: 100%;
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .img figure {
padding-top: 64%;
margin: 0;
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .img figure img {
display: block;
height: inherit;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
transition-duration: 0.5s;
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt {
margin: 0px 16px;
width: calc(100% - 336px);
padding: 8px 0;
}
@media screen and (max-width: 768px) {
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt .ttl {
font-size: 16px;
font-weight: bold;
line-height: 1.2;
margin: 0;
margin-bottom: 8px;
padding-top: 10px;
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt .ttl::before {
display: none;
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt .m-spec_lists {
margin: 0;
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt .m-spec_lists__li {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
font-size: 12px;
}
.iot_wrap #page-works-list #page-content .case_wrap .m-case__li a .txt .m-spec_lists__li p {
margin: 0;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-list .inner {
width: 92%;
margin-top: 0 !important;
margin-left: auto;
margin-right: auto;
}
}
.iot_wrap .works_detail .pankuzu {
width: 100%;
background-color: #f3f3f3;
box-shadow: 0 -1px 0.3rem #ccc;
}
.iot_wrap .works_detail .pankuzu .p-yoast-breadcrumbs {
position: relative;
width: 126rem;
margin: auto;
top: 0;
}
.iot_wrap #page-works-detail .m-single_wrap h2 {
font-size: 40px;
position: relative;
line-height: 64px;
padding-top: 40px;
color: #484848;
position: relative;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap h2 {
font-size: 24px;
line-height: 36px;
text-align: center;
}
}
.iot_wrap #page-works-detail .m-single_wrap h2::before {
content: "";
position: absolute;
background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2267%22%20height%3D%227%22%20viewBox%3D%220%200%2067%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2235%22%20height%3D%227%22%20rx%3D%223.5%22%20fill%3D%22%2300A0E9%22%2F%3E%3Ccircle%20cx%3D%2247.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23FAAA16%22%2F%3E%3Ccircle%20cx%3D%2263.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23004386%22%2F%3E%3C%2Fsvg%3E);
background-repeat: no-repeat;
width: 6.7rem;
height: 0.7rem;
display: block;
top: 0;
left: 0;
}
.iot_wrap #page-works-detail .m-single_wrap h3 {
font-size: 2.4rem;
font-weight: bold;
padding-left: 1.5rem;
border-left: 0.4rem solid #00a0e9;
line-height: 1em;
margin-top: 50px;
margin-bottom: 2.5rem;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap h3 {
font-size: 24px !important;
line-height: 30px;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-main_desp {
font-size: 16px;
margin-bottom: 40px;
color: #6e7173;
line-height: 2em;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-flex-title-img {
display: flex;
flex-wrap: nowrap;
flex-direction: column-reverse;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual {
width: 100%;
max-width: 910px;
margin: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_main {
width: 100%;
max-width: 445px;
height: 350px;
margin-right: 20px;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_main {
margin-right: auto;
margin-left: auto;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_main img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit:cover";
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-main_desp {
font-size: 16px;
margin-bottom: 0;
color: #6e7173;
line-height: 2em;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_sub {
list-style: none;
max-width: 445px;
flex-wrap: wrap;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_sub {
display: none;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_sub li {
width: calc(100% - 10px);
max-width: 213px;
height: 164px;
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_sub li:nth-of-type(1) {
margin-bottom: 19px;
margin-right: 19px;
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_sub li:nth-of-type(3) {
margin-right: 19px;
}
.iot_wrap #page-works-detail .m-single_wrap .m-visual .m-v_sub li img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit:cover";
}
.iot_wrap #page-works-detail .m-single_wrap .m-content {
border: 1px solid #ddd;
background-color: #f9f9f9;
margin-bottom: 40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-content {
border: none;
background-color: transparent;
margin-bottom: 25px;
flex-flow: column-reverse;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-content__desp {
width: 50%;
margin-right: 10px;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-content__desp {
width: 100%;
margin: 0;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-content__desp__title {
width: 380px;
margin-left: 40px;
color: #6e7173;
margin-top: 40px;
margin-bottom: 24px;
font-weight: bold;
font-size: 16px;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-content__desp__title {
margin: 40px 0 10px;
line-height: 1.6rem;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-content__desp__text {
font-size: 14px;
width: 380px;
margin-left: 40px;
color: #6e7173;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-content__desp__text {
margin-bottom: 10px;
margin-left: 0px;
font-weight: normal;
font-size: 14px;
width: 100%;
line-height: 17px;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-content__img {
max-width: 445px;
height: 350px;
width: 100%;
}
@media screen and (max-width: 800px) {
.iot_wrap #page-works-detail .m-single_wrap .m-content__img {
margin: auto;
}
}
.iot_wrap #page-works-detail .m-single_wrap .m-content__img img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit:cover";
}
.iot_wrap #page-works-detail .m-single_wrap .m-content__img img:hover {
transform: none;
}  #iot-contactform.iot_wrap,
#page-form {
background-color: #f9f9f9;
}
@media screen and (max-width: 768px) {
#iot-contactform.iot_wrap #form_wrapper .m-desp,
#page-form #form_wrapper .m-desp {
font-size: 1.3rem;
line-height: 2;
}
}
#iot-contactform.iot_wrap #page-main,
#page-form #page-main {
overflow: inherit;
padding: 48px 0;
}
@media screen and (max-width: 768px) {
#iot-contactform.iot_wrap #page-main,
#page-form #page-main {
padding: 0;
}
}
#iot-contactform.iot_wrap .l-contaner,
#page-form .l-contaner {
background-color: #f9f9f9;
}
#iot-contactform.iot_wrap .l-contaner__inner,
#page-form .l-contaner__inner {
background-color: #fff;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form h2,
#page-form .l-contaner__inner .m-form h2 {
margin-bottom: 32px;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .m-step_wrap .m-steps li .step-content,
#page-form .l-contaner__inner .m-form #form-inquiry .m-step_wrap .m-steps li .step-content {
padding: 1.8rem 0;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area {
margin: 6rem auto;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .tel-no .tel-no,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .tel-no .tel-no {
width: 41rem;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form_wrap__li .is_full-name,
#page-form .l-contaner__inner .m-form_wrap__li .is_full-name {
display: flex;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form_wrap__li .is_full-name .Last_Name,
#page-form .l-contaner__inner .m-form_wrap__li .is_full-name .Last_Name {
margin-right: 4px;
}
@media screen and (max-width: 768px) {
#iot-contactform.iot_wrap .l-contaner__inner .m-form h2,
#page-form .l-contaner__inner .m-form h2 {
font-size: 18px;
padding-top: 4rem !important;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form .inner,
#page-form .l-contaner__inner .m-form .inner {
width: 94% !important;
max-width: 1000px;
margin: 0px auto !important;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form_wrap__li__item .agree_desp,
#page-form .l-contaner__inner .m-form_wrap__li__item .agree_desp {
font-size: 14px;
line-height: 20px;
display: block;
margin: 0 auto;
text-align: center;
line-height: 1;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form_wrap__li__item .m-radio,
#page-form .l-contaner__inner .m-form_wrap__li__item .m-radio {
flex-direction: row;
flex-wrap: wrap;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form_wrap__li__item .m-radio .wpcf7-list-item,
#page-form .l-contaner__inner .m-form_wrap__li__item .m-radio .wpcf7-list-item {
width: 45%;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form_wrap__li .m-title__text,
#page-form .l-contaner__inner .m-form_wrap__li .m-title__text {
font-size: 18px !important;
font-weight: bold;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry p,
#page-form .l-contaner__inner .m-form #form-inquiry p {
font-size: 1.1rem;
line-height: 2rem;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry p.thanks,
#page-form .l-contaner__inner .m-form #form-inquiry p.thanks {
font-size: 1.6rem;
margin: 4rem 0 2.5rem;
font-weight: bold;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area {
border: none;
margin: 30px auto !important;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area h3,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area h3 {
background: #e8e8e8;
font-size: 1.3rem !important;
padding: 1.5rem 1rem;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .ttl,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .ttl {
font-size: 1.2rem;
line-height: 2rem;
margin-top: 2rem;
margin-bottom: 1rem;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel {
border: 0.2rem solid #ddd;
border-bottom: 0.4rem solid #ddd;
background-color: #fff;
padding: 1.5rem 1rem;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-free,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-free {
font-size: 1.3rem;
line-height: 1em;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-free span,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-free span {
display: inline-block;
background-color: #00a0e9;
color: #fff;
font-size: 1.2rem;
border-radius: 2rem;
padding: 0.3rem 1rem 0.2rem;
margin-right: 0.5rem;
margin-bottom: 0;
font-weight: normal;
line-height: 2rem;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no {
font-size: 3rem;
margin: 1.5rem auto;
position: relative;
padding-left: 4rem;
line-height: 0.7em;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no a,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no a {
color: #333638;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no a:hover,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no a:hover {
color: #333638;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no::before,
#page-form .l-contaner__inner .m-form #form-inquiry .tel-area .txt .tel .tel-no::before {
content: "";
background: url(//marutto.co.jp/wp-content/themes/marutto/app/img/iot-mansion_sp/form/ic-fd.png) no-repeat center left;
background-size: 100%;
width: 32px;
height: 26px;
position: absolute;
top: -4px;
left: 7%;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .btn-top,
#page-form .l-contaner__inner .m-form #form-inquiry .btn-top {
text-align: center;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .btn-top a,
#page-form .l-contaner__inner .m-form #form-inquiry .btn-top a {
width: 92%;
border-radius: 5rem;
background: #b2b2b2;
border: 0.75rem solid #e6e6e6;
color: #fff;
font-size: 1.6rem;
padding: 1rem 5rem 1rem 4rem;
position: relative;
display: inline-block;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .btn-top a:hover,
#page-form .l-contaner__inner .m-form #form-inquiry .btn-top a:hover {
background: #ff4f19;
border: 0.75rem solid #f7d1c6;
}
#iot-contactform.iot_wrap .l-contaner__inner .m-form #form-inquiry .btn-top a::after,
#page-form .l-contaner__inner .m-form #form-inquiry .btn-top a::after {
content: "";
width: 9px;
height: 9px;
border: 0px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(45deg);
position: absolute;
top: 48%;
right: 2rem;
margin-top: -4px;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #header-form .inner {
margin-top: 0 !important;
}
}
@media screen and (max-width: 768px) {
.iot_wrap #header-form .inner .site-info .logo {
margin-top: 0;
}
}
.iot_wrap #header-form .inner .site-info .logo .site-title img {
display: block;
width: 100%;
max-width: 232px;
}
@media screen and (max-width: 768px) {
.iot_wrap #header-form .inner .site-info .tel {
display: none;
}
}
.iot_wrap .site-footer .footer-form-content .inner .site-link .site-title img {
display: block;
width: 100%;
margin: auto;
max-width: 232px;
}
.iot_wrap #page-main .materialmailing {
margin-top: -80px;
}
.iot_wrap #page-main .materialmailing .mainv img {
width: 100%;
}