@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html { scroll-behavior: smooth; }

body{ line-height:1; font-size:1.4rem; color:#444; font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

@media screen and (min-width:960px) {
/*PC*/

/* ページTOPに戻る */
#topBtn { position: fixed; bottom: 10px; right: 10px; width: 64px; height: 64px; line-height: 64px; text-align: center; background-color: #49bcbd; color: #fff; }


html { font-size:62.5%; }

header { width: 100%; height: auto; display: block; margin: 0 auto; text-align: center; }
header h1 { width: 480px; display: block; margin: 0 auto; padding: 15px 0; }
header h1 img { width: 480px; height: auto; }
header h1 img:nth-of-type(1) { margin-bottom: 10px; }
header nav { width: 95%; height: auto; margin: 10px auto; display: block; }
header nav ul { width: 100%; height: auto; display: flex; justify-content: center;  }
header nav ul li { padding: 1rem 2rem; border-right: solid 1px #ccc; }
header nav ul li:nth-of-type(7) { border-right: none; }
header nav ul li a { display: block; text-decoration: none; color: #333; font-weight: bold; font-size: 1.6rem; border-bottom: solid 4px #fff; padding: 0.3rem; }
header nav ul li a:hover { border-bottom: solid 4px #ee87b4; }
header a.sticky { width: 50px; height: auto; display: block; position: fixed; right: 0; top: 100px; z-index: 99; }

#c-body { width: 100%; height: auto; display: block; }

.slider-area { width: 100%; height: auto; margin: 0 auto 20px; }
.slider{ margin: 0 0 0 5%; width: 95%; }
.slider img { height: auto; width: 100%; }
.slick-dots {}

#catch { width: 100%; height: auto; display: block; text-align: center;  padding: 2rem 0 4rem 0;}
#catch h2 { display: block; font-size: 4.0rem; font-weight: normal; padding-bottom: 2rem; }
#catch p { font-size: 1.8rem; line-height: 2.0;}

#whats { width: 100%; height: auto; display: flex; padding: 2rem 0; }
#whats .imagePh { width: 50%; height: auto; }
#whats .imagePh img { width: 100%; height: auto; display: block; }
#whats .sub-box { width:43%; margin: 0 5% 0 2%; }
#whats .sub-box h3 { display: block; padding: 0 0 2rem 0; font-size: 3.0rem; color: #49bcbd; }
#whats .sub-box p { display: block; font-size: 1.6rem; color: #333; line-height: 1.6; padding: 0 0 0.5rem 0.5rem; text-indent: 1em; }
#whats .sub-box table { display: block; margin: 20px auto; border-collapse: collapse; line-height: 1.6; font-size: 1.6rem; }
#whats .sub-box table th { border-bottom: solid 1px #fff; padding: 0.5rem 2rem; background: #ee87b4; color: #fff; white-space: nowrap; }
#whats .sub-box table td { border-bottom: solid 1px #ccc; padding: 0.5rem; }
#whats .sub-box table caption { caption-side: bottom; text-align: right; }

#interview { width: 100%; height: auto; display: block; padding: 2rem 0; }
#interview h3 { display: block; padding: 0 0 2rem 0; font-size: 3.6rem; color: #49bcbd; text-align: center; }
#interview p { display: block; font-size: 1.6rem; color: #333; line-height: 1.6; padding: 0 0 0.5rem 0.5rem; text-align: center; }
#interview .interview-box { width: 100%; display: flex; padding: 2rem 0; }
#interview .interview-box .int-name-area { width: 50%; }
#interview .interview-box .int-name-area h5 { display: block; margin-bottom: 1rem; font-size: 2.4rem; color: #ee87b4; text-align: center; }
#interview .interview-box .int-name-area h5 span { font-size: 0.8em; }
#interview .interview-box .int-name-area .int-column { display: block; margin: 2rem 0 8rem; text-align: center; }
#interview .interview-box .int-name-area .int-column h6 { display: inline; font-size: 1.8rem; background:linear-gradient(transparent 60%, #ff6 60%);　}
#interview .interview-box .int-name-area .int-column p { display: block;; margin: 1rem 2rem; text-align: left; }
#interview .interview-box .int-photo-area { width: 50%; }
#interview .interview-box .int-photo-area .int-main { width: 100%; height: auto; display: block; margin-bottom: 20px; }
#interview .interview-box .int-photo-area .int-sub1 { width: 50%; height: auto; display: block; margin-bottom: 20px; }
#interview .interview-box .int-photo-area .int-sub2 { width: 50%; height: auto; display: block; margin-bottom: 20px; }
#interview .interv-l { flex-direction: row-reverse; }
#interview .interv-l .int-name-area { padding: 2rem 2rem 0 10rem; }

#interview .interv-l .int-photo-area .int-sub1 { transform: rotate(-5deg); }
#interview .interv-l .int-photo-area .int-sub2 { transform: rotate(5deg); margin-left: 35%; }

#interview .interv-r { flex-direction: row; }
#interview .interv-r .int-name-area { padding: 2rem 10rem 0 2rem; }
#interview .interv-r .int-photo-area .int-sub1 { transform: rotate(-5deg); margin-left: 10rem; }
#interview .interv-r .int-photo-area .int-sub2 { transform: rotate(5deg); margin-left: 46%; }

#youkou { width: 100%; height: auto; display: block; padding: 2rem 0; }
#youkou h3 { display: block; padding: 0 0 2rem 0; font-size: 3.6rem; color: #49bcbd; text-align: center; }
#youkou p { display: block; font-size: 1.6rem; color: #333; line-height: 1.6; padding: 0 0 0.5rem 0.5rem; text-align: center; }
#youkou h4 { display: block; padding: 4rem 0 2rem 0; font-size: 3.0rem; color: #ee87b4; text-align: center; font-weight: bold; }
#youkou h4 span { background:linear-gradient(transparent 60%, #ff6 60%); }
#youkou h4 span br { display: none; }
#youkou .yk-dokuji-area { display: flex; flex-wrap: wrap; width: 70%; margin: 20px auto; }
#youkou .yk-dokuji-area .yk-doku-col { width: 46%; border: double 6px #fff; margin: 2%; padding: 4rem; border-radius: 15px; text-align: center; background: #f5f5f5; }
#youkou .yk-dokuji-area .yk-doku-col h5 { font-size: 2.0rem; font-weight: bold; padding-bottom: 1rem; color: #bf2f4c; }
#youkou .yk-dokuji-area .yk-doku-col h6 { font-size: 2.2rem; font-weight: normal; padding-bottom: 1rem; line-height: 1.6; }
#youkou a { color: #03a0e5;  }
#youkou a:hover { background: #03a0e5; color: #fff;  }
#youkou table { display: block; margin: 20px auto; border-collapse: collapse; line-height: 1.6; font-size: 1.6rem; width: 50%; }
#youkou table th { border-bottom: solid 1px #fff; padding: 2rem 2rem; background: #49bcbd; color: #fff; white-space: nowrap; }
#youkou table td { border-bottom: solid 1px #ccc; padding: 2rem; }
#youkou table caption { caption-side: bottom; text-align: right; }

#faq { width: 100%; height: auto; display: block; padding: 6rem 0; }
#faq h3 { display: block; padding: 0 0 2rem 0; font-size: 3.6rem; color: #49bcbd; text-align: center; }
#faq .faq-column { width: 60%; display: block; margin: 30px auto; }

/*
#faq .faq-column h4 { display: inline-block; padding: 2rem; color: #fff; background: #ee87b4; border-radius: 10px; font-size: 1.6rem; }
#faq .faq-column h4 { position: relative; background: #ee87b4; border-radius: 1.3em; margin: 2rem; }
#faq .faq-column h4:after { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-right-color: #ee87b4; border-left: 0; border-bottom: 0; margin-top: -10px; margin-left: -20px; }

#faq .faq-column p { position: relative; background: #49bcbd; border-radius: 2em; padding: 2rem; margin-left: 30%; color: #fff; line-height: 1.6; font-size: 1.6rem; }
#faq .faq-column p:after { content: ''; position: absolute; right: 0; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-left-color: #49bcbd; border-right: 0; border-bottom: 0; margin-top: -10px; margin-right: -20px; }
*/

#faq .faq-column h4 { display: inline-block; padding: 2rem; position: relative; background: #ffffff; border: 3px solid #ee87b4; color: #ee87b4; border-radius: 20px; font-size: 1.6rem; line-height: 1.4; margin-bottom: 10px; }
#faq .faq-column h4:after, #faq .faq-column h4:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#faq .faq-column h4:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 10px; margin-top: -10px; }
#faq .faq-column h4:before { border-color: rgba(238, 135, 180, 0); border-right-color: #ee87b4; border-width: 14px; margin-top: -14px; }

#faq .faq-column p { display: inline-block; padding: 2rem; position: relative; background: #ffffff; border: 3px solid #03a0e5; color: #03a0e5; border-radius: 20px; margin-left: 30%; font-size: 1.6rem; line-height: 1.4; }
#faq .faq-column p:after, #faq .faq-column p:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#faq .faq-column p:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 10px; margin-top: -10px; }
#faq .faq-column p:before { border-color: rgba(3, 160, 229, 0); border-left-color: #03a0e5; border-width: 14px; margin-top: -14px; }


#inq { width: 100%; height: auto; display: block; padding: 2rem 0; }
#inq h3 { display: block; padding: 0 0 2rem 0; font-size: 3.6rem; color: #ee87b4; text-align: center; }
#inq p { display: block; font-size: 1.6rem; color: #333; line-height: 1.6; padding: 0 0 0.5rem 0.5rem; text-align: center; }
#inq .form-col { display: block; margin: 20px auto; width: 50%; }
#inq dl { display: flex; font-size: 1.6rem; }
#inq dl dt { width: 30%; padding: 3rem 1rem; text-align: right; }
#inq dl dd { width: 70%; padding: 1rem; margin: 0 auto; }
#inq dl dd input { padding:1.5rem; width: 100%; border: solid 1px #ccc; }
#inq dl dd select { padding:1.5rem; width: 100%; border: solid 1px #ccc; }
#inq dl dd textarea { padding:1.5rem; width: 100%; height: 180px; border: solid 1px #ccc; }
#inq input[type=submit] { padding: 1rem 10rem; border: solid 1px #ccc; margin: 10px auto; }
#inq input[type=button] { padding: 1rem 10rem; border: solid 1px #ccc; margin: 10px auto; }

#inq .confirm dl { border-bottom: dotted 1px #ccc; }
#inq .confirm dl dt { font-weight: bold; }
#inq .confirm dl dd { padding: 3rem 2rem; }
#inq .error-msg-area { display: block; text-align: center; line-height: 1.6; }
#inq .error-msg-area .error_messe { display: block; padding: 1rem; }
#inq a.return-btn { display: inline-block; margin: 3rem auto; padding :0.7rem; }

#place { width: 70%; height: auto; display: block; padding: 2rem 0; margin: 0 auto; }
#place .place-wrap { display: flex;  }
#place .place-map { width: 50%; }
#place .place-map iframe { width: 100%; height: 400px; }
#place .place-text { width: 50%; }
#place .place-text h3 { display: block; padding: 0 0 4rem 0; font-size: 3.6rem; color: #ee87b4; text-align: center; }
#place .place-text h4 { display: block; padding: 0 0 2rem 0; font-size: 2.4rem; color: #333; text-align: center; }
#place .place-text h4 span { font-size: 0.7em; display: block; padding-bottom: 1rem;; }
#place .place-text h5 { display: block; padding: 2rem 0; font-size: 2.8rem; color: #49bcbd; text-align: center; }
#place .place-text p { display: block; padding: 2rem 0; font-size: 1.6rem; color: #333; text-align: center; }

img.gaikanPh { display: block; margin:20px auto; width: 1000px; height: auto; }


footer { width: 100%; padding: 4rem 0; margin-top: 4rem; background: #ee87b4; color: #fff; text-align: center; }
footer nav { width: 95%; height: auto; margin: 10px auto; display: block; }
footer nav ul { width: 100%; height: auto; display: flex; justify-content: center;  }
footer nav ul li { padding: 1rem 2rem; border-right: solid 1px #fff; }
footer nav ul li:nth-of-type(7) { border-right: none; }
footer nav ul li a { display: block; text-decoration: none; color: #fff; font-weight: bold; font-size: 1.4rem; border-bottom: solid 4px #ee87b4; padding: 0.3rem; }
footer nav ul li a:hover { border-bottom: solid 4px #fff; }


















} @media screen and (max-width:959px) {
/*SP*/

/* ページTOPに戻る */
#topBtn { position: fixed; bottom: 140px; right: 10px; width: 64px; height: 64px; line-height: 64px; text-align: center; background-color: #49bcbd; color: #fff; opacity: 0.8; }

html { font-size:62.5%; }

header { width: 100%; height: auto; display: block; margin: 0 auto; text-align: center; }
header h1 { width: 98%; display: block; margin: 0 auto; padding: 15px 0; }
header h1 img { width: 100%; height: auto; }
header h1 img:nth-of-type(1) { margin-bottom: 10px; }
header nav { width: 100%; height: auto; margin: 10px auto 0; display: block; position: fixed; bottom: 0; background: #ee87b4; z-index: 100; opacity: 0.9; }
header nav ul { width: 100%; height: auto; display: flex; justify-content: center; flex-wrap: wrap;  }
header nav ul li { width: calc(100%/2); padding: 1rem 0; border-right: solid 1px #ccc; border-bottom: solid 1px #fff; }
header nav ul li:nth-of-type(7) { border-right: none; }
header nav ul li a { display: block; text-decoration: none; color: #fff; font-weight: bold; font-size: 1.3rem; padding: 0.3rem; }
header a.sticky { display: none; }

header nav ul li:nth-of-type(1) { display: none; }
header nav ul li a br { display: none; }

#c-body { width: 100%; height: auto; display: block; }

.slider-area { width: 100%; height: auto; margin: 0 auto 20px; }
.slider{ margin: 0 0 0 2%; width: 98%; }
.slider img { height: auto; width: 100%; }
.slick-dots {}

#catch { width: 90%; height: auto; display: block; margin: 0 auto; text-align: center;  padding: 2rem 0 4rem 0;}
#catch h2 { display: block; font-size: 2.4rem; font-weight: normal; padding-bottom: 2rem; }
#catch p { font-size: 1.4rem; line-height: 2.0;}

#whats { width: 100%; height: auto; display: block; padding: 2rem 0; }
#whats .imagePh { width: 98%; height: auto; margin-bottom: 20px; }
#whats .imagePh img { width: 100%; height: auto; display: block; }
#whats .sub-box { width:96%; margin: 0 auto; }
#whats .sub-box h3 { display: block; padding: 0 0 2rem 0; font-size: 2.4rem; color: #49bcbd; text-align: center; }
#whats .sub-box p { display: block; font-size: 1.4rem; color: #333; line-height: 1.6; padding: 0 0 0.5rem 0.5rem; text-indent: 1em; }
#whats .sub-box table { display: block; margin: 20px auto; border-collapse: collapse; line-height: 1.6; }
#whats .sub-box table th { width: 100%; display: block; padding: 0.5rem 2rem; background: #ee87b4; color: #fff; text-align: center;  }
#whats .sub-box table td { width: 100%; display:block; padding: 0.5rem; }
#whats .sub-box table caption { caption-side: bottom; text-align: right; }

#interview { width: 100%; height: auto; display: block; padding: 2rem 0; }
#interview h3 { display: block; padding: 0 0 2rem 0; font-size: 2.4rem; color: #49bcbd; text-align: center; }
#interview p { display: block; font-size: 1.4rem; color: #333; line-height: 1.6; padding: 0 0 0.5rem 0.5rem; text-align: center; }
#interview .interview-box { width: 100%; display: flex; flex-wrap: wrap; padding: 2rem 0; }
#interview .interview-box .int-name-area { width: 98%; }
#interview .interview-box .int-name-area h5 { display: block; margin-bottom: 1rem; font-size: 2.4rem; color: #ee87b4; text-align: center; }
#interview .interview-box .int-name-area h5 span { font-size: 0.8em; }
#interview .interview-box .int-name-area .int-column { display: block; margin: 2rem 0 8rem; text-align: center; }
#interview .interview-box .int-name-area .int-column h6 { display: inline; font-size: 1.8rem; background:linear-gradient(transparent 60%, #ff6 60%);　}
#interview .interview-box .int-name-area .int-column p { display: block;; margin: 1rem 2rem; text-align: left; }
#interview .interview-box .int-photo-area { width: 98%; }
#interview .interview-box .int-photo-area .int-main { width: 100%; height: auto; display: block; margin-bottom: 20px; }
#interview .interview-box .int-photo-area .int-sub1 { width: 50%; height: auto; display: block; margin-bottom: 20px; }
#interview .interview-box .int-photo-area .int-sub2 { width: 50%; height: auto; display: block; margin-bottom: 20px; }
#interview .interv-l { flex-direction: row-reverse; }
#interview .interv-l .int-name-area { padding: 2rem; }

#interview .interv-l .int-photo-area .int-sub1 { transform: rotate(-5deg); }
#interview .interv-l .int-photo-area .int-sub2 { transform: rotate(5deg); margin-left: 35%; }

#interview .interv-r { flex-direction: row; }
#interview .interv-r .int-name-area { padding: 2rem; }
#interview .interv-r .int-photo-area .int-sub1 { transform: rotate(-5deg); margin-left: 10rem; }
#interview .interv-r .int-photo-area .int-sub2 { transform: rotate(5deg); margin-left: 46%; }

#youkou { width: 100%; height: auto; display: block; padding: 2rem 0; }
#youkou h3 { display: block; padding: 0 0 2rem 0; font-size: 2.4rem; color: #49bcbd; text-align: center; }
#youkou p { display: block; font-size: 1.4rem; color: #333; line-height: 1.6; padding: 0 0 0.5rem 0.5rem; text-align: center; }
#youkou h4 { display: block; padding: 4rem 0 2rem 0; font-size: 2.6rem; color: #ee87b4; text-align: center; font-weight: bold; }
#youkou h4 span { background:linear-gradient(transparent 60%, #ff6 60%); }
#youkou .yk-dokuji-area { display: flex; flex-wrap: wrap; width: 98%; margin: 20px auto; }
#youkou .yk-dokuji-area .yk-doku-col { width: 100%; border: double 6px #fff; margin: 2%; padding: 2rem; border-radius: 15px; text-align: center; background: #f5f5f5; }
#youkou .yk-dokuji-area .yk-doku-col h5 { font-size: 2.0rem; font-weight: bold; padding-bottom: 1rem; color: #bf2f4c; }
#youkou .yk-dokuji-area .yk-doku-col h6 { font-size: 2.2rem; font-weight: normal; padding-bottom: 1rem; line-height: 1.6; }
#youkou a { color: #03a0e5;  }
#youkou a:hover { background: #03a0e5; color: #fff;  }
#youkou table { display: block; margin: 20px auto; border-collapse: collapse; line-height: 1.6; width: 98%; }
#youkou table th { width: 100%; display: block; padding: 2rem 2rem; background: #49bcbd; color: #fff; }
#youkou table td { width: 100%; display: block; padding: 2rem; }
#youkou table caption { caption-side: bottom; text-align: right; }

#faq { width: 100%; height: auto; display: block; padding: 6rem 0; }
#faq h3 { display: block; padding: 0 0 2rem 0; font-size: 2.4rem; color: #49bcbd; text-align: center; }
#faq .faq-column { width: 90%; display: block; margin: 30px auto; }

#faq .faq-column h4 { display: inline-block; padding: 2rem; position: relative; background: #ffffff; border: 3px solid #ee87b4; color: #ee87b4; border-radius: 20px; font-size: 1.6rem; line-height: 1.4; margin-bottom: 10px; }
#faq .faq-column h4:after, #faq .faq-column h4:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#faq .faq-column h4:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 10px; margin-top: -10px; }
#faq .faq-column h4:before { border-color: rgba(238, 135, 180, 0); border-right-color: #ee87b4; border-width: 14px; margin-top: -14px; }

#faq .faq-column p { display: inline-block; padding: 2rem; position: relative; background: #ffffff; border: 3px solid #03a0e5; color: #03a0e5; border-radius: 20px; margin-left: 30%; font-size: 1.6rem; line-height: 1.4; }
#faq .faq-column p:after, #faq .faq-column p:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#faq .faq-column p:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 10px; margin-top: -10px; }
#faq .faq-column p:before { border-color: rgba(3, 160, 229, 0); border-left-color: #03a0e5; border-width: 14px; margin-top: -14px; }


/*
#faq .faq-column h4 { display: inline-block; padding: 2rem; color: #fff; background: #ee87b4; border-radius: 10px; }

#faq .faq-column h4 { position: relative; background: #ee87b4; border-radius: 1.3em; margin: 2rem; }
#faq .faq-column h4:after { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-right-color: #ee87b4; border-left: 0; border-bottom: 0; margin-top: -10px; margin-left: -20px; }

#faq .faq-column p { position: relative; background: #49bcbd; border-radius: 2em; padding: 2rem; margin-left: 30%; color: #fff; line-height: 1.6; }
#faq .faq-column p:after { content: ''; position: absolute; right: 0; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-left-color: #49bcbd; border-right: 0; border-bottom: 0; margin-top: -10px; margin-right: -20px; }
#faq .faq-column a { color: #fff; }
*/

#inq { width: 100%; height: auto; display: block; padding: 2rem 0; }
#inq h3 { display: block; padding: 0 0 2rem 0; font-size: 2.4rem; color: #ee87b4; text-align: center; }
#inq p { display: block; font-size: 1.4rem; color: #333; line-height: 1.6; padding: 0 0 0.5rem 0.5rem; text-align: center; }
#inq .form-col { display: block; margin: 20px auto; width: 100%; }
#inq dl { display: block; width: 98%; margin: 10px auto; }
#inq dl dt { width: 100%; padding: 1rem 1rem; text-align: center; background: #49bcbd; color: #fff; }
#inq dl dd { width: 100%; padding: 1rem; margin: 0 auto; }
#inq dl dd input { padding:1.5rem; width: 100%; border: solid 1px #ccc; }
#inq dl dd select { padding:1.5rem; width: 100%; border: solid 1px #ccc; }
#inq dl dd textarea { padding:1.5rem; width: 100%; height: 180px; border: solid 1px #ccc; }
#inq input[type=submit] { padding: 1rem 10rem; border: solid 1px #ccc; margin: 10px auto; }
#inq input[type=button] { padding: 1rem 10rem; border: solid 1px #ccc; margin: 10px auto; }

#inq .confirm dl { border-bottom: dotted 1px #ccc; }
#inq .confirm dl dt { font-weight: bold; }
#inq .confirm dl dd { padding: 3rem 2rem; }
#inq .error-msg-area { display: block; text-align: center; line-height: 1.6; }
#inq .error-msg-area .error_messe { display: block; padding: 1rem; }
#inq a.return-btn { display: inline-block; margin: 3rem auto; padding :0.7rem; }



#place { width: 98%; height: auto; display: block; padding: 2rem 0; margin: 0 auto; }
#place .place-wrap { display: flex; flex-wrap: wrap; }
#place .place-map { width: 100%; }
#place .place-map iframe { width: 90%; height: 300px; margin: 0 auto; display: block; }
#place .place-text { width: 100%; }
#place .place-text h3 { display: block; padding: 0 0 4rem 0; font-size: 2.4rem; color: #ee87b4; text-align: center; }
#place .place-text h4 { display: block; padding: 0 0 2rem 0; font-size: 2.2rem; color: #333; text-align: center; }
#place .place-text h4 span { font-size: 0.7em; display: block; padding-bottom: 1rem;; }
#place .place-text h5 { display: block; padding: 2rem 0; font-size: 2.8rem; color: #49bcbd; text-align: center; }
#place .place-text p { display: block; padding: 2rem 0; font-size: 1.4rem; color: #333; text-align: center; }

footer { width: 100%; padding: 4rem 0 180px; margin-top: 4rem; background: #ee87b4; color: #fff; text-align: center; }
footer nav { display: none; }
footer img { width: 90%; height: auto; display: block; margin: 0 auto; }

}