/* Generated by scss preprocessor. If you need to edit this file, you have to edit scss source files. */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@-webkit-keyframes line-top-in { 0% { left: -5px;
    bot: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  20% { left: -5px;
    bot: 0;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg); }
  80% { left: 0;
    bot: 0;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  100% { left: 0;
    bot: 1px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes line-top-in { 0% { left: -5px;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  20% { left: -5px;
    bottom: 0;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg); }
  80% { left: 0;
    bottom: 0;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  100% { left: 0;
    bottom: 1px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes line-top-out { 0% { left: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% { left: 0;
    top: 0;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  80% { left: -5px;
    top: 0;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg); }
  100% { left: -5px;
    top: 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); } }

@keyframes line-top-out { 0% { left: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% { left: 0;
    top: 0;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  80% { left: -5px;
    top: 0;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg); }
  100% { left: -5px;
    top: 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); } }

@-webkit-keyframes line-bot-in { 0% { left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  20% { left: -5px;
    bottom: 0;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg); }
  80% { left: 0;
    bottom: 0;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  100% { left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes line-bot-in { 0% { left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  20% { left: -5px;
    bottom: 0;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg); }
  80% { left: 0;
    bottom: 0;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  100% { left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes line-bot-out { 0% { left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% { left: 0;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  80% { left: -5px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg); }
  100% { left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }

@keyframes line-bot-out { 0% { left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  20% { left: 0;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg); }
  80% { left: -5px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg); }
  100% { left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); } }

body, h1, h2, h3, h4, h5, h6, p, ul, li, figure, dl, dt, dd, time, address, table { margin: 0; border: 0; padding: 0; line-height: 100%; font-weight: 400; font-family: 'Noto Sans JP', sans-serif; color: #333; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

table { border-collapse: collapse; border-spacing: 0; }

img { line-height: 100%; max-width: 100%; vertical-align: bottom; }

ul { list-style: none; }

body { -webkit-text-size-adjust: 100%; }

p, h1, dt, dd { max-height: 999999px; }

a img { border: none; }

a img:hover { opacity: 0.7; }

p { font-size: 15px; line-height: 175%; font-weight: 400; }

@media all and (max-width: 667px) { p { font-size: 12px; line-height: 150%; } }

.clearfix { display: block; *min-height: 1%; }

.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }

.container { width: 960px; margin: 0 auto; }

@media all and (max-width: 960px) { .container { width: 768px; padding: 0 15px; box-sizing: border-box; } }

@media all and (max-width: 767px) { .container { width: 100%; padding: 0 10px; } }

.container02 { width: 690px; margin: 0 auto; }

@media all and (max-width: 767px) { .container02 { width: 100%; padding: 0 10px; box-sizing: border-box; } }

#contents { padding-top: 93px; }

@media all and (max-width: 960px) { #contents { padding-top: 88px; } }

@media all and (max-width: 667px) { #contents { padding-top: 50px; } }

.map iframe { width: 100%; height: 470px; }

@media all and (max-width: 768px) { .map iframe { height: 320px; } }

@media all and (max-width: 667px) { .map iframe { width: calc(100% - 20px); margin: 0 10px; height: 200px; margin-bottom: 6.2vw; } }

#mobile_nav { display: none; position: fixed; top: 35px; left: 30px; z-index: 9999; }

@media all and (max-width: 960px) { #mobile_nav { display: block; } }

@media all and (max-width: 667px) { #mobile_nav { top: 18px; left: 20px; } }

#mobile_nav .mobile_btn { position: relative; height: 15px; width: 18px; cursor: pointer; }

#mobile_nav .mobile_btn .line-top, #mobile_nav .mobile_btn .line-middle, #mobile_nav .mobile_btn .line-bottom { position: absolute; display: block; height: 3px; width: 18px; border-radius: 1.5px; background: #f4a342; }

#mobile_nav .mobile_btn .line-top { top: 0; -webkit-transform-origin: 16.5px 1.5px; transform-origin: 16.5px 1.5px; }

#mobile_nav .mobile_btn .line-middle { top: 6px; -webkit-transition: opacity 200ms linear; transition: opacity 200ms linear; }

#mobile_nav .mobile_btn .line-bottom { bottom: 0; -webkit-transform-origin: 16.5px 1.5px; transform-origin: 16.5px 1.5px; }

#mobile_nav .mobile_btn.is-open .line-top { -webkit-animation: line-top-out 600ms linear normal; animation: line-top-out 600ms linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

#mobile_nav .mobile_btn.is-open .line-middle { opacity: 0; }

#mobile_nav .mobile_btn.is-open .line-bottom { -webkit-animation: line-bot-out 600ms linear normal; animation: line-bot-out 600ms linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

#mobile_nav .mobile_btn.is-closed .line-top { -webkit-animation: line-top-in 600ms linear normal; animation: line-top-in 600ms linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

#mobile_nav .mobile_btn.is-closed .line-middle { -webkit-transition-delay: 200ms; transition-delay: 200ms; }

#mobile_nav .mobile_btn.is-closed .line-bottom { -webkit-animation: line-bot-in 600ms linear normal; animation: line-bot-in 600ms linear normal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.mobile_menu { display: none; margin: 0 5px; box-sizing: border-box; padding-top: 10px; overflow: hidden; height: 0; transition: height .3s linear; }

@media all and (max-width: 960px) { .mobile_menu { display: block; padding-top: 10px; } }

@media all and (max-width: 667px) { .mobile_menu { padding-top: 10px; } }

.mobile_menu.open { height: 173px; }

@media all and (max-width: 667px) { .mobile_menu.open { height: 180px; } }

.mobile_menu ul li { float: left; width: 33.3%; padding: 5px; box-sizing: border-box; text-align: center; font-size: 18px; font-weight: 700; }

@media all and (max-width: 667px) { .mobile_menu ul li { width: 50%; font-size: 12px; } }

.mobile_menu ul li a { display: block; border-radius: 5px; background: #f4a342; padding: 25px; color: #ffffff; text-decoration: none; }

@media all and (max-width: 667px) { .mobile_menu ul li a { padding: 15px; } }

.mobile_menu ul li.current a { border: 2px solid #f4a342; background: #fff; color: #f4a342; padding: 23px; }

@media all and (max-width: 667px) { .mobile_menu ul li.current a { padding: 13px; } }

header { position: fixed; width: 100%; background: #ffffff; /* box-shadow */ box-shadow: 0px 0px 6px -3px #000000; padding-bottom: 18px; z-index: 9998; }

@media all and (max-width: 960px) { header { padding-bottom: 3px; } }

@media all and (max-width: 667px) { header { padding-bottom: 0; } }

@media all and (max-width: 960px) { header .container { width: 100%; padding: 0; } }

header .logo { float: left; margin-top: 20px; }

@media all and (max-width: 960px) { header .logo { float: none; text-align: center; } }

@media all and (max-width: 667px) { header .logo { font-size: 12px; margin-top: 10px; } }

@media all and (max-width: 960px) { header .logo a { display: inline-block; } }

@media all and (max-width: 667px) { header .logo a { width: 60px; } }

header .g_nav { float: left; margin-top: 57px; margin-left: 30px; }

@media all and (max-width: 960px) { header .g_nav { display: none; } }

header .g_nav li { display: inline-block; font-size: 15px; padding: 0 15px 0 13px; border-right: 1px solid #b2b2b2; }

header .g_nav li:last-child { border: none; }

header .g_nav li.current a { color: #f4a342; }

header .g_nav li a { color: #000; }

header .g_nav li a { text-decoration: none; }

header .g_nav li a:hover { text-decoration: underline; }

header .btn_contact { float: right; font-size: 18px; font-weight: 700; }

@media all and (max-width: 960px) { header .btn_contact { position: absolute; right: 10px; top: 10px; } }

@media all and (max-width: 667px) { header .btn_contact { font-size: 10px; top: 8px; } }

header .btn_contact a { display: block; background: #f4a342; padding: 35px 25px 25px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #ffffff; text-decoration: none; }

@media all and (max-width: 960px) { header .btn_contact a { padding: 25px; border-radius: 5px; } }

@media all and (max-width: 667px) { header .btn_contact a { padding: 10px; } }

footer { padding: 33px 0 60px; }

@media all and (max-width: 767px) { footer { padding: 6.2vw 0 3vw; } }

footer .container { position: relative; }

footer .container p { font-size: 13px; font-weight: 400; margin-bottom: 15px; }

@media all and (max-width: 667px) { footer .container p { font-size: calc((100vw - 20px) / 33); margin-bottom: 0; } }

footer .container p big { font-size: 1.54em; font-weight: 700; margin-right: 1em; }

@media all and (max-width: 667px) { footer .container p big { font-size: 1em; } }

@media all and (max-width: 767px) { footer .container ul { display: none; } }

footer .container ul li { display: inline-block; font-size: 13px; padding: 0 15px 0 13px; border-left: 1px solid #b2b2b2; }

footer .container ul li a { color: #000; }

footer .container ul li a { text-decoration: none; }

footer .container ul li a:hover { text-decoration: underline; }

footer .container .to_top { position: absolute; right: 0; top: -61px; }

@media all and (max-width: 767px) { footer .container .to_top { right: 10px; width: 15%; top: -10vw; } }

@media all and (max-width: 767px) { footer .container .to_top img { width: 100%; } }

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