﻿@font-face{font-family:"Zen Maru Gothic";src:url(../fonts/Zen_Maru_Gothic/ZenMaruGothic-Medium.ttf) format("truetype");font-display:swap;ascent-override:90%;descent-override:20%;line-gap-override:0%;size-adjust:100%}@font-face{font-family:"Zen Maru Gothic Bold";src:url(../fonts/Zen_Maru_Gothic/ZenMaruGothic-Bold.ttf) format("truetype");font-display:swap;ascent-override:90%;descent-override:20%;line-gap-override:0%;size-adjust:100%}:root{--ja-font: "Zen Maru Gothic", sans-serif;--ja-font-2: "Zen Maru Gothic Bold", sans-serif;--text-color: #4c4c4c;--foot-color: #efefef;--font-size-200: clamp(180px, 2.6vw, 200px);--font-size-170: clamp(158px, 2.6vw, 170px);--font-size-150: clamp(146px, 2.6vw, 150px);--font-size-120: clamp(116px, 2.6vw, 120px);--font-size-100: clamp(90px, 2.6vw, 100px);--font-size-68: clamp(64px, 2.6vw, 68px);--font-size-64: clamp(58px, 2.6vw, 64px);--font-size-60: clamp(58px, 2.6vw, 60px);--font-size-58: clamp(45px, 2.6vw, 58px);--font-size-54: clamp(48px, 2.6vw, 54px);--font-size-48: clamp(42px, 2.6vw, 48px);--font-size-42: clamp(36px, 2.6vw, 42px);--font-size-36: clamp(32px, 2.6vw, 36px);--font-size-32: clamp(28px, 2.6vw, 32px);--font-size-30: clamp(28px, 2.6vw, 30px);--font-size-28: clamp(24px, 2.6vw, 28px);--font-size-24: clamp(22px, 2.6vw, 24px);--font-size-22: clamp(20px, 2.6vw, 22px);--font-size-21: clamp(20px, 2.6vw, 21px);--font-size-20: clamp(18px, 2.6vw, 20px);--font-size-18: clamp(18px, 2.6vw, 18px);--font-size-16: clamp(16px, 2.6vw, 16px);--font-size-14: clamp(15px, 2.6vw, 14px);--font-size-12: clamp(10px, 2.6vw, 12px);--font-size-10: clamp(10px, 2.6vw, 10px);--main-color: #87cefa;--sub-color: #5f5ffb;--bg-color: #f1faff;--bg-color-2: #f8fff6;--bg-color-3: #fff9ef;--orange: #ffa500;--yellow: #fdd23d;--green: #00a08c;--grey: #727272;--lightgrey: #c5c5c5;--lightgrey2: #f5f5f5;--primary: #6d5dfc;--primary-dark: #5b0eeb;--white: #fff;--greyLight-1: #e9f2ff;--greyLight-2: #ececec;--greyLight-3: #bec8e4;--greyDark: #9baacf;--backColor: #ebf3ff;--mainBackColor: #e6e6e6;--black: #555555;--btnColor: #eceef1}header{position:relative;width:100%;position:absolute;z-index:9}header.fixed{position:fixed;z-index:2;background-color:var(--white);top:0;animation:fadeInDown .5s ease;padding-bottom:5px}@keyframes fadeInDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}header .header_box{width:100%;display:flex;justify-content:space-between}header .header_logobox{text-align:center}header .header_txt{font-size:var(--font-size-12)}header .header_img{width:150px}header .header_navbox{display:grid}header .header_toplist{display:flex;align-items:center;justify-content:flex-end;font-size:var(--font-size-12);gap:30px}header .header_toplist a:hover{color:var(--green)}header .header_bottomlist{display:flex;gap:30px;align-items:center;justify-content:flex-end}header .header_link{font-size:clamp(18px,(18 + 16)/2/768*100vw,16px)}header .header_form .searchandfilter{display:flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;padding:10px;background-color:var(--white)}header .header_form .searchandfilter label{font-size:14px;display:block}header .header_form .searchandfilter input{background-color:#f2f2f2;padding:5px;border-radius:5px;color:#ababab}header .header_form .searchandfilter input::placeholder{color:#ababab}header .header_form .searchandfilter select{background-color:#f2f2f2;padding:5px;border-radius:5px;color:#ababab}header .header_form .searchandfilter .custom{color:#ababab}header .header_form .searchandfilter [type=submit]{width:10%;background-color:var(--yellow);color:var(--black);display:block;padding:10px 20px;border-radius:5px}header .header_form input{border:none;box-sizing:border-box;outline:none}header .header_form input::placeholder{color:#777}header .header_form button{display:flex;justify-content:center;align-items:center;width:50px;height:45px;border:none;background-color:rgba(0,0,0,0);cursor:pointer;position:relative}header .header_form button::after{width:35px;height:39px;background-image:url(../img/ico_search.svg);background-repeat:no-repeat;content:"";position:absolute;left:0;right:0;bottom:0;top:0;margin:auto}header .header_form .header_submit_sp{display:none}header [type=search]{width:240px}header .hamburger_box{display:none}header #globalMenuSp{display:none}header .base_apply_btn{animation:none}.header_menu_category{display:none;position:absolute;width:100%;left:0;padding-top:50px}.header_menu_category .header_menu_category_wrap{width:100%;background:url(../img/bg_noise_g.webp);padding:20px;border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,.5)}.cv_area{padding:100px 0;margin-top:150px;background:url(../img/bg_publish.webp) no-repeat top/cover}.cv_area .cv_photo_wrap{position:relative;display:flex;gap:10px}.cv_area .cv_m_txt{position:absolute;left:-50px;top:-170px}.cv_area .cv_m_free{position:absolute;right:-50px;top:-80px}.cv_area .cv_photo_top{display:flex;gap:10px}.cv_area .cv_photo_bottom{display:flex;gap:10px}.cv_area .cv_photo_left{width:59%;display:grid;gap:10px}.cv_area .cv_photo_right{width:50%}.cv_area .publish_wrap{border:3px solid var(--green);border-radius:20px;overflow:hidden;margin-top:50px}.cv_area .publish_wrap .publish_m_tl{background:url(../img/bg_noise_green.webp);color:var(--white);text-align:center;font-size:var(--font-size-36)}.cv_area .publish_wrap .publish_txt_box{background-color:var(--white);text-align:center;padding:50px}.cv_area .publish_wrap .publish_txt{margin-bottom:30px;font-size:var(--font-size-18)}.cv_area .publish_wrap .publish_tl{margin-bottom:30px;font-weight:bold}.cv_area .publish_wrap .publish_tl span{font-size:var(--font-size-24);display:inline-block;position:relative;color:var(--green)}.cv_area .publish_wrap .publish_tl span::before{content:"";width:50px;height:2px;background-color:var(--green);position:absolute;left:-50px;top:0;bottom:0;margin:auto;transform:rotate(40deg)}.cv_area .publish_wrap .publish_tl span::after{content:"";width:50px;height:2px;background-color:var(--green);position:absolute;right:-50px;top:0;bottom:0;margin:auto;transform:rotate(-40deg)}.cv_area .publish_wrap .publish_merit_wrap{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}.cv_area .publish_wrap .publish_merit_wrap li{background:radial-gradient(#f5f5f5, #d8d8d8);border-radius:20px;padding:20px;display:flex;align-items:center;justify-content:center}.cv_area .publish_wrap .publish_merit_wrap .ico{display:flex;justify-content:center;align-items:center;height:100px;margin-bottom:10px}.cv_area .publish_wrap .publish_merit_wrap .publish_merit_txt{font-size:var(--font-size-20);line-height:1.5}.cv_area .base_apply_btn{font-size:var(--font-size-24);padding:10px 30px}footer{position:relative;padding:50px 0 20px}footer .logo_txt{font-size:var(--font-size-12)}footer .footer_logo{text-align:center;display:block}footer .footer_logo img{width:150px}footer .ft_info{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--black);padding-bottom:20px;margin-bottom:20px}footer .ft_menu_wrap{display:flex;justify-content:space-between;align-items:flex-start}footer .ft_menu_box{display:grid;gap:10px}footer .bnr_box a{display:block;position:relative;overflow:hidden}footer .bnr_box a::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-image:linear-gradient(130deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);transition:.5s}footer .bnr_box a:hover:before{top:0;left:100%}footer .ft_menu_top{display:flex;align-items:center;gap:30px}footer .ft_menu_top a{font-size:var(--font-size-14)}footer .ft_menu_top a:hover{color:var(--green)}footer .ft_menu_top .large{font-size:var(--font-size-20)}footer .ft_menu_bottom{display:flex;align-items:center;gap:30px}footer .ft_menu_bottom a{font-size:14px}footer .ft_menu_bottom a:hover{color:var(--green)}footer .sns_box{display:grid;gap:20px}footer .sns_box .sns{display:flex;align-items:center;justify-content:flex-end;gap:20px}footer .sns_box .sns a:hover{opacity:.5}footer .copyright{margin-top:20px;color:#a7a7a7;text-align:center;font-size:var(--font-size-12)}.shop_popup{inset:0;display:none;background-color:rgba(0,0,0,.8);position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}.shop_popup.active .shop_popup_wrap{transform:translateY(0)}.shop_popup #close{position:absolute;right:20px;top:20px}.shop_popup .shop_popup_inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.shop_popup .shop_popup_wrap{position:relative;min-width:1000px;background-color:var(--white);border-radius:20px;padding:50px;transform:translateY(-20px);transition:transform .4s ease}.shop_popup .shop_name_box{display:flex;align-items:center;gap:10px;margin-bottom:30px}.shop_popup .shop_name_box .ico img{max-height:100px}.shop_popup .shop_name_box .shop_name{font-size:var(--font-size-24)}.shop_popup .shop_popup_box{display:flex;gap:30px;margin-bottom:30px}.shop_popup .photo_box{width:40%}.shop_popup .photo{border-radius:10px}.shop_popup .txt_box{width:60%;display:grid;gap:20px}.shop_popup .profile_wrap{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.shop_popup .profile_box{display:flex;gap:10px;align-items:center}.shop_popup .profile_tl{width:120px;font-size:var(--font-size-20)}.shop_popup .profile_list{display:flex;gap:5px}.shop_popup .profile_list.cunt1 li:nth-child(1){background-color:var(--yellow)}.shop_popup .profile_list.cunt2 li:nth-child(1),.shop_popup .profile_list.cunt2 li:nth-child(2){background-color:var(--yellow)}.shop_popup .profile_list.cunt3 li:nth-child(1),.shop_popup .profile_list.cunt3 li:nth-child(2),.shop_popup .profile_list.cunt3 li:nth-child(3){background-color:var(--yellow)}.shop_popup .profile_list.cunt4 li:nth-child(1),.shop_popup .profile_list.cunt4 li:nth-child(2),.shop_popup .profile_list.cunt4 li:nth-child(3),.shop_popup .profile_list.cunt4 li:nth-child(4){background-color:var(--yellow)}.shop_popup .profile_list.cunt5 li:nth-child(1),.shop_popup .profile_list.cunt5 li:nth-child(2),.shop_popup .profile_list.cunt5 li:nth-child(3),.shop_popup .profile_list.cunt5 li:nth-child(4),.shop_popup .profile_list.cunt5 li:nth-child(5){background-color:var(--yellow)}.shop_popup .profile_list li{background-color:#d9d9d9;border-radius:100px;width:13px;height:40px}.shop_popup .comment_box{background-color:#f2f2f2;padding:10px;border-radius:10px}.shop_popup .comment_box .comment{position:relative;font-size:var(--font-size-14);padding-left:30px}.shop_popup .comment_box .comment::before{content:"";width:24px;height:24px;position:absolute;left:0;top:0;bottom:0;margin:auto;background:url(../img/ico_comment.svg) no-repeat}.shop_popup .info_table{width:100%}.shop_popup .info_table table tbody{display:grid;grid-template-columns:repeat(1, 1fr);gap:10px}.shop_popup .info_table table th{width:200px;padding:5px;background-color:#f2f2f2;text-align:center;border-radius:10px}.shop_popup .info_table table td{padding-left:20px}.shop_popup .info_table table .fl_box{display:flex;flex-wrap:wrap;gap:10px}.shop_area .keyword{display:none}.shop_area .searchandfilter{display:flex;justify-content:center;align-items:center;gap:10px;border-radius:20px;padding:20px;margin:0 auto 50px;background-color:var(--white);box-shadow:0 0 20px rgba(0,0,0,.1)}.shop_area .searchandfilter .box{width:30%;display:flex;align-items:center;gap:5px}.shop_area .searchandfilter label{font-size:14px}.shop_area .searchandfilter input{background-color:#f2f2f2;padding:10px;border-radius:5px;width:calc(100% - 90px)}.shop_area .searchandfilter select{background-color:#f2f2f2;padding:10px 20px;border-radius:5px;width:calc(100% - 110px)}.shop_area .searchandfilter [type=submit]{width:10%;background-color:var(--yellow);color:var(--black);display:block;padding:10px 20px;border-radius:5px}.shop_area .shop_wrap{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}.shop_area .shop_box{background-color:var(--white);padding:20px;border-radius:10px;cursor:pointer;transition:.5s}.shop_area .shop_box:hover{box-shadow:0 0 20px rgba(0,0,0,.1);transition:.5s;transform:scale(1.05)}.shop_area .photo{border-radius:5px;margin-bottom:20px}.shop_area .txt_box{display:grid;gap:10px}.shop_area .category_list{display:flex;gap:10px}.shop_area .category_list .category{padding:0px 20px;border-radius:100px;text-align:center;font-size:var(--font-size-14);display:inline-block}.shop_area .category_list .category.cafe{background-color:#ffeeb4}.shop_area .category_list .category.italian{background-color:#ffe2b4}.shop_area .category_list .category.ramen{background-color:#f8faa2}.shop_area .category_list .category.yakiniku{background-color:#fab8a2}.shop_area .category_list .category.izakaya{background-color:#a2facf}.shop_area .category_list .category.hamburg{background-color:#a2befa}.shop_area .category_list .category.kaisen{background-color:#a2e5fa}.shop_area .category_list .category.hamburger{background-color:#a2fab4}.shop_area .category_list .category.curry{background-color:#e8c258}.shop_area .category_list .category.udon{background-color:#e7afe9}.shop_area .category_list .category.soba{background-color:#7ecba4}.shop_area .category_list .category.china{background-color:#fa7c7c}.shop_area .category_list .category.pan{background-color:#bac7f7}.shop_area .category_list .category.suits{background-color:#ccbaf7}.shop_area .category_list .category.other{background-color:#8768d1}.shop_area .tag_list{display:flex;flex-wrap:wrap;gap:10px}.shop_area .tag_list li{line-height:1}.shop_area .tag_list .tag{font-size:var(--font-size-12)}.shop_area .name{font-weight:bold;font-size:var(--font-size-20)}.shop_area .comment_box{background-color:#f2f2f2;padding:10px;margin-top:10px;border-radius:10px}.shop_area .comment_box .comment{position:relative;font-size:var(--font-size-12);padding-left:30px}.shop_area .comment_box .comment::before{content:"";width:24px;height:24px;position:absolute;left:0;top:0;bottom:0;margin:auto;background:url(../img/ico_comment.svg) no-repeat}.shop_area .comingsoon{width:800px}#toTop{position:fixed;right:10px;bottom:10px;transition:.3s;z-index:9}#toTop a{width:50px;height:50px;display:flex;align-items:center;background-color:var(--green);border-radius:100%;justify-content:center}#toTop img{width:20px;height:20px;transform:rotate(-90deg)}#toTop:hover{margin-bottom:5px;transition:.3s}section{padding:120px 0 0;position:relative}.loading{position:fixed;inset:0;background:var(--yellow);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;transform-origin:top right;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.loading .loading_ico{animation:rotate 2s infinite linear;width:250px}.loading.show{transform:translate(0, 0) skewY(0deg);opacity:1}.loading.hide{transform:translateY(-200%) skewY(-10deg);opacity:0}@keyframes rotate{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}#home .mv_area{position:relative;padding-top:10vw;background:url(../../img/bg_mv.svg) repeat-x center/contain;height:100vh;max-height:950px}#home .mv_area::before{content:"";background:url(../../img/fig_mv_1.svg) no-repeat center/contain;position:absolute;width:100%;height:100%;right:0;bottom:-5vw;transition:1.5s ease-in-out;animation:fuwafuwa 13s ease-in-out infinite alternate}#home .mv_area::after{content:"";background:url(../../img/fig_mv_2.svg) no-repeat center/contain;position:absolute;width:100%;height:100%;right:0;bottom:-5vw;transition:1.5s ease-in-out;animation:fuwafuwa2 13s ease-in-out infinite alternate}@keyframes fuwafuwa{0%{transform:translate(0, 0)}25%{transform:translate(10, 0px)}50%{transform:translate(-15px, -30px)}100%{transform:translate(0, 0)}}@keyframes fuwafuwa2{0%{transform:translate(0, 0)}25%{transform:translate(-10, 0px)}50%{transform:translate(15px, -10px)}100%{transform:translate(0, 40)}}#home .mv_area .swiper{width:100%;overflow:visible}#home .mv_area .swiper-slide{opacity:1;transform:scale(0.7);transition:.7s}#home .mv_area .swiper-slide-active .box{box-shadow:0 0 20px rgba(0,0,0,.3)}#home .mv_area .swiper-slide.hovered{transform:scale(0.8);transition:.5s;z-index:10}#home .mv_area .swiper-slide.hovered .photo::before{content:none}#home .mv_area .box{display:block;background-color:#e6eaeb;border:10px solid #e6eaeb;border-radius:10px;cursor:pointer}#home .mv_area .box .name{position:relative}#home .mv_area .box .name::before{content:"";width:50px;height:12px;position:absolute;left:0;top:0;bottom:0;margin:auto;background:url(../../img/ico_mv_pc.svg) no-repeat;background-size:50px}#home .mv_area .box .name span{background-color:var(--white);display:block;margin-bottom:10px;margin-left:auto;border-radius:2px;padding-left:5px;width:calc(100% - 65px)}#home .mv_area .box .photo{aspect-ratio:16/9;border-radius:5px;transition:.5s;position:relative}#home .mv_area .box .photo::before{content:"";background-color:rgba(0,0,0,.7);position:absolute;top:0;width:100%;height:100%;transition:.5s}#home .mv_area .swiper-slide-active{opacity:1;transform:scale(1);z-index:1}#home .mv_area .swiper-slide-active .photo::before{content:none}#home .mv_area .swiper-slide-active:hover{transform:scale(1.1) !important}#home .mv_area .bounce{animation:bounce .5s ease}@keyframes bounce{0%{transform:scale(1.1)}25%{transform:scale(1.15)}50%{transform:scale(1.05)}75%{transform:scale(1.12)}100%{transform:scale(1.1)}}#home .mv_area .mv_txt_box{position:absolute;bottom:30px;left:8vw;z-index:1}#home .mv_area .mv_txt_box .mv_tl{font-size:var(--font-size-42);line-height:1.5;margin-bottom:10px}#home .mv_area .mv_txt_box .mv_txt{font-size:var(--font-size-18)}#home .what_area .what_wrap{background-color:var(--white);padding:40px;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,.1)}#home .what_area .head_tl{font-size:var(--font-size-28);text-align:center;font-weight:bold;margin-bottom:50px}#home .what_area .head_tl span{background-color:var(--yellow);padding:5px;border-radius:5px;margin:0 5px}#home .what_area .what_box{display:flex;gap:30px;margin-bottom:50px}#home .what_area .what_tlbox{background-color:var(--green);padding:20px;border-radius:10px;text-align:center;display:flex;align-items:center;justify-content:center}#home .what_area .what_tlbox span{color:var(--white);width:100%;display:block}#home .what_area .what_tlbox img{width:40px;margin-bottom:10px}#home .what_area .solution_box{position:relative;text-align:center;border:2px solid var(--green);padding:20px;margin-left:auto;border-radius:10px;color:var(--green)}#home .what_area .solution_box::before{content:"";background:url(../../img/ico_arrow_green.svg) no-repeat;width:100px;height:50px;position:absolute;right:100%;top:0}#home .what_area .solution_box .logo{width:120px;margin:auto}#home .what_area .solution_box .solution_txt{font-weight:bold}#home .what_area .fig_wrap{display:grid;grid-template-columns:repeat(4, 1fr)}#home .what_area .fig_wrap li{text-align:center;display:flex;justify-content:center;align-items:flex-end}#home .shop_area .photo{aspect-ratio:4/3;min-width:0}#home .category_area{background:url(../img/bg_noise_g.webp);position:relative;margin-top:30vw;padding-top:0}#home .category_area::before{content:"";width:100%;height:24vw;position:absolute;left:0;bottom:100%;background:url(../../img/bg_city.svg) no-repeat top/cover}#home .commitment_area{background:url(../img/bg_noise_g.webp)}#home .map_area{background:url(../img/bg_noise_g.webp);padding-bottom:200px}#home .map_area .map_box{position:relative;width:100%;padding-top:56.25%}#home .map_area .map_box iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}#home .map_area .map_lazy{text-align:center;cursor:pointer}#home .map_area .map_lazy img{max-width:700px;position:relative;transition:.5s}#home .map_area .map_lazy img:hover{transform:scale(1.1);transition:.5s}#home .map_area .map_load_btn{text-align:center;background-color:var(--green);color:var(--white);max-width:300px;margin:30px auto 0;border-radius:10px;padding:10px}#home .cv_area{margin-top:0}#about .mv_area{background:url(../../about/img/mv_about.webp) no-repeat top/cover;height:100vh;position:relative;border-radius:0 0 100px 100px;overflow:hidden}#about .mv_area .photo{display:none}#about .mv_area .inner_wrap{height:100vh}#about .mv_area .mv_txt_box{position:absolute;bottom:200px;left:0;max-width:60%}#about .mv_area .mv_tl{font-size:var(--font-size-48);margin-bottom:10px;line-height:1.5;position:relative}#about .mv_area .mv_tl span{position:relative;z-index:1}#about .mv_area .mv_tl::after{content:"“ここに行きたい”と思わせる力をあなたのお店に。";position:absolute;left:0;top:0;color:#fff;-webkit-text-stroke:10px var(--white)}#about .mv_area .mv_txt{position:relative;margin-bottom:40px;font-size:var(--font-size-20);max-width:72%}#about .mv_area .mv_txt span{position:relative;z-index:1}#about .mv_area .mv_txt::after{content:"「はまメシ」は、飲食店のホームページ代わりになる簡易的に価値や取り組みを伝えられるサイトです。";position:absolute;left:0;top:0;color:#fff;-webkit-text-stroke:5px var(--white)}#about .mv_area .ico{position:absolute;right:0;bottom:100px}#about .mv_area .base_apply_btn{font-size:var(--font-size-24)}#about .about_grid{display:grid;gap:80px}#about .about_tl{color:var(--green);font-size:var(--font-size-28);text-align:center;margin-bottom:30px}#about .about_txt{text-align:center;font-size:var(--font-size-20);margin-bottom:30px}#about .about_wrap:nth-child(even) .fig{order:2}#about .about_wrap:nth-child(even) .txt_box{order:1}#about .about_box{display:flex;gap:40px}#about .about_box .fig{width:40%;text-align:center}#about .about_box .txt_box{width:60%;font-size:var(--font-size-18);line-height:2.2;display:grid;gap:20px}#about .about_box .txt_box .txt{background-color:var(--lightgrey2);padding:20px;border-radius:20px;font-weight:bold}#about .about_table{margin-bottom:40px}#about .about_table .about_table_tl{font-size:var(--font-size-24);border-bottom:2px solid var(--green);padding-bottom:10px;margin-bottom:20px}#about .about_table table tbody{display:grid;gap:10px}#about .about_table table th{width:300px;background-color:var(--green);color:var(--white);text-align:center;font-size:var(--font-size-20);border-radius:10px;padding:10px;margin-right:30px}#about .about_table table td{padding:20px;font-size:var(--font-size-20)}#about .operator_area .txt{font-size:var(--font-size-18);margin-bottom:40px}#about .operator_area .logo_box{display:flex;justify-content:center;align-items:center;gap:20px}#about .operator_area .logo_box a{position:relative;display:block;overflow:hidden}#about .operator_area .logo_box a::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-image:linear-gradient(130deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);transition:.5s}#about .operator_area .logo_box a:hover:before{top:0;left:100%}#service .price_area .price_table{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}#service .price_area .price_table_box{background-color:var(--white);border-radius:20px}#service .price_area .price_tlbox{padding:10px;text-align:center;font-weight:bold;color:var(--white);border-radius:15px 15px 0 0}#service .price_area .price_tlbox_tl{font-size:var(--font-size-36)}#service .price_area .price_tlbox_txt{font-size:var(--font-size-18);line-height:1.3;height:70px;display:flex;align-items:center;justify-content:center}#service .price_area .price_numbox{text-align:center;height:230px;margin:20px 30px;border-bottom:1px solid var(--lightgrey)}#service .price_area .price_numbox_txt{font-size:var(--font-size-20);font-weight:bold;padding-top:20px}#service .price_area .price_numbox_num{font-size:var(--font-size-54);font-weight:bold;line-height:1.2;margin-bottom:10px}#service .price_area .price_numbox_num small{font-size:var(--font-size-18)}#service .price_area .price_numbox_month{font-weight:bold}#service .price_area .price_numbox_month span{position:relative;padding:0 40px;font-size:var(--font-size-20)}#service .price_area .price_numbox_month span::before{content:"";width:20px;height:2px;background-color:var(--black);position:absolute;left:0;top:0;bottom:0;margin:auto}#service .price_area .price_numbox_month span::after{content:"";width:20px;height:2px;background-color:var(--black);position:absolute;right:0;top:0;bottom:0;margin:auto}#service .price_area .price_numbox_year{font-weight:bold}#service .price_area .price_numbox_year span{position:relative;padding:0 40px;font-size:var(--font-size-20)}#service .price_area .price_numbox_year span::before{content:"";width:20px;height:2px;background-color:var(--black);position:absolute;left:0;top:0;bottom:0;margin:auto}#service .price_area .price_numbox_year span::after{content:"";width:20px;height:2px;background-color:var(--black);position:absolute;right:0;top:0;bottom:0;margin:auto}#service .price_area .price_numbox_year_num{display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:var(--font-size-42);line-height:1;gap:10px}#service .price_area .price_numbox_year_num small{font-size:var(--font-size-18)}#service .price_area .value{padding:10px;margin-top:4px;border-radius:100px;color:var(--white);font-size:var(--font-size-20)}#service .price_area .price_listbox{padding:0px 30px 20px}#service .price_area .price_list_all{text-align:center;padding:10px;border-radius:5px}#service .price_area .plus{color:var(--green);text-align:center;line-height:1.5;font-size:var(--font-size-36)}#service .price_area .freeplan .price_tlbox{color:var(--black);background-color:var(--yellow)}#service .price_area .freeplan .price_numbox_num{font-size:150px;line-height:.8}#service .price_area .freeplan .price_numbox_num small{font-size:var(--font-size-36)}#service .price_area .basicplan{position:relative;border:3px solid var(--green);background-color:#eafffc}#service .price_area .basicplan::before{content:"＼おすすめプラン／";position:absolute;bottom:100%;left:0;right:0;margin:auto;text-align:center;color:var(--green);font-size:var(--font-size-24)}#service .price_area .basicplan .price_tlbox{background-color:var(--green)}#service .price_area .basicplan .value{background-color:var(--green)}#service .price_area .basicplan .price_list_all{background-color:var(--yellow)}#service .price_area .premiumplan .price_tlbox{background:linear-gradient(90deg, var(--yellow), var(--green))}#service .price_area .premiumplan .value{background:linear-gradient(90deg, var(--yellow), var(--green))}#service .price_area .premiumplan .price_list_all{background-color:var(--green);color:var(--white)}#service .designtemplate_area .note{text-align:right;font-size:var(--font-size-18)}#service .correction_area .note{text-align:right;font-size:var(--font-size-18)}#service .flow_area .flow_wrap{display:grid;gap:20px}#service .flow_area .flow_box{background-color:var(--white);border-radius:20px;display:flex;align-items:center;padding:40px;gap:20px}#service .flow_area .flow_box:nth-child(odd) .num_box{color:var(--green)}#service .flow_area .flow_box:nth-child(even) .num_box{color:var(--yellow)}#service .flow_area .num_box{width:10%;text-align:center}#service .flow_area .num_box .num_txt{font-size:var(--font-size-20);line-height:1;letter-spacing:5px}#service .flow_area .num_box .num{line-height:.8;font-size:var(--font-size-100)}#service .flow_area .ico{width:30%;text-align:center}#service .flow_area .txt_box{width:60%}#service .flow_area .txt_box .tl{font-weight:bold;font-size:var(--font-size-24);margin-bottom:10px}#service .flow_area .txt_box .txt{font-size:var(--font-size-14)}#service .flow_area .txt_box .base_apply_btn{margin-top:30px}#service .terms_area .terms_wrap{background-color:var(--white);border-radius:20px;padding:40px}#service .terms_area .terms_box{margin-bottom:40px}#service .terms_area .tl{color:var(--green);font-size:var(--font-size-24);margin-bottom:10px}#faq .faq_area .faq_menu{display:flex;justify-content:center;gap:20px}#faq .faq_area .faq_wrap{padding-top:100px}#faq .faq_area .owner_btn{width:255px;background-color:var(--white);display:flex;justify-content:center;align-items:center;position:relative;color:var(--green);font-size:var(--font-size-20);border:1px solid;padding:20px 20px 10px;border-radius:100px;transition:.5s}#faq .faq_area .owner_btn img{position:absolute;top:-40px;left:0;right:0;margin:auto}#faq .faq_area .owner_btn:hover{transform:scale(1.1)}#faq .faq_area .user_btn{width:255px;background-color:var(--white);display:flex;justify-content:center;align-items:center;position:relative;color:var(--yellow);font-size:var(--font-size-20);border:1px solid;padding:20px 20px 10px;border-radius:100px;transition:.5s}#faq .faq_area .user_btn img{position:absolute;top:-40px;left:0;right:0;margin:auto}#faq .faq_area .user_btn:hover{transform:scale(1.1)}#faq .faq_area .owner_tl{min-width:355px;max-width:500px;background-color:var(--white);display:flex;justify-content:center;align-items:center;position:relative;color:var(--green);font-size:var(--font-size-36);border:1px solid;padding:20px 20px 10px;border-radius:100px;margin:0 auto 50px}#faq .faq_area .owner_tl img{position:absolute;top:-40px;left:0;right:0;margin:auto}#faq .faq_area .user_tl{min-width:355px;max-width:500px;background-color:var(--white);display:flex;justify-content:center;align-items:center;position:relative;color:var(--yellow);font-size:var(--font-size-36);border:1px solid;padding:20px 20px 10px;border-radius:100px;margin:0 auto 50px}#faq .faq_area .user_tl img{position:absolute;top:-40px;left:0;right:0;margin:auto}#faq .faq_area #user .faqBox .que_box .ico{background-color:var(--yellow)}#faq .faq_area #user .faqBox .answerBox .ico{border:1px solid var(--yellow);color:var(--yellow)}#faq .faq_area #user .switchIcon::before,#faq .faq_area #user .switchIcon::after{background-color:var(--yellow)}#shop .shop_main_title{margin-bottom:50px}#shop .shop_area .photo{height:200px}#shop .shop_inner{display:flex;gap:40px;align-items:flex-start}#shop .shop_inner .shop_wrap_left{width:80%}#shop .shop_inner .shop_wrap_right{width:20%;display:grid;gap:30px}#shop .shop_inner .shop_wrap_right .shop_menu_wrap{background-color:var(--white);padding:20px;border-radius:10px;display:grid;gap:10px;border-top:10px solid var(--green)}#shop .shop_inner .shop_wrap_right .shop_menu_tl{color:var(--green);border-bottom:1px solid}#shop .shop_inner .shop_wrap_right a:hover{color:var(--green)}#shop .controller_box{margin-bottom:40px}#shop .controller_box li{border-radius:10px}#shop .controller_box li.is-active{padding:15px}#shop .tab_content{background-color:rgba(0,0,0,0);padding:0}#news .news_area .date{font-size:var(--font-size-14)}#news .news_area .category{font-size:var(--font-size-14);padding:5px 10px;text-align:center;border-radius:100px}#news .news_area .category.information{color:#aeaeae;border:1px solid}#news .news_area .tl{font-size:var(--font-size-20);display:block}#news .news_area .news_list{display:grid;gap:20px}#news .news_area .news_list li{background-color:var(--white);border-radius:10px;padding:30px;display:flex;align-items:center;gap:20px;transition:.5s}#news .news_area .news_list li:hover{box-shadow:0 0 20px rgba(0,0,0,.1);transition:.5s}#news .news_area .news_detail_tlbox{display:flex;align-items:center;flex-wrap:wrap;gap:20px}#news .news_area .news_detail_tlbox .tl{width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--lightgrey)}#news .news_area .news_detail_box p{margin-bottom:20px;line-height:2}#news .news_area .news_detail_box b{font-size:120%}#news .news_area .news_detail_wrap{background-color:var(--white);border-radius:10px;padding:30px}#news .news_area .next_menu{display:flex;justify-content:space-between;align-items:center;margin-top:50px}#news .news_area .next_menu li #prev{position:relative}#news .news_area .next_menu li #prev::before{content:"";background:url(../img/ico_arrow_yellow.svg) no-repeat;position:absolute;top:0;bottom:0;left:0;margin:auto;width:39px;height:39px;transform:rotate(180deg)}#news .news_area .next_menu li #next{position:relative}#news .news_area .next_menu li #next::before{content:"";background:url(../img/ico_arrow_yellow.svg) no-repeat;position:absolute;top:0;bottom:0;left:0;margin:auto;width:39px;height:39px}#shop header .head_wrap{display:flex}#privacypolicy .policy_area .policy_wrap{background-color:var(--white);padding:40px;border-radius:20px}#privacypolicy .policy_area .con_box{margin-bottom:50px}#privacypolicy .policy_area .con_box:last-child{margin-bottom:0}#privacypolicy .policy_area .tl{font-size:var(--font-size-20);margin-bottom:10px;border-radius:10px}#privacypolicy .policy_area .list li{position:relative;padding-left:20px}#privacypolicy .policy_area .list li::before{content:"・";position:absolute;left:0;color:var(--main-color)}#privacypolicy .policy_area .contact_txt{background-color:var(--bg-color);padding:10px}.contact_form_area .contact_txt{text-align:center;margin-bottom:50px;font-size:var(--font-size-18)}.contact_form_area .form_box{background-color:var(--white);padding:40px;border-radius:20px}.contact_form_area .form_box .tl{font-size:clamp(20px,2vw,24px);margin-bottom:20px}.contact_form_area .form_box.confirm td p{border:1px solid var(--main-color);padding:15px;border-radius:5px}.contact_form_area .contact_tbl{width:100%;margin-bottom:40px}.contact_form_area .contact_tbl th{width:20%;min-width:250px;text-align:left;font-weight:normal;padding:10px 15px;vertical-align:top}.contact_form_area .contact_tbl th small{line-height:1.5;display:block}.contact_form_area .contact_tbl td{padding:10px 15px}.contact_form_area .contact_tbl td small{line-height:1.5;display:block}.contact_form_area .contact_tbl .tbl_txt_box{margin-bottom:20px;display:flex;align-items:center}.contact_form_area .contact_tbl .tbl_txt_box:last-child{margin-bottom:0}.contact_form_area .contact_tbl .tbl_txt_box .tbl_txt{margin-right:10px}.contact_form_area .contact_tbl ::placeholder{color:#dedede}.contact_form_area .contact_tbl input[type=text],.contact_form_area .contact_tbl input[type=tel],.contact_form_area .contact_tbl input[type=email],.contact_form_area .contact_tbl textarea{border-radius:5px;width:100%;padding:10px;background-color:#f5f5f5}.contact_form_area .contact_tbl input[type=checkbox]{accent-color:var(--main-color)}.contact_form_area .contact_tbl input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;position:relative;top:5px;margin-right:10px}.contact_form_area .contact_tbl input[type=checkbox]:checked{background-color:var(--main-color);position:relative}.contact_form_area .contact_tbl input[type=checkbox]:checked::after{content:"✓";color:#fff;font-size:16px;position:absolute;top:-9px;left:1px}.contact_form_area .contact_tbl input[type=radio]{margin-right:5px}.contact_form_area .contact_tbl textarea{height:250px}.contact_form_area .contact_tbl select{border-radius:5px;width:100%;padding:15px;background-color:#f5f5f5;-moz-appearance:menulist;-webkit-appearance:menulist}.contact_form_area .contact_tbl select option:first-child{color:#b5b5b5}.contact_form_area .contact_tbl label{margin-right:15px;display:inline-block}.contact_form_area .contact_tbl ul{display:flex;flex-wrap:wrap}.contact_form_area .contact_tbl ul li{margin-right:20px}.contact_form_area .required{display:inline-block;background-color:var(--yellow);padding:5px 8px;margin-left:10px;border-radius:5px;font-size:12px;line-height:1.2}.contact_form_area .policy_txt{text-align:center;margin-bottom:20px}.contact_form_area .policy_txt a{text-decoration:underline}.contact_form_area .checkbox-label{text-align:center;display:block}.contact_form_area .checkbox-label label{margin-right:10px}.contact_form_area .checkbox-label a{text-decoration:underline;color:var(--black)}.contact_form_area .btn_box{text-align:center;margin:50px 0}.contact_form_area .btn_box.custom{display:flex;align-items:center;justify-content:center}.contact_form_area .btn_box.custom p{width:100%;display:flex;align-items:center;justify-content:center}.contact_form_area #submit-btn-back{color:var(--white);padding:15px 20px;margin-right:15px;width:80%;max-width:100px;font-size:var(--font-size-20);transition:.3s;background-color:#bbb}.contact_form_area #submit-btn-back:hover{transition:.3s;opacity:.8}.contact_form_area #submit-btn{color:var(--white);padding:15px 20px;width:80%;max-width:320px;font-size:var(--font-size-24);transition:.3s;background-color:#8dc2e3}.contact_form_area #submit-btn:hover{transition:.3s;opacity:.8}.contact_form_area .checkbox-label{display:flex;align-items:center;justify-content:center}.contact_form_area .checkbox-label .wpcf7-not-valid-tip{width:200px;position:absolute}.contact_form_area .checkbox-label .wpcf7-list-item-label{display:none}.contact_form_area .checkbox-label .inner{margin-left:10px}#thanks .thanks_area{margin-bottom:200px;text-align:center}#thanks .thanks_area .lead_tl{font-size:24px;margin-bottom:20px}#thanks .thanks_area .lead_txt{font-size:18px;margin-bottom:50px}#thanks .thanks_area .lead_txt a{color:var(--black);text-decoration:underline}#thanks .thanks_area .btn{color:var(--main-color);width:100%;max-width:250px;margin:50px auto 0;display:flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:100px;font-size:clamp(20px,2vw,25px);border:1px solid var(--main-color)}#error .error_area{margin-bottom:50px}#error .error_area #desc{font-size:clamp(24px,2vw,36px);margin-bottom:20px}#error .error_area .txt{margin-bottom:20px}#error .error_area .txt a{text-decoration:underline;color:var(--black)}#error .error_area .box{margin-bottom:40px}#error .error_area .box .tl{background-color:var(--white);font-size:clamp(20px,2vw,30px);padding:10px;border-radius:10px;margin-bottom:20px}#error .error_area .box .circle_list a{text-decoration:underline;color:var(--black)}/*# sourceMappingURL=layout.css.map */