@import url('https://fonts.googleapis.com/css2?family=Anton&family=Paytone+One&family=Playfair+Display:wght@900&family=Waterfall&display=swap');
@font-face{font-family:"FlopDesignFONT";src:url('j-font/FlopDesignFONT.woff'),url('j-font/FlopDesignFONT.eot')}.raleway200{font-family:'Raleway',sans-serif !important;font-weight:200!important}.raleway300{font-family:'Raleway',sans-serif !important;font-weight:300!important}.jjfont{"FlopDesignFONT",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",sans-serif !important;font-weight:normal}*{ padding:0; margin:0}*{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-box-shadow:none; box-shadow:none;  outline:none}*:focus{outline:none}body{ font-size:14px; line-height:1.5em; font-family:"FlopDesignFONT",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",sans-serif !important; font-weight:normal; color:#444; -webkit-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased}.materialize-red-text{ color:#ee6e73 !important}.materialize-red-bg{ background-color:#ee6e73 !important}.blue-grey-darken-text{ color:#263238 !important}.blue-grey-darken{ color:#fff !important; background-color:#263238 !important}.blue-grey-darken-bg{ background-color:#263238 !important}.blue-grey-lighten-text{ color:#eceff1 !important}.orange-darken-4{ color:#fff !important; background-color:#e65100 !important}.light-blue{ color:#fff !important; background-color:#0277bd !important}.blue-grey-lighten-bg{ color:#3498db !important}.yellow{ color:#fff !important; background-color:#ffeb3b !important}.white-text{ color:#fff !important}.white-bg{ background-color:#fff !important}.black-text{ color:#000 !important}.red-darken-2{ background-color:#d32f2f !important; color:#fff!important}.red-4-text{ color:#b71c1c !important}.green-darken-3{ background-color:#2e7d32 !important; color:#fff!important}.green-accent-4{ background-color:#00c853 !important; color:#fff!important}.pink-darken-1{ background-color:#d81b60 !important; color:#fff!important}.cyan-darken-1{ background-color:#00acc1 !important; color:#fff!important}.black-bg{ background-color:#000 !important}.grey-bg{ background-color:#eee !important; color:#444 !important}.grey-text{ color:#e0e0e0 !important}.transparent{ background-color:transparent !important}.transparent-text{ color:transparent !important}.green{ background-color:#4CAF50 !important}.yellow{ background-color:#ffeb3b !important}.red{ background-color:#F44336 !important}.atten-area{ background-color:#eee !important}.mb-05{ margin-bottom:0.5rem !important}.center-position{ text-align:center !important; margin:0 auto !important}.whiteNoise{ background-color:#E1E6EC; background-image:-webkit-linear-gradient(top,#E1E6EC 2%,#F0F4F7 96%),-webkit-radial-gradient(at 50% 100%,rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 200%); background-image:linear-gradient(-180deg,#E1E6EC 2%,#F0F4F7 96%),radial-gradient(at 50% 100%,rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 200%); background-blend-mode:normal,color-burn}.whiteNoise-bg{ color:#444; background-color:#E1E6EC; background-image:-webkit-linear-gradient(top,#E1E6EC 2%,#F0F4F7 96%),-webkit-radial-gradient(at 50% 100%,rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 200%); background-image:linear-gradient(-180deg,#E1E6EC 2%,#F0F4F7 96%),radial-gradient(at 50% 100%,rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 200%); background-blend-mode:normal,color-burn} .chage-color{background-color:#263238 !important}.border-aa01{border:solid 1px #b71c1c!important}.border-aa02{border:solid 1px #2e7d32!important}.insert-margin{ width:100%; background-color:#eee; height:15px; box-shadow:inset 0 1px 5px rgba(0,0,0,.1)}.insert-margin:before{ content:''}.lazyload{ opacity:0}.lazyloaded{ opacity:1; transition:all 0.5s}.img-circle{ border-radius:50%}.material-icons{ font-family:'Material Icons'; font-weight:normal; font-style:normal; font-size:24px;  display:inline-block; width:1em; height:1em; line-height:1; text-transform:none;  -webkit-font-smoothing:antialiased;  text-rendering:optimizeLegibility;  -moz-osx-font-smoothing:grayscale;  font-feature-settings:'liga'}.material-icons.md-8,.font8{font-size:8px !important}.material-icons.md-9,.font9{font-size:9px !important}.material-icons.md-10,.font10{font-size:10px !important}.material-icons.md-11,.font11{font-size:11px !important}.material-icons.md-12,.font12{font-size:12px !important}.material-icons.md-13,.font13{font-size:13px !important}.material-icons.md-14,.font14{font-size:14px !important}.material-icons.md-15,.font15{font-size:15px !important}.material-icons.md-16,.font16{font-size:16px !important}.material-icons.md-17,.font17{font-size:17px !important}.material-icons.md-18,.font18{font-size:18px !important}.material-icons.md-19,.font19{font-size:19px !important}.material-icons.md-20,.font20{font-size:20px !important}.material-icons.md-21,.font21{font-size:21px !important}.material-icons.md-22,.font22{font-size:22px !important}.material-icons.md-23,.font23{font-size:23px !important}.material-icons.md-24,.font24{font-size:24px !important}.material-icons.md-25,.font25{font-size:25px !important}.material-icons.md-26,.font26{font-size:26px !important}.material-icons.md-27,.font27{font-size:27px !important}.material-icons.md-28,.font28{font-size:28px !important}.material-icons.md-29,.font29{font-size:29px !important}.material-icons.md-30,.font30{font-size:30px !important}.material-icons.md-31,.font31{font-size:31px !important}.material-icons.md-32,.font32{font-size:32px !important}.material-icons.md-33,.font33{font-size:33px !important}.material-icons.md-34,.font34{font-size:34px !important}.material-icons.md-35,.font35{font-size:35px !important}.material-icons.md-36,.font36{font-size:36px !important}.material-icons.md-37,.font37{font-size:37px !important}.material-icons.md-38,.font38{font-size:38px !important}.material-icons.md-39,.font39{font-size:39px !important}.material-icons.md-40,.font40{font-size:40px !important}.material-icons.md-dark{color:rgba(0,0,0,0.54)}.material-icons.md-dark.md-inactive{color:rgba(0,0,0,0.26)}.material-icons.md-light{color:rgba(255,255,255,1)}.material-icons.md-light.md-inactive{color:rgba(255,255,255,0.3)}.indent-1{padding-left:1em;text-indent:-1em}.embed-responsive{ position:relative; display:block; width:100%; padding:0; overflow:hidden}.embed-responsive::before{ display:block; content:""}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{ position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0}.embed-responsive-21by9::before{ padding-top:42.857143%}.embed-responsive-16by9::before{ padding-top:56.25%}.embed-responsive-4by3::before{ padding-top:75%}.embed-responsive-1by1::before{ padding-top:100%}nav ul a,nav .brand-logo{ color:#fff}nav ul a{ font-size:12px !important}nav .brand-logo{ position:absolute; color:#fff; display:inline-block; padding:0}.navi-logo{ margin-right:-10px !important; margin-left:5px !important; margin-top:13px !important; width:35px; height:35px; line-height:35px}.mag-left{ margin-left:50px}.sidenav-trigger{ color:#fff}nav .sidenav-trigger{ margin:0 0px; margin-right:15px}@media only screen and (min-width:993px){ nav a.sidenav-trigger{ display:block}}.sidenav li >a >i,.sidenav li >a >[class^="mdi-"],.sidenav li >a li >a >[class*="mdi-"],.sidenav li >a >i.material-icons{ margin:0 5px 0 5px}.sidenav .search-box{ display:block; font-size:12px; color:#fff; border:solid 1px #fff; border-radius:6px; padding:10px 10px 10px 10px; margin:10px 10px 10px 25px}.navbar-fixed .nav-wrapper ul li .btn,.navbar .nav-wrapper ul li .btn{ font-size:12px !important; padding:0 10px 0px 10px; height:36px; line-height:34px; margin-left:10px !important; margin-right:0px}.navbar-fixed .nav-wrapper ul li .btn-first,.navbar .nav-wrapper ul li .btn-first{ margin-left:20px !important}.btn-outline-light{ color:#fff; background-color:transparent; background-image:none; border:1px solid #fff}.btn-outline-light:hover{ color:#808e9b; background-color:rgba(255,255,255,0.1); border-color:#808e9b}.btn-outline-light:focus,.btn-outline-light.focus{ box-shadow:0 0 0 0.2rem rgba(248,249,250,0.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{ color:#f8f9fa; background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show >.btn-outline-light.dropdown-toggle{ color:#212529; background-color:#f8f9fa; border-color:#f8f9fa}.btn-xs{ display:inline-block; padding:4px 10px; margin-bottom:0; font-size:12px; font-weight:normal; line-height:1.42857143; text-align:center; white-space:nowrap; color:#fff; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px}.btn-xs:focus,.btn-xs:active:focus,.btn-xs.active:focus,.btn-xs.focus,.btn-xs:active.focus,.btn-xs.active.focus{ outline:5px auto -webkit-focus-ring-color; outline-offset:-2px}.btn-xs:hover,.btn-xs:focus,.btn-xs.focus{ color:#fff; text-decoration:none}.btn-xs:active,.btn-xs.active{ background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125); box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-look,.btn-look a,.btn-look-nobg,.btn-look-nobg a{ font-size:11px !important; font-weight:bold; border:none; border-radius:2px; display:inline-block; color:#000; height:36px; padding:0; line-height:36px; vertical-align:middle; -webkit-tap-highlight-color:transparent; margin-bottom:10px; margin-right:5px}.btn-look,.btn-look a{ background-color:#cfd8dc; padding:0 8px} .marklabel{ display:inline-block; padding:.5em .8em .5em; font-size:80%; font-weight:bold; line-height:1; color:#fff; text-align:center; vertical-align:baseline; border-radius:.25em; margin:1px}.breadcrumbs{  border-bottom:1px solid rgba(0,0,0,0.09);  display:block;  padding-left:5px;  line-height:1.0em !important}.breadcrumbs ol{  list-style:none;  margin-top:7px;  margin-bottom:10px}.breadcrumbs ol >li{  display:inline-block;  font-size:8px !important;  color:#444}.breadcrumbs ol >li >a{ display:inline-block;  color:#444;  margin:0px}.breadcrumbs ol >li+li:before{  font-size:8px;  content:"/"; margin:0px}.breadcrumbs ol >.active{ color:#4b4b4b}#slider-top{ min-height:400px}.sp-slide .sp-layer,.sp-slide .sp-caption{ padding-left:20px !important; padding-right:20px !important}.sp-slide .mg-box{ padding:15px 20px 25px 20px; border-bottom:solid 1px #eee}.sp-slide .mg-box02{ padding:15px 20px 25px 20px}.sp-slide .main-title{ position:relative}.sp-slide h1{ position:absolute; top:5px; right:5px; letter-spacing:-0.1em !important; color:cfd8dc !important; font-size:7px !important; font-weight:700 !important; margin:0 !important}.sp-slide .sp-layer h2,.sp-slide .sp-caption h2,.sp-slide .mg-box h2,.sp-slide .mg-box02 h2,.sp-slide .sp-layer h3,.sp-slide .sp-caption h3,.sp-slide .mg-box h3,.sp-slide .mg-box02 h3{ font-size:14px; color:#b71c1c; font-weight:bold !important; line-height:1.5em; letter-spacing:-0.1em !important; margin-top:0; margin-bottom:3px}.sp-slide .sab-title{ font-size:9px !important; font-weight:bold!important; line-height:1.5em!important; margin-top:0!important; color:#444!important; letter-spacing:0 !important; margin-bottom:10px!important; float:right!important}.sp-slide .sp-layer h4,.sp-slide .sp-caption h4,.sp-slide .mg-box h4,.sp-slide .mg-box02 h4{ font-size:9px; font-weight:bold; line-height:1.5em; margin-top:0; margin-bottom:10px; float:right}.sp-slide .sp-layer p,.sp-slide .sp-caption p,.sp-slide .mg-box p,.sp-slide .mg-box02 p{ font-size:14px; line-height:1.5em; margin-top:0px; margin-bottom:10px; text-align:justify; -ms-text-justify:inter-ideograph; text-justify:inter-ideograph}@media only screen and (max-width:320px){ .sp-slide .sp-layer h1{font-size:7px} .sp-slide .sp-layer h2{font-size:6px} .sp-slide .sp-layer h3,.sp-slide .sp-caption h3,.sp-slide .mg-box h3,.sp-slide .mg-box02 h3{font-size:14px} .sp-slide .sp-layer h4,.sp-slide .sp-caption h4,.sp-slide .mg-box h4,.sp-slide .mg-box02 h4{font-size:13px} .sp-slide .sp-layer p,.sp-slide .sp-caption p,.sp-slide .mg-box p,.sp-slide .mg-box02 p{font-size:12px}}.sp-previous-arrow:before,.sp-previous-arrow:after,.sp-next-arrow:before,.sp-next-arrow:after{content:'';position:absolute;width:50%;height:50%;background-color:rgba(0,0,0,0.5) !important}.sp-white{color:#000;background:rgb(255,255,255);background:rgba(255,255,255,0.9)}.sp-padding{padding:5px 0 0 0!important}.hover-ly{width:100%;height:auto;overflow:hidden;position:relative}.hover-ly .caption,.hover-ly .caption a{font-size:100%;text-align:center;color:#fff}.hover-ly .mask{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(0,0,0,0.4);-webkit-transition:all 0.6s ease;transition:all 0.6s ease}.hover-ly:hover .mask{opacity:1;padding-top:40%}.flexbox-wapper{ display:flex; flex-wrap:wrap}.flexbox-wapper .flexbox-inner40{ width:40%}.flexbox-wapper .flexbox-inner60{ width:60%}.content-area,.content-area-update{ padding:20px 15px 20px 15px}.content-area-update p{ font-size:14px; line-height:1.75em; margin-top:0; margin-bottom:25px}.content-area-update >span{ font-size:14px; margin-bottom:5px; font-family:'Raleway',sans-serif !important; font-weight:300!important}.content-area-md{ padding:30px 20px 20px 30px}.content-area h3,.content-area-md h3{ font-size:18px; font-weight:700; line-height:1.5em; border-bottom:solid 1px black; margin-top:0; margin-bottom:10px; display:inline-block}.content-area h4,.content-area-md h4{ font-size:15px; font-weight:700; line-height:1.5em; margin-top:0; margin-bottom:5px}.content-area p,.content-area-md p{ font-size:14px; line-height:1.75em; margin-top:0; margin-bottom:0}.full-capsiton{ padding-left:10px; padding-right:10px}.tab-area-01,.tab-area-02{}.tab-area-01 .tabs,.tab-area-02 .tabs{ position:relative; overflow-x:auto; overflow-y:hidden; height:62px; width:100%; background-color:transparent; margin:0 auto; white-space:nowrap}.tab-area-01 .tabs .tab,.tab-area-02 .tabs .tab{ display:inline-block; text-align:center; line-height:62px; height:62px; padding-bottom:24px; margin:0; text-transform:uppercase}.tab-area-01 .tabs .tab a,.tab-area-02 .tabs .tab a{ color:#fff; display:block; width:100%; height:100%; padding:0 12px; font-size:12px !important; font-weight:700; text-overflow:ellipsis; overflow:hidden; -webkit-transition:color .28s ease,background-color .28s ease; transition:color .28s ease,background-color .28s ease}.tab-area-01 .tabs-content .title-area,.tab-area-01 .tabs-content .bottom-area,.tab-area-01 .tabs-content .articl-area,.tab-area-02 .tabs-content .title-area,.tab-area-02 .tabs-content .bottom-area,.tab-area-02 .tabs-content .articl-area{ padding:15px; display:block}.tab-area-01 .tabs-content .articl-area,.tab-area-02 .tabs-content .articl-area{ padding-bottom:0}.tab-area-01 .tabs-content .foryou-area{}.tab-area-01 .tabs-content .title-area h3,.tab-area-02 .tabs-content .title-area h3{ font-size:16px; font-weight:700; line-height:1.5em; margin-top:0; margin-bottom:0}.tab-area-01 .tabs-content .title-area h3{ color:#c62828}.tab-area-02 .tabs-content .title-area h3{ color:#2e7d32}.tab-area-01 .tabs-content .title-area p,.tab-area-02 .tabs-content .title-area p{ font-size:14px; font-weight:700; line-height:1.5em; margin-top:10px; margin-bottom:0}.tab-area-01 .tabs-content .articl-area h4,.tab-area-01 .tabs-content .bottom-area h4,.tab-area-02 .tabs-content .articl-area h4,.tab-area-02 .tabs-content .bottom-area h4{ font-size:14px; font-weight:700; line-height:1.5em; margin-top:0; margin-bottom:0}.tab-area-01 .tabs-content .foryou-area h4{ font-size:16px; font-weight:700; line-height:1.5em; margin-bottom:15px; margin-top:15px}.tab-area-01 .tabs-content .foryou-area h5{ margin-bottom:20px; line-height:1.35em; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}.tab-area-01 .tabs-content .foryou-area p{ margin-bottom:20px; margin-top:20px}.tab-area-01 .tabs-content .articl-area p,.tab-area-01 .tabs-content .bottom-area p,.tab-area-02 .tabs-content .articl-area p,.tab-area-02 .tabs-content .bottom-area p{ margin-top:5px; margin-bottom:0}.tab-area-01 .tabs-content .tabs-content-inner,.tab-area-02 .tabs-content .tabs-content-inner,.tab-area-01 .tabs-content .tabs-content-inner02,.tab-area-02 .tabs-content .tabs-content-inner02{ display:flex; flex-wrap:wrap; padding:5px 15px 0 15px}.tab-area-01 .tabs-content .tabs-content-inner .inner-box h3,.tab-area-02 .tabs-content .tabs-content-inner .inner-box h3,.tab-area-01 .tabs-content .tabs-content-inner02 .inner-box h3,.tab-area-02 .tabs-content .tabs-content-inner02 .inner-box h3{ font-size:20px; font-family:'Raleway',sans-serif !important; font-weight:300!important; margin-top:0; margin-bottom:0}.tab-area-01 .tabs-content .tabs-content-inner .inner-box .japanese,.tab-area-02 .tabs-content .tabs-content-inner .inner-box .japanese,.tab-area-01 .tabs-content .tabs-content-inner02 .inner-box .japanese,.tab-area-02 .tabs-content .tabs-content-inner02 .inner-box .japanese{ font-size:18px; font-family:"FlopDesignFONT",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",sans-serif !important; font-weight:700 !important; margin-top:0; margin-bottom:0; display:block}.tab-area-01 .tabs-content .tabs-content-inner .inner-box h3 >span,.tab-area-02 .tabs-content .tabs-content-inner .inner-box h3 >span,.tab-area-01 .tabs-content .tabs-content-inner02 .inner-box h3 >span,.tab-area-02 .tabs-content .tabs-content-inner02 .inner-box h3 >span{ font-size:16px}.tab-area-01 .tabs-content .tabs-content-inner .inner-box h4,.tab-area-02 .tabs-content .tabs-content-inner .inner-box h4,.tab-area-01 .tabs-content .tabs-content-inner02 .inner-box h4,.tab-area-02 .tabs-content .tabs-content-inner02 .inner-box h4{ font-size:18px !important; font-weight:700; line-height:1.25em; margin-top:15px !important; margin-bottom:10px !important}.tab-area-01 .tabs-content .tabs-content-inner02 .inner-box h4,.tab-area-02 .tabs-content .tabs-content-inner02 .inner-box h4{ margin-top:0px !important; margin-bottom:5px !important}.tab-area-01 .tabs-content .tabs-content-inner .inner-box h4 >span,.tab-area-02 .tabs-content .tabs-content-inner .inner-box h4 >span{ display:block; font-size:14px !important; font-weight:100}.tab-area-01 .tabs-content .tabs-content-inner02 .inner-box h4 >span,.tab-area-02 .tabs-content .tabs-content-inner02 .inner-box h4 >span{ display:block; font-size:14px !important; font-weight:100!important; line-height:1.25em!important; margin-top:5px !important}.tab-area-01 .tabs-content .tabs-content-inner .inner-box h5,.tab-area-02 .tabs-content .tabs-content-inner .inner-box h5{ font-size:16px !important; font-weight:100; line-height:1.25em; margin-top:5px !important; margin-bottom:5px !important}.tab-area-01 .tabs-content .tabs-content-inner02 .inner-box h5,.tab-area-02 .tabs-content .tabs-content-inner02 .inner-box h5{ font-size:14px !important; font-weight:700; line-height:1.5em; margin-top:5px !important; margin-bottom:5px !important}.tab-area-01 .tabs-content .tabs-content-inner .inner-box h5 >span,.tab-area-02 .tabs-content .tabs-content-inner .inner-box h5 >span,.tab-area-01 .tabs-content .tabs-content-inner02 .inner-box h5 >span,.tab-area-02 .tabs-content .tabs-content-inner02 .inner-box h5 >span{ display:block; font-size:14px !important; font-weight:100}.tab-area-01 .tabs-content .tabs-content-inner02 .inner-box h6,.tab-area-02 .tabs-content .tabs-content-inner02 .inner-box h6{ font-size:16px !important; font-weight:100; line-height:1.25em; margin-top:5px !important; margin-bottom:5px !important}.tab-area-01 .tabs-content .tabs-content-inner .inner-box p,.tab-area-02 .tabs-content .tabs-content-inner .inner-box p{ font-size:14px; font-weight:100; margin-top:5px !important; margin-bottom:5px !important; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}.tab-area-01 .tabs-content .tabs-content-inner02 .inner-box p,.tab-area-02 .tabs-content .tabs-content-inner02 .inner-box p{ font-size:12px; font-weight:700; margin-top:5px !important; margin-bottom:5px !important; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}.tab-area-01 .tabs-content .tabs-content-inner .inner-box:nth-child(1),.tab-area-02 .tabs-content .tabs-content-inner .inner-box:nth-child(1){ width:50%}.tab-area-01 .tabs-content .tabs-content-inner02 .inner-box:nth-child(1),.tab-area-02 .tabs-content .tabs-content-inner02 .inner-box:nth-child(1){ width:45%}.tab-area-01 .tabs-content .tabs-content-inner .inner-box:nth-child(2),.tab-area-02 .tabs-content .tabs-content-inner .inner-box:nth-child(2) { width:50%; padding-left:3%}.tab-area-01 .tabs-content .tabs-content-inner02 .inner-box:nth-child(2),.tab-area-02 .tabs-content .tabs-content-inner02 .inner-box:nth-child(2) { width:55%; padding-left:3%}.tab-area-01 .tabs-content .tabs-content-inner .img-box,.tab-area-02 .tabs-content .tabs-content-inner .img-box{ width:25%}.tab-area-01 .tabs-content .tabs-content-inner .img-box-50,.tab-area-02 .tabs-content .tabs-content-inner .img-box-50{ width:50%}.tab-area-01 .tabs .tab:nth-child(1){ background-color:#b71c1c}.tab-area-01 .tabs .tab:nth-child(2){ background-color:#c62828}.tab-area-01 .tabs .tab:nth-child(3){ background-color:#d32f2f}.tab-area-01 .tabs .tab:nth-child(4){ background-color:#e53935}.tab-area-02 .tabs .tab:nth-child(1){ background-color:#1b5e20}.tab-area-02 .tabs .tab:nth-child(2){ background-color:#2e7d32}.tab-area-02 .tabs .tab:nth-child(3){ background-color:#388e3c}.tab-area-02 .tabs .tab:nth-child(4){ background-color:#43a047}.tab-area-01 .tabs .indicator,.tab-area-02 .tabs .indicator{ position:absolute; bottom:0; height:5px; will-change:left,right}.tab-area-01 .tabs .indicator{ background-color:#2e7d32}.tab-area-02 .tabs .indicator{ background-color:#c62828}.nav-tabs .tabs{ position:relative; overflow-x:auto; overflow-y:hidden; height:48px; width:100%; margin:0 auto; white-space:nowrap}.nav-tabs .tabs .bg-01{ background-color:#27ae60; color:fff}.nav-tabs .tabs .bg-02{ background-color:#8e44ad; color:fff}.nav-tabs .tabs .tab a{ color:#fff}.nav-tabs .tabs .indicator{ background-color:#f1c40f}.text_wrapper{ position:relative; margin-bottom:45px}.text{ height:130px; overflow:hidden}.show_more,.show_more2{ position:absolute; bottom:0px; left:0px; width:100%; height:50px; font-weight:700; font-size:18px; padding-top:30px; text-align:center; line-height:30px; background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.9) 50%,#fff 100%); background:linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.9) 50%,#fff 100%); cursor:pointer; transition:bottom 0.2s}.active{ background:none; bottom:-10px}.show_more03{ font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif !important; position:absolute; bottom:0px; left:0px; width:100%; height:50px; font-weight:700; font-size:14px; padding-top:30px; text-align:center; line-height:30px; background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.9) 50%,#fff 100%); background:linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.9) 50%,#fff 100%); cursor:pointer; transition:bottom 0.2s}.active03{ background:none; margin-bottom:50px; bottom:-90px}.list-unstyled{ padding-left:0; list-style:none}.modal-content h4{ font-size:15px; margin-top:15px; margin-bottom:15px}.modal-content h4 >span{ font-size:12px}.modal-content p{ margin-top:10px; margin-bottom:10px}.modal-close a{ color:#444}.container-fluid .title-area{ padding:15px 20px 15px 20px; display:block}.container-fluid .title-area .title{ font-size:16px; font-weight:700; line-height:1.5em; border-bottom:solid 1px black; margin-top:0; margin-bottom:10px; display:inline-block}.category-tabs .tabs{ padding:10px !important}.category-tabs .tabs .tab{ display:inline-block; text-align:center; line-height:0px !important; height:80px !important; padding:0; margin:0; text-transform:uppercase}.category-tabs .tabs .tab a{ color:#2c3e50; display:block; width:100%; height:100%; padding:0 8px !important; padding-top:12px !important; font-size:14px; font-weight:700; text-overflow:ellipsis; overflow:hidden; -webkit-transition:color .28s ease,background-color .28s ease; transition:color .28s ease,background-color .28s ease}.category-tabs .tabs .indicator{ display:inline-block; position:absolute; bottom:0; height:4px; background-color:#2c3e50; will-change:left,right}.category-item-wapper{ padding-top:10px !important; padding-left:10px !important; padding-right:10px !important}.category-item-wapper .category-item{ padding:0.5%; margin:0}.item-overly{ width:100%; height:100%; overflow:hidden; position:relative}.item-overly .caption{ font-size:13px; text-align:center; color:#fff; font-weight:700; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:100%}.item-overly .caption h3{ font-size:16px; text-align:center; color:#fff; font-weight:700; position:absolute; top:50%; left:50%; margin:0; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:100%}.item-overly .caption span{ font-size:11px !important; display:block; line-height:1.25em}.item-overly .caption a{ color:#fff}.item-overly .mask{ width:100%; height:98%; position:absolute; top:0; left:0; opacity:1; background-color:rgba(0,0,0,0.4); -webkit-transition:all 0.2s ease; transition:all 0.2s ease}.g-logo{ max-width:50%; max-height:auto}.col-sub{ padding-top:0.75rem !important; padding-bottom:0 !important; margin-bottom:-20px!important}.siema-carousel-item{ text-align:center; position:relative}.siema-carousel-item h3,.siema-carousel-item p{ font-size:13px; font-weight:700; line-height:1.25em; margin:0!important; text-align:center; display:inline-block; padding-left:5px; padding-right:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-text-overflow:ellipsis}.siema-carousel-item p{ font-size:15px; font-family:'Raleway',sans-serif !important; font-weight:300!important}.siema-carousel-item h4{ position:absolute; top:65%; left:55%; -ms-transform:translate(-65%,-55%); -webkit-transform:translate(-65%,-55%); transform:translate(-65%,-55%); margin:0; padding:0; padding:2px; color:#fff; background-color:#d81b60; font-size:14px; font-family:'Raleway',sans-serif !important; font-weight:300!important; line-height:1.25em}@media only screen and (orientation:landscape){.siema-carousel-item h4{ position:absolute; top:68%; left:57%; -ms-transform:translate(-68%,-57%); -webkit-transform:translate(-68%,-57%); transform:translate(-68%,-57%); margin:0; padding:0; padding:2px; color:#fff; background-color:#d81b60; font-size:14px; font-family:'Raleway',sans-serif !important; font-weight:300!important; line-height:1.25em}}.siema-carousel-btn .prev,.siema-carousel-btn .next{ color:#fff; border:none; border-radius:2px; display:inline-block; height:36px; line-height:36px; padding:0 16px; text-transform:uppercase; vertical-align:middle; -webkit-tap-highlight-color:transparent; background-color:#d81b60; -webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3); box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}.siema-carousel-btn .info{ color:#444; font-weight:700; border:none; font-size:16px; border-radius:2px; display:inline-block; height:36px; line-height:36px; padding:0 16px; text-transform:uppercase; vertical-align:middle; -webkit-tap-highlight-color:transparent; background-color:#fff}siema-carousel-btn h4{ font-size:13px; font-weight:700; line-height:1.25em; margin:0!important; padding:0 !important; text-align:center; display:inline-block}.overly13{ width:100%; height:auto; overflow:hidden; position:relative}.overly13 .caption{ width:100%; height:100%; visibility:hidden; font-size:14px; position:absolute; top:0; left:0; text-align:center; -webkit-transition:all 0.4s step-end; transition:all 0.4s step-end}.overly13:hover .caption{ visibility:visible}.overly13 .caption p{ font-size:14px; padding-top:60px; color:#fff; opacity:0}.overly13:hover .caption p{ opacity:1}.overly13 .mask1,.overly13 .mask2{ width:50%; height:98%; position:absolute; top:0; background-color:rgba(0,0,0,0.4); -webkit-transition:all 0.4s ease; transition:all 0.4s ease}.overly13 .mask1{ left:-50%}.overly13:hover .mask1{ left:0px}.overly13 .mask2{ right:-50%}.overly13:hover .mask2{ right:0px}.page-footer{ padding-top:0px; color:#fff; background-color:#455a64}.page-footer .footer-copyright{ overflow:hidden; min-height:50px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; padding:10px 0px; color:rgba(255,255,255,0.8); background-color:rgba(51,51,51,0.08)}.page-footer h4{ font-size:12px !important; font-weight:700; line-height:1.25em; margin-top:15px !important; margin-bottom:15px !important}.page-footer h5{ font-size:14px !important; font-weight:700; line-height:1.25em; margin-top:15px !important; margin-bottom:5px !important}.page-footer p{ font-size:12px !important; font-weight:100; line-height:1.5em; margin-top:5px !important; margin-bottom:15px !important}.page-footer p a{ color:#fff}.page-footer .footerlogo{ width:60%; height:auto}.page-footer .sociallogo{ width:20px; height:auto; display:inline-block; margin-right:15px}.footer-up{ width:50px; height:50px; margin:0 auto; padding-top:10px; text-align:center; margin-bottom:50px; background:rgba(44,62,80,1.0)}.footer-up i{ color:#fff; font-size:25px}.panel-menu{ margin:0}.panel-menu .panel-toggle01{   position:relative;   font-size:12px !important;   font-weight:700;   padding-top:0px;   padding-bottom:15px}.panel-menu .panel-toggle01:after{  content:"";  width:1.4em;  height:1.4em;  float:right;  text-align:right;  color:#fff;  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");  background-repeat:no-repeat;  background-position:50% 50%}.panel-menu .panel-toggle01.ac:after{  content:"";  width:1.4em;  height:1.4em;  float:right;  text-align:right;  color:#fff;  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); background-repeat:no-repeat; background-position:50% 50%}.panel-menu .panel-item01{ padding-top:10px; padding-left:10px; padding-bottom:25px}.panel-menu .panel-item01 li{ font-size:12px; font-weight:100; line-height:1.25em; margin-top:10px !important; margin-bottom:25px !important}.panel-menu .panel-item01 li a{ color:#fff}.panel-menu .panel-item01 li a >span{ line-height:1.25em; font-size:10px !important; display:inline-block; margin-left:10px !important}.panel-menu .panel-item01 p{ line-height:1.25em; font-size:10px !important}@media only screen and (max-width:992px){ .mt-2l{ margin-top:2rem !important}}.footer-copyright{ font-size:9px; line-height:1.25em}.footer-copyright a{ color:#fff}.card-icon-box{ display:table; width:100%; margin-top:5px; margin-bottom:20px}.card-icon{ width:50px; height:auto; display:inline-block; margin-right:5px}.remodal .remoal-col{ display:block; padding:50px 15px}.remodal .remoal-col02{ display:block; padding-top:0px; padding-bottom:15px}.remodal .remoal-header{ display:block; padding:50px 15px}.remodal .remoal-col-center{ text-align:center; display:block; padding:20px 15px}.remodal .remoal-header h3{ font-size:18px; line-height:1.55em}.remodal .remoal-col h3,.remodal .remoal-col02 h3{ font-size:18px; margin-bottom:15px !important}.remodal .remoal-col h4,.remodal .remoal-col02 h4{ font-size:15px; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important; margin-bottom:20px !important}.remodal .remoal-col-center h5,.remodal .remoal-col-center h6{ font-size:15px; text-align:center !important; margin:0 auto !important; font-weight:700; margin-bottom:20px !important}.remodal .remoal-col p,.remodal .remoal-col02 p,.remodal .remoal-col-center p,.remodal .remoal-alert-box p{ font-size:14px; font-weight:100; line-height:1.55em; margin:0 !important; margin-bottom:15px !important; padding:0; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}.remodal .remoal-alert-box{ margin-top:20px; margin-bottom:20px; border:solid 1px #444; border-radius:8px; padding:25px 15px 10px 15px}.remodal .remoal-alert-box02{ margin-top:0px; margin-bottom:20px; border:solid 1px #444; border-radius:8px; padding:25px 15px 10px 15px}.remodal .remoal-col p >span,.remodal .remoal-col-center p >span,.remodal .remoal-alert-box p{ font-size:12px; font-weight:700; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}.remodal-title{ width:60%; height:auto}.remodal .remoal-header .canvas{ width:200px; height:auto; position:relative; text-align:center; margin:0 auto; margin-bottom:15px !important} #illust,#line{ position:absolute; top:0; left:0} #illust{ display:none}.btn-text-wapper{ padding:5px 7px}.btn-text{ display:inline-block !important; font-size:12px !important; line-height:1.45em !important; margin-top:10px !important; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}.remodal .ajax-area{}.remodal .re { display:block; padding-top:50px; padding-bottom:25px}.grad-wrap{ position:relative}.grad-wrap+.grad-wrap{ margin-top:40px}.grad-btn{ z-index:2; position:absolute; right:0; bottom:-50px; left:0; width:148px; margin:auto; padding:.5em 0; border-radius:2px; color:#444; font-size:1.3rem; text-align:center; cursor:pointer; transition:.2s ease}.grad-btn::after{ content:"read more"}.grad-btn:hover{ color:#444}.grad-btn i{ display:block; margin:0 auto; text-align:center; margin-bottom:-15px}.grad-item{ position:relative; overflow:hidden; height:80px}.grad-item p+p{ margin-top:1em}.grad-item::before{ display:block; position:absolute; bottom:0; left:0; content:""; width:100%; height:60px; background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.9) 50%,#fff 100%); background:linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.9) 50%,#fff 100%)}.grad-trigger{ display:none}.grad-trigger:checked ~ .grad-btn{ bottom:-2em}.grad-trigger:checked ~ .grad-btn::after{ content:"close"}.grad-trigger:checked ~ .grad-btn i{ transform:rotate(180deg)}.grad-trigger:checked ~ .grad-item{ height:auto}.grad-trigger:checked ~ .grad-item::before{ display:none}#ajax-area span{ }.schedule-area{ padding:0px 25px 50px 25px}.schedule-modal-wapper .schedule-days{ margin-bottom:25px}.schedule-modal-wapper .schedule-days h3{ font-size:25px; line-height:1.55em; margin-top:10px; margin-bottom:15px}.schedule-modal-wapper .schedule-days h4{ font-size:14px; line-height:1.55em; margin-top:10px; margin-bottom:15px}.schedule-modal-wapper .schedule-days h3 >span{ font-family:'Raleway',sans-serif !important; font-weight:300!important}.schedule-modal-wapper .schedule-box{ display:block}.schedule-modal-wapper .schedule-box .row{ padding-bottom:5px !important; padding-top:5px !important; margin-top:0 !important; margin-bottom:0 !important}.schedule-modal-wapper .schedule-box .schedule-therapist{ display:block; margin-bottom:20px}.schedule-modal-wapper .schedule-box .schedule-therapist .pad-photo{ padding:0 !important}.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text{ padding:1px 1px 1px 12px !important; text-align:left}.schedule-modal-wapper .schedule-box .schedule-therapist p a{ color:#fff}.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text h5{ font-size:14px !important; line-height:1.35em; margin-top:0 !important; margin-bottom:5px; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text h6{ font-size:20px !important; line-height:1.25em !important; margin-top:0 !important; margin-bottom:2px}.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text .furigana{ font-size:12px !important; line-height:1.55em; margin-top:0 !important; margin-bottom:5px !important}.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text .age{ font-size:16px !important; line-height:1.25em; margin-top:0 !important; margin-bottom:0 !important}.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text .time{ font-family:'Raleway',sans-serif !important;font-weight:300!important; font-size:20px !important; line-height:1.55em; margin-top:0 !important; margin-bottom:0px !important}.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text .link-b,.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text .link-b a{ font-size:14px !important; color:#444 !important; line-height:1.55em; margin-top:10px !important; margin-bottom:5px !important}.overly14{ width:100%; height:auto; overflow:hidden; position:relative}.overly14 .caption{ width:100%; height:100%; visibility:hidden; font-size:14px; position:absolute; top:0; left:0; text-align:center; -webkit-transition:all 0.4s step-end; transition:all 0.4s step-end}.overly14:hover .caption{ visibility:visible}.overly14 .caption p{ font-size:14px; padding-top:75px; color:#fff; opacity:0}.overly14:hover .caption p{ opacity:1}.overly14 .mask1,.overly14 .mask2{ width:50%; height:98%; position:absolute; top:0; background-color:rgba(0,0,0,0.4); -webkit-transition:all 0.4s ease; transition:all 0.4s ease}.overly14 .mask1{ left:-50%}.overly14:hover .mask1{ left:0px}.overly14 .mask2{ right:-50%}.overly14:hover .mask2{ right:0px}.marquee{width:100%;padding:0.5em 0;overflow:hidden;position:relative;border-top:1px solid #eee;border-bottom:1px solid #eee}.marquee p:after{content:"";white-space:nowrap;padding-right:50px}.marquee p{font-size:13px; line-height:1.5em; font-weight:700;margin:0;padding-left:100%;display:inline-block;white-space:nowrap;-webkit-animation-name:marquee;-webkit-animation-timing-function:linear;-webkit-animation-duration:20s;-webkit-animation-iteration-count:infinite;-moz-animation-name:marquee;-moz-animation-timing-function:linear;-moz-animation-duration:20s;-moz-animation-iteration-count:infinite;-ms-animation-name:marquee;-ms-animation-timing-function:linear;-ms-animation-duration:20s;-ms-animation-iteration-count:infinite;-o-animation-name:marquee;-o-animation-timing-function:linear;-o-animation-duration:20s;-o-animation-iteration-count:infinite;animation-name:marquee;animation-timing-function:linear;animation-duration:20s;animation-iteration-count:infinite}@-webkit-keyframes marquee{from{-webkit-transform:translate(0%)}99%,to{-webkit-transform:translate(-100%)}}@-moz-keyframes marquee{from{-moz-transform:translate(0%)}99%,to{-moz-transform:translate(-100%)}}@-ms-keyframes marquee{from{-ms-transform:translate(0%)}99%,to{-ms-transform:translate(-100%)}}@-o-keyframes marquee{from{-o-transform:translate(0%)}99%,to{-o-transform:translate(-100%)}}@keyframes marquee{from{transform:translate(0%)}99%,to{transform:translate(-100%)}}.marquee:hover{ animation-play-state:paused; cursor:default}.iziToast >.iziToast-body .iziToast-title{ padding:0; margin:0; line-height:16px; font-size:12px; text-align:left; float:left; color:#000; white-space:normal}.iziToast >.iziToast-body .iziToast-message{ padding:0; margin:0 0 10px 0; font-size:12px; line-height:1.35em; text-align:left; float:left; color:rgba(0,0,0,0.6); white-space:normal}.therapist-explain-area{}.therapist-explain-area .pad-photo{ padding:3px !important}.therapist-explain-area .profile-text{ padding-left:10px !important; padding-right:10px !important; text-align:left}.therapist-explain-area .profile-text .time{ font-family:'Raleway',sans-serif !important; font-weight:300!important; font-size:20px !important; line-height:1.55em; margin-top:0 !important; margin-bottom:5px !important}.therapist-explain-area .profile-text h4,.therapist-explain-area .profile-text02 h4{ font-weight:700!important; font-size:17px !important; line-height:1.55em; margin-top:0 !important; margin-bottom:5px !important; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}.therapist-explain-area .profile-text h5,.therapist-explain-area .profile-text02 h5{ font-weight:100!important; font-size:16px !important; line-height:1.55em; margin-top:0 !important; margin-bottom:5px !important; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}.therapist-explain-area .profile-text h6,.therapist-explain-area .profile-text02 h6{ font-weight:700!important; font-size:14px !important; line-height:1.55em; margin-top:20 !important; margin-bottom:5px !important}.therapist-explain-area .profile-text .sub-description{ font-weight:100!important; font-size:13px !important; line-height:1.55em; margin-top:5px !important; margin-bottom:15px !important}.therapist-explain-area .profile-text02 .sub-description{ font-weight:100!important; font-size:13px !important; line-height:1.55em; margin-top:5px !important; margin-bottom:5px !important}.therapist-explain-area .profile-text .sub-description >span,.therapist-explain-area .profile-text02 .sub-description >span{ font-size:20px !important; margin-right:5px !important}.therapist-explain-area .profile-text .lavel-area{ margin-top:0; margin-bottom:15px; display:block}.therapist-explain-area .profile-text02 .lavel-area{ margin-top:0; margin-bottom:5px; display:block}.therapist-explain-area .profile-text02 .link-tect a{ color:#444 !important}.therapist-explain-area .profile-text .comment-box{ display:block; border:1px solid #eee; margin-top:10px; margin-bottom:15px; padding:15px; text-align:justify !important; -ms-text-justify:inter-ideograph !important; text-justify:inter-ideograph !important}.therapist-explain-area .title-h{ font-size:15px; padding-bottom:.5em; border-bottom:1px solid #ccc}.therapist-explain-area .title-h >span{ display:block; margin-bottom:.2em; color:#aaa; font-size:.9em}.therapist-explain-area .row-padding{ padding:20px !important}.therapist-explain-area .row-right-padding{ padding:20px 10px 0px 20px !important}.therapist-explain-area .row-left-padding{ padding:20px 20px 0px 10px !important}.overly15{ width:100%; height:auto; overflow:hidden; position:relative}.overly15 .caption{ width:100%; height:100%; visibility:hidden; font-size:14px; position:absolute; top:0; left:0; text-align:center; -webkit-transition:all 0.4s step-end; transition:all 0.4s step-end}.overly15:hover .caption{ visibility:visible}.overly15 .caption p{ font-size:14px; padding-top:55px; color:#fff; opacity:0}.overly15:hover .caption p{ opacity:1}.overly15 .mask1,.overly15 .mask2{ width:50%; height:98%; position:absolute; top:0; background-color:rgba(0,0,0,0.4); -webkit-transition:all 0.4s ease; transition:all 0.4s ease}.overly15 .mask1{ left:-50%}.overly15:hover .mask1{ left:0px}.overly15 .mask2{ right:-50%}.overly15:hover .mask2{ right:0px}.relative-text{ position:relative}.absolute-text{ width:100%; height:auto; position:absolute; bottom:5px; color:#fff; text-align:center; padding:15px 5px; background-color:rgba(0,0,0,0.7)}.anotherface-box{ min-height:1000px}.card-content h4{ font-weight:700!important; font-size:14px !important; line-height:1.55em; margin-top:30 !important; margin-bottom:10px !important}.scroll-smooth{scroll-behavior:smooth!important}.modal-css-css .checkbox{ display:none}.remodal-credit-header{ padding:0 px; background-color:#0277bd}.remoal-col-md{ padding:25px}.ajax-loading-sr{ display:flex; justify-content:center; align-items:center; min-height:80px}.ajax-loading-sr .ajax-loading-sr-icon{ width:50px; height:auto}.example01{ position:relative; border:1px solid #ecf0f1}.example01 .video-popup-btn-on-xxs01 >i{ display:inline-block; position:absolute; width:100px; height:100px; text-align:center; border-radius:50%; color:#e74c3c; border:1px solid #e74c3c; background-color:rgba(255,255,255,0.4); -webkit-transition:all 0.35s; -o-transition:all 0.35s; transition:all 0.35s; font-size:44px; line-height:100px; z-index:9999; top:120%; left:50%; -ms-transform:translate(-50%,-120%); -webkit-transform:translate(-50%,-120%); transform:translate(-50%,-120%)}.side-close-position{ margin-top:15px; color:#fff}::-webkit-input-placeholder{ color:#d1d1d1}::-moz-placeholder{ color:#d1d1d1}:-ms-input-placeholder{ color:#d1d1d1}::placeholder{ color:#d1d1d1}input:not([type]),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=url]:not(.browser-default),input[type=time]:not(.browser-default),input[type=date]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),textarea.materialize-textarea{ background-color:transparent; border:none; border-bottom:1px solid #9e9e9e; border-radius:0; outline:none; height:3rem; width:100%; font-size:16px; margin:0 0 8px 0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-box-sizing:content-box; box-sizing:content-box; -webkit-transition:border .3s,-webkit-box-shadow .3s; transition:border .3s,-webkit-box-shadow .3s; transition:box-shadow .3s,border .3s; transition:box-shadow .3s,border .3s,-webkit-box-shadow .3s}input:not([type]):disabled,input:not([type])[readonly="readonly"],input[type=text]:not(.browser-default):disabled,input[type=text]:not(.browser-default)[readonly="readonly"],input[type=password]:not(.browser-default):disabled,input[type=password]:not(.browser-default)[readonly="readonly"],input[type=email]:not(.browser-default):disabled,input[type=email]:not(.browser-default)[readonly="readonly"],input[type=url]:not(.browser-default):disabled,input[type=url]:not(.browser-default)[readonly="readonly"],input[type=time]:not(.browser-default):disabled,input[type=time]:not(.browser-default)[readonly="readonly"],input[type=date]:not(.browser-default):disabled,input[type=date]:not(.browser-default)[readonly="readonly"],input[type=datetime]:not(.browser-default):disabled,input[type=datetime]:not(.browser-default)[readonly="readonly"],input[type=datetime-local]:not(.browser-default):disabled,input[type=datetime-local]:not(.browser-default)[readonly="readonly"],input[type=tel]:not(.browser-default):disabled,input[type=tel]:not(.browser-default)[readonly="readonly"],input[type=number]:not(.browser-default):disabled,input[type=number]:not(.browser-default)[readonly="readonly"],input[type=search]:not(.browser-default):disabled,input[type=search]:not(.browser-default)[readonly="readonly"],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly="readonly"]{ color:rgba(0,0,0,0.42); border-bottom:1px solid rgba(0,0,0,0.42)}input:not([type]):disabled+label,input:not([type])[readonly="readonly"]+label,input[type=text]:not(.browser-default):disabled+label,input[type=text]:not(.browser-default)[readonly="readonly"]+label,input[type=password]:not(.browser-default):disabled+label,input[type=password]:not(.browser-default)[readonly="readonly"]+label,input[type=email]:not(.browser-default):disabled+label,input[type=email]:not(.browser-default)[readonly="readonly"]+label,input[type=url]:not(.browser-default):disabled+label,input[type=url]:not(.browser-default)[readonly="readonly"]+label,input[type=time]:not(.browser-default):disabled+label,input[type=time]:not(.browser-default)[readonly="readonly"]+label,input[type=date]:not(.browser-default):disabled+label,input[type=date]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime]:not(.browser-default):disabled+label,input[type=datetime]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime-local]:not(.browser-default):disabled+label,input[type=datetime-local]:not(.browser-default)[readonly="readonly"]+label,input[type=tel]:not(.browser-default):disabled+label,input[type=tel]:not(.browser-default)[readonly="readonly"]+label,input[type=number]:not(.browser-default):disabled+label,input[type=number]:not(.browser-default)[readonly="readonly"]+label,input[type=search]:not(.browser-default):disabled+label,input[type=search]:not(.browser-default)[readonly="readonly"]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly="readonly"]+label{ color:#444 !important}input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){ border-bottom:1px solid #455a64; -webkit-box-shadow:0 1px 0 0 #455a64; box-shadow:0 1px 0 0 #455a64}input:not([type]):focus:not([readonly])+label,input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=password]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label,input[type=url]:not(.browser-default):focus:not([readonly])+label,input[type=time]:not(.browser-default):focus:not([readonly])+label,input[type=date]:not(.browser-default):focus:not([readonly])+label,input[type=datetime]:not(.browser-default):focus:not([readonly])+label,input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,input[type=tel]:not(.browser-default):focus:not([readonly])+label,input[type=number]:not(.browser-default):focus:not([readonly])+label,input[type=search]:not(.browser-default):focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{ color:#455a64}input:not([type]):focus.valid ~ label,input[type=text]:not(.browser-default):focus.valid ~ label,input[type=password]:not(.browser-default):focus.valid ~ label,input[type=email]:not(.browser-default):focus.valid ~ label,input[type=url]:not(.browser-default):focus.valid ~ label,input[type=time]:not(.browser-default):focus.valid ~ label,input[type=date]:not(.browser-default):focus.valid ~ label,input[type=datetime]:not(.browser-default):focus.valid ~ label,input[type=datetime-local]:not(.browser-default):focus.valid ~ label,input[type=tel]:not(.browser-default):focus.valid ~ label,input[type=number]:not(.browser-default):focus.valid ~ label,input[type=search]:not(.browser-default):focus.valid ~ label,textarea.materialize-textarea:focus.valid ~ label{ color:#4CAF50}input:not([type]):focus.invalid ~ label,input[type=text]:not(.browser-default):focus.invalid ~ label,input[type=password]:not(.browser-default):focus.invalid ~ label,input[type=email]:not(.browser-default):focus.invalid ~ label,input[type=url]:not(.browser-default):focus.invalid ~ label,input[type=time]:not(.browser-default):focus.invalid ~ label,input[type=date]:not(.browser-default):focus.invalid ~ label,input[type=datetime]:not(.browser-default):focus.invalid ~ label,input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,input[type=tel]:not(.browser-default):focus.invalid ~ label,input[type=number]:not(.browser-default):focus.invalid ~ label,input[type=search]:not(.browser-default):focus.invalid ~ label,textarea.materialize-textarea:focus.invalid ~ label{ color:#F44336}input:not([type]).validate+label,input[type=text]:not(.browser-default).validate+label,input[type=password]:not(.browser-default).validate+label,input[type=email]:not(.browser-default).validate+label,input[type=url]:not(.browser-default).validate+label,input[type=time]:not(.browser-default).validate+label,input[type=date]:not(.browser-default).validate+label,input[type=datetime]:not(.browser-default).validate+label,input[type=datetime-local]:not(.browser-default).validate+label,input[type=tel]:not(.browser-default).validate+label,input[type=number]:not(.browser-default).validate+label,input[type=search]:not(.browser-default).validate+label,textarea.materialize-textarea.validate+label{ width:100%}input.valid:not([type]),input.valid:not([type]):focus,input[type=text].valid:not(.browser-default),input[type=text].valid:not(.browser-default):focus,input[type=password].valid:not(.browser-default),input[type=password].valid:not(.browser-default):focus,input[type=email].valid:not(.browser-default),input[type=email].valid:not(.browser-default):focus,input[type=url].valid:not(.browser-default),input[type=url].valid:not(.browser-default):focus,input[type=time].valid:not(.browser-default),input[type=time].valid:not(.browser-default):focus,input[type=date].valid:not(.browser-default),input[type=date].valid:not(.browser-default):focus,input[type=datetime].valid:not(.browser-default),input[type=datetime].valid:not(.browser-default):focus,input[type=datetime-local].valid:not(.browser-default),input[type=datetime-local].valid:not(.browser-default):focus,input[type=tel].valid:not(.browser-default),input[type=tel].valid:not(.browser-default):focus,input[type=number].valid:not(.browser-default),input[type=number].valid:not(.browser-default):focus,input[type=search].valid:not(.browser-default),input[type=search].valid:not(.browser-default):focus,textarea.materialize-textarea.valid,textarea.materialize-textarea.valid:focus,.select-wrapper.valid >input.select-dropdown{ border-bottom:1px solid #4CAF50; -webkit-box-shadow:0 1px 0 0 #4CAF50; box-shadow:0 1px 0 0 #4CAF50}input.invalid:not([type]),input.invalid:not([type]):focus,input[type=text].invalid:not(.browser-default),input[type=text].invalid:not(.browser-default):focus,input[type=password].invalid:not(.browser-default),input[type=password].invalid:not(.browser-default):focus,input[type=email].invalid:not(.browser-default),input[type=email].invalid:not(.browser-default):focus,input[type=url].invalid:not(.browser-default),input[type=url].invalid:not(.browser-default):focus,input[type=time].invalid:not(.browser-default),input[type=time].invalid:not(.browser-default):focus,input[type=date].invalid:not(.browser-default),input[type=date].invalid:not(.browser-default):focus,input[type=datetime].invalid:not(.browser-default),input[type=datetime].invalid:not(.browser-default):focus,input[type=datetime-local].invalid:not(.browser-default),input[type=datetime-local].invalid:not(.browser-default):focus,input[type=tel].invalid:not(.browser-default),input[type=tel].invalid:not(.browser-default):focus,input[type=number].invalid:not(.browser-default),input[type=number].invalid:not(.browser-default):focus,input[type=search].invalid:not(.browser-default),input[type=search].invalid:not(.browser-default):focus,textarea.materialize-textarea.invalid,textarea.materialize-textarea.invalid:focus,.select-wrapper.invalid >input.select-dropdown,.select-wrapper.invalid >input.select-dropdown:focus{ border-bottom:1px solid #F44336; -webkit-box-shadow:0 1px 0 0 #F44336; box-shadow:0 1px 0 0 #F44336}input:not([type]).valid ~ .helper-text[data-success],input:not([type]):focus.valid ~ .helper-text[data-success],input:not([type]).invalid ~ .helper-text[data-error],input:not([type]):focus.invalid ~ .helper-text[data-error],input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],textarea.materialize-textarea.valid ~ .helper-text[data-success],textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],textarea.materialize-textarea.invalid ~ .helper-text[data-error],textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error],.select-wrapper.valid .helper-text[data-success],.select-wrapper.invalid ~ .helper-text[data-error]{ color:transparent; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; pointer-events:none}input:not([type]).valid ~ .helper-text:after,input:not([type]):focus.valid ~ .helper-text:after,input[type=text]:not(.browser-default).valid ~ .helper-text:after,input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=password]:not(.browser-default).valid ~ .helper-text:after,input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=email]:not(.browser-default).valid ~ .helper-text:after,input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=url]:not(.browser-default).valid ~ .helper-text:after,input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=time]:not(.browser-default).valid ~ .helper-text:after,input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=date]:not(.browser-default).valid ~ .helper-text:after,input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=tel]:not(.browser-default).valid ~ .helper-text:after,input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=number]:not(.browser-default).valid ~ .helper-text:after,input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=search]:not(.browser-default).valid ~ .helper-text:after,input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,textarea.materialize-textarea.valid ~ .helper-text:after,textarea.materialize-textarea:focus.valid ~ .helper-text:after,.select-wrapper.valid ~ .helper-text:after{ content:attr(data-success); color:#4CAF50}input:not([type]).invalid ~ .helper-text:after,input:not([type]):focus.invalid ~ .helper-text:after,input[type=text]:not(.browser-default).invalid ~ .helper-text:after,input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=password]:not(.browser-default).invalid ~ .helper-text:after,input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=email]:not(.browser-default).invalid ~ .helper-text:after,input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=url]:not(.browser-default).invalid ~ .helper-text:after,input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=time]:not(.browser-default).invalid ~ .helper-text:after,input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=date]:not(.browser-default).invalid ~ .helper-text:after,input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=number]:not(.browser-default).invalid ~ .helper-text:after,input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=search]:not(.browser-default).invalid ~ .helper-text:after,input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,textarea.materialize-textarea.invalid ~ .helper-text:after,textarea.materialize-textarea:focus.invalid ~ .helper-text:after,.select-wrapper.invalid ~ .helper-text:after{ content:attr(data-error); color:#F44336}input:not([type])+label:after,input[type=text]:not(.browser-default)+label:after,input[type=password]:not(.browser-default)+label:after,input[type=email]:not(.browser-default)+label:after,input[type=url]:not(.browser-default)+label:after,input[type=time]:not(.browser-default)+label:after,input[type=date]:not(.browser-default)+label:after,input[type=datetime]:not(.browser-default)+label:after,input[type=datetime-local]:not(.browser-default)+label:after,input[type=tel]:not(.browser-default)+label:after,input[type=number]:not(.browser-default)+label:after,input[type=search]:not(.browser-default)+label:after,textarea.materialize-textarea+label:after,.select-wrapper+label:after{ display:block; color:#444; content:""; position:absolute; top:100%; left:0; opacity:0; -webkit-transition:.2s opacity ease-out,.2s color ease-out; transition:.2s opacity ease-out,.2s color ease-out}.input-field{ position:relative; margin-top:1.0rem !important; margin-bottom:1.0rem !important}.input-field.inline{ display:inline-block; vertical-align:middle; margin-left:5px}.input-field.inline input,.input-field.inline .select-dropdown{ margin-bottom:1rem}.input-field.col label{ left:0.75rem; color:#444}.input-field.col .prefix ~ label,.input-field.col .prefix ~ .validate ~ label{ width:calc(100% - 3rem - 1.5rem)}.input-field >label{ color:#9e9e9e; position:absolute; top:0; left:0; font-size:1rem; cursor:text; -webkit-transition:color .2s ease-out,-webkit-transform .2s ease-out; transition:color .2s ease-out,-webkit-transform .2s ease-out; transition:transform .2s ease-out,color .2s ease-out; transition:transform .2s ease-out,color .2s ease-out,-webkit-transform .2s ease-out; -webkit-transform-origin:0% 100%; transform-origin:0% 100%; text-align:initial; -webkit-transform:translateY(12px); transform:translateY(12px)}.input-field >label:not(.label-icon).active{ -webkit-transform:translateY(-14px) scale(0.8); transform:translateY(-14px) scale(0.8); -webkit-transform-origin:0 0; transform-origin:0 0}.input-field >input[type]:-webkit-autofill:not(.browser-default)+label,.input-field >input[type=date]:not(.browser-default)+label,.input-field >input[type=time]:not(.browser-default)+label{ -webkit-transform:translateY(-14px) scale(0.8); transform:translateY(-14px) scale(0.8); -webkit-transform-origin:0 0; transform-origin:0 0}.input-field .helper-text{ position:relative; min-height:18px; display:block; font-size:12px; color:rgba(0,0,0,0.54)}.input-field .helper-text::after{ opacity:1; position:absolute; top:0; left:0}.input-field .prefix{ position:absolute; width:3rem; font-size:2rem; -webkit-transition:color .2s; transition:color .2s; top:0.5rem}.input-field .prefix.active{ color:#455a64}.input-field .prefix ~ input,.input-field .prefix ~ textarea,.input-field .prefix ~ label,.input-field .prefix ~ .validate ~ label,.input-field .prefix ~ .helper-text,.input-field .prefix ~ .autocomplete-content{ margin-left:3rem; width:92%; width:calc(100% - 3rem)}.input-field .prefix ~ label{ margin-left:3rem}@media only screen and (max-width:992px){ .input-field .prefix ~ input{ width:86%; width:calc(100% - 3rem)}}@media only screen and (max-width:600px){ .input-field .prefix ~ input{ width:80%; width:calc(100% - 3rem)}}.input-field input[type=search]{ display:block; line-height:inherit; -webkit-transition:.3s background-color; transition:.3s background-color}.nav-wrapper .input-field input[type=search]{ height:inherit; padding-left:4rem; width:calc(100% - 4rem); border:0; -webkit-box-shadow:none; box-shadow:none}.input-field input[type=search]:focus:not(.browser-default){ background-color:#fff; border:0; -webkit-box-shadow:none; box-shadow:none; color:#444}.input-field input[type=search]:focus:not(.browser-default)+label i,.input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,.input-field input[type=search]:focus:not(.browser-default) ~ .material-icons{ color:#444}.input-field input[type=search]+.label-icon{ -webkit-transform:none; transform:none; left:1rem}.input-field input[type=search] ~ .mdi-navigation-close,.input-field input[type=search] ~ .material-icons{ position:absolute; top:0; right:1rem; color:transparent; cursor:pointer; font-size:2rem; -webkit-transition:.3s color; transition:.3s color}textarea{ width:100%; height:3rem; background-color:transparent}textarea.materialize-textarea{ line-height:normal; overflow-y:hidden;  padding:.8rem 0 .8rem 0;  resize:none; min-height:3rem; -webkit-box-sizing:border-box; box-sizing:border-box}.hiddendiv{ visibility:hidden; white-space:pre-wrap; word-wrap:break-word; overflow-wrap:break-word;  padding-top:1.2rem;  position:absolute; top:0; z-index:-1}.form-box{ padding-left:2.0rem; padding-right:0.5rem; margin-top:0.5rem !important; margin-bottom:1.5rem !important}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;border-bottom:1px solid #444}table.search-table{ margin-bottom:25px}table.search-table td{ width:50%} table.search-table td >label >span{ font-size:13px !important; color:#444}.lity{ z-index:9990; position:fixed; top:0; right:0; bottom:0; left:0; white-space:nowrap; background:#0b0b0b; background:rgba(0,0,0,0.5); outline:none !important; opacity:0; -webkit-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; transition:opacity 0.3s ease}.lity-close{ z-index:9994; width:80px; height:80px; position:fixed; right:10px; top:80px; -webkit-appearance:none; cursor:pointer; text-decoration:none; text-align:center; padding:0; color:#fff; font-style:normal; font-size:50px; font-family:Arial,Baskerville,monospace; line-height:50px; text-shadow:0 1px 2px rgba(0,0,0,0.6); border:solid 1px #fff; border-radius:50%; background:none; outline:none; -webkit-box-shadow:none; box-shadow:none}@media only screen and (orientation:landscape){ .lity-close{ top:10px; right:10px}}.lity-close::-moz-focus-inner{ border:0; padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{ text-decoration:none; text-align:center; padding:0; color:rgba(255,255,255,0.5); font-style:normal; font-size:50px; font-family:Arial,Baskerville,monospace; line-height:50px; text-shadow:0 1px 2px rgba(0,0,0,0.6); border:solid 1px rgba(255,255,255,0.5); border-radius:50%; background:none; outline:none; -webkit-box-shadow:none; box-shadow:none}.lity-close:active{ top:80px; right:10px}@media only screen and (orientation:landscape){ .lity-close:active{ top:10px; right:10px}}.openmodal{ padding:0.75rem 1.25rem; margin-bottom:1rem; border:1px solid transparent; border-radius:0.25rem; display:none; width:85%; position:fixed; z-index:99999; top:50%; left:50%; margin:0; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center}@media only screen and (orientation:landscape){ .openmodal{ width:90%}}.openmodal h3{ color:#fff; font-size:16px; line-height:1.5em; font-weight:700 !important; font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif !important; margin-bottom:10px !important}.openmodal p{ color:#fff; margin-bottom:10px}.openmodal-logo{ max-width:150px}.video-popup{ position:relative}.video-popup .popup-btn >i{ display:inline-block; position:absolute; width:110px; height:110px; text-align:center; border-radius:50%; color:rgba(189,195,199,1.0); border:1px solid #7f8c8d; background-color:rgba(255,255,255,0.4); -webkit-transition:all 0.35s; -o-transition:all 0.35s; transition:all 0.35s; font-size:44px; line-height:108px; z-index:200; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}.lg-toolbar{ z-index:1082; left:0; position:absolute; top:0; width:100%; background-color:rgba(0,0,0,0.6) !important}.lg-toolbar .lg-icon{ color:#fff !important; cursor:pointer; float:right; font-size:24px; height:47px; line-height:27px; padding:10px 0; text-align:center; width:50px; text-decoration:none !important; outline:medium none; -webkit-transition:color 0.2s linear; -o-transition:color 0.2s linear; transition:color 0.2s linear}.lg-toolbar .lg-icon:hover{ color:#999 !important}.line-pd{ padding:10px !important}.proof-seal{display:inline-block}
.overly20 {
 width:100%;
 height:auto;
 overflow:hidden;
 position:relative;
}

.overly20 .canvas {
    width: 90%;
    height: auto;
    position:absolute;
    text-align: center;
    margin:0 auto;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.overly20 .canvas {
 font-size:30px;
 color: #fff ;
 line-height: 3.5rem;
 opacity:0;	/* ホバーが解除された時すぐ消えるように、文字を表示しない */
 z-index:99;
}
.overly20:hover .canvas {
 opacity:1;	/* 文字を表示する */
 color: #fff !important;
}
.overly20:a .canvas {
 color: #fff !important;
}

@media screen and (max-width: 1003px) {
.overly20 .canvas {
 font-size:16px;
  color: #fff !important;
 line-height: 1.5rem;
 }
}
.overly20 .mask1,
.overly20 .mask2 {
 width: 50%;/* 幅は半部のサイズ */
 height: 100%;
 position: absolute;
 top: 0;
 background-color: rgba(0,0,0,0.4);
 -webkit-transition: all 0.4s ease;
 transition: all 0.4s ease;
}
.overly20 .mask1 {
 left: -50%;/* 枠の左に置いて表示させない */
}
.overly20:hover .mask1 {
 left: 0px;	/* 左にずらして表示する */
}
.overly20 .mask2 {
 right:	-50%;/* 枠の右に置いて表示させない */
}
.overly20:hover .mask2 {
 right:0px;	/* 右にずらして表示する */
}

.linkchange01{
color: #fff !important;
}

/* ラベル色追加赤 */
.red-accent-3 {
  color: #ffffff !important;
  background-color: #ff1744 !important;
}
.mms-icon {
 width:150px;
 height: auto;
}
#mms-info {
  display:none;
  position: fixed;
  left: 0;
  bottom: 15px;
  color: #ffffff;
  background-color: #ff1744 !important;
  padding: 15px 25px;
  z-index: 999;
}

.mms-widget{
 padding: 8px;
 border: 1px solid rgba(0, 0, 0, 0.12);
}

.mms-widget .mms-widget-table tr {
  border-bottom: none !important;
}

.mms-widget .mms-widget-table td h3 > span {
 font-size: 60%;
 display:inline-block;
 margin-left: 0.5em;
}


.mms-widget img{
width:80px;
}

.font-clo55{
 color: #b28282!important;
}

.vimeo-fullicon{
 display:inline-block;
 width:14px;
 height: auto;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}

.alert-default {
  color: #000;
  background-color: #cfd8dc;
  border-color: #cfd8dc;
}

.twitteroff-wapper {
 height: 250px;
 padding: 0.5em;
 overflow: auto;
}

.twitter-wapper02 {
 height: 500px;
 padding: 0.5em;
 overflow: auto;
}
.top-table{
  border-bottom: none !important;
}
.top-table-right{
  text-align: right;
  font-size:10px;
}

.top-table-verticaltop{
  vertical-align: top;
}

.top-table-verticalbottom{
  vertical-align: bottom;
}
.dicount-option-wapper{
 background-color: #ecf0f1;
 font-size: 80% !important;
 padding: 15px 8px 15px 8px;
 border-radius: 10px;
}

.dicount-option-wapper02{
 font-size: 80% !important;
}

.label-block {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  line-height: 1;
  color: #000;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  background-color: #7ecef4;
}

.table-width10{
  width: 10% !important;
}

.table-width15{
  width: 15% !important;
}

.table-width20{
  width: 20% !important;
}

.table-width25{
  width: 25% !important;
}

.table-width30{
  width: 30% !important;
}

.table-width35{
  width: 35% !important;
}

.table-width40{
  width: 40% !important;
}

.table-width50{
  width: 50% !important;
}

.table-width60{
  width: 60% !important;
}

.table-width70{
  width: 70% !important;
}

.table-width80{
  width: 80% !important;
}

.table-width90{
  width: 90% !important;
}

.table-width100{
  width: 100% !important;
}

.line-he10{
 line-height:1.0 !important;
}

.line-he125{
 line-height:1.25 !important;
}

.line-heg{
 line-height:1.5 !important;
}

.line-heg2{
 line-height:1.7 !important;
}

.nmb01{
 margin-bottom: 0.5em !important;
}

.marker-P-red {
background: linear-gradient(transparent 60%, #ffcccc 0%);
}

.marker-P-red02 {
background: linear-gradient(transparent 30%, #ffcccc 0%);
}

.marker-P-yellow {
background: linear-gradient(transparent 60%, #ffffa8 0%);
}

.marker-P-blue {
background: linear-gradient(transparent 60%, #ccffff 0%);
}

.marker-P-blue02 {
background: linear-gradient(transparent 30%, #ccffff 0%);
}
.just-no{text-justify:none !important;}

.paddingeight{
 padding-right:40px !important;
}
.border-top{ border-top: solid 1px #eeeeee!important;}
.border-bottom{ border-bottom: solid 1px #eeeeee!important;}

.newyear-shc{
 display: block;
 font-size: 10px;
 margin-right: 0.75em;
 margin-bottom: 0;
}

.slide-img {
 max-width: 90% !important;
 max-height: 90% !important;
}
.newyear-shc-day{
 display: block;
 font-weight: 700;
 font-size: 12px;
}


.sideimg-caption {
  position: relative;
  }
.sideimg-caption p {
  position: absolute;
  bottom: 4px;
  left:0;
  width: 90%;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: rgba(0,0,0,0.6);/*背景色*/
  font-size: 9px;
  line-height: 1.5;
  text-align: left;
  padding: 10px 15px;/*文字周りの余白*/
  }
  
.shishi-icon{
  width: 100px;
}

.shishiicon-overlay{
  position: relative;
  width:100%;
  height:auto;
}

.shishiicon-overlay .shasha-imgicon{
    width: 50%;
    height: auto;
    position:absolute;
    text-align: center;
    margin:0 auto;
    bottom: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.shame-icon{
  max-width:150px;
  height: auto;
}

.therapist-mms-wapper{
 border-radius: 10px;

}

.ext-btn{
 font:inherit;
 display:inline-block;
 overflow:visible;
 min-width:110px;
 margin:0;
 padding:12px 0;
 cursor:pointer;
 -webkit-transition:background 0.2s;
 transition:background 0.2s;
 vertical-align:middle;
 text-decoration:none;
 border:0;outline:0;
 color:#fff;
 background:#e57373;
 }
 
.twitschsrea{
 padding-left:20px;
 padding-right:20px;
 }
 
.more-info-wapper {
  padding:15px;
}
.more-info-wapper .more-info-content{ 
 position:relative; 
 }

.more-info-wapper .more-info-content .info-document{
 height:130px;
 overflow:hidden;
 }
 
.twitter-timeline-wapper{
 height: 300px;
 overflow: auto;
}
 
.show_more04{ 
 font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif !important;
 position:absolute; 
 bottom:0px; 
 left:0px; 
 width:100%; 
 height:50px; 
 font-weight:700; 
 font-size:12px; 
 padding-top:35px; 
 text-align:center; 
 line-height:35px; 
 background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.9) 50%,#fff 100%);
 background:linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.9) 50%,#fff 100%);
 cursor:pointer;
 transition:bottom 0.2s;
 }

.strike-through{
    text-decoration: line-through;
    text-decoration-color:red;
}

.new02-icon{
display:inline-block;
width:50px; 
height:auto; 
}

.text-resort{
 color: #0075a9 !important;
}

.top_resort_logo{
 width:150px; 
 height:auto; 
}

.pr5-1{
  padding-right:5px !important;
}

a.btn_04 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: auto;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_04:hover {
	color: #27acd9;
	background: #fff;
}

/* REAL TIME INFO */

.realtimeinfo-wapper{
 margin-bottom:50px;
 padding-top:25px;
 padding-bottom:25px;
 border-bottom: solid 1px #ecf0f1;
}

.realtimeinfo-wapper>img{
 border-radius: 10px;
 margin:0 auto;
 margin-top:5px;
}

.realtimeinfo-wapper .realtimeinf-title{
 	margin-bottom: 20px;	
 	padding: 0px;	
    display: flex;
    align-items: center;
}

.realtimeinfo-wapper .timestamp{
 display:block;
 font-size: 9px !important;
 margin-top:-10px !important;
 margin-bottom:5px !important;
 font-weight: 100!important;
}

.realtimeinf-title-txt{
  font-size: 12px;
  line-height:1.25;
  font-weight: 700;
  font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif !important;
}

.realtimeinf-title-thumbnail-img{
   margin-right: 10px;
   border-radius: 50%;
   width: 50px;
   height: auto;
}

.info-txtcont{
 text-align:left !important;
 font-size: 13px !important;
 font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif !important;
  white-space:pre-wrap !important;
}

.info-txtcont-credit{
 font-size: 9px !important;
 font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif !important;
 margin-top: 1em !important;
}

a.btn_05 {
	display: block;
	text-align: center !important;
	vertical-align: middle;
	text-decoration: none;
	width: auto;
	margin:0 auto;
	padding: 5px 10px;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	font-size: 13px !important;
}
a.btn_05:hover {
	color: #27acd9;
	background: #fff;
}

hr.style1{
	border-top: solid 1px #ecf0f1;
	margin-bottom: 10px;
}

.original-text-shadow {
   font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif !important;
   font-size: 9px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: #000000;
  font-size: 50px;
  text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.28);
  font-weight: bold;
}

.top-logo-picture {
	filter: drop-shadow(2px 2px 2px rgba(10, 10, 10, 0.28));
}


.logbox300{
    width: auto;
    height: 400px;
    padding: 0.5em;
    overflow: auto;
}

.newyaer{
    width: 200px;
    height:auto;
    padding: 10px;
}

html {
    scroll-behavior: smooth;
}

.fa-twitter:before {
    content: '𝕏' !important;
    font-family: sans-serif !important;
    font-weight: bold;
}

.mt-05{ margin-top:0.5rem !important;}

.indent-05{padding-left:0.5em;text-indent:-0.5em;}
.indent-07{padding-left:0.75em;text-indent:-0.75em;}

.b-b{ font-weight:bold !important;}

.space-5 {
  width: 100%;
  height: 5px;
}

.space-10 {
  width: 100%;
  height: 10px;
}

.space-15 {
  width: 100%;
  height: 15px;
}


.space-20 {
  width: 100%;
  height: 20px;
}

.space-25 {
  width: 100%;
  height: 25px;
}

.space-30 {
  width: 100%;
  height: 30px;
}

.space-35 {
  width: 100%;
  height: 35px;
}

.space-40 {
  width: 100%;
  height: 40px;
}

.space-45 {
  width: 100%;
  height: 45px;
}

.space-50 {
  width: 100%;
  height: 50px;
}

.info_box_gray{
 background: #ecf0f1;
 padding:25px 15px 20px 15px;
 border-radius: 10px;
}

.label_in{
 display: inline-flex !important;
 vertical-align: 4px !important;
 padding: 0.5em 0.5em;
 color: #FFF;
 border-radius: 4px;
 font-weight: bold;
 font-size: 70% !important;
 line-height:1.0em!important;
 margin-left:3px;
 margin-right:3px;
}

.label_in02{
 display: inline-flex !important;
 vertical-align: 4px !important;
 padding: 0.5em 0.75em;
 color: #FFF;
 border-radius: 4px;
 font-weight: bold;
 font-size: 85% !important;
 line-height:1.0em!important;
 margin-left:3px;
 margin-right:3px;
}

.label_in01{
 background: #1abc9c;
}

.label_in02{
 background: #2ecc71;
}

.label_in03{
 background: #3498db;
}

.label_in04{
 background: #e67e22;
}

.label_in05{
 background: #000;
}

.label_in06{
 background: #e74c3c;
}

.font-b70{
 font-weight: 700 !important; 
}
.line125s{
  line-height:1.25 !important; 
}

.line15s{
  line-height:1.5 !important; 
}

.line175s{
  line-height:1.75 !important; 
}

.line20s{
  line-height:2.0 !important; 
}
.indent-box{
 padding-left:1.5em;
}

.mark-box {
    position: relative;
    background-color: #fef2f2;
}

.mark-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #f00 transparent transparent transparent;
}
.mark-box:after {
    position: absolute;
    content: "NEW";
    transform: rotate(315deg);
    display: block;
    font-size: 11px;
    white-space: pre;
    color: #fff;
    top: 12px;
    left: 4px;
    text-align: center;
    z-index: 2;
    line-height: 1.2;
}

/*css カールセル*/

.css-carousel,
.css-carousel-coiumn,
.css-carousel-newface{
  max-width:100%;
  height:auto;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
}

.css-carousel{
  background-color:#eee;
}

.css-carousel-wapper,
.css-carousel-coiumn-wapper{
  display:flex;
  overflow-x:scroll;
  scroll-snap-type: x mandatory;
  padding:20px 10px;
}

.css-carousel-newface-wapper{
  display:flex;
  overflow-x:scroll;
  scroll-snap-type: x mandatory;
  padding:10px 5px 5px 5px;

}

.css-carousel-item,
.css-carousel-coiumn-item{
  position:relative;
  height:auto;
  list-style:none;
  margin-left:10px;
  scroll-snap-align:center;
  scroll-padding: 5%;
  background-color:#fff;
  padding:5px 10px 5px 10px;
}

.css-carousel-item{
  text-align: center;
  min-width:45%;
  border-radius:10px;
  box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}

.css-carousel-coiumn-item{
  text-align: left;
  min-width:86%;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
}

.css-carousel-newface-item{
  position:relative;
  height:auto;
  list-style:none;
  margin-left:10px;
  scroll-snap-align:center;
  scroll-padding: 5%;
  background-color:#fff;
  text-align: center;
  min-width:40%;
}



.css-carousel-item img,
.css-carousel-coiumn-item img{
  transform-style: preserve-3d;
  max-width: 90px;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius:50%;
}

.css-carousel-item .img-cover{
  transform-style: preserve-3d;
  max-width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius:10px;
}

.img-s_cover{
  transform-style: preserve-3d;
  max-width: 80%;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius:10px;
}

.css-carousel-item .cover-btn-position {
  position: absolute;
  top: 40%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

.cover-btn-position_s {
  position: absolute;
  top: 100%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

.css-carousel-item .cover-btn {
  width: 50px;  /* 幅を指定 */
  height: 25px;  /* 高さを指定 */
  background: rgba(49,144,231,0.7); /* 背景色を赤に指定 */
  border-radius: 5px; /* 角を丸くする */
  position: relative;  /* 基準位置とする */
  cursor: pointer;     /* マウスカーソルを指（👆）の形にする */
}

.cover-btn_s {
  width: 100px;  /* 幅を指定 */
  height: 50px;  /* 高さを指定 */
  background: rgba(49,144,231,1); /* 背景色を赤に指定 */
  border-radius: 5px; /* 角を丸くする */
  position: relative;  /* 基準位置とする */
  cursor: pointer;     /* マウスカーソルを指（👆）の形にする */
  z-index:9999 !important; 
}


.css-carousel-item .cover-btn::after {
  content: ''; /* 疑似要素に必須 */
  width: 0;    /* 幅を0に指定 */
  height: 0;   /* 高さを0に指定 */
  border-style: solid;  /* 線の種類を指定 */
  border-width: 5px 0 5px 10px;  /* 線の幅を指定して三角を作る */
  border-color: transparent transparent transparent #fff;  /* 左のみ線の色を指定 */
  position: absolute; /* 相対位置に指定 */
  top: 50%;  /* 上から50%の位置に配置 */
  left: 50%; /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* 要素の半分ぶんだけ左上方向に移動。 */
}

.cover-btn_s::after {
  content: ''; /* 疑似要素に必須 */
  width: 0;    /* 幅を0に指定 */
  height: 0;   /* 高さを0に指定 */
  border-style: solid;  /* 線の種類を指定 */
  border-width: 10px 0 10px 20px;  /* 線の幅を指定して三角を作る */
  border-color: transparent transparent transparent #fff;  /* 左のみ線の色を指定 */
  position: absolute; /* 相対位置に指定 */
  top: 50%;  /* 上から50%の位置に配置 */
  left: 50%; /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* 要素の半分ぶんだけ左上方向に移動。 */
}


.css-carousel-item img{ 
  max-width: 90px;
  }

.css-carousel-coiumn-item img {
  max-width: 100%;
  margin-right: 0px;
}

.css-carousel-newface-item img {
  transform-style: preserve-3d;
  margin-top: 0px;
  margin-bottom: 0px;
  max-width: 100%;
  margin-right: 0px;
  border-radius:5%;
}

.css-carousel-item-txtbox{
  padding:3px 0 0 0px;
}

.css-carousel-item h3,
.css-carousel-coiumn-item h3{
  font-size: 12px;
  margin: 0;
  font-weight: 700 !important; 
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.css-carousel-item h3{
  line-height: 1.5;
}

.css-carousel-coiumn-item h3{
  line-height: 1 !important;
}

.css-carousel-item h4,
.css-carousel-coiumn-item h4{
  font-size: 10px;
  margin: 0 !important; 
  font-weight: 700 !important; 
}

.css-carousel-coiumn-item h4{
  line-height: 1 !important;
  margin-top: 5px;
}

.css-carousel-item .css-carousel-name,
.css-carousel-coiumn-item .css-carousel-name{
  font-size: 12px;
  line-height: 1.5;
  margin: 0 ;
  font-weight: 700 !important; 
}

.css-carousel-item .css-carousel-category,
.css-carousel-coiumn-item .css-carousel-category{
  font-size: 10px;
  line-height: 1.5;
  margin: 0 0 10px 0;
  font-weight: 700 !important; 
}

.css-carousel-item .css-carousel-category:before,
.css-carousel-coiumn-item .css-carousel-category:before{
  content: 'ー';
}

.css-carousel-item .css-carousel-category:after,
.css-carousel-coiumn-item .css-carousel-category:after {
  content: 'ー';
}

.css-carousel-item .css-carousel-text,
.css-carousel-coiumn-item .css-carousel-text{
  margin: 0 0 10px 0;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: start;
}

.css-carousel-item .css-carousel-text{
   font-size: 12px;
   line-height: 1.5;
}

.css-carousel-coiumn-item .css-carousel-text{
   font-size: 10px;
   line-height: 1.35;
   margin-top: 2px;
}

.css-carousel-item .testimonial-name,
.css-carousel-coiumn-item .testimonial-name, 
.css-carousel-coiumn-item .testimonial-name-dis{
  margin: -5px auto 5px;
  display: table;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-weight: 700 !important; 
  }
  
.css-carousel-item .testimonial-name{
  width: auto;
  background: #3190E7;
  padding: 8px 8px;
  font-size: 12px;
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}

.css-carousel-coiumn-item .testimonial-name,
.css-carousel-coiumn-item .testimonial-name-dis {
  background: #3190E7;
  padding: 0px 8px;
  font-size: 9px;
  width: 100%;
}

.coiumn-index-btn{
  display: table;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-weight: 700 !important; 
  background: #3190E7;
  padding: 8px 8px;
  font-size: 14px;
    width: 100%;
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}

.line-index-btn{
  display: table;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-weight: 700 !important; 
  background: #00B900;
  padding: 8px 8px;
  font-size: 14px;
    width: 100%;
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}

.css-carousel-item .new-ribbon,
.css-carousel-coiumn-item .new-ribbon {
  font-size: 10px;
  color: #fff;
  letter-spacing : 0.12em;
  font-weight: bold;
  z-index:10;
}

.css-carousel-item .new-ribbon,
.css-carousel-coiumn-item .new-ribbon {
  --f: .5em; /* control the folded part */
  position: absolute;
  top: 0;
  left: 0;
  line-height: 2.0;
  padding-inline: 1lh;
  padding-bottom: var(--f);
  border-image: conic-gradient(#0008 0 0) 51%/var(--f);
  clip-path: polygon(
    100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
  transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
  transform-origin: 100% 100%;
  background: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}


/*css css-discount-carousel*/

.css-discount-carousel{
  max-width:100%;
  height:auto;
  background-color:#eee;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
}

.css-discount-carousel-wapper{
  display:flex;
  overflow-x:scroll;
  scroll-snap-type: x mandatory;
  padding:20px 10px;
}

.css-discount-carousel-item{
  position:relative;
  height:auto;
  list-style:none;
  margin-left:10px;
  scroll-snap-align:center;
  scroll-padding: 5%;
  background-color:#fff;
  text-align: center;
  min-width:65%;
  border-radius:10px;
  box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}

.css-discount-carousel-item img{
  transform-style: preserve-3d;
  max-width: 100%;
  border-radius:10px 10px 0px 0px;
}

.css-discount-carousel-item-txt{
  padding:0 10px 15px 10px;
  text-align: center !important; 
}

.css-discount-carousel-item h3{
  text-align: center;
  font-weight: 700 !important; 
  font-size:14px !important; 
  margin-top:5px !important; 
  margin-bottom:5px !important; 
}

.css-discount-carousel-item p{
  text-align: center;
  font-weight: 700 !important; 
  font-size:12px !important; 
  margin-bottom:5px !important; 
}

.css-discount-carousel-item-btn{
  display: table;
  border-radius: 4px;
  margin:0 auto;
  text-align: center;
  color: #fff;
  font-weight: 700 !important; 
  background: #3190E7;
  padding: 4px 8px;
  font-size: 10px;
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}

.info-section{ padding:24px; border-radius:12px;}

.font-jp{
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
}


.info-box77_right,
.info-box77_left{ 
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:flex;
  border-top:1px solid #cdcdcd;
  border-bottom:1px solid #cdcdcd;
 }
 
.info-box77_left{
  padding:15px 15px 25px 15px;
}
 
.info-box77_right{
  padding:15px 0px 5px 0px;
}

.info-box77_right .cols-1,
.info-box77_left .cols-1{ 
  align-items:center; 
  justify-content:center;
 }
 
.info-box77_right .cols-2,
.info-box77_left .cols-2{ 
  align-items:center; 
  justify-content:center; 
 }
 
.info-box77_right .cols-1{
  flex-basis:70%;
}

.info-box77_left .cols-1{
  flex-basis:20%;
  padding-right:25px;
}

.info-box77_right .cols-2{
  flex-basis:30%;
  padding-left:15px;
 } 
 
.info-box77_left .cols-2{
  flex-basis:80%;
 }
 
.timely-box-right,
.timely-box-left,
.timely-box-warp{ 
   display:-webkit-flex;
   display:-moz-flex;
   display:-ms-flex;
   display:-o-flex;
   display:flex;
   padding:10px 0px 10px 15px
 }
 
.timely-box-warp{ 
   padding:10px 15px 10px 15px
 }
 
.timely-box-right .underline,
.timely-box-left .underline,
.timely-box-warp .underline{
   border-top:1px solid #eee;
 }
 
.timely-box-right .cols-1,
.timely-box-right .cols-2{ 
   align-items:center; 
   justify-content:center;
   padding-right:15px;
 }
 
.timely-box-right .cols-1{
   flex-basis:66%;
 }
 
.timely-box-right .cols-2{
   flex-basis:34%;
   padding-top:5px;
 }
 
.timely-box-right .cols-2 img{
   flex-basis:38%;
   margin-top:5px;
 }
 
.timely-box-left .cols-1{
   flex-basis:33%;
   margin-top:5px;
 }

.timely-box-left .cols-1 img{
   flex-basis:33%;
 }
 
.timely-box-left .cols-2{
   flex-basis:63%;
   padding-left:15px;
 }
 
.timely-box-warp .cols-1{
   flex-basis:40%;
 }
 
.timely-box-warp .cols-2{
   flex-basis:60%;
   padding-left:5px;
 }
 
.covervideo-btn-position {
  position: absolute;
  top: 45%;
  left: 17.5%;
  margin:0;
  padding:0;
}

.covervideo-btn {
  width: 50px;  /* 幅を指定 */
  height: 25px;  /* 高さを指定 */
  background: rgba(49,144,231,0.7); /* 背景色を赤に指定 */
  border-radius: 5px; /* 角を丸くする */
  position: relative;  /* 基準位置とする */
  cursor: pointer;     /* マウスカーソルを指（👆）の形にする */
  z-index:9999 !important; 
}

.covervideo-btn::after {
  content: ''; /* 疑似要素に必須 */
  width: 0;    /* 幅を0に指定 */
  height: 0;   /* 高さを0に指定 */
  border-style: solid;  /* 線の種類を指定 */
  border-width: 5px 0 5px 10px;  /* 線の幅を指定して三角を作る */
  border-color: transparent transparent transparent #fff;  /* 左のみ線の色を指定 */
  position: absolute; /* 相対位置に指定 */
  top: 50%;  /* 上から50%の位置に配置 */
  left: 50%; /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* 要素の半分ぶんだけ左上方向に移動。 */
}

.timely-box-warp .display-txt{
  display:inline-block !important;
}

.txt-line1{
  -webkit-line-clamp:1;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-align:start;
}

.timely-box-right h4,
.timely-box-left h4{
   font-size: 14px !important;
   font-weight: bold;
   color: #3175a5;
   line-height: 1 !important;
   margin-bottom: 5px !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1.25; 

}

.timely-box-left h4{
 margin-top: 0px !important;
}

.timely-box-right h5,
.timely-box-left h5{
   font-size: 13px !important;
   font-weight: bold;
   line-height: 1 !important;
   margin-bottom: 5px !important;
   white-space: nowrap;  /* 行の折り返しを防止 */
   overflow: hidden;  /* はみ出る分の文字を隠す */
   text-overflow: ellipsis;  /* 文末に3点リーダー(...)を表示 */
   
}

.btn_line {
	display:inline-block;
	text-align: center !important;
	vertical-align: middle;
	text-decoration: none;
	margin:0 auto;
	padding: 5px 10px;
	font-weight: bold;
	background: #00B900;
	color: #fff;
	transition: 0.5s;
	font-size: 13px !important;
}

.font-family05{
 font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; 
}

.font-w300{
 font-weight: 300 !important;
}

.banner {
    position: fixed;
    margin: 10px 10px;
    z-index: 999;
    bottom: 0;
    right: 0;
}

.banner-back {
    width: 280px;
    background-color: rgba(255,255,255,1);
    border-radius: 0px;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}

.banner-bottom {
    padding: 12px 10px 10px 5px;
    line-height: 1.5;
}

.banner-body {
    font-size: 11px !important;
    width: 280px;
    color: #000000;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; 
    text-align: left;
    border-radius: 0px;
}

.banner-body .titel{
   font-size: 12px !important;
   font-weight: bold;
 }
.banner-body .day-time {
   text-align: right !important;
   margin-top: 2px;
}

.banner-body .img-staff{
  border-radius: 50%;
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 5px;
  margin-bottom: 10px;
}

.banner-close {
    font-weight: bold;
    position: absolute;
    top: -15px;
    right: -10px;
    z-index: 99999;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    background: #3190E7; /* ボタンの背景色 */
}

.banner-close::before, .banner-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 25px;
  background: #fff; /* バツ印の色 */
}
 
.banner-close::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.banner-close::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

.modaal-close {
	position: fixed;
	right: 20px;
	top: 20px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, 0);
	border-radius: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.modaal-close:focus,
.modaal-close:hover {
	outline: none;
	background: #fff;
}

.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
	background: #b93d0c;
}

.modaal-inner{
   font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; 
}

.modaal-inner h4{
   font-size: 14px !important;
   font-weight: bold !important;
   margin-bottom: 1em;
}

.modaal-inner p{
   font-size: 13px !important;
}

.modaal-inner-p { margin-bottom: 1em!important;}

.modaal-inner-p-s { 
   margin-bottom: 0.5!important;
   line-height: 1.25 !important;
   }
   
.modaal-inner-p-indent {
  padding-left:0.5em;
  text-indent:-0.5em;
}

.anton{
  font-family: 'Anton', sans-serif !important; 
}

/**** modal 上書き用****/
.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 100%;
  border-radius: 0;
  will-change: bottom, opacity;
}

///////////* 2025 new modal stlye */////////////////

.new-modal-stlye{
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; 
}

.new-modal-stlye-header{
  padding-top:50px;
  padding-bottom:50px;
}

.new-modal-stlye-footer{
  padding-top:50px;
  padding-bottom:50px;
}

.new-modal-stlye-title {
   width: 60%;
   height: auto;
}

.new-modal-inner{
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; 
}

.new-modal-stlye-canvas{ 
  width:200px;
  height:auto;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; 
  position:relative;
  text-align:center;
  margin:0 auto;
  margin-bottom:15px !important;
}

.new-modal-stlye-canvas-img{ 
  text-align:center;
  margin:0 auto;
  margin-bottom:0 !important;
}

.new-modal-stlye-canvas-img-stlye{
   box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
   border-radius: 10px;
}

.new-modal-stlye-canvas-img-stlye02{
   border-radius: 10px;
}

.new-modal-intro{
 margin-top:50px !important;
 margin-bottom:50px !important;
}

.new-modal-intro-center{
  margin-top:50px !important;
  margin-bottom:50px !important;
  text-align:center !important;
  margin:0 auto  !important;
  margin-bottom:50px !important;
}

.new-modal-main{
 margin-bottom:80px !important;
}

.new-modal-main50{
 margin-bottom:50px !important;
}

.new-modal-main25{
 margin-bottom:25px !important;
}

.grad-item{
 margin-bottom:50px !important;
}

.grad-item span{
  font-weight: 700!important;
}

.grad-item span:before{
    content: '■';
    margin-right:5px !important;
}

.new-modal-stlye-btn{
  display: table;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-weight: 700 !important; 
  background: #3190E7;
  padding: 8px 40px;
  font-size: 11px!important; 
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; 
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
  margin: 0 auto!important;
}

.new-modal-stlye-daybtn01{
  background: #fc5555 !important; 
}

.new-modal-stlye-daybtn02{
  background: #3190E7 !important; 
}

.new-modal-stlye-daybtn03{
  background: #61a9ea !important; 
}

.titol-img{
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}

.message-text{
  font-size: 12px !important;
  line-height: 1.35em;
  margin-top : 3px  !important;
  margin-bottom :5px !important;
  -webkit-line-clamp: 4 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-align: start !important;
}

/**** modal-schedule 上書き用****/

.schedule-area{
  padding:0px 25px 50px 25px;
}

.schedule-modal-wapper{
 font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; 
}

.schedule-modal-wapper .schedule-days {
 margin-bottom :25px ;
}

.schedule-modal-wapper .schedule-days h3 {
  font-size: 25px ;
  line-height: 1.55em;
  margin-top : 10px ;
  margin-bottom :15px ;
}

.schedule-modal-wapper .schedule-days h4 {
  font-size: 14px ;
  line-height: 1.55em;
  margin-top : 10px ;
  margin-bottom :15px ;
}

.schedule-modal-wapper .schedule-days h3 > span {
  font-family: 'Raleway', sans-serif !important;
  font-weight: 300!important;
}

.schedule-modal-wapper .schedule-box {
  display: block;
}

.schedule-modal-wapper .schedule-box .row {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
  margin-top : 0 !important;
  margin-bottom :0 !important;
}

.schedule-modal-wapper .schedule-box .schedule-therapist{
  display: block;
  margin-bottom :20px ;
}

.schedule-modal-wapper .schedule-box .schedule-therapist .pad-photo {
 padding: 0 !important;
}

.schedule-modal-wapper .schedule-box .schedule-therapist .pad-photo .img-thumbnail{
   border-radius: 10px;
}

.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text {
   padding: 1px 1px 1px 12px !important;
   text-align: left;
}

.schedule-modal-wapper .schedule-box .schedule-therapist p a{
  color: #fff;
}

.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text .titol{
  font-size: 12px !important;
  line-height: 1.35em;
  margin-top : 3px  !important;
  margin-bottom :5px !important;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: start;
}

.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text h6{
  font-size: 16px !important;
  line-height: 1.25em !important;
  margin-top : 2px  !important;
  margin-bottom 0 !important;
}

.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text .furigana,
.schedule-page-furigana {
  font-size: 10px !important;
  line-height: 1em !important;
  margin-top : 0px !important;
  margin-bottom :0px !important;
}

.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text .age,
.schedule-page-age {
  font-size: 10px !important;
  line-height: 1em !important;
  margin-top : 3px !important;
  margin-bottom :0px !important;
}

.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text .time,
.schedule-page-time {
  display:block;
  font-size: 16px !important;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; 
  font-weight: bold  !important;
  line-height: 1em !important;
  margin-top : 0px !important;
  margin-bottom :5px !important;
}

.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text .profile-sub,
.schedule-page-profile-sub {
  font-size: 11px !important;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; 
  line-height: 1.5em !important;
  margin-top : 6px !important;
  margin-bottom :10px !important;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: start;
}

.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text .link-b,
.schedule-modal-wapper .schedule-box .schedule-therapist .profile-text .link-b a {
  font-size: 14px !important;
  color: #444 !important;
  line-height: 1.55em;
  margin-top : 10px !important;
  margin-bottom :5px !important;
}

.new-modal-stlye-profile-btn{
  display: table;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-weight: 700 !important; 
  background: #3190E7;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: bold  !important;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; 
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
  margin: 0 auto!important;
}

.ex-thispag01{
 margin-bottom: 5px !important;
}

.ex-thispag03{
 margin-bottom: 10px !important;
}

.ex-thispag02{
 margin-bottom: 5px !important;
 font-weight: 700 !important; 
}

.ex-thispag04{
 font-weight: 700 !important; 
}

.osusume-pop{
 border-radius: 10px;
 box-shadow: 0px 0px 10px -5px #777777;
}

.osusume-pop-radius50{
 border-radius: 50%;
 box-shadow: 0px 0px 10px -5px #777777;
}
.osusume-shadow{
 box-shadow: 0px 0px 10px -5px #777777;

}

.font-bold{
 font-weight:bold! important; 
}


.floating-box {
    position:fixed;
    z-index: 999;
    bottom: 0;
    right: 0;
}

.floating-box-wapper {
    font-size: 11px !important;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; 
    text-align: center;
    background-color: rgba(187,222,255,1); 
    width: 170px;
    height:40px;
    border-radius: 8px 0 0;
    position: relative;
}

.floating-box_item {
   position: absolute;
   width: 170px;
   padding:5px 5px 5px 7px;
   top: 50%;
   left: 50%; 
   transform: translateY(-50%) translateX(-50%);
}

.floating-box_item .titel{
    line-height: 1.25 !important;
    font-size: 10px !important;
    margin-top: 5px !important;
}

.floating-box_item .img-staff{
  display:inline-block;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  float: left;
  margin-right:0px;
  margin-top: -5px !important;
}



///////////*css css-course-carousel start*/////////////////

.css-course-carousel{
  max-width:100%;
  height:auto;
  background-color:transparent !important;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
}

.css-course-carousel-wapper{
  display:flex;
  overflow-x:scroll;
  scroll-snap-type: x mandatory;
  padding:20px 10px;
}

.css-course-carousel-item{
  position:relative;
  height:auto;
  list-style:none;
  margin-left:10px;
  scroll-snap-align:center;
  scroll-padding: 5%;
  background-color:#fff;
  text-align: center;
  min-width:80%;
  border-radius:10px;
  box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}

.css-course-carousel-item img{
  transform-style: preserve-3d;
  max-width: 100%;
  border-radius:10px 10px 0px 0px;
}

.css-course-carousel-item-txt{
  padding:0 10px 15px 10px;
  text-align: center !important; 
}

.css-course-carousel-item h3{
  text-align: center;
  font-weight: 700 !important; 
  font-size:14px !important; 
  margin-top:5px !important; 
  margin-bottom:5px !important; 
}

.css-course-carousel-item p{
  text-align: center;
  font-weight: 700 !important; 
  font-size:12px !important; 
  margin-bottom:5px !important; 
}

.css-course-carousel-item-btn{
  display: table;
  border-radius: 4px;
  margin:0 auto;
  text-align: center;
  color: #fff;
  font-weight: 700 !important; 
  background: #3190E7;
  padding: 4px 8px;
  font-size: 10px;
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}


///////////*css css-course-carousel end */////////////////

.cover-btnvideo-position {
  position: absolute;
  top: 40%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

.cover-btnvideo {
  width: 50px;  /* 幅を指定 */
  height: 25px;  /* 高さを指定 */
  background: rgba(49,144,231,0.7); /* 背景色を赤に指定 */
  border-radius: 5px; /* 角を丸くする */
  position: relative;  /* 基準位置とする */
  cursor: pointer;     /* マウスカーソルを指（👆）の形にする */
}

.cover-btnvideo::after {
  content: ''; /* 疑似要素に必須 */
  width: 0;    /* 幅を0に指定 */
  height: 0;   /* 高さを0に指定 */
  border-style: solid;  /* 線の種類を指定 */
  border-width: 5px 0 5px 10px;  /* 線の幅を指定して三角を作る */
  border-color: transparent transparent transparent #fff;  /* 左のみ線の色を指定 */
  position: absolute; /* 相対位置に指定 */
  top: 50%;  /* 上から50%の位置に配置 */
  left: 50%; /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* 要素の半分ぶんだけ左上方向に移動。 */
}


///////////*css video btn */////////////////

.video_btn_blue {
  width: 50px;  /* 幅を指定 */
  height: 25px;  /* 高さを指定 */
  background: rgba(49,144,231,0.7); /* 背景色を赤に指定 */
  border-radius: 5px; /* 角を丸くする */
  position: relative;  /* 基準位置とする */
  cursor: pointer;     /* マウスカーソルを指（👆）の形にする */
}

.video_btn_blue::after {
  content: ''; /* 疑似要素に必須 */
  width: 0;    /* 幅を0に指定 */
  height: 0;   /* 高さを0に指定 */
  border-style: solid;  /* 線の種類を指定 */
  border-width: 5px 0 5px 10px;  /* 線の幅を指定して三角を作る */
  border-color: transparent transparent transparent #fff;  /* 左のみ線の色を指定 */
  position: absolute; /* 相対位置に指定 */
  top: 50%;  /* 上から50%の位置に配置 */
  left: 50%; /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* 要素の半分ぶんだけ左上方向に移動。 */
}

.buttonseef {
    text-align: center;
}

.btneef-hover {
    width: 200px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin: 20px;
    height: 55px;
    text-align:center;
    border: none;
    background-size: 300% 100%;

    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btneef-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btneef-hover:focus {
    outline: none;
}

.btneef-hover.color-1 {
    background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}
.btneef-hover.color-2 {
    background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}
.btneef-hover.color-3 {
    background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
    box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}
.btneef-hover.color-4 {
    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}
.btneef-hover.color-5 {
    background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}
.btneef-hover.color-6 {
    background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);
    box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}
.btneef-hover.color-7 {
    background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
    box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}
.btneef-hover.color-8 {
    background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}
.btneef-hover.color-9 {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}
.btneef-hover.color-10 {
        background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a , #FBB03B);
    box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
}
.btneef-hover.color-11 {
       background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);  box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
}


.buttonseef2 {
    text-align: center;
}

.btneef2-hover {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    margin-bottom: 20px;
    height: 55px;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    border-radius: 10px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btneef2-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btneef2-hover:focus {
    outline: none;
}

.btneef2-hover.color-1 {
    background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}
.btneef2-hover.color-2 {
    background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}
.btneef2-hover.color-3 {
    background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
    box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}
.btneef2-hover.color-4 {
    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}
.btneef2-hover.color-5 {
    background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}
.btneef2-hover.color-6 {
    background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);
    box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}
.btneef2-hover.color-7 {
    background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
    box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}
.btneef2-hover.color-8 {
    background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}
.btneef2-hover.color-9 {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}
.btneef2-hover.color-10 {
        background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a , #FBB03B);
    box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
}
.btneef2-hover.color-11 {
       background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);  box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
}


.buttonseef-sp {
    text-align: center;
}

.btneef-sp-hover {
     padding:0 16px 0 16px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    margin-bottom: 10px;
    height: 32px;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    border-radius: 8px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btneef-sp-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btneef-sp-hover:focus {
    outline: none;
}

.btneef-sp-hover.color-1 {
    background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}
.btneef-sp-hover.color-2 {
    background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}
.btneef-sp-hover.color-3 {
    background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
    box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}
.btneef-sp-hover.color-4 {
    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}
.btneef-sp-hover.color-5 {
    background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}
.btneef-sp-hover.color-6 {
    background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);
    box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}
.btneef-sp-hover.color-7 {
    background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
    box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}
.btneef-sp-hover.color-8 {
    background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}
.btneef-sp-hover.color-9 {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}
.btneef-sp-hover.color-10 {
        background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a , #FBB03B);
    box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
}
.btneef-sp-hover.color-11 {
       background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);  box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
}


.waveform .waveform-cursor {
  height: 30px !important;  /* 任意の高さに */
  top: 35px !important;     /* 上からの位置で中央に配置 */
}


.campaign-notes {
  margin: 1em 0;
  padding: 1em;
  background-color: #f8f8f8;
  border-left: 4px solid #d33;
}

.campaign-notes h4 {
  margin-bottom: 0.5em;
  font-weight: bold;
}

.campaign-notes ul {
  margin: 0;
  padding-left: 1.2em;
}

.campaign-notes li {
  margin-bottom: 0.3em;
}


.new-ribbon04{
  font-size: 10px;
  color: #fff;
  letter-spacing : 0.12em;
  font-weight: bold;
  
}

.new-ribbon04{
  --f: .5em; /* control the folded part */
  position: absolute;
  top: 13px;
  left: 0;
  line-height: 2.0;
  padding-inline: 1lh;
  padding-bottom: var(--f);
  border-image: conic-gradient(#0008 0 0) 51%/var(--f);
  clip-path: polygon(
    100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
  transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
  transform-origin: 100% 100%;
  background: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
  z-index: -1;
}

.new-ribbon05{
  font-size: 10px;
  color: #fff;
  letter-spacing : 0.12em;
  font-weight: bold;
  
}

.new-ribbon05{
  --f: .5em; /* control the folded part */
  position: absolute;
  top: 13px;
  left: 2px;
  line-height: 2.0;
  padding-inline: 1lh;
  padding-bottom: var(--f);
  border-image: conic-gradient(#0008 0 0) 51%/var(--f);
  clip-path: polygon(
    100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
  transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
  transform-origin: 100% 100%;
  background: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
  z-index: -1;
}

.shasha_icon{ background-color:#3c903c !important; color:#fff!important}

.timely-scroll-box {
  overflow-x: auto;     /* 横スクロールを許可 */
  overflow-y: hidden;   /* 縦スクロールは消す */
  white-space: nowrap;  /* 折り返し禁止 */

}

.timely-scroll-inner {
  display: inline-block; /* 中身の幅をコンテンツに合わせる */
  width: auto;           /* 自動調整（はみ出したらスクロール） */
}