@charset "UTF-8";
/* contents---------------
	 1.base style
	 2.module
	 3.contents
------------ */
/*----- base style -----*/
@media all and (-ms-high-contrast: none) {
  main, section {
    display: block;
  }
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.sp_disp {
  display: none !important;
}

@media screen and (max-width: 750px) {
  .sp_disp {
    display: block !important;
  }
  br.sp_disp, img.sp_disp, span.sp_disp, a.sp_disp {
    display: inline !important;
  }
  .pc_disp {
    display: none;
  }
  sup {
    font-size: 9px;
  }
  h1, h2, h3, h4, div, p, li, span, i, b {
    max-height: 100%;
  }
}

/*----- module -----*/
/* ----------------------------
 section
------------------------------*/
.section {
  position: relative;
}

.section > .inner {
  margin-left: auto;
  margin-right: auto;
  padding: 0 25px;
  max-width: 1200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section.fluid > .inner {
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.section .basic_btn {
  text-decoration: none;
  padding: 0 10px;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.section .basic_btn img {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.section .basic_btn::before {
  display: none;
}

.section .basic_btn:hover img {
  -webkit-transform: translate(1px, 1px);
  -ms-transform: translate(1px, 1px);
  transform: translate(1px, 1px);
}

.section .basic_btn.no_shadow {
  overflow: visible;
}

@media screen and (max-width: 1200px) {
  .section > .inner {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .section header {
    text-align: center;
  }
  .section header .title {
    margin: 0 auto;
  }
}

@media screen and (max-width: 750px) {
  .section .basic_btn {
    padding: 0;
  }
  .section .basic_btn:hover img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .section .basic_btn.no_shadow {
    overflow: visible;
  }
}

/*----- contents -----*/
/* ------------------------------------------------
 timetable
------------------------------------------------ */
#kuma_timetable {
  background: url(../img/timetable_bg.jpg) 50% 0 repeat;
  padding-top: 106px;
  padding-bottom: 74px;
}

#kuma_timetable::before, #kuma_timetable::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#kuma_timetable::before {
  background: url(../img/timetable_bg_green.jpg) 50% 0 repeat-x;
  padding-top: 30px;
  height: 0;
}

#kuma_timetable::after {
  background: url(../img/timetable_ornaments_top.png) 50% 0 no-repeat;
  margin-top: 75px;
  height: 100%;
  pointer-events: none;
}

#kuma_timetable > .inner {
  overflow: visible;
}

#kuma_timetable .header {
  text-align: center;
  margin: 0 auto;
}

#kuma_timetable .title {
  text-align: center;
  margin: 2% auto 0;
}

#kuma_timetable .timeline {
  padding-top: 2456px;
  position: relative;
  height: 0;
  overflow: visible;
}

#kuma_timetable .timeline::before {
  content: "";
  background: url(../img/timetable_film.svg) 50% 0 repeat-y;
  background-size: 34px auto;
  padding-top: 1780px;
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
}

#kuma_timetable .timeline .item {
  position: absolute;
  top: 0;
}

#kuma_timetable .timeline .item .basic_btn {
  position: absolute;
  left: 0;
  top: 0;
}

#kuma_timetable .timeline .item.mc {
  margin-top: 38px;
  margin-left: 105px;
  left: 0;
}

#kuma_timetable .timeline .item.r {
  margin-left: -32px;
  width: 587px;
  left: 50%;
}

#kuma_timetable .timeline .item.l {
  margin-right: -32px;
  width: 587px;
  right: 50%;
}

#kuma_timetable .timeline .item.p1 {
  margin-top: 56px;
  width: 623px;
}

#kuma_timetable .timeline .item.p1 .basic_btn {
  margin-top: 87.31942%;
  margin-left: 15.73034%;
  width: 70.78652%;
}

#kuma_timetable .timeline .item.p2 {
  margin-top: 236px;
}

#kuma_timetable .timeline .item.p3 {
  margin-top: 732px;
  width: 608px;
}

#kuma_timetable .timeline .item.p4 {
  margin-top: 905px;
}

#kuma_timetable .timeline .item.p5 {
  margin-top: 1230px;
  width: 655px;
}

#kuma_timetable .timeline .item.p5 .basic_btn {
  margin-top: 55.87786%;
  margin-left: 14.96183%;
  width: 67.32824%;
}

#kuma_timetable .timeline .item.p6 {
  margin-top: 1540px;
  width: 631px;
}

#kuma_timetable .timeline .item.p7 {
  margin-top: 1755px;
}

#kuma_timetable .timeline .item.p8 {
  margin-top: 2175px;
  margin-left: 25px;
  width: 1100px;
}

#kuma_timetable .timeline .item.ph {
  margin-top: 1996px;
  margin-left: -304px;
  width: 627px;
  left: 50%;
}

#kuma_timetable .timeline .item.note {
  color: #e93414;
  font-size: .9333em;
  text-align: right;
  width: 100%;
  left: 0;
  top: .5em;
}

#kuma_timetable aside .link {
  text-align: center;
  margin-top: 44px;
}

@media screen and (max-width: 1250px) {
  #kuma_timetable > .inner {
    overflow: hidden;
  }
}

@media screen and (max-width: 1200px) {
  #kuma_timetable {
    background-size: 195% auto;
    padding-top: 8.83333%;
    padding-bottom: 6.16667%;
  }
  #kuma_timetable > .inner {
    overflow: hidden;
  }
  #kuma_timetable::before {
    background-size: auto 100%;
    padding-top: 2.5%;
  }
  #kuma_timetable::after {
    background-size: 117.5% auto;
  }
  #kuma_timetable .header {
    width: 68.25%;
  }
  #kuma_timetable .title {
    width: 95.83333%;
  }
  #kuma_timetable .timeline {
    padding-top: 204.66667%;
  }
  #kuma_timetable .timeline::before {
    background-size: 2.83333% auto;
    padding-top: 148.33333%;
  }
  #kuma_timetable .timeline .item.mc {
    margin-top: 3.16667%;
    margin-left: 8.75%;
    width: 27.33333%;
  }
  #kuma_timetable .timeline .item.r {
    margin-left: -2.66667%;
    width: 48.91667%;
  }
  #kuma_timetable .timeline .item.l {
    margin-right: -2.66667%;
    width: 48.91667%;
    right: 50%;
  }
  #kuma_timetable .timeline .item.p1 {
    margin-top: 4.66667%;
    width: 51.91667%;
  }
  #kuma_timetable .timeline .item.p2 {
    margin-top: 19.66667%;
    width: 48.91667%;
  }
  #kuma_timetable .timeline .item.p3 {
    margin-top: 61%;
    width: 50.66667%;
  }
  #kuma_timetable .timeline .item.p4 {
    margin-top: 75.41667%;
  }
  #kuma_timetable .timeline .item.p5 {
    margin-top: 102.5%;
    width: 54.58333%;
  }
  #kuma_timetable .timeline .item.p6 {
    margin-top: 128.33333%;
    width: 52.58333%;
  }
  #kuma_timetable .timeline .item.p7 {
    margin-top: 146.25%;
  }
  #kuma_timetable .timeline .item.p8 {
    margin-top: 181.25%;
    margin-left: 4.16667%;
    width: 91.66667%;
  }
  #kuma_timetable .timeline .item.ph {
    margin-top: 166.33333%;
    margin-left: -25.33333%;
    width: 52.25%;
  }
  #kuma_timetable .timeline .item.note {
    font-size: .75em;
    width: 95.83333%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #kuma_timetable aside .link {
    margin-top: 3.82609%;
  }
}

@media screen and (max-width: 750px) {
  #kuma_timetable {
    background-image: url(../img/sp/timetable_bg.jpg);
    background-size: 100% auto;
    padding-top: 12.53333%;
    padding-bottom: 9.33333%;
  }
  #kuma_timetable > .inner {
    overflow: hidden;
  }
  #kuma_timetable::before {
    background-image: url(../img/sp/timetable_bg_green.jpg);
    padding-top: 5.33333%;
  }
  #kuma_timetable::after {
    background-image: url(../img/sp/timetable_ornaments_top.png);
    background-size: 100% auto;
    margin-top: 103.6%;
  }
  #kuma_timetable .header {
    width: 96%;
  }
  #kuma_timetable .title {
    margin-top: 3.2%;
    width: 100%;
  }
  #kuma_timetable .timeline {
    padding-top: 0;
    height: auto;
  }
  #kuma_timetable .timeline::before {
    background-size: 100% auto;
    margin-left: 6.93333%;
    padding-top: 289.06667%;
    width: 6.66667%;
  }
  #kuma_timetable .timeline .item {
    position: relative;
    left: 0;
    top: 0;
  }
  #kuma_timetable .timeline .item.mc {
    margin-top: 4%;
    margin-left: 22.66667%;
    width: 57.33333%;
  }
  #kuma_timetable .timeline .item.r, #kuma_timetable .timeline .item.l {
    margin-top: 4% !important;
    margin-left: 4.66667%;
    margin-right: 0;
    width: 87.46667% !important;
    left: 0;
    right: initial;
  }
  #kuma_timetable .timeline .item .btn_modal_open {
    margin-left: 44.81707%;
    margin-bottom: 4.26829%;
    width: 24.69512%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #kuma_timetable .timeline .item .btn_modal_open img {
    display: block;
  }
  #kuma_timetable .timeline .item.p1 {
    margin-top: 2.13333% !important;
  }
  #kuma_timetable .timeline .item.p8 {
    margin-top: 2.4%;
    margin-left: 4.66667%;
    width: 90.66667%;
  }
  #kuma_timetable .timeline .item.ph {
    margin-top: 3.73333%;
    margin-left: 6.66667%;
    width: 88%;
    left: 0;
  }
  #kuma_timetable .timeline .item.note {
    font-size: 2.66667vw;
    text-align: center;
    margin-left: 1em;
    width: 100%;
  }
  #kuma_timetable aside .link {
    margin: 6.66667% auto 0;
    width: 90.66667%;
  }
}

/* ------------------------------------------------
 lity
------------------------------------------------ */
body.birthday2020 .lity-close {
  display: none;
}

body.birthday2020 .lity-content::after {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.timetable_modal > .inner {
  position: relative;
}

.timetable_modal .link {
  position: absolute;
  left: 0;
  top: 0;
}

.timetable_modal .btn_modal_close {
  text-align: left;
  border-width: 0;
  background: transparent url(../img/sp/timetable_btn_close.png) 50% 0 no-repeat;
  background-size: auto 100%;
  margin-left: 45.6%;
  margin-bottom: 10.13333%;
  padding: 0;
  padding-top: 3.73333%;
  width: 18.66667%;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  outline: none;
  cursor: pointer;
}

#timetable_p1_modal .link {
  margin-top: 116.53333%;
  margin-left: 21.06667%;
  width: 66.93333%;
}

#timetable_p2_modal .btn_modal_close {
  margin-bottom: 28.8%;
}

#timetable_p5_modal .link {
  margin-top: 86.13333%;
  margin-left: 21.33333%;
  width: 66.93333%;
}

#timetable_p5_modal .link .btn_link::before {
  display: none;
}

#timetable_p5_modal .btn_modal_close {
  margin-bottom: 10.4%;
}

#timetable_p6_modal .btn_modal_close {
  margin-bottom: 10.66667%;
}

#timetable_p7_modal .btn_modal_close {
  margin-bottom: 24.53333%;
}

#mainContents {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  background: url(../img/bg.jpg) 50% 0 repeat;
}

@media screen and (max-width: 1200px) {
  #mainContents {
    background-size: 158.33333% auto;
  }
}

/* ------------------------------------------------
 #kuma_end
------------------------------------------------ */
#kuma_end {
  text-align: center;
  background: url(../img/end_message_bg.jpg) 50% 0 repeat;
  padding: 35px 0;
}

#kuma_end > .inner {
  margin: 0 auto;
  width: 1103px;
}

@media screen and (max-width: 1200px) {
  #kuma_end {
    padding: 2.91667% 0;
  }
  #kuma_end > .inner {
    width: 91.91667%;
  }
}

@media screen and (max-width: 750px) {
  #kuma_end {
    padding: 0;
  }
  #kuma_end > .inner {
    width: 100%;
  }
}

/* ------------------------------------------------
 KV
------------------------------------------------ */
#kuma_kv {
  background: url(../img/kv_bg.jpg) 50% 0 no-repeat;
  background-size: auto 100%;
}

#kuma_kv .img {
  margin: 0 auto;
  width: 1120px;
}

@media screen and (max-width: 1200px) {
  #kuma_kv .img {
    width: 93.33333%;
  }
}

@media screen and (max-width: 750px) {
  #kuma_kv {
    background-image: none;
    height: auto;
  }
  #kuma_kv .img {
    width: 100%;
  }
}

/* ------------------------------------------------
 date
------------------------------------------------ */
#kuma_date {
  background: url(../img/date_bg.jpg) 50% 0 repeat;
  padding-top: 35px;
  padding-bottom: 38px;
}

#kuma_date > .inner {
  text-align: center;
}

#kuma_date .link {
  margin-top: 15px;
}

@media screen and (max-width: 1200px) {
  #kuma_date {
    background-size: 158.33333% auto;
    padding-top: 2.91667%;
    padding-bottom: 3.16667%;
  }
  #kuma_date .img {
    margin: 0 auto;
    width: 74.91667%;
  }
  #kuma_date .link {
    margin: 1.25% auto 0;
    width: 45.83333%;
  }
}

@media screen and (max-width: 750px) {
  #kuma_date {
    background-image: url(../img/sp/date_bg.jpg);
    background-size: 100% auto;
    padding-top: 4%;
    padding-bottom: 4%;
  }
  #kuma_date .img {
    margin: 0 auto;
    width: 81.73333%;
  }
  #kuma_date .link {
    margin: 2% auto 0;
    width: 85.33333%;
  }
}

/* ------------------------------------------------
 present
------------------------------------------------ */
#kuma_present {
  background: url(../img/present_bg_green.jpg) 50% 0 repeat;
  padding-top: 72px;
  padding-bottom: 72px;
}

#kuma_present::before, #kuma_present::after {
  content: "";
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding-top: 160px;
  width: 650px;
  height: 0;
  position: absolute;
  top: 0;
  z-index: 2;
}

#kuma_present::before {
  background-image: url(../img/present_lantern_l.png);
  left: 0;
}

#kuma_present::after {
  background-image: url(../img/present_lantern_r.png);
  background-position: 100% 0;
  right: 0;
}

#kuma_present .body {
  border-radius: 15px;
  margin: 0 auto;
  width: 1100px;
  overflow: hidden;
  position: relative;
}

#kuma_present .body img {
  vertical-align: top;
}

#kuma_present .body .kiyaku {
  border-radius: 8px;
  background-color: #fff;
  margin-bottom: 45px;
  padding: 6px;
  width: 980px;
  height: 160px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#kuma_present .body .kiyaku .txt {
  color: #552b01;
  font-size: 14px;
  padding: 15px 20px;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  scrollbar-color: rgba(197, 174, 81, 0.5) rgba(245, 240, 218, 0.5);
  scrollbar-width: thin;
}

#kuma_present .body .kiyaku .txt .heading {
  font-size: 107.14286%;
  margin-bottom: .5em;
}

#kuma_present .body .kiyaku .txt .heading:not(:first-child) {
  margin-top: 1.5em;
}

#kuma_present .body .kiyaku .txt::-webkit-scrollbar {
  width: 10px;
}

#kuma_present .body .kiyaku .txt::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(245, 240, 218, 0.5);
}

#kuma_present .body .kiyaku .txt::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(197, 174, 81, 0.5);
}

#kuma_present .body .kiyaku .txt .list li {
  text-indent: -1em;
  padding-left: 1em;
}

#kuma_present .body .kiyaku .txt .list li::before {
  content: "・";
  text-indent: 0;
  width: 1em;
  display: inline-block;
}

#kuma_present .body .kiyaku .txt .list li + li {
  margin-top: .25em;
}

#kuma_present .body .kiyaku .txt p + .list {
  margin-top: .25em;
}

@media screen and (max-width: 1300px) {
  #kuma_present::before, #kuma_present::after {
    width: 50%;
  }
}

@media screen and (max-width: 1200px) {
  #kuma_present {
    padding-top: 6%;
    padding-bottom: 6%;
  }
  #kuma_present::before, #kuma_present::after {
    padding-top: 13.33333%;
  }
  #kuma_present .body {
    width: 91.66667%;
    border-radius: 1.36364%;
  }
  #kuma_present .body .kiyaku {
    margin-bottom: 4.09091%;
    padding: 0.54545%;
    width: 89.09091%;
    height: 13.33333vw;
  }
  #kuma_present .body .kiyaku .txt {
    font-size: 1.16667vw;
    padding: 1.53061% 2.04082%;
  }
}

@media screen and (max-width: 750px) {
  #kuma_present {
    background-image: none;
    padding: 0;
  }
  #kuma_present::before, #kuma_present::after {
    display: none;
  }
  #kuma_present .body {
    border-radius: 0;
    margin: 0 auto;
    width: 100%;
  }
  #kuma_present .body .kiyaku {
    border-radius: 2.13333%;
    margin-bottom: 15.33333%;
    padding: 1.33333%;
    width: 81.33333%;
    height: 33.33333vw;
  }
  #kuma_present .body .kiyaku .txt {
    font-size: 2.66667vw;
    padding: 2.62295% 3.27869%;
  }
  #kuma_present .body .kiyaku .txt::-webkit-scrollbar {
    width: 1.63934%;
  }
}

/* ------------------------------------------------
 message
------------------------------------------------ */
#kuma_message {
  padding-top: 32px;
  padding-bottom: 40px;
  overflow: hidden;
}

#kuma_message::before {
  content: "";
  background: url(../img/message_bg.svg) 50% 0 repeat;
  width: calc(100% + 36px);
  height: 100%;
  position: absolute;
  left: -36px;
  top: 0;
  mix-blend-mode: color-burn;
}

#kuma_message > .inner {
  position: relative;
  z-index: 1;
}

#kuma_message .step {
  background-color: #fff;
  position: relative;
}

#kuma_message .step .img {
  margin: 0 auto;
  width: 89.73913%;
}

#kuma_message .step .basic_btn {
  position: absolute;
  top: 0;
}

#kuma_message .step .basic_btn.twitter {
  margin-top: 19.30435%;
  width: 22.6087%;
  left: 7.82609%;
}

#kuma_message .step .basic_btn.follow {
  margin-top: 35.47826%;
  width: 19.13043%;
  left: 9.56522%;
}

#kuma_message .step .basic_btn.tweet {
  margin-top: 25.65217%;
  width: 22.6087%;
  left: 37.82609%;
}

#kuma_message .step .note {
  color: #552b01;
  font-size: 14px;
  margin: 1em auto 0;
  width: 89.73913%;
}

#kuma_message .step .note a {
  color: #0092c8;
}

#kuma_message .step .note li {
  text-indent: -1em;
  padding-left: 1em;
}

#kuma_message .footer {
  position: relative;
}

#kuma_message .footer .basic_btn {
  margin-top: 1.73913%;
  width: 73.91304%;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media all and (-ms-high-contrast: none) {
  #kuma_message::before {
    background-image: url(../img/message_bg.png);
  }
}

@media screen and (max-width: 1200px) {
  #kuma_message::before {
    background-size: 6% auto;
  }
  #kuma_message > .inner {
    width: 95.83333%;
  }
  #kuma_message .step .note {
    font-size: 1.16667vw;
  }
}

@media screen and (max-width: 750px) {
  #kuma_message {
    background-color: #fff;
    background-image: none;
    padding: 0;
  }
  #kuma_message > .inner {
    width: 100%;
  }
  #kuma_message .step {
    margin: 0 auto;
    width: 90.66667%;
  }
  #kuma_message .step .img {
    width: 100%;
  }
  #kuma_message .step .basic_btn.twitter {
    width: 73.52941%;
    margin-top: 26.47059%;
    left: 19.11765%;
  }
  #kuma_message .step .basic_btn.follow {
    width: 58.82353%;
    margin-top: 57.64706%;
    left: 26.47059%;
  }
  #kuma_message .step .basic_btn.tweet {
    width: 73.52941%;
    margin-top: 122.35294%;
    left: 19.11765%;
  }
  #kuma_message .step .note {
    font-size: 2.66667vw;
    margin: 1em .5em 0;
    width: auto;
  }
  #kuma_message .footer {
    padding-top: 4.26667%;
    position: relative;
  }
  #kuma_message .footer .basic_btn {
    margin: 0 auto 7.2%;
    width: 90.66667%;
    display: block;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

/* ------------------------------------------------
 office
------------------------------------------------ */
#kuma_office {
  padding-top: 60px;
  padding-bottom: 66px;
}

#kuma_office .body {
  background: url(../img/office_frame.png) no-repeat;
  margin: 0 auto;
  padding-top: 170px;
  width: 1100px;
  position: relative;
}

#kuma_office .body .contacts {
  margin-top: 85px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  position: absolute;
  left: 0;
  top: 0;
}

#kuma_office .body .contacts img {
  display: block;
}

#kuma_office .body .contacts .email {
  margin-left: 45px;
}

#kuma_office .body .contacts .email a {
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

#kuma_office .body .contacts .email a:hover {
  opacity: .8;
}

#kuma_office .body .contacts .tel.num {
  margin-left: 80px;
}

#kuma_office .body .contacts .tel.txt {
  margin-left: 24px;
  margin-right: 44px;
}

#kuma_office .body .note {
  margin-top: 42px;
}

@media screen and (max-width: 1200px) {
  #kuma_office {
    padding-top: 5%;
    padding-bottom: 5.5%;
  }
  #kuma_office .body {
    background-size: contain;
    padding-top: 14.16667%;
    width: 91.66667%;
  }
  #kuma_office .body .contacts {
    margin-top: 7.72727%;
  }
  #kuma_office .body .contacts .email {
    margin-left: 4%;
    width: 30.27273%;
  }
  #kuma_office .body .contacts .tel.num {
    margin-left: 7.72727%;
    width: 16.27273%;
  }
  #kuma_office .body .contacts .tel.txt {
    margin-left: 2.18182%;
    margin-right: 4%;
    width: 35.54545%;
  }
  #kuma_office .body .note {
    margin-top: 3.81818%;
  }
}

@media screen and (max-width: 750px) {
  #kuma_office {
    padding-top: 8%;
    padding-bottom: 9.33333%;
  }
  #kuma_office .body {
    background-image: url(../img/sp/office_frame.png);
    padding-top: 42%;
    width: 90.66667%;
    position: relative;
  }
  #kuma_office .body .contacts {
    margin-top: 12.5%;
    display: block;
  }
  #kuma_office .body .contacts .email {
    margin: 0 auto;
    width: 70.29412%;
  }
  #kuma_office .body .contacts .email a {
    opacity: 1 !important;
  }
  #kuma_office .body .contacts .tel.num {
    margin: 6.61765% auto 0;
    width: 37.94118%;
  }
  #kuma_office .body .contacts .tel.txt {
    margin: 3.23529% auto 0;
    width: 84.55882%;
  }
  #kuma_office .body .note {
    margin-top: 5.88235%;
  }
}

/* ------------------------------------------------
 sns
------------------------------------------------ */
#kuma_sns {
  text-align: center;
  background-color: #fff;
  padding-top: 32px;
  padding-bottom: 52px;
}

#kuma_sns .sns {
  display: inline-block;
  position: relative;
}

#kuma_sns .sns .link {
  text-align: left;
  letter-spacing: -.4em;
  margin-top: 4.86486%;
  width: 35.13514%;
  position: absolute;
  left: 64.86486%;
  top: 0;
}

#kuma_sns .sns .link a {
  letter-spacing: normal;
  padding: 0;
  width: 19.23077%;
  display: inline-block;
}

#kuma_sns .sns .link a + a {
  margin-left: 12.30769%;
}

@media screen and (max-width: 750px) {
  #kuma_sns {
    padding-top: 3.46667%;
    padding-bottom: 13.33333%;
  }
  #kuma_sns .sns {
    margin: 0 6%;
  }
  #kuma_sns .sns .link {
    text-align: center;
    margin-top: 24.24242%;
    width: 100%;
    left: 0;
    top: 0;
  }
  #kuma_sns .sns .link a {
    letter-spacing: normal;
    padding: 0;
    width: 15.15152%;
    display: inline-block;
  }
  #kuma_sns .sns .link a + a {
    margin-left: 9.69697%;
  }
}