@charset "UTF-8";@font-face{font-family:"NotoSerifJP";src:url(//asai.kenbido.site/wp-content/themes/浅井さんHPリニューアルWP化/css/../assets/font/NotoSerifJP-Regular.ttf)}@font-face{font-family:"NotoSansJP";src:url(//asai.kenbido.site/wp-content/themes/浅井さんHPリニューアルWP化/css/../assets/font/NotoSansJP-Regular.ttf)}body{font-family:"NotoSansJP";color:#333;background-color:#f0f0f0;font-size:16px;line-height:25px;letter-spacing:.1px}dd{line-height:1.5}header{position:fixed;top:0;left:0;z-index:100;width:100%;height:65px;background-color:rgba(231,208,169,0.8);transition:0.5s;.header-flex{width:100%;display:flex;justify-content:space-between;.header-flex-left{display:flex;width:350px;position:relative;a{h1{padding-top:18px;margin-left:20px;font-size:24px;font-family:"NotoSerifJP";span{margin-left:3px;font-size:16px}}}img{position:relative;width:100px;height:auto;z-index:102}}.header-flex-right{width:60px;.hamburger-menu-button-area{width:50px;height:50px;position:relative;.hamburger-menu-button{position:absolute;width:60px;height:60px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;margin-top:5px;border:none;box-shadow:none;background-color:rgba(231,208,169,0);span{display:block;width:21px;height:1px;background-color:#333333;position:absolute;left:50%;transform:translateX(-50%);transition:0.3s ease-in-out;&:nth-child(1){top:22px}&:nth-child(2){top:50%}&:nth-child(3){bottom:22px}}&.active{span{&:nth-child(1){top:50%;transform:translateX(-10px) rotate(45deg)}&:nth-child(2){transform:translateX(100vw)}&:nth-child(3){top:50%;transform:translateX(-10px) rotate(-45deg)}}}}}}.header-flex-right-pc{display:none}}.header-flex-right-2{display:none}.hamburger-menu{position:absolute;width:210px;height:325px;margin:0;top:-100vh;right:0;z-index:101;opacity:1;transition:0.5s ease;background-color:#ffffff;border-top-right-radius:30px;border-bottom-left-radius:30px;&.active{top:0}ul{position:relative;width:200px;height:250px;margin:50px auto 0 auto;text-align:center;li{width:200px;height:50px;a{display:inline-block;font-size:16px;opacity:1;color:var(--main-color);padding-top:10px}}}}}.top-page-first-view{width:100%;padding-top:60px;.bg-layer{position:absolute;width:100%;height:668px;inset:0;background-image:url(//asai.kenbido.site/wp-content/themes/浅井さんHPリニューアルWP化/css/../assets/img/Mask\%20group\%20mb.png);background-size:cover;background-repeat:no-repeat;z-index:0;opacity:0.8;&:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-image:linear-gradient(9deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%),url(//asai.kenbido.site/wp-content/themes/浅井さんHPリニューアルWP化/css/../assets/img/Mask\%20group\%20mb.png);background-size:cover;background-repeat:no-repeat}}.top-page-first-view-img-area{position:relative;width:90%;height:540px;margin-top:36px;top:0;left:50%;transform:translateX(-50%);background-image:url(//asai.kenbido.site/wp-content/themes/浅井さんHPリニューアルWP化/css/../assets/img/Mask\%20group\%20mb.png);background-size:contain;background-position:center;background-repeat:no-repeat;.top-page-first-view-text-group1{position:absolute;width:50px;height:150px;top:40px;right:50%;transform:translateX(310%);font-family:"NotoSerifJP";font-size:48px;letter-spacing:5px;.top-page-first-view-text-group1-text-1{position:absolute;width:40px;top:0;right:-10px;font-size:35px;line-height:40px}.top-page-first-view-text-group1-text-2{position:absolute;font-size:24px;top:80px;right:35px;line-height:25px}}}}.title-design{width:250px;margin:150px auto 150px auto;position:relative;font-size:36px;font-weight:bold;text-align:center;&:before{position:absolute;display:block;content:"";width:65px;height:65px;top:-40px;left:-30px;background-image:url(//asai.kenbido.site/wp-content/themes/浅井さんHPリニューアルWP化/css/../assets/img/Profile.png);background-repeat:no-repeat}&:after{position:absolute;display:block;content:"";width:50px;height:8px;background-color:#333;top:50px;left:50%;transform:translateX(-50%)}}button{display:block;width:200px;height:64px;margin:50px auto 70px auto;border-radius:50px;border:solid 2px black;box-shadow:0 4px 4px rgba(51,51,51,0.25);background-color:#E7D0A9;transition:all 0.3s ease;a{display:block;width:195px;height:60px;padding-top:15px;border-radius:50px;font-size:20px;padding-left:18px}}.profile{.profile-content{.profile-content-text-area{h3{&:before,&:after{position:absolute;display:block;content:"";width:50px;height:1px;background-color:#333;top:50%;translate:0 -50%}&:before{right:0}&:after{left:0}}.mb-img{display:block;margin:50px auto;width:330px;height:500px}.tb-img{display:none}.profile-content-text-group1-flex{.profile-content-text-group1-left{width:100%;.mb-img{display:block;margin:0 auto;width:350px;height:auto;margin-bottom:100px;border-top-right-radius:50px;border-bottom-left-radius:50px}}.profile-content-text-group1-right{width:300px;margin:50px auto;p{line-height:1.5}}}.profile-content-text-group2{width:350px;margin:50px auto;h3{position:relative;width:180px;margin:0 auto 40px auto;font-size:20px;font-weight:700;text-align:center}dl{display:grid;grid-template-columns:22% 78%;width:330px;dd{margin-bottom:15px}}.mb-img{display:block;margin:0 auto;width:350px;height:auto;margin-bottom:100px;border-top-right-radius:50px;border-bottom-left-radius:50px}.tb-img{display:none}}.profile-content-text-group3{width:330px;margin:0 auto;h3{position:relative;width:180px;margin:70px auto 40px auto;font-size:20px;font-weight:700;text-align:center}p{width:300px;font-size:16px;line-height:27px}}}}}.content{.content-content{width:360px;margin:0 auto 200px auto;.content-content-text-group1-flex{width:100%;.content-content-text-group1-text{position:relative;width:360px;margin:0 auto;.special-text1{position:absolute;width:191px;font-size:32px;text-align:right;font-weight:700;color:#fff;top:55px;right:15px}p{width:330px;height:180px;margin:0 auto;margin-top:20px}button{margin-bottom:150px}}}}}footer{width:100%;background-color:#E7D0A9;padding-bottom:30px;.footer-flex1{.footer-flex-left{padding-top:10px;padding-left:20px;.footer-flex-left-text-group1{margin-top:50px;margin-left:40px;h4{font-size:16px;font-family:"NotoSerifJP";margin-bottom:10px}ul{li{width:120px;margin-bottom:15px;a{display:block}&:nth-child(1){width:50px}&:nth-child(2){width:50px}&:nth-child(3){width:50px}&:nth-child(4){width:120px}&:nth-child(5){width:85px}&:nth-child(6){width:170px}}}}}.footer-flex-right{width:300px;margin:80px auto 0px auto;.footer-flex-right-imgs{width:210px;margin:0 auto;a{&:hover{img{transition:all .3s ease;opacity:.5}}&:nth-child(1){margin-right:40px}&:nth-child(3){margin-right:40px}}img{margin-bottom:30px;width:80px;height:80px}}}}.footer-flex2{width:280px;margin:0 auto;text-align:center;font-family:"NotoSerifJP";p{margin-top:100px;font-size:12px;line-height:15px}}}.top-page-first-view-others{width:100%;height:520px;padding-top:60px;position:relative;.top-page-first-view-text-group{position:absolute;bottom:0px;left:0px;h2{position:relative;width:300px;height:50px;writing-mode:horizontal-tb;color:#ffffff;font-size:50px;padding-top:0px;padding-left:50px;letter-spacing:5px;z-index:1;&:before{position:absolute;z-index:-1;content:"";bottom:0;left:0;width:300px;height:70px;padding:10px;background:linear-gradient(to right,#333 0%,rgba(51,51,51,0) 100%)}}}.bg-layer{position:absolute;width:100%;height:520px;inset:0;background-size:cover;background-repeat:no-repeat;z-index:0;opacity:0.8;&:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-image:linear-gradient(9deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background-size:cover;background-repeat:no-repeat}}.top-page-first-view-img-area{position:relative;width:90%;height:416px;margin-top:25px;top:0;left:50%;transform:translateX(-50%);background-size:contain;background-position:center;background-repeat:no-repeat}.lecture{background-image:url(//asai.kenbido.site/wp-content/themes/浅井さんHPリニューアルWP化/css/../assets/img/Mask\%20group2.png);.top-page-first-view-text-group{position:absolute;bottom:0px;left:0px;h2{position:relative;width:200px;height:55px;writing-mode:horizontal-tb;color:#ffffff;font-size:48px;padding-left:50px;letter-spacing:5px;z-index:1;&:before{position:absolute;z-index:-1;content:"";top:-12px;left:0;width:300px;height:55px;padding:10px;background:linear-gradient(to right,#333 0%,rgba(51,51,51,0) 100%)}}}}}.theme{width:100%;.theme-content{width:320px;margin:0 auto;img:nth-of-type(1){margin-bottom:50px}img{width:320px;border-top-right-radius:50px;border-bottom-left-radius:50px}.special-img2{display:block}.theme-content-text-area{width:100%;.theme-content-flex{width:100%;margin-top:100px;.theme-content-flex-left{.theme-content-flex-left-text-group{width:310px;margin:0 auto;margin-bottom:50px;p:nth-of-type(2){.special-span1{padding-top:0}}.special-img3{display:block}p{font-size:16px;line-height:35px;span{font-size:16px;font-weight:700;margin-left:20px}.special-span1{display:block;font-size:18px;font-weight:700;padding-top:40px}.special-span2{display:block;padding-left:20px}}.special-p1{padding-left:0;font-size:20px;font-weight:700;margin-top:0;margin-bottom:40px}}}.theme-content-flex-right{display:none}}}}}.lecture-achievement{width:100%;border:solid 1px #F0F0F0;.lecture-achievement-content{width:320px;margin:0 auto;p{margin-bottom:30px}.lecture-achievement-content-flex{width:100%;.lecture-achievement-content-flex-left{img{border-top-right-radius:50px;border-bottom-left-radius:50px}.special-img{display:none}}.lecture-achievement-content-flex-right{margin:100px auto 50px auto;text-align:center;img{width:320px;margin-top:50px;border-top-right-radius:50px;border-bottom-left-radius:50px}.special-p2{margin-top:100px;font-size:18px;text-align:center}.special-h3-1{display:block;font-size:30px;font-weight:700;margin:50px auto 0px auto;padding-bottom:40px}ul{li{.special-li{display:block;width:320px;margin:50px auto;padding:10px 0;font-weight:700;text-align:center;background-color:#e7d0a9;border-radius:15px}&:nth-child(4){margin-bottom:70px}}}}}}}.request-flow{width:100%;.request-flow-content{width:320px;margin:0 auto;.request-flow-content-flex{width:320px;height:280px;margin-bottom:20px;background-color:#E7D0A9;&:nth-of-type(7)+.request-flow-content-border{display:none}.request-flow-content-flex-left{width:320px;margin:0 auto;padding-top:30px;.request-flow-content-flex-left2{display:flex;width:190px;padding-top:10px;margin:0 auto;p{font-size:36px}.special-p3{font-size:36px;margin-right:20px}}}.request-flow-content-flex-right{p{width:270px;margin:55px auto 50px auto;font-size:16px}}}.request-flow-content-border{position:relative;width:320px;height:1px;margin-bottom:40px;&:nth-child(2){background-color:aqua}&:before{position:absolute;content:"";width:30px;height:3px;top:0;left:50%;transform:translateX(-50%);border-left:15px solid transparent;border-right:15px solid transparent;border-top:25px solid #333}}.special-div1{background-color:#fff0d5}}}.question{width:100%;margin-bottom:200px;.question-content{.question-content-accordion{.accordion-container{width:320px;margin:0 auto;ul{width:320px;margin:0 auto;padding:0;li{position:relative;width:320px;margin:0 auto;list-style-type:none;border-radius:10px;background-color:#E7D0A9;p{width:220px;font-size:14px}&:nth-child(1):before{position:absolute;content:"Q1.";top:50px;left:20px}&:nth-child(2):before{position:absolute;content:"Q2.";top:50px;left:20px}&:nth-child(3):before{position:absolute;content:"Q3.";top:50px;left:20px}&:nth-child(4):before{position:absolute;content:"Q4.";top:50px;left:20px}}.special-div2{background-color:#fff0d5}.accordion-container-menu-item-open{width:100%;margin:0 auto;padding:50px;font-size:14px;cursor:pointer;position:relative;&:before{content:"";position:absolute;width:20px;height:2px;top:65px;right:20px;background-color:#333;transition:.5s}&:after{content:"";position:absolute;width:2px;height:20px;top:56px;right:29px;background-color:#333;transition:.5s;opacity:1}.accordion-container-menu-item-open-button{width:100px;margin:0 auto}&.open{&:after{opacity:0}.accordion-container-menu-item-open-button{transform:rotate(90deg)}}}}.accordion-container-menu-item-close{overflow:hidden;height:0;transition:height 1s ease;p{width:220px;margin:0 auto;padding:20px 0}&.open{height:auto}}}}}}.top-page-first-view-others{.sns{background-image:url(//asai.kenbido.site/wp-content/themes/浅井さんHPリニューアルWP化/css/../assets/img/Mask\%20group-1.png)}}.instagram{width:100%;margin:0 auto;margin-top:200px;.instagram-content{width:320px;margin:0 auto;.instagram-content-flex{width:100%;.instagram-content-flex-item{&:nth-child(2){display:none}}}}}.special-margin-bottom{margin-bottom:200px}.youtube{width:100%;margin:0 auto;.youtube-content{width:320px;margin:0 auto;.youtube-content-post{margin:100px auto}}}.youtube-embed{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.youtube-embed iframe{position:absolute;width:100%;height:100%;top:0;left:0}.tiktok{width:100%;margin:0 auto;.tiktok-content{width:320px;margin:0 auto;.tiktok-content-post-flex{.tiktok-content-post-item{&:nth-child(2){display:none}}}}}.facebook{width:100%;margin-bottom:150px;.facebook-content{width:320px;margin:0 auto;.facebook-content-flex{.facebook-content-post{width:320px;&:nth-child(2){display:none}}}}}.top-page-first-view-others{.top-page-first-view-text-group{.special-h2{width:360px;font-size:40px}}.media2{background-image:url(//asai.kenbido.site/wp-content/themes/浅井さんHPリニューアルWP化/css/../assets/img/Mask\%20group21.png)}}.lecture-practice{width:100%;.lecture-practice-content{width:330px;margin:0 auto;.lecture-practice-content-text-group1{width:330px;margin:200px auto;h3{margin-bottom:70px;font-size:20px;text-align:center;font-weight:700}.container{width:100%;padding:10px}@media (min-width:768px){.container{max-width:900px;margin:0 auto;padding:30px}}.nav-controls{display:none;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-bottom:15px}@media (min-width:768px){.nav-controls{gap:15px;margin-bottom:25px}}.btn-control{width:auto;height:auto;margin:0;padding:10px;background:#d4a574;color:#fff;border:none;cursor:pointer;font-size:18px;text-align:center;font-weight:700;border-radius:4px;transition:all .2s;transform:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}@media (min-width:768px){.btn-control{padding:12px;font-size:16px}}.btn-control:hover:not(:disabled){background:#c4975f}.btn-control:active:not(:disabled){background:#b48850;transform:scale(.98)}.btn-control:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.btn-control:focus{outline:3px solid #000;outline-offset:2px}.selector{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-bottom:20px}@media (min-width:768px){.selector{gap:20px;margin-bottom:40px}}.section{display:flex;flex-direction:column;gap:5px}@media (min-width:768px){.section{gap:10px}}.column{display:flex;flex-direction:column;gap:3px;height:200px;overflow-y:auto;padding:5px;border:2px solid #d4a574;border-radius:4px;background:#fff;transition:border-color .3s}@media (min-width:768px){.column{height:230px;gap:8px;padding:10px}}.column.focused{border-color:#d4a574}.column::-webkit-scrollbar{width:4px}.column::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}button.item{width:auto;height:auto;margin:0;padding:8px;border:none;background:#f0f0f0;cursor:pointer;font-size:16px;font-weight:700;border-radius:4px;transition:all .2s;text-align:center;border:none;box-shadow:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}@media (min-width:768px){button.item{padding:12px;font-size:15px}}button.item:hover{background:#e8e8e8;border-color:#999;transform:none}button.item:active{background:#d8d8d8}button.item.active{background:#d4a574;color:#fff;border-color:#d4a574}button.item:focus{outline:2px solid #000;outline-offset:1px}.article{margin-top:20px;padding:15px;background:#fff;border-radius:8px;border:2px solid #d4a574}@media (min-width:768px){.article{margin-top:40px;padding:25px}}.article-header{margin-bottom:12px}.article-date{font-size:12px;color:#888;margin-bottom:4px}@media (min-width:768px){.article-date{font-size:14px;margin-bottom:6px}}.article-title{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}@media (min-width:768px){.article-title{font-size:22px;margin-bottom:10px}}.article-text{font-size:14px;line-height:1.6;color:#555;margin-bottom:12px}@media (min-width:768px){.article-text{font-size:15px;margin-bottom:15px}}.article-images{margin:50px auto 30px auto;img{width:300px;margin-bottom:20px}}@media (min-width:768px){.article-images{gap:15px}}.article-images img{width:100%;height:auto;border-radius:6px}}.lecture-practice-content-text-group2{width:320px;margin:0px auto;h3{margin-top:180px;margin-bottom:50px}img{width:320px}p{margin:50px auto;font-size:16px;line-height:30px}}}}.media{width:100%;margin:0 auto 160px auto;.youtube-content{width:320px;margin:0 auto;.youtube-content-post1{h3{font-size:20px;font-weight:700;margin:10px}}.youtube-content-post2{h3{font-size:20px;font-weight:700;margin:10px;margin-top:50px}}}.past-appearances-content{width:100%;margin:0 auto;padding-bottom:1px;margin-top:100px;background-color:#FFF0D5;h3{padding:30px 0 50px 30px;font-size:20px;font-weight:700}.past-appearances-content-flex{.past-appearances-content-flex-left{width:300px;margin:0 auto;dl{display:grid;grid-template-columns:33% 67%;width:300px;dt{width:105px;font-size:16px;font-weight:700}dd{font-size:16px;margin-left:20px;margin-bottom:20px;.special-dd1{display:block;font-size:16px;font-weight:700;margin-bottom:-10px}}}}.past-appearances-content-flex-right{width:300px;height:200px;margin:30px auto;background-image:url(//asai.kenbido.site/wp-content/themes/浅井さんHPリニューアルWP化/css/../assets/img/Mask\%20group31.png);background-size:cover;background-repeat:no-repeat}}}}.top-page-first-view-others{.contact{background-image:url(//asai.kenbido.site/wp-content/themes/浅井さんHPリニューアルWP化/css/../assets/img/Mask\%20group41.png);background-position:center center}}.contact-content{width:320px;margin:0 auto;h2{margin:100px auto 150px auto;font-size:36px;font-weight:700;text-align:center}p{display:block;width:321px;margin:0 auto;font-size:16px}.special-p4,.special-p5,.special-p6{width:315px;font-size:15px;font-family:"NotoSerifJP"}form{width:320px;margin:0 auto}.field{margin-bottom:25px;font-size:16px}label{display:block;margin-bottom:18px;padding-top:15px;font-weight:500;font-size:15px;cursor:pointer;font-weight:700}.req{background:red;color:#fff;font-size:11px;padding:3px 8px;border-radius:3px;margin-left:8px;font-weight:600}input[type=text],input[type=email],input[type=tel],textarea{width:100%;padding:12px 15px;background-color:#dedede;box-shadow:0 -3px 0px rgba(0,0,0,.25);transition:all .3s}input[type=text].special-input1{background-color:#f0f0f0}input[type=text].special-input2{box-shadow:none}input[type=email].special-input1{background-color:#f0f0f0}input[type=email].special-input2{box-shadow:none}input[type=tel].special-input1{background-color:#f0f0f0}input[type=tel].special-input2{box-shadow:none}.special-textarea1{background-color:#f0f0f0}.special-textarea2{box-shadow:none}input:focus,textarea:focus{outline:none;border-color:#666}textarea{min-height:200px;resize:vertical;font-family:inherit}::placeholder{color:#727272}.container{width:320px;margin:0 auto;background-color:#EAEAEA;box-shadow:0px -3px 0px rgba(0,0,0,0.25);h1{font-size:16px;font-weight:600;line-height:1.6}.content{width:295px;margin:0 auto;max-height:300px;overflow-y:auto}.section{width:280px;margin-bottom:20px;.special-p4{width:280px;margin:30px auto 30px auto;font-size:20px;font-weight:700;text-align:center}}p{width:250px;font-size:13px;line-height:1.8;margin-bottom:15px;padding-left:20px;span{font-size:18px;font-weight:700;margin-left:-20px}}}.checkbox-wrapper{width:320px;margin:0 auto;margin-top:50px;padding-left:10px;display:flex;align-items:center;gap:10px;background-color:#d9d9d9;box-shadow:0px 3px 5px rgba(0,0,0,.25)}input[type=checkbox]{width:20px;height:20px;cursor:pointer;flex-shrink:0;appearance:auto;-webkit-appearance:checkbox;-moz-appearance:checkbox}.special-label1{font-size:16px;font-weight:100;padding-top:15px}p{line-height:40px}.special-button{display:block;width:200px;height:64px;margin:120px auto 200px auto;padding-left:26px;font-size:18px;border-radius:50px;border:solid 2px black;box-shadow:0 4px 4px rgba(51,51,51,0.25);background-color:#E7D0A9;transition:all 0.3s ease;&:hover{opacity:.5;font-weight:700;transform:scale(1.1)}a{font-size:20px;padding-left:0}}}.special-margin-top{margin-top:100px}.privacy-policy-content{width:100%;margin-top:210px;margin-bottom:150px;.privacy-policy-content-text{width:320px;margin:0 auto;font-size:16px;p{padding-left:20px}.special-p4{margin-bottom:50px;font-size:24px;font-weight:700;text-align:center}span{display:block;font-size:20px;font-weight:700;margin-left:-20px}}.special-button2{margin-top:100px}}