@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Questrial");
/**************
Sass Mixin
**************/
html {
  font-size: 62.5%;
  height: -webkit-fill-available; }
  html * {
    box-sizing: border-box;
    word-wrap: break-word; }

body {
  font-size: 1.5em;
  background: #FFF;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  line-height: 1.6;
  padding: 0;
  margin: 0;
  vertical-align: baseline;
  height: -webkit-fill-available;
  min-height: 100vh; }

*::-moz-selection {
  background: #595757 none repeat scroll 0 0;
  color: #FFF; }

*::selection {
  background: #595757 none repeat scroll 0 0;
  color: #FFF; }

.container {
  max-width: 1010px; }

a {
  text-decoration: none;
  color: #727171;
  outline: none;
  font-weight: bold; }
  a:hover {
    color: #595757; }

select, input, button, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

img {
  max-width: 100%; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/**************
Layout Set
**************/
.wrap, .container {
  width: 92%;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 1120px) {
    .wrap, .container {
      max-width: 1000px; } }

.middlewrap {
  width: 92%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }

.shortwrap {
  width: 92%;
  max-width: 856px;
  margin-left: auto;
  margin-right: auto; }

.page_section {
  padding: 80px 0; }
  @media (max-width: 820.9px) {
    .page_section {
      padding: 40px 0 40px; } }
  .page_section__white {
    background-color: #fff; }
  .page_section__gray {
    background-color: #f3f3f3; }
  .page_section__blue {
    background-color: #294F7B; }

.page_top_section {
  padding: 64px 0 120px; }
  @media (max-width: 820.9px) {
    .page_top_section {
      padding: 40px 0 40px; } }

/**************
Common Parts
**************/
/* Titles */
.heading1, .single_content h1 {
  background-color: #727171;
  color: #FFF;
  padding: 10px; }

.heading2 {
  background: #FCFCFC;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FCFCFC 0%, #EDEDED 50%, #E2E2E2 51%, #EDEDED 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCFCFC), color-stop(50%, #EDEDED), color-stop(51%, #E2E2E2), color-stop(100%, #EDEDED));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FCFCFC 0%, #EDEDED 50%, #E2E2E2 51%, #EDEDED 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FCFCFC 0%, #EDEDED 50%, #E2E2E2 51%, #EDEDED 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #FCFCFC 0%, #EDEDED 50%, #E2E2E2 51%, #EDEDED 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFC', endColorstr='#EDEDED',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #FCFCFC 0%, #EDEDED 50%, #E2E2E2 51%, #EDEDED 100%);
  /* W3C */
  padding: 15px 10px;
  color: #333;
  border: 1px #DDD solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 1px 1px 1px #FFF;
  -webkit-box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.1);
  font-size: 18px;
  font-weight: normal; }

.heading3 {
  position: relative;
  font-size: 16px;
  border-left: 6px solid #002F8F;
  text-indent: 12px;
  margin-bottom: 20px;
  padding: 3px 0; }

.heading3:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 0;
  width: 100%; }

.heading4 {
  padding: 8px 0 8px 16px;
  font-size: 16px;
  margin-bottom: 20px;
  color: #595757;
  border-bottom: 1px #ccc solid;
  position: relative;
  line-height: 1.6; }
  .heading4::before {
    content: "";
    display: block;
    width: 4px;
    height: 72%;
    position: absolute;
    left: 0;
    top: 14%;
    background-color: #727171; }

.heading5 {
  background-color: #294F7B;
  font-size: 1.5rem;
  color: white;
  padding: 5px 12px;
  font-weight: bold;
  margin-bottom: 18px; }

.heading6 {
  position: relative;
  font-size: 24px;
  margin-bottom: 20px;
  padding: 3px 0 3px 16px; }
  @media (max-width: 820.9px) {
    .heading6 {
      font-size: 1.76rem; } }
  .heading6::before {
    content: "";
    display: block;
    width: 4px;
    height: 72%;
    position: absolute;
    top: 14%;
    left: 0;
    background-color: #595757; }

.heading7 {
  background: #F3F3F3;
  padding: 8px;
  font-weight: bold !important;
  font-size: 15px; }

.heading8 {
  border: 1px #294F7B solid;
  padding: 8px;
  color: #294F7B;
  font-weight: bold !important;
  background: #F1F2FF;
  margin-bottom: 20px; }

.heading9 {
  border: 1px #D8C600 solid;
  padding: 8px;
  color: #D8C600;
  font-weight: bold !important;
  background: #FEFFEF; }

.heading10 {
  font-size: 20px;
  font-family: 'questserrat', "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold !important;
  text-align: center;
  margin-bottom: 10px; }

.heading10 span {
  font-size: 28px; }

.heading11 {
  font-size: 30px; }

.heading12 {
  font-size: 20px;
  margin-top: 33px; }

.heading12::after {
  height: 2px;
  display: block;
  width: 150px;
  background: #FFF;
  margin: 10px auto 20px;
  content: ""; }

.top-title {
  border-bottom: 1px #ccc solid;
  font-size: 2rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 8px; }
  .top-title::after {
    content: "";
    display: block;
    width: 100px;
    height: 2px;
    background-color: #294F7B;
    position: absolute;
    left: 0;
    bottom: -1px; }
  .top-title small {
    font-family: 'Questrial', sans-serif;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1.5; }
  .top-title .titleLink {
    font-size: 13px;
    float: right; }
    .top-title .titleLink a {
      font-size: 13px; }

/* Buttons */
.btn-default {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
  background-color: #595757;
  position: relative;
  border: 2px #595757 solid;
  text-decoration: none;
  transition: all .3s ease;
  height: 40px;
  width: 280px; }
  .btn-default:hover {
    background-color: #fff;
    color: #595757; }
  .btn-default::after {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    font-family: "Font Awesome 5 Free";
    content: "\f105"; }
    @media (max-width: 820.9px) {
      .btn-default::after {
        margin-top: -7px; } }
  .btn-default.mauto {
    margin-left: auto;
    margin-right: auto; }
  .btn-default.eng {
    font-family: 'Questrial', sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: .04em; }

.btn-with-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-family: 'Questrial', sans-serif;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: .04em; }
  .btn-with-arrow span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    border: 2px #fff solid;
    position: relative;
    margin-left: 12px; }
    .btn-with-arrow span .arrow_white {
      display: block;
      width: 16px;
      margin-top: -4px;
      transition: all .3s ease; }
  .btn-with-arrow:hover {
    color: white; }
    .btn-with-arrow:hover span .arrow_white {
      transform: translateX(12px); }

.btn-sm-white {
  background-color: white;
  color: #595757;
  display: inline-block;
  padding: 2px 12px;
  border: 1px #ccc solid;
  border-radius: 4px;
  transition: all .4s ease; }
  .btn-sm-white:hover {
    background-color: #eee;
    color: #666; }
  .btn-sm-white i {
    display: inline-block;
    margin-right: 5px; }

.btn-block {
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 821px) {
    .btn-block {
      width: 464px;
      height: 80px;
      font-size: 2rem; } }

/* Tables */
.table-s1 {
  width: 100%; }
  .table-s1 th {
    padding: 12px 24px;
    text-align: left; }
    @media (min-width: 821px) {
      .table-s1 th {
        border-bottom: 1px #294F7B solid;
        width: 200px; } }
    @media (max-width: 820.9px) {
      .table-s1 th {
        width: 100%;
        display: block;
        background-color: #f3f3f3;
        padding: 8px; } }
  .table-s1 td {
    background-color: #fff;
    padding: 12px 24px; }
    @media (min-width: 821px) {
      .table-s1 td {
        border-bottom: 1px #ddd solid; } }
    @media (max-width: 820.9px) {
      .table-s1 td {
        width: 100%;
        display: block;
        padding: 10px 0; } }

.table-s2 {
  width: 100%; }
  .table-s2 thead tr th {
    text-align: center;
    background-color: #eee;
    padding: 4px 12px;
    border: 1px #ccc solid; }
    @media (max-width: 820.9px) {
      .table-s2 thead tr th {
        padding: 4px 6px;
        font-size: 1.3rem;
        line-height: 1.6; } }
  .table-s2 tbody th {
    padding: 4px 12px;
    background-color: #294F7B;
    text-align: center;
    border: 1px #ddd solid; }
    @media (min-width: 821px) {
      .table-s2 tbody th {
        width: 70px; } }
    @media (max-width: 820.9px) {
      .table-s2 tbody th {
        width: 55px;
        padding: 4px 6px;
        font-size: 1.3rem;
        line-height: 1.6; } }
  .table-s2 tbody td {
    background-color: #fff;
    padding: 4px 12px;
    border: 1px #ddd solid; }
    @media (max-width: 820.9px) {
      .table-s2 tbody td {
        padding: 4px 6px;
        font-size: 1.3rem;
        line-height: 1.6; } }

/* Parts */
.sq1 {
  padding-left: 15px;
  position: relative;
  font-weight: bold;
  line-height: 1.5; }
  .sq1::before {
    width: 10px;
    height: 10px;
    background-color: #D8C600;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 7px; }

.sq_white {
  padding-left: 15px;
  position: relative;
  font-weight: bold;
  line-height: 1.5;
  color: white; }
  .sq_white::before {
    width: 10px;
    height: 10px;
    background-color: white;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 7px; }

/* Lists */
.list-disc, .sitemap ul {
  margin-left: 15px; }
  .list-disc li, .sitemap ul li {
    list-style: disc; }
    .list-disc li b, .sitemap ul li b {
      display: inline-block;
      margin-right: 10px; }

.list-decimal {
  margin-left: 20px; }
  .list-decimal li {
    list-style: decimal; }
    .list-decimal li b {
      display: inline-block;
      margin-right: 10px; }

.list-check li {
  position: relative;
  padding: 2px 0 2px 28px; }
  .list-check li::before {
    content: "";
    display: block;
    background: url(../images/common/icon_check_black.png) no-repeat center;
    background-size: contain;
    width: 20px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 6px; }
  .list-check li span {
    font-weight: bold;
    color: #294F7B; }

.list-decimal_bracket {
  margin-left: 2em; }
  .list-decimal_bracket li {
    list-style-type: none;
    counter-increment: cnt; }
    .list-decimal_bracket li::before {
      content: "(" counter(cnt) ")";
      display: inline-block;
      margin-left: -2em;
      /* サイトに合せて調整 */
      width: 2em;
      /* サイトに合せて調整 */
      text-align: center; }

/* Boxes */
.borderBox {
  background-color: #fff6f9;
  border: #ccc solid 1px;
  padding: 24px 40px; }
  @media (max-width: 820.9px) {
    .borderBox {
      padding: 16px; } }

/* Texts */
@media (min-width: 1120px) {
  .strong_text {
    font-size: 1.8rem;
    text-align: center; } }

.page_top_text {
  text-align: center;
  font-size: 2.2rem; }
  @media (max-width: 820.9px) {
    .page_top_text {
      text-align: left;
      font-size: 1.7rem; } }

.white_text {
  color: white; }

.blue_text {
  color: #294F7B;
  font-weight: bold; }

/* Others */
.bg-light {
  padding: 10px 15px;
  margin-bottom: 10px;
  background: #fcfcfc;
  border: solid 1px #e5e5e5; }

.anchor {
  padding-top: 100px;
  margin-top: -100px; }
  @media (max-width: 820.9px) {
    .anchor {
      padding-top: 80px;
      margin-top: -80px; } }

.sp-scroll {
  width: 100%;
  overflow-x: auto; }

.underconst {
  background-color: #fff;
  text-align: center;
  margin: 50px auto;
  padding: 80px 0;
  border: 1px #ddd solid;
  border-radius: 5px; }

@media (max-width: 559.9px) {
  .sp_none {
    display: none; } }

@keyframes fadeIn {
  0% {
    transform: translateY(20px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    transform: translateY(20px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
.breadcrumbs {
  box-shadow: inset 0 0 4px #111;
  background: url(../img/bg/pagetitle.png) repeat;
  margin-bottom: 40px; }
  @media (max-width: 820.9px) {
    .breadcrumbs {
      margin-top: 64px; } }
  .breadcrumbs .wrap, .breadcrumbs .container {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (min-width: 821px) {
      .breadcrumbs .wrap, .breadcrumbs .container {
        height: 80px; } }
    @media (max-width: 820.9px) {
      .breadcrumbs .wrap, .breadcrumbs .container {
        padding: 24px 0;
        flex-wrap: wrap; } }
    .breadcrumbs .wrap .pull-left, .breadcrumbs .container .pull-left {
      color: white;
      font-size: 2.2rem;
      font-weight: bold; }
      @media (max-width: 820.9px) {
        .breadcrumbs .wrap .pull-left, .breadcrumbs .container .pull-left {
          font-size: 1.84rem; } }

.breadcrumb {
  font-size: 72%;
  color: #fff; }
  .breadcrumb span {
    display: inline-block; }
    .breadcrumb span a {
      color: #aaa;
      font-weight: normal; }

.flex_content {
  width: 100%; }
  @media (min-width: 821px) {
    .flex_content {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
      .flex_content.start {
        align-items: flex-start; }
      .flex_content.center {
        align-items: center;
        justify-content: center; } }
  @media (min-width: 821px) {
    .flex_content_r {
      flex-direction: row-reverse; } }
  @media (max-width: 820.9px) {
    .flex_content > .item {
      width: 100%; }
      .flex_content > .item:not(:last-child) {
        margin-bottom: 24px; } }
  @media (min-width: 821px) {
    .flex_content .item_1 {
      width: 12%; } }
  @media (min-width: 821px) {
    .flex_content .item_2 {
      width: 21%; } }
  @media (min-width: 821px) {
    .flex_content .item_3 {
      width: 33%; } }
  @media (min-width: 821px) {
    .flex_content .item_4 {
      width: 47.5%; } }
  @media (min-width: 821px) {
    .flex_content .item_5 {
      width: 62%; } }
  @media (min-width: 821px) {
    .flex_content .item_6 {
      width: 73%; } }
  @media (min-width: 821px) {
    .flex_content .item_7 {
      width: 84%; } }

.page-content {
  width: 100%;
  padding-bottom: 50px; }
  @media (min-width: 821px) {
    .page-content {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; } }
  @media (max-width: 559.9px) {
    .page-content {
      padding-bottom: 32px; } }
  @media (min-width: 821px) {
    .page-content > .col-md-9 {
      width: 72%; } }
  @media (min-width: 821px) {
    .page-content > .col-md-3 {
      width: 22%; } }
  @media (max-width: 820.9px) {
    .page-content > .col-md-3 {
      margin-top: 32px;
      border-top: 1px #ccc solid;
      padding-top: 32px; } }

@media (min-width: 821px) {
  .leftColumn {
    width: 72%; } }

@media (min-width: 821px) {
  .rightColumn {
    width: 22%; } }
@media (max-width: 820.9px) {
  .rightColumn {
    margin-top: 32px;
    border-top: 1px #ccc solid;
    padding-top: 32px; } }

.divider-full {
  margin: 35px 0;
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px #aaa dotted; }
  @media (max-width: 820.9px) {
    .divider-full {
      margin: 20px 0; } }

#sidebar .heading1, #sidebar .single_content h1, .single_content #sidebar h1 {
  font-size: 1.4rem; }

.sidebar-nav-v1 {
  margin-bottom: 20px; }
  .sidebar-nav-v1 li {
    font-size: 1.4rem; }
    .sidebar-nav-v1 li.list-group-item {
      position: relative;
      display: block;
      margin-bottom: -1px;
      background-color: #ffffff;
      border: 1px solid #dddddd; }
    .sidebar-nav-v1 li.active {
      background: #f3f3f3;
      border-color: #ddd; }
    .sidebar-nav-v1 li a {
      display: block;
      padding: 8px 12px; }

/**************
Header
**************/
.headerTop {
  width: 100%;
  height: 24px;
  padding: 4px 0; }
  @media (max-width: 820.9px) {
    .headerTop {
      display: none; } }
  .headerTop .headerTop_inner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .headerTop .headerTop_inner .head_top_h1 {
      color: #7c8082;
      font-size: 1.1rem;
      font-weight: normal; }
      @media (max-width: 820.9px) {
        .headerTop .headerTop_inner .head_top_h1 {
          display: none; } }
    .headerTop .headerTop_inner .iconNavi {
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 820.9px) {
        .headerTop .headerTop_inner .iconNavi {
          display: none; } }
      .headerTop .headerTop_inner .iconNavi li a {
        color: #7c8082;
        font-size: 1.1rem;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal; }
        .headerTop .headerTop_inner .iconNavi li a i {
          margin-right: 4px; }
      .headerTop .headerTop_inner .iconNavi li.devider {
        width: 1px;
        height: 12px;
        margin: 0 6.4px;
        display: block;
        background-color: #7c8082; }

#header {
  width: 100%;
  background-color: white; }
  @media (max-width: 820.9px) {
    #header {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 6;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
      .logged-in #header {
        top: 46px; } }
  #header .header_inner {
    width: 100%;
    height: 72px;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 820.9px) {
      #header .header_inner {
        height: 64px; } }

.header_logo {
  display: block;
  width: 160px; }
  @media (max-width: 1119.9px) {
    .header_logo {
      margin-left: 4vw; } }

@media (max-width: 1119.9px) {
  #globalNavi {
    height: 100%;
    position: fixed;
    top: 0;
    transition: all .2s ease;
    background-color: #D9D9D9;
    overflow: auto;
    z-index: 11; } }
@media (min-width: 821px) and (max-width: 1119.9px) {
  #globalNavi {
    width: 400px;
    right: -400px; } }
@media (max-width: 820.9px) {
  #globalNavi {
    width: calc(100vw - 40px);
    left: 100%;
    top: 0;
    height: 100vh;
    padding-top: 96px; } }
#globalNavi .navi_ul {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (min-width: 1120px) {
    #globalNavi .navi_ul {
      width: 720px; } }
  @media (max-width: 1119.9px) {
    #globalNavi .navi_ul {
      text-align: center;
      width: 100%;
      margin: 0 auto;
      overflow: auto;
      -webkit-overflow-scrolling: touch; } }
  @media (min-width: 821px) and (max-width: 1119.9px) {
    #globalNavi .navi_ul {
      margin-top: 32px;
      background: #fff; } }
  @media (max-width: 820.9px) {
    #globalNavi .navi_ul {
      padding-bottom: 10px; } }
  @media (min-width: 1120px) {
    #globalNavi .navi_ul > li {
      width: 18%;
      position: relative; }
      #globalNavi .navi_ul > li:first-child {
        width: 3%; }
      #globalNavi .navi_ul > li:nth-child(4) {
        width: 21%; }
      #globalNavi .navi_ul > li:nth-child(5) {
        width: 26%; } }
  @media (max-width: 820.9px) {
    #globalNavi .navi_ul > li {
      background-color: #fff;
      margin-bottom: 3px; } }
  #globalNavi .navi_ul > li .dropdown-menu {
    max-height: 0;
    height: 0;
    visibility: hidden;
    border-top: 1px #fff solid; }
    @media (min-width: 1120px) {
      #globalNavi .navi_ul > li .dropdown-menu {
        transition: all .2s ease-in;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        left: 50%;
        top: 52px;
        margin-left: -100px;
        text-align: center;
        position: absolute;
        background: white;
        z-index: 5;
        border-top: 2px #294F7B solid;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        width: 200px; } }
    @media (max-width: 1119.9px) {
      #globalNavi .navi_ul > li .dropdown-menu {
        display: none;
        border-bottom: 1px #777 solid; } }
    #globalNavi .navi_ul > li .dropdown-menu li {
      border-bottom: 1px #ddd solid; }
      #globalNavi .navi_ul > li .dropdown-menu li a {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: all .3s ease;
        color: #595757;
        font-size: 1.3rem;
        font-weight: normal; }
        @media (max-width: 1119.9px) {
          #globalNavi .navi_ul > li .dropdown-menu li a {
            border-top: 1px #ddd solid; } }
        #globalNavi .navi_ul > li .dropdown-menu li a:hover {
          background-color: #294F7B;
          color: white; }
  #globalNavi .navi_ul > li:hover .header-nav-item i, #globalNavi .navi_ul > li:hover .header-nav-item span {
    color: #294F7B; }
  @media (min-width: 1120px) {
    #globalNavi .navi_ul > li:hover .dropdown-menu {
      visibility: visible;
      max-height: 9999px;
      height: auto;
      opacity: 1; } }

.header-nav-item {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  flex-direction: column; }
  @media (min-width: 821px) and (max-width: 1119.9px) {
    .header-nav-item {
      color: #333;
      border-bottom: 1px #D9D9D9 solid;
      width: 100%; } }
  @media (max-width: 820.9px) {
    .header-nav-item {
      background-color: #595757;
      width: 100%;
      line-height: 1.3; } }
  .header-nav-item span {
    display: block;
    text-align: center;
    color: #595757; }
    @media (max-width: 820.9px) {
      .header-nav-item span {
        color: white; } }
    .header-nav-item span.eng {
      font-family: 'Questrial', sans-serif;
      font-size: 1.5rem;
      font-weight: normal;
      line-height: 1.5;
      line-height: 1;
      margin-bottom: 4px; }
    .header-nav-item span.jp {
      font-size: 1.2rem;
      font-weight: normal;
      line-height: 1; }

.menuBtn {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  @media (min-width: 1120px) {
    .menuBtn {
      display: none; } }
  @media (max-width: 1119.9px) {
    .menuBtn {
      margin-right: 4vw; } }
  @media (min-width: 821px) and (max-width: 1119.9px) {
    .menuBtn {
      width: 72px;
      height: 72px; } }

@media (max-width: 1119.9px) {
  .nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    z-index: 4; } }
@media (min-width: 821px) and (max-width: 1119.9px) {
  .nav-open {
    left: 35px;
    margin-top: -14px; } }
@media (max-width: 820.9px) {
  .nav-open {
    left: 14px; } }

@media (max-width: 1119.9px) {
  .nav-open span,
  .nav-open span:before,
  .nav-open span:after {
    position: absolute;
    background: #333;
    display: block;
    content: '';
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } }
@media (min-width: 821px) and (max-width: 1119.9px) {
  .nav-open span,
  .nav-open span:before,
  .nav-open span:after {
    height: 3px;
    width: 30px;
    border-radius: 5px; } }
@media (max-width: 820.9px) {
  .nav-open span,
  .nav-open span:before,
  .nav-open span:after {
    height: 2px;
    width: 20px;
    border-radius: 3px; } }

@media (min-width: 821px) and (max-width: 1119.9px) {
  .nav-open span:before {
    bottom: -11px; } }
@media (max-width: 820.9px) {
  .nav-open span:before {
    bottom: -8px; } }

@media (min-width: 821px) and (max-width: 1119.9px) {
  .nav-open span:after {
    bottom: -22px; } }
@media (max-width: 820.9px) {
  .nav-open span:after {
    bottom: -16px; } }

@media (max-width: 1119.9px) {
  .menu-open .nav-open span {
    background-color: transparent; } }

@media (max-width: 1119.9px) {
  .menu-open .nav-open span::before,
  .menu-open .nav-open span::after {
    height: 2px;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    position: absolute;
    top: 6px;
    left: 0;
    content: ''; } }

.menu-open .nav-open span::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.menu-open .nav-open span::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#sp_menu {
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  height: -webkit-fill-available;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  transition: all .5s ease;
  transform: translateX(100vw); }
  @media (min-width: 821px) and (max-width: 1119.9px) {
    #sp_menu {
      width: 400px; } }
  #sp_menu.opened {
    transform: translateX(0); }
    @media (min-width: 821px) and (max-width: 1119.9px) {
      #sp_menu.opened {
        transform: translateX(calc(100vw - 400px)); } }

.sp_menu {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  overflow-y: auto;
  background-color: #f3f3f3; }
  @media (min-width: 821px) and (max-width: 1119.9px) {
    .sp_menu {
      width: 400px; } }
  .sp_menu .inner {
    padding: 16px 24px 80px; }
    .sp_menu .inner header {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 24px; }
      @media (min-width: 821px) {
        .sp_menu .inner header .header_logo {
          width: 176px;
          margin-left: 0; } }
      @media (max-width: 820.9px) {
        .sp_menu .inner header .header_logo {
          width: 160px;
          margin-left: 0; } }
      .sp_menu .inner header .btn_close {
        display: block;
        width: 24px; }
    .sp_menu .inner .navi_ul > li {
      margin-bottom: 3px; }
      .sp_menu .inner .navi_ul > li:first-child {
        display: none; }
      .sp_menu .inner .navi_ul > li .dropdown-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 1px; }
        .sp_menu .inner .navi_ul > li .dropdown-menu > li {
          width: calc(50% - .5px);
          margin-bottom: 1px; }
          .sp_menu .inner .navi_ul > li .dropdown-menu > li a {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: white;
            font-size: 1.2rem;
            font-weight: bold;
            color: #727171;
            height: 40px;
            line-height: 1.5; }
    .sp_menu .inner .head_buttons {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: 56px;
      margin: 8px auto 0; }
      .sp_menu .inner .head_buttons .button {
        width: 49%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-family: 'Questrial', sans-serif;
        font-size: 1.3rem;
        font-weight: normal;
        line-height: 1.5; }
        .sp_menu .inner .head_buttons .button i {
          margin-right: 4px; }
        .sp_menu .inner .head_buttons .button.pink {
          background-color: #8C0027; }
        .sp_menu .inner .head_buttons .button.green {
          background-color: #294F7B; }

/**************
Footer
**************/
.footer {
  background-color: #595757;
  padding: 32px 0; }
  @media (max-width: 820.9px) {
    .footer {
      display: none; } }
  .footer ul li a {
    color: white; }

.footInner {
  width: 100%; }
  @media (min-width: 821px) {
    .footInner {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; } }
  @media (min-width: 821px) {
    .footInner .footBlock {
      width: 18%; }
      .footInner .footBlock:first-child, .footInner .footBlock:last-child, .footInner .footBlock:nth-child(3) {
        width: 13%; } }
  .footInner .footBlock p a {
    font-size: 1.4rem;
    font-weight: normal; }
    .footInner .footBlock p a:hover {
      color: #DEAA9E; }
  .footInner .footBlock p.eng a {
    font-family: 'Questrial', sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.5; }
  .footInner .footBlock ul li a {
    color: white;
    font-weight: normal;
    font-size: 1.2rem; }
    .footInner .footBlock ul li a:hover {
      color: #DEAA9E; }

@media (max-width: 820.9px) {
  .copyright {
    border-top: 1px #727171 solid; } }

.footer_bottom {
  width: 100%;
  padding: 24px 0 40px; }
  @media (min-width: 821px) {
    .footer_bottom {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; } }
  @media (min-width: 821px) {
    .footer_bottom .col-md-7 {
      width: 64%; } }
  @media (min-width: 821px) {
    .footer_bottom .col-md-5 {
      width: 36%; } }
  @media (max-width: 820.9px) {
    .footer_bottom .col-md-5 {
      margin-top: 12px; } }
  .footer_bottom .foot_logo {
    display: block;
    width: 176px;
    margin-bottom: 12px; }
    @media (max-width: 820.9px) {
      .footer_bottom .foot_logo {
        margin: 0 auto 24px; } }
  .footer_bottom .footMiddle {
    font-size: 11px; }
    .footer_bottom .footMiddle ul {
      padding: 0;
      margin: 8px 0; }
      .footer_bottom .footMiddle ul li {
        list-style: none;
        background-size: 6px 6px;
        padding-left: 10px;
        text-align: left;
        position: relative; }
        .footer_bottom .footMiddle ul li::before {
          content: "";
          display: block;
          width: 6px;
          height: 6px;
          background-color: #595757;
          position: absolute;
          left: 0;
          top: 50%;
          margin-top: -3px; }
          @media (max-width: 820.9px) {
            .footer_bottom .footMiddle ul li::before {
              top: 6px;
              margin-top: 0; } }
  .footer_bottom .copyright-space {
    font-size: 1.2rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end; }
    @media (max-width: 820.9px) {
      .footer_bottom .copyright-space {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px; } }
    .footer_bottom .copyright-space a {
      font-weight: normal;
      padding: 0 4px; }
      @media (max-width: 820.9px) {
        .footer_bottom .copyright-space a {
          font-weight: bold; } }
      .footer_bottom .copyright-space a:hover {
        text-decoration: underline; }
  .footer_bottom .copyright-text {
    margin-top: 16px;
    font-family: 'Questrial', sans-serif;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1.5;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end; }
    @media (max-width: 820.9px) {
      .footer_bottom .copyright-text {
        display: flex;
        align-items: center;
        justify-content: center; } }

@media (min-width: 768px) {
  .footMiddle ul li span:first-child {
    width: 100px;
    display: inline-block; }

  .footMiddle ul li span:nth-child(2) {
    width: 170px;
    display: inline-block; } }
@media (max-width: 768px) {
  .footMiddle ul li span:first-child, .footMiddle ul li span:nth-child(2) {
    display: block; }

  .footMiddle ul li span:nth-child(2) {
    display: inline-block;
    margin-right: 10px; } }
/**************
MainVisual
**************/
.mainVisual {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0 auto 50px; }
  @media (max-width: 820.9px) {
    .mainVisual {
      margin: 72px auto 24px; } }
  .mainVisual .main_slider {
    max-width: 980px;
    margin: 0 auto; }
    @media (min-width: 821px) {
      .mainVisual .main_slider {
        height: 480px; } }
    @media (max-width: 820.9px) {
      .mainVisual .main_slider {
        width: 90%; } }
  @media (max-width: 820.9px) {
    .mainVisual .swiper-container {
      padding-bottom: 30px; } }
  .mainVisual .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    .mainVisual .swiper-slide .main_slide_img {
      display: block;
      min-width: 100%;
      min-height: 100%; }
  .mainVisual .swiper-button-prev, .mainVisual .swiper-button-next {
    z-index: 2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(50vw - 514px);
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    transition: all .3s ease;
    top: 0;
    margin-top: 0; }
    @media (max-width: 820.9px) {
      .mainVisual .swiper-button-prev, .mainVisual .swiper-button-next {
        display: none; } }
    .mainVisual .swiper-button-prev::after, .mainVisual .swiper-button-next::after {
      display: none; }
    .mainVisual .swiper-button-prev .arrow, .mainVisual .swiper-button-next .arrow {
      display: block;
      width: 20px; }
      @media (max-width: 559.9px) {
        .mainVisual .swiper-button-prev .arrow, .mainVisual .swiper-button-next .arrow {
          width: 10px; } }
  .mainVisual .swiper-button-prev {
    left: 0;
    justify-content: flex-end;
    padding-right: 24px; }
    .mainVisual .swiper-button-prev.swiper-button-disabled {
      opacity: .7; }
  .mainVisual .swiper-button-next {
    right: 0;
    justify-content: flex-start;
    padding-left: 24px; }
    .mainVisual .swiper-button-next.swiper-button-disabled {
      opacity: .7; }
  @media (max-width: 820.9px) {
    .mainVisual .swiper-pagination {
      bottom: 0px; } }
  .mainVisual .swiper-pagination .swiper-pagination-bullet {
    background-color: #eee;
    opacity: 1;
    border-radius: 0; }
    .mainVisual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #294F7B; }

/**************
HOME
**************/
.top-style1 {
  font-family: 'Questrial', sans-serif;
  font-size: 3rem;
  font-weight: normal;
  line-height: 1.5;
  color: #727171; }
  @media (max-width: 820.9px) {
    .top-style1 {
      font-size: 2.1rem; } }

h4.tm-head {
  font-size: 30px;
  border-bottom: 1px #727171 dashed;
  padding-bottom: 15px; }
  @media (max-width: 559.9px) {
    h4.tm-head {
      font-size: 22px; } }

.tm-text {
  font-size: 15px; }
  @media (max-width: 559.9px) {
    .tm-text {
      text-align: left; } }

#productBlock {
  background: #f3f3f3;
  padding: 30px 0 50px;
  margin-top: 50px;
  width: 100%;
  overflow: hidden; }
  #productBlock .adding {
    color: #666;
    margin-bottom: 30px; }

.recommend_product_slider {
  width: 100%;
  margin: 0 auto;
  position: relative; }
  .recommend_product_slider .swiper-button-prev, .recommend_product_slider .swiper-button-next {
    z-index: 2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -24px;
    top: 50%;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 40px; }
    @media (min-width: 560px) {
      .recommend_product_slider .swiper-button-prev, .recommend_product_slider .swiper-button-next {
        width: 48px;
        height: 48px; } }
    @media (max-width: 1119.9px) {
      .recommend_product_slider .swiper-button-prev, .recommend_product_slider .swiper-button-next {
        top: 40%; } }
    @media (min-width: 560px) and (max-width: 820.9px) {
      .recommend_product_slider .swiper-button-prev, .recommend_product_slider .swiper-button-next {
        top: 50%; } }
    @media (max-width: 559.9px) {
      .recommend_product_slider .swiper-button-prev, .recommend_product_slider .swiper-button-next {
        width: 24px;
        height: 24px;
        top: 50%;
        margin-top: -12px; } }
    .recommend_product_slider .swiper-button-prev::after, .recommend_product_slider .swiper-button-next::after {
      display: none; }
    .recommend_product_slider .swiper-button-prev .arrow, .recommend_product_slider .swiper-button-next .arrow {
      width: 16px; }
      @media (max-width: 559.9px) {
        .recommend_product_slider .swiper-button-prev .arrow, .recommend_product_slider .swiper-button-next .arrow {
          width: 8px; } }
  .recommend_product_slider .swiper-button-prev {
    left: -30px; }
    @media (max-width: 1119.9px) {
      .recommend_product_slider .swiper-button-prev {
        left: -10px; } }
    .recommend_product_slider .swiper-button-prev.swiper-button-disabled {
      opacity: .7; }
  .recommend_product_slider .swiper-button-next {
    right: -30px; }
    @media (max-width: 1119.9px) {
      .recommend_product_slider .swiper-button-next {
        right: -10px; } }
    .recommend_product_slider .swiper-button-next.swiper-button-disabled {
      opacity: .7; }
  .recommend_product_slider .productBox {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block; }
    .recommend_product_slider .productBox::before {
      content: "";
      display: block;
      padding-bottom: 100%; }
    .recommend_product_slider .productBox .productBoxinner .p-date {
      font-size: 96%;
      margin-top: 5px; }
    .recommend_product_slider .productBox .productBoxinner h3 {
      color: #727171;
      font-size: 104%; }
    .recommend_product_slider .productBox img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      z-index: 1; }

#eventBlock {
  background: url(../img/bg/top_bg1.png) repeat;
  padding: 40px 0 80px; }
  #eventBlock .top-style1 {
    color: white; }
  #eventBlock .ev-subtitle {
    color: #FFF;
    margin-bottom: 30px; }

.event_slider {
  width: 100%;
  position: relative; }
  .event_slider .swiper-wrapper {
    max-width: 1000px;
    margin: 0 auto; }
  .event_slider .swiper-button-prev, .event_slider .swiper-button-next {
    z-index: 2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    top: 50%;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 40px; }
    @media (min-width: 1120px) {
      .event_slider .swiper-button-prev, .event_slider .swiper-button-next {
        width: 40px;
        height: 40px;
        margin-top: -20px; } }
    @media (max-width: 1119.9px) {
      .event_slider .swiper-button-prev, .event_slider .swiper-button-next {
        width: 32px;
        height: 32px;
        top: 50%;
        margin-top: -16px; } }
    .event_slider .swiper-button-prev::after, .event_slider .swiper-button-next::after {
      display: none; }
  .event_slider .swiper-button-prev {
    left: -48px; }
    @media (max-width: 1119.9px) {
      .event_slider .swiper-button-prev {
        left: -10px; } }
    .event_slider .swiper-button-prev.swiper-button-disabled {
      opacity: .7; }
  .event_slider .swiper-button-next {
    right: -48px; }
    @media (max-width: 1119.9px) {
      .event_slider .swiper-button-next {
        right: -10px; } }
    .event_slider .swiper-button-next.swiper-button-disabled {
      opacity: .7; }

.topEvent {
  margin: 0 auto; }
  @media (min-width: 821px) {
    .topEvent {
      display: flex; } }
  .topEvent .topEventPhoto {
    position: relative;
    overflow: hidden;
    height: 350px; }
    @media (min-width: 1120px) {
      .topEvent .topEventPhoto {
        width: 715px; } }
    @media (min-width: 821px) and (max-width: 1119.9px) {
      .topEvent .topEventPhoto {
        width: 65%; } }
    @media (max-width: 820.9px) {
      .topEvent .topEventPhoto {
        width: 100%; }
        .topEvent .topEventPhoto::after {
          content: "";
          display: block;
          padding-top: 48%; } }
    .topEvent .topEventPhoto img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
  .topEvent .top-evBox {
    background: #FFF; }
    @media (min-width: 1120px) {
      .topEvent .top-evBox {
        width: calc(100% - 715px);
        height: 350px; } }
    @media (min-width: 821px) and (max-width: 1119.9px) {
      .topEvent .top-evBox {
        width: 35%;
        height: 350px; } }
    .topEvent .top-evBox .evBoxInner {
      padding: 24px;
      background: #FFF;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width: 100%;
      height: 100%; }
      @media (max-width: 820.9px) {
        .topEvent .top-evBox .evBoxInner {
          padding: 16px 16px 40px; } }
      .topEvent .top-evBox .evBoxInner .ev_date {
        font-family: 'Questrial', sans-serif;
        font-size: 2rem;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 8px; }
      .topEvent .top-evBox .evBoxInner h3 {
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.6;
        margin-bottom: 8px; }
      .topEvent .top-evBox .evBoxInner p {
        font-size: 13px;
        line-height: 1.6;
        text-align: left; }
      .topEvent .top-evBox .evBoxInner .readmore {
        font-family: 'Questrial', sans-serif;
        font-size: 1.5rem;
        font-weight: normal;
        line-height: 1.5;
        position: absolute;
        right: 16px;
        bottom: 16px; }

.renewal_texts {
  background-color: #f3f3f3;
  padding: 24px 40px;
  border-radius: 8px;
  margin-top: 40px; }
  @media (max-width: 559.9px) {
    .renewal_texts {
      padding: 20px;
      margin-top: 24px; } }
  .renewal_texts .tit {
    font-weight: bold;
    color: #294F7B;
    margin-bottom: 18px;
    border-bottom: 1px solid #ddd; }
    @media (min-width: 560px) {
      .renewal_texts .tit {
        font-size: 18px; } }
    .renewal_texts .tit span {
      padding-bottom: 16px;
      display: inline-block;
      border-bottom: 1px #294F7B solid; }
  @media (max-width: 559.9px) {
    .renewal_texts .text {
      text-align: left; } }

.corp_movie {
  margin: 28px auto 0;
  max-width: 720px;
  width: 100%; }
  .corp_movie .inner {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden; }
    .corp_movie .inner iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

#eventMovie {
  padding-bottom: 33px; }
  #eventMovie h3 {
    text-align: center;
    margin-top: 45px;
    font-family: 'Questrial', sans-serif;
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 1.5; }
    @media (max-width: 559.9px) {
      #eventMovie h3 {
        font-size: 1.6rem;
        margin-bottom: 8px; } }

.movie-wrap {
  padding: 28px 0 25px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 820.9px) {
    .movie-wrap {
      flex-direction: column; } }
  .movie-wrap .movie-left {
    position: relative;
    background-color: #ddd; }
    @media (min-width: 821px) {
      .movie-wrap .movie-left {
        width: 64%; } }
    @media (max-width: 820.9px) {
      .movie-wrap .movie-left {
        width: 100%; } }
    .movie-wrap .movie-left iframe {
      display: block;
      width: 100%;
      height: 360px; }
      @media (max-width: 559.9px) {
        .movie-wrap .movie-left iframe {
          height: 240px;
          position: inherit; } }
  .movie-wrap .movie-right {
    background: #F3F3F3;
    padding: 12px; }
    @media (min-width: 1120px) {
      .movie-wrap .movie-right {
        width: 36%;
        height: 360px; } }
    .movie-wrap .movie-right a {
      display: block;
      width: 100%;
      overflow: hidden;
      position: relative; }
      .movie-wrap .movie-right a:not(:first-child) {
        margin-top: 12px; }
      .movie-wrap .movie-right a span {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        color: #FFF;
        text-decoration: underline;
        text-align: center;
        top: 0;
        left: 0;
        z-index: 3;
        transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        opacity: 0;
        font-size: 1.5rem; }
      .movie-wrap .movie-right a .bnr_img img {
        display: block; }
        @media (min-width: 1120px) {
          .movie-wrap .movie-right a .bnr_img img {
            height: 162px; } }

.past_hbc {
  background-color: #8C0027;
  color: #FFF;
  cursor: pointer;
  padding: 15px 0 12px;
  text-align: center;
  margin: 0 auto;
  font-size: 15px;
  width: 80%;
  border-bottom: #8C0027 3px solid;
  border-radius: 5px !important;
  position: relative;
  transition: all .4s ease; }
  .past_hbc i {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;
    transition: all .4s ease; }
  .past_hbc.opened {
    opacity: .7; }
    .past_hbc.opened i {
      transform: rotate(180deg); }

.hbc_contents {
  display: none; }

.rec_alert {
  background-color: #ffe8f4;
  border: 1px #FF38A2 solid;
  padding: 11px 20px 9px; }

.kyubo {
  background-color: #FF38A2;
  width: 100px;
  border-radius: 20px !important;
  margin: 0 auto 7px;
  color: #FFF;
  text-align: center;
  line-height: 25px;
  height: 23px; }

.alert_text {
  color: #FF38A2;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  font-weight: bold; }

#serviceBlock {
  background: #EBEFF2;
  padding: 30px 0 50px; }
  #serviceBlock .top-style1 {
    text-align: center; }
  #serviceBlock .adding {
    margin-bottom: 30px;
    text-align: center; }

.top_services {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (min-width: 560px) and (max-width: 820.9px) {
    .top_services {
      justify-content: center; } }
  .top_services .col-md-3 {
    margin-bottom: 20px; }
    @media (min-width: 821px) {
      .top_services .col-md-3 {
        width: 23.5%; } }
    @media (min-width: 560px) and (max-width: 820.9px) {
      .top_services .col-md-3 {
        width: 30%;
        margin: 8px 1%; } }
    @media (max-width: 559.9px) {
      .top_services .col-md-3 {
        width: 100%; }
        .top_services .col-md-3:not(:last-child) {
          margin-bottom: 8px; } }
    .top_services .col-md-3 .serviceBox {
      position: relative;
      width: 100%;
      display: block;
      transition: all 0.3s linear; }
      @media (max-width: 559.9px) {
        .top_services .col-md-3 .serviceBox {
          padding: 10px;
          display: flex;
          background-color: #fff; } }
      .top_services .col-md-3 .serviceBox .serviceImg {
        width: 100%;
        position: relative;
        overflow: hidden; }
        @media (min-width: 821px) {
          .top_services .col-md-3 .serviceBox .serviceImg {
            height: 200px; } }
        @media (min-width: 560px) and (max-width: 820.9px) {
          .top_services .col-md-3 .serviceBox .serviceImg {
            width: 100%;
            height: 160px; } }
        @media (max-width: 559.9px) {
          .top_services .col-md-3 .serviceBox .serviceImg {
            width: 45%; }
            .top_services .col-md-3 .serviceBox .serviceImg::after {
              content: "";
              display: block;
              padding-top: 100%; } }
        .top_services .col-md-3 .serviceBox .serviceImg img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          transition: all .4s ease; }
      .top_services .col-md-3 .serviceBox .serviceBoxinner {
        background: #FFF;
        width: 100%;
        display: block;
        padding: 12px 20px; }
        @media (min-width: 821px) {
          .top_services .col-md-3 .serviceBox .serviceBoxinner {
            height: 152px; } }
        @media (min-width: 560px) and (max-width: 820.9px) {
          .top_services .col-md-3 .serviceBox .serviceBoxinner {
            height: 160px; } }
        @media (max-width: 559.9px) {
          .top_services .col-md-3 .serviceBox .serviceBoxinner {
            width: 60%;
            padding: 0 5%;
            box-sizing: border-box; } }
        .top_services .col-md-3 .serviceBox .serviceBoxinner h3 {
          color: #595757;
          font-size: 108%;
          font-weight: normal;
          line-height: 1.6;
          margin-bottom: 4px; }
          @media (max-width: 559.9px) {
            .top_services .col-md-3 .serviceBox .serviceBoxinner h3 {
              font-weight: bold; } }
        .top_services .col-md-3 .serviceBox .serviceBoxinner p {
          color: #727171;
          font-weight: normal;
          font-size: 1.4rem;
          line-height: 1.6; }
          @media (max-width: 559.9px) {
            .top_services .col-md-3 .serviceBox .serviceBoxinner p {
              font-size: 1.3rem; } }
      .top_services .col-md-3 .serviceBox:hover .serviceImg img {
        transform: scale(1.1); }

.topBottom {
  padding: 40px 0 50px; }

.footBlock ul {
  list-style: none;
  padding: 0; }
  .footBlock ul li {
    list-style: none;
    padding: 0;
    margin: 0; }
    .footBlock ul li a {
      color: white; }
.footBlock p a {
  color: white; }

.lineFrameBox {
  background-color: #FFF;
  overflow: hidden;
  position: relative; }

.lineFrameBox h3 {
  border-bottom: 1px solid #289fa8;
  margin: 0 20px;
  padding: 16px 0 18px;
  text-align: center; }

a.button1 {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  font-weight: bold; }

a.button1::before,
a.button1::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: ''; }

a.button1,
a.button1::before,
a.button1::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s; }

a.button1 {
  position: relative;
  border-radius: 4px;
  color: #fff;
  padding: 15px 50px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0px 1px 0px #003793;
  font-size: 14px;
  text-decoration: none; }

a.button1,
a.button1:hover {
  border: 1px #002DB2 solid;
  background-color: #003793;
  background: -moz-linear-gradient(top, #1770D5, #003793);
  background: -ms-linear-gradient(top, #1770D5, #003793);
  background: -webkit-linear-gradient(top, #1770D5, #003793);
  background: -o-linear-gradient(top, #1770D5, #003793);
  background: -webkit-gradient(linear, left top, left bottom, from(#1770D5), to(#003793));
  background: linear-gradient(top, #1770D5, #003793); }

a.button1:hover {
  background: #003793;
  background: -moz-linear-gradient(top, #003793, #1770D5);
  background: -ms-linear-gradient(top, #003793, #1770D5);
  background: -webkit-linear-gradient(top, #003793, #1770D5);
  background: -o-linear-gradient(top, #003793, #1770D5);
  background: -webkit-gradient(linear, left top, left bottom, from(#003793), to(#1770D5));
  background: linear-gradient(top, #003793, #1770D5);
  color: #BFFFFF; }

a.button1:active {
  bottom: -4px;
  margin-bottom: 4px;
  border: none;
  box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.3); }

/**************
Business
**************/
.page-title {
  width: 100%;
  position: relative; }
  .page-title .textArea {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-left: 24px; }
    .page-title .textArea .jp {
      color: white;
      font-size: 2.4rem; }
      @media (max-width: 820.9px) {
        .page-title .textArea .jp {
          font-size: 1.8rem; } }
    .page-title .textArea .eng {
      color: white;
      font-family: 'Questrial', sans-serif;
      font-size: 1.5rem;
      font-weight: normal;
      line-height: 1.5;
      text-transform: uppercase; }

.bizTopArea {
  margin: 30px 0; }
  .bizTopArea h3 {
    font-size: 17px;
    font-weight: bold !important;
    margin-bottom: 25px;
    text-align: center; }

.business_product_text {
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 1.84rem;
  font-weight: normal; }
  @media (max-width: 559.9px) {
    .business_product_text {
      font-size: 1.6rem; } }

.biz_top_content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  @media (min-width: 821px) {
    .biz_top_content .biz_top_img {
      width: 45%; } }
  @media (max-width: 820.9px) {
    .biz_top_content .biz_top_img {
      width: 28%; } }
  @media (min-width: 821px) {
    .biz_top_content .item_4 {
      width: 50%; } }
  @media (max-width: 820.9px) {
    .biz_top_content .item_4 {
      width: 68%; } }

@media (max-width: 820.9px) {
  .biz_top_right_text {
    margin-top: -4px; } }
@media (max-width: 820.9px) {
  .biz_top_right_text dt {
    font-size: 1.4rem; } }
.biz_top_right_text dd {
  margin-top: 6.4px;
  font-size: 1.3rem;
  color: #727171; }
  @media (max-width: 820.9px) {
    .biz_top_right_text dd {
      font-size: 1.3rem; } }

#particles {
  width: 100%;
  height: 100%;
  min-height: 900px;
  overflow: hidden;
  position: relative; }
  #particles h3 {
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: bold !important; }

.intro {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 20px 50px;
  width: 100%;
  text-align: center; }

.title-divider {
  text-align: left;
  margin-bottom: 1em;
  background: #fff url(../img/page/bg_divider.png) left center repeat-x;
  padding: 0; }

.title-divider span {
  background: #fff;
  padding-right: 0.5em; }

.title-divider small {
  display: block;
  color: rgba(51, 51, 51, 0.6); }

.de-em {
  font-weight: normal;
  color: rgba(51, 51, 51, 0.8); }

a .de-em {
  font-weight: normal;
  color: rgba(85, 167, 154, 0.8); }

.productList h3 {
  font-size: 16px; }

.plist h3 {
  font-size: 16px;
  line-height: 1.3 !important; }

.plist h3 a {
  font-weight: bold !important;
  line-height: 1.3 !important; }

.p-thumb:hover {
  opacity: 0.8; }

.rec-point {
  padding: 15px;
  margin-top: 20px; }

.rec-point .rec-point-img {
  background: url(../img/page/rec_point.png) no-repeat;
  width: 200px;
  height: 40px;
  text-indent: -9999px;
  margin: 0 auto; }

.rec-point .rec-free-block {
  padding: 15px 5px 10px; }

.overview {
  width: 100%; }
  .overview th {
    background: #727171;
    padding: 8px 16px;
    border: 1px #ddd solid;
    color: white; }
    @media (max-width: 820.9px) {
      .overview th {
        display: block;
        width: 100%;
        padding: 8px;
        border: 0; } }
  .overview td {
    background-color: white;
    padding: 8px 16px;
    border: 1px #ddd solid; }
    @media (max-width: 820.9px) {
      .overview td {
        display: block;
        width: 100%;
        padding: 8px 0;
        border: 0; } }

.history {
  width: 100%; }

.history th, .history td {
  padding: 10px;
  border-bottom: 1px #CCC solid; }

.privacy-table {
  width: 100%;
  margin: 30px 0; }

.privacy-table th {
  padding: 5px;
  vertical-align: top; }

.privacy-table td {
  padding: 5px; }

.sitemap p {
  background: #f3f3f3;
  padding: 8px;
  margin-bottom: 4px; }
.sitemap ul {
  margin-bottom: 8px; }

.bg-pt01 {
  display: block;
  padding: 2px 10px;
  background: #F3F3F3;
  margin-bottom: 5px; }

.rec-table {
  width: 100%;
  margin-top: 30px; }

.rec-table th {
  padding: 10px;
  background: #EEE;
  vertical-align: top;
  border: 1px #CCC solid; }

.rec-table th.head1 {
  background-color: #fdffcf;
  color: #a4b107; }

.rec-table td {
  padding: 10px;
  border: 1px #CCC solid;
  font-size: 1.5rem; }

.rec-table td.head1 {
  color: #e90700;
  font-size: 1.5rem; }

.cat-item {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  display: block;
  margin-bottom: -1px;
  padding: 10px 15px;
  position: relative; }

.current-cat {
  background: #F3F3F3; }

.form-control.has-error {
  background: #FFDDDE;
  border: 1px #FF0004 solid; }

.store_top_title {
  padding-top: 25px;
  width: 730px;
  height: 82px;
  background: url(../img/store/store_top_title.png) no-repeat;
  text-indent: -9999px; }

@media (max-width: 640px) {
  .store_top_title {
    background: url(../img/page/store_top_title_line.png) repeat-x bottom;
    padding-bottom: 15px;
    text-indent: 0px;
    width: 100%;
    height: auto;
    font-size: 15px;
    font-weight: bold !important;
    text-align: center; } }
.store_title_next {
  text-align: center;
  font-size: 15px;
  padding: 30px 0; }

.store_menu {
  background: #f1f1ff;
  padding: 20px;
  width: 710px;
  margin: 0 auto; }

.store_menu_box {
  display: table;
  position: relative; }

.store_menu_box a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  outline: none;
  text-indent: -9999px; }

.store_menu_box .class_white {
  width: 335px;
  background: #FFF;
  height: 237px;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s; }

.store_menu_box:hover .class_white {
  background: #ff38a2;
  color: #FFF; }

.store_menu_box .class_white .inner {
  padding: 25px 20px;
  display: table-cell;
  vertical-align: middle;
  height: 237px;
  width: 335px;
  position: relative;
  text-align: center; }

.store_menu_box .class_white .inner h3 {
  font-size: 15px;
  font-weight: bold !important;
  margin: 0; }

.store_menu_box .class_white .inner p {
  margin: 0; }

.store_menu_box .class_white .inner p.s-text {
  font-size: 12px;
  color: #777; }

.store_menu_box .class_white .inner .new_info {
  display: block;
  width: 60px;
  height: 60px;
  padding-top: 14px;
  background: #dcf404;
  border-radius: 50px !important;
  text-align: center;
  background-size: cover;
  position: absolute;
  top: 12px;
  right: 12px;
  color: #FFF;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  font-weight: bold;
  line-height: 1.2; }

.store_menu_box:hover .class_white .inner .new_info {
  color: #333;
  background: #FFF; }

.store_menu_box .class_white .system_line {
  background-color: #222222;
  height: 2px;
  margin: 20px auto;
  width: 200px; }

.store_menu_box:hover .class_white .inner h3,
.store_menu_box:hover .class_white .inner p,
.store_menu_box:hover .class_white .inner p.s-text {
  color: #FFF; }

.store_menu_box:hover .class_white .system_line {
  background-color: #FFF; }

.store_menu_box .class_img {
  width: 335px;
  height: 237px;
  display: block; }

.link-tri {
  width: 15px;
  height: 15px;
  background: url(../img/store/link_tri.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 10px;
  right: 10px; }

.list-group-top a {
  background: #FAFFD9;
  position: relative; }

.list-group-top a i.fa-chevron-down {
  display: inline-block;
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 15px; }

.info_box {
  background: url(../img/bg/blue_border.png);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 22px;
  margin: 50px auto;
  position: relative; }

.info_box .tel_info_sp {
  display: none; }

.info_box .btn_info {
  float: right; }

.info_box a {
  display: none; }

.store_top_title_bg {
  background: url(../img/page/store_top_title_line.png) repeat-x bottom;
  padding-bottom: 15px;
  text-align: center;
  font-size: 2.4rem; }
  @media (max-width: 820.9px) {
    .store_top_title_bg {
      font-size: 1.8rem; } }

.store_head {
  font-size: 28px;
  margin-bottom: 25px;
  line-height: 30px;
  position: relative;
  padding-left: 50px; }

.store_head span {
  background: #0C53BD;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 18px;
  color: #FFF;
  display: inline-block;
  border-radius: 30px !important;
  margin-right: 10px;
  line-height: 43px !important;
  overflow: hidden;
  position: absolute;
  top: -7px;
  left: 0; }

.divider {
  background: url(../img/page/bg_divider.png) repeat-x;
  height: 2px;
  margin: 30px auto 40px; }

.flows {
  display: table;
  width: 100%; }

.flows a {
  display: block;
  float: left;
  width: 19%;
  padding: 20px 0;
  text-align: center;
  margin-right: 1%;
  background-image: -moz-linear-gradient(top, #f0f2ff, #ccdcff);
  background-image: -ms-linear-gradient(top, #f0f2ff, #ccdcff);
  background-image: -webkit-linear-gradient(top, #f0f2ff, #ccdcff);
  background-image: linear-gradient(top, #f0f2ff, #ccdcff);
  border-radius: 5px;
  box-shadow: 1px 1px 2px rgba(102, 102, 102, 0.6);
  position: relative;
  font-size: 11px; }

.flows a:hover {
  background: #E6F6FF; }

.flows a:last-child {
  margin-right: 0; }

.flows a .arrow_next {
  display: block;
  width: 12px;
  height: 18px;
  background: url(../img/store/arrow_next.png) no-repeat;
  position: absolute;
  top: 50%;
  right: -10px;
  margin-top: -9px;
  z-index: 10; }

.pickup {
  background: #FFF;
  color: #B8BE00;
  border: 2px solid #C8CA00;
  padding: 5px 0;
  font-size: 14px;
  text-align: center;
  width: 300px;
  margin: 15px auto; }

.reale {
  background: #F3F3F3;
  border: 1px #DDD solid;
  padding: 12px 20px;
  border-radius: 5px !important;
  text-align: center; }
  .reale h4 {
    font-weight: bold;
    color: #595757;
    font-size: 2rem;
    margin-bottom: 8px; }
  .reale ul li a {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px !important;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    font-size: 15px;
    display: block;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    text-align: center;
    position: relative; }
    .reale ul li a i {
      display: block;
      right: 5px;
      top: 13px;
      position: absolute; }
    .reale ul li a span {
      font-size: 18px; }
  .reale ul li:first-child a {
    border: #DAE000 1px solid;
    background: #DAE000; }
  .reale ul li:last-child a {
    border: #67CB84 1px solid;
    background: #67CB84; }

.re_map {
  width: 100%;
  height: 450px;
  background: url(../img/store/map_03.gif) no-repeat;
  color: #FFF;
  position: relative;
  border: 1px #DDD solid;
  margin: 0 auto; }

.map_box {
  background: #FFF;
  border: 1px #DDD solid;
  width: 240px;
  padding: 5px;
  border-radius: 5px !important;
  position: absolute; }

.map_box.ishikawa {
  top: 150px;
  left: 150px; }

.map_box.toyama {
  top: 200px;
  left: 430px; }

.map_box.fukui {
  top: 280px;
  left: 50px; }

.map_box .kenmei {
  background: #919191;
  color: #FFF;
  text-align: center;
  margin-bottom: 5px;
  border-radius: 5px !important; }

.map_box .map_link {
  width: 100%;
  margin: 0; }

.map_box .map_link a {
  display: block;
  width: 110px;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  border-radius: 5px !important;
  text-align: center;
  position: relative;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  font-size: 12px; }

.map_box .map_link a span {
  font-size: 15px; }

.map_box .map_link a i {
  display: block;
  right: 5px;
  top: 13px;
  position: absolute; }

.map_box .map_link a:first-child {
  float: left;
  border: #DAE000 1px solid;
  background: #DAE000; }

.map_box .map_link a:last-child {
  float: right;
  border: #67CB84 1px solid;
  background: #67CB84; }

.map_box .map_link a:first-child:hover,
.reale ul li:first-child a:hover,
.re_img .btnex:hover {
  background: #FFF;
  color: #DAE000; }

.map_box .map_link a:last-child:hover,
.reale ul li:last-child a:hover {
  background: #FFF;
  color: #67CB84; }

.re_box {
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px #E3E3E3 solid;
  position: relative; }

.re_box:after,
.re_right .re_tag:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both; }

.re_img {
  display: block;
  width: 150px;
  float: left; }

.re_img .btnex {
  text-align: center;
  border: #DAE000 1px solid;
  background: #DAE000;
  color: #FFF;
  display: block;
  margin-top: 15px;
  height: 35px;
  line-height: 34px;
  position: relative;
  border-radius: 5px !important; }

.re_img .btnex i {
  display: block;
  right: 5px;
  top: 10px;
  position: absolute; }

.re_right {
  width: 550px;
  float: right; }

.re_right h4 {
  font-size: 16px;
  margin: 0 0 8px;
  padding: 0;
  padding-right: 200px; }

.re_right .re_tag {
  padding: 0;
  margin: 0; }

.re_right .re_tag li {
  list-style: none;
  padding: 2px 10px;
  font-size: 11px;
  display: inline-block;
  float: left;
  margin-right: 5px; }

.re_right .re_tag li:last-child {
  margin-right: 0; }

.re_right .re_tag li.tag1,
.re_right .re_tag li.tag2,
.re_right .re_tag li.tag3,
.re_right .re_tag li.tag4 {
  background: #FFF;
  border: 1px #CBCBCB solid;
  color: #CCC; }

.re_right .re_tag li.tag1.active {
  background: #E7474A;
  border: #E7474A 1px solid;
  color: #FFF; }

.re_right .re_tag li.tag2.active {
  background: #008ECF;
  border: #008ECF 1px solid;
  color: #FFF; }

.re_right .re_tag li.tag3.active {
  background: #20A700;
  border: #20A700 1px solid;
  color: #FFF; }

.re_right .re_tag li.tag4.active {
  background: #BFCA0A;
  border: #BFCA0A 1px solid;
  color: #FFF; }

.re_info_table {
  width: 100%;
  margin-top: 15px; }
  .re_info_table th {
    width: 120px;
    background: #eee;
    border: 1px #DDD solid;
    padding: 5px; }
  .re_info_table td {
    border: 1px #DDD solid;
    padding: 5px; }
    .re_info_table td a {
      word-break: break-all; }

.btn_re {
  text-indent: -9999px !important;
  border: none !important;
  background: url(../img/store/btn_re.png) no-repeat;
  background-size: cover;
  width: 186px;
  height: 43px;
  cursor: pointer;
  display: block !important;
  outline: none;
  position: absolute;
  top: 15px;
  right: 0; }

.taxonomy {
  padding-top: 15px; }

.taxonomy span {
  display: inline-block;
  background: #f5f5f5;
  padding: 3px 10px;
  margin-right: 3px; }

.taxonomy span:last-child {
  margin-right: 0; }

.website {
  width: 100%;
  height: 500px;
  background: #EEE;
  line-height: 500px;
  text-align: center; }

.sales {
  width: 100%;
  height: 250px;
  background: #EEE;
  line-height: 250px;
  text-align: center; }

.table_price {
  width: 100%; }
  .table_price thead th {
    background: #FFFDE8;
    text-align: center;
    padding: 8px 12px;
    border: 1px #ddd solid;
    font-size: 1.3rem; }
  .table_price tbody th {
    width: 30%;
    background: #FFFDE8;
    padding: 8px 12px;
    border: 1px #ddd solid;
    font-size: 1.3rem; }
  .table_price tbody td {
    text-align: center;
    background: #FFF;
    padding: 8px 12px;
    border: 1px #ddd solid;
    font-size: 1.3rem; }

.btn_conta_bg {
  background: #FFEFEF;
  padding: 20px; }

a.btn_conta,
.btn-form1 {
  display: block;
  width: 80%;
  height: 50px;
  border: #8C0027 1px solid;
  color: #FFF !important;
  background: #8C0027;
  border-radius: 5px !important;
  text-align: center;
  position: relative;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  font-size: 15px;
  line-height: 48px;
  margin: 0 auto;
  font-weight: bold !important; }

a.btn_conta i,
.btn-form1 i {
  display: block;
  position: absolute;
  top: 15px;
  right: 20px; }

a.btn_conta:hover,
.btn-form1:hover {
  background: #FFF;
  color: #8C0027 !important; }

.bg-white {
  background: #FFF;
  padding: 15px;
  border: 1px #DDD solid; }

.store-form .form-group {
  border-bottom: 1px solid #DDD;
  padding-bottom: 15px; }

.store-form .form-group:last-child {
  border-bottom: 0; }

.store-form .form-group .control-label {
  background: #f3f3f3;
  text-align: left;
  height: 34px;
  line-height: 34px;
  padding: 0 0 0 10px; }

.store-form .form-group .control-label .hissu {
  display: inline-block;
  float: right;
  background: #61A0E2;
  color: #FFF;
  font-size: 11px;
  height: 34px;
  line-height: 34px;
  padding: 0 5px; }

.yokens {
  font-size: 12px;
  padding: 15px;
  border: 1px #DDD solid; }

.yokens p {
  background: #f3f3f3;
  padding: 0 10px;
  height: 27px;
  line-height: 27px; }

.yokens label {
  cursor: pointer;
  font-size: 12px;
  padding-top: 3px !important; }

textarea#naiyou {
  height: 180px; }

.title-under {
  width: 230px;
  height: 2px;
  background: #333;
  margin-left: auto;
  margin-right: auto; }

.title-under2 {
  width: 180px;
  height: 2px;
  background: #333;
  margin-left: auto;
  margin-right: auto; }

.form-btn {
  text-align: center;
  padding-top: 20px; }

.btn-form1 {
  width: 200px; }

.brunch {
  width: 100%; }

.brunch th {
  width: 30%;
  background: #f3f3f3;
  border: 1px #DDD solid;
  padding: 10px 20px;
  text-align: center; }

.brunch td {
  background: #FFF;
  border: 1px #DDD solid;
  padding: 10px 20px; }

.const_bg {
  width: 100%;
  display: block;
  position: relative;
  margin-top: 30px; }

.bg-pattern {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

.const_inner {
  position: relative;
  z-index: 2;
  padding: 30px;
  text-align: center; }

.const_inner h4 {
  color: #333;
  font-weight: bold !important; }

.const_img_list {
  display: table;
  margin: 0 auto;
  padding: 20px 0 20px; }

.const_img_list .const_img_box {
  display: table-cell;
  padding: 10px 28px;
  position: relative; }

.const_img_list .const_img_box a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999px;
  outline: none; }

.const_img_list .const_img_box .const_img {
  border-radius: 100px !important;
  height: 150px;
  overflow: hidden;
  width: 150px;
  box-shadow: 0px 0px 8px #CCC;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s; }

.const_img_list .const_img_box .const_img img {
  display: block;
  width: 100%; }

.const_img_list .const_img_box:hover .const_img {
  box-shadow: 0px 0px 25px #CCC; }

.const_img_list .const_img_box .caption {
  color: #AAA;
  margin-top: 5px; }

.est-name {
  font-size: 16px;
  color: #EB0003;
  vertical-align: middle; }

.facebook_share {
  background: #FFFED9;
  padding: 12px; }

.facebook_share .share_phrase {
  display: block;
  float: left;
  width: 53%;
  text-align: right;
  padding-right: 20px;
  padding-top: 8px; }

.facebook_share .share_phrase i {
  font-size: 18px;
  display: inline-block;
  margin-right: 3px; }

.reopen {
  width: 700px;
  padding: 20px;
  border: 2px #E7474A solid;
  border-radius: 7px !important;
  margin: 40px auto 0;
  box-shadow: 0 5px 0 #F3F3F3; }

.reopen .reopen_top {
  text-align: center;
  font-size: 18px;
  color: #E7474A;
  margin: 0 auto 20px; }

.reopen_mark {
  margin: 10px 0 5px;
  font-size: 16px;
  color: #E7474A; }

.reopen_mark i {
  display: inline-block;
  margin-right: 3px;
  font-size: 24px; }

@media (min-width: 767px) {
  .movie-right a .bnr_img img {
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear; }

  .movie-right a:hover .bnr_img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

  .pc_hide {
    display: none; } }
.movie-right a:hover span {
  opacity: 1; }

.top-bnr {
  max-width: 500px;
  margin: 0 auto 0; }

@media (max-width: 756px) {
  .store_menu {
    width: 100%;
    padding: 0;
    background: #FFF; }

  .store_menu_box {
    margin-bottom: 20px;
    border-top: 1px #DDD solid;
    padding-top: 20px;
    height: auto;
    display: block;
    width: 100%; }

  .store_menu_box:last-child {
    margin-bottom: 0; }

  .store_menu_box .class_white {
    width: 60%;
    height: auto;
    float: right; }

  .store_menu_box .class_img {
    width: 40%;
    height: auto;
    float: left; }

  .store_menu_box .class_img img {
    display: block;
    width: 100%; }

  .store_menu_box:hover .class_white {
    background: #FFF;
    color: #333; }

  .store_menu_box:hover .class_white .inner h3,
  .store_menu_box:hover .class_white .inner p,
  .store_menu_box:hover .class_white .inner p.s-text {
    color: #333; }

  .store_menu_box .class_white .system_line {
    display: none; }

  .store_menu_box .class_white .inner {
    padding: 0 0 0 15px;
    display: block;
    vertical-align: inherit;
    height: auto;
    width: auto;
    position: relative;
    text-align: left; }

  .store_menu_box .class_white .inner h3 {
    font-size: 14px;
    font-weight: bold !important;
    margin: 0;
    border-bottom: 1px #DDD solid;
    padding-bottom: 8px;
    margin-bottom: 10px; }

  .store_menu_box .class_white .inner p.s-text {
    font-size: 12px;
    color: #777; }

  .store_menu_box .class_white .inner .new_info {
    display: block;
    width: 100px;
    height: auto;
    padding: 4px 0;
    border-radius: 3px !important;
    position: inherit;
    right: 0; }

  .store_menu_box .class_white .inner .new_info br {
    display: none; }

  .store_menu_box:hover .class_white .inner .new_info {
    color: #FFF;
    background: #C8CA00; }

  .btn_conta_bg {
    background: #FFF;
    padding: 0; }

  a.btn_conta {
    width: 100%;
    height: auto;
    padding: 12px 10px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: bold !important; }

  a.btn_conta i {
    right: 10px; }

  .info_box {
    padding: 15px;
    margin: 30px auto; }

  .info_box .tel_info {
    display: none; }

  .info_box .tel_info_sp {
    display: block;
    width: 100%; }

  .info_box a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    left: 0;
    outline: none; }

  .sp_hidden {
    display: none; }

  .store_top_title_bg {
    font-size: 16px;
    text-align: left;
    font-weight: bold !important; }

  .flows {
    display: block;
    width: 100%; }

  .flows a {
    display: block;
    float: none;
    width: 100%;
    padding: 10px 0;
    margin-right: 0;
    margin-bottom: 18px;
    font-size: 12px; }

  .flows a .arrow_next {
    display: block;
    width: 11px;
    height: 6px;
    background: url(../img/store/arrow_down.png) no-repeat;
    position: absolute;
    top: 115%;
    right: 50%;
    margin-top: 0;
    margin-right: -5px;
    z-index: 10; }

  h4.store_head {
    font-size: 19px;
    font-weight: bold !important; }

  .store_plan .col-md-7 {
    margin-top: 20px; }

  .store_plan .pull-right {
    float: none !important; }

  .re_map {
    width: 100%;
    height: auto;
    background-image: none;
    border: 0; }

  .map_box {
    width: 100%;
    border-radius: 0px !important;
    position: inherit; }

  .map_box.ishikawa {
    top: inherit;
    left: inherit; }

  .map_box.toyama {
    top: inherit;
    left: inherit; }

  .map_box.fukui {
    top: inherit;
    left: inherit; }

  .map_box .kenmei {
    background: #919191;
    color: #FFF;
    text-align: center;
    margin-bottom: 5px;
    border-radius: 5px !important; }

  .map_box .map_link a {
    width: 48%; }

  .re_img {
    width: 100%;
    float: none; }

  .re_img .btnex {
    margin-top: 10px; }

  .re_right {
    width: 100%;
    float: none; }

  .re_right h4 {
    font-size: 14px;
    padding-right: 0;
    margin-top: 15px; }

  .re_right .re_tag li {
    padding: 2px 10px 1px;
    line-height: 1.3; }

  .re_info_table {
    font-size: 12px; }

  .re_info_table th {
    width: 25%; }

  .btn_re {
    position: inherit;
    top: inherit;
    right: inherit;
    margin: 10px auto 0; }

  .store_03_side {
    margin-bottom: 20px; }

  .btn_conta_bg.mt40 {
    margin-top: 20px; }

  .store-form .form-group .control-label {
    background: #f3f3f3;
    width: 94%;
    margin: 0 auto 10px;
    display: block; }

  .br_none br {
    display: none; }

  .brunch th {
    width: 100%;
    display: block;
    text-align: left; }

  .brunch td {
    display: block;
    width: 100%;
    border-top: none; }

  .brunch tr td:last-child {
    margin-bottom: 12px; }

  .const_img_list {
    padding-bottom: 40px; }

  .const_img_list .const_img_box {
    display: block;
    padding: 10px 0 0;
    margin: 0 auto; }

  .top-bnr {
    margin: 20px auto 0; }

  .facebook_share {
    text-align: center; }

  .facebook_share .share_phrase {
    display: none; }

  .reopen {
    width: 92%;
    padding: 13px 2%;
    border: 2px #E7474A solid;
    border-radius: 7px !important;
    margin: 30px auto 0;
    box-shadow: 0 5px 0 #F3F3F3; }

  .reopen .reopen_top {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto 13px; }

  .reopen img {
    margin-bottom: 20px; }

  .reopen_mark {
    margin: 10px 0 5px;
    font-size: 15px;
    color: #E7474A; }

  .reopen_mark i {
    display: inline-block;
    margin-right: 3px;
    font-size: 20px; }

  .pc_hide {
    display: block; } }
.su_bg_black {
  background: #000;
  width: 100%; }

.su_top {
  background: url(../img/page/su_main.jpg) right bottom no-repeat;
  background-size: 400px;
  height: 600px; }

.su_title {
  display: block;
  width: 60%;
  padding-top: 280px; }

.su_text1 {
  display: block;
  width: 56%;
  margin-top: 30px; }

.su_bg2 {
  background: url(../img/page/su_img2.jpg) no-repeat right;
  background-size: 600px;
  height: 730px;
  color: #FFF;
  text-align: center;
  padding-top: 60px; }

.su_bg2 p,
.su3 p.su3_text {
  color: #FFF;
  font-size: 16px;
  line-height: 1.8; }

.su_list li {
  padding: 0 15px 0 0;
  margin: 0 0 20px 0;
  list-style: none; }

.su_list li img {
  display: block;
  width: 80px;
  float: left;
  margin-right: 10px; }

.su_list li dt {
  text-align: left; }

.su_list li dt.pink {
  color: #eb3d8f; }

.su_list li dt.blue {
  color: #00baf3; }

.su_list li dt.orange {
  color: #f4821f; }

.su_list li dt.green {
  color: #0bb34d; }

.su_list li dd {
  color: #FFF;
  font-size: 12px;
  line-height: 1.5;
  text-align: left; }

.su3 {
  color: #FFF;
  padding: 70px 0; }

.su3_text {
  margin: 30px 0; }

.su4 {
  padding-top: 0px; }

.su4 .col-md-6 {
  margin-bottom: 25px; }

@media (max-width: 767px) {
  .su_top {
    background-size: 100%;
    height: 400px; }

  .su_title {
    display: block;
    width: 90%;
    padding-top: 300px;
    margin: 0 auto; }

  .su_text1 {
    display: none; }

  .su_bg2 {
    background: url(../img/page/su_img2.jpg) no-repeat right bottom;
    background-size: 90%;
    height: auto;
    padding-top: 60px; } }
/* sense イベント */
.sense_event .sense_box {
  margin-bottom: 15px; }

.sense_name {
  font-family: 'questserrat', sans-serif;
  text-align: center;
  font-size: 16px; }

.sense_event .sense_logo {
  text-align: center;
  display: table;
  height: 60px;
  width: 100%;
  margin-bottom: 0; }

.sense_event .sense_logo img {
  width: 80px;
  margin: 0 auto;
  vertical-align: middle;
  display: table-cell; }

.sense_event .sense_box:first-child .sense_logo img {
  margin-top: 5px;
  width: 96px; }

.sense_movie_box iframe {
  max-width: 100%; }

.sense_movie_box p {
  margin: 0; }

.sense_wrap {
  background-color: #000;
  color: #FFF; }

.sense_outline {
  margin-bottom: 0; }

.sense_outline dt {
  background-color: #EEE;
  color: #111;
  width: 80px;
  text-align: center;
  line-height: 21px;
  font-size: 15px; }

.sense_outline dd {
  font-size: 16px;
  padding: 10px 0 12px; }

.sense_outline dd p.font-s {
  margin-bottom: 0;
  font-size: 13px;
  color: #999; }

.font-s {
  font-size: 12px;
  color: #999; }

.sense_wrap_under {
  padding: 30px;
  font-family: 'questserrat', sans-serif;
  margin-bottom: 50px; }

.sense_wrap_under p {
  color: #999;
  margin-bottom: 0;
  font-size: 14px; }

.divider-full {
  height: 1px;
  background: #dfe6e4;
  width: 100%; }

.divider-full20 {
  height: 1px;
  background-color: #DDD;
  width: 100%;
  margin: 20px auto; }

.divider-full35 {
  height: 1px;
  background-color: #DDD;
  width: 100%;
  margin: 35px auto; }

.event-box {
  background-color: #f5e7c5;
  padding: 20px; }

@media (min-width: 767px) {
  .sense_outline {
    padding: 20px 40px; }

  .sense_map {
    padding: 45px 30px 0 0; }

  .hbc2017 .img-responsive {
    max-width: 430px;
    margin: 0 auto;
    width: 100%; } }
@media (max-width: 767px) {
  .sense_event .sense_logo {
    height: auto; }

  .sense_guests {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 300px;
    margin: 0 auto 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

  .sense_img {
    width: 120px; }

  p.sense_name {
    font-size: 15px;
    margin-bottom: 5px; }

  .sense_movie_box iframe {
    height: auto; }

  .sense_wrap_under {
    padding: 15px 0; }

  .smt15 {
    margin-top: 15px; }

  .sense_map {
    padding: 18px 0 20px;
    width: 90%;
    margin: 0 auto; }

  .shinsain img {
    max-width: 50%;
    margin: 0 auto; } }
#loader {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #fff;
  opacity: 1.0;
  top: 0;
  left: 0;
  z-index: 10000;
  transition: .8s;
  position: absolute; }

#loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22.5px; }

.scroll-effect {
  opacity: 1;
  transition: .8s; }

.bx-viewport {
  z-index: 1;
  transition: .8s; }

.wp-gallery img {
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

@media (max-width: 767px) {
  .wp-gallery img {
    display: block; } }
/* Google ストリートビュー
---------------------------- */
.stv_bg01 {
  background: url(../img/page/stv_bg.png) no-repeat top #fff;
  background-size: contain;
  padding: 37px 30px 30px;
  margin-bottom: 50px;
  border: 1px #ddd solid; }

@media (max-width: 767px) {
  .stv_bg01 {
    padding: 13px;
    margin-bottom: 30px; } }
h2.stv_top_title {
  text-align: center;
  margin-bottom: 25px; }

@media (min-width: 767px) {
  h2.stv_top_title {
    width: 100%;
    font-size: 33px;
    font-weight: bold !important; }

  .stv_top_text {
    font-size: 16px;
    line-height: 1.7; } }
.stv-01 {
  background-color: #fff;
  border-radius: 5px !important;
  padding: 25px;
  color: #519af7; }

.satuei {
  display: none; }

@media (max-width: 767px) {
  .stv-01 {
    padding: 12px;
    margin-bottom: 18px; }

  .satuei {
    display: block;
    border: 2px #333 solid;
    text-align: center;
    width: 240px;
    padding: 8px 0;
    margin: 0 auto 30px; }

  .stv_camera {
    display: none; }

  .stv_camera .bg-light {
    margin-top: 20px; } }
.stv-01 p {
  font-size: 15px;
  line-height: 1.8; }

@keyframes pop {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
    transform-origin: center; }
  5%, 100% {
    opacity: 1; }
  15% {
    transform: scale3d(1, 1, 1); } }
.stv01 {
  -webkit-animation: pop ease-out 3s;
  animation: pop ease-out 3s; }

.stv01_a {
  animation-delay: 1.1s; }

.stv01_b {
  animation-delay: 1.2s; }

.stv01_c {
  animation-delay: 1.3s; }

.stv01_d {
  animation-delay: 1.4s; }

.stv01_e {
  animation-delay: 1.5s; }

.stv01_f {
  animation-delay: 1.6s; }

.stv01_g {
  animation-delay: 1.7s; }

.stv01_h {
  animation-delay: 1.8s; }

.stv01_i {
  animation-delay: 1.9s; }

@media (max-width: 767px) {
  .stv_title01 {
    padding-top: 10px; }

  .stv_top_img {
    display: none; } }
h3.stv_title02 {
  font-weight: bold !important;
  text-align: center; }

h3.stv_title02::after {
  display: block;
  content: '';
  width: 120px;
  height: 1px;
  background-color: #333;
  margin: 15px auto 33px; }

.stv-section {
  padding-bottom: 50px; }

@media (min-width: 767px) {
  .stv_merits, .stv_box, .stv_voice_box {
    border: 1px #ddd solid;
    padding: 20px; } }
.stv_merits dl {
  display: table;
  width: 100%;
  margin: -10px auto; }

@media (max-width: 767px) {
  .stv_merits dl {
    margin: 20px auto; }

  .stv_top_img img {
    margin: 20px auto; } }
.stv_merits dl dt {
  width: 120px;
  height: 120px;
  padding: 7px 15px 0;
  display: table-cell;
  border-radius: 120px !important;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  font-size: 18px; }

.stv_merits dl.stv_merit01 dt {
  background-color: #3db366; }

.stv_merits dl.stv_merit02 dt {
  background-color: #f15b44; }

.stv_merits dl.stv_merit03 dt {
  background-color: #fdc600; }

.stv_merits dl dd {
  height: 120px;
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  padding-left: 20px;
  line-height: 1.8; }

.stv_merits dl.stv_merit01 dd .line {
  background: linear-gradient(transparent 60%, #a2ffbc 0); }

.stv_merits dl.stv_merit02 dd .line {
  background: linear-gradient(transparent 60%, #ffc9a2 0); }

.stv_merits dl.stv_merit03 dd .line {
  background: linear-gradient(transparent 60%, #fffea2 0); }

.stv_comment {
  float: left; }

.stv_comment:last-child {
  position: relative;
  top: 7px; }

@media (max-width: 767px) {
  .stv_comment {
    float: none;
    margin: 0 auto;
    max-width: 305px; }

  .stv_comment:last-child {
    margin: 12px auto;
    max-width: 200px;
    position: relative;
    top: auto; }

  .stv_right_img {
    display: none; } }
.stv_flow {
  position: relative;
  padding-left: 72px;
  padding-top: 1px;
  border-bottom: 2px #DDD dashed; }

.stv_flow.no-line {
  border-bottom: 0; }

span.flow_num {
  font-family: 'Raleway', sans-serif;
  font-size: 45px;
  color: #ccc;
  position: absolute;
  top: 5px;
  left: 0;
  line-height: 1; }

.stv_flow dt {
  font-size: 24px;
  line-height: 1.3; }

.stv_flow dd {
  margin-top: 13px; }

.stv_fee_section {
  background-color: #a6f1fb;
  padding: 22px;
  text-align: center; }

.stv_fee01 {
  font-size: 24px; }

.stv_fee01 span {
  font-weight: bold;
  color: #0d8aac; }

.stv_fee02 {
  font-size: 18px; }

.stv_fee_box {
  padding: 20px 28px;
  font-size: 20px;
  margin-top: 23px;
  border: 1px #ddd solid; }

@media (min-width: 767px) {
  .stv_fee_box {
    padding: 20px 50px; } }
.stv_fee_box p {
  margin-bottom: 0px;
  line-height: 1.3; }

.stv_fee_font01 {
  display: inline-block;
  width: 180px;
  font-weight: bold;
  font-size: 24px; }

.stv_fee_font02 {
  display: inline-block;
  width: 160px; }

.stv_price {
  font-size: 36px;
  color: #0d8aac;
  font-weight: bold;
  display: inline-block;
  margin-right: 5px; }

@media (min-width: 767px) {
  .stv_price {
    width: 160px;
    text-align: right; } }
.stv_fee_font_01 .stv_fee_font01 {
  color: #519af7; }

.stv_fee_font_02 .stv_fee_font01 {
  color: #f15b44; }

.stv_fee_font_03 .stv_fee_font01 {
  color: #3db366; }

.stv_free {
  font-size: 24px;
  font-weight: bold !important;
  display: inline-block;
  margin-right: 18px;
  letter-spacing: 0.05em;
  width: 160px;
  height: 160px;
  border-radius: 200px !important;
  background-color: #fff;
  text-align: center;
  padding-top: 50px;
  line-height: 1.3; }

.stv_free span {
  color: #0eacb6;
  font-size: 30px;
  display: block; }

@media (max-width: 767px) {
  .stv_free {
    font-size: 18px;
    display: block;
    margin: 6px auto;
    letter-spacing: 0.05em;
    width: 100%;
    height: auto;
    padding: 6px 0;
    border-radius: 5px !important;
    line-height: 1.5; }

  .stv_free span {
    font-size: 24px;
    display: inline-block; }

  .stv_fee01 {
    font-size: 18px;
    text-align: center; }

  .stv_fee02 {
    font-size: 16px; }

  .stv_fee_box {
    padding: 13px;
    font-size: 15px;
    margin-top: 20px; }

  .stv_fee_box p {
    margin-bottom: 15px;
    line-height: 1.5;
    text-align: center; }

  .stv_fee_font01 {
    display: inline-block;
    width: auto;
    font-size: 18px; }

  .stv_fee_font02 {
    display: inline-block;
    width: auto; }

  .stv_price {
    font-size: 32px;
    display: block; } }
.faqWrap .faqBox dt {
  display: block;
  padding: 10px 15px;
  background: -moz-linear-gradient(top, #FFF, #EEE);
  background: -webkit-linear-gradient(top, #FFF, #EEE);
  background: -o-linear-gradient(top, #FFF, #EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
  background: linear-gradient(top, #FFF, #EEE);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px #CCC solid;
  margin-bottom: 15px;
  position: relative; }

.faqWrap .faqBox dt div {
  background: url(../img/page/i_ques.png) no-repeat left 5px;
  min-height: 26px;
  padding: 5px 25px 0 36px;
  font-weight: bold;
  font-size: 16px; }

.faqWrap .faqBox dd {
  background: #e6fafc;
  padding: 10px 15px;
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 1.7; }

.faqWrap .faqBox dd div {
  background: url(../img/page/i_ans.png) no-repeat left 5px;
  min-height: 26px;
  padding: 5px 0 0 40px; }

.stv_gmap iframe {
  width: 100%; }

@media (max-width: 767px) {
  .stv_gmap iframe {
    height: 320px; } }
.stv_tel_btn {
  display: block;
  margin: 0 auto 50px; }

.stv_tel_btn_sp {
  display: none; }

@media (max-width: 767px) {
  .stv_tel_btn {
    display: none; }

  .stv_tel_btn_sp {
    display: block;
    margin: 0 auto 35px; } }
.mitori {
  padding: 15px;
  background-color: #f3f3f3; }

.mitori h4 {
  font-size: 16px;
  font-weight: bold !important;
  text-align: center;
  margin-bottom: 20px; }

.form_hkha {
  padding-bottom: 50px; }

.work_num {
  position: relative;
  padding-right: 20px; }

.work_num .ten {
  position: absolute;
  right: 0;
  top: 10px; }

.privacyCheck {
  text-align: center;
  margin: 60px 0 40px; }
  .privacyCheck p {
    font-size: 12px;
    margin: 10px 0 20px; }

.btn-confirm, #btn_confirm {
  display: block;
  border: #CB0003 1px solid;
  color: #FFF;
  background: #E30003;
  position: relative;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  font-weight: bold !important;
  max-width: 400px;
  width: 80%;
  padding: 15px 0;
  text-align: center;
  font-size: 1.8rem;
  margin: 0 auto;
  border-radius: 5px !important; }

.confrim_inner {
  padding-top: 8px; }

.form_btns {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  justify-content: center;
  max-width: 800px;
  margin: 30px auto 0; }
  .form_btns a {
    width: 48% !important; }
    .form_btns a.btn-white {
      background-color: #fff;
      border: 1px #ddd solid;
      height: 50px;
      line-height: 48px;
      border-radius: 5px !important;
      font-size: 15px;
      font-weight: bold; }
      .form_btns a.btn-white:hover {
        background-color: #eee; }

@media (max-width: 559.9px) {
  .y_img {
    display: block;
    width: 150px;
    margin: 0 auto 40px; } }

.logo_vertical {
  display: block;
  max-width: 216px;
  margin: 50px auto; }
  @media (max-width: 559.9px) {
    .logo_vertical {
      max-width: 160px;
      margin: 40px auto; } }

.logo-policy {
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 2.4rem;
  font-weight: normal;
  text-align: center; }
  @media (max-width: 559.9px) {
    .logo-policy {
      font-size: 1.6rem; } }

.logo_mark_gray {
  display: block;
  width: 64px;
  margin: 50px auto; }
  @media (max-width: 559.9px) {
    .logo_mark_gray {
      width: 44px;
      margin: 32px auto; } }

.logo_type_gray {
  display: block;
  width: 216px;
  margin: 50px auto; }
  @media (max-width: 559.9px) {
    .logo_type_gray {
      width: 160px;
      margin: 40px auto; } }

.logoChange {
  border: 1px #727171 solid;
  padding: 24px;
  margin-top: 32px; }
  .logoChange .tit {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 32px; }
  .logoChange .inner {
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .logoChange .inner img {
      display: block; }
      .logoChange .inner img.logo_old {
        width: 160px; }
      .logoChange .inner img.arrow_right {
        width: 16px; }
      .logoChange .inner img.logo_vertical_gray {
        width: 140px; }

.grandprix img {
  width: 200px;
  margin: 0 auto; }

/**************
Product
**************/
.product_archive {
  width: 100%; }
  @media (min-width: 821px) {
    .product_archive {
      display: inline-flex;
      flex-wrap: wrap;
      align-items: flex-start;
      align-content: flex-start; } }
  .product_archive .item {
    margin-bottom: 32px; }
    @media (min-width: 821px) {
      .product_archive .item {
        width: 32%; }
        .product_archive .item:not(:nth-child(3n)) {
          margin-right: 2%; } }
    .product_archive .item .product-thumb {
      width: 100%;
      height: 200px;
      position: relative;
      overflow: hidden; }
      .product_archive .item .product-thumb .p-thumb {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
    .product_archive .item .plist {
      margin-top: 8px; }
      .product_archive .item .plist .p-date {
        font-family: 'Questrial', sans-serif;
        font-size: 1.4rem;
        font-weight: normal;
        line-height: 1.5; }
      .product_archive .item .plist h3 {
        font-size: 1.5rem;
        margin-top: 5px; }
      .product_archive .item .plist .catch_field {
        font-size: 1.4rem;
        margin-top: 5px; }
  @media (max-width: 820.9px) {
    .product_archive.recommended {
      display: inline-flex;
      flex-wrap: wrap;
      align-items: flex-start;
      align-content: flex-start; } }
  @media (max-width: 820.9px) {
    .product_archive.recommended .item {
      width: 48%; }
      .product_archive.recommended .item:nth-child(odd) {
        margin-right: 4%; } }

/**************
新商品情報
**************/
.new-products {
  border-bottom: 2px #EEE solid;
  padding: 0 0 32px; }
  .new-products .np-date {
    font-family: 'Questrial', sans-serif;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.5; }
  .new-products .np-tag {
    display: inline-block;
    padding: 1px 10px;
    color: #FFF;
    font-size: 11px; }
    .new-products .np-tag.haircare {
      background: #03F; }
    .new-products .np-tag.styling {
      background: #3C3; }
    .new-products .np-tag.color {
      background: #F66; }
    .new-products .np-tag.cosme {
      background: #F39; }
    .new-products .np-tag.parm {
      background: #94c464; }
    .new-products .np-tag.nail {
      background: #bd64c4; }
    .new-products .np-tag.other {
      background: #8c9fd9; }
  .new-products .np-name {
    font-family: "questserrat", sans-serif, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    font-size: 20px;
    color: #5d5d5d;
    margin: 10px 0 18px; }
  .new-products .maker-name {
    font-size: 15px;
    color: #294F7B; }
  .new-products .np-comment {
    padding-top: 20px; }

.servive-block {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start; }
  .servive-block .col-md-3 {
    margin-bottom: 16px; }
    @media (min-width: 821px) {
      .servive-block .col-md-3 {
        width: 23.5%; }
        .servive-block .col-md-3:not(:nth-child(4n)) {
          margin-right: 2%; } }
    @media (min-width: 560px) and (max-width: 820.9px) {
      .servive-block .col-md-3 {
        width: 32%; }
        .servive-block .col-md-3:not(:nth-child(3n)) {
          margin-right: 2%; } }
    @media (max-width: 559.9px) {
      .servive-block .col-md-3 {
        width: 49%; }
        .servive-block .col-md-3:nth-child(odd) {
          margin-right: 2%; } }
    .servive-block .col-md-3 .servive-block-in {
      background-color: #fff;
      border: 1px #ddd solid;
      width: 100%;
      height: 72px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      position: relative;
      padding: 0 12px;
      transition: all .4s ease; }
      .servive-block .col-md-3 .servive-block-in:hover {
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.1); }
      .servive-block .col-md-3 .servive-block-in a {
        text-indent: -9999px;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
      .servive-block .col-md-3 .servive-block-in h4 {
        font-size: 1.1rem;
        font-weight: normal;
        margin-top: 4px; }

/**************
Seminars Events
**************/
.evSquare {
  padding: 32px 0;
  border-bottom: 2px #EEE solid; }
  .evSquare .event_thumb {
    width: 100%;
    background-color: #f3f3f3;
    text-align: center; }
    .evSquare .event_thumb img {
      display: block;
      margin: 0 auto; }
    .evSquare .event_thumb a {
      transition: all .3s ease; }
      .evSquare .event_thumb a:hover {
        opacity: .8; }
  .evSquare .evSquare_inner {
    margin-top: 24px; }
    .evSquare .evSquare_inner .evTitle {
      font-size: 2rem;
      margin-bottom: 12px; }

.evList {
  width: 100%; }
  .evList th {
    vertical-align: top;
    padding: 5px;
    border-bottom: 1px #294F7B solid;
    text-align: left;
    width: 80px; }
  .evList td {
    padding: 5px;
    border-bottom: 1px #ddd solid;
    background-color: white; }

.bizSquare {
  margin-bottom: 24px; }
  @media (min-width: 821px) {
    .bizSquare .item_3 {
      width: 40%; } }
  @media (min-width: 821px) {
    .bizSquare .item_5 {
      width: 54%; } }

.p_name {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end; }

@media (min-width: 821px) {
  .access_content .item_2 {
    width: 30%; } }
@media (min-width: 821px) {
  .access_content .item_6 {
    width: 64%; } }

/**************
News Archives
**************/
.news_archive {
  width: 100%; }
  .news_archive .news_item {
    padding: 24px 0;
    border-bottom: 1px #ddd solid; }
    .news_archive .news_item:first-child {
      border-top: 1px #ddd solid; }
    @media (min-width: 821px) {
      .news_archive .news_item {
        display: flex;
        align-items: flex-start;
        justify-content: space-between; } }
    .news_archive .news_item .date {
      color: #666;
      font-family: 'Questrial', sans-serif;
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 1.5; }
      @media (min-width: 821px) {
        .news_archive .news_item .date {
          width: 100px; } }
    @media (min-width: 821px) {
      .news_archive .news_item .cat-column {
        width: 144px; } }
    .news_archive .news_item .cat-column .tag {
      border: 1px #294F7B solid;
      font-size: 1.1rem;
      color: #294F7B;
      display: inline-block;
      padding: 2px 10px; }
    @media (min-width: 821px) {
      .news_archive .news_item .inner {
        width: calc(100% - 244px); } }
    .news_archive .news_item .inner .tit {
      font-weight: normal; }
      .news_archive .news_item .inner .tit a {
        font-weight: bold; }
    .news_archive .news_item .inner .excerpt {
      font-size: 1.4rem;
      color: #666;
      line-height: 1.6;
      font-weight: normal;
      display: -webkit-box;
      overflow: hidden;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }

.single_title {
  font-size: 2.4rem;
  border-bottom: 1px #333 solid;
  padding-bottom: 15px;
  margin-bottom: 30px;
  line-height: 1.5; }
  @media (max-width: 820.9px) {
    .single_title {
      font-size: 1.6rem; } }

.single_info {
  padding-bottom: 16px;
  border-bottom: #ddd 1px solid;
  margin-bottom: 24px; }
  @media (min-width: 821px) {
    .single_info {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; } }
  .single_info .date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.5;
    color: #666; }

.single_info {
  padding-bottom: 16px;
  border-bottom: #ddd 1px solid;
  margin-bottom: 24px; }
  @media (min-width: 821px) {
    .single_info {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; } }
  @media (max-width: 820.9px) {
    .single_info {
      margin-top: 25px;
      padding-top: 15px; } }
  .single_info .date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.5;
    color: #666; }

.single_cat_tag span {
  background-color: #bbb;
  display: inline-block;
  margin-right: 2px;
  font-size: 1.2rem;
  color: #fff;
  padding: 1px 10px; }

.single_content *:first-child {
  margin-top: 0; }
.single_content img {
  max-width: 100% !important;
  height: auto; }
.single_content .auto {
  margin: 15px 0; }
.single_content h1 {
  margin-top: 56px; }
  @media (max-width: 820.9px) {
    .single_content h1 {
      font-size: 2.1rem;
      margin: 30px 0 12px; } }
.single_content h2 {
  font-size: 2.2rem;
  color: #444;
  font-weight: 700 !important;
  margin: 48px 0 24px;
  border-bottom: 1px solid #666;
  line-height: 1.5;
  padding-bottom: 1rem; }
  @media (max-width: 820.9px) {
    .single_content h2 {
      font-size: 1.9rem;
      margin: 30px 0 12px; } }
.single_content h3 {
  font-size: 2rem;
  color: #444;
  margin: 40px 0 25px;
  font-weight: 700 !important;
  padding: 1rem;
  background-color: #efeef3;
  border-radius: 4px; }
  @media (max-width: 820.9px) {
    .single_content h3 {
      font-size: 1.8rem;
      margin: 20px 0 10px; } }
.single_content h4 {
  font-size: 1.8rem;
  border-bottom: solid 1px #555;
  border-top: solid 1px #555;
  padding: 13px;
  margin: 40px 0 16px; }
  @media (max-width: 820.9px) {
    .single_content h4 {
      font-size: 1.7rem;
      padding: 10px;
      margin: 32px 0 16px; } }
.single_content h5 {
  background-color: #eee;
  padding: 10px 20px;
  position: relative;
  margin: 40px 0 16px;
  font-size: 1.7rem; }
  @media (max-width: 820.9px) {
    .single_content h5 {
      font-size: 1.6rem;
      margin: 32px 0 16px; } }
  .single_content h5::before {
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #07afbf;
    content: '';
    display: block; }
.single_content h6 {
  font-size: 1.6rem;
  color: #666;
  position: relative;
  padding-left: 16px;
  margin: 40px 0 16px; }
  @media (max-width: 820.9px) {
    .single_content h6 {
      margin: 32px 0 16px; } }
  .single_content h6::before {
    background: #3875a1;
    width: 5px;
    height: 90%;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 5%; }
.single_content table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 15px 0;
  width: 100%; }
  .single_content table th, .single_content table td {
    vertical-align: middle;
    padding: 15px 10px;
    border: 1px solid #ddd;
    margin: 0; }
  .single_content table th {
    text-align: center;
    background: #eee;
    font-weight: bold; }
.single_content blockquote {
  position: relative;
  box-sizing: border-box;
  padding: 45px 20px 45px 30px;
  margin: 0 0 30px;
  font-weight: 400;
  color: #444;
  background-color: #f3f3f3;
  border: 1px #ddd solid; }
  @media (max-width: 820.9px) {
    .single_content blockquote {
      padding: 20px 5%; } }
.single_content pre {
  padding: 20px;
  margin: 20px;
  background: #eee;
  border-radius: 5px;
  font-size: 1.5rem;
  white-space: pre-line; }
.single_content code {
  word-wrap: break-word;
  font-size: 1.5rem; }
.single_content .word-set {
  display: inline-table;
  position: relative;
  vertical-align: baseline;
  white-space: initial; }
.single_content .aligncenter {
  margin: 0 auto;
  text-align: center;
  display: inline-block; }
.single_content .alignright {
  display: inline-block;
  margin-left: auto;
  margin-right: 0; }
.single_content img {
  height: auto; }
.single_content ul {
  list-style: inherit; }
  .single_content ul li {
    list-style-type: inherit;
    list-style-position: inside; }
.single_content ol {
  list-style: inherit; }
  .single_content ol li {
    list-style-type: decimal;
    list-style-position: inside; }

.newsBody {
  padding-bottom: 40px; }
  @media (max-width: 559.9px) {
    .newsBody {
      padding-bottom: 32px; } }

/* Bottom SNS Share */
.heateor_sss_sharing_container {
  margin-top: 40px; }

.side_list li a {
  border-bottom: 1px #ccc solid;
  display: block;
  padding: 8px;
  color: #666;
  background-color: #fff;
  font-size: 1.4rem; }
  @media (min-width: 821px) {
    .side_list li a {
      transition: all .3s ease; }
      .side_list li a:hover {
        background-color: #f3f3f3; } }
  .side_list li a i {
    margin-right: 4px; }

/* ------------
PAGENATION
------------- */
.wp-pagenavi {
  padding: 12px 5px;
  background: #F3F3F3;
  border-radius: 4px;
  font-size: 100%;
  text-align: center;
  border: 1px #DDD solid;
  margin-top: 30px; }

.all_seminar .wp-pagenavi {
  margin: 0 auto; }

.wp-pagenavi span,
.wp-pagenavi a {
  padding: 5px 7px !important;
  border-radius: 3px; }

.wp-pagenavi .page,
.wp-pagenavi .pages,
.wp-pagenavi .extend,
.wp-pagenavi .last,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .first {
  background: #FFF; }

.wp-pagenavi .current {
  background: #1eb0d6;
  color: #FFF; }

/**************
Contact
**************/
.contact_table, #wpcf7cpcnf table {
  width: 100%; }
  .contact_table tr th, #wpcf7cpcnf table tr th {
    border-top: 1px solid #d3d3d3;
    padding: 18px 40px 18px 0;
    width: 32%;
    vertical-align: middle;
    text-align: left; }
    @media (max-width: 1119.9px) {
      .contact_table tr th, #wpcf7cpcnf table tr th {
        display: block;
        padding: 16px 0;
        width: 100%;
        text-align: left; } }
    .contact_table tr th .hissu, #wpcf7cpcnf table tr th .hissu {
      color: red;
      display: inline-block;
      margin-left: 5px; }
  .contact_table tr td, #wpcf7cpcnf table tr td {
    padding: 18px 0;
    border-top: 1px solid #d3d3d3;
    width: 68%; }
    @media (max-width: 1119.9px) {
      .contact_table tr td, #wpcf7cpcnf table tr td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 0 0 20px;
        border-top: 0; } }
  @media (min-width: 821px) {
    .contact_table tr:last-child th, #wpcf7cpcnf table tr:last-child th {
      border-bottom: 1px solid #d3d3d3; } }
  .contact_table tr:last-child td, #wpcf7cpcnf table tr:last-child td {
    border-bottom: 1px solid #d3d3d3; }

input, button, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.c-input, .c-select, .c-textarea {
  background: #fff;
  border: 1px solid #d3d3d3;
  -webkit-transition: background-color 100ms, border-color 100ms;
  transition: background-color 100ms, border-color 100ms;
  width: 100%;
  box-sizing: border-box; }

.c-select {
  padding: 5px 10px; }

.c-input {
  height: 40px;
  padding: 2px 10px; }
  @media (max-width: 1119.9px) {
    .c-input {
      height: auto;
      padding: 8px 4%;
      box-sizing: border-box; } }

@media (min-width: 821px) {
  .c-select-list {
    display: flex;
    align-items: center;
    justify-content: space-between; } }
.c-select-list__item {
  display: flex;
  align-items: center; }
  @media (min-width: 821px) {
    .c-select-list__item {
      width: 32%; } }
  @media (max-width: 820.9px) {
    .c-select-list__item {
      width: 80%;
      margin-bottom: 4px; } }

.c-radio-list {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px -5px 0;
  width: 100%; }
  .c-radio-list__item {
    margin: 0 0 5px 0; }
    @media (max-width: 1119.9px) {
      .c-radio-list__item {
        text-align: left; } }
    .c-radio-list__item label {
      cursor: pointer;
      margin-right: 20px; }
      @media (max-width: 1119.9px) {
        .c-radio-list__item label {
          margin-right: 10px; } }

.c-radio {
  position: relative;
  top: -3px;
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio; }

.c-textarea {
  height: 200px;
  width: 100%;
  padding: 8px 10px; }
  @media (max-width: 1119.9px) {
    .c-textarea {
      box-sizing: border-box;
      width: 100%;
      height: 120px; } }

.form-btn {
  margin-top: 30px;
  text-align: center; }

.c-submit, .c-confirm, .c-back {
  padding: 18px 0;
  text-align: center;
  width: 280px;
  cursor: pointer; }
  @media (min-width: 1120px) {
    .c-submit, .c-confirm, .c-back {
      transition: all 0.3s ease 0s; } }
  @media (max-width: 1119.9px) {
    .c-submit, .c-confirm, .c-back {
      width: 48%;
      padding: 15px 0; } }

.c-submit {
  border: 2px #294F7B solid;
  color: #fff;
  background-color: #294F7B;
  font-weight: bold;
  font-size: 1.8rem; }

.c-submit:hover {
  opacity: .8; }

.c-confirm, .c-back {
  border: 2px #777 solid;
  color: #777;
  background-color: #fff; }

.c-confirm:hover, .c-back:hover {
  background-color: #eee; }

.privacyCheck {
  text-align: center;
  margin: 60px 0 40px; }
  .privacyCheck p {
    font-size: 12px;
    margin: 10px 0 20px; }

.btn-confirm, #btn_confirm {
  display: block;
  border: 1px #999 solid;
  border-radius: 5px;
  max-width: 400px;
  width: 90%;
  padding: 15px 0;
  text-align: center;
  font-size: 1.8rem;
  margin: 0 auto;
  background-color: #ddd;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .btn-confirm.hoverOn, .hoverOn#btn_confirm {
    border: 1px solid #5d3fff;
    background-color: #fff;
    color: #5d3fff;
    cursor: pointer; }

.btns .btn {
  color: white;
  font-size: 22px;
  font-weight: 600;
  height: auto;
  width: 370px;
  text-rendering: optimizelegibility;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding: 18px 0;
  margin: 0 5px 20px; }
  @media (max-width: 1119.9px) {
    .btns .btn {
      font-size: 18px;
      width: 90%;
      margin: 0 auto 20px; } }

.wpcf7cp-btns {
  margin-top: 30px;
  text-align: center; }
  .wpcf7cp-btns button {
    color: white;
    font-size: 2rem;
    font-weight: bold;
    height: auto;
    width: 370px;
    text-rendering: optimizelegibility;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding: 18px 0;
    margin: 0 5px 20px; }
    @media (max-width: 1119.9px) {
      .wpcf7cp-btns button {
        font-size: 18px;
        width: 90%;
        margin: 0 auto 20px; } }
    .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn {
      background-color: #81c320;
      border-bottom: 3px solid #679b1b; }
      .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn:hover {
        background-color: #a2d400;
        border-color: #a2d400; }
    .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn {
      background-color: #21b2c1;
      border-bottom: 3px solid #1d8691;
      border-color: #21b2c1 #21b2c1 #1d8691; }
      .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn:hover {
        background-color: #2fccdc;
        border-bottom: 3px solid #1d8691;
        border-color: #2fccdc #2fccdc #2fccdc; }

.btn-conta {
  color: white;
  font-size: 22px;
  font-weight: 600;
  height: 51px;
  width: 80%;
  text-rendering: optimizelegibility;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  text-align: center;
  padding-top: 18px;
  margin: 0 auto 20px;
  background-color: #333;
  border-bottom: 3px solid #888; }
  .btn-conta:hover {
    background-color: #555;
    border-bottom: 3px solid #999; }

.btns .btn-primary {
  background-color: #81c320;
  border-color: #a2d400;
  border-bottom: 3px solid #679b1b; }
  .btns .btn-primary:hover {
    background-color: #a2d400;
    border-color: #a2d400; }

.btn-info {
  background-color: #21b2c1;
  border-color: #21b2c1 #21b2c1 #1d8691;
  border-bottom: 3px solid #1d8691; }
  .btn-info:hover {
    background-color: #2fccdc;
    border-bottom: 3px solid #1d8691;
    border-color: #2fccdc #2fccdc #2fccdc; }

input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
  border-radius: 50%; }

input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  border-radius: 50%; }

.c-radio, .c-checkbox {
  margin-right: 5px;
  position: relative;
  top: -.1em; }

.alert-block {
  border: 2px tomato solid;
  padding: 24px;
  color: red;
  font-weight: bold; }

.help-block {
  display: block;
  color: tomato;
  font-size: 12px;
  font-weight: bold;
  margin-top: 3px; }

.wpcf7-response-output {
  background-color: #fff0f0;
  text-align: center;
  color: red;
  padding: 24px !important;
  border-radius: 4px;
  border: none !important; }

.wpcf7-not-valid-tip {
  display: block;
  font-size: 1.3rem !important;
  font-weight: bold !important;
  margin-top: 3px !important; }

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