.mainvisual_rounded{position:relative;height:105vh;font-family:YakuHanMP, 'Playfair Display', 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, serif}.mainvisual_rounded .section_inner{height:85vh;width:100%;float:right;position:relative;display:flex;padding-top:3%}.mainvisual_rounded .text-side{width:50%;display:flex;justify-content:flex-start;align-items:center;position:relative;padding:0 1% 0 2%;z-index:2}.mainvisual_rounded .text-side::before{content:"";display:inline-block;width:31.25vw;height:31.25vw;background-color:#f7f7f7;border-radius:50%;position:absolute;top:8.25vw;right:4.25vw;z-index:-1}.mainvisual_rounded .text-side::after{content:"";display:inline-block;width:11.25vw;height:11.25vw;background-color:#f7f7f7;border-radius:50%;position:absolute;bottom:-6.25vw;left:4.25vw;z-index:-1}.mainvisual_rounded .text-side h1{font-size:60px;font-weight:100;letter-spacing:14px}.mainvisual_rounded .image-side{width:50%;height:85%;position:absolute;top:60px;right:0;position:relative;z-index:1}.mainvisual_rounded .image-side::before{content:"";display:inline-block;width:10.25vw;height:10.25vw;background-color:#f7f7f7;border-radius:50%;position:absolute;bottom:-5.75vw;left:-2.75vw;z-index:-1}.mainvisual_rounded .image-side::after{content:"";display:inline-block;width:9.25vw;height:9.25vw;background-color:#f7f7f7;border-radius:50%;position:absolute;bottom:-10.75vw;right:13.25vw;z-index:-1}.mainvisual_rounded .image-side .frame-image{border-radius:15px 0 0 15px}.mainvisual_rounded .headding_wrap{width:100%;font-size:2.1rem}@media only screen and (max-width: 1024px){.mainvisual_rounded{height:105vh}.mainvisual_rounded .section_inner{flex-flow:column-reverse}.mainvisual_rounded .text-side{width:100%;justify-content:flex-start;padding:8% 0 0 5%}.mainvisual_rounded .text-side::before{width:33.25vw;height:33.25vw;top:14.25vw;left:-2.75vw}.mainvisual_rounded .text-side::after{width:23.25vw;height:23.25vw;bottom:-14.25vw;left:46.25vw;z-index:-1}.mainvisual_rounded .image-side{width:75%;margin-left:auto;top:20px;margin-left:auto}.mainvisual_rounded .image-side::before{width:33.25vw;height:33.25vw;top:4.25vw;left:-21.75vw}.mainvisual_rounded .image-side::after{width:18.25vw;height:18.25vw;bottom:-13.75vw;right:5.25vw}}@media only screen and (max-width: 767px){.mainvisual_rounded .text-side{padding-bottom:5%}.mainvisual_rounded .image-side .image-frame-bg{height:90%}}@media only screen and (max-width: 480px){.mainvisual_rounded{height:115vh}.mainvisual_rounded .section_inner{margin-top:5px}.mainvisual_rounded .section_inner .text-side{padding:3% 0 0 5%;z-index:2}.mainvisual_rounded .section_inner .text-side::before{width:58.25vw;height:58.25vw;top:17.25vw;left:-8.75vw}.mainvisual_rounded .section_inner .text-side::after{width:26.25vw;height:26.25vw;bottom:-38.25vw;left:70.25vw}.mainvisual_rounded .section_inner .text-side h1{font-size:32px}.mainvisual_rounded .image-side{width:100%;margin-left:48px}.mainvisual_rounded .image-side::before{width:53.25vw;height:53.25vw;top:-5.75vw;left:-22.75vw}.mainvisual_rounded .image-side::after{width:23.25vw;height:23.25vw;bottom:-20.75vw}} .half_limited_height .image-side{position:relative}.half_limited_height .image-side_inner{padding-top:66%}.half_limited_height .image-side .image-frame-bg{position:absolute !important;top:0;right:0;bottom:0;left:0;margin:auto}.half_limited_height .text-side{position:relative}.half_limited_height .text-side_inner{width:100%;position:relative;z-index:2;max-width:280px;margin:auto}.half_limited_height .headding_wrap,.half_limited_height .section_h3{font-size:3rem}.half_limited_height .subtitle{font-size:1.1rem}.half_limited_height .editable_wrap{font-size:1.5rem}.half_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3rem}.half_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.1rem}@media only screen and (min-width: 768px){.half_limited_height .duplicatable-content_inner{display:flex}.half_limited_height .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row-reverse}.half_limited_height .duplicatable-content:nth-child(even) .text-side{padding:0 5rem 0 1.5rem}.half_limited_height .image-side,.half_limited_height .text-side{width:50%}.half_limited_height .image-side{max-height:330px}.half_limited_height .image-side_inner{height:100%}.half_limited_height .text-side{display:flex;align-items:center;flex-direction:column;padding:0 1.5rem 0 5rem}.half_limited_height .text-side .spacer-content{width:100%}.half_limited_height .text-side_inner{max-width:500px}.half_limited_height .section_btn{margin-left:0}.half_limited_height.reverse .duplicatable-content_inner{flex-direction:row-reverse}.half_limited_height.reverse .duplicatable-content:nth-child(even) .duplicatable-content_inner{flex-direction:row}.half_limited_height.reverse .duplicatable-content:nth-child(even) .text-side{padding:0 1.5rem 0 5rem}.half_limited_height.reverse .text-side{padding:0 5rem 0 1.5rem}.half_limited_height .section_h3,.half_limited_height .headding_wrap{font-size:3.5rem}.half_limited_height .subtitle{font-size:1.2rem}.half_limited_height .editable_wrap{font-size:1.5rem}.half_limited_height .spacer-item_wrap:nth-child(1) .editable_wrap{font-size:3.5rem}.half_limited_height .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.2rem}} .sub_title{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif";padding:8rem 0 8rem}.sub_title .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.sub_title .text-side{max-width:850px;margin:auto;text-align:center}.sub_title .subtitle{letter-spacing:0px}.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:1.8rem}.sub_title .subtitle_wrap .subtitle{font-size:1.4rem}@media only screen and (min-width: 768px){.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:4rem}.sub_title .subtitle_wrap .subtitle{font-size:1.8rem}}@media only screen and (max-width: 767px){.sub_title{padding:2.4rem 0 2.4rem}} .vertical_icon_dup{text-align:center;font-size:1.2rem;color:#fff}.vertical_icon_dup .letter{letter-spacing:0}.vertical_icon_dup .section_inner{padding:0}.vertical_icon_dup .duplicatable-container{font-size:0}.vertical_icon_dup .duplicatable-content{font-size:1.6rem;width:50%;display:inline-block}.vertical_icon_dup .duplicatable-content_inner{padding-top:173%;position:relative}.vertical_icon_dup .text-side{position:absolute;width:100%;height:100%;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.vertical_icon_dup .text-side .image-frame{width:100%;max-width:80px;margin:0 auto}.vertical_icon_dup .text-side .image-frame img{width:100%}.vertical_icon_dup .text-side_bg{position:absolute;height:100%;width:100%;top:0;left:0}.vertical_icon_dup .text-side_inner{position:relative;z-index:2;padding:0 1.5rem}.vertical_icon_dup .headding_wrap,.vertical_icon_dup .section_h3{font-size:1.9rem;color:#fff;letter-spacing:1px}.vertical_icon_dup .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.9rem}@media only screen and (min-width:768px){.vertical_icon_dup{font-size:1.4rem}.vertical_icon_dup .duplicatable-content{width:25%}} .vertical_icon_dup{text-align:center;font-size:1.2rem;color:#fff}.vertical_icon_dup .letter{letter-spacing:0}.vertical_icon_dup .section_inner{padding:0}.vertical_icon_dup .duplicatable-container{font-size:0}.vertical_icon_dup .duplicatable-content{font-size:1.6rem;width:50%;display:inline-block}.vertical_icon_dup .duplicatable-content_inner{padding-top:173%;position:relative}.vertical_icon_dup .text-side{position:absolute;width:100%;height:100%;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.vertical_icon_dup .text-side .image-frame{width:100%;max-width:80px;margin:0 auto}.vertical_icon_dup .text-side .image-frame img{width:100%}.vertical_icon_dup .text-side_bg{position:absolute;height:100%;width:100%;top:0;left:0}.vertical_icon_dup .text-side_inner{position:relative;z-index:2;padding:0 1.5rem}.vertical_icon_dup .headding_wrap,.vertical_icon_dup .section_h3{font-size:1.9rem;color:#fff;letter-spacing:1px}.vertical_icon_dup .spacer-item_wrap:nth-child(2) .editable_wrap{font-size:1.9rem}@media only screen and (min-width:768px){.vertical_icon_dup{font-size:1.4rem}.vertical_icon_dup .duplicatable-content{width:25%}} .table_top_alignment{font-size:1.2rem}.table_top_alignment .section_inner{max-width:880px;margin:0 auto;padding:0}.table_top_alignment .duplicatable{padding:40px}.table_top_alignment .table_wrap{text-align:left}.table_top_alignment .duplicatable-content{width:100%}.table_top_alignment .duplicatable-content:nth-child(n+2){padding:0}.table_top_alignment .tr{display:flex;width:100%;border-bottom:1px solid rgba(205,205,205,0.5);font-size:16px}.table_top_alignment .th,.table_top_alignment .td{padding:2rem 1rem;vertical-align:middle;width:100%;width:calc(100% - 200px);padding:20px;letter-spacing:2px}.table_top_alignment .th{padding:20px;width:200px;font-weight:bold;display:flex;align-items:center;letter-spacing:2px}@media only screen and (max-width: 1024px){.table_top_alignment{font-size:1.5rem}.table_top_alignment .table_wrap{width:100%}.table_top_alignment .duplicatable-content{display:table;padding:0}.table_top_alignment .tr{display:flex}.table_top_alignment .th,.table_top_alignment .td{white-space:normal}}@media only screen and (max-width: 767px){.table_top_alignment .section_inner{padding:0}.table_top_alignment .duplicatable{padding:14px 20px 20px}.table_top_alignment .tr{flex-direction:column;display:grid;font-size:14px}.table_top_alignment .th{width:100%;padding-top:15px;padding-bottom:5px}.table_top_alignment .td{width:100%;padding-top:0;padding-bottom:15px}} .table_top_alignment{font-size:1.2rem}.table_top_alignment .section_inner{max-width:880px;margin:0 auto;padding:0}.table_top_alignment .duplicatable{padding:40px}.table_top_alignment .table_wrap{text-align:left}.table_top_alignment .duplicatable-content{width:100%}.table_top_alignment .duplicatable-content:nth-child(n+2){padding:0}.table_top_alignment .tr{display:flex;width:100%;border-bottom:1px solid rgba(205,205,205,0.5);font-size:16px}.table_top_alignment .th,.table_top_alignment .td{padding:2rem 1rem;vertical-align:middle;width:100%;width:calc(100% - 200px);padding:20px;letter-spacing:2px}.table_top_alignment .th{padding:20px;width:200px;font-weight:bold;display:flex;align-items:center;letter-spacing:2px}@media only screen and (max-width: 1024px){.table_top_alignment{font-size:1.5rem}.table_top_alignment .table_wrap{width:100%}.table_top_alignment .duplicatable-content{display:table;padding:0}.table_top_alignment .tr{display:flex}.table_top_alignment .th,.table_top_alignment .td{white-space:normal}}@media only screen and (max-width: 767px){.table_top_alignment .section_inner{padding:0}.table_top_alignment .duplicatable{padding:14px 20px 20px}.table_top_alignment .tr{flex-direction:column;display:grid;font-size:14px}.table_top_alignment .th{width:100%;padding-top:15px;padding-bottom:5px}.table_top_alignment .td{width:100%;padding-top:0;padding-bottom:15px}} .table_top_alignment{font-size:1.2rem}.table_top_alignment .section_inner{max-width:880px;margin:0 auto;padding:0}.table_top_alignment .duplicatable{padding:40px}.table_top_alignment .table_wrap{text-align:left}.table_top_alignment .duplicatable-content{width:100%}.table_top_alignment .duplicatable-content:nth-child(n+2){padding:0}.table_top_alignment .tr{display:flex;width:100%;border-bottom:1px solid rgba(205,205,205,0.5);font-size:16px}.table_top_alignment .th,.table_top_alignment .td{padding:2rem 1rem;vertical-align:middle;width:100%;width:calc(100% - 200px);padding:20px;letter-spacing:2px}.table_top_alignment .th{padding:20px;width:200px;font-weight:bold;display:flex;align-items:center;letter-spacing:2px}@media only screen and (max-width: 1024px){.table_top_alignment{font-size:1.5rem}.table_top_alignment .table_wrap{width:100%}.table_top_alignment .duplicatable-content{display:table;padding:0}.table_top_alignment .tr{display:flex}.table_top_alignment .th,.table_top_alignment .td{white-space:normal}}@media only screen and (max-width: 767px){.table_top_alignment .section_inner{padding:0}.table_top_alignment .duplicatable{padding:14px 20px 20px}.table_top_alignment .tr{flex-direction:column;display:grid;font-size:14px}.table_top_alignment .th{width:100%;padding-top:15px;padding-bottom:5px}.table_top_alignment .td{width:100%;padding-top:0;padding-bottom:15px}} .table_top_alignment{font-size:1.2rem}.table_top_alignment .section_inner{max-width:880px;margin:0 auto;padding:0}.table_top_alignment .duplicatable{padding:40px}.table_top_alignment .table_wrap{text-align:left}.table_top_alignment .duplicatable-content{width:100%}.table_top_alignment .duplicatable-content:nth-child(n+2){padding:0}.table_top_alignment .tr{display:flex;width:100%;border-bottom:1px solid rgba(205,205,205,0.5);font-size:16px}.table_top_alignment .th,.table_top_alignment .td{padding:2rem 1rem;vertical-align:middle;width:100%;width:calc(100% - 200px);padding:20px;letter-spacing:2px}.table_top_alignment .th{padding:20px;width:200px;font-weight:bold;display:flex;align-items:center;letter-spacing:2px}@media only screen and (max-width: 1024px){.table_top_alignment{font-size:1.5rem}.table_top_alignment .table_wrap{width:100%}.table_top_alignment .duplicatable-content{display:table;padding:0}.table_top_alignment .tr{display:flex}.table_top_alignment .th,.table_top_alignment .td{white-space:normal}}@media only screen and (max-width: 767px){.table_top_alignment .section_inner{padding:0}.table_top_alignment .duplicatable{padding:14px 20px 20px}.table_top_alignment .tr{flex-direction:column;display:grid;font-size:14px}.table_top_alignment .th{width:100%;padding-top:15px;padding-bottom:5px}.table_top_alignment .td{width:100%;padding-top:0;padding-bottom:15px}} .table_top_alignment{font-size:1.2rem}.table_top_alignment .section_inner{max-width:880px;margin:0 auto;padding:0}.table_top_alignment .duplicatable{padding:40px}.table_top_alignment .table_wrap{text-align:left}.table_top_alignment .duplicatable-content{width:100%}.table_top_alignment .duplicatable-content:nth-child(n+2){padding:0}.table_top_alignment .tr{display:flex;width:100%;border-bottom:1px solid rgba(205,205,205,0.5);font-size:16px}.table_top_alignment .th,.table_top_alignment .td{padding:2rem 1rem;vertical-align:middle;width:100%;width:calc(100% - 200px);padding:20px;letter-spacing:2px}.table_top_alignment .th{padding:20px;width:200px;font-weight:bold;display:flex;align-items:center;letter-spacing:2px}@media only screen and (max-width: 1024px){.table_top_alignment{font-size:1.5rem}.table_top_alignment .table_wrap{width:100%}.table_top_alignment .duplicatable-content{display:table;padding:0}.table_top_alignment .tr{display:flex}.table_top_alignment .th,.table_top_alignment .td{white-space:normal}}@media only screen and (max-width: 767px){.table_top_alignment .section_inner{padding:0}.table_top_alignment .duplicatable{padding:14px 20px 20px}.table_top_alignment .tr{flex-direction:column;display:grid;font-size:14px}.table_top_alignment .th{width:100%;padding-top:15px;padding-bottom:5px}.table_top_alignment .td{width:100%;padding-top:0;padding-bottom:15px}} .sub_title{font-family:"YakuHanMP, Vollkorn, 'Hiragino Mincho ProN', eatYuM, 'Sawarabi Mincho', Meiryo, sans-serif";padding:8rem 0 8rem}.sub_title .section_h3{font-family:YakuHanMP, Vollkorn, "Hiragino Mincho ProN", eatYuM, "Sawarabi Mincho", Meiryo, sans-serif}.sub_title .text-side{max-width:850px;margin:auto;text-align:center}.sub_title .subtitle{letter-spacing:0px}.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:1.8rem}.sub_title .subtitle_wrap .subtitle{font-size:1.4rem}@media only screen and (min-width: 768px){.sub_title .headding_wrap .section_h3,.sub_title .editable_wrap{font-size:4rem}.sub_title .subtitle_wrap .subtitle{font-size:1.8rem}}@media only screen and (max-width: 767px){.sub_title{padding:2.4rem 0 2.4rem}} .formapps .form_area .form-item .awesomplete{display:block;width:100%;padding:0 !important}.form_area .awesomplete li mark{display:inline-block;padding:0 0 0 0.5rem;background:#f2f2f2;border-radius:0.3em}.form_area .awesomplete>ul{box-shadow:unset;overflow:hidden}.form_area .awesomplete>ul>li{color:#333}.form_area .awesomplete>ul>li::after{content:"";position:absolute;left:0;right:0;bottom:0;margin:auto;width:100%;height:2px;background-color:#ccc;transition:transform 0.2s;transform:scaleX(0)}.form_area .awesomplete>ul>li:first-child{border-radius:0.3em 0.3em 0 0}.form_area .awesomplete>ul>li:last-child{border-radius:0 0 0.3em 0.3em}.form_area .awesomplete>ul>li:hover{background-color:#f2f2f2}.form_area .awesomplete>ul>li:hover mark{background-color:#f2f2f2}.form_area .awesomplete>ul>li:hover::after{transform:scaleX(1)}.formapps_stripe_light .section_inner{padding:0}.formapps_stripe_light .form_area .form-item:not(.send_btn):nth-child(even),.formapps_stripe_light .dummy_form_area .form-item:not(.send_btn):nth-child(even){background-color:rgba(0,0,0,0.1)}.formapps_stripe_light .form_area .form-item:not(.send_btn) div,.formapps_stripe_light .dummy_form_area .form-item:not(.send_btn) div{padding:1rem}@media only screen and (min-width: 768px){.formapps_stripe_light .form_area .form-item,.formapps_stripe_light .dummy_form_area .form-item{padding:2rem}} .eat_cms .cta_fixed{padding:5rem 0 10rem}.eat_cms .cta_fixed .duplicatable-content{width:120px;margin:0 auto 15px}.eat_cms .cta_fixed::after{content:"レビュー画面もしくは公開画面で確認してください。\Aこのセクションは1ページにつき1つまでが望ましいです。";position:absolute;left:50%;bottom:0;width:100%;padding:2rem;background-color:#2C5DFF;font-size:1.6rem;text-align:center;color:#fff;transform:translateX(-50%);white-space:pre}body:not(.eat_cms) .cta_fixed{opacity:0;right:10px;padding:10px;border-radius:10px}body:not(.eat_cms) .cta_fixed .duplicatable-content:not(:last-child){margin-bottom:10px}body:not(.eat_cms) .cta_fixed .fixed_btn{width:50px}body:not(.eat_cms) .cta_fixed .image-frame div{display:flex}@media only screen and (max-width: 768px){body:not(.eat_cms) .cta_fixed{top:auto;right:5px;bottom:60px}body:not(.eat_cms) .cta_fixed .fixed_btn{width:40px}}.cta_fixed .duplicatable-container{display:flex;flex-direction:column}.cta_fixed .fixed_btn{text-align:center}.cta_fixed .image-frame{border-radius:10px;overflow:hidden}body:not(.eat_cms) section.fixed{z-index:2}body:not(.eat_cms) section.fixed .pos_fixed_section{animation:fadeFixedSection 0.3s ease-in forwards}body:not(.eat_cms) section.fixed .close_situation_bottom{animation:fadeOutFixedSection 0.3s ease-in forwards}body:not(.eat_cms) section.fixed .close_situation_top{animation:fadeOutFixedSection 0.3s ease-in forwards}@keyframes fadeFixedSection{0%{opacity:0}100%{opacity:1}}@keyframes fadeOutFixedSection{0%{opacity:1}100%{opacity:0}} .eat_cms #content-wrapper #section-wrapper .page_top .section_btn:nth-child(1) a{position:absolute;top:0;left:0;right:0px;bottom:0px}.section_btn .page_top_btn a{position:relative;display:inline-block;padding-left:21px;color:#333;text-decoration:none}.section_btn .page_top_btn a:before{content:'';width:18px;height:18px;border:0;border-top:solid 2px #fff;border-right:solid 2px #fff;position:absolute;top:50%;left:37%;margin-top:-4px;transform:rotate(-45deg)}@media only screen and (max-width: 1024px){.section_btn .page_top_btn a:before{width:14px;height:14px;left:36%}}@media only screen and (max-width: 767px){.section_btn .page_top_btn a:before{left:35%}}.section_btn .page_top_btn:hover{opacity:0.7;transition:0.3s ease-in-out}body:not(.eat_cms) section{z-index:1}body:not(.eat_cms) section.fiexd{z-index:2}body:not(.eat_cms) section.fiexd .page_top{animation:fadeFiexdBtn 0.3s ease-in forwards}body:not(.eat_cms) section.fiexd .close_section{animation:fadeOutFiexdBtn 0.3s ease-in forwards}body:not(.eat_cms) .page_top{position:fixed;z-index:2;bottom:0;left:0;max-width:100%;padding:0;opacity:0}body:not(.eat_cms) .page_top::after{display:none}.eat_cms .page_top{position:relative;height:50px;padding:5rem 10rem 15rem}.eat_cms .page_top::after{display:block}.page_top{max-width:100%;width:100%}.page_top::after{content:"レビュー画面もしく公開画面で確認してください。";position:absolute;left:50%;bottom:0;width:100%;padding:2rem;background-color:#2C5DFF;font-size:1.6rem;text-align:center;color:#fff;transform:translateX(-50%)}.page_top .page_top_btn{font-size:2rem}.page_top .text-side{display:flex;max-width:80px;margin:0 auto}@media only screen and (max-width: 1024px){.page_top .text-side{max-width:50px}}.page_top .section_btn{padding:0;height:55px}.page_top .section_btn a{padding:1rem;text-align:center;border-radius:50%;font-size:2rem;opacity:.7;width:80px;height:80px}@media only screen and (max-width: 1024px){.page_top .section_btn a{width:50px;height:50px}}.page_top .section_btn:nth-child(1){position:relative;z-index:2;width:250px}.page_top .section_btn:nth-child(1) a{position:fixed;right:40px;bottom:30px;background-color:#333;color:#333;border:3px solid #333}.page_top .section_btn:nth-child(1) a:hover{box-shadow:0 0 0 1rem #333 inset}@media only screen and (max-width: 767px){.page_top .section_btn:nth-child(1) a{right:10px;bottom:10px}}.page_top .section_btn:nth-child(2){position:relative;z-index:1;max-width:50px}.page_top .section_btn:nth-child(2) a{position:relative;width:55px;height:55px}.page_top .section_btn:nth-child(2) a:hover{box-shadow:0 0 0 0.4rem #fff inset}.page_top .section_btn:nth-child(2) a::after{position:absolute;top:0;left:0;background-image:url(/resources/images/mail.png);background-repeat:no-repeat;background-position:50% 50%;background-size:60%;width:100%;height:100%;content:"";font-size:3.6rem}body:not(.eat_cms) .page_top{left:calc(44%);bottom:8%}@media only screen and (max-width: 767px){body:not(.eat_cms) .page_top{right:10px;bottom:80px}}@keyframes fadeFiexdBtn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOutFiexdBtn{0%{opacity:1}100%{opacity:0}} #footer-section{z-index:3}@media only screen and (max-width: 1060px){.jobs #footer-section .detail-side{display:none}}.footer-block .footer_place .detail-side{bottom:0;transition:bottom .5s}.footer_place{font-size:1.4rem}.footer_place .section_inner{max-width:initial;margin:0 10px 0 20px}.footer_place .footer-company{position:relative}.footer_place .footer-company .footer-company_inner{justify-content:space-between}.footer_place .footer-company .footer-company_inner .footer-company_inner_left{display:flex}@media only screen and (max-width: 1060px){.footer_place .footer-company .footer-company_inner .footer-company_inner_left{display:block}}.footer_place .footer-company .footer-company_inner .footer-company_inner_left .menu-block-outer{order:2;display:flex;justify-content:space-evenly;font-size:14px;margin-left:80px}@media only screen and (max-width: 1060px){.footer_place .footer-company .footer-company_inner .footer-company_inner_left .menu-block-outer{border-bottom:1px solid #666666;width:80%;margin:0 auto;padding-bottom:40px;padding-top:10px}}.footer_place .footer-company .footer-company_inner .footer-company_inner_left .menu-block-outer .menu-block{margin-right:10px}.footer_place .logo-side{margin-right:80px;text-align:center}@media only screen and (max-width: 1060px){.footer_place .logo-side{margin-right:0;text-align:center}}.footer_place .logo{max-width:120px;margin:0 auto 2rem}.footer_place .logo img{width:auto;max-width:100%}.footer_place .logo div{display:inline}.footer_place .menu-side{display:none}.footer_place .detail-side{text-align:center;font-size:1.4rem;display:-ms-flexbox;-ms-flex-direction:row-reverse;flex-direction:row-reverse;position:fixed;bottom:-100%;left:0;transition:bottom .8s .2s}.footer_place .detail-side .copyright{font-size:12px;margin-top:50px;padding-right:20px}@media only screen and (max-width: 1060px){.footer_place .detail-side .copyright{margin-top:40px;margin-bottom:40px;padding-right:0;font-size:10px}}.footer_place .detail-side_first{width:80px;display:-ms-flexbox;-ms-flex-align:center;-ms-flex-pack:center;justify-content:center;position:relative;display:flex}.footer_place .detail-side_first .tel{letter-spacing:0}.footer_place .detail-side_first .tel a{position:absolute;width:100%;height:100%;top:0;left:0}.footer_place .detail-side_first .hour{font-size:1.2rem;display:none;border-left:1px solid #cfcfcf !important;padding-left:24px}@media only screen and (max-width: 1060px){.footer_place .detail-side_first .hour{border-left:none !important;padding-left:0}}.footer_place .detail-side_second{-ms-flex-positive:1;flex-grow:1}.footer_place .letter{letter-spacing:.1em}.footer_place .copy{font-size:1.2rem;text-align:center}.footer_place .sns-side{margin-bottom:2rem}@media only screen and (max-width: 1060px){.footer_place .sns-side{padding-top:1.4rem}}.footer_place .sns-side .duplicatable-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width: 1060px){.footer_place .sns-side .duplicatable-container{justify-content:flex-start}}.footer_place .sns-side .duplicatable-content{max-width:70px;width:30px;margin-right:10px;margin-left:10px}.footer_place .section_btn a{white-space:nowrap}@media only screen and (min-width: 1060px){.footer_place .footer-company{padding-top:48px;padding-bottom:48px}.footer_place .footer-company_inner{display:flex}.footer_place .logo{display:block;margin:0 auto}.footer_place .menu-block{order:2}.footer_place .menu-side{display:block}.footer_place .menu-side .duplicatable-container{max-height:146px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;-ms-flex-pack:end;justify-content:flex-start;flex-direction:column;align-items:flex-start;height:146px}.footer_place .menu-side .duplicatable-content{width:auto;padding:0;font-size:14px;width:200px;text-align:initial}.footer_place .logo-side{order:1;width:200px;margin:0 auto}.footer_place .detail-side{order:3;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;text-align:left;position:static;background-color:transparent}.footer_place .detail-side_first{margin-bottom:4rem;font-size:1.8rem;text-align:right;display:block}.footer_place .detail-side_first .tel{font-size:14px;margin-right:20px}.footer_place .detail-side_first .tel:after{content:none}.footer_place .detail-side_first .tel a{position:relative;pointer-events:none}.footer_place .detail-side_first .hour{display:block;text-align:initial}.footer_place .detail-side_second{max-width:300px;margin-bottom:3rem}.footer_place .detail-side>div{margin-bottom:0;width:100%;display:flex;align-items:flex-start;justify-content:flex-end;text-align:center}.footer_place .copy{padding-bottom:45px;padding-right:30px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:flex-start}.footer_place .sns-side{margin-bottom:0;margin-top:70px}.footer_place .sns-side .duplicatable-content{width:30px}.footer_place .section_btn{margin:auto 0 auto auto}}@media only screen and (max-width: 1060px){.footer_place .detail-side_second .section_btn{max-width:none}.footer_place .detail-side_second .section_btn a{border-radius:0}}@media only screen and (max-width: 1060px){.footer_place .section_inner{margin:0;padding-top:4.8rem}.footer_place .section_inner .footer-company .footer-company_inner{display:flex;flex-direction:column}.footer_place .section_inner .footer-company .footer-company_inner .footer-company_inner_left .logo-side .sns-side .duplicatable .duplicatable-container{justify-content:center}.footer_place .section_inner .footer-company .footer-company_inner .footer-company_inner_left .logo-side .sns-side .duplicatable .duplicatable-container .duplicatable-content{margin-right:10px;margin-left:10px}.footer_place .section_inner .footer-company .footer-company_inner .menu-block{order:2}.footer_place .section_inner .footer-company .footer-company_inner .menu-block .menu-side{display:block}.footer_place .section_inner .footer-company .footer-company_inner .detail-side{display:block;position:static;order:3;margin:0 auto;margin-top:30px;width:80%}.footer_place .section_inner .footer-company .footer-company_inner .detail-side .detail-side_first{display:block;width:initial;font-size:14px}.footer_place .section_inner .footer-company .footer-company_inner .detail-side .detail-side_first .hour{display:block;margin-top:20px;display:inline-block}}@media only screen and (min-width: 1060px){_:-ms-lang(x)::-ms-backdrop,.footer_place .detail-side{align-items:center;margin:unset}_:-ms-lang(x)::-ms-backdrop,.footer_place .detail-side_second{margin-left:2rem}}@media only screen and (max-width: 1060px){_::-webkit-full-page-media,_:future,:root .detail-side_first{text-align:center}_::-webkit-full-page-media,_:future,:root .tel.letter.editable{display:grid}} @charset "UTF-8";#section-wrapper{background-color:#fff}#section-wrapper .headding{ font-family: "游ゴシック体", YakuHanJP, “Noto Sans JP”, “Helvetica Neue”, Lato, “Droid Sans”, “Hiragino Kaku Gothic ProN”, eatYuG, Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .subtitle{ font-family: "游ゴシック体", YakuHanJP, “Noto Sans JP”, “Helvetica Neue”, Lato, “Droid Sans”, “Hiragino Kaku Gothic ProN”, eatYuG, Meiryo, sans-serif; line-height: ; letter-spacing: em; }#section-wrapper .letter{ font-family: "游ゴシック体", YakuHanJP, “Noto Sans JP”, “Helvetica Neue”, Lato, “Droid Sans”, “Hiragino Kaku Gothic ProN”, eatYuG, Meiryo, sans-serif; line-height: ; letter-spacing: em; }@media only screen and (min-width:769px){}#loading{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:none}#loading .loading_inner{width:100%;height:90px;position:absolute;top:50%}#loading .loading_inner .loader_animation,#loading .loading_inner .loader_animation:before,#loading .loading_inner .loader_animation:after{border-radius:50%;width:2.4rem;height:2.4rem;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.3s infinite ease-in-out;animation:load7 1.3s infinite ease-in-out}#loading .loading_inner .loader_animation{color:#fff;font-size:12px;margin:10px auto;position:relative;top:-30px;text-indent:-9999rem;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}#loading .loading_inner .loader_animation:before,#loading .loading_inner .loader_animation:after{content:'';position:absolute;top:0}#loading .loading_inner .loader_animation:before{left:-3.4rem;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}#loading .loading_inner .loader_animation:after{left:3.4rem}@-webkit-keyframes load7{0%,80%,100%{box-shadow:0 2.45rem 0 -1.25rem}40%{box-shadow:0 2.45rem 0 0}}@keyframes load7{0%,80%,100%{box-shadow:0 2.45rem 0 -1.25rem}40%{box-shadow:0 2.45rem 0 0}}#loading .circle{position:fixed;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;border:8px solid #f00;border-right-color:transparent;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1.0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.2}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.2}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1.0}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:.2}} /* --------------------------------- 共通 --------------------------------- */ /* ボタン */ .section_btn a:hover, .section_btn input:hover, .formapps .section_btn input:hover { background-color: #8dbe04 !important; opacity: 1 !important;; } .btn .section_btn a, .formapps .section_btn input { background-color: #333; } /* Vertical Icon Dup */ @media only screen and (min-width: 768px) { .vertical_icon_dup .duplicatable-container { display: flex; justify-content: center; gap: 30px; } .infomation_background_image .text-area h3 span { font-size: 26px; } } #section-wrapper .vertical_icon_dup .headding, #section_369679 .letter_wrap_basic { text-shadow: 0 0 5px rgb(0 0 0 / 60%); font-weight: 700; } .vertical_icon_dup .image-frame-bg { overflow: hidden; } .vertical_icon_dup .duplicatable-content_inner a .text-side .image-frame { transition: .5s; } .vertical_icon_dup .duplicatable-content_inner a:hover .text-side .image-frame { transform: scale(1.15); } .vertical_icon_dup a .text-side_bg .image-frame-bg .frame-image { transition: .5s; } .vertical_icon_dup a:hover .text-side_bg .image-frame-bg .frame-image { transform: scale(1.07); } .vertical_icon_dup .text-side .image-frame img { width: 75%; } /* Infomation Background Image */ @media only screen and (min-width: 768px) { #section-wrapper .infomation_background_image .text-area h3 { font-size: 48px!important; } } #section-wrapper .infomation_background_image a::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: .5s; } #section-wrapper .infomation_background_image a:hover { opacity: 1 !important; } #section-wrapper .infomation_background_image a:hover::after { background-color: rgba(255, 255, 255, 0.3); } .infomation_background_image .text-area .section_btn .linker { display: none; } .infomation_background_image .dc-inner_bg, .infomation_background_image a, .infomation_background_image .text-side { border-radius: 0; } /* H1 */ .mainvisual_rounded .text-side h1 { color: #00fa9a; } /* Block Vertical */ .block_vertical_two .headding_wrap { border-bottom: 1px solid #707070; padding-bottom: 12px; } @media only screen and (min-width: 768px) { .block_vertical_two .image-side_inner .image-frame_wrap:nth-child(1) { position: relative; top: 35px; } } /* Title Line Wide Minimal */ @media only screen and (min-width: 768px) { .title_line_wide .headding { font-size: 3.2rem; } } /* How It Works Basis */ .how_it_works_basis-image_container .image-side .image-frame-bg { background-color: #8dbe04 !important; } .how_it_works_basis-image_container .image-side_text .editable_wrap { font-size: 5.6rem; } /* h1section共通 */ .mainvisual_rounded .image-side .frame-image { border-radius: 0; } .mainvisual_rounded .text-side::before, .mainvisual_rounded .text-side::after, .mainvisual_rounded .image-side::before, .mainvisual_rounded .image-side::after { content: none; } /* --------------------------------- ヘッダー --------------------------------- */ /* ヘッダー背景 透過*/ .gnav_draewr .section_inner .gnav_bg { background-color: rgba(255, 255, 255, 0.8) !important; } /* ヘッダー ロゴ*/ .gnav_draewr .logo_side img { width: 180px; } /* ヘッダー ナビ*/ @media only screen and (min-width: 1025px) { .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items { padding: 28px 10px; } } @media only screen and (min-width: 1280px) { .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items { padding: 28px 20px; } } @media only screen and (min-width: 1025px) { .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items li { font-size: 14px; } } @media only screen and (min-width: 1280px) { .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items li { font-size: 16px; } } @media only screen and (min-width: 1025px) { .gnav_wide_block_employment.gnav_draewr .logo_side { margin-left: 8px; } } @media only screen and (min-width: 1280px) { .gnav_wide_block_employment.gnav_draewr .logo_side { margin-left: 20px; } } /* ヘッダーホバー */ .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items li a { transition: .5s !important; position: relative; } .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items li a:hover { opacity: 1 !important;; color: #039C96 !important; } .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items li li:not(:last-child) a::after { transition: .5s; content: ""; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; } /* .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items li:not(:last-child) a:hover::after { background-color: #039C96; } */ .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items li:last-child, .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items li:last-child a { border-radius: 0 !important; } /* --------------------------------- フッター --------------------------------- */ #footer-section .editable a { color: #1F1F1F; } /* --------------------------------- トップページ --------------------------------- */ /* 昭和建設工業を手掛ける事業（サブタイトル） */ #section_371377 .subtitle { font-size: 24px; font-weight: 700; } @media only screen and (min-width: 768px) { #section_371377 .subtitle { font-size: 50px; } } /* 3つのカラム */ @media only screen and (min-width: 768px) { .new_standard_content_two .duplicatable-container { justify-content: center; } } @media only screen and (min-width: 768px) { .new_standard_content_two .duplicatable-content { width: 31%; } } @media only screen and (min-width: 768px) { .new_standard_content_two .duplicatable-content:nth-child(n+3) { margin: 0 0 0 3%; } } /* Three Cards Dot Separator */ #section_370208 .three_cards_dot_separator a .frame-image, #section_370210 .three_cards_dot_separator a .frame-image { transition: .5s; } #section_370208 .three_cards_dot_separator a:hover .frame-image, #section_370210 .three_cards_dot_separator a:hover .frame-image { transform: scale(1.15); } #section_370208 .three_cards_dot_separator a .headding, #section_370210 .three_cards_dot_separator a .headding { transition: .5s; } #section_370208 .three_cards_dot_separator a:hover .headding, #section_370210 .three_cards_dot_separator a:hover .headding { transform: scale(1.07); } /* ブログボタン */ #section_369685 .width-limit .section_inner { max-width: 850px; } #section_369685 .section_btn { margin-left: 0; } /* 施工事例ボタン */ #section_369684 .width-limit .section_inner { max-width: 850px; } #section_369684 .section_btn { margin-right: 0; } /* --------------------------------- 昭和建設工業を知る --------------------------------- */ #section_369785 .text-side_image { display: none; } #section_369785 .vertical_icon_dup .text-side { align-items: flex-end; -ms-flex-pack: flex-end; justify-content: flex-start; padding-left: 1em; } .how_it_works_basis-text_container .how_it_works_basis-step .image-side .image-frame-bg { background-color: #029C96; } /* --------------------------------- 昭和建設工業の強み --------------------------------- */ @media only screen and (min-width: 768px) { .sub_title .headding_wrap .section_h3 { font-size: 5rem; } } /* --------------------------------- 昭和建設工業で働く --------------------------------- */ .carousel_blocks_move::before, .carousel_blocks_move::after { background-color: #039C96; box-shadow: 100px 100px 0 0 #F5FCF0; } .title_line_wide .text-box .editable_wrap_title { font-size: 2.4rem; } #section_369835 .title_backcolor .text-side .headding_wrap, .title_backcolor .text-side .subtitle_wrap { background-color: rgba(255, 255, 255, 0.8); } #section_369835 .title_backcolor .text-side .headding_wrap .headding { color: #333; } /* --------------------------------- 求人情報 --------------------------------- */ #section_369948 .text-side_image, #section_369964 .text-side_image { display: none; } @media only screen and (min-width: 768px) { #section_369948 .vertical_icon_dup .duplicatable-container { flex-wrap: wrap; } } #section_369964 .vertical_icon_dup .duplicatable-content { width: 100%; height: 260px; } #section_369964 .vertical_icon_dup .duplicatable-content_inner { padding-top: 260px; } #section_369964 .duplicatable-content a:hover { opacity: 1; } #section_369964 .duplicatable-content a:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; transition: .5s; cursor: pointer; background: linear-gradient(105deg, #111 ,#3e4764)!important; opacity: 0; } #section_369964 .duplicatable-content a:hover:after { opacity: 1; } #section_369964 .vertical_icon_dup .section_h3 { font-size: 3rem; } @media only screen and (min-width: 768px) { #section_369964 .vertical_icon_dup .section_h3 { font-size: 3.6rem; } } /* --------------------------------- 会社概要 --------------------------------- */ #section_369669 .title_space_text .section_h3, .title_space_text .text-side_inner .text-side_description_title { padding-bottom: 4px; border-bottom: 1px solid #707070; margin-bottom: 8px; } #section_369669 .title_space_text.reverse .duplicatable-content:nth-child(odd) .image-side { display: none; } /* --------------------------------- サイトマップ --------------------------------- */ #section_369644 .editable a { padding: 1.5rem 0; border-bottom: solid 1px #1a1a1a; display: block; color: #1F1F1F; } /*20221109*/ .mainvisual_mountain .catch.text-side { text-shadow: 0 0 5px #000; } @media only screen and (min-width: 768px) { #section_369692 .block_vertical_two .duplicatable-content { margin-top: 5rem; } } .how_it_works_basis-image_container .image-side .image-frame-bg { border-radius: 0%; } /*全体背景*/ #section-wrapper:before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; /*opacity: .5;*/ background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/309993/optimized_CRED7PSuZFHxBBG8Bd1Yew.png) repeat center / cover; } @media (max-width: 1024.9px){ #section-wrapper:before { background: url(https://d1i7na1hjknxjq.cloudfront.net/uploads/storage/image/file/310005/optimized_0Qul3HM01cO6SwZYd61iOg.png) repeat center / cover; } } #section_369669 .title_space_text { padding: 0rem 0; } @media only screen and (max-width: 480px) { section:first-of-type .mainvisual_rounded { height: 100vh; } } @media only screen and (min-width: 1025px){ .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items li:last-child { background-color: #039C96; border-radius: 50px; width: 14%; height: auto; border: 2px solid #039C96; } .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items li:last-child a:hover { color: #039C96 !important ; } } .gnav_draewr .hamburger_top, .gnav_draewr .hamburger_mid, .gnav_draewr .hamburger_btm { background-color: #039C96; } .blog_posts .banner_text .banner_link { background-color: #039C96 !important; } .blog_posts .banner_text ._color_ { color: #039C96 !important; } .showcase_chart .banner_text .banner_link { background-color: #039C96 !important; } .showcase_chart .banner_text ._color_ { color: #039C96 !important; } #page_top.page_top .section_btn:nth-child(1) a { background-color: #039C96 ; border: 3px solid #039C96 ; opacity: 1 !important; } #page_top.page_top .section_btn:nth-child(1) a::hover { background-color: #039C96 ; border: 3px solid #039C96 ; } .section_btn a:hover, .section_btn input:hover, .formapps .section_btn input:hover { background-color: #039C96 !important; opacity: 1 !important; } .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items li:not(:last-child) a::after { content: '\e5cc'; display: inline-block; font-family: Material icons; font-size: 20px; letter-spacing: normal; line-height: 1; flex: 0 0 auto; font-feature-settings: "liga" 1; } #section-wrapper #section_556858, #section-wrapper #section_556860, #section-wrapper #section_556895{ background: transparent!important; } @media only screen and (max-width: 768px) { .h2_line .section_h2, .sub_title .section_h3{ font-size: 3rem!important; } } @media only screen and (min-width: 1025px) { .gnav_wide_block_employment.gnav_draewr .gnav_container .gnav_items li+li { margin-left: 0!important; } } .form-item_title{ font-weight: 700; } .formapps_border_light .form_area .form-item:not(.send_btn), .formapps_border_light .dummy_form_area .form-item:not(.send_btn) { border-bottom: 1px solid rgb(0 0 0); }