*,
::before,
::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

* {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: .08em
}

::before,
::after {
  display: inline-block;
  text-decoration: inherit;
  vertical-align: inherit
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  background: #fff;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  text-align: justify
}

main,
footer,
header,
hgroup,
nav,
section {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden] {
  display: none
}

a {
  background-color: rgba(0, 0, 0, 0)
}

a:active,
a:hover {
  outline: 0
}

b,
strong {
  font-weight: bold
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0;
  vertical-align: bottom;
  max-width: 100%
}

svg:not(:root) {
  overflow: hidden
}

hr {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #ddd;
  border: 0
}

*:not(input):not(select):not(button):not(textarea):not(label):focus {
  outline: none
}

select {
  height: 30px;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0 20px 0 5px;
  line-height: 1
}

button,
input,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 4px 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none
}

input:not([type=checkbox]):not([type=radio]),
textarea,
button {
  -webkit-appearance: none
}

input {
  padding: 0 6px
}

input:focus,
textarea:focus {
  outline: none
}

input[type=button],
input[type=submit] {
  background-color: rgba(0, 0, 0, 0);
  border: none
}

button {
  overflow: visible;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  border: none
}

button,
select {
  text-transform: none
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: none;
  cursor: pointer
}

button[disabled],
input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px 0 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

input[type=text],
select,
textarea {
  font-size: 100%
}

input[type=text]:focus,
textarea:focus {
  -webkit-transition: .2s;
  transition: .2s
}

input[type=text]:focus,
textarea:focus {
  border-color: rgba(82, 168, 236, .8);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6)
}

textarea {
  overflow: auto;
  resize: vertical
}

label {
  display: inline-block
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  text-align: left;
  vertical-align: top;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}

ol {
  list-style-position: inside
}

li {
  list-style-type: none
}

address {
  font-style: normal
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
.news-detail .news-detail-sub_header,
h5,
h6,
form,
p,
table,
thead,
tbody,
tfoot,
address {
  margin: 0;
  padding: 0
}

input,
textarea,
table,
thead,
tbody,
tfoot,
address {
  text-align: left
}

div,
dl,
dt,
dd,
ul,
ol,
li,
form,
p {
  text-align: inherit;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"
}

h1,
h2,
h3,
h4,
.news-detail .news-detail-sub_header,
h5,
h6 {
  line-height: normal;
  font-weight: normal
}

figure {
  margin: 0
}

.mt0 {
  margin-top: 0px !important
}

.mr0 {
  margin-right: 0px !important
}

.mb0 {
  margin-bottom: 0px !important
}

.ml0 {
  margin-left: 0px !important
}

.pt0 {
  padding-top: 0px !important
}

.pr0 {
  padding-right: 0px !important
}

.pb0 {
  padding-bottom: 0px !important
}

.pl0 {
  padding-left: 0px !important
}

.mt1 {
  margin-top: 1px !important
}

.mr1 {
  margin-right: 1px !important
}

.mb1 {
  margin-bottom: 1px !important
}

.ml1 {
  margin-left: 1px !important
}

.pt1 {
  padding-top: 1px !important
}

.pr1 {
  padding-right: 1px !important
}

.pb1 {
  padding-bottom: 1px !important
}

.pl1 {
  padding-left: 1px !important
}

.mt2 {
  margin-top: 2px !important
}

.mr2 {
  margin-right: 2px !important
}

.mb2 {
  margin-bottom: 2px !important
}

.ml2 {
  margin-left: 2px !important
}

.pt2 {
  padding-top: 2px !important
}

.pr2 {
  padding-right: 2px !important
}

.pb2 {
  padding-bottom: 2px !important
}

.pl2 {
  padding-left: 2px !important
}

.mt3 {
  margin-top: 3px !important
}

.mr3 {
  margin-right: 3px !important
}

.mb3 {
  margin-bottom: 3px !important
}

.ml3 {
  margin-left: 3px !important
}

.pt3 {
  padding-top: 3px !important
}

.pr3 {
  padding-right: 3px !important
}

.pb3 {
  padding-bottom: 3px !important
}

.pl3 {
  padding-left: 3px !important
}

.mt4 {
  margin-top: 4px !important
}

.mr4 {
  margin-right: 4px !important
}

.mb4 {
  margin-bottom: 4px !important
}

.ml4 {
  margin-left: 4px !important
}

.pt4 {
  padding-top: 4px !important
}

.pr4 {
  padding-right: 4px !important
}

.pb4 {
  padding-bottom: 4px !important
}

.pl4 {
  padding-left: 4px !important
}

.mt5 {
  margin-top: 5px !important
}

.mr5 {
  margin-right: 5px !important
}

.mb5 {
  margin-bottom: 5px !important
}

.ml5 {
  margin-left: 5px !important
}

.pt5 {
  padding-top: 5px !important
}

.pr5 {
  padding-right: 5px !important
}

.pb5 {
  padding-bottom: 5px !important
}

.pl5 {
  padding-left: 5px !important
}

.mt6 {
  margin-top: 6px !important
}

.mr6 {
  margin-right: 6px !important
}

.mb6 {
  margin-bottom: 6px !important
}

.ml6 {
  margin-left: 6px !important
}

.pt6 {
  padding-top: 6px !important
}

.pr6 {
  padding-right: 6px !important
}

.pb6 {
  padding-bottom: 6px !important
}

.pl6 {
  padding-left: 6px !important
}

.mt7 {
  margin-top: 7px !important
}

.mr7 {
  margin-right: 7px !important
}

.mb7 {
  margin-bottom: 7px !important
}

.ml7 {
  margin-left: 7px !important
}

.pt7 {
  padding-top: 7px !important
}

.pr7 {
  padding-right: 7px !important
}

.pb7 {
  padding-bottom: 7px !important
}

.pl7 {
  padding-left: 7px !important
}

.mt8 {
  margin-top: 8px !important
}

.mr8 {
  margin-right: 8px !important
}

.mb8 {
  margin-bottom: 8px !important
}

.ml8 {
  margin-left: 8px !important
}

.pt8 {
  padding-top: 8px !important
}

.pr8 {
  padding-right: 8px !important
}

.pb8 {
  padding-bottom: 8px !important
}

.pl8 {
  padding-left: 8px !important
}

.mt9 {
  margin-top: 9px !important
}

.mr9 {
  margin-right: 9px !important
}

.mb9 {
  margin-bottom: 9px !important
}

.ml9 {
  margin-left: 9px !important
}

.pt9 {
  padding-top: 9px !important
}

.pr9 {
  padding-right: 9px !important
}

.pb9 {
  padding-bottom: 9px !important
}

.pl9 {
  padding-left: 9px !important
}

.mt10 {
  margin-top: 10px !important
}

.mr10 {
  margin-right: 10px !important
}

.mb10 {
  margin-bottom: 10px !important
}

.ml10 {
  margin-left: 10px !important
}

.pt10 {
  padding-top: 10px !important
}

.pr10 {
  padding-right: 10px !important
}

.pb10 {
  padding-bottom: 10px !important
}

.pl10 {
  padding-left: 10px !important
}

.mt11 {
  margin-top: 11px !important
}

.mr11 {
  margin-right: 11px !important
}

.mb11 {
  margin-bottom: 11px !important
}

.ml11 {
  margin-left: 11px !important
}

.pt11 {
  padding-top: 11px !important
}

.pr11 {
  padding-right: 11px !important
}

.pb11 {
  padding-bottom: 11px !important
}

.pl11 {
  padding-left: 11px !important
}

.mt12 {
  margin-top: 12px !important
}

.mr12 {
  margin-right: 12px !important
}

.mb12 {
  margin-bottom: 12px !important
}

.ml12 {
  margin-left: 12px !important
}

.pt12 {
  padding-top: 12px !important
}

.pr12 {
  padding-right: 12px !important
}

.pb12 {
  padding-bottom: 12px !important
}

.pl12 {
  padding-left: 12px !important
}

.mt13 {
  margin-top: 13px !important
}

.mr13 {
  margin-right: 13px !important
}

.mb13 {
  margin-bottom: 13px !important
}

.ml13 {
  margin-left: 13px !important
}

.pt13 {
  padding-top: 13px !important
}

.pr13 {
  padding-right: 13px !important
}

.pb13 {
  padding-bottom: 13px !important
}

.pl13 {
  padding-left: 13px !important
}

.mt14 {
  margin-top: 14px !important
}

.mr14 {
  margin-right: 14px !important
}

.mb14 {
  margin-bottom: 14px !important
}

.ml14 {
  margin-left: 14px !important
}

.pt14 {
  padding-top: 14px !important
}

.pr14 {
  padding-right: 14px !important
}

.pb14 {
  padding-bottom: 14px !important
}

.pl14 {
  padding-left: 14px !important
}

.mt15 {
  margin-top: 15px !important
}

.mr15 {
  margin-right: 15px !important
}

.mb15 {
  margin-bottom: 15px !important
}

.ml15 {
  margin-left: 15px !important
}

.pt15 {
  padding-top: 15px !important
}

.pr15 {
  padding-right: 15px !important
}

.pb15 {
  padding-bottom: 15px !important
}

.pl15 {
  padding-left: 15px !important
}

.mt16 {
  margin-top: 16px !important
}

.mr16 {
  margin-right: 16px !important
}

.mb16 {
  margin-bottom: 16px !important
}

.ml16 {
  margin-left: 16px !important
}

.pt16 {
  padding-top: 16px !important
}

.pr16 {
  padding-right: 16px !important
}

.pb16 {
  padding-bottom: 16px !important
}

.pl16 {
  padding-left: 16px !important
}

.mt17 {
  margin-top: 17px !important
}

.mr17 {
  margin-right: 17px !important
}

.mb17 {
  margin-bottom: 17px !important
}

.ml17 {
  margin-left: 17px !important
}

.pt17 {
  padding-top: 17px !important
}

.pr17 {
  padding-right: 17px !important
}

.pb17 {
  padding-bottom: 17px !important
}

.pl17 {
  padding-left: 17px !important
}

.mt18 {
  margin-top: 18px !important
}

.mr18 {
  margin-right: 18px !important
}

.mb18 {
  margin-bottom: 18px !important
}

.ml18 {
  margin-left: 18px !important
}

.pt18 {
  padding-top: 18px !important
}

.pr18 {
  padding-right: 18px !important
}

.pb18 {
  padding-bottom: 18px !important
}

.pl18 {
  padding-left: 18px !important
}

.mt19 {
  margin-top: 19px !important
}

.mr19 {
  margin-right: 19px !important
}

.mb19 {
  margin-bottom: 19px !important
}

.ml19 {
  margin-left: 19px !important
}

.pt19 {
  padding-top: 19px !important
}

.pr19 {
  padding-right: 19px !important
}

.pb19 {
  padding-bottom: 19px !important
}

.pl19 {
  padding-left: 19px !important
}

.mt20 {
  margin-top: 20px !important
}

.mr20 {
  margin-right: 20px !important
}

.mb20 {
  margin-bottom: 20px !important
}

.ml20 {
  margin-left: 20px !important
}

.pt20 {
  padding-top: 20px !important
}

.pr20 {
  padding-right: 20px !important
}

.pb20 {
  padding-bottom: 20px !important
}

.pl20 {
  padding-left: 20px !important
}

.mt25 {
  margin-top: 25px !important
}

.mr25 {
  margin-right: 25px !important
}

.mb25 {
  margin-bottom: 25px !important
}

.ml25 {
  margin-left: 25px !important
}

.pt25 {
  padding-top: 25px !important
}

.pr25 {
  padding-right: 25px !important
}

.pb25 {
  padding-bottom: 25px !important
}

.pl25 {
  padding-left: 25px !important
}

.mt30 {
  margin-top: 30px !important
}

.mr30 {
  margin-right: 30px !important
}

.mb30 {
  margin-bottom: 30px !important
}

.ml30 {
  margin-left: 30px !important
}

.pt30 {
  padding-top: 30px !important
}

.pr30 {
  padding-right: 30px !important
}

.pb30 {
  padding-bottom: 30px !important
}

.pl30 {
  padding-left: 30px !important
}

.mt35 {
  margin-top: 35px !important
}

.mr35 {
  margin-right: 35px !important
}

.mb35 {
  margin-bottom: 35px !important
}

.ml35 {
  margin-left: 35px !important
}

.pt35 {
  padding-top: 35px !important
}

.pr35 {
  padding-right: 35px !important
}

.pb35 {
  padding-bottom: 35px !important
}

.pl35 {
  padding-left: 35px !important
}

.mt40 {
  margin-top: 40px !important
}

.mr40 {
  margin-right: 40px !important
}

.mb40 {
  margin-bottom: 40px !important
}

.ml40 {
  margin-left: 40px !important
}

.pt40 {
  padding-top: 40px !important
}

.pr40 {
  padding-right: 40px !important
}

.pb40 {
  padding-bottom: 40px !important
}

.pl40 {
  padding-left: 40px !important
}

.mt45 {
  margin-top: 45px !important
}

.mr45 {
  margin-right: 45px !important
}

.mb45 {
  margin-bottom: 45px !important
}

.ml45 {
  margin-left: 45px !important
}

.pt45 {
  padding-top: 45px !important
}

.pr45 {
  padding-right: 45px !important
}

.pb45 {
  padding-bottom: 45px !important
}

.pl45 {
  padding-left: 45px !important
}

.mt50 {
  margin-top: 50px !important
}

.mr50 {
  margin-right: 50px !important
}

.mb50 {
  margin-bottom: 50px !important
}

.ml50 {
  margin-left: 50px !important
}

.pt50 {
  padding-top: 50px !important
}

.pr50 {
  padding-right: 50px !important
}

.pb50 {
  padding-bottom: 50px !important
}

.pl50 {
  padding-left: 50px !important
}

.mt55 {
  margin-top: 55px !important
}

.mr55 {
  margin-right: 55px !important
}

.mb55 {
  margin-bottom: 55px !important
}

.ml55 {
  margin-left: 55px !important
}

.pt55 {
  padding-top: 55px !important
}

.pr55 {
  padding-right: 55px !important
}

.pb55 {
  padding-bottom: 55px !important
}

.pl55 {
  padding-left: 55px !important
}

.mt60 {
  margin-top: 60px !important
}

.mr60 {
  margin-right: 60px !important
}

.mb60 {
  margin-bottom: 60px !important
}

.ml60 {
  margin-left: 60px !important
}

.pt60 {
  padding-top: 60px !important
}

.pr60 {
  padding-right: 60px !important
}

.pb60 {
  padding-bottom: 60px !important
}

.pl60 {
  padding-left: 60px !important
}

.mt65 {
  margin-top: 65px !important
}

.mr65 {
  margin-right: 65px !important
}

.mb65 {
  margin-bottom: 65px !important
}

.ml65 {
  margin-left: 65px !important
}

.pt65 {
  padding-top: 65px !important
}

.pr65 {
  padding-right: 65px !important
}

.pb65 {
  padding-bottom: 65px !important
}

.pl65 {
  padding-left: 65px !important
}

.mt70 {
  margin-top: 70px !important
}

.mr70 {
  margin-right: 70px !important
}

.mb70 {
  margin-bottom: 70px !important
}

.ml70 {
  margin-left: 70px !important
}

.pt70 {
  padding-top: 70px !important
}

.pr70 {
  padding-right: 70px !important
}

.pb70 {
  padding-bottom: 70px !important
}

.pl70 {
  padding-left: 70px !important
}

.mt75 {
  margin-top: 75px !important
}

.mr75 {
  margin-right: 75px !important
}

.mb75 {
  margin-bottom: 75px !important
}

.ml75 {
  margin-left: 75px !important
}

.pt75 {
  padding-top: 75px !important
}

.pr75 {
  padding-right: 75px !important
}

.pb75 {
  padding-bottom: 75px !important
}

.pl75 {
  padding-left: 75px !important
}

.mt80 {
  margin-top: 80px !important
}

.mr80 {
  margin-right: 80px !important
}

.mb80 {
  margin-bottom: 80px !important
}

.ml80 {
  margin-left: 80px !important
}

.pt80 {
  padding-top: 80px !important
}

.pr80 {
  padding-right: 80px !important
}

.pb80 {
  padding-bottom: 80px !important
}

.pl80 {
  padding-left: 80px !important
}

.mt85 {
  margin-top: 85px !important
}

.mr85 {
  margin-right: 85px !important
}

.mb85 {
  margin-bottom: 85px !important
}

.ml85 {
  margin-left: 85px !important
}

.pt85 {
  padding-top: 85px !important
}

.pr85 {
  padding-right: 85px !important
}

.pb85 {
  padding-bottom: 85px !important
}

.pl85 {
  padding-left: 85px !important
}

.mt90 {
  margin-top: 90px !important
}

.mr90 {
  margin-right: 90px !important
}

.mb90 {
  margin-bottom: 90px !important
}

.ml90 {
  margin-left: 90px !important
}

.pt90 {
  padding-top: 90px !important
}

.pr90 {
  padding-right: 90px !important
}

.pb90 {
  padding-bottom: 90px !important
}

.pl90 {
  padding-left: 90px !important
}

.mt95 {
  margin-top: 95px !important
}

.mr95 {
  margin-right: 95px !important
}

.mb95 {
  margin-bottom: 95px !important
}

.ml95 {
  margin-left: 95px !important
}

.pt95 {
  padding-top: 95px !important
}

.pr95 {
  padding-right: 95px !important
}

.pb95 {
  padding-bottom: 95px !important
}

.pl95 {
  padding-left: 95px !important
}

.mt100 {
  margin-top: 100px !important
}

.mr100 {
  margin-right: 100px !important
}

.mb100 {
  margin-bottom: 100px !important
}

.ml100 {
  margin-left: 100px !important
}

.pt100 {
  padding-top: 100px !important
}

.pr100 {
  padding-right: 100px !important
}

.pb100 {
  padding-bottom: 100px !important
}

.pl100 {
  padding-left: 100px !important
}

.mt105 {
  margin-top: 105px !important
}

.mr105 {
  margin-right: 105px !important
}

.mb105 {
  margin-bottom: 105px !important
}

.ml105 {
  margin-left: 105px !important
}

.pt105 {
  padding-top: 105px !important
}

.pr105 {
  padding-right: 105px !important
}

.pb105 {
  padding-bottom: 105px !important
}

.pl105 {
  padding-left: 105px !important
}

.mt110 {
  margin-top: 110px !important
}

.mr110 {
  margin-right: 110px !important
}

.mb110 {
  margin-bottom: 110px !important
}

.ml110 {
  margin-left: 110px !important
}

.pt110 {
  padding-top: 110px !important
}

.pr110 {
  padding-right: 110px !important
}

.pb110 {
  padding-bottom: 110px !important
}

.pl110 {
  padding-left: 110px !important
}

.mt115 {
  margin-top: 115px !important
}

.mr115 {
  margin-right: 115px !important
}

.mb115 {
  margin-bottom: 115px !important
}

.ml115 {
  margin-left: 115px !important
}

.pt115 {
  padding-top: 115px !important
}

.pr115 {
  padding-right: 115px !important
}

.pb115 {
  padding-bottom: 115px !important
}

.pl115 {
  padding-left: 115px !important
}

.mt120 {
  margin-top: 120px !important
}

.mr120 {
  margin-right: 120px !important
}

.mb120 {
  margin-bottom: 120px !important
}

.ml120 {
  margin-left: 120px !important
}

.pt120 {
  padding-top: 120px !important
}

.pr120 {
  padding-right: 120px !important
}

.pb120 {
  padding-bottom: 120px !important
}

.pl120 {
  padding-left: 120px !important
}

.mt125 {
  margin-top: 125px !important
}

.mr125 {
  margin-right: 125px !important
}

.mb125 {
  margin-bottom: 125px !important
}

.ml125 {
  margin-left: 125px !important
}

.pt125 {
  padding-top: 125px !important
}

.pr125 {
  padding-right: 125px !important
}

.pb125 {
  padding-bottom: 125px !important
}

.pl125 {
  padding-left: 125px !important
}

.mt130 {
  margin-top: 130px !important
}

.mr130 {
  margin-right: 130px !important
}

.mb130 {
  margin-bottom: 130px !important
}

.ml130 {
  margin-left: 130px !important
}

.pt130 {
  padding-top: 130px !important
}

.pr130 {
  padding-right: 130px !important
}

.pb130 {
  padding-bottom: 130px !important
}

.pl130 {
  padding-left: 130px !important
}

.mt135 {
  margin-top: 135px !important
}

.mr135 {
  margin-right: 135px !important
}

.mb135 {
  margin-bottom: 135px !important
}

.ml135 {
  margin-left: 135px !important
}

.pt135 {
  padding-top: 135px !important
}

.pr135 {
  padding-right: 135px !important
}

.pb135 {
  padding-bottom: 135px !important
}

.pl135 {
  padding-left: 135px !important
}

.mt140 {
  margin-top: 140px !important
}

.mr140 {
  margin-right: 140px !important
}

.mb140 {
  margin-bottom: 140px !important
}

.ml140 {
  margin-left: 140px !important
}

.pt140 {
  padding-top: 140px !important
}

.pr140 {
  padding-right: 140px !important
}

.pb140 {
  padding-bottom: 140px !important
}

.pl140 {
  padding-left: 140px !important
}

.mt145 {
  margin-top: 145px !important
}

.mr145 {
  margin-right: 145px !important
}

.mb145 {
  margin-bottom: 145px !important
}

.ml145 {
  margin-left: 145px !important
}

.pt145 {
  padding-top: 145px !important
}

.pr145 {
  padding-right: 145px !important
}

.pb145 {
  padding-bottom: 145px !important
}

.pl145 {
  padding-left: 145px !important
}

.mt150 {
  margin-top: 150px !important
}

.mr150 {
  margin-right: 150px !important
}

.mb150 {
  margin-bottom: 150px !important
}

.ml150 {
  margin-left: 150px !important
}

.pt150 {
  padding-top: 150px !important
}

.pr150 {
  padding-right: 150px !important
}

.pb150 {
  padding-bottom: 150px !important
}

.pl150 {
  padding-left: 150px !important
}

.mt155 {
  margin-top: 155px !important
}

.mr155 {
  margin-right: 155px !important
}

.mb155 {
  margin-bottom: 155px !important
}

.ml155 {
  margin-left: 155px !important
}

.pt155 {
  padding-top: 155px !important
}

.pr155 {
  padding-right: 155px !important
}

.pb155 {
  padding-bottom: 155px !important
}

.pl155 {
  padding-left: 155px !important
}

.mt160 {
  margin-top: 160px !important
}

.mr160 {
  margin-right: 160px !important
}

.mb160 {
  margin-bottom: 160px !important
}

.ml160 {
  margin-left: 160px !important
}

.pt160 {
  padding-top: 160px !important
}

.pr160 {
  padding-right: 160px !important
}

.pb160 {
  padding-bottom: 160px !important
}

.pl160 {
  padding-left: 160px !important
}

.mt165 {
  margin-top: 165px !important
}

.mr165 {
  margin-right: 165px !important
}

.mb165 {
  margin-bottom: 165px !important
}

.ml165 {
  margin-left: 165px !important
}

.pt165 {
  padding-top: 165px !important
}

.pr165 {
  padding-right: 165px !important
}

.pb165 {
  padding-bottom: 165px !important
}

.pl165 {
  padding-left: 165px !important
}

.mt170 {
  margin-top: 170px !important
}

.mr170 {
  margin-right: 170px !important
}

.mb170 {
  margin-bottom: 170px !important
}

.ml170 {
  margin-left: 170px !important
}

.pt170 {
  padding-top: 170px !important
}

.pr170 {
  padding-right: 170px !important
}

.pb170 {
  padding-bottom: 170px !important
}

.pl170 {
  padding-left: 170px !important
}

.mt175 {
  margin-top: 175px !important
}

.mr175 {
  margin-right: 175px !important
}

.mb175 {
  margin-bottom: 175px !important
}

.ml175 {
  margin-left: 175px !important
}

.pt175 {
  padding-top: 175px !important
}

.pr175 {
  padding-right: 175px !important
}

.pb175 {
  padding-bottom: 175px !important
}

.pl175 {
  padding-left: 175px !important
}

.mt180 {
  margin-top: 180px !important
}

.mr180 {
  margin-right: 180px !important
}

.mb180 {
  margin-bottom: 180px !important
}

.ml180 {
  margin-left: 180px !important
}

.pt180 {
  padding-top: 180px !important
}

.pr180 {
  padding-right: 180px !important
}

.pb180 {
  padding-bottom: 180px !important
}

.pl180 {
  padding-left: 180px !important
}

.mt185 {
  margin-top: 185px !important
}

.mr185 {
  margin-right: 185px !important
}

.mb185 {
  margin-bottom: 185px !important
}

.ml185 {
  margin-left: 185px !important
}

.pt185 {
  padding-top: 185px !important
}

.pr185 {
  padding-right: 185px !important
}

.pb185 {
  padding-bottom: 185px !important
}

.pl185 {
  padding-left: 185px !important
}

.mt190 {
  margin-top: 190px !important
}

.mr190 {
  margin-right: 190px !important
}

.mb190 {
  margin-bottom: 190px !important
}

.ml190 {
  margin-left: 190px !important
}

.pt190 {
  padding-top: 190px !important
}

.pr190 {
  padding-right: 190px !important
}

.pb190 {
  padding-bottom: 190px !important
}

.pl190 {
  padding-left: 190px !important
}

.mt195 {
  margin-top: 195px !important
}

.mr195 {
  margin-right: 195px !important
}

.mb195 {
  margin-bottom: 195px !important
}

.ml195 {
  margin-left: 195px !important
}

.pt195 {
  padding-top: 195px !important
}

.pr195 {
  padding-right: 195px !important
}

.pb195 {
  padding-bottom: 195px !important
}

.pl195 {
  padding-left: 195px !important
}

.mt200 {
  margin-top: 200px !important
}

.mr200 {
  margin-right: 200px !important
}

.mb200 {
  margin-bottom: 200px !important
}

.ml200 {
  margin-left: 200px !important
}

.pt200 {
  padding-top: 200px !important
}

.pr200 {
  padding-right: 200px !important
}

.pb200 {
  padding-bottom: 200px !important
}

.pl200 {
  padding-left: 200px !important
}

.left-text {
  text-align: left !important
}

.right-text {
  text-align: right !important
}

.center-text {
  text-align: center !important
}

.f8px {
  font-size: 8px !important
}

.f9px {
  font-size: 9px !important
}

.f10px {
  font-size: 10px !important
}

.f11px {
  font-size: 11px !important
}

.f12px {
  font-size: 12px !important
}

.f13px {
  font-size: 13px !important
}

.f14px {
  font-size: 14px !important
}

.f15px {
  font-size: 15px !important
}

.f16px {
  font-size: 16px !important
}

.f17px {
  font-size: 17px !important
}

.f18px {
  font-size: 18px !important
}

.f19px {
  font-size: 19px !important
}

.f20px {
  font-size: 20px !important
}

.f21px {
  font-size: 21px !important
}

.f22px {
  font-size: 22px !important
}

.f23px {
  font-size: 23px !important
}

.f24px {
  font-size: 24px !important
}

.f25px {
  font-size: 25px !important
}

.f26px {
  font-size: 26px !important
}

.f27px {
  font-size: 27px !important
}

.f28px {
  font-size: 28px !important
}

.f29px {
  font-size: 29px !important
}

.f30px {
  font-size: 30px !important
}

.f31px {
  font-size: 31px !important
}

.f32px {
  font-size: 32px !important
}

.f33px {
  font-size: 33px !important
}

.f34px {
  font-size: 34px !important
}

.f35px {
  font-size: 35px !important
}

.f36px {
  font-size: 36px !important
}

.f37px {
  font-size: 37px !important
}

.f38px {
  font-size: 38px !important
}

.f39px {
  font-size: 39px !important
}

.f40px {
  font-size: 40px !important
}

.lh10 {
  line-height: 1 !important
}

.lh11 {
  line-height: 1.1 !important
}

.lh12 {
  line-height: 1.2 !important
}

.lh13 {
  line-height: 1.3 !important
}

.lh14 {
  line-height: 1.4 !important
}

.lh15 {
  line-height: 1.5 !important
}

.lh16 {
  line-height: 1.6 !important
}

.lh17 {
  line-height: 1.7 !important
}

.lh18 {
  line-height: 1.8 !important
}

.lh19 {
  line-height: 1.9 !important
}

.lh20 {
  line-height: 2 !important
}

.lh21 {
  line-height: 2.1 !important
}

.lh22 {
  line-height: 2.2 !important
}

.lh23 {
  line-height: 2.3 !important
}

.lh24 {
  line-height: 2.4 !important
}

.lh25 {
  line-height: 2.5 !important
}

.lh26 {
  line-height: 2.6 !important
}

.lh27 {
  line-height: 2.7 !important
}

.lh28 {
  line-height: 2.8 !important
}

.lh29 {
  line-height: 2.9 !important
}

.lh30 {
  line-height: 3 !important
}

.ls0 {
  letter-spacing: 0em !important
}

.ls1 {
  letter-spacing: 0.001em !important
}

.ls2 {
  letter-spacing: 0.002em !important
}

.ls3 {
  letter-spacing: 0.003em !important
}

.ls4 {
  letter-spacing: 0.004em !important
}

.ls5 {
  letter-spacing: 0.005em !important
}

.ls6 {
  letter-spacing: 0.006em !important
}

.ls7 {
  letter-spacing: 0.007em !important
}

.ls8 {
  letter-spacing: 0.008em !important
}

.ls9 {
  letter-spacing: 0.009em !important
}

.ls10 {
  letter-spacing: 0.01em !important
}

.ls11 {
  letter-spacing: 0.011em !important
}

.ls12 {
  letter-spacing: 0.012em !important
}

.ls13 {
  letter-spacing: 0.013em !important
}

.ls14 {
  letter-spacing: 0.014em !important
}

.ls15 {
  letter-spacing: 0.015em !important
}

.ls16 {
  letter-spacing: 0.016em !important
}

.ls17 {
  letter-spacing: 0.017em !important
}

.ls18 {
  letter-spacing: 0.018em !important
}

.ls19 {
  letter-spacing: 0.019em !important
}

.ls20 {
  letter-spacing: 0.02em !important
}

.ls21 {
  letter-spacing: 0.021em !important
}

.ls22 {
  letter-spacing: 0.022em !important
}

.ls23 {
  letter-spacing: 0.023em !important
}

.ls24 {
  letter-spacing: 0.024em !important
}

.ls25 {
  letter-spacing: 0.025em !important
}

.ls26 {
  letter-spacing: 0.026em !important
}

.ls27 {
  letter-spacing: 0.027em !important
}

.ls28 {
  letter-spacing: 0.028em !important
}

.ls29 {
  letter-spacing: 0.029em !important
}

.ls30 {
  letter-spacing: 0.03em !important
}

.ls31 {
  letter-spacing: 0.031em !important
}

.ls32 {
  letter-spacing: 0.032em !important
}

.ls33 {
  letter-spacing: 0.033em !important
}

.ls34 {
  letter-spacing: 0.034em !important
}

.ls35 {
  letter-spacing: 0.035em !important
}

.ls36 {
  letter-spacing: 0.036em !important
}

.ls37 {
  letter-spacing: 0.037em !important
}

.ls38 {
  letter-spacing: 0.038em !important
}

.ls39 {
  letter-spacing: 0.039em !important
}

.ls40 {
  letter-spacing: 0.04em !important
}

.ls41 {
  letter-spacing: 0.041em !important
}

.ls42 {
  letter-spacing: 0.042em !important
}

.ls43 {
  letter-spacing: 0.043em !important
}

.ls44 {
  letter-spacing: 0.044em !important
}

.ls45 {
  letter-spacing: 0.045em !important
}

.ls46 {
  letter-spacing: 0.046em !important
}

.ls47 {
  letter-spacing: 0.047em !important
}

.ls48 {
  letter-spacing: 0.048em !important
}

.ls49 {
  letter-spacing: 0.049em !important
}

.ls50 {
  letter-spacing: 0.05em !important
}

.ls51 {
  letter-spacing: 0.051em !important
}

.ls52 {
  letter-spacing: 0.052em !important
}

.ls53 {
  letter-spacing: 0.053em !important
}

.ls54 {
  letter-spacing: 0.054em !important
}

.ls55 {
  letter-spacing: 0.055em !important
}

.ls56 {
  letter-spacing: 0.056em !important
}

.ls57 {
  letter-spacing: 0.057em !important
}

.ls58 {
  letter-spacing: 0.058em !important
}

.ls59 {
  letter-spacing: 0.059em !important
}

.ls60 {
  letter-spacing: 0.06em !important
}

.ls61 {
  letter-spacing: 0.061em !important
}

.ls62 {
  letter-spacing: 0.062em !important
}

.ls63 {
  letter-spacing: 0.063em !important
}

.ls64 {
  letter-spacing: 0.064em !important
}

.ls65 {
  letter-spacing: 0.065em !important
}

.ls66 {
  letter-spacing: 0.066em !important
}

.ls67 {
  letter-spacing: 0.067em !important
}

.ls68 {
  letter-spacing: 0.068em !important
}

.ls69 {
  letter-spacing: 0.069em !important
}

.ls70 {
  letter-spacing: 0.07em !important
}

.ls71 {
  letter-spacing: 0.071em !important
}

.ls72 {
  letter-spacing: 0.072em !important
}

.ls73 {
  letter-spacing: 0.073em !important
}

.ls74 {
  letter-spacing: 0.074em !important
}

.ls75 {
  letter-spacing: 0.075em !important
}

.ls76 {
  letter-spacing: 0.076em !important
}

.ls77 {
  letter-spacing: 0.077em !important
}

.ls78 {
  letter-spacing: 0.078em !important
}

.ls79 {
  letter-spacing: 0.079em !important
}

.ls80 {
  letter-spacing: 0.08em !important
}

.ls81 {
  letter-spacing: 0.081em !important
}

.ls82 {
  letter-spacing: 0.082em !important
}

.ls83 {
  letter-spacing: 0.083em !important
}

.ls84 {
  letter-spacing: 0.084em !important
}

.ls85 {
  letter-spacing: 0.085em !important
}

.ls86 {
  letter-spacing: 0.086em !important
}

.ls87 {
  letter-spacing: 0.087em !important
}

.ls88 {
  letter-spacing: 0.088em !important
}

.ls89 {
  letter-spacing: 0.089em !important
}

.ls90 {
  letter-spacing: 0.09em !important
}

.ls91 {
  letter-spacing: 0.091em !important
}

.ls92 {
  letter-spacing: 0.092em !important
}

.ls93 {
  letter-spacing: 0.093em !important
}

.ls94 {
  letter-spacing: 0.094em !important
}

.ls95 {
  letter-spacing: 0.095em !important
}

.ls96 {
  letter-spacing: 0.096em !important
}

.ls97 {
  letter-spacing: 0.097em !important
}

.ls98 {
  letter-spacing: 0.098em !important
}

.ls99 {
  letter-spacing: 0.099em !important
}

.ls100 {
  letter-spacing: 0.1em !important
}

.fw100 {
  font-weight: 100 !important
}

.fw200 {
  font-weight: 200 !important
}

.fw300 {
  font-weight: 300 !important
}

.fw400 {
  font-weight: 400 !important
}

.fw500 {
  font-weight: 500 !important
}

.fw600 {
  font-weight: 600 !important
}

.fw700 {
  font-weight: 700 !important
}

.fw800 {
  font-weight: 800 !important
}

.fw900 {
  font-weight: 900 !important
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both
}

.absolute {
  position: absolute !important
}

.relative {
  position: relative !important
}

.static {
  position: static !important
}

.mt1em {
  margin-top: 1em
}

.mb1em {
  margin-bottom: 1em
}

.mw100 {
  max-width: 100%;
  height: auto
}

.w100 {
  width: 100% !important
}

.fade,
ul.sns-list>li>a {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.fade:hover,
ul.sns-list>li>a:hover {
  opacity: .7
}

.left-box {
  float: left !important
}

.right-box {
  float: right !important
}

.center-box {
  margin-left: auto !important;
  margin-right: auto !important
}

.left-sp {
  float: left !important
}

.right-sp {
  float: right !important
}

.normal {
  font-weight: normal
}

.bold {
  font-weight: bold
}

@media only screen and (max-width: 768px) {
  .left-text-tb {
    text-align: left !important
  }

  .right-text-tb {
    text-align: right !important
  }

  .center-text-tb {
    text-align: center !important
  }

  .mt0-tb {
    margin-top: 0px !important
  }

  .mr0-tb {
    margin-right: 0px !important
  }

  .mb0-tb {
    margin-bottom: 0px !important
  }

  .ml0-tb {
    margin-left: 0px !important
  }

  .pt0-tb {
    padding-top: 0px !important
  }

  .pr0-tb {
    padding-right: 0px !important
  }

  .pb0-tb {
    padding-bottom: 0px !important
  }

  .pl0-tb {
    padding-left: 0px !important
  }

  .mt1-tb {
    margin-top: 1px !important
  }

  .mr1-tb {
    margin-right: 1px !important
  }

  .mb1-tb {
    margin-bottom: 1px !important
  }

  .ml1-tb {
    margin-left: 1px !important
  }

  .pt1-tb {
    padding-top: 1px !important
  }

  .pr1-tb {
    padding-right: 1px !important
  }

  .pb1-tb {
    padding-bottom: 1px !important
  }

  .pl1-tb {
    padding-left: 1px !important
  }

  .mt2-tb {
    margin-top: 2px !important
  }

  .mr2-tb {
    margin-right: 2px !important
  }

  .mb2-tb {
    margin-bottom: 2px !important
  }

  .ml2-tb {
    margin-left: 2px !important
  }

  .pt2-tb {
    padding-top: 2px !important
  }

  .pr2-tb {
    padding-right: 2px !important
  }

  .pb2-tb {
    padding-bottom: 2px !important
  }

  .pl2-tb {
    padding-left: 2px !important
  }

  .mt3-tb {
    margin-top: 3px !important
  }

  .mr3-tb {
    margin-right: 3px !important
  }

  .mb3-tb {
    margin-bottom: 3px !important
  }

  .ml3-tb {
    margin-left: 3px !important
  }

  .pt3-tb {
    padding-top: 3px !important
  }

  .pr3-tb {
    padding-right: 3px !important
  }

  .pb3-tb {
    padding-bottom: 3px !important
  }

  .pl3-tb {
    padding-left: 3px !important
  }

  .mt4-tb {
    margin-top: 4px !important
  }

  .mr4-tb {
    margin-right: 4px !important
  }

  .mb4-tb {
    margin-bottom: 4px !important
  }

  .ml4-tb {
    margin-left: 4px !important
  }

  .pt4-tb {
    padding-top: 4px !important
  }

  .pr4-tb {
    padding-right: 4px !important
  }

  .pb4-tb {
    padding-bottom: 4px !important
  }

  .pl4-tb {
    padding-left: 4px !important
  }

  .mt5-tb {
    margin-top: 5px !important
  }

  .mr5-tb {
    margin-right: 5px !important
  }

  .mb5-tb {
    margin-bottom: 5px !important
  }

  .ml5-tb {
    margin-left: 5px !important
  }

  .pt5-tb {
    padding-top: 5px !important
  }

  .pr5-tb {
    padding-right: 5px !important
  }

  .pb5-tb {
    padding-bottom: 5px !important
  }

  .pl5-tb {
    padding-left: 5px !important
  }

  .mt6-tb {
    margin-top: 6px !important
  }

  .mr6-tb {
    margin-right: 6px !important
  }

  .mb6-tb {
    margin-bottom: 6px !important
  }

  .ml6-tb {
    margin-left: 6px !important
  }

  .pt6-tb {
    padding-top: 6px !important
  }

  .pr6-tb {
    padding-right: 6px !important
  }

  .pb6-tb {
    padding-bottom: 6px !important
  }

  .pl6-tb {
    padding-left: 6px !important
  }

  .mt7-tb {
    margin-top: 7px !important
  }

  .mr7-tb {
    margin-right: 7px !important
  }

  .mb7-tb {
    margin-bottom: 7px !important
  }

  .ml7-tb {
    margin-left: 7px !important
  }

  .pt7-tb {
    padding-top: 7px !important
  }

  .pr7-tb {
    padding-right: 7px !important
  }

  .pb7-tb {
    padding-bottom: 7px !important
  }

  .pl7-tb {
    padding-left: 7px !important
  }

  .mt8-tb {
    margin-top: 8px !important
  }

  .mr8-tb {
    margin-right: 8px !important
  }

  .mb8-tb {
    margin-bottom: 8px !important
  }

  .ml8-tb {
    margin-left: 8px !important
  }

  .pt8-tb {
    padding-top: 8px !important
  }

  .pr8-tb {
    padding-right: 8px !important
  }

  .pb8-tb {
    padding-bottom: 8px !important
  }

  .pl8-tb {
    padding-left: 8px !important
  }

  .mt9-tb {
    margin-top: 9px !important
  }

  .mr9-tb {
    margin-right: 9px !important
  }

  .mb9-tb {
    margin-bottom: 9px !important
  }

  .ml9-tb {
    margin-left: 9px !important
  }

  .pt9-tb {
    padding-top: 9px !important
  }

  .pr9-tb {
    padding-right: 9px !important
  }

  .pb9-tb {
    padding-bottom: 9px !important
  }

  .pl9-tb {
    padding-left: 9px !important
  }

  .mt10-tb {
    margin-top: 10px !important
  }

  .mr10-tb {
    margin-right: 10px !important
  }

  .mb10-tb {
    margin-bottom: 10px !important
  }

  .ml10-tb {
    margin-left: 10px !important
  }

  .pt10-tb {
    padding-top: 10px !important
  }

  .pr10-tb {
    padding-right: 10px !important
  }

  .pb10-tb {
    padding-bottom: 10px !important
  }

  .pl10-tb {
    padding-left: 10px !important
  }

  .mt11-tb {
    margin-top: 11px !important
  }

  .mr11-tb {
    margin-right: 11px !important
  }

  .mb11-tb {
    margin-bottom: 11px !important
  }

  .ml11-tb {
    margin-left: 11px !important
  }

  .pt11-tb {
    padding-top: 11px !important
  }

  .pr11-tb {
    padding-right: 11px !important
  }

  .pb11-tb {
    padding-bottom: 11px !important
  }

  .pl11-tb {
    padding-left: 11px !important
  }

  .mt12-tb {
    margin-top: 12px !important
  }

  .mr12-tb {
    margin-right: 12px !important
  }

  .mb12-tb {
    margin-bottom: 12px !important
  }

  .ml12-tb {
    margin-left: 12px !important
  }

  .pt12-tb {
    padding-top: 12px !important
  }

  .pr12-tb {
    padding-right: 12px !important
  }

  .pb12-tb {
    padding-bottom: 12px !important
  }

  .pl12-tb {
    padding-left: 12px !important
  }

  .mt13-tb {
    margin-top: 13px !important
  }

  .mr13-tb {
    margin-right: 13px !important
  }

  .mb13-tb {
    margin-bottom: 13px !important
  }

  .ml13-tb {
    margin-left: 13px !important
  }

  .pt13-tb {
    padding-top: 13px !important
  }

  .pr13-tb {
    padding-right: 13px !important
  }

  .pb13-tb {
    padding-bottom: 13px !important
  }

  .pl13-tb {
    padding-left: 13px !important
  }

  .mt14-tb {
    margin-top: 14px !important
  }

  .mr14-tb {
    margin-right: 14px !important
  }

  .mb14-tb {
    margin-bottom: 14px !important
  }

  .ml14-tb {
    margin-left: 14px !important
  }

  .pt14-tb {
    padding-top: 14px !important
  }

  .pr14-tb {
    padding-right: 14px !important
  }

  .pb14-tb {
    padding-bottom: 14px !important
  }

  .pl14-tb {
    padding-left: 14px !important
  }

  .mt15-tb {
    margin-top: 15px !important
  }

  .mr15-tb {
    margin-right: 15px !important
  }

  .mb15-tb {
    margin-bottom: 15px !important
  }

  .ml15-tb {
    margin-left: 15px !important
  }

  .pt15-tb {
    padding-top: 15px !important
  }

  .pr15-tb {
    padding-right: 15px !important
  }

  .pb15-tb {
    padding-bottom: 15px !important
  }

  .pl15-tb {
    padding-left: 15px !important
  }

  .mt16-tb {
    margin-top: 16px !important
  }

  .mr16-tb {
    margin-right: 16px !important
  }

  .mb16-tb {
    margin-bottom: 16px !important
  }

  .ml16-tb {
    margin-left: 16px !important
  }

  .pt16-tb {
    padding-top: 16px !important
  }

  .pr16-tb {
    padding-right: 16px !important
  }

  .pb16-tb {
    padding-bottom: 16px !important
  }

  .pl16-tb {
    padding-left: 16px !important
  }

  .mt17-tb {
    margin-top: 17px !important
  }

  .mr17-tb {
    margin-right: 17px !important
  }

  .mb17-tb {
    margin-bottom: 17px !important
  }

  .ml17-tb {
    margin-left: 17px !important
  }

  .pt17-tb {
    padding-top: 17px !important
  }

  .pr17-tb {
    padding-right: 17px !important
  }

  .pb17-tb {
    padding-bottom: 17px !important
  }

  .pl17-tb {
    padding-left: 17px !important
  }

  .mt18-tb {
    margin-top: 18px !important
  }

  .mr18-tb {
    margin-right: 18px !important
  }

  .mb18-tb {
    margin-bottom: 18px !important
  }

  .ml18-tb {
    margin-left: 18px !important
  }

  .pt18-tb {
    padding-top: 18px !important
  }

  .pr18-tb {
    padding-right: 18px !important
  }

  .pb18-tb {
    padding-bottom: 18px !important
  }

  .pl18-tb {
    padding-left: 18px !important
  }

  .mt19-tb {
    margin-top: 19px !important
  }

  .mr19-tb {
    margin-right: 19px !important
  }

  .mb19-tb {
    margin-bottom: 19px !important
  }

  .ml19-tb {
    margin-left: 19px !important
  }

  .pt19-tb {
    padding-top: 19px !important
  }

  .pr19-tb {
    padding-right: 19px !important
  }

  .pb19-tb {
    padding-bottom: 19px !important
  }

  .pl19-tb {
    padding-left: 19px !important
  }

  .mt20-tb {
    margin-top: 20px !important
  }

  .mr20-tb {
    margin-right: 20px !important
  }

  .mb20-tb {
    margin-bottom: 20px !important
  }

  .ml20-tb {
    margin-left: 20px !important
  }

  .pt20-tb {
    padding-top: 20px !important
  }

  .pr20-tb {
    padding-right: 20px !important
  }

  .pb20-tb {
    padding-bottom: 20px !important
  }

  .pl20-tb {
    padding-left: 20px !important
  }

  .mt25-tb {
    margin-top: 25px !important
  }

  .mr25-tb {
    margin-right: 25px !important
  }

  .mb25-tb {
    margin-bottom: 25px !important
  }

  .ml25-tb {
    margin-left: 25px !important
  }

  .pt25-tb {
    padding-top: 25px !important
  }

  .pr25-tb {
    padding-right: 25px !important
  }

  .pb25-tb {
    padding-bottom: 25px !important
  }

  .pl25-tb {
    padding-left: 25px !important
  }

  .mt30-tb {
    margin-top: 30px !important
  }

  .mr30-tb {
    margin-right: 30px !important
  }

  .mb30-tb {
    margin-bottom: 30px !important
  }

  .ml30-tb {
    margin-left: 30px !important
  }

  .pt30-tb {
    padding-top: 30px !important
  }

  .pr30-tb {
    padding-right: 30px !important
  }

  .pb30-tb {
    padding-bottom: 30px !important
  }

  .pl30-tb {
    padding-left: 30px !important
  }

  .mt35-tb {
    margin-top: 35px !important
  }

  .mr35-tb {
    margin-right: 35px !important
  }

  .mb35-tb {
    margin-bottom: 35px !important
  }

  .ml35-tb {
    margin-left: 35px !important
  }

  .pt35-tb {
    padding-top: 35px !important
  }

  .pr35-tb {
    padding-right: 35px !important
  }

  .pb35-tb {
    padding-bottom: 35px !important
  }

  .pl35-tb {
    padding-left: 35px !important
  }

  .mt40-tb {
    margin-top: 40px !important
  }

  .mr40-tb {
    margin-right: 40px !important
  }

  .mb40-tb {
    margin-bottom: 40px !important
  }

  .ml40-tb {
    margin-left: 40px !important
  }

  .pt40-tb {
    padding-top: 40px !important
  }

  .pr40-tb {
    padding-right: 40px !important
  }

  .pb40-tb {
    padding-bottom: 40px !important
  }

  .pl40-tb {
    padding-left: 40px !important
  }

  .mt45-tb {
    margin-top: 45px !important
  }

  .mr45-tb {
    margin-right: 45px !important
  }

  .mb45-tb {
    margin-bottom: 45px !important
  }

  .ml45-tb {
    margin-left: 45px !important
  }

  .pt45-tb {
    padding-top: 45px !important
  }

  .pr45-tb {
    padding-right: 45px !important
  }

  .pb45-tb {
    padding-bottom: 45px !important
  }

  .pl45-tb {
    padding-left: 45px !important
  }

  .mt50-tb {
    margin-top: 50px !important
  }

  .mr50-tb {
    margin-right: 50px !important
  }

  .mb50-tb {
    margin-bottom: 50px !important
  }

  .ml50-tb {
    margin-left: 50px !important
  }

  .pt50-tb {
    padding-top: 50px !important
  }

  .pr50-tb {
    padding-right: 50px !important
  }

  .pb50-tb {
    padding-bottom: 50px !important
  }

  .pl50-tb {
    padding-left: 50px !important
  }

  .mt55-tb {
    margin-top: 55px !important
  }

  .mr55-tb {
    margin-right: 55px !important
  }

  .mb55-tb {
    margin-bottom: 55px !important
  }

  .ml55-tb {
    margin-left: 55px !important
  }

  .pt55-tb {
    padding-top: 55px !important
  }

  .pr55-tb {
    padding-right: 55px !important
  }

  .pb55-tb {
    padding-bottom: 55px !important
  }

  .pl55-tb {
    padding-left: 55px !important
  }

  .mt60-tb {
    margin-top: 60px !important
  }

  .mr60-tb {
    margin-right: 60px !important
  }

  .mb60-tb {
    margin-bottom: 60px !important
  }

  .ml60-tb {
    margin-left: 60px !important
  }

  .pt60-tb {
    padding-top: 60px !important
  }

  .pr60-tb {
    padding-right: 60px !important
  }

  .pb60-tb {
    padding-bottom: 60px !important
  }

  .pl60-tb {
    padding-left: 60px !important
  }

  .mt65-tb {
    margin-top: 65px !important
  }

  .mr65-tb {
    margin-right: 65px !important
  }

  .mb65-tb {
    margin-bottom: 65px !important
  }

  .ml65-tb {
    margin-left: 65px !important
  }

  .pt65-tb {
    padding-top: 65px !important
  }

  .pr65-tb {
    padding-right: 65px !important
  }

  .pb65-tb {
    padding-bottom: 65px !important
  }

  .pl65-tb {
    padding-left: 65px !important
  }

  .mt70-tb {
    margin-top: 70px !important
  }

  .mr70-tb {
    margin-right: 70px !important
  }

  .mb70-tb {
    margin-bottom: 70px !important
  }

  .ml70-tb {
    margin-left: 70px !important
  }

  .pt70-tb {
    padding-top: 70px !important
  }

  .pr70-tb {
    padding-right: 70px !important
  }

  .pb70-tb {
    padding-bottom: 70px !important
  }

  .pl70-tb {
    padding-left: 70px !important
  }

  .mt75-tb {
    margin-top: 75px !important
  }

  .mr75-tb {
    margin-right: 75px !important
  }

  .mb75-tb {
    margin-bottom: 75px !important
  }

  .ml75-tb {
    margin-left: 75px !important
  }

  .pt75-tb {
    padding-top: 75px !important
  }

  .pr75-tb {
    padding-right: 75px !important
  }

  .pb75-tb {
    padding-bottom: 75px !important
  }

  .pl75-tb {
    padding-left: 75px !important
  }

  .mt80-tb {
    margin-top: 80px !important
  }

  .mr80-tb {
    margin-right: 80px !important
  }

  .mb80-tb {
    margin-bottom: 80px !important
  }

  .ml80-tb {
    margin-left: 80px !important
  }

  .pt80-tb {
    padding-top: 80px !important
  }

  .pr80-tb {
    padding-right: 80px !important
  }

  .pb80-tb {
    padding-bottom: 80px !important
  }

  .pl80-tb {
    padding-left: 80px !important
  }

  .mt85-tb {
    margin-top: 85px !important
  }

  .mr85-tb {
    margin-right: 85px !important
  }

  .mb85-tb {
    margin-bottom: 85px !important
  }

  .ml85-tb {
    margin-left: 85px !important
  }

  .pt85-tb {
    padding-top: 85px !important
  }

  .pr85-tb {
    padding-right: 85px !important
  }

  .pb85-tb {
    padding-bottom: 85px !important
  }

  .pl85-tb {
    padding-left: 85px !important
  }

  .mt90-tb {
    margin-top: 90px !important
  }

  .mr90-tb {
    margin-right: 90px !important
  }

  .mb90-tb {
    margin-bottom: 90px !important
  }

  .ml90-tb {
    margin-left: 90px !important
  }

  .pt90-tb {
    padding-top: 90px !important
  }

  .pr90-tb {
    padding-right: 90px !important
  }

  .pb90-tb {
    padding-bottom: 90px !important
  }

  .pl90-tb {
    padding-left: 90px !important
  }

  .mt95-tb {
    margin-top: 95px !important
  }

  .mr95-tb {
    margin-right: 95px !important
  }

  .mb95-tb {
    margin-bottom: 95px !important
  }

  .ml95-tb {
    margin-left: 95px !important
  }

  .pt95-tb {
    padding-top: 95px !important
  }

  .pr95-tb {
    padding-right: 95px !important
  }

  .pb95-tb {
    padding-bottom: 95px !important
  }

  .pl95-tb {
    padding-left: 95px !important
  }

  .mt100-tb {
    margin-top: 100px !important
  }

  .mr100-tb {
    margin-right: 100px !important
  }

  .mb100-tb {
    margin-bottom: 100px !important
  }

  .ml100-tb {
    margin-left: 100px !important
  }

  .pt100-tb {
    padding-top: 100px !important
  }

  .pr100-tb {
    padding-right: 100px !important
  }

  .pb100-tb {
    padding-bottom: 100px !important
  }

  .pl100-tb {
    padding-left: 100px !important
  }

  .mt105-tb {
    margin-top: 105px !important
  }

  .mr105-tb {
    margin-right: 105px !important
  }

  .mb105-tb {
    margin-bottom: 105px !important
  }

  .ml105-tb {
    margin-left: 105px !important
  }

  .pt105-tb {
    padding-top: 105px !important
  }

  .pr105-tb {
    padding-right: 105px !important
  }

  .pb105-tb {
    padding-bottom: 105px !important
  }

  .pl105-tb {
    padding-left: 105px !important
  }

  .mt110-tb {
    margin-top: 110px !important
  }

  .mr110-tb {
    margin-right: 110px !important
  }

  .mb110-tb {
    margin-bottom: 110px !important
  }

  .ml110-tb {
    margin-left: 110px !important
  }

  .pt110-tb {
    padding-top: 110px !important
  }

  .pr110-tb {
    padding-right: 110px !important
  }

  .pb110-tb {
    padding-bottom: 110px !important
  }

  .pl110-tb {
    padding-left: 110px !important
  }

  .mt115-tb {
    margin-top: 115px !important
  }

  .mr115-tb {
    margin-right: 115px !important
  }

  .mb115-tb {
    margin-bottom: 115px !important
  }

  .ml115-tb {
    margin-left: 115px !important
  }

  .pt115-tb {
    padding-top: 115px !important
  }

  .pr115-tb {
    padding-right: 115px !important
  }

  .pb115-tb {
    padding-bottom: 115px !important
  }

  .pl115-tb {
    padding-left: 115px !important
  }

  .mt120-tb {
    margin-top: 120px !important
  }

  .mr120-tb {
    margin-right: 120px !important
  }

  .mb120-tb {
    margin-bottom: 120px !important
  }

  .ml120-tb {
    margin-left: 120px !important
  }

  .pt120-tb {
    padding-top: 120px !important
  }

  .pr120-tb {
    padding-right: 120px !important
  }

  .pb120-tb {
    padding-bottom: 120px !important
  }

  .pl120-tb {
    padding-left: 120px !important
  }

  .mt125-tb {
    margin-top: 125px !important
  }

  .mr125-tb {
    margin-right: 125px !important
  }

  .mb125-tb {
    margin-bottom: 125px !important
  }

  .ml125-tb {
    margin-left: 125px !important
  }

  .pt125-tb {
    padding-top: 125px !important
  }

  .pr125-tb {
    padding-right: 125px !important
  }

  .pb125-tb {
    padding-bottom: 125px !important
  }

  .pl125-tb {
    padding-left: 125px !important
  }

  .mt130-tb {
    margin-top: 130px !important
  }

  .mr130-tb {
    margin-right: 130px !important
  }

  .mb130-tb {
    margin-bottom: 130px !important
  }

  .ml130-tb {
    margin-left: 130px !important
  }

  .pt130-tb {
    padding-top: 130px !important
  }

  .pr130-tb {
    padding-right: 130px !important
  }

  .pb130-tb {
    padding-bottom: 130px !important
  }

  .pl130-tb {
    padding-left: 130px !important
  }

  .mt135-tb {
    margin-top: 135px !important
  }

  .mr135-tb {
    margin-right: 135px !important
  }

  .mb135-tb {
    margin-bottom: 135px !important
  }

  .ml135-tb {
    margin-left: 135px !important
  }

  .pt135-tb {
    padding-top: 135px !important
  }

  .pr135-tb {
    padding-right: 135px !important
  }

  .pb135-tb {
    padding-bottom: 135px !important
  }

  .pl135-tb {
    padding-left: 135px !important
  }

  .mt140-tb {
    margin-top: 140px !important
  }

  .mr140-tb {
    margin-right: 140px !important
  }

  .mb140-tb {
    margin-bottom: 140px !important
  }

  .ml140-tb {
    margin-left: 140px !important
  }

  .pt140-tb {
    padding-top: 140px !important
  }

  .pr140-tb {
    padding-right: 140px !important
  }

  .pb140-tb {
    padding-bottom: 140px !important
  }

  .pl140-tb {
    padding-left: 140px !important
  }

  .mt145-tb {
    margin-top: 145px !important
  }

  .mr145-tb {
    margin-right: 145px !important
  }

  .mb145-tb {
    margin-bottom: 145px !important
  }

  .ml145-tb {
    margin-left: 145px !important
  }

  .pt145-tb {
    padding-top: 145px !important
  }

  .pr145-tb {
    padding-right: 145px !important
  }

  .pb145-tb {
    padding-bottom: 145px !important
  }

  .pl145-tb {
    padding-left: 145px !important
  }

  .mt150-tb {
    margin-top: 150px !important
  }

  .mr150-tb {
    margin-right: 150px !important
  }

  .mb150-tb {
    margin-bottom: 150px !important
  }

  .ml150-tb {
    margin-left: 150px !important
  }

  .pt150-tb {
    padding-top: 150px !important
  }

  .pr150-tb {
    padding-right: 150px !important
  }

  .pb150-tb {
    padding-bottom: 150px !important
  }

  .pl150-tb {
    padding-left: 150px !important
  }

  .mt155-tb {
    margin-top: 155px !important
  }

  .mr155-tb {
    margin-right: 155px !important
  }

  .mb155-tb {
    margin-bottom: 155px !important
  }

  .ml155-tb {
    margin-left: 155px !important
  }

  .pt155-tb {
    padding-top: 155px !important
  }

  .pr155-tb {
    padding-right: 155px !important
  }

  .pb155-tb {
    padding-bottom: 155px !important
  }

  .pl155-tb {
    padding-left: 155px !important
  }

  .mt160-tb {
    margin-top: 160px !important
  }

  .mr160-tb {
    margin-right: 160px !important
  }

  .mb160-tb {
    margin-bottom: 160px !important
  }

  .ml160-tb {
    margin-left: 160px !important
  }

  .pt160-tb {
    padding-top: 160px !important
  }

  .pr160-tb {
    padding-right: 160px !important
  }

  .pb160-tb {
    padding-bottom: 160px !important
  }

  .pl160-tb {
    padding-left: 160px !important
  }

  .mt165-tb {
    margin-top: 165px !important
  }

  .mr165-tb {
    margin-right: 165px !important
  }

  .mb165-tb {
    margin-bottom: 165px !important
  }

  .ml165-tb {
    margin-left: 165px !important
  }

  .pt165-tb {
    padding-top: 165px !important
  }

  .pr165-tb {
    padding-right: 165px !important
  }

  .pb165-tb {
    padding-bottom: 165px !important
  }

  .pl165-tb {
    padding-left: 165px !important
  }

  .mt170-tb {
    margin-top: 170px !important
  }

  .mr170-tb {
    margin-right: 170px !important
  }

  .mb170-tb {
    margin-bottom: 170px !important
  }

  .ml170-tb {
    margin-left: 170px !important
  }

  .pt170-tb {
    padding-top: 170px !important
  }

  .pr170-tb {
    padding-right: 170px !important
  }

  .pb170-tb {
    padding-bottom: 170px !important
  }

  .pl170-tb {
    padding-left: 170px !important
  }

  .mt175-tb {
    margin-top: 175px !important
  }

  .mr175-tb {
    margin-right: 175px !important
  }

  .mb175-tb {
    margin-bottom: 175px !important
  }

  .ml175-tb {
    margin-left: 175px !important
  }

  .pt175-tb {
    padding-top: 175px !important
  }

  .pr175-tb {
    padding-right: 175px !important
  }

  .pb175-tb {
    padding-bottom: 175px !important
  }

  .pl175-tb {
    padding-left: 175px !important
  }

  .mt180-tb {
    margin-top: 180px !important
  }

  .mr180-tb {
    margin-right: 180px !important
  }

  .mb180-tb {
    margin-bottom: 180px !important
  }

  .ml180-tb {
    margin-left: 180px !important
  }

  .pt180-tb {
    padding-top: 180px !important
  }

  .pr180-tb {
    padding-right: 180px !important
  }

  .pb180-tb {
    padding-bottom: 180px !important
  }

  .pl180-tb {
    padding-left: 180px !important
  }

  .mt185-tb {
    margin-top: 185px !important
  }

  .mr185-tb {
    margin-right: 185px !important
  }

  .mb185-tb {
    margin-bottom: 185px !important
  }

  .ml185-tb {
    margin-left: 185px !important
  }

  .pt185-tb {
    padding-top: 185px !important
  }

  .pr185-tb {
    padding-right: 185px !important
  }

  .pb185-tb {
    padding-bottom: 185px !important
  }

  .pl185-tb {
    padding-left: 185px !important
  }

  .mt190-tb {
    margin-top: 190px !important
  }

  .mr190-tb {
    margin-right: 190px !important
  }

  .mb190-tb {
    margin-bottom: 190px !important
  }

  .ml190-tb {
    margin-left: 190px !important
  }

  .pt190-tb {
    padding-top: 190px !important
  }

  .pr190-tb {
    padding-right: 190px !important
  }

  .pb190-tb {
    padding-bottom: 190px !important
  }

  .pl190-tb {
    padding-left: 190px !important
  }

  .mt195-tb {
    margin-top: 195px !important
  }

  .mr195-tb {
    margin-right: 195px !important
  }

  .mb195-tb {
    margin-bottom: 195px !important
  }

  .ml195-tb {
    margin-left: 195px !important
  }

  .pt195-tb {
    padding-top: 195px !important
  }

  .pr195-tb {
    padding-right: 195px !important
  }

  .pb195-tb {
    padding-bottom: 195px !important
  }

  .pl195-tb {
    padding-left: 195px !important
  }

  .mt200-tb {
    margin-top: 200px !important
  }

  .mr200-tb {
    margin-right: 200px !important
  }

  .mb200-tb {
    margin-bottom: 200px !important
  }

  .ml200-tb {
    margin-left: 200px !important
  }

  .pt200-tb {
    padding-top: 200px !important
  }

  .pr200-tb {
    padding-right: 200px !important
  }

  .pb200-tb {
    padding-bottom: 200px !important
  }

  .pl200-tb {
    padding-left: 200px !important
  }

  .f8px-tb {
    font-size: 8px !important
  }

  .f9px-tb {
    font-size: 9px !important
  }

  .f10px-tb {
    font-size: 10px !important
  }

  .f11px-tb {
    font-size: 11px !important
  }

  .f12px-tb {
    font-size: 12px !important
  }

  .f13px-tb {
    font-size: 13px !important
  }

  .f14px-tb {
    font-size: 14px !important
  }

  .f15px-tb {
    font-size: 15px !important
  }

  .f16px-tb {
    font-size: 16px !important
  }

  .f17px-tb {
    font-size: 17px !important
  }

  .f18px-tb {
    font-size: 18px !important
  }

  .f19px-tb {
    font-size: 19px !important
  }

  .f20px-tb {
    font-size: 20px !important
  }

  .f21px-tb {
    font-size: 21px !important
  }

  .f22px-tb {
    font-size: 22px !important
  }

  .f23px-tb {
    font-size: 23px !important
  }

  .f24px-tb {
    font-size: 24px !important
  }

  .f25px-tb {
    font-size: 25px !important
  }

  .f26px-tb {
    font-size: 26px !important
  }

  .f27px-tb {
    font-size: 27px !important
  }

  .f28px-tb {
    font-size: 28px !important
  }

  .f29px-tb {
    font-size: 29px !important
  }

  .f30px-tb {
    font-size: 30px !important
  }

  .f31px-tb {
    font-size: 31px !important
  }

  .f32px-tb {
    font-size: 32px !important
  }

  .f33px-tb {
    font-size: 33px !important
  }

  .f34px-tb {
    font-size: 34px !important
  }

  .f35px-tb {
    font-size: 35px !important
  }

  .f36px-tb {
    font-size: 36px !important
  }

  .f37px-tb {
    font-size: 37px !important
  }

  .f38px-tb {
    font-size: 38px !important
  }

  .f39px-tb {
    font-size: 39px !important
  }

  .f40px-tb {
    font-size: 40px !important
  }

  .lh10-tb {
    line-height: 1 !important
  }

  .lh11-tb {
    line-height: 1.1 !important
  }

  .lh12-tb {
    line-height: 1.2 !important
  }

  .lh13-tb {
    line-height: 1.3 !important
  }

  .lh14-tb {
    line-height: 1.4 !important
  }

  .lh15-tb {
    line-height: 1.5 !important
  }

  .lh16-tb {
    line-height: 1.6 !important
  }

  .lh17-tb {
    line-height: 1.7 !important
  }

  .lh18-tb {
    line-height: 1.8 !important
  }

  .lh19-tb {
    line-height: 1.9 !important
  }

  .lh20-tb {
    line-height: 2 !important
  }

  .lh21-tb {
    line-height: 2.1 !important
  }

  .lh22-tb {
    line-height: 2.2 !important
  }

  .lh23-tb {
    line-height: 2.3 !important
  }

  .lh24-tb {
    line-height: 2.4 !important
  }

  .lh25-tb {
    line-height: 2.5 !important
  }

  .lh26-tb {
    line-height: 2.6 !important
  }

  .lh27-tb {
    line-height: 2.7 !important
  }

  .lh28-tb {
    line-height: 2.8 !important
  }

  .lh29-tb {
    line-height: 2.9 !important
  }

  .lh30-tb {
    line-height: 3 !important
  }

  .ls0-tb {
    letter-spacing: 0em !important
  }

  .ls1-tb {
    letter-spacing: 0.001em !important
  }

  .ls2-tb {
    letter-spacing: 0.002em !important
  }

  .ls3-tb {
    letter-spacing: 0.003em !important
  }

  .ls4-tb {
    letter-spacing: 0.004em !important
  }

  .ls5-tb {
    letter-spacing: 0.005em !important
  }

  .ls6-tb {
    letter-spacing: 0.006em !important
  }

  .ls7-tb {
    letter-spacing: 0.007em !important
  }

  .ls8-tb {
    letter-spacing: 0.008em !important
  }

  .ls9-tb {
    letter-spacing: 0.009em !important
  }

  .ls10-tb {
    letter-spacing: 0.01em !important
  }

  .ls11-tb {
    letter-spacing: 0.011em !important
  }

  .ls12-tb {
    letter-spacing: 0.012em !important
  }

  .ls13-tb {
    letter-spacing: 0.013em !important
  }

  .ls14-tb {
    letter-spacing: 0.014em !important
  }

  .ls15-tb {
    letter-spacing: 0.015em !important
  }

  .ls16-tb {
    letter-spacing: 0.016em !important
  }

  .ls17-tb {
    letter-spacing: 0.017em !important
  }

  .ls18-tb {
    letter-spacing: 0.018em !important
  }

  .ls19-tb {
    letter-spacing: 0.019em !important
  }

  .ls20-tb {
    letter-spacing: 0.02em !important
  }

  .ls21-tb {
    letter-spacing: 0.021em !important
  }

  .ls22-tb {
    letter-spacing: 0.022em !important
  }

  .ls23-tb {
    letter-spacing: 0.023em !important
  }

  .ls24-tb {
    letter-spacing: 0.024em !important
  }

  .ls25-tb {
    letter-spacing: 0.025em !important
  }

  .ls26-tb {
    letter-spacing: 0.026em !important
  }

  .ls27-tb {
    letter-spacing: 0.027em !important
  }

  .ls28-tb {
    letter-spacing: 0.028em !important
  }

  .ls29-tb {
    letter-spacing: 0.029em !important
  }

  .ls30-tb {
    letter-spacing: 0.03em !important
  }

  .ls31-tb {
    letter-spacing: 0.031em !important
  }

  .ls32-tb {
    letter-spacing: 0.032em !important
  }

  .ls33-tb {
    letter-spacing: 0.033em !important
  }

  .ls34-tb {
    letter-spacing: 0.034em !important
  }

  .ls35-tb {
    letter-spacing: 0.035em !important
  }

  .ls36-tb {
    letter-spacing: 0.036em !important
  }

  .ls37-tb {
    letter-spacing: 0.037em !important
  }

  .ls38-tb {
    letter-spacing: 0.038em !important
  }

  .ls39-tb {
    letter-spacing: 0.039em !important
  }

  .ls40-tb {
    letter-spacing: 0.04em !important
  }

  .ls41-tb {
    letter-spacing: 0.041em !important
  }

  .ls42-tb {
    letter-spacing: 0.042em !important
  }

  .ls43-tb {
    letter-spacing: 0.043em !important
  }

  .ls44-tb {
    letter-spacing: 0.044em !important
  }

  .ls45-tb {
    letter-spacing: 0.045em !important
  }

  .ls46-tb {
    letter-spacing: 0.046em !important
  }

  .ls47-tb {
    letter-spacing: 0.047em !important
  }

  .ls48-tb {
    letter-spacing: 0.048em !important
  }

  .ls49-tb {
    letter-spacing: 0.049em !important
  }

  .ls50-tb {
    letter-spacing: 0.05em !important
  }

  .ls51-tb {
    letter-spacing: 0.051em !important
  }

  .ls52-tb {
    letter-spacing: 0.052em !important
  }

  .ls53-tb {
    letter-spacing: 0.053em !important
  }

  .ls54-tb {
    letter-spacing: 0.054em !important
  }

  .ls55-tb {
    letter-spacing: 0.055em !important
  }

  .ls56-tb {
    letter-spacing: 0.056em !important
  }

  .ls57-tb {
    letter-spacing: 0.057em !important
  }

  .ls58-tb {
    letter-spacing: 0.058em !important
  }

  .ls59-tb {
    letter-spacing: 0.059em !important
  }

  .ls60-tb {
    letter-spacing: 0.06em !important
  }

  .ls61-tb {
    letter-spacing: 0.061em !important
  }

  .ls62-tb {
    letter-spacing: 0.062em !important
  }

  .ls63-tb {
    letter-spacing: 0.063em !important
  }

  .ls64-tb {
    letter-spacing: 0.064em !important
  }

  .ls65-tb {
    letter-spacing: 0.065em !important
  }

  .ls66-tb {
    letter-spacing: 0.066em !important
  }

  .ls67-tb {
    letter-spacing: 0.067em !important
  }

  .ls68-tb {
    letter-spacing: 0.068em !important
  }

  .ls69-tb {
    letter-spacing: 0.069em !important
  }

  .ls70-tb {
    letter-spacing: 0.07em !important
  }

  .ls71-tb {
    letter-spacing: 0.071em !important
  }

  .ls72-tb {
    letter-spacing: 0.072em !important
  }

  .ls73-tb {
    letter-spacing: 0.073em !important
  }

  .ls74-tb {
    letter-spacing: 0.074em !important
  }

  .ls75-tb {
    letter-spacing: 0.075em !important
  }

  .ls76-tb {
    letter-spacing: 0.076em !important
  }

  .ls77-tb {
    letter-spacing: 0.077em !important
  }

  .ls78-tb {
    letter-spacing: 0.078em !important
  }

  .ls79-tb {
    letter-spacing: 0.079em !important
  }

  .ls80-tb {
    letter-spacing: 0.08em !important
  }

  .ls81-tb {
    letter-spacing: 0.081em !important
  }

  .ls82-tb {
    letter-spacing: 0.082em !important
  }

  .ls83-tb {
    letter-spacing: 0.083em !important
  }

  .ls84-tb {
    letter-spacing: 0.084em !important
  }

  .ls85-tb {
    letter-spacing: 0.085em !important
  }

  .ls86-tb {
    letter-spacing: 0.086em !important
  }

  .ls87-tb {
    letter-spacing: 0.087em !important
  }

  .ls88-tb {
    letter-spacing: 0.088em !important
  }

  .ls89-tb {
    letter-spacing: 0.089em !important
  }

  .ls90-tb {
    letter-spacing: 0.09em !important
  }

  .ls91-tb {
    letter-spacing: 0.091em !important
  }

  .ls92-tb {
    letter-spacing: 0.092em !important
  }

  .ls93-tb {
    letter-spacing: 0.093em !important
  }

  .ls94-tb {
    letter-spacing: 0.094em !important
  }

  .ls95-tb {
    letter-spacing: 0.095em !important
  }

  .ls96-tb {
    letter-spacing: 0.096em !important
  }

  .ls97-tb {
    letter-spacing: 0.097em !important
  }

  .ls98-tb {
    letter-spacing: 0.098em !important
  }

  .ls99-tb {
    letter-spacing: 0.099em !important
  }

  .ls100-tb {
    letter-spacing: 0.1em !important
  }
}

@media only screen and (max-width: 480px) {
  .left-text-sp {
    text-align: left !important
  }

  .right-text-sp {
    text-align: right !important
  }

  .center-text-sp {
    text-align: center !important
  }

  .mt0-sp {
    margin-top: 0px !important
  }

  .mr0-sp {
    margin-right: 0px !important
  }

  .mb0-sp {
    margin-bottom: 0px !important
  }

  .ml0-sp {
    margin-left: 0px !important
  }

  .pt0-sp {
    padding-top: 0px !important
  }

  .pr0-sp {
    padding-right: 0px !important
  }

  .pb0-sp {
    padding-bottom: 0px !important
  }

  .pl0-sp {
    padding-left: 0px !important
  }

  .mt1-sp {
    margin-top: 1px !important
  }

  .mr1-sp {
    margin-right: 1px !important
  }

  .mb1-sp {
    margin-bottom: 1px !important
  }

  .ml1-sp {
    margin-left: 1px !important
  }

  .pt1-sp {
    padding-top: 1px !important
  }

  .pr1-sp {
    padding-right: 1px !important
  }

  .pb1-sp {
    padding-bottom: 1px !important
  }

  .pl1-sp {
    padding-left: 1px !important
  }

  .mt2-sp {
    margin-top: 2px !important
  }

  .mr2-sp {
    margin-right: 2px !important
  }

  .mb2-sp {
    margin-bottom: 2px !important
  }

  .ml2-sp {
    margin-left: 2px !important
  }

  .pt2-sp {
    padding-top: 2px !important
  }

  .pr2-sp {
    padding-right: 2px !important
  }

  .pb2-sp {
    padding-bottom: 2px !important
  }

  .pl2-sp {
    padding-left: 2px !important
  }

  .mt3-sp {
    margin-top: 3px !important
  }

  .mr3-sp {
    margin-right: 3px !important
  }

  .mb3-sp {
    margin-bottom: 3px !important
  }

  .ml3-sp {
    margin-left: 3px !important
  }

  .pt3-sp {
    padding-top: 3px !important
  }

  .pr3-sp {
    padding-right: 3px !important
  }

  .pb3-sp {
    padding-bottom: 3px !important
  }

  .pl3-sp {
    padding-left: 3px !important
  }

  .mt4-sp {
    margin-top: 4px !important
  }

  .mr4-sp {
    margin-right: 4px !important
  }

  .mb4-sp {
    margin-bottom: 4px !important
  }

  .ml4-sp {
    margin-left: 4px !important
  }

  .pt4-sp {
    padding-top: 4px !important
  }

  .pr4-sp {
    padding-right: 4px !important
  }

  .pb4-sp {
    padding-bottom: 4px !important
  }

  .pl4-sp {
    padding-left: 4px !important
  }

  .mt5-sp {
    margin-top: 5px !important
  }

  .mr5-sp {
    margin-right: 5px !important
  }

  .mb5-sp {
    margin-bottom: 5px !important
  }

  .ml5-sp {
    margin-left: 5px !important
  }

  .pt5-sp {
    padding-top: 5px !important
  }

  .pr5-sp {
    padding-right: 5px !important
  }

  .pb5-sp {
    padding-bottom: 5px !important
  }

  .pl5-sp {
    padding-left: 5px !important
  }

  .mt6-sp {
    margin-top: 6px !important
  }

  .mr6-sp {
    margin-right: 6px !important
  }

  .mb6-sp {
    margin-bottom: 6px !important
  }

  .ml6-sp {
    margin-left: 6px !important
  }

  .pt6-sp {
    padding-top: 6px !important
  }

  .pr6-sp {
    padding-right: 6px !important
  }

  .pb6-sp {
    padding-bottom: 6px !important
  }

  .pl6-sp {
    padding-left: 6px !important
  }

  .mt7-sp {
    margin-top: 7px !important
  }

  .mr7-sp {
    margin-right: 7px !important
  }

  .mb7-sp {
    margin-bottom: 7px !important
  }

  .ml7-sp {
    margin-left: 7px !important
  }

  .pt7-sp {
    padding-top: 7px !important
  }

  .pr7-sp {
    padding-right: 7px !important
  }

  .pb7-sp {
    padding-bottom: 7px !important
  }

  .pl7-sp {
    padding-left: 7px !important
  }

  .mt8-sp {
    margin-top: 8px !important
  }

  .mr8-sp {
    margin-right: 8px !important
  }

  .mb8-sp {
    margin-bottom: 8px !important
  }

  .ml8-sp {
    margin-left: 8px !important
  }

  .pt8-sp {
    padding-top: 8px !important
  }

  .pr8-sp {
    padding-right: 8px !important
  }

  .pb8-sp {
    padding-bottom: 8px !important
  }

  .pl8-sp {
    padding-left: 8px !important
  }

  .mt9-sp {
    margin-top: 9px !important
  }

  .mr9-sp {
    margin-right: 9px !important
  }

  .mb9-sp {
    margin-bottom: 9px !important
  }

  .ml9-sp {
    margin-left: 9px !important
  }

  .pt9-sp {
    padding-top: 9px !important
  }

  .pr9-sp {
    padding-right: 9px !important
  }

  .pb9-sp {
    padding-bottom: 9px !important
  }

  .pl9-sp {
    padding-left: 9px !important
  }

  .mt10-sp {
    margin-top: 10px !important
  }

  .mr10-sp {
    margin-right: 10px !important
  }

  .mb10-sp {
    margin-bottom: 10px !important
  }

  .ml10-sp {
    margin-left: 10px !important
  }

  .pt10-sp {
    padding-top: 10px !important
  }

  .pr10-sp {
    padding-right: 10px !important
  }

  .pb10-sp {
    padding-bottom: 10px !important
  }

  .pl10-sp {
    padding-left: 10px !important
  }

  .mt11-sp {
    margin-top: 11px !important
  }

  .mr11-sp {
    margin-right: 11px !important
  }

  .mb11-sp {
    margin-bottom: 11px !important
  }

  .ml11-sp {
    margin-left: 11px !important
  }

  .pt11-sp {
    padding-top: 11px !important
  }

  .pr11-sp {
    padding-right: 11px !important
  }

  .pb11-sp {
    padding-bottom: 11px !important
  }

  .pl11-sp {
    padding-left: 11px !important
  }

  .mt12-sp {
    margin-top: 12px !important
  }

  .mr12-sp {
    margin-right: 12px !important
  }

  .mb12-sp {
    margin-bottom: 12px !important
  }

  .ml12-sp {
    margin-left: 12px !important
  }

  .pt12-sp {
    padding-top: 12px !important
  }

  .pr12-sp {
    padding-right: 12px !important
  }

  .pb12-sp {
    padding-bottom: 12px !important
  }

  .pl12-sp {
    padding-left: 12px !important
  }

  .mt13-sp {
    margin-top: 13px !important
  }

  .mr13-sp {
    margin-right: 13px !important
  }

  .mb13-sp {
    margin-bottom: 13px !important
  }

  .ml13-sp {
    margin-left: 13px !important
  }

  .pt13-sp {
    padding-top: 13px !important
  }

  .pr13-sp {
    padding-right: 13px !important
  }

  .pb13-sp {
    padding-bottom: 13px !important
  }

  .pl13-sp {
    padding-left: 13px !important
  }

  .mt14-sp {
    margin-top: 14px !important
  }

  .mr14-sp {
    margin-right: 14px !important
  }

  .mb14-sp {
    margin-bottom: 14px !important
  }

  .ml14-sp {
    margin-left: 14px !important
  }

  .pt14-sp {
    padding-top: 14px !important
  }

  .pr14-sp {
    padding-right: 14px !important
  }

  .pb14-sp {
    padding-bottom: 14px !important
  }

  .pl14-sp {
    padding-left: 14px !important
  }

  .mt15-sp {
    margin-top: 15px !important
  }

  .mr15-sp {
    margin-right: 15px !important
  }

  .mb15-sp {
    margin-bottom: 15px !important
  }

  .ml15-sp {
    margin-left: 15px !important
  }

  .pt15-sp {
    padding-top: 15px !important
  }

  .pr15-sp {
    padding-right: 15px !important
  }

  .pb15-sp {
    padding-bottom: 15px !important
  }

  .pl15-sp {
    padding-left: 15px !important
  }

  .mt16-sp {
    margin-top: 16px !important
  }

  .mr16-sp {
    margin-right: 16px !important
  }

  .mb16-sp {
    margin-bottom: 16px !important
  }

  .ml16-sp {
    margin-left: 16px !important
  }

  .pt16-sp {
    padding-top: 16px !important
  }

  .pr16-sp {
    padding-right: 16px !important
  }

  .pb16-sp {
    padding-bottom: 16px !important
  }

  .pl16-sp {
    padding-left: 16px !important
  }

  .mt17-sp {
    margin-top: 17px !important
  }

  .mr17-sp {
    margin-right: 17px !important
  }

  .mb17-sp {
    margin-bottom: 17px !important
  }

  .ml17-sp {
    margin-left: 17px !important
  }

  .pt17-sp {
    padding-top: 17px !important
  }

  .pr17-sp {
    padding-right: 17px !important
  }

  .pb17-sp {
    padding-bottom: 17px !important
  }

  .pl17-sp {
    padding-left: 17px !important
  }

  .mt18-sp {
    margin-top: 18px !important
  }

  .mr18-sp {
    margin-right: 18px !important
  }

  .mb18-sp {
    margin-bottom: 18px !important
  }

  .ml18-sp {
    margin-left: 18px !important
  }

  .pt18-sp {
    padding-top: 18px !important
  }

  .pr18-sp {
    padding-right: 18px !important
  }

  .pb18-sp {
    padding-bottom: 18px !important
  }

  .pl18-sp {
    padding-left: 18px !important
  }

  .mt19-sp {
    margin-top: 19px !important
  }

  .mr19-sp {
    margin-right: 19px !important
  }

  .mb19-sp {
    margin-bottom: 19px !important
  }

  .ml19-sp {
    margin-left: 19px !important
  }

  .pt19-sp {
    padding-top: 19px !important
  }

  .pr19-sp {
    padding-right: 19px !important
  }

  .pb19-sp {
    padding-bottom: 19px !important
  }

  .pl19-sp {
    padding-left: 19px !important
  }

  .mt20-sp {
    margin-top: 20px !important
  }

  .mr20-sp {
    margin-right: 20px !important
  }

  .mb20-sp {
    margin-bottom: 20px !important
  }

  .ml20-sp {
    margin-left: 20px !important
  }

  .pt20-sp {
    padding-top: 20px !important
  }

  .pr20-sp {
    padding-right: 20px !important
  }

  .pb20-sp {
    padding-bottom: 20px !important
  }

  .pl20-sp {
    padding-left: 20px !important
  }

  .mt25-sp {
    margin-top: 25px !important
  }

  .mr25-sp {
    margin-right: 25px !important
  }

  .mb25-sp {
    margin-bottom: 25px !important
  }

  .ml25-sp {
    margin-left: 25px !important
  }

  .pt25-sp {
    padding-top: 25px !important
  }

  .pr25-sp {
    padding-right: 25px !important
  }

  .pb25-sp {
    padding-bottom: 25px !important
  }

  .pl25-sp {
    padding-left: 25px !important
  }

  .mt30-sp {
    margin-top: 30px !important
  }

  .mr30-sp {
    margin-right: 30px !important
  }

  .mb30-sp {
    margin-bottom: 30px !important
  }

  .ml30-sp {
    margin-left: 30px !important
  }

  .pt30-sp {
    padding-top: 30px !important
  }

  .pr30-sp {
    padding-right: 30px !important
  }

  .pb30-sp {
    padding-bottom: 30px !important
  }

  .pl30-sp {
    padding-left: 30px !important
  }

  .mt35-sp {
    margin-top: 35px !important
  }

  .mr35-sp {
    margin-right: 35px !important
  }

  .mb35-sp {
    margin-bottom: 35px !important
  }

  .ml35-sp {
    margin-left: 35px !important
  }

  .pt35-sp {
    padding-top: 35px !important
  }

  .pr35-sp {
    padding-right: 35px !important
  }

  .pb35-sp {
    padding-bottom: 35px !important
  }

  .pl35-sp {
    padding-left: 35px !important
  }

  .mt40-sp {
    margin-top: 40px !important
  }

  .mr40-sp {
    margin-right: 40px !important
  }

  .mb40-sp {
    margin-bottom: 40px !important
  }

  .ml40-sp {
    margin-left: 40px !important
  }

  .pt40-sp {
    padding-top: 40px !important
  }

  .pr40-sp {
    padding-right: 40px !important
  }

  .pb40-sp {
    padding-bottom: 40px !important
  }

  .pl40-sp {
    padding-left: 40px !important
  }

  .mt45-sp {
    margin-top: 45px !important
  }

  .mr45-sp {
    margin-right: 45px !important
  }

  .mb45-sp {
    margin-bottom: 45px !important
  }

  .ml45-sp {
    margin-left: 45px !important
  }

  .pt45-sp {
    padding-top: 45px !important
  }

  .pr45-sp {
    padding-right: 45px !important
  }

  .pb45-sp {
    padding-bottom: 45px !important
  }

  .pl45-sp {
    padding-left: 45px !important
  }

  .mt50-sp {
    margin-top: 50px !important
  }

  .mr50-sp {
    margin-right: 50px !important
  }

  .mb50-sp {
    margin-bottom: 50px !important
  }

  .ml50-sp {
    margin-left: 50px !important
  }

  .pt50-sp {
    padding-top: 50px !important
  }

  .pr50-sp {
    padding-right: 50px !important
  }

  .pb50-sp {
    padding-bottom: 50px !important
  }

  .pl50-sp {
    padding-left: 50px !important
  }

  .mt55-sp {
    margin-top: 55px !important
  }

  .mr55-sp {
    margin-right: 55px !important
  }

  .mb55-sp {
    margin-bottom: 55px !important
  }

  .ml55-sp {
    margin-left: 55px !important
  }

  .pt55-sp {
    padding-top: 55px !important
  }

  .pr55-sp {
    padding-right: 55px !important
  }

  .pb55-sp {
    padding-bottom: 55px !important
  }

  .pl55-sp {
    padding-left: 55px !important
  }

  .mt60-sp {
    margin-top: 60px !important
  }

  .mr60-sp {
    margin-right: 60px !important
  }

  .mb60-sp {
    margin-bottom: 60px !important
  }

  .ml60-sp {
    margin-left: 60px !important
  }

  .pt60-sp {
    padding-top: 60px !important
  }

  .pr60-sp {
    padding-right: 60px !important
  }

  .pb60-sp {
    padding-bottom: 60px !important
  }

  .pl60-sp {
    padding-left: 60px !important
  }

  .mt65-sp {
    margin-top: 65px !important
  }

  .mr65-sp {
    margin-right: 65px !important
  }

  .mb65-sp {
    margin-bottom: 65px !important
  }

  .ml65-sp {
    margin-left: 65px !important
  }

  .pt65-sp {
    padding-top: 65px !important
  }

  .pr65-sp {
    padding-right: 65px !important
  }

  .pb65-sp {
    padding-bottom: 65px !important
  }

  .pl65-sp {
    padding-left: 65px !important
  }

  .mt70-sp {
    margin-top: 70px !important
  }

  .mr70-sp {
    margin-right: 70px !important
  }

  .mb70-sp {
    margin-bottom: 70px !important
  }

  .ml70-sp {
    margin-left: 70px !important
  }

  .pt70-sp {
    padding-top: 70px !important
  }

  .pr70-sp {
    padding-right: 70px !important
  }

  .pb70-sp {
    padding-bottom: 70px !important
  }

  .pl70-sp {
    padding-left: 70px !important
  }

  .mt75-sp {
    margin-top: 75px !important
  }

  .mr75-sp {
    margin-right: 75px !important
  }

  .mb75-sp {
    margin-bottom: 75px !important
  }

  .ml75-sp {
    margin-left: 75px !important
  }

  .pt75-sp {
    padding-top: 75px !important
  }

  .pr75-sp {
    padding-right: 75px !important
  }

  .pb75-sp {
    padding-bottom: 75px !important
  }

  .pl75-sp {
    padding-left: 75px !important
  }

  .mt80-sp {
    margin-top: 80px !important
  }

  .mr80-sp {
    margin-right: 80px !important
  }

  .mb80-sp {
    margin-bottom: 80px !important
  }

  .ml80-sp {
    margin-left: 80px !important
  }

  .pt80-sp {
    padding-top: 80px !important
  }

  .pr80-sp {
    padding-right: 80px !important
  }

  .pb80-sp {
    padding-bottom: 80px !important
  }

  .pl80-sp {
    padding-left: 80px !important
  }

  .mt85-sp {
    margin-top: 85px !important
  }

  .mr85-sp {
    margin-right: 85px !important
  }

  .mb85-sp {
    margin-bottom: 85px !important
  }

  .ml85-sp {
    margin-left: 85px !important
  }

  .pt85-sp {
    padding-top: 85px !important
  }

  .pr85-sp {
    padding-right: 85px !important
  }

  .pb85-sp {
    padding-bottom: 85px !important
  }

  .pl85-sp {
    padding-left: 85px !important
  }

  .mt90-sp {
    margin-top: 90px !important
  }

  .mr90-sp {
    margin-right: 90px !important
  }

  .mb90-sp {
    margin-bottom: 90px !important
  }

  .ml90-sp {
    margin-left: 90px !important
  }

  .pt90-sp {
    padding-top: 90px !important
  }

  .pr90-sp {
    padding-right: 90px !important
  }

  .pb90-sp {
    padding-bottom: 90px !important
  }

  .pl90-sp {
    padding-left: 90px !important
  }

  .mt95-sp {
    margin-top: 95px !important
  }

  .mr95-sp {
    margin-right: 95px !important
  }

  .mb95-sp {
    margin-bottom: 95px !important
  }

  .ml95-sp {
    margin-left: 95px !important
  }

  .pt95-sp {
    padding-top: 95px !important
  }

  .pr95-sp {
    padding-right: 95px !important
  }

  .pb95-sp {
    padding-bottom: 95px !important
  }

  .pl95-sp {
    padding-left: 95px !important
  }

  .mt100-sp {
    margin-top: 100px !important
  }

  .mr100-sp {
    margin-right: 100px !important
  }

  .mb100-sp {
    margin-bottom: 100px !important
  }

  .ml100-sp {
    margin-left: 100px !important
  }

  .pt100-sp {
    padding-top: 100px !important
  }

  .pr100-sp {
    padding-right: 100px !important
  }

  .pb100-sp {
    padding-bottom: 100px !important
  }

  .pl100-sp {
    padding-left: 100px !important
  }

  .mt105-sp {
    margin-top: 105px !important
  }

  .mr105-sp {
    margin-right: 105px !important
  }

  .mb105-sp {
    margin-bottom: 105px !important
  }

  .ml105-sp {
    margin-left: 105px !important
  }

  .pt105-sp {
    padding-top: 105px !important
  }

  .pr105-sp {
    padding-right: 105px !important
  }

  .pb105-sp {
    padding-bottom: 105px !important
  }

  .pl105-sp {
    padding-left: 105px !important
  }

  .mt110-sp {
    margin-top: 110px !important
  }

  .mr110-sp {
    margin-right: 110px !important
  }

  .mb110-sp {
    margin-bottom: 110px !important
  }

  .ml110-sp {
    margin-left: 110px !important
  }

  .pt110-sp {
    padding-top: 110px !important
  }

  .pr110-sp {
    padding-right: 110px !important
  }

  .pb110-sp {
    padding-bottom: 110px !important
  }

  .pl110-sp {
    padding-left: 110px !important
  }

  .mt115-sp {
    margin-top: 115px !important
  }

  .mr115-sp {
    margin-right: 115px !important
  }

  .mb115-sp {
    margin-bottom: 115px !important
  }

  .ml115-sp {
    margin-left: 115px !important
  }

  .pt115-sp {
    padding-top: 115px !important
  }

  .pr115-sp {
    padding-right: 115px !important
  }

  .pb115-sp {
    padding-bottom: 115px !important
  }

  .pl115-sp {
    padding-left: 115px !important
  }

  .mt120-sp {
    margin-top: 120px !important
  }

  .mr120-sp {
    margin-right: 120px !important
  }

  .mb120-sp {
    margin-bottom: 120px !important
  }

  .ml120-sp {
    margin-left: 120px !important
  }

  .pt120-sp {
    padding-top: 120px !important
  }

  .pr120-sp {
    padding-right: 120px !important
  }

  .pb120-sp {
    padding-bottom: 120px !important
  }

  .pl120-sp {
    padding-left: 120px !important
  }

  .mt125-sp {
    margin-top: 125px !important
  }

  .mr125-sp {
    margin-right: 125px !important
  }

  .mb125-sp {
    margin-bottom: 125px !important
  }

  .ml125-sp {
    margin-left: 125px !important
  }

  .pt125-sp {
    padding-top: 125px !important
  }

  .pr125-sp {
    padding-right: 125px !important
  }

  .pb125-sp {
    padding-bottom: 125px !important
  }

  .pl125-sp {
    padding-left: 125px !important
  }

  .mt130-sp {
    margin-top: 130px !important
  }

  .mr130-sp {
    margin-right: 130px !important
  }

  .mb130-sp {
    margin-bottom: 130px !important
  }

  .ml130-sp {
    margin-left: 130px !important
  }

  .pt130-sp {
    padding-top: 130px !important
  }

  .pr130-sp {
    padding-right: 130px !important
  }

  .pb130-sp {
    padding-bottom: 130px !important
  }

  .pl130-sp {
    padding-left: 130px !important
  }

  .mt135-sp {
    margin-top: 135px !important
  }

  .mr135-sp {
    margin-right: 135px !important
  }

  .mb135-sp {
    margin-bottom: 135px !important
  }

  .ml135-sp {
    margin-left: 135px !important
  }

  .pt135-sp {
    padding-top: 135px !important
  }

  .pr135-sp {
    padding-right: 135px !important
  }

  .pb135-sp {
    padding-bottom: 135px !important
  }

  .pl135-sp {
    padding-left: 135px !important
  }

  .mt140-sp {
    margin-top: 140px !important
  }

  .mr140-sp {
    margin-right: 140px !important
  }

  .mb140-sp {
    margin-bottom: 140px !important
  }

  .ml140-sp {
    margin-left: 140px !important
  }

  .pt140-sp {
    padding-top: 140px !important
  }

  .pr140-sp {
    padding-right: 140px !important
  }

  .pb140-sp {
    padding-bottom: 140px !important
  }

  .pl140-sp {
    padding-left: 140px !important
  }

  .mt145-sp {
    margin-top: 145px !important
  }

  .mr145-sp {
    margin-right: 145px !important
  }

  .mb145-sp {
    margin-bottom: 145px !important
  }

  .ml145-sp {
    margin-left: 145px !important
  }

  .pt145-sp {
    padding-top: 145px !important
  }

  .pr145-sp {
    padding-right: 145px !important
  }

  .pb145-sp {
    padding-bottom: 145px !important
  }

  .pl145-sp {
    padding-left: 145px !important
  }

  .mt150-sp {
    margin-top: 150px !important
  }

  .mr150-sp {
    margin-right: 150px !important
  }

  .mb150-sp {
    margin-bottom: 150px !important
  }

  .ml150-sp {
    margin-left: 150px !important
  }

  .pt150-sp {
    padding-top: 150px !important
  }

  .pr150-sp {
    padding-right: 150px !important
  }

  .pb150-sp {
    padding-bottom: 150px !important
  }

  .pl150-sp {
    padding-left: 150px !important
  }

  .mt155-sp {
    margin-top: 155px !important
  }

  .mr155-sp {
    margin-right: 155px !important
  }

  .mb155-sp {
    margin-bottom: 155px !important
  }

  .ml155-sp {
    margin-left: 155px !important
  }

  .pt155-sp {
    padding-top: 155px !important
  }

  .pr155-sp {
    padding-right: 155px !important
  }

  .pb155-sp {
    padding-bottom: 155px !important
  }

  .pl155-sp {
    padding-left: 155px !important
  }

  .mt160-sp {
    margin-top: 160px !important
  }

  .mr160-sp {
    margin-right: 160px !important
  }

  .mb160-sp {
    margin-bottom: 160px !important
  }

  .ml160-sp {
    margin-left: 160px !important
  }

  .pt160-sp {
    padding-top: 160px !important
  }

  .pr160-sp {
    padding-right: 160px !important
  }

  .pb160-sp {
    padding-bottom: 160px !important
  }

  .pl160-sp {
    padding-left: 160px !important
  }

  .mt165-sp {
    margin-top: 165px !important
  }

  .mr165-sp {
    margin-right: 165px !important
  }

  .mb165-sp {
    margin-bottom: 165px !important
  }

  .ml165-sp {
    margin-left: 165px !important
  }

  .pt165-sp {
    padding-top: 165px !important
  }

  .pr165-sp {
    padding-right: 165px !important
  }

  .pb165-sp {
    padding-bottom: 165px !important
  }

  .pl165-sp {
    padding-left: 165px !important
  }

  .mt170-sp {
    margin-top: 170px !important
  }

  .mr170-sp {
    margin-right: 170px !important
  }

  .mb170-sp {
    margin-bottom: 170px !important
  }

  .ml170-sp {
    margin-left: 170px !important
  }

  .pt170-sp {
    padding-top: 170px !important
  }

  .pr170-sp {
    padding-right: 170px !important
  }

  .pb170-sp {
    padding-bottom: 170px !important
  }

  .pl170-sp {
    padding-left: 170px !important
  }

  .mt175-sp {
    margin-top: 175px !important
  }

  .mr175-sp {
    margin-right: 175px !important
  }

  .mb175-sp {
    margin-bottom: 175px !important
  }

  .ml175-sp {
    margin-left: 175px !important
  }

  .pt175-sp {
    padding-top: 175px !important
  }

  .pr175-sp {
    padding-right: 175px !important
  }

  .pb175-sp {
    padding-bottom: 175px !important
  }

  .pl175-sp {
    padding-left: 175px !important
  }

  .mt180-sp {
    margin-top: 180px !important
  }

  .mr180-sp {
    margin-right: 180px !important
  }

  .mb180-sp {
    margin-bottom: 180px !important
  }

  .ml180-sp {
    margin-left: 180px !important
  }

  .pt180-sp {
    padding-top: 180px !important
  }

  .pr180-sp {
    padding-right: 180px !important
  }

  .pb180-sp {
    padding-bottom: 180px !important
  }

  .pl180-sp {
    padding-left: 180px !important
  }

  .mt185-sp {
    margin-top: 185px !important
  }

  .mr185-sp {
    margin-right: 185px !important
  }

  .mb185-sp {
    margin-bottom: 185px !important
  }

  .ml185-sp {
    margin-left: 185px !important
  }

  .pt185-sp {
    padding-top: 185px !important
  }

  .pr185-sp {
    padding-right: 185px !important
  }

  .pb185-sp {
    padding-bottom: 185px !important
  }

  .pl185-sp {
    padding-left: 185px !important
  }

  .mt190-sp {
    margin-top: 190px !important
  }

  .mr190-sp {
    margin-right: 190px !important
  }

  .mb190-sp {
    margin-bottom: 190px !important
  }

  .ml190-sp {
    margin-left: 190px !important
  }

  .pt190-sp {
    padding-top: 190px !important
  }

  .pr190-sp {
    padding-right: 190px !important
  }

  .pb190-sp {
    padding-bottom: 190px !important
  }

  .pl190-sp {
    padding-left: 190px !important
  }

  .mt195-sp {
    margin-top: 195px !important
  }

  .mr195-sp {
    margin-right: 195px !important
  }

  .mb195-sp {
    margin-bottom: 195px !important
  }

  .ml195-sp {
    margin-left: 195px !important
  }

  .pt195-sp {
    padding-top: 195px !important
  }

  .pr195-sp {
    padding-right: 195px !important
  }

  .pb195-sp {
    padding-bottom: 195px !important
  }

  .pl195-sp {
    padding-left: 195px !important
  }

  .mt200-sp {
    margin-top: 200px !important
  }

  .mr200-sp {
    margin-right: 200px !important
  }

  .mb200-sp {
    margin-bottom: 200px !important
  }

  .ml200-sp {
    margin-left: 200px !important
  }

  .pt200-sp {
    padding-top: 200px !important
  }

  .pr200-sp {
    padding-right: 200px !important
  }

  .pb200-sp {
    padding-bottom: 200px !important
  }

  .pl200-sp {
    padding-left: 200px !important
  }

  .f8px-sp {
    font-size: 8px !important
  }

  .f9px-sp {
    font-size: 9px !important
  }

  .f10px-sp {
    font-size: 10px !important
  }

  .f11px-sp {
    font-size: 11px !important
  }

  .f12px-sp {
    font-size: 12px !important
  }

  .f13px-sp {
    font-size: 13px !important
  }

  .f14px-sp {
    font-size: 14px !important
  }

  .f15px-sp {
    font-size: 15px !important
  }

  .f16px-sp {
    font-size: 16px !important
  }

  .f17px-sp {
    font-size: 17px !important
  }

  .f18px-sp {
    font-size: 18px !important
  }

  .f19px-sp {
    font-size: 19px !important
  }

  .f20px-sp {
    font-size: 20px !important
  }

  .f21px-sp {
    font-size: 21px !important
  }

  .f22px-sp {
    font-size: 22px !important
  }

  .f23px-sp {
    font-size: 23px !important
  }

  .f24px-sp {
    font-size: 24px !important
  }

  .f25px-sp {
    font-size: 25px !important
  }

  .f26px-sp {
    font-size: 26px !important
  }

  .f27px-sp {
    font-size: 27px !important
  }

  .f28px-sp {
    font-size: 28px !important
  }

  .f29px-sp {
    font-size: 29px !important
  }

  .f30px-sp {
    font-size: 30px !important
  }

  .f31px-sp {
    font-size: 31px !important
  }

  .f32px-sp {
    font-size: 32px !important
  }

  .f33px-sp {
    font-size: 33px !important
  }

  .f34px-sp {
    font-size: 34px !important
  }

  .f35px-sp {
    font-size: 35px !important
  }

  .f36px-sp {
    font-size: 36px !important
  }

  .f37px-sp {
    font-size: 37px !important
  }

  .f38px-sp {
    font-size: 38px !important
  }

  .f39px-sp {
    font-size: 39px !important
  }

  .f40px-sp {
    font-size: 40px !important
  }

  .lh10-sp {
    line-height: 1 !important
  }

  .lh11-sp {
    line-height: 1.1 !important
  }

  .lh12-sp {
    line-height: 1.2 !important
  }

  .lh13-sp {
    line-height: 1.3 !important
  }

  .lh14-sp {
    line-height: 1.4 !important
  }

  .lh15-sp {
    line-height: 1.5 !important
  }

  .lh16-sp {
    line-height: 1.6 !important
  }

  .lh17-sp {
    line-height: 1.7 !important
  }

  .lh18-sp {
    line-height: 1.8 !important
  }

  .lh19-sp {
    line-height: 1.9 !important
  }

  .lh20-sp {
    line-height: 2 !important
  }

  .lh21-sp {
    line-height: 2.1 !important
  }

  .lh22-sp {
    line-height: 2.2 !important
  }

  .lh23-sp {
    line-height: 2.3 !important
  }

  .lh24-sp {
    line-height: 2.4 !important
  }

  .lh25-sp {
    line-height: 2.5 !important
  }

  .lh26-sp {
    line-height: 2.6 !important
  }

  .lh27-sp {
    line-height: 2.7 !important
  }

  .lh28-sp {
    line-height: 2.8 !important
  }

  .lh29-sp {
    line-height: 2.9 !important
  }

  .lh30-sp {
    line-height: 3 !important
  }

  .ls0-sp {
    letter-spacing: 0em !important
  }

  .ls1-sp {
    letter-spacing: 0.001em !important
  }

  .ls2-sp {
    letter-spacing: 0.002em !important
  }

  .ls3-sp {
    letter-spacing: 0.003em !important
  }

  .ls4-sp {
    letter-spacing: 0.004em !important
  }

  .ls5-sp {
    letter-spacing: 0.005em !important
  }

  .ls6-sp {
    letter-spacing: 0.006em !important
  }

  .ls7-sp {
    letter-spacing: 0.007em !important
  }

  .ls8-sp {
    letter-spacing: 0.008em !important
  }

  .ls9-sp {
    letter-spacing: 0.009em !important
  }

  .ls10-sp {
    letter-spacing: 0.01em !important
  }

  .ls11-sp {
    letter-spacing: 0.011em !important
  }

  .ls12-sp {
    letter-spacing: 0.012em !important
  }

  .ls13-sp {
    letter-spacing: 0.013em !important
  }

  .ls14-sp {
    letter-spacing: 0.014em !important
  }

  .ls15-sp {
    letter-spacing: 0.015em !important
  }

  .ls16-sp {
    letter-spacing: 0.016em !important
  }

  .ls17-sp {
    letter-spacing: 0.017em !important
  }

  .ls18-sp {
    letter-spacing: 0.018em !important
  }

  .ls19-sp {
    letter-spacing: 0.019em !important
  }

  .ls20-sp {
    letter-spacing: 0.02em !important
  }

  .ls21-sp {
    letter-spacing: 0.021em !important
  }

  .ls22-sp {
    letter-spacing: 0.022em !important
  }

  .ls23-sp {
    letter-spacing: 0.023em !important
  }

  .ls24-sp {
    letter-spacing: 0.024em !important
  }

  .ls25-sp {
    letter-spacing: 0.025em !important
  }

  .ls26-sp {
    letter-spacing: 0.026em !important
  }

  .ls27-sp {
    letter-spacing: 0.027em !important
  }

  .ls28-sp {
    letter-spacing: 0.028em !important
  }

  .ls29-sp {
    letter-spacing: 0.029em !important
  }

  .ls30-sp {
    letter-spacing: 0.03em !important
  }

  .ls31-sp {
    letter-spacing: 0.031em !important
  }

  .ls32-sp {
    letter-spacing: 0.032em !important
  }

  .ls33-sp {
    letter-spacing: 0.033em !important
  }

  .ls34-sp {
    letter-spacing: 0.034em !important
  }

  .ls35-sp {
    letter-spacing: 0.035em !important
  }

  .ls36-sp {
    letter-spacing: 0.036em !important
  }

  .ls37-sp {
    letter-spacing: 0.037em !important
  }

  .ls38-sp {
    letter-spacing: 0.038em !important
  }

  .ls39-sp {
    letter-spacing: 0.039em !important
  }

  .ls40-sp {
    letter-spacing: 0.04em !important
  }

  .ls41-sp {
    letter-spacing: 0.041em !important
  }

  .ls42-sp {
    letter-spacing: 0.042em !important
  }

  .ls43-sp {
    letter-spacing: 0.043em !important
  }

  .ls44-sp {
    letter-spacing: 0.044em !important
  }

  .ls45-sp {
    letter-spacing: 0.045em !important
  }

  .ls46-sp {
    letter-spacing: 0.046em !important
  }

  .ls47-sp {
    letter-spacing: 0.047em !important
  }

  .ls48-sp {
    letter-spacing: 0.048em !important
  }

  .ls49-sp {
    letter-spacing: 0.049em !important
  }

  .ls50-sp {
    letter-spacing: 0.05em !important
  }

  .ls51-sp {
    letter-spacing: 0.051em !important
  }

  .ls52-sp {
    letter-spacing: 0.052em !important
  }

  .ls53-sp {
    letter-spacing: 0.053em !important
  }

  .ls54-sp {
    letter-spacing: 0.054em !important
  }

  .ls55-sp {
    letter-spacing: 0.055em !important
  }

  .ls56-sp {
    letter-spacing: 0.056em !important
  }

  .ls57-sp {
    letter-spacing: 0.057em !important
  }

  .ls58-sp {
    letter-spacing: 0.058em !important
  }

  .ls59-sp {
    letter-spacing: 0.059em !important
  }

  .ls60-sp {
    letter-spacing: 0.06em !important
  }

  .ls61-sp {
    letter-spacing: 0.061em !important
  }

  .ls62-sp {
    letter-spacing: 0.062em !important
  }

  .ls63-sp {
    letter-spacing: 0.063em !important
  }

  .ls64-sp {
    letter-spacing: 0.064em !important
  }

  .ls65-sp {
    letter-spacing: 0.065em !important
  }

  .ls66-sp {
    letter-spacing: 0.066em !important
  }

  .ls67-sp {
    letter-spacing: 0.067em !important
  }

  .ls68-sp {
    letter-spacing: 0.068em !important
  }

  .ls69-sp {
    letter-spacing: 0.069em !important
  }

  .ls70-sp {
    letter-spacing: 0.07em !important
  }

  .ls71-sp {
    letter-spacing: 0.071em !important
  }

  .ls72-sp {
    letter-spacing: 0.072em !important
  }

  .ls73-sp {
    letter-spacing: 0.073em !important
  }

  .ls74-sp {
    letter-spacing: 0.074em !important
  }

  .ls75-sp {
    letter-spacing: 0.075em !important
  }

  .ls76-sp {
    letter-spacing: 0.076em !important
  }

  .ls77-sp {
    letter-spacing: 0.077em !important
  }

  .ls78-sp {
    letter-spacing: 0.078em !important
  }

  .ls79-sp {
    letter-spacing: 0.079em !important
  }

  .ls80-sp {
    letter-spacing: 0.08em !important
  }

  .ls81-sp {
    letter-spacing: 0.081em !important
  }

  .ls82-sp {
    letter-spacing: 0.082em !important
  }

  .ls83-sp {
    letter-spacing: 0.083em !important
  }

  .ls84-sp {
    letter-spacing: 0.084em !important
  }

  .ls85-sp {
    letter-spacing: 0.085em !important
  }

  .ls86-sp {
    letter-spacing: 0.086em !important
  }

  .ls87-sp {
    letter-spacing: 0.087em !important
  }

  .ls88-sp {
    letter-spacing: 0.088em !important
  }

  .ls89-sp {
    letter-spacing: 0.089em !important
  }

  .ls90-sp {
    letter-spacing: 0.09em !important
  }

  .ls91-sp {
    letter-spacing: 0.091em !important
  }

  .ls92-sp {
    letter-spacing: 0.092em !important
  }

  .ls93-sp {
    letter-spacing: 0.093em !important
  }

  .ls94-sp {
    letter-spacing: 0.094em !important
  }

  .ls95-sp {
    letter-spacing: 0.095em !important
  }

  .ls96-sp {
    letter-spacing: 0.096em !important
  }

  .ls97-sp {
    letter-spacing: 0.097em !important
  }

  .ls98-sp {
    letter-spacing: 0.098em !important
  }

  .ls99-sp {
    letter-spacing: 0.099em !important
  }

  .ls100-sp {
    letter-spacing: 0.1em !important
  }
}

@media only screen and (max-width: 768px) {

  .pc,
  section.top-join-sec .join-deco-img .deco-img.-deco04,
  section.top-join-sec .join-deco-img .deco-img.-deco01,
  section.top-join-sec .join-bg-img .bg-img.-img05 {
    display: none !important
  }
}

@media only screen and (max-width: 480px) {
  .pctb {
    display: none !important
  }
}

@media only screen and (min-width: 769px) {
  .tb {
    display: none !important
  }
}

@media only screen and (min-width: 481px) {
  .sp {
    display: none !important
  }
}

.flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.fd--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.fd--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.fw--nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.fw--wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.jc--start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.jc--end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.jc--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.jc--between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.jc--around {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.jc--evenly {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

.ai--start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.ai--end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.ai--center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width: 768px) {
  .fd--row-tb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .fd--column-tb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .fw--nowrap-tb {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .fw--wrap-tb {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .jc--start-tb {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .jc--end-tb {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .jc--center-tb {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .jc--between-tb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .jc--around-tb {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }

  .jc--evenly-tb {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
  }

  .ai--start-tb {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .ai--end-tb {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }

  .ai--center-tb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media only screen and (max-width: 480px) {
  .fd--row-sp {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .fd--column-sp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .fw--nowrap-sp {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .fw--wrap-sp {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .jc--start-sp {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .jc--end-sp {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .jc--center-sp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .jc--between-sp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .jc--around-sp {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }

  .jc--evenly-sp {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
  }

  .ai--start-sp {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .ai--end-sp {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }

  .ai--center-sp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.container,
.breadcrumb-wrap ul.breadcrumb {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  width: 1020px
}

.container:before,
.breadcrumb-wrap ul.breadcrumb:before,
.container:after,
.breadcrumb-wrap ul.breadcrumb:after {
  content: " ";
  display: table
}

.container:after,
.breadcrumb-wrap ul.breadcrumb:after {
  clear: both
}

@media only screen and (max-width: 768px) {

  .container,
  .breadcrumb-wrap ul.breadcrumb {
    padding-left: 20px;
    padding-right: 20px
  }
}

@media only screen and (max-width: 480px) {

  .container,
  .breadcrumb-wrap ul.breadcrumb {
    padding-left: 20px;
    padding-right: 20px
  }
}

@media only screen and (max-width: 768px) {

  .container,
  .breadcrumb-wrap ul.breadcrumb {
    width: auto
  }
}

@media only screen and (max-width: 480px) {

  .container,
  .breadcrumb-wrap ul.breadcrumb {
    width: auto
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px
}

.container-fluid:before,
.container-fluid:after {
  content: " ";
  display: table
}

.container-fluid:after {
  clear: both
}

@media only screen and (max-width: 768px) {
  .container-fluid {
    padding-left: 20px;
    padding-right: 20px
  }
}

@media only screen and (max-width: 480px) {
  .container-fluid {
    padding-left: 20px;
    padding-right: 20px
  }
}

.row {
  margin-left: -10px;
  margin-right: -10px
}

.row:before,
.row:after {
  content: " ";
  display: table
}

.row:after {
  clear: both
}

@media only screen and (max-width: 768px) {
  .row {
    margin-left: -5px;
    margin-right: -5px
  }
}

@media only screen and (max-width: 480px) {
  .row {
    margin-left: -5px;
    margin-right: -5px
  }
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px
}

@media only screen and (max-width: 768px) {

  .col1,
  .col2,
  .col3,
  .col4,
  .col5,
  .col6,
  .col7,
  .col8,
  .col9,
  .col10,
  .col11,
  .col12 {
    padding-left: 5px;
    padding-right: 5px
  }
}

@media only screen and (max-width: 480px) {

  .col1,
  .col2,
  .col3,
  .col4,
  .col5,
  .col6,
  .col7,
  .col8,
  .col9,
  .col10,
  .col11,
  .col12 {
    padding-left: 5px;
    padding-right: 5px
  }
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
  float: left
}

.col1 {
  width: 8.3333333333%
}

.col2 {
  width: 16.6666666667%
}

.col3 {
  width: 25%
}

.col4 {
  width: 33.3333333333%
}

.col5 {
  width: 41.6666666667%
}

.col6 {
  width: 50%
}

.col7 {
  width: 58.3333333333%
}

.col8 {
  width: 66.6666666667%
}

.col9 {
  width: 75%
}

.col10 {
  width: 83.3333333333%
}

.col11 {
  width: 91.6666666667%
}

.col12 {
  width: 100%
}

.col0-pull {
  right: auto
}

.col1-pull {
  right: 8.3333333333%
}

.col2-pull {
  right: 16.6666666667%
}

.col3-pull {
  right: 25%
}

.col4-pull {
  right: 33.3333333333%
}

.col5-pull {
  right: 41.6666666667%
}

.col6-pull {
  right: 50%
}

.col7-pull {
  right: 58.3333333333%
}

.col8-pull {
  right: 66.6666666667%
}

.col9-pull {
  right: 75%
}

.col10-pull {
  right: 83.3333333333%
}

.col11-pull {
  right: 91.6666666667%
}

.col12-pull {
  right: 100%
}

.col0-push {
  left: auto
}

.col1-push {
  left: 8.3333333333%
}

.col2-push {
  left: 16.6666666667%
}

.col3-push {
  left: 25%
}

.col4-push {
  left: 33.3333333333%
}

.col5-push {
  left: 41.6666666667%
}

.col6-push {
  left: 50%
}

.col7-push {
  left: 58.3333333333%
}

.col8-push {
  left: 66.6666666667%
}

.col9-push {
  left: 75%
}

.col10-push {
  left: 83.3333333333%
}

.col11-push {
  left: 91.6666666667%
}

.col12-push {
  left: 100%
}

.col0-offset {
  margin-left: 0%
}

.col1-offset {
  margin-left: 8.3333333333%
}

.col2-offset {
  margin-left: 16.6666666667%
}

.col3-offset {
  margin-left: 25%
}

.col4-offset {
  margin-left: 33.3333333333%
}

.col5-offset {
  margin-left: 41.6666666667%
}

.col6-offset {
  margin-left: 50%
}

.col7-offset {
  margin-left: 58.3333333333%
}

.col8-offset {
  margin-left: 66.6666666667%
}

.col9-offset {
  margin-left: 75%
}

.col10-offset {
  margin-left: 83.3333333333%
}

.col11-offset {
  margin-left: 91.6666666667%
}

.col12-offset {
  margin-left: 100%
}

.col1-tb,
.col1-sp,
.col2-tb,
.col2-sp,
.col3-tb,
.col3-sp,
.col4-tb,
.col4-sp,
.col5-tb,
.col5-sp,
.col6-tb,
.col6-sp,
.col7-tb,
.col7-sp,
.col8-tb,
.col8-sp,
.col9-tb,
.col9-sp,
.col10-tb,
.col10-sp,
.col11-tb,
.col11-sp,
.col12-tb,
.col12-sp {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px
}

@media only screen and (max-width: 768px) {

  .col1-tb,
  .col1-sp,
  .col2-tb,
  .col2-sp,
  .col3-tb,
  .col3-sp,
  .col4-tb,
  .col4-sp,
  .col5-tb,
  .col5-sp,
  .col6-tb,
  .col6-sp,
  .col7-tb,
  .col7-sp,
  .col8-tb,
  .col8-sp,
  .col9-tb,
  .col9-sp,
  .col10-tb,
  .col10-sp,
  .col11-tb,
  .col11-sp,
  .col12-tb,
  .col12-sp {
    padding-left: 5px;
    padding-right: 5px
  }
}

@media only screen and (max-width: 480px) {

  .col1-tb,
  .col1-sp,
  .col2-tb,
  .col2-sp,
  .col3-tb,
  .col3-sp,
  .col4-tb,
  .col4-sp,
  .col5-tb,
  .col5-sp,
  .col6-tb,
  .col6-sp,
  .col7-tb,
  .col7-sp,
  .col8-tb,
  .col8-sp,
  .col9-tb,
  .col9-sp,
  .col10-tb,
  .col10-sp,
  .col11-tb,
  .col11-sp,
  .col12-tb,
  .col12-sp {
    padding-left: 5px;
    padding-right: 5px
  }
}

@media only screen and (max-width: 768px) {

  .col1-tb,
  .col2-tb,
  .col3-tb,
  .col4-tb,
  .col5-tb,
  .col6-tb,
  .col7-tb,
  .col8-tb,
  .col9-tb,
  .col10-tb,
  .col11-tb,
  .col12-tb {
    float: left
  }

  .col1-tb {
    width: 8.3333333333%
  }

  .col2-tb {
    width: 16.6666666667%
  }

  .col3-tb {
    width: 25%
  }

  .col4-tb {
    width: 33.3333333333%
  }

  .col5-tb {
    width: 41.6666666667%
  }

  .col6-tb {
    width: 50%
  }

  .col7-tb {
    width: 58.3333333333%
  }

  .col8-tb {
    width: 66.6666666667%
  }

  .col9-tb {
    width: 75%
  }

  .col10-tb {
    width: 83.3333333333%
  }

  .col11-tb {
    width: 91.6666666667%
  }

  .col12-tb {
    width: 100%
  }

  .col0-pull-tb {
    right: auto
  }

  .col1-pull-tb {
    right: 8.3333333333%
  }

  .col2-pull-tb {
    right: 16.6666666667%
  }

  .col3-pull-tb {
    right: 25%
  }

  .col4-pull-tb {
    right: 33.3333333333%
  }

  .col5-pull-tb {
    right: 41.6666666667%
  }

  .col6-pull-tb {
    right: 50%
  }

  .col7-pull-tb {
    right: 58.3333333333%
  }

  .col8-pull-tb {
    right: 66.6666666667%
  }

  .col9-pull-tb {
    right: 75%
  }

  .col10-pull-tb {
    right: 83.3333333333%
  }

  .col11-pull-tb {
    right: 91.6666666667%
  }

  .col12-pull-tb {
    right: 100%
  }

  .col0-push-tb {
    left: auto
  }

  .col1-push-tb {
    left: 8.3333333333%
  }

  .col2-push-tb {
    left: 16.6666666667%
  }

  .col3-push-tb {
    left: 25%
  }

  .col4-push-tb {
    left: 33.3333333333%
  }

  .col5-push-tb {
    left: 41.6666666667%
  }

  .col6-push-tb {
    left: 50%
  }

  .col7-push-tb {
    left: 58.3333333333%
  }

  .col8-push-tb {
    left: 66.6666666667%
  }

  .col9-push-tb {
    left: 75%
  }

  .col10-push-tb {
    left: 83.3333333333%
  }

  .col11-push-tb {
    left: 91.6666666667%
  }

  .col12-push-tb {
    left: 100%
  }

  .col0-offset-tb {
    margin-left: 0%
  }

  .col1-offset-tb {
    margin-left: 8.3333333333%
  }

  .col2-offset-tb {
    margin-left: 16.6666666667%
  }

  .col3-offset-tb {
    margin-left: 25%
  }

  .col4-offset-tb {
    margin-left: 33.3333333333%
  }

  .col5-offset-tb {
    margin-left: 41.6666666667%
  }

  .col6-offset-tb {
    margin-left: 50%
  }

  .col7-offset-tb {
    margin-left: 58.3333333333%
  }

  .col8-offset-tb {
    margin-left: 66.6666666667%
  }

  .col9-offset-tb {
    margin-left: 75%
  }

  .col10-offset-tb {
    margin-left: 83.3333333333%
  }

  .col11-offset-tb {
    margin-left: 91.6666666667%
  }

  .col12-offset-tb {
    margin-left: 100%
  }
}

@media only screen and (max-width: 480px) {

  .col1-sp,
  .col2-sp,
  .col3-sp,
  .col4-sp,
  .col5-sp,
  .col6-sp,
  .col7-sp,
  .col8-sp,
  .col9-sp,
  .col10-sp,
  .col11-sp,
  .col12-sp {
    float: left
  }

  .col1-sp {
    width: 8.3333333333%
  }

  .col2-sp {
    width: 16.6666666667%
  }

  .col3-sp {
    width: 25%
  }

  .col4-sp {
    width: 33.3333333333%
  }

  .col5-sp {
    width: 41.6666666667%
  }

  .col6-sp {
    width: 50%
  }

  .col7-sp {
    width: 58.3333333333%
  }

  .col8-sp {
    width: 66.6666666667%
  }

  .col9-sp {
    width: 75%
  }

  .col10-sp {
    width: 83.3333333333%
  }

  .col11-sp {
    width: 91.6666666667%
  }

  .col12-sp {
    width: 100%
  }

  .col0-pull-sp {
    right: auto
  }

  .col1-pull-sp {
    right: 8.3333333333%
  }

  .col2-pull-sp {
    right: 16.6666666667%
  }

  .col3-pull-sp {
    right: 25%
  }

  .col4-pull-sp {
    right: 33.3333333333%
  }

  .col5-pull-sp {
    right: 41.6666666667%
  }

  .col6-pull-sp {
    right: 50%
  }

  .col7-pull-sp {
    right: 58.3333333333%
  }

  .col8-pull-sp {
    right: 66.6666666667%
  }

  .col9-pull-sp {
    right: 75%
  }

  .col10-pull-sp {
    right: 83.3333333333%
  }

  .col11-pull-sp {
    right: 91.6666666667%
  }

  .col12-pull-sp {
    right: 100%
  }

  .col0-push-sp {
    left: auto
  }

  .col1-push-sp {
    left: 8.3333333333%
  }

  .col2-push-sp {
    left: 16.6666666667%
  }

  .col3-push-sp {
    left: 25%
  }

  .col4-push-sp {
    left: 33.3333333333%
  }

  .col5-push-sp {
    left: 41.6666666667%
  }

  .col6-push-sp {
    left: 50%
  }

  .col7-push-sp {
    left: 58.3333333333%
  }

  .col8-push-sp {
    left: 66.6666666667%
  }

  .col9-push-sp {
    left: 75%
  }

  .col10-push-sp {
    left: 83.3333333333%
  }

  .col11-push-sp {
    left: 91.6666666667%
  }

  .col12-push-sp {
    left: 100%
  }

  .col0-offset-sp {
    margin-left: 0%
  }

  .col1-offset-sp {
    margin-left: 8.3333333333%
  }

  .col2-offset-sp {
    margin-left: 16.6666666667%
  }

  .col3-offset-sp {
    margin-left: 25%
  }

  .col4-offset-sp {
    margin-left: 33.3333333333%
  }

  .col5-offset-sp {
    margin-left: 41.6666666667%
  }

  .col6-offset-sp {
    margin-left: 50%
  }

  .col7-offset-sp {
    margin-left: 58.3333333333%
  }

  .col8-offset-sp {
    margin-left: 66.6666666667%
  }

  .col9-offset-sp {
    margin-left: 75%
  }

  .col10-offset-sp {
    margin-left: 83.3333333333%
  }

  .col11-offset-sp {
    margin-left: 91.6666666667%
  }

  .col12-offset-sp {
    margin-left: 100%
  }
}

@media only screen and (max-width: 768px) {
  .float>.left-box {
    float: none !important;
    width: 100% !important
  }

  .float>.right-box {
    float: none !important;
    width: 100% !important
  }

  .float>[class^=mr],
  .float>[class*=" mr"] {
    margin-right: 0 !important
  }

  .float>[class^=ml],
  .float>[class*=" ml"] {
    margin-left: 0 !important
  }

  .float-r>[class^=mb],
  .float-r>[class*=" mb"] {
    margin-bottom: 0 !important
  }
}

@media only screen and (min-width: 769px) {
  .float-r>.left-box {
    float: none !important;
    width: 100% !important
  }

  .float-r>.right-box {
    float: none !important;
    width: 100% !important
  }

  .float-r>[class^=mr],
  .float-r>[class*=" mr"] {
    margin-right: 0 !important
  }

  .float-r>[class^=ml],
  .float-r>[class*=" ml"] {
    margin-left: 0 !important
  }

  .float>[class^=mb],
  .float>[class*=" mb"] {
    margin-bottom: 0 !important
  }
}

.float:before,
.float:after {
  content: " ";
  display: table
}

.float:after {
  clear: both
}

.float-r:before,
.float-r:after {
  content: " ";
  display: table
}

.float-r:after {
  clear: both
}

@media only screen and (max-width: 480px) {
  .float>.left-sp {
    float: none !important;
    width: 100% !important
  }

  .float>.right-sp {
    float: none !important;
    width: 100% !important
  }

  .float>[class^=mr],
  .float>[class*=" mr"] {
    margin-right: 0 !important
  }

  .float>[class^=ml],
  .float>[class*=" ml"] {
    margin-left: 0 !important
  }

  .float-r>[class^=mb],
  .float-r>[class*=" mb"] {
    margin-bottom: 0 !important
  }
}

@media only screen and (min-width: 769px) {
  .float-r>.left-sp {
    float: none !important;
    width: 100% !important
  }

  .float-r>.right-sp {
    float: none !important;
    width: 100% !important
  }

  .float-r>[class^=mr],
  .float-r>[class*=" mr"] {
    margin-right: 0 !important
  }

  .float-r>[class^=ml],
  .float-r>[class*=" ml"] {
    margin-left: 0 !important
  }

  .float>[class^=mb],
  .float>[class*=" mb"] {
    margin-bottom: 0 !important
  }
}

@media print {

  .tb,
  .sp {
    display: none !important
  }

  .l-container {
    overflow: visible !important
  }

  header {
    position: inherit !important
  }
}

body {
  color: #333;
  font-size: 16px;
  font-family: "Zen Kaku Gothic New", sans-serif, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic;
  font-weight: 500
}

p,
dt,
dd,
li,
th,
td {
  line-height: 2
}

a {
  text-decoration: underline;
  color: #7052a0
}

a:hover {
  text-decoration: none
}

a:hover {
  color: #7052a0
}

a[href^="tel:"] {
  color: #333;
  text-decoration: none
}

@media only screen and (min-width: 769px) {
  a[href^="tel:"] {
    pointer-events: none
  }
}

@media only screen and (max-width: 768px) {
  body {
    font-size: 14px
  }
}

#tinymce {
  width: 1000px;
  padding-top: 0
}

#tinymce.article-free p {
  margin-bottom: 20px
}

#tinymce .slide-menu {
  display: block;
  padding-top: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.error {
  color: red
}

blockquote {
  border-left: 10px solid #e7e1f0;
  position: relative;
  padding: 45px 40px 10px;
  position: relative;
  color: #707070;
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
  margin: 0
}

blockquote::before,
blockquote::after {
  content: "";
  position: absolute;
  width: 36px;
  height: 33px
}

blockquote::before {
  background: url(../img/icon_quote.png) 0 0 no-repeat;
  background-size: contain;
  top: 0;
  left: 10px
}

blockquote::after {
  background: url(../img/icon_quote.png) 0 0 no-repeat;
  background-size: contain;
  bottom: 0;
  right: 0;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

blockquote cite {
  display: block;
  text-align: right;
  color: #888;
  font-size: .9em
}

@media only screen and (max-width: 768px) {
  blockquote {
    border-width: 5px;
    border-color: #e7e1f0;
    color: #8d8b91;
    font-size: 14px;
    padding: 30px 15px 10px
  }

  blockquote::before,
  blockquote::after {
    background: url(../img/icon_quote_sp.png) 0 0 no-repeat;
    background-size: contain;
    width: 24px;
    height: 22px
  }

  blockquote::before {
    left: 15px
  }
}

@-webkit-keyframes Animation {}

@keyframes Animation {}

@keyframes Animation {}

@-webkit-keyframes purupuru_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  2% {
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0)
  }

  4% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0)
  }

  6% {
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0)
  }

  8% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0)
  }

  10% {
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0)
  }

  12% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes purupuru_anim {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  2% {
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0)
  }

  4% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0)
  }

  6% {
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0)
  }

  8% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0)
  }

  10% {
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0)
  }

  12% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.button01,
.btn-list li a {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0;
  color: #fff;
  background: #7052a0;
  text-decoration: none;
  text-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 70px;
  min-width: 350px;
  border-radius: 35px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 65px 5px 40px;
  border: 1px solid #7052a0;
  -webkit-transition: .3s;
  transition: .3s;
  position: relative
}

.button01::after,
.btn-list li a::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  width: 40px;
  height: 40px;
  background: #9d82b7;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px
}

.button01:hover,
.btn-list li a:hover {
  background: #fff;
  color: #7052a0
}

.button01:hover::after,
.btn-list li a:hover::after {
  background: #7052a0;
  color: #fff
}

@media only screen and (max-width: 768px) {

  .button01,
  .btn-list li a {
    padding: 5px 10px 5px 40px;
    min-width: 300px;
    font-size: 16px;
    min-height: 60px
  }

  .button01::after,
  .btn-list li a::after {
    right: 8px
  }
}

.button01.-more::after,
.btn-list li a.-more::after {
  content: "+"
}

.button01.-more.active::after,
.btn-list li a.-more.active::after {
  content: ""
}

.button01.-back,
.btn-list li a.-back {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.button01.-back::after,
.btn-list li a.-back::after {
  right: unset;
  left: 15px;
  -webkit-transform: scale(-1, 1) translateY(-50%);
  -ms-transform: scale(-1, 1) translateY(-50%);
  transform: scale(-1, 1) translateY(-50%)
}

.button01.-center,
.btn-list li a.-center {
  margin-right: auto;
  margin-left: auto
}

@media only screen and (max-width: 768px) {

  .button01.-center-tb,
  .btn-list li a.-center-tb {
    margin-right: auto;
    margin-left: auto
  }
}

.btn-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.btn-list li {
  width: 32%;
  margin: 0 2% 15px 0
}

.btn-list li:nth-child(3n) {
  margin-right: 0
}

@media only screen and (max-width: 768px) {
  .btn-list li {
    width: 49%;
    margin: 0 2% 15px 0
  }

  .btn-list li:nth-child(2n) {
    margin-right: 0
  }
}

@media only screen and (max-width: 480px) {
  .btn-list li {
    width: 100%;
    margin: 0 0 10px 0
  }
}

.btn-list li a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  height: 100%
}

.btn-list li a[href^="#"]:before {
  content: ""
}

.btn-list li a[href*="#tab"]:before {
  content: ""
}

.more-btn {
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: .05em;
  color: #333;
  text-decoration: none;
  position: relative;
  padding: 8px 8px 8px 0;
  padding-right: 70px;
  -webkit-transition: .3s;
  transition: .3s;
  display: inline-block;
  border-radius: 25px;
  border: 1px solid hsla(0, 0%, 100%, 0)
}

.more-btn::after {
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #7052a0;
  color: #fff;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .3s;
  transition: .3s;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 20px
}

.more-btn:hover {
  color: #7052a0
}

.more-btn:hover::after {
  right: -5px
}

@media only screen and (max-width: 768px) {
  .more-btn {
    font-size: 14px;
    padding-right: 40px
  }

  .more-btn::after {
    width: 30px;
    height: 30px;
    font-size: 13px
  }
}

.pdf-btn {
  display: inline-block;
  font-weight: bold;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 30px;
  min-width: 340px;
  position: relative;
  padding: 16px 45px;
  text-decoration: none;
  color: #7052a0;
  text-align: center;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  .pdf-btn {
    min-width: 295px;
    padding: 14px 45px
  }
}

.pdf-btn::before {
  content: "";
  background: url(../img/icon_pdf.png) no-repeat center/contain;
  width: 15px;
  height: 21px;
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .3s;
  transition: .3s
}

.pdf-btn:hover {
  background: #ededed;
  border-color: #ededed;
  color: #9680b7
}

.pdf-btn:hover::before {
  opacity: .7
}

.table01 {
  width: 100%
}

.table01 th,
.table01 td {
  padding: 16px 20px;
  word-break: break-all
}

.table01 th {
  border-top: 1px solid #7052a0
}

.table01 th:last-of-type {
  border-bottom: 1px solid #7052a0
}

.table01 td {
  border-top: 1px solid #d6d6d6
}

.table01 td:last-of-type {
  border-bottom: 1px solid #d6d6d6
}

@media only screen and (max-width: 768px) {
  .table01 tr {
    position: relative
  }

  .table01 tr::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #7051a0 70px, #d6d6d6 70px);
    top: 0;
    left: 0
  }

  .table01 tr:last-of-type::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #7051a0 70px, #d6d6d6 70px);
    bottom: 0;
    left: 0
  }

  .table01 th,
  .table01 td {
    border: none;
    display: block;
    width: 100% !important
  }

  .table01 th:last-of-type,
  .table01 td:last-of-type {
    border: none
  }

  .table01 th {
    padding-bottom: 0
  }

  .table01 td {
    padding-top: 0;
    line-height: 1.8
  }
}

.table02 {
  width: 100%
}

.overflow-table {
  overflow-x: auto
}

@media only screen and (max-width: 768px) {

  .nodrop-table tr th,
  .nodrop-table tr td {
    display: table-cell;
    width: auto !important
  }
}

@media only screen and (max-width: 768px) {
  .nodrop-table tr th {
    white-space: nowrap
  }
}

.primary-txt {
  color: #7052a0
}

.white-txt {
  color: #fff
}

.news-link-event01 a[href$=".pdf"]:after {
  content: "";
  height: 16px;
  width: 16px;
  background: url(../img/pdf.png) no-repeat center/contain;
  margin-left: 5px
}

.news-link-event01 a[href="#"] {
  color: #333;
  text-decoration: none;
  pointer-events: none
}

.news-link-event02 {
  pointer-events: none
}

.news-link-event02 a {
  pointer-events: all
}

.news-link-event02 a[href="#"] {
  pointer-events: none
}

.news-link-event02 a[href$=".pdf"]+.txt-wrap .ttl:after {
  content: "";
  height: 16px;
  width: 16px;
  background: url(../img/pdf.png) no-repeat center/contain;
  margin-left: 5px
}

.cms-ullist>li,
.dot-list>li {
  padding-left: 20px;
  position: relative
}

.cms-ullist>li:before,
.dot-list>li:before {
  content: "●";
  color: #7052a0;
  position: absolute;
  left: 0;
  top: 0
}

.cms-ullist[style="list-style-type: circle;"]>li,
.cms-ullist[style="list-style-type: square;"]>li,
.dot-list[style="list-style-type: circle;"]>li,
.dot-list[style="list-style-type: square;"]>li {
  list-style-type: inherit;
  text-indent: 0
}

.cms-ullist[style="list-style-type: circle;"]>li::before,
.cms-ullist[style="list-style-type: square;"]>li::before,
.dot-list[style="list-style-type: circle;"]>li::before,
.dot-list[style="list-style-type: square;"]>li::before {
  content: none
}

.cms-ullist[style="list-style-type: circle;"]>li::marker,
.cms-ullist[style="list-style-type: square;"]>li::marker,
.dot-list[style="list-style-type: circle;"]>li::marker,
.dot-list[style="list-style-type: square;"]>li::marker {
  color: #7c7eba
}

.cms-ollist,
.num-list {
  counter-reset: section
}

.cms-ollist>li,
.num-list>li {
  padding-left: 20px;
  position: relative;
  counter-increment: section
}

.cms-ollist>li:before,
.num-list>li:before {
  content: counter(section) ".";
  color: #7052a0;
  position: absolute;
  left: 0;
  top: 0
}

.cms-ollist[style="list-style-type: lower-alpha;"]>li,
.cms-ollist[style="list-style-type: lower-roman;"]>li,
.cms-ollist[style="list-style-type: upper-alpha;"]>li,
.cms-ollist[style="list-style-type: upper-roman;"]>li,
.num-list[style="list-style-type: lower-alpha;"]>li,
.num-list[style="list-style-type: lower-roman;"]>li,
.num-list[style="list-style-type: upper-alpha;"]>li,
.num-list[style="list-style-type: upper-roman;"]>li {
  list-style-type: inherit;
  text-indent: 0;
  margin-left: 0
}

.cms-ollist[style="list-style-type: lower-alpha;"]>li::before,
.cms-ollist[style="list-style-type: lower-roman;"]>li::before,
.cms-ollist[style="list-style-type: upper-alpha;"]>li::before,
.cms-ollist[style="list-style-type: upper-roman;"]>li::before,
.num-list[style="list-style-type: lower-alpha;"]>li::before,
.num-list[style="list-style-type: lower-roman;"]>li::before,
.num-list[style="list-style-type: upper-alpha;"]>li::before,
.num-list[style="list-style-type: upper-roman;"]>li::before {
  content: none
}

.cms-ollist[style="list-style-type: lower-alpha;"]>li::marker,
.cms-ollist[style="list-style-type: lower-roman;"]>li::marker,
.cms-ollist[style="list-style-type: upper-alpha;"]>li::marker,
.cms-ollist[style="list-style-type: upper-roman;"]>li::marker,
.num-list[style="list-style-type: lower-alpha;"]>li::marker,
.num-list[style="list-style-type: lower-roman;"]>li::marker,
.num-list[style="list-style-type: upper-alpha;"]>li::marker,
.num-list[style="list-style-type: upper-roman;"]>li::marker {
  color: #7c7eba
}

.note-list>li {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.714;
  letter-spacing: .05em;
  color: #8b8b8b;
  padding-left: 1em;
  position: relative
}

.note-list>li:before {
  content: "※";
  color: #7052a0;
  position: absolute;
  left: 0;
  top: 0
}

.l-container {
  overflow: hidden
}

@media only screen and (min-width: 769px) {
  .l-container {
    min-width: 1020px
  }
}

.l-container.-detail {
  background: #f8f8f8
}

.l-container.-detail .l-main {
  background: #f8f8f8
}

.container.-w800,
.breadcrumb-wrap ul.-w800.breadcrumb {
  width: calc(800px + 20px)
}

@media only screen and (max-width: 768px) {

  .container.-w800,
  .breadcrumb-wrap ul.-w800.breadcrumb {
    width: auto
  }
}

.container.-w1000,
.breadcrumb-wrap ul.-w1000.breadcrumb {
  width: calc(1000px + 20px)
}

@media only screen and (max-width: 768px) {

  .container.-w1000,
  .breadcrumb-wrap ul.-w1000.breadcrumb {
    width: auto
  }
}

.container.-w1080,
.breadcrumb-wrap ul.breadcrumb {
  width: calc(1080px + 20px)
}

@media only screen and (max-width: 768px) {

  .container.-w1080,
  .breadcrumb-wrap ul.breadcrumb {
    width: auto
  }
}

.container.-w1120,
.breadcrumb-wrap ul.-w1120.breadcrumb {
  width: calc(1120px + 20px)
}

@media only screen and (max-width: 768px) {

  .container.-w1120,
  .breadcrumb-wrap ul.-w1120.breadcrumb {
    width: auto
  }
}

.container.-w1260,
.breadcrumb-wrap ul.-w1260.breadcrumb {
  width: calc(1260px + 20px)
}

@media only screen and (max-width: 768px) {

  .container.-w1260,
  .breadcrumb-wrap ul.-w1260.breadcrumb {
    width: auto
  }
}

body {
  width: 100%
}

body.open {
  height: 100%;
  overflow: hidden;
  position: fixed
}

@media only screen and (max-width: 768px) {
  body {
    padding-top: 0
  }
}

header {
  width: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  min-width: 1020px
}

@media only screen and (min-width: 769px) {
  header {
    position: relative
  }
}

@media only screen and (max-width: 768px) {
  header {
    min-width: unset
  }
}

.h-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.h-wrap .h-left {
  padding: 0 30px;
  margin-top: 15px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content
}

@media only screen and (max-width: 768px) {
  .h-wrap .h-left {
    padding: 0 15px;
    margin-top: 0
  }
}

.h-wrap .h-left .h-logo-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 9px;
  -moz-column-gap: 9px;
  column-gap: 9px
}

.h-wrap .h-left .h-logo-box a.h-logo {
  display: block;
  height: 24px
}

.h-wrap .h-left .h-logo-box a.h-logo>img {
  height: 100%
}

@media only screen and (max-width: 768px) {
  .h-wrap .h-left .h-logo-box a.h-logo {
    height: 20px
  }
}

.h-wrap .h-left .h-logo-box .charity-logo {
  height: 24px
}

.h-wrap .h-left .h-logo-box .charity-logo>img {
  height: 100%
}

@media only screen and (max-width: 768px) {
  .h-wrap .h-left .h-logo-box .charity-logo {
    height: 22px
  }
}

.h-wrap .h-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 38px;
  -moz-column-gap: 38px;
  column-gap: 38px
}

@media only screen and (max-width: 1340px) {
  .h-wrap .h-right {
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
  }
}

.h-wrap .h-right .box01 .h-nav-top {
  margin-bottom: 15px
}

@media only screen and (max-width: 768px) {
  .h-wrap .h-right .box02 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

ul.h-navlist01 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 14px;
  -moz-column-gap: 14px;
  column-gap: 14px
}

ul.h-navlist01>li>a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4285;
  letter-spacing: 0;
  color: #7052a0;
  background: #f7f7f7;
  border: 1px solid #f7f7f7;
  border-radius: 17px;
  text-align: center;
  text-decoration: none;
  display: block;
  padding: 4px 24px;
  -webkit-transition: .3s;
  transition: .3s
}

ul.h-navlist01>li>a:hover {
  border-color: #7052a0
}

ul.h-navlist02 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px
}

@media only screen and (max-width: 1340px) {
  ul.h-navlist02 {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
  }
}

ul.h-navlist02>li {
  white-space: nowrap
}

ul.h-navlist02>li>a {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0;
  color: #333;
  text-decoration: none;
  text-align: center;
  display: block;
  -webkit-transition: .3s;
  transition: .3s
}

ul.h-navlist02>li>a:hover {
  color: #7052a0
}

a.h-cta-btn {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: 0;
  color: #fff;
  background: #5e3b95;
  border: 1px solid #5e3b95;
  border-radius: 0 0 0 20px;
  text-decoration: none;
  text-align: center;
  min-height: 90px;
  min-width: 244px;
  white-space: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 34px;
  -moz-column-gap: 34px;
  column-gap: 34px;
  -webkit-transition: .3s;
  transition: .3s;
  padding: 10px 20px
}

a.h-cta-btn>img {
  width: 38.94px;
  height: 33.42px
}

a.h-cta-btn:hover {
  background: #f7f7f7;
  color: #7052a0
}

@media only screen and (max-width: 1340px) {
  a.h-cta-btn {
    min-width: 170px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
  }
}

@media only screen and (max-width: 768px) {
  a.h-cta-btn {
    font-size: 15px;
    min-height: 60px;
    min-width: unset;
    width: 100px
  }

  a.h-cta-btn>img {
    display: none
  }
}

.slidemenu-btn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  width: 60px;
  z-index: 9999;
  cursor: pointer;
  background: #7051a0
}

.slidemenu-btn .bars {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  margin: 0 auto
}

.slidemenu-btn .bars>span {
  display: block;
  height: 2px;
  width: 26px;
  border-radius: 3px;
  background: #fff;
  -webkit-transition: .3s;
  transition: .3s
}

.slidemenu-btn.active .bars>span:nth-child(1) {
  -webkit-transform: translate(0, 9px) rotate(-45deg);
  -ms-transform: translate(0, 9px) rotate(-45deg);
  transform: translate(0, 9px) rotate(-45deg)
}

.slidemenu-btn.active .bars>span:nth-child(2) {
  opacity: 0
}

.slidemenu-btn.active .bars>span:nth-child(3) {
  -webkit-transform: translate(0, -9px) rotate(45deg);
  -ms-transform: translate(0, -9px) rotate(45deg);
  transform: translate(0, -9px) rotate(45deg)
}

.slide-menu {
  height: 100%;
  width: 100%;
  overflow: scroll;
  background-color: #7052a0;
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 100%;
  padding-top: 60px;
  -webkit-transition: left .3s;
  transition: left .3s
}

@media only screen and (min-width: 769px) {
  .slide-menu {
    display: none
  }
}

body.open .slide-menu {
  left: 0
}

.slidemenu-container {
  padding: 0 27.5px
}

.slidemenu-logo-wrap .s-logo01 {
  height: 28px;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 28px
}

.slidemenu-logo-wrap .s-logo01>img {
  height: 100%
}

.slidemenu-logo-wrap .s-logo02 {
  height: 89px;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.slidemenu-logo-wrap .s-logo02>img {
  height: 100%
}

ul.slidemenu-navlist>li {
  border-top: 1px solid #8971ad
}

ul.slidemenu-navlist>li:last-of-type {
  border-bottom: 1px solid #8971ad
}

ul.slidemenu-navlist>li>a {
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: .07em;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 19.5px 35px 19px 10px;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s
}

ul.slidemenu-navlist>li>a::before {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
  color: #7052a0;
  background: #fee55d;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 14px
}

ul.slidemenu-navlist>li>a:hover {
  color: #fee55d
}

ul.slidemenu-navlist>li>a:hover::before {
  right: -5px
}

.s-btn-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 21px;
  -moz-column-gap: 21px;
  column-gap: 21px
}

.s-btn-wrap a.btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: 0;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 23px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  width: calc((100% - 21px)/2);
  padding: 12px 10px;
  -webkit-transition: .3s;
  transition: .3s
}

.s-btn-wrap a.btn:hover {
  background: #fff;
  color: #7052a0
}

.key-visual {
  min-width: 1020px;
  position: relative
}

@media only screen and (max-width: 768px) {
  .key-visual {
    min-width: unset
  }
}

.kv-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

@media only screen and (max-width: 768px) {
  .kv-wrap {
    padding-right: 40px;
    padding-left: 40px;
    height: 810px;
    width: 100%
  }
}

.kv-img-wrap {
  position: relative;
  min-width: 910px;
  height: 675px;
  width: 63.5vw
}

@media only screen and (max-width: 768px) {
  .kv-img-wrap {
    width: 100%;
    height: 100%;
    min-width: unset
  }
}

.kv-img-wrap .kv-logo {
  min-width: 454px;
  min-height: 454px;
  border-radius: 50%;
  position: absolute;
  top: 65.5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9;
  width: 31.5vw;
  height: 31.5vw;
  max-width: 550px;
  max-height: 550px
}

@media only screen and (max-width: 768px) {
  .kv-img-wrap .kv-logo {
    width: calc(100vw - (100vw - 100%));
    height: auto;
    margin: 0 auto 0 -20px;
    top: 143px;
    width: 291px;
    max-width: 300px;
    min-width: unset
  }
}

.kv-img-wrap .kv-circle {
  overflow: hidden;
  border-radius: 50%;
  position: absolute
}

.kv-img-wrap .kv-circle>img {
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 2.5s ease-in-out;
  transition: 2.5s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  overflow: hidden
}

.kv-img-wrap .kv-circle>span {
  background: #f7f7f7;
  width: 100%;
  height: 100%;
  display: inline-block;
  -webkit-transition: 2.5s ease-in-out;
  transition: 2.5s ease-in-out
}

.kv-img-wrap .kv-circle.visible>img {
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible
}

.kv-img-wrap .kv-circle.-circle01 {
  min-width: 32px;
  min-height: 32px;
  right: 25%;
  top: 50px;
  width: 2.2vw;
  height: 2.2vw
}

@media only screen and (max-width: 768px) {
  .kv-img-wrap .kv-circle.-circle01 {
    min-width: 48px;
    min-height: 48px;
    right: 36%;
    top: 60px;
    width: 13vw;
    height: 13vw
  }
}

.kv-img-wrap .kv-circle.-circle02 {
  min-width: 134px;
  min-height: 134px;
  right: 7.5%;
  top: 50px;
  width: 9vw;
  height: 9vw
}

@media only screen and (max-width: 768px) {
  .kv-img-wrap .kv-circle.-circle02 {
    min-width: 84px;
    min-height: 84px;
    right: 2%;
    top: 59px;
    width: 22vw;
    height: 22vw
  }
}

.kv-img-wrap .kv-circle.-circle03 {
  min-width: 316px;
  min-height: 316px;
  right: -16.5%;
  bottom: 166px;
  width: 22vw;
  height: 22vw
}

@media only screen and (max-width: 768px) {
  .kv-img-wrap .kv-circle.-circle03 {
    min-width: 205px;
    min-height: 205px;
    right: -34%;
    bottom: 185px;
    width: 55vw;
    height: 55vw;
    z-index: 1
  }
}

.kv-img-wrap .kv-circle.-circle04 {
  min-width: 191px;
  min-height: 191px;
  bottom: -7px;
  right: 11%;
  width: 13.5vw;
  height: 13.5vw
}

@media only screen and (max-width: 768px) {
  .kv-img-wrap .kv-circle.-circle04 {
    min-width: 106px;
    min-height: 106px;
    bottom: unset;
    right: unset;
    top: 34px;
    left: -51px;
    width: 28vw;
    height: 28vw
  }
}

.kv-img-wrap .kv-circle.-circle05 {
  min-width: 90px;
  min-height: 90px;
  right: 41%;
  bottom: 10px;
  width: 6.5vw;
  height: 6.5vw
}

@media only screen and (max-width: 768px) {
  .kv-img-wrap .kv-circle.-circle05 {
    min-width: 57px;
    min-height: 57px;
    right: -19%;
    bottom: 288px;
    width: 15vw;
    height: 15vw
  }
}

.kv-img-wrap .kv-circle.-circle06 {
  min-width: 207px;
  min-height: 207px;
  bottom: -90px;
  left: 18.5%;
  width: 14.5vw;
  height: 14.5vw
}

@media only screen and (max-width: 768px) {
  .kv-img-wrap .kv-circle.-circle06 {
    min-width: 157px;
    min-height: 157px;
    bottom: 183px;
    left: 2.5%;
    width: 42vw;
    height: 42vw;
    z-index: 1
  }
}

.kv-img-wrap .kv-circle.-circle07 {
  min-width: 369px;
  min-height: 369px;
  left: -20%;
  bottom: 20px;
  width: 26vw;
  height: 26vw
}

@media only screen and (max-width: 768px) {
  .kv-img-wrap .kv-circle.-circle07 {
    min-width: 26px;
    min-height: 26px;
    background: #ebe4f5;
    left: unset;
    right: -30px;
    bottom: 395px;
    width: 7vw;
    height: 7vw
  }

  .kv-img-wrap .kv-circle.-circle07 img {
    display: none
  }
}

.kv-img-wrap .kv-circle.-circle08 {
  min-width: 200px;
  min-height: 200px;
  top: 38px;
  left: -2.5%;
  width: 14vw;
  height: 14vw
}

@media only screen and (max-width: 768px) {
  .kv-img-wrap .kv-circle.-circle08 {
    min-width: 139px;
    min-height: 139px;
    top: unset;
    bottom: 283px;
    left: -140px;
    width: 37vw;
    height: 37vw
  }
}

.kv-ttl-wrap>.ttl-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  position: absolute;
  top: 110px;
  right: 115px;
  backdrop-filter: blur(1.5px);
  border-radius: 3px
}

@media only screen and (max-width: 768px) {
  .kv-ttl-wrap>.ttl-box {
    -webkit-column-gap: unset;
    -moz-column-gap: unset;
    column-gap: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: unset;
    right: unset;
    bottom: 2px;
    left: 40px
  }
}

.kv-ttl-wrap>.ttl-box p,
.kv-ttl-wrap>.ttl-box span {
  font-size: 34px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: .3em;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl
}

@media only screen and (max-width: 768px) {

  .kv-ttl-wrap>.ttl-box p,
  .kv-ttl-wrap>.ttl-box span {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.9;
    letter-spacing: .13em;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
  }
}

.kv-info-box {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 99999
}

@media only screen and (max-width: 768px) {
  .kv-info-box {
    position: fixed;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
  }
}

.kv-info-box .close-btn {
  position: absolute;
  top: -12px;
  right: -15px;
  z-index: 20;
  width: 40px;
  height: 40px;
  background: #7052a0;
  border-radius: 50%;
  border: 5px solid #f7f7f7;
  display: grid;
  place-content: center;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer
}

.kv-info-box .close-btn>i {
  color: #fff
}

.kv-info-box .close-btn:hover {
  background: #8a72b1
}

@media only screen and (max-width: 768px) {
  .kv-info-box .close-btn {
    width: 30px;
    height: 30px;
    border: 4px solid #f7f7f7
  }
}

.kv-info-box>.inner {
  background: #f7f7f7;
  border-radius: 20px;
  padding: 22px 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  max-width: 360px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16);
  box-shadow: 0 0 6px rgba(0, 0, 0, .16)
}

@media only screen and (max-width: 768px) {
  .kv-info-box>.inner {
    padding: 16px 20px;
    max-width: 300px
  }
}

.kv-info-box>.inner:hover .l-box .img-box>img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.kv-info-box>.inner:hover .r-box p.ttl {
  color: #7052a0
}

.kv-info-box>.inner>.l-box .img-box {
  width: 149px;
  height: 92px;
  border-radius: 10px;
  overflow: hidden
}

.kv-info-box>.inner>.l-box .img-box>img {
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  .kv-info-box>.inner>.l-box .img-box {
    width: 90px;
    height: 55px
  }
}

.kv-info-box>.inner>.r-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 0
}

.kv-info-box>.inner>.r-box time {
  font-size: 12px;
  margin-bottom: 7px;
  line-height: 1
}

@media only screen and (max-width: 768px) {
  .kv-info-box>.inner>.r-box time {
    font-size: 10px;
    margin-bottom: 3px
  }
}

.kv-info-box>.inner>.r-box p.ttl {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0;
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  .kv-info-box>.inner>.r-box p.ttl {
    font-size: 12px
  }
}

.sub-key-visual {
  position: relative;
  background: #7052a0;
  width: 100%;
  height: 390px;
  margin-top: 30px;
  overflow: hidden
}

@media only screen and (max-width: 768px) {
  .sub-key-visual {
    height: 300px;
    margin-top: 0
  }
}

.sub-key-visual .sub-kv-ttl {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 768px) {
  .sub-key-visual .sub-kv-ttl {
    top: 40%
  }
}

.sub-key-visual .sub-kv-ttl h1 {
  font-size: 42px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .08em;
  color: #fff;
  text-align: center
}

.sub-key-visual .sub-kv-ttl h1>span {
  font-family: "Lato", sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: .1em;
  color: #fff;
  display: block;
  margin-top: 20px
}

@media only screen and (max-width: 768px) {
  .sub-key-visual .sub-kv-ttl h1 {
    font-size: 36px
  }

  .sub-key-visual .sub-kv-ttl h1>span {
    font-size: 16px
  }
}

.sub-key-visual .sub-kv-img-wrap .kv-deco {
  position: absolute
}

.sub-key-visual .sub-kv-img-wrap .kv-deco>img {
  width: 100%
}

.sub-key-visual .sub-kv-img-wrap .kv-deco.-deco01 {
  width: 314px;
  bottom: -100px;
  left: 170px
}

@media only screen and (max-width: 768px) {
  .sub-key-visual .sub-kv-img-wrap .kv-deco.-deco01 {
    width: 158.09px;
    bottom: -23px;
    left: -30px
  }
}

.sub-key-visual .sub-kv-img-wrap .kv-deco.-deco02 {
  width: 232.4px;
  right: 184px;
  bottom: -20px
}

@media only screen and (max-width: 768px) {
  .sub-key-visual .sub-kv-img-wrap .kv-deco.-deco02 {
    width: 119.23px;
    right: 20px;
    bottom: 2px
  }
}

.sub-key-visual .sub-kv-img-wrap .kv-deco.-deco03 {
  width: 210px;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width: 768px) {
  .sub-key-visual .sub-kv-img-wrap .kv-deco.-deco03 {
    width: 142px;
    bottom: 48px
  }
}

.sub-key-visual .bg-deco-top {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw
}

.breadcrumb-wrap ul.breadcrumb li {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .05em;
  color: #fff
}

@media only screen and (max-width: 768px) {
  .breadcrumb-wrap ul.breadcrumb li {
    font-size: 12px
  }
}

.breadcrumb-wrap ul.breadcrumb li:first-child:before {
  content: none
}

@media only screen and (max-width: 768px) {
  .breadcrumb-wrap ul.breadcrumb li:last-child {
    display: none
  }
}

.breadcrumb-wrap ul.breadcrumb li:before {
  content: "―";
  margin: 0 6px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #fff
}

@media only screen and (max-width: 768px) {
  .breadcrumb-wrap ul.breadcrumb li:before {
    margin: 0 1px
  }
}

.breadcrumb-wrap ul.breadcrumb li>a {
  display: inline-block;
  color: #fff;
  text-decoration: none
}

.breadcrumb-wrap ul.breadcrumb li>a:hover {
  text-decoration: underline
}

.detail-key-visual>.breadcrumb-wrap ul.breadcrumb {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding: 5px 0
}

.detail-key-visual>.breadcrumb-wrap ul.breadcrumb>li {
  color: #8d8b91
}

.detail-key-visual>.breadcrumb-wrap ul.breadcrumb>li::before {
  color: #8d8b91
}

.detail-key-visual>.breadcrumb-wrap ul.breadcrumb>li:first-child {
  color: #333
}

.detail-key-visual>.breadcrumb-wrap ul.breadcrumb>li:first-child>a {
  color: #333
}

.detail-key-visual>.breadcrumb-wrap ul.breadcrumb>li>a {
  color: #8d8b91
}

.l-main:before,
.l-main:after {
  content: " ";
  display: table
}

.l-main:after {
  clear: both
}

body.top .l-main {
  padding-top: 230px;
  padding-bottom: 120px
}

@media only screen and (max-width: 768px) {
  body.top .l-main {
    padding-top: 122px;
    padding-bottom: 80px
  }
}

body:not(.top) .l-main {
  background: #f8f5e7;
  padding: 100px 0 125px
}

@media only screen and (max-width: 768px) {
  body:not(.top) .l-main {
    padding: 59px 0 60px
  }
}

.l-page {
  float: left;
  width: 700px
}

@media only screen and (max-width: 768px) {
  .l-page {
    float: none;
    width: 100%
  }
}

.l-side {
  float: right;
  width: 260px
}

@media only screen and (max-width: 768px) {
  .l-side {
    display: none
  }
}

footer {
  padding: 90px 0 30px
}

body.top footer {
  background: #f7f7f7
}

@media only screen and (max-width: 768px) {
  footer {
    padding: 50px 0 30px
  }
}

.f-wrap .f-top {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #d6d6d6;
  padding: 0 0 60px 0
}

@media only screen and (max-width: 768px) {
  .f-wrap .f-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 38px
  }
}

.f-wrap .f-top>.f-left .logo-walk {
  display: block;
  height: 78px
}

.f-wrap .f-top>.f-left .logo-walk>img {
  height: 100%
}

@media only screen and (max-width: 768px) {
  .f-wrap .f-top>.f-left .logo-walk {
    height: 76.77px
  }
}

.f-wrap .f-bottom {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 55px 0 0 0
}

@media only screen and (max-width: 768px) {
  .f-wrap .f-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 0 0 0
  }
}

.f-wrap .f-bottom>.f-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px
}

@media only screen and (max-width: 768px) {
  .f-wrap .f-bottom>.f-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.f-nav-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px
}

.f-nav-wrap .f-nav-item ul.f-navlist>li {
  margin-bottom: 15px
}

.f-nav-wrap .f-nav-item ul.f-navlist>li:last-child {
  margin-bottom: 0
}

.f-nav-wrap .f-nav-item ul.f-navlist>li>a {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.77;
  letter-spacing: .05em;
  color: #333;
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s
}

.f-nav-wrap .f-nav-item ul.f-navlist>li>a:hover {
  color: #7052a0
}

.f-logo {
  display: block;
  height: 50px
}

.f-logo>img {
  height: 100%
}

@media only screen and (max-width: 768px) {
  .f-logo {
    height: 34.91px;
    margin-bottom: 15px
  }
}

.f-address {
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: .05em;
  color: #333
}

@media only screen and (max-width: 768px) {
  .f-address {
    text-align: center;
    margin-bottom: 22px
  }
}

.f-contact-btn {
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: .05em;
  color: #fff;
  background: #7052a0;
  text-decoration: none;
  text-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  min-width: 230px;
  border-radius: 25px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 20px;
  border: 1px solid #7052a0;
  -webkit-transition: .3s;
  transition: .3s
}

.f-contact-btn:hover {
  background: #fff;
  color: #7052a0
}

@media only screen and (max-width: 768px) {
  .f-contact-btn {
    padding: 5px 10px 5px 30px
  }

  .f-contact-btn>i {
    font-size: 16px
  }
}

p.copy {
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: .05em
}

@media only screen and (max-width: 768px) {
  p.copy {
    text-align: center;
    font-size: 12px;
    line-height: 1.5
  }
}

.tab-box ul.tab-list.-list01 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 18.5px;
  -moz-column-gap: 18.5px;
  column-gap: 18.5px
}

@media only screen and (max-width: 768px) {
  .tab-box ul.tab-list.-list01 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 14px;
    -moz-column-gap: 14px;
    column-gap: 14px;
    row-gap: 10px
  }
}

.tab-box ul.tab-list.-list01>li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media only screen and (max-width: 768px) {
  .tab-box ul.tab-list.-list01>li {
    width: calc((100% - 15px)/2);
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset
  }

  .tab-box ul.tab-list.-list01>li.w100-tb {
    width: 100%
  }
}

.tab-box ul.tab-list.-list01>li>a {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0;
  color: #333;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 70px;
  padding: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
  box-shadow: 0 0 6px rgba(0, 0, 0, .1);
  -webkit-transition: .3s;
  transition: .3s;
  height: 100%
}

.tab-box ul.tab-list.-list01>li>a.current {
  background: #7052a0;
  color: #fff
}

.tab-box ul.tab-list.-list01>li>a.current:hover {
  background: #7052a0;
  color: #fff
}

.tab-box ul.tab-list.-list01>li>a:hover {
  background: #f2edd3;
  color: #333;
  -webkit-box-shadow: unset;
  box-shadow: unset
}

@media only screen and (max-width: 768px) {
  .tab-box ul.tab-list.-list01>li>a {
    font-size: 14px;
    min-height: 40px
  }
}

.tab-box ul.tab-list.-list02 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  max-width: 1000px;
  margin: auto
}

@media only screen and (max-width: 768px) {
  .tab-box ul.tab-list.-list02 {
    -webkit-column-gap: 3px;
    -moz-column-gap: 3px;
    column-gap: 3px
  }
}

.tab-box ul.tab-list.-list02>li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.tab-box ul.tab-list.-list02>li>a {
  text-decoration: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 30px 30px 0 0;
  background: #9e8dba;
  -webkit-transition: .3s;
  transition: .3s;
  padding: 5px 60px;
  height: 100%;
  min-height: 80px;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  z-index: 0
}

@media only screen and (max-width: 768px) {
  .tab-box ul.tab-list.-list02>li>a {
    padding: 10px 5px;
    height: 80px;
    min-height: 60px;
    padding-top: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
  }
}

.tab-box ul.tab-list.-list02>li>a>span {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
  position: relative
}

@media only screen and (max-width: 768px) {
  .tab-box ul.tab-list.-list02>li>a>span {
    font-size: 15px
  }
}

.tab-box ul.tab-list.-list02>li>a>span::before {
  content: "";
  background: url(../img/icon_walk.png) no-repeat center/contain;
  width: 39px;
  height: 39px;
  position: absolute;
  top: 50%;
  left: -50px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  .tab-box ul.tab-list.-list02>li>a>span::before {
    display: none
  }
}

.tab-box ul.tab-list.-list02>li>a:hover {
  background: #5e3b95
}

.tab-box ul.tab-list.-list02>li>a.current {
  background: #fee55d;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

@media only screen and (max-width: 768px) {
  .tab-box ul.tab-list.-list02>li>a.current {
    padding-top: 10px
  }
}

.tab-box ul.tab-list.-list02>li>a.current>span {
  color: #333
}

.tab-box ul.tab-list.-list02>li>a.current>span::before {
  opacity: 1;
  visibility: visible
}

.column2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4%;
  -moz-column-gap: 4%;
  column-gap: 4%
}

@media only screen and (max-width: 480px) {
  .column2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.column2>li,
.column2>div {
  width: 48%
}

@media only screen and (max-width: 768px) {

  .column2>li,
  .column2>div {
    width: 100%
  }

  .column2>li:not(:nth-child(2n)),
  .column2>div:not(:nth-child(2n)) {
    margin-right: auto
  }
}

.column3 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4.5%;
  -moz-column-gap: 4.5%;
  column-gap: 4.5%
}

@media only screen and (max-width: 768px) {
  .column3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.column3>li,
.column3>div {
  width: 30.3333333333%
}

@media only screen and (max-width: 768px) {

  .column3>li,
  .column3>div {
    width: 100%
  }

  .column3>li:not(:nth-child(2n)),
  .column3>div:not(:nth-child(2n)) {
    margin-right: auto
  }
}

.column3.-space-x-sm {
  -webkit-column-gap: 2.5%;
  -moz-column-gap: 2.5%;
  column-gap: 2.5%
}

.column3.-space-x-sm>li,
.column3.-space-x-sm>div {
  width: 31.6666666667%
}

@media only screen and (max-width: 768px) {

  .column3.-space-x-sm>li,
  .column3.-space-x-sm>div {
    width: 100%
  }

  .column3.-space-x-sm>li:not(:nth-child(2n)),
  .column3.-space-x-sm>div:not(:nth-child(2n)) {
    margin-right: auto
  }
}

.card01 {
  width: 100%
}

.card01>a {
  pointer-events: auto
}

.card01>a[href="#"] {
  pointer-events: none
}

.card01>a[href$=".pdf"]~.txt-box>.ttl:after {
  content: "";
  height: 16px;
  width: 16px;
  background: url(../img/pdf.png) no-repeat center/contain;
  margin-left: 5px
}

.card01>a:hover~.img-box>img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}

.card01>a:hover~.txt-box time {
  color: #7052a0
}

.card01>a:hover~.txt-box>.ttl {
  color: #7052a0
}

.card01>.img-box {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  margin-bottom: 17px
}

.card01>.img-box>img {
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  .card01>.img-box {
    margin-bottom: 14px
  }
}

.card01>.img-box .cat-tag {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .08em;
  color: #fff;
  background: #7052a0;
  border-radius: 6px 0 0 0;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  padding: 9px 15px
}

.card01 .txt-box>time {
  margin-bottom: 12px
}

@media only screen and (max-width: 768px) {
  .card01 .txt-box>time {
    margin-bottom: 6px
  }
}

.card01 .txt-box>.ttl {
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0;
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  .card01 .txt-box>.ttl {
    font-size: 14px
  }
}

.card02 {
  position: relative
}

.card02 .tool-tip {
  font-family: "Lato", sans-serif;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.47;
  letter-spacing: .08em;
  color: #fff;
  background: #7052a0;
  border-radius: 30px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 10px;
  min-width: 210px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.card02 .tool-tip::after {
  content: "";
  background: url(../img/icon_tooltip.png) no-repeat center/contain;
  width: 24px;
  height: 14px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.card02 .tool-tip>span {
  font-family: "Zen Kaku Gothic New", sans-serif, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic;
  font-size: 14px;
  font-weight: bold;
  line-height: inherit;
  letter-spacing: .05em;
  color: #fff
}

@media only screen and (max-width: 768px) {
  .card02 .tool-tip {
    padding: 3px 10px
  }
}

.card02 .img-box {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  height: 190px;
  margin-bottom: 20px
}

@media only screen and (max-width: 768px) {
  .card02 .img-box {
    height: 171.97px;
    margin-bottom: 23px
  }
}

.card02 .txt-box>.ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.8888;
  letter-spacing: .05em;
  text-align: center;
  margin-bottom: 10px
}

@media only screen and (max-width: 768px) {
  .card02 .txt-box>.ttl {
    font-size: 16px;
    text-align: left;
    margin-bottom: 9px
  }
}

.card02 .txt-box>.txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: .05em
}

.hidden {
  overflow: hidden
}

.bdrs10 {
  border-radius: 10px;
  overflow: hidden
}

ul.accordion-list>*+* {
  margin-top: 20px
}

ul.accordion-list>li {
  border-radius: 53px;
  overflow: hidden
}

@media only screen and (max-width: 768px) {
  ul.accordion-list>li {
    border-radius: 30px
  }
}

ul.accordion-list .acc-ttl {
  font-size: 18px;
  font-weight: bold;
  background: #7052a0;
  line-height: 2;
  letter-spacing: .05em;
  color: #fff;
  cursor: pointer;
  padding: 17px 85px 17px 20px;
  position: relative;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px
}

@media only screen and (max-width: 768px) {
  ul.accordion-list .acc-ttl {
    padding: 17px 50px 17px 14px;
    font-size: 15px;
    line-height: 1.5;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
  }
}

ul.accordion-list .acc-ttl::before {
  content: "Q";
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #9d82b7;
  color: #fff;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Jost", sans-serif;
  font-size: 22px;
  font-weight: bold
}

@media only screen and (max-width: 768px) {
  ul.accordion-list .acc-ttl::before {
    width: 40px;
    height: 40px;
    min-width: 40px
  }
}

ul.accordion-list .acc-ttl::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 40px;
  font: var(--fa-font-solid);
  font-weight: 900;
  font-size: 30px
}

@media only screen and (max-width: 768px) {
  ul.accordion-list .acc-ttl::after {
    font-size: 24px;
    right: 13px
  }
}

ul.accordion-list .acc-ttl.active::after {
  content: ""
}

ul.accordion-list .acc-txt {
  letter-spacing: 0;
  font-weight: 500;
  padding: 35px 40px;
  line-height: 2;
  letter-spacing: .05em;
  display: none;
  background: #f7f7f7
}

@media only screen and (max-width: 768px) {
  ul.accordion-list .acc-txt {
    padding: 27px 20px
  }
}

.modal-tag {
  font-family: "Jost", sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  background: #7052a0;
  border-radius: 37px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 40px;
  padding: 13px 20px;
  min-width: 300px;
  position: relative
}

.modal-tag::after {
  content: "";
  background: url(../img/icon_arrow_down.png) no-repeat center/contain;
  width: 24px;
  height: 14px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.modal-tag>span {
  font-family: "Zen Kaku Gothic New", sans-serif, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.777;
  letter-spacing: .05em
}

@media only screen and (max-width: 768px) {
  .modal-tag {
    font-size: 22px;
    min-width: 210px;
    padding: 7px 15px;
    margin-bottom: 20px
  }

  .modal-tag>span {
    font-size: 14px
  }
}

.modal-ttl {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.384;
  letter-spacing: .07em;
  text-align: center;
  margin-bottom: 45px
}

@media only screen and (max-width: 768px) {
  .modal-ttl {
    font-size: 22px;
    line-height: 1.7;
    margin-bottom: 25px
  }
}

.modal-ttl>span {
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: .05em;
  color: #7052a0;
  display: block;
  text-align: center
}

.modal-ttl.-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}

@media only screen and (max-width: 768px) {
  .modal-ttl.-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.moda-imgbox {
  position: relative
}

.moda-imgbox>img {
  border-radius: 10px
}

.moda-imgbox>.icon {
  width: 95px;
  position: absolute;
  bottom: -20px;
  left: -55px;
  z-index: 1
}

.moda-imgbox>.icon>img {
  width: 100%
}

@media only screen and (max-width: 768px) {
  .moda-imgbox>.icon {
    width: 65px;
    bottom: -10px;
    left: -10px
  }
}

ul.sns-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px
}

@media only screen and (max-width: 768px) {
  ul.sns-list {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px
  }
}

ul.sns-list.-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

ul.sns-list.-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

ul.sns-list>li:not(:last-of-type) {
  padding-right: 20px;
  border-right: 1px solid #ddd
}

@media only screen and (max-width: 768px) {
  ul.sns-list>li:not(:last-of-type) {
    padding-right: 15px
  }
}

ul.sns-list>li>a {
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  letter-spacing: .05em;
  color: #333;
  text-decoration: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px
}

ul.sns-list>li>a>i {
  width: 21px;
  height: 21px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px
}

ul.sns-list>li>a.facebook>i {
  color: #1877f2
}

ul.sns-list>li>a.twitter>i {
  color: #1d9bf0
}

ul.sns-list>li>a.line>i {
  color: #06c755
}

.white-box {
  background: #fff;
  border-radius: 20px;
  padding: 45px 50px
}

@media only screen and (max-width: 768px) {
  .white-box {
    padding: 35px 20px;
    margin: 0 -12px;
    border-radius: 10px
  }
}

h1 {
  font-size: 34px;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: .05em
}

@media only screen and (max-width: 768px) {
  h1 {
    font-size: 24px
  }
}

h2.top {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.166;
  letter-spacing: .08em
}

h2.top>span {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .1em;
  color: #7052a0;
  display: block;
  text-transform: uppercase;
  margin-top: 35px
}

@media only screen and (max-width: 768px) {
  h2.top {
    font-size: 28px;
    line-height: 1.5
  }

  h2.top>span {
    font-size: 12px;
    margin-top: 15px
  }
}

h2:not(.top) {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.333;
  letter-spacing: .13em;
  padding-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #d6d6d6;
  position: relative;
  margin-bottom: 35px
}

h2:not(.top)::after {
  content: "";
  width: 60px;
  height: 4px;
  border-radius: 3px;
  background: #7052a0;
  position: absolute;
  bottom: -3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width: 768px) {
  h2:not(.top) {
    font-size: 24px;
    line-height: 1.8;
    padding-bottom: 18px;
    margin-bottom: 26px
  }

  h2:not(.top)::after {
    width: 80px
  }
}

h3.top {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.615;
  letter-spacing: .04em;
  text-align: center;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 30px;
  margin: 0 auto 37px
}

@media only screen and (max-width: 768px) {
  h3.top {
    font-size: 18px;
    line-height: 1.555;
    letter-spacing: .04em;
    padding: 0;
    margin-bottom: 20px
  }
}

h3.top::before,
h3.top::after {
  content: "";
  width: calc(50vw - 50% - 90px);
  height: 1px;
  background: #d6d6d6;
  position: absolute;
  top: 50%
}

@media only screen and (max-width: 768px) {

  h3.top::before,
  h3.top::after {
    width: calc(50vw - 50% - 20px)
  }
}

h3.top::before {
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(180deg) translateY(-50%);
  -ms-transform: rotate(180deg) translateY(-50%);
  transform: rotate(180deg) translateY(-50%);
  left: 0
}

h3.top::after {
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-180deg) translateY(-50%);
  -ms-transform: rotate(-180deg) translateY(-50%);
  transform: rotate(-180deg) translateY(-50%);
  right: 0
}

h3:not(.top) {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.54;
  letter-spacing: .05em;
  padding-left: 25px;
  position: relative;
  margin-bottom: 15px
}

h3:not(.top)::before {
  content: "";
  width: 4px;
  height: 100%;
  border-radius: 2px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #7052a0), color-stop(50%, #fee55d));
  background: linear-gradient(to bottom, #7052a0 50%, #fee55d 50%);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width: 768px) {
  h3:not(.top)::before {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #7052a0), color-stop(50%, #fee55d));
    background: linear-gradient(to top, #7052a0 50%, #fee55d 50%)
  }
}

h4.top,
.news-detail .top.news-detail-sub_header {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.333;
  letter-spacing: .1em;
  text-align: center;
  margin-bottom: 35px
}

@media only screen and (max-width: 768px) {

  h4.top,
  .news-detail .top.news-detail-sub_header {
    font-size: 22px;
    line-height: 1.8;
    padding-bottom: 20px;
    margin-bottom: 25px
  }
}

h4.top.-min,
.news-detail .top.-min.news-detail-sub_header {
  font-size: 26px;
  line-height: 1.153;
  letter-spacing: .06em
}

@media only screen and (max-width: 768px) {

  h4.top.-min,
  .news-detail .top.-min.news-detail-sub_header {
    font-size: 22px;
    line-height: 1.8;
    letter-spacing: .13em
  }
}

h4.top.-border,
.news-detail .top.-border.news-detail-sub_header {
  border-bottom: 1px solid #d6d6d6;
  position: relative;
  padding-bottom: 31px
}

@media only screen and (max-width: 768px) {

  h4.top.-border,
  .news-detail .top.-border.news-detail-sub_header {
    padding-bottom: 20px;
    margin-bottom: 25px
  }
}

h4.top.-border::after,
.news-detail .top.-border.news-detail-sub_header::after {
  content: "";
  width: 60px;
  height: 4px;
  border-radius: 3px;
  background: #7052a0;
  position: absolute;
  bottom: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width: 768px) {

  h4.top.-border::after,
  .news-detail .top.-border.news-detail-sub_header::after {
    height: 3px;
    width: 50px
  }
}

h4:not(.top),
.news-detail .news-detail-sub_header:not(.top) {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: .05em;
  margin-bottom: 15px;
  color: #7052a0
}

@media only screen and (max-width: 768px) {

  h4:not(.top),
  .news-detail .news-detail-sub_header:not(.top) {
    font-size: 16px;
    margin-bottom: 12px
  }
}

h5:not(.top) {
  font-weight: bold;
  color: #7052a0;
  margin-bottom: 10px
}

.tag {
  font-size: 14px;
  font-weight: bold;
  line-height: 32px;
  min-width: 100px;
  text-align: center;
  border-radius: 16px;
  color: #fff;
  background: #7052a0;
  display: inline-block;
  padding: 0 10px
}

.tag.-info {
  background: #fee55d
}

@media only screen and (max-width: 768px) {
  .tag {
    min-width: 92px;
    line-height: 25px;
    font-size: 12px;
    padding: 0 5px
  }
}

time {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: .05em;
  color: #8b8b8b;
  display: inline-block;
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  time {
    font-size: 14px
  }
}

.hover-all {
  position: relative
}

.hover-all>a {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  font-size: 0
}

.youtube-wrap {
  height: 0;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%
}

.youtube-wrap>iframe {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.ofi>img,
ul.bnr-list>li>a>img,
ul.join-step>li .content .step-area .step-slide .step-item .img-box>img,
.kv-info-box>.inner>.l-box .img-box>img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.ofi.-top>img,
ul.bnr-list>li>a.-top>img,
ul.join-step>li .content .step-area .step-slide .step-item .-top.img-box>img,
.kv-info-box>.inner>.l-box .-top.img-box>img {
  -o-object-position: top;
  object-position: top
}

.ofi.-bottom>img,
ul.bnr-list>li>a.-bottom>img,
ul.join-step>li .content .step-area .step-slide .step-item .-bottom.img-box>img,
.kv-info-box>.inner>.l-box .-bottom.img-box>img {
  -o-object-position: bottom;
  object-position: bottom
}

.ofi.-left>img,
ul.bnr-list>li>a.-left>img,
ul.join-step>li .content .step-area .step-slide .step-item .-left.img-box>img,
.kv-info-box>.inner>.l-box .-left.img-box>img {
  -o-object-position: left;
  object-position: left
}

.ofi.-right>img,
ul.bnr-list>li>a.-right>img,
ul.join-step>li .content .step-area .step-slide .step-item .-right.img-box>img,
.kv-info-box>.inner>.l-box .-right.img-box>img {
  -o-object-position: right;
  object-position: right
}

.ofi.-ratio,
ul.bnr-list>li>a.-ratio,
ul.join-step>li .content .step-area .step-slide .step-item .-ratio.img-box,
.kv-info-box>.inner>.l-box .-ratio.img-box {
  display: block;
  overflow: hidden;
  position: relative
}

.ofi.-ratio>img,
ul.bnr-list>li>a.-ratio>img,
ul.join-step>li .content .step-area .step-slide .step-item .-ratio.img-box>img,
.kv-info-box>.inner>.l-box .-ratio.img-box>img {
  min-height: 100%;
  width: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto auto
}

.news-detail h3 {
  margin-top: 60px
}

.news-detail h4,
.news-detail .news-detail-sub_header {
  margin-top: 30px
}

.news-detail .news-detail-free {
  margin: 0 0 40px
}

.news-detail .news-detail-free p {
  margin-bottom: 20px
}

.news-detail .news-detail-image {
  text-align: center;
  margin: 10px auto
}

.news-detail .news-detail-image>img {
  height: auto;
  width: auto;
  max-width: 100%
}

.news-detail .news-detail-pdf a[href$=".pdf"] {
  vertical-align: middle
}

.news-detail .news-detail-pdf a[href$=".pdf"]:after {
  content: "";
  height: 16px;
  width: 16px;
  background: url(../img/pdf.png) no-repeat center/contain;
  margin-left: 5px
}

.news-detail>*:empty {
  display: none;
  font-size: 0;
  line-height: 0;
  border: none;
  background: none;
  padding: 0;
  margin: 0
}

.news-detail>*:empty:before,
.news-detail>*:empty:after {
  display: none
}

.pagination {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}

.pagination .icon:first-of-type {
  display: none
}

.pagination .icon:last-of-type {
  display: none
}

.pagination .item {
  display: inline-block;
  height: 50px;
  width: 50px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  text-align: center;
  line-height: 50px;
  text-decoration: none;
  background: #f8f5e7;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 10px
}

@media only screen and (max-width: 768px) {
  .pagination .item {
    width: 40px;
    min-width: 40px;
    height: 40px;
    line-height: 40px
  }
}

.pagination .item:hover,
.pagination .item.active {
  background: #fff
}

.pagination .item.icon {
  border: unset;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  margin: 0 20px;
  position: relative
}

@media only screen and (max-width: 768px) {
  .pagination .item.icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin: 0 10px;
    line-height: 50px
  }
}

.pagination .item.icon .iconify[data-icon=mdi-arrow-left]::before,
.pagination .item.icon .iconify[data-icon=mdi-arrow-right]::before {
  position: absolute;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  color: #333;
  -webkit-transition: .3s;
  transition: .3s;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  font-style: normal
}

.pagination .item.icon .iconify[data-icon=mdi-arrow-left]::before {
  content: ""
}

.pagination .item.icon .iconify[data-icon=mdi-arrow-right]::before {
  content: ""
}

.pagination .item.icon:hover {
  background: #7052a0
}

.pagination .item.icon:hover .iconify::before {
  color: #fff
}

.pagination .item[href="#"] {
  cursor: default;
  pointer-events: none
}

.l-main .ui.form.inputForm .icheck-material-blue>input:first-child {
  background-color: #2196f3
}

.l-main .ui.form.inputForm .icheck-material-blue>input:first-child+label::before {
  border-color: #787878
}

.l-main .ui.form.inputForm .icheck-material-blue>input:first-child:checked+label:before {
  border-color: #2196f3;
  background-color: #2196f3
}

.l-main .ui.form.inputForm .icheck-material-blue>input:first-child:checked+label:after {
  border-bottom-color: #fff;
  border-right-color: #fff
}

.l-main .ui.form.inputForm .icheck-material-blue>input[type=radio]:first-child:checked+label::after {
  background-color: #2196f3
}

.section-bg-position,
section.top-faq-sec,
section.top-support-sec,
section.top-operation-sec,
section.top-join-sec,
section.top-charitywalk-sec,
section.top-news-sec,
section.top-charity-sec {
  position: relative
}

.section-bg-position .bg-deco-top,
section.top-faq-sec .bg-deco-top,
section.top-support-sec .bg-deco-top,
section.top-operation-sec .bg-deco-top,
section.top-join-sec .bg-deco-top,
section.top-charitywalk-sec .bg-deco-top,
section.top-news-sec .bg-deco-top,
section.top-charity-sec .bg-deco-top,
.section-bg-position .bg-deco-bottom,
section.top-faq-sec .bg-deco-bottom,
section.top-support-sec .bg-deco-bottom,
section.top-operation-sec .bg-deco-bottom,
section.top-join-sec .bg-deco-bottom,
section.top-charitywalk-sec .bg-deco-bottom,
section.top-news-sec .bg-deco-bottom,
section.top-charity-sec .bg-deco-bottom {
  width: 100vw;
  position: absolute;
  left: 50%
}

.section-bg-position .bg-deco-top,
section.top-faq-sec .bg-deco-top,
section.top-support-sec .bg-deco-top,
section.top-operation-sec .bg-deco-top,
section.top-join-sec .bg-deco-top,
section.top-charitywalk-sec .bg-deco-top,
section.top-news-sec .bg-deco-top,
section.top-charity-sec .bg-deco-top {
  top: 1px;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%)
}

.section-bg-position .bg-deco-bottom,
section.top-faq-sec .bg-deco-bottom,
section.top-support-sec .bg-deco-bottom,
section.top-operation-sec .bg-deco-bottom,
section.top-join-sec .bg-deco-bottom,
section.top-charitywalk-sec .bg-deco-bottom,
section.top-news-sec .bg-deco-bottom,
section.top-charity-sec .bg-deco-bottom {
  bottom: 1px;
  -webkit-transform: translate(-50%, 100%) scale(1, -1);
  -ms-transform: translate(-50%, 100%) scale(1, -1);
  transform: translate(-50%, 100%) scale(1, -1)
}

section.top-charity-sec {
  background: #f8f5e7;
  padding: 20px 0 60px;
  position: relative;
  margin-bottom: 180px
}

@media only screen and (max-width: 768px) {
  section.top-charity-sec {
    padding: 20px 0 50px;
    margin-bottom: 110px
  }
}

.charity-top ul.walk-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.charity-top ul.walk-list>li.walk-item {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.charity-top ul.walk-list>li.walk-item:last-of-type::after {
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  left: unset;
  right: -10px
}

@media only screen and (max-width: 768px) {
  .charity-top ul.walk-list>li.walk-item:first-of-type::after {
    left: 30%
  }

  .charity-top ul.walk-list>li.walk-item:last-of-type::after {
    left: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    right: -10px
  }
}

.charity-top ul.walk-list>li.walk-item::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 10px 0 10px;
  border-color: #7052a0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media only screen and (max-width: 768px) {
  .charity-top ul.walk-list>li.walk-item::after {
    bottom: -25px
  }
}

.charity-top ul.walk-list>li.walk-item>.icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 15px;
  -webkit-animation: purupuru_anim 6s infinite;
  animation: purupuru_anim 6s infinite
}

@media only screen and (max-width: 768px) {
  .charity-top ul.walk-list>li.walk-item>.icon {
    width: 77px;
    height: auto
  }
}

.charity-top ul.walk-list>li.walk-item>p.num {
  font-family: "Jost", sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  color: #7052a0;
  text-align: center
}

.charity-top ul.walk-list>li.walk-item>p.num>span {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.777;
  letter-spacing: .05em;
  color: #333;
  margin-left: 4px
}

@media only screen and (max-width: 768px) {
  .charity-top ul.walk-list>li.walk-item>p.num {
    font-size: 17px
  }

  .charity-top ul.walk-list>li.walk-item>p.num>span {
    font-size: 12px
  }
}

.charity-top ul.walk-list>li.walk-item p.btn-cando {
  font-size: 14px;
  font-weight: bold;
  line-height: 2.285;
  letter-spacing: .05em;
  text-align: center;
  color: #7052a0;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  cursor: pointer
}

.charity-top ul.walk-list>li.walk-item p.btn-cando::after {
  content: "＋";
  font-size: 10px;
  color: #fff;
  background: #7052a0;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 768px) {
  .charity-top ul.walk-list>li.walk-item p.btn-cando {
    font-size: 12px
  }
}

.charity-top .walk-bar {
  position: relative;
  height: 50px;
  width: 100%;
  background: #fff;
  border-radius: 40px;
  overflow: hidden
}

@media only screen and (max-width: 768px) {
  .charity-top .walk-bar {
    height: 60px
  }
}

.charity-top .walk-bar .bar {
  background: #7052a0;
  width: 0;
  height: 100%;
  border-radius: 40px;
  -webkit-transition: 2s;
  transition: 2s
}

.charity-top .ttl {
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .05em;
  color: #7052a0;
  border-left: 1px dotted #7052a0;
  border-right: 1px dotted #7052a0;
  height: 60px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(-35px);
  -ms-transform: translateY(-35px);
  transform: translateY(-35px);
  position: relative
}

@media only screen and (max-width: 768px) {
  .charity-top .ttl {
    font-size: 14px;
    text-align: center;
    height: 50px;
    margin-top: 30px
  }

  .charity-top .ttl>span:last-of-type {
    width: 100%
  }
}

.charity-top .ttl::before,
.charity-top .ttl::after {
  font-family: "Jost", sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #7052a0;
  position: absolute;
  bottom: -6px
}

@media only screen and (max-width: 768px) {

  .charity-top .ttl::before,
  .charity-top .ttl::after {
    font-size: 16px
  }
}

.charity-top .ttl::before {
  content: "START";
  left: 14px
}

@media only screen and (max-width: 768px) {
  .charity-top .ttl::before {
    left: 10px
  }
}

.charity-top .ttl::after {
  content: "GOAL";
  right: 14px
}

@media only screen and (max-width: 768px) {
  .charity-top .ttl::after {
    right: 10px
  }
}

.charity-bottom {
  position: relative
}

.charity-bottom .charity-ttl-box {
  max-width: 680px;
  margin: 0 auto
}

.charity-bottom .charity-ttl-box>.logo-box {
  width: 330px;
  margin: 0 auto;
  position: relative;
  left: -15px
}

@media only screen and (max-width: 768px) {
  .charity-bottom .charity-ttl-box>.logo-box {
    width: 201px;
    left: 0
  }
}

.charity-bottom .charity-ttl-box .charity-ttl {
  font-size: 36px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: .13em;
  color: #7052a0;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .charity-bottom .charity-ttl-box .charity-ttl {
    font-size: 22px
  }
}

.charity-bottom .charity-ttl-box .charity-txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 2.222;
  letter-spacing: 0;
  text-align: center;
  max-width: 630px;
  margin: 0 auto
}

@media only screen and (max-width: 768px) {
  .charity-bottom .charity-ttl-box .charity-txt {
    font-size: 15px;
    line-height: 2
  }
}

@media only screen and (max-width: 768px) {
  .charity-bottom .deco-img-wrap {
    position: relative;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto
  }
}

.charity-bottom .deco-img-wrap .deco-img {
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  border: 23px solid #f2edd3
}

@media only screen and (max-width: 768px) {
  .charity-bottom .deco-img-wrap .deco-img {
    border: 15px solid #f2edd3;
    position: relative
  }
}

.charity-bottom .deco-img-wrap .deco-img.-img01 {
  width: 410px;
  height: 410px;
  top: 28px;
  left: -285px
}

@media only screen and (max-width: 768px) {
  .charity-bottom .deco-img-wrap .deco-img.-img01 {
    width: 230px;
    height: 230px;
    left: -20px;
    top: unset
  }
}

.charity-bottom .deco-img-wrap .deco-img.-img02 {
  width: 255px;
  height: 255px;
  bottom: -8px;
  left: -155px
}

@media only screen and (max-width: 768px) {
  .charity-bottom .deco-img-wrap .deco-img.-img02 {
    width: 153px;
    height: 153px;
    bottom: unset;
    left: unset;
    position: absolute;
    top: 150px;
    right: -6px
  }
}

.charity-bottom .deco-img-wrap .deco-img.-img03 {
  width: 285px;
  height: 285px;
  top: -25px;
  right: -97px
}

@media only screen and (max-width: 768px) {
  .charity-bottom .deco-img-wrap .deco-img.-img03 {
    width: 150px;
    height: 150px;
    top: -20px;
    right: -10px;
    position: absolute
  }
}

.charity-bottom .deco-img-wrap .deco-img.-img04 {
  width: 475px;
  height: 475px;
  bottom: 0;
  right: -373px
}

@media only screen and (max-width: 768px) {
  .charity-bottom .deco-img-wrap .deco-img.-img04 {
    width: 215px;
    height: 215px;
    bottom: unset;
    right: unset;
    left: 10px;
    top: 10px
  }
}

.charity-card-area ul.charity-cardlist {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px
}

@media only screen and (max-width: 768px) {
  .charity-card-area ul.charity-cardlist {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 14px
  }
}

.charity-card-area ul.charity-cardlist>li {
  width: 270px
}

@media only screen and (max-width: 768px) {
  .charity-card-area ul.charity-cardlist>li {
    width: 293px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.charity-card-area ul.charity-cardlist>.card-item {
  position: relative
}

@media only screen and (max-width: 768px) {
  .charity-card-area ul.charity-cardlist>.card-item {
    background: #fff;
    border-radius: 20px;
    padding: 20px 24px
  }
}

.charity-card-area ul.charity-cardlist>.card-item p.note {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .05em;
  color: #fff;
  text-align: center;
  background: #7052a0;
  width: 63px;
  height: 63px;
  border-radius: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 5px;
  position: absolute;
  top: -13px;
  left: -21px
}

.charity-card-area ul.charity-cardlist>.card-item p.note>span {
  font-size: 10px;
  font-weight: bold;
  line-height: inherit;
  letter-spacing: .08em;
  color: #fff;
  display: block
}

@media only screen and (max-width: 768px) {
  .charity-card-area ul.charity-cardlist>.card-item p.note {
    position: static
  }
}

.charity-card-area ul.charity-cardlist>.card-item .card-body {
  background: #fff;
  border-radius: 30px;
  padding: 25px 20px
}

@media only screen and (max-width: 768px) {
  .charity-card-area ul.charity-cardlist>.card-item .card-body {
    background: unset;
    border-radius: 0;
    padding: 0
  }
}

.charity-card-area ul.charity-cardlist>.card-item .card-body>.ttl {
  font-family: "Jost", sans-serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  color: #7052a0;
  text-align: center;
  margin-bottom: 12px
}

.charity-card-area ul.charity-cardlist>.card-item .card-body>.ttl>.unit {
  font-family: "Zen Kaku Gothic New", sans-serif, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic;
  font-size: 18px;
  font-weight: bold;
  line-height: inherit;
  letter-spacing: .05em;
  color: #333;
  margin-left: 5px
}

@media only screen and (max-width: 768px) {
  .charity-card-area ul.charity-cardlist>.card-item .card-body>.ttl {
    font-size: 30px
  }

  .charity-card-area ul.charity-cardlist>.card-item .card-body>.ttl>.unit {
    font-size: 18px
  }
}

.charity-card-area ul.charity-cardlist>.card-item .card-body .card-tag {
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: .05em;
  color: #333;
  text-align: center;
  background: #fee55d;
  border-radius: 15px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 170px;
  margin: auto;
  padding: 0 10px
}

@media only screen and (max-width: 768px) {
  .charity-card-area ul.charity-cardlist>.card-item .card-body .card-tag {
    font-size: 12px;
    line-height: 24px
  }
}

section.top-charityvoice-sec {
  margin-bottom: 185px
}

@media only screen and (max-width: 768px) {
  section.top-charityvoice-sec {
    margin-bottom: 130px
  }
}

@media only screen and (max-width: 768px) {
  section.top-charityvoice-sec .voice-slide-wrap {
    margin: 0 -20px
  }
}

section.top-charityvoice-sec .voice-slide-wrap .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
  width: 50px;
  height: 50px
}

@media only screen and (max-width: 768px) {
  section.top-charityvoice-sec .voice-slide-wrap .slick-arrow {
    width: 30px;
    height: 30px
  }
}

section.top-charityvoice-sec .voice-slide-wrap .slick-prev {
  left: -25px
}

@media only screen and (max-width: 768px) {
  section.top-charityvoice-sec .voice-slide-wrap .slick-prev {
    left: 15px
  }
}

section.top-charityvoice-sec .voice-slide-wrap .slick-next {
  right: -25px
}

@media only screen and (max-width: 768px) {
  section.top-charityvoice-sec .voice-slide-wrap .slick-next {
    right: 15px
  }
}

section.top-charityvoice-sec .voice-slide-wrap .voice-slide-item {
  background: #f7f7f7;
  border-radius: 30px;
  margin: 0 7.5px;
  padding: 24px 25px 35px
}

@media only screen and (max-width: 768px) {
  section.top-charityvoice-sec .voice-slide-wrap .voice-slide-item {
    padding: 30px 25px 25px;
    margin: 0 5px
  }
}

section.top-charityvoice-sec .voice-slide-wrap .voice-slide-item .voice-tag {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: .13em;
  text-align: center;
  background: #fee55d;
  border-radius: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 20px;
  padding: 5.5px 23px
}

@media only screen and (max-width: 768px) {
  section.top-charityvoice-sec .voice-slide-wrap .voice-slide-item .voice-tag {
    margin-bottom: 12px
  }
}

section.top-charityvoice-sec .voice-slide-wrap .voice-slide-item>p.ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: .13em;
  text-align: center
}

@media only screen and (max-width: 768px) {
  section.top-charityvoice-sec .voice-slide-wrap .voice-slide-item>p.ttl {
    font-size: 16px
  }
}

section.top-charityvoice-sec .cta-box .cta-btn {
  background: #7052a0;
  border-radius: 65px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 18.5px 15px 18.5px 30px;
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  section.top-charityvoice-sec .cta-box .cta-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 30px;
    padding: 21px 15px;
    width: 100%
  }
}

section.top-charityvoice-sec .cta-box .cta-btn>.logo {
  display: block;
  height: 34px;
  margin-right: 12px
}

section.top-charityvoice-sec .cta-box .cta-btn>.logo>img {
  height: 100%
}

@media only screen and (max-width: 768px) {
  section.top-charityvoice-sec .cta-box .cta-btn>.logo {
    height: 26px;
    margin: 0 auto 3px
  }
}

section.top-charityvoice-sec .cta-box .cta-btn>p.ttl {
  font-family: "Jost", sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: .866;
  letter-spacing: .06em;
  color: #fff
}

section.top-charityvoice-sec .cta-box .cta-btn>p.ttl>span {
  font-family: "Zen Kaku Gothic New", sans-serif, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.846;
  letter-spacing: .06em;
  color: #fff;
  margin-left: 7px
}

@media only screen and (max-width: 768px) {
  section.top-charityvoice-sec .cta-box .cta-btn>p.ttl {
    font-size: 20px;
    letter-spacing: .02em;
    margin-bottom: 15px;
    width: 100%;
    text-align: center
  }

  section.top-charityvoice-sec .cta-box .cta-btn>p.ttl>span {
    font-size: 20px
  }
}

section.top-charityvoice-sec .cta-box .cta-btn>.beginner-mark {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.875;
  letter-spacing: .06em;
  color: #fff;
  background: #5e3b95;
  border-radius: 31px;
  margin-left: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding: 10px 11px 10px 30px;
  -webkit-transition: .3s;
  transition: .3s
}

section.top-charityvoice-sec .cta-box .cta-btn>.beginner-mark>img {
  width: 40px;
  height: 40px;
  border-radius: 50%
}

@media only screen and (max-width: 768px) {
  section.top-charityvoice-sec .cta-box .cta-btn>.beginner-mark {
    margin: auto;
    display: block;
    position: relative;
    font-size: 14px;
    padding: 5px 40px;
    width: 270px;
    text-align: center
  }

  section.top-charityvoice-sec .cta-box .cta-btn>.beginner-mark>img {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

section.top-charityvoice-sec .cta-box .cta-btn:hover {
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 3px 6px rgba(112, 82, 160, .8);
  box-shadow: 0px 3px 6px rgba(112, 82, 160, .8)
}

section.top-charityvoice-sec .cta-box .cta-btn:hover>.beginner-mark {
  background: #fff;
  color: #7052a0
}

section.top-news-sec {
  padding: 80px 0 185px;
  background: #f8f5e7
}

@media only screen and (max-width: 768px) {
  section.top-news-sec {
    padding: 40px 0 155px
  }
}

section.top-news-sec .news-body .news-btn-box {
  position: absolute;
  top: 32px;
  right: 10px
}

@media only screen and (max-width: 768px) {
  section.top-news-sec .news-body .news-btn-box {
    right: 20px
  }
}

section.top-charitywalk-sec {
  background: #fee55d;
  padding: 60px 0 180px
}

@media only screen and (max-width: 768px) {
  section.top-charitywalk-sec {
    padding: 40px 0 143px
  }
}

section.top-charitywalk-sec .charitywalk-heading {
  position: relative
}

section.top-charitywalk-sec .charitywalk-heading>.ttl-box {
  width: 680px;
  margin: auto
}

@media only screen and (max-width: 768px) {
  section.top-charitywalk-sec .charitywalk-heading>.ttl-box {
    width: 335px
  }
}

section.top-charitywalk-sec .charitywalk-heading>.txt {
  font-size: 16px;
  font-weight: bold;
  line-height: 2.5;
  letter-spacing: .06em;
  text-align: center
}

@media only screen and (max-width: 768px) {
  section.top-charitywalk-sec .charitywalk-heading>.txt {
    font-size: 15px;
    line-height: 2;
    letter-spacing: .06em;
    text-align: left
  }

  section.top-charitywalk-sec .charitywalk-heading>.txt:not(:last-of-type) {
    margin-bottom: 11px
  }
}

section.top-charitywalk-sec .charitywalk-heading .icon-bg {
  width: 135px;
  position: absolute;
  top: 20px;
  right: 10px
}

@media only screen and (max-width: 768px) {
  section.top-charitywalk-sec .charitywalk-heading .icon-bg {
    width: 75px;
    top: -12px;
    right: -35px
  }
}

section.top-charitywalk-sec .charitywalk-heading>.img-deco {
  position: absolute;
  bottom: 5px;
  -webkit-animation: purupuru_anim 6s infinite;
  animation: purupuru_anim 6s infinite
}

@media only screen and (max-width: 768px) {
  section.top-charitywalk-sec .charitywalk-heading>.img-deco {
    bottom: unset
  }
}

section.top-charitywalk-sec .charitywalk-heading>.img-deco.img01 {
  width: 195.99px;
  left: 0
}

@media only screen and (max-width: 768px) {
  section.top-charitywalk-sec .charitywalk-heading>.img-deco.img01 {
    width: 124.63px;
    top: -156px;
    left: -27px
  }
}

section.top-charitywalk-sec .charitywalk-heading>.img-deco.img02 {
  width: 234.82px;
  right: 0
}

@media only screen and (max-width: 768px) {
  section.top-charitywalk-sec .charitywalk-heading>.img-deco.img02 {
    width: 160px;
    top: -140px;
    right: -20px
  }
}

section.top-charitywalk-sec .charitywalk-body .outer {
  background: #f7d51b;
  border-radius: 50px;
  margin: -30px;
  padding: 30px
}

@media only screen and (max-width: 768px) {
  section.top-charitywalk-sec .charitywalk-body .outer {
    border-radius: 0
  }
}

section.top-charitywalk-sec .charitywalk-body .white-box {
  background: #fff;
  border-radius: 30px;
  padding: 72px 60px 50px
}

@media only screen and (max-width: 768px) {
  section.top-charitywalk-sec .charitywalk-body .white-box {
    border-radius: 20px;
    padding: 47px 25px 42px
  }
}

section.top-charitywalk-sec .charitywalk-body .flow-arrow {
  text-align: center;
  padding: 60px 0 75px;
  position: relative
}

@media only screen and (max-width: 768px) {
  section.top-charitywalk-sec .charitywalk-body .flow-arrow {
    padding: 40px 0 70px
  }
}

section.top-charitywalk-sec .charitywalk-body .flow-arrow::before {
  content: "";
  width: 13px;
  height: calc(100% - 10px);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #7052a0;
  z-index: 0
}

section.top-charitywalk-sec .charitywalk-body .flow-arrow::after {
  content: "";
  width: 25px;
  height: 13px;
  background: url(../img/icon_arrow_down.png) no-repeat center/contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

section.top-charitywalk-sec .charitywalk-body .flow-arrow .img-box {
  width: 236px;
  height: 236px;
  border-radius: 50%;
  border: 9px solid #7052a0;
  overflow: hidden;
  margin: auto;
  z-index: 2;
  position: relative
}

section.top-charitywalk-sec .charitywalk-body .flow-arrow>.ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.666;
  letter-spacing: .06em;
  color: #fff;
  background: #7052a0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 34px;
  padding: 10px 19px;
  margin: -33px auto -18px;
  z-index: 3;
  position: relative
}

@media only screen and (max-width: 768px) {
  section.top-charitywalk-sec .charitywalk-body .flow-arrow>.ttl {
    padding: 10px 30px
  }
}

ul.data-card-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 768px) {
  ul.data-card-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px
  }
}

ul.data-card-list>li:nth-child(1) {
  width: 288px;
  margin-right: 12px
}

@media only screen and (max-width: 768px) {
  ul.data-card-list>li:nth-child(1) {
    width: 100%
  }
}

ul.data-card-list>li:nth-child(2) {
  margin-right: 20px
}

@media only screen and (max-width: 768px) {
  ul.data-card-list>li:nth-child(2) {
    width: 100%
  }
}

ul.data-card-list>li:nth-child(2),
ul.data-card-list>li:nth-child(3) {
  width: 340px
}

@media only screen and (max-width: 768px) {

  ul.data-card-list>li:nth-child(2),
  ul.data-card-list>li:nth-child(3) {
    width: 100%
  }
}

.data-card {
  background: #ededed;
  border-radius: 10px;
  width: 340px;
  padding: 0 10px 10px
}

.data-card.-white {
  background: #fff;
  padding: 0 0 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 768px) {
  .data-card.-white>.card-head {
    display: none
  }
}

.data-card.-white>.card-body {
  background: #fff
}

@media only screen and (max-width: 768px) {
  .data-card.-white>.card-body {
    padding: 21px 0 0px
  }
}

.data-card.-white>.card-body>.item {
  padding: 20px 0
}

@media only screen and (max-width: 768px) {
  .data-card.-white>.card-body>.item {
    padding: 0
  }
}

.data-card.-primary {
  background: #9d82b7
}

.data-card.-primary>.card-head>.ttl {
  color: #fff
}

.data-card .card-head {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.36;
  letter-spacing: 0;
  text-align: center;
  padding: 8px
}

@media only screen and (max-width: 768px) {
  .data-card .card-head {
    font-size: 18px;
    padding: 2px 10px
  }
}

.data-card .card-body {
  background: #fafafa;
  border-radius: 10px
}

@media only screen and (max-width: 768px) {
  .data-card .card-body {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    min-height: 119px
  }
}

.data-card .card-body>.item {
  padding: 28px 0;
  margin: 0 16.5px
}

.data-card .card-body>.item:not(:last-of-type) {
  border-bottom: 1px solid #d6d6d6
}

@media only screen and (max-width: 768px) {
  .data-card .card-body>.item:not(:last-of-type) {
    border-bottom: none;
    border-right: 1px solid #d6d6d6
  }
}

.data-card .card-body>.item ul.desc-list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto
}

.data-card .card-body>.item ul.desc-list>li {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}

@media only screen and (max-width: 768px) {
  .data-card .card-body>.item ul.desc-list>li {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
  }
}

.data-card .card-body>.item ul.desc-list>li p.ttl {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0;
  white-space: nowrap
}

@media only screen and (max-width: 768px) {
  .data-card .card-body>.item ul.desc-list>li p.ttl {
    font-size: 11px
  }
}

.data-card .card-body>.item ul.desc-list>li>p.num {
  font-family: "Jost", sans-serif;
  font-size: 34px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0
}

.data-card .card-body>.item ul.desc-list>li>p.num>span {
  font-size: 20px
}

@media only screen and (max-width: 768px) {
  .data-card .card-body>.item ul.desc-list>li>p.num {
    font-size: 26px
  }

  .data-card .card-body>.item ul.desc-list>li>p.num>span {
    font-size: 16px
  }
}

@media only screen and (max-width: 768px) {
  .data-card .card-body>.item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    padding: 10px 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.data-card .card-body>.item p {
  line-height: 1.8
}

@media only screen and (max-width: 768px) {
  .data-card .card-body>.item p {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .04em;
    text-align: center
  }
}

.data-card .card-body>.item .num {
  font-family: "Jost", sans-serif;
  font-size: 63px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  color: #7052a0;
  text-align: center
}

.data-card .card-body>.item .num>span {
  font-size: 31px;
  font-weight: bold;
  line-height: inherit;
  letter-spacing: 0
}

@media only screen and (max-width: 768px) {
  .data-card .card-body>.item .num {
    font-size: 56px
  }
}

.data-card .icon-ttl {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: .04em;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 18px;
  -moz-column-gap: 18px;
  column-gap: 18px
}

@media only screen and (max-width: 768px) {
  .data-card .icon-ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px
  }
}

.data-card .icon-ttl .icon {
  width: 65px;
  height: 65px
}

@media only screen and (max-width: 768px) {
  .data-card .icon-ttl .icon {
    width: 55px;
    height: 55px
  }
}

.data-card .icon-ttl>p {
  line-height: 1.5;
  letter-spacing: .04em
}

.charitywalk-img-wrap {
  min-width: 1440px;
  max-width: 1440px;
  min-height: 414px;
  margin-right: auto;
  margin-left: auto;
  position: relative
}

@media only screen and (max-width: 768px) {
  .charitywalk-img-wrap {
    min-width: unset;
    max-width: 420px
  }
}

.charitywalk-img-wrap ul.img-list>li.img-item {
  border: 25px solid #f7d51b;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  z-index: 1
}

@media only screen and (max-width: 768px) {
  .charitywalk-img-wrap ul.img-list>li.img-item {
    border: 15px solid #f7d51b;
    position: relative
  }
}

.charitywalk-img-wrap ul.img-list>li.img-item.-img01 {
  width: 390px;
  height: 390px;
  left: -8%;
  top: 12px
}

@media only screen and (max-width: 768px) {
  .charitywalk-img-wrap ul.img-list>li.img-item.-img01 {
    width: 220px;
    height: 220px;
    top: unset;
    left: -40px
  }
}

.charitywalk-img-wrap ul.img-list>li.img-item.-img02 {
  width: 266px;
  height: 266px;
  left: 18%;
  top: 95px
}

@media only screen and (max-width: 768px) {
  .charitywalk-img-wrap ul.img-list>li.img-item.-img02 {
    width: 150px;
    height: 150px;
    top: 66px;
    left: 175px;
    position: absolute
  }
}

.charitywalk-img-wrap ul.img-list>li.img-item.-img03 {
  width: 170px;
  height: 170px;
  left: 34%;
  top: 35px
}

@media only screen and (max-width: 768px) {
  .charitywalk-img-wrap ul.img-list>li.img-item.-img03 {
    display: none
  }
}

.charitywalk-img-wrap ul.img-list>li.img-item.-img04 {
  width: 274px;
  height: 274px;
  right: 36%;
  top: 18px
}

@media only screen and (max-width: 768px) {
  .charitywalk-img-wrap ul.img-list>li.img-item.-img04 {
    display: none
  }
}

.charitywalk-img-wrap ul.img-list>li.img-item.-img05 {
  width: 244px;
  height: 244px;
  right: 21%;
  bottom: 47px
}

@media only screen and (max-width: 768px) {
  .charitywalk-img-wrap ul.img-list>li.img-item.-img05 {
    width: 164px;
    height: 164px;
    bottom: 51px;
    right: 158px;
    position: absolute
  }
}

.charitywalk-img-wrap ul.img-list>li.img-item.-img06 {
  width: 380px;
  height: 380px;
  top: -15px;
  right: -70px
}

@media only screen and (max-width: 768px) {
  .charitywalk-img-wrap ul.img-list>li.img-item.-img06 {
    width: 230px;
    height: 230px;
    top: unset;
    right: unset;
    margin: -25px -76px 0 auto
  }
}

section.top-join-sec {
  padding: 70px 0 185px;
  position: relative;
  background: #7052a0
}

section.top-join-sec .bg-deco-top {
  z-index: 1
}

section.top-join-sec .bg-deco-top::after {
  content: "";
  width: 100%;
  height: 50px;
  background: #7052a0;
  position: absolute;
  bottom: 1px;
  left: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}

@media only screen and (max-width: 768px) {
  section.top-join-sec {
    padding: 70px 0 110px
  }
}

section.top-join-sec .join-bg-img .bg-img {
  position: absolute;
  z-index: 1
}

section.top-join-sec .join-bg-img .bg-img img {
  width: 100%
}

section.top-join-sec .join-bg-img .bg-img.-img01 {
  width: 534.87px;
  top: -255px;
  left: -7%;
  z-index: 0
}

@media only screen and (max-width: 768px) {
  section.top-join-sec .join-bg-img .bg-img.-img01 {
    width: 216.91px;
    top: -118px;
    left: -80px
  }
}

section.top-join-sec .join-bg-img .bg-img.-img02 {
  width: 488.12px;
  top: -310px;
  right: -11%;
  z-index: 0
}

@media only screen and (max-width: 768px) {
  section.top-join-sec .join-bg-img .bg-img.-img02 {
    width: 228px;
    top: -148px;
    right: -82px
  }
}

section.top-join-sec .join-bg-img .bg-img.-img03 {
  width: 294.36px;
  top: -130px;
  right: 30.5%;
  z-index: 1
}

@media only screen and (max-width: 768px) {
  section.top-join-sec .join-bg-img .bg-img.-img03 {
    width: 70.08px;
    top: -90px;
    right: 40%
  }
}

section.top-join-sec .join-bg-img .bg-img.-img04 {
  width: 292.12px;
  top: 49px;
  left: 10%
}

@media only screen and (max-width: 768px) {
  section.top-join-sec .join-bg-img .bg-img.-img04 {
    width: 292.12px;
    top: -9px;
    left: -137px
  }
}

section.top-join-sec .join-bg-img .bg-img.-img05 {
  width: 424px;
  top: 4px;
  right: 9.5%
}

section.top-join-sec .join-deco-img .deco-img {
  position: absolute
}

section.top-join-sec .join-deco-img .deco-img>img {
  width: 100%
}

section.top-join-sec .join-deco-img .deco-img.-deco01 {
  width: 160px;
  top: -63px;
  left: 0%;
  z-index: 1
}

section.top-join-sec .join-deco-img .deco-img.-deco02 {
  width: 91.18px;
  top: -108px;
  left: 14.5%;
  z-index: 1
}

@media only screen and (max-width: 768px) {
  section.top-join-sec .join-deco-img .deco-img.-deco02 {
    width: 48.81px;
    top: -88px;
    left: 24.5%
  }
}

section.top-join-sec .join-deco-img .deco-img.-deco03 {
  width: 134.82px;
  top: -97px;
  left: 28%;
  -webkit-animation: purupuru_anim 6s infinite;
  animation: purupuru_anim 6s infinite;
  z-index: 1
}

@media only screen and (max-width: 768px) {
  section.top-join-sec .join-deco-img .deco-img.-deco03 {
    width: 86.95px;
    top: -42px;
    left: .5%
  }
}

section.top-join-sec .join-deco-img .deco-img.-deco04 {
  width: 71.88px;
  top: -113px;
  left: 38.5%;
  z-index: 1
}

section.top-join-sec .join-deco-img .deco-img.-deco05 {
  width: 129px;
  top: -139px;
  right: 20%;
  -webkit-animation: purupuru_anim 6s infinite;
  animation: purupuru_anim 6s infinite;
  z-index: 1
}

@media only screen and (max-width: 768px) {
  section.top-join-sec .join-deco-img .deco-img.-deco05 {
    width: 72.92px;
    top: -95px;
    right: 21%
  }
}

section.top-join-sec .join-deco-img .deco-img.-deco06 {
  width: 181.84px;
  top: -98px;
  right: 4.5%;
  z-index: 1
}

@media only screen and (max-width: 768px) {
  section.top-join-sec .join-deco-img .deco-img.-deco06 {
    width: 107.41px;
    top: -61px;
    right: -5.5%
  }
}

section.top-join-sec .join-ttl-box {
  max-width: 1000px;
  overflow: hidden;
  margin: 0 auto 33px
}

@media only screen and (max-width: 768px) {
  section.top-join-sec .join-ttl-box {
    margin-bottom: 12px
  }
}

section.top-join-sec .join-ttl-box p.join-ttl {
  font-family: "Lato", sans-serif;
  font-size: 80px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .1em;
  color: #fff;
  text-align: center
}

@media only screen and (max-width: 768px) {
  section.top-join-sec .join-ttl-box p.join-ttl {
    font-size: 64px
  }
}

.join-box {
  background: #fcfaf0;
  border-radius: 30px;
  padding: 100px 70px 70px;
  position: relative;
  z-index: 2
}

@media only screen and (max-width: 768px) {
  .join-box {
    border-radius: 0;
    padding: 40px 20px 30px;
    border-radius: 0 0 20px 20px
  }
}

.join-box .inner-container {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden
}

ul.join-step>li {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px
}

@media only screen and (max-width: 768px) {
  ul.join-step>li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

ul.join-step>li:not(:last-of-type) {
  margin-bottom: 60px
}

@media only screen and (max-width: 768px) {
  ul.join-step>li:not(:last-of-type) {
    margin-bottom: 50px
  }
}

ul.join-step>li:not(:last-of-type) .content {
  position: relative
}

ul.join-step>li:not(:last-of-type) .content::after {
  content: "";
  background: url(../img/icon_arrow_down02.png) no-repeat center/contain;
  width: 38px;
  height: 22px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

ul.join-step>li p.step {
  font-family: "Lato", sans-serif;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: .19em;
  color: #7052a0;
  text-transform: uppercase;
  width: 90px;
  margin-top: 30px
}

@media only screen and (max-width: 768px) {
  ul.join-step>li p.step {
    font-size: 23px;
    line-height: 1.565;
    margin-top: 0;
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
  }
}

ul.join-step>li p.step>span {
  font-size: 76px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  color: #7052a0;
  display: block
}

@media only screen and (max-width: 768px) {
  ul.join-step>li p.step>span {
    font-size: 50px
  }
}

ul.join-step>li .content {
  background: #f8f5e7;
  border-radius: 30px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 50px 60px 45px;
  max-width: 990px
}

@media only screen and (max-width: 768px) {
  ul.join-step>li .content {
    padding: 35px 20px 20px;
    width: 100%
  }
}

ul.join-step>li .content .step-ttl {
  font-size: 25px;
  font-weight: bold;
  line-height: 1.44;
  letter-spacing: .06em;
  color: #7052a0;
  margin-bottom: 12px
}

@media only screen and (max-width: 768px) {
  ul.join-step>li .content .step-ttl {
    font-size: 20px
  }
}

ul.join-step>li .content .app-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 768px) {
  ul.join-step>li .content .app-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 30px
  }
}

@media only screen and (max-width: 768px) {
  ul.join-step>li .content .app-box .link-box {
    width: 100%
  }
}

ul.join-step>li .content .app-box .link-box ul.app-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 14px;
  -moz-column-gap: 14px;
  column-gap: 14px
}

@media only screen and (max-width: 768px) {
  ul.join-step>li .content .app-box .link-box ul.app-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 10px
  }
}

ul.join-step>li .content .app-box .link-box ul.app-list>li>a {
  display: block;
  height: 62px
}

ul.join-step>li .content .app-box .link-box ul.app-list>li>a>img {
  height: 100%
}

ul.join-step>li .content .step-area {
  margin: 0 -21px
}

ul.join-step>li .content .step-area .step-slide .slick-arrow {
  position: absolute;
  top: 133px;
  z-index: 1;
  cursor: pointer;
  width: 50px;
  height: 50px
}

@media only screen and (max-width: 768px) {
  ul.join-step>li .content .step-area .step-slide .slick-arrow {
    top: 200px;
    width: 40px;
    height: 40px
  }
}

ul.join-step>li .content .step-area .step-slide .slick-prev {
  left: -25px
}

@media only screen and (max-width: 768px) {
  ul.join-step>li .content .step-area .step-slide .slick-prev {
    left: -10px
  }
}

ul.join-step>li .content .step-area .step-slide .slick-next {
  right: -25px
}

@media only screen and (max-width: 768px) {
  ul.join-step>li .content .step-area .step-slide .slick-next {
    right: -10px
  }
}

ul.join-step>li .content .step-area .step-slide .slick-dots {
  text-align: center;
  margin: 20px 0 0 0
}

ul.join-step>li .content .step-area .step-slide .slick-dots li {
  display: inline-block;
  margin: 0 5px
}

ul.join-step>li .content .step-area .step-slide .slick-dots li button {
  color: rgba(0, 0, 0, 0);
  outline: none;
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #ccc;
  padding: 0
}

ul.join-step>li .content .step-area .step-slide .slick-dots li.slick-active button {
  background: #7052a0
}

ul.join-step>li .content .step-area .step-slide .slick-slide {
  margin: 0 21px
}

ul.join-step>li .content .step-area .step-slide .step-item:not(:last-of-type) .img-box {
  position: relative
}

ul.join-step>li .content .step-area .step-slide .step-item:not(:last-of-type) .img-box::after {
  content: "";
  width: 21.01px;
  height: 18.15px;
  background: url(..//img/icon_arrow_right.png) no-repeat center/contain;
  position: absolute;
  top: 50%;
  right: -20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width: 768px) {
  ul.join-step>li .content .step-area .step-slide .step-item:not(:last-of-type) .img-box::after {
    display: none
  }
}

ul.join-step>li .content .step-area .step-slide .step-item .img-box {
  width: 186px;
  height: 321px;
  margin-bottom: 35px
}

@media only screen and (max-width: 768px) {
  ul.join-step>li .content .step-area .step-slide .step-item .img-box {
    width: 100%;
    height: auto;
    margin-bottom: 20px
  }
}

ul.join-step>li .content .step-area .step-slide .step-item>p.ttl {
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0
}

.donation-message-area .donation-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 768px) {
  .donation-message-area .donation-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 40px
  }
}

.donation-message-area .donation-box>.l-box {
  width: 356px;
  position: relative
}

@media only screen and (max-width: 768px) {
  .donation-message-area .donation-box>.l-box {
    width: 100%
  }
}

.donation-message-area .donation-box>.l-box::after {
  content: "+";
  color: #7052a0;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 30px;
  width: 30px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  top: 50%;
  right: -54.5px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media only screen and (max-width: 768px) {
  .donation-message-area .donation-box>.l-box::after {
    top: unset;
    right: unset;
    bottom: -35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.donation-message-area .donation-box>.r-box {
  width: 690px
}

@media only screen and (max-width: 768px) {
  .donation-message-area .donation-box>.r-box {
    width: 100%
  }
}

.donation-item {
  background: #fff;
  border-radius: 10px;
  padding: 24px 20px 33px;
  height: 100%
}

@media only screen and (max-width: 768px) {
  .donation-item {
    padding: 20px 20px 15px
  }
}

.donation-item p.donation-tag {
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: .05em;
  background: #fee55d;
  border-radius: 17px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 24px;
  padding: .5px 34px
}

@media only screen and (max-width: 768px) {
  .donation-item p.donation-tag {
    font-size: 14px;
    margin-bottom: 23px;
    padding: .5px 15px;
    min-width: 210px
  }
}

.donation-item>.txt-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px
}

@media only screen and (max-width: 768px) {
  .donation-item>.txt-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.donation-item>.txt-box p.txt-item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px
}

@media only screen and (max-width: 768px) {
  .donation-item>.txt-box p.txt-item {
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px
  }
}

.donation-item>.txt-box p.txt-item:not(:last-of-type) {
  padding-right: 30px;
  border-right: 1px solid #d6d6d6
}

@media only screen and (max-width: 768px) {
  .donation-item>.txt-box p.txt-item:not(:last-of-type) {
    padding-right: 0;
    border-right: none;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
    margin-bottom: 20px
  }
}

.donation-item>.txt-box p.txt-item span.ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.77;
  letter-spacing: .05em
}

@media only screen and (max-width: 768px) {
  .donation-item>.txt-box p.txt-item span.ttl {
    font-size: 16px;
    line-height: 2
  }
}

.donation-item>.txt-box p.txt-item span.num {
  font-family: "Jost", sans-serif;
  font-size: 44px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  color: #7052a0
}

@media only screen and (max-width: 768px) {
  .donation-item>.txt-box p.txt-item span.num {
    font-size: 38px;
    line-height: .789
  }
}

.donation-item>.txt-box p.txt-item span.num>small {
  font-family: "Zen Kaku Gothic New", sans-serif, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: .05em;
  color: #333;
  margin-left: 4px
}

@media only screen and (max-width: 768px) {
  .donation-item>.txt-box p.txt-item span.num>small {
    font-size: 16px;
    line-height: 2
  }
}

.donation-item.-flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px
}

@media only screen and (max-width: 768px) {
  .donation-item.-flex {
    display: block
  }
}

.donation-item.-flex p.donation-tag {
  margin: unset
}

@media only screen and (max-width: 768px) {
  .donation-item.-flex p.donation-tag {
    margin: 0 auto 10px
  }
}

section.top-operation-sec {
  padding: 62px 0 163px
}

@media only screen and (max-width: 768px) {
  section.top-operation-sec {
    padding: 40px 20px 115px
  }
}

section.top-operation-sec .operation-content {
  background: #f7f7f7;
  border-radius: 30px;
  padding: 60px 90px
}

@media only screen and (max-width: 768px) {
  section.top-operation-sec .operation-content {
    padding: 40px 20px;
    border-radius: 20px
  }
}

section.top-operation-sec .operation-content .ttl-box a.logo {
  height: 45px;
  display: block;
  margin: 0 auto 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

section.top-operation-sec .operation-content .ttl-box a.logo>img {
  height: 100%
}

@media only screen and (max-width: 768px) {
  section.top-operation-sec .operation-content .ttl-box a.logo {
    height: 33px
  }
}

section.top-operation-sec .operation-content .ttl-box>p.ttl {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #7052a0;
  text-align: center
}

@media only screen and (max-width: 768px) {
  section.top-operation-sec .operation-content .ttl-box>p.ttl {
    font-size: 20px
  }
}

section.top-operation-sec .operation-content p.txt {
  letter-spacing: .05em
}

section.top-operation-sec .operation-content .operation-imgbox {
  position: relative
}

section.top-operation-sec .operation-content .operation-imgbox .note {
  z-index: 1;
  background: #7052a0;
  color: #fff;
  text-align: center;
  width: 124px;
  height: 124px;
  border-radius: 50%;
  border: 8px solid #886cb4;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 20px;
  left: 20px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 768px) {
  section.top-operation-sec .operation-content .operation-imgbox .note {
    width: 98px;
    height: 98px;
    top: 10px;
    left: 10px
  }
}

section.top-operation-sec .operation-content .operation-imgbox .note>p.ttl {
  font-family: "Jost", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .03em
}

section.top-operation-sec .operation-content .operation-imgbox .note>p.ttl>span {
  font-family: "Zen Kaku Gothic New", sans-serif, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .03em
}

section.top-operation-sec .operation-content .operation-imgbox .note>p.txt {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.416;
  letter-spacing: 0
}

@media only screen and (max-width: 768px) {
  section.top-operation-sec .operation-content .operation-imgbox .note>p.txt {
    font-size: 10px
  }
}

section.top-support-sec {
  padding: 60px 0 185px;
  background: #f8f5e7
}

@media only screen and (max-width: 768px) {
  section.top-support-sec {
    padding: 40px 0 110px
  }
}

section.top-support-sec .comment-wrap {
  background: #fff;
  border-radius: 30px;
  padding: 75px 60px 65px
}

@media only screen and (max-width: 768px) {
  section.top-support-sec .comment-wrap {
    padding: 30px 20px;
    border-radius: 20px
  }
}

ul.comment-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
  row-gap: 60px
}

@media only screen and (max-width: 768px) {
  ul.comment-list {
    -webkit-column-gap: 18px;
    -moz-column-gap: 18px;
    column-gap: 18px;
    row-gap: 30px
  }
}

ul.comment-list>li {
  width: 180px
}

@media only screen and (max-width: 768px) {
  ul.comment-list>li {
    width: calc((100% - 18px)/2)
  }
}

ul.comment-list>li .ttl-box {
  text-align: center;
  margin-bottom: 10px
}

ul.comment-list>li .ttl-box p.name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: .05em
}

@media only screen and (max-width: 768px) {
  ul.comment-list>li .ttl-box p.name {
    font-size: 14px;
    line-height: 1.5
  }
}

ul.comment-list>li .ttl-box p.team {
  font-size: 12px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: .05em;
  color: #7052a0
}

@media only screen and (max-width: 768px) {
  ul.comment-list>li .ttl-box p.team {
    font-size: 10px
  }
}

ul.comment-list>li .img-box {
  width: 100%;
  height: 130px;
  border-radius: 10px;
  overflow: hidden
}

ul.comment-list>li .img-box>img {
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  ul.comment-list>li .img-box {
    height: 100px
  }
}

ul.comment-list>li .comment-tag {
  font-size: 12px;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0em;
  color: #fff;
  background: #7052a0;
  border-radius: 20px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: -15px auto 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  padding: 3px 11px;
  cursor: pointer
}

ul.comment-list>li .comment-tag>i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #9d82b7;
  color: #fff;
  position: relative
}

ul.comment-list>li .comment-tag>i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media only screen and (max-width: 768px) {
  ul.comment-list>li .comment-tag>i {
    width: 16px;
    height: 16px;
    font-size: 10px
  }
}

@media only screen and (max-width: 768px) {
  ul.comment-list>li .comment-tag {
    font-size: 10px;
    padding: 2px 5px;
    margin: -7px auto 0
  }
}

.support-wrap {
  background: #fff;
  border-radius: 30px;
  padding: 50px 60px 55px
}

@media only screen and (max-width: 768px) {
  .support-wrap {
    border-radius: 20px;
    padding: 25px 20px 30px
  }
}

.support-wrap .support-item:not(:last-of-type) {
  margin-bottom: 18px
}

@media only screen and (max-width: 768px) {
  .support-wrap .support-item:not(:last-of-type) {
    margin-bottom: 35px
  }
}

.support-wrap .support-item>p.ttl {
  font-size: 20px;
  font-weight: bold;
  line-height: 2.1;
  letter-spacing: .04em;
  margin-bottom: 15px
}

@media only screen and (max-width: 768px) {
  .support-wrap .support-item>p.ttl {
    font-size: 18px;
    margin-bottom: 5px
  }
}

.support-wrap .support-item>p.ttl::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #333;
  margin-right: 10px
}

.support-wrap .support-item>p.ttl.-gold::before {
  background: #ccbb5e
}

.support-wrap .support-item>p.ttl.-silver::before {
  background: #d6d6d6
}

.support-wrap .support-item>p.ttl.-bronze::before {
  background: #916511
}

ul.bnr-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

ul.bnr-list>li {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #efefef;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: .3s;
  transition: .3s
}

ul.bnr-list>li:hover {
  -webkit-box-shadow: 0 3px 6px #efefef;
  box-shadow: 0 3px 6px #efefef;
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px)
}

ul.bnr-list>li>a {
  display: block;
  width: 100%;
  height: 100%
}

ul.bnr-list.-gold {
  row-gap: 14px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 768px) {
  ul.bnr-list.-gold {
    row-gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

ul.bnr-list.-gold>li {
  width: calc(50% - 7px);
  height: 120px
}

@media only screen and (max-width: 768px) {
  ul.bnr-list.-gold>li {
    width: 100%
  }
}

ul.bnr-list.-gold>li:not(:nth-child(2n)) {
  margin-right: 14px
}

@media only screen and (max-width: 768px) {
  ul.bnr-list.-gold>li:not(:nth-child(2n)) {
    margin-right: 0
  }
}

ul.bnr-list.-silver {
  row-gap: 13px
}

@media only screen and (max-width: 768px) {
  ul.bnr-list.-silver {
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 10px
  }
}

ul.bnr-list.-silver>li {
  width: 240px;
  height: 100px
}

@media only screen and (max-width: 768px) {
  ul.bnr-list.-silver>li {
    width: calc((100% - 15px)/2);
    height: 60px
  }
}

ul.bnr-list.-silver>li:not(:nth-child(4n)) {
  margin-right: 13px
}

@media only screen and (max-width: 768px) {
  ul.bnr-list.-silver>li:not(:nth-child(4n)) {
    margin-right: unset
  }
}

ul.bnr-list.-bronze {
  row-gap: 15px
}

@media only screen and (max-width: 768px) {
  ul.bnr-list.-bronze {
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 10px
  }
}

ul.bnr-list.-bronze>li {
  width: 188px;
  height: 80px
}

@media only screen and (max-width: 768px) {
  ul.bnr-list.-bronze>li {
    height: 100%;
    width: 100%
  }
}

ul.bnr-list.-bronze>li:not(:nth-child(5n)) {
  margin-right: 15px
}

@media only screen and (max-width: 768px) {
  ul.bnr-list.-bronze>li:not(:nth-child(5n)) {
    margin-right: unset
  }
}

section.top-faq-sec {
  padding: 60px 0 0
}

@media only screen and (max-width: 768px) {
  section.top-faq-sec {
    padding: 40px 0 0
  }
}

.news-heading>.data-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 25px
}

@media only screen and (max-width: 768px) {
  .news-heading>.data-box {
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    padding-bottom: 17px;
    margin-bottom: 15px
  }
}

.news-heading .thumb-box>img {
  border-radius: 20px;
  width: 100%
}

.access-box {
  background: #f8f5e7;
  border-radius: 30px;
  overflow: hidden;
  padding: 30px
}

@media only screen and (max-width: 768px) {
  .access-box {
    padding: 20px
  }
}

.access-box .inner {
  max-width: 600px;
  margin: auto
}

.access-box .gmap-wrap {
  height: 0;
  width: 100%;
  position: relative;
  padding-bottom: 60.835%;
  text-align: center
}

.access-box .gmap-wrap>iframe {
  height: 100%;
  width: 100%;
  max-width: 600px;
  position: absolute;
  top: 0;
  left: 0
}

.sns-btn-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px
}

@media only screen and (max-width: 768px) {
  .sns-btn-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px
  }
}

.sns-btn-list>li {
  width: calc((100% - 40px)/3);
  border-radius: 20px;
  background: #7052a0;
  border: 1px solid #7052a0;
  position: relative;
  padding: 38.5px 20px;
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  .sns-btn-list>li {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding: 15px 65px 15px 20px
  }
}

.sns-btn-list>li .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 auto 10px;
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  .sns-btn-list>li .icon {
    width: 24px;
    height: 24px;
    margin: unset
  }
}

.sns-btn-list>li .icon.-facebook {
  background: url(../img/icon_facebook_white.png) no-repeat center/contain
}

.sns-btn-list>li .icon.-x {
  background: url(../img/icon_x_white.png) no-repeat center/contain
}

.sns-btn-list>li .icon.-instagram {
  background: url(../img/icon_instagram_white.png) no-repeat center/contain
}

.sns-btn-list>li .ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  .sns-btn-list>li .ttl {
    font-size: 16px
  }
}

.sns-btn-list>li i {
  width: 40px;
  height: 40px;
  background: #9d82b7;
  border-radius: 50%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  -webkit-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  .sns-btn-list>li i {
    bottom: unset;
    top: 50%;
    left: unset;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.sns-btn-list>li:hover {
  background: #fff
}

.sns-btn-list>li:hover .icon.-facebook {
  background: url(../img/icon_facebook_primary.png) no-repeat center/contain
}

.sns-btn-list>li:hover .icon.-x {
  background: url(../img/icon_x_primary.png) no-repeat center/contain
}

.sns-btn-list>li:hover .icon.-instagram {
  background: url(../img/icon_instagram_primary.png) no-repeat center/contain
}

.sns-btn-list>li:hover .ttl {
  color: #7052a0
}

.sns-btn-list>li:hover i {
  background: #7052a0
}

.ranking-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px
}

.ranking-list>li {
  width: 340px;
  background: #fff;
  padding: 20px;
  border-radius: 20px;
  position: relative
}

.ranking-list .rank {
  border-radius: 20px;
  width: 90px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  background-color: #eaeaea;
  font: bold 30px "Lato", sans-serif;
  line-height: 1.5
}

.ranking-list .rank .unit {
  font: bold 18px "Zen Kaku Gothic New", sans-serif, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic
}

.ranking-list .rank.-gold {
  color: #fff;
  background: #c7b563
}

.ranking-list .rank.-silver {
  color: #fff;
  background: #aaa
}

.ranking-list .rank.-bronze {
  color: #fff;
  background: #c99472
}

.ranking-list .img-box {
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 15px;
  width: 100%;
  height: 187px
}

.ranking-list .name {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5
}

.ranking-list .data-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-top: 1px solid #eaeaea;
  padding-top: 15px;
  margin-top: 20px
}

.ranking-list .data-box .item {
  border-left: 1px solid #eaeaea;
  width: 50%;
  text-align: center;
  padding: 0 20px
}

.ranking-list .data-box .item:last-child {
  border-right: 1px solid #eaeaea
}

.ranking-list .data-box .ttl {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
  color: #7052a0
}

.ranking-list .data-box .num {
  font: bold 22px "Lato", sans-serif;
  line-height: 1.5;
  letter-spacing: 0
}

.ranking-list .data-box .num .unit {
  font: bold 12px "Zen Kaku Gothic New", sans-serif, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic;
  padding-left: 5px
}

@media only screen and (max-width: 768px) {
  .ranking-list {
    gap: 30px
  }

  .ranking-list>li {
    width: 100%
  }

  .ranking-list .rank {
    font-size: 24px;
    width: 70px
  }

  .ranking-list .rank .unit {
    font-size: 14px
  }

  .ranking-list .img-box {
    height: 100%
  }

  .ranking-list .name {
    font-size: 18px
  }

  .ranking-list .data-box .ttl {
    font-size: 14px
  }

  .ranking-list .data-box .num {
    font-size: 20px
  }
}

.walker-box {
  overflow: hidden;
  -webkit-transition: height .5s ease;
  transition: height .5s ease
}

.walker-box.hidden {
  height: 0
}

.walker-box .item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 15px;
  overflow: hidden;
  background: #fff
}

.walker-box .item:not(:last-child) {
  margin-bottom: 10px
}

.walker-box .item .rank {
  text-align: center;
  width: 100px;
  min-width: 100px;
  background: #eaeaea;
  font: bold 36px "Lato", sans-serif;
  line-height: 1.5
}

.walker-box .item .rank.-gold {
  color: #fff;
  background: #c7b563
}

.walker-box .item .rank.-silver {
  color: #fff;
  background: #aaa
}

.walker-box .item .rank.-bronze {
  color: #fff;
  background: #c99472
}

.walker-box .item .rank .unit {
  font: bold 16px "Zen Kaku Gothic New", sans-serif, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic
}

.walker-box .item .data-box {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 40px 13px
}

.walker-box .item .count {
  width: 212px;
  font: bold 26px "Lato", sans-serif;
  line-height: 1;
  color: #7052a0;
  border-right: 1px solid #7052a0
}

.walker-box .item .count .unit {
  font: bold 14px "Zen Kaku Gothic New", sans-serif, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic;
  padding-left: 3px;
  color: #333
}

.walker-box .item .name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 20px;
  width: 210px;
  border-right: 1px solid #7052a0
}

.walker-box .item .group {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 20px
}

@media only screen and (max-width: 768px) {
  .walker-box .item {
    display: block
  }

  .walker-box .item .rank {
    width: 100%;
    min-width: 0;
    font-size: 24px
  }

  .walker-box .item .rank .unit {
    font-size: 14px
  }

  .walker-box .item .data-box {
    display: block;
    padding: 20px;
    text-align: center
  }

  .walker-box .item .count {
    width: 100%;
    font-size: 22px;
    border: none;
    margin-bottom: 10px
  }

  .walker-box .item .count .unit {
    font-size: 13px
  }

  .walker-box .item .name {
    width: 100%;
    font-size: 16px;
    border: none;
    padding: 0;
    margin-bottom: 10px
  }

  .walker-box .item .group {
    width: 100%;
    font-size: 16px;
    padding: 0
  }
}

.top-logo-slider .slick-list {
  padding-top: 20px !important
}

.top-logo-slider .slick-slide,
.top-logo-slider .item {
  width: 310px;
  min-width: 310px;
  margin-right: 20px
}

.top-logo-slider .slick-slide img,
.top-logo-slider .item img {
  margin: 0 auto
}

@media only screen and (max-width: 768px) {

  .top-logo-slider .slick-slide,
  .top-logo-slider .item {
    width: 250px;
    min-width: 250px
  }
}

.top-logo-slider .item {
  border-radius: 10px;
  border: 1px solid #efefef;
  position: relative
}

.top-logo-slider .item::before {
  content: "";
  background: url(../img/icon_gold.png) no-repeat center/cover;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -10px;
  left: -10px
}

@media only screen and (max-width: 768px) {
  .top-logo-slider .item::before {
    width: 30px;
    height: 30px
  }
}

.top-logo-slider .item.-silver::before {
  background: url(../img/icon_silver.png) no-repeat center/cover
}
.top-logo-slider .item.-nau::before {
  background: url(../img/icon_nau.png) no-repeat center/cover
}
.top-logo-slider .item.-orange::before {
  background: url(../img/icon_orange.png) no-repeat center/cover
}
.top-logo-slider .item.-yellow::before {
  background: url(../img/icon_yellow.png) no-repeat center/cover
}

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