/**
 * color
 */
.red { color: #F00; }
.blue { color: #00F; }
.white { color:#FFF; }
.yellow { color: #FF0; }
.pink { color: #ff3399; }
.color1, .before-color1::before, .after-color1::after { color: #999  !important; }
.color2, .before-color2::before, .after-color2::after { color: #1dbbda  !important; }
.color3, .before-color3::before, .after-color3::after { color: #1abb9a  !important; }
.color4, .before-color4::before, .after-color4::after { color: #2581c4  !important; }
.color5, .before-color5::before, .after-color5::after { color: #fb6c4d  !important; }

/**
 * back color
 */
.bg-red { background: #F00; }
.bg-blue { background: #00F; }
.bg-white { background:#FFF; }
.bg-yellow { background: #FF0; }
.bg-pink { background: #ff3399; }
.background-color1, .background-before-color1::before, .background-after-color1::after { background: #999 !important; }
.background-color2, .background-before-color2::before, .background-after-color2::after { background: #1dbbda !important; }
.background-color3, .background-before-color3::before, .background-after-color3::after { background: #1abb9a !important; }
.background-color4, .background-before-color4::before, .background-after-color4::after { background: #2581c4 !important; }
.background-color5, .background-before-color5::before, .background-after-color5::after { background: #fb6c4d !important; }

/*
 * border color
 */
.border-top-after-color1::after, .border-top-before-color1::before { border-top: solid 15px #999 !important; }
.border-top-after-color2::after, .border-top-before-color2::before { border-top: solid 15px #1dbbda !important; }
.border-top-after-color3::after, .border-top-before-color3::before { border-top: solid 15px #1abb9a !important; }
.border-top-after-color4::after, .border-top-before-color4::before { border-top: solid 15px #2581c4 !important; }
.border-top-after-color5::after, .border-top-before-color5::before { border-top: solid 15px #fb6c4d !important; }
.border-left-after-color1::after, .border-left-before-color1::before { border-left: solid 23.5px #999 !important; }
.border-left-after-color2::after, .border-left-before-color2::before { border-left: solid 23.5px #1dbbda !important; }
.border-left-after-color3::after, .border-left-before-color3::before { border-left: solid 23.5px #1abb9a !important; }
.border-left-after-color4::after, .border-left-before-color4::before { border-left: solid 23.5px #2581c4 !important; }
.border-left-after-color5::after, .border-left-before-color5::before { border-left: solid 23.5px #fb6c4d !important; }
.border-right-after-color1::after, .border-right-before-color1::before { border-right: solid 23.5px #999 !important; }
.border-right-after-color2::after, .border-right-before-color2::before { border-right: solid 23.5px #1dbbda !important; }
.border-right-after-color3::after, .border-right-before-color3::before { border-right: solid 23.5px #1abb9a !important; }
.border-right-after-color4::after, .border-right-before-color4::before { border-right: solid 23.5px #2581c4 !important; }
.border-right-after-color5::after, .border-right-before-color5::before { border-right: solid 23.5px #fb6c4d !important; }

/**
 * fontawesome
 */
.fa-title1:before,
.fa-title2:before,
.fa-title3:before,
.fa-title4:before,
.fa-title5:before {
  font-family: 'Font Awesome 6 Free';
  font-size: 22px;
  font-weight: bold;
  color: #999;
  margin-right: 12px;
  background: #fff;
  border-radius: 50%;
  transition: all ease-in-out .3s;
}
.fa-title1:before { content: '\21'; padding: 2px 10px; }
.fa-title2:before { content: '\f0eb'; padding: 3px 6px; }
.fa-title3:before { content: '\f0e0'; padding: 2px 10px; }
.fa-title4:before { content: '\f35a'; padding: 2px 10px; }
.fa-title5:before { content: '\f105'; padding: 2px 10px; }
@media screen and (max-width: 991px){
  .fa-title1:before,
  .fa-title2:before,
  .fa-title3:before,
  .fa-title4:before,
  .fa-title5:before { font-size: inherit; }
}

/**
 * marker
 */
.f-marker-y,
.f-marker-p,
.f-marker-w,
.f-marker-g {
  font: 100%/1.5 "Noto Sans JP", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.f-marker-y {
  /*background-image: -webkit-linear-gradient(transparent 80%, #f8eba9 80%);
  background-image: linear-gradient(transparent 80%, #f8eba9 80%);*/
  background-image: -webkit-linear-gradient(transparent 70%, #ffff00 70%);
  background-image: linear-gradient(transparent 70%, #ffff00 70%);
}
.f-marker-p {
  background-image: -webkit-linear-gradient(transparent 70%, #ffc7f6 70%);
  background: linear-gradient(transparent 70%, #ffc7f6 70%);
}
.f-marker-w {
  background-image: -webkit-linear-gradient(transparent 70%, #abeffe 70%);
  background-image: linear-gradient(transparent 70%, #abeffe 70%);
}
.f-marker-g {
  background-image: -webkit-linear-gradient(transparent 70%, #afffb1 70%);
  background-image: linear-gradient(transparent 70%, #afffb1 70%);
}

/**
 * ponit block
 */
.gw_point_block {
  position: relative;
  /*margin: 88px 0 30px;
  padding: 32px 40px;
  background-color: #f4f6f7;
  border: 1px solid #cccccc;
  border-top: 3px solid #008000;*/
  margin: 40px 0 30px;
  padding: 40px 35px;
  background: #F4F6F7;
  border: 0;
}
.gw_point_block ul,
.gw_point_block_3 ul {
  padding-left: 20px;
  list-style: disc;
}
.gw_point_block_1::before,
.gw_point_block_2::before {
  content: '';
  position: absolute;
  top: -72px;
  right: 0;
  width: 70px;
  height: 70px;
}
/*.gw_point_block_1::before {
  background: url(../../assets/images/tinymce/point-block-icon-1.png) no-repeat right;
  background-size: cover;
}
.gw_point_block_2::before {
  top: -77px;
  width: 75px;
  height: 75px;
  background: url(../../assets/images/tinymce/point-block-icon-2.png) no-repeat right;
  background-size: cover;
}*/
.gw_point_block p:last-child { margin-bottom: 0; }
.gw_point_block_1 p,
.gw_point_block_2 p {
  margin: 0;
  color: #1c1c1c;
}
.gw_point_block_3 {
  position: relative;
  margin: 40px 0 0;
  padding: 0 24px 24px;
  background: #fff;
  border: 1px solid #ccc;
  border-top: 0;
}
.gw_point_block_3 .title {
  position: relative;
  text-align: left;
  margin: 0 -24px 20px;
  padding: 18px 24px;
  line-height: 26px;
  width: calc(100% + 49px);
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  background-color: #008000;
}
.gw_point_block_3 .title::before {
  content: '';
  position: absolute;
  top: 0;
  left: -11px;
  width: 11px;
  height: 100%;
  background: #008000;
}
.gw_point_block_3 .title::after {
  content: '';
  position: absolute;
  left: -11px;
  bottom: -7px;
  border-top: 8px solid #008000;
  border-left: 11px solid transparent;
}
@media screen and (max-width: 991px){
  .gw_point_block { padding: 4rem 2.4rem; }
  .gw_point_block_3 .title { font-size: 1.8rem; }
}

/**
 * check_point
 */
#check_point {
  margin-bottom: 50px;
  padding: 35px 40px;
  background: #FAF9E7;
}
#check_point .check_point_title {
  text-align: center;
  margin-bottom: 35px;
  font-size: 18px;
}
#check_point .check_point_title img { margin-right: 15px; }
#check_point .check_point_content ul { margin: 0; }
#check_point .check_point_content li {
  position: relative;
  list-style: none;
  margin-bottom: 10px;
  padding: 20px 15px 20px 50px;
  background: #fff;
}
#check_point .check_point_content li::before {
  content: '';
  background-image: url("../images/tinymce/check-icon2.png");
  position: absolute;
  top: 55%;
  left: 20px;
  transform: translateY(-55%);
  -webkit-transform: translateY(-54%);
  -ms-transform: translateY(-55%);
  content: '';
  display: inline-block;
  width: 16px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
#check_point .check_point_content li:last-child { margin-bottom: 0; }
@media screen and (max-width: 991px){
  #check_point {
    margin-bottom: 3rem;
    padding: 2rem 1rem 3rem;
  }
  #check_point .check_point_title {
    line-height: 2;
    margin-bottom: 2.5rem;
  }
  #check_point .check_point_content li { padding: 1.5rem 1.5rem 1.5rem 5rem; }
  #check_point .check_point_content li::before {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
}

/**
 * button
 */
.link-button {
  cursor: pointer;
  text-decoration: none !important;
  display: inline-block;
  padding: 12px 42px 13px;
  color: #fff !important;
  font-weight: bold;
  border-radius: 5px;
  line-height: 25.95px;
  font-size: 15px;
}
.link-button::before {
  content: '\f35a';
  font-family: 'Font Awesome 6 Free';
  font-weight: bold;
  margin-right: 5px;
  transition: all ease-in-out .3s;
}
.link-button-green {
  background: #3cb371;
  border-bottom: 4px solid #2e8b57;
}
.link-button-orange{
  background: #ff8c00;
  border-bottom: 4px solid #d2691e;
}

/**
 * balloon
 */
.balloon { display: flex; }
.balloon p,
.balloon span { margin: 0; }
.balloon-content-inner {
  position: relative;
  padding: 2rem;
  color: rgba(0, 0, 0);
  background: rgba(255, 255, 255);
  border: solid 1px rgba(0, 0, 0);
}
.balloon-icon { text-align: center; }
.balloon-icon,
.balloon-content { height: 100px; }
.balloon-icon { width: 80px; }
.balloon-icon img {
  margin-bottom: 5px;
  width: 100%;
  height: auto;
  border: solid 1px rgba(255, 255, 255);
  border-radius: 50%;
}
.balloon-content { padding: 15px 30px 0; }
.add-balloon-content { padding: 15px 50px 0; }
.balloon-arrow-left,
.balloon-arrow-right {
  pointer-events: none;
  position: absolute;
  top: 0;
  height: 0;
  width: 0;
  border: solid transparent;
}

/**
 * balloon-type-1
 */
.balloon-type-1-arrow-left,
.balloon-type-1-arrow-right {
  top: 18px;
  left: -24px;
  border-width: 12px;
  border-color: rgba(255, 255, 255, 0);
}
.balloon-type-1-arrow-left { border-right-color: rgba(0, 0, 0); }
.balloon-type-1-arrow-right { border-right-color: rgba(255, 255, 255); }
.add-balloon-type-1-arrow-left,
.add-balloon-type-1-arrow-right {
  left: auto !important;
  right: -24px;
}
.add-balloon-type-1-arrow-left {
  border-right-color: rgba(255, 255, 255, 0);
  border-left-color: rgb(0, 0, 0);
}
.add-balloon-type-1-arrow-right {
  border-right-color: rgba(255, 255, 255, 0);
  border-left-color: rgb(255, 255, 255);
}

/**
 * balloon-type-2
 */
.balloon-type-2-arrow-left,
.balloon-type-2-arrow-right {
  top: 23px;
  left: -17px;
  border-style: solid;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 16px;
  border-bottom-width: 16px;
  border-color: rgba(255, 255, 255, 0);
}
.balloon-type-2-arrow-left { border-right-color: rgba(0, 0, 0); }
.balloon-type-2-arrow-right {
  margin-top: 1px;
  margin-left: 1px;
  border-right-color: rgba(255, 255, 255);
}
.add-balloon-type-2-arrow-left,
.add-balloon-type-2-arrow-right {
  left: auto !important;
  right: -17px;
  border-top-width: 0;
  border-left-width: 16px;
  border-right-width: 0;
  border-bottom-width: 16px;
}
.add-balloon-type-2-arrow-left { border-left-color: rgba(0, 0, 0); }
.add-balloon-type-2-arrow-right {
  margin-right: 1px;
  border-left-color: rgba(255, 255, 255);
}

/**
 * balloon-type-3, 4
 */
.balloon-type-3-arrow-left,
.balloon-type-3-arrow-right,
.balloon-type-4-arrow-left,
.balloon-type-4-arrow-right  {
  background: #fff;
  border: solid 1px rgba(0, 0, 0);
  border-radius: 50%;
  box-sizing: content-box;
}
.balloon-type-3-arrow-left,
.balloon-type-4-arrow-left {
  top: 25px;
  left: -44px;
  width: 6px;
  height: 6px;
}
.balloon-type-3-arrow-right,
.balloon-type-4-arrow-right {
  top: 15px;
  left: -25px;
  width: 10px;
  height: 10px;
}
.balloon-type-3-content-inner,
.balloon-type-4-content-inner { border-radius: 20px; }
.add-balloon-type-3-arrow-left,
.add-balloon-type-3-arrow-right,
.add-balloon-type-4-arrow-left,
.add-balloon-type-4-arrow-right { left: auto !important; }
.add-balloon-type-3-arrow-left,
.add-balloon-type-4-arrow-left { right: -44px; }
.add-balloon-type-3-arrow-right,
.add-balloon-type-4-arrow-right { right: -25px; }

/**
 * balloon-type-4
 */
.balloon-type-4-arrow-left { top: 15px; }
.balloon-type-4-arrow-right { top: 25px; }
@media screen and (max-width: 991px){
  .balloon-content-inner { padding: 1rem;   }
  .add-balloon-content { padding: 1.5rem; }
}

/**
 * decorator
 */
.decorator-h h2,
.decorator-h p,
.decorator-at,
.decorator-bt,
.decorator-bt a,
.decorator-qa { position: relative; }
@media screen and (max-width: 991px){
}

/**
 * decorator-h
 */
.decorator-h-3 p,
.decorator-h-4 p,
.decorator-h-5 p,
.decorator-h-6 p { font-size: 15px !important; }
.decorator-h-1 h2::before,
.decorator-h-2 h2::before,
.decorator-h-3 h2::before,
.decorator-h-4 h2::before,
.decorator-h-5 h2::before,
.decorator-h-6 h2::before {
  width: 0 !important;
}
.decorator-h-1 h2,
.decorator-h-2 h2 {
  color: #fff !important;
  margin-bottom: 25px !important;
  padding: 15px 30px !important;
  font-weight: bold !important;
  background: #999;
}
.decorator-h-1 h2:after,
.decorator-h-2 h2:after {
  content: "";
  position: absolute;
  top: 100%;
  border: 15px solid transparent;
  border-top: 15px solid #999;
}
.decorator-h-1 h2:after { left: 24px; }
.decorator-h-2 h2:after {
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.decorator-h-3,
.decorator-h-4,
.decorator-h-5,
.decorator-h-6 { margin-bottom: 30px; }
.decorator-h-3 h2,
.decorator-h-4 h2 {
  margin-top: 12px !important;
  padding: 0 !important;
  color: #333 !important;
  font-weight: bold;
  border: none !important;
  background: #fff !important;
}
.decorator-h-3 h2::after,
.decorator-h-4 h2::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -10px;
  width: 100%;
  height: 2px;
  background: #999;
}
.decorator-h-3 p,
.decorator-h-4 p {
  color: #999;
  font-weight: bold;
}
.decorator-h-4,
.decorator-h-4 p { text-align: center; }
.decorator-h-5 p,
.decorator-h-6 p {
  position: relative;
  display: inline-block;
  margin: 15px 0;
  padding: 0 5px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  background: #999;
  border-radius: 50%;
  box-sizing: border-box;
}
.decorator-h-5 p::before,
.decorator-h-6 p::before {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 50%;
  border: 5px solid transparent;
  border-top: 15px solid #999;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 0;
}
.decorator-h-5 h2,
.decorator-h-6 h2 {
  padding: 15px 0 !important;
  color: #333 !important;
  font-weight: normal !important;
  background: #fff !important;
  border: none !important;
}
.decorator-h-5 h2::before,
.decorator-h-6 h2::before {
  position: absolute;
  display: block;
  content: "";
  bottom: -8px;
  width: 100%;
  height: 1px;
  background: #b0b0b0;
}
.decorator-h-5 h2::after,
.decorator-h-6 h2::after {
  position: absolute;
  display: block;
  content: "";
  bottom: -10.5px;
  left: 50%;
  width: 24px;
  height: 6px;
  background: #999;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 991px){
  .decorator-h-1 h2,
  .decorator-h-2 h2,
  .decorator-h-3 h2,
  .decorator-h-4 h2,
  .decorator-h-5 h2,
  .decorator-h-6 h2 { line-height: 1.5; }
  .decorator-h-1 h2,
  .decorator-h-2 h2 { padding: 1.2rem !important; }
  .decorator-h-3 p,
  .decorator-h-4 p { font-size: 1.6rem !important; }
  .decorator-h-5 p,
  .decorator-h-6 p { font-size: 1.4rem !important; }
}

/**
 * decorator-at
 */
.decorator-at-1 .at-title,
.decorator-at-2 .at-title,
.decorator-at-3 .at-title,
.decorator-at-4 .at-title,
.decorator-at-5 .at-title,
.decorator-at-6 .at-title,
.decorator-at-7 .at-content::before,
.decorator-at-8 .at-content::before,
.decorator-at-9 .at-content::before { font-size: 20px; }
.decorator-at-1,
.decorator-at-2,
.decorator-at-3 {
  margin: 60px 0 40px;
  padding: 72px 30px 42px;
  border: 1px solid #b0b0b0;
  border-radius: 12px;
}
.decorator-at-1 .at-title,
.decorator-at-2 .at-title,
.decorator-at-3 .at-title {
  display: block;
  position: absolute;
  top: -28px;
  left: 0;
  right: 0;
  margin: 0 24px 0;
  padding: 12px 22px;
  color: #fff;
  font-weight: bold;
  border-radius: 34px;
  background: #999;
  transition: all ease-in-out .3s;
}
.decorator-at-4,
.decorator-at-5,
.decorator-at-6 {
  margin: 48px 0 40px;
  background: #f5f5f5;
}
.decorator-at-4 .at-title,
.decorator-at-5 .at-title,
.decorator-at-6 .at-title {
  display: block;
  position: absolute;
  top: 24px;
  left: -10px;
  width: 100%;
  margin: 0;
  padding: 12px 22px;
  color: #fff;
  font-weight: bold;
  background: #999;
  transition: all ease-in-out .3s;
}
.decorator-at-4 .at-content,
.decorator-at-5 .at-content,
.decorator-at-6 .at-content { padding: 128px 24px 44px; }
.decorator-at-7,
.decorator-at-8,
.decorator-at-9 {
  position: relative;
  margin: 48px 0 40px;
  padding: 40px 24px;
  background: #f5f5f5;
}
.decorator-at-7 .at-title,
.decorator-at-8 .at-title,
.decorator-at-9 .at-title {
  text-align: center;
  margin-bottom: 16px;
  font-weight: bold;
}
.decorator-at-7 .at-content::before,
.decorator-at-8 .at-content::before,
.decorator-at-9 .at-content::before  {
  content: "\21";
  font-family: 'Font Awesome 6 Free';
  position: absolute;
  top: -16px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-weight: bold;
  background: #999;
  border-radius: 50%;
  transition: all ease-in-out .3s;
}
.decorator-at-8 .at-content::before { content: '\f0eb'; }
@media screen and (max-width: 991px){
  .decorator-at-1 .at-title,
  .decorator-at-2 .at-title,
  .decorator-at-3 .at-title,
  .decorator-at-4 .at-title,
  .decorator-at-5 .at-title,
  .decorator-at-6 .at-title,
  .decorator-at-7 .at-content::before,
  .decorator-at-8 .at-content::before,
  .decorator-at-9 .at-content::before {
    line-height: 1.5;
    font-size: 1.6rem;
  }
}

/**
 * decorator-bt
 */
.decorator-bt-1 a,
.decorator-bt-2 a,
.decorator-bt-4 a,
.decorator-bt-4 p,
.decorator-bt-5 a,
.decorator-bt-5 p,
.decorator-bt-6 a { font-size: 20px; }
.decorator-bt-3 { font-size: 16px; }
.decorator-bt-1,
.decorator-bt-2 {
  padding: 24px;
  margin-bottom: 40px;
  background: #f5f5f5;
}
.decorator-bt-1 a,
.decorator-bt-2 a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 32px 24px 32px;
  color: #fff !important;
  font-weight: bold;
  background: #999;
}
.decorator-bt-1 a:before,
.decorator-bt-2 a:before {
  content: '\f0e0';
  font-family: 'Font Awesome 6 Free';
  display: block;
  line-height: 24px;
  font-weight: bold;
  transition: all ease-in-out .3s;
}
.decorator-bt-2 a:before { content: '\f35a'; }
.decorator-bt-3 {
  text-align: center;
  margin-bottom: 40px;
  padding: 32px 24px 40px;
  border: 1px solid #d4d4d4;
}
.decorator-bt-3 p { margin-bottom: 18px; }
.decorator-bt-3 a {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 20px 40px;
  color: #fff !important;
  font-weight: bold;
  background: #999;
  border-radius: 12px;
  transition: all ease-in-out .3s;
}
.decorator-bt-3 a:after {
  content: "\f105";
  font-family: 'Font Awesome 6 Free';
  font-weight: bold;
  padding-left: 12px;
}
.decorator-bt-4 {
  text-align: center;
  margin-bottom: 40px;
  padding: 32px 24px 40px;
  background: #f5f5f5;
}
.decorator-bt-4 p,
.decorator-bt-4 a { font-weight: bold; }
.decorator-bt-4 p { margin-bottom: 18px; }
.decorator-bt-4 a {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 30px 24px;
  color: #fff !important;
  border-radius: 12px;
  background: #999;
  transition: all ease-in-out .3s;
}
.decorator-bt-4 a::before {
  content: '\f0e0';
  font-family: 'Font Awesome 6 Free';
  font-weight: bold;
  padding-right: 12px;
}
.decorator-bt-5 {
  text-align: center;
  margin-bottom: 40px;
  padding: 32px 24px 40px;
  background: #f5f5f5;
}
.decorator-bt-5 a,
.decorator-bt-6 a { font-weight: bold; }
.decorator-bt-5 p { margin-bottom: 18px; }
.decorator-bt-5 a,
.decorator-bt-6 a {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 30px 24px;
  color: #fff !important;
  border-radius: 12px;
  background: #999;
  transition: all ease-in-out .3s;
}
.decorator-bt-5 a::after,
.decorator-bt-6 a::after {
  content: '\f35a';
  font-family: 'Font Awesome 6 Free';
  font-weight: bold;
  padding-left: 12px;
}
.decorator-bt-6 {
  display: flex;
  margin-bottom: 40px;
  padding: 30px;
  border: 2px solid #b0b0b0;
  border-radius: 8px;
}
.decorator-bt-6 p,
.decorator-bt-6 a { width: 50%; }
.decorator-bt-6 a { text-align: center; }
@media screen and (max-width: 991px){
  .decorator-bt-1 a,
  .decorator-bt-2 a,
  .decorator-bt-4 a,
  .decorator-bt-4 p,
  .decorator-bt-5 a,
  .decorator-bt-5 p,
  .decorator-bt-6 a {
    line-height: 1.5;
    font-size: 1.8rem;
  }
  .decorator-bt-3 { font-size: 1.6rem; }
  .decorator-bt-3 a,
  .decorator-bt-5 a,
  .decorator-bt-6 a { padding: 1rem 2rem; }
  .decorator-bt-6 { padding: 1.5rem; }
  .decorator-bt-6 p,
  .decorator-bt-6 a { width: 48%; }
  .decorator-bt-6 p { margin-right: 4%; }
}

/**
 * decorator-qa
 */
.decorator-qa .qa-icon,
.decorator-qa-3 .qa-question .qa-icon,
.decorator-qa-4 .qa-question .qa-content p::before { font-size: 16px !important; }
.decorator-qa { margin-bottom: 40px; }
.decorator-qa .qa-question,
.decorator-qa .qa-answer {
  display: flex;
  line-height: 32px;
}
.decorator-qa .qa-question { margin: 0 0 24px; }
.decorator-qa .qa-icon {
  text-align: center;
  margin: 0;
  width: 32px;
  height: 32px;
  color: #fff;
  font-weight: bold;
  transition: all ease-in-out .3s;
}
.decorator-qa .qa-content {
  margin: 0;
  margin-bottom: 0;
  padding-top: 7px;
  padding-left: 12px;
  width: calc(100% - 32px);
  line-height: 1.5;
}
.decorator-qa .qa-answer .qa-icon { color: #000; }
.decorator-qa-1 .qa-question .qa-icon {
  background: #999;
  border-radius: 50%;
}
.decorator-qa-2 .qa-question {
  padding: 15px 15px 15px 0;
  background: #999;
}
.decorator-qa-2 .qa-question .qa-content { color: #fff; }
.decorator-qa-3 .qa-question .qa-icon {
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 0;
  width: 48px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #999;
  transition: all ease-in-out .3s;
}
.decorator-qa-3 .qa-question .qa-icon:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-bottom: 10px solid transparent;
  border-left: 23.5px solid #999;
  border-right: 23.5px solid #999;
  transition: all ease-in-out .3s;
}
.decorator-qa-3 .qa-answer .qa-icon { width: 48px; }
.decorator-qa-4 .qa-question .qa-icon {
  margin-right: 20px;
  width: 50px;
  height: 50px;
}
.decorator-qa-4 .qa-question .qa-icon::after {
  content: "\f007";
  font-family: 'Font Awesome 6 Free';
  font-weight: bold;
  font-size: 46px;
  line-height: 60px;
  color: #000;
}
.decorator-qa-4 .qa-question .qa-content {
  position: relative;
  padding: 20px 15px 20px 10px;
  color: #fff;
  background: #999;
}
.decorator-qa-4 .qa-question .qa-content:before {
  content: "";
  position: absolute;
  top:22px;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #999;
}
.decorator-qa-4 .qa-question .qa-content p {
  margin: 0;
  padding-left: 45px;
}
.decorator-qa-4 .qa-question .qa-content p::before {
  position: absolute;
  content: "Q";
  top: 18px;
  left: 20px;
  font-weight: bold;
  line-height: 24px;
}
.decorator-qa-4 .qa-answer { padding-left: 80px; }
@media screen and (max-width: 991px){
  .decorator-qa .qa-content { padding: 0.7rem 1rem 0; }
  .decorator-qa-2 .qa-question { padding: 1rem 0; }
  .decorator-qa-4 .qa-question .qa-content {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .decorator-qa-4 .qa-question .qa-content p { padding-left: 3.5rem; }
  .decorator-qa-4 .qa-question .qa-content p::before { top: 0.8rem; }
  .border-right-after-color4::after,
  .border-right-before-color4::before { border-right: solid 2.2rem #2581c4 !important; }
}

/**
 * decorator bubble
 */
.decorator-bubble {
  position: relative;
  padding: 17px 10px;
  color: #1c1c1c;
}
.decorator-bubble .bubble-type-a,
.decorator-bubble .bubble-type-b { display: flex; }
.decorator-bubble .bubble-type-b { flex-direction: row-reverse; }
.decorator-bubble .bubble-icon { margin-right: 60px; }
.decorator-bubble .bubble-type-b .bubble-icon {
  margin-left: 60px;
  margin-right: 0;
}
.decorator-bubble .bubble-icon img {
  width: 72px;
  height: 72px;
}
.decorator-bubble .bubble-name {
  position: absolute;
  top: 8px;
  left:80px;
}
.decorator-bubble .bubble-type-b .bubble-name {
  right: 80px;
  left: unset;
}
.decorator-bubble .bubble-comment {
  padding: 20px 30px;
  max-width: 605px;
  line-height: 27px;
  color: #1c1c1c;
  background: #f4fff9;
  border: 3px solid #008000;
  border-radius: 30px;
  border-top-left-radius: 0;
  box-shadow: none;
}
.decorator-bubble .bubble-type-b .bubble-comment {
  border-radius: 30px;
  border-top-right-radius: 0;
}
.bubble-select-icon {
  display: flex;
  justify-content: center;
  list-style: none;
  margin-bottom: 50px;
}
.bubble-select-icon li {
  margin: 0 10px;
  padding: 5px;
  border: solid 1px #f1f1f1;
}
.bubble-select-icon li img {
  width: 72px;
  height: 72px;
}
@media screen and (max-width: 991px){
  .decorator-bubble .bubble-speaker {
    margin-right: 10%;
    width: 20%;
  }
  .decorator-bubble .bubble-type-b .bubble-speaker {
    margin-right: 0;
    margin-left: 10%;
  }
  .decorator-bubble .bubble-content { width: 70%; }
  .decorator-bubble .bubble-icon { margin-right: 0; }
  .decorator-bubble .bubble-type-b .bubble-icon { margin-left: 0; }
  .decorator-bubble .bubble-icon img {
    width: auto;
    height: auto;
  }
  .decorator-bubble .bubble-name {
    left: 18%;
    font-size: 1.2rem;
  }
  .decorator-bubble .bubble-type-b .bubble-name { right: 18%; }
  .decorator-bubble .bubble-comment {
    padding: 1.4rem 2.5rem;
    border: 0.2rem solid #008000;
  }
}
