* {
  color: #333333;
  font-family: "Noto Sans JP", "lr oSVbN", "Hiragino Kaku Gothic Pro W3", "qMmpS Pro W3", "Osaka", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "qMmpS ProN W3", "T VS R", "Droid Sans", CI, "sans-serif";
  font-size: 13px;
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  margin: 0;
  padding: 0;
}

body.fixed {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

img {
  display: block;
  border-style: none;
}

em, strong, h1, h2, h3, dt {
  font-weight: 500;
}

a {
  outline: none;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

/*----------------------------------------------------
 X|Vu
----------------------------------------------------*/
.pc {
  display: block;
}

.pc2 {
  display: inline-block;
}

.sp {
  display: none;
}

img {
  width: auto;
}

@media screen and (max-device-width: 900px) {
  .pc {
    display: none;
  }
  .pc2 {
    display: none;
  }
  .sp {
    display: block;
  }
  img {
    width: 100%;
  }
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #009e96;
    position: fixed;
    width: 100%;
    z-index: 10;
    top: 0;
  }
  .header img {
    max-width: 280px;
    padding: 15px 0 10px 15px;
  }
  .hamburger {
    display: block;
    position: fixed;
    z-index: 3;
    right: 10px;
    top: 20px;
    width: 52px;
    height: 58px;
    cursor: pointer;
    text-align: center;
    z-index: 9999;
  }
  .hamburger::before {
    content: "j[";
    position: relative;
    top: -10px;
    left: 0;
    font-size: 0.8em;
    color: #fff;
  }
  .hamburger.active {
    mix-blend-mode: normal;
    background: initial;
  }
  .hamburger span {
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 12px;
    background: #fff;
    transition: 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
    top: 10px;
  }
  .hamburger span:nth-child(2) {
    top: 20px;
  }
  .hamburger span:nth-child(3) {
    top: 30px;
  }
  /* ????????????????? */
  .hamburger.active span:nth-child(1) {
    top: 20px;
    left: 12px;
    background: #fff;
    transform: rotate(-45deg);
  }
  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 20px;
    background: #fff;
    transform: rotate(45deg);
  }
  /* ???????*/
  nav.globalMenuSp {
    position: fixed;
    z-index: 1010;
    top: 73px;
    left: 0;
    background: #f7f7ed;
    text-align: left;
    width: 100%;
    transform: translateX(100%);
    transition: all 0.6s;
    color: #333;
    overflow: scroll;
    height: calc(100vh - 73px);
  }
  nav.globalMenuSp + ul {
    margin-bottom: 110px !important;
  }
  nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    transition: 0.4s all;
    width: 90%;
    margin: 0 auto;
  }
  nav.globalMenuSp ul li a {
    position: relative;
    font-weight: 500;
  }
  nav.globalMenuSp ul li a::before {
    content: "";
    width: 35px;
    height: 35px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 8px;
    left: 0;
  }
  nav.globalMenuSp ul li.nyukai a::before {
    background-image: url(../images/ico_membership.png);
  }
  nav.globalMenuSp ul li.rental a::before {
    background-image: url(../images/ico_rental.png);
  }
  nav.globalMenuSp ul li.access a::before {
    background-image: url(../images/ico_access.png);
  }
  nav.globalMenuSp ul li.info a::before {
    background-image: url(../images/ico_news.png);
  }
  nav.globalMenuSp ul li.event a::before {
    background-image: url(../images/ico_event.png);
  }
  nav.globalMenuSp ul li.student a::before {
    background-image: url(../images/ico_member_info.png);
  }
  nav.globalMenuSp ul li.nyukai a::before {
    background-image: url(../images/ico_membership.png);
  }
  nav.globalMenuSp ul li.kouza_list a::before {
    background-image: url(../images/ico_search.png);
  }
  nav.globalMenuSp ul li.tri a::before {
    background-image: url(../images/menu_arrow.png);
    width: 20px;
    height: 20px;
    top: 15px;
    left: 15px;
  }
  nav.globalMenuSp ul.kouza li a::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    left: 0;
    top: 15px;
    left: 15px;
  }
  nav.globalMenuSp ul.kouza li.red a::before {
    background-color: #b91309;
  }
  nav.globalMenuSp ul.kouza li.pink a::before {
    background-color: #ea83b0;
  }
  nav.globalMenuSp ul.kouza li.brown a::before {
    background-color: #b36c15;
  }
  nav.globalMenuSp ul.kouza li.purple a::before {
    background-color: #a2609f;
  }
  nav.globalMenuSp ul.kouza li.emegreen a::before {
    background-color: #23b3b9;
  }
  nav.globalMenuSp ul.kouza li.blue a::before {
    background-color: #369dd7;
  }
  nav.globalMenuSp ul.kouza li.yellowgreen a::before {
    background-color: #85ae2f;
  }
  nav.globalMenuSp ul.kouza li.orange a::before {
    background-color: #ec8000;
  }
  nav.globalMenuSp ul.kouza li.skyblue a::before {
    background-color: #65b9e6;
  }
  nav.globalMenuSp ul li a {
    display: block;
    color: #333;
    padding: 1em 0 1em 50px;
    text-decoration: none;
    font-size: 1.2em;
    width: calc(100% - 50px);
  }
  nav.globalMenuSp ul li a span {
    display: none;
  }
  /* NbNΕjQueryΕΗΑEν */
  nav.globalMenuSp.active {
    opacity: 100;
    display: block;
    transform: translateX(0%);
  }
}
/*----------------------------------------------------
 id style
----------------------------------------------------*/
h1 {
  display: none;
}

#header {
  width: 100%;
  height: 110px;
  overflow: hidden;
  background-image: url(../images/images/header_bg.png);
  background-repeat: repeat-x;
  background-color: #009e96;
  margin: 0;
  padding: 0;
}

div#header div {
  width: 960px;
  text-align: left;
  margin: 0 auto 0 auto;
  padding: 0;
}

div#header div h2 {
  float: left;
  text-align: left;
  margin: 30px 0 0 0;
  padding: 0;
}

div#header div dl {
  width: 250px;
  float: right;
  text-align: left;
  margin: 40px 0 0 0;
  padding: 0;
}

div#header div dl dt {
  width: 250px;
  text-align: left;
  margin: 0 0 10px 0;
  padding: 0;
}

div#header div dl dt a {
  width: 250px;
  height: 30px;
  display: block;
  text-indent: -9999px;
  text-align: left;
  background-image: url(../images/images/header_font.png);
  background-repeat: no-repeat;
  background-position: top;
  margin: 0;
  padding: 0;
}

div#header div dl dt a:hover {
  background-position: 0 -2px;
}

div#header div dl dd {
  width: 250px;
  text-align: left;
  margin: 0 0 15px 0;
  padding: 0;
}

#navigation {
  width: 100%;
  /*height: 65px;*/
  height: 59px;
  background-repeat: repeat-x;
  background-image: url(../images/navigation_bg.gif);
  text-align: center;
  margin: 0;
  padding: 0;
}

div#navigation div {
  width: 962px;
  text-align: left;
  margin: 0 auto 0 auto;
  padding: 0;
}

div#navigation div ul {
  width: 962px;
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

div#navigation div ul li {
  float: left;
  text-align: left;
  margin: 0;
  padding: 0;
}

div#navigation div ul li a {
  /*height: 65px;*/
  height: 59px;
  text-align: left;
  display: block;
  text-indent: -9999px;
  background-image: url(../images/navigation2.gif);
  margin: 0;
  padding: 0;
}

div#navigation div ul li.navigation_entry a {
  width: 321px;
  background-position: 0 0;
}

div#navigation div ul li.navigation_entry a:hover {
  background-position: 0 -65px;
}

div#navigation div ul li.navigation_room a {
  width: 321px;
  background-position: -321px 0;
}

div#navigation div ul li.navigation_room a:hover {
  background-position: -321px -65px;
}

div#navigation div ul li.navigation_access a {
  width: 320px;
  background-position: -642px 0;
}

div#navigation div ul li.navigation_access a:hover {
  background-position: -642px -65px;
}

div#wrapper {
  width: 960px;
  text-align: left;
  background-image: url(../images/wrapper_bg.gif);
  overflow: hidden;
  background-repeat: repeat-y;
  margin: 20px auto 0 auto;
  padding: 0;
}
@media screen and (max-device-width: 900px) {
  div#wrapper {
    background-image: none;
    width: 100%;
  }
  div#wrapper > img {
    height: 1px;
  }
}

div#contents {
  width: 710px;
  float: right;
  overflow: hidden;
  text-align: left;
  margin: 0 auto 20px auto;
  padding: 0;
}
@media screen and (max-device-width: 900px) {
  div#contents {
    float: none;
    width: 100%;
  }
}

/*
div#contents a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}
*/
div#back {
  width: 960px;
  text-align: left;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

div#back ul {
  width: 330px;
  text-align: left;
  list-style: none;
  float: right;
  margin: 0;
  padding: 0;
}
@media screen and (max-device-width: 900px) {
  div#back ul {
    display: none;
  }
}

div#back ul li {
  width: 160px;
  float: left;
  text-align: left;
  margin: 0;
  padding: 0;
}

div#back ul li a {
  width: 160px;
  height: 35px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: top;
  float: left;
  display: block;
  text-align: left;
  margin: 0;
  padding: 0;
}

div#back ul li a:hover {
  background-position: 0 3px;
}

div#back ul li.back_top {
  float: left;
}

div#back ul li.back_top a {
  background-image: url(../images/back_top.gif);
}

div#back ul li.back_page {
  float: right;
}

div#back ul li.back_page a {
  background-image: url(../images/images/back_page.jpg);
}

div#sidebar {
  width: 230px;
  text-align: left;
  float: left;
  margin: 0;
  padding: 0;
}
@media screen and (max-device-width: 900px) {
  div#sidebar {
    display: none;
  }
}

div#sidebar a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

div#sidebar_inquiry {
  width: 230px;
  height: 245px;
  text-align: left;
  overflow: hidden;
  background-image: url(../images/images/sidebar_inquiry.gif);
  background-repeat: no-repeat;
  margin: 0 0 15px 0;
  padding: 0;
}

div#sidebar_inquiry a {
  width: 190px;
  height: 40px;
  display: block;
  text-indent: -9999px;
  text-align: left;
  background-image: url(../images/images/sidebar_inquiry.gif);
  background-repeat: no-repeat;
  background-position: -20px -183px;
  margin: 183px 0 0 20px;
  padding: 0;
}

div#sidebar_inquiry a:hover {
  background-position: -250px -183px;
}

div#sidebar_category {
  width: 200px;
  text-align: left;
  margin: 0 0 15px 15px;
  padding: 0;
}

div#sidebar_category dl {
  width: 200px;
  text-align: left;
  margin: 0;
  padding: 0;
}

div#sidebar_category dl dt {
  width: 200px;
  text-align: left;
  background-image: url(../images/images/sidebar_course.gif);
  margin: 0;
  padding: 0;
}

div#sidebar_category dl dd {
  width: 200px;
  text-align: left;
  margin: 0;
  padding: 0;
}

div#sidebar_category dl dd a {
  width: 200px;
  height: 50px;
  display: block;
  text-indent: -9999px;
  background-image: url(../images/images/sidebar_category.gif);
  text-align: left;
  margin: 0;
  padding: 0;
}

div#sidebar_category dl dd.category_01 a {
  background-position: left 0;
}

div#sidebar_category dl dd.category_01 a:hover {
  background-position: right 0;
}

div#sidebar_category dl dd.category_02 a {
  background-position: left -50px;
}

div#sidebar_category dl dd.category_02 a:hover {
  background-position: right -50px;
}

div#sidebar_category dl dd.category_03 a {
  background-position: left -100px;
}

div#sidebar_category dl dd.category_03 a:hover {
  background-position: right -100px;
}

div#sidebar_category dl dd.category_04 a {
  background-position: left -150px;
}

div#sidebar_category dl dd.category_04 a:hover {
  background-position: right -150px;
}

div#sidebar_category dl dd.category_05 a {
  background-position: left -200px;
}

div#sidebar_category dl dd.category_05 a:hover {
  background-position: right -200px;
}

div#sidebar_category dl dd.category_06 a {
  background-position: left -250px;
}

div#sidebar_category dl dd.category_06 a:hover {
  background-position: right -250px;
}

div#sidebar_category dl dd.category_07 a {
  background-position: left -300px;
}

div#sidebar_category dl dd.category_07 a:hover {
  background-position: right -300px;
}

div#sidebar_category dl dd.category_08 a {
  background-position: left -350px;
}

div#sidebar_category dl dd.category_08 a:hover {
  background-position: right -350px;
}

div#sidebar_category dl dd.category_09 a {
  background-position: left -400px;
}

div#sidebar_category dl dd.category_09 a:hover {
  background-position: right -400px;
}

div#sidebar_category dl dd.category_10 a {
  background-position: left -450px;
}

div#sidebar_category dl dd.category_10 a:hover {
  background-position: right -450px;
}

div#sidebar_category dl dd.category_11 a {
  background-position: left -500px;
}

div#sidebar_category dl dd.category_11 a:hover {
  background-position: right -500px;
}

div#sidebar_category dl dd.category_list a {
  height: 40px;
  background-position: left -550px;
}

div#sidebar_category dl dd.category_list a:hover {
  background-position: right -550px;
}

div#sidebar_instructor {
  width: 200px;
  text-align: left;
  margin: 0 0 15px 15px;
  padding: 0;
}

div#sidebar_access {
  width: 200px;
  text-align: left;
  margin: 0 0 15px 15px;
  padding: 0;
}

div#sidebar_access dl {
  width: 200px;
  text-align: left;
  margin: 0 0 15px 0;
  padding: 0;
}

div#sidebar_access dl dt {
  width: 200px;
  text-align: left;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

div#sidebar_access dl dd {
  _width: 200px;
  width: 198px;
  text-align: left;
  overflow: hidden;
  border-left: 1px solid #e4be8b;
  border-right: 1px solid #e4be8b;
  border-bottom: 1px solid #e4be8b;
  margin: 0;
  padding: 0;
}

div#sidebar_access dl dd ul {
  width: 198px;
  list-style: none;
  text-align: left;
  margin: 6px 0 0 0;
  padding: 0;
}

div#sidebar_access dl dd ul li {
  width: 198px;
  text-align: left;
  text-indent: -9999px;
  border-bottom: 1px dotted #e4be8b;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
}

div#sidebar_access dl dd ul li a {
  width: 198px;
  height: 30px;
  display: block;
  text-align: left;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}

div#sidebar_access dl dd ul li a:hover {
  background-position: bottom;
}

div#sidebar_access dl dd ul li.jr a {
  background-image: url(../images/sidebar_access_jr.gif);
}

div#sidebar_access dl dd ul li.subway a {
  background-image: url(../images/sidebar_access_subway.gif);
}

div#sidebar_access dl dd ul li.bus a {
  background-image: url(../images/sidebar_access_bus.gif);
}

div#sidebar_access dl dd ul li.car {
  border-bottom: none;
}

div#sidebar_access dl dd ul li.car a {
  background-image: url(../images/sidebar_access_car.gif);
}

#footer {
  width: 100%;
  text-align: center;
  overflow: hidden;
  clear: both;
  background-image: url(../images/images/footer_bg.gif);
  background-repeat: repeat-x;
  margin: 0 0 10px 0;
  padding: 15px 0 0 0;
}

div#footer div {
  width: 960px;
  text-align: left;
  margin: 0 auto 0 auto;
  padding: 10px 0 0 0;
}

div#footer div ul {
  width: 495px;
  float: left;
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

div#footer div ul li {
  width: 150px;
  height: 15px;
  float: left;
  text-align: left;
  overflow: hidden;
  margin: 0 15px 15px 0;
  padding: 0;
}

div#footer div ul li a {
  width: 150px;
  height: 15px;
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: top;
  margin: 0;
  padding: 0;
}

div#footer div ul li.footer_info a {
  background-image: url(../images/footer_info.gif);
}

div#footer div ul li.footer_student a {
  background-image: url(../images/footer_student.gif);
}

div#footer div ul li.footer_event a {
  background-image: url(../images/footer_event.gif);
}

div#footer div ul li.footer_entry a {
  background-image: url(../images/footer_entry.gif);
}

div#footer div ul li.footer_schedule a {
  background-image: url(../images/footer_schedule.gif);
}

div#footer div ul li.footer_course a {
  background-image: url(../images/footer_course.gif);
}

div#footer div ul li.footer_room a {
  background-image: url(../images/footer_room.gif);
}

div#footer div ul li.footer_access a {
  background-image: url(../images/footer_access.gif);
}

div#footer div ul li.footer_inquiry a {
  background-image: url(../images/footer_inquiry.gif);
}

div#footer div ul li.footer_policy a {
  background-image: url(../images/footer_policy.gif);
}

div#footer div ul li.footer_font a {
  background-image: url(../images/footer_font.gif);
}

div#footer div ul li.footer_sitemap {
  margin-bottom: 0;
}

div#footer div ul li.footer_sitemap a {
  background-image: url(../images/footer_sitemap.gif);
}

div#footer div ul li a:hover {
  background-position: bottom;
}

div#footer div dl {
  width: 445px;
  float: right;
  text-align: left;
  margin: 0;
  padding: 0;
}

div#footer div dl dt {
  width: 445px;
  text-align: right;
  font-weight: normal;
  line-height: 1.8em;
  margin: 0 0 5px 0;
  padding: 0;
}

div#footer div dl dt strong {
  display: block;
  margin: 0;
  padding: 0;
}

div#footer div dl dd {
  width: 445px;
  text-align: right;
  margin: 0 0 10px 0;
  padding: 0;
}

div#footer div dl dd img {
  margin: 0 0 0 auto;
}

div#footer_sp {
  display: none;
}
@media screen and (max-device-width: 900px) {
  div#footer_sp {
    display: block;
    background: #f7f7ed;
    padding: 5%;
    text-align: left;
  }
  div#footer_sp ul li {
    list-style: none;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 500;
  }
  div#footer_sp ul li span {
    font-size: 12px;
  }
  div#footer_sp ul li img {
    margin-top: 10px;
    max-width: 230px;
  }
}

#link {
  width: 960px;
  text-align: left;
  margin: 0 auto 15px auto;
  padding: 0;
}
@media screen and (max-device-width: 900px) {
  #link {
    width: 100%;
  }
}

div#link dl {
  width: 960px;
  background-image: url(../images/link_bg_top.gif);
  background-position: top;
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  overflow: hidden;
  text-align: left;
  margin: 0;
  padding: 0;
}
@media screen and (max-device-width: 900px) {
  div#link dl {
    background-color: #fff;
    background-image: none;
    width: 100%;
  }
  div#link dl img.logo {
    width: 60%;
    margin: 10px auto;
  }
}

div#link dl dt {
  width: 930px;
  text-align: left;
  border-bottom: 3px double #593401;
  margin: 15px 10px 10px 15px;
  padding: 0 0 10px 0;
}
@media screen and (max-device-width: 900px) {
  div#link dl dt {
    width: calc(100% - 20px);
    padding: 10px;
    margin: 15px auto 10px;
    border: none;
  }
}

div#link dl dd {
  width: 960px;
  text-align: left;
  overflow: hidden;
  background-image: url(../images/link_bg_bottom.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0 0 15px 0;
}
@media screen and (max-device-width: 900px) {
  div#link dl dd {
    width: 100%;
    background: none;
  }
}

div#link dl dd ul {
  width: 930px;
  list-style: none;
  text-align: left;
  margin: 0 10px 0 15px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-device-width: 900px) {
  div#link dl dd ul {
    width: 95%;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin: 0 auto;
  }
}

div#link dl dd ul li {
  width: 142px;
  text-align: left;
  list-style: none;
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
}
@media screen and (max-device-width: 900px) {
  div#link dl dd ul li {
    width: 45%;
    margin: 0 0 10px;
  }
}

div#link dl dd ul li a {
  _width: 142px;
  width: 138px;
  _height: 60px;
  height: 56px;
  background-color: #FFF;
  display: block;
  border: 2px solid #dfdfdf;
  margin: 0;
}
@media screen and (max-device-width: 900px) {
  div#link dl dd ul li a {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
}

div#link dl dd ul li a img {
  width: 138px;
  height: 56px;
  margin: 0;
}
@media screen and (max-device-width: 900px) {
  div#link dl dd ul li a img {
    width: 70%;
    max-width: 150px;
    height: auto;
  }
}

div#link dl dd ul li a:hover {
  border: none;
}
@media screen and (max-device-width: 900px) {
  div#link dl dd ul li a:hover {
    border: 2px solid #dfdfdf;
  }
}

div#link dl dd ul li a:hover img {
  margin: 2px 0 0 2px;
}

#copyright {
  width: 960px;
  text-align: right;
  margin: 0 auto 0 auto;
  padding: 0 0 15px 0;
}
@media screen and (max-device-width: 900px) {
  #copyright {
    width: 90%;
    max-width: 380px;
    margin-bottom: 85px;
  }
}

div#copyright img {
  margin: 0 0 0 auto;
  padding: 0;
}

#fix_footer {
  position: fixed;
  height: 85px;
  background: #009b93;
  bottom: 0;
  width: 100%;
}
#fix_footer ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #fff;
  height: 100%;
  font-weight: 500;
}
#fix_footer ul li {
  height: 100%;
  color: #fff;
  list-style-type: none;
}
#fix_footer ul li:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60%;
  padding: 5px 10px;
}
#fix_footer ul li:first-child img {
  max-width: 64px;
  width: 80%;
}
#fix_footer ul li:first-child p {
  color: #fff;
  display: block;
  text-align: left;
  font-weight: 500;
  line-height: 1.5;
}
#fix_footer ul li:nth-child(2) {
  background: #55bbb6;
  width: 20%;
  padding: 5px;
  height: calc(100% - 10px);
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
#fix_footer ul li:nth-child(2) img {
  width: 40px;
}
#fix_footer ul li:nth-child(3) {
  width: 20%;
  padding: 5px;
  height: calc(100% - 10px);
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
#fix_footer ul li:nth-child(3) img {
  width: 40px;
}

/*----------------------------------------------------
 contents style
----------------------------------------------------*/
.pankuzu {
  text-indent: 30px;
  text-align: left;
  color: #333;
  line-height: 20px;
  background-image: url(../images/pankuzu_icon.gif);
  background-repeat: no-repeat;
  background-position: left top;
  margin: 10px 0 15px 0;
  padding: 0;
}

p.pankuzu a {
  color: #333;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}

p.pankuzu a:hover {
  color: #333;
  text-decoration: none;
}

div#contents h3 {
  width: 685px;
  _width: 710px;
  line-height: 40px;
  text-align: left;
  overflow: hidden;
  font-size: 16px;
  border-left: 3px solid #6e4d21;
  background-color: #f9e3bd;
  margin: 0 0 20px 0;
  padding: 0 10px 0 15px;
}

/*----------------------------------------------------
 library style
----------------------------------------------------*/
div.contents_inquiry {
  width: 710px;
  text-align: left;
  margin: 0;
  padding: 0;
}

div.contents_inquiry dl {
  width: 710px;
  text-align: left;
  background-color: #ece8db;
  overflow: hidden;
  background-image: url(../images/contents_inquiry_bg_bottom.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  margin: 0;
  padding: 0 0 15px 0;
}

div.contents_inquiry dl dt {
  width: 710px;
  text-align: left;
  margin: 0;
  padding: 0;
}

div.contents_inquiry dl dd {
  width: 680px;
  text-align: left;
  border-top: 1px dotted #6e4d21;
  overflow: hidden;
  margin: 0 0 0 15px;
  padding: 15px 0 0 0;
}

div.contents_inquiry dl dd ul {
  width: 680px;
  overflow: hidden;
  background-image: url(../images/contents_inquiry_bg.gif);
  background-repeat: no-repeat;
  background-position: top;
  list-style: none;
  text-align: left;
  margin: 0 0 15px 0;
  padding: 0;
}

div.contents_inquiry dl dd ul li {
  width: 320px;
  text-align: center;
  margin: 0;
  padding: 0;
}

div.contents_inquiry dl dd ul li.tel {
  float: left;
}

div.contents_inquiry dl dd ul li.mail {
  float: right;
}

div.contents_inquiry dl dd ul li img {
  margin: 0 auto 0 auto;
  padding: 0;
}

div.contents_inquiry dl dd p {
  width: 680px;
  overflow: hidden;
  background-color: #FFF;
  text-align: center;
  color: #6e4d21;
  margin: 0;
  padding: 0 0 10px 0;
}

div.contents_inquiry dl dd p strong {
  color: #6e4d21;
  display: block;
  margin: 10px 0 10px 0;
  padding: 0;
}

/*----------------------------------------------------
library style
----------------------------------------------------*/
div.contents_inquiry2 {
  width: 710px;
  text-align: left;
  margin: 0;
  padding: 0;
}

div.contents_inquiry2 dl {
  width: 710px;
  text-align: left;
  background-color: #ece8db;
  overflow: hidden;
  background-image: url(../images/contents_inquiry_bg_bottom.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  margin: 0;
  padding: 0 0 15px 0;
}

div.contents_inquiry2 dl dt {
  width: 710px;
  text-align: left;
  margin: 0;
  padding: 0;
}

div.contents_inquiry2 dl dd {
  width: 680px;
  text-align: left;
  border-top: 1px dotted #6e4d21;
  overflow: hidden;
  margin: 0 0 0 15px;
  padding: 15px 0 0 0;
}

div.contents_inquiry2 dl dd ul {
  width: 680px;
  overflow: hidden;
  background-image: url(../images/contents_inquiry_bg.gif);
  background-repeat: no-repeat;
  background-position: top;
  list-style: none;
  text-align: left;
  margin: 0 0 15px 0;
  padding: 0;
}

div.contents_inquiry2 dl dd ul li {
  width: 320px;
  text-align: center;
  margin: 0;
  padding: 0;
}

div.contents_inquiry2 dl dd ul li.tel {
  float: left;
}

div.contents_inquiry2 dl dd ul li.mail {
  float: right;
}

div.contents_inquiry2 dl dd ul li img {
  margin: 0 auto 0 auto;
  padding: 0;
}

div.contents_inquiry2 dl dd p {
  width: 680px;
  overflow: hidden;
  background-color: #FFF;
  text-align: center;
  color: #6e4d21;
  margin: 0;
  padding: 0 0 10px 0;
}

div.contents_inquiry2 dl dd p strong {
  color: #6e4d21;
  display: block;
  margin: 10px 0 10px 0;
  padding: 0;
}

div.contents_inquiry2 dl dd.btn {
  border-top: none;
}

div.contents_inquiry2 dl dd.btn ul {
  background-image: none;
}

div.contents_inquiry2 dl dd.btn ul li {
  width: 50%;
  float: left;
}

div.contents_inquiry2 dl dd.btn ul li .submit_btn {
  width: 100%;
  max-width: 316px;
  height: 47px;
  border: 0;
  background: url(../images/contents_inquiry_btn_aplli.png) 0 0 no-repeat;
  cursor: pointer;
  background-size: contain;
}

@media screen and (max-device-width: 900px) {
  div.bnr_inquiry {
    width: 90%;
    max-width: 400px;
    text-align: center;
    margin: 0 auto 30px auto;
    background: url(../images/bnr_taiken_bg.png) 0 0 no-repeat;
    background-size: 100%;
    position: relative;
    height: 176px;
  }
  div.bnr_inquiry img {
    height: auto;
  }
  div.bnr_inquiry .to_tel {
    width: 47%;
    position: absolute;
    top: 120px;
    left: 15px;
  }
  div.bnr_inquiry .to_mail {
    width: 40%;
    position: absolute;
    top: 120px;
    right: 15px;
  }
  div.contents_inquiry2 {
    width: 100%;
  }
  div.contents_inquiry2 dl {
    width: 100%;
  }
  div.contents_inquiry2 dl dt {
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    color: #6e4d21;
  }
  div.contents_inquiry2 dl dt p {
    font-size: 15px;
    color: #6e4d21;
    font-weight: 500;
    text-align: center;
    margin: 15px 0 0;
  }
  div.contents_inquiry2 dl dd {
    width: 100%;
    margin: 0;
  }
  div.contents_inquiry2 dl dd ul {
    width: 90%;
    background-image: none;
    margin: 0 auto;
  }
  div.contents_inquiry2 dl dd ul li {
    width: 100%;
  }
  div.contents_inquiry2 dl dd ul li.tel img {
    max-width: 309px;
  }
  div.contents_inquiry2 dl dd ul li.mail img {
    max-width: 226px;
  }
  div.contents_inquiry2 dl dd p {
    width: 100%;
  }
  div.contents_inquiry2 dl dd.btn {
    margin-bottom: 15px;
  }
  div.contents_inquiry2 dl dd.btn ul li {
    width: 100%;
  }
  div.contents_inquiry2 dl dd.btn ul li .submit_btn {
    width: 100%;
    max-width: 316px;
    background-size: contain;
  }
}
@media screen and (max-device-width: 435px) {
  div.bnr_inquiry {
    padding-top: 44.77%;
    height: auto;
  }
  div.bnr_inquiry .to_tel {
    top: 60%;
    left: 5%;
  }
  div.bnr_inquiry .to_mail {
    top: 60%;
    right: 5%;
  }
}
/*----------------------------------------------------
 table style
----------------------------------------------------*/
table.table {
  background-color: #D7D7D7;
}

table.table tr th {
  font-size: 13px;
  font-family: "lr oSVbN", "Hiragino Kaku Gothic Pro W3", "qMmpS Pro W3", "Osaka", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "qMmpS ProN W3", "T VS R", "Droid Sans", CI, "sans-serif";
  line-height: 1.8em;
  font-weight: normal;
  border: solid 1px #FFFFFF;
  background-color: #f5f5f5;
  text-align: center;
  padding: 5px 0 5px 0;
}

table.table tr td {
  font-size: 13px;
  font-family: "lr oSVbN", "Hiragino Kaku Gothic Pro W3", "qMmpS Pro W3", "Osaka", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "qMmpS ProN W3", "T VS R", "Droid Sans", CI, "sans-serif";
  line-height: 1.8em;
  border: solid 1px #FFFFFF;
  background-color: #FFC;
  text-align: center;
  padding: 5px 0 5px 0;
}

/*----------------------------------------------------
 style end
----------------------------------------------------*/
/*popup*/
.cc-message {
  font-size: 14px !important;
  line-height: 1.5em !important;
}

.cc-window {
  padding: 30px !important;
  margin-bottom: 0 !important;
  background-color: rgba(130, 130, 130, 0.9) !important;
}
.cc-window span {
  color: #fff;
  text-align: left;
}

.cc-btn.cc-allow {
  color: #fff !important;
  background: #009b93 !important;
}

.cc-revoke.cc-bottom {
  bottom: 0 !important;
}

.cc-compliance {
  justify-content: center;
}

@media screen and (max-device-width: 900px) {
  .cc-message {
    font-size: 12px !important;
  }
  .cc-window {
    padding: 10px !important;
  }
  .cc-revoke.cc-bottom {
    bottom: 0 !important;
    left: 3px !important;
  }
}/*# sourceMappingURL=include_20230215.css.map */