@charset "UTF-8";
*,
::before,
::after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
* {
font-size: inherit;
line-height: inherit;
letter-spacing: 0; }
::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; }
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: transparent; }
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%; }
img.pdf_icon {
vertical-align: middle; }
svg:not(:root) {
overflow: hidden; }
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 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: transparent;
border: none; }
button {
overflow: visible;
background-color: transparent;
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: 0.2s;
transition: 0.2s; }
input[type="text"]:focus,
textarea:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
textarea {
overflow: auto;
resize: vertical; }
label {
display: inline-block; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0;
text-align: left;
vertical-align: top; }
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,
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; }
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: normal;
font-weight: normal; }
figure {
margin: 0; }
.button01 {
background: -webkit-gradient(linear, left top, left bottom, from(#056333), to(#4ca536));
background: linear-gradient(#056333, #4ca536);
display: inline-block;
position: relative;
color: #fff;
border: 1px solid #4ca536;
border-radius: 3.5px;
width: 450px;
padding: 30px 20px 30px 85px;
line-height: 1;
position: relative;
-webkit-transition: .3s ease;
transition: .3s ease;
letter-spacing: 0;
font-size: 29.5px;
font-weight: bold; }
.button01:hover {
text-decoration: none;
color: #4ca536;
background: rgba(255, 255, 255, 0.9); }
.button01:hover:before {
background: url("/wp/wp-content/themes/PeaceCraftsTheme/img/lp2022/arita/img/foot_green.png") no-repeat center/contain; }
.button01:before {
content: "";
background: url("/wp/wp-content/themes/PeaceCraftsTheme/img/lp2022/arita/img/foot_white.png") no-repeat center/contain;
width: 45px;
height: 40px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 20px; }
.button01.-key {
width: 260px;
padding: 25px 20px 25px 50px;
font-size: 17px; }
.button01.-key:before {
width: 27px;
height: 24px;
left: 12px; }
@media only screen and (max-width: 768px) {
.button01 {
padding: 20px 25px 20px 65px;
width: 350px;
font-size: 20px; }
.button01:before {
width: 30px;
height: 28px;
left: 20px; }
.button01.-key {
padding: 15px 10px 15px 35px;
width: auto;
max-width: 90%; }
.button01.-key:before {
width: 23px;
height: 20px;
left: 5px; } }
@media only screen and (max-width: 480px) {
.button01 {
width: auto; }
.button01.-key {
padding: 5px 10px 5px 30px;
width: auto;
font-size: 12px; }
.button01.-key:before {
width: 23px;
height: 20px;
left: 5px; } }
.button02 {
color: #c76300;
display: block;
text-align: center;
border: 1px solid #c76300;
background: #fff;
box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .3);
border-radius: 20px;
padding: 10px 0;
-webkit-transition: .3s ease;
transition: .3s ease;
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
}
.button02:after {
content: "";
background: url(/wp/wp-content/themes/PeaceCraftsTheme/img/lp2022/arita/img/clone_primary.png?2022) no-repeat center/contain;
-webkit-animation: .3s fadeIn ease-in-out;
animation: .3s fadeIn ease-in-out;
width: 12.5px;
height: 12px;
margin-left: 8px; }
.button02:hover {
background: #c76300;
color: #fff;
text-decoration: none; }
.button02:hover:after {
background: url(/wp/wp-content/themes/PeaceCraftsTheme/img/lp2022/arita/img/clone_white.png) no-repeat center/contain; }
@media only screen and (max-width: 768px) {
.button02 {
padding: 5px 0;
font-size: 14px; }
.button02:after {
width: 10px;
height: 10px;
margin-left: 4px; } }
.button03 {
background: -webkit-gradient(linear, left top, left bottom, from(#9a0003), to(#ad0003));
background: linear-gradient(#9a0003, #ad0003);
display: inline-block;
position: relative;
color: #fff;
border: 1px solid #ad0003;
border-radius: 3.5px;
width: 450px;
padding: 30px 20px 30px 85px;
line-height: 1;
position: relative;
-webkit-transition: .3s ease;
transition: .3s ease;
letter-spacing: 0;
font-size: 29.5px;
font-weight: bold; }
.button03:hover {
text-decoration: none;
color: #ad0003;
background: rgba(255, 255, 255, 0.9); }
.button03:hover:before {
background: url("/wp/wp-content/themes/PeaceCraftsTheme/img/lp2022/arita/img/foot_green.png") no-repeat center/contain; }
.button03:before {
content: "";
background: url("/wp/wp-content/themes/PeaceCraftsTheme/img/lp2022/arita/img/foot_white.png") no-repeat center/contain;
width: 45px;
height: 40px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 20px; }
.button03.-key {
width: 260px;
padding: 25px 20px 25px 50px;
font-size: 17px; }
.button03.-key:before {
width: 27px;
height: 24px;
left: 12px; }
@media only screen and (max-width: 768px) {
.button03 {
padding: 20px 25px 20px 65px;
width: 350px;
font-size: 20px; }
.button03:before {
width: 30px;
height: 28px;
left: 20px; }
.button03.-key {
padding: 15px 10px 15px 35px;
width: auto;
max-width: 90%; }
.button03.-key:before {
width: 23px;
height: 20px;
left: 5px; } }
@media only screen and (max-width: 480px) {
.button03 {
width: auto; }
.button03.-key {
padding: 5px 10px 5px 30px;
width: auto;
font-size: 12px; }
.button03.-key:before {
width: 23px;
height: 20px;
left: 5px; } }
.table01 th {
background: #f9f8ee;
line-height: 1.5;
padding: 0 20px; }
.table01 th,
.table01 td {
font-size: 14px;
vertical-align: middle;
text-align: center;
/*height: 69px;*/
padding: 10px 5px;
border: 1px solid #ddd; }
.table02 {
width: 100%; }
.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; }
.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; }
.link {
text-decoration: underline; }
.link:hover {
text-decoration: none; }
.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 {
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fade:hover {
opacity: 0.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; }
.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; }
.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 {
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 {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px;
width: 1020px; }
.container:before, .container:after {
content: " ";
display: table; }
.container:after {
clear: both; }
@media only screen and (max-width: 768px) {
.container {
padding-left: 15px;
padding-right: 15px; } }
@media only screen and (max-width: 480px) {
.container {
padding-left: 15px;
padding-right: 15px; } }
@media only screen and (max-width: 768px) {
.container {
width: auto; } }
@media only screen and (max-width: 480px) {
.container {
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: 15px;
padding-right: 15px; } }
@media only screen and (max-width: 480px) {
.container-fluid {
padding-left: 15px;
padding-right: 15px; } }
.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; } }
body {
color: #333;
font-size: 14px;
font-family: "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; }
p,
a,
dt,
dd,
li,
th,
td {
line-height: 1.7; }
a {
text-decoration: none;
color: #0071bc; }
a:hover {
text-decoration: underline; }
a:hover {
color: #0071bc; }
@media only screen and (max-width: 768px) {
body {
font-size: 12px; } }
#centerColumn {
width: 690px;
padding-top: 0; }
#leftColumn {
width: 690px;
padding-top: 0; }
#rightColumn {
width: 690px;
padding-top: 0; }
.error {
color: #FF0000; }
h3 {
letter-spacing: .06em;
font-size: 2vw;
font-weight: bold; }
h3 > span {
color: #0068A5;
display: block;
font-size: 1.8vw;
font-family: "Montserrat", sans-serif; }
@media only screen and (max-width: 768px) {
h3 {
font-size: 18px; }
h3 > span {
font-size: 3.52vw; } }
h4 {
color: #fff;
letter-spacing: .06em;
line-height: 1.95;
font-size: 32px;
font-weight: bold;
text-align: center; }
h4.smaller {
font-size: 24px; }
@media only screen and (max-width: 768px) {
h4 {
font-size: 22px;
margin-bottom: 10px; }
h4.smaller {
font-size: 18px; } }
h5 {
letter-spacing: .06em;
border-bottom: 1px dotted #333;
padding-bottom: 10px;
margin-bottom: 25px;
font-size: 32px;
font-weight: bold; }
h5:before {
content: "";
background: url(/wp/wp-content/themes/PeaceCraftsTheme/img/lp2022/arita/img/foot_primary.png) no-repeat center/contain;
width: 48px;
height: 43px;
margin-right: 10px;
-webkit-transform: translateY(3px);
transform: translateY(3px); }
@media only screen and (max-width: 768px) {
h5 {
font-size: 24px; }
h5:before {
content: "";
width: 26px;
height: 24px;
-webkit-transform: translateY(0);
transform: translateY(0); } }
h6 {
letter-spacing: .06em;
position: relative;
padding-left: 30px;
margin-bottom: 12px;
font-size: 23.5px;
font-weight: bold; }
h6:before {
content: "";
width: 20px;
height: 20px;
background: #0068A5;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
h6:after {
content: "";
width: 10px;
height: 10px;
background: #fff;
border-radius: 50%;
position: absolute;
left: 5px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
@media only screen and (max-width: 768px) {
h6 {
font-size: 20px; }
h6:before {
width: 18px;
height: 18px; }
h6:after {
width: 8px;
height: 8px; } }
.overflow-table {
overflow-x: auto;
position: relative; }
.overflow-table .swipe-img {
display: none; }
@media only screen and (max-width: 768px) {
.overflow-table .swipe-img {
display: block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); } }
.hover-all {
position: relative; }
.hover-all > a {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9; }
a[href^="tel:"] {
text-decoration: none;
color: #333; }
@media only screen and (min-width: 769px) {
a[href^="tel:"] {
pointer-events: none; } }
.pdf-icon {
vertical-align: middle;
height: 16px;
padding: 0 5px; }
.tb-only {
display: none; }
@media only screen and (max-width: 768px) {
.tb-only {
display: block; } }
@media only screen and (max-width: 480px) {
.tb-only {
display: none; } }
body {
width: 100%; }
body.open {
position: fixed;
height: 100%;
overflow: hidden; }
@media only screen and (max-width: 768px) {
body {
padding-top: 0; } }
.slide-menu {
position: fixed;
padding-top: 60px;
top: 0;
left: 100%;
width: 100%;
height: 100%;
overflow: scroll;
z-index: 9998;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
-webkit-transition: left 0.3s;
transition: left 0.3s; }
@media only screen and (min-width: 769px) {
.slide-menu {
display: none; } }
body.open .slide-menu {
left: 0; }
@media only screen and (min-width: 769px) {
.l-container {
min-width: 1020px;
overflow: hidden; } }
header {
top: 0;
left: 0;
width: 100%;
z-index: 9999;
background: #FFFFFF;
position: relative; }
@media only screen and (max-width: 768px) {
header {
top: 0;
left: 0;
width: 100%;
z-index: 9999;
position: relative; } }
.color-bar {
width: 100%; }
.color-bar:before, .color-bar:after {
content: " ";
display: table; }
.color-bar:after {
clear: both; }
.color-bar > span {
width: 20%;
display: block;
height: 3px;
float: left; }
.color-bar > span.sky {
background: #329eb8; }
.color-bar > span.purple {
background: #a64170; }
.color-bar > span.green {
background: #4ca536; }
.color-bar > span.yellow {
background: #e2b72b; }
.color-bar > span.blue {
background: #1f5bab; }
.h-wrapper {
width: 1090px;
margin: 0 auto;
padding: 12px 0 20px;
-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: 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-wrapper > .logo {
width: 400px;
-webkit-transition: .3s ease;
transition: .3s ease; }
.h-wrapper > .logo:hover {
opacity: .8; }
.h-wrapper > .h-right {
-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: 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-wrapper > .h-right h1 {
float: left;
color: #000000;
margin-right: 40px;
font-size: 14px;
font-weight: bold; }
.h-wrapper > .h-right .sns-list:before, .h-wrapper > .h-right .sns-list:after {
content: " ";
display: table; }
.h-wrapper > .h-right .sns-list:after {
clear: both; }
.h-wrapper > .h-right .sns-list > li {
float: left;
width: 39px;
height: 39px;
-webkit-transition: .3s ease;
transition: .3s ease; }
.h-wrapper > .h-right .sns-list > li:not(:last-child) {
margin-right: 5px; }
.h-wrapper > .h-right .sns-list > li:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
@media only screen and (max-width: 768px) {
.h-wrapper {
width: 100%;
padding: 15px 15px 10px; }
.h-wrapper > .logo {
width: 200px; }
.h-wrapper .h-right h1 {
font-size: 10px;
position: absolute;
left: 0px;
top: 8px;
-webkit-transform: scale(0.8);
transform: scale(0.8); }
.h-wrapper .h-right .sns-list > li {
width: 30px;
height: 30px; } }
.key-visual {
margin-bottom: 100px; }
.key-visual:before, .key-visual:after {
content: " ";
display: table; }
.key-visual:after {
clear: both; }
.key-visual > * {
height: 650px;
overflow: hidden; }
.key-visual .key-img {
float: left;
width: 65%; }
.key-visual .key-img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
font-family: "object-fit:cover";
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-animation: zoomIn 5s ease-in-out infinite;
animation: zoomIn 5s ease-in-out infinite; }
.key-visual .key-txt {
float: right;
width: 35%;
background: #0068A5;
position: relative; }
.key-visual .key-txt .foot-prints {
position: absolute;
top: 20px;
left: 20px; }
.key-visual .key-txt .key-ttl {
position: absolute;
top: 30px;
left: 175px;
width: 140px; }
.key-visual .key-txt h2 {
position: absolute;
top: 75px;
left: 50px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
color: #fff;
font-size: 26px;
font-weight: bold; }
.key-visual .key-txt .button01 {
position: absolute;
left: 50px;
bottom: 35px; }
.key-visual .key-txt .button03 {
position: absolute;
left: 50px;
bottom: 35px; }
@media only screen and (max-width: 768px) {
.key-visual {
margin-bottom: 50px; }
.key-visual > * {
height: 500px; }
.key-visual .key-txt h2 {
font-size: 18px;
left: 20%;
-webkit-transform: translateX(-80%);
transform: translateX(-80%); }
.key-visual .key-txt .key-ttl {
width: 70px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.key-visual .key-txt .button01 {
left: 10px; }
.key-visual .key-txt .button03 {
left: 10px; } }
@media only screen and (max-width: 700px) {
.key-visual > * {
height: 350px; }
.key-visual .key-img {
width: 60%; }
.key-visual .key-txt {
width: 40%; }
.key-visual .key-txt h2 {
font-size: 14px;
left: 30%;
top: 30px; }
.key-visual .key-txt .key-ttl {
width: 60px;
left: 65%;
top: 15px; }
.key-visual .key-txt .button01 {
left: 10px; }
.key-visual .key-txt .button03 {
left: 10px; } }
@-webkit-keyframes zoomIn {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5); } }
@keyframes zoomIn {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
100% {
-webkit-transform: scale(1.5);
transform: scale(1.5); } }
@-webkit-keyframes fadeIn {
0% {
opacity: .5; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: .5; }
100% {
opacity: 1; } }
.reason-head {
border-top: 4px solid #0068A5;
padding-top: 20px;
margin-bottom: 25px; }
.reason-head:before, .reason-head:after {
content: " ";
display: table; }
.reason-head:after {
clear: both; }
.reason-head .wanko-img {
float: left; }
.reason-head .wanko-img img {
width: 60px; }
.reason-head h3 {
/*width: calc(100% - 75px);*/
width:100%;
text-align: center;
/*float: right;*/ }
@media only screen and (max-width: 768px) {
.reason-head {
border-width: 2px;
padding-top: 10px; }
.reason-head .wanko-img img {
width: 30px; }
.reason-head h3 {
width: calc(100%); } }
.reason-body {
width: 100%;
overflow: hidden;
margin-bottom: 28px; }
.reason-body .reason-wrap {
background: lightblue;
padding: 30px 25px;
width: calc(100% + 20px); }
.reason-body .reason-wrap:before, .reason-body .reason-wrap:after {
content: " ";
display: table; }
.reason-body .reason-wrap:after {
clear: both; }
.reason-body .reason-wrap .reason-box {
float: left;
width: calc(33.33% - 20px);
margin-right: 20px;
background: #fff;
position: relative;
padding: 25px 25px 20px; }
.reason-body .reason-wrap .reason-box .bone {
position: absolute;
top: -24px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 70px; }
.reason-body .reason-wrap .reason-box .reason {
color: #0068A5;
text-align: center;
text-transform: uppercase;
line-height: 1;
margin-bottom: 4px;
font-size: 20px;
font-weight: bold;
font-family: "Montserrat", sans-serif; }
.reason-body .reason-wrap .reason-box .reason > span {
font-size: 39px; }
.reason-body .reason-wrap .reason-box .ttl {
text-align: center;
line-height: 1.65;
margin-bottom: 8px;
font-size: 18px;
font-weight: bold; }
@media only screen and (max-width: 768px) {
.reason-body .reason-wrap {
padding: 20px 15px; }
.reason-body .reason-wrap .reason-box .bone {
width: 50px;
top: -18px; }
.reason-body .reason-wrap .reason-box .reason {
font-size: 18px; }
.reason-body .reason-wrap .reason-box .reason > span {
font-size: 30px; }
.reason-body .reason-wrap .reason-box .ttl {
font-size: 16px; } }
@media only screen and (max-width: 480px) {
.reason-body .reason-wrap {
width: 100%; }
.reason-body .reason-wrap .reason-box {
width: 100%; }
.reason-body .reason-wrap .reason-box:not(:last-child) {
margin-bottom: 40px; } }
.bg-section01 {
height: 590px;
position: relative;
padding: 100px 0; }
.bg-section01 h4,
.bg-section01 .lead-txt,
.bg-section01 .bg-txt {
position: relative;
z-index: 999; }
.bg-section01 .lead-txt {
line-height: 2.4;
text-align: center;
margin-bottom: 20px;
color: #fff;
font-size: 16px;
font-weight: bold; }
.bg-section01 .lead-txt > span {
color: #e2b72b;
font-size: 21px; }
.bg-section01:before {
content: "";
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0; }
@media only screen and (max-width: 768px) {
.bg-section01 {
height: auto;
padding: 50px 0 60px;
background-attachment: scroll !important; }
.bg-section01 .lead-txt {
font-size: 14px;
line-height: 1.8; }
.bg-section01 .lead-txt > span {
font-size: 18px; } }
@media only screen and (max-width: 480px) {
.bg-section01 .lead-txt {
text-align: left; }
.bg-section01 .lead-txt > span {
font-size: 16px; } }
.bg-section02 {
background: #0068A5;
padding-bottom: 95px;
margin-bottom: 100px; }
@media only screen and (max-width: 768px) {
.bg-section02 {
padding-bottom: 45px;
margin-bottom: 50px; } }
.bg-txt {
font-size: 16px;
line-height: 2;
color: #fff; }
@media only screen and (max-width: 768px) {
.bg-txt {
font-size: 14px; } }
.primary-wrap:before, .primary-wrap:after {
content: " ";
display: table; }
.primary-wrap:after {
clear: both; }
.primary-wrap .primary-box {
background: #0068A5;
height: 40px;
width: calc(50% - 55px);
position: relative;
top: -40px; }
.primary-wrap .primary-box:before {
content: "";
border-style: solid;
position: absolute;
top: 0; }
.primary-wrap .primary-box:first-child {
float: left; }
.primary-wrap .primary-box:first-child:before {
right: -55px;
border-width: 40px 0 0 55px;
border-color: transparent transparent transparent #0068A5; }
.primary-wrap .primary-box:last-child {
float: right; }
.primary-wrap .primary-box:last-child:before {
left: -55px;
border-width: 0 0 40px 55px;
border-color: transparent transparent #0068A5 transparent; }
@media only screen and (max-width: 768px) {
.primary-wrap .primary-box {
height: 25px;
top: -25px;
width: calc(50% - 30px); }
.primary-wrap .primary-box:first-child:before {
right: -30px;
border-width: 25px 0 0 30px; }
.primary-wrap .primary-box:last-child:before {
left: -30px;
border-width: 0 0 25px 30px; } }
.wanko-wrap {
width: calc(100% + 35px);
padding-top: 50px; }
.wanko-wrap:before, .wanko-wrap:after {
content: " ";
display: table; }
.wanko-wrap:after {
clear: both; }
.wanko-wrap .wanko-box {
float: left;
background: #fff;
border: 3px solid #ddd;
border-radius: 3px;
width: calc(33.33% - 35px);
height: 160px;
margin: 0 35px 20px 0;
position: relative;
-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: baseline;
-ms-flex-align: baseline;
align-items: baseline;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.wanko-wrap .wanko-box .wanko-img {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 58px; }
.wanko-wrap .wanko-box .step {
margin-top: 5px;
color: #e2b72b;
letter-spacing: .05em;
line-height: 1;
display: block;
text-align: center;
width: 100%;
font-size: 36px;
font-weight: bold;
font-family: "Montserrat", sans-serif; }
.wanko-wrap .wanko-box .step > span {
font-size: 60px; }
.wanko-wrap .wanko-box .procedure {
font-size: 21px;
font-weight: bold; }
.wanko-wrap .wanko-box:first-child .wanko-img {
top: -64px; }
.wanko-wrap .wanko-box:nth-child(2) .wanko-img {
top: -51px; }
.wanko-wrap .wanko-box:last-child .wanko-img {
top: -52px; }
.wanko-wrap .wanko-box:not(:last-child):after {
content: "";
border-style: solid;
border-width: 13px 0 13px 20px;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -31px; }
@media only screen and (max-width: 768px) {
.wanko-wrap .wanko-box .step {
font-size: 25px;
margin-top: 25px; }
.wanko-wrap .wanko-box .step span {
font-size: 40px; }
.wanko-wrap .wanko-box .procedure {
font-size: 18px; } }
@media only screen and (max-width: 750px) {
.wanko-wrap {
width: 100%; }
.wanko-wrap .wanko-box {
width: 100%;
height: 140px; }
.wanko-wrap .wanko-box .step {
margin-top: 8px; }
.wanko-wrap .wanko-box:not(:last-child) {
margin-bottom: 90px; }
.wanko-wrap .wanko-box:not(:last-child):after {
right: 50%;
-webkit-transform: translateX(50%) rotate(90deg);
transform: translateX(50%) rotate(90deg);
bottom: -40px;
top: auto; } }
.example-case {
background: #f9f8ee;
border-radius: 6px;
overflow: hidden;
margin-bottom: 100px; }
.example-case:before, .example-case:after {
content: " ";
display: table; }
.example-case:after {
clear: both; }
.example-case .left-txt {
background: #0068A5;
float: left;
padding: 33px 39px;
color: #fff;
font-size: 24px;
font-weight: bold; }
.example-case .right-txt {
float: left;
padding: 8px 20px;
width: calc(100% - 150px);
font-size: 18px;
font-weight: bold; }
@media only screen and (max-width: 768px) {
.example-case {
margin-bottom: 50px; }
.example-case .left-txt {
font-size: 20px;
padding: 33px 39px;
height: 100%; }
.example-case .right-txt {
font-size: 16px; } }
@media only screen and (max-width: 480px) {
.example-case .left-txt {
padding: 7px 20px;
font-size: 18px; }
.example-case .left-txt,
.example-case .right-txt {
width: 100%; } }
.faq-list {
width: calc(100% + 60px); }
.faq-list:before, .faq-list:after {
content: " ";
display: table; }
.faq-list:after {
clear: both; }
.faq-list > li {
float: left;
width: calc(50% - 60px);
margin: 0 60px 50px 0; }
.faq-list .wanko-and-prints {
position: relative;
height: 250px; }
.faq-list .wanko-and-prints .wanko-img {
position: absolute;
bottom: 0;
left: 120px; }
.faq-list .wanko-and-prints .wanko-img img {
width: 200px; }
.faq-list .wanko-and-prints .foot-prints {
position: absolute;
top: 0;
right: -120px; }
.faq-list .wanko-and-prints .foot-prints img {
width: 335px; }
.faq-list dt {
display: block;
margin-bottom: 15px;
min-height: 40px; }
.faq-list dt > span {
padding-left: 60px;
position: relative;
letter-spacing: .06em;
display: block;
font-size: 17px;
font-weight: bold; }
.faq-list dt > span:before {
content: "Q";
color: #fff;
background: #0068A5;
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
line-height: 1.7;
font-size: 31px;
font-weight: bold;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.faq-list dd > * {
padding-left: 60px;
line-height: 1.9; }
.faq-list dd .answer {
position: relative; }
.faq-list dd .answer:before {
content: "A";
border: 3px solid #0068A5;
color: #0068A5;
border-radius: 50%;
width: 35px;
height: 35px;
text-align: center;
line-height: 1.3;
font-size: 22px;
font-weight: bold;
position: absolute;
left: 15px; }
.faq-list dd > a {
display: inline-block; }
@media only screen and (max-width: 768px) {
.faq-list {
width: calc(100% + 15px); }
.faq-list > li {
width: calc(50% - 15px);
margin: 0 15px 30px 0; }
.faq-list .wanko-and-prints {
height: 200px; }
.faq-list .wanko-and-prints .wanko-img {
width: 150px;
left: 60px; }
.faq-list .wanko-and-prints .foot-prints {
z-index: -1; }
.faq-list dt {
min-height: 30px; }
.faq-list dt > span:before {
top: 20px;
left: 10px;
width: 40px;
height: 40px;
font-size: 18px;
line-height: 2.2; }
.faq-list dd .answer:before {
width: 30px;
height: 30px;
font-size: 18px; } }
@media only screen and (max-width: 480px) {
.faq-list {
width: 100%; }
.faq-list > li {
width: 100%; }
.faq-list dt span {
padding-left: 50px; }
.faq-list dt span:before {
left: 0; }
.faq-list dd .answer {
padding-left: 50px; }
.faq-list dd .answer:before {
left: 5px; } }
.circle-list > li {
text-indent: -14px;
padding-left: 14px;
line-height: 1.9; }
@media only screen and (max-width: 480px) {
.circle-list > li {
text-indent: -13px;
padding-left: 4px; } }
.parentheses-list {
margin-left: -10px; }
.parentheses-list > li {
text-indent: -38px;
padding-left: 38px;
line-height: 1.9; }
@media only screen and (max-width: 768px) {
.parentheses-list > li {
text-indent: -31px;
padding-left: 31px; } }
@media only screen and (max-width: 480px) {
.parentheses-list > li {
text-indent: -35px;
padding-left: 22px; } }
.intro-box {
display: block;
background: #c9a063;
border-radius: 6px;
color: #fff;
text-align: center;
padding: 2px;
margin-bottom: 20px;
font-size: 22px;
font-weight: bold; }
@media only screen and (max-width: 768px) {
.intro-box {
font-size: 18px; } }
.tab-list {
border: 4px solid #ddd;
border-radius: 4px;
margin-bottom: 30px; }
.tab-list:before, .tab-list:after {
content: " ";
display: table; }
.tab-list:after {
clear: both; }
.tab-list > li {
float: left;
width: calc(100% / 6);
text-align: center; }
@media all and (-ms-high-contrast: none) {
.tab-list > li {
width: 14.28%; } }
.tab-list > li:not(:last-child) {
border-right: 1px solid #ddd; }
.tab-list > li:last-child {
margin-right: -1px; }
.tab-list > li > a {
display: block;
height: 100%;
text-decoration: none !important;
color: #333;
padding: 10px;
-webkit-transition: .3s ease;
transition: .3s ease;
font-size: 18px;
font-weight: bold; }
.tab-list > li > a.current, .tab-list > li > a:hover {
background: #0068A5;
color: #fff; }
@media only screen and (max-width: 768px) {
.tab-list {
border-width: 2px; }
.tab-list > li {
width: 100% !important; }
.tab-list > li:not(:last-child) {
border-right: none;
border-bottom: 1px solid #ddd; } }
.selected-item {
border: 1px solid #0068A5;
border-radius: 4px;
text-align: center;
margin-bottom: 20px;
position: relative;
padding: 10px;
font-size: 16px;
font-weight: bold;
cursor: pointer; }
.selected-item:after {
content: "";
display: inline-block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 6px 0 6px;
border-color: #0068A5 transparent transparent transparent; }
.gift-wrap {
width: calc(100% + 50px);
margin-bottom: 10px; }
.gift-wrap:before, .gift-wrap:after {
content: " ";
display: table; }
.gift-wrap:after {
clear: both; }
.gift-wrap .gift-box {
border-bottom: 1px dotted #333;
float: left;
width: calc(33.33% - 50px);
margin: 0 50px 40px 0; }
.gift-wrap .gift-box .img-wrap {
border: 1px solid #ddd;
margin-bottom: 15px; }
.gift-wrap .gift-box .txt-wrap {
/*border-bottom: 1px dotted #333;*/
margin-bottom: 15px; }
.gift-wrap .gift-box .txt-wrap .name {
letter-spacing: .06em;
margin-bottom: 5px;
font-size: 18px;
font-weight: bold; }
.gift-wrap .gift-box .txt-wrap .tag-list:before, .gift-wrap .gift-box .txt-wrap .tag-list:after {
content: " ";
display: table; }
.gift-wrap .gift-box .txt-wrap .tag-list:after {
clear: both; }
.gift-wrap .gift-box .txt-wrap .tag-list > li {
float: left; }
.gift-wrap .gift-box .txt-wrap .price,
.gift-wrap .gift-box .txt-wrap .tag-list,
.gift-wrap .gift-box .txt-wrap .subscription,
.gift-wrap .gift-box .txt-wrap .shipping {
margin-bottom: 8px;
font-size: 16px;
line-height: 1.5; }
.gift-wrap .gift-box .description-wrap {
margin-bottom: 10px; }
@media only screen and (max-width: 768px) {
.gift-wrap {
width: calc(100% + 15px); }
.gift-wrap .gift-box {
width: calc(50% - 15px);
margin: 0 15px 20px 0; }
.gift-wrap .gift-box .txt-wrap .name {
font-size: 16px; }
.gift-wrap .gift-box .txt-wrap .price,
.gift-wrap .gift-box .txt-wrap .tag-list,
.gift-wrap .gift-box .txt-wrap .subscription,
.gift-wrap .gift-box .txt-wrap .shipping {
margin-bottom: 6px;
font-size: 13px; } }
@media only screen and (max-width: 480px) {
.gift-wrap {
width: 100%; }
.gift-wrap .gift-box {
width: 100%;
margin: 0 0 30px 0; } }
.tag {
font-size: 16px;
display: inline-block;
border: 1px solid #ddd;
border-radius: 4px;
padding: 0 4px;
line-height: 1.45;
color: #ddd; }
.tag.-normal {
color: #0068A5;
border-color: #0068A5; }
.tag.-cool {
color: #1f5bab;
border-color: #1f5bab; }
@media only screen and (max-width: 768px) {
.tag {
padding: 0 2px;
font-size: 14px;
letter-spacing: 0.15em; } }
.all-gifts {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .7);
display: block;
text-align: center;
color: #fff;
font-size: 21px;
font-weight: bold;
width: 710px;
background: #c76300;
margin: 0 auto 20px auto;
border-radius: 35px;
border: 1px solid #c76300;
-webkit-transition: .3s ease;
transition: .3s ease;
padding: 15px; }
.top_btn01{ padding: 10px; font-size: 18px; width: 400px; max-width: 100%;}
.all-gifts:hover {
color: #c76300;
background-color: #fff;
text-decoration: none; }
@media only screen and (max-width: 768px) {
.all-gifts {
font-size: 18px;
width: 90%; } }
@media only screen and (max-width: 480px) {
.all-gifts {
width: 100%; } }
@media only screen and (max-width: 768px) {
.tb-80 {
width: 80%;
margin: 0 auto; } }
@media only screen and (max-width: 480px) {
.tb-80 {
width: 100%; } }
.l-main {
margin-bottom: 90px;
overflow: hidden; }
@media only screen and (max-width: 768px) {
.l-main {
margin-bottom: 150px; } }
footer {
background: #f9f8ee; }
footer .f-wrapper {
position: relative;
width: 1100px;
padding: 40px 10px 25px;
margin: 0 auto;
-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: 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; }
footer .f-wrapper .copy {
position: absolute;
font-size: 13px;
bottom: 25px;
left: 10px;
color: #666; }
@media only screen and (max-width: 768px) {
footer .f-wrapper .copy {
position: static;
text-align: center;
font-size: 10px;
text-align: center;
width: 100%; } }
footer .f-wrapper .page-top {
position: absolute;
right: 0;
top: -78px;
width: 150px;
cursor: pointer; }
footer .f-wrapper .page-top > span img {
position: absolute;
top: -50px; }
footer .f-wrapper .page-top:hover > span img {
-webkit-animation: 1s ease-in-out balloonUp infinite;
animation: 1s ease-in-out balloonUp infinite; }
@media only screen and (max-width: 768px) {
footer .f-wrapper .page-top {
width: 85px;
right: 15px;
top: -45px; }
footer .f-wrapper .page-top > span img {
top: -30px; } }
@media only screen and (max-width: 768px) {
footer .f-wrapper {
width: 100%;
padding: 20px 15px 15px; } }
footer .f-left {
position: relative;
width: 340px; }
footer .f-left .logo {
width: 340px; }
@media only screen and (max-width: 768px) {
footer .f-left .logo {
width: 240px; } }
footer .f-left .txt {
font-size: 14px;
line-height: 1.5;
color: #666; }
@media only screen and (max-width: 768px) {
footer .f-left .txt {
font-size: 10px; } }
@media only screen and (max-width: 768px) {
footer .f-left {
width: 100%;
margin-bottom: 15px; } }
footer .f-right {
width: 695px; }
footer .f-right .f-bnrs {
-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: 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;
margin-bottom: 20px; }
footer .f-right .f-bnrs > div {
width: 330px; }
@media only screen and (max-width: 768px) {
footer .f-right .f-bnrs > div {
width: calc(50% - 5px);
text-align: center; } }
@media only screen and (max-width: 768px) {
footer .f-right .f-bnrs {
margin-bottom: 13px; } }
footer .f-right .ttl {
font-size: 14px;
font-weight: bold;
line-height: 2; }
@media only screen and (max-width: 768px) {
footer .f-right .ttl {
font-size: 11px;
line-height: 1.4;
margin-bottom: 10px; } }
footer .f-right .txt {
font-size: 12px;
line-height: 1.6; }
@media only screen and (max-width: 768px) {
footer .f-right .txt {
line-height: 1.4;
font-size: 10px; } }
@media only screen and (max-width: 768px) {
footer .f-right {
width: 100%;
margin-bottom: 10px; } }
@-webkit-keyframes balloonUp {
0% {
top: -50px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
30% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
50% {
top: -70px; }
70% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
100% {
top: -50px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
@keyframes balloonUp {
0% {
top: -50px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
30% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
50% {
top: -70px; }
70% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
100% {
top: -50px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg); } }
/*# sourceMappingURL=import.css.map */
/*add 20220714*/
.kv_title{ display: block; padding: 15px; background: #0068A5; color: #fff; font-weight: bold; text-align: center; font-size: 2vw; letter-spacing: 0.2vw;}
.kv_item{ width: 100%;}
.kv01{ background: url(/wp/wp-content/themes/PeaceCraftsTheme/img/lp2022/arita/img/key-01.jpg?2022)center center #eee; background-size: cover; width: 100%; height: 300px; display: block;}
.kv02{ background: url(/wp/wp-content/themes/PeaceCraftsTheme/img/lp2022/arita/img/key-02.jpg?2022)center center #eee; background-size: cover; width: 100%; height: 300px; display: block;}
.kv03{ background: url(/wp/wp-content/themes/PeaceCraftsTheme/img/lp2022/arita/img/key-03.jpg?2022)center center #eee; background-size: cover; width: 100%; height: 300px; display: block;}
.kv04{ background: url(/wp/wp-content/themes/PeaceCraftsTheme/img/lp2022/arita/img/key-04.jpg?2022)center center #eee; background-size: cover; width: 100%; height: 300px; display: block;}
.kv05{ background: url(/wp/wp-content/themes/PeaceCraftsTheme/img/lp2022/arita/img/key-05.jpg?2022)center center #eee; background-size: cover; width: 100%; height: 300px; display: block;}
.kv06{ background: url(/wp/wp-content/themes/PeaceCraftsTheme/img/lp2022/arita/img/key-06.jpg?2022)center center #eee; background-size: cover; width: 100%; height: 300px; display: block;}
.text-center{ text-align: center;}
.reason-body01{ background: #eee; padding: 30px 20px; border-radius: 5px;}
.price{ color:#c00;}
.fs18{ font-size: 18px;}
/*タブ実装*/
.tab_box .btn_area {margin:0 ;display: -webkit-box;display: flex;}
.tab_box .tab_btn {width: 16.66%;padding: 8px 0;color: #333;background: #f5f7f8;text-align: center;cursor: pointer;transition: all 0.2s ease 0s;}
/*.tab_box .tab_btn + .tab_btn {margin-left: 1%;}*/
.tab_box .tab_btn:hover {background-color: #dce1e4;}
.tab_box .tab_btn.active { background:#07539f; color:#fff;}
.tab_box .panel_area { border: solid 1px #e3ebf3; padding: 20px;}
.tab_box .tab_panel { display:none;}
.tab_box .tab_panel.active { display:block;}
.sentaku_bg{ background: #ECC76E; padding: 20px; border-radius: 5px;}
.pc_tb{ display: block;}
.sp{ display: none;}
.img-wrap a:hover{ opacity: 0.7;}
@media only screen and (max-width: 768px) {
.reason-body01{ padding: 5px;}
.kv_title{ font-size: 5vw;}
.kv01{ height: 100px;}
.kv02{ height: 100px;}
.kv03{ height: 100px;}
.kv04{ height: 100px;}
.kv05{ height: 100px;}
.kv06{ height: 100px;}
.pc_tb{ display: none;}
.sp{ display: block !important;}
}