@charset "UTF-8";
/*-------------
 color
-------------*/
/*-------------
 breakpoint
-------------*/
/*-------------
 common
-------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  font-weight: 400;
  font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", sans-serif;
  border-style: none; }

body {
  font-size: 1.6rem;
  border-style: none;
  background-color: #fff;
  color: #000;
  position: relative; }
  @media screen and (max-width: 426px) {
    body {
      font-size: 1.2rem; } }

img {
  max-width: 100%;
  height: auto;
  border-style: none; }

ul, ol, dl {
  margin: 0 0 1.4em 0;
  padding: 0;
  font-weight: normal;
  list-style-type: none; }

li, dt, dd {
  margin: 0;
  padding: 0;
  font-weight: normal;
  list-style-type: none; }

p {
  margin-bottom: 1.6em;
  padding: 0; }

p.clear {
  clear: both; }

.txt-center {
  text-align: center; }

.txt-right {
  text-align: right; }

.txt-left {
  text-align: left; }

a:link {
  text-decoration: none;
  color: #000000; }

a:hover {
  color: #000000; }

a:visited {
  color: #000000; }

a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=70)"; }

.pc {
  display: block; }

.mb {
  display: none; }

@media screen and (max-width: 768px) {
  .mb {
    display: block; }

  .pc {
    display: none; } }
.container {
  width: 100%; }

.wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative; }

/*----------------------
 pagetop
------------------------*/
#pagetop {
  position: fixed;
  bottom: 20px;
  right: 10px;
  display: none;
  margin-bottom: 0;
  padding: 0;
  background-color: #fff;
  border-radius: 0.5em;
  opacity: 0.8; }
  #pagetop a {
    display: block;
    z-index: 1000;
    color: #000022;
    text-align: center;
    font-weight: 400;
    text-decoration: none;
    padding: 0 0.3em;
    font-size: 1.5em; }

/*----------------------
 header
------------------------*/
header {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0; }
  header h1 {
    font-size: 1em;
    font-weight: normal;
    padding: 20px 0; }
    header h1 span {
      display: block;
      padding: 0 0 0.5em; }
    header h1 img {
      width: 130px; }

/*----------------------
 navi
------------------------*/
.hamburger-nav ul li {
  padding: 0;
  margin: 0; }
  .hamburger-nav ul li a {
    display: block;
    padding: 1em 1em;
    margin: 0 auto 0.5em;
    border-bottom: 1px solid #eee; }

.drawer-hamburger {
  width: 3rem; }

.drawer-nav ul li {
  padding: 0;
  margin: 0; }
  .drawer-nav ul li a {
    font-size: 1.3rem;
    display: block;
    padding: 1em 0.7em;
    margin: 0 auto 0.5em;
    border-bottom: 1px solid #eee; }

/*----------------------
 footer
------------------------*/
footer {
  width: 100%;
  background-color: #eee;
  text-align: center;
  padding: 30px 0;
  margin: 0; }
  footer p {
    margin: 0 0 1em; }
  footer p.copy {
    margin: 0;
    font-size: 0.8em;
    padding: 0; }

/*----------------------
 content
------------------------*/
.slick-slide {
  padding: 0 0.5em; }

main {
  max-width: 1080px;
  margin: 0 auto; }
  main video,
  main img {
    max-width: 100%;
    height: auto; }
  main .movie {
    margin: 0 0 5em;
    position: relative;
    padding: 0; }
    main .movie video {
      margin: 0;
      padding: 0;
      line-height: 0; }
    main .movie .cover {
      width: 100%;
      height: 99%;
      padding: 0;
      margin: 0;
      line-height: 0;
      box-sizing: border-box;
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 0;
      left: 0; }
      @media screen and (max-width: 768px) {
        main .movie .cover {
          height: 98.5%; } }
      @media screen and (max-width: 426px) {
        main .movie .cover {
          height: 97.5%; } }
      main .movie .cover img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%); }
      @media screen and (max-width: 768px) {
        main .movie .cover img {
          width: 70%;
          height: auto; } }
  main section {
    margin: 0 0 5em; }
    main section .section_header h2 {
      text-align: center;
      font-size: 1.8em;
      font-weight: normal;
      display: block;
      position: relative;
      margin: 0 auto 2em; }
      main section .section_header h2:before {
        display: inline-block;
        position: absolute;
        content: '';
        bottom: -10px;
        /*下線の上下の位置*/
        left: 50%;
        width: 100px;
        /*下線の幅*/
        height: 2px;
        /*下線の太さ*/
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%);
        /*位置の調整*/
        background-color: #000;
        /*下線の色*/ }
  main #judgement .section_body {
    background-image: url(../images/bg_judgement.png);
    background-repeat: no-repeat;
    background-position: right top;
    min-height: 500px;
    padding: 1.3em 0; }
    main #judgement .section_body p {
      width: 350px;
      font-size: 1.3em;
      line-height: 2em;
      padding: 1em;
      background: rgba(255, 255, 255, 0.5);
      margin: 0; }
      main #judgement .section_body p span {
        display: block; }
    @media screen and (max-width: 768px) {
      main #judgement .section_body {
        background-size: contain;
        min-height: initial; }
        main #judgement .section_body p {
          margin-bottom: 5em;
          width: 80%; } }
  main #visit .subtitle {
    font-size: 1.3em;
    text-align: center;
    margin: 0 auto 2em; }
  main #visit .block_visit {
    background-color: #eee;
    max-width: 95%;
    margin: 0 auto;
    padding: 1.5em 2em; }
  main #achievement .subtitle {
    font-size: 1.3em;
    text-align: center;
    margin: 0 auto 2em; }
    main #achievement .subtitle span {
      display: block; }
  main #achievement .list_achievement ul {
    display: flex;
    flex-wrap: wrap; }
    main #achievement .list_achievement ul li {
      list-style-type: none;
      text-align: center;
      width: 20%;
      padding: 0.5em;
      box-sizing: border-box;
      margin: 0 0 1em; }
      main #achievement .list_achievement ul li span {
        display: block;
        margin: 0 auto 0.5em; }
      @media screen and (max-width: 768px) {
        main #achievement .list_achievement ul li {
          width: 50%; } }
  main #achievement .others .caption {
    text-align: center;
    font-size: 1.5em; }
    main #achievement .others .caption span {
      display: block; }
  main #contact .freedial {
    background-image: url(../images/icon_sp.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 75px 0 0;
    text-align: center; }
    main #contact .freedial .tel {
      font-size: 1.8em; }
  main #contact .block_contact {
    text-align: center;
    background-color: #eee;
    max-width: 95%;
    margin: 0 auto 1.5em;
    padding: 1.5em 2em; }
    main #contact .block_contact p {
      margin: 0; }
    main #contact .block_contact span {
      display: block; }
  main #contact .licence {
    text-align: center;
    margin: 0; }
    main #contact .licence span {
      display: block; }
  @media screen and (max-width: 768px) {
    main {
      margin-bottom: 10em; } }

/*----------------------
 floating
------------------------*/
@media screen and (max-width: 768px) {
  .floating {
    position: fixed;
    bottom: 0;
    display: block;
    width: 100%; }
    .floating p {
      margin: 0;
      width: 100%; }
      .floating p a {
        width: 100%;
        text-align: center;
        display: block;
        background-color: #37BEB0;
        color: #fff;
        font-size: 1.5em;
        padding: 1em 0; }
        .floating p a .dial_wrapper {
          display: flex;
          justify-content: center;
          align-items: center; }
          .floating p a .dial_wrapper .icon {
            text-align: right;
            padding: 0 0.5em; }
          .floating p a .dial_wrapper .tel span {
            display: block; } }

/*# sourceMappingURL=common.css.map */