@charset "utf-8";

/*-------------------------------------------------

/*  slick overwrite

-------------------------------------------------*/
.arrows .slick-dots {
  line-height: 1;
  font-size: 0;
  text-align: center;
}
.arrows .slick-dots button {
  background: #ccc;
  margin: 0 5px;
}
.arrows .slick-dots button[aria-selected="true"] {
  background: var(--cells-L);
}
@media screen and (max-width: 767px) {
  .arrows .slick-dots {
    margin-top: 30px;
  }
  .arrows .slick-dots button {
    aspect-ratio: 30/4;
    width: 30px;
  }
}
@media screen and (min-width: 768px) {
  .arrows .slick-dots {
    margin-top: 25px;
  }
  .arrows .slick-dots button {
    aspect-ratio: 50/4;
    width: 50px;
  }
}


/*-------------------------------------------------

/*  INDEX

-------------------------------------------------*/
.b-section.b-fv {
  padding-top: 0;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .b-section.b-fv .arrows .slick-dots {
    margin-top: 50px;
  }
}

/*  concierge
-------------------------------------------------*/
.b-concierge {
  padding-top: 0;
  background: #fff;
}
.b-concierge .e-secMds+.e-lead {
  text-align: center;
  margin: .5em 0 2em;
}
@media screen and (min-width: 768px) {
  .b-concierge .e-secMds+.e-lead {
    font-size: 20px;
  }
}

.b-concierge .b-panel {
  background: var(--color-gray-WG);
  border-radius: var(--r20);
  padding: 25px 20px 20px;
}

.b-concierge .b-panel .e-mds {
  margin-bottom: 1em;
  color: var(--cells);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .1em;
}
.b-concierge .b-panel li {
  display: block;
  line-height: 1;
}
.b-concierge .b-panel .b-list a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #fff;
  border-radius: 100px;
  margin-top: 10px;
  font-weight: 700;
  padding: .75em 5px;
  text-align: left;
}
.b-concierge .b-panel .b-list span {
  flex: 1;
}
.b-concierge .b-panel .b-list a::before,
.b-concierge .b-panel .b-list a::after {
  content: "";
  display: block;
  margin: 0;
  aspect-ratio: 1/1;
}
.b-concierge .b-panel .b-list a::before {
  width: .62em;
  min-width: .62em;
  background: var(--cells);
  border-radius: 50%;
  margin: .25em .25em 0 .5em;
}
.b-concierge .b-panel .b-list a::after {
  width: .5em;
  min-width: .5em;
  border-top:2px solid var(--cells);
  border-right:2px solid var(--cells);
  margin-top: .25em;
  margin-right: .8em;
  transform-origin: center center;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .b-concierge .b-panel {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .b-concierge .b-panelBox {
    justify-content: center;
    margin: 0 calc(35px / -2);
  }
  .b-concierge .b-panel {
    flex: 1;
    flex-wrap: wrap;
    max-width: 380px;
    margin: 0 calc(35px / 2);
  }
  .b-concierge .b-panel .b-list a {
    transition: .3s all;
  }
  .b-concierge .b-panel .b-list a:hover {
    background: var(--cells-L);
    color: #fff;
  }
  .b-concierge .b-panel .b-list a:hover::before {
    background: #fff;
  }
  .b-concierge .b-panel .b-list a:hover::after {
    border-color: #fff;
  }
  .b-concierge .b-panel.m-search {
    width: 100%;
    max-width: 100%;
  }
}


/* searchBox */
.b-concierge .b-searchBox {
  
}
@media screen and (max-width: 767px) {
  .b-concierge .b-panel.m-search .e-mds {
    margin-bottom: .8em;
  }
  .b-concierge .b-links a.m-medium {
    background: none;
  }
}
@media screen and (min-width: 768px) {
  .b-concierge .b-panel.m-search {
    display: flex;
    align-items: center;
    margin-top: 40px;
    padding: 30px;
    line-height: 1;
  }
  .b-concierge .b-panel.m-search .e-mds {
    margin-bottom: 0;
  }
  .b-concierge .b-panel.m-search .b-links {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #c1c8ca;
  }
  .b-concierge .b-panel.m-search .b-links a {
    min-width: 180px;
  }
}

/*  product
-------------------------------------------------*/
@media screen and (max-width: 767px) {
  
}
@media screen and (min-width: 768px) {
  .b-productTop .b-panelBox {
    margin-left: -20px;
    margin-right: -20px;
  }
  .b-productTop .b-panel {
    width: calc( (100% - 80px) / 2 );
    margin: 0 20px 40px;
  }
}
/* productItem */
.b-productTop .b-productItem {
  background: var(--color-gray-WG);
  transform: translateZ(0);
  filter: var(--sdw20);
  overflow: hidden;
  padding-bottom: 30px;
  position: relative;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .b-productTop {
    padding-top: 40px;
  }
  .b-productTop .b-productItem {
    width: 100%;
    border-radius: var(--r20);
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  .b-productTop .b-productItem {
    border-radius: var(--r30);
  }
}
/* tag */
.b-productTop .b-productItem::before,
.b-productTop .b-productItem .e-tag,
.b-productMain::before,
.e-productTypeTag {
  width: 170px;
  height: 36px;
  color: #fff;
  font-weight: 700;
  position: absolute;
  z-index: 2;
  
}
.b-productTop .b-productItem::before,
.b-productMain::before {
  content: "";
  display: block;
  z-index: 1;
  background: #82878e;
  mix-blend-mode: multiply;
  opacity: .5;
  border-radius: 0 0 10px 10px;
}
.b-productTop .b-productItem .e-tag,
.e-productTypeTag {
  background-repeat: no-repeat;
  background-position: 10px 50%;
}
.b-productTop .b-productItem .e-tag span,
.e-productTypeTag span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.b-productTop .b-productItem .e-tag.m-onpremises,
.e-productTypeTag.m-onpremises {
  background-image: url(../img/n-common/ic-onpremises.svg)
}
.b-productTop .b-productItem .e-tag.m-cloud,
.e-productTypeTag.m-cloud {
  background-image: url(../img/n-common/ic-cloud.svg)
}
@media screen and (max-width: 767px) {
  .b-productTop .b-productItem::before,
  .b-productTop .b-productItem .e-tag,
  .b-productMain::before,
  .e-productTypeTag {
    width: 140px;
    left: 25px;
  }
  .b-productTop .b-productItem .e-tag,
  .e-productTypeTag {
    background-size: 16px;
    font-size: 14px;
  }
  .b-productTop .b-productItem .e-tag span,
  .e-productTypeTag span {
    text-indent: 1.2em
  }
}
@media screen and (min-width: 768px) {
  .b-productTop .b-productItem::before,
  .b-productTop .b-productItem .e-tag,
  .b-productMain::before,
  .e-productTypeTag {
    width: 170px;
    left: 30px;
  }
  .b-productTop .b-productItem .e-tag,
  .e-productTypeTag {
    background-size: 20px;
  }
  .b-productTop .b-productItem .e-tag span,
  .e-productTypeTag span {
    text-indent: 1.2em
  }
}
/* namebox */
.b-nameBox {
  color: #fff;
  position: relative;
}
.b-nameBox .e-productName {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56.25%;
  height: 100%;
  position: absolute;
  left: 0;
  font-weight: 400;
  line-height: 1.2;
}
.b-nameBox .b-img {
  width: 51.78%;
  height: 100%;
  margin-left: auto;
  position: relative;
  z-index: 2;
}
.b-nameBox .b-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}
@media screen and (max-width: 767px) {
  .b-nameBox {
    height: 190px;
    font-size: 25px;
  }
  .b-productTop .e-productName img {
    width: 70%;
    max-width: 220px;
  }
  .b-productTop .b-nameBox .b-img {
    width: 76%;
    transform: translateX(30%);
  }
  
}
@media screen and (min-width: 768px) {
  .b-nameBox .e-productName {
    font-size: 46px;
  }
  .b-nameBox .b-img {
    width: 51.78%;
    transform: translateY(30px);
  }
  .b-productTop .e-productName {
    padding-bottom: 48px;
  }
  .b-productTop .e-productName img {
    max-width: 220px;
  }
  .b-productTop .b-nameBox .b-img {
    width: 76%;
    transform: translate(130px,10px);
  }
}
/* discription */
.b-productTop .b-productItem .b-discription {
  background: #fff;
  text-align: center;
  
  position: relative;
  z-index: 1;
  
}
.b-productTop .b-productItem .b-discription .e-subMds {
  letter-spacing: .08em;
}
@media screen and (max-width: 767px) {
  .b-productTop .b-productItem .b-discription {
    padding: 25px 20px;
    line-height: 1.3;
  }
  .b-productTop .b-productItem .b-discription .e-subMds {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .b-productTop .b-productItem .b-discription {
    margin-top: -65px;
    padding: 80px 30px 40px;
    line-height: 1.55;
  }
  .b-productTop .b-productItem .b-discription .e-subMds {
    font-size: 24px;
  }
  .b-productTop .b-productItem .b-discription .e-subLead {
    font-size: 18px;
  }
}
/* worries */
.b-worries {
  padding: 20px 20px 0;
  text-align: center;
}
.b-worries .e-subMds {
  font-size: 22px;
  margin-bottom: 10px;
  position: relative;
}
.b-productTop .b-worries .e-subMds {
  color:var(--cells);
}
.b-productTop .b-worries .e-subMds::before,
.b-productTop .b-worries .e-subMds::after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 1em;
  background: var(--cells);
  transform-origin: center bottom;
}
.b-productTop .b-worries .e-subMds::before {
  transform: rotate(-35deg) translateY(.1em);
}
.b-productTop .b-worries .e-subMds::after {
  transform: rotate(35deg) translateY(.1em);
}
@media screen and (max-width: 767px) {
  .b-productTop .b-worries .e-subMds {
    font-size: 20px;
  }
  .b-productTop .b-worries .e-subMds::before {
    margin-right: .7em;
  }
  .b-productTop .b-worries .e-subMds::after {
    margin-left: .7em;
  }
}
@media screen and (min-width: 768px) {
  .b-productTop .b-worries .e-subMds {
    font-size: 22px;
  }
  .b-productTop .b-worries .e-subMds::before {
    margin-right: .7em;
  }
  .b-productTop .b-worries .e-subMds::after {
    margin-left: .7em;
  }
}
.b-worries ul {
  display: inline-block;
  width: auto;
  line-height: 1.55;
}
.b-worries li {
  display: flex;
  align-items: flex-start;
  justify-content: left;
  
  font-weight: 700;
  text-align: left;
}
.b-worries li::before {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 20px;
  min-width: 20px;
  background: url(../img/n-top/ic-check.svg) center center / contain no-repeat;
  margin-right: 8px;
  margin-top: 5px;
}
@media screen and (min-width: 768px) {
  .b-worries li {
    font-size: 18px;
  }
}

/* links */
.b-productItem .b-links {
  text-align: center;
  margin-top: 10px;
}
.b-productTop .b-productItem .b-links {
  margin-top: 15px;
}

/*  support
-------------------------------------------------*/
.b-supportTop {
  border-radius: 20px;
  overflow: hidden;
  padding: 0;
}
.b-supportTop .e-mds {
  background: var(--cells);
  color: #fff;
  margin: 0;
}
.b-supportTop .b-inner li {
  margin: .3em 1.8em .3em 0;
}
.b-supportTop .b-inner a {
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .05em
}
.b-supportTop .b-inner a::after{
  content: "";
  display: inline-block;
  aspect-ratio: 1/1;
  width: .45em;
  margin-left: .1em;
  border-color: var(--cells);
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform-origin: center center;
  transform: translateY(-28%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .b-supportTop .e-mds {
    font-size: 20px;
    padding: .8em 1.5em;
    text-align: center;
  }
  .b-supportTop .b-inner {
    padding: 1em 15% 1em 1.5em;
    background: url(../img/n-top/top-support-sp.jpg) right center / cover no-repeat;
  }
  .b-supportTop .b-inner li {
    margin: 0 1.2em 0 0;
  }
}
@media screen and (min-width: 768px) {
  .b-supportTop {
    display: flex;
    justify-content: flex-start;
    background: #fff;
  }
  .b-supportTop .e-mds {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    font-size: 24px;
    padding: 1.5em 1.5em;
  }
  .b-supportTop .b-inner {
    padding: 1em 25% 1em 2em;
    background: url(../img/n-top/top-support-pc.jpg) right center / cover no-repeat;
  }
  .b-supportTop .b-inner li {
    margin: .3em 1.8em .3em 0;
  }
  .b-supportTop .b-inner a {
    font-size: 20px;
  }
}

/*  banner
-------------------------------------------------*/
.b-bannerTop {
  background: #fff;
}
.b-bannerTop a {
  display: block;
  /*filter: var(--sdw);*/
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
}
@media screen and (max-width: 767px) {
  .b-bannerTop {
    padding: 40px 0 20px;
  }
  .b-bannerTop .b-panel {
    margin-bottom: 20px;
  }
  .b-bannerTop a {
    border-radius: 20px;
  }
}
@media screen and (min-width: 768px) {
  .b-bannerTop {
    padding: 60px 0 20px;
  }
  .b-bannerTop .b-panelBox {
    margin-left: -20px;
    margin-right: -20px;
  }
  .b-bannerTop .b-panel {
    width: calc( (100% - 80px) / 2 );
    margin: 0 20px 40px;
  }
  .b-bannerTop a {
    border-radius: 30px;
    transition: .3s all;
  }
  .b-bannerTop a:hover {
    filter: var(--sdw20);
  }
}

/*  news productinfo
-------------------------------------------------*/

.b-simplePost.m-top .b-mdsParts .e-mds.m-jpTxt {
  color: var(--cells);
  letter-spacing: .15em;
}
@media screen and (max-width: 767px) {
  .b-simplePost.m-top .b-mdsBox {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .b-simplePost.m-top .b-mdsParts .e-mds {
    margin-bottom: 0;
  }
  .b-simplePost.m-top .b-mdsParts .e-mds.m-jpTxt {
    margin-right: 0;
    font-size: 16px; 
  }
  .b-simplePost.m-top .b-links {
    margin-top: 20px;
    text-align: right;
  }
  .b-simplePost.m-top .b-links a {
    min-width: 150px;
  }
  .b-simplePost.m-top .b-links .e-txt {
    text-indent: -.5em;
  }
}
@media screen and (min-width: 768px) {
  .b-simplePost.m-top .container {
    display: flex;
    align-items: flex-start;
  }
  .b-simplePost.m-top .b-mdsParts {
    width: 270px;
    min-width: 270px;
  }
  .b-simplePost.m-top .e-mds.m-imgTxt {
    text-align: left;
    margin-bottom: 0;
  }
  .b-simplePost.m-top.m-productinfo .e-mds.m-imgTxt {
    height: 86px;
  }
  .b-simplePost.m-top .b-mdsParts .e-mds.m-jpTxt {
    font-size: 18px;
    margin: .8em 0 1.5em;
  }
  .b-simplePost.m-top .b-links {
    text-align: left;
  }
  .b-simplePost.m-top .b-links a {
    min-width: 180px;
  }
  .b-simplePost.m-top .b-postList {
    flex: 1;
  }
  .b-simplePost.m-top .b-postList .b-postItem a {
    padding: 17px 18px 9px;
  }
}

/* productinfo */
.b-simplePost.m-productinfo.m-top {
  background: #fff;
}
.b-simplePost.m-productinfo.m-top .b-links a {
  background: var(--color-gray-WG)
}
.b-simplePost.m-productinfo.m-top .b-postList .b-postItem:nth-child(2n+1) {
  background: var(--color-gray-WG);
}

/*  event
-------------------------------------------------*/
@media screen and (max-width: 767px) {
  .b-panelPost.m-event.m-top .b-postList+.b-links {
    text-align: right;
  }
  .b-panelPost.m-event.m-top .b-postList+.b-links a {
    min-width: 150px;
  }
  .b-panelPost.m-event.m-top .b-postList+.b-links {
    text-indent: -.5em;
  }
}
@media screen and (min-width: 768px) {
  .b-panelPost.m-event.m-top .b-mdsParts {
    position: relative;
  }
  .b-panelPost.m-event.m-top .b-mdsParts .b-links {
    position: absolute;
    right: 0;
    top: 0;
  }
  .b-panelPost.m-event.m-top .b-mdsParts .b-links a {
    min-width: 180px;
  }
}
/* postList */
.b-panelPost.m-event.m-top .b-postList {
  overflow-x: auto;
}
.b-panelPost.m-event.m-top .b-postList .inner {
  box-sizing: content-box;
  display: flex;
  padding-bottom: 40px;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem {
  width: 290px;
  min-width: 290px;
  position: relative;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem > a {
  display: flex;
  flex-direction: column;
  padding: 0;
  height: 100%;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem+.b-postItem::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: url(../img/n-common/line-dash-v.png) repeat-y;;
  position: absolute;
  top: 0;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem:nth-child(1) {
  margin-left: 0;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-thumb {
  aspect-ratio: 290/185;
  width: 100%;
  border-radius: 20px;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .b-panelPost.m-event.m-top .b-postList .b-postItem {
    width: 240px;
    margin: 0 20px;
  }
  .b-panelPost.m-event.m-top .b-postList .b-postItem+.b-postItem::before {
    left: -20px;
  }
}
@media screen and (min-width: 768px) {
  /*
  .b-panelPost.m-event.m-top .b-postList .inner {
    width: calc( 320px*6 + 40px*2*6 - 40px);
  }
  */
  .b-panelPost.m-event.m-top .b-postList .b-postItem {
    margin: 0 40px;
  }
  .b-panelPost.m-event.m-top .b-postList .b-postItem+.b-postItem::before {
    left: -40px;
  }
}
@media screen and (max-width: 1290px) {
  .b-panelPost.m-event.m-top .b-postList .inner {
    padding-left: 20px;
  }
}

.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links,
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links-like {
  width: 100%;
  align-self: baseline;
  margin: auto 0 0;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem:not(.m-end) .b-links a,
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links:not(.m-end) a,
.b-panelPost.m-event.m-top .b-postList .b-postItem:not(.m-end) .b-links-like > span,
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links-like:not(.m-end) > span {
  width: 100%;
  background: var(--cells);
  color: #fff;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem:hover {
  transition: .3s all;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links.m-end a,
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links-like.m-end > span {
  background: #fff;
  max-width: 280px;
  color: var(--text);
}
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links-like.m-end > span {
  border-width: 0;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links a::after,
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links-like > span::after {
  border-color: #fff;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links .e-txt,
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links-like .e-txt {
  font-size: 16px;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem.m-end .b-links a,
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links.m-end a {
  pointer-events: none;
  border-color: #fff;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem.m-end .b-links-like > span,
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links-like.m-end > span  {
  border-color: #fff;
}
.b-panelPost.m-event.m-top .b-postList .b-postItem.m-end .b-links a::after,
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links.m-end a::after,
.b-panelPost.m-event.m-top .b-postList .b-postItem.m-end .b-links-like > span::after,
.b-panelPost.m-event.m-top .b-postList .b-postItem .b-links-like.m-end > span::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .b-panelPost.m-event.m-top .b-postList .b-postItem .b-links a::before,
  .b-panelPost.m-event.m-top .b-postList .b-postItem .b-links-like > span::before {
    background: #fff;
  }
  .b-panelPost.m-event.m-top .b-postList .b-postItem .b-links-like.m-end > span::before {
    background: var(--cells-L);
  }
  .b-panelPost.m-event.m-top .b-postList .b-postItem .b-links a:hover,
  .b-panelPost.m-event.m-top .b-postList .b-postItem:hover .b-links-like > span {
    color: color: var(--color-txt);
  }
  .b-panelPost.m-event.m-top .b-postList .b-postItem .b-links a:hover::after,
  .b-panelPost.m-event.m-top .b-postList .b-postItem:hover .b-links-like > span::after {
    border-color: var(--cells);
  }
  .b-panelPost.m-event.m-top .b-postList .b-postItem.m-end:hover .b-links-like > span,
  .b-panelPost.m-event.m-top .b-postList .b-postItem:hover .b-links-like.m-end > span  {
    color: #fff;
  }
}

/*  about
-------------------------------------------------*/
.b-aboutCells {
  background: #fff;
  padding-bottom: 20px;
}
.b-aboutCells .e-secMds {
}
.b-aboutCells .e-txt {
  text-align: justify;
}
.b-aboutCells .b-links {
  text-align: left;
  margin-top: 1.5em;
}
.b-aboutCells .b-links a {
  background: var(--color-gray-WG);
}
@media screen and (max-width: 767px) {
  .b-aboutCells .e-secMds {
    text-align: center;
    margin: 1em 0;
  }
  .b-aboutCells .b-links {
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  .b-aboutCells .b-inner {
    display: flex;
    align-items: center;
  }
  .b-aboutCells .e-secMds {
    text-align: left;
    margin-bottom: .4em;
  }
  .b-aboutCells .b-txts {
    width: 510px;
    min-width: 510px;
    padding-left: 45px;
  }
  .b-aboutCells .b-links a {
    min-width: 220px;
    
  }
}
/* img */
.b-aboutCells .b-img {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .b-aboutCells .b-img {
    width: calc(100dvw - 20px);
    margin-left: 50%;
    transform: translateX(-50dvw);
    border-radius: 0 20px 20px 0;
  }
}
@media screen and (min-width: 768px) {
  .b-aboutCells .b-img {
    width: calc( 100% - 510px + 115px );
    margin-left: -115px;
    min-height: 460px;
    border-radius: 0 60px 60px 0;
  }
}

/*  recruit
-------------------------------------------------*/
.b-recruitTop {
  background: #fff;
}
.b-recruitTop .e-secMds {
  text-align: left;
  margin-bottom: .4em;
  line-height: 1.5;
}
.b-recruitTop .e-txt {
  text-align: justify;
}
.b-recruitTop .b-links {
  text-align: left;
  margin-top: 1.5em;
}
.b-recruitTop .b-links a {
  background: var(--color-gray-WG);
}
@media screen and (max-width: 767px) {
  .b-recruitTop .e-secMds {
    font-size: 18px;
    text-align: center;
    margin: 1em 0;
  }
  .b-recruitTop .b-links {
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  .b-recruitTop .b-inner {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
  .b-recruitTop .b-txts {
    width: 510px;
    min-width: 510px;
    padding-left: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .b-recruitTop .e-secMds {
    font-size: 26px;
    text-align: left;
  }
  .b-recruitTop .b-links {
    text-align: left;
  }
}
/* img */
.b-recruitTop .b-img {
  overflow: hidden;
}
.b-recruitTop .b-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .b-recruitTop .b-img {
    width: calc(100dvw - 20px);
    margin-left: 50%;
    transform: translateX( calc(-50dvw + 20px));
    border-radius: 20px 0 0 20px;
  }
}
@media screen and (min-width: 768px) {
  .b-recruitTop .b-img {
    width: calc( 100% - 510px + 115px );
    margin-right: -115px;
    min-height: 100%;
    border-radius: 60px 0 0 60px;
  }
}

/*  secutiry
-------------------------------------------------*/
.b-securityPolicyTop {
  background: var(--color-gray-WG);
}
.b-securityPolicyTop .b-inner {
  background: #fff;
  border-top: 8px solid var(--cells);
}
.b-securityPolicyTop .e-mds.m-imgTxt {
  text-align: left;
  margin-bottom: .5em;
}
.b-securityPolicyTop .b-links {
  margin-left: auto;
}
.b-securityPolicyTop .b-links a {
  background: var(--color-gray-WG);
}
@media screen and (max-width: 767px) {
  .b-securityPolicyTop {
    padding: 40px 0;
  }
  .b-securityPolicyTop .b-inner {
    padding: 40px 20px;
  }
  .b-securityPolicyTop .e-mark {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .b-securityPolicyTop .e-mark > img {
    width: 70px;
    min-width: 70px;
    margin-right: 20px;
  }
  .b-securityPolicyTop .e-mark .m-imgTxt.m-min {
    height: 45px;
    margin: 0;
  }
  .b-securityPolicyTop .b-txts {
    margin: 30px 0;
  }
  .b-securityPolicyTop .b-links a {
    width: 100%;
    max-width: 315px;
  }
}
@media screen and (min-width: 768px) {
  .b-securityPolicyTop .b-inner {
    display: flex;
    align-items: center;
    padding: 40px;
  }
  .b-securityPolicyTop .e-mark {
    width: 80px;
    min-width: 88px;
    margin-top: -5px;
  }
  .b-securityPolicyTop .b-txts {
    margin: 0 40px;
  }
}

/*  note
-------------------------------------------------*/
.b-noteIncludeTop {
  background: #fff;
  margin-bottom: -100px;
}
.b-noteIncludeTop .e-mds {
  text-align: center;
}
.b-noteIncludeTop .b-item {
  border: 1px solid var(--color-gray-L);
  border-radius: 6px;
  padding: 15px 20px 20px;
  background-image: url(../img/n-common/ic-note.svg);
  background-repeat: no-repeat;
  background-position: bottom 20px right 20px;
  background-size: 60px;
  background-color: #fff;
}
.b-noteIncludeTop .b-item .e-noteTtl {
  font-size: var(--font-M);
  margin-bottom: .3em;
}
.b-noteIncludeTop .b-item .e-txt {
  font-size: 11px;
}
.b-noteIncludeTop .b-item .b-creatorInfo {
  display: flex;
  align-items: center;
  line-height: 1.3;
  font-size: 11px;
}
.b-noteIncludeTop .b-item .e-creatorName {
  font-weight: 700;
}
.b-noteIncludeTop .b-item .b-noteAuther {
  width: 30px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .b-noteIncludeTop .e-mds {
    font-size: 24px;
  }
  .b-noteIncludeTop .b-item {
    margin-top: 20px;
  }
  .b-noteIncludeTop .b-item .b-body {
    display: flex;
  }
  .b-noteIncludeTop .b-item .b-creatorInfo {
    margin-top: 15px;
  }
  .b-noteIncludeTop .b-item .e-thumb {
    min-width: 110px;
    margin-top: 5px;
    margin-left: 15px;
  }
}
@media screen and (min-width: 768px) {
  .b-noteIncludeTop .e-mds {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .b-noteIncludeTop .b-articles {
    display: flex;
    justify-content: space-between;
  }
  .b-noteIncludeTop .b-item {
    width: calc( (100% - 30px) / 2 );
    transition: .3s all;
  }
  .b-noteIncludeTop .b-item a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }
  .b-noteIncludeTop .b-item .e-noteTtl {
    transition: .3s all;
  }
  .b-noteIncludeTop .b-item:hover {
    filter: var(--sdw);
  }
  .b-noteIncludeTop .b-item a:hover {
    color: inherit;
  }
  .b-noteIncludeTop .b-item a:hover .e-noteTtl {
    color: var(--cells-L);
  }
  .b-noteIncludeTop .b-item .b-flex {
    display: flex;
    margin-bottom: .8em;
  }
  .b-noteIncludeTop .b-item .e-thumb {
    min-width: 160px;
    margin-top: 5px;
    margin-left: 15px;
  }
}

/*-------------------------------------------------

/*  NEWS

-------------------------------------------------*/
.m-news .b-postCats .e-item {
  min-width: 85px;
}
@media screen and (min-width: 768px) {
  .m-news .b-postCats {
    width: 125px;
  }
}

/*-------------------------------------------------

/*  philosophy

-------------------------------------------------*/
.b-philosophySection .b-body {
  letter-spacing: .07em;
  line-height: 2.22;
}
.b-philosophySection .inner {
  max-width: 910px;
  margin: auto;
}
.b-philosophySection+.b-philosophySection {
  border-top: 2px solid var(--color-gray-L);
}
.b-philosophyMark {
  width: calc(100% - 30px);
  max-width: 650px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .b-philosophySection .b-body {
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) {
  .b-philosophySection .b-body {
    line-height: 2.22;
  }
  .b-philosophySection .b-body .e-txt {
    font-size: 18px;
  }
  .b-philosophyMark {
    padding: 100px 0;
  }
}

/*-------------------------------------------------

/*  company

-------------------------------------------------*/
.b-companyOutLine .b-outline .b-officead {
  display: block;
}
.b-companyOutLine .b-outline .b-officead:not(:last-child)::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: url(../img/n-common/line-dash-h.png) left center repeat-x;
  margin: .75em 0;
}
.b-companyOutLine .b-outline .b-officead dt {
  position: relative;
  padding-left: 1em;
}
.b-companyOutLine .b-outline .b-officead dt::before {
  content: "";
  display: block;
  height: .95em;
  background: var(--cells);
  position: absolute;
  left: 0;
  top: .45em;
}
@media screen and (max-width: 767px) {
  .b-companyOutLine .b-outline .b-officead dt::before {
    width: 8px;
  }
}
@media screen and (min-width: 768px) {
  .b-companyOutLine .b-outline .b-officead dt::before {
    width: 9px;
  }
}


/*-------------------------------------------------

/*  daihyo

-------------------------------------------------*/
.b-daihyoMessage {
  display: flex;
}
@media screen and (max-width: 768px) {
  .b-daihyoMessage {
    flex-direction: column-reverse;
  }
  .b-daihyoMessage .b-img {
    max-width: 380px;
    margin: 0 auto 35px;
  }
  .b-daihyoMessage .e-sign {
    width: 255px;
    margin-top: 35px;
  }
}
@media screen and (min-width: 768px) {
  .b-daihyoMessage {
    font-size: 18px;
    line-height: 2.22;
  }
  .b-daihyoMessage .b-img {
    width: 380px;
    min-width: 380px;
    margin-left: 50px;
  }
  .b-daihyoMessage .e-sign {
    width: 349px;
    margin-top: 50px;
  }
}

/*-------------------------------------------------

/*  CSR

-------------------------------------------------*/
.b-csrContent {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .b-csrContent .e-mds {
    border-bottom: 0 none;
  }
}

/*-------------------------------------------------

/*  support

-------------------------------------------------*/
.b-mainBox.m-support {
  background-image: url(../img/n-common/main-bg-support.jpg);
}
.b-mainBox.m-support .container::after {
  display: none;
}

/*  supportItem
-------------------------------------------------*/
.b-supportItem {
  margin-bottom: 40px;
  padding: 0;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .b-supportItem {
    display: flex;
    padding: 20px;
  }
}
/* b-productImg */
.b-supportItem .b-productImg {
  display: flex;
  align-items: center;
  position: relative;
}
.b-supportItem .b-productImg .e-img {
  aspect-ratio: var(--product);
  position: relative;
  z-index: 2;
}
.b-supportItem .b-productImg {
  overflow: hidden;
}
.b-supportItem.p-daicho .b-productImg {
  background: var(--p-Daicho);
}
.b-supportItem.p-kyuyo .b-productImg {
  background: var(--p-Kyuyo);
}
.b-supportItem.p-forrou .b-productImg {
  background: var(--p-Forrou);
}
@media screen and (max-width: 767px) {
  .b-supportItem .e-mds {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: calc(100% - 30px);
    color: #fff;
    font-size: 30px;
    text-align: center;
    padding-right: 40%;
    position: absolute;
    z-index: 3;
  }
  .b-supportItem .e-mds img {
    width: 85%;
    max-width: 180px;
  }
  .b-supportItem .b-productImg {
    padding: 15px;
  }
  .b-supportItem .b-productImg::before {
    content: "";
    display: block;
    aspect-ratio: 320/ 450;
    width: 100%;
    clip-path: polygon(92% 0, 100% 0, 100% 100%, 0 100%);
    mix-blend-mode: multiply;
    background: var(--color-gray-L);
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
  }
  .b-supportItem .b-productImg .e-img {
    width: 85%;
    min-width: 85%;
    margin-left: auto;
    transform: translateX(36%)
  }
}
@media screen and (min-width: 768px) {
  .b-supportItem .b-productImg {
    width: 420px;
    min-width: min(40%,420px);
    border-radius: 10px;
    padding: 35px;
    margin-right: 40px;
  }
  .b-supportItem .b-productImg .e-img {
    width: 480px;
    min-width: 480px;
  }
  .b-supportItem .e-mds {
    color: var(--cells);
    font-size: 40px;
  }
}
/* b-right */
@media screen and (max-width: 767px) {
 .b-supportItem .b-right {
   padding: 30px 20px 10px;
  }
}
@media screen and (min-width: 768px) {
  .b-supportItem .b-right {
    padding-top: 30px;
    position: relative;
  }
}
/* b-links */
.b-supportItem .b-links a {
  background: var(--color-gray-WG);
}
@media screen and (max-width: 767px) {
  .b-supportItem .b-links:not(.m-tabType) {
    margin-bottom: 30px;
  }
}
.b-supportItem .b-links.m-tabType {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.b-supportItem .b-links.m-tabType a {
  line-height: 1.28;
  border-radius: 10px;
  padding-left: 1.5em;
}
.b-supportItem .b-links.m-tabType a::before {
  content: "";
  aspect-ratio: 1/1;
  width: 1.6em;
  height: auto;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: auto;
  transform: translateY(-50%);
}
.b-supportItem .b-links.m-tabType .e-txt {
  margin-left: 0;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .b-supportItem .b-links.m-tabType a {
    font-size: 14px;
    width: calc( (100% - 10px) / 2 );
    min-width: calc( (100% - 10px) / 2 );
    min-height: 70px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .b-supportItem .b-links.m-tabType a::before {
    right: .8em;
  }
  .b-supportItem .b-links.m-tabType a:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 340px) {
  .b-supportItem .b-links.m-tabType a {
    width: 100%;
    min-width: 100%;
    margin-right: 0;
    min-height: 50px;
  }
  .b-supportItem .b-links.m-tabType a br {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .b-supportItem .b-links:not(.m-tabType) {
    position: absolute;
    right: 0;
    top: 30px;
    font-size: 16px;
  }
  .b-supportItem .b-links:not(.m-tabType) a {
    min-width: 220px;
  }
  .b-supportItem .b-links.m-tabType a::before {
    right: .55em;
  }
  .b-supportItem .b-links.m-tabType {
    margin-top: 40px;
  }
  .b-supportItem .b-links.m-tabType a {
    width: calc( (100% - 30px) / 3 );
    min-width: calc( (100% - 30px) / 3 );
    margin-right: 15px;
    margin-bottom: 20px;
    min-height: 100px;
    transition: .3s all;
  }
  .b-supportItem .b-links.m-tabType a:nth-of-type(3n) {
    margin-right: 0;
  }
  .b-supportItem .b-links.m-tabType a:hover {
    background: var(--cells);
  }
  .b-supportItem .b-links.m-tabType a:hover::after {
    border-color: var(--cells);
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .b-supportItem .b-links.m-tabType a {
    width: calc( (100% - 15px) / 2 );
    min-width: calc( (100% - 15px) / 2 );
  }
  .b-supportItem .b-links.m-tabType a:nth-of-type(3n) {
    margin-right: 15px;
  }
  .b-supportItem .b-links.m-tabType a:nth-of-type(2n) {
    margin-right: 0;
  }
}

/* b-subSupportItems */
.b-subSupportItems .e-mds {
  position: relative;
  color: var(--cells);
  padding: 0;
}
@media screen and (max-width: 767px) {
  .b-subSupportItems .b-supportItem {
    padding-top: 25px;
    margin-bottom: 20px;
  }
  .b-subSupportItems .e-mds {
    font-size: 24px;
    margin-bottom: .8em;
  }
}
@media screen and (min-width: 768px) {
  .b-subSupportItems {
    display: flex;
    flex-wrap: wrap;
  }
  .b-subSupportItems .b-supportItem {
    width: calc( (100% - 40px*2) / 3 );
    margin-right: 40px;
    display: block;
    padding-bottom: 30px;
  }
  .b-subSupportItems .b-supportItem:nth-child(3n) {
    margin-right: 0;
  }
  .b-subSupportItems .e-mds {
    font-size: 30px;
    text-align: center;
    margin-bottom: .5em;
  }
  .b-subSupportItems .b-supportItem .b-links {
    position: static;
    right: auto;
    top: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .b-subSupportItems .b-supportItem {
    width: calc( (100% - 40px) / 2 );
  }
  .b-subSupportItems .b-supportItem:nth-child(3n) {
    margin-right: 40px;
  }
  .b-subSupportItems .b-supportItem:nth-child(2n) {
    margin-right: 0;
  }
}

/*-------------------------------------------------

/*  product

-------------------------------------------------*/
.b-mainBox.m-product {
  background-image: url(../img/n-common/main-bg-product.jpg);
}
.b-mainBox.m-product .container::after {
  display: none;
}

/* カラーリング　/////////////*/
.b-productTop .b-productItem.p-daicho .b-nameBox,
.p-daicho .b-productMain,
.p-daicho .b-productBody .m-bg {
  background: var(--p-Daicho);
}
.p-daicho .b-productBody .m-color {
  color: var(--p-Daicho);
}
.p-daicho .b-productBody .b-simpleContents .e-mds {
  border-color: var(--p-Daicho);
}
/**/
.b-productTop .b-productItem.p-kyuyo .b-nameBox,
.p-kyuyo .b-productMain,
.p-kyuyo .b-productBody .m-bg {
  background: var(--p-Kyuyo);
}
.p-kyuyo .b-productBody .m-color {
  color: var(--p-Kyuyo);
}
.p-kyuyo .b-productBody .b-simpleContents .e-mds {
  border-color: var(--p-Kyuyo);
}
/**/
.b-productTop .b-productItem.p-forrou .b-nameBox,
.p-forrou .b-productMain,
.p-forrou .b-productBody .m-bg {
  background: var(--p-Forrou);
}
.p-forrou .b-productBody .m-color {
  color: var(--p-Forrou);
}
.p-forrou .b-productBody .b-simpleContents .e-mds {
  border-color: var(--p-Forrou);
}
/**/
.b-productTop .b-productItem.p-cloud .b-nameBox,
.p-cloud .b-productMain,
.p-cloud .b-productBody .m-bg {
  background: var(--p-SaitekiCloud);
}
.p-cloud .b-productBody .m-color {
  color: var(--p-SaitekiCloud);
}
.p-cloud .b-productBody .b-simpleContents .e-mds {
  border-color: var(--p-SaitekiCloud);
}
/**/
.b-productTop .b-productItem.p-oyakata .b-nameBox,
.p-oyakata .b-productMain,
.p-oyakata .b-productBody .m-bg {
  background: var(--p-HitoriOyakata);
}
.p-oyakata .b-productBody .m-color {
  color: var(--p-HitoriOyakata);
}
.p-oyakata .b-productBody .b-simpleContents .e-mds {
  border-color: var(--p-HitoriOyakata);
}

/*  productMain
-------------------------------------------------*/
.b-productMain {
  position: relative;
  overflow: hidden;
}
.b-productMain .inner {
  display: flex;
  position: relative;
}
.b-productMain .b-links {
  position: relative;
}
.b-productMain .inner,
.b-productMain .b-links {
  z-index: 2;
}
.b-productItem {
  overflow: hidden;
}
.b-productMain::after {
  content: "";
  display: block;
  aspect-ratio: 320/ 450;
  width: 100%;
  clip-path: polygon(92% 0, 100% 0, 100% 100%, 0 100%);
  mix-blend-mode: multiply;
  background: var(--color-gray-L);
  position: absolute;
  z-index: 0;
  right: 0;
  top: 0;
}

.b-productMain .e-mds {
  color: #fff;
  line-height: 1.15;
}
.b-productMain .e-lead {
  color: #fff;
  font-weight: 500;
  line-height: 1.375;
  margin: 1em 0;
}
.b-productMain .e-img {
  aspect-ratio: var(--product);
}
@media screen and (max-width: 767px) {
  .b-productItem {
    padding: 0;
    margin-bottom: 40px;
  }
  .b-productMain {
    padding-bottom: 30px;
  }
  .b-productMain .inner {
    align-items: center;
    margin-top: 15px;
  }
  .b-productMain .b-productMds {
    min-width: 53%;
    text-align: center;
  }
  .b-productMain .e-mds {
    font-size: 30px;
  }
  .b-productMain .e-mds:has(img) {
    max-width: 270px;
    padding: 0 6vw;
  }
  .b-productMain .e-img {
    display: flex;
    align-items: center;
    width: min(68vw,350px);
    min-width: min(68vw,350px);
    transform: translateX(-7%);
  }
  .b-productMain .e-lead {
    padding: 0 10px;
    margin-top: 0;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .b-productMain .b-links {
    padding: 10px 30px 0;
    margin-bottom: -10px;
  }
  .b-productMain .b-links a {
    width: 100%;
    max-width: 265px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  .b-productItem {
    padding: 20px;
    margin-bottom: 60px;
  }
  .b-productMain {
    border-radius: 10px;
    overflow: hidden;
  }
  .b-productMain::after {
    top: -200px;
  }
  .b-productMain .inner {
    padding-left: 40px;
  }
  .b-productMain .e-mds {
    font-size: 46px;
  }
  .b-productMain .e-mds img {
    max-width: 270px;
  }
  .b-productMain .e-lead {
    font-size: 18px;
    letter-spacing: .2em;
  }
  .b-productMain .e-img {
    display: flex;
    align-items: center;
    width: 590px;
    min-width: 590px;
  }
  .b-productMds {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width:  min(50%,550px);
    min-width: min(50%,550px);
  }
  .b-productMds .b-txts {
    padding-top: min(120px);
    flex: 1;
  }
  .b-productMds .b-links {
    margin-bottom: 25px;
    text-align: left;
  }
  .b-productMds .b-links a {
    min-width: 235px;
    font-size: 16px;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 2px solid #fff;
  }
}

/*  productBody
-------------------------------------------------*/
.b-productBody {
  line-height: 1.55;
}
.b-productBody  .b-productLead .e-txt {
  margin-top: .8em;
}
.b-productBody .e-mark {
  display: block;
  margin: auto;
  background-color: #f00;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .b-productBody {
    padding: 50px 20px;
  }
  .b-productBody  .b-productLead .e-lead {
    font-size: 20px;
  }
  .b-productBody  .b-productLead .e-txt {
    font-size: 14px;
  }
  .b-productBody .e-mark {
    width: 30px;
  }
}
@media screen and (min-width: 768px) {
  .b-productBody {
    padding: 50px 40px;
  }
  .b-productBody  .b-productLead {
    text-align: center;
  }
  .b-productBody  .b-productLead .e-lead {
    font-size: 28px;
  }
  .b-productBody  .b-productLead .e-txt {
    font-size: 20px;
  }
  .b-productBody .e-mark {
    width: 40px;
    margin-bottom: 40px;
  }
}

/* option mark*/
.b-priceBox.b-option:has(.e-mark) {
  position: relative;
}
.b-priceBox.b-option .e-mark {
  position: absolute;
  left: 50%;
  transform: translateX(-50%)
}
@media screen and (max-width: 767px) {
  .b-priceBox.b-option .e-mark {
    top: -25px;
  }
}
@media screen and (min-width: 768px) {
  .b-priceBox.b-option .e-mark {
    top: -30px;
  }
}

/* b-productTips */
.b-productTips {
  letter-spacing: .05em;
}
.b-productTips .b-item {
  display: flex;
  align-items: flex-start;
}
.b-productTips .e-icon {
  background: var(--color-gray-WG);
  border-radius: 50%;
}
.b-productTips .b-txts dt {
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: .3em;
}
.b-productTips .b-txts dd {
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .b-productTips {
    margin-top: 50px;
  }
  .b-productTips .b-item {
    margin-bottom: 30px;
  }
  .b-productTips .e-icon {
    width: 80px;
    min-width: 80px;
    margin-right: 20px;
  }
  .b-productTips .b-txts dd {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .b-productTips {
    display: flex;
    flex-wrap: wrap;
    margin-top: 45px;
  }
  .b-productTips .b-item {
    width: calc( (100% - 90px) / 2 );
    margin-bottom: 30px;
  }
  .b-productTips .b-item:nth-child(2n-1) {
    margin-right: 90px;
  }
  .b-productTips .e-icon {
    width: 130px;
    min-width: 130px;
    margin-right: 30px;
  }
  .b-productTips .b-txts dt {
    font-size: 20px;
  }
  .b-productTips .b-txts dd {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  .b-productTips .b-item {
    width: calc( (100% - 30px) / 2 );
  }
  .b-productTips .b-item:nth-child(2n-1) {
    margin-right: 30px;
  }
  
}
/* b-productExample */
.b-productExample {
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
}
.b-productExample .e-mds {
  margin-bottom: .8em;
}
.b-productExample .b-matome {
  margin-top: 1em;
}
.b-productExample .b-matome .e-txt+.e-txt{
  margin-top: .8em;
}
@media screen and (max-width: 767px) {
  .b-productExample .e-mds {
    font-size: 20px;
  }
  .b-productExample .b-matome {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .b-productExample .e-mds {
    font-size: 28px;
  }
}
/* b-simpleCOntents */
.b-productBody .b-simpleContents .inner:has(.b-tableInner) {
  margin: 0;
  max-width: 100%;
  overflow-x: auto;
}
.b-productBody .b-simpleContents .b-tableInner {
  width: 1050px;
  border: 1px solid var(--color-gray-L);
  border-radius: 7px;
  overflow: hidden;
}
.b-productBody .b-simpleContents table {
  width: 100%;
  letter-spacing: .025em;
  line-height: 1.66;
}
.b-productBody .b-simpleContents tr:not(:last-of-type) {
  border-bottom: 1px solid var(--color-gray-L);
}
.b-productBody .b-simpleContents th,
.b-productBody .b-simpleContents td {
  padding: .8em 1em;
}
.b-productBody .b-simpleContents th {
  background: var(--color-gray);
  color: #fff;
}
.b-productBody .b-simpleContents th+th {
  border-left: 1px solid #fff;
}
.b-productBody .b-simpleContents td {
  width: calc( (1050px - 200px) / 2 );
  background: #fff;
}
.b-productBody .b-simpleContents td:first-of-type {
  background: var(--color-gray-WG);
  width: 200px;
  font-weight: 700;
}
.b-productBody .b-simpleContents td+td {
  border-left: 1px solid var(--color-gray-L);
}
/* min */
.b-productBody .b-simpleContents .b-tableInner.m-min {
  width: 970px;
}
.b-productBody .b-simpleContents .b-tableInner.m-min td {
  text-align: right;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.b-productBody .b-simpleContents .b-tableInner.m-min td:nth-of-type(2),
.b-productBody .b-simpleContents .b-tableInner.m-min td:nth-of-type(3){
  width: 200px;
}
.b-productBody .b-simpleContents .b-tableInner.m-min td:first-of-type {
  width: 150px !important;
}
.b-productBody .b-simpleContents .b-tableInner.m-min td:last-of-type {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .b-productBody .b-simpleContents {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) {
  .b-productBody .b-simpleContents {
    margin: 60px 20px 0;
  }
}

/* b-priceBox */
.b-priceBox {
  text-align: center;
  background: var(--color-gray-WG);
  border-radius: 20px;
}
.b-priceBox +.b-priceBox {
  margin-top: 20px;
}
.b-priceBox .e-priceMds {
  display: inline-block;
  color: var(--color-gray-footer);
  border-bottom: 1px solid var(--color-gray-footer);
  font-weight: 700;
  font-size: 20px;
  line-height: 1.75;
  margin-bottom: 20px;
}
.b-priceBox .e-priceMds .e-sub {
  font-size: 14px;
}
.b-priceBox .b-priceTxt {
  line-height: 1.55;
}
.b-priceBox .b-moreLink {
  margin-top: 1em;
}
.b-priceBox .b-moreLink .e-moreLink {
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .b-priceBox {
    padding: 25px 20px 20px;
  }
  .b-priceBox .b-priceTxt {
    text-align: left;
  }
  .b-priceBox .b-moreLink {
    font-size: 14px;
  }
  .b-priceBox .b-moreLink .e-moreLink::before {
    top: .28em;
  }
}
@media screen and (min-width: 768px) {
  .b-priceBox {
    padding: 30px 40px;
  }
  .b-priceBox .b-moreLink {
    font-size: 16px;
  }
  .b-priceBox .b-moreLink .e-moreLink::before {
    top: .6em;
  }
  .b-priceBox .b-moreLink .e-moreLink:hover {
    text-decoration: none;
  }
}

/* b-pricePanel */
.b-pricePanel .b-itemWrap,
.b-pricePanel .b-itemWrap02 {
  background: #fff;
  border-radius: 10px;
  line-height: 1.15;
}
.b-pricePanel .b-item dt {
  font-weight: 700;
}
.b-pricePanel .b-item .e-num,
.b-pricePanel .b-item .e-yen,
.b-pricePanel .b-item .e-tax {
  font-weight: 700;
}
.b-pricePanel .b-item .e-num {
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .b-pricePanel {
    margin-top: 20px;
  }
  .b-pricePanel .b-itemWrap,
  .b-pricePanel .b-itemWrap02  {
    margin-top: 10px;
    padding: 15px;
  }
  .b-pricePanel .b-item .e-num {
    font-size: 28px;
  }
  .b-pricePanel .b-item dt,
  .b-pricePanel .b-item .e-yen,
  .b-pricePanel .b-item .e-tax {
    font-size: 14px;
  }
  .b-pricePanel .b-item .e-tax br {
    display: inline-block;
  }
  .b-pricePanel .b-item .e-caution {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .b-pricePanel {
    display: flex;
  }
  .b-pricePanel .b-itemWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    padding: 25px 40px;
    width: calc( ( 100% - 30px ) / 2 );
    min-width: calc( ( 100% - 30px ) / 2 );
  }
  .b-pricePanel .b-itemWrap:nth-of-type(2n) {
    margin-left: 30px;
  }
  .b-pricePanel .b-itemWrap02 {
    display: flex;
    align-items: center;
    padding: 15px 0;
    margin-top: 25px;
  }
  .b-pricePanel .b-itemWrap02 > .b-item  {
    width: calc( ( 100% - 30px ) / 2 );
    min-width: calc( ( 100% - 30px ) / 2 );
    padding-left: 0;
    padding-right: 0;
  }
  .b-pricePanel .b-item .e-num {
    font-size: 32px;
  }
  .b-pricePanel .b-item .e-tax {
    font-size: 14px;
  }
  .b-pricePanel .b-item .e-caution {
    font-size: 14px;
    margin-top: .5em;
  }
}

/* gaiyou */
.b-pricePanel .b-gaiyou {
  letter-spacing: .025em;
}
.b-pricePanel .b-gaiyou dt {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-gray);
  color: #fff;
  border-radius: 4px;
  font-weight: 500;
  line-height: 1.3;
  padding: .3em 1em .5em;
}
.b-pricePanel .b-gaiyou dd {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .b-pricePanel .b-gaiyou {
    margin-top: 15px;
  }
  .b-pricePanel .b-gaiyou .b-item {
    margin-top: 5px;
  }
  .b-pricePanel .b-gaiyou dt,
  .b-pricePanel .b-gaiyou dd {
    font-size: 12px;
  }
  .b-pricePanel .b-gaiyou dd {
    padding-top: .3em;
    padding-bottom: .5em;
  }
}
@media screen and (min-width: 768px) {
  .b-pricePanel .b-gaiyou {
    font-size: 14px;
  }
  .b-pricePanel .b-itemWrap02 .b-gaiyou {
    margin-right: 20px;
  }
  .b-pricePanel .b-gaiyou .b-item {
    display: flex;
    margin-top: 10px;
  }
  .b-pricePanel .b-itemWrap02 .b-gaiyou .b-item:first-of-type {
    margin-top: 0;
  }
  .b-pricePanel .b-gaiyou dt {
    width: 110px;
    min-width: 110px;
    margin-right: 15px;
  }
}

/* original-01 */
@media screen and (max-width: 767px) {
  .b-pricePanel .b-itemWrap02 .b-original-01-01 .b-item+.b-item {
    margin-top: 12px;
  }
}
@media screen and (min-width: 768px) {
  .b-pricePanel .b-itemWrap02.b-original-01 {
    width: 100%;
    display: block;
    padding: 25px 40px;
  }
  .b-pricePanel .b-itemWrap02 .b-original-01-01 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .b-pricePanel .b-itemWrap02 .b-original-01-01 .b-item {
    margin: 0 30px 20px;
  }
  .b-pricePanel .b-itemWrap02 .b-original-01-02 .b-gaiyou {
    margin-right: 0;
  }
  .b-pricePanel .b-itemWrap02 .b-original-01-02 .b-gaiyou dd {
    padding: .3em 0;
  }
}
/* original-02 */
@media screen and (min-width: 768px) {
  .b-pricePanel .b-itemWrap02.b-original-02 {
    width: 100%;
    display: block;
    padding: 25px 40px;
  }
  .b-pricePanel .b-itemWrap02 .b-original-02-01 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .b-pricePanel .b-itemWrap02 .b-original-01-01 .b-item {
    margin: 0 40px 20px;
  }
  .b-pricePanel .b-itemWrap02 .b-original-01-02 .b-gaiyou {
    margin-right: 0;
  }
  .b-pricePanel .b-itemWrap02 .b-original-01-02 .b-gaiyou dd {
    padding: .3em 0;
  }
}

/* original-03 */
@media screen and (max-width: 767px) {
  .b-pricePanel .b-itemWrap.b-original-03 .b-item+.b-item {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) {
  .b-pricePanel .b-itemWrap.b-original-03 {
    flex-wrap: wrap;
  }
  .b-pricePanel .b-itemWrap.b-original-03 .b-item {
    margin: 10px 20px;
  }
}

/* original-04 */
.b-pricePanel .b-itemWrap .b-original-04 .e-subMds {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-gray);
  color: #fff;
  border-radius: 4px;
  font-weight: 500;
  line-height: 1.3;
  padding: .05em 1em .25em;
}
@media screen and (max-width: 767px) {
  .b-pricePanel .b-itemWrap .b-original-04 .e-subMds {
    font-size: 12px;
  }
  .b-pricePanel .b-itemWrap .b-original-04 .b-sub {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .b-itemWrap:has(.b-original-04) {
    padding: 15px 20px;
  }
  .b-pricePanel .b-itemWrap .b-original-04 dd {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .b-pricePanel .b-itemWrap .b-original-04 .b-sub {
    margin: 10px 10px;
  }
  .b-pricePanel .b-itemWrap .b-original-04 .e-subMds {
    font-size: 14px;
  }
  .b-pricePanel .b-itemWrap .b-original-04 .e-num {
    font-size: 28px;
  }
  .b-pricePanel .b-itemWrap .b-original-04 .e-yen {
    font-size: 14px;
  }
  .b-pricePanel .b-itemWrap .b-original-04 .e-tax {
    font-size: 10px;
  }
}

/* original-05 */
.b-productBody .b-original-05 {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .b-productBody .b-original-05 {
    margin: 20px 0 40px;
  }
}
@media screen and (min-width: 768px) {
  .b-productBody .b-original-05 {
    margin: 30px 0 40px;
  }
}

/*-------------------------------------------------

/*  no-result

-------------------------------------------------*/
.b-noResult .e-lead {
  text-align: center;
  font-weight: 700;
  padding-bottom: 2em;
}
.b-noResult .e-lead + .b-searchBoxWrap {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  
  .b-noResult {
    margin-top: -30px;
  }
}
@media screen and (min-width: 768px) {
  .b-noResult {
    margin-top: -40px;
  }
}


/*-------------------------------------------------

/*  page - simple

-------------------------------------------------*/

/* postHeader ----------------*/
.b-post.b-page.m-simple .b-postHeader {
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .b-post.b-page.m-simple .b-postHeader {
    padding: 35px 0 40px;
  }
}
@media screen and (min-width: 768px) {
  .b-post.b-page.m-simple .b-postHeader {
    padding: 55px 0 60px;
    text-align: center;
  }
}

/* title */
.b-post.b-page.m-simple .b-postHeader .e-postTtl {
  padding-top: .5em;
}
@media screen and (max-width: 767px) {
  .b-post.b-page.m-simple .b-postHeader .e-postTtl {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) {
  .b-post.b-page.m-simple .b-postHeader .e-postTtl {
    font-size: 36px;
  }
}

/* body ----------------*/

.b-post.b-page.m-simple .b-postBody {
  background: #fff;
  line-height: 2;
  margin-bottom: 40px;
}
.b-post.b-page.m-simple .b-postBody img {
    width: auto;
   /* max-width: none !important;*/
}
@media screen and (max-width: 767px) {
  .b-post.b-page.m-simple .b-postBody {
    padding: 20px 20px 40px;
  }
}
@media screen and (min-width: 768px) {
  .b-post.b-page.m-simple .b-postBody {
    padding: 40px;
    border-radius: 20px;
  }
}
.b-post.b-page.m-simple .b-postBody .b-postLead {
  margin-bottom: 35px;
  font-weight: 700;
}
.b-post.b-page.m-simple .b-postBody .b-postLead p {
  margin-bottom: 20px;
}
.b-post.b-page.m-simple .b-postBody h1,
.b-post.b-page.m-simple .b-postBody h2,
.b-post.b-page.m-simple .b-postBody h3,
.b-post.b-page.m-simple .b-postBody h4,
.b-post.b-page.m-simple .b-postBody h5,
.b-post.b-page.m-simple .b-postBody h6 {
  line-height: 1.5;
}
.b-post.b-page.m-simple .b-postBody h1 {
  font-size: 28px;
  margin-bottom: 1.2em;
  padding-top: 1.3em;
  padding-bottom: .3em;
  border-bottom: 1px solid var(--cells-L);
}

.b-post.b-page.m-simple .b-postBody h2 {
  font-size: 28px;
  margin-bottom: 1.2em;
  padding-top: 1.3em;
  padding-bottom: .3em;
  border-bottom: 1px solid;
}

.b-post.b-page.m-simple .b-postBody h3 {
  font-size: 24px;
  padding-left: 20px;
  margin-bottom: 1em;
  padding-bottom: .2em;
  position: relative;
}
.b-post.b-page.m-simple .b-postBody h3::before {
  content: "";
  width: 5px;
  height: 1.2em;
  background: var(--cells-L);
  position: absolute;
  left: 0;
  top: .2em;
}

.b-post.b-page.m-simple .b-postBody h4 {
  padding-bottom: .4em;
  border-bottom: 1px solid #bcc8d2;
  margin-bottom: .3em;
}
.b-post.b-page.m-simple .b-postBody h4,
.b-post.b-page.m-simple .b-postBody h5 {
  font-size: 22px;
}

.b-post.b-page.m-simple .b-postBody h5 {
  margin-top: 0;
  margin-bottom: .4em;
}
.b-post.b-page.m-simple .b-postBody p,
.b-post.b-page.m-simple .b-postBody ul,
.b-post.b-page.m-simple .b-postBody ol,
.b-post.b-page.m-simple .b-postBody blockquote {
  margin-bottom: 35px;
}
.b-post.b-page.m-simple .b-postBody li {
  display: list-item;
  line-height: 1.5;
  margin-bottom: .5em;
}
.b-post.b-page.m-simple .b-postBody ul {
  padding-left: 1em;
}
.b-post.b-page.m-simple .b-postBody ul li {
  position: relative;
  padding-left: 1.3em;
}
.b-post.b-page.m-simple .b-postBody ul li::before {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  border-radius: 50%;
  width: .53em;
  background: var(--cells-L);
  position: absolute;
  left: .1em;
  top: .57em;
}

.b-post.b-page.m-simple .b-postBody ol {
  list-style-type: decimal;
  padding-left: 2.3em;
}
.b-post.b-page.m-simple .b-postBody ol li {
  list-style: inherit;
  list-style-type: inherit;
  list-style-position: outside;
  margin-left: 0;
}
.b-post.b-page.m-simple .b-postBody blockquote {
  border: 2px solid var(--color-gray-L);
  border-radius: 10px;
  padding: 30px 35px;
  margin-left: 0;
  margin-right: 0;
}

.b-post.b-page.m-simple .b-postBody a {
  color: var(--cells);
  font-weight: 700;
  text-decoration: underline;
}
.b-post.b-page.m-simple .b-postBody figure {
  max-width: 700px;
  margin: 0 auto 35px;
}

.b-post.b-page.m-simple .b-postBody table {
  letter-spacing: .025em;
}
.b-post.b-page.m-simple .b-postBody table th {
  background: var(--color-gray);
  color: #fff;
}
.b-post.b-page.m-simple .b-postBody table {
  border-right: 1px solid var(--color-gray-L);
  border-top: 1px solid var(--color-gray-L);
}
.b-post.b-page.m-simple .b-postBody table th,
.b-post.b-page.m-simple .b-postBody table td {
  padding: .5em 1.5em;
  border-bottom: 1px solid var(--color-gray-L);
}
.b-post.b-page.m-simple .b-postBody table th {
  background: var(--color-gray-D) !important;
  border-left: 1px solid var(--color-gray-L);
}
.b-post.b-page.m-simple .b-postBody table th+th {
  border-left: 1px solid #fff;
}
.b-post.b-page.m-simple .b-postBody table td {
  border-left: 1px solid var(--color-gray-L);
}
@media screen and (min-width: 768px) {
  .b-post.b-page.m-simple .b-postBody a {
    transition: .3s all;
  }
  .b-post.b-page.m-simple .b-postBody a:hover {
    color: var(--cells-L);
    text-decoration: none;
  }
}

/*-------------------------------------------------

/*  other

-------------------------------------------------*/
@font-face {
    font-family: "dpicons";
    src: url('fonts/dpicons.woff') format('woff'),
         url('fonts/dpicons.ttf') format('truetype');
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  position: relative;
    font-family: "dpicons";
    font-style: normal;
    font-weight: normal;
    font-size: 128%;
    speak: none;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    vertical-align: text-bottom;
    margin-right: .15em;
    margin-left: .15em;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-feedly:before { content: "\e600"; }
.icon-cloud-upload:before { content: "\e602"; }
.icon-cloud-download:before { content: "\e603"; }
.icon-mail:before { content: "\e6c2"; }
.icon-mail-alt:before { content: "\e604"; }
.icon-edit:before { content: "\e605"; }
.icon-resize-exit-alt::before { content: "\e606"; }
.icon-resize-full-alt::before { content: "\e607"; }
.icon-headphones:before { content: "\e608"; }
.icon-phone:before { content: "\e609"; }
.icon-open:before { content: "\e60a"; }
.icon-sale:before { content: "\e60b"; }
.icon-diamond:before { content: "\e60c"; }
.icon-tablet:before { content: "\e60d"; }
.icon-music:before { content: "\e60e"; }
.icon-picture:before { content: "\e60f"; }
.icon-pictures:before { content: "\e610"; }
.icon-th:before { content: "\e611"; }
.icon-space-invaders:before { content: "\e61d"; }
.icon-menu:before { content: "\e61e"; }
.icon-retweet:before { content: "\e61f"; }
.icon-chart:before { content: "\e67b"; }
.icon-phone2:before { content: "\e67c"; }
.icon-gmail:before { content: "\e612"; }
.icon-skype:before { content: "\e613"; }
.icon-pocket:before { content: "\e614"; }
.icon-up-bold:before { content: "\e615"; }
.icon-right-bold:before { content: "\e616"; }
.icon-down-bold:before { content: "\e617"; }
.icon-left-bold:before { content: "\e618"; }
.icon-ok:before { content: "\e619"; }
.icon-home:before { content: "\e61a"; }
.icon-chrome:before { content: "\e61b"; }
.icon-safari:before { content: "\e61c"; }
.icon-opera:before { content: "\e620"; }
.icon-ie:before { content: "\e621"; }
.icon-firefox:before { content: "\e622"; }
.icon-link:before { content: "\e623"; }
.icon-new-tab:before { content: "\e624"; }
.icon-gplus:before { content: "\e625"; }
.icon-gplus-squared:before { content: "\e626"; }
.icon-facebook-rect:before { content: "\e627"; }
.icon-facebook:before { content: "\e628"; }
.icon-twitter:before { content: "\e629"; }
.icon-twitter-rect:before { content: "\e62a"; }
.icon-flickr:before { content: "\e62b"; }
.icon-pinterest:before { content: "\e6e3"; }
.icon-pinterest-circled:before { content: "\e6e1"; }
.icon-pinterest-rect:before { content: "\e62c"; }
.icon-rss:before { content: "\e62d"; }
.icon-vimeo:before { content: "\e62e"; }
.icon-cupcake:before { content: "\e62f"; }
.icon-raceflag:before { content: "\e630"; }
.icon-speaker:before { content: "\e631"; }
.icon-th-large:before { content: "\e632"; }
.icon-lock:before { content: "\e633"; }
.icon-unlock:before { content: "\e634"; }
.icon-alarm:before { content: "\e635"; }
.icon-clock:before { content: "\e636"; }
.icon-coffee:before { content: "\e637"; }
.icon-building:before { content: "\e638"; }
.icon-metro:before { content: "\e639"; }
.icon-automobile:before { content: "\e63a"; }
.icon-bus:before { content: "\e63b"; }
.icon-shipping:before { content: "\e63c"; }
.icon-warmedal:before { content: "\e63d"; }
.icon-crown:before { content: "\e63e"; }
.icon-doc:before { content: "\e63f"; }
.icon-docs:before { content: "\e640"; }
.icon-resize-full:before { content: "\e641"; }
.icon-download:before { content: "\e643"; }
.icon-upload:before { content: "\e644"; }
.icon-plus:before { content: "\e645"; }
.icon-minus:before { content: "\e646"; }
.icon-evernote:before { content: "\e647"; }
.icon-martini:before { content: "\e648"; }
.icon-trophy:before { content: "\e649"; }
.icon-podium:before { content: "\e64a"; }
.icon-google:before { content: "\e64b"; }
.icon-popup:before { content: "\e64c"; }
.comment-reply-link:before,
.icon-pencil:before { content: "\e64d"; }
.icon-blocked:before { content: "\e64e"; }
.icon-checkbox-checked:before { content: "\e64f"; }
/*blockquote:after,*/
.icon-quote-right:before { content: "\e650"; }
/*blockquote:before,*/
.icon-quote-left:before { content: "\e651"; }
.icon-cmd:before { content: "\e652"; }
.icon-terminal:before { content: "\e653"; }
.icon-finder:before { content: "\e654"; }
.icon-bookmark:before { content: "\e655"; }
.star-rating .star-full:before,
.icon-star:before { content: "\e656"; }
.star-rating .star-half:before,
.icon-star-half:before { content: "\e657"; }
.star-rating .star-empty:before,
.icon-star-empty:before { content: "\e658"; }
.icon-yahoo:before { content: "\e659"; }
.icon-eye:before { content: "\e65a"; }
.icon-wordpress:before { content: "\e65b"; }
.icon-podcast:before { content: "\e65c"; }
.icon-connection:before { content: "\e65d"; }
.icon-volume-up:before { content: "\e65e"; }
.icon-volume-off:before { content: "\e65f"; }
.icon-404:before { content: "\e660"; }
.icon-paypal:before { content: "\e661"; }
.icon-visa:before { content: "\e6c8"; }
.icon-mastercard:before { content: "\e6c9"; }
.icon-mobile:before { content: "\e662"; }
.icon-desktop:before { content: "\e663"; }
.icon-login:before { content: "\e664"; }
.icon-logout:before { content: "\e665"; }
.icon-food:before { content: "\e666"; }
.icon-facebook-circled:before { content: "\e667"; }
.icon-twitter-circled:before { content: "\e668"; }
.icon-rss-rect:before { content: "\e669"; }
.icon-rss-circled:before { content: "\e66a"; }
.icon-tumblr:before { content: "\e66b"; }
.icon-gift:before { content: "\e66c"; }
.icon-movie:before { content: "\e66d"; }
.icon-attach:before { content: "\e66e"; }
.icon-videocam:before { content: "\e66f"; }
.icon-list:before { content: "\e670"; }
.icon-equalizer:before { content: "\e671"; }
.icon-gplus-circled:before { content: "\e672"; }
.icon-ok-circled:before { content: "\e601"; }
.icon-left-circled:before { content: "\e673"; }
.icon-right-circled:before { content: "\e674"; }
.icon-up-circled:before { content: "\e675"; }
.icon-down-circled:before { content: "\e676"; }
.icon-video-play:before { content: "\e67d"; }
.icon-youtube-rect:before { content: "\e6e2"; }
.icon-youtube:before { content: "\e67e"; }
.icon-calendar:before { content: "\e67f"; }
td.gsc-search-button:before,
#searchform::before,
.icon-search:before { content: "\e680"; }
.icon-cross-circled:before { content: "\e681"; }
.icon-minus-ciecled:before { content: "\e682"; }
.icon-plus-circled:before { content: "\e683"; }
.icon-appstore:before,
.icon-apple:before { content: "\e684"; }
.icon-windows:before { content: "\e685"; }
.icon-android:before { content: "\e686"; }
.icon-linux:before { content: "\e687"; }
.icon-tag:before { content: "\e688"; }
.icon-tags:before { content: "\e689"; }
.icon-comment:before { content: "\e68a"; }
.icon-comments:before { content: "\e68b"; }
.icon-user:before { content: "\e68c"; }
.icon-users:before { content: "\e68d"; }
.icon-folder:before { content: "\e68e"; }
.icon-folder-open:before { content: "\e68f"; }
.icon-folder-alt:before { content: "\e690"; }
.icon-folder-open-alt:before { content: "\e691"; }
.icon-comment-alt:before { content: "\e692"; }
.icon-dropbox:before { content: "\e694"; }
.icon-heart-empty:before { content: "\e695"; }
.icon-heart:before { content: "\e696"; }
.icon-thumbs-down:before { content: "\e697"; }
.icon-thumbs-up:before { content: "\e698"; }
.icon-right-hand:before { content: "\e699"; }
.icon-left-hand:before { content: "\e69a"; }
.icon-up-hand:before { content: "\e69b"; }
.icon-down-hand:before { content: "\e69c"; }
.icon-cog:before { content: "\e69d"; }
.icon-print:before { content: "\e69e"; }
.icon-plane:before { content: "\e69f"; }
.icon-zoom-in:before { content: "\e6a0"; }
.icon-zoom-out:before { content: "\e6a1"; }
.icon-laptop:before { content: "\e6a2"; }
.icon-globe:before { content: "\e6a3"; }
.nivo-prevNav:before,
.icon-angle-circled-left:before { content: "\e677"; }
.nivo-nextNav:before,
.icon-angle-circled-right:before { content: "\e678"; }
.icon-angle-circled-up:before { content: "\e679"; }
.icon-angle-circled-down:before { content: "\e67a"; }
.icon-angle-left:before { content: "\e6a7"; }
.widget_pages li ul li a:before,
.widget_nav_menu li ul li a:before,
.widget_categories li ul li a:before,
.widget_mycategoryorder li ul li a:before,
.icon-angle-right:before { content: "\e6a8"; }
.icon-angle-up:before { content: "\e6a9"; }
.icon-angle-down:before { content: "\e6aa"; }
.icon-double-angle-left:before { content: "\e6be"; }
.icon-double-angle-right:before { content: "\e6bf"; }
.icon-double-angle-up:before { content: "\e6c0"; }
.icon-double-angle-down:before { content: "\e6c1"; }
#hd-slideshow .button-previous:before,
.icon-left-open:before { content: "\e6a4"; }
.icon-down-open:before { content: "\e6a5"; }
.icon-up-open:before { content: "\e6a6"; }
.icon-info:before { content: "\e6ab"; }
.icon-triangle-right:before { content: "\e6ac"; }
.icon-triangle-up:before { content: "\e6ad"; }
ul#global_menu_ul li.menu-item-has-children > .menu-link:before,
.icon-triangle-down:before { content: "\e6ae"; }
.icon-triangle-left:before { content: "\e6af"; }
.icon-leaf:before { content: "\e6b0"; }
.icon-bookmark-narrow:before { content: "\e6b1"; }
.icon-bag:before { content: "\e6b2"; }
.icon-info-circled:before { content: "\e6b3"; }
.icon-attention:before { content: "\e6b4"; }
.icon-help-circled:before { content: "\e6b5"; }
.icon-help:before { content: "\e6b6"; }
.icon-ccw:before { content: "\e6b7"; }
.icon-cw:before { content: "\e6b8"; }
#hd-slideshow .button-next:before,
.dp_breadcrumb ul li:after,
.icon-right-open:before { content: "\e6b9"; }
.icon-starburst:before { content: "\e6ba"; }
.icon-written-doc:before { content: "\e6bb"; }
.icon-camera:before { content: "\e6bc"; }
.icon-basket:before { content: "\e6bd"; }
.icon-torigate:before { content: "\e6c3"; }
.icon-christmastree:before { content: "\e6c4"; }
.icon-email:before { content: "\e6c5"; }
.icon-safe:before { content: "\e6ca"; }
.icon-dollar:before { content: "\e6cb"; }
.icon-dollar2:before { content: "\e6cc"; }
.icon-basket2:before { content: "\e6cd"; }
.icon-credit:before { content: "\e6ce"; }
.icon-ambulance:before { content: "\e6d0"; }
.icon-cogs:before { content: "\e6cf"; }
.icon-hospital:before { content: "\e6d1"; }
.icon-arrow-left-pop:before { content: "\e6d3"; }
.icon-arrow-right-pop:before { content: "\e6d4"; }
.icon-arrow-up-pop:before { content: "\e6d5"; }
.icon-arrow-down-pop:before { content: "\e6d6"; }
.icon-code:before { content: "\e6d2"; }
.icon-palette:before { content: "\e6dd"; }
.icon-trash-empty:before { content: "\e6de"; }
.icon-trash-full:before { content: "\e6df"; }
.icon-dot:before { content: "\e6dc"; }
.icon-left-light:before { content: "\e6d7"; }
.icon-right-light:before { content: "\e6d8"; }
.icon-up-light:before { content: "\e6d9"; }
.icon-down-light:before { content: "\e6da"; }
.icon-spaced-menu:before { content: "\e6db"; }
.icon-instagram:before { content: "\e6e0"; }
.icon-triangle-up-down:before { content: "\e6f5"; }
.icon-baby:before { content: "\e6e4"; }
.icon-finger-slide-up:before { content: "\e6e6"; }
.icon-finger-slide-down:before { content: "\e6e7"; }
.icon-finger-tap:before { content: "\e6ea"; }
.icon-finger-pinch-out:before { content: "\e6eb"; }
.icon-finger-pinch-in:before { content: "\e6ec"; }
.icon-finger-point:before { content: "\e6f1"; }
.icon-book-open:before { content: "\e6ed"; }
.icon-man:before { content: "\e6ee"; }
.icon-woman:before { content: "\e6ef"; }
.icon-database:before { content: "\e6f0"; }
.icon-keyboard:before { content: "\e6f3"; }
.icon-powercord:before { content: "\e6f4"; }
.icon-beer:before { content: "\e6f7"; }
.icon-amazon:before { content: "\e6f8"; }
.icon-game-pad:before { content: "\e6f9"; }
.icon-hatebu:before { content: "\e6f6"; }
.icon-piano:before { content: "\e6fb"; }
.icon-ticket:before { content: "\e6fc"; }
.button-control.action-start:before,
.icon-play:before { content: "\e6fd"; }
.button-control.action-stop:before,
.icon-pause:before { content: "\e6fe"; }
.icon-stop:before { content: "\e6ff"; }
.icon-backward:before { content: "\e700"; }
.icon-forward:before { content: "\e701"; }
.icon-first:before { content: "\e702"; }
.icon-last:before { content: "\e703"; }
.icon-previous:before { content: "\e704"; }
.icon-next:before { content: "\e705"; }
.icon-spinner:before { content: "\e706"; }
.icon-spinner2:before { content: "\e707"; }
.icon-spinner3:before { content: "\e708"; }
.icon-spinner4:before { content: "\e709"; }
.icon-spinner5:before { content: "\e70a"; }
.icon-spinner6:before { content: "\e70b"; }
.icon-spinner7:before { content: "\e70c"; }
.dp_spinner:before,
.icon-spinner8:before { content: "\e70d"; }
.icon-spinner9:before { content: "\e70e"; }
.icon-spinner10:before { content: "\e70f"; }
.icon-creativecommons:before { content: "\e711"; }
.icon-spam:before { content: "\e710"; }
.icon-microphone:before { content: "\e712"; }
.icon-microphone-off:before { content: "\e713"; }
.icon-microphone2:before { content: "\e717"; }
.icon-box2:before { content: "\e714"; }
.icon-box-opened:before { content: "\e715"; }
.icon-box:before { content: "\e716"; }
.icon-zip:before { content: "\e718"; }
.icon-book:before { content: "\e91f"; }
.icon-minus2:before { content: "\e719"; }
.icon-plus2:before { content: "\e71a"; }
.icon-cross:before { content: "\e71b"; }
.icon-cake:before { content: "\e243"; }
.icon-update:before { content: "\ea2e"; }
.icon-html5:before { content: "\e71c"; }
.icon-css3:before { content: "\e71d"; }
.icon-yen:before { content: "\e900"; }
.icon-coin-yen:before { content: "\e901"; }
.icon-new1:before { content: "\e905"; }
.icon-new2:before { content: "\e902"; }
.icon-new3:before { content: "\e904"; }
.icon-new4:before { content: "\e903"; }
.icon-google-drive:before { content: "\eeee"; }
.icon-dot-menu:before { content: "\ec6a"; }
.icon-dot-menu2:before { content: "\ec5c"; }
.icon-location:before { content: "\ea38"; }
.icon-location2:before { content: "\ea39"; }
.icon-cube3:before { content: "\ec1a"; }
.icon-cube4:before { content: "\ec1b"; }
.icon-code2:before { content: "\eed1"; }
.icon-onedrive:before { content: "\ef0e"; }
.icon-soundcloud:before { content: "\ef22"; }
.icon-soundcloud2:before { content: "\ef23"; }
.icon-sun:before { content: "\e908"; }
.icon-sun2:before { content: "\e909"; }
.icon-moon:before { content: "\e906"; }
.icon-moon2:before { content: "\e907"; }
.icon-share:before { content: "\e25a"; }
.icon-bed:before { content: "\ecdd"; }
.icon-sofa:before { content: "\ecde"; }
.icon-diving-goggle:before { content: "\e90a"; }
.icon-sports-shoe:before { content: "\e90b"; }
.icon-sports-shoe2:before { content: "\e90c"; }
.icon-display:before { content: "\ea75"; }
.icon-t-shirt::before { content: "\e90d"; }
.icon-edge::before { content: "\ef3b"; }
.icon-wakaba-mark::before { content: "\e910"; }
.icon-bicycle::before { content: "\e1d3"; }
.icon-ferry::before { content: "\e1cc"; }
.icon-train::before { content: "\e1ce"; }
.icon-walk::before { content: "\e1d0"; }
.icon-rest::before { content: "\e1d2"; }
.icon-window::before { content: "\e918"; }
.icon-disc::before { content: "\ea8f"; }
.icon-key-a::before { content: "\ee5d"; }
.icon-one-finger-swipe-left::before { content: "\e912"; }
.icon-one-finger-swipe-right::before { content: "\e913"; }
.icon-one-finger-swipe-up::before { content: "\e914"; }
.icon-one-finger-swipe-down::before { content: "\e915"; }
.icon-yen2::before { content: "\e761"; }
.icon-lamp::before { content: "\e7bc"; }
.icon-store::before { content: "\e9fd"; }
.icon-line::before { content: "\e90e"; }
.icon-line-spacing::before { content: "\e9ac"; }
.icon-sort-asc::before { content: "\ee50"; }
.icon-sort-desc::before { content: "\ee51"; }

.b-post.b-page.m-simple a.btn {
  display: inline-block;
  overflow: hidden;
  color: #fff;
}
.b-post.b-page.m-simple .btn::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -25%;
  width: 60%;
  height: 200%;
  background-color: rgba(255,255,255,0.2);
  z-index: 1;
  -ms-transform-origin: 0 0;
  transform-origin: 0 center;
  transform: translateY(-50%) rotate(-15deg);
  transition: all .3s ease-in-out;
}
.b-post.b-page.m-simple .btn::before,
.b-post.b-page.m-simple .label::before {
  display: inline-block;
  position: relative;
}
.b-post.b-page.m-simple .btn {
  cursor: pointer;
  padding: 14px 22px;
  margin: 10px 0;
  line-height: normal;
  -webkit-transform: translateZ(0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  color: #fff;
  text-shadow: none;
  background-color: #999;
}
.lp__wrapper{padding:0 2em;}
@media screen and (max-width:768px) {.lp__wrapper{padding:0 !important;}}
.lp__wrapper .keyvisual{border-radius:6px; margin:0em;}
.nayami__wrapper{display:flex;flex-wrap:wrap; margin:0em auto 1.7em;}
.nayami__inner{width:50%; padding:0em 1.4em 2.8em 1.4em; position:relative;}
.nayami__balloon{margin:0 !important; width:52px !important; position:absolute; top:-14px; left:8px}
@media screen and (max-width:768px) {.nayami__balloon{top:15px; left:5px}}
@media screen and (max-width:768px) {.nayami__wrapper{margin-top:0em auto 2em;} .nayami__inner{width:100%; padding:0.5em; margin-bottom:2em;}}
.lp__wrapper h2{font-size:23px; border-left:none; text-align:center; margin:0 0 0.5em;}
@media screen and (max-width:768px){.lp__wrapper h2{font-size:19px; text-align:left; margin:0;}}
.lp__wrapper h2 .h2__subtext{font-size:15px; display:block; margin:0em 0em; font-weight:normal;}
.lp__wrapper h3{margin: 0 !important; padding:0.6em 0.5em 0.6em 2em !important;font-size:17px; color:#00A3BC; border-left:none; text-align:center;border-top:1px solid #00A3BC; border-bottom:1px dashed #00A3BC;}
@media screen and (max-width:768px) {.lp__wrapper h3{padding:0.8em 0.1em 0.8em 3.9em !important; font-size:16px; text-align:left;border-top:1px solid #00A3BC;border-bottom:1px dashed #00A3BC;}}
.nayami__inner ul{margin-top:0em;}
.lp__wrapper ul{padding-bottom:0; margin-left:1.4em;}
@media screen and (max-width:768px) {.lp__wrapper ul{margin-left:1.8em;}}
.entry ul li:before{background-color:#3EB3BA;}
.lecture__content__beginner ul li:before{background-color:#3EB3BA;}
.lecture__content__intermidiate ul li:before{background-color:#F2CB14;}
.lecture__tabs{letter-spacing:0.13em; display:flex; flex-wrap:wrap; justify-content: space-between; font-size:17px;}
.lecture__tab__beginner {box-sizing:border-box; width:49.8%; text-align:center; background:#111; border:4px solid #01A2B9; border-bottom:0; font-weight:bold; padding:.5em 0; border-radius:10px 10px 0 0; color:#00A3BC; cursor:pointer;}
.lecture__tab__intermidiate {box-sizing:border-box; width:49.8%; text-align:center; background:#ecc200; border:4px solid #ecc200; border-bottom:0; font-weight:bold; padding:.5em 0; border-radius:10px 10px 0 0; color:#111; cursor:pointer;}
@media screen and (min-width:768px){.lecture__tab:hover{opacity:0.7;text-decoration:underline;}}
@media screen and (max-width:768px){.lecture__tab{padding:.3em 0; font-size:16px;}}
.lecture__tabs .active{background:#01A2B9; color:#FFF;}
.lecture__contents{margin:0 0 4em; padding:1.5em 2.5em; border:5px solid #01A2B9;}
.lecture__content h4{color:#333; text-align:left; font-size:18px; padding:.7em 0em; border-top:1px solid #111; border-bottom:1px dashed #111; border-left:none; margin:1em 0 !important; letter-spacing:.1em;}
@media screen and (max-width:768px) {.lecture__contents{padding:1.5em 1em;}.lecture__content h4{font-size:16px;text-align:left;}}
.lecture__each{padding-bottom:1.9em;}
.lecture__content ul{margin-left:1.6em; display:inline-block; vertical-align:top; width:60%;}
@media screen and (max-width:768px) {.lecture__content ul{width:auto;}}
.lecture__thumb{width:32%; display:inline-block; margin:0em;}
.lecture__thumb img{margin:0 auto;}
.inquery__href{display:table; margin:0 auto;}
.inquery__btn{background:#00A3BC; color:#FFF; padding:.3em 1.5em; display:inline-block; font-weight:bold;}
.alert__text{text-align:center; font-weight:bold; font-size:20px; color:red; padding:4em 1em; background:#ffe5ee;}
@media screen and (max-width:768px){.alert__text{font-size:16px; text-align:left;padding:2em 1em;}}
@media screen and (max-width:768px){.sp-on{display:block;} .pc-on{display:none;} .text__center{text-align:center !important;}}
@media screen and (min-width:768px){.sp-on{display:none;} .pc-on{display:block;}}
@media screen and (min-width:768px){.voice::before{content:"＼";}.voice::after{content:"／";}}
img { -ms-interpolation-mode: bicubic; }
.wpcf7-response-output, div.wpcf7-validation-errors{width:auto;}
.box-red{background-color:#ffe6f8; color:#ff0072; border:none; padding:1.6em; font-weight:bold;}

.b-post.b-page.m-simple .b-postBody .entry {
  position: relative;
}
.b-page.m-simple .wpcf7 {
  margin-top: 30px;
}
.b-page.m-simple .wpcf7 .wpcf7-submit {
  font-size: 14px;
  min-width: 300px;
  padding: 1em;
  color: #fff;
}
.b-page.m-simple .b-postBody .wpcf7 p {
  margin-bottom: .3em;
}
.b-page.m-simple .b-postBody .wpcf7 p::after {
  content: "";
  display: block;
  clear: both;
}
.b-page.m-simple .wpcf7 .wpcf7-spinner {
  display: block;
}
.b-page.m-simple .wpcf7 input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
  aspect-ratio: 1/1;
    width: 1em;
    margin-right: 0.25em;
    vertical-align: middle;
    border: 1px solid var(--color-gray);
    border-radius: 2px;
    background-color: #fff;
}
.b-page.m-simple .wpcf7 input[type="checkbox"]:checked {
  background-color: #01afa8;
}
.b-page.m-simple .wpcf7 input[type="checkbox"]:focus {
    outline: 2px solid -webkit-focus-ring-color;
    outline-offset: 2px;
}

.b-mainTtl:has(.b-cautionTxt) {
  padding-bottom: 30px;
}

.b-mainTtl:has(.b-cautionTxt) .e-ttl {
  padding-bottom: 20px;
}
.b-mainTtl .b-cautionTxt {
 background: #dc0000;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  padding: .8em .3em 1em;
  border-radius: 20px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .b-mainTtl .b-cautionTxt {
    font-size: 20px;
  }
}