@charset "UTF-8";

  img {
max-width: 100%;
height: auto; }
br {
color: rgba(255, 255, 255, 0); }
table {
border-collapse: collapse;
border-spacing: 0; }
li {
list-style: none; }
@media screen and (max-width: 639px) {
.re-btn {
position: fixed;
bottom: 8.5%;
right: 0%;
z-index: 50;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
width: auto; }
.re-btn:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)"; }
.re-btn img {
width: 85%; } }
@media screen and (min-width: 640px) {
.re-btn {
position: fixed;
bottom: 5%;
right: 5%;
z-index: 50;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
.re-btn:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)"; } }
.tel-spbtn {
position: fixed;
bottom: 2%;
right: 0%;
z-index: 50;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
width: auto; }
.tel-spbtn:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)"; }
.tel-spbtn img {
width: 100%; }
.column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media screen and (max-width: 639px) {
.column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
@media screen and (max-width: 639px) {
.column > .inner {
width: auto; } }
@media screen and (max-width: 639px) {
.column.-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
@media screen and (min-width: 640px) {
.column.-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.t-c {
text-align: center; }
.block {
display: block; }
.table {
display: table; }
.bold {
font-weight: bold; }
.inner {
max-width: 1200px;
width: 96%;
margin-left: auto;
margin-right: auto;
position: relative; }
@media screen and (max-width: 639px) {
.inner {
width: 92%; } }
@media screen and (min-width: 640px) {
br.-sp {
display: none; } }
@media screen and (max-width: 639px) {
br.-pc {
display: none; } }
.shadow {
-webkit-box-shadow: 0px 5px 13px -5px #454545;
box-shadow: 0px 5px 13px -5px #454545; }
.shadow02 {
-webkit-box-shadow: 12px 12px 0px 0px #10abab;
box-shadow: 12px 12px 0px 0px #10abab; } @media screen and (max-width: 639px) {
.sp-only {
display: block; } }
@media screen and (min-width: 640px) {
.sp-only {
display: none !important; } }
@media screen and (max-width: 639px) {
.pc-only {
display: none !important; } }
@media screen and (min-width: 640px) {
.pc-only {
display: block; } }
@media screen and (max-width: 1036px) {
.navsp-only {
display: block; } }
@media screen and (min-width: 1037px) {
.navsp-only {
display: none !important; } }
@media screen and (max-width: 1036px) {
.navpc-only {
display: none !important; } }
@media screen and (min-width: 1037px) {
.navpc-only {
display: block; } } .ttl {
font-size: 2.4rem;
font-weight: bold;
font-family: fot-tsukubrdgothic-std, sans-serif;
line-height: 1.6;
margin-bottom: 50px; }
.ttl.-black {
color: #242424; }
.ttl.-green {
color: #10abab; }
.ttl.-white {
color: #FFF; }
.ttl.-center {
text-align: center; }
.ttl strong, .ttl span {
font-weight: bold; }
.ttl .t-small {
font-size: 1.6rem; }
.ttl .c-red {
color: #d55d5a; }
.ttl .c-green {
color: #10abab; }
.ttl .c-black {
color: #242424; }
@media screen and (max-width: 639px) {
.ttl {
font-size: 1.4rem; }
.ttl .t-small {
font-size: 1.1rem; } } .txt {
line-height: 1.6;
font-size: 1rem; }
.txt.-bold {
font-weight: bold; }
.txt.-white {
color: #FFF; }
.txt.-black {
color: #242424; }
.txt.-green {
color: #10abab; }
.txt.-center {
text-align: center; }
.txt.-bold {
font-weight: bold; }
@media screen and (max-width: 639px) {
.txt {
font-size: .9rem; } }
.lp-header {
position: relative;
margin: 0 auto;
width: 100%;
height: 100vh;
padding: 200px 0 150px;
display: block;
background: url(//rehabili.nagoya/images/narumi_lp/keyimage.jpg) no-repeat center right/cover;
background-position: 75% center; }
.lp-header h1 {
position: absolute;
top: 3%;
left: 3%; }
.lp-header .bnr-campaign {
display: block;
margin-top: 30px; }
.lp-header .shop-info {
position: absolute;
bottom: 2%;
right: 5%; }
@media screen and (max-width: 639px) {
.lp-header {
background: url(//rehabili.nagoya/images/narumi_lp/keyimage_sp.jpg) no-repeat center center/cover;
width: 100%;
height: 0;
padding-top: 85%; }
.lp-header .inner {
position: static; }
.lp-header h1 {
width: 80%; }
.lp-header h1 img {
width: 100%;
max-width: 300px; }
.lp-header h2 {
width: 70%;
position: absolute;
top: 17%;
max-width: 380px; }
.lp-header h2 img {
width: 100%; }
.lp-header .bnr-campaign {
position: absolute;
bottom: 2%;
left: 2%;
width: 60%; }
.lp-header .shop-info {
position: absolute;
bottom: -1em;
right: 2%;
width: 34%; } }
.lp-about {
background: #10abab;
padding: 30px 0 40px; }
.lp-shop {
background: #f9f9f9;
padding: 100px 0 50px;
overflow-x: hidden; }
.lp-shop .shop-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.lp-shop .shop-box {
width: 48%; }
.lp-shop .shop-img {
margin-bottom: 30px; }
.lp-shop h3 {
text-align: center;
font-weight: bold;
font-size: 1.6rem;
line-height: 1.6;
color: #10abab; }
.lp-shop h3 .txt-s {
color: #242424;
font-size: 1.2rem;
font-weight: bold;
background: #EEE;
padding: 5px 25px;
border-radius: 50px; }
.lp-shop .shop-point {
width: 40%;
margin-left: 50px; }
.lp-shop .shop-point li {
background: #10abab;
color: #FFF;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.6;
margin-bottom: 10px;
padding: 10px 20px;
border-radius: 50px;
text-align: center;
position: relative; }
.lp-shop .shop-point li::before {
content: '';
display: block;
position: absolute;
left: 20px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background: url(//rehabili.nagoya/images/narumi_lp/icon_good.svg) no-repeat center left/contain;
width: 1.5em;
height: 1.5em; }
@media screen and (max-width: 639px) {
.lp-shop {
padding: 10% 0 0; }
.lp-shop .shop-box {
width: 100%; }
.lp-shop h3 {
font-size: 1.2rem; }
.lp-shop h3 .txt-s {
font-size: .9rem;
margin-top: 5%; }
.lp-shop .shop-point {
width: 100%;
margin-top: 5%;
margin-left: auto;
margin-right: auto; }
.lp-shop .shop-point li {
font-size: 1rem;
padding: 2%; } }
.contact-bnr {
padding: 80px 0; }
.contact-bnr.-linebnr {
padding: 20px 0; }
.contact-bnr .bnr-link {
display: block;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
.contact-bnr .bnr-link:hover {
opacity: .7; }
.contact-bnr .bnr-link .bnr-img {
margin: auto;
text-align: center; }
@media screen and (max-width: 639px) {
.contact-bnr {
padding: 10% 0; } }
.lp-trouble {
background: #d9f1f1;
padding: 100px 0;
overflow: hidden; }
.lp-trouble h3 strong {
font-size: 3rem; }
.lp-trouble .trouble-wrap .trouble-img02 {
width: 30%; }
.lp-trouble .trouble-list {
width: 65%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px; }
.lp-trouble .trouble-list li {
width: 48%;
background: #FFF;
border: 3px solid #10abab;
padding: 10px 5px;
text-align: center;
position: relative;
margin-bottom: 15px;
color: #10abab;
font-weight: bold;
font-size: 1rem; }
.lp-trouble .trouble-list li::before {
content: '';
display: block;
position: absolute;
left: 20px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background: url(//rehabili.nagoya/images/narumi_lp/icon_check.svg) no-repeat center left/contain;
width: 1.5em;
height: 1.5em; }
.lp-trouble .trouble-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.lp-trouble .trouble-wrap h4 {
font-family: fot-tsukubrdgothic-std, sans-serif;
font-size: 1.6rem;
line-height: 1.6;
color: #10abab;
font-weight: bold;
margin-bottom: 20px; }
@media screen and (max-width: 639px) {
.lp-trouble {
padding: 10% 0 20%; }
.lp-trouble h3 strong {
font-size: 2rem; }
.lp-trouble .trouble-wrap .trouble-img02 {
width: 100%;
margin-bottom: 5%; }
.lp-trouble .trouble-list {
width: 100%;
margin-bottom: 5%; }
.lp-trouble .trouble-list li {
width: 100%;
font-size: .9rem;
padding: 2%;
margin-bottom: 2%; }
.lp-trouble .trouble-wrap h4 {
font-size: 1.2rem;
margin-bottom: 5%; }
.lp-trouble .trouble-wrap .trouble-img {
width: 100%;
display: block;
margin-top: 5%; } }
.lp-bad {
padding: 0 0 50px;
overflow: hidden; }
.lp-bad .bad-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 80px auto 80px; }
.lp-bad .bad-list li {
width: 25%;
margin: 0 10px 30px; }
.lp-bad .bad-list li img {
width: 100%;
margin-bottom: 5px; }
.lp-bad .bad-list li .txt {
text-align: center;
color: #242424;
line-height: 1.6;
font-weight: bold; }
.lp-bad h4 {
font-weight: bold;
color: #10abab;
line-height: 1.6;
font-size: 1.6rem;
text-align: center;
font-family: fot-tsukubrdgothic-std, sans-serif;
position: relative; }
.lp-bad h4::after {
content: '';
display: block;
background: url(//rehabili.nagoya/images/narumi_lp/arrow_bottom.svg) no-repeat center left/contain;
width: 4em;
height: 4em;
margin: 30px auto; }
@media screen and (max-width: 639px) {
.lp-bad {
padding: 0 0 10%; }
.lp-bad .t-small {
font-size: 1rem; }
.lp-bad .bad-list {
margin: 2% auto 2%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.lp-bad .bad-list li {
width: 48%;
margin: 0 1% 3%; }
.lp-bad .bad-list li img {
width: 100%;
margin-bottom: 5px; }
.lp-bad .bad-list li .txt {
font-size: .85rem; }
.lp-bad h4 {
font-size: 1.2rem; }
.lp-bad h4::after {
content: '';
display: block;
background: url(//rehabili.nagoya/images/narumi_lp/arrow_bottom.svg) no-repeat center left/contain;
width: 3em;
height: 3em;
margin: 10% auto 0; } }
.lp-program {
padding: 0 0 100px;
overflow: hidden; }
.lp-program .program-img {
display: block;
margin: 50px auto; }
.lp-program .program-box {
background: #d9f1f1;
padding: 50px 0; }
.lp-program .program-box.-p02 {
background: #edf8f8; }
.lp-program .program-box .txt-box {
width: 50%; }
.lp-program .program-box .photo-box {
width: 45%; }
.lp-program .program-box .photo-box .img-box {
width: 100%;
margin-bottom: 10px; }
.lp-program .program-box .photo-box .img-wrap .img-box {
width: 48%;
margin-bottom: 0; }
.lp-program .program-box .photo-box .photo-img {
margin-bottom: 5px; }
.lp-program .program-box .pro-ttl {
font-family: fot-tsukubrdgothic-std, sans-serif;
font-size: 1.8rem;
line-height: 1.6;
color: #10abab;
font-weight: bold;
margin-bottom: 20px; }
.lp-program .program-box .pro-ttl .point {
background: #ffd041;
padding: 2px 10px;
font-size: .9rem;
color: #FFF;
border-radius: 50px;
display: table;
margin-bottom: 0;
font-weight: bold; }
.lp-program .program-box h5 {
font-size: 1.2rem;
color: #242424;
line-height: 1.4;
font-weight: bold;
margin-bottom: 20px; }
.lp-program .program-box .point-box {
padding: 20px;
border: 2px dashed #10abab;
background: #FFF;
margin-top: 20px; }
.lp-program .program-box h6 {
font-weight: bold;
line-height: 1.6;
color: #10abab;
font-size: 1.2rem;
margin-bottom: 20px; }
.lp-program .point-ttl {
font-weight: bold;
color: #10abab;
line-height: 1.6;
font-size: 1.6rem;
text-align: center;
font-family: fot-tsukubrdgothic-std, sans-serif;
position: relative; }
.lp-program .point-ttl::before {
content: '';
display: block;
background: url(//rehabili.nagoya/images/narumi_lp/arrow_bottom.svg) no-repeat center left/contain;
width: 4em;
height: 4em;
margin: 30px auto; }
@media screen and (max-width: 639px) {
.lp-program {
padding: 0 0 10%; }
.lp-program .t-small {
font-size: 1rem; }
.lp-program .program-img {
width: 100%;
margin: 5% auto 10%; }
.lp-program .program-box {
padding: 10% 0; }
.lp-program .program-box.-p02 .column {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.lp-program .program-box .txt-box {
width: 100%; }
.lp-program .program-box .photo-box {
width: 100%; }
.lp-program .program-box .photo-box .img-box {
width: 100%;
margin-bottom: 10px; }
.lp-program .program-box .photo-box .img-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.lp-program .program-box .photo-box .img-wrap .img-box {
width: 48%;
margin-bottom: 0; }
.lp-program .program-box .photo-box .photo-img {
margin-bottom: 5px; }
.lp-program .program-box .pro-ttl {
font-family: fot-tsukubrdgothic-std, sans-serif;
font-size: 1.8rem;
line-height: 1.6;
color: #10abab;
font-weight: bold;
margin-bottom: 20px; }
.lp-program .program-box .pro-ttl .point {
background: #ffd041;
padding: 2px 10px;
font-size: .9rem;
color: #FFF;
border-radius: 50px;
display: table;
margin-bottom: 0;
font-weight: bold; }
.lp-program .program-box h5 {
font-size: 1.2rem;
color: #242424;
line-height: 1.4;
font-weight: bold;
margin-bottom: 20px; }
.lp-program .program-box .point-box {
padding: 5%;
border: 2px dashed #10abab;
background: #FFF;
margin-top: 5%;
margin-bottom: 5%; }
.lp-program .program-box h6 {
font-weight: bold;
line-height: 1.6;
color: #10abab;
font-size: 1.2rem;
margin-bottom: 20px; }
.lp-program .point-ttl {
font-size: 1.2rem; }
.lp-program .point-ttl::before {
content: '';
display: block;
background: url(//rehabili.nagoya/images/narumi_lp/arrow_bottom.svg) no-repeat center left/contain;
width: 3em;
height: 3em;
margin: 10% auto; } }
.lp-support {
padding: 100px 0;
background: url(//rehabili.nagoya/images/narumi_lp/support_bg.jpg) no-repeat center right/cover;
width: 100%;
overflow-x: hidden; }
.lp-support .support-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.lp-support .support-wrap ul {
background: rgba(255, 255, 255, 0.8);
padding: 30px;
border-radius: 10px;
width: auto;
display: inline-block;
position: relative; }
.lp-support .support-wrap li {
position: relative;
margin-bottom: 8px;
line-height: 1.6;
font-weight: bold;
font-size: 1.4rem;
color: #242424;
padding-left: 2em; }
.lp-support .support-wrap li:last-child {
margin-bottom: 0; }
.lp-support .support-wrap li::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background: url(//rehabili.nagoya/images/narumi_lp/icon_point.svg) no-repeat center left/contain;
width: 1.2em;
height: 1.2em; }
.lp-support .support-wrap li .c-green {
color: #10abab;
font-weight: bold; }
@media screen and (max-width: 639px) {
.lp-support {
padding: 10% 0; }
.lp-support .ttl {
font-size: 1.2rem;
margin-bottom: 5%; }
.lp-support .ttl .s-txt {
font-size: 1rem; }
.lp-support .support-wrap ul {
background: rgba(255, 255, 255, 0.8);
padding: 5%;
border-radius: 5px; }
.lp-support .support-wrap li {
position: relative;
margin-bottom: 3%;
font-size: 1rem;
padding-left: 2em; }
.lp-support .support-wrap li:last-child {
margin-bottom: 0; }
.lp-support .support-wrap li::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background: url(//rehabili.nagoya/images/narumi_lp/icon_point.svg) no-repeat center left/contain;
width: 1.2em;
height: 1.2em; }
.lp-support .support-wrap li .c-green {
color: #10abab;
font-weight: bold; }
.lp-support .support-wrap .sup-img {
width: 20%; } }
.lp-case .case-box {
background: #d9f1f1;
padding: 30px;
border-radius: 10px;
margin-top: 40px; }
.lp-case .case-box .img-box {
width: 35%;
margin-right: 20px; }
.lp-case .case-box .img-box img {
border-radius: 5px;
width: 100%; }
.lp-case .case-box .objective {
padding: 5px;
margin-top: 20px;
border-radius: 5px;
border: 3px solid #10abab; }
.lp-case .case-box .objective .txt {
font-size: 1.1rem;
color: #10abab; }
.lp-case .case-box .txt-box {
width: 63%; }
.lp-case .case-box .txt-box h4 {
font-size: 1.6rem;
color: #10abab;
font-family: fot-tsukubrdgothic-std, sans-serif;
font-weight: bold;
line-height: 1.6;
margin-bottom: 20px; }
.lp-case .case-box .txt-box .prof-wrap {
margin-bottom: 5px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.lp-case .case-box .txt-box .prof-wrap dt, .lp-case .case-box .txt-box .prof-wrap dd {
line-height: 1.6;
font-size: 1rem;
color: #456666; }
.lp-case .case-box .txt-box .prof-wrap dt {
width: 25%;
background: #9ed2d2;
padding: 5px 10px;
font-weight: bold;
margin-right: 10px;
text-align: center; }
.lp-case .case-box .txt-box .prof-wrap dd {
width: auto; }
.lp-case .case-box .txt-box .target {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 10px 0 20px; }
.lp-case .case-box .txt-box .target dt, .lp-case .case-box .txt-box .target dd {
line-height: 1.6;
font-size: 1.1rem;
color: #456666;
font-weight: bold; }
.lp-case .case-box .txt-box .target dt {
width: 40%;
background: #FFF;
border: 3px solid #456666;
padding: 5px 10px;
margin-right: 10px;
text-align: center; }
.lp-case .case-box .txt-box .target dd {
width: auto; }
.lp-case .case-box .txt-box h5 {
background: #10abab;
padding: 5px 10px;
display: block;
font-size: 1.4rem;
color: #FFF;
border-radius: 5px;
text-align: center;
font-weight: bold;
margin-bottom: 10px; }
.lp-case .case-box .txt-box .trouble-mes {
padding: 20px;
border-radius: 5px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.lp-case .case-box .txt-box .trouble-mes.-before {
background: #c6dddd; }
.lp-case .case-box .txt-box .trouble-mes.-after {
background: #fff; }
.lp-case .case-box .txt-box .trouble-mes dt, .lp-case .case-box .txt-box .trouble-mes dd {
line-height: 1.6;
color: #456666; }
.lp-case .case-box .txt-box .trouble-mes dt {
font-size: 1.1rem;
font-weight: bold;
width: 25%;
margin-right: 10px;
text-align: center; }
.lp-case .case-box .txt-box .trouble-mes dd {
font-size: 1rem;
border-left: 2px solid #8d9191;
padding-left: 25px; }
.lp-case .arrow-img {
max-width: 63px;
margin: 10px auto;
display: block; }
.lp-case .reha-item {
width: 24%; }
.lp-case .reha-item .rehabili-img {
margin-bottom: 5px; }
@media screen and (max-width: 639px) {
.lp-case {
padding: 10% 0 5%; }
.lp-case .case-box {
padding: 5%;
border-radius: 5px;
margin-top: 10%; }
.lp-case .case-box .img-box {
width: 100%;
margin-right: 0; }
.lp-case .case-box .img-box img {
border-radius: 5px;
width: 100%; }
.lp-case .case-box .txt-box {
width: 100%; }
.lp-case .case-box .txt-box h4 {
font-size: 1.2rem;
margin-bottom: 5%;
margin-top: 2%; }
.lp-case .case-box .txt-box .prof-wrap {
margin-bottom: 5px; }
.lp-case .case-box .txt-box .prof-wrap dt {
width: 100%;
padding: 2px 5px;
margin-right: 0; }
.lp-case .case-box .txt-box .target {
margin: 10px 0 20px; }
.lp-case .case-box .txt-box .target dt, .lp-case .case-box .txt-box .target dd {
font-size: 1.1rem; }
.lp-case .case-box .txt-box .target dt {
width: 100%;
padding: 2px 10px;
margin-right: 0;
margin-bottom: 2%; }
.lp-case .case-box .txt-box h5 {
padding: 2px 10px;
font-size: 1.2rem;
margin-bottom: 5%; }
.lp-case .case-box .txt-box .trouble-mes {
padding: 5%;
border-radius: 5px; }
.lp-case .case-box .txt-box .trouble-mes.-before {
background: #c6dddd; }
.lp-case .case-box .txt-box .trouble-mes.-after {
background: #fff; }
.lp-case .case-box .txt-box .trouble-mes dt {
font-size: 1rem;
padding-bottom: 3%;
width: 100%;
margin-right: 0;
border-bottom: 2px solid #8d9191; }
.lp-case .case-box .txt-box .trouble-mes dd {
font-size: .9rem;
border-left: none;
padding-top: 3%;
padding-left: 0; }
.lp-case .rehabili-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.lp-case .rehabili-wrap .reha-item {
width: 48%;
margin-bottom: 3%; } }
.lp-what {
margin: 50px auto 0;
padding: 50px 0;
background: #f9f9f9; }
.lp-what .ttl {
background: #10abab;
padding: 2px 10px;
border-radius: 50px; }
.lp-what .what-txt {
font-size: 1.4rem; }
.lp-what .point-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 20px auto 60px; }
.lp-what .point-wrap .point-item {
margin-right: 20px;
border: 3px solid #242424;
font-size: 1.2rem;
padding: 5px 10px;
font-weight: bold; }
.lp-what .point-wrap .point-item:last-child {
margin-right: 0; }
.lp-what .what-img {
width: 100%;
margin: auto; }
.lp-what .suisen-wrap {
margin-top: 60px;
background: #FFF;
padding: 30px;
border-radius: 5px; }
.lp-what h4 {
color: #10abab;
padding: 2px 30px;
font-family: fot-tsukubrdgothic-std, sans-serif;
font-size: 1.6rem;
border: 3px solid #10abab;
border-radius: 50px;
font-weight: bold;
display: table;
margin: 0 auto 60px; }
.lp-what .voice-wrap .img-box {
width: 32%; }
.lp-what .voice-wrap .img-box img {
width: 100%; }
.lp-what .voice-wrap .faq-box {
width: 63%; }
.lp-what .voice-wrap .faq-box dl {
margin-bottom: 30px; }
.lp-what .voice-wrap .faq-box dl:last-child {
margin-bottom: 0; }
.lp-what .voice-wrap .faq-box .txt-q, .lp-what .voice-wrap .faq-box .txt-a {
line-height: 1.6;
position: relative;
padding-left: 40px; }
.lp-what .voice-wrap .faq-box .txt-q {
color: #10abab;
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 20px; }
.lp-what .voice-wrap .faq-box .txt-q::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background: url(//rehabili.nagoya/images/narumi_lp/faq_q.svg) no-repeat center left/contain;
width: 1.2em;
height: 1.2em; }
.lp-what .voice-wrap .faq-box .txt-a {
color: #242424;
font-size: 1rem; }
.lp-what .voice-wrap .faq-box .txt-a::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background: url(//rehabili.nagoya/images/narumi_lp/faq_a.svg) no-repeat center left/contain;
width: 1.2em;
height: 1.2em; }
@media screen and (max-width: 639px) {
.lp-what {
padding: 10% 0; }
.lp-what .ttl {
font-size: 1.2rem;
margin-bottom: 5%; }
.lp-what .what-txt {
font-size: 1rem; }
.lp-what .point-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 5% auto 10%; }
.lp-what .point-wrap .point-item {
margin-right: 0;
border: 3px solid #242424;
font-size: 1rem;
padding: 2px;
font-weight: bold;
margin-bottom: 2%; }
.lp-what .point-wrap .point-item:last-child {
margin-right: 0;
margin-top: 2%; }
.lp-what .suisen-wrap {
margin-top: 10%;
background: #FFF;
padding: 3%;
border-radius: 5px; }
.lp-what h4 {
color: #10abab;
text-align: center;
padding: 2% 4%;
font-family: fot-tsukubrdgothic-std, sans-serif;
font-size: 1rem;
border: 3px solid #10abab;
border-radius: 50px;
font-weight: bold;
display: table;
margin: 0 auto 5%; }
.lp-what .voice-wrap .img-box {
width: 100%;
margin-bottom: 10%; }
.lp-what .voice-wrap .faq-box {
width: 100%; }
.lp-what .voice-wrap .faq-box dl {
margin-bottom: 10%; }
.lp-what .voice-wrap .faq-box dl:last-child {
margin-bottom: 0; }
.lp-what .voice-wrap .faq-box .txt-q, .lp-what .voice-wrap .faq-box .txt-a {
line-height: 1.6;
position: relative;
padding-left: 12%; }
.lp-what .voice-wrap .faq-box .txt-q {
color: #10abab;
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 20px; }
.lp-what .voice-wrap .faq-box .txt-q::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background: url(//rehabili.nagoya/images/narumi_lp/faq_q.svg) no-repeat center left/contain;
width: 1.2em;
height: 1.2em; }
.lp-what .voice-wrap .faq-box .txt-a {
color: #242424;
font-size: 1rem; }
.lp-what .voice-wrap .faq-box .txt-a::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background: url(//rehabili.nagoya/images/narumi_lp/faq_a.svg) no-repeat center left/contain;
width: 1.2em;
height: 1.2em; } }
.lp-price {
padding: 100px 0 50px; }
.lp-price .price-wrap {
width: 70%;
margin: auto; }
.lp-price .price-list {
margin-bottom: 20px; }
.lp-price .price-list:last-child {
margin-bottom: 0; }
.lp-price .price-list h5 {
color: #FFF;
padding: 5px 10px;
background: #10abab;
font-size: 1.4rem;
margin-bottom: 5px;
text-align: center;
font-weight: bold; }
.lp-price .price-list dt, .lp-price .price-list dd {
width: 49.7%;
padding: 5px 20px;
line-height: 1.6;
font-weight: bold;
text-align: center;
font-size: 1.2rem; }
.lp-price .price-list dt .t-small, .lp-price .price-list dd .t-small {
font-size: 1rem;
font-weight: bold; }
.lp-price .price-list dt {
background: #d9f1f1;
color: #10abab; }
.lp-price .price-list dt.-list {
text-align: left; }
.lp-price .price-list dt li {
font-weight: bold;
list-style: disc;
margin-left: 20px; }
.lp-price .price-list dd {
background: #eeeeee;
color: #242424; }
.lp-price .price-list dd.-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.lp-price .contact-mes {
padding: 20px;
border: 2px dashed #10abab;
margin: 40px auto 0; }
.lp-price .contact-mes h6 {
font-family: fot-tsukubrdgothic-std, sans-serif;
font-size: 1.4rem;
margin-bottom: 10px;
line-height: 1.6;
color: #10abab;
font-weight: bold; }
@media screen and (max-width: 639px) {
.lp-price {
padding: 10% 0; }
.lp-price .price-wrap {
width: 100%; }
.lp-price .price-list {
margin-bottom: 20px; }
.lp-price .price-list:last-child {
margin-bottom: 0; }
.lp-price .price-list h5 {
padding: 5px 10px;
font-size: 1.2rem;
margin-bottom: 5px; }
.lp-price .price-list dt, .lp-price .price-list dd {
width: 100%;
padding: 5px;
font-size: 1rem; }
.lp-price .price-list dt .t-small, .lp-price .price-list dd .t-small {
font-size: .9rem; }
.lp-price .price-list dt li {
margin-left: 20px; }
.lp-price .contact-mes {
padding: 5%;
margin: 10% auto 0; }
.lp-price .contact-mes h6 {
font-size: 1.2rem;
margin-bottom: 10px; } }
.lp-faq {
padding: 50px 0;
background: #f9f9f9; }
.lp-faq #acMenu {
padding: 30px;
background: #FFF;
border-radius: 5px; }
.lp-faq dl {
margin: 50px auto 0;
width: 70%; }
.lp-faq dt, .lp-faq dd {
position: relative;
padding: 10px 20px 10px 60px; }
.lp-faq dt::before, .lp-faq dd::before {
content: '';
display: block;
position: absolute;
left: 20px;
width: 1.2em;
height: 1.2em; }
.lp-faq dt {
list-style: none;
background: #8dd2d1;
color: #FFF;
position: relative;
width: 100%;
display: block;
margin: 0 auto 1.5%;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-size: 1.2rem;
font-weight: bold; }
.lp-faq dt::before {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
background: url(//rehabili.nagoya/images/narumi_lp/faq_q.svg) no-repeat center left/contain; }
.lp-faq dt::after {
content: '';
display: block;
background: url(//rehabili.nagoya/images/narumi_lp/faq_arrow_under.svg) no-repeat;
position: absolute;
top: 50%;
right: 0;
width: 30px;
height: 30px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
.lp-faq dt:hover {
background: #8dd2d1;
color: #FFF; }
.lp-faq .icon {
position: relative;
background: #d9f1f1;
color: #10abab; }
.lp-faq .icon::after {
content: '';
display: block;
background: url(//rehabili.nagoya/images/narumi_lp/faq_arrow_top.svg) no-repeat;
top: 50%;
right: 0;
width: 30px;
height: 30px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-size: contain; }
.lp-faq dd {
line-height: 1.6;
font-size: 1rem;
margin-bottom: 20px; }
.lp-faq dd::before {
top: .8rem;
background: url(//rehabili.nagoya/images/narumi_lp/faq_a.svg) no-repeat center left/contain; }
.lp-faq dd .column {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
@media screen and (max-width: 639px) {
.lp-faq {
padding: 10% 0; }
.lp-faq #acMenu {
padding: 0; }
.lp-faq dl {
margin: 10% auto 0;
width: 100%; }
.lp-faq dt, .lp-faq dd {
padding: 2% 2% 2% 2.2em; }
.lp-faq dt::before, .lp-faq dd::before {
left: 4%;
width: 1em;
height: 1em; }
.lp-faq dt {
width: 100%;
display: block;
margin: 0 auto 1.5%;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-size: 1rem;
font-weight: bold;
padding: 2% 14% 2% 2.2em; }
.lp-faq dt::before {
top: .7rem;
-webkit-transform: none;
-ms-transform: none;
transform: none;
background: url(//rehabili.nagoya/images/narumi_lp/faq_q.svg) no-repeat center left/contain; }
.lp-faq dt::after {
content: '';
display: block;
background: url(//rehabili.nagoya/images/narumi_lp/faq_arrow_under.svg) no-repeat;
position: absolute;
top: 50%;
right: 0;
width: 30px;
height: 30px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
.lp-faq dt:hover {
background: #8dd2d1;
color: #FFF; }
.lp-faq dd {
font-size: .9rem;
margin-bottom: 8%; }
.lp-faq dd::before {
top: .6rem; } }
.lp-access {
padding: 100px 0; }
.lp-access .ttl .point-txt {
font-size: 1.3rem;
background: #10abab;
color: #FFF;
padding: 1px 10px 2px;
border-radius: 5px;
margin-right: 5px; }
.lp-access .ttl .s-txt {
font-size: 1.3rem;
color: #10abab; }
.lp-access .access-wrap {
width: 75%;
margin: 80px auto 0; }
.lp-access .access-wrap .txt-box {
width: 55%;
padding: 30px; }
.lp-access .access-wrap .txt-box h4 {
width: 80%;
margin: 0 auto 20px; }
.lp-access .access-wrap .txt-box h4 img {
width: 100%; }
.lp-access .access-wrap .access-txt {
color: #10abab;
font-weight: bold; }
.lp-access .access-wrap .img-box {
width: 45%; }
.lp-access .access-wrap .img-box img {
width: 100%; }
.lp-access .tel-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 10px; }
.lp-access .tel-wrap dt, .lp-access .tel-wrap dd {
color: #10abab;
line-height: 1.6;
font-weight: bold; }
.lp-access .tel-wrap dt {
border: 2px solid #10abab;
padding: 3px 5px;
margin-right: 10px;
font-size: 1rem; }
.lp-access .tel-wrap dd {
font-size: 2rem; }
.lp-access iframe {
width: 100%;
display: block;
margin: 50px auto; }
.lp-access .photo-wrap .item {
width: 30%; }
.lp-access .photo-wrap .item-img {
margin-bottom: 5px;
width: 100%; }
@media screen and (max-width: 639px) {
.lp-access {
padding: 10% 0; }
.lp-access .access-wrap {
width: 100%;
margin: 10% auto 0; }
.lp-access .access-wrap .txt-box {
width: 100%;
padding: 5%; }
.lp-access .access-wrap .txt-box h4 {
width: 70%;
margin-bottom: 5%;
margin-left: auto;
margin-right: auto; }
.lp-access .access-wrap .txt-box h4 img {
width: 100%; }
.lp-access .access-wrap .img-box {
width: 100%; }
.lp-access .tel-wrap {
margin-top: 5%; }
.lp-access iframe {
width: 100%;
display: block;
margin: 10% auto; }
.lp-access .photo-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.lp-access .photo-wrap .item {
width: 48%;
margin-bottom: 5%; }
.lp-access .photo-wrap .item-img {
margin-bottom: 5px; } }
.lp-contact {
background: #44bcbc;
padding: 100px 0;
width: 100%;
overflow-x: hidden; }
.lp-contact .contact-item {
position: relative;
background: #FFF;
border: 2px dashed #10abab;
padding: 20px;
outline: solid 2px #FFF;
width: 50%;
margin: 50px auto;
text-align: center; }
.lp-contact .contact-item .tel-link {
font-size: 2rem;
font-weight: bold;
color: #10abab; }
.lp-contact .contact-item .time {
font-size: 1rem;
color: #10abab;
font-weight: bold; }
.lp-contact .contact-item .time .waku {
padding: 2px 5px;
border: 2px solid #10abab;
font-size: .85rem;
font-weight: bold;
margin-right: 5px; }
.lp-contact .contact-item .time .atten {
font-size: .9rem;
color: #242424; }
.lp-contact .contact-item::before {
display: table;
margin: -39px auto 0;
background: #d9f1f1;
color: #10abab;
font-weight: bold;
font-size: 1rem;
padding: 5px 15px;
border-radius: 50px;
position: relative; }
.lp-contact .contact-item.-tel::before {
content: '電話でのお問い合わせ'; }
.lp-contact .form-wrap {
background: #FFF;
padding: 30px;
border-radius: 5px;
width: 75%;
margin: 50px auto 0; }
@media screen and (max-width: 639px) {
.lp-contact {
padding: 10% 0; }
.lp-contact .ttl {
margin-bottom: 5%; }
.lp-contact .contact-item {
width: 100%;
padding: 3%; }
.lp-contact .contact-item .time .atten {
padding-top: 5%;
display: block; }
.lp-contact .form-wrap {
background: #FFF;
padding: 5%;
width: 100%; }
.lp-contact .tbl-contact table td input.tel-area {
width: 20%; }
.lp-contact .mwform-radio-field {
display: block; }
.lp-contact .mwform-checkbox-field {
display: block; }
.lp-contact .mw_wp_form .horizontal-item + .horizontal-item {
margin-left: 0; } }
.tbl-contact table th {
background: #d9f1f1 !important; }
.submit {
font-size: 1rem !important; }
.lp-footer {
background: #10abab;
padding: 60px 0 0; }
.lp-footer .copy {
margin-top: 60px;
padding: 10px;
display: block;
background: #f9f9f9;
color: #909090;
font-size: .9rem;
text-align: center; }
.lp-footer .logo {
max-width: 370px; }
.lp-footer .logo img {
width: 100%; }
.lp-footer .link {
width: 45%; }
.lp-footer .sns-wrap {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px; }
.lp-footer .sns-wrap .snslink {
width: 8%;
max-width: 43px;
min-width: 38px;
margin-left: 10px; }
.lp-footer .link-img {
width: 100%;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
.lp-footer .link-img:hover {
opacity: .8; }
@media screen and (max-width: 639px) {
.lp-footer {
padding: 10% 0 0; }
.lp-footer .copy {
font-size: .85rem;
margin-top: 10%; }
.lp-footer .logo {
width: 80%;
margin: 0 auto 10%; }
.lp-footer .link {
width: 100%; }
.lp-footer .sns-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.lp-footer .sns-wrap .snslink {
width: 100%;
margin-bottom: 3%; } }
.form-wrap .Form {
margin-left: auto;
margin-right: auto;
max-width: 720px; }
.form-wrap .Form-Item {
border-top: 1px solid #ddd;
padding-top: 24px;
padding-bottom: 24px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.form-wrap .Form-Item:nth-child(5) {
border-bottom: 1px solid #ddd; }
.form-wrap .Form-Item-Label {
width: 100%;
max-width: 248px;
letter-spacing: 0.05em;
font-weight: bold;
font-size: 1rem; }
.form-wrap .Form-Item-Label.isMsg {
margin-top: 8px;
margin-bottom: auto; }
.form-wrap .Form-Item-Label-Required {
border-radius: 6px;
margin-right: 8px;
padding: 2px;
width: 48px;
display: inline-block;
text-align: center;
background: #d55d5a;
color: #fff;
font-size: .9rem; }
.form-wrap .Form-Item-Input {
border: 1px solid #ddd;
border-radius: 6px;
margin-left: 40px;
padding-left: 1em;
padding-right: 1em;
height: 48px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
max-width: 410px;
background: #eaedf2;
font-size: 1rem; }
.form-wrap .Form-Item-Textarea {
border: 1px solid #ddd;
border-radius: 6px;
margin-left: 40px;
padding-left: 1em;
padding-right: 1em;
height: 216px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
max-width: 410px;
background: #eaedf2;
font-size: 1rem; }
.form-wrap .Form-Btn {
border-radius: 6px;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
width: 280px;
display: block;
letter-spacing: 0.05em;
background: #5bc8ac;
color: #fff;
font-weight: bold;
font-size: 1.2rem; }  .menu {
position: fixed;
top: 0;
right: 0;
z-index: 9999; }
#menu--toggle[type="checkbox"]:not(:checked),
#menu--toggle[type="checkbox"]:checked {
display: none; }
.menu--toggle__trigger,
.menu--toggle__burger,
.menu--toggle__burger:before,
.menu--toggle__burger:after {
position: absolute;
top: 1.7em;
right: 1.5em;
width: 2em;
height: 3px;
background-color: #FFF;
border-radius: 2px;
cursor: pointer;
z-index: 100;
-webkit-transition: 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
-o-transition: 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: 0.35s cubic-bezier(0.25, 0.1, 0.25, 1); }
.menu--toggle__trigger {
height: 2em;
background: none; }
.menu--toggle__burger:before {
content: "";
top: 10px;
left: 0; }
.menu--toggle__burger:after {
content: "";
top: 20px;
left: 0; }
.menu__body {
position: absolute;
text-align: center;
margin: 0;
padding: 0;
right: 0;
padding: 0 20px;
background-color: #10abab;
z-index: 10;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-animation: checkboxUncheckedAnimation 0.35s both;
animation: checkboxUncheckedAnimation 0.35s both;
width: 80px;
height: 80px;
position: absolute;
top: 0;
left: auto;
bottom: 0;
right: 0; }
@media screen and (max-width: 639px) {
.menu__body .nav-logo img {
width: 80%;
display: block;
margin: 0 auto; } }
@media screen and (max-width: 639px) {
.menu__body {
-webkit-animation: checkboxUncheckedAnimation_b 0.35s both;
animation: checkboxUncheckedAnimation_b 0.35s both; } }
.menu__body-element,
.menu__body-link {
display: none;
margin: .6em auto 0;
color: #FFF;
text-decoration: none;
text-transform: none;
list-style: none;
outline: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
font-size: 1rem; }
@media screen and (max-width: 639px) {
.menu__body-element,
.menu__body-link {
font-size: .85rem; } }
.menu__body-element {
width: 100%;
position: relative;
text-align: center;
margin: 0 auto;
left: 0;
right: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
.menu__body-element:hover {
opacity: .7; }
.menu__body-element::after {
content: '';
display: block;
border-bottom: 1px solid #FFF;
padding-top: 8px;
width: 100%;
margin: 0 auto; }
.menu__body-element:first-child::after {
border-bottom: none; }
.menu__body-element:first-child {
margin-top: 20px; }
@media screen and (max-width: 639px) {
.menu__body-element {
width: 100%; }
.menu__body-element::after {
content: '';
display: block;
width: 100%; } }
.menu-logo {
width: 100%; }
.nav-logo {
position: relative; }
.nav-logo::after {
content: '';
display: block;
width: 46px;
height: 11px;
margin: 20px auto 0px;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease; }
.nav-logo:hover {
background: #10abab !important; }
.nav-logo img {
margin-left: -42px; }
.h-link::before {
content: '';
display: block;
background: url(https://rehabili.nagoya/css/assets/images/common/bee_icon.png) no-repeat center left/contain;
width: 38px;
height: 32px;
position: absolute;
top: auto;
left: 0;
bottom: 0;
right: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
opacity: 0; }
.h-link:hover {
display: table !important; }
.h-link:hover::before {
content: '';
display: block;
left: 10px;
opacity: 1; }
#menu--toggle:checked + .menu--toggle__trigger + .menu--toggle__burger {
top: 35px;
-webkit-transform: rotate(405deg);
-ms-transform: rotate(405deg);
transform: rotate(405deg);
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
#menu--toggle:checked + .menu--toggle__trigger + .menu--toggle__burger:before {
top: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
#menu--toggle:checked + .menu--toggle__trigger + .menu--toggle__burger:after {
top: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
#menu--toggle:checked + .menu--toggle__trigger + .menu--toggle__burger + .menu__body {
-webkit-animation: checkboxCheckedAnimation 1s cubic-bezier(0.25, 0.1, 0.25, 1) both;
animation: checkboxCheckedAnimation 1s cubic-bezier(0.25, 0.1, 0.25, 1) both; }
#menu--toggle:checked + .menu--toggle__trigger ~ .menu__body .menu__body-element,
#menu--toggle:checked + .menu--toggle__trigger ~ .menu__body .menu__body-link {
display: table; }
@media screen and (max-width: 639px) {
#menu--toggle:checked + .menu--toggle__trigger + .menu--toggle__burger + .menu__body {
-webkit-animation: checkboxCheckedAnimation_b 1s cubic-bezier(0.25, 0.1, 0.25, 1) both;
animation: checkboxCheckedAnimation_b 1s cubic-bezier(0.25, 0.1, 0.25, 1) both; } }
.promotion {
width: 100vw;
height: 100vh;
background-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Gooseberry-spring.jpg/1280px-Gooseberry-spring.jpg);
background-size: cover; } @-webkit-keyframes checkboxCheckedAnimation {
50% {
width: 25vw;
height: 100vh;
background: #10abab;
background-position-x: -100em;
min-width: 350px; }
100% {
width: 25vw;
height: 100vh;
border-radius: 0;
background: #10abab;
background-position-x: -100em;
min-width: 350px; } }
@keyframes checkboxCheckedAnimation {
50% {
width: 25vw;
height: 100vh;
background: #10abab;
background-position-x: -100em;
min-width: 350px; }
100% {
width: 25vw;
height: 100vh;
border-radius: 0;
background: #10abab;
background-position-x: -100em;
min-width: 350px; } }
@-webkit-keyframes checkboxUncheckedAnimation {
0% {
width: 34vw;
height: 100vh; } }
@keyframes checkboxUncheckedAnimation {
0% {
width: 34vw;
height: 100vh; } }
@-webkit-keyframes changeWidthOfElementAnimation {
50% {
width: 0; }
100% {
width: 100%; } }
@keyframes changeWidthOfElementAnimation {
50% {
width: 0; }
100% {
width: 100%; } } @-webkit-keyframes checkboxCheckedAnimation_b {
50% {
width: 100vw;
height: 100vh;
background: #10abab;
background-position-x: -100em; }
100% {
width: 100vw;
height: 100vh;
border-radius: 0;
background: #10abab;
background-position-x: -100em; } }
@keyframes checkboxCheckedAnimation_b {
50% {
width: 100vw;
height: 100vh;
background: #10abab;
background-position-x: -100em; }
100% {
width: 100vw;
height: 100vh;
border-radius: 0;
background: #10abab;
background-position-x: -100em; } }
@-webkit-keyframes checkboxUncheckedAnimation_b {
0% {
width: 100vw;
height: 100vh; } }
@keyframes checkboxUncheckedAnimation_b {
0% {
width: 100vw;
height: 100vh; } }
@-webkit-keyframes changeWidthOfElementAnimation_b {
50% {
width: 50%; }
100% {
width: 100%; } }
@keyframes changeWidthOfElementAnimation_b {
50% {
width: 50%; }
100% {
width: 100%; } }
.link-contact {
position: fixed;
bottom: 86px;
right: 0;
z-index: 60;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
.link-contact:hover {
opacity: .7; }
.link-recruit {
position: fixed;
bottom: 0;
right: 0;
z-index: 60;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
.link-recruit:hover {
opacity: .7; }
.nav-bar {
background: rgba(255, 255, 255, 0.5);
position: fixed;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
top: 0;
right: 0;
z-index: 100;
width: 100%;
min-width: 610px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden; }
.nav-bar h1 {
padding: 10px 10px; }
.nav-bar h1 a {
display: block; }
.nav-bar h1 img {
width: 90%; }
.nav-bar .nav-icon {
display: inline;
padding-left: 2px; }
.nav-bar .nav-icon img {
display: inline;
vertical-align: baseline;   width: 13px;
height: 13px;
position: relative;
top: 1px; }
.nav-bar .nav-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: auto; }
.nav-bar li a {
background: #10abab;
color: #FFF;
font-weight: bold;
font-size: .9rem;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
text-align: center;
line-height: 1.6;
padding: 30px 14px;
border-left: 1px solid #FFF; }
.nav-bar li a:hover {
opacity: .7; }
.movie-box iframe {
width: 60%;
margin: 40px auto;
display: block;
height: 28em; }
@media screen and (max-width: 639px) {
.movie-box iframe {
width: 94%;
height: 13em; } }
.top-line {
background: #10abab;
padding: 40px 0 60px; }
.top-line a {
display: block;
margin: auto; }
.top-line a img {
width: 70%;
display: block;
margin: auto; }
@media screen and (max-width: 639px) {
.top-line {
padding: 10% 0; }
.top-line a img {
width: 100%; } }@font-face {
font-family: esenapaj;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@097f6373c8d24abad960ab5ec25e001be4fe7bd0/esenapaj.ttf)
format("truetype");
}
@font-face {
font-family: kokorom;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@0a9c3e242b46cd2d493db832a6eccba8f31b9da6/Kokoro.ttf)
format("truetype");
}
@font-face {
font-family: aoyanagiT;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@729d123c3a7de4ac2bb3a7cdbdedc707dde69120/aoyanagiT.ttf)
format("truetype");
}
@font-face {
font-family: tanukiM;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@master/TanukiMagic.ttf)
format("truetype");
} @font-face {
font-family: Huifont;
src: url(https://cdn.statically.io/gh/raspi0124/my-sites-files/dc302549/HuiFont109.woff2)
format("woff2"),
url(https://cdn.statically.io/gh/raspi0124/my-sites-files/eed42314/Light-Huiji.ttf)
format("truetype");
}
@font-face {
font-family: honokamaru;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@80b7a9fadba7c729d00bcc81beba49deb97e19de/font_1_honokamarugo_1.1.ttf)
format("truetype");
}
@font-face {
font-family: light-gen;
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf)
format("opentype");
}
@font-face {
font-family: normal-gen;
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf)
format("opentype");
}
@font-face {
font-family: "Noto Sans Japanese-100";
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf)
format("opentype");
}
@font-face {
font-family: "Noto Sans Japanese";
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf)
format("opentype");
}
@font-face {
font-family: "Noto Sans Japanese-900";
font-style: normal;
font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf)
format("opentype");
}
.noto {
font-family: Noto Sans Japanese;
}
.huiji {
font-family: Huifont;
}
.honokamaru {
font-family: honokamaru;
}