@charset "UTF-8";

/*-------------------------------
  ヘッダー
-------------------------------*/
.o-header {
  margin-bottom: 0.5rem;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.25);
}
.o-header--sticky {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
}

/*--- ヘッダー帯 ---*/
.o-header-navbar {
  padding-top: 5px;
  padding-bottom: 0;
  height: 0;
  background-color: #000000;
  overflow: hidden;
}
@media (min-width: 40em) {
  .o-header-navbar {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    height: auto;
    transition: all 200ms 0s ease;
  }
}
.o-header--low .o-header-navbar {
  padding-top: 5px;
  padding-bottom: 0;
  height: 0;
}
.o-header-navbar--sp {
  background-color: #000000;
}
@media (min-width: 40em) {
  .o-header-navbar--sp {
    display: none;
  }
}

/*--- ヘッダーリンク ---*/
.o-header-links {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-right: 1.75rem;
}
@media (min-width: 40em) {
  .o-header-links {
    padding-right: 1rem;
    border-right: 1px solid #ffffff;
    justify-content: normal;
  }
}
.o-header-navbar--sp .o-header-links {
  margin-right: 0;
}
.o-header-navbar--sp .o-header-links li {
  border-right: none;
}
.o-header-navbar--sp .o-header-links a,
.o-header-navbar--sp .o-header-links label {
  padding: 0.75rem;
  display: block;
}
.o-header-navbar--sp .o-header-links .o-header-links__search {
  position: relative;
}
.o-header-navbar--sp .o-header-links .o-header-links__search:before {
  content: '';
  width: 1px;
  border-right: 1px solid #ffffff;
  position: absolute;
  top: 0.5rem;
  bottom: 0.5rem;
  left: 0;
}
.o-header-links li {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  border-right: 1px solid #ffffff;
  font-size: 1.35rem;
  text-align: center;
  line-height: 1.25;
  flex: 1;
}
@media (min-width: 40em) {
  .o-header-links li {
    border-right: none;
    flex-basis: auto;
  }
}
.o-header-links li:last-child {
  border-right: none;
}
.o-header-links a,
.o-header-links label {
  color: #ffffff;
  text-decoration: none;
}
li.o-header-links__globalsite {
  font-size: 0.75rem;
  flex: initial;
}
li.o-header-links__globalsite i {
  margin-right: 0.25rem;
  font-size: 1rem;
}
li.o-header-links__youtube {
  font-size: 1.45rem;
}

/*--- ヘッダー検索 ---*/
.o-header-search {
  display: flex;
}
.o-header-search-form {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  height: 0;
  overflow: hidden;
  transition: all 500ms;
}
@media (min-width: 40em) {
  .o-header-search-form {
    padding: 0;
    width: 0;
    height: auto;
  }
}
.o-header-search-form form {
  padding-top: 0.75rem;
  height: 100%;
  display: flex;
}
@media (min-width: 40em) {
  .o-header-search-form form {
    margin-right: 1rem;
    padding-top: 0;
  }
}
.o-header-navbar--sp .o-header-search-form form {
  padding-top: 0;
  padding-bottom: 0.75rem;
}
.o-header-search-form__query {
  margin-right: 0.25rem;
  width: 100%;
  height: 100%;
  border: none !important;
}
.o-header-search-form__search {
  padding-right: 1rem;
  padding-left: 1rem;
  height: 100%;
  border: none !important;
}
.o-header-search__checkbox:checked ~ .o-header-search-form {
  height: 48px;
}
@media (min-width: 40em) {
  .o-header-search__checkbox:checked ~ .o-header-search-form {
    width: 260px;
    height: auto;
  }
}
label.o-header-search__icon {
  font-size: 1rem;
  color: #ffffff;
  cursor: pointer;
}

/*--- ヘッダーメイン ---*/
.o-header-body {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 40em) {
  .o-header-body {
    display: flex;
    align-items: center;
  }
}

/*--- サイトタイトル ---*/
.o-header-sitetitle a {
  height: 30px;
  text-indent: -100%;
  overflow: hidden;
  background-image: url(../img/header/logo.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
  display: block;
}
@media (min-width: 40em) {
  .o-header-sitetitle a {
    width: 190px;
    height: 35px;
  }
}
.o-header-sitetitle.o-header-sitetitle--hammond a {
  background-image: url(../img/header/logo-hammond.png);
}

/*--- スマートフォン用メニュー ---*/
.o-spmenu-checkbox {
  display: none;
}

.o-spmenu-toggle {
  width: 50px;
  height: 60px;
  margin-top: -30px;
  position: absolute;
  top: 50%;
  right: 0.75rem;
  cursor: pointer;
  z-index: 102;
  font-size: 0.75rem;
}
@media (min-width: 40em) {
  .o-spmenu-toggle {
    display: none;
  }
}
.o-spmenu-toggle:after {
  content: 'メニュー';
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
}
.o-spmenu-toggle span,
.o-spmenu-toggle span:before,
.o-spmenu-toggle span:after {
  display: block;
  width: 40px;
  height: 5px;
  background-color: #1B8E5F;
  position: absolute;
  top: -8px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: all .3s;
}
.o-spmenu-toggle span:before,
.o-spmenu-toggle span:after {
  content: '';
}
.o-spmenu-toggle span:before {
  top: 0;
  bottom: -17px;
}
.o-spmenu-toggle span:after {
  top: -18px;
}

.o-spmenu-checkbox:checked ~ .o-spmenu-wrapper {
  visibility: visible;
  opacity: 1;
}
.o-spmenu-checkbox:checked ~ .o-spmenu-toggle:after {
  content: '閉じる';
}
.o-spmenu-checkbox:checked ~ .o-spmenu-toggle span {
  background: transparent;
}
.o-spmenu-checkbox:checked ~ .o-spmenu-toggle span:before {
  transform: rotate(-45deg);
  top: 0;
  bottom: 0;
}
.o-spmenu-checkbox:checked ~ .o-spmenu-toggle span:after {
  transform: rotate(45deg);
  top: 0;
}

.o-spmenu-wrapper {
  width: 100%;
  height: calc(100vh - 67px);
  position: absolute;
  top: 67px;
  left: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
}
@media (min-width: 40em) {
  .o-spmenu-wrapper {
    width: auto;
    height: auto;
    position: static;
    overflow: inherit;
    display: block;
    opacity: 1;
    visibility: visible;
  }
}

/*--- グローバルメニュー ---*/
.o-globalmenu {
  background-color: #ffffff;
  flex: 1;
  overflow-x: hidden;
}
@media (min-width: 40em) {
  .o-globalmenu {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    display: flex;
    justify-content: flex-end;
    overflow-y: auto;
  }
}
.o-globalmenu > li {
  border-bottom: 1px solid #cccccc;
  position: relative;
}
.o-globalmenu > li:last-child {
  border-bottom: 15px solid #1B8E5F;
}
@media (min-width: 40em) {
  .o-globalmenu > li,
  .o-globalmenu > li:last-child {
    border-bottom: none;
    position: static;
  }
}
.o-globalmenu > li > a {
  padding: 0.75rem 1rem;
  font-size: 1.15rem;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
@media (min-width: 40em) {
  .o-globalmenu > li > a {
    padding: 0.75rem 1.075rem;
    font-size: 0.85rem;
    color: inherit;
  }
  .o-globalmenu > li:hover > a {
    color: #1A8E5E;
  }
}
.o-globalmenu__toggle {
  width: 57px;
  height: 57px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  color: #1B8E5F;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.o-globalmenu__toggle:after {
  content: '+';
}
.o-globalmenu__toggle--close:after {
  content: '-';
}
@media (min-width: 40em) {
  .o-globalmenu__toggle {
    display: none;
  }
}

.o-globalmenu-sub {
  display: none;
}
@media (min-width: 40em) {
  .o-globalmenu-sub {
    padding-top: 1.5rem;
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: 300ms;
  }
  .o-globalmenu > li:hover > .o-globalmenu-sub {
    opacity: 1;
    visibility: visible;
  }
}
.o-globalmenu-sub__inner {
  background-color: #F2F2F2;
}
@media (min-width: 40em) {
  .o-globalmenu-sub__inner {
    margin-right: auto;
    margin-left: auto;
    padding: 1.5rem 2rem;
    width: 61rem;
    background-color: #ffffff;
  }
}
.o-globalmenu-sub__heading {
  display: none;
}
@media (min-width: 40em) {
  .o-globalmenu-sub__heading {
    margin-right: 3rem;
    height: 100%;
    border-right: 1px solid #ccc;
    font-size: 1.25rem;
    font-weight: bold;
    display: block;
  }
}

.o-globalmenu-sub li {
  border-top: 1px solid #cccccc;
}
@media (min-width: 40em) {
  .o-globalmenu-sub li {
    border-top: none;
  }
}
.o-globalmenu-sub li a {
  padding: 0.75rem 1.75rem;
  display: block;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
}
@media (min-width: 40em) {
  .o-globalmenu-sub li a {
    padding: 0;
    display: inline;
    font-size: inherit;
    font-weight: normal;
  }
}
.o-globalmenu-sub li a:after {
  content: '';
  margin-right: 0.75rem;
  margin-bottom: 2.5px;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid #1A8E5E;
  border-right: 2px solid #1A8E5E;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 1rem;
}
@media (min-width: 40em) {
  .o-globalmenu-sub li a:after {
    display: none;
  }
}
.o-globalmenu-sub li ul li {
  padding-left: 12px;
  position: relative;
}
@media (min-width: 40em) {
  .o-globalmenu-sub li ul li:before {
    content: '';
    margin-top: -4px;
    width: 4px;
    height: 4px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #6b6b6b;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(45deg);
  }
}

.o-globalmenu-overlay {
  background-color: rgba(0,0,0,0.25);
  opacity: 0;
  visibility: hidden;
  transition: 300ms;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}
.o-globalmenu-overlay--show {
  opacity: 1;
  visibility: visible;
}

/*-------------------------------
  サイト
-------------------------------*/
/*--- リンクカラー ---*/
.site a,
.o-content-area a {
  color: #57ABC7;
}

/*-------------------------------
  パンくず
-------------------------------*/
.o-pankuzu {
  padding-top: 1rem;
  padding-bottom: 1.25rem;
  font-size: 0.75rem;
}
.o-pankuzu a {
  color: #9A9A9A;
}
.o-pankuzu span:last-child {
  font-weight: bold;
}

/*-------------------------------
  コンテンツタイトル
-------------------------------*/
.o-contents-title {
  margin-bottom: 3.5rem;
  background-color: #F0F0F0;
}
.o-contents-title__image {
  margin-left: auto;
  margin-right: auto;
  height: 200px;
  width: 100vw;
  background-color: #ffffff;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
@media (min-width: 40em) {
  .o-contents-title__image {
    height: 370px;
  }
}
.o-contents-title__inner {
  padding-top: 1.5rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 40em) {
  .o-contents-title__inner {
    padding-right: 0;
    padding-left: 0;
    display: flex;
  }
}
.o-contents-title__body {
  margin-bottom: 1rem;
  font-size: 24px;
  border-bottom: 2px solid #B4B4B4;
  position: relative;
  line-height: 1.5;
  display: inline-block;
}
@media (min-width: 40em) {
  .o-contents-title__body {
    margin-bottom: 0;
    padding-top: 0.5rem;
    padding-right: 3rem;
    padding-bottom: 0.5rem;
    max-width: 40%;
    font-size: 30px;
    border-bottom: none;
    display: flex;
    align-items: center;
  }
}
.o-contents-title__body:after {
  content: '';
  width: 2.5rem;
  height: 2px;
  background-color: #B4B4B4;
  position: absolute;
  bottom: -2px;
  left: 0;
}
@media (min-width: 40em) {
  .o-contents-title__body:after {
    display: none;
  }
}
@media (min-width: 40em) {
  .o-contents-title__inner.o-contents-title__inner--product_category .o-contents-title__body {
    max-width: 50%;
  }
}
.o-contents-title__intro {
  font-size: 14px;
  flex: 1;
}
@media (min-width: 40em) {
  .o-contents-title__intro {
    padding-left: 3rem;
    border-left: 3px solid #B4B4B4;
    display: flex;
    align-items: center;
  }
}

.o-contents-title__inner--nointro .o-contents-title__body {
  margin-bottom: 0;
  border: none;
  max-width: 100%;
}
.o-contents-title__inner--nointro .o-contents-title__body:after {
  display: none;
}
.o-contents-title__inner--nointro .o-contents-title__intro {
  display: none;
}


/*-------------------------------
  コンテンツエリア
-------------------------------*/
/*--- リスト ---*/
.o-content-area ul {
  margin-left: 1.5em;
}
.o-content-area ul li {
  position: relative;
}
.o-content-area ul li:before {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #db0548;
  border-radius: 100%;
  position: absolute;
  left: -1.25em;
  top: 0.5em;
}
.o-content-area ul.ul-none {
  margin-left: 0;
}
.o-content-area ul.ul-none li:before {
  display: none;
}
.o-content-area ul.ul-normal {
  list-style-type: disc;
}
.o-content-area ul.ul-normal li:before {
  display: none;
}
.o-content-area ol {
  margin-left: 1.5em;
  list-style-type: decimal;
}

/*--- テーブル ---*/
.o-content-area table {
  width: 100%;
  border-top: 1px solid #C7C7C7;
}
.o-content-area table th,
.o-content-area table td {
  padding: 10px 15px;
  border-bottom: 1px solid #C7C7C7;
  word-break: break-all;
}
.o-content-area table th {
  background-color: #F0F0F0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.o-content-area table.c-table--padding-narrow th,
.o-content-area table.c-table--padding-narrow td {
  padding: 4px 10px;
}
.o-content-area table.c-table--padding-no th,
.o-content-area table.c-table--padding-no td {
  padding: 0 5px;
}
.o-content-area table.c-table--noborder {
  border: none;
}
.o-content-area table.c-table--noborder th,
.o-content-area table.c-table--noborder td {
  background-color: transparent;
  border: none;
}
.o-content-area table.c-table--widthauto {
  width: auto;
}
.o-content-area table.c-table--layoutfixed {
  table-layout: fixed;
}
.o-content-area table.c-table--th-100px th {
  width: 100px;
}
.o-content-area table.c-table--th-150px th {
  width: 150px;
}
.o-content-area table.c-table--th-200px th {
  width: 200px;
}
.o-content-area table.c-table--th-250px th {
  width: 250px;
}
.o-content-area table.c-table--th-300px th {
  width: 300px;
}
.o-content-area table.c-table--th-350px th {
  width: 350px;
}
.o-content-area table.c-table--th-400px th {
  width: 400px;
}
@media only screen and (max-width: 39.9375rem) {
  .o-content-area table.c-table--scroll {
    display: block;
    overflow: auto;
    white-space: nowrap;
    width: auto;
  }
  .o-content-area table.c-table--scroll thead,
  .o-content-area table.c-table--scroll tbody {
    width: 100%;
    display: table;
  }
  .o-content-area table.c-table--scroll-fixed {
    display: block;
    overflow: auto;
    white-space: normal;
    width: auto;
  }
  .o-content-area table.c-table--scroll-fixed thead,
  .o-content-area table.c-table--scroll-fixed tbody {
    width: 200%;
    display: table;
  }
  .o-content-area table.c-table--scroll::-webkit-scrollbar,
  .o-content-area table.c-table--scroll-fixed::-webkit-scrollbar {
    height: 5px;
  }
  .o-content-area table.c-table--scroll::-webkit-scrollbar-track,
  .o-content-area table.c-table--scroll-fixed::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }
  .o-content-area table.c-table--scroll::-webkit-scrollbar-thumb,
  .o-content-area table.c-table--scroll-fixed::-webkit-scrollbar-thumb {
    background-color: #bcbcbc;
  }
  .o-content-area table.c-table--th-100px th,
  .o-content-area table.c-table--th-150px th,
  .o-content-area table.c-table--th-200px th,
  .o-content-area table.c-table--th-250px th,
  .o-content-area table.c-table--th-300px th,
  .o-content-area table.c-table--th-350px th,
  .o-content-area table.c-table--th-400px th {
    width: auto;
  }

  .o-content-area table.c-table--responsive {
    border: none;
  }
  .o-content-area table.c-table--responsive th,
  .o-content-area table.c-table--responsive td {
    padding: 8px 10px;
    width: auto !important;
    display: block;
    border: none;
  }
  .o-content-area table.c-table--responsive th {
    text-align: left;
  }
  .o-content-area table.c-table--responsive td {
    border-top-width: 0;
  }

  .o-content-area table.c-table--responsive table th,
  .o-content-area table.c-table--responsive table td {
    padding: 8px 10px;
    display: table-cell;
    border-top: 1px solid #C7C7C7;
    border-bottom: 1px solid #C7C7C7;
  }
  .o-content-area table.c-table--responsive table th {
    text-align: center;
  }

  .o-content-area table.c-table--responsive2 tbody:not(:last-child) {
    border-bottom: 4px solid #E6E6E6;
  }

  .o-content-area table.c-table--responsive3 {
    table-layout: fixed;
    font-size: 10px;
  }
  .o-content-area table.c-table--responsive3 th,
  .o-content-area table.c-table--responsive3 td {
    padding: 4px 10px;
  }
}

/*--- フォーム部品 ---*/
.o-content-area input[type="text"],
.o-content-area input[type="password"],
.o-content-area input[type="email"],
.o-content-area input[type="url"],
.o-content-area input[type="search"],
.o-content-area input[type="telephone"],
.o-content-area input[type="number"],
.o-content-area input[type="date"],
.o-content-area input[type="datetime"],
.o-content-area input[type="datetime-local"],
.o-content-area input[type="month"],
.o-content-area input[type="week"],
.o-content-area input[type="time"],
.o-content-area textarea {
  border-radius: 3px;
  padding: 0.75rem 0.75rem;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.035);
  width: 100%;
  vertical-align: bottom;
}
.o-content-area input[type="text"]:hover,
.o-content-area input[type="password"]:hover,
.o-content-area input[type="email"]:hover,
.o-content-area input[type="url"]:hover,
.o-content-area input[type="search"]:hover,
.o-content-area input[type="telephone"]:hover,
.o-content-area input[type="number"]:hover,
.o-content-area input[type="date"]:hover,
.o-content-area input[type="datetime"]:hover,
.o-content-area input[type="datetime-local"]:hover,
.o-content-area input[type="month"]:hover,
.o-content-area input[type="week"]:hover,
.o-content-area input[type="time"]:hover,
.o-content-area textarea:hover {
  border-color: #999;
}
.o-content-area input[type="text"]:focus,
.o-content-area input[type="password"]:focus,
.o-content-area input[type="email"]:focus,
.o-content-area input[type="url"]:focus,
.o-content-area input[type="search"]:focus,
.o-content-area input[type="telephone"]:focus,
.o-content-area input[type="number"]:focus,
.o-content-area input[type="date"]:focus,
.o-content-area input[type="datetime"]:focus,
.o-content-area input[type="datetime-local"]:focus,
.o-content-area input[type="month"]:focus,
.o-content-area input[type="week"]:focus,
.o-content-area input[type="time"]:focus,
.o-content-area textarea:focus {
  border-color: #85b7d9;
}
.o-form-control--s {
  width: 5rem !important;
}
.o-form-control--m {
  width: 20rem !important;
}
.o-form-control--l {
  width: 40rem !important;
}
@media only screen and (max-width: 39.9375rem) {
  .o-form-control--full,
  .o-form-control--m,
  .o-form-control--l {
    width: 100% !important;
  }
}
.o-content-area select {
  width: 100%;
  border-radius: 3px;
  padding: 0.5rem 0.75rem;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.035);
  background-color: #ffffff;
  vertical-align: bottom;
  font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,Verdana,sans-serif;
  font-size: inherit;
}
@media only screen and (max-width: 39.9375rem) {
  .o-content-area select {
    max-width: 80vw;
  }
}

/*--- 見出し1 ---*/
.o-heading1 {
  margin-bottom: 2rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #C9C9C9;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 1.9rem;
}
@media (min-width: 40em) {
  .o-heading1 {
    padding-bottom: 0;
    font-size: 25px;
    line-height: inherit;
  }
}

/*--- 見出し2 ---*/
.o-heading2 {
  margin-bottom: 0.75rem;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 40em) {
  .o-heading2 {
    font-size: 22px;
  }
}

/*--- 見出し3 ---*/
.o-heading3 {
  margin-bottom: 1rem;
  padding: 9px 18px;
  background-color: #1B8E5F;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 40em) {
  .o-heading3 {
    font-size: 20px;
  }
}

/*--- 見出し4 ---*/
.o-heading4 {
  margin-bottom: 0.75rem;
  font-size: 17px;
  font-weight: bold;
}
@media (min-width: 40em) {
  .o-heading4 {
    font-size: 20px;
  }
}

/*--- 見出し5 ---*/
.o-heading5 {
  margin-bottom: 0.75rem;
  padding-bottom: 10px;
  border-bottom: 2px solid #E4E4E4;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  line-height: 1.5;
}
@media (min-width: 40em) {
  .o-heading5 {
    font-size: 18px;
  }
}
.o-heading5:before {
  content: '';
  width: 39px;
  height: 2px;
  background-color: #1B8E5F;
  position: absolute;
  bottom: -2px;
  left: 0;
}

/*--- 見出し6 ---*/
.o-heading6 {
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 40em) {
  .o-heading6 {
    font-size: 1rem;
  }
}

/*--- 見出し ---*/
.o-pc-heading {
  margin-bottom: 1rem;
  font-size: 1.75rem;
  line-height: 1.5;
  letter-spacing: 2px;
}
@media (min-width: 40em) {
  .o-pc-heading {
    margin-bottom: 1.5rem;
    font-size: 2rem;
    letter-spacing: 4px;
  }
}
.o-pc-heading span {
  margin-left: 0.5rem;
  display: inline-block;
  font-size: 0.7rem;
  letter-spacing: 1px;
}
@media (min-width: 40em) {
  .o-pc-heading span {
    margin-left: 1rem;
    font-size: 1rem;
  }
}

/*-------------------------------
  ボタン類
-------------------------------*/
.mce-content-body a[data-mce-selected].o-btn,
a.o-btn,
.o-btn {
  margin: 2px;
  padding: 0.5rem 0.5rem;
  background-color: #ffffff;
  border: 1px solid #b4b4b4;
  border-radius: 100px;
  text-decoration: none !important;
  text-align: center;
  font-size: 0.9rem;
  color: inherit;
  display: inline-block;
  position: relative;
  white-space: pre-wrap;
  cursor: pointer;
  transition: all 300ms 0s ease;
  overflow: hidden;
  vertical-align: middle;
}
.mce-content-body a[data-mce-selected].o-btn:hover,
a.o-btn:hover,
.o-btn:hover {
  background-color: #f0f0f0;
}
.mce-content-body a[data-mce-selected].o-btn--block,
a.o-btn--block,
.o-btn--block {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  display: block !important;
}
.mce-content-body a[data-mce-selected].o-btn--round,
a.o-btn--round,
.o-btn--round {
  padding: 0.5rem 0.5rem !important;
  border-radius: 5px;
}
@media (min-width: 40em) {
  .mce-content-body a[data-mce-selected].o-btn,
  a.o-btn,
  .o-btn {
    padding: 1rem 1.25rem;
    font-size: 1.25rem;
  }
}

/*--- 赤 ---*/
.mce-content-body a[data-mce-selected].o-btn--red,
a.o-btn--red,
.o-btn--red {
  border-color: #b01e2b;
  background-color: #b01e2b;
  color: #ffffff !important;
}
.mce-content-body a[data-mce-selected].o-btn--red:hover,
a.o-btn--red:hover,
.o-btn--red:hover {
  background-color: #ffffff;
  color: #b01e2b !important;
}

/*--- リンクカラー ---*/
.mce-content-body a[data-mce-selected].o-btn--link,
a.o-btn--link,
.o-btn--link {
  border-color: #57ABC7;
  color: #57ABC7 !important;
}
.mce-content-body a[data-mce-selected].o-btn--link:hover,
a.o-btn--link:hover,
.o-btn--link:hover {
  background-color: #f4fcff;
}

/*--- 問い合わせボタン ---*/
.mce-content-body a[data-mce-selected].o-btn--contact,
a.o-btn--contact,
.o-btn--contact {
  padding: 0.5rem 3rem;
  border-color: #db0548;
  background-color: #ffffff;
  color: #db0548 !important;
  font-size: 16px;
}
.mce-content-body a[data-mce-selected].o-btn--contact:hover,
a.o-btn--contact:hover,
.o-btn--contact:hover {
  background-color: #fff3f7;
}

/*--- 問い合わせボタン（赤） ---*/
.mce-content-body a[data-mce-selected].o-btn--contact-red,
a.o-btn--contact-red,
.o-btn--contact-red {
  padding: 0.5rem 3rem;
  border-color: #b01e2b;
  background-color: #b01e2b;
  color: #ffffff !important;
  font-size: 16px;
}
.mce-content-body a[data-mce-selected].o-btn--contact-red:hover,
a.o-btn--contact-red:hover,
.o-btn--contact-red:hover {
  background-color: #ffffff;
  color: #b01e2b !important;
}

.mce-content-body a[data-mce-selected].o-btn--large,
a.o-btn--large,
.o-btn--large {
  padding: 0.75rem 1rem;
  font-size: 1rem;
  border-width: 2px;
}

.mce-content-body a[data-mce-selected].o-btn--small,
a.o-btn--small,
.o-btn--small {
  padding: 0.25rem 1rem;
  font-size: 0.75rem;
}

.o-shadow-btn {
  margin-bottom: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: block;
  background-color: #ffffff;
  box-shadow:0px 0px 12px 2px rgba(0,0,0,0.1);
  color: inherit !important;
  font-size: 1.25rem;
  text-align: center;
  text-decoration: none;
  position: relative;
}
@media (min-width: 40em) {
  .o-shadow-btn {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
  }
}
.o-shadow-btn:after {
  content: '';
  margin-left: 0.5rem;
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
  display: block;
  transform: rotate(45deg) translateX(-50%);
  position: absolute;
  top: 50%;
  right: 1rem;
}
@media (min-width: 40em) {
  .o-shadow-btn:after {
    right: 2rem;
  }
}
.o-shadow-btn:hover {
  text-decoration: none;
}

/*-------------------------------
  タグ
-------------------------------*/
.o-tag {
  margin-right: 0.25rem;
  min-width: 1.5em;
  display: inline-block;
  padding: 0.1rem 0.5rem;
  background-color: #ccc;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.75rem;
  text-align: center;
}
.o-tag--1char {
  padding: 1px 0 0 0;
  font-size: 0.85rem;
  line-height: 1.5em;
  vertical-align: middle;
}
.o-tag:hover {
  text-decoration: none;
}
.o-tag--red {
  background-color: #CB616D;
}
.o-tag--green {
  background-color: #72D168;
}
.o-tag--blue {
  background-color: #5EA4DA;
}
.o-tag--discontinued {
  background-color: #4a4a4a;
}
.o-tag--catalog-current {
  background-color: #4DABC3;
}
.o-tag--catalog-continue {
  background-color: #EF8C76;
}
.o-tag--catalog-pdf {
  background-color: #EDA433;
}
.o-tag--tune-music {
  background-color: #43A763;
}
.o-tag--tune-data {
  background-color: #3CA2CC;
}
.o-tag--new {
  background-color: #DC0548;
}
.o-tag--gmap {
  background-color: #ffffff;
  border: 1px solid #BEBEBE;
  color: inherit !important;
  font-weight: normal;
}
.o-tag--gmap:before {
  content: '\f3c5';
  margin-right: 0.25rem;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  color: #DC0548;
}

/*-------------------------------
  ファイルアイコン
-------------------------------*/
.o-content-area a[href$=".doc"],
.o-content-area a[href$=".docx"],
.o-content-area a[href$=".xls"],
.o-content-area a[href$=".xlsx"],
.o-content-area a[href$=".pdf"],
.o-content-area a[href$=".PDF"],
.o-content-area a.file-icon--data,
.o-content-area a[href$=".zip"] {
  display: inline-block;
}
.o-content-area a.file-icon--pdf:before,
.o-content-area a[href$=".pdf"]:before,
.o-content-area a[href$=".PDF"]:before {
  content: "\f1c1";
  font-family: "Font Awesome 5 Free";
  margin-right: 3px;
  color: #DD4D44;
  font-size: 1.2em;
}
.o-content-area a.file-icon--doc:before,
.o-content-area a[href$=".doc"]:before,
.o-content-area a[href$=".docx"]:before {
  content: "\f1c2";
  font-family: "Font Awesome 5 Free";
  margin-right: 3px;
  color: #2A5699;
  font-size: 1.2em;
}
.o-content-area a.file-icon--xls:before,
.o-content-area a[href$=".xls"]:before,
.o-content-area a[href$=".xlsx"]:before {
  content: "\f1c3";
  font-family: "Font Awesome 5 Free";
  margin-right: 3px;
  color: #1E6F43;
  font-size: 1.2em;
}
.o-content-area a.file-icon--data:before,
.o-content-area a[href$=".zip"]:before {
  content: "\f1c6";
  font-family: "Font Awesome 5 Free";
  margin-right: 3px;
  color: #B5B5B5;
  font-size: 1.2em;
}

.o-content-area a[href$=".mp3"]:before {
  content: "\f028";
  font-family: "Font Awesome 5 Free";
  margin-right: 3px;
  color: #ffffff;
  border-radius: 5px;
  padding: 5px 5px;
  line-height: 1;
  background-color: #D24B4F;
  font-size: 0.95rem;
  color: #ffffff !important;
  display: inline-block;
  font-weight: 600;
}

.o-content-area a.download-html:before {
  content: "\f2d2";
  font-family: "Font Awesome 5 Free";
  /* margin-right: 3px; */
  color: #ECE138;
  border-radius: 5px;
  /* padding: 5px 5px; */
  line-height: 1;
  background-color: #ffffff;
  font-size: 0.95rem;
  display: inline-block;
}

.o-content-area a.no-fileicon {
  display: inline;
}
.o-content-area a.no-fileicon:before {
  display: none;
}

/*-------------------------------
  カード
-------------------------------*/
.c-card {
  position: relative;
}
.c-card__image {
  margin-bottom: 1rem;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  box-shadow:0px 0px 12px 2px rgba(0,0,0,0.1);
}
.c-card__body {
  font-size: 0.75rem;
}
.c-card__link {
  text-indent: -1000%;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/*-------------------------------
  カードメニュー
-------------------------------*/
.c-card-menu {
  padding: 1.5rem 1rem;
  box-shadow:0px 0px 12px 2px rgba(0,0,0,0.1);
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.c-card-menu__image {
  margin-bottom: 1rem;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-card-menu__image img {
  max-height: 100%;
}
.c-card-menu__title {
  font-size: 1rem;
  font-weight: bold;
}
.c-card-menu__subtitle {
  font-size: 0.75rem;
}
.c-card-menu__link {
  text-indent: -1000%;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-card-menu--left .c-card-menu__title,
.c-card-menu--left .c-card-menu__subtitle {
  width: 100%;
  text-align: left;
}

/*-------------------------------
  アコーディオン
-------------------------------*/
.c-accordion-heading {
  cursor: pointer;
  position: relative;
}
@media (min-width: 40em) {
  .c-accordion-heading {
    padding-right: calc(135px + 3rem);
  }
}
.c-accordion-heading:after {
  content: '詳しく見る \f055';
  margin-left: auto;
  padding: 0.25rem;
  width: 135px;
  border: 1px solid #ffffff;
  border-radius: 100px;
  font-family: "Font Awesome 5 Free";
  font-size: 0.9rem;
  font-weight: 900;
  text-align: center;
  display: block;
}
@media (min-width: 40em) {
  .c-accordion-heading:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
  }
}
.c-accordion-heading--opened:after {
  content: '閉じる \f056';
}
.c-accordion-heading--green:after {
  padding: 0 0.25rem;
  border: 1px solid #1B8E5F;
  color: #1B8E5F;
  line-height: 22px;
}
.c-accordion-heading--noicon {
  padding-right: inherit;
}
.c-accordion-heading--noicon:after {
  display: none;
}
.c-accordion-content {
  display: none;
}

/*-------------------------------
  ポイント
-------------------------------*/
.c-point {
  margin-bottom: 0.5rem;
  padding: 0.5rem 0.75rem;
  border: 8px solid #F9ECF3;
}
@media (min-width: 40em) {
  .c-point {
    padding: 1rem 1.75rem;
  }
}
.c-point__heading {
  margin-bottom: 0.5rem;
  line-height: 1.5;
  font-size: 1.25rem;
  position: relative;
  word-break: break-all;
}
@media (min-width: 40em) {
  .c-point__heading {
    font-size: 1.5rem;
  }
}
.c-point__heading:before {
  margin-right: 0.5rem;
  content: '\f058';
  font-family: "Font Awesome 5 Free";
  color: #D80647;
}
.c-point__body:after {
  content: '';
  display: table;
  clear: both;
}

/*-------------------------------
  ステップ
-------------------------------*/
.c-step {
  margin-bottom: 1.5rem;
  display: flex;
}
.c-step__item {
  padding: 0.5rem;
  border: 1px solid #ccc;
  text-align: center;
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 40em) {
  .c-step__item {
    padding: 1rem;
    flex-direction: row;
  }
}
.c-step__item + .c-step__item {
  border-left: none;
}
.c-step__item span {
  display: block;
}
@media (min-width: 40em) {
  .c-step__item span {
    margin-right: 0.5rem;
    display: inline-block;
  }
}
.mw_wp_form_input .c-step .c-step__item:nth-child(1),
.mw_wp_form_confirm .c-step .c-step__item:nth-child(2),
.mw_wp_form_complete .c-step .c-step__item:nth-child(3) {
  border-color: #1B8E5F;
  background-color: #1B8E5F;
  color: #ffffff;
  font-weight: bold;
}

/*-------------------------------
  お知らせ
-------------------------------*/
.o-notice {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.o-notice__tabs {
  margin-bottom: 1.5rem;
}
.o-notice__tabs ul {
  margin: 0;
  padding: 0.75rem 0;
  display: flex;
  overflow-x: auto;
}
@media (min-width: 40em) {
  .o-notice__tabs ul {
    padding: 0;
    overflow: visible;
  }
}
.o-notice__tabs ul li {
  position: static;
  flex: 0 0 auto;
}
.o-notice__tabs ul li:before {
  display: none;
}
.o-notice__tabs ul a {
  padding: 0.25rem 0.9rem;
  font-weight: bold;
  color: #BEBEBE;
  cursor: pointer;
}
.o-notice__tabs ul a.selected,
.o-notice__tabs ul a:hover {
  border-bottom: 2px solid #1A8E5E;
  text-decoration: none;
  color: #1A8E5E;
}

.o-notice__body {
  display: none;
}
.o-notice__body--show {
  display: block;
}

.o-notice-item {
  margin-bottom: 1rem;
  padding: 0.5rem;
  display: flex;
  background-color: #ffffff;
  border: 1px solid #F0F0F0;
  position: relative;
}
@media (min-width: 40em) {
  .o-notice-item {
    padding: 1rem;
  }
}
.o-notice-item__thumbnail {
  margin-right: 0.75rem;
  width: 100px;
  height: 70px;
  background-image: url(../img/notices_normal-thumbnail.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 40em) {
  .o-notice-item__thumbnail {
    margin-right: 1.5rem;
    width: 200px;
    height: 140px;
  }
}
.o-notice-item__thumbnail--hammond {
  background-image: url(../img/notices_normal-thumbnail-hammond.png);
}
.o-notice-item__thumbnail--onlineshop {
  background-image: url(../img/notices_normal-thumbnail-onlineshop.png);
}
.o-notice-item__body {
  flex: 1;
}
.o-notice-item__tags {
  margin-bottom: 0.5rem;
}
.o-notice-item__tags .o-tag {
  width: 135px;
  border-radius: 3px;
  text-align: center;
}
.o-notice-item__title {
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: bold;
}
@media (min-width: 40em) {
  .o-notice-item__title {
    margin-bottom: 1rem;
    font-size: inherit;
  }
}
.o-notice-item__comment {
  display: none;
}
@media (min-width: 40em) {
  .o-notice-item__comment {
    margin-top: -0.75rem;
    font-size: 0.8rem;
    color: #808080;
    display: block;
  }
}
.o-notice-item__date {
  color: #BABABA;
  font-size: 0.75rem;
}
@media (min-width: 40em) {
  .o-notice-item__date {
    font-size: inherit;
  }
}
.o-notice-item__link {
  display: block;
  text-indent: -1000%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/*-------------------------------
  バナースライダー
-------------------------------*/
.c-banner-slider {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  position: relative;
}
@media (min-width: 40em) {
  .c-banner-slider {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.c-banner-slider-item {
  padding-right: 10px;
  padding-left: 10px;
  width: 50%;
  height: auto;
  text-align: center;
}
@media (min-width: 40em) {
  .c-banner-slider-item {
    width: 25%;
  }
}
.c-banner-slider-item a {
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.c-banner-slider-item--noimage a {
  min-height: 81px;
  border: 1px solid #C8C8C8;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #323232;
  font-size: 0.65rem;
  text-decoration: none;
  line-height: 1.4;
}
@media (min-width: 40em) {
  .c-banner-slider-item--noimage a {
    min-height: 129px;
    font-size: 0.95rem;
  }
}
.c-banner-slider-item--noimage-green a,
.c-banner-slider-item--noimage-blue a,
.c-banner-slider-item--noimage-note a {
  border: none;
  font-weight: bold;
}
.c-banner-slider-item--noimage-green a {
  background-image: url(../img/products-banner-noimage-green.jpg);
  color: #ffffff;
}
.c-banner-slider-item--noimage-blue a {
  background-image: url(../img/products-banner-noimage-blue.jpg);
  color: #ffffff;
}
.c-banner-slider-item--noimage-note a {
  background-image: url(../img/products-banner-noimage-note.jpg);
  color: #1A8E5E;
}
.c-banner-slider-item img {
  max-height: 100%;
}
.c-banner-slider__slider,
.c-banner-slider-mobile__slider {
  padding-bottom: 3rem;
}
.c-banner-slider .swiper-button-next,
.c-banner-slider .swiper-button-prev {
  display: none;
  width: 24px;
  height: 24px;
  background-color: #969696;
  border-radius: 100%;
  text-align: center;
}
.c-banner-slider .swiper-button-next {
  right: 0;
}
.c-banner-slider .swiper-button-prev {
  left: 0;
}
.c-banner-slider .swiper-button-next:after,
.c-banner-slider .swiper-button-prev:after {
  color: #ffffff;
  font-size: 12px;
  font-weight:  bold;
}
.c-banner-slider .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid #797979;
  opacity: 1;
}
.c-banner-slider .swiper-pagination-bullet-active {
  background: #797979;
}

/*-------------------------------
  コンテンツエリア
-------------------------------*/
.o-content-area {
}

/*-------------------------------
  サイドバー
-------------------------------*/
.o-sidebar-area {
  margin-bottom: 3rem;
}
@media (min-width: 40em) {
  .o-sidebar-area {
    margin-bottom: 0;
    padding-top: 3rem;
  }
}

/*-------------------------------
  フッター
-------------------------------*/
/*--- フッターサイトマップ --*/
.o-footer-sitemap {
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.o-footer-sitemap__heading {
  margin-bottom: 0.5rem;
  background-color: #F2F2F2;
  border: 1px solid #C9C9C9;
  font-size: 0.8rem;
  font-weight: bold;
  position: relative;
}
@media (min-width: 40em) {
  .o-footer-sitemap__heading {
    padding: 0.5rem 0;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    background-color: transparent;
    border-top: 1px solid #E5E5E5;
    border-right: none;
    border-bottom: 1px solid #E5E5E5;
    border-left: none;
  }
}
.o-footer-sitemap__heading + .c-row {
  display: none;
}
@media (min-width: 40em) {
  .o-footer-sitemap__heading + .c-row {
    display: flex !important;
  }
}
.o-footer-sitemap__heading a {
  padding: 0.75rem 1rem;
  text-decoration: none;
  display: block;
  position: relative;
}
@media (min-width: 40em) {
  .o-footer-sitemap__heading a {
    padding: 0;
    display: inline;
  }
}
.o-footer-sitemap__toggle {
  width: 47px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.o-footer-sitemap__toggle:before,
.o-footer-sitemap__toggle:after {
  content: '';
  width: 20px;
  margin-left: -10px;
  border-top: 1px solid #878787;
  position: absolute;
  top: 50%;
  left: 50%;
}
.o-footer-sitemap__toggle:after {
  transform: rotate(90deg);
}
@media (min-width: 40em) {
  .o-footer-sitemap__toggle {
    display: none;
  }
}
.o-footer-sitemap__toggle--close:after {
  display: none;
}
.o-footer-sitemap__list {
  padding-left: 1rem;
  font-size: 0.7rem;
}
@media (min-width: 40em) {
  .o-footer-sitemap__list {
    padding-left: 0;
    display: block;
  }
}
.c-row > div:last-child .o-footer-sitemap__list {
  margin-bottom: 1.5rem;
}
@media (min-width: 40em) {
  .c-row > div:last-child .o-footer-sitemap__list {
    margin-bottom: 0;
  }
}
.o-footer-sitemap__list li {
  margin-bottom: 0.25rem;
}

/*--- フッター帯 ---*/
.o-footer-navbar {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  background-color: #1A8E5E;
}
@media (min-width: 40em) {
  .o-footer-navbar {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

.o-footer-links {
  font-size: 0.7rem;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.25;
  justify-content: center;
}
@media (min-width: 40em) {
  .o-footer-links {
    font-size: 0.7rem;
  }
}
.o-footer-links li {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 50%;
  border-right: 1px solid #ffffff;
  text-align: center;
}
@media (min-width: 40em) {
  .o-footer-links li {
    margin-top: 0;
    margin-bottom: 0;
    width: auto;
  }
}
.o-footer-links li:nth-child(2n),
.o-footer-links li:last-child {
  border-right: none;
}
@media (min-width: 40em) {
  .o-footer-links li:nth-child(2n) {
    border-right: 1px solid #ffffff;
  }
}
.o-footer-links li a {
  color: #ffffff;
  text-decoration: none;
}

/*--- ページトップへ ---*/
.o-totop {
  position: fixed;
  right: 0.75rem;
  bottom: 0;
}
@media (min-width: 40em) {
  .o-totop {
    right: 2rem;
    bottom: 1.75rem;
  }
}
.o-totop a {
  width: 45px;
  height: 45px;
  background-color: #1A8E5E;
  border-radius: 10px 10px 0 0;
  text-align: center;
  text-decoration: none;
  line-height: 45px;
  color: #ffffff;
  display: block;
  cursor: pointer;
}
@media (min-width: 40em) {
  .o-totop a {
    border-radius: 10px;
    background-color: rgba(26, 142, 94, 0.85);
  }
}

/*--- フッター下部 ---*/
.o-footer-bottom {
  padding-top: 1.5rem;
  padding-bottom: 3.5rem;
}
@media (min-width: 40em) {
  .o-footer-bottom {
    padding-bottom: 1.5rem;
  }
}

/*--- ロゴ ---*/
.o-footer-logo {
  margin-right: auto;
  margin-bottom: 0.5rem;
  margin-left: auto;
  width: 160px;
  height: 43px;
  background-image: url(../img/footer/logo.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -100%;
  overflow: hidden;
}
@media (min-width: 40em) {
  .o-footer-logo {
    margin-right: 1rem;
    margin-bottom: 0;
  }
}

/*--- SNSリンク ---*/
.o-footer-sns {
  display: flex;
  align-items: center;
  justify-content: center;
}
.o-footer-sns li {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}
@media (min-width: 40em) {
  .o-footer-sns li {
    margin-right: 0;
    margin-left: 1.5rem;
  }
}
.o-footer-sns__twitter {
  font-size: 1.75rem;
}
.o-footer-sns__youtube {
  font-size: 1.9rem;
}

/*--- コピーライト ---*/
.o-footer-copyright {
  font-size: 0.6rem;
  text-align: center;
}
@media (min-width: 40em) {
  .o-footer-copyright {
    font-size: 0.7rem;
  }
}

/*--- 海外向けダウンロードページフッター ---*/
.o-footer-global-contact {
  margin-bottom: 1.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: #F0F0F0;
}