body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
li,
dl,
dt,
dd,
form,
nav,
header,
footer,
main,
article,
section,
aside,
figure,
figcaption {
  margin: 0;
  padding: 0;
}
body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}
ol,
ul,
li {
  list-style: none;
}
main {
  display: block;
}
main,
nav,
aside,
header,
article,
section,
footer,
figure,
ul,
li,
dl,
dt,
dd,
div,
p,
a,
span,
input,
select {
  box-sizing: border-box;
}
img {
  border: 0;
}
a {
  color: #1a1a1a;
  text-decoration: none;
  transition: color 0.2s, background-color 0.2s, opacity 0.2s;
}
a:hover {
  color: #76274a;
  text-decoration: underline;
}
a > img {
  vertical-align: bottom;
}
@media screen and (max-width: 530px) {
  br.pc {
    display: none;
  }
}
* {
  box-sizing: border-box;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table td,
table th {
  /* box-sizing: border-box */
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
  list-style-type: decimal !important;
  list-style-position: outside;
  margin-left: 36px;
  padding-left: 16px;
}
li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
  background-color: #272822!important;
}
pre.prettyprint {
  padding: 10px!important;
  margin-bottom: 30px!important;
}
.w100p {
  width: 100%!important;
}
.w90p {
  width: 90%!important;
}
.w80p {
  width: 80%!important;
}
.w70p {
  width: 70%!important;
}
.w60p {
  width: 60%!important;
}
.w50p {
  width: 50%!important;
}
.w40p {
  width: 40%!important;
}
.w30p {
  width: 30%!important;
}
.w20p {
  width: 20%!important;
}
.w10p {
  width: 10%!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;
}
.mb60 {
  margin-bottom: 60px!important;
}
.mb70 {
  margin-bottom: 70px!important;
}
.mb80 {
  margin-bottom: 80px!important;
}
.mb90 {
  margin-bottom: 90px!important;
}
.mb100 {
  margin-bottom: 100px!important;
}
.mt10 {
  margin-top: 10px!important;
}
.mt20 {
  margin-top: 20px!important;
}
.mt30 {
  margin-top: 30px!important;
}
.mt40 {
  margin-top: 40px!important;
}
.mt50 {
  margin-top: 50px!important;
}
.mt60 {
  margin-top: 60px!important;
}
.mt70 {
  margin-top: 70px!important;
}
.mt80 {
  margin-top: 80px!important;
}
.mt90 {
  margin-top: 90px!important;
}
.mt100 {
  margin-top: 100px!important;
}
@media screen and (max-width: 1120px) {
  .mb30 {
    margin-bottom: 20px!important;
  }
  .mb40 {
    margin-bottom: 30px!important;
  }
  .mb50 {
    margin-bottom: 30px!important;
  }
  .mb60 {
    margin-bottom: 30px!important;
  }
  .mb70 {
    margin-bottom: 30px!important;
  }
  .mb80 {
    margin-bottom: 30px!important;
  }
  .mb90 {
    margin-bottom: 30px!important;
  }
  .mb100 {
    margin-bottom: 30px!important;
  }
  .mt30 {
    margin-top: 20px!important;
  }
  .mt40 {
    margin-top: 30px!important;
  }
  .mt50 {
    margin-top: 30px!important;
  }
  .mt60 {
    margin-top: 30px!important;
  }
  .mt70 {
    margin-top: 30px!important;
  }
  .mt80 {
    margin-top: 30px!important;
  }
  .mt90 {
    margin-top: 30px!important;
  }
  .mt100 {
    margin-top: 30px!important;
  }
  .pbs10 {
    padding-bottom: 10px!important;
  }
}
html {
  height: 100%;
}
body {
  font-family: 'Noto Sans JP', "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #1a1a1a;
  height: 100%;
  overflow-x: hidden;
}
@media screen and (max-width: 1120px) {
  body {
    font-size: 14px;
  }
}
@media screen and (max-width: 1120px) {
  #page {
    min-width: 100%;
  }
}
/* ======================================= */
/*  コンテンツラッパー
/* ======================================= */
#wrapper {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1120px) {
  #wrapper {
    display: block;
  }
}
/* ======================================= */
/*  メインコンテンツ
/* ======================================= */
#main {
  flex: 1;
}
/* ======================================= */
/*  右カラムレイアウト
/* ======================================= */
#content {
  padding: 0 50px 0 0;
}
@media screen and (max-width: 1120px) {
  #content {
    padding: 0 30px;
  }
}
@media screen and (max-width: 530px) {
  #content {
    padding: 0 20px;
    margin-bottom: 60px;
  }
}
#content.top {
  padding: 0;
}
#content.blog {
  max-width: 1100px;
  margin: 0 auto;
}
/* ======================================= */
/*  共通ページヘッダー部分
/* ======================================= */
#header {
  width: 300px;
  position: relative;
}
@media screen and (max-width: 1120px) {
  #header {
    width: 100%;
  }
}
#header_in {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 95px 0 60px 60px;
}
@media screen and (max-width: 1120px) {
  #header_in {
    padding: 20px;
  }
}
@media screen and (max-width: 530px) {
  #header_in {
    padding: 10px 20px;
  }
}
#header_in h1 {
  width: 180px;
  height: 68px;
  margin-bottom: 80px;
}
@media screen and (max-width: 1120px) {
  #header_in h1 {
    margin: 0 auto;
  }
}
@media screen and (max-width: 530px) {
  #header_in h1 {
    margin: 0;
    width: 120px;
    height: 40px;
  }
}
#header_in h1 a {
  display: block;
  width: 100%;
  height: 100%;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  background: url(../img/logo.svg) no-repeat center center;
}
#header_in h1 a:hover {
  opacity: 0.7;
}
#header_in .sns {
  margin-top: 100px;
  padding-right: 60px;
}
@media screen and (max-width: 1120px) {
  #header_in .sns {
    display: none;
  }
}
@media screen and (max-width: 1120px) {
  #gnav {
    display: none;
  }
}
#gnav ul li {
  width: 100%;
  padding-left: 43px;
  height: 38px;
  margin-bottom: 30px;
}
#gnav ul li.about {
  background: url(../img/icon_about.png) no-repeat left center;
  background-size: 38px 38px;
}
#gnav ul li.flower {
  background: url(../img/icon_flower.png) no-repeat left center;
  background-size: 38px 38px;
}
#gnav ul li.corp {
  background: url(../img/icon_corporation.png) no-repeat left center;
  background-size: 38px 38px;
}
#gnav ul li.workshop {
  background: url(../img/icon_workshop.png) no-repeat left center;
  background-size: 38px 38px;
}
#gnav ul li.shop {
  background: url(../img/icon_shop.png) no-repeat left center;
  background-size: 38px 38px;
}
#gnav ul li:nth-last-child(1) {
  margin-bottom: 0;
}
#gnav ul li a {
  display: block;
  height: 38px;
  line-height: 38px;
}
#gnav ul li a span {
  display: none;
}
#gnav ul li a b {
  padding-left: 10px;
}
#gnav ul li a:hover {
  text-decoration: none;
}
#gnav ul li a:hover span {
  display: block;
  font-weight: bold;
  background: #76274a;
  color: #FFF;
  padding-left: 10px;
}
#gnav ul li a:hover b {
  display: none;
}
#hnav {
  width: 370px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  
}
@media screen and (max-width: 1120px) {
  #hnav {
    top: 120px;
  }
}
@media screen and (max-width: 920px) {
  #hnav {
    display: none;
  }
}
#hnav a {
  width: 180px;
}
.admin-bar #hnav {
  top: 50px;
}
@media screen and (max-width: 1120px) {
  .admin-bar #hnav {
    top: 150px;
  }
}
/* ======================================= */
/*  その他のコンテンツ
/* ======================================= */
#other {
  margin-bottom: 100px;
}
#other ul {
  max-width: 840px;
  margin: 0 auto;
  border-top: 2px dotted #76274a;
  display: flex;
  flex-wrap: wrap;
}
#other ul li {
  width: 33.33%;
  height: 120px;
}
#other ul li:nth-child(1) {
  border-right: 2px dotted #76274a;
  border-bottom: 2px dotted #76274a;
  width: 50%;
}
#other ul li:nth-child(2) {
  border-bottom: 2px dotted #76274a;
  width: 50%;
}
#other ul li:nth-child(3),
#other ul li:nth-child(4) {
  border-right: 2px dotted #76274a;
}
@media screen and (max-width: 920px) {
  #other ul li {
    height: 80px;
    width: 100%!important;
    border-right: none!important;
    border-bottom: 2px dotted #76274a !important;
  }
  #other ul li:nth-child(5) {
    border-bottom: none!important;
  }
}
#other ul li a {
  padding: 0 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 530px) {
  #other ul li a {
    padding: 0 15px;
  }
}
#other ul li a .icon {
  width: 60px;
  height: 60px;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  margin-right: 20px;
  border-radius: 30px;
}
#other ul li a .icon.blog {
  background: #FFF url(../img/icon_blog.png) no-repeat center center;
  background-size: 60px 60px;
}
#other ul li a .icon.insta {
  background: #FFF url(../img/instagram.png) no-repeat center center;
  background-size: 60px 60px;
}
#other ul li a .icon.ordermade {
  background: #FFF url(../img/icon_guide03.png) no-repeat center center;
}
#other ul li a .icon.semiorder {
  background: #FFF url(../img/icon_guide04.png) no-repeat center center;
}
#other ul li a .icon.workshop {
  background: #FFF url(../img/icon_guide05.png) no-repeat center center;
}
#other ul li a .icon.line {
  background: #FFF url(../img/line.svg) no-repeat center center;
}
#other ul li a .title {
  flex: 1;
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 920px) {
  #other ul li a .title {
    text-align: left;
  }
}
@media screen and (max-width: 530px) {
  #other ul li a .title {
    font-size: 14px;
    line-height: 1.5;
  }
}
#other ul li a:hover {
  text-decoration: none;
  background: rgba(118, 39, 74, 0.7);
  color: #FFF;
}
/* ======================================= */
/*  共通ページフッター部分
/* ======================================= */
#footer {
  width: 100%;
  border-top: 2px dotted #76274a;
  padding-top: 50px;
}
#footer_in {
  margin: 0 auto;
  padding-bottom: 40px;
  width: 1080px;
}
@media screen and (max-width: 1120px) {
  #footer_in {
    padding: 0 20px 30px;
    width: 100%;
  }
}
#footer_company {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 920px) {
  #footer_company {
    display: block;
  }
}
#footer_company:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -1px;
  height: 2px;
  border-top: 2px dotted #76274a;
  z-index: 1;
}
@media screen and (max-width: 920px) {
  #footer_company:before {
    display: none;
  }
}
#footer_company h2 {
  width: 210px;
  height: 58px;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  background: #FFF url(../img/logo.svg) no-repeat left center;
  background-size: 180px 58px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 920px) {
  #footer_company h2 {
    width: 180px;
    margin: 0 auto 20px;
  }
}
#footer_company .address {
  background: #FFF;
  position: relative;
  z-index: 1;
  padding-left: 30px;
}
#footer_company .address br {
  display: none;
}
@media screen and (max-width: 920px) {
  #footer_company .address {
    padding: 0;
    text-align: center;
  }
}
@media screen and (max-width: 530px) {
  #footer_company .address span {
    display: none;
  }
  #footer_company .address br {
    display: block;
  }
}
#footer_cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 920px) {
  #footer_cols {
    display: block;
  }
}
@media screen and (max-width: 920px) {
  #footer_nav {
    margin-bottom: 20px;
  }
}
#footer_nav ul {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -ms-grid-rows: (auto)[7];
      grid-template-rows: repeat(7, auto);
  -ms-grid-columns: (auto)[2];
      grid-template-columns: repeat(2, auto);
  margin-bottom: 20px;
}
#footer_nav ul li {
  position: relative;
  padding-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}
#footer_nav ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/line_list.svg) no-repeat center center;
  width: 12px;
  height: 100%;
}
#footer_nav ul li:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}
#footer_nav ul li:nth-child(2) {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
}
#footer_nav ul li:nth-child(3) {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
}
#footer_nav ul li:nth-child(4) {
  -ms-grid-column: 1;
  -ms-grid-row: 4;
}
#footer_nav ul li:nth-child(5) {
  -ms-grid-column: 1;
  -ms-grid-row: 5;
}
#footer_nav ul li:nth-child(6) {
  -ms-grid-column: 1;
  -ms-grid-row: 6;
}
#footer_nav ul li:nth-child(7) {
  -ms-grid-column: 1;
  -ms-grid-row: 7;
}
#footer_nav ul li:nth-child(8) {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}
#footer_nav ul li:nth-child(9) {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
}
#footer_nav ul li:nth-child(10) {
  -ms-grid-column: 2;
  -ms-grid-row: 3;
}
#footer_nav ul li:nth-child(11) {
  -ms-grid-column: 2;
  -ms-grid-row: 4;
}
#footer_nav ul li:nth-child(12) {
  -ms-grid-column: 2;
  -ms-grid-row: 5;
}
#footer_nav ul li:nth-child(13) {
  -ms-grid-column: 2;
  -ms-grid-row: 6;
}
#footer_nav ul li:nth-child(14) {
  -ms-grid-column: 2;
  -ms-grid-row: 7;
}
#footer_cal {
  width: 480px;
  border: 1px solid #76274a;
}
@media screen and (max-width: 920px) {
  #footer_cal {
    width: 100%;
  }
}
#footer_cal h2 {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#footer_cal h2 span {
  height: 50px;
  line-height: 50px;
  padding-left: 30px;
  background: url(../img/icon_cal.svg) no-repeat left center;
  background-size: 16px 17px;
}
#footer_cal h2 em {
  font-style: normal;
  color: #76274a;
}
#footer_cal_in {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 10px;
}
@media screen and (max-width: 920px) {
  #footer_cal_in {
    justify-content: space-around;
  }
}
@media screen and (max-width: 530px) {
  #footer_cal_in .biz_calendar {
    width: 100%;
  }
}
#footer_cal_in .biz_calendar h3 {
  background: #76274a;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  height: 30px;
  line-height: 30px;
}
#footer_cal_in .biz_calendar h3 span {
  margin-left: 5px;
  font-size: 18px;
}
#footer_cal_in .biz_calendar .calhead {
  display: flex;
  flex-wrap: wrap;
  width: 239px;
  padding: 0 14px;
  border-bottom: 1px solid #76274a;
  margin-bottom: 6px;
}
@media screen and (max-width: 530px) {
  #footer_cal_in .biz_calendar .calhead {
    width: 100%;
    justify-content: center;
  }
}
#footer_cal_in .biz_calendar .calhead li {
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  margin-right: 7px;
}
#footer_cal_in .biz_calendar .calhead li:nth-child(7n) {
  margin-right: 0;
}
#footer_cal_in .biz_calendar .bizcal {
  display: flex;
  flex-wrap: wrap;
  width: 239px;
  padding: 0 14px;
}
@media screen and (max-width: 530px) {
  #footer_cal_in .biz_calendar .bizcal {
    margin: 0 auto;
  }
}
#footer_cal_in .biz_calendar .bizcal li {
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  margin-right: 7px;
  margin-bottom: 6px;
}
#footer_cal_in .biz_calendar .bizcal li:nth-child(7n) {
  margin-right: 0;
}
#footer_cal_in .biz_calendar .bizcal li.holiday {
  background: #76274a;
  color: #FFF;
  border-radius: 12px;
}
#footer_cal .open_box {
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  border-top: 1px solid #76274a;
}
#footer_cal .open_box h3 {
  padding: 2px;
  width: 15%;
  font-size: 13px!important;
  background: rgba(118, 39, 74, 0.1);
  text-align: center;
}
@media screen and (max-width: 530px) {
  #footer_cal .open_box h3 {
    width: 20%;
  }
}
#footer_cal .open_box p {
  padding: 2px 10px;
  flex: 1;
}
/* ======================================= */
/*  コピーライト
/* ======================================= */
#copyright {
  background: #76274a;
  color: #FFF;
  text-align: center;
  line-height: 60px;
  height: 60px;
  font-size: 12px;
  font-family: 'Comfortaa', cursive, 'Noto Sans JP', "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
@media screen and (max-width: 530px) {
  #copyright {
    text-align: center;
  }
}
/* ======================================= */
/*  汎用ボックス
/* ======================================= */
.box,
.box_sub {
  padding-bottom: 50px;
}
@media screen and (max-width: 1120px) {
  .box,
  .box_sub {
    padding: 0 30px 50px;
  }
}
@media screen and (max-width: 530px) {
  .box,
  .box_sub {
    padding: 0 20px 30px;
  }
}
.box .btn_more,
.box_sub .btn_more {
  margin: 0 auto;
}
@media screen and (max-width: 530px) {
  .box_sub {
    padding: 0 0 30px;
  }
}
/* ======================================= */
/*  見出しパーツ
/* ======================================= */
.hd_parts {
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
  position: relative;
}
.hd_parts h2 {
  text-align: center;
  font-size: 24px;
  font-family: 'Comfortaa', cursive, 'Noto Sans JP', "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  position: relative;
  margin: 0 auto;
  color: #76274a;
}
.hd_parts h2:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  margin-top: -1px;
  height: 2px;
  width: 100%;
  border-top: 1px solid #76274a;
  z-index: 1;
}
.hd_parts h2 span {
  position: relative;
  z-index: 2;
  background: #FFF;
  padding: 0 40px;
}
/* ======================================= */
/*  箇条書き「※」
/* ======================================= */
.kome > li {
  text-indent: -1em;
  padding-left: 1em;
}
.kome > li:before {
  content: "※";
  margin-right: 10px;
}
/* ======================================= */
/*  オレンジ色のリンク
/* ======================================= */
a.orange {
  display: inline-block;
  color: #bf3e13;
  font-weight: bold;
  padding-left: 16px;
  background: url(../img/arrow_red.svg) no-repeat left center;
  background-size: 6px 12px;
}
.gmap {
  border-top: 2px dotted #76274a;
  width: 100%;
  height: 500px;
}
.concept {
  font-weight: 600;
  font-size: 22px;
  line-height: 2.4;
  color: #76274a;
}
@media screen and (max-width: 530px) {
  .concept {
    font-size: 17px;
    line-height: 1.8;
    text-align: left!important;
  }
  .concept br {
    display: none;
  }
}
.img img {
  width: 100%!important;
  height: auto!important;
}
.situation {
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 530px) {
  .situation {
    font-size: 1.2em;
  }
}
strong {
  color: #76274a;
  position: relative;
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
/* ======================================= */
/* Footer Storeボタン */
/* ======================================= */
.btn_store {
  display: block;
  height: 40px;
  width: 260px;
  border: 1px solid #76274a;
  color: #76274a;
  line-height: 38px;
  font-weight: bold;
  text-align: center;
  background: url(../img/icon_cart_b.svg) no-repeat left 10px center;
  background-size: 18px 17px;
  margin-bottom: 20px;
}
.btn_store:hover {
  color: #FFF;
  background: rgba(118, 39, 74, 0.8) url(../img/icon_cart_w.svg) no-repeat left 10px center;
  background-size: 18px 17px;
  text-decoration: none;
}
@media screen and (max-width: 920px) {
  .btn_store {
    margin: 0 auto;
  }
}
.btn_small {
  display: block;
  height: 40px;
  width: 260px;
  border: 1px solid #76274a;
  color: #76274a;
  line-height: 38px;
  font-weight: bold;
  text-align: center;
}
.btn_small:hover {
  color: #FFF;
  background: rgba(118, 39, 74, 0.8);
  text-decoration: none;
}
@media screen and (max-width: 920px) {
  .btn_small {
    margin: 0 auto;
  }
}
/* ======================================= */
/* View Moreボタン */
/* ======================================= */
.btn_more {
  display: block;
  height: 50px;
  width: 360px;
  line-height: 46px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  background: #76274a url(../img/arrow_white.svg) no-repeat right 10px center;
  background-size: 6px 12px;
  border: 2px solid #76274a;
}
.btn_more:hover {
  color: #76274a;
  background: #FFF url(../img/arrow_red.svg) no-repeat right 10px center;
  background-size: 6px 12px;
  text-decoration: none;
}
@media screen and (max-width: 920px) {
  .btn_more {
    margin: 0 auto;
  }
}
@media screen and (max-width: 530px) {
  .btn_more {
    width: 100%;
  }
}
/* ======================================= */
/* ヘッダー部ストアボタン */
/* ======================================= */
.btn_store_s {
  display: block;
  height: 40px;
  width: 100%;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  padding-left: 18px;
  color: #FFF;
  border: 2px solid #76274a;
  background: #76274a url(../img/icon_cart_w.svg) no-repeat left 10px center;
  background-size: 18px 17px;
}
.btn_store_s:hover {
  color: #76274a;
  background: #FFF url(../img/icon_cart_b.svg) no-repeat left 10px center;
  background-size: 18px 17px;
  text-decoration: none;
}
@media screen and (max-width: 920px) {
  .btn_store_s {
    margin: 0 auto;
  }
}
/* ======================================= */
/* ヘッダー部問い合わせボタン */
/* ======================================= */
.btn_contact_s {
  display: block;
  height: 40px;
  width: 100%;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  padding-left: 18px;
  color: #FFF;
  border: 2px solid #76274a;
  background: #76274a url(../img/icon_mail_w.svg) no-repeat left 10px center;
  background-size: 18px 17px;
}
.btn_contact_s:hover {
  color: #76274a;
  background: #FFF url(../img/icon_mail_b.svg) no-repeat left 10px center;
  background-size: 18px 17px;
  text-decoration: none;
}
@media screen and (max-width: 920px) {
  .btn_contact_s {
    margin: 0 auto;
  }
}
/* ======================================= */
/* 電話をかけるボタン */
/* ======================================= */
.btn_tel_s {
  display: block;
  height: 40px;
  width: 100%;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  padding-left: 18px;
  color: #FFF;
  border: 2px solid #76274a;
  background: #76274a url(../img/icon_tel_w.svg) no-repeat left 10px center;
  background-size: 18px 17px;
}
.btn_tel_s:hover {
  color: #76274a;
  background: #FFF url(../img/icon_tel_b.svg) no-repeat left 10px center;
  background-size: 18px 17px;
  text-decoration: none;
}
@media screen and (max-width: 920px) {
  .btn_tel_s {
    margin: 0 auto;
  }
}
/* ======================================= */
/* 商品詳細ストアボタン */
/* ======================================= */
.btn_order_d {
  display: block;
  width: 100%;
  height: 45px;
  color: #76274a;
  border: 2px solid #76274a;
  background: #76274a url(../img/icon_cart_w.svg) no-repeat left 10px center;
  background-size: 18px 17px;
  padding-left: 20px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  line-height: 41px;
  margin-bottom: 20px;
}
.btn_order_d:hover {
  color: #FFF;
  background-color: rgba(118, 39, 74, 0.6);
  text-decoration: none;
}
/* ======================================= */
/* 商品詳細ストアボタン */
/* ======================================= */
.btn_contact_d {
  display: block;
  width: 100%;
  height: 40px;
  color: #76274a;
  border: 2px solid #76274a;
  background: #FFF url(../img/icon_mail_b.svg) no-repeat left 10px center;
  background-size: 18px 15px;
  padding-left: 20px;
  text-align: center;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 20px;
}
.btn_contact_d:hover {
  color: #FFF;
  background: rgba(118, 39, 74, 0.6) url(../img/icon_mail_w.svg) no-repeat left 10px center;
  background-size: 18px 15px;
  text-decoration: none;
}
/* ======================================= */
/* 送信ボタン */
/* ======================================= */
.btn_send {
  transition: all .200s;
  cursor: pointer;
  display: block;
  height: 50px;
  width: 360px;
  border: 2px solid #76274a;
  color: #76274a;
  line-height: 46px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background: #FFF url(../img/arrow_black.svg) no-repeat right 10px center;
  background-size: 6px 12px;
  margin: 0 auto;
}
.btn_send:hover {
  color: #FFF;
  background: rgba(118, 39, 74, 0.8) url(../img/arrow_white.svg) no-repeat right 10px center;
  background-size: 6px 12px;
  text-decoration: none;
}
@media screen and (max-width: 530px) {
  .btn_send {
    width: 100%;
  }
}
#page {
  position: relative;
  z-index: 2;
  left: 0;
}
@media screen and (max-width: 1120px) {
  #page {
    padding-top: 0;
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
    /* easeInOutExpo */
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  }
}
#drawer_nav {
  position: fixed;
  top: 0;
  right: -280px;
  width: 280px;
  height: 100%;
  background: #FFF;
  color: #fff;
  z-index: 10;
  padding: 20px 30px 30px;
  overflow-y: auto;
  transition: all 400ms cubic-bezier(1, 0, 0, 1);
  /* easeInOutExpo */
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
#drawer_nav ul {
  margin-bottom: 20px;
}
#drawer_nav ul li.big {
  width: 100%;
  padding-left: 43px;
  height: 30px;
  margin-bottom: 20px;
}
#drawer_nav ul li.big.home {
  background: url(../img/icon_home.png) no-repeat left center;
  background-size: 30px 30px;
}
#drawer_nav ul li.big.about {
  background: url(../img/icon_about.png) no-repeat left center;
  background-size: 30px 30px;
}
#drawer_nav ul li.big.flower {
  background: url(../img/icon_flower.png) no-repeat left center;
  background-size: 30px 30px;
}
#drawer_nav ul li.big.workshop {
  background: url(../img/icon_workshop.png) no-repeat left center;
  background-size: 30px 30px;
}
#drawer_nav ul li.big.corp {
  background: url(../img/icon_corporation.png) no-repeat left center;
  background-size: 30px 30px;
}
#drawer_nav ul li.big a {
  padding-top: 6px;
  font-weight: bold;
  display: block;
  min-height: 30px;
  line-height: 1.3;
}
#drawer_nav ul li.line {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
#drawer_nav ul li.line:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/line_list.svg) no-repeat center center;
  width: 12px;
  height: 100%;
}
#drawer_nav .btn_area {
  margin-bottom: 20px;
}
#drawer_nav .btn_area .btn_contact_s,
#drawer_nav .btn_area .btn_store_s {
  margin-bottom: 10px;
}
#humberger {
  display: none;
  position: fixed;
  top: 5px;
  right: 5px;
  z-index: 11;
  width: 52px;
  padding: 13px 10px 6px;
  cursor: pointer;
  background: #76274a;
}
#humberger .icon-bar {
  height: 4px;
  border-radius: 2px;
  background: #FFF;
  display: block;
  margin-bottom: 6px;
  transition: all 400ms cubic-bezier(1, 0, 0, 1);
  /* easeInOutExpo */
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.admin-bar #humberger {
  top: 50px;
}
@media screen and (max-width: 1120px) {
  #humberger {
    display: block;
  }
  body.drawer-opened #page {
    left: -280px;
  }
  body.drawer-opened #drawer_nav {
    right: 0;
  }
  body.drawer-opened .icon-bar {
    background: #fff;
  }
  body.drawer-opened #humberger :nth-child(1) {
    transform: translate(0, 10px) rotate(45deg);
    -webkit-transform: translate(0, 10px) rotate(45deg);
  }
  body.drawer-opened #humberger :nth-child(2) {
    transform: translate(-5px, 0);
    -webkit-transform: translate(-5px, 0);
    opacity: 0;
  }
  body.drawer-opened #humberger :nth-child(3) {
    transform: translate(0, -10px) rotate(-45deg);
    -webkit-transform: translate(0, -10px) rotate(-45deg);
  }
  body.drawer-opened #overlay {
    z-index: 1001;
    opacity: 0.3;
    left: -280px;
    background: #000;
  }
  #overlay {
    z-index: -1;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
    /* easeInOutExpo */
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  }
}
/* ======================================= */
/*  テキストボックス
/* ======================================= */
input[type='text'],
input[type='email'],
input[type='tel'],
textarea {
  width: 100%;
  font-family: 'Noto Sans JP', "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 16px;
  line-height: 30px;
  border: 1px solid #1a1a1a;
  transition: all .200s;
  border-radius: 4px;
  padding: 5px 10px;
}
input[type='text']:hover,
input[type='email']:hover,
input[type='tel']:hover,
textarea:hover {
  border: 1px solid #999;
}
input[type='text']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #7c88a4;
}
input[type='text']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #7c88a4;
}
input[type='text']::-ms-input-placeholder,
input[type='email']::-ms-input-placeholder,
input[type='tel']::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #7c88a4;
}
input[type='text']::placeholder,
input[type='email']::placeholder,
input[type='tel']::placeholder,
textarea::placeholder {
  color: #7c88a4;
}
input[type='text'].hover_none:hover,
input[type='email'].hover_none:hover,
input[type='tel'].hover_none:hover,
textarea.hover_none:hover {
  border: 1px solid #46557c;
}
input.tel {
  width: 300px;
}
@media screen and (max-width: 530px) {
  input.tel {
    width: 100%;
  }
}
input.name {
  width: calc(100% - 2em);
}
/* ======================================= */
/*  セレクトボックス
/* ======================================= */
.select_wrap {
  position: relative;
  background: #162b58;
  border: 2px solid #46557c;
  border-radius: 4px;
  transition: all .200s;
}
.select_wrap:before {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  content: '';
  width: 6px;
  height: 5px;
  background: url(../img/arrow_select.svg) no-repeat center center;
}
.select_wrap:hover {
  border: 2px solid #FFF;
}
.select_wrap select {
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  font-size: 14px;
  color: #FFF;
  font-family: 'Noto Sans JP', "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.select_wrap select::-ms-expand {
  display: none;
}
.select_wrap select option {
  background: #162b58;
  color: inherit;
}
/* ======================================= */
/*  OR/ADDスイッチ風チェックボックス
/* ======================================= */
.label_switch {
  width: 80px;
  position: relative;
  display: inline-block;
}
.label_switch span {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  font-size: 10px;
  line-height: 16px;
  display: block;
  width: 37px;
  height: 16px;
  text-align: center;
  transition: all .200s;
}
.label_switch span.or {
  top: 2px;
  left: 2px;
  color: #01103b;
}
.label_switch span.and {
  top: 2px;
  right: 2px;
  color: #969cae;
}
.label_switch .content_switch {
  display: block;
  cursor: pointer;
  position: relative;
  border-radius: 10px;
  height: 20px;
  border: 1px solid #656e89;
  width: 80px;
  overflow: hidden;
  transition: all .2s;
}
.label_switch .content_switch:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
  background-color: #01103b;
}
.label_switch .content_switch:after {
  content: "";
  display: block;
  position: absolute;
  background-color: transparent;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  border-radius: 10px;
  transition: all .2s;
}
.label_switch .circle_switch {
  display: block;
  top: 2px;
  left: 2px;
  position: absolute;
  width: 37px;
  height: 16px;
  border-radius: 8px;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.label_switch .input_switch {
  display: none;
}
.label_switch .input_switch:checked ~ .circle_switch {
  left: 41px;
}
.label_switch .input_switch:checked ~ .or {
  color: #969cae;
}
.label_switch .input_switch:checked ~ .and {
  color: #01103b;
}
.label_switch:hover .content_switch {
  border: 1px solid #FFF;
}
/* ======================================= */
/*  SNSアイコン
/* ======================================= */
.sns ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.sns ul li {
  width: 24px;
  height: 24px;
}
.sns ul li a {
  display: block;
  width: 24px;
  height: 24px;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}
.sns ul li a.fb {
  background: url(../img/icon_fb.svg) no-repeat center center;
  background-size: 24px 24px;
}
.sns ul li a.in {
  background: url(../img/icon_insta.svg) no-repeat center center;
  background-size: 24px 24px;
}
.sns ul li a.tw {
  background: url(../img/icon_tw.svg) no-repeat center center;
  background-size: 24px 24px;
}
.sns ul li a.li {
  background: url(../img/line.svg) no-repeat center center;
  background-size: 24px 24px;
}
.sns ul li a:hover {
  opacity: 0.6;
}
/* ======================================= */
/*  メインイメージ
/* ======================================= */
#top_img {
  line-height: 0;
  margin-bottom: 40px;
  position: relative;
}
#top_img img {
  width: 100%;
}
/* ======================================= */
/*  コンセプト
/* ======================================= */
.top_concept {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 50px;
}
@media screen and (max-width: 920px) {
  .top_concept {
    display: block;
  }
}
.top_concept .desc {
  flex: 1;
  padding-top: 20px;
  padding-left: 60px;
}
@media screen and (max-width: 920px) {
  .top_concept .desc {
    padding: 0 30px 30px;
  }
}
@media screen and (max-width: 530px) {
  .top_concept .desc {
    padding: 0 20px 30px;
  }
}
.top_concept .desc strong {
  line-height: 30px;
  display: block;
  font-size: 20px;
  font-family: 'Comfortaa', cursive, 'Noto Sans JP', "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  position: relative;
  margin-bottom: 10px;
}
@media screen and (max-width: 920px) {
  .top_concept .desc strong {
    font-size: 17px;
  }
}
.top_concept .desc strong span {
  position: relative;
  z-index: 1;
  background: #FFF;
}
@media screen and (max-width: 920px) {
  .top_concept .desc strong span {
    padding: 0;
  }
}
.top_concept .desc h2 {
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 30px;
}
@media screen and (max-width: 920px) {
  .top_concept .desc h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 530px) {
  .top_concept .desc h2 {
    font-size: 21px;
  }
}
.top_concept .desc p {
  line-height: 2;
  margin-bottom: 40px;
  padding-right: 30px;
}
@media screen and (max-width: 920px) {
  .top_concept .desc p {
    padding: 0;
  }
}
.top_concept .img {
  width: 420px;
  line-height: 0;
}
@media screen and (max-width: 1200px) {
  .top_concept .img {
    flex: 1;
    max-width: 420px;
  }
}
@media screen and (max-width: 920px) {
  .top_concept .img {
    width: 100%;
    max-width: inherit;
  }
}
.top_concept .img img {
  width: 100%;
}
@media screen and (max-width: 920px) {
  .top_concept .img img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 150px;
  }
}
/* ======================================= */
/*  商品一覧
/* ======================================= */
.top_product_list {
  padding-right: 50px;
  margin: 0 auto 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1120px) {
  .top_product_list {
    padding: 0;
  }
}
@media screen and (max-width: 530px) {
  .top_product_list {
    display: block;
  }
}
.top_product_list .item_list {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 530px) {
  .top_product_list .item_list {
    width: 100%;
  }
}
.top_product_list .item_list .item {
  width: calc(50% - 5px);
  margin-bottom: 10px;
}
.top_product_list .item_list .item:nth-child(3),
.top_product_list .item_list .item:nth-child(4) {
  margin-bottom: 0;
}
.top_product_list .item {
  display: block;
  position: relative;
}
.top_product_list .item img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 200px;
}
@media screen and (max-width: 920px) {
  .top_product_list .item img {
    height: 140px;
  }
}
.top_product_list .item .new {
  position: absolute;
  top: 0;
  right: 0;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  width: 76px;
  height: 76px;
  background: url(../img/icon_new.svg) no-repeat right top;
}
@media screen and (max-width: 920px) {
  .top_product_list .item .new {
    width: 50px;
    height: 50px;
  }
}
.top_product_list .item .hover {
  transition: all .200s;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
  color: #FFF;
}
@media screen and (max-width: 530px) {
  .top_product_list .item .hover {
    opacity: 1;
    top: inherit;
    bottom: 0;
    background: none;
  }
}
.top_product_list .item .hover .name {
  text-align: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 530px) {
  .top_product_list .item .hover .name {
    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 0;
    padding: 5px 0;
  }
}
.top_product_list .item .hover .more {
  height: 51px;
  line-height: 50px;
  border-top: 1px solid #FFF;
  text-align: center;
  font-size: 14px;
  background: url(../img/arrow_white.svg) no-repeat right 20px center;
  background-size: 6px 12px;
}
@media screen and (max-width: 530px) {
  .top_product_list .item .hover .more {
    display: none;
  }
}
.top_product_list .item:hover .hover {
  opacity: 1;
}
.top_product_list .first {
  width: calc(40% - 10px);
}
@media screen and (max-width: 530px) {
  .top_product_list .first {
    width: 100%;
    margin-bottom: 10px;
  }
}
.top_product_list .first .item img {
  height: 410px!important;
}
@media screen and (max-width: 920px) {
  .top_product_list .first .item img {
    height: 290px!important;
  }
}
/* ======================================= */
/*  ニュース
/* ======================================= */
.top_news {
  display: flex;
  flex-wrap: wrap;
  padding-right: 50px;
  margin-bottom: 50px;
  background: #FFF;
}
@media screen and (max-width: 1120px) {
  .top_news {
    padding: 0;
  }
}
.top_news li {
  width: calc((100% - 30px) / 3);
  margin-right: 15px;
  margin-bottom: 30px;
}
.top_news li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 920px) {
  .top_news li {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
  }
  .top_news li:nth-child(3n) {
    margin-right: 15px;
  }
  .top_news li:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 530px) {
  .top_news li {
    width: 100%;
    margin-right: 0!important;
  }
  .top_news li:nth-child(4),
  .top_news li:nth-child(5),
  .top_news li:nth-child(6) {
    display: none;
  }
  .top_news li:nth-child(3) {
    margin-bottom: 0;
  }
}
.top_news li .img {
  line-height: 0;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.top_news li .img:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.top_news li .img img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all .200s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}
.top_news li .img .hover {
  transition: all .200s;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
  color: #FFF;
}
.top_news li .img .hover .more {
  height: 51px;
  line-height: 50px;
  border-top: 1px solid #FFF;
  text-align: center;
  font-size: 14px;
  background: url(../img/arrow_white.svg) no-repeat right 20px center;
  background-size: 6px 12px;
}
@media screen and (max-width: 530px) {
  .top_news li .img .hover {
    display: none;
  }
}
.top_news li .date_area {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-family: 'Comfortaa', cursive, 'Noto Sans JP', "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  margin-bottom: 10px;
  line-height: 1;
}
.top_news li .date_area .date {
  font-size: 14px;
  margin-right: 20px;
}
.top_news li .date_area .category {
  line-height: 18px;
  padding: 0 10px;
  font-size: 13px;
  color: #FFF;
  background: #1a1a1a;
}
.top_news li .title {
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 530px) {
  .top_news li .title {
    font-size: 14px;
  }
}
.top_news li a {
  display: block;
}
.top_news li a:hover {
  text-decoration: none;
}
.top_news li a:hover .hover {
  opacity: 1;
}
/* ======================================= */
/*  コンテンツ
/*  このlessファイルに、サブページの汎用的なパーツについての記述を行います。
/*  ※レイアウトの設定は l_base参照。
/* ======================================= */
/* ======================================= */
/*  サブページメインイメージ
/* ======================================= */
#sub_img {
  line-height: 0;
  margin-bottom: 40px;
  position: relative;
}
#sub_img img {
  width: 100%;
  max-height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 530px) {
  #sub_img img {
    max-height: 180px;
  }
}
#sub_img #copy {
  width: 100%;
  position: absolute;
  bottom: 30%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 920px) {
  #sub_img #copy {
    bottom: inherit;
    top: 50%;
    padding-right: 0;
    margin-top: -12px;
  }
}
#sub_img #copy .center {
  flex: 1;
  padding: 15px 30px;
  text-align: center;
  color: #FFF;
  font-size: 44px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.2em;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  background: rgba(118, 39, 74, 0.7);
}
@media screen and (max-width: 920px) {
  #sub_img #copy .center {
    font-size: 32px;
  }
}
@media screen and (max-width: 530px) {
  #sub_img #copy .center {
    font-size: 24px;
    padding: 0 30px;
  }
}
/* ======================================= */
/*  カテゴリーリスト
/* ======================================= */
#list_category ul {
  max-width: 840px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
#list_category ul.special {
  border: 2px dotted #1a1a1a;
  margin-bottom: 20px;
}
#list_category ul.special li {
  width: 50%;
}
#list_category ul.special li:nth-child(2n+1) {
  border-right: 2px dotted #1a1a1a;
}
@media screen and (max-width: 768px) {
  #list_category ul.special li {
    width: 100%;
    border-bottom: 2px dotted #1a1a1a;
  }
  #list_category ul.special li:nth-child(2n+1) {
    border-right: none;
  }
  #list_category ul.special li:nth-last-child(1) {
    border-bottom: none;
  }
}
#list_category ul.special li a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px;
}
#list_category ul.special li a .img {
  line-height: 0;
  overflow: hidden;
  width: 150px;
}
@media screen and (max-width: 768px) {
  #list_category ul.special li a .img {
    width: 80px;
  }
}
#list_category ul.special li a .img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#list_category ul.special li a p {
  flex: 1;
  text-align: center;
  padding: 0 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #list_category ul.special li a p {
    text-align: left;
  }
}
#list_category ul.special li a:hover {
  background: rgba(26, 26, 26, 0.6);
  color: #FFF;
}
#list_category ul.category li {
  border: 2px dotted #1a1a1a;
  margin-right: 20px;
}
@media screen and (max-width: 920px) {
  #list_category ul.category li {
    margin-bottom: 10px;
  }
}
#list_category ul.category li a {
  display: block;
  padding: 10px 20px;
  font-weight: bold;
}
@media screen and (max-width: 920px) {
  #list_category ul.category li a {
    padding: 5px 10px;
  }
}
#list_category ul.category li a:hover {
  text-decoration: none;
  background: rgba(26, 26, 26, 0.6);
  color: #FFF;
}
/* ======================================= */
/*  サブページ商品一覧
/* ======================================= */
.sub_product_list {
  max-width: 840px;
  margin: 0 auto -10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1120px) {
  .sub_product_list {
    padding: 0;
  }
}
@media screen and (max-width: 530px) {
  .sub_product_list {
    display: block;
  }
}
.sub_product_list .item_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.sub_product_list .item_list .item {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}
.sub_product_list .item_list .item.col2 {
  width: calc(50% - 5px);
}
.sub_product_list .item_list .item.col3 {
  width: calc(33.3% - 5px);
}
@media screen and (max-width: 530px) {
  .sub_product_list .item_list .item.col3 {
    width: calc(50% - 5px);
  }
}
.sub_product_list .item {
  display: block;
  position: relative;
}
.sub_product_list .item .img {
  line-height: 0;
}
.sub_product_list .item img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 250px;
}
@media screen and (max-width: 920px) {
  .sub_product_list .item img {
    height: 180px;
  }
}
@media screen and (max-width: 530px) {
  .sub_product_list .item img {
    height: 120px;
  }
}
.sub_product_list .item .new {
  position: absolute;
  top: 0;
  right: 0;
  /* 要素の中から文字だけを飛ばす */
  text-align: left;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  width: 76px;
  height: 76px;
  background: url(../img/icon_new.svg) no-repeat right top;
}
@media screen and (max-width: 920px) {
  .sub_product_list .item .new {
    width: 50px;
    height: 50px;
  }
}
.sub_product_list .item .hover {
  transition: all .200s;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
  color: #FFF;
}
@media screen and (max-width: 530px) {
  .sub_product_list .item .hover {
    opacity: 1;
    top: inherit;
    left: inherit;
    background: none;
    position: inherit;
    height: auto;
    width: 100%;
  }
}
.sub_product_list .item .hover .name {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 530px) {
  .sub_product_list .item .hover .name {
    margin-bottom: 0;
    padding: 5px 0;
    color: #1a1a1a;
    font-size: 12px;
    line-height: 1.8;
  }
}
.sub_product_list .item .hover .more {
  height: 51px;
  line-height: 50px;
  border-top: 1px solid #FFF;
  text-align: center;
  font-size: 14px;
  background: url(../img/arrow_white.svg) no-repeat right 20px center;
  background-size: 6px 12px;
}
@media screen and (max-width: 530px) {
  .sub_product_list .item .hover .more {
    display: none;
  }
}
.sub_product_list .item:hover .hover {
  opacity: 1;
}
/* ======================================= */
/*  商品詳細タイトル
/* ======================================= */
.hd_product {
  max-width: 840px;
  margin: 98px auto 40px;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 530px) {
  .hd_product {
    padding-left: 18px;
    margin-bottom: 20px;
  }
}
.hd_product:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: #1a1a1a;
  border-radius: 3px;
}
@media screen and (max-width: 920px) {
  .hd_product {
    margin-top: 20px;
  }
}
.hd_product h2 {
  font-size: 26px;
  line-height: 36px;
}
@media screen and (max-width: 530px) {
  .hd_product h2 {
    font-size: 20px;
    line-height: 28px;
  }
}
.hd_product p {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
/* ======================================= */
/*  商品詳細写真一覧
/* ======================================= */
#detail_pic_list {
  max-width: 840px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 920px) {
  #detail_pic_list {
    margin-bottom: 30px;
  }
}
#detail_pic_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#detail_pic_list ul li {
  margin-bottom: 10px;
}
#detail_pic_list ul li.col1 {
  width: 100%;
}
#detail_pic_list ul li.col1 img {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 530px) {
  #detail_pic_list ul li.col1 img {
    height: 200px;
  }
}
#detail_pic_list ul li.col2 {
  width: calc(50% - 5px);
}
#detail_pic_list ul li.col2 img {
  width: 100%;
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1120px) {
  #detail_pic_list ul li.col2 {
    width: calc(25% - 5px);
  }
  #detail_pic_list ul li.col2 img {
    height: 120px;
  }
}
@media screen and (max-width: 920px) {
  #detail_pic_list ul li.col2 {
    width: calc(50% - 5px);
  }
  #detail_pic_list ul li.col2 img {
    height: 180px;
  }
}
@media screen and (max-width: 530px) {
  #detail_pic_list ul li.col2 img {
    height: 120px;
  }
}
#detail_pic_list ul li.col3 {
  width: calc(33.33% - 5px);
}
#detail_pic_list ul li.col3 img {
  width: 100%;
  height: 190px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1120px) {
  #detail_pic_list ul li.col3 {
    width: calc(25% - 5px);
  }
  #detail_pic_list ul li.col3 img {
    height: 120px;
  }
}
@media screen and (max-width: 920px) {
  #detail_pic_list ul li.col3 {
    width: calc(50% - 5px);
  }
  #detail_pic_list ul li.col3 img {
    height: 180px;
  }
}
@media screen and (max-width: 530px) {
  #detail_pic_list ul li.col3 img {
    height: 120px;
  }
}
#detail_pic_list ul li .hover {
  transition: all .200s;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
  color: #FFF;
}
#detail_pic_list ul li .hover .name {
  text-align: center;
  margin-bottom: 16px;
  padding: 0 10px;
}
#detail_pic_list ul li a {
  display: block;
  position: relative;
}
#detail_pic_list ul li a:hover .hover {
  opacity: 1;
}
@media screen and (max-width: 920px) {
  #detail_pic_list ul li a:hover .hover {
    display: none;
  }
}
/* ======================================= */
/*  商品詳細カラムボックス
/* ======================================= */
.detail_basic_cols {
  max-width: 840px;
  margin: 0 auto 50px;
  display: flex;
  flex-wrap: wrap;
}
.detail_basic_cols .desc {
  flex: 1;
  margin-right: 50px;
}
@media screen and (max-width: 920px) {
  .detail_basic_cols .desc {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.detail_basic_cols .desc p {
  line-height: 2;
  margin-bottom: 1em;
}
.detail_basic_cols .desc .notice {
  margin-top: 50px;
  font-size: 14px;
}
.detail_basic_cols .desc .notice h3 {
  font-size: 14px;
  font-weight: 500;
}
.detail_basic_cols .btns {
  width: 250px;
}
@media screen and (max-width: 920px) {
  .detail_basic_cols .btns {
    width: 100%;
  }
}
.detail_basic_cols .btns .ext li {
  padding-left: 45px;
  margin-bottom: 10px;
  background: url(../img/icon_page.svg) no-repeat left 10px center;
  background-size: 18px 17px;
}
/* ======================================= */
/*  商品詳細情報
/* ======================================= */
.detail_info {
  max-width: 840px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  border-top: 2px dotted #1a1a1a;
}
.detail_info dt {
  width: 180px;
  padding: 15px;
  border-bottom: 2px dotted #1a1a1a;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
}
@media screen and (max-width: 920px) {
  .detail_info dt {
    padding-bottom: 0;
    border-bottom: none;
    width: 100%;
  }
}
.detail_info dd {
  line-height: 24px;
  width: calc(100% - 180px);
  padding: 15px;
  border-bottom: 2px dotted #1a1a1a;
}
@media screen and (max-width: 920px) {
  .detail_info dd {
    padding-top: 0;
    width: 100%;
  }
}
/* ======================================= */
/*  素材について
/* ======================================= */
.material {
  max-width: 840px;
  margin: 0 auto;
  border: 2px dotted #1a1a1a;
}
.material__in {
  padding: 35px;
}
@media screen and (max-width: 530px) {
  .material__in {
    padding: 15px;
  }
}
.material__in:nth-child(1) {
  border-bottom: 2px dotted #1a1a1a;
}
.material__in h3 {
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}
@media screen and (max-width: 530px) {
  .material__in h3 {
    margin-bottom: 15px;
  }
}
.material__in h3 small {
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 530px) {
  .material__in h3 small {
    display: block;
  }
}
.material__in .material_cols {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.material__in .material_cols .img {
  width: 80px;
  height: 80px;
  margin-right: 30px;
}
@media screen and (max-width: 530px) {
  .material__in .material_cols .img {
    width: 100%;
    text-align: center;
    margin: 0 0 20px;
  }
}
.material__in .material_cols .img img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
.material__in .desc {
  flex: 1;
  font-size: 14px;
  line-height: 22px;
}
.material__in .img_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}
.material__in .img_list li {
  width: calc(11.11% - 10px);
  margin-right: 10px;
  line-height: 0;
  margin-bottom: 10px;
}
@media screen and (max-width: 530px) {
  .material__in .img_list li {
    width: calc(20% - 5px);
    margin-right: 5px;
    margin-bottom: 5px;
  }
}
.material__in .img_list li img {
  width: 100%;
}
/* ======================================= */
/*  サービスについて
/* ======================================= */
.service {
  max-width: 840px;
  margin: 0 auto;
  border: 2px dotted #1a1a1a;
}
.service > ul > li {
  padding: 35px;
  border-bottom: 2px dotted #1a1a1a;
  display: flex;
  flex-wrap: wrap;
}
.service > ul > li:nth-last-child(1) {
  border-bottom: none;
}
.service > ul > li .img {
  width: 240px;
  margin-right: 35px;
  line-height: 0;
}
.service > ul > li .img img {
  width: 100%;
}
@media screen and (max-width: 920px) {
  .service > ul > li .img {
    width: 150px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 530px) {
  .service > ul > li .img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.service > ul > li .desc {
  flex: 1;
  font-size: 14px;
  line-height: 24px;
}
.service > ul > li .desc h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 920px) {
  .service > ul > li .desc h3 {
    font-size: 16px;
  }
}
/* ======================================= */
/*  ブログ記事
/* ======================================= */
#content.blog article {
  margin-bottom: 40px;
}
#content.blog article p {
  margin-bottom: 1.5em;
}
#content.blog article p > img {
  width: 100%;
  height: auto;
}
/* ======================================= */
/*  ブログタイトル
/* ======================================= */
.hd_blog {
  max-width: 1100px;
  margin: 50px auto 40px;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 530px) {
  .hd_blog {
    padding-left: 18px;
    margin-bottom: 20px;
  }
}
.hd_blog:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: #1a1a1a;
  border-radius: 3px;
}
@media screen and (max-width: 920px) {
  .hd_blog {
    margin-top: 20px;
  }
}
.hd_blog h2 {
  font-size: 26px;
  line-height: 36px;
}
@media screen and (max-width: 530px) {
  .hd_blog h2 {
    font-size: 20px;
    line-height: 28px;
  }
}
.hd_blog p {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
.nav-links {
  margin: 30px 0 0;
  border: 2px dotted #1a1a1a;
  display: flex;
  flex-wrap: wrap;
}
.nav-links div {
  width: 50%;
  border-right: 2px dotted #1a1a1a;
}
.nav-links div a {
  display: block;
  padding: 20px;
}
.nav-links div a:hover {
  color: #FFF;
  background: #1a1a1a;
  text-decoration: none;
}
@media screen and (max-width: 530px) {
  .nav-links div {
    width: 100%;
    border-right: none;
    border-bottom: 2px dotted #1a1a1a;
    padding: 1em;
  }
}
.screen-reader-text {
  display: none;
}
/* ======================================= */
/*  ブログタイトル
/* ======================================= */
.entry-meta {
  margin-bottom: 20px;
}
/* ======================================= */
/*  WPコンテンツ
/* ======================================= */
.entry-content h2 {
  margin-bottom: 40px;
  padding: 10px 0 10px 30px;
  position: relative;
  line-height: 1.4;
}
.entry-content h2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: #76274a;
  border-radius: 3px;
}
.entry-content h3 {
  font-family: 'Comfortaa', cursive, 'Noto Sans JP', "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 24px;
  margin-bottom: 0.7em;
  color: #76274a;
  line-height: 30px;
}
.entry-content h4 {
  margin-bottom: 0.7em;
  text-indent: -1.2em;
  padding-left: 1.2em;
}
.entry-content h4:before {
  content: "●";
}
.entry-content > ul,
.entry-content .wp-block-columns ul {
  margin-bottom: 1em;
}
.entry-content > ul li,
.entry-content .wp-block-columns ul li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 0.3em;
}
.entry-content > ul li:before,
.entry-content .wp-block-columns ul li:before {
  content: "・";
}
.entry-content > ul.notice li,
.entry-content .wp-block-columns ul.notice li {
  margin-bottom: 0.3em;
}
.entry-content > ul.notice li:before,
.entry-content .wp-block-columns ul.notice li:before {
  content: "※";
}
.entry-content > figure {
  margin-bottom: 0.5em;
}
.entry-content > figure.bank {
  max-width: 600px;
}
.entry-content > figure.price {
  margin: 0 auto 20px;
  max-width: 500px;
}
.entry-content > p.question {
  padding-left: 40px;
  position: relative;
  padding: 8px 10px 8px 50px;
  line-height: 24px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 18px;
}
.entry-content > p.question:before {
  background: #AAA;
  width: 40px;
  content: "Q";
  line-height: 40px;
  text-align: center;
  color: #FFF;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
}
.entry-content > p.answer {
  padding-left: 40px;
  position: relative;
  padding: 8px 10px 20px 50px;
  line-height: 24px;
  margin-bottom: 0;
  font-size: 16px;
  border-bottom: 1px dashed #ccc;
}
.entry-content > p.answer:before {
  background: #EB6B4E;
  font-weight: 600;
  width: 40px;
  content: "A";
  line-height: 40px;
  text-align: center;
  color: #FFF;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
}
.entry-content .wp-block-gallery {
  margin-bottom: 30px;
}
.entry-content .wp-block-media-text {
  margin-bottom: 50px;
}
@media screen and (max-width: 530px) {
  .entry-content .wp-block-media-text {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
  }
}
.entry-content .wp-block-media-text .wp-block-media-text__media {
  height: 100%;
  display: flex;
  align-items: center;
  background: #f5f5f5;
  padding: 10px;
}
@media screen and (max-width: 530px) {
  .entry-content .wp-block-media-text .wp-block-media-text__media {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 530px) {
  .entry-content .wp-block-media-text .wp-block-media-text__content {
    padding: 0;
  }
}
.entry-content .promise {
  padding: 40px 40px 20px;
  border: 3px dotted #1a1a1a;
  margin-bottom: 40px;
}
@media screen and (max-width: 530px) {
  .entry-content .promise {
    padding: 20px 20px 0;
  }
}
.entry-content .promise h3 {
  font-size: 22px;
}
@media screen and (max-width: 530px) {
  .entry-content .promise h3 {
    font-size: 18px;
  }
}
.entry-content .concept .wp-block-column {
  background: #f5f5f5;
  padding-bottom: 20px;
}
@media screen and (max-width: 530px) {
  .entry-content .concept .wp-block-column {
    margin-bottom: 30px;
  }
}
.entry-content .concept .wp-block-column figure {
  line-height: 0;
  margin-bottom: 0!important;
}
.entry-content .concept .wp-block-column h3 {
  padding: 10px 0;
  background: #1a1a1a;
  color: #FFF;
  text-align: center;
  margin-bottom: 30px;
}
.entry-content .concept .wp-block-column p {
  text-align: center;
  padding: 0 20px;
  margin-bottom: 0.8em!important;
}
.entry-content .contact_tel_line figure {
  width: 150px;
  margin: 0 auto;
}
.entry-content .contact_tel_line .tel_big {
  font-size: 40px;
  margin-bottom: 30px!important;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: #46557c;
}
@media screen and (max-width: 530px) {
  .entry-content .contact_tel_line .tel_big {
    font-size: 24px;
  }
}
.entry-content .contact_form {
  padding: 30px;
  margin-bottom: 30px;
  border: 2px dotted #1a1a1a;
  background: #f5f5f5;
}
@media screen and (max-width: 530px) {
  .entry-content .contact_form {
    padding: 10px;
  }
}
.entry-content .contact_form h3 {
  font-size: 17px!important;
  margin-bottom: 5px;
}
.entry-content .contact_form span {
  font-size: 12px;
  color: #666;
}
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cat-links,
.tags-links {
  display: block;
  margin-bottom: 0.5em;
}
.cat-links p,
.tags-links p {
  font-weight: 600;
  margin-bottom: 0.3em!important;
}
.cat-links {
  margin-top: 1em;
}
.post-categories,
.post-tags {
  width: 100%;
}
.post-categories li,
.post-tags li {
  display: inline-block;
  margin-right: 10px;
}
.post-categories li a,
.post-tags li a {
  display: inline-block;
  padding: 5px 10px;
  border: 2px dotted #1a1a1a;
  font-family: 'Comfortaa', cursive, 'Noto Sans JP', "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.post-categories li a:hover,
.post-tags li a:hover {
  color: #FFF;
  background: #000;
  text-decoration: none;
}
.blog_cat_list {
  margin-bottom: 30px;
}
@media screen and (max-width: 920px) {
  .blog_cat_list {
    padding: 0 20px;
  }
}
.blog_cat_list li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.blog_cat_list li a {
  display: inline-block;
  padding: 5px 10px;
  border: 2px dotted #1a1a1a;
  font-family: 'Comfortaa', cursive, 'Noto Sans JP', "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.blog_cat_list li a.active {
  color: #FFF;
  background: rgba(0, 0, 0, 0.5);
}
.blog_cat_list li a:hover {
  color: #FFF;
  background: #000;
  text-decoration: none;
}
div .flow {
  border-radius: 15px;
  padding: 30px;
  background: #eeeeee;
  position: relative;
  margin-bottom: 50px;
}
div .flow p {
  line-height: 1.9;
}
@media screen and (max-width: 530px) {
  div .flow {
    border-radius: 10px;
    padding: 15px;
  }
}
div .flow:after {
  position: absolute;
  content: "";
  display: block;
  bottom: -40px;
  left: 50%;
  margin-left: -30px;
  width: 60px;
  height: 30px;
  background: url(../img/arrow_down.svg) no-repeat center center;
  background-size: contain;
}
div .flow.last {
  background: #FCE7E2;
  margin-bottom: 20px;
}
div .flow.last:after {
  display: none;
}
.semi_flow .wp-block-column {
  padding: 20px;
  border-radius: 10px;
  background: #f5f5f5;
}
@media screen and (max-width: 920px) {
  .semi_flow .wp-block-column {
    margin-bottom: 20px;
  }
}
.semi_flow .wp-block-column img {
  border-radius: 5px;
}
.wp-block-table td,
.wp-block-table th {
  border: 1px solid #66173a;
}
.wp-block-table th {
  color: #FFF;
  background: #76274a;
}

.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:#ffffffa6}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:#ffffffa6}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{margin-bottom:0;margin-top:0;padding:1.25em 2.375em}

body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #FFF;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #0073a8;--wp--preset--color--secondary: #005075;--wp--preset--color--dark-gray: #111;--wp--preset--color--light-gray: #767676;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 19.5px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 26px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 22px;--wp--preset--font-size--huge: 30px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}