@charset "UTF-8";

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css");

/* normalize */

@import url("/_toss-site/wp-content/themes/tosshp_theme/assets/css/vendor/common.css");

html {

  font-size: 62.5%;

  overflow-x: hidden;

}



html.scrollPrevent {

  overflow: hidden;

  height: 100%;

}



body {

  background: #fff;

  font-family: -apple-system, BlinkMacSystemFont, Arial, "游ゴシック", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;

  font-size: 16px;

  font-size: 1.6em;

  line-height: 1.5;

  color: #333;

  height: auto !important;

  overflow: hidden;

}



@media (max-width: 767px) {

  body {

    font-size: 16px;

    font-size: 1.6em;

  }

}



_:-ms-lang(x)::-ms-backdrop, body {

  font-family: Arial, Meiryo, sans-serif;

}



main {

  overflow: hidden;

}



figure, picture {

  margin: 0;

  text-align: center;

}



figure img, picture img {

  max-width: 100%;

  height: auto;

}



figure figcaption, picture figcaption {

  margin-top: 0.5em;

  text-align: left;

}



a {

  color: #8a4cc7;

  transition: all .3s;

}



a:hover {

  color: #8a4cc7;

  text-decoration: none;

}



.highlight a {

  color: #333;

}



.highlight a:hover {

  color: #8a4cc7;

}



img {

  vertical-align: middle;

}



img.circle {

  border-radius: 50%;

}



p {

  margin: 0.5em 0.5em;

}



p:first-child {

  margin-top: 0;

}



p:last-child {

  margin-bottom: 0;

}



ol,

ul {

  margin: 0 0 1em;

  padding: 0 0 0 2.5em;

  line-height: 1.6;

}



ol:last-child,

ul:last-child {

  margin-bottom: 0;

}



ol ol,

ol ul,

ul ol,

ul ul {

  margin: 0.5em 0;

  padding-left: 2em;

}



ol ol:last-child,

ol ul:last-child,

ul ol:last-child,

ul ul:last-child {

  margin-bottom: 0.5em;

}



ul.list-unstyled {

  padding-left: 0;

  list-style: none;

}



ul.list-unstyled ol,

ul.list-unstyled ul {

  padding-left: 2em;

}



ul.list-inline {

  margin: 0;

  padding: 0;

  list-style: none;

  margin-left: -7px;

  font-size: 0px;

  font-size: 0rem;

  margin-bottom: 16px;

}



ul.list-inline > li {

  display: inline;

  padding-left: 7px;

  padding-right: 7px;

  white-space: nowrap;

  font-size: 16px;

  font-size: 1.6rem;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



td,

th {

  padding: 0;

}



main section {

  margin-bottom: 10%;

}



main section.highlight:last-child {

  margin-bottom: 0;

  padding-bottom: 10%;

}



@media (min-width: 768px) {

  p {

    margin: 0.5em 0.5em;

  }

  main section {

    margin-bottom: 5%;

  }

  main section:last-child {

    margin-bottom: 7%;

  }

}



@media (max-width: 900px) {

  .gutters .span_3.column_sub,

  .gutters .span_9.column_main {

    float: none;

    width: 100%;

    margin-left: 0;

  }

}



@media (min-width: 600px) and (max-width: 900px) {

  .gutters .span_3.column_sub .sidebar {

    letter-spacing: -.40em;

  }

  .gutters .span_3.column_sub .sidebar .widget_wrap {

    letter-spacing: normal;

    display: inline-block;

    vertical-align: top;

    width: 49%;

    margin-left: 2%;

  }

  .gutters .span_3.column_sub .sidebar .widget_wrap:nth-child(2n+1) {

    margin-left: 0;

  }

}



@media (min-width: 768px) {

  .container {

    max-width: 1000px;

  }

}



@media (min-width: 576px) and (max-width: 767px) {

  .container {

    max-width: 100%;

  }

}



.article_button {

  margin-top: 5%;

}



@media (min-width: 768px) {

  .article_detail:not(.reverse) .col.span_12 + .span_4,

  .article_list:not(.reverse) .col.span_12 + .span_4 {

    margin-left: 0;

  }

}



.sidebar {

  visibility: hidden;

}



.sidebar > .widget_wrap {

  visibility: visible;

}



.sidebar ul {

  margin: 0;

  padding: 0;

  list-style: none;

  margin-bottom: 6%;

}



.sidebar ul a {

  color: #333;

  text-decoration: none;

  display: block;

  padding: .5em;

  border-bottom: rgba(138, 76, 199, 0.1) solid 1px;

}



.sidebar ul a:hover {

  color: #8a4cc7;

  background: rgba(138, 76, 199, 0.05);

}



.gutters .col.span_12 + .span_12 {

  margin-left: 0;

}



.map_wide #map_canvas,

.map_wide iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.map_wide img {

  max-width: none;

}



.slick-track {

  margin: 0 auto;

}



.col dl p {

  line-height: 1.4;

  margin: 0;

}



.col p {

  line-height: 1.8;

}



.container {

  padding: 0 10px;

}



@media (min-width: 1020px) {

  .container {

    padding: 0;

  }

}



.container .container {

  padding: 0;

}



.highlight {

  padding: 4% 0;

  background: rgba(138, 76, 199, 0.1);

  color: #333;

}



.highlight.round {

  border-radius: 10px;

}



p.highlight, .col.highlight {

  padding: 4%;

}



.globalHeader {

  background: #fff;

  color: #333;

  font-size: 14px;

}



@media (max-width: 999px) {

  .globalHeader.high {

    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);

  }

}



@media (max-width: 767px) {

  .globalHeader {

    background: #fff;

    position: fixed;

    z-index: 999;

    width: 100%;

  }

}



.globalHeader .container {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin: 0 auto;

  padding: 0;

  height: 120px;

  max-width: 1000px;

}



.globalHeader .container .globalHeader_top {

  margin: 0 auto;

}



@media (max-width: 1050px) {

  .globalHeader .container .globalHeader_top {

    width: 98%;

  }

}



@media (max-width: 999px) {

  .globalHeader .container {

    height: 60px;

  }

}



.globalHeader .globalHeader_top {

  width: 100%;

  align-items: center;

  justify-content: space-between;

  flex-wrap: nowrap;

}



.globalHeader .globalHeader_top.row {

  display: block;

}



.globalHeader .header_logo {

  width: 136px;

  height: 29px;

  margin: 0;

  position: relative;

}



@media (min-width: 1000px) {

  .globalHeader .header_logo {

    top: 5px;

  }

}



@media (max-width: 999px) {

  .globalHeader .header_logo {

    left: 10px;

  }

}



@media (min-width: 768px) and (max-width: 999px) {

  .globalHeader .header_logo {

    width: 136px;

    height: auto;

  }

}



@media (max-width: 767px) {

  .globalHeader .header_logo {

    width: 136px;

    height: auto;

  }

}



.globalHeader .header_logo a {

  display: block;

  height: auto;

  line-height: 0;

  position: relative;

  text-decoration: none;

}



.globalHeader .header_logo a:after {

  content: "税理士専門マンガ＆ホームページ制作";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  top: 15px;

  right: -350px;

  left: auto;

  color: #000;

  font-weight: bold !important;

  font-size: 20px;

  font-size: 2rem;

}



@media (max-width: 767px) {

  .globalHeader .header_logo a:after {

    content: none;

  }

}



.globalHeader .header_logo a img {

  max-width: 100%;

}



.global_nav {

  max-width: 1000px;

  list-style-position: inside;

}



@media (min-width: 1000px) {

  .global_nav {

    margin: 0 auto;

  }

}



@media (max-width: 999px) {

  .global_nav {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    z-index: 56;

    transition: all .3s;

    display: flex;

    justify-content: flex-end;

    align-items: flex-start;

    opacity: 0;

    visibility: hidden;

    overflow-x: hidden;

    overflow-y: scroll;

  }

}



.global_nav > ul {

  list-style: none;

  padding: 0;

  width: 100%;

  display: flex;

  justify-content: flex-end;

  align-items: center;

  flex-wrap: wrap;

}



@media (min-width: 1000px) {

  .global_nav > ul {

    margin-top: 35px;

    justify-content: center;

    max-width: 100%;

  }

}



@media (max-width: 999px) {

  .global_nav > ul {

    display: block;

    background: rgba(138, 76, 199, 0.9);

    width: 80%;

    transform: translateX(100%);

    transition: all .3s;

    height: 100%;

    overflow: auto;

    -webkit-overflow-scrolling: touch;

  }

}



@media (max-width: 999px) {

  .global_nav > ul li {

    border-bottom: #b3b3b3 solid 1px;

  }

  .global_nav > ul li:first-child {

    border-top: #b3b3b3 solid 1px;

  }

}



.global_nav > ul li a {

  color: #333;

  text-decoration: none;

  padding: 0 1em;

  transition: all .3s;

}



@media (min-width: 1000px) {

  .global_nav > ul li a {

    position: relative;

    font-weight: bold;

    padding: 0 37px;

  }

  .global_nav > ul li a:before {

    content: '';

    width: 1px;

    height: .8em;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    background: #ccc;

  }

}



@media (max-width: 1050px) and (min-width: 768px) {

  .global_nav > ul li a {

    padding: 0 32px;

  }

}



@media (max-width: 999px) {

  .global_nav > ul li a {

    display: block;

    padding: 1em;

    color: #fff;

    position: relative;

  }

  .global_nav > ul li a:after {

    content: '';

    width: 8px;

    height: 8px;

    border: 0;

    border-top: solid 2px #fff;

    border-right: solid 2px #fff;

    transform: rotate(45deg);

    position: absolute;

    top: 50%;

    right: 1em;

    margin-top: -4px;

  }

}



.global_nav > ul li a:hover {

  opacity: 0.8;

}



@media (min-width: 1000px) {

  .global_nav > ul li:last-child a:after {

    content: '';

    width: 1px;

    height: .8em;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    background: #ccc;

  }

}



@media (max-width: 999px) {

  .global_nav.open {

    opacity: 1;

    visibility: visible;

    left: 0;

    background: rgba(0, 0, 0, 0.8);

  }

}



@media (max-width: 999px) {

  .global_nav.open > ul {

    transform: translateX(0);

  }

}



/**ハンバーガーメニュー**/

#headerToggle {

  display: none;

}



@media (max-width: 999px) {

  #headerToggle {

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    right: 20px;

    z-index: 99;

    cursor: pointer;

    width: 30px;

    height: 25px;

    transition: all .3s;

  }

  #headerToggle span {

    position: absolute;

    left: 0;

    width: 100%;

    height: 3px;

    background-color: #000;

    transition: all .4s;

  }

  #headerToggle span:nth-of-type(1) {

    top: 0px;

  }

  #headerToggle span:nth-of-type(2) {

    top: 11px;

  }

  #headerToggle span:nth-of-type(3) {

    bottom: 0px;

  }

  #headerToggle.active {

    right: calc(80% + 20px);

  }

  #headerToggle.active span {

    background-color: white;

  }

  #headerToggle.active span:nth-of-type(1) {

    transform: translateY(11px) rotate(-45deg);

  }

  #headerToggle.active span:nth-of-type(2) {

    left: 50%;

    opacity: 0;

  }

  #headerToggle.active span:nth-of-type(3) {

    transform: translateY(-11px) rotate(45deg);

  }

}



.hdr_info_wrapper {

  display: none;

}



@media (min-width: 1000px) {

  .hdr_info_wrapper {

    display: block;

    position: absolute;

    top: 15px;

    right: 0;

  }

}



.hdr_info_wrapper .hdr_info {

  display: flex;

  align-items: center;

}



@media (max-width: 1050px) and (min-width: 768px) {

  .hdr_info_wrapper .hdr_info {

    margin-right: 10px;

  }

}



.hdr_info_wrapper .hdr_info_group {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  justify-content: flex-end;

}



.hdr_info_wrapper .hdr_info_group li {

  margin-left: 10px;

}



.hdr_info_wrapper .hdr_info_group li.tel {

  font-size: 26px;

  font-size: 2.6rem;

  letter-spacing: 1px;

  font-weight: bold;

}



.hdr_info_wrapper .hdr_info_group li.tel span {

  position: relative;

  padding-left: 1em;

}



.hdr_info_wrapper .hdr_info_group li.tel span:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  right: auto;

  width: 17px;

  height: 23px;

  background: url("/_toss-site/wp-content/uploads/hdr_tel.png") no-repeat center center/contain;

}



.hdr_info_wrapper .hdr_info_group .button, .hdr_info_wrapper .hdr_info_group .inquiry .form_button, .inquiry .hdr_info_wrapper .hdr_info_group .form_button {

  width: 200px;

  font-size: 14px;

  font-size: 1.4rem;

}



.sp_hdr_info_wrapper {

  display: none;

}



@media (max-width: 999px) {

  .sp_hdr_info_wrapper {

    display: block;

    position: absolute;

    top: 17px;

    right: 50px;

  }

}



.sp_hdr_info_wrapper .sp_hdr_info_group {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  justify-content: flex-end;

}



.sp_hdr_info_wrapper .sp_hdr_info_group li {

  margin-left: 10px;

}



.sp_hdr_info_wrapper .sp_hdr_info_group li.tel {

  margin: 0 25px;

}



.sp_hdr_info_wrapper .sp_hdr_info_group li.mail {

  margin: 0;

}



footer {

  position: relative;

  padding: 60px 0;

  font-size: 16px;

}



@media (max-width: 767px) {

  footer {

    padding: 0 0 1em;

  }

}



footer h3 {

  font-size: 16px;

  font-size: 1.6rem;

}



@media (max-width: 767px) {

  footer h3 {

    margin: 20px 0 0;

  }

}



footer h3:after {

  width: 90%;

  left: 0;

  background: #d4aafc;

}



@media (max-width: 767px) {

  footer h3:after {

    content: none;

  }

}



footer .fNav ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



footer .fNav ul li + li {

  border-top: 1px solid rgba(138, 76, 199, 0.3);

}



footer .fNav ul li a {

  display: block;

  padding: 1em 15px;

  text-decoration: none;

}



footer .fNav ul li.has_under ul {

  display: block !important;

}



footer .copy_right {

  font-size: 16px;

  font-size: 1.6rem;

}



@media (max-width: 767px) {

  footer ul {

    border-top: 1px solid rgba(138, 76, 199, 0.3);

  }

  footer ul li > ul {

    border-top: 1px solid rgba(138, 76, 199, 0.3);

  }

  footer ul li.has_under ul {

    display: block !important;

    height: auto !important;

  }

  footer ul li.has_under ul a {

    font-size: 90%;

    padding-left: 1.5em;

  }

  footer .col {

    margin-bottom: 0 !important;

  }

}



@media (min-width: 768px) {

  footer .fNav {

    margin-bottom: 5%;

  }

  footer .fNav ul {

    width: 100%;

    text-align: left;

    border-bottom: none;

  }

  footer .fNav ul li {

    border: none !important;

  }

  footer .fNav ul li a {

    padding: .2em 1em .2em .8em !important;

    text-decoration: none;

    position: relative;

  }

  footer .fNav ul li a:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    right: auto;

    width: 3px;

    height: 3px;

    border-radius: 50%;

    background: #000;

  }

  footer .fNav ul li > ul {

    padding-left: .2em;

  }

  footer .fNav ul li > ul a {

    font-size: 90%;

  }

  footer .fNav ul li > ul a:before {

    width: 5px;

    height: 5px;

    border: none;

    background: #8a4cc7;

    border-radius: 50%;

    margin-top: -2px;

  }

}



.copy_right {

  color: #333;

  font-size: 16px;

  font-size: 1.6rem;

  margin: 0;

  padding: 2em 0;

  border-top: 1px solid #ccc;

}



@media (max-width: 767px) {

  .copy_right {

    padding: 1em 0 14%;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  footer nav ul li.tablet-break:after {

    content: "\A";

    white-space: pre;

  }

  footer nav ul li.tablet-break + li:before {

    display: none;

  }

}



footer {

  background: #fff;

  color: #333;

}



footer a {

  color: #333;

}



footer a:hover {

  color: #333;

}



@media (min-width: 768px) {

  footer .container .row nav ul {

    display: inline-block;

  }

  footer .container .row nav a {

    display: inline-block;

    padding: 0.3em;

  }

}



@media (max-width: 767px) {

  .sp_fix_bnr {

    position: fixed;

    bottom: 0;

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

  }

  .sp_fix_bnr li.mail {

    border-left: 1px solid #fff;

    border-right: 1px solid #fff;

  }

  .sp_fix_bnr li img {

    width: 100%;

  }

}



.bread_wrap {

  margin-bottom: 2%;

}



.bread {

  overflow: hidden;

  margin: 0;

  font-size: 12px;

  font-size: 1.2rem;

}



.bread ul {

  padding: 1em 0;

  margin: 0 auto;

  float: none;

}



.bread ul li {

  list-style: none;

  position: relative;

  float: left;

  padding-right: 2em;

  margin-right: 1.5em;

}



.bread ul li a {

  text-decoration: none;

  color: #8a4cc7;

}



.bread ul li a:hover {

  color: #8a4cc7;

  text-decoration: none;

}



.bread ul li:after {

  content: '>';

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}



.bread ul li:last-child {

  padding-right: 0;

  margin-right: 0;

}



.bread ul li:last-child:after {

  content: none;

}



.button, .inquiry .form_button {

  display: inline-block;

  max-width: 350px;

  width: 100%;

  margin: 0;

  padding: 1em 1em;

  border: #8a4cc7 solid 1px;

  border-radius: 0px;

  line-height: 1;

  background: #8a4cc7;

  color: white;

  text-align: center;

  text-decoration: none;

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  transition: .3s;

  font-size: 16px;

  font-size: 1.6rem;

  cursor: pointer;

  /*

* ボタン矢印

*/

}



.button:hover, .inquiry .form_button:hover {

  background: #7d3bbe;

  color: white;

  border-color: #7d3bbe;

}



.button.arrow, .inquiry .arrow.form_button {

  position: relative;

  font-size: 16px;

  font-size: 1.6rem;

}



.button.arrow:after, .inquiry .arrow.form_button:after {

  content: "";

  display: block;

  position: absolute;

  top: 41%;

  right: 6%;

  margin: auto;

  width: 5px;

  height: 5px;

  border-bottom: 1px solid white;

  border-right: 1px solid white;

  transform: rotate(-45deg);

  transition: 0.2s;

}



.button.arrow:hover, .inquiry .arrow.form_button:hover {

  border: 1px solid #8a4cc7;

}



.button.arrow:hover:after, .inquiry .arrow.form_button:hover:after {

  right: 4%;

}



.highlight .button, .highlight .inquiry .form_button, .inquiry .highlight .form_button {

  color: white;

}



.highlight .button:hover, .highlight .inquiry .form_button:hover, .inquiry .highlight .form_button:hover {

  color: white;

}



.button.block, .inquiry .block.form_button {

  display: block;

  min-width: 0;

}



.button.large, .inquiry .large.form_button {

  padding: 1em 2em;

  font-size: 16px;

  font-size: 1.6rem;

}



.button.small, .inquiry .small.form_button {

  padding: .6em 1em;

  max-width: unset;

  width: auto;

}



.button.small.arrow, .inquiry .small.arrow.form_button {

  padding-right: 2.5em;

}



.button + .button, .inquiry .form_button + .button, .inquiry .button + .form_button, .inquiry .form_button + .form_button {

  margin-left: 0.5em;

}



.arrow.external {

  position: relative;

}



.arrow.external:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  left: auto;

  right: 6%;

  width: 14px;

  height: 14px;

  background: url("/_toss-site/wp-content/uploads/open_in_new-24px_white.svg") no-repeat center center/cover;

  transform: none;

  border: none;

}



@media (max-width: 999px) and (min-width: 768px) {

  .arrow.external:after {

    right: 4%;

  }

}



/* お問い合わせフォーム */

.inquiry fieldset {

  margin: 0;

  padding: 4%;

  border: rgba(138, 76, 199, 0.1) solid 5px;

  border-radius: 10px;

}



.inquiry .table-default {

  border: none;

}



.inquiry .table-default th {

  background: none;

  border: none;

  text-align: left;

  padding: .5em;

  vertical-align: top;

  font-weight: bold;

}



.inquiry .table-default td {

  background: none;

  border: none;

  padding: .5em;

}



.inquiry input[type="text"],

.inquiry input[type="url"],

.inquiry input[type="email"],

.inquiry input[type="tel"],

.inquiry input[type="date"],

.inquiry input[type="number"],

.inquiry select,

.inquiry textarea {

  width: 100%;

  padding: 5px;

  color: #000;

  font-size: 16px;

  font-size: 1.6rem;

  margin: .2em .2em;

}



.inquiry input[type="number"] {

  width: 65px;

  text-align: center;

}



.inquiry input.p-postal-code {

  width: 100px;

}



.inquiry input.p-region {

  width: 100px;

}



.inquiry input.p-locality {

  width: 150px;

}



.inquiry input.p-street-address {

  width: 100%;

}



.inquiry input.p-extended-address {

  width: 100%;

}



.inquiry .mwform-tel-field {

  display: flex;

  justify-content: space-between;

}



.inquiry .submit {

  margin: 1em 0;

  text-align: center;

}



.inquiry .required {

  display: inline-block;

  background: #c00;

  color: white;

  padding: .2em .5em;

  font-size: 12px;

  font-size: 1.2rem;

  margin-left: .5em;

}



@media (min-width: 768px) {

  .inquiry input[type="text"],

  .inquiry input[type="url"],

  .inquiry input[type="email"],

  .inquiry input[type="tel"],

  .inquiry input[type="date"],

  .inquiry input[type="text"],

  .inquiry select {

    margin: 0 .2em;

  }

  .inquiry input[type="number"] {

    width: 65px;

  }

  .inquiry input.p-postal-code {

    width: 100px;

  }

  .inquiry input.p-region {

    width: 100px;

  }

  .inquiry input.p-locality {

    width: 150px;

  }

  .inquiry input.p-street-address {

    width: 100%;

  }

  .inquiry input.p-extended-address {

    width: 100%;

  }

  .inquiry textarea {

    width: 100%;

  }

  .inquiry .input_wrap {

    display: block;

    margin: 0 .2em;

  }

  .inquiry .input_wrap input, .inquiry .input_wrap textarea {

    margin: 0;

  }

  .inquiry .input_wrap:last-child {

    margin-right: auto;

  }

  .inquiry .submit {

    margin: 60px 0 0;

  }

}



.form_button_wrap {

  display: flex;

  justify-content: center;

}



@media (max-width: 767px) {

  .form_button_wrap {

    flex-flow: column;

    justify-content: center;

    align-items: center;

  }

}



.form_button_wrap button {

  margin: .5em !important;

}



.privacy_wrap {

  margin-top: 5%;

  border: #ccc solid 1px;

  padding: 1em;

  height: 400px;

  overflow-y: scroll;

}



.mw_wp_form_confirm .input-show {

  display: none;

}



.mw_wp_form_input .input-hide {

  display: none;

}



.movie {

  position: relative;

  overflow: hidden;

  height: 0;

  padding-top: 56.25%;

}



.movie iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100% !important;

  height: 100% !important;

}



.movie.ar16to9 {

  padding-top: 56.25%;

}



.movie.ar4to3 {

  padding-top: 75%;

}



@media (max-width: 767px) {

  .news .heading {

    display: flex;

    justify-content: space-between;

  }

  .news .heading h2 {

    text-align: left;

    margin: 0 0 1em;

  }

  .news .heading h2:after {

    right: auto;

  }

}



.news dl {

  margin: 0;

  overflow-y: auto;

  max-height: 300px;

}



.news dl dt {

  margin: 0.5em 0 0;

  padding: 0 1em;

  font-weight: normal;

}



.news dl dd {

  margin: 0.5em 0;

  padding: 0 1em 0.5em;

  border-bottom: #ccc solid 1px;

  position: relative;

}



.news dl dd a {

  text-decoration: none;

}



.news dl dd a:hover {

  text-decoration: underline;

}



.news dl .badge_category {

  display: inline-block;

  background: #8a4cc7;

  color: white;

  padding: .2em 1em;

  margin-left: 1em;

  font-size: 14px;

  font-size: 1.4rem;

}



@media (min-width: 768px) {

  .news > div {

    display: flex;

    width: 100%;

    margin: 0 auto;

  }

  .news > div .heading {

    width: 23.5%;

  }

  .news h2 {

    margin: 0;

    padding: 0;

  }

  .news h2:after {

    display: none;

  }

  .news .content {

    overflow: hidden;

    width: 74.5%;

    padding-left: 2%;

  }

  .news dl {

    overflow-y: auto;

    max-height: 200px;

  }

  .news dl dt {

    margin: 0;

    padding: 1em 0 .5em 0;

  }

  .news dl dd {

    margin: 0;

    padding: .5em 0 1em 0;

  }

}



.qa h3.question {

  font-size: 16px;

  font-size: 1.6rem;

  border: none;

}



.qa .question {

  position: relative;

  margin-bottom: 1em;

  padding: 1em 50px 1em 1em;

  background-color: rgba(138, 76, 199, 0.1);

  font-weight: normal;

}



.qa .question:after {

  content: none;

}



.qa .question:before {

  content: none;

}



.qa .question.open:after {

  transform: rotate(180deg);

}



.qa .answer {

  padding: 0 0 0 1em;

}



.qa .answer:not(:last-child) {

  margin-bottom: 2em;

}



.qa.qa_active .question {

  cursor: pointer;

}



.qa.qa_active .question:after {

  content: '';

  display: block;

  width: 24px;

  height: 24px;

  position: absolute;

  right: 1em;

  left: auto;

  top: 50%;

  bottom: auto;

  margin-top: -12px;

  background: url("/_toss-site/wp-content/uploads/arrow_down.svg") center center no-repeat;

  background-size: 24px;

  transition: .5s;

  border: none;

}



.qa.qa_active .question:hover {

  background: rgba(130, 64, 195, 0.1);

}



.qa.qa_active .answer {

  display: none;

}



.qa.qa-open .question {

  padding-right: 1em;

  cursor: default;

}



.qa.qa-open .question:hover {

  background-color: rgba(138, 76, 199, 0.1);

}



.qa.qa-open .question:after {

  display: none;

}



.qa.qa-open .answer {

  display: block;

}



.highlight .qa .question {

  background: rgba(151, 95, 205, 0.1);

}



.highlight .qa .question:hover {

  background: rgba(143, 84, 201, 0.1);

}



.highlight .qa.qa-open .question:hover {

  background: rgba(151, 95, 205, 0.1);

}



.shopinfo figure, .shopinfo picture {

  max-width: 80%;

  margin: 0 auto;

}



.shopinfo address {

  text-align: center;

  font-size: 20px;

  font-size: 2rem;

  font-style: normal;

}



.shopinfo dl {

  margin: 2em 0;

  line-height: 1.4;

}



.shopinfo dl:first-child {

  margin-top: 0;

}



.shopinfo dl dt {

  margin: 0 0 0.2em 0;

  font-weight: normal;

}



.shopinfo dl dt:before {

  content: '';

  display: inline-block;

  width: 8px;

  height: 3px;

  margin-right: 0.3em;

  vertical-align: middle;

  background: #8a4cc7;

}



.shopinfo dl dd {

  margin: 0 0 0.5em 1em;

  padding: 0;

}



.map_container {

  position: relative;

  width: 100%;

  height: 0;

  padding-top: 70%;

}



.map_container iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.map_container + p {

  margin-top: 2em;

}



.map_wide {

  position: relative;

  width: 100%;

  height: 0;

  padding-top: 70%;

}



.map_wide iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



body.scroll .googlemap {

  pointer-events: none;

}



@media (min-width: 768px) {

  .shopinfo figure, .shopinfo picture {

    max-width: 100%;

  }

  .shopinfo address {

    margin-bottom: 15px;

    text-align: left;

    font-size: 26px;

    font-size: 2.6rem;

    line-height: 1;

  }

  .shopinfo dl.dl-horizontal {

    margin: 10px 0;

  }

  .shopinfo dl.dl-horizontal dd {

    margin-bottom: 0.3em;

  }

  .shopinfo .span12 .map_container {

    padding-top: 50%;

  }

  .map_wide {

    padding-top: 420px;

  }

}



#sitemap {

  border-top: rgba(51, 51, 51, 0.3) solid 1px;

}



#sitemap ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



#sitemap ul li a {

  display: block;

  text-decoration: none;

  position: relative;

  padding: .5em 1em;

  border-bottom: rgba(51, 51, 51, 0.3) solid 1px;

  font-size: 18px;

  font-size: 1.8rem;

}



#sitemap ul li a:before {

  content: '';

  width: 6px;

  height: 6px;

  border: 0px;

  border-top: solid 2px #333;

  border-right: solid 2px #333;

  transform: rotate(45deg);

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  margin: auto;

}



#sitemap ul li a:hover {

  background: rgba(138, 76, 199, 0.1);

}



.sns_icons {

  display: table;

  margin: 0;

  padding: 0;

  list-style: none;

  font-size: 0px;

  font-size: 0rem;

  margin: auto;

}



.sns_icons > li {

  display: inline;

  padding-left: 0;

  padding-right: 0;

  white-space: nowrap;

  font-size: 16px;

  font-size: 1.6rem;

}



.sns_icons li {

  display: inline-block;

}



.sns_icons li:not(:last-child) {

  margin-right: 10px;

}



.sns_icons a {

  display: block;

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  width: 34px;

  height: 34px;

  background-repeat: no-repeat;

  background-size: contain;

}



.sns_icons a.icon_facebook {

  background-image: url("/_toss-site/wp-content/uploads/icon_facebook.png");

}



.sns_icons a.icon_twitter {

  background-image: url("/_toss-site/wp-content/uploads/icon_twitter.png");

}



.sns_icons a.icon_line {

  background-image: url("/_toss-site/wp-content/uploads/icon_line.png");

}



.sns_icons a.icon_google {

  background-image: url("/_toss-site/wp-content/uploads/icon_google.png");

}



.sns_icons a.icon_instagram {

  background-image: url("/_toss-site/wp-content/uploads/icon_instagram.png");

}



footer .sns_icons {

  margin-top: 1.5em;

}



@media (min-width: 768px) {

  .sns_icons {

    margin: 0;

  }

  .sns_icons.center {

    margin: auto;

  }

  .sns_icons li:not(:last-child) {

    margin-right: 20px;

  }

  .sns_icons a {

    width: 68px;

    height: 68px;

  }

  footer .sns_icons {

    margin-top: 30px;

  }

}



@media (max-width: 767px) {

  .sp_image_cols.sp_col2 {

    display: flex;

    flex-wrap: wrap;

  }

  .sp_image_cols.sp_col2 .col {

    width: 50%;

    padding: 0 1%;

  }

  .sp_image_cols.sp_col3 {

    display: flex;

    flex-wrap: wrap;

  }

  .sp_image_cols.sp_col3 .col {

    width: 33.3333333333%;

    padding: 0 1%;

  }

}



table {

  margin: 0 auto;

}



table td,

table th {

  padding: 0.7em 1em;

}



@media (max-width: 767px) {

  table td,

  table th {

    padding: 0.7em .3em;

  }

}



table th {

  text-align: center;

  font-weight: normal;

}



.table-default {

  width: 100%;

  table-layout: fixed;

}



.table-default thead th, .table-default thead td {

  background: rgba(138, 76, 199, 0.15);

}



.table-default td,

.table-default th {

  border: 1px solid #d4aafc;

}



.table-default th {

  background: rgba(212, 170, 252, 0.2);

  color: #333;

}



.table-default td {

  background: transparent;

}



.table_fee th:first-child {

  width: 136px !important;

}



@media (max-width: 767px) {

  .table_career tr:first-child td {

    display: none;

  }

}



.table-menu {

  width: 100%;

}



.table-menu caption {

  margin-bottom: 0.5em;

  text-align: center;

  font-size: 20px;

  font-size: 2rem;

}



.table-menu td,

.table-menu th {

  padding: 0.7em 1em;

  border-top: 1px solid #8a4cc7;

  border-bottom: 1px solid #8a4cc7;

}



@media (max-width: 767px) {

  .table-menu td,

  .table-menu th {

    padding: 0.7em .3em;

  }

}



.table-menu tbody th {

  text-align: left;

}



.table-menu td:last-child {

  text-align: right;

  white-space: nowrap;

}



@media (max-width: 767px) {

  .responsive-stack {

    display: block;

  }

  .responsive-stack thead {

    display: none;

  }

  .responsive-stack tbody,

  .responsive-stack td,

  .responsive-stack th,

  .responsive-stack tr {

    display: block;

  }

  .responsive-stack td,

  .responsive-stack th {

    width: 100% !important;

  }

  .responsive-stack tr:not(:last-child) td,

  .responsive-stack tr:not(:last-child) th {

    border-bottom: 0;

  }

  .responsive-stack tr:last-child :not(:last-child) {

    border-bottom: 0;

  }

}



@media (max-width: 767px) {

  .responsive-list {

    display: block;

  }

  .responsive-list thead {

    display: none;

  }

  .responsive-list tbody,

  .responsive-list td,

  .responsive-list th,

  .responsive-list tr {

    display: block;

  }

  .responsive-list tr:not(:last-child) td {

    border-bottom: 0;

  }

  .responsive-list td {

    position: relative;

    padding-left: 40%;

    white-space: normal;

    text-align: left;

  }

  .responsive-list td:first-child {

    border-bottom: 0;

  }

  .responsive-list td:last-child {

    border-top: 0;

  }

  .responsive-list td:not(:first-child):not(:last-child) {

    border-top: 0;

    border-bottom: 0;

  }

  .responsive-list td:before {

    content: attr(data-title);

    position: absolute;

    top: 6px;

    left: 6px;

    width: 35%;

    padding-right: 10px;

    white-space: normal;

    text-align: left;

    font-weight: bold;

  }

}



@media (max-width: 767px) {

  .responsive-scroll-container {

    display: block;

    width: 100%;

    min-height: 0.01%;

    overflow-x: scroll;

  }

  .responsive-scroll-container .responsive-scroll-inner {

    width: 798px;

    padding: 0 15px 15px;

  }

  .responsive-scroll-container table {

    width: 768px;

    margin: 0;

  }

}



table.table-default.typeA tr td,

table.table-default.typeA tr th {

  border: 0;

}



table.table-default.typeA tr:nth-child(odd) th {

  background: #8a4cc7;

}



table.table-default.typeA tr:nth-child(odd) td {

  background: rgba(138, 76, 199, 0.1);

}



table.table-default.typeA tr:nth-child(even) th {

  background: #a373d3;

}



table.table-default.typeA tr:nth-child(even) td {

  background: rgba(163, 115, 211, 0.1);

}



table.table-default.typeB {

  border-spacing: 0;

  overflow: hidden;

}



table.table-default.typeB tbody td,

table.table-default.typeB tbody th {

  background: transparent;

  color: #333;

  border: 0;

  border-bottom: 1px solid rgba(212, 170, 252, 0.1);

}



table.table-default.typeB tbody tr {

  position: relative;

}



table.table-default.typeB tbody th {

  color: #8a4cc7;

}



table.table-default.typeC th {

  background: rgba(212, 170, 252, 0.2);

  color: #333;

}



table.table-default.typeC td,

table.table-default.typeC th {

  border: 0;

}



table.table-default.typeC td:not(:last-child),

table.table-default.typeC th:not(:last-child) {

  border-bottom: 2px #fff solid;

}



table.table-default.typeC tr {

  position: relative;

}



table.table-default.typeC td {

  transform: translateX(2px);

}



.highlight table.table-default.typeC td,

.highlight table.table-default.typeC th {

  border: 0;

}



.highlight table.table-default.typeC td:not(:last-child),

.highlight table.table-default.typeC th:not(:last-child) {

  border-bottom: 2px rgba(138, 76, 199, 0.1) solid;

}



._table_line .news dl {

  border-top: 1px dotted #a6a6a6;

  max-height: none;

}



._table_line .news dl dt {

  width: 230px;

  padding-left: 20px;

}



._table_line .news dl dt + dd {

  border-bottom: 1px dotted #a6a6a6;

  padding-left: 230px;

}



h1:not(.header_logo) {

  text-align: center;

  font-size: 40px;

  font-size: 4rem;

  font-weight: normal;

  padding: .7em 5%;

  color: #fff;

  background: #8a4cc7;

  margin: 0 0 3%;

}



@media (max-width: 999px) {

  h1:not(.header_logo) {

    margin-top: 60px;

  }

}



h1:not(.header_logo) a {

  text-decoration: none;

}



h1:not(.header_logo) a:hover {

  text-decoration: underline;

}



h1:not(.header_logo) span {

  display: block;

  font-size: 16px;

  font-size: 1.6rem;

  padding-top: .5em;

  color: ligten(#fff, 10%);

  font-style: italic;

}



@media (max-width: 767px) {

  h1:not(.header_logo) {

    font-size: 24px;

    font-size: 2.4rem;

  }

  h1:not(.header_logo) span {

    font-size: 14px;

    font-size: 1.4rem;

  }

}



h2 {

  display: block;

  margin: 0 auto 1em;

  position: relative;

  text-align: center;

  border: 0;

  font-weight: bold;

  padding: 0 0 .5em;

  font-size: 30px;

  font-size: 3rem;

  color: #333;

}



h2 a {

  text-decoration: none;

  color: #333;

}



h2 a:hover {

  text-decoration: underline;

  color: #333;

}



h2 span {

  display: block;

  font-size: 14px;

  font-size: 1.4rem;

  padding-top: 1em;

}



h2:after {

  content: '';

  display: block;

  position: absolute;

  height: 2px;

  width: 60px;

  right: 0;

  left: 0;

  bottom: 0;

  top: auto;

  margin: auto;

  background: #8a4cc7;

}



@media (max-width: 767px) {

  h2 {

    font-size: 24px;

    font-size: 2.4rem;

  }

  h2:after {

    width: 20px;

  }

}



h3 {

  margin: 0 0 1em;

  padding-bottom: 0.5em;

  color: #333;

  font-size: 24px;

  font-size: 2.4rem;

  position: relative;

}



h3 a {

  text-decoration: none;

}



h3 a:hover {

  text-decoration: underline;

}



h3:after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  display: block;

  width: 100%;

  height: 1px;

  background: rgba(138, 76, 199, 0.2);

}



@media (max-width: 767px) {

  h3 {

    font-size: 20px;

    font-size: 2rem;

  }

}



h4 {

  margin: 0 0 1em;

  padding-left: 1em;

  font-size: 18px;

  font-size: 1.8rem;

  position: relative;

  color: #333;

  font-weight: bold;

}



h4 a {

  text-decoration: none;

}



h4 a:hover {

  text-decoration: underline;

}



h4:after {

  content: '';

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  display: block;

  width: 5px;

  height: 1em;

  margin: auto;

  background: #8a4cc7;

}



@media (max-width: 767px) {

  h4 {

    font-size: 14px;

    font-size: 1.4rem;

  }

}



.widget_wrap .widget_header {

  font-size: 16px;

  font-size: 1.6rem;

  color: #333;

  padding: .5em 0 .5em .5em;

  border-bottom: #8a4cc7 solid 2px;

  font-weight: bold;

}



.widget_wrap .widget_header a {

  text-decoration: none;

}



.widget_wrap .widget_header a:hover {

  text-decoration: underline;

}



@media (max-width: 767px) {

  .widget_wrap .widget_header {

    font-size: 14px;

    font-size: 1.4rem;

  }

}



.main_visual {

  position: relative;

}



@media (max-width: 767px) {

  .main_visual {

    margin-top: 60px;

  }

}



.main_visual .main_visual_slick, .main_visual .slick-track {

  margin: 0;

  padding: 0;

  list-style: none;

  height: 100% !important;

}



.main_visual .slick-track {

  position: absolute;

  left: 0;

  right: 0;

  margin: auto;

}



.main_visual .slick-list {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: auto;

  height: 100%;

}



.main_visual .main_visual_slick {

  position: relative;

  margin: 0 auto;

}



.main_visual .main_visual_slick .slick-slide {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  overflow: hidden;

}



.main_visual .main_visual_slick .slick-slide picture, .main_visual .main_visual_slick .slick-slide img {

  position: absolute;

  left: -300%;

  right: -300%;

  margin: auto;

  top: 0;

  height: 100%;

}



.main_visual .main_visual_copy {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  margin: 0;

  padding: 0;

  list-style: none;

  width: 1000px;

  max-width: 98%;

  margin: 0 auto;

  z-index: 53;

}



.main_visual .main_visual_copy > li {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}



.main_visual .main_visual_copy > li img {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  width: 100.6%;

  max-width: 1006px;

  max-height: 601px;

  z-index: 52;

}



@media (max-width: 767px) {

  .main_visual .main_visual_copy > li img {

    width: 90%;

  }

}



.main_visual .main_visual_slick {

  padding-top: 86%!important;

}



@media (min-width: 1000px) {

  .main_visual .main_visual_slick {

    padding-top: 0 !important;

    height: 860px !important;

  }

}



@media (min-width: 1920px) {

  .main_visual .main_visual_slick {

    padding-top: 44.79167%!important;

  }

}



@media (max-width: 767px) {

  .main_visual .main_visual_slick {

    padding-top: 104.30248%!important;

  }

}



.slick-dots {

  z-index: 55 !important;

  bottom: 0;

}



.slick-dots li button {

  margin: 0 auto;

  background: #ccc;

}



.slick-dots li.slick-active button {

  background: #8a4cc7;

}



.main_visual .main_visual_swiper .swiper-slide {

  position: relative;

}



.main_visual .main_visual_swiper .swiper-slide a {

  color: white;

}



.main_visual .main_visual_swiper .swiper-slide .ofi {

  padding-top: 700px;

}



.main_visual .main_visual_swiper .swiper-slide .text_wrapper {

  position: absolute;

  width: 100%;

  bottom: 0;

  background: rgba(0, 0, 0, 0.2);

  padding: 1em;

}



.main_visual .main_visual_swiper .swiper-slide .text_wrapper h3 {

  color: white;

  padding: 0;

  margin: 0 0 .5em;

}



.main_visual .main_visual_swiper .swiper-slide .text_wrapper h3:after {

  content: none;

}



.main_visual .swiper-button-prev, .main_visual .swiper-button-next {

  background: #8a4cc7;

  color: white;

  width: 60px;

  height: 60px;

}



@media (max-width: 767px) {

  .main_visual .swiper-button-prev, .main_visual .swiper-button-next {

    width: 40px;

    height: 40px;

  }

}



.main_visual .swiper-button-prev:after, .main_visual .swiper-button-next:after {

  font-size: 16px;

}



@media (max-width: 767px) {

  .main_visual .swiper-button-prev:after, .main_visual .swiper-button-next:after {

    font-size: 14px;

  }

}



@media (max-width: 767px) {

  .main_visual .swiper-button-prev {

    left: 0;

  }

}



@media (max-width: 767px) {

  .main_visual .swiper-button-next {

    right: 0;

  }

}



.main_visual .swiper-pagination {

  position: static;

  margin: 1em 0;

}



.main_visual .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background: #8a4cc7;

  margin: 0 5px;

  outline-color: transparent;

}



.article_list {

  padding: .5em;

  border-top: rgba(138, 76, 199, 0.2) solid 1px;

  position: relative;

  overflow: hidden;

}



@media (min-width: 768px) {

  .article_list {

    padding: 1em;

  }

}



.article_list .span_12 {

  margin: 2% 0;

}



.article_list:last-of-type {

  border-bottom: rgba(138, 76, 199, 0.2) solid 1px;

  margin-bottom: 6%;

}



.article_list .post_header .time:before {

  content: '\f073';

  font-family: "Font Awesome 5 Free";

  margin-right: .5em;

}



.article_list .post_header .category_badge {

  background: #8a4cc7;

  color: white;

  font-size: 14px;

  font-size: 1.4rem;

  margin-left: 1em;

  display: inline-block;

}



.article_list .post_header .category_badge a {

  display: block;

  padding: .2em 1em;

  color: white;

  text-decoration: none;

}



.article_list h2 {

  text-align: left;

  margin: 0 0 .5em;

  padding: 0;

  font-size: 24px;

  font-size: 2.4rem;

}



@media (max-width: 767px) {

  .article_list h2 {

    font-size: 19px;

    font-size: 1.9rem;

  }

}



.article_list h2:after {

  content: none;

}



.article_list h2 a:hover {

  text-decoration: none;

  color: #8a4cc7;

}



.m-pagenation {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  flex-wrap: wrap;

}



.m-pagenation .m-pagenation__prev {

  margin-right: .5em;

}



.m-pagenation .m-pagenation__prev a {

  display: block;

  text-decoration: none;

  padding: .3em 1em;

  border: #ccc solid 1px;

}



.m-pagenation .m-pagenation__prev a:hover {

  background: rgba(138, 76, 199, 0.1);

  border-color: rgba(138, 76, 199, 0.1);

}



.m-pagenation .m-pagenation__next {

  margin-left: .5em;

}



.m-pagenation .m-pagenation__next a {

  display: block;

  text-decoration: none;

  padding: .3em 1em;

  border: #ccc solid 1px;

}



.m-pagenation .m-pagenation__next a:hover {

  background: rgba(138, 76, 199, 0.1);

  border-color: rgba(138, 76, 199, 0.1);

}



.m-pagenation .m-pagenation__body {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

}



.m-pagenation .m-pagenation__body li {

  display: inline-block;

  margin: 0 5px;

}



.m-pagenation .m-pagenation__body li a {

  text-decoration: none;

  display: block;

  padding: .3em 1em;

  border: #ccc solid 1px;

}



.m-pagenation .m-pagenation__body li a:hover {

  background: rgba(138, 76, 199, 0.1);

  border-color: rgba(138, 76, 199, 0.1);

}



.m-pagenation .m-pagenation__body li.-current {

  background: #8a4cc7;

  color: white;

  border: #8a4cc7 solid 1px;

  padding: .3em 1em;

}



.article .container {

  border-bottom: #ccc dotted 1px;

  padding-bottom: 3%;

}



.article_single01 .article_single01_02 {

  margin-top: 10px;

}



.article_single01 .article_single01_02 img {

  opacity: 1;

  transition: opacity 0.3s;

}



.article_single01 .article_single01_02 img:hover {

  cursor: pointer;

  opacity: 0.7;

}



.article_single01 .ofi {

  background: rgba(138, 76, 199, 0.1);

}



.article_single01 .more {

  display: block;

  text-align: center;

}



.article_single02 .article_single02_01 img {

  opacity: 1;

  transition: opacity 0.3s;

}



.article_single02 .article_single02_01 img:hover {

  cursor: pointer;

  opacity: 0.7;

}



.article_single02 .ofi {

  background: rgba(138, 76, 199, 0.1);

}



.article_single02 .more {

  display: block;

  text-align: center;

}



@media (min-width: 768px) {

  .article_single03 .article_single03_02 .span_6 {

    width: 45%;

    margin-left: 10%;

  }

  .article_single03 .article_single03_02 .span_6:first-child {

    margin-left: 0;

  }

}



@media (min-width: 768px) {

  .article_single03 .article_single03_02 .span_12 {

    margin-left: 0;

    margin-top: 20px;

  }

}



.article_single03 .article_single03_02 img {

  opacity: 1;

  transition: opacity 0.3s;

}



.article_single03 .article_single03_02 img:hover {

  cursor: pointer;

  opacity: 0.7;

}



.article_single03 .case_arrow {

  position: relative;

}



@media (max-width: 767px) {

  .article_single03 .case_arrow {

    margin-bottom: 10%;

  }

}



.article_single03 .case_arrow:after {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  left: 108%;

  margin: auto;

  width: 35px;

  height: 35px;

  border-top: 3px solid #8a4cc7;

  border-right: 3px solid #8a4cc7;

  transform: translate(0, -50%) rotate(45deg);

  transform-origin: left top;

  transition: 0.2s;

}



@media (max-width: 767px) {

  .article_single03 .case_arrow:after {

    left: 0;

    right: 0;

    top: 105%;

    width: 20px;

    height: 20px;

    transform: translate(0, -50%) rotate(135deg);

    transform-origin: center;

  }

}



.article_single03 .ofi {

  background: rgba(138, 76, 199, 0.1);

}



.article_single03 .more {

  display: block;

  text-align: center;

}



.article_single04 ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.article_single04 .article_single04_01_img1 .ofi {

  padding-top: 75%;

}



.article_single04 .article_single04_01_img2 .ofi {

  padding-top: 15%;

}



.article_single04 .article_single04_01_img3 .ofi {

  padding-top: 10.8%;

}



.article_single04 .article_single04_01_img4 .ofi {

  padding-top: 8.4%;

}



.article_single04 .article_single04_01_img5 .ofi {

  padding-top: 6.9%;

}



.article_single04 .article_single04_01_img6 .ofi {

  padding-top: 5.8%;

}



.article_single04 .article_single04_01_nav {

  margin-top: 15px;

}



.article_single04 .article_single04_01_nav .ofi {

  padding-top: 11.1%;

}



.article_single04 .article_single04_01_nav .slick-track {

  width: 100% !important;

  transform: none !important;

  left: 0 !important;

}



.article_single04 .article_single04_01_nav li {

  margin-left: 0.8%;

  width: calc(96% / 6) !important;

}



.article_single04 .article_single04_01_nav li:nth-child(1) {

  margin-left: 0;

}



.article_single04.article_container .article_single04_01_img1 .ofi {

  padding-top: 74.5%;

}



.article_single04.article_container .article_single04_01_img2 .ofi {

  padding-top: 18.7%;

}



.article_single04.article_container .article_single04_01_img3 .ofi {

  padding-top: 14.9%;

}



.article_single04.article_container .article_single04_01_img4 .ofi {

  padding-top: 12.5%;

}



.article_single04.article_container .article_single04_01_img5 .ofi {

  padding-top: 10.7%;

}



.article_single04.article_container .article_single04_01_img6 .ofi {

  padding-top: 9.4%;

}



.article_single04.article_container .article_single04_01_nav {

  margin-top: 15px;

}



.article_single04.article_container .article_single04_01_nav .ofi {

  padding-top: 12%;

}



.article_single04.article_container .article_single04_01_nav .slick-track {

  width: 100% !important;

  transform: none !important;

  left: 0 !important;

}



.article_single04.article_container .article_single04_01_nav li {

  margin-left: 0.8%;

  width: calc(96% / 6) !important;

}



.article_single04.article_container .article_single04_01_nav li:nth-child(1) {

  margin-left: 0;

}



.article_single04 .article_single04_02 {

  margin-top: 10px;

}



.article_single04 .article_single04_02 img {

  opacity: 1;

  transition: opacity 0.3s;

}



.article_single04 .article_single04_02 img:hover {

  cursor: pointer;

  opacity: 0.7;

}



.article_single04 .slick-next,

.article_single04 .slick-prev {

  z-index: 1;

}



.article_single04 .slick-next:before,

.article_single04 .slick-prev:before {

  content: none;

}



.article_single04 .slick-next:after,

.article_single04 .slick-prev:after {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  margin: auto;

  width: 35px;

  height: 35px;

  border-top: 3px solid #8a4cc7;

  transition: 0.2s;

  z-index: 1;

}



.article_single04 .slick-prev {

  left: 0;

}



.article_single04 .slick-prev:after {

  left: 0;

  border-left: 3px solid #8a4cc7;

  transform: translate(0, -50%) rotate(-45deg);

  transform-origin: right top;

}



.article_single04 .slick-next {

  right: 0;

}



.article_single04 .slick-next:after {

  right: 0;

  border-right: 3px solid #8a4cc7;

  transform: translate(0, -50%) rotate(45deg);

  transform-origin: left top;

}



.article_single04 .ofi {

  background: rgba(138, 76, 199, 0.1);

  height: auto !important;

}



.article_single04 .more {

  display: block;

  text-align: center;

}



@media (min-width: 768px) {

  .article_list_case02 .article_list_case02_01 {

    width: 67%;

  }

  .article_list_case02 .article_list_case02_02 {

    width: 31%;

  }

  .article_list_case02.article_single01 .article_single01_02 {

    margin-top: 0;

  }

}



.article_container .article_single01_02 {

  margin-top: 10px;

}



.article_container .article_single01_02 img {

  opacity: 1;

  transition: opacity 0.3s;

}



.article_container .article_single01_02 img:hover {

  cursor: pointer;

  opacity: 0.7;

}



.article_detail {

  margin-bottom: 4%;

  font-size: 15px;

  font-size: 1.5rem;

}



.article_detail .article_date {

  margin-bottom: 1em;

}



.article_detail .article_thumbnail {

  float: left;

  margin: 0 2% 2% 0;

}



.article_detail .article_content {

  float: none;

  width: 100%;

  margin-left: 0;

}



.article_detail h2 {

  text-align: left;

  margin: 0 0 1em;

  padding: 0 0 .5em;

  font-size: 24px;

  font-size: 2.4rem;

  border-bottom: #8a4cc7 solid 2px;

}



@media (max-width: 767px) {

  .article_detail h2 {

    font-size: 19px;

    font-size: 1.9rem;

  }

}



.article_detail h2:after {

  content: none;

}



.article_detail h2 a:hover {

  text-decoration: none;

  color: #8a4cc7;

}



.article_detail .case_arrow {

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  display: block;

  position: relative;

  height: 245px;

}



@media (max-width: 767px) {

  .article_detail .case_arrow {

    height: 80px;

  }

}



.article_detail .case_arrow:after {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  right: 0;

  margin: auto;

  width: 70px;

  height: 70px;

  border-top: 5px solid #8a4cc7;

  border-right: 5px solid #8a4cc7;

  transform: translate(0, -50%) rotate(45deg);

  transform-origin: left top;

  transition: .2s;

}



@media (max-width: 767px) {

  .article_detail .case_arrow:after {

    left: 0;

    bottom: 25%;

    border-top: 5px solid #8a4cc7;

    border-right: 5px solid #8a4cc7;

    transform: translate(0, -50%) rotate(135deg);

    transform-origin: center;

  }

}



.article_detail .span_12 {

  margin: 2% 0;

}



.article_detail .post_header .time:before {

  content: '\f073';

  font-family: "Font Awesome 5 Free";

  margin-right: .5em;

}



.article_detail .post_header .category_badge {

  background: #8a4cc7;

  color: white;

  font-size: 14px;

  font-size: 1.4rem;

  margin-left: 1em;

  display: inline-block;

}



.article_detail .post_header .category_badge a {

  display: block;

  padding: .2em 1em;

  color: white;

  text-decoration: none;

}



.pager {

  overflow: hidden;

  margin-bottom: 5%;

}



.pager .pager_prev {

  float: left;

}



.pager .pager_prev a {

  display: block;

  position: relative;

  padding-left: 15px;

  text-decoration: none;

}



.pager .pager_prev a:before, .pager .pager_prev a:after {

  content: "";

  display: block;

  position: absolute;

  left: 2px;

  margin: auto;

  width: 8px;

  height: 1px;

  background: #8a4cc7;

  transition: .2s;

}



.pager .pager_prev a:before {

  transform: translateY(-50%) rotate(-45deg);

  top: calc(50% - 2px);

}



.pager .pager_prev a:after {

  transform: translateY(-50%) rotate(-135deg);

  top: calc(50% + 3px);

}



.pager .pager_prev a:hover {

  text-decoration: underline;

}



.pager .pager_prev a:hover:before {

  left: 0;

}



.pager .pager_prev a:hover:after {

  left: 0;

}



.pager .pager_next {

  float: right;

}



.pager .pager_next a {

  display: block;

  position: relative;

  padding-right: 15px;

  text-decoration: none;

}



.pager .pager_next a:before, .pager .pager_next a:after {

  content: "";

  display: block;

  position: absolute;

  right: 2px;

  margin: auto;

  width: 8px;

  height: 1px;

  background: #8a4cc7;

  transform-origin: center;

  transition: .2s;

}



.pager .pager_next a:before {

  transform: translateY(-50%) rotate(45deg);

  top: calc(50% - 2px);

}



.pager .pager_next a:after {

  transform: translateY(-50%) rotate(135deg);

  top: calc(50% + 3px);

}



.pager .pager_next a:hover {

  text-decoration: underline;

}



.pager .pager_next a:hover:before {

  right: 0;

}



.pager .pager_next a:hover:after {

  right: 0;

}



/*

 * moreボタン雛形 (hình dạng button more)

 */

.more {

  display: block;

  overflow: hidden;

  margin: auto;

}



.more a {

  display: block;

  border: 1px solid #8a4cc7;

  color: #fff;

  background: #8a4cc7;

  padding: 0.6em;

  margin: 0 auto 1px;

  max-width: 280px;

  width: 100%;

  text-align: center;

  text-decoration: none;

  transition: .3s;

  font-size: 14px;

  font-size: 1.4rem;

}



@media (min-width: 768px) {

  .more a {

    font-size: 18px;

    font-size: 1.8rem;

  }

}



.more a.inverse {

  border: 1px solid #8a4cc7;

  color: #8a4cc7;

  background: #fff;

}



header .global_nav > ul > li.has_under > a {

  position: relative;

}



header .global_nav > ul > li.has_under > a:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  right: 1em;

  bottom: 0;

  margin: auto;

  width: 7px;

  height: 7px;

  border-top: 2px solid #fff;

  border-right: 2px solid #fff;

  transform: translate(0, -50%) rotate(135deg);

  transition: .2s;

}



header .global_nav > ul > li.has_under > a.menu_under_open:after {

  transform: translate(0, 0) rotate(-45deg);

}



header .global_nav > ul > li > ul {

  margin: 0;

  padding: 0;

  list-style: none;

  display: none;

}



header .global_nav > ul > li > ul > li {

  border-bottom: 1px solid #b3b3b3;

}



header .global_nav > ul > li > ul > li:last-child {

  border-bottom: none;

}



header .global_nav > ul > li > ul > li a {

  background: rgba(151, 95, 205, 0.9);

  padding-left: 2em;

}



@media (min-width: 1000px) {

  header .global_nav > ul > li.has_under {

    position: relative;

    cursor: pointer;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;

  }

  header .global_nav > ul > li.has_under > a {

    padding-right: 2em;

  }

  header .global_nav > ul > li.has_under > a:after {

    border-color: #333;

    width: 6px;

    height: 6px;

  }

  header .global_nav > ul > li.has_under > a:after {

    transform: translate(0, -50%) rotate(135deg);

  }

  header .global_nav > ul > li.has_under > a.menu_under_open:after {

    transform: translate(0) rotate(-45deg);

  }

  header .global_nav > ul > li.has_under > ul {

    position: absolute;

    right: 0;

    margin: auto;

    top: 100%;

    width: 200px;

    letter-spacing: -.40em;

    background: rgba(138, 76, 199, 0.9);

    z-index: 999;

  }

  header .global_nav > ul > li.has_under > ul > li {

    letter-spacing: normal;

    display: block;

    vertical-align: middle;

    width: 100%;

    text-align: center;

    border-bottom: 0;

    padding: 0;

  }

  header .global_nav > ul > li.has_under > ul > li:not(:last-child) {

    border-bottom: white solid 1px;

  }

  header .global_nav > ul > li.has_under > ul > li a {

    display: block;

    background: transparent;

    padding: .5em;

    color: #fff;

  }

  header .global_nav > ul > li.has_under > ul > li a:before {

    content: none;

  }

  header .global_nav > ul > li.has_under:hover > a:after {

    transform: translate(0) rotate(-45deg);

  }

  header .global_nav > ul > li.has_under:hover > ul {

    opacity: 1;

    height: auto;

    visibility: visible;

  }

}



.pagetop {

  position: fixed;

  bottom: 20px;

  right: 5%;

  z-index: 98;

}



.pagetop a {

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  display: inline-block;

  position: relative;

  width: 50px;

  height: 50px;

  padding: 0;

  background: rgba(138, 76, 199, 0.9);

}



@media (min-width: 768px) {

  .pagetop a {

    width: 70px;

    height: 70px;

  }

}



.pagetop a:after {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  margin: auto;

  width: 12px;

  height: 12px;

  border-top: 1px solid #fff;

  border-left: 1px solid #fff;

  transform: translate(-50%, -20%) rotate(45deg);

  transition: .2s;

}



footer.high .pagetop {

  position: absolute;

  bottom: auto;

  right: 5%;

  top: 0;

  margin: 0;

  transform: translateY(-50%);

}



.text-center {

  text-align: center;

}



.text-left {

  text-align: left;

}



.text-right {

  text-align: right;

}



.lead {

  color: #8a4cc7;

  font-size: 20px;

  font-size: 2rem;

}



.text-xxlarge {

  font-size: 24px;

  font-size: 2.4rem;

}



.text-xlarge {

  font-size: 20px;

  font-size: 2rem;

}



.text-large {

  font-size: 16px;

  font-size: 1.6rem;

}



.text-small {

  font-size: 12px;

  font-size: 1.2rem;

}



.text-xsmall {

  font-size: 10px;

  font-size: 1rem;

}



.text-white {

  color: #fff !important;

}



.text-black {

  color: #000 !important;

}



.text-red {

  color: #f00 !important;

}



.text-mosGreen {

  color: #002222 !important;

}



.text-navy {

  color: #001f6a !important;

}



.text-primary {

  color: #8a4cc7 !important;

}



.bg-skyBlue {

  background: #dfedf7;

  padding: 70px 0;

}



@media (max-width: 767px) {

  .bg-skyBlue {

    padding: 30px 0;

  }

}



@media (max-width: 767px) {

  .sp-hide, .pc-only, .tablet-only {

    display: none !important;

  }

  .sp-text-center {

    text-align: center;

  }

  .sp-text-left {

    text-align: left;

  }

  .sp-text-right {

    text-align: right;

  }

}



@media (min-width: 768px) {

  .lead {

    font-size: 28px;

    font-size: 2.8rem;

  }

  .text-xxlarge {

    font-size: 36px;

    font-size: 3.6rem;

  }

  .text-xlarge {

    font-size: 28px;

    font-size: 2.8rem;

  }

  .text-large {

    font-size: 20px;

    font-size: 2rem;

  }

  .text-small {

    font-size: 12px;

    font-size: 1.2rem;

  }

  .text-xsmall {

    font-size: 10px;

    font-size: 1rem;

  }

  .pc-hide, .sp-only {

    display: none !important;

  }

  .pc-text-center {

    text-align: center;

  }

  .pc-text-left {

    text-align: left;

  }

  .pc-text-right {

    text-align: right;

  }

}



@media (min-width: 768px) and (max-width: 1023px) {

  .tablet-hide {

    display: none !important;

  }

}



@media (min-width: 1024px) {

  .tablet-only {

    display: none !important;

  }

}



@media (max-width: 999px) {

  .sp-hide02, .pc-only02, .tablet-only02 {

    display: none !important;

  }

}



@media (min-width: 1000px) {

  .pc-hide02, .sp-only02 {

    display: none !important;

  }

}



.arial {

  font-family: 'Arial', arial !important;

}



.arial_n {

  font-family: 'Arial Narrow', arial !important;

}



.color_pri {

  color: #8a4cc7;

}



.mt0 {

  margin-top: 0 !important;

}



.mb0 {

  margin-bottom: 0 !important;

}



.m-auto {

  margin-right: auto !important;

  margin-left: auto !important;

}



.inverse h2,

.inverse h3,

.inverse h4,

.inverse p {

  color: #fff;

}



.inverse h2:after {

  background: #fff;

}



.inverse h2 small,

.inverse h2 span {

  color: #fff;

}



.image_right {

  margin-bottom: 1em;

}



@media (min-width: 768px) {

  .image_right {

    display: inline-block;

    float: right;

    margin-left: 1em;

  }

}



a:not([class]) img, a.swipebox img {

  transition: all .3s;

}



a:not([class]):hover img, a.swipebox:hover img {

  opacity: 0.8;

}



@media (min-width: 768px) {

  .d-flex {

    display: flex;

  }

  .d-flex.flex-wrap {

    flex-wrap: wrap;

  }

  .d-flex.flex-nowrap {

    flex-wrap: nowrap;

  }

  .flex-row-reverse {

    flex-direction: row-reverse;

    justify-content: space-between;

  }

  .align-items-start {

    align-items: flex-start;

  }

  .align-items-center {

    align-items: center;

  }

  .align-items-end {

    align-items: flex-end;

  }

  .justify-content-center {

    justify-content: center;

  }

  .justify-content-between {

    justify-content: space-between;

  }

}



.dsp-home-only {

  display: none;

}



.dsp-under-only {

  display: block;

}



.home .dsp-home-only {

  display: block;

}



.home .dsp-under-only {

  display: none;

}



.mt-1 {

  margin-top: 1em;

}



.mt-2 {

  margin-top: 2em;

}



.mt-3 {

  margin-top: 3em;

}



.mt-4 {

  margin-top: 4em;

}



.mt-5 {

  margin-top: 5em;

}



.js-tel a {

  color: currentColor;

  text-decoration: none;

}



@media (min-width: 768px) {

  .js-tel a {

    pointer-events: none;

  }

}



.ofi.cover img {

  -o-object-fit: cover;

     object-fit: cover;

  font-family: 'object-fit: cover;';

  width: 100%;

  height: 100%;

}



.icon-tel:before {

  content: '\f879';

  font-family: 'Font Awesome 5 Free';

  margin-right: 5px;

}



.marker_yellow {

  position: relative;

  font-weight: bold;

  padding: 3px;

  background: #f0ff4d;

}



.home p {

  line-height: 2;

  letter-spacing: 1px;

}



.top_reason {

  padding: 6% 0 2%;

  background: url("/_toss-site/wp-content/uploads/bg_reason001.png") no-repeat top left/60%;

}



@media (max-width: 767px) {

  .top_reason {

    padding: 10% 0;

  }

}



.top_reason h2 {

  font-size: 40px;

  font-size: 4rem;

  font-weight: bold;

  color: #8a4cc7;

}



@media (max-width: 999px) {

  .top_reason h2 {

    margin-bottom: 0;

  }

}



@media (max-width: 767px) {

  .top_reason h2 {

    font-size: 30px;

    font-size: 3rem;

    margin-bottom: 0;

  }

}



.top_reason h2:after {

  content: none;

}



.top_reason h3 {

  color: #d4aafc;

  font-size: 70px;

  font-size: 7rem;

  font-family: 'Oswald';

  letter-spacing: 8px;

  padding: 0;

  position: relative;

  overflow: hidden;

}



@media (max-width: 767px) {

  .top_reason h3 {

    font-size: 40px;

    font-size: 4rem;

    margin-bottom: 10px !important;

  }

}



.top_reason h3:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  left: 1.3em;

  width: 100%;

  background: #d4aafc;

}



@media (max-width: 767px) {

  .top_reason h3:after {

    left: 1.5em;

  }

}



.top_reason h4 {

  font-size: 30px;

  font-size: 3rem;

  line-height: 1.2;

  font-weight: bold;

  font-family: '游ゴシック';

  letter-spacing: 3px;

  padding: 0;

}



@media (max-width: 767px) {

  .top_reason h4 {

    font-size: 20px;

    font-size: 2rem;

  }

}



.top_reason h4.num03 {

  letter-spacing: 0;

  line-height: 1.8;

}



.top_reason h4.num03 .marker {

  padding: 0;

}



.top_reason h4:after {

  content: none;

}



.top_reason h4 span.marker {

  position: relative;

  padding: 0 10px;

}



.top_reason h4 span.marker:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  top: auto;

  z-index: -1;

  bottom: 0;

  width: 100%;

  height: 20px;

  background: #f0ff4d;

}



@media (max-width: 767px) {

  .top_reason h4 span.marker:after {

    height: 10px;

  }

}



.top_reason h4 span strong {

  font-size: 50px;

  font-size: 5rem;

}



@media (max-width: 767px) {

  .top_reason h4 span strong {

    font-size: 32px;

    font-size: 3.2rem;

  }

}



.top_strength, .sec_contact {

  padding: 6% 0;

  background: url("/_toss-site/wp-content/uploads/bg_img002.jpg") no-repeat center center/cover;

}



@media (max-width: 767px) {

  .top_strength, .sec_contact {

    padding: 10% 0;

  }

}



@media (min-width: 768px) {

  .top_strength .col:first-child, .sec_contact .col:first-child {

    padding-right: 20px;

  }

  .top_strength .col.center, .sec_contact .col.center {

    padding: 0 10px;

  }

  .top_strength .col:last-child, .sec_contact .col:last-child {

    padding-left: 20px;

  }

}



.top_strength h2, .sec_contact h2 {

  color: #fff;

  font-size: 30px;

  font-size: 3rem;

  letter-spacing: .1em;

  margin-bottom: 20px;

}



@media (max-width: 767px) {

  .top_strength h2, .sec_contact h2 {

    font-size: 20px;

    font-size: 2rem;

  }

}



.top_strength h2:after, .sec_contact h2:after {

  content: none;

}



.top_strength h2 span, .sec_contact h2 span {

  font-size: 40px;

  font-size: 4rem;

  padding-top: 0;

}



@media (max-width: 767px) {

  .top_strength h2 span, .sec_contact h2 span {

    font-size: 30px;

    font-size: 3rem;

  }

}



.top_strength h3, .sec_contact h3 {

  font-size: 18px;

  font-size: 1.8rem;

  font-weight: bold;

  text-align: center;

  background: #f0ff4d;

  width: 90%;

  padding: 10px 0;

  margin: 0 auto 50px;

}



@media (max-width: 980px) and (min-width: 768px) {

  .top_strength h3, .sec_contact h3 {

    font-size: 1.8vw;

  }

}



@media (max-width: 767px) {

  .top_strength h3, .sec_contact h3 {

    font-size: 16px;

    font-size: 1.6rem;

  }

}



.top_strength h3:before, .sec_contact h3:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 0;

  height: 0;

  border-top: 48px solid #d4aafc;

  border-right: 25px solid transparent;

  background: transparent;

}



@media (max-width: 767px) {

  .top_strength h3:before, .sec_contact h3:before {

    border-top: 117px solid #d4aafc;

  }

}



.top_strength h3:after, .sec_contact h3:after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  left: auto;

  width: 0;

  height: 0;

  border-bottom: 48px solid #d4aafc;

  border-left: 25px solid transparent;

  background: transparent;

}



@media (max-width: 767px) {

  .top_strength h3:after, .sec_contact h3:after {

    border-bottom: 117px solid #d4aafc;

  }

}



.top_strength .box_white, .sec_contact .box_white {

  background: #fff;

  padding: 10% 6%;

  border: 1px solid #d4aafc;

  box-shadow: 0 0 0 8px #fff;

}



.top_strength .box_white h4, .sec_contact .box_white h4 {

  text-align: center;

}



.top_strength .box_white h4:after, .sec_contact .box_white h4:after {

  content: none;

}



.top_strength .box_white h4 span, .sec_contact .box_white h4 span {

  display: block;

  margin: 20px 0 0;

  font-weight: bold;

  font-size: 22px;

  font-size: 2.2rem;

}



@media (max-width: 1000px) {

  .top_strength .box_white h4 span, .sec_contact .box_white h4 span {

    font-size: 2.1vw;

  }

}



@media (max-width: 767px) {

  .top_strength .box_white h4 span, .sec_contact .box_white h4 span {

    font-size: 20px;

    font-size: 2rem;

  }

}



.top_blog {

  padding: 3% 0;

}



@media (max-width: 767px) {

  .top_blog {

    padding: 6% 0;

  }

}



.top_blog h2 {

  font-size: 20px;

  font-size: 2rem;

  padding-left: 0;

  text-align: left;

  margin: 0;

}



@media (max-width: 900px) {

  .top_blog h2 {

    padding: 0 5px;

  }

}



@media (max-width: 767px) {

  .top_blog h2 {

    text-align: center;

    font-size: 18px;

    font-size: 1.8rem;

    margin-bottom: 50px;

    padding-bottom: 20px;

  }

}



.top_blog h2:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  left: auto;

  width: 1px;

  height: 200px;

  background: #8a4cc7;

}



@media (max-width: 900px) {

  .top_blog h2:after {

    height: 250px;

  }

}



@media (max-width: 767px) {

  .top_blog h2:after {

    left: 0;

    top: auto;

    width: 100%;

    height: 1px;

  }

}



.top_blog h2 span {

  font-size: 40px;

  font-size: 4rem;

  padding-top: 5px;

}



@media (max-width: 767px) {

  .top_blog h2 span {

    font-size: 30px;

    font-size: 3rem;

  }

}



.top_blog h2 span.color_pri {

  display: inline;

}



.top_blog dl {

  margin: 0;

}



.top_blog dl dt {

  width: 15%;

  float: left;

  color: #8a4cc7;

  font-weight: bold;

  letter-spacing: 2px;

}



@media (max-width: 767px) {

  .top_blog dl dt {

    float: none;

    width: 100%;

  }

}



.top_blog dl dd {

  float: left;

  width: 75%;

  margin-left: 10px;

}



@media (max-width: 900px) {

  .top_blog dl dd {

    margin-left: 20px;

  }

}



@media (max-width: 767px) {

  .top_blog dl dd {

    float: none;

    margin-left: 0;

    width: 100%;

  }

}



.top_blog dl dd:not(:last-child) {

  margin-bottom: 40px;

}



.top_blog dl dd a {

  color: #000;

  text-decoration: none;

}



.top_blog dl:after {

  content: "";

  display: block;

  clear: both;

}



.sec_contact {

  background: url("/_toss-site/wp-content/uploads/bg_img003.jpg") no-repeat center center/cover;

  margin-bottom: 3% !important;

}



.sec_contact h2 {

  font-size: 40px;

  font-size: 4rem;

  margin-bottom: 30px;

}



@media (max-width: 767px) {

  .sec_contact h2 {

    font-size: 30px;

    font-size: 3rem;

  }

}



.sec_contact .box_white {

  padding: 16% 6% 20%;

}



@media (max-width: 767px) {

  .sec_contact .box_white {

    padding: 4% 2% 8%;

  }

}



@media (max-width: 999px) and (min-width: 768px) {

  .sec_contact .box_white.chat h3 span, .sec_contact .box_white.mail h3 span {

    font-size: 19px;

    font-size: 1.9rem;

  }

}



.sec_contact h3 {

  background: none;

  margin-bottom: 15px;

}



@media (max-width: 767px) {

  .sec_contact h3 {

    margin: 0;

    width: 100%;

  }

}



.sec_contact h3:before, .sec_contact h3:after {

  content: none;

}



.sec_contact h3 span {

  color: #8a4cc7;

  font-size: 20px;

  font-size: 2rem;

  display: block;

  margin: 15px 0 0;

}



@media (max-width: 767px) {

  .sec_contact h3 span {

    margin-top: 10px;

  }

}



.sec_contact .tel {

  text-align: center;

  margin: 0;

  line-height: 1.4;

}



.sec_contact .tel span {

  position: relative;

  font-size: 26px;

  font-size: 2.6rem;

  font-weight: bold;

  padding-left: .8em;

}



@media (max-width: 999px) and (min-width: 768px) {

  .sec_contact .tel span {

    font-size: 2.8vw !important;

  }

}



.sec_contact .tel span:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  right: auto;

  width: 16px;

  height: 20px;

  background: url("/_toss-site/wp-content/uploads/hdr_tel.png") no-repeat center center/contain;

}



.sec_contact .time {

  font-weight: bold;

  text-align: center;

  margin-top: 0;

}



@media (max-width: 767px) {

  .sec_contact .mt-2 {

    margin-top: 0 !important;

  }

}



.sec_contact .description {

  display: flex;

  flex-flow: column;

  align-items: center;

  justify-content: flex-end;

  font-weight: bold;

  text-align: center;

  line-height: 1.6;

}



@media (max-width: 880px) and (min-width: 768px) {

  .sec_contact .description.des_mail {

    margin-top: 40%;

  }

}



.sec_contact .description .text-large {

  display: block;

  margin-bottom: 5px;

}



.sec_contact .description strong {

  font-size: 24px;

  font-size: 2.4rem;

  display: block;

  margin-bottom: 10px;

  font-family: '游ゴシック';

}



@media (max-width: 767px) {

  .sec_contact .description strong {

    font-size: 16px;

    font-size: 1.6rem;

  }

}



body:not(.home) footer {

  border-top: 1px solid #ccc;

  padding: 80px 0 60px;

}



.step {

  padding-left: 0;

}



.step li {

  background: rgba(138, 76, 199, 0.1);

  padding: 3%;

}



@media (min-width: 768px) {

  .step li {

    display: flex;

  }

}



.step li:not(:last-child) {

  margin-bottom: 100px;

  position: relative;

}



.step li:not(:last-child):after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  top: auto;

  bottom: -75px;

  width: 0;

  height: 0;

  border-top: 50px solid #8a4cc7;

  border-right: 50px solid transparent;

  border-left: 50px solid transparent;

}



.step li h2 {

  margin: 0;

  text-align: left;

}



@media (min-width: 768px) {

  .step li h2 {

    width: 20%;

  }

}



.step li h2:after {

  content: none;

}



.step li h2 span {

  font-size: 20px;

  font-size: 2rem;

}



@media (max-width: 767px) {

  .step li h2 span {

    display: inline;

  }

}



@media (min-width: 768px) {

  .step li p {

    width: 55%;

    padding: 0 15px;

  }

}



@media (min-width: 768px) {

  .step li figure {

    width: 45%;

  }

}



.mwform-zip-field {

  display: flex;

}



.zip-text, .pref {

  width: 30% !important;

}



@media (max-width: 767px) {

  .pref {

    width: 60% !important;

  }

}



.anchor {

  margin-bottom: 2% !important;

}



@media (max-width: 767px) {

  .anchor {

    margin-bottom: 3% !important;

  }

}



@media (min-width: 768px) {

  .anchor .fs-samll a {

    font-size: 13px;

    font-size: 1.3rem;

    padding: 18px;

  }

}



/*# sourceMappingURL=main.css.map */