/* z-index
.header .hamburger-btn  :600
.hamburger              :700
.prev_icon, .next_icon  :500
.fixed_bar              :600
.box_step::before       :300
*/

body{ overflow-x:hidden; }
.bg_color1{ background-color:#0a235a; }
.bg_color1 *{ color:#fff; }
section{ position:relative;z-index:100; }
.sec{ padding:11.3% 0; }
.note{ line-height:180%;font-size:115%; }
.note.center{ text-align:center; }
.sec_th{ height:65px;margin-bottom:10%; }
.th_each{ font-size:200%;display:block;text-align: center; }

.hamburger-btn{ cursor:pointer; }
.hamburger-btn.close{ position:absolute;right:3.8%;top:2%;display:block;width:32px;height:auto; }
.hamburger{ display:block;position:fixed;z-index:800;top:0;left:0;width:25vw;max-width:670px;min-width:500px;height:100vh;transform:translateX(-100vw);-webkit-transition:all 0.5s;transition:all 0.5s;background-color:rgba(0, 0, 0, 0.8);padding:5.2% 5.5% 5.2% 6.1%; }
.hamburger.active{ -webkit-transform:translateX(0);transform:translateX(0); }
.hamburger *{ color:#fff; }
.hamburger .logo{ width:14vh;max-width:124px;display:block; }
.hamburger .menu_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }
.hamburger_lists{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:70%;height:100%;padding-top:2vh;margin-right:auto;margin-left: auto; }
.hamburger_list{ border-bottom :1px solid #fff;text-align:center;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start; }
.hamburger_list a{ font-size:112%;font-weight:300;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;padding:2.7vh 0; }
.hamburger .nav_note{ width:auto;max-width:90px;height:44vh;margin-top:5vh;margin-right:2%; }
.hamburger .bt_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:4.9vh; }
.hamburger .bt_wrap a{ border:1px solid #fff;height:6.2vh;max-height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:46%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; }
.url_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-top:3.9vh;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }
.url_wrap a{ margin-top:auto; }
.nav_instagram{ width:47px;height:auto; }
.nav_instagram img{ vertical-align:top; }
.frame{ position:absolute;top:0;left:50%;transform:translateX(-50%);width:96%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:500;padding-top:30px; }
.frame a{ display:block;width:100%; }
.frame .logo{ max-width:125px;margin-left:1.2%;position:relative;margin-bottom: 52%; }
.frame .bt_menu{ margin-bottom:52%; }
.side_header{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:68px;width:clamp(50px, 5vw, 70px);height:calc(100vh - 60px);-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.side_header .icon_scroll{ margin-top:auto;width:100%; }
.side_header .icon_scroll img{ width:100%; }

/* .header{ background-color:#283782;border-bottom:2px solid #f05546; }
.header .nav_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:4%;width:52%;min-width:390px;-ms-flex-negative:0;flex-shrink:0; }
.header .nav a{ color:#fff;font-size:clamp(9px, 1.5vw, 120%); }
.header .icon_wrap{ width:18.5%;-ms-flex-negative:1;flex-shrink:1; }
.header .header_icon{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:50%;padding:7.9% 0; }
.header .header_icon img{ width:70%;display:block;margin:0 auto; }
.header .icon_contact{ background-color:#fff; }
.header .icon_recruit{ background-color:#f05546; }
.header .wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1077px; }
.header .wrap > *{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.header .upper .wrap{ -webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end; }
.header .logo{ width:22.3%;max-width:338px;margin-left:1.7%;margin-right:auto;-ms-flex-negative:1;flex-shrink:1; }

.header .hamburger-btn{ position:relative;margin-left:auto;margin-right:1.5%;z-index:600;cursor:pointer;width:8%;max-width:30px;display:none; }
.header .hamburger-btn.close{ position:absolute;right:0;top:2%; }
.hamburger{ display:block;position:fixed;z-index:700;top:0;right:0;width:100vw;height:100vh;transform:translateX(100vw);-webkit-transition:all 0.5s;transition:all 0.5s;background-color:#283782; }
.hamburger_lists{ margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:v ertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:85%;height:100%;padding:8vh 0; }
.hamburger_list{ border-top:1px solid #fff;text-align:center;width:90%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; }
.hamburger_list .row{ width:60%;font-size:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto; }
.hamburger_list .icon{ width:18%;display:block; }
.hamburger_list.contact{ background-color:#fff;margin:0; }
.hamburger_list.contact a{ color:#283782;width:100%; }
.hamburger_list.recruit{ background-color:#f05546; }
.hamburger_list.recruit .row{ color:#fff; }
.hamburger_list:first-of-type{ border-top:none; }
.hamburger_list a{ color:#fff;font-size:130%;font-weight:300;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%; }
.hamburger_link{ text-decoration:none;color:white; }
.hamburger.active{ -webkit-transform:translateX(0);transform:translateX(0); }

.bt_round{ width:250px;display:block; }
.margin_sec{ padding-top:0;padding-bottom:0;margin:190px 0; }


.footer{ position:relative;padding:62.7px 0; }
.footer *{ font-family:noto-sans-cjk-jp, sans-serif; }
.footer .footer_upper{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:3.3%; }
.footer .footer_upper{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:3.3%; }
.footer .footer_upper .comp_info_wrap{ width:31.1%; }
.footer .comp_info_wrap_sp{ display:none; }
.footer .footer_upper .comp_info_wrap .footer_logo{ display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5.6%;width:74.2%;-ms-flex-negative:1;flex-shrink:1; }
.footer .footer_upper .comp_info_wrap .footer_logo a{ display:block;width:100%; }
.footer .footer_upper .comp_info_wrap .footer_cat{ width:100%; }
.footer .footer_upper .comp_info_wrap .footer_addr{ font-size:103%;color:#fff;margin-top:4.3%; }
.footer_nav_sp{ display:none; }
.footer .footer_upper .footer_nav_wrap{ width:60%;max-width:640px;padding-top:5px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1; }
.footer .footer_upper .footer_nav_wrap ul{ display:-webkit-box;display:-ms-flexbox;display:flex;font-size:120%; }
.footer .footer_upper li{ letter-spacing:1px;border-right:1px solid #5e69a1;text-align:center;padding:0 13.8px;line-height:100%; }
.footer .ul_bottom li a{ font-feature-settings:"palt";white-space:nowrap; }
.footer .ul_bottom .hr_wrap{ padding:0;border-right:none;position:relative; }
.footer .ul_bottom .hr_wrap .v_line{ background-color:#5e69a1;width:1px;position:absolute;left:0;bottom:calc(50% + 2px); }
.footer .ul_bottom hr{ width:100px;background-color:#5e69a1;height:1px;border:none; }
.footer .footer_upper .footer_nav_wrap .ul_upper,.footer .footer_upper .footer_nav_wrap .ul_bottom{ -webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end; }
.footer .footer_upper .ul_bottom{ padding-top:3%; }
.footer .footer_upper .footer_nav_wrap li:last-of-type{ border-right:none;padding-right:0; }
.footer_nav_sp li a br{ display:none; }
.footer li.nav_round{ background-color:#f05546;color:#fff;border-radius:999px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin-right:auto;margin-left:2%;padding:0 8px; }
.footer .footer_upper .footer_nav_wrap ul .f_nav{ color:#fff;font-size:77%;white-space:nowrap; }
.footer .footer_bottom{ display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4%; }
.footer .footer_bottom .footer_b{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:30%;border-top:1px solid #5e69a1;border-bottom:1px solid #5e69a1;padding:2.9% 0;border-right:1px solid #5e69a1; }
.footer .footer_bottom .footer_b:last-of-type{ border-right:0; }
.footer .footer_bottom .footer_b.left{ width:32.7%; }
.footer .footer_bottom .footer_b.left a{ display:block;width:65%; }
.footer .footer_bottom .footer_b.middle{ width:32.6%; }
.footer .footer_bottom .footer_b.middle span{ width:65%; }
.footer .footer_bottom .footer_b.right{ width:calc(100% - (32.7% + 32.6%)); }
.footer .footer_bottom .footer_b.right a{ display:block;width:78%; }
.footer .privacy img{ width:8.8%;vertical-align: top; }
.footer .footer_copy{ width:6.8%;margin-left:auto;line-height:30%;float:right; }
.footer .footer_copy img{ vertical-align:top; } */

footer{ background-color:#0a235a;padding:50px 0;position:relative; }
footer .footer_logo{ width:100px;display:block;margin-left: auto;margin-right: auto; }
footer .bt_top{ position:absolute;right:30px;bottom:10%;width:40px;height:auto;display:block; }

.top_bg{ width:100%; }
.tmp_img{ display:block;max-width:1500px;margin-left: auto;margin-right: auto; }
.wave{ position:absolute;bottom:0;left:50%;transform:translateX(-50%);max-width:330px;width:40%; }

.popup_wrap{ position:fixed;left:0;top:0;width:100%;height:100vh;z-index:800;display:none; }
.mask{ background-color:rgba(0, 0, 0, 0.8);width:100%;height:100%; }
.popup_wrap .popup{ position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); }
.popup_wrap .popup .bt_close{ position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); }
.popup_wrap .inner{ width:500px; }
.popup_wrap .inner audio{ display:block;margin-left: auto;margin-right: auto; }
.js_audio audio{ display:none; }

section.top{ background-color:#0a235a;overflow:hidden; }

/* ---------------------------りゅうじエリア始----------------------------- */
.left_note_sp { display: none; }
.light_note_sp { display: none; }
.step_sp{ display: none; }
.sp_br{ display: none; }
.sp_br387{ display: none; }
.set_menu_flex_sp{ display: none; }
.left_note{ width:19%; margin:7.1% 0 0 2%; }
/* .circle_arrow360{ position:absolute; top:7.5%; left:50%; transform: translateX(-50%); } */
.circle_arrow360{ position:absolute; top:7.5%; transform: translateX(-50%); }
.circle_arrow360{ animation:16s linear infinite rotation1; }
@keyframes rotation1{ 0%{ transform:rotate(0);} 100%{ transform:rotate(360deg); } }
.circle_2p{ position:relative; width: 67%; }
.light_note{ width:17.3%; margin:8.4% 3% 0 0; }
.circle{ display:flex; padding-bottom:12.6%; }
.woman360{ position:relative; z-index:-1; }
.point_set{ width:28%; }
.point_area{ display:flex; justify-content:space-between; margin-bottom:12.2%; }
.phone_earphone{ width:20%; height: 266px; margin:12px 0 20px 25px; }
.light_note2{ width:20%; height: 234px; margin:38px 30px 0 0; }
.common_flex{ display:flex; justify-content:space-between; }
/* .about{ padding-bottom:15.6%; background-image:url("../img2/back_waveform.svg"); background-position: bottom -1.65% right 50%; background-size: 28.8%; background-repeat: no-repeat; } */
.about{ position: relative; padding-bottom:15.6%; }
.wave{ position: absolute; bottom: 0;  }
.about_p{ width:45%; font-size:184%; font-weight:bold; letter-spacing:0.6px; line-height:1.73; text-align:justify; font-feature-settings:"palt";}
.pink{ color: #FF4BB4; font-weight: bold; }
.effective_how_to{ display:flex; flex-wrap: wrap;justify-content: space-between; margin-bottom:4%; }
.effective{ padding-top:13.3%; }
.effective_p{ width:45%; font-size:184%; font-weight:bold; letter-spacing:0.6px; line-height:1.73; text-align:justify; font-feature-settings:"palt"; margin: 1% 0 0 1%; }
.how_to{ width:31.5%; margin-bottom:9.3%; }
.woman{ width:23%; height:224px; margin:4.5% 0 0 0; }
.light_note3{ width:20%; height:234px; margin:3% 3% 0 0; }
.light_note3, .light_note2{ position:relative; }
.light_note3 img, .light_note2 img{ position:absolute;width:100%;height:auto;animation:note_swing 1.8s infinite;transform:translate(2deg); }
@keyframes note_swing{
    0%{ transform:rotate(1.1deg) scale(0.97); }
    50%{ transform:rotate(-1.1deg) scale(1.05); }
    100%{ transform:rotate(1.1deg) scale(0.97); }
}
.light_note3 .light_note3_1 ,.light_note2 .light_note3_1{ animation-delay:.3s; }
.light_note3 .light_note3_2 ,.light_note2 .light_note3_2{ animation-delay:.6s; }
.light_note3 .light_note3_3 ,.light_note2 .light_note3_3{ animation-delay:.9s; }
.space{ margin-bottom:10%; }
.back_gradation{ border-radius:0 0 20px 20px; padding-top: 19%; background-image: url("../img2/back929_3.png"),url("../img2/back_gradation3.png"); background-repeat: no-repeat; background-position: top center; padding-bottom: 8%; background-size: contain,cover; }
/* .back_gradation{ background-image: url("../img2/back929_2.png"); background-repeat: no-repeat; background-position: top center; background-size: contain; background-position: right 10% top 0; } */
.sec_th_margin_bottom{ margin-bottom: 6.8%; }
.sec_th2{ height:65px;margin-bottom:4.5%; }
.effective h3{ font-size: 295%; margin-bottom: 4.4%; text-align: center; letter-spacing: 5px; font-feature-settings:"palt"; }
.alignment_upper_part{ display:flex; }
.alignment_lower_part{ display:flex; }
.alignment_upper_part .alignment{ width:39%; margin:3% 2.9% 1% 2.9%; }
.alignment_lower_part .alignment{ width:39%; margin: 2% 0 1.4% 0; }
.alignment_upper_part{ display:flex; flex-wrap: wrap; justify-content:center; margin-bottom:1%; }
.alignment_lower_part{ display:flex; flex-wrap: wrap; justify-content:space-evenly; }
.note_white1{ width:16%; margin:1.8% 0 0 4.1%; }
.note_white2{ width:15%; margin:0.5% 5% 0 0; }
.deliverables{ text-align:center; border: solid 4px #fff; margin-bottom: 11%; }
.deliverables_flex { display:flex; justify-content:space-around; border:#fff; padding:0 5% 7.3% 5%; }
.deliverables_img{ height:59px; margin-top:3%; padding: 1.1% 0; }
.deliverables_img:nth-child(n+2){ border-left: 4px solid #22396a; }
.left_border{ width:25%; height:80px; }
.left_border:not(:first-child){ border-left:4px solid #22396a; }
.set_menu_flex{ display:flex; justify-content:space-between; margin-bottom:7%; }
.set_menu_img{ width:30%; max-height:275px; }
.set_menu_img:nth-of-type(2){ border-left:4px solid #22396a; border-right:4px solid #22396a;padding: 0 2.5%; }
.consultation{ text-align:center; border:solid 4px #fff; }
.blue{ color: #00DCFF; }
.deliverables h3{ font-size:212%; font-weight:100; letter-spacing:3.5px; margin:6% 0 0.9% 0; font-feature-settings:"palt"; }
.deliverables p{ font-size: 115%; letter-spacing:1px; }
.consultation h3{ font-size:212%; font-weight:bold; line-height:1.72; letter-spacing:3.5px; padding:5.8% 7%; font-feature-settings:"palt"; }
.flow{ padding:13.4% 0 7.3% 0; }
.sec_th3{ height:65px; margin-bottom:5.5%; }
.step_img{ width:21%;opacity:0;transform:translateY(10px); }
.step_img.on{ opacity:1;transform:translateY(0);transition:all .5s; }
.step_first{ display:flex; justify-content:space-between; }
.step_second{ display:flex; justify-content:center; transform:translate(0px, -30px); }
.step_second img:nth-of-type(2){ padding:0 5%; }
.deliverables br{ display: none; }
/* ---------------------------りゅうじエリア終----------------------------- */

.works{ padding-top:11%;padding-bottom: 7.8%; }
.works .cont_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; }
.works .cont{ width:30%;margin:0 5%; }
.works .cont .note{ font-size: 143%; line-height:1.5; letter-spacing:1.7px; text-align:center;font-weight:bold;display:block;margin-left: auto;margin-right: auto;margin-top:4%; font-feature-settings:"palt"; }

/* .price{ padding:13% 0 12% 0; background-image:url("../img2/back_waveform.svg"); background-position: bottom -1.35% right 50%; background-size: 28%; background-repeat: no-repeat; } */
.price{ padding:13% 0 12% 0; position: relative; }

.price .wrap > img{ vertical-align: top; }
.price .th_sub{ display:block;text-align: center;font-size:215%;margin-bottom:4.6%; letter-spacing: 0.45px; }
.plans{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom: 6.5%; }
/* .plans .cont{ width: 30%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1; } */
.plans .cont{ width: 34%;-webkit-box-flex:1;-ms-flex-positive:1; margin: 0 -2%; }
.plans .cont + .cont{ border-left:4px solid #22396a; }
.plans .cont .detail{ height:23vw;max-height:220px;margin-bottom:10%; }
/* .plans .cont .detail{ width: 30%; max-width: 275px; } */
/* .plans .cont:nth-of-type(2){ border-left:4px solid #22396a; border-right:4px solid #22396a; } */

.plans .cont .bt_sample{ width:80%;max-width:240px;display:block;margin-left: auto;margin-right: auto; }

.slide_cont{ margin-bottom:4.1%; }
.p_head{ cursor: pointer; }
.slide_cont .p_head{ border-top-left-radius:12px;border-top-right-radius:12px;padding:0 4%; }
.slide_cont .p_head .bg{ position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:100px;z-index:10; }
.slide_cont .p_head .ttl{ width:100%;margin:0 auto;display:block;box-sizing:content-box; }
.slide_cont .p_head span{ position: relative;z-index:20;line-height: 86px;font-size:clamp(18px ,2.2vw, 155%); }
/* .slide_cont .p_head span{ position: relative;z-index:20;line-height: 86px;font-size:clamp(32px ,2.2vw, 155%); } */
.slide_cont .slide_menu{ box-sizing:border-box;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:none; }
.slide_cont .slide_menu .menu{ position:relative; }
.slide_cont:first-of-type .slide_menu{ padding-bottom:2%; }
.slide_cont .p_head{ position:relative; }
.slide_cont .p_head:after,.slide_cont .p_head.close:after{ position:absolute;right:4%;top:50%;transform:translateY(-50%);width:40px;height:40px;z-index:30;content:"";background-image:url(../img/bt_q_open.svg);background-size:contain;background-repeat:no-repeat;background-position:center center; }
.slide_cont .p_head.close:after{ background-image:url(../img/bt_q_close.svg); }
.slide_cont .children_wrap{ display:none; }
.slide_cont .child{ display:none; }
.slide_cont .child .p_head{ position:relative;padding:2% 0;padding-left:90px;border-bottom:1px solid #475a83; }
.slide_cont .child .p_head::before{ content:"";position:absolute;left:1%;top:50%;transform: translateY(-50%);height:60px;width:60px;background:url(../img/icon_q.svg) no-repeat center center/contain; }
.slide_cont .child .p_head.close{ border-bottom:none; }
.slide_cont .child .child{ background-color:#fff;padding-left:10%;position:relative;width:calc(100% - 80px);margin-left: auto;margin-bottom:3%;color:#0a235a;border-radius:14px;padding:2%;padding-left:80px; text-align: justify; }
.slide_cont .child .child:before{ content:"";position:absolute;left:18px;top:50%;transform: translateY(-50%);height:50px;width:50px;background:url(../img/icon_a.svg) no-repeat center center/contain; }
.slide_cont .child .child .note{ color:#0a235a; }


.copyright{ width:320px;margin:0 auto;margin-top:19px;margin-bottom:20px;display:block; }

/* フォオームリセット */
.text_contact{ -moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#F3F3F3;background-image:none;border:none;border-radius:0;color:inherit;font-family:inherit;font-size:1em;padding:0.4em 0.8em;width:100%;box-sizing:border-box;min-height:40px; }
.text_contact:focus { border:1px solid rgba(0, 0, 0, 0.32);box-shadow:none;outline:none; }
.textarea_text { -moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#F3F3F3;background-image:none;border:none;border-radius:0;color:inherit;font-family:inherit;font-size:1em;height:30vw;max-height:280px;padding:0.4em 0.8em;width:100%;resize:none;box-sizing:border-box; }
.textarea_text:focus { border:1px solid rgba(0, 0, 0, 0.32);box-shadow:none;outline:none; }
.contact form{ width:95%;max-width:1080px;margin:0 auto;margin-bottom:130px; }
.wrap_confirm{ width:70%;max-width:485px;margin:0 auto; }
.contact{ overflow:hidden; }
.contact .contact_hr{ height:1px;width:80%;max-width:982px;background-color:#BDBDBE;border:none;margin-top:5.7%; }
.contact .contact_hr:last-of-type{ margin-top:6.7%; }
.contact .conf_ttl{ text-align:center;font-size:20px;display:none;margin-top:5%; }
.contact { margin-top:6%; }
.contact  table{ width:100%;margin-bottom:30px;word-break:break-all;border-collapse:collapse; }
.contact form input[type="submit"]{ opacity:1;transition: opacity .3s;cursor: pointer; }
.contact form input[type="submit"]:hover{ opacity:0.8;transition: opacity .3s; }
.contact form input[type="submit"].bt_form{ font-size:14px;background-color:#283782!important;border:none;color:#fff;padding:18px 30px;border-radius:999px;background:transparent;display:block;margin:0 auto;cursor:pointer;letter-spacing:3px;width:100%; }
.contact form input[type="submit"].bt_next{ text-align:left;position:relative;width:100%; }
.contact .bt_wrap{ position:relative;width:260px;display:block;margin-left:auto;margin-right:auto; }
.contact .bt_wrap.next:after{ content:'';background:url(../img/arrow_icon.svg) no-repeat center center/contain;width:20px;height:20px;position:absolute;right:30px;top:50%;transform:translateY(-50%); }
.contact .bt_wrap.back{ margin-bottom:5%; }
.contact .contact_bottom_part{ display:block;margin:0 auto;width:55%;border-top:1px solid #BDBDBE;width:100%;padding-top:6.2%;margin-bottom:13%;margin-top:7%; }
.contact .contact_bottom_part .contact_bottom{ width:30.8%;max-width:440px;display:block;margin:0 auto; }
.contact form table .conf_text{ font-size:18px!important;height:30px; }
.contact form table .conf_text span{ color:#999; }
.contact form table .conf_text.conf_textarea{ height:auto;margin-top:10px; }
.contact form table .radio_option{ margin-bottom:8px; }
.errors span{ color:#b50009;padding:4px;border:1px solid #b50009;background-color:#ffd9db;border-radius:3px;line-height:164%;display:block;margin-bottom:8px;padding-left:22px;position:relative; }
.errors span:before{ content:'※';position:absolute;left:11px;top:3px; }
/* .contact form.confirm .td_name{  } */
.contact form.confirm table th{ width:46px; }
.contact form.confirm table p{ min-height:18px;white-space:pre-wrap; }
.confirm_note .th{ color:#acacac; }
.contact form.confirm .form_title{ color:#acacac;display:block;font-size:16px; }
.contact form.confirm .form_row.flex{ -webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row; }
.contact .frame_wrap{ background:url(../img/bg_frame.svg) no-repeat center center/cover;padding:4%;margin-bottom: 40px; }
.contact .form_inner{ background-color:#fff;padding:7%; }

.contact form{ position:relative; }
.contact input[type="text"],.contact input[type="tel"],.contact input[type="email"]{ width: 100%;margin-bottom:3%;padding:2%; }
.contact input[type="radio"]{ margin-right: 0; }
.contact input,.contact textarea,.contact .must .th,.subject_type .text,.confirm_note{ font-size:18px; }
.input_wrap .confirm_note{ margin-bottom:5px; }
.confirm_note{ min-height:18px;white-space:pre-wrap;word-break:break-word; }
.contact input,.contact textarea{ background-color:#f5f5f5;border:none; }
.contact textarea{ margin-top:10px; }
.contact .must .th{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom: 6px; }
.contact .must .th .require{ display:block;width:38px;padding-left:10px; }
.contact .subject_type{ margin-right:4px; }
.contact input[type="submit"]{ background:url(../img/bg_bt.svg) no-repeat center center/contain;width:200px;height:100px;display:block;margin-left: auto;margin-right: auto;color:#fff; }
.contact .footer_char{ position:absolute;left:-32%;bottom:-19%;width:68%; }
.confirm .th{ font-size: 170%;display:block;text-align: center;margin-bottom:5%; }
.confirm .row{ margin-bottom:20px; }
.confirm .row .th{ color:#acacac;margin-bottom: 1px;text-align: left; }
.complete_note_wrap{ text-align:center;font-size:22px;margin:130px 0 110px 0;font-weight:bold; }
.complete_note_wrap .note{ margin-bottom:3%; }
.complete_note_wrap .note.sub{ font-size:16px;font-weight:normal; }
.complete_note_wrap .note .sp_br{ display:none; }
.complete_note_wrap a{ color:#ff4bb4;text-decoration:underline; }

/* プライバシーポリシー */
.privacy_wrap .th_each{ padding-top:100px;font-size: 200%; } 
.privacy_wrap *{ color: #fff;font-size: 16px; }
.privacy_wrap .note_wrap{ margin-top:200px;margin-bottom:100px; }
.privacy_wrap h3{ display:block;margin-top:3%;font-size: 20px; }
.privacy_wrap p{ margin: 2% 0; }


.top_bg{ position:relative;transform:translateY(-6%); }
.top_bg_wrap{ position:absolute;left:50%;top:14%;transform:translateX(-50%);width:100%; }
.top_bg_wrap .inner{ position:relative;width:100%;margin-left: auto;margin-right: auto; }
.top_bg .obj1, .top_bg .obj2{ position:absolute;left:50%;top:0;transform:translateX(-50%); }
.top_bg .obj1{ animation:obj 2s 1s infinite; }
.top_bg .obj2{ animation:obj 2s 2s infinite; }
@keyframes obj{
    0%{ transform:scale(1.005) translateX(-50%); }
    50%{ transform:scale(0.995) translateX(-50%); }
    100%{ transform:scale(1.005) translateX(-50%); }
}

/* .top_notes_wrap{ position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:200px; } */
/* .top_notes_wrap .inner{ position:relative; } */
.top_bg img{ height:min(2000px, 160vw);width:auto; }
.top_bg .top_main{ display:block;margin-left:auto;margin-right:auto; }
.top_bg .notes, .top_bg .pt, .top_bg .top_note{ position:absolute;top:0;left:50%; }
.top_bg .top_note{ transform:translateX(-50%);z-index:100; }
/* .top_bg .notes{ z-index:50;transform:translate(-50%, -80vh) scale(3); } */
.top_bg .notes{ z-index:50;transform:translate(-50%, 0); }
@keyframes obj2{
    0%{ transform:scale(1) translate(-50%, 0); }
    50%{ transform:scale(0.995) translate(-50%, 0.01%); }
    100%{ transform:scale(1) translate(-50%, 0); }
}
.top_bg .head_notes1{ animation:obj2 1.3s .5s ease-in-out infinite; }
.top_bg .head_notes2{ animation:obj2 1.3s ease-in-out infinite; }
/* .top_bg .pt{ top:0;transform:translate(-50%, -100vh); }  */
.top_bg .pt{ transform:translate(-50%, 0); } 
.top_bg .head_pt1{ z-index:20; }
.top_bg .head_pt2{ z-index:80; } 
/* @keyframes pt{
    0%{ transform:translate(-50%, -100vh); }
    100%{ transform:translate(-50%, 0); }
}
@keyframes notes{
    0%{ transform:translate(-50%, -80vh) scale(5); }
    100%{ transform:translate(-50%, 0) scale(1); }
} */
/* ---------------------------りゅうじエリア始----------------------------- */
@media screen and (max-width:1000px){
    .about_p{ font-size: 170%; }
    .works .cont .note{ font-size: 125%; }
    .consultation h3{ font-size: 200%; }
    .effective_p{ font-size: 170%; }
}
@media screen and (max-width:900px){
    .about_p{ font-size: 150%; }
    .works .cont .note{ font-size: 114%; }
    .consultation h3{ font-size: 180%; }
    .effective_p{ font-size: 150%; }
    .slide_cont .p_head span{ font-size:clamp(25px ,2.2vw, 155%); }
}
@media screen and (max-width:830px){
    .works .cont .note{ font-size: 100%; }
    .consultation h3{ font-size: 150%; }
    .slide_cont .p_head span{ font-size:clamp(22px ,2.2vw, 155%); }
}
/* ---------------------------りゅうじエリア終----------------------------- */


@media screen and (max-width:767px){

/* ---------------------------りゅうじエリア始----------------------------- */
    .about_p{ font-size: 125%; }
    .effective_p{ font-size: 125%; }
    .phone_earphone{ width: 20%; height: 220px; margin: 0 0 0 20px; }
    .light_note2{ width: 18%; height: 230px; margin: 0 30px 0 0; }
    .sec_th{ height: 50px; }
    .sec_th2{ height: 50px; }
    .sec_th3{ height: 50px; }
    .effective h3{ font-size: 222%; }
    .woman{ margin: inherit; }
    .light_note3{ margin: inherit; }
    .price .th_sub{ font-size: 180%; }
    .point_set{ width: 30%; }
    .deliverables h3{ font-size: 165%; }
    .deliverables p{ font-size: 100%; }
    .consultation h3{ font-size: 112%; }
    .step_pc{ display: none; }
    .step_sp{ display: block; text-align: center; }
    .step_img{ width: 40%; text-align: center;opacity:1;transform:translateY(0); }
    .slide_cont .p_head span{ font-size:clamp(18px ,2.2vw, 155%); }
    .move{ transform: translateY(51%); }
    .move2{ transform: translatex(-51%); }
    .slide_cont .child .child{ padding-top:30px; padding-bottom: 30px; padding-right: 20px; }
/* ---------------------------りゅうじエリア終----------------------------- */

    .th_each{ font-size: 160%; }

    .main_area{ padding-bottom:5%; }
    .header{ width: 100%;position:fixed;top:0;z-index:700; }
    .header .wrap{ -webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:3% 0; }
    .header .nav_wrap,.header .icon_wrap{ display:none; }
    .header .logo{ width:30%; }
    .header .nav{ display:-webkit-box;display:-ms-flexbox;display:flex; }
    .header .nav a{ border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;flex-grow:1; }
    .header .nav a img{ width:85%;display:block;margin:0 auto;padding:6% 0; }
    .header .nav a:last-of-type{ border-right:0;background-color:#f15c5c; }
    .header .hamburger-btn{ display:block; }

    .footer{ padding:8% 0; }
    .footer .wrap{ max-width:460px; }
    .footer .footer_upper{ display:none; }
    .footer_nav_sp{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:350px;margin-left:auto;margin-right:auto;margin-bottom:1.5%;-webkit-box-orient: vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
    .footer_nav_sp li{ margin-bottom:14px; }
    .footer li.nav_round{ padding:3px 8px;margin:30px auto 40px auto; }
    .footer_nav_sp li{ text-align: center; }
    .footer_nav_sp li a{ font-size:16px; }
    .footer_nav_sp .we_can ul{ display:none; }
    .footer_nav_sp .we_can li{ margin-bottom:16px; }

    .sec{ padding:15% 0; }
    .margin_sec{ margin:15% 0;padding:0; }
    .wrap.col{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
    .sec.info{ padding-bottom:15%; }

    .plans .cont .detail{ height: 16.9vw; }

    .slide_cont{ margin-bottom: 0; }
    .slide_cont > .p_head{ border-radius: 999px;overflow:hidden; margin-bottom:5%;margin-top:3%;height:70px; }
    .slide_cont > .p_head .th{ line-height:70px; margin-left: 20px; }
    .slide_cont .p_head .note{ font-size: 100%;line-height: 170%; }
    .slide_cont .p_head .bg{ object-fit: cover;object-position:left;height: 100%; }
    .slide_cont .child .p_head{ padding-right:90px;padding-top: 5%;padding-bottom: 5%; }
    .slide_cont .child .p_head::before{ width:50px;height:50px; }
    .slide_cont:first-of-type .slide_menu{ padding-bottom: 0; }
    .slide_cont .slide_menu:last-of-type{ padding-bottom: 5%; }

    /* 問い合わせ */
    .wrap_form{ width:80%; }
    .contact .contact_bottom_part .contact_bottom{ width:80%; }
    .text_contact{ width:90%; }
    .textarea_text{ width:90%; }
    .contact .error_note{ padding-left:10px; }
    .contact .contact_info_wrapper .contact_number{ width:50%; }
    .contact .complete_note_sub{ text-align:left;font-size:14px;margin:20px auto;width:80%; }
    .contact table td .form_title,.contact table .radio .text{ font-size:16px; }
    .contact table td .form_row.flex{ -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; }
    .contact table td .form_row.flex .form_title{ line-height:40px; }
    .complete_note_wrap .note{ font-size: 140%;margin-bottom: 3%; }

    /* プライバシーポリシー */
    .privacy_wrap .th_each{ padding-top:150px; }
}

@media screen and (max-width:700px){
    .about_p{ font-size: 115%; }
    .effective_p{ font-size: 115%; }
}

@media screen and (max-width:600px){
    .about_p{ font-size: 100%; }
    .effective_p{ font-size: 115%; }
    .phone_earphone{ height: 180px; }
    .light_note2{ height: 190px; }
}

@media screen and (max-width:575px){
    /* .th_sec{ font-size: 220%; } */
    /* .header{ position:relative; } */
    .top .frame{ padding-top: 12px; }
    .top .frame .side_header{ width:11%; }
    .header::after{ content:'';position:absolute;bottom:-10px;left:0;width:100%;height:10px;background:rgb(0,0,0);background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);opacity:0.2; }
    .sp_header .wrap{ width:90%; }
    .header .logo{ width:50%; }
    .hamburger{ min-width:0;box-sizing:border-box;width:100vw; }
    .header .hamburger-btn{ width:10%;max-width:44px; }
    .header .hamburger-btn.close{ width:8%;margin-right:3.5%; }
    .sec_th{ height:35px; }
    .top .wrap{ padding-top:10%; }
    /* .top .wrap{ width:100%; } */
    /* .top_bg img{ height:190vw; } */
    .footer{ padding:17% 0 28% 0; }
    .footer .wrap{ max-width:460px; }
    /* .footer_nav_sp li a br{ display:block; } */
    .footer .bt_top{ width:30px; }
     .about{ padding-bottom: 16.6%; }
     .flow{ padding-bottom: 11%; }
/* ---------------------------りゅうじエリア始----------------------------- */
    .circle{ padding-bottom: 20%; }
    .point_area{ display: block; text-align:center; margin: inherit; }
    .point_set{ width: 85%; padding-bottom: 18%; }
    .point_set:nth-child(3){ border-bottom: 4px solid #22396a; }
    .common_flex{ display: block; text-align: center; }
    .about{ background-position: bottom -0.7% right 50%; background-size: 50%; }
    .price{ background-position: bottom -0.55% right 50%; background-size: 50%; }
    .about_p{ width: 85%; font-size: 125%; margin: 0 auto; }
    .effective_p{ width: 85%; font-size: 125%; margin: 0 auto; }
    .phone_earphone{ width: 45%; margin: 17% 0 10% 0; height: auto; }
    .light_note2{ width: 28%; margin: 5% 0 0 0; display: none; }
    .effective h3{ font-size: 175%; margin-bottom: 9.4%; }
    .effective_how_to{ display: block; text-align: center; margin-bottom: 0; }
    .how_to{ width: 85%; margin-bottom: 15.3%; }
    .sec_th2{ height: 35px; }
    .sec_th3{ height: 35px; }
    .woman{ width:50%; height: auto; margin: 0 0 8% 0; }
    .light_note3{ display: none; }
    .alignment_upper_part{ display: block; text-align: center; }
    .alignment_upper_part .alignment{ width: 77%; margin-bottom: 9.3%; }
    .alignment_lower_part{ flex-wrap: nowrap; justify-content: space-between; }
    .alignment_lower_part .alignment{ width: 77%; margin: 0 auto 9.2%; }
    .note_white1{ display: none; }
    .note_white2{ display: none; }
    .back_gradation{ border-radius: 0 0 11px 11px; }
    .sp_br{ display: block; }
    .set_menu_flex{ display: block; text-align: center; margin: inherit; }
    .set_menu_img{ width: 60vw; }
    .set_menu_img:nth-of-type(2){ border: none; padding: 0; }
    .set_menu_img:nth-child(n+2) { margin-bottom: 17%; }
    .deliverables{ margin-bottom: 20%; }
    .deliverables_flex{ flex-wrap: wrap; padding: 2%; justify-content: center; padding: 0; margin: 5% 0 5% 0; }
    .deliverables h3{ margin: 8% 5% 2% 5%; }
    .deliverables p{ margin: 0 5%; }
    .deliverables_img{ width: auto; min-width: 151px; margin-bottom: 3%; }
    .deliverables_img:nth-child(n+2){ border-left: none; }
    .wave{ width:66%; }
    .price{ padding-bottom: 17%; }
    .wide{ width:98%; margin: 0 auto;}
    .circle{ justify-content: space-around; width:95%; margin: 0 auto; }
    .plans .cont .detail{ height: 45vw; }
    /* .border_bottom{ border-bottom: 4px solid #22396a; padding-bottom: 10%; } */
    .deliverables h3{ font-size: 135%; }
    .left_note{ display: none; }
    .light_note{ display: none; }
    .left_note_sp { display: block; display: flex; flex-direction: column; justify-content: space-between; }
    .light_note_sp { display: block; display: flex; flex-direction: column; justify-content: space-between; }
    .left_note_upper{ width:31px; }
    .left_note_lower{ width:42px; }
    .light_note_upper{ width:35px; }
    .light_note_lower{ width:22px; }
    .circle_2p{ width:80%; }
    .works{ padding-top: 14%; padding-bottom: 4%; }
    .effective{ padding-top: 15%; }
    .plans .cont .bt_sample{ width:60%; }
    .border_bottom{ border-bottom: 4px solid #22396a; padding-bottom: 15%; }
    .faq_wrap{ width:80%; }
    .deliverables br{ display: block; }
    .plans{ -webkit-box-orient: vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
    .price .th_sub{ font-size: 100%;margin-bottom: 10%; }
    .plans .cont{ width: 100%;margin-bottom: 15%; }
    .plans .cont + .cont{ border-left:none; }
    .plans .cont:last-of-type{ margin-bottom: 0; }
    .works .cont_wrap{ flex-direction:column; }
    .works .cont{ width: 100%;max-width:290px;margin-right: auto;margin-left: auto;margin-bottom:12%; }
    .works .cont img{ width: 85%;display:block;margin-left: auto;margin-right: auto; }
    .how_to_border{ border-bottom: 4px solid #22396a; padding-bottom: 16%; }
    .set_menu_img3{ margin-top: 9%; }
    .set_menu_img_border{ border-top: 4px solid #22396a; border-bottom: 4px solid #22396a; padding-top: 15%; padding-bottom: 15%; transform: translateY(-25px);}
    .set_menu_flex{ display: none; }
    .set_menu_flex_sp{ display: block; text-align: center; }
}
    @media screen and (max-width:387px){
    .deliverables_img{ margin-bottom: 9%; }
    .border1{ border-left: none; border-bottom: 4px solid #22396a; padding-bottom: 10%; }
    .border2{ border-left: none; border-bottom: 4px solid #22396a; padding-bottom: 10%; }
    .deliverables_img:first-child{ margin-bottom: 7%; border-bottom: 4px solid #22396a; padding-bottom: 10%; }
    .step_img{ width:75%; }
    .move{ transform: none; }
    .move2{ transform: none; }
    .slide_cont > .p_head .th{ margin-left: inherit; }
    .sp_br387{ display: block; }


/* ---------------------------りゅうじエリア終----------------------------- */






    .faq .wrap{ width: 90%; }
    .slide_cont .p_head{ padding:0 9%; }
    .slide_cont > .p_head{ margin-top: 6%;margin-bottom: 4%; }
    .slide_cont .p_head:after{ width: 30px;height:30px;right:6%; }
    .slide_cont .p_head .note, .slide_cont .child .child .note{ font-size: 16px; }
    .slide_cont .child .child .note{ text-align: justify; }
    .slide_cont .child .p_head{ padding:9% 60px; }
    .slide_cont .child .p_head::before{ width:40px;height:40px; }
    .slide_cont .p_head:after, .slide_cont .p_head.close:after{ right:6%;width:30px; }
    .slide_cont .child .child{ width:calc(100% - 20px);padding:5%;padding-left: 70px;margin-bottom: 8%; }
    .slide_cont .child .child:before{ width: 40px;height:40px; }


    /* お問い合わせ */
    .contact{ margin-top: 20%; }
    .wrap_form{ width:95%; }
    .wrap_confirm{ width:90%; }
    .contact .contact_hr{ width:90%; }
    .contact .text_contact{ width:100%; }
    .contact form table{ margin:0 auto;margin-bottom:33px;width:100%; }
    .contact table td, .contact table th{ padding:10px 0; }
    .contact form table th{ margin-right:4px;font-size:14px; }
    .contact form table td{ display:block;padding-top:2px; }
    .contact form table td, form table p{ font-size:16px; }
    .contact form table td .form_row.name.comp{ margin-top:25px; }
    .contact form table .conf_text{ font-size:16px!important; }
    .contact form table .contact_email th { margin-top:7px; }
    .contact form table .contact_email td{ padding-top:2px; }
    .contact form table .radio.bottom th{ margin-top:30px; }
    .contact form table .radio.bottom td{ padding-top:2px; }
    .textarea_text{ width:100%; }
    .contact form .contact_caution { font-size:11px; }
    .contact form .bt_confirm{ font-size:14px;padding:10px 0;width:220px; }
    .contact table th .tag_require{ padding-bottom: 0; }
    .contact form table .radio.bottom th{ margin-top: 7px; }
    .contact .contact_bottom_part{ width:90%; }
    .contact .contact_bottom_part p{ font-size:17px; }
    .contact .complete_note{ font-size:16px;margin:90px auto 50px auto;width:80%; }
    .contact table .radio.bottom .subject_type{ margin-bottom:6%; }
    .complete_note_wrap .note{ margin-bottom: 9%; }
    .complete_note_wrap .note .sp_br{ display:block; }
    .contact .footer_char{ width:78%;bottom:-18%; }

    /* プライバシー */
    .privacy_wrap .note_wrap{ margin-top: 35%;line-height: 30px; }
    .privacy_wrap .th_each{ padding-top: 70px;font-size: 25px; }
    .privacy_wrap h3{ margin-top: 10%; }
    .privacy_wrap p{ margin:5% 0 }
    .privacy_wrap li{ margin-bottom: 4%; }
    /* .privacy_wrap .th_each{ margin-top: 45%; } */
    }