@charset "UTF-8";
html {
 font-size: 62.5%;
}
body {
 margin-top: 80px;
 font-family: lato, 'メイリオ', Meiryo, Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif' !important;
 background-color: #fff;
}
p a:hover {
 text-decoration: underline !important;
 color: #e1140a;
 transition: 0.3s;
}
img {
 margin: 0;
 padding: 0;
 max-width:100%;
 width: 100%\9;
 height: auto;
 -webkit-backface-visibility: hidden !important;
}


.jumbotron {
 padding-top: 45px;
 padding-bottom: 0;
 margin-bottom: 0;
 color: inherit;
 height: 160px;
 box-shadow: 0 10px 10px -10px #000 inset;
 background-color: #000;
 background: url('../img/bg_pageheader.jpg');
 background-color: #000 !important;
 background-size: cover;
 background-position: 50% 50%;
}

.jumbotron h1 {
 color: #fff;
 font-size: 2.4rem;
 text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}
.jumbotron .container {
 max-width: 100%;
}
@media screen and (min-width: 768px) {
 .jumbotron {
  padding-top: 65px;
  padding-bottom: 0;
  height: 240px;
 }
 .jumbotron h1 {
  font-size: 3.4rem;
  line-height: 1.6;
 }
}

@media screen and (min-width: 768px) {
 header .navbar-fixed-top .container {
  width: 96%;
 }
}

.navbar {
 background-color: rgba(255,255,255,1);
}
.navbar-fixed-top {
 border-bottom-width: 1px;
 border-color: #ccc;
 box-shadow: 0 4px 4px -4px #ccc;
}
.navbar-default .navbar-toggle {
 border-color: #fff;
 background-color: #333f48;
 border-radius: 4px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
 background-color: #333f48;
}
.navbar-default .navbar-toggle .icon-bar {
 background-color: #fff;
}
button.navbar-toggle {
 height: 40px;
}
button[aria-expanded="false"] .icon-bar:nth-child(1),
button[aria-expanded="false"] .icon-bar:nth-child(2) {
 transition: 0.4s;
}
button[aria-expanded="false"] .icon-bar:nth-child(3) {
 display: block;
 transition: 0.3s;
}
button[aria-expanded="true"] .icon-bar:nth-child(1) {
 margin-top: 6px;
 -webkit-transform: translateX(0px) translateY(3px) rotate(45deg);
 transform: translateX(0px) translateY(3px) rotate(45deg);
 transition: 0.4s;
}
button[aria-expanded="true"] .icon-bar:nth-child(2) {
 -webkit-transform: translateX(0px) translateY(-3px) rotate(-45deg);
 transform: translateX(0px) translateY(-3px) rotate(-45deg);
 transition: 0.4s;
}
button[aria-expanded="true"] .icon-bar:nth-child(3) {
 opacity: 0;
 transition: 0.3s;
}

.navbar-default .navbar-collapse.collapse {
 padding-right: 15px;
 padding-left: 15px;
 overflow-x: visible;
 -webkit-overflow-scrolling: touch;
 border-top: 1px solid transparent;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-default .navbar-collapse.collapse:before,
.navbar-default .navbar-collapse.collapse:after {
 display: table;
 content: " ";
}
.navbar-default .navbar-collapse.collapse:after {
 clear: both;
}

.navbar-default .navbar-collapse.collapse .navbar-nav {
 margin: 24px 0 0;
}
.navbar-default .navbar-collapse.collapse .navbar-nav > li {
 margin: 0 0 0 10px;
 padding: 0;
}
.navbar-default .navbar-collapse.collapse .navbar-nav > li:first-child {
 margin-left: 0;
}

.navbar-default .navbar-collapse.collapse .navbar-nav > li > a {
 display: inline-block !important;
 margin: 0;
 padding: 3px 0;
 background: none;
 border-radius: 0;
 font-size: 1.4rem;
 font-weight: bold;
 color: #333;
}
.navbar-default .navbar-collapse.collapse .navbar-nav > li > a > i {
 display: inline-block;
 font-size: 1.4rem;
 font-weight: 900;
 padding: 0 0.3em 0;
}
.navbar-default .navbar-collapse.collapse .navbar-nav > li > a:hover,
.navbar-default .navbar-collapse.collapse .navbar-nav > li > a:focus {
 background: none;
 border-radius: 0;
 color: #e1140a;
}
.navbar-default .navbar-collapse.collapse .navbar-nav > .active > a,
.navbar-default .navbar-collapse.collapse .navbar-nav > .active > a:hover,
.navbar-default .navbar-collapse.collapse .navbar-nav > .active > a:focus {
 background: none;
 border-radius: 0;
 color: #333f48;
}

.navbar-default .navbar-collapse.collapse.in {
 overflow-y: auto;
 padding-right: 0;
 padding-left: 0;
 overflow-x: visible;
 -webkit-overflow-scrolling: touch;
 border-top: 2px solid #333f48;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-default .navbar-collapse.collapse.in:before,
.navbar-default .navbar-collapse.collapse.in:after {
 display: table;
 content: " ";
}
.navbar-default .navbar-collapse.collapse.in:after {
 clear: both;
}
.navbar-default .navbar-collapse.collapse.in .navbar-nav {
 margin: 0;
}
.navbar-default .navbar-collapse.collapse.in .navbar-nav > li {
 margin: 0;
 border-bottom: 1px solid #ddd;
}
.navbar-default .navbar-collapse.collapse.in .navbar-nav > li:last-child {
 border-bottom: none;
}
.navbar-default .navbar-collapse.collapse.in .navbar-nav > li > a {
 display: block !important;
 padding: 10px 20px;
 background: none;
 font-size: 1.4rem;
}
.navbar-default .navbar-collapse.collapse.in .navbar-nav > li > a:hover,
.navbar-default .navbar-collapse.collapse.in .navbar-nav > li > a:focus {
 background-color: #f9f9f9;
 color: #e1140a;
}
.navbar-default .navbar-collapse.collapse.in .navbar-nav > .active > a,
.navbar-default .navbar-collapse.collapse.in .navbar-nav > .active > a:hover,
.navbar-default .navbar-collapse.collapse.in .navbar-nav > .active > a:focus {
 background-color: #fff;
 color: #333f48;
}
.navbar-default .navbar-collapse.collapse.in .navbar-nav > li > a > i {
 display: none;
}
.navbar-default .navbar-collapse.collapse.in .navbar-nav > li > a:before {
 display: inline-block;
 font-family: "Font Awesome 5 Free" !important;
 font-weight: 900;
 content: '\f105';
 padding-right: 8px;
}

@media (min-width: 992px) {
 .navbar-default .navbar-collapse.collapse {
  display: block !important;
  padding-bottom: 0;
  border-top: 0;
  box-shadow: none;
  width: auto;
  height: auto !important;
  overflow: visible !important;
 }
}

.navbar > .container .navbar-brand {
 margin: 10px 0 0 10px;
 padding: 0;
 font-size: 2.0rem;
 line-height: 24px;
 width: 260px;
 height: auto;
 float: left;
}
.navbar > .container .navbar-brand > img {
 display: block;
 margin: 0;
 width: 100%;
 height: auto;
}

/*
@media (min-width: 992px) {
 .navbar-toggle {
  display: none;
 }
}
*/

@media (min-width: 768px) {
 .navbar-nav {
  float: right;
 }
}
@media (max-width: 320px) {
 .navbar > .container .navbar-brand {
  max-width: 200px;
 }
}

#main {
 background-color:#fff;
}

ol.carousel-indicators li {
 margin: 0 3px 0 0 !important;
}
ol.carousel-indicators li.active {
 margin: 0 3px 0 0 !important;
 width: 10px !important;
 height: 10px !important;
}
ol.carousel-indicators li:last-child {
 margin-right: 0 !important;
}
a.carousel-control {
 color: #fff;
 opacity: 0.2;
}
a.carousel-control:hover {
 color: #fff;
 opacity: 1;
}

@media (max-width: 991px) {
 #mainvisualCarousel .carousel-inner .item {
  height: 340px;
 }
 #mainvisualCarousel .carousel-inner .item img {
  object-fit: cover;
  max-width: none;
  height: 340px;
 }
}

#mainvisualCarousel .carousel-caption {
 position: absolute;
 bottom: 50%;
 right: 15%;
 left: 15%;
 transform: translateY(50%);
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 padding: 0;
 z-index: 10;
 color: #fff;
 text-align: center;
 text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
#mainvisualCarousel .carousel-caption strong {
 display: block;
 margin: 0 auto;
 padding: 0;
 font-size: 3.8rem;
}
#mainvisualCarousel .carousel-caption p {
 display: block;
 margin: 1.2em auto 1.4em;
 padding: 0;
 font-size: 2.4rem;
}
#mainvisualCarousel .carousel-caption strong b,
#mainvisualCarousel .carousel-caption p span {
 display: inline-block;
}
#mainvisualCarousel .carousel-caption .top_lead_btn a {
 display: block;
 margin: 0 auto;
 padding: 0.8em 1.2em;
 font-size: 1.8rem;
 background-color: #e1140a;
 border-radius: 6px;
 color: #fff;
 text-decoration: none;
 transition: 0.4s ease;
}
#mainvisualCarousel .carousel-caption .top_lead_btn a:hover {
 text-decoration: none;
 background-color: #d02c24;
 transition: 0.4s ease;
}
#mainvisualCarousel .carousel-caption .top_lead_btn a::before {
 display: inline-block;
 margin-right: 0.5em;
 font-family: "Font Awesome 5 Free", sans-serif;
 font-weight: 900;
 content: "\f061";
}
@media (max-width: 991px) {
 #mainvisualCarousel .carousel-caption strong {
  font-size: 3rem;
 }
 #mainvisualCarousel .carousel-caption p {
  font-size: 2rem;
 }
 #mainvisualCarousel .carousel-caption .top_lead_btn a {
  font-size: 1.6rem;
 }
}
@media (max-width: 767px) {
 #mainvisualCarousel .carousel-caption strong {
  font-size: clamp(22px, 3.65vw, 28px);
 }
 #mainvisualCarousel .carousel-caption p {
  font-size: clamp(18px, 2.35vw, 20px);
 }
 #mainvisualCarousel .carousel-caption .top_lead_btn a {
  font-size: clamp(14px, 1.96vw, 15px);
 }
}



section.section {
 margin: 0 auto;
 padding: 0 0 40px;
}
@media (min-width: 992px) {
 section.section {
  padding: 0 0 60px;
 }
}
section.section.section-default {
 background-color: #fff;
}
section.section.section-inverse {
 background-color: #f9f9f9;
}
section.section.section-bg {
 background-color: #e5eef3;
}
section.section.section-top {
 padding: 50px 0 40px;
}
section.section.pt {
 padding-top: 40px;
}
@media (min-width: 992px) {
 section.section.pt {
  padding-top: 60px;
 }
}
section.section.pb {
 padding-bottom: 80px;
}
@media (min-width: 992px) {
 section.section.pb {
  padding-bottom: 100px;
 }
}


.top-partner {
 margin: 0 auto;
 padding: 0;
 width: 96%;
}
.top-partner p {
 margin: 0 auto;
 padding: 0;
 font-size: 1.8rem;
 line-height: 1.6;
}
.top-partner p:last-child {
 margin: 0 auto;
 padding: 20px 0 0;
}
.top-partner img {
 margin: 0 auto;
 width: 100%;
 max-width: 280px
}

.top-title {
 margin: 0 auto;
 padding: 80px 0 80px;
}
.top-title h1 {
 margin: 0 auto;
 padding: 1.0em 0;
 font-size: 3.8rem;
 font-weight: bold;
 text-align: center;
 line-height: 1.4;
 color: #333f48;
 border-top: 3px solid;
 border-bottom: 3px solid;
 border-image: linear-gradient(to right, #fff 0%, #e1140a 50%, #fff 100%);
 border-image-slice: 1;
}
.top-title h1 span {
 display: inline-block;
}
.top-title h1 small {
 display: block;
 margin-top: 0.5em;
 font-size: 0.8em;
 font-weight: 400;
 color: #6f7170;
}
.top-title hr {
 margin: 0 auto;
 height: 1px;
 background: #e1140a;
 background-image: -webkit-linear-gradient(left, #fff, #e1140a, #fff);
 background-image: -moz-linear-gradient(left, #fff, #e1140a, #fff);
 background-image: -ms-linear-gradient(left, #fff, #e1140a, #fff);
 background-image: linear-gradient(left, #fff, #e1140a, #fff);
}
@media (max-width: 991px) {
 .top-partner img {
  margin-top: 30px;
 }
 .top-title {
  padding-bottom: 60px;
 }
}
@media (max-width: 768px) {
 .top-partner p {
  font-size: 1.6rem;
  line-height: 1.4;
 }
 .top-title {
  padding-bottom: 40px;
 }
 .top-title h1 {
  font-size: 3.0rem;
 }
}
@media (max-width: 480px) {
 section.section.section-top {
  padding: 20px 0 30px;
 }
 .top-titler {
  padding-bottom: 20px;
 }
 .top-title h1 {
  font-size: 2.4rem;
 }
}

/*-----------
 斜め背景
----------*/
section.section.section-bg1 {
 position: relative;
 background-color: #f4f4f4;
 z-index: 0;
}
section.section.section-bg1::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 transform: skewY(3.5deg);
 transform-origin: bottom right;
 z-index: -1;
 width: 100%;
 height: 100%;
 background-color: #f4f4f4;
}
section.section.section-bg2 {
 position: relative;
 background-color: #fff;
 z-index: 0;
}
section.section.section-bg2::after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 transform: skewY(3.5deg);
 transform-origin: bottom right;
 z-index: -1;
 width: 100%;
 height: 100%;
 background-color: #fff;
}
/*
.triangle {
 display: table;
 width: 100%;
 height: 500px;
 background-color: #e8a337;
 transform: skewY(-10deg);
 margin-top: 10vw;
}
.triangle p {
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 font-size: 50px;
 font-weight: bold;
 color: #fff;
}
.triangle01 > * {
 transform: skewY(10deg);
}
*/

.product-brand {
 margin: 0 auto;
 padding: 0;
}
.product-brand img {
 margin: 0;
 padding: 0;
 max-width: 360px;
 width: 100%;
 height: auto;
}
.product-brand h2 {
 display: table;
 margin: 1.5em 0 0;
 padding: 0.4em 1em 0.5em;
 background-color: #333f48;
 color: #fff;
 font-size: 2.4rem;
 font-weight: 700;
}
.product-brand p {
 margin: 1em 0 0;
 padding: 0 0 2em;
 font-size: 1.8rem;
}
.product-brand h2.logo {
 display: table;
 margin: 40px 0 0;
 padding: 0;
 background-color: inherit;
 font-size: 0rem;
 font-weight: normal;
}
.product-brand h2.logo img {
 margin: 0;
 padding: 0;
 max-width: 200px;
 width: 100%;
 height: auto;
}

.products-list-wrap {
 margin-bottom: 50px;
}
.category-header {
 margin: 0 auto;
 padding: 0;
}
.category-header h3 {
 margin: 1.5em 0;
 padding: 0 0.4em;
 border-left: 6px solid #e1140a;
 color: #333;
 font-size: 2.2rem;
}


.products-list-wrap figure {
 display: block;
 margin: 20px auto 0;
 overflow: hidden;
 text-align: center;
}
.products-list-wrap figure a {
 display: block;
 margin: 0 auto;
 text-align: center;
 opacity: 1;
 transition: opacity .3s ease;
}
.products-list-wrap figure a:hover {
 opacity: 0.8;
 transition: opacity .3s ease;
}
.products-list-wrap figure a img {
 display: inline-block;
 margin:  auto;
}
.products-list-wrap h4 {
 display: table;
 margin: 10px auto 0;
 padding: 0;
 color: #333;
 font-size: 1.6rem;
 line-height: 1.4;
 text-align: center;
}
.products-list-wrap h4 a {
 display: block;
 margin: 0;
 padding: 0;
 color: #333f48;
}
.products-list-wrap h4 a:hover {
 text-decoration: none;
 color: #e1140a;
 transition: .3s ease;
}
.products-list-wrap p.note {
 margin: 5px auto 0;
 padding: 0 0 10px;
 line-height: 1.5;
 font-size: 1.4rem;
 color: #555 !important;
}
@media (max-width: 767px) {
 .products-list-wrap .row div {
  margin-top: 10px;
 }
 .products-list-wrap .row div:first-child {
  margin-top: 0;
 }
 .products-list-wrap .row div figure,
 .products-list-wrap .row  h4,
 .products-list-wrap .row  p.note {
  margin-left: auto;
  margin-right: auto;
  width: 96%;
  max-width: 640px;
 }
}
@media (max-width: 480px) {
 .product-brand {
  margin-top: 20px;
  width: 96%;
 }
 .product-brand h2 {
  font-size: 2.0rem;
 }
 .product-brand p {
  font-size: 1.6rem;
 }
 .category-header h3 {
  font-size: 1.8rem;
 }
 .products-list-wrap figure a img {
  max-width: 96%;
 }
 .products-list-wrap h4 {
  font-size: 1.4rem;
 }
}

@media (min-width: 768px) {
 .products-list-wrap .row div:nth-child(2n+1) {
  clear: left !important;
 }
}
@media (min-width: 992px) {
 .products-list-wrap .row div:nth-child(2n+1) {
  clear: none !important;
 }
 .products-list-wrap .row div &:nth-child(3n+1) {
  clear: left !important;
 }
}
@media (min-width: 1200px) {
 .products-list-wrap .row div:nth-child(3n+1) {
  clear: none !important;
 }
 .products-list-wrap .row div:nth-child(4n+1) {
  clear: left !important;
 }
}

/*===================
 おすすめ情報記事
=====================*/
.article-wrap {
 position: relative;
 margin: 0 auto;
 padding: 0 15px;
}
.article-wrap h2 {
 margin: 1.5em 0;
 padding: 0.1em 0 0.1em 0.8em;
 border-left: 6px solid #e1140a;
 font-size: 2.8rem;
 line-height: 1.5;
}
.article-wrap h2.num {
 padding-left: 1.8em;
 text-indent: -1.1em;
}
.article-wrap h2 span {
 display: inline-block;
}
.article-wrap .title_bg {
 padding: 0.3em 0 0.4em 0.8em;
 background-color: #333f48;
 font-weight: normal;
 color: #fff;
}
.article-wrap .fw_b {
 font-weight: bold !important;
}
.article-wrap .box_border {
 border: 3px solid #6f7170;
 padding: 0.8em 0.5em 0.7em;
}
.article-wrap .fs_lv1 {
 font-size: 3.2rem !important;
 line-height: 1.4;
}
.article-wrap .fs_lv2 {
 font-size: 3.0rem !important;
 line-height: 1.4;
}
.article-wrap .fs_lv3 {
 font-size: 2.8rem !important;
 line-height: 1.4;
}
.article-wrap .fs_lv4 {
 font-size: 2.6rem !important;
 line-height: 1.4;
}
.article-wrap .fs_lv5 {
 font-size: 2.4rem !important;
 line-height: 1.4;
}
.article-wrap .fs_lv6 {
 font-size: 2.2rem !important;
 line-height: 1.4;
}
.article-wrap .fs_lv7 {
 font-size: 2.0rem !important;
 line-height: 1.4;
}
.article-wrap .fs_lv8 {
 font-size: 1.8rem !important;
 line-height: 1.4;
}
.article-wrap figure {
 display: block;
 margin: 20px auto 0;
 overflow: hidden;
 text-align: center;
}
.article-border {
 border: 2px solid #444;
}
.flow_box {
 position: relative;
 margin: 0 0 40px;
 padding: 10px 0;
 background: #333f48;
}
.flow_box:after {
 position: absolute;
 display: block;
 top: 100%;
 left: calc(50% - 30px);
 bottom: -29px;
 content: "";
 width: 0;
 height: 0;
 border: 30px solid transparent;
 border-top-color: #333f48;
}
.flow_box .flow_in {
 margin: 0 auto;
 padding: 0;
 color: #fff;
 font-size: 2.8rem;
 font-weight: bold;
 text-align: center;
}

.list-price-wrap {
 display: table;
 margin: 30px auto 0;
 max-width: 94%;
}
.list-price-wrap .item-name {
 margin: 0;
 font-size: 2.0rem;
 font-weight: bold;
 text-align: center;
}
.list-price-wrap .system-config {
 margin: 10px auto 0;
 padding: 0.5em 0.5em 0.4em;
 font-size: 1.6rem;
 background-color: #f9f9f9;
 border: 1px solid #f0f0f0;
 border-radius: 4px;
 max-width: 400px;
 width: 98%;
}
.list-price-wrap .system-config small {
 display: block;
 margin: 10px 1em 0;
 padding-left: 1.2em !important;
 text-indent: -1.2em !important;
}
.list-price-wrap .list-price {
 margin: 10px auto;
 font-size: 2.6rem;
 text-align: center;
}

.special-price-wrap {
 display: table;
 margin: 0 auto;
 max-width: 94%;
}
.special-price-wrap .special-price {
 font-size: 2.6rem;
 color: #e1140a;
 font-weight: bold;
 text-align: center;
}
.special-price-wrap .special-price b {
 font-size: 3.6rem;
}
.special-price-wrap .note {
 margin: 10px auto;
 text-align: center;
}

.arrow_down {
 margin: 20px auto;
 text-align: center;
 width: 90px;
 height: auto;
}
.box80 {
 margin: 0 auto;
 width: 80%;
}
.box90 {
 margin: 0 auto;
 width: 90%;
}

.table-wrap {
 margin: 0 auto;
 box-sizing: border-box;
}
.table-wrap.x-auto {
 overflow-x: auto !important;
}
table.table {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 font-size: 1.4rem;
 background-color: #fff;
 border: 1px solid #e2e2e2;
 box-sizing: border-box;
 border-collapse: collapse;
}
table.table-basic {
 font-size: 1.6rem !important;
}
table.table-basic thead th {
 padding: 10px 15px;
 background-color: #123c68;
 border: 1px solid #0f3257;
 color: #fff;
 font-weight: normal;
 vertical-align: middle;
 text-align: center;
}
table.table-basic tbody th {
 padding: 10px 0;
 background-color: #123c68;
 border: 1px solid #0f3257;
 color: #fff;
 font-weight: normal;
 vertical-align: middle;
 text-align: center;
}
table.table-basic thead tr.bold th,
table.table-basic tbody tr.bold th {
 font-weight: bold !important;
}
table.table-basic tbody td {
 padding: 15px 15px;
 border: 1px solid #e2e2e2;
 vertical-align: top;
 text-align: center;
}
table.table-basic tbody th p,
table.table-basic tbody td p {
 margin: 0;
 padding: 0;
 line-height: 1.6;
 text-align: left;
 word-break: break-all;
}
table.table-basic tbody th p + p,
table.table-basic tbody td p + p {
 margin-top: 10px;
}
table.table-basic tbody th span,
table.table-basic tbody td span {
 display: inline-block !important;
}
table.table-basic tbody td ul,
table.table-basic tbody td ol {
 margin: 0;
 padding: 0;
 text-align: left;
}
table.table-basic tbody td li {
 margin: 5px 0 0 1.5em;
 padding: 0;
 line-height: 1.6;
}
table.table-basic tbody td ul.ls-none li,
table.table-basic tbody td ol.ls-none li {
 margin-left: 0;
 list-style: none;
}
table thead th.nowrap,
table tbody.nowrap th {
 white-space: nowrap !important;
 padding-left: 5px !important;
 padding-right: 5px !important;
}
table.table.table-striped tbody tr:nth-of-type(odd) {
 background-color: #f9f9f9;
}
table tbody td .price-wrap p {

}
table tbody td .price-wrap p b {
 display: block;
 font-weight: bold;
}
table tbody td .price-wrap p span.price {
 display: block !important;
 padding-right: 1em;
 font-weight: bold;
 text-align: right;
}
table tbody td .price-wrap p.total {
 margin: 10px auto 0;
 font-size: 2.4rem;
 font-weight: bold;
 text-align: center;
 text-decoration: underline;
}
table tbody td .price-wrap p.total span {
 display: inline-block;
 margin-left: 10px;
 font-size: 86%;
 font-weight: bold;
 color: #ff6a00;
}

.scroll-txt {
 display: none;
}
.cell-bg01 {
 background-color: #3e8ddd !important;
 border-color:  #3e8ddd !important;
}
.cell-bg02 {
 background-color: #e1140a !important;
 border-color:  #e1140a !important;
}
.cell-bg03 {
 background-color: #eef5fc !important;
}
.cell-bg04 {
 background-color: #feecec !important;
}
.w10 {width: 10% !important;}
.w15 {width: 15% !important;}
.w20 {width: 20% !important;}
.w23 {width: 23.32% !important;}
.w26 {width: 26.65% !important;}
.w25 {width: 25% !important;}
.w30 {width: 30% !important;}
.w33 {width: 33.32% !important;}
.w35 {width: 35% !important;}
.w40 {width: 40% !important;}
.w45 {width: 45% !important;}
.w50 {width: 50% !important;}


.sv-simulation-wrap {
 margin: 20px auto 40px;
 padding: 10px 30px;
 width: 96%;
 background-color: #f9f9f9;
 border-radius: 6px;
}
.sv-simulation {
 margin-top: 20px;
 max-width: 524px;
}
.point-wrap {
 position: relative;
 margin: 20px auto;
 padding: 20px;
 background-color: #ff6a00;
 border-radius: 6px;
}
.point-wrap i.point-icon {
 position: absolute;
 top: 15px;
 left: 20px;
}
.point-wrap i.point-icon img {
 position: relative;
 margin: 0;
 width: 20px;
}
.point-wrap p {
 position: relative;
 margin: 0 0 0 30px;
 color: #fff;
}
.point-wrap p a {
 color: #fff !important;
}
.point-wrap p a:hover {
 color: #eee !important;
}
.sv-simulation-wrap table.syscon {
 margin: 0 auto;
}
.sv-simulation-wrap table.syscon thead th {
 background-color: #444;
 color: #fff;
 text-align: center;
}
table.syscon {
 font-size: 1.6rem !important;
}
table.syscon thead th {
 padding: 10px 15px;
 background-color: #123c68;
 border: 1px solid #0f3257;
 color: #fff;
 font-weight: normal;
 vertical-align: middle;
 text-align: center;
}
table.syscon tbody td {
 padding: 15px 15px;
 border: 1px solid #e2e2e2;
 vertical-align: middle;
 text-align: left;
}
table.syscon tbody td.num {
 text-align: center;
}
table.syscon tbody td span.element {
 display: inline-block;
 margin-right: 10px;
 padding: 3px 5px;
 width: 5em;
 font-size: 1.4rem;
 background-color: #0077c9;
 border-radius: 4px;
 color: #fff;
 text-align: center;
}

.youtube {
 margin: 0 auto 40px;
 max-width: 600px;
 text-align: center;
}
.youtube p {
 margin-top: 10px;
 font-size: 1.4rem;
}
i.fas.fa-cog.deg {
 transform:rotate(90deg);
 color: #666;
}
@media (max-width: 767px) {
 .table-wrap.x-auto {
  overflow-x: auto;
 }
 .table-wrap.x-auto table.table {
  min-width: 840px;
 }
 .scroll-txt {
  display: block;
  margin: 5px auto 0;
  text-align: left;
  font-size: 10px;
  color: #666;
 }
 .scroll-txt i {
  display: inline-block;
  margin: 0;
  padding: 0 3px;
 }
 .sv-simulation-wrap {
  width: 100%;
 }
}
@media (max-width: 480px) {
 table.table-basic, table.syscon {
  font-size: 1.4rem !important;
 }
 table tbody td .price-wrap p.total {
  font-size: 1.8rem;
 }
 table.syscon tbody td span.element {
  display: block;
  margin: 0 0 3px;
  font-size: 1.2rem;
 }
}

.les-support-wrap {
 margin: 0 auto;
 padding: 1em 2em;
 border: 3px solid #e1140a;
}
.les-support-wrap h4 {
 margin: 0 auto 20px;
}
.les-support-wrap dl {
 margin: 0 auto;
}
.les-support-wrap dt {
 margin-bottom: 10px;
 padding: 3px 6px;
 float: left;
 clear: both;
 font-weight: normal;
 color: #fff;
 background-color: #3e8ddd;
 border-radius: 4px;
 width: 12em;
 text-align: center;
}
.les-support-wrap dd {
 margin-bottom: 10px;
 margin-left: 13em;
 padding: 3px 0;
}
.les-support-wrap dd:last-child
.les-support-wrap dd:last-child {
 margin-bottom: 0;
}
.les-support-wrap dd ul {
 margin: 0 0 0 24px;
 padding: 0;
}
.les-support-wrap p {
 margin: 15px 0 0;
}
@media (max-width: 480px) {
 .les-support-wrap {
  padding: 1em;
 }
 .les-support-wrap dt {
  width: 100%;
  float: none;
 }
 .les-support-wrap dd {
  margin-left: 0;
  padding: 3px 10px;
  width: 100%;
 }
}

.faq-wrap {
 position: relative;
 margin: 0 auto;
}
.faq-wrap dl {
 position: relative;
 margin: 0 auto;
}
.faq-wrap dt {
 position: relative;
 margin: 5px 0 0 0;
 padding: 0.5em 0.5em 0.5em 3em;
 background-color: #e9e9e9;
}
.faq-wrap dt:before {
 position: absolute;
 display: inline-block;
 top: 0.5em;
 left: 1em;
 content: 'Ｑ．';
}
.faq-wrap dd {
 position: relative;
 margin: 5px 0 15px 0;
 padding: 0.8em 0.5em 0.8em 3em;
 background-color: #f9f9f9;
}
.faq-wrap dd:before {
 position: absolute;
 display: inline-block;
 top: 0.8em;
 left: 1em;
 content: 'Ａ．';
 font-weight: bold;
}
.faq-wrap dd p {
 margin: 10px 0 0 0;
}
.faq-wrap dd p:first-child {
 margin: 0;
}

.e-poe {
 margin: 10px 1em;
 padding: 0.5em 1em;
 border: 1px solid #e1140a;
 background-color: #fff;
}

.btn-contact {
 display: block;
 margin: 0 auto;
 padding: 1em 0.5em;
 max-width: 500px;
 width: 94%;
 font-size: 2.4rem;
 text-align: center;
 background-color: #333;
 color: #fff;
 border-radius: 6px;
}
.btn-contact:hover {
 background-color: #6f7170;
 color: #fff;
 text-decoration: none;
}
@media (max-width: 480px) {
 .btn-contact {
  font-size: 1.8rem;
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .article-wrap .fs_lv1 {
  font-size: 2.6rem !important;
 }
 .article-wrap .fs_lv2 {
  font-size: 2.4rem !important;
 }
 .article-wrap .fs_lv3 {
  font-size: 2.2rem !important;
 }
 .article-wrap .fs_lv4 {
  font-size: 2.0rem !important;
 }
 .article-wrap .fs_lv5 {
  font-size: 1.8rem !important;
 }
 .article-wrap .fs_lv6 {
  font-size: 1.6rem !important;
 }
 .article-wrap .fs_lv7 {
  font-size: 1.5rem !important;
 }
 .article-wrap .fs_lv8 {
  font-size: 1.4rem !important;
 }
 .flow_box .flow_in {
  font-size: 2.2rem;
 }
}
@media (min-width: 481px) and (max-width: 767px) {
 .article-wrap .fs_lv1 {
  font-size: 2.8rem !important;
 }
 .article-wrap .fs_lv2 {
  font-size: 2.6rem !important;
 }
 .article-wrap .fs_lv3 {
  font-size: 2.4rem !important;
 }
 .article-wrap .fs_lv4 {
  font-size: 2.2rem !important;
 }
 .article-wrap .fs_lv5 {
  font-size: 2.0rem !important;
 }
 .article-wrap .fs_lv6 {
  font-size: 1.8rem !important;
 }
 .article-wrap .fs_lv7 {
  font-size: 1.7rem !important;
 }
 .article-wrap .fs_lv8 {
  font-size: 1.6rem !important;
 }
 .flow_box .flow_in {
  font-size: 2.2rem;
 }
}
@media (max-width: 480px) {
 .article-wrap h2 {
  font-size: 2.2rem;
 }
 .article-wrap .fs_lv1 {
  font-size: 2.2rem !important;
 }
 .article-wrap .fs_lv2 {
  font-size: 2.0rem !important;
 }
 .article-wrap .fs_lv3 {
  font-size: 2.0rem !important;
 }
 .article-wrap .fs_lv4 {
  font-size: 1.8rem !important;
 }
 .article-wrap .fs_lv5 {
  font-size: 1.6rem !important;
 }
 .article-wrap .fs_lv6 {
  font-size: 1.6rem !important;
 }
 .article-wrap .fs_lv7 {
  font-size: 1.5rem !important;
 }
 .article-wrap .fs_lv8 {
  font-size: 1.4rem !important;
 }
 .flow_box .flow_in {
  font-size: 1.8rem;
 }
 .box80, .box90 {
  width: 100%;
 }
 .list-price-wrap .item-name {
  font-size: 1.6rem;
 }
 .list-price-wrap .list-price {
  font-size: 1.8rem;
 }
 .special-price-wrap .special-price {
  font-size: 1.8rem;
 }
 .special-price-wrap .special-price b {
  font-size: 2.2rem;
 }
 .special-price-wrap .note {
  font-size: 1.2rem;
 }
 .arrow_down {
  width: 60px;
 }
}


/*===================
 記事リスト,動画ライブラリ
=====================*/
.movie-list-wrap,
.article-list-wrap {
}
.movie-list-wrap figure,
.article-list-wrap figure {
 display: block;
 margin: 20px auto 0;
 overflow: hidden;
 text-align: center;
}
.movie-list-wrap figure a,
.article-list-wrap figure a {
 display: block;
 margin: 0 auto;
 border: 1px solid #eee ;
 opacity: 1;
 overflow: hidden;
}
.movie-list-wrap figure a:hover,
.article-list-wrap figure a:hover {
 opacity: 1;
}
.movie-list-wrap figure a img,
.article-list-wrap figure a img {
 aspect-ratio: 16/9;
 transition: 0.3s;
}
.movie-list-wrap figure a:hover img,
.article-list-wrap figure a:hover img {
 opacity: 1;
 transform: scale(1.04);
 transition: 0.3s;
}
.movie-list-wrap span.date,
.article-list-wrap span.date {
 display: table;
 margin: 10px 0;
 padding: 1px 8px 2px;
 background-color: #0077c9;
 border-radius: 4px;
 font-size: 1.2rem !important;
 color: #fff;
}
.article-list-wrap span.date {
 background-color: #f04187;
}
.movie-list-wrap h3,
.article-list-wrap h3 {
 margin: 10px auto;
 padding-left: 1em;
 text-indent: -1.2em;
 font-size: 1.4rem !important;
 font-weight: bold;
 line-height: 1.4 !important;
}
.movie-list-wrap h3:before,
.article-list-wrap h3:before {
 font-family: "Font Awesome 5 Free" !important;
 content: '\f138';
 font-weight: 900;
 padding-right: 5px;
}
.movie-list-wrap h3 a,
.article-list-wrap h3 a {
 color: #333f48 ;
}
.movie-list-wrap h3 a:hover,
.article-list-wrap h3 a:hover {
 text-decoration: underline !important;
 color: #e1140a;
}
.movie-list-wrap h3 small,
.article-list-wrap h3 small {
 display: block;
 margin-top: 3px;
 padding-left: 1em;
 font-size: 1.1rem;
}
.movie-list-wrap p.note,
.article-list-wrap p.note {
 margin: 3px auto;
 padding: 0 0 10px;
 line-height: 1.5;
 font-size: 1.2rem;
 color: #555 !important;
}
@media (max-width: 767px) {
 .movie-list-wrap .row div,
 .article-list-wrap .row div {
  margin-top: 10px;
 }
 .movie-list-wrap .row div:first-child,
 .article-list-wrap .row div:first-child {
  margin-top: 0;
 }
 .movie-list-wrap span.date,
 .article-list-wrap span.date {
  margin-left: 10px;
 }
 .movie-list-wrap .row div figure,
 .movie-list-wrap .row h3,
 .movie-list-wrap .row p.note,
 .article-list-wrap .row div figure,
 .article-list-wrap .row h3,
 .article-list-wrap .row p.note {
  margin-left: auto;
  margin-right: auto;
  width: 96%;
  max-width: 640px;
 }
}
@media (min-width: 768px) {
 .movie-list-wrap .row div:nth-child(2n+1),
 .article-list-wrap .row div:nth-child(2n+1) {
  clear: left !important;
 }
}
@media (min-width: 992px) {
 .movie-list-wrap .row div:nth-child(2n+1),
 .article-list-wrap .row div:nth-child(2n+1) {
  clear: none !important;
 }
 .movie-list-wrap .row div &:nth-child(3n+1),
 .article-list-wrap .row div &:nth-child(3n+1) {
  clear: left !important;
 }
 .movie-list-wrap.pickup .row div:nth-child(3n+1),
 .article-list-wrap.pickup .row div:nth-child(3n+1) {
  clear: none !important;
 }
 .movie-list-wrap.pickup .row div:nth-child(4n+1),
 .article-list-wrap.pickup .row div:nth-child(4n+1) {
  clear: left !important;
 }
}
@media (min-width: 1200px) {
 .movie-list-wrap .row div:nth-child(3n+1),
 .article-list-wrap .row div:nth-child(3n+1) {
  clear: none !important;
 }
 .movie-list-wrap .row div:nth-child(4n+1),
 .article-list-wrap .row div:nth-child(4n+1) {
  clear: left !important;
 }
}
.note_wrap {
 display: block;
 margin-top: 0.8em;
}
.note_wrap small {
 display: block;
 margin-bottom: 0.3em;
}
.note_wrap small:last-of-type {
 margin-bottom: 0;
}


.slick_wrap {
 position: relative;
 display: block;
 margin: 3em auto 0;
 padding: 0;
 width: 100%;
 overflow: hidden;
}
@media screen and (max-width: 991px) {
 .slick_wrap {
  margin: 2.5em auto;
 }
}
@media screen and (max-width: 575px) {
 .slick_wrap {
  margin: 2em auto;
 }
}
.slick_wrap .slick-dotted.slick_uses_list {
 margin-bottom: 0;
}
.slick_wrap .slick_uses_list {
 position: relative;
 padding: 0;
 opacity: 0;
}
.slick_wrap .slick_uses_list.slick-initialized {
 opacity: 1;
 transition: 0.4s ease;
}
.slick_wrap .slick_uses_list .slick-track {
 position: relative;
}
.slick_wrap .slick_uses_list .slick-track .slick-slide {
 position: relative;
 display: block;
 margin: 0 15px;
 border: none;
 border-radius: 4px;
 text-align: center;
}
@media screen and (max-width: 575px) {
 .slick_wrap .slick_uses_list .slick-track .slick-slide {
  margin: 0;
 }
}
.slick_wrap .slick_uses_list .slick-track .slick-slide img {
 position: relative;
 display: block;
 border: none;
 border-radius: 4px;
 width: 100%;
 max-width: 640px;
 height: auto;
 aspect-ratio: 16/9;
}
/*
.slick_wrap .slick_uses_list .slick-track .slick-slide a {
 display: block;
 margin: 0 auto;
 border-radius: 4px;
 overflow: hidden;
 transition: 0.4s ease;
}
.slick_wrap .slick_uses_list .slick-track .slick-slide a img {
 position: relative;
 display: block;
 border: none;
 border-radius: 4px;
 width: 100%;
 max-width: 640px;
 height: auto;
 aspect-ratio: 4/3;
}
.slick_wrap .slick_uses_list .slick-track .slick-slide a:hover img {
 transform: scale(1.02);
 transition: 0.4s ease;
}
*/
.slick_wrap .slick_uses_list .slick-track .slick-slide .caption {
 position: relative;
 display: inline-block;
 margin: 0.5em auto 0;
 color: #666;
 line-height: 1.5;
 font-size: clamp(12px, 1.08vw, 14px);
}
@media screen and (max-width: 767px) {
 .slick_wrap .slick_uses_list .slick-track .slick-slide .caption {
  font-size: clamp(11px, 3.2vw, 14px);
 }
}
.slick_wrap .slick_uses_list button.slide-arrow {
 position: absolute;
 display: block;
 top: 50%;
 transform: translateY(-50%);
 margin: 0;
 padding: 0;
 width: 40px;
 height: 100%;
 background-color: transparent;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: 12px auto;
 border: none;
 cursor: pointer;
 appearance: none;
 outline: none;
 z-index: 1;
 opacity: 0.6;
 transition: 0.4s ease;
}
@media screen and (max-width: 575px) {
 .slick_wrap .slick_uses_list button.slide-arrow {
  width: 20px;
  background-size: 10px auto;
 }
}
.slick_wrap .slick_uses_list button.slide-arrow:hover {
 opacity: 1;
 transition: 0.4s ease;
}
.slick_wrap .slick_uses_list button.slide-arrow.prev-arrow {
 left: 0;
 background-image: url("../img/icon_prev_dark.svg");
}
.slick_wrap .slick_uses_list button.slide-arrow.next-arrow {
 right: 0;
 background-image: url("../img/icon_next_dark.svg");
}

/*===================
共通フッター
=====================*/
.footer-top {
 padding: 10px 0 !important;
 border-top: 2px solid #222;
 background-color: #333;
}
.footer-top a {
 color: #ccc !important;
}
.footer-top a:hover {
 color: #fff !important;
}

.footer-widgets-wrap {
 position: relative;
 padding: 40px 0;
}
h5.footer-title {
 margin-bottom: 0 !important;
 padding-bottom: 0 !important;
 padding-left: 10px;
 border-left: 3px solid #666;
 font-weight: normal !important;
 font-size: 1.2rem;
 color: #eee;
}
/*
.widget_footer_links.footer-navi ul li:first-child {
 display: none;
}
*/
.widget_footer_links {
 position: relative;
 margin-top: 20px;
 padding-bottom: 5px;
 font-size: 1.2rem;
}
.widget_footer_links.footer-product {
 border-bottom: 2px solid #2d2d2d;
}
.widget_footer_links ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.widget_footer_links ul li {
 display: inline-block;
 margin: 0 20px 10px 0;
}
.widget_footer_links ul li a {
 display: inline-block;
 margin: 0;
 padding: 0 3px 0 12px;
 background: url("./img/widget-link.png") left top no-repeat;
 border: none !important;
 color: #444;
}
.widget_footer_links ul li a:hover {
 color: #fff !important;
 text-decoration: underline !important;
}
.si-share-footer {
 position: relative;
 margin-top: 30px;
 text-align: center;
}
.si-share-footer .footer-logo-wrap {
 display: inline-block;
 margin: 0 30px 0 0;
 vertical-align: top;
}.si-share-footer .footer-logo-wrap img {
 margin-top: 20px;
}
.si-share-footer .icon-wrap {
 display: inline-block;
 width: 145px;
}
.ig-info {
 display: table;
 margin: 20px auto 0;
 max-width: 96%;
 width: auto;
 color: #eee;
}
.ig-info h4 {
 display: table;
 margin: 0;
 padding: 0;
 font-size: 1.2rem;
 font-weight: bold;
}
.ig-info h5 {
 display: table;
 margin: 5px 0 0 0;
 padding: 0;
 font-size: 1.1rem;
 font-weight: normal;
 line-height: 1.5;
}
.ig-info h5 span {
 display: inline-block;
 margin-right: 0.5em;
 color: inherit !important;
}
.ig-info p {
 display: table;
 margin: 5px 0 15px 0;
 padding: 0;
 font-size: 1.1rem;
}
.ig-info p span {
 display: inline-block;
 margin-right: 0.5em;
 color: inherit !important;
 font-size: 1.1rem;
}
.footer-bottom {
 padding: 30px 0;
 color: #fff;
 background-color: #292929;
}
.footer-bottom a {
 color: #fff;
}
.footer-bottom a:hover {
 color: #ccc;
 text-decoration: underline;
}
.footer-bottom .corporate,
.footer-bottom .copyright {
 padding-top: 10px;
 padding-bottom: 10px;
 text-align: center;
 font-size: 1.4rem;
}
.footer-bottom .corporate ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.footer-bottom .corporate li {
 display: inline-block;
 margin: 0;
 padding: 0;
}
.footer-bottom .corporate li:nth-child(n+2)::before {
 content: "｜ ";
}
@media (min-width: 768px) {
 .si-share-footer {
  margin-top: 0;
  text-align: right;
 }
 .ig-info {
  margin-right: 20px;
 }
 .footer-bottom .corporate {
  text-align: left;
 }
 .footer-bottom .copyright {
  text-align: right;
 }
}

@media (max-width: 480px) {
 h5.footer-title {
  font-size: 1.4rem;
 }
 h5.footer-title a {
  display: block;
  transition: 0.4s;
 }
 h5.footer-title a:hover {
  color: #fff !important;
  text-decoration: none !important;
  transition: 0.4s;
 }
 .widget_footer_links {
  padding-bottom: 20px;
  font-size: 1.4rem;
 }
 .widget_footer_links ul li {
  display: block;
  margin: 0 auto;
  width: 100%;
 }
 .widget_footer_links ul li a {
  display: block;
  margin: 0;
  padding: 10px 5px 10px 17px;
  background: url("../../images/icons/widget-link.png") 5px 10px no-repeat;
  border-bottom: 1px solid #444 !important;
  transition: 0.4s;
 }
 .widget_footer_links ul li a:hover {
  color: #fff !important;
  background-color: #222;
  text-decoration: none !important;
  transition: 0.4s;
 }
}
@media (min-width: 481px) and (max-width: 767px) {
 .widget_footer_links.footer-navi {
  margin-bottom: 40px;
  border-bottom: 2px solid #2d2d2d;
 }
}

/*===================
 News Ticker
=====================*/
.ticker-section {
 position: relative;
 margin: 0;
 padding: 10px 0;
 /*background-color:#e1140a;*/
 background-color: #333f48;
}
.news-ticker {
 position: relative;
 margin: 0 auto;
 padding: 0;
 width: 100%;
 text-align: left;
 border: #ccc 0px solid;
 overflow: hidden;
 /*background-color:#e1140a;*/
 background-color: #333f48;
 color: #fff;
}
.news-ticker ul {
 position: relative;
 margin: 0;
 padding: 0;
 width: 100%;
 word-break: keep-all;
 white-space: nowrap;
}
.news-ticker ul li {
 margin: 0;
 padding: 0;
 width: 100%;
 display: none;
}
.news-ticker ul li a {
 display: block;
 color: #fff;
}
.news-ticker ul li a:hover {
 transition: 0.3s;
 color: #fff;
}
.news-ticker ul li.tickerHook {
 display: flex;
 align-items: center;
 overflow-x: scroll;
 word-break: keep-all;
 white-space: nowrap;
}
.news-ticker ul li.tickerHook::-webkit-scrollbar,
.news-ticker ul li.tickerHook::-webkit-scrollbar-trac,
.news-ticker ul li.tickerHook::-webkit-scrollbar-thumb {
 background-color: #333f48;
 height: 0;
}
/*
.news-ticker ul li a:before {
 font-family: "Font Awesome 5 Free" !important;
 content: '\f101';
 font-weight: 900;
 padding-right: 3px;
}
*/
@media (max-width: 480px) {
 .news-ticker ul li {
  font-size: 1.2rem;
 }
}
/*===================
パララックス効果
=====================*/
.parallax-bg {
 display: flex;
 box-sizing: border-box;
 align-items: center;
 justify-content: center;
 padding: 5%;
 height: 100%;
 color: #fff;
 font-size: 5rem;
 background-attachment: fixed;
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
}
.img-bg-01 {
 background-image: url('../img/main_visual.jpg');
}
.img-bg-02 {
 background-image: url('../img/main_visual.jpg');
}
/*HTML
<div class="parallax-bg img-bg-01">固定背景１</div>
<div class="parallax-bg img-bg-02">固定背景２</div>
*/

/*===================
ページトップ
=====================*/
#page-top {
 position: fixed;
 bottom: 20px;
 right: 20px;
 z-index: 1100;
}
#page-top a {
 display: block;
 padding: 18px 0;
 width: 50px;
 height: 50px;
 background: url("../img/pagetop.png") 0 0 no-repeat;
 text-decoration: none;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 outline: none;
 font-size: 0;
 line-height: 0;
 opacity: 0.8;
 filter: alpha(opacity=80);
}
#page-top a:hover {
 opacity: 0.5;
 filter: alpha(opacity=50);
 -webkit-transition: 0.6s;
 transition: 0.6s;
}

/*===================
汎用クラス
=====================*/
.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt12 {margin-top: 12px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt05e {margin-top: 0.5em !important;}
.mt10e {margin-top: 1.0em !important;}
.mt15e {margin-top: 1.5em !important;}
.mt20e {margin-top: 2.0em !important;}
.mt25e {margin-top: 2.5em !important;}
.mt30e {margin-top: 3.0em !important;}
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb05e {margin-bottom: 0.5em !important;}
.mb10e {margin-bottom: 1.0em !important;}
.mb15e {margin-bottom: 1.5em !important;}
.mb20e {margin-bottom: 2.0em !important;}
.mb25e {margin-bottom: 2.5em !important;}
.mb30e {margin-bottom: 3.0em !important;}
.ml00 {margin-left: 0 !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.mr00 {margin-right: 0 !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 20px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}
.pt00 {padding-top: 0 !important;}
.pt05 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}
.pt05e {padding-top: 0.5em !important;}
.pt10e {padding-top: 1.0em !important;}
.pt15e {padding-top: 1.5em !important;}
.pt20e {padding-top: 2.0em !important;}
.pt25e {padding-top: 2.5em !important;}
.pt30e {padding-top: 3.0em !important;}
.pb00 {padding-bottom: 0 !important;}
.pb05 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb05e {padding-bottom: 0.5em !important;}
.pb10e {padding-bottom: 1.0em !important;}
.pb15e {padding-bottom: 1.5em !important;}
.pb20e {padding-bottom: 2.0em !important;}
.pb25e {padding-bottom: 2.5em !important;}
.pb30e {padding-bottom: 3.0em !important;}
.pl00 {padding-left: 0 !important;}
.pl05 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pl50 {padding-left: 50px !important;}
.pl05e {padding-left: 0.5em !important;}
.pl10e {padding-left: 1.0em !important;}
.pl12e {padding-left: 1.2em !important;}
.pl15e {padding-left: 1.5em !important;}
.pl20e {padding-left: 2.0em !important;}
.pl25e {padding-left: 2.5em !important;}
.pl30e {padding-left: 3.0em !important;}
.pl40e {padding-left: 4.0em !important;}
.pr00 {padding-right: 0 !important;}
.pr05 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr20 {padding-right: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pr40 {padding-right: 40px !important;}
.pr50 {padding-right: 50px !important;}
.pr05e {padding-right: 0.5em !important;}
.pr10e {padding-right: 1.0em !important;}
.pr15e {padding-right: 1.5em !important;}
.pr20e {padding-right: 2.0em !important;}
.m-auto {
 margin-left: auto !important;
 margin-right: auto !important;
}
.txtct {text-align: center !important;}
.txtlt {text-align: left !important;}
.txtrt {text-align: right !important;}
i.sp05 {margin-right: 5px;}
i.sp10 {margin-right: 10px;}
i.sp15 {margin-right: 15px;}
i.sp20 {margin-right: 20px;}
i.sp04e {margin-right: 0.4em;}
i.sp05e {margin-right: 0.5em;}
i.sp06e {margin-right: 0.6em;}
i.sp08e {margin-right: 0.8em;}
i.sp10e {margin-right: 1.0em;}
i.sp12e {margin-right: 1.2em;}
.lh14 {line-height: 1.4;}
.lh15 {line-height: 1.5;}
.lh16 {line-height: 1.6;}
sup {font-size: 60%;}
span.sup, small.sup {
 display: inline !important;
 margin: 0 !important;
 padding: 0 !important;
 color: inherit !important;
 font-size: 50%;
 vertical-align: super;
}
area {border: none; outline:none;}
.mintxt {font-size: 90%;}

div.fit > a {
 display: inline !important;
 margin: 0 auto;
}
div.fit > a > img.img-responsive {
 display: inline !important;
 -webkit-backface-visibility: hidden;
}
.image-center {
 text-align: center !important;
}
.image-center img {
 margin-right: auto;
 margin-left: auto;
}
.image-left {text-align: left !important;}
.image-right {text-align: right !important;}
.image-center-inbk {text-align: center !important;}
.image-left-inbk {text-align: left !important;}
.image-right-inbk {text-align: right !important;}
.image-center-inbk,.image-left-inbk,.image-right-inbk a {
 display: inline-block !important;
}
.image-center-inbk,.image-left-inbk,.image-right-inbk a img {
 width: 100%;
}
.img-border img {border: 1px solid #ddd;}
.img-max-h img {
 width: auto !important;
 height: auto !important;
 max-height: 350px !important;
}
.max-w50 img {max-width: 50% !important;}
.max-w60 img {max-width: 60% !important;}
.max-w70 img {max-width: 70% !important;}
.max-w80 img {max-width: 80% !important;}
.max-w90 img {max-width: 90% !important;}
@media (max-width: 480px) {
 .xs-max-w {
  margin-left: auto;
  margin-right: auto;
  max-width: 96% !important;
  text-align: center;
 }
}
a img {
 transition: 0.6s;
}
a img:hover {
 opacity: 0.8;
  filter: alpha(opacity=50);
 -webkit-transition: 0.8s;
 transition: 0.6s;
}
a.url {
 font-size: 1.4rem;
 word-break: break-all !important;
 text-decoration: underline !important;
 color: #0077c9;
}
a.url:hover {
 color: #0093f5;
}
a.link_icon:before {
 font-family: "Font Awesome 5 Free" !important;
 font-weight: 900;
 content: '\f138';
 padding-right: 5px;
}
a.open:after {
 font-family: "Font Awesome 5 Free" !important;
 font-weight: 900;
 content: '\f360';
 padding-left: 5px;
 color: #999;
}
a:hover.open:after {
 color: #0077c9 !important;
}
a.accmap:after {
 font-family: "Font Awesome 5 Free" !important;
 font-weight: 900;
 content: '（\f041\00a0詳細）';
 padding-left: 5px;
}
p.txind,
small.txind,
span.txind {
 padding-left: 1em !important;
 text-indent: -1em !important;
}
.ft_red {
 color: #cc0000 !important;
}
.ft_blu {
 color: #00568f !important;
}
.ft_gre {
 color: #407b28 !important;
}
.ft_l_red {
 color: #e1140a !important;
}
.ft_i_blu {
 color: #0077c9 !important;
}
.ft_l_gre {
 color: #6ac346 !important;
}
.ft_l_org {
 color: #ff6a00 !important;
}

.hr_none hr {
 border: none;
}
.hr_thick hr {
 border-top: 2px solid #bbb;
}
.hr_double hr {
 border-top: 3px double #bbb;
}
.hr_dashed hr {
 border-top: 1px dashed #bbb;
}
.hr_dotted hr {
 border-top: 2px dotted #bbb;
}
.hr_solid hr {
 border-top: 1px solid #bbb;
 border-bottom: 1px solid #fff;
}
.hr_gradient hr {
 height: 1px;
 background: #bbb;
 background-image: -webkit-linear-gradient(left, #eee, #777, #eee);
 background-image: -moz-linear-gradient(left, #eee, #777, #eee);
 background-image: -ms-linear-gradient(left, #eee, #777, #eee);
 background-image: linear-gradient(left, #eee, #777, #eee);
}
.hr_shadow hr {
 height: 10px;
 border: 0;
 box-shadow: 0 10px 10px -10px #bbb inset;
}
.hr_shadow_up hr {
 height: 10px;
 border: 0;
 box-shadow: 0 -10px 10px -10px #bbb inset;
}
.hr_mt00 hr {margin-top: 0;}
.hr_mt10 hr {margin-top: 10px;}
.hr_mt20 hr {margin-top: 20px;}
.hr_mt30 hr {margin-top: 30px;}
.hr_mt40 hr {margin-top: 40px;}
.hr_mt50 hr {margin-top: 50px;}
.hr_mb00 hr {margin-bottom: 0;}
.hr_mb10 hr {margin-bottom: 10px;}
.hr_mb20 hr {margin-bottom: 20px;}
.hr_mb30 hr {margin-bottom: 30px;}
.hr_mb40 hr {margin-bottom: 40px;}
.hr_mb50 hr {margin-bottom: 50px;}

.clearfix:before,
.clearfix:after {
 content: " ";
 display: table;
}
.clearfix:after {
 clear: both;
}
.clearfix {
 *zoom: 1;
}
.inline {
 display: inline !important;
 color: inherit !important;
}
.inbk {
 display: inline-block !important;
 color: inherit !important;
}
.block {
 display: block !important;
 color: inherit !important;
}
.tbbk {
 display: table !important;
 color: inherit !important;
}
.nml-block {
 display: block !important;
 color: inherit !important;
}
.inl-block {
 display: inline-block !important;
 color: inherit !important;
}
.wd-break {
 word-break: break-all !important;
 color: inherit !important;
}
.inherit {
 color: inherit !important;
}
.ind10 {
 padding-left: 1em !important;
 text-indent: -1em !important;
}
.ind12 {
 padding-left: 1.2em !important;
 text-indent: -1.2em !important;
}
.ind15 {
 padding-left: 1.5em !important;
 text-indent: -1.5em !important;
}
.ind20 {
 padding-left: 2em !important;
 text-indent: -2em !important;
}
.ind30 {
 padding-left: 3em !important;
 text-indent: -3em !important;
}
.ind40 {
 padding-left: 4em !important;
 text-indent: -4em !important;
}
.ind50 {
 padding-left: 5em !important;
 text-indent: -5em !important;
}
.ind60 {
 padding-left: 6em !important;
 text-indent: -6em !important;
}

.spacer-uxs,.spacer-xxs,.spacer-xs,
.spacer-sm,.spacer-md,.spacer-lg {
 display: none;
}
@media (min-width: 321px) {
 .spacer-uxs {
  display: block;
 }
}
@media (min-width: 376px) {
 .spacer-xxs {
  display: block;
 }
}
@media (min-width: 481px) {
 .spacer-xs {
  display: block;
 }
}
@media (min-width: 768px) {
 .spacer-sm {
  display: block;
 }
}
@media (min-width: 992px) {
 .spacer-md {
  display: block;
 }
}
@media (min-width: 1200px) {
 .spacer-lg {
  display: block;
 }
}
.switch-w, .switch-h {
 display: none;
}
@media (max-width: 991px) {
 .switch-h {
  display: block;
 }
}
@media (min-width: 992px) {
 .switch-w {
  display: block;
 }
}
.area-spacer {
 margin-top: 30px !important;
}
.area-spacer-t2 {
 margin-top: 10px !important;
}
@media (min-width: 321px) {
 .area-spacer {
  margin-top: 40px !important;
 }
 .area-spacer-t2 {
  margin-top: 20px !important;
 }
}
@media (min-width: 376px) {
 .area-spacer {
  margin-top: 40px !important;
 }
 .area-spacer-t2 {
  margin-top: 20px !important;
 }
}
@media (min-width: 481px) {
 .area-spacer {
  margin-top: 40px !important;
 }
 .area-spacer-t2 {
  margin-top: 20px !important;
 }
}
@media (min-width: 768px) {
 .area-spacer {
  margin-top: 50px !important;
 }
 .area-spacer-t2 {
  margin-top: 30px !important;
 }
}
@media (min-width: 992px) {
 .area-spacer {
  margin-top: 80px !important;
 }
 .area-spacer-t2 {
  margin-top: 60px !important;
 }
}
.area-bg {
 background-color: #f9f9f9 !important;
}

.br-uxs, .br-xxs, .br-xss, .br-xs, .br-sm, .br-md, .br-lg {
 display: block;
}
@media screen and (max-width: 1199px) {
 .br-lg {
  display: none;
 }
}
@media screen and (max-width: 991px) {
 .br-md {
  display: none;
 }
}
@media screen and (max-width: 767px) {
 .br-sm {
  display: none;
 }
}
@media screen and (max-width: 575px) {
 .br-xs {
  display: none;
 }
}
@media screen and (max-width: 480px) {
 .br-xss {
  display: none;
 }
}
@media screen and (max-width: 375px) {
 .br-xxs {
  display: none;
 }
}
@media screen and (max-width: 320px) {
 .br-uxs {
  display: none;
 }
}

.br_uxs, .br_xxs, .br_xss, .br_xs, .br_sm, .br_md, .br_lg {
 display: none;
}
@media screen and (max-width: 1199px) {
 .br_lg {
  display: block;
 }
}
@media screen and (max-width: 991px) {
 .br_md {
  display: block;
 }
}
@media screen and (max-width: 767px) {
 .br_sm {
  display: block;
 }
}
@media screen and (max-width: 575px) {
 .br_xs {
  display: block;
 }
}
@media screen and (max-width: 480px) {
 .br_xss {
  display: block;
 }
}
@media screen and (max-width: 375px) {
 .br_xxs {
  display: block;
 }
}
@media screen and (max-width: 320px) {
 .br_uxs {
  display: block;
 }
}

.navbar-header a.navbar-brand img:hover {
 opacity: 1;
 filter: alpha(opacity=100);
}