:root {
  /* --main-color: #545527;
  --hover-color: #b4a858; */
  --main-color: #1C2952;
  --sub-color: #F5F9FF;
  --hover-color: #32457D;
}
/*====================================
	Reset
====================================*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
div, a, li, span, textarea, input{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input[type="text"], input[type="password"],textarea,button{ outline: none; vertical-align:middle;}
input[type="text"], input[type="password"],textarea{border: 1px solid #ccc;}

/*====================================
	font
====================================*/
html{
	font-size: 62.5%;
}
body, textarea, input, select, label{
	font-size: 16px;
	line-height: 1.6;
  font-family: times-new-roman, yu-mincho-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*====================================
	base
====================================*/
a {
    text-decoration: none;
    transition: all .2s;        
    color: #000;
}
a:hover {
    opacity: .7;
}
img {
    vertical-align: middle;
    object-fit: cover;
}
table {
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
}
ul {
    list-style: none;
}
p, span {
    letter-spacing: 0;
}

.sp-view {
    display: none;
}

.wrap {
    max-width: 1150px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* post_content */
.post_content {
    word-wrap: break-word;
}
  .post_content img {
    height: auto;
    max-width: 100%;
  }

/* inview */
.inview {
  opacity: 0;
  position: relative;
  top: 40px;
  transition: all 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, opacity 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}
  .inview.animate {
    opacity: 1;
    top: 0;
  }

/* cb_free_space */
.cb_free_space .inview.animate {
    opacity: 1;
    top: 0;
}
  .cb_free_space .inview {
      opacity: 0;
      position: relative;
      top: 40px;
      -webkit-transition: all 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, opacity 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
      transition: all 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, opacity 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
  }

/* cb_content_header */
.cb_content_header {
    text-align: center;
    margin: 0 0 60px 0;
}
  .common_headline {
      font-size: 42px ;
      font-weight: 400;
      line-height: 1.5;
  }
    .cb_content_header .desc {
      margin: 15px 0 0 0;
    }
    .cb_content_header p {
      line-height: 2.4;
    }

/* common_headline */
.common_headline {
  font-size: 42px;
  font-weight: 500;
}

/* ended-badge */
.ended-badge {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.45);
  color: #fff;
  font-weight: 700;
  letter-spacing: .12em;
  text-align: center;
  pointer-events: none;
  font-size: 24px;
  z-index: 2;
}

.item.is-ended .image {
  filter: grayscale(.1) brightness(.85);
}


/* btn */
.btn {
    margin: 120px auto 0;
    width: 300px;
    text-align: center;
    display: flex;
    justify-content: center;
}
  .btn a {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: var(--main-color);
    cursor: pointer;
    overflow: hidden;
  }
  .btn .shinyb {
    background-color: #b4a858;
  }
  .btn .shinyb:hover {
    opacity: 1;
    color: #fff;
  }
  .shinyb::after {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 60px;
    height: 60px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
  }
  @keyframes shiny {
      0% {
          transform: scale(0) rotate(25deg);
          opacity: 0;
      }
      50% {
          transform: scale(1) rotate(25deg);
          opacity: 1;
      }
      100% {
          transform: scale(50) rotate(25deg);
          opacity: 0;
      }
  }

/* pagetop */
#pagetop {
    position: fixed;
    z-index: 10;
    bottom: 3.5rem;
    right: 4rem;
    width: 14rem;
    height: 20rem;
    cursor: pointer;
}
    #pagetop img {
        width: 100%;
    }

/*====================================
	header
====================================*/
#header {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: rgba(255, 255, 255, 0.7);
}
#header.active,
#header:hover {
  background: rgba(255, 255, 255, 1);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px;
}
    #header #header_area {
      height: 100%;
      padding-left: 30px;
      padding-right: 30px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
        #header #header_area h1 a {
            display: block;
            width: 250px;
        }
          #header #header_area h1 a img{
              /* width: 100%; */
              width: 90%;
              max-width: 100%;
          }
    #header #global_menu {
        position: relative;
        height: 100%;
    }
        #header nav ul {
            display: flex;
            align-items: center;
            height: 100%;
        }
         #header nav ul li {
          display: block;
          height: 100%;
         }
            #header nav ul li a {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0 20px;
                font-size: 14px;
                height: 100%;
            }
                #header nav ul li a:hover {
                    opacity: .7;
                }

            #global_menu .menu > .menu-item-has-children {
              position: relative;
            }
              #global_menu .menu .sub-menu {
                position: absolute;
                top: 80px;
                left: 0;
                min-width: 230px;
                background: var(--main-color);
                opacity: 0;
                visibility: hidden;
                overflow: hidden;
                max-height: 0;
                transform: translateY(-0);
                transition: max-height 0.8s ease, opacity 0.6s ease, transform 0.6s ease;

                pointer-events: none;
                z-index: 999;
                display: block;
                height: auto;
              }
                #global_menu .menu > .menu-item-has-children:hover > .sub-menu,
                #global_menu .menu > .menu-item-has-children:focus-within > .sub-menu {
                  opacity: 1;
                  visibility: visible;
                  transform: translateY(0);
                  pointer-events: auto;
                  max-height: 1000px;
                }
                  #global_menu .menu .sub-menu .menu-item a {
                    display: block;
                    padding: 12px 20px;
                    color: #fff;
                    text-decoration: none;
                  }

                  #global_menu .menu .sub-menu .menu-item a:hover {
                    background: var(--hover-color);
                  }

    #js-megamenu6542 {
      position: absolute;
      left: 0; right: 0; top: 100%;
      background: var(--sub-color);
      opacity: 0;
      visibility: hidden;
      transform: translateY(0);
      transition: opacity .35s ease, transform .35s ease, visibility 0s linear .35s;
      pointer-events: none;
      z-index: 1000;
    }
    header:has(#global_menu .menu-item-has-mega:hover) #js-megamenu6542,
    header:has(#js-megamenu6542:hover) #js-megamenu6542 { 
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      transition: opacity .35s ease, transform .35s ease, visibility 0s;
      pointer-events: auto;
    }

    #js-megamenu6542 .megamenu_inner {
      padding: 30px 0;
    }


    #global_menu_button {
        display: none;
    }


    /* megamenu */
    .megamenu_a .item {
      position: relative;
      height: 330px;
    }
    .megamenu_a .image_wrap {
      display: block;
      width: 100%;
      height: 180px;
      position: relative;
      z-index: 1;
      overflow: hidden;
    }
    .megamenu_a .image {
      width: 100%;
      height: 100% !important;
      display: block;
      overflow: hidden;
      position: relative;
      z-index: 2;
    }
    .megamenu_a .title_area {
      height: 100px;
      background: #fff;
      border-left: 1px solid #ddd;
      padding: 18px 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .megamenu_a .title {
      color: #000;
      font-size: 14px;
      line-height: 1.5;
      max-height: 4.5em;
      word-break: break-all;
      overflow: hidden;
      -webkit-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease;
    }
    .megamenu_a .title span {
      display: -webkit-inline-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }
    .megamenu_a .category {
      font-size: 14px;
      color: #fff;
      background: var(--main-color);
      height: 50px;
      line-height: 50px;
      padding: 0 20px;
      display: block;
      border-right: 1px solid rgba(0, 0, 0, 0.2);
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }


/*====================================
	container
====================================*/
#container {
  position: relative;
  height: 100%;
  overflow: hidden;
}


/*====================================
	footer
====================================*/
.contact_area {
  width: 100%;
  background: var(--main-color);
}
  .contact_box {
    max-width: 1200px;
    padding: 30px 0;
    box-sizing: border-box;
    display: flex;
    margin: 50px auto;
    color: #fff;
    justify-content: space-between;
  }
  .contact_box a:hover {
    color: var(--hover-color);
  }
  .contact_box .tabl {
    display: none;
  }
  .common_headline {
      font-size: 42px;
      font-weight: 400;
      line-height: 1;
    }
      .common_headline span {
        font-size: 14px;
        padding-left: 20px;
      }
  .shiryoseikyu p {
    padding: 30px 10px 20px 5px;
    line-height: 1.5;
    font-size: 14px;
  }
  .shiryoseikyu img {
    width: 90%;
    margin: auto;
    display: block;
  }
    .gentei {
      font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
      font-weight: bold;
      display: inline-block;
      padding: 3px 10px;
      background: #db7400;
      color: #fff;
    }
  .contact_left {
    /* margin-right: 50px; */
    width: 31%;
    padding: 50px 0 10px 10px;
  }
    .contact_left p {
      padding: 30px 0;
      line-height: 1.5;
    }
    .contact_left p.yu-go {
      padding: 0;
    }
    .contact_left h4 {
      font-size: 36px;
      font-weight: normal;
    }

  .contact_center {
    width: 30%;
    background: #fff;
    padding: 20px 20px 10px 20px;
    box-sizing: border-box;
    color: #000;
    /* margin-right: 40px; */
  }
  .contact_right {
    width: 30%;
    background: #fff;
    padding: 20px 20px 10px 20px;
    box-sizing: border-box;
    color: #000;
  }

.banner_area {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 0;
  max-width: 1200px;
  margin: 0 auto;
  gap: 20px 40px;
}
  .banner_set {
    width: 350px;
  }
  .banner_set a {
    display: block;
  }
  .banner_set a img {
    width: 100%;
  }

#footer_top {
  text-align: center;
  padding: 70px 0 65px;
}
  #footer_logo .logo {
    line-height: 1;
    margin: 0;
    padding: 0;
    font-weight: 500;
    display: block;
  }
    #footer_logo img {
      height: auto;
      display: block;
      margin: auto;
      -webkit-transition: opacity 0.35s ease-in-out;
      transition: opacity 0.35s ease-in-out;
    }
  #footer_info {
    line-height: 2;
    margin-top: 20px;
  }
  #footer_sns {
    margin-top: 20px;
  }
  .sns_button_list {
      font-size: 0;
      z-index: 20;
      text-align: center;
  }
    .sns_button_list li {
      display: inline-block;
      margin: 0 7px;
      position: relative;
    }
      .sns_button_list li a {
        display: block;
        width: 16px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        position: relative;
      }
      .sns_button_list li a:before {
        font-family: 'design_plus';
        font-size: 15px;
        display: block;
        position: absolute;
        margin: auto;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      .sns_button_list li.insta a:before {
        font-family: "Font Awesome 6 Brands";
        content: "\f16d";
      }
      .sns_button_list li.pinterest a:before {
        font-family: "Font Awesome 6 Brands";
        content: "\f0d2";
      }
      .sns_button_list li.youtube a:before {
        font-family: "Font Awesome 6 Brands";
        content: "\f167";
      }
        .sns_button_list li a span {
          display: none;
        }
#footer_menu {
  background: #f2f2f2;
  padding: 23px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
  #footer_menu ul {
    text-align: center;
    font-size: 0;
  }
    #footer_menu ul li {
      display: inline;
      font-size: 14px;
      margin: 0 15px;
    }
      #footer_menu ul li a {
        display: inline-block;
      }
#copyright {
  line-height: 60px;
  height: 60px;
  font-size: 12px;
  text-align: center;
  background: var(--main-color);
  color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/*====================================
	side_menu
====================================*/
body.home #side_menu.animate {
    right: 0px;
}
body.home #side_menu {
    right: -80px;
    -webkit-transition: right 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s;
    transition: right 1.0s cubic-bezier(0.22, 1, 0.36, 1) 0s;
}
#side_menu {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    position: fixed;
    top: 280px;
    right: 0px;
    z-index: 100;
}
  #side_menu a {
    display: block;
    width: 80px;
    height: 80px;
    position: relative;
    background: var(--main-color);
    border: 1px solid #fff;
    border-right: none;
    margin-bottom: -1px;
    color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  #side_menu a:hover {
    background: var(--hover-color);
  }
  #side_menu a:before {
    font-family: "footer_bar";
    /* font-size: 16px; */
    font-size: 18px;
    display: block;
    align-self: flex-end;
    /* margin: 8px 0 10px 0; */
    margin-bottom: 4px;
  }
  #side_menu a.mail:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0e0";
  }
  #side_menu a.bubble:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f4ad";
  }
  #side_menu a.line:before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 900;
    content: "\f3c0";
  }
  #side_menu a.instagram:before {
    font-family: "Font Awesome 6 Brands";
    content: "\f16d";
  }
  #side_menu a.youtube:before {
    font-family: "Font Awesome 6 Brands";
    content: "\f167";
  }
    #side_menu span {
      font-size: 12px;
      width: 100%;
      text-align: center;
      padding: 0 10px;
      display: block;
      line-height: 1.4;
      box-sizing: border-box;
      align-self: flex-start;
    }
    

/*====================================
	dp-footer-bar
====================================*/
#dp-footer-bar {
  display: none;
}


/*====================================
	return_top
====================================*/
#return_top {
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 999;
  transform: translate3d(0, 100%, 0);
  transition: all 0.35s;
}
#return_top.active {
  transform: translate3d(0, 0, 0);
}
  #return_top a {
      background: var(--main-color);
      display: block;
      height: 60px;
      width: 60px;
      line-height: 60px;
      text-decoration: none;
      z-index: 100;
      position: relative;
  }
  #return_top a:before {
    color: #fff;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: '\f077';
    font-size: 12px;
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 4px;
    margin: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
    #return_top span {
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      display: block;
    } 

/*====================================
	drawer_menu
====================================*/
#drawer_menu {
  display: none;
}

@media only screen and (max-width: 1200px){

/*====================================
	base
====================================*/
.wrap {
    padding-left: 20px;
    padding-right: 20px;
}

/*====================================
	header
====================================*/
#header {
    height: 60px;
}
  #header #header_area {
      padding-left: 20px;
      padding-right: 20px;
  }
    #header #header_area h1 a {
      width: 200px;
    }

  #global_menu {
    display: none;
  }
  #global_menu_button {
      position: absolute;
      z-index: 2;
      right: 0px;
      bottom: 0px;
      display: inline-block;
      font-size: 11px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-decoration: none;
      text-align: center;
  }
    #global_menu_button span {
      width: 22px;
      height: 2px;
      background: var(--main-color);
      display: block;
      position: absolute;
      -webkit-transition-property: background-color;
      -webkit-transition-duration: 0.2s;
      -webkit-transition-timing-function: ease;
      transition-property: background-color;
      transition-duration: 0.2s;
      transition-timing-function: ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
    #global_menu_button span:nth-child(1) {
      top: 24px;
      left: 20px;
    }
    #global_menu_button span:nth-child(2) {
        top: 30px;
        left: 20px;
    }
    #global_menu_button span:nth-child(3) {
        top: 36px;
        left: 20px;
    }


/*====================================
	footer
====================================*/
.contact_box {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
  .contact_box .tabl {
    display: block;
  }
  .common_headline {
      font-size: 32px;
    }
      .common_headline span {
        display: block;
        padding-left: 0;
        padding-top: 10px;
      }
  .shiryoseikyu p {
    padding: 20px 0;
  }
  .contact_left {
    width: 31%;
    padding: 20px 0 20px 0;
  }
    .contact_left p {
      padding: 20px 0;
    }
    .contact_left h4 {
      font-size: 32px;
    }

  .contact_center {
    width: 31%;
  }
  .contact_right {
    width: 31%;
  }

.banner_area {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  gap: 20px;
}

#footer_top {
  padding: 70px 60px 65px;
}


/*====================================
	drawer_menu
====================================*/
.open_menu #drawer_menu {
  right: 0;
  box-shadow: -5px 0 20px 0 rgba(0, 0, 0, 0.4);
}
#drawer_menu {
  display: block;
  position: fixed;
  top: 0px;
  right: -400px;
  width: 400px;
  height: 100%;
  color: #000000;
  background: #fff;
  overflow: auto;
  z-index: 9999;
  -webkit-transition: right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: right 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}

    #mobile_menu li {
        position: relative;
    }
        #mobile_menu li ul {
          display: none;
        }
        #mobile_menu a {
          position: relative;
          display: block;
          margin: 0;
          padding: 0 60px 0 20px;
          height: 60px;
          line-height: 60px;
          overflow: hidden;
          text-decoration: none;
          color: #000;
          font-size: 13px;
          border-bottom: 1px solid #000;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          visibility: visible;
      }
      #mobile_menu .child_menu_button {
        display: block;
        position: absolute;
        text-align: center;
        width: 60px;
        height: 60px;
        right: 0px;
        top: -1px;
        z-index: 9;
        cursor: pointer;
      }
          #mobile_menu .child_menu_button .icon:before {
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            content: "\f078";
            color: #000;
            text-align: center;
            display: block;
            font-size: 12px;
            position: absolute;
            right: 24px;
            /* top: 29px; */
            top: 50%;
            transform: translateY(-50%);
          }
          #mobile_menu li.open > .child_menu_button .icon:before {
            content: "\f077";
          }

    #contact_area {
      width: 100%;
      padding: 10px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px;
    }
        #contact_area .item {
          width: calc((100% - 10px)/2);
          height: 60px;
          line-height: 40px;
          text-align: center;
          padding: 10px;
          border: 1px solid #000;
          box-sizing: border-box;
        }
          #contact_area .item a {
            color: #000;
            display: block;
            font-size: 14px;
          }


/*====================================
	container
====================================*/
.open_menu #container:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

/* #container {
  position: relative;
  height: 100%;
  overflow: hidden;
} */

}


@media only screen and (max-width: 950px){
/*====================================
	footer
====================================*/
#footer_menu {
  padding: 20px 0
}
    #footer_menu ul li {
      display: block;
      font-size: 14px;
      margin: 20px 15px;
    }


/*====================================
	side_menu
====================================*/
  #side_menu {
    display: none
  }





}


/*====================================
	footer
====================================*/




@media only screen and (max-width: 767px) {
/*====================================
	base
====================================*/
.pc-view {
    display: none;
}
.sp-view {
    display: block;
}
/* cb_content_header */
.cb_content_header {
    margin: 0 0 30px 0;
}
  .common_headline {
      font-size: 22px ;
  }
    .cb_content_header .desc {
      margin: 7px 0 0 0;
    }
    .cb_content_header p {
      line-height: 2;
    }

/* common_headline */
.common_headline {
  font-size: 22px;
}

/* ended-badge */
.ended-badge {
  font-size: 16px;
}

/* btn */
.btn {
    margin: 40px auto 0;
}

/*====================================
	footer
====================================*/
.contact_area_sp {
  background: var(--main-color);
  padding: 20px;
  box-sizing: border-box;
  margin: 0 auto;
}
  .contact_top_sp {
    background: #fff;
    padding: 40px 15px;
    box-sizing: border-box;
    text-align: center;
    color: #000;
    margin-bottom: 20px;
  }
    .common_headline {
      font-size: 22px;
      font-weight: 400;
    }
      .common_headline span {
        display: block;
        padding-left: 0;
        padding-top: 10px;
        font-size: 12px;
      }
    .contact_top_sp p {
      padding: 30px 0 0;
      line-height: 1.5;
      text-align: left;
    }
    .contact_top_sp img {
      width: 100%
    }
  .contact_bottom_sp {
    text-align: center;
    padding: 10px;
    color: #fff;
  }
    .contact_bottom_sp .common_headline span {
      display: inline-block;
      padding-left: 20px;
      font-size: 14px;
    }
    .contact_bottom_sp p {
      padding: 30px 0 15px;
      line-height: 1.5;
    }
    .linkflame {
      margin: 20px 0;
    }
      .linkflame a.yellow {
        color: #d6c866;
        border: solid 2px #d6c866;
      }
      .linkflame a {
          display: block;
          width: 100%;
          height: 100%;
          text-align: center;
          padding: 10px;
          box-sizing: border-box;
          text-decoration: none;
      }
      .sp_fotter_tel {
        font-size: 28px;
        padding-top: 20px;
        padding-left: 10px;
      }

.banner_area {
  gap: 20px;
}
  .banner_set {
    width: 150px;
  }

#footer_top {
  padding: 40px 20px 35px;
}




}


@media only screen and (max-width: 500px){
/*====================================
	header
====================================*/
#header #header_area h1 a {
  width: 150px;
}
    
/*====================================
	drawer_menu
====================================*/
#drawer_menu {
  width: 80%;
}



/*====================================
	dp-footer-bar
====================================*/
#dp-footer-bar.active {
    opacity: 1;
    pointer-events: visible;
}
#dp-footer-bar {
    opacity: 0;
    transition: opacity 0.35s, transform 0.35s;
    pointer-events: none;
    background: #d6c866;
    color: var(--main-color);
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 999;
    width: 100%;
}
  .dp-footer-bar {
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    text-align: center;
    width: 100%;
    z-index: 9998;
  }
    .dp-footer-bar-item {
      flex: 1;
      margin: 0 -1px 0 0;
    }
      .dp-footer-bar-item a {
          height: 50px;
          /* line-height: 50px; */
          text-align: center;
          font-size: 12px;
          padding: 0 5px;
          flex: 1 1 0%;
          border-color: rgba(255, 255, 255, 0.2);
          color: var(--main-color);
          display: block;
          border-left: 1px solid rgba(255, 255, 255, 0.3);
          border-right: 1px solid rgba(255, 255, 255, 0.3);
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
      }
        .footer_bar_icon::after {
          display: block;
          font-size: 16px;
          position: relative;
          top: 0;
        }
        .footer_bar_icon.footer_bar_icon_calendar:after {
          font-family: "Font Awesome 6 Free";
          font-weight: 900;
          content: "\f073";
        }
        .footer_bar_icon.footer_bar_icon_bubble:after {
          font-family: "Font Awesome 6 Free";
          font-weight: 900;
          content: "\f4ad";
        }
        .footer_bar_icon.footer_bar_icon_mail:after {
          font-family: "Font Awesome 6 Free";
          font-weight: 900;
          content: "\f0e0";
        }
        .footer_bar_icon.footer_bar_icon_tel:after {
          font-family: "Font Awesome 6 Free";
          font-weight: 900;
          content: "\f095";
        }


/*====================================
	return_top
====================================*/
#return_top.active {
  transform: translate3d(0, -50px, 0);
}
  #return_top a {
      height: 50px;
      width: 50px;
      line-height: 50px;
  }

}