@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic&display=swap');html{scroll-behavior:auto!important;margin-top:0 !important}body{font-size:16px;padding:0;margin:0}body.active{height:100vh;overflow-y:hidden}.container{width:100%;max-width:100%;padding:0 15px!important;margin:0}p,h1 span{color:#333;font-size:16px;line-height:1.3;font-family:"Noto Sans JP",sans-serif;margin:0}a{color:#333;font-family:"Noto Sans JP",sans-serif;text-decoration:none}h2{color:#000;font-size:32px;font-family:"Noto Sans JP",sans-serif;line-height:1.2;display:flex;align-items:center;justify-content:center;padding-top:5rem;margin-bottom:2rem}h2:before,h2:after{content:"";width:30px;height:5px;background-color:red}h2:before{margin-right:1rem}h2:after{margin-left:1rem}h3{color:red;font-size:1.8rem;font-family:"Noto Sans JP",sans-serif}h4{color:#c0272d;font-size:1.2rem;font-family:"Noto Sans JP",sans-serif}#left_box{width:30%;max-width:100%;height:100vh;background-color:#f5579a;background-image:url(/wp-content/themes/otakaraya/img/bg_left.png);background-size:cover;background-position:center center;background-repeat:no-repeat;position:sticky;top:0;left:0}.left_nav{padding:calc(100vh / 2.5) 2rem;padding:5rem 2rem;padding-bottom:0}.left_nav ul{list-style:none;padding-left:0}.left_nav ul li{margin-top:20px}.left_nav ul li a{color:rgba(255,255,255,.5);font-size:22px;cursor:pointer}.left_nav ul li a.current{color:#fff}#left_box .banner_01,#left_box .banner_02{width:65%;max-width:160px;height:auto}#left_box .banner_01 p{font-size:10px}#right_box{width:calc((100% - 800px) / 2);max-width:100%;height:100vh;background-color:#f5579a;background-image:url(/wp-content/themes/otakaraya/img/bg_right.png);background-size:cover;background-position:center center;background-repeat:no-repeat;position:sticky;top:0;right:0}#right_box>div{padding:calc((100vh / 2) + 5rem) 0;transform:translateY(-25%)}.banner_01{max-width:320px;background-color:#ff0;box-shadow:6px 6px 0 0 #777;padding:10px}.banner_02{max-width:320px}.banner_01:hover,.banner_02:hover{opacity:.5}header .banner_01,header .banner_02{max-width:40%}header .banner_01 p{font-size:10px}header .banner_02{width:100%;background-color:#39b44a}header .banner_02 p{height:80%}header .banner_02 img{width:auto;height:100%;max-height:220px;object-fit:cover}#sp_box{width:100%}header{width:100%;height:75px;position:fixed;z-index:10}header>div{width:100%;height:75px;position:relative}header>div>a{cursor:pointer}#top{margin-left:.5rem}#top img{width:60px;height:auto}#logo img{width:150px;height:auto}#logo p{font-size:12px}.header_inner{position:absolute;top:0;right:0}.ham_btn{position:relative;width:75px;height:75px;background-color:#d32319;border:none;z-index:10000}.ham_btn span{display:block;width:42px;height:4px;background-color:#fff;border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ham_btn span:first-child{transform:translate(-50%,calc(-50% - 1.2rem));transition:transform .3s ease}.ham_btn span:nth-child(2){transform:translate(-50%,calc(-50% - 0.5rem));transition:opacity .3s ease}.ham_btn span:nth-child(3){transform:translate(-50%,calc(-50% + 0.2rem));transition:transform .3s ease}.ham_btn.active span:first-child{transform:translate(-50%,calc(50% - 10px)) rotate(-45deg)}.ham_btn.active span:nth-child(2){opacity:0}.ham_btn.active span:nth-child(3){transform:translate(-50%,calc(50% - 10px)) rotate(45deg)}.ham_btn p{font-size:12px;position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%)}.ham_nav_box{width:100%;height:100vh;background-color:#f5579a;padding:100px 0;position:fixed;top:0;right:-100%;transition:right .5s ease-in-out;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.ham_nav_box.active{right:0}.ham_nav_box::-webkit-scrollbar{display:none}.ham_nav ul{list-style:none;padding-left:0;margin:0}.ham_nav li{border-radius:50px;margin-bottom:10px}.ham_nav li a{color:rgba(255,255,255,.5);font-size:18px;line-height:24px;font-family:"Noto Sans JP",sans-serif;padding:10px 18px;display:block;width:100%;height:100%;cursor:pointer}.ham_nav li a.current{color:#fff}main{width:100%;background-color:#f5579a}main img{width:100%!important;max-width:100%!important;height:auto!important}.top-banners{background:#fff;margin-bottom:40px}.top-banner{width:90%;margin:0 auto;padding-top:50px}.top-banner a:hover{opacity:.7}.tel_box a,.net_assessment,.shop_box a{position:relative;display:inline-block;margin:0 auto}.tel_box a img,.net_assessment img,.shop_box a img{width:100%!important;max-width:80%!important}.tel_box a img:last-child,.net_assessment img:last-child,.shop_box a img:last-child{opacity:0;position:absolute;top:0;left:50%;transform:translateX(-50%)}.tel_box a:hover img:last-child,.net_assessment:hover img:last-child,.shop_box a:hover img:last-child{opacity:1}#shop_area,#item_area,#first_area,#column_area{padding-top:80px;margin-top:-80px}.youtube{max-width:500px;margin:0 auto}.youtube_inner{width:100%;padding-top:56.25%;position:relative;margin:0 auto}.youtube_inner iframe{width:100%;height:100%;position:absolute;top:0;left:0}.youtube_caption{max-width:500px;font-size:12px}.shop_box{margin-bottom:3rem}.shop_box .shop img{width:100%;max-width:250px;height:auto}.shop_text{font-size:14px}#item_area>div{display:grid;grid-template-columns:1fr 1fr;column-gap:1.3rem;row-gap:1.5rem}#item_area>div>div{font-size:14px;line-height:1.3;text-align:center;display:block}#item_area p{height:120px;display:flex;align-items:center;justify-content:center}#item_area p img{max-width:100%}.step_box{background-color:#ffffd7;padding:15px 20px;position:relative;z-index:1}.step_box>div:first-child:before{content:"";width:40px;height:40px;background-color:#ff0;border-radius:50%;position:absolute;top:.5rem;left:2.8rem;z-index:2}.step_box p{position:relative;z-index:3}.step{font-size:1.5rem;font-family:"Zen Maru Gothic",serif;font-style:normal;letter-spacing:2px}.step span{font-size:1rem}.step_title{font-size:1.7rem;font-style:normal;margin:.25rem 0 .5rem}.step_text{font-size:1rem}.step_arrow img{max-width:34px;height:auto}.step_attention{font-size:16px;margin-top:3rem}.marker_text{font-size:22px;background:linear-gradient(transparent 50%,#ff0 50%);display:inline}.marker_ye{font-size:20px;background:linear-gradient(transparent 0%,#ff0 0%)}.personal{font-size:14px;text-indent:-14px;margin-left:14px}.faq_box{position:relative;padding:0 20px}.faq_box:before{content:"";width:100%;height:70%;background:linear-gradient(transparent 0%,#f2f2f2 20%);border-radius:0 0 1.5rem 1.5rem;position:absolute;top:30%;left:0}.faq_box.out:before{display:none!important}button.faq_btn,.news_btn,.column_btn,.wpcf7-submit{color:#fff;width:60%;max-width:200px;text-align:center;font-size:20px;background-color:#c0272d;border-radius:25px;border:none;margin:0 auto}button.faq_btn{position:absolute;bottom:10%;left:50%;transform:translateX(-50%)}.news_btn,.column_btn,.wpcf7-submit{width:80%;max-width:100%;font-size:16px;padding:7px;margin-bottom:5rem}.wpcf7-submit{margin-bottom:-2rem}button.faq_btn:hover,.news_btn:hover,.column_btn:hover,.wpcf7-submit:hover,#column_area a:hover,#about_area ul li a:hover{opacity:.5}.question,.answer{text-indent:-1.8em;margin-left:1rem}.question span,.answer span{width:20px;text-align:end;display:inline-block}.column_title{font-size:1.3rem;margin-top:.5rem;margin-bottom:.5rem}.icon_box{margin-bottom:2rem}.icon_box:hover{opacity:.5}.icon_box img{max-width:80px;height:auto}.contact_mini{font-size:14px}.contact_mini span{font-size:12px}.god{width:100%;max-width:280px;height:auto}footer{background:url(/wp-content/themes/otakaraya/img/bg_f.png) no-repeat center center;background-size:cover;padding:0 15px}footer>div{border-radius:40px;padding:2rem 1.2rem}.attention_box{border:8px solid #c0272d;border-radius:25px;padding:1rem;margin-bottom:1rem}.attention_box img{max-width:38px;height:auto}.attention_black{color:#000}.attention_red{color:#ff1d25}.company{font-size:2rem}.copyright{font-size:12px}.page-id-42 .contact-main{padding-top:75px}.page-id-42 input:not(.acceptance),.page-id-42 textarea{margin-top:6px;display:block;width:100%}.page-id-42 input:not(.file),.page-id-42 textarea,.page-id-42 .personal_box{border-radius:7px;border:1px solid #000;padding:4px 10px}.page-id-42 .file{margin-bottom:5px}.page-id-42 .personal_box{margin:-1rem 0 1rem}.page-id-42 .personal_information{height:150px;overflow-y:scroll}.page-id-42 .wpcf7-list-item{margin-bottom:2rem}.page-id-42 .container p{margin-bottom:25px}.page-id-42 .required{background:red;border-radius:7px;color:#fff;font-size:80%;padding:0 4px 1px 5px;letter-spacing:2px;margin-left:12px}.page-id-42 .any{background:#6d6d6d;border-radius:7px;color:#fff;font-size:80%;padding:0 4px 1px 5px;letter-spacing:2px;margin-left:12px}.page-id-42 input.file{padding-bottom:10px}.page-id-42 ul li{list-style-type:none;position:relative;padding:0}.page-id-42 ul li span{font-size:5vw;position:absolute;top:34%;left:13%;font-weight:700;text-align:center}.page-id-42 ul li:nth-of-type(1) span{top:41%}@media screen and (min-width:420px){.container{padding:0 50px!important}.d-414-block{display:block!important}footer{padding-left:3rem;padding-right:3rem}.page-id-42 ul li span{font-size:4vw;top:30%;left:6%}}@media screen and (min-width:576px){.container{padding:75px 100px 0 !important}.page-id-37 .container{padding:0 100px!important}h2{padding-top:7rem}h4{font-size:1.5rem}.tel_box a img,.net_assessment img,.shop_box a img{max-width:350px!important}.news_btn,.column_btn,.wpcf7-submit{max-width:300px}header .banner_01 p{font-size:14px}footer{padding-left:2rem;padding-right:2rem}footer>div{width:80%;margin:0 auto;padding:2rem}}@media screen and (min-width:768px){h2{font-size:38px}h2:before,h2:after{width:70px}h2:before{margin-right:1.5rem}h2:after{margin-left:1.5rem}.tel_box a img,.net_assessment img,.shop_box a img{max-width:450px!important}header .banner_01,header .banner_02{max-width:30%}.step_box>div:first-child:before{top:1rem}footer>div{padding:4rem}}@media screen and (min-width:992px){body{font-size:18px}p,h1 span{font-size:18px}h2{font-size:36px;line-height:1.1;padding-top:10rem;margin-bottom:5rem}.no-index h2{padding-top:2rem}h2:before,h2:after{width:100px;height:15px}h2:before{margin-right:1rem}h2:after{margin-left:1rem}h3{font-size:2.5rem}#sp_box{width:70%}#logo p{font-size:14px}.header_inner{display:none}.tel_box a img,.net_assessment img,.shop_box a img{max-width:400px!important}#shop_area,#item_area,#first_area,#column_area{margin-top:0;padding-top:0}.news_btn,.column_btn,.wpcf7-submit{font-size:20px}.step_box{padding:24px}.step_box>div:first-child:before{top:1.5rem;left:3rem}.page-id-42 ul li span{font-size:min(3vw,2.5rem);top:32%}}@media screen and (min-width:1200px){h2{margin-bottom:3rem}h2:before{margin-right:3rem}h2:after{content:"";margin-left:3rem}.banner_01{max-width:70%}.youtube_caption{font-size:16px}.shop_box{margin-bottom:4rem}.shop_box .shop img{max-width:420px;height:auto}.shop_text{font-size:16px}#item_area>div{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:0;row-gap:2rem}#item_area>div>div{font-size:20px}#item_area p{height:150px}.step_box{padding:1.5rem 2rem}.step_box>div:first-child:before{width:60px;height:60px;top:1.8rem;left:4rem}.step{font-size:3rem}.step span{font-size:1.5rem}.step_title{font-size:2.5rem;margin:0}.step_text{font-size:1.2rem}.step_arrow img{max-width:68px;height:auto}.step_attention{font-size:20px;margin-top:4rem}.marker_text{font-size:2rem;display:inline}.marker_ye{font-size:2rem}.personal{font-size:1rem;text-indent:-1rem;margin-left:1rem}.faq_box{padding:0 4rem}button.faq_btn{width:275px;font-size:20px}.question,.answer{text-indent:-2rem}.question span,.answer span{width:20px}.icon_box img{max-width:150px;height:auto}.contact_mini{font-size:16px}.contact_mini span{font-size:14px}.god{max-width:300px}footer{padding:0 40px}footer>div{width:100%;padding:3rem 3rem 1rem}.attention_box img{max-width:80px;height:auto}.copyright{font-size:14px}}@media screen and (min-width:1400px){.container{padding:0 50px!important}#left_box{width:calc((100% - 800px) / 2)}.left_nav{padding:10rem 2rem}.left_nav ul li{margin-top:40px}.banner_01,.banner_02{width:80%;max-width:360px}#right_box .banner_01,#right_box .banner_02{max-width:280px}.banner_01 p{font-size:16px}#sp_box{width:800px}header{height:150px;position:relative}header>div{height:150px}#top{margin-left:2rem}#top img{width:120px;height:auto}#logo img{width:385px;height:auto}#logo p{font-size:18px}main{background-color:#f5579a;position:relative;top:-150px;margin-bottom:-120px}main img{max-width:800px;height:auto}.page-id-42 .contact-main{padding-top:0}}@media screen and (min-width:1600px){.left_nav ul li a{font-size:32px}.banner_01 p{font-size:1rem}}