@charset "UTF-8";
/* Scss Document */
/*!  common
================================================ */
html { width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

@media (min-width: 600px) { html { overflow: auto; } }

body { width: 100%; font-size: 1.4rem; font-weight: 300; color: #595757; font-family: -apple-system, BlinkMacSystemFont, "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif; -webkit-text-size-adjust: 100%; overflow-x: hidden; line-height: 1.5; }

@media (min-width: 600px) { body { min-width: 1000px; font-size: 1.6rem; } }

::-moz-selection { background: #d7e5ea; }

::selection { background: #d7e5ea; }

::-moz-selection { background: #d7e5ea; }

/* layout
-------------------------------------------------
#wrapperでfloat解除
sideは右に、contentsは左にfloat
-------------------------------------------------*/
#wrapper { width: auto; }

@media (max-width: 599px) { #wrapper { overflow-x: hidden; } }

@media (min-width: 600px) { #wrapper { margin: 0 auto; max-width: 1000px; } }

#contents { width: 100%; margin: 0 0 40px; }

@media (min-width: 600px) { #contents { margin: 0 0 80px; }
  #contents::after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } }

/* for IE */
main { display: block; }

@media all and (-ms-high-contrast: none) { .icon:before { -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); } }

/* end for IE */
.cf::after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }

/*! breakpoint*/
@media (max-width: 599px) { .viewSp { display: block; }
  br.viewSp { display: inline-block; }
  .viewPc { display: none; } }

@media (min-width: 600px) { .viewSp { display: none; }
  .viewPc { display: block; } }

/* box-sizing
-------------------------------------------------
-------------------------------------------------*/
html, body, header, footer, h1, h2, h3, h4, h5, section, article, div, dl, dt, dd, ol, ul, li, p, a, span { box-sizing: border-box; }

/* img
-------------------------------------------------
-------------------------------------------------*/
img { max-width: 100%; vertical-align: bottom; }

/* link
-------------------------------------------------
-------------------------------------------------*/
a { outline: none; text-decoration: none; }

/* weight
-------------------------------------------------
-------------------------------------------------*/
span, em { font-weight: inherit; }

/* other
-------------------------------------------------
-------------------------------------------------*/
iframe { max-width: 100%; }

.break { font-weight: inherit; display: inline-block; }

@media (max-width: 599px) { .tableWrap01 { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } }

.tableWrap01 table { border-collapse: collapse; width: 720px; }

@media (min-width: 600px) { .tableWrap01 table { margin: 0 auto; } }

.tableWrap01 th, .tableWrap01 td { border: 1px solid #696766; vertical-align: middle; text-align: center; }

@media (max-width: 599px) { .tableWrap01 th, .tableWrap01 td { padding: 2px 0; } }

.tableWrap01 th { padding: 0 5px; background: #e9e5e2; font-size: 1.2rem; }

.tableWrap01 td { font-size: 1.2rem; font-weight: 400; }

.tableWrap01 tr:first-child th { height: 55px; }

.tableWrap01 tr:nth-child(2n-1) td { background: #f8f7f6; }

.tableWrap01 .red { color: #e60012; }

.bnrArea a:hover { opacity: .7; }

.mw_wp_form_confirm .before, .mw_wp_form_complete .before { display: none; }

.mw_wp_form_input .confirm, .mw_wp_form_complete .confirm { display: none; }

header { position: relative; height: 78px; z-index: 2; }

@media (min-width: 600px) { header { padding: 20px 0 0; height: 120px; overflow: hidden; } }

header .logo { padding: 20px 0 10px 5px; max-width: 305px; width: 80%; }

@media (min-width: 600px) { header .logo { float: left; padding: 25px 0 0; width: 305px; max-width: none; } }

header .hdNav { width: 100%; }

header .hdNav ul li a { display: block; background: #dc76a3; color: #fff; }

header .hdNav ul li:nth-child(2n) a { background: #abc708; }

header .gNav ul li a { display: block; }

@media (max-width: 599px) { header .hdNavArea { display: none; width: 100%; position: absolute; top: 78px; left: 0; }
  header .hdNav { width: 100%; }
  header .hdNav ul li a { position: relative; padding: 10px 30px; }
  header .hdNav ul li a:after { content: ""; display: block; width: 6px; height: 6px; border-right: 2px solid #fff; border-top: 2px solid #fff; position: absolute; top: 50%; right: 25px; -ms-transform: rotate(45deg); transform: rotate(45deg); margin: -5px 0 0; }
  header .gNav { background: #fff; }
  header .gNav ul li { border-bottom: 1px dotted #606060; }
  header .gNav ul li a { color: #202020; position: relative; padding: 10px 30px; }
  header .gNav ul li a:after { content: ""; display: block; width: 6px; height: 6px; border-right: 2px solid #666; border-top: 2px solid #666; position: absolute; top: 50%; right: 25px; -ms-transform: rotate(45deg); transform: rotate(45deg); margin: -5px 0 0; } }

@media (min-width: 600px) { header .hdNavArea { width: 550px; float: right; text-align: right; }
  header .hdNav { display: inline-block; width: 540px; margin: 0 0 30px; font-size: 1.1rem; }
  header .hdNav ul li { margin: 0 0 0 9px; display: inline-block; color: #fff; }
  header .hdNav ul li a { width: 120px; line-height: 18px; text-align: center; }
  header .hdNav ul li a:hover { opacity: .7; }
  header .gNav { display: inline-block; width: 450px; font-size: 1.2rem; line-height: 1.8; text-align: right; }
  header .gNav ul { display: inline-block; margin: 0 auto; text-align: left; }
  header .gNav ul li { display: inline-block; }
  header .gNav ul li a { color: #595757; display: block; margin: 0 0 0 34px; }
  header .gNav ul li a:hover { text-decoration: underline; } }

header .menu-trigger, header .menu-trigger span { transition: all .4s; box-sizing: border-box; }

header .menu-trigger { display: inline-block; position: absolute; top: 10px; right: 5px; background: #dc76a3; width: 50px; height: 44px; border-radius: 3px; }

@media (min-width: 600px) { header .menu-trigger { display: none; } }

header .menu-trigger span { display: inline-block; position: absolute; left: 10%; width: 80%; height: 4px; background-color: #fff; border-radius: 4px; }

header .menu-trigger span:nth-of-type(1) { top: 8px; }

header .menu-trigger span:nth-of-type(2) { top: 20px; }

header .menu-trigger span:nth-of-type(3) { bottom: 8px; }

header .menu-trigger.active span:nth-of-type(1) { -ms-transform: translateY(20px) rotate(-45deg); transform: translateY(20px) rotate(-45deg); }

header .menu-trigger.active span:nth-of-type(2) { opacity: 0; }

header .menu-trigger.active span:nth-of-type(3) { -ms-transform: translateY(-20px) rotate(45deg); transform: translateY(-20px) rotate(45deg); }

.mainimg.branch { height: 90px; text-align: center; }

@media (min-width: 600px) { .mainimg.branch { height: 180px; } }

.mainimg.branch p { font-size: 2.5rem; font-weight: 700; padding: 30px 0 0; }

@media (min-width: 600px) { .mainimg.branch p { padding: 72px 0 0; } }

footer .ftContact { margin: 0 0 60px; font-weight: 700; text-align: center; }

footer .ftContact img { margin: 0 0 0 25px; vertical-align: middle; }

footer .ftNav { padding: 3px 0 0; background: url(../img/common/ft_dot.png) repeat-x; font-size: 1.2rem; line-height: 1.8; }

@media (min-width: 600px) { footer .ftNav { padding: 20px 0 0; } }

footer .ftNav ul { margin: 0 auto; text-align: center; overflow: hidden; }

@media (min-width: 600px) { footer .ftNav ul { width: 600px; } }

@media (max-width: 599px) { footer .ftNav ul li { float: left; width: 50%; } }

@media (min-width: 600px) { footer .ftNav ul li { display: inline-block; } }

footer .ftNav ul li a { color: #595757; display: block; }

@media (max-width: 599px) { footer .ftNav ul li a { padding: 15px 0; border-bottom: 1px dotted #666; } }

@media (min-width: 600px) { footer .ftNav ul li a { margin: 0 17px; } }

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

@media (max-width: 599px) { footer .ftNav ul li:nth-child(2n-1) a { border-right: 1px dotted #666; } }

footer .copyright { padding: 25px 0; font-size: 1.2rem; text-align: center; }

.link-comp{display:none;}