@charset "UTF-8";
/* reset */
html { font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 62.5%; }

html *, ::before, ::after { box-sizing: border-box; }

html, body { width: 100%; }

input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* base setting */
body { position: relative; background-color: #fff; -webkit-text-size-adjust: 100%; font-size: 1.7rem; line-height: 1.75; letter-spacing: 1.5px; color: #3e3a39; }

img { max-width: 100%; height: auto; vertical-align: middle; }

a { text-decoration: none; transition-property: all; transition-duration: 0.3s; }
a [data-hover="off"] { display: inline-block; transition-property: display; transition-duration: 0.3s; }
a [data-hover="on"] { display: none; transition-property: display; transition-duration: 0.3s; }
a.hover [data-hover="off"] { display: none; }
a.hover [data-hover="on"] { display: inline-block; }
a.transparent { opacity: 1; }
a.transparent.hover { opacity: 0.7; }

.pc { display: block; }

.pci { display: inline; }

.sp, .spi { display: none; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ilbk { display: inline-block; }

.ls_0 { letter-spacing: 0; }

/* hamburger menu */
.hamburger { position: fixed; top: 0; right: 0; width: 40px; height: 45px; border-bottom: solid 5px #938248; background-color: #392c0d; z-index: 20; cursor: pointer; }
.hamburger::before { content: "MENU"; position: absolute; left: 0; bottom: 2px; width: 100%; font-size: 1rem; color: #fff; text-align: center; z-index: 20; }
.hamburger::after { content: ""; display: block; position: absolute; top: 0; right: 100%; width: calc(100vw - 40px); height: 45px; border-bottom: solid 5px #938248; background-color: #392c0d; z-index: 10; }
.hamburger > div { position: absolute; left: 20%; width: 60%; height: 3px; background-color: #fff; transition-property: all; transition-duration: 0.4s; z-index: 20; }
.hamburger > div:first-of-type { top: 7px; }
.hamburger > div:nth-of-type(2) { top: 14px; }
.hamburger > div:nth-of-type(3) { top: 21px; }
.hamburger.active::before { content: "CLOSE"; }
.hamburger.active > div:first-of-type { top: 13px; transform: rotate(765deg); }
.hamburger.active > div:nth-of-type(2) { width: 0; height: 0; }
.hamburger.active > div:nth-of-type(3) { top: 13px; transform: rotate(-765deg); }
.hamburger.hover { background-color: #fff; }
.hamburger.hover::before { color: #392c0d; }
.hamburger.hover > div { background-color: #392c0d; }

/* header */
.header_nav { position: absolute; top: 0; left: 0; width: 100%; border-bottom: solid 7px #938248; background-color: #392c0d; z-index: 15; }
.header_nav.fixed { position: fixed; }

.header_nav_list { width: 100%; max-width: 980px; margin-right: auto; margin-left: auto; }
.header_nav_list > li { position: relative; width: 25%; text-align: center; }
.header_nav_list > li + li::before { content: ""; position: absolute; left: 0; top: calc(50% - 8px); width: 1px; height: 16px; background-color: #fff; }
.header_nav_list > li a { display: block; padding: 18px 40px; background-color: #392c0d; }
.header_nav_list > li a.hover { background-color: #fff; }

/* main */
#main { padding-top: 72px; }

/** main visual **/
.mv { position: relative; /*** Slick Slider Setting ***/ }
.mv .index2 h1 { position: absolute; top: 50%; left: 50%; font-weight: bold; font-size: 3.8rem; line-height: 1.33; text-align: center; color: #fff; text-shadow: 0 0 5px #392c0d; z-index: 5; transform: translate(-50%, -50%); }*/
.mv .mv_slider { position: relative; width: 100%; margin-right: auto; margin-left: auto; opacity: 0; transition-property: opacity; transition-duration: 1s; transition-timing-function: ease-in-out; }
.mv .mv_slider.slick-initialized { opacity: 1; }
.mv .mv_slider .mv_img > a { display: block; height: 40vh; background-position: center center; background-size: cover; background-repeat: no-repeat; opacity: 1; transition-duration: 0.3s; transition-property: opacity; }
.mv .mv_slider .mv_img > a.hover { opacity: 0.7; }
.mv .mv_slider .mv_tennis > a { background-image: url("../images/img_mv01.jpg"); }
.mv .mv_slider .mv_golf > a { background-image: url("../images/img_mv02.jpg"); }
.mv .mv_slider .mv_sportsgym > a { background-image: url("../images/img_mv03.jpg"); }
.mv .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; left: calc(50% - 30px); bottom: -25px; width: 60px; height: 10px; }
.mv .slick-dots > li button { display: block; width: 10px; height: 10px; border-radius: 50%; font-size: 0; color: transparent; background-color: #e7e7e8; cursor: pointer; transition-property: background-color, transform; transition-duration: 0.4s; }
.mv .slick-dots > li.slick-active button, .mv .slick-dots > li.hover button { background-color: #adadae; transform: scale(1.4, 1.4); }

/** linkarea **/
.linkarea { padding: 70px 0 90px; background-color: #fff; text-align: center; }
.linkarea .linkarea_inner { width: 100%; max-width: 980px; margin-right: auto; margin-left: auto; }
.linkarea h1 { font-weight: bold; font-size: 3.8rem; line-height: 1.33; text-align: center; color: #392c0d; }
.linkarea h1 + p { margin-top: 25px; }

.linkarea_list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 55px; }
.linkarea_list > li { position: relative; width: 27.55%; padding: 30px 20px; color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.linkarea_list > li + li { margin-left: 5.1%; }
.linkarea_list > li > figure { position: relative; width: 100%; max-width: 166px; margin-right: auto; margin-left: auto; }
.linkarea_list > li > figure::before { content: ""; display: block; position: absolute; left: 50%; bottom: -34px; width: 1px; height: 17px; background-color: #fff; }
.linkarea_list > li h2 { margin-top: 40px; font-size: 1.8rem; }
.linkarea_list .linkarea_tennis { background-image: url("../images/img_014.jpg"); }
.linkarea_list .linkarea_golf { background-image: url("../images/img_015.jpg"); }
.linkarea_list .linkarea_sportsgym { background-image: url("../images/img_016.jpg"); }

.linkarea_branch { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px; }
.linkarea_branch > li:first-of-type { width: 100%; margin-bottom: 6px; }
.linkarea_branch > li:first-of-type img { width: 28px; }
.linkarea_branch > li:nth-of-type(n+2) { width: 48.7%; }
.linkarea_branch > li:nth-of-type(n+2) img { width: 44px; }
.linkarea_branch > li a { display: block; position: relative; padding: 15px 0 14px; background-color: #fff; }
.linkarea_branch > li a::before { content: "＞"; display: inline-block; position: absolute; top: calc( 50% - 4px ); right: 12px; width: 12px; height: 12px; font-weight: bold; font-size: 12px; line-height: 12px; color: #392c0d; transition-property: color; transition-duration: 0.3s; }
.linkarea_branch > li a.hover { background-color: #392c0d; }
.linkarea_branch > li a.hover::before { color: #fff; }

/** access **/
.access { padding-top: 60px; background-color: #392c0d; }
.access h2 { width: 100%; max-width: 82px; margin-right: auto; margin-left: auto; }
.access .access_detail { width: 100%; max-width: 640px; margin-right: auto; margin-left: auto; font-size: 1.5rem; color: #fff; }
.access .access_detail > p { margin-top: 25px; text-align: center; }
.access .access_transportation { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; }
.access .access_transportation:first-of-type { margin-top: 25px; }
.access .access_transportation > dt { width: 170px; }
.access .access_transportation > dd { position: relative; width: 470px; padding-left: 20px; }
.access .access_transportation > dd::before { content: ""; display: block; position: absolute; top: 6px; left: 0; width: 1px; height: 14px; background-color: #fff; }
.access .access_transportation > dd .access_note { font-size: 1.2rem; }
.access .access_transportation + figure { width: 100%; max-width: 460px; margin-right: auto; margin-left: auto; margin-top: 50px; }
.access .access_gmaps { width: 100%; margin: 45px auto 0; }

/* footer */
footer[id="footer"] { padding: 28px 0 30px; text-align: center; color: #fff; background-color: #392c0d; }
footer[id="footer"] .footer_address > h2 { font-weight: bold; font-size: 2rem; }
footer[id="footer"] .footer_address > .footer_addresslist { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 980px; margin-right: auto; margin-left: auto; margin-top: 20px; }
footer[id="footer"] .footer_address > .footer_addresslist > li { width: 233px; }
footer[id="footer"] .footer_address figure { width: 100%; max-width: 233px; margin-right: auto; margin-left: auto; margin-top: 10px; }
footer[id="footer"] .footer_address .footer_note { margin-top: 14px; font-size: 1.2rem; }

/* pagetop */
div[id="pagetop"] { display: none; position: fixed; width: 40px; height: 40px; bottom: 20px; right: 20px; }
div[id="pagetop"] a { display: block; width: 100%; height: 100%; font-weight: bold; font-size: 3rem; line-height: 40px; color: #392c0d; background-color: #fff; transform: rotateZ(-90deg); opacity: 0.6; transition: opacity 0.4s ease; }
div[id="pagetop"] a.hover { opacity: 1; }

/* back to top */
.back_to_top { width: 100%; max-width: 980px; margin-right: auto; margin-left: auto; margin-top: 30px; line-height: 1; text-align: left; }
.back_to_top a { display: inline-block; width: 110px; padding: 10px 15px 10px 12px; border: solid 1px #392c0d; border-radius: 10px; background-color: #fff; }
.back_to_top a.hover { background-color: #392c0d; }
.back_to_top a img { width: 80px; }

/** staffarea **/
.staffarea .staffarea_inner { width: 100%; max-width: 980px; margin-right: auto; margin-left: auto; margin-top: 10px; }
.staffarea .staffarea_inner h1 { width: 100%; max-width: 80px; margin-right: auto; margin-left: auto; text-align: center; }
.staffarea .staffarea_jumplist { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 720px; margin-right: auto; margin-left: auto; margin-top: 30px; }
.staffarea .staffarea_jumplist > li { width: 31.54%; }
.staffarea .staffarea_jumplist > li a { display: block; padding: 8px 0; border: solid 1px #392c0d; border-radius: 10px; font-size: 1.6rem; text-align: center; color: #392c0d; background-color: #fff; }
.staffarea .staffarea_jumplist > li a.hover { border-color: #938248; background-color: #938248; color: #fff; }
.staffarea .staff_all { margin: 80px auto 100px; text-align: center; }
.staffarea .staff_all > section + section { margin-top: 45px; }
.staffarea .staff_all h2 { margin-bottom: 10px; font-weight: bold; font-size: 2.6rem; text-align: center; color: #653c05; }
.staffarea .staff_all h3 { font-weight: bold; font-size: 2rem; line-height: 1; text-align: left; color: #653c05; }
.staffarea .staff_all .staff_list { width: 100%; max-width: 890px; margin-right: auto; margin-left: auto; margin-top: 25px; margin-bottom: 5px; }
.staffarea .staff_all .staff_list > li { width: 16.29%; margin-bottom: 45px; }
.staffarea .staff_all .staff_list > li:not(:nth-of-type(5n)) { margin-right: 4.6375%; }
.staffarea .staff_all .staff_list > li .staff_photo { width: 100%; max-width: 145px; margin-right: auto; margin-left: auto; overflow: hidden; }
.staffarea .staff_all .staff_list > li .staff_name { margin-top: 12px; font-weight: bold; color: #653c05; }
.staffarea .staff_all .staff_list > li .staff_comment { margin-top: 5px; font-size: 1.2rem; letter-spacing: 1px; font-feature-settings: "palt"; text-align: center;line-height: 1.4em; }
.staffarea .staff_all .staff_list > li .staff_comment a { color: inherit; text-decoration: underline; }
.staffarea .staff_all .staff_list > li .staff_comment a.hover { text-decoration: none; }

/** faqarea **/
.faqarea .faqarea_inner { width: 100%; max-width: 980px; margin-right: auto; margin-left: auto; margin-top: 10px; }
.faqarea .faqarea_inner h1 { width: 100%; max-width: 48px; margin-right: auto; margin-left: auto; text-align: center; }
.faqarea .faqarea_jumplist { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 800px; margin-right: auto; margin-left: auto; margin-top: 30px; }
.faqarea .faqarea_jumplist > li { width: calc((100% - 20px) / 4); }
.faqarea .faqarea_jumplist > li a { display: block; padding: 8px 0; border: solid 1px #392c0d; border-radius: 10px; font-size: 1.6rem; text-align: center; color: #392c0d; background-color: #fff; }
.faqarea .faqarea_jumplist > li a.hover { border-color: #938248; background-color: #938248; color: #fff; }
@media screen and (max-width: 615px) {
	.faqarea .faqarea_jumplist > li { width: calc((100% - 1px) / 2); margin-bottom: 1px; }
}

/*2021.8追加 ここから*/
.faqarea .faqarea_jumplist > li.lightgreen a {
    display: block;
    padding: 8px 0;
    border: solid 1px #abc83a;
    border-radius: 10px;
    font-size: 1.6rem;
    text-align: center;
    color: #fff;
    background-color: #abc83a;
}
.faqarea .faqarea_jumplist > li.green a {
    display: block;
    padding: 8px 0;
    border: solid 1px #6bbd47;
    border-radius: 10px;
    font-size: 1.6rem;
    text-align: center;
    color: #fff;
    background-color: #6bbd47;
}
.faqarea .faqarea_jumplist > li.lightblue a {
    display: block;
    padding: 8px 0;
    border: solid 1px #57b7df;
    border-radius: 10px;
    font-size: 1.6rem;
    text-align: center;
    color: #fff;
    background-color: #57b7df;
}
.faqarea .faqarea_jumplist > li.purple a {
    display: block;
    padding: 8px 0;
    border: solid 1px #db7093;
    border-radius: 10px;
    font-size: 1.6rem;
    text-align: center;
    color: #fff;
    background-color: #db7093;
}
.faqarea .faqarea_jumplist > li.lightgreen a:hover {
    border: solid 1px #abc83a;
    background-color: #fff;
    color: #abc83a;
}
.faqarea .faqarea_jumplist > li.green a:hover {
    border: solid 1px #6bbd47;
    background-color: #fff;    
    color: #6bbd47;    
}
.faqarea .faqarea_jumplist > li.lightblue a:hover {
    border: solid 1px #57b7df;
    background-color: #fff;    
    color: #57b7df;    
}
.faqarea .faqarea_jumplist > li.purple a:hover {
    border: solid 1px #db7093;
    background-color: #fff;    
    color: #db7093;    
}
/*2021.8追加 ここまで*/

.faqarea .faq_all { margin: 0 auto 60px; }
/*.faqarea .faq_all > section { width: 100%; max-width: 725px; margin-right: auto; margin-left: auto; padding-top: 40px; }*/
.faqarea .faq_all > section + section { border-top: solid 5px #e7e7e8; }
.faqarea .faq_all h2 { margin-bottom: 10px; font-weight: bold; font-size: 2.6rem; text-align: center; color: #653c05; }

/*2021.8追加 ここから*/
.faqarea .faq_all > section#tennis_faq { 
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    border: solid 5px #abc83a;
    border-radius: 20px;
    margin: 40px auto 0;
    padding: 40px 30px 0;
}
.faqarea .faq_all > section#golf_faq { 
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    border: solid 5px #6bbd47;
    border-radius: 20px;
    margin: 40px auto 0;
    padding: 40px 30px 0;
}
.faqarea .faq_all > section#sportsgym_faq { 
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    border: solid 5px #57b7df;
    border-radius: 20px;
    margin: 40px auto 0;
    padding: 40px 30px 0;
}
.faqarea .faq_all > section#facilities_faq { 
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    border: solid 5px #db7093;
    border-radius: 20px;
    margin: 40px auto 0;
    padding: 40px 30px 0;
}
.faqarea .faq_all h2.tennis {
    color: #abc83a;
}
.faqarea .faq_all h2.golf {
    color: #6bbd47;
}
.faqarea .faq_all h2.gym {
    color: #57b7df;
}
.faqarea .faq_all h2.etc {
    color: #db7093;
}
/*2021.8追加 ここまで*/

.faqarea .faq_all h3 { font-weight: bold; font-size: 2rem; line-height: 1; text-align: left; color: #653c05; }
.faqarea .faq_all .faq_list > li { width: 100%; padding: 40px 0; }
.faqarea .faq_all .faq_list > li + li { border-top: solid 5px #e7e7e8; }
.faqarea .faq_all .faq_list > li .faq_question, .faqarea .faq_all .faq_list > li .faq_answer { position: relative; padding-left: 40px; }
.faqarea .faq_all .faq_list > li .faq_question::before, .faqarea .faq_all .faq_list > li .faq_answer::before { content: ""; position: absolute; left: 5px; width: 24px; height: 17px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.faqarea .faq_all .faq_list > li .faq_question { font-weight: bold; font-size: 2rem; color: #653c05; }
.faqarea .faq_all .faq_list > li .faq_question::before { top: 8px; background-image: url("../images/img_011.png"); }
.faqarea .faq_all .faq_list > li .faq_answer { margin-top: 15px; font-size: 1.6rem; }
.faqarea .faq_all .faq_list > li .faq_answer::before { top: 6px; background-image: url("../images/img_012.png"); }
.faqarea .faq_all .faq_list > li .faq_answer a { color: #653c05; text-decoration: underline; }
.faqarea .faq_all .faq_list > li .faq_answer a.hover { text-decoration: none; }
.faqarea .faq_all .faq_list + h3 { padding-top: 20px; border-top: solid 5px #e7e7e8; }

/*********************
media query for tablet
*********************/
@media screen and (max-width: 980px) { /* base setting */
  body { font-size: 1.6rem; line-height: 1.6; }
  /* header */
  .header_nav { border-bottom: solid 5px #938248; }
  .header_nav_list > li { width: 25%; }
  .header_nav_list > li + li::before { top: calc(50% - 8px); height: 16px; }
  .header_nav_list > li a { padding: 15px 10px; }
  /* main */
  #main { padding-top: 60px; }
  /** mv **/
  .mv .index2 h1 { font-size: calc(1.6rem + 1.8vw); }
  /** linkarea **/
  .linkarea { padding: 70px 10px; }
  .linkarea h1 { font-size: 2.6rem; }
  .linkarea h1 + p { margin-top: 16px; }
  .linkarea_list { -ms-flex-pack: distribute; justify-content: space-around; }
  .linkarea_list > li { width: 270px; margin: 0 10px 10px; }
  .linkarea_list > li + li { margin-left: 10px; }
  /** access **/
  .access { padding: 45px 0 0; }
  .access .access_detail { width: 100%; max-width: 480px; margin-right: auto; margin-left: auto; padding: 0 10px; }
  .access .access_transportation { width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; }
  .access .access_transportation + .access_transportation { margin-top: 15px; }
  .access .access_transportation > dt { width: 100%; }
  .access .access_transportation > dd { width: 100%; }
  .access .access_transportation > dd::before { content: none; }
  .access .access_transportation + figure { margin-top: 30px; }
  .access .access_gmaps { margin: 30px auto 0; }
  /* footer */
  footer[id="footer"] { padding: 20px 0 30px; }
  footer[id="footer"] .footer_address { padding: 0 10px; }
  footer[id="footer"] .footer_address > .footer_addresslist { -ms-flex-pack: distribute; justify-content: space-around; }
  footer[id="footer"] .footer_address > .footer_addresslist > li { margin: 0 10px 35px; }
  footer[id="footer"] .footer_address .footer_note { margin-top: 10px; }
  /* back to top */
  .back_to_top { padding: 0 10px; }
  /** staffarea **/
  .staffarea .staffarea_inner { padding: 0 10px; }
  .staffarea .staffarea_jumplist { width: 100%; max-width: 615px; margin-right: auto; margin-left: auto; }
  .staffarea .staffarea_jumplist > li a { font-size: 1.4rem; }
  .staffarea .staff_all { margin: 45px auto 60px; }
  .staffarea .staff_all > section + section { margin-top: 35px; }
  .staffarea .staff_all .staff_list { margin-right: auto; margin-left: auto; }
  .staffarea .staff_all .staff_list > li { margin-bottom: 25px; }
  /** faqarea **/
  .faqarea .faqarea_inner { padding: 0 10px; }
  .faqarea .faqarea_jumplist { width: 100%; max-width: 615px; margin-right: auto; margin-left: auto; }
  .faqarea .faqarea_jumplist > li a { font-size: 1.4rem; }
  .faqarea .faq_all > section { width: 100%; max-width: 725px; margin-right: auto; margin-left: auto; }
  .faqarea .faq_all .faq_list > li { padding: 30px 0; }
  .faqarea .faq_all .faq_list > li .faq_question, .faqarea .faq_all .faq_list > li .faq_answer { padding-left: 35px; }
  .faqarea .faq_all .faq_list > li .faq_question { font-size: 1.8rem; }
  .faqarea .faq_all .faq_list > li .faq_question::before { top: 4px; }
  .faqarea .faq_all .faq_list > li .faq_answer { margin-top: 12px; }
  .faqarea .faq_all .faq_list > li .faq_answer::before { top: 3px; } }
/*********************
media query for Cellular Phone
*********************/
@media screen and (max-width: 880px) { /* main */
  /** staffarea **/
  .staffarea .staff_all .staff_list { -ms-flex-pack: distribute; justify-content: space-around; }
  .staffarea .staff_all .staff_list > li { width: calc(50% - 20px); max-width: 145px; margin-right: 10px; margin-left: 10px; }
  .staffarea .staff_all .staff_list > li:not(:nth-of-type(5n)) { margin-right: 10px; } }
/*********************
media query for Cellular Phone
*********************/
@media screen and (max-width: 480px) { /* base setting */
  .pc, .pci { display: none; }
  .sp { display: block; }
  .spi { display: inline; }
  /* header */
  header[id="header"] { position: fixed; top: 0; left: 0; width: 100%; z-index: 15; transition-property: transform; transition-duration: 0.4s; transform: translateY(-105%); }
  header[id="header"].active { transform: translateY(0); }
  .header_nav { position: relative; top: auto; left: auto; padding-top: 45px; }
  .header_nav_list > li { width: 100%; height: 55px; }
  .header_nav_list > li + li::before { left: 0; top: 0; width: 100%; height: 1px; }
  .header_nav_list > li a { padding: 15px 40px; }
  /* main */
  #main { padding-top: 45px; }
  /** main visual **/
  .mv { /*** Slick Slider Setting ***/ }
  .mv .index2 h1 { width: 100%; margin: 0 auto;}
  .mv .slick-dots { bottom: -20px; }
  /** linkarea **/
  .linkarea { padding: 45px 10px 50px; }
  .linkarea h1 { font-size: 2.4rem; }
  .linkarea h1 + p { margin-top: 12px; }
  .linkarea_list { margin-top: 30px; }
  .linkarea_list > li { width: 100%; margin-right: auto; margin-left: auto; }
  .linkarea_list > li + li { margin-left: auto; }
  .linkarea_list > li h2 { margin-top: 40px; font-size: 1.8rem; }
  /** access **/
  .access .access_detail > p { margin-top: 20px; }
  .access .access_transportation:first-of-type { margin-top: 15px; }
  /* footer */
  footer[id="footer"] .footer_address > h2 { font-size: 1.8rem; }
  footer[id="footer"] .footer_address .footer_addresslist > li h3 { font-size: 1.5rem; }
  /* back to top */
  .back_to_top { padding-top: 40px; margin-top: 0; }
  /** staffarea **/
  .staffarea .staffarea_jumplist { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 25px; }
  .staffarea .staffarea_jumplist > li { width: 100%; max-width: 195px; margin-right: auto; margin-left: auto; }
  .staffarea .staffarea_jumplist > li + li { margin-top: 10px; }
  .staffarea .staffarea_jumplist > li a { padding: 6px 0; }
  .staffarea .staff_all { margin-bottom: 0; }
  .staffarea .staff_all h2 { font-size: 2rem; }
  .staffarea .staff_all h3 { font-size: 1.7rem; }
  .staffarea .staff_all .staff_list { margin-top: 20px; margin-bottom: 35px; }
  .staffarea .staff_all .staff_list > li { width: calc(50% - 10px); max-width: 145px; margin-right: 5px; margin-left: 5px; }
  .staffarea .staff_all .staff_list > li:not(:nth-of-type(5n)) { margin-right: 5px; }
  /** faqarea **/
  .faqarea .faqarea_jumplist { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 25px; }
  .faqarea .faqarea_jumplist > li { width: 100%; max-width: 195px; margin-right: auto; margin-left: auto; }
  .faqarea .faqarea_jumplist > li + li { margin-top: 10px; }
  .faqarea .faq_all h2 { font-size: 2rem; }
  .faqarea .faq_all h3 { font-size: 1.7rem; }
  .faqarea .faq_all .faq_list > li .faq_question, .faqarea .faq_all .faq_list > li .faq_answer { padding-left: 30px; }
  .faqarea .faq_all .faq_list > li .faq_question::before, .faqarea .faq_all .faq_list > li .faq_answer::before { left: 2px; }
  .faqarea .faq_all .faq_list > li .faq_answer { font-size: 1.5rem; } }