@charset "UTF-8";
  html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
* {
box-sizing: border-box;
}
body {
line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
} ins {
background-color: #ff9;
color: #000;
text-decoration: none;
} mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}                #page_top {
animation: cloak-in 0.75s;
}
body {
-webkit-font-smoothing: antialiased;
}
body img {
display: block;
max-width: 100%;
height: auto;
}
ul,
li,
dd,
dt,
dh {
list-style: none;
}
svg {
display: block;
}
.tj {
text-indent: -9999px;
text-align: left;
overflow: hidden;
display: block;
font-size: 0.1em;
}
.wapper {
width: 1200px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1199px) {
.wapper {
width: 98%;
}
}
@media screen and (max-width: 767px) {
.wapper {
width: 100%;
}
}
.pc_only {
display: block;
}
@media screen and (max-width: 767px) {
.pc_only {
display: none;
}
}
.sp_only {
display: none;
}
@media screen and (max-width: 767px) {
.sp_only {
display: block;
}
}
.pc_order_0 {
order: 0;
}
@media screen and (max-width: 767px) {
.pc_order_0 {
order: unset;
}
}
.fw_0 {
font-weight: 0;
}
.pc_order_1 {
order: 1;
}
@media screen and (max-width: 767px) {
.pc_order_1 {
order: unset;
}
}
.fw_100 {
font-weight: 100;
}
.pc_order_2 {
order: 2;
}
@media screen and (max-width: 767px) {
.pc_order_2 {
order: unset;
}
}
.fw_200 {
font-weight: 200;
}
.pc_order_3 {
order: 3;
}
@media screen and (max-width: 767px) {
.pc_order_3 {
order: unset;
}
}
.fw_300 {
font-weight: 300;
}
.pc_order_4 {
order: 4;
}
@media screen and (max-width: 767px) {
.pc_order_4 {
order: unset;
}
}
.fw_400 {
font-weight: 400;
}
.pc_order_5 {
order: 5;
}
@media screen and (max-width: 767px) {
.pc_order_5 {
order: unset;
}
}
.fw_500 {
font-weight: 500;
}
.pc_order_6 {
order: 6;
}
@media screen and (max-width: 767px) {
.pc_order_6 {
order: unset;
}
}
.fw_600 {
font-weight: 600;
}
.pc_order_7 {
order: 7;
}
@media screen and (max-width: 767px) {
.pc_order_7 {
order: unset;
}
}
.fw_700 {
font-weight: 700;
}
.pc_order_8 {
order: 8;
}
@media screen and (max-width: 767px) {
.pc_order_8 {
order: unset;
}
}
.fw_800 {
font-weight: 800;
}
.ovhidden {
overflow: hidden;
}
a {
transition-duration: 0.5s;
}
a:hover {
opacity: 0.6;
}
.wap {
max-width: 1920px;
margin: auto;
}
@media screen and (max-width: 767px) {
img {
width: 100%;
}
}
.d_flex {
display: flex;
}
.d_block {
display: block;
}
.d_none {
display: none;
}
.d_contents {
display: contents;
}
.d_inline {
display: inline;
}
.d_grid {
display: grid;
}
.d_inlineBlock {
display: inline-block;
}
.d_inlineFlex {
display: inline-flex;
}
.d_inlineTable {
display: inline-table;
} .j_between {
justify-content: space-between;
}
.j_start {
justify-content: flex-start;
}
.j_end {
justify-content: flex-end;
}
.j_center {
justify-content: center;
}
.j_around {
justify-content: space-around;
}
.j_baseline {
justify-content: space-baseline;
}
.j_firstBaseline {
justify-content: first baseline;
}
.j_firstBaseline {
justify-content: last baseline;
}
.j_left {
justify-content: left;
}
.j_right {
justify-content: right;
}
.j_safe {
justify-content: safe;
} .ali_baseline {
align-items: baseline;
}
.ali_center {
align-items: center;
}
.ali_end {
align-items: flex-end;
}
.ali_start {
align-items: flex-start;
}
.ali_stretch {
align-items: stretch;
}
.ali_unset {
align-items: unset;
} .alc_center {
align-content: center;
}
.alc_end {
align-content: flex-end;
}
.alc_around {
align-content: space-around;
}
.alc_between {
align-content: space-between;
}
.alc_stretch {
align-content: stretch;
}
.alc_unset {
align-content: unset;
} .row {
flex-flow: row wrap;
}   body {
font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #323232;
font-weight: 500;
}
body img {
max-width: 100%;
height: auto;
display: block;
}
body input,
body textarea,
body button {
font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: 500;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p {
line-height: 1;
font-weight: 500;
}
#mintyou,
.mintyou,
.mincho {
font-family: "Shippori Mincho B1", serif;
}
.t_center {
text-align: center;
}
.text_justify {
text-align: justify;
text-justify: inter-ideograph;
}
#mintyou,
.mintyou {
font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS 明朝 E, Meiryo, serif;
}
.entitle {
font-family: "Josefin Sans", sans-serif;
}
.montserrat {
font-family: "Montserrat", sans-serif;
}
.cormorant {
font-family: "Cormorant", serif;
}
.sawamin {
font-family: "Sawarabi Mincho", sans-serif;
}
.Bebas {
font-family: "Bebas Neue", cursive;
}
.ShipporiMincho {
font-family: "Shippori Mincho B1", serif;
}
.Garamond {
font-family: "Cormorant Garamond", serif;
}
.cp {
font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Verdana;
}
.bellefair {
font-family: "Bellefair", serif;
}
.staatliches {
font-family: "Staatliches", cursive;
}
.tj {
text-indent: -9999px;
text-align: left;
overflow: hidden;
display: block;
font-size: 0.1em;
} .animsition,
.animsition-overlay {
position: relative;
opacity: 0;
animation-fill-mode: both;
} .animsition-overlay-slide {
position: fixed;
z-index: 1;
width: 100%;
height: 100%;
background-color: #ddd;
} .animsition-loading,
.animsition-loading:after {
width: 32px;
height: 32px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
border-radius: 50%;
z-index: 100;
}
.animsition-loading {
background-color: transparent;
border-top: 5px solid rgba(0, 0, 0, 0.2);
border-right: 5px solid rgba(0, 0, 0, 0.2);
border-bottom: 5px solid rgba(0, 0, 0, 0.2);
border-left: 5px solid #eee;
transform: translateZ(0);
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration: 0.8s;
animation-name: animsition-loading;
}
@keyframes animsition-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fade-in {
animation-name: fade-in;
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fade-out {
animation-name: fade-out;
}
@keyframes fade-in-up {
0% {
transform: translateY(500px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-in-up {
animation-name: fade-in-up;
}
@keyframes fade-out-up {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(-500px);
opacity: 0;
}
}
.fade-out-up {
animation-name: fade-out-up;
}
@keyframes fade-in-up-sm {
0% {
transform: translateY(100px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-in-up-sm {
animation-name: fade-in-up-sm;
}
@keyframes fade-out-up-sm {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(-100px);
opacity: 0;
}
}
.fade-out-up-sm {
animation-name: fade-out-up-sm;
}
@keyframes fade-in-up-lg {
0% {
transform: translateY(1000px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-in-up-lg {
animation-name: fade-in-up-lg;
}
@keyframes fade-out-up-lg {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(-1000px);
opacity: 0;
}
}
.fade-out-up-lg {
animation-name: fade-out-up-lg;
}
@keyframes fade-in-down {
0% {
transform: translateY(-500px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-in-down {
animation-name: fade-in-down;
}
@keyframes fade-out-down {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(500px);
opacity: 0;
}
}
.fade-out-down {
animation-name: fade-out-down;
}
@keyframes fade-in-down-sm {
0% {
transform: translateY(-100px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-in-down-sm {
animation-name: fade-in-down-sm;
}
@keyframes fade-out-down-sm {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(100px);
opacity: 0;
}
}
.fade-out-down-sm {
animation-name: fade-out-down-sm;
}
@keyframes fade-in-down-lg {
0% {
transform: translateY(-1000px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.fade-in-down-lg {
animation-name: fade-in-down;
}
@keyframes fade-out-down-lg {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(1000px);
opacity: 0;
}
}
.fade-out-down-lg {
animation-name: fade-out-down-lg;
}
@keyframes fade-in-left {
0% {
transform: translateX(-500px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.fade-in-left {
animation-name: fade-in-left;
}
@keyframes fade-out-left {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(-500px);
opacity: 0;
}
}
.fade-out-left {
animation-name: fade-out-left;
}
@keyframes fade-in-left-sm {
0% {
transform: translateX(-100px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.fade-in-left-sm {
animation-name: fade-in-left-sm;
}
@keyframes fade-out-left-sm {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(-100px);
opacity: 0;
}
}
.fade-out-left-sm {
animation-name: fade-out-left-sm;
}
@keyframes fade-in-left-lg {
0% {
transform: translateX(-1500px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.fade-in-left-lg {
animation-name: fade-in-left-lg;
}
@keyframes fade-out-left-lg {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(-1500px);
opacity: 0;
}
}
.fade-out-left-lg {
animation-name: fade-out-left-lg;
}
@keyframes fade-in-right {
0% {
transform: translateX(500px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.fade-in-right {
animation-name: fade-in-right;
}
@keyframes fade-out-right {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(500px);
opacity: 0;
}
}
.fade-out-right {
animation-name: fade-out-right;
}
@keyframes fade-in-right-sm {
0% {
transform: translateX(100px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.fade-in-right-sm {
animation-name: fade-in-right-sm;
}
@keyframes fade-out-right-sm {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(100px);
opacity: 0;
}
}
.fade-out-right-sm {
animation-name: fade-out-right-sm;
}
@keyframes fade-in-right-lg {
0% {
transform: translateX(1500px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.fade-in-right-lg {
animation-name: fade-in-right-lg;
}
@keyframes fade-out-right-lg {
0% {
transform: translateX(0);
opacity: 1;
}
100% {
transform: translateX(1500px);
opacity: 0;
}
}
.fade-out-right-lg {
animation-name: fade-out-right-lg;
}
@keyframes rotate-in {
0% {
transform: rotate(-90deg);
transform-origin: center center;
opacity: 0;
}
100% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
}
.rotate-in {
animation-name: rotate-in;
}
@keyframes rotate-out {
0% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
100% {
transform: rotate(90deg);
transform-origin: center center;
opacity: 0;
}
}
.rotate-out {
animation-name: rotate-out;
}
@keyframes rotate-in-sm {
0% {
transform: rotate(-45deg);
transform-origin: center center;
opacity: 0;
}
100% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
}
.rotate-in-sm {
animation-name: rotate-in-sm;
}
@keyframes rotate-out-sm {
0% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
100% {
transform: rotate(45deg);
transform-origin: center center;
opacity: 0;
}
}
.rotate-out-sm {
animation-name: rotate-out-sm;
}
@keyframes rotate-in-lg {
0% {
transform: rotate(-180deg);
transform-origin: center center;
opacity: 0;
}
100% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
}
.rotate-in-lg {
animation-name: rotate-in-lg;
}
@keyframes rotate-out-lg {
0% {
transform: rotate(0);
transform-origin: center center;
opacity: 1;
}
100% {
transform: rotate(180deg);
transform-origin: center center;
opacity: 0;
}
}
.rotate-out-lg {
animation-name: rotate-out-lg;
}
@keyframes flip-in-x {
0% {
transform: perspective(550px) rotateX(90deg);
opacity: 0;
}
100% {
transform: perspective(550px) rotateX(0deg);
opacity: 1;
}
}
.flip-in-x {
animation-name: flip-in-x;
backface-visibility: visible !important;
}
@keyframes flip-out-x {
0% {
transform: perspective(550px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(550px) rotateX(90deg);
opacity: 0;
}
}
.flip-out-x {
animation-name: flip-out-x;
backface-visibility: visible !important;
}
@keyframes flip-in-x-nr {
0% {
transform: perspective(100px) rotateX(90deg);
opacity: 0;
}
100% {
transform: perspective(100px) rotateX(0deg);
opacity: 1;
}
}
.flip-in-x-nr {
animation-name: flip-in-x-nr;
backface-visibility: visible !important;
}
@keyframes flip-out-x-nr {
0% {
transform: perspective(100px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(100px) rotateX(90deg);
opacity: 0;
}
}
.flip-out-x-nr {
animation-name: flip-out-x-nr;
backface-visibility: visible !important;
}
@keyframes flip-in-x-fr {
0% {
transform: perspective(1000px) rotateX(90deg);
opacity: 0;
}
100% {
transform: perspective(1000px) rotateX(0deg);
opacity: 1;
}
}
.flip-in-x-fr {
animation-name: flip-in-x-fr;
backface-visibility: visible !important;
}
@keyframes flip-out-x-fr {
0% {
transform: perspective(1000px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(1000px) rotateX(90deg);
opacity: 0;
}
}
.flip-out-x-fr {
animation-name: flip-out-x-fr;
backface-visibility: visible !important;
}
@keyframes flip-in-y {
0% {
transform: perspective(550px) rotateY(90deg);
opacity: 0;
}
100% {
transform: perspective(550px) rotateY(0deg);
opacity: 1;
}
}
.flip-in-y {
animation-name: flip-in-y;
backface-visibility: visible !important;
}
@keyframes flip-out-y {
0% {
transform: perspective(550px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(550px) rotateY(90deg);
opacity: 0;
}
}
.flip-out-y {
animation-name: flip-out-y;
backface-visibility: visible !important;
}
@keyframes flip-in-y-nr {
0% {
transform: perspective(100px) rotateY(90deg);
opacity: 0;
}
100% {
transform: perspective(100px) rotateY(0deg);
opacity: 1;
}
}
.flip-in-y-nr {
animation-name: flip-in-y-nr;
backface-visibility: visible !important;
}
@keyframes flip-out-y-nr {
0% {
transform: perspective(100px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(100px) rotateY(90deg);
opacity: 0;
}
}
.flip-out-y-nr {
animation-name: flip-out-y-nr;
backface-visibility: visible !important;
}
@keyframes flip-in-y-fr {
0% {
transform: perspective(1000px) rotateY(90deg);
opacity: 0;
}
100% {
transform: perspective(1000px) rotateY(0deg);
opacity: 1;
}
}
.flip-in-y-fr {
animation-name: flip-in-y-fr;
backface-visibility: visible !important;
}
@keyframes flip-out-y-fr {
0% {
transform: perspective(1000px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(1000px) rotateY(90deg);
opacity: 0;
}
}
.flip-out-y-fr {
animation-name: flip-out-y-fr;
backface-visibility: visible !important;
}
@keyframes zoom-in {
0% {
transform: scale(0.7);
opacity: 0;
}
100% {
opacity: 1;
}
}
.zoom-in {
animation-name: zoom-in;
}
@keyframes zoom-out {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(0.7);
opacity: 0;
}
100% {
opacity: 0;
}
}
.zoom-out {
animation-name: zoom-out;
}
@keyframes zoom-in-sm {
0% {
transform: scale(0.95);
opacity: 0;
}
100% {
opacity: 1;
}
}
.zoom-in-sm {
animation-name: zoom-in-sm;
}
@keyframes zoom-out-sm {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(0.95);
opacity: 0;
}
100% {
opacity: 0;
}
}
.zoom-out-sm {
animation-name: zoom-out-sm;
}
@keyframes zoom-in-lg {
0% {
transform: scale(0.4);
opacity: 0;
}
100% {
opacity: 1;
}
}
.zoom-in-lg {
animation-name: zoom-in-lg;
}
@keyframes zoom-out-lg {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(0.4);
opacity: 0;
}
100% {
opacity: 0;
}
}
.zoom-out-lg {
animation-name: zoom-out-lg;
}
@keyframes overlay-slide-in-top {
0% {
height: 100%;
}
100% {
height: 0;
}
}
.overlay-slide-in-top {
top: 0;
height: 0;
animation-name: overlay-slide-in-top;
}
@keyframes overlay-slide-out-top {
0% {
height: 0;
}
100% {
height: 100%;
}
}
.overlay-slide-out-top {
top: 0;
height: 100%;
animation-name: overlay-slide-out-top;
}
@keyframes overlay-slide-in-bottom {
0% {
height: 100%;
}
100% {
height: 0;
}
}
.overlay-slide-in-bottom {
bottom: 0;
height: 0;
animation-name: overlay-slide-in-bottom;
}
@keyframes overlay-slide-out-bottom {
0% {
height: 0;
}
100% {
height: 100%;
}
}
.overlay-slide-out-bottom {
bottom: 0;
height: 100%;
animation-name: overlay-slide-out-bottom;
}
@keyframes overlay-slide-in-left {
0% {
width: 100%;
}
100% {
width: 0;
}
}
.overlay-slide-in-left {
width: 0;
animation-name: overlay-slide-in-left;
}
@keyframes overlay-slide-out-left {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.overlay-slide-out-left {
left: 0;
width: 100%;
animation-name: overlay-slide-out-left;
}
@keyframes overlay-slide-in-right {
0% {
width: 100%;
}
100% {
width: 0;
}
}
.overlay-slide-in-right {
right: 0;
width: 0;
animation-name: overlay-slide-in-right;
}
@keyframes overlay-slide-out-right {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.overlay-slide-out-right {
right: 0;
width: 100%;
animation-name: overlay-slide-out-right;
}
@keyframes fadein_sc_top {
0% {
opacity: 0;
transform: translate3d(0px, 20px, 0px);
}
100% {
opacity: 1;
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes fadein_sc_top2 {
0% {
opacity: 0;
transform: translate3d(0px, 20px, 0px);
}
70% {
opacity: 1;
transform: translate3d(0px, -10px, 0px);
}
100% {
opacity: 1;
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes fadein_sc_left {
0% {
opacity: 0;
transform: translate3d(-20px, 0px, 0px);
}
100% {
opacity: 1;
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes fadein_sc_right {
0% {
opacity: 0;
transform: translate3d(20px, 0px, 0px);
}
100% {
opacity: 1;
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes fadein_in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.opacity_0_fade_set {
transform: translate3d(0px, 20px, 0px);
opacity: 0;
}
.opacity_0_fade_set.active {
animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
}
.opacity_0_fadeleft_in {
opacity: 0;
transform: translate3d(-20px, 0px, 0px);
}
.opacity_0_fadeleft_in.active {
animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
}
.opacity_0_faderight_in {
opacity: 0;
transform: translate3d(20px, 0px, 0px);
}
.opacity_0_faderight_in.active {
animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
}
.opacity_0_fade_in {
opacity: 0;
}
.opacity_0_fade_in.active {
animation: fadein_in 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_fade_set > li {
transform: translate3d(0px, 20px, 0px);
opacity: 0;
position: relative;
}
.opacity_0_list_fade_set.active > li:nth-child(1) {
animation: fadein_sc_top 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(2) {
animation: fadein_sc_top 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(3) {
animation: fadein_sc_top 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(4) {
animation: fadein_sc_top 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(5) {
animation: fadein_sc_top 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(6) {
animation: fadein_sc_top 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(7) {
animation: fadein_sc_top 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(8) {
animation: fadein_sc_top 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(9) {
animation: fadein_sc_top 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(10) {
animation: fadein_sc_top 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(11) {
animation: fadein_sc_top 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_fade_set.active > li:nth-child(12) {
animation: fadein_sc_top 0.75s ease 4.2s forwards alternate;
}
.listcnt .moveList {
opacity: 0;
}
.listcnt.active .moveList:nth-child(1) {
animation: fadein_in 0.75s ease 0.15s forwards alternate;
}
.listcnt.active .moveList:nth-child(2) {
animation: fadein_in 0.75s ease 0.3s forwards alternate;
}
.listcnt.active .moveList:nth-child(3) {
animation: fadein_in 0.75s ease 0.45s forwards alternate;
}
.listcnt.active .moveList:nth-child(4) {
animation: fadein_in 0.75s ease 0.6s forwards alternate;
}
.listcnt.active .moveList:nth-child(5) {
animation: fadein_in 0.75s ease 0.75s forwards alternate;
}
.listcnt.active .moveList:nth-child(6) {
animation: fadein_in 0.75s ease 0.9s forwards alternate;
}
.listcnt.active .moveList:nth-child(7) {
animation: fadein_in 0.75s ease 1.05s forwards alternate;
}
.listcnt.active .moveList:nth-child(8) {
animation: fadein_in 0.75s ease 1.2s forwards alternate;
}
.listcnt.active .moveList:nth-child(9) {
animation: fadein_in 0.75s ease 1.35s forwards alternate;
}
.listcnt.active .moveList:nth-child(10) {
animation: fadein_in 0.75s ease 1.5s forwards alternate;
}
.listcntmainasu .moveList {
opacity: 0;
}
.listcntmainasu.active .moveList:nth-child(1) {
animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(2) {
animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(3) {
animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(4) {
animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(5) {
animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(6) {
animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(7) {
animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(8) {
animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(9) {
animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
}
.listcntmainasu.active .moveList:nth-child(10) {
animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
}
.listcntmainasu .moveList1 {
opacity: 0;
}
.listcntmainasu.active .moveList1 {
animation: fadein_sc_top2 0.75s ease-in 0.25s forwards alternate;
}
.listcntmainasu .moveList2 {
opacity: 0;
}
.listcntmainasu.active .moveList2 {
animation: fadein_sc_top2 0.75s ease-in 0.5s forwards alternate;
}
.listcntmainasu .moveList3 {
opacity: 0;
}
.listcntmainasu.active .moveList3 {
animation: fadein_sc_top2 0.75s ease-in 0.75s forwards alternate;
}
.listcntmainasu .moveList4 {
opacity: 0;
}
.listcntmainasu.active .moveList4 {
animation: fadein_sc_top2 0.75s ease-in 1s forwards alternate;
}
.listcntmainasu .moveList5 {
opacity: 0;
}
.listcntmainasu.active .moveList5 {
animation: fadein_sc_top2 0.75s ease-in 1.25s forwards alternate;
}
.listcntmainasu .moveList6 {
opacity: 0;
}
.listcntmainasu.active .moveList6 {
animation: fadein_sc_top2 0.75s ease-in 1.5s forwards alternate;
}
.listcntmainasu .moveList7 {
opacity: 0;
}
.listcntmainasu.active .moveList7 {
animation: fadein_sc_top2 0.75s ease-in 1.75s forwards alternate;
}
.listcntmainasu .moveList8 {
opacity: 0;
}
.listcntmainasu.active .moveList8 {
animation: fadein_sc_top2 0.75s ease-in 2s forwards alternate;
}
.listcntmainasu .moveList9 {
opacity: 0;
}
.listcntmainasu.active .moveList9 {
animation: fadein_sc_top2 0.75s ease-in 2.25s forwards alternate;
}
.listcntmainasu .moveList10 {
opacity: 0;
}
.listcntmainasu.active .moveList10 {
animation: fadein_sc_top2 0.75s ease-in 2.5s forwards alternate;
}
.listcntmainasuLeft .moveList {
opacity: 0;
}
.listcntmainasuLeft.active .moveList:nth-child(1) {
animation: fadein_sc_left 0.75s ease 0.15s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(2) {
animation: fadein_sc_left 0.75s ease 0.3s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(3) {
animation: fadein_sc_left 0.75s ease 0.45s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(4) {
animation: fadein_sc_left 0.75s ease 0.6s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(5) {
animation: fadein_sc_left 0.75s ease 0.75s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(6) {
animation: fadein_sc_left 0.75s ease 0.9s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(7) {
animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(8) {
animation: fadein_sc_left 0.75s ease 1.2s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(9) {
animation: fadein_sc_left 0.75s ease 1.35s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(10) {
animation: fadein_sc_left 0.75s ease 1.5s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(11) {
animation: fadein_sc_left 0.75s ease 1.65s forwards alternate;
}
.listcntmainasuLeft.active .moveList:nth-child(12) {
animation: fadein_sc_left 0.75s ease 1.8s forwards alternate;
}
.opacity_0_list_left_fade_set > li,
.opacity_0_list_left_fade_set section,
.opacity_0_list_left_fade_set div,
.opacity_0_list_left_fade_set tr,
.opacity_0_list_left_fade_set figure {
transform: translate3d(-10px, 0px, 0px);
opacity: 0;
}
.opacity_0_list_left_fade_set.active > li:nth-child(1),
.opacity_0_list_left_fade_set.active section:nth-child(1),
.opacity_0_list_left_fade_set.active div:nth-child(1),
.opacity_0_list_left_fade_set.active p:nth-child(1),
.opacity_0_list_left_fade_set.active h2:nth-child(1),
.opacity_0_list_left_fade_set.active h3:nth-child(1),
.opacity_0_list_left_fade_set.active h4:nth-child(1),
.opacity_0_list_left_fade_set.active h5:nth-child(1),
.opacity_0_list_left_fade_set.active figure:nth-child(1) {
animation: fadein_sc_left 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(2),
.opacity_0_list_left_fade_set.active section:nth-child(2),
.opacity_0_list_left_fade_set.active div:nth-child(2),
.opacity_0_list_left_fade_set.active p:nth-child(2),
.opacity_0_list_left_fade_set.active h2:nth-child(2),
.opacity_0_list_left_fade_set.active h3:nth-child(2),
.opacity_0_list_left_fade_set.active h4:nth-child(2),
.opacity_0_list_left_fade_set.active h5:nth-child(2),
.opacity_0_list_left_fade_set.active figure:nth-child(2) {
animation: fadein_sc_left 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(3),
.opacity_0_list_left_fade_set.active section:nth-child(3),
.opacity_0_list_left_fade_set.active div:nth-child(3),
.opacity_0_list_left_fade_set.active p:nth-child(3),
.opacity_0_list_left_fade_set.active h2:nth-child(3),
.opacity_0_list_left_fade_set.active h3:nth-child(3),
.opacity_0_list_left_fade_set.active h4:nth-child(3),
.opacity_0_list_left_fade_set.active h5:nth-child(3),
.opacity_0_list_left_fade_set.active figure:nth-child(3) {
animation: fadein_sc_left 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(4),
.opacity_0_list_left_fade_set.active section:nth-child(4),
.opacity_0_list_left_fade_set.active div:nth-child(4),
.opacity_0_list_left_fade_set.active p:nth-child(4),
.opacity_0_list_left_fade_set.active h2:nth-child(4),
.opacity_0_list_left_fade_set.active h3:nth-child(4),
.opacity_0_list_left_fade_set.active h4:nth-child(4),
.opacity_0_list_left_fade_set.active h5:nth-child(4),
.opacity_0_list_left_fade_set.active figure:nth-child(4) {
animation: fadein_sc_left 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(5),
.opacity_0_list_left_fade_set.active section:nth-child(5),
.opacity_0_list_left_fade_set.active div:nth-child(5),
.opacity_0_list_left_fade_set.active p:nth-child(5),
.opacity_0_list_left_fade_set.active h2:nth-child(5),
.opacity_0_list_left_fade_set.active h3:nth-child(5),
.opacity_0_list_left_fade_set.active h4:nth-child(5),
.opacity_0_list_left_fade_set.active h5:nth-child(5),
.opacity_0_list_left_fade_set.active figure:nth-child(5) {
animation: fadein_sc_left 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(6),
.opacity_0_list_left_fade_set.active section:nth-child(6),
.opacity_0_list_left_fade_set.active div:nth-child(6),
.opacity_0_list_left_fade_set.active p:nth-child(6),
.opacity_0_list_left_fade_set.active h2:nth-child(6),
.opacity_0_list_left_fade_set.active h3:nth-child(6),
.opacity_0_list_left_fade_set.active h4:nth-child(6),
.opacity_0_list_left_fade_set.active h5:nth-child(6),
.opacity_0_list_left_fade_set.active figure:nth-child(6) {
animation: fadein_sc_left 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(7),
.opacity_0_list_left_fade_set.active section:nth-child(7),
.opacity_0_list_left_fade_set.active div:nth-child(7),
.opacity_0_list_left_fade_set.active p:nth-child(7),
.opacity_0_list_left_fade_set.active h2:nth-child(7),
.opacity_0_list_left_fade_set.active h3:nth-child(7),
.opacity_0_list_left_fade_set.active h4:nth-child(7),
.opacity_0_list_left_fade_set.active h5:nth-child(7),
.opacity_0_list_left_fade_set.active figure:nth-child(7) {
animation: fadein_sc_left 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(8),
.opacity_0_list_left_fade_set.active section:nth-child(8),
.opacity_0_list_left_fade_set.active div:nth-child(8),
.opacity_0_list_left_fade_set.active p:nth-child(8),
.opacity_0_list_left_fade_set.active h2:nth-child(8),
.opacity_0_list_left_fade_set.active h3:nth-child(8),
.opacity_0_list_left_fade_set.active h4:nth-child(8),
.opacity_0_list_left_fade_set.active h5:nth-child(8),
.opacity_0_list_left_fade_set.active figure:nth-child(8) {
animation: fadein_sc_left 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(9),
.opacity_0_list_left_fade_set.active section:nth-child(9),
.opacity_0_list_left_fade_set.active div:nth-child(9),
.opacity_0_list_left_fade_set.active p:nth-child(9),
.opacity_0_list_left_fade_set.active h2:nth-child(9),
.opacity_0_list_left_fade_set.active h3:nth-child(9),
.opacity_0_list_left_fade_set.active h4:nth-child(9),
.opacity_0_list_left_fade_set.active h5:nth-child(9),
.opacity_0_list_left_fade_set.active figure:nth-child(9) {
animation: fadein_sc_left 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(10),
.opacity_0_list_left_fade_set.active section:nth-child(10),
.opacity_0_list_left_fade_set.active div:nth-child(10),
.opacity_0_list_left_fade_set.active p:nth-child(10),
.opacity_0_list_left_fade_set.active h2:nth-child(10),
.opacity_0_list_left_fade_set.active h3:nth-child(10),
.opacity_0_list_left_fade_set.active h4:nth-child(10),
.opacity_0_list_left_fade_set.active h5:nth-child(10),
.opacity_0_list_left_fade_set.active figure:nth-child(10) {
animation: fadein_sc_left 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(11),
.opacity_0_list_left_fade_set.active section:nth-child(11),
.opacity_0_list_left_fade_set.active div:nth-child(11),
.opacity_0_list_left_fade_set.active p:nth-child(11),
.opacity_0_list_left_fade_set.active h2:nth-child(11),
.opacity_0_list_left_fade_set.active h3:nth-child(11),
.opacity_0_list_left_fade_set.active h4:nth-child(11),
.opacity_0_list_left_fade_set.active h5:nth-child(11),
.opacity_0_list_left_fade_set.active figure:nth-child(11) {
animation: fadein_sc_left 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_left_fade_set.active > li:nth-child(12),
.opacity_0_list_left_fade_set.active section:nth-child(12),
.opacity_0_list_left_fade_set.active div:nth-child(12),
.opacity_0_list_left_fade_set.active p:nth-child(12),
.opacity_0_list_left_fade_set.active h2:nth-child(12),
.opacity_0_list_left_fade_set.active h3:nth-child(12),
.opacity_0_list_left_fade_set.active h4:nth-child(12),
.opacity_0_list_left_fade_set.active h5:nth-child(12),
.opacity_0_list_left_fade_set.active figure:nth-child(12) {
animation: fadein_sc_left 0.75s ease 4.2s forwards alternate;
}
.opacity_0_list_right_fade_set > li,
.opacity_0_list_right_fade_set section,
.opacity_0_list_right_fade_set div,
.opacity_0_list_right_fade_set tr,
.opacity_0_list_right_fade_set figure {
transform: translate3d(-10px, 0px, 0px);
opacity: 0;
}
.opacity_0_list_right_fade_set.active > li:nth-child(1),
.opacity_0_list_right_fade_set.active section:nth-child(1),
.opacity_0_list_right_fade_set.active div:nth-child(1),
.opacity_0_list_right_fade_set.active p:nth-child(1),
.opacity_0_list_right_fade_set.active h2:nth-child(1),
.opacity_0_list_right_fade_set.active h3:nth-child(1),
.opacity_0_list_right_fade_set.active h4:nth-child(1),
.opacity_0_list_right_fade_set.active h5:nth-child(1),
.opacity_0_list_right_fade_set.active figure:nth-child(1) {
animation: fadein_sc_right 0.75s ease 0.35s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(2),
.opacity_0_list_right_fade_set.active section:nth-child(2),
.opacity_0_list_right_fade_set.active div:nth-child(2),
.opacity_0_list_right_fade_set.active p:nth-child(2),
.opacity_0_list_right_fade_set.active h2:nth-child(2),
.opacity_0_list_right_fade_set.active h3:nth-child(2),
.opacity_0_list_right_fade_set.active h4:nth-child(2),
.opacity_0_list_right_fade_set.active h5:nth-child(2),
.opacity_0_list_right_fade_set.active figure:nth-child(2) {
animation: fadein_sc_right 0.75s ease 0.7s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(3),
.opacity_0_list_right_fade_set.active section:nth-child(3),
.opacity_0_list_right_fade_set.active div:nth-child(3),
.opacity_0_list_right_fade_set.active p:nth-child(3),
.opacity_0_list_right_fade_set.active h2:nth-child(3),
.opacity_0_list_right_fade_set.active h3:nth-child(3),
.opacity_0_list_right_fade_set.active h4:nth-child(3),
.opacity_0_list_right_fade_set.active h5:nth-child(3),
.opacity_0_list_right_fade_set.active figure:nth-child(3) {
animation: fadein_sc_right 0.75s ease 1.05s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(4),
.opacity_0_list_right_fade_set.active section:nth-child(4),
.opacity_0_list_right_fade_set.active div:nth-child(4),
.opacity_0_list_right_fade_set.active p:nth-child(4),
.opacity_0_list_right_fade_set.active h2:nth-child(4),
.opacity_0_list_right_fade_set.active h3:nth-child(4),
.opacity_0_list_right_fade_set.active h4:nth-child(4),
.opacity_0_list_right_fade_set.active h5:nth-child(4),
.opacity_0_list_right_fade_set.active figure:nth-child(4) {
animation: fadein_sc_right 0.75s ease 1.4s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(5),
.opacity_0_list_right_fade_set.active section:nth-child(5),
.opacity_0_list_right_fade_set.active div:nth-child(5),
.opacity_0_list_right_fade_set.active p:nth-child(5),
.opacity_0_list_right_fade_set.active h2:nth-child(5),
.opacity_0_list_right_fade_set.active h3:nth-child(5),
.opacity_0_list_right_fade_set.active h4:nth-child(5),
.opacity_0_list_right_fade_set.active h5:nth-child(5),
.opacity_0_list_right_fade_set.active figure:nth-child(5) {
animation: fadein_sc_right 0.75s ease 1.75s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(6),
.opacity_0_list_right_fade_set.active section:nth-child(6),
.opacity_0_list_right_fade_set.active div:nth-child(6),
.opacity_0_list_right_fade_set.active p:nth-child(6),
.opacity_0_list_right_fade_set.active h2:nth-child(6),
.opacity_0_list_right_fade_set.active h3:nth-child(6),
.opacity_0_list_right_fade_set.active h4:nth-child(6),
.opacity_0_list_right_fade_set.active h5:nth-child(6),
.opacity_0_list_right_fade_set.active figure:nth-child(6) {
animation: fadein_sc_right 0.75s ease 2.1s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(7),
.opacity_0_list_right_fade_set.active section:nth-child(7),
.opacity_0_list_right_fade_set.active div:nth-child(7),
.opacity_0_list_right_fade_set.active p:nth-child(7),
.opacity_0_list_right_fade_set.active h2:nth-child(7),
.opacity_0_list_right_fade_set.active h3:nth-child(7),
.opacity_0_list_right_fade_set.active h4:nth-child(7),
.opacity_0_list_right_fade_set.active h5:nth-child(7),
.opacity_0_list_right_fade_set.active figure:nth-child(7) {
animation: fadein_sc_right 0.75s ease 2.45s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(8),
.opacity_0_list_right_fade_set.active section:nth-child(8),
.opacity_0_list_right_fade_set.active div:nth-child(8),
.opacity_0_list_right_fade_set.active p:nth-child(8),
.opacity_0_list_right_fade_set.active h2:nth-child(8),
.opacity_0_list_right_fade_set.active h3:nth-child(8),
.opacity_0_list_right_fade_set.active h4:nth-child(8),
.opacity_0_list_right_fade_set.active h5:nth-child(8),
.opacity_0_list_right_fade_set.active figure:nth-child(8) {
animation: fadein_sc_right 0.75s ease 2.8s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(9),
.opacity_0_list_right_fade_set.active section:nth-child(9),
.opacity_0_list_right_fade_set.active div:nth-child(9),
.opacity_0_list_right_fade_set.active p:nth-child(9),
.opacity_0_list_right_fade_set.active h2:nth-child(9),
.opacity_0_list_right_fade_set.active h3:nth-child(9),
.opacity_0_list_right_fade_set.active h4:nth-child(9),
.opacity_0_list_right_fade_set.active h5:nth-child(9),
.opacity_0_list_right_fade_set.active figure:nth-child(9) {
animation: fadein_sc_right 0.75s ease 3.15s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(10),
.opacity_0_list_right_fade_set.active section:nth-child(10),
.opacity_0_list_right_fade_set.active div:nth-child(10),
.opacity_0_list_right_fade_set.active p:nth-child(10),
.opacity_0_list_right_fade_set.active h2:nth-child(10),
.opacity_0_list_right_fade_set.active h3:nth-child(10),
.opacity_0_list_right_fade_set.active h4:nth-child(10),
.opacity_0_list_right_fade_set.active h5:nth-child(10),
.opacity_0_list_right_fade_set.active figure:nth-child(10) {
animation: fadein_sc_right 0.75s ease 3.5s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(11),
.opacity_0_list_right_fade_set.active section:nth-child(11),
.opacity_0_list_right_fade_set.active div:nth-child(11),
.opacity_0_list_right_fade_set.active p:nth-child(11),
.opacity_0_list_right_fade_set.active h2:nth-child(11),
.opacity_0_list_right_fade_set.active h3:nth-child(11),
.opacity_0_list_right_fade_set.active h4:nth-child(11),
.opacity_0_list_right_fade_set.active h5:nth-child(11),
.opacity_0_list_right_fade_set.active figure:nth-child(11) {
animation: fadein_sc_right 0.75s ease 3.85s forwards alternate;
}
.opacity_0_list_right_fade_set.active > li:nth-child(12),
.opacity_0_list_right_fade_set.active section:nth-child(12),
.opacity_0_list_right_fade_set.active div:nth-child(12),
.opacity_0_list_right_fade_set.active p:nth-child(12),
.opacity_0_list_right_fade_set.active h2:nth-child(12),
.opacity_0_list_right_fade_set.active h3:nth-child(12),
.opacity_0_list_right_fade_set.active h4:nth-child(12),
.opacity_0_list_right_fade_set.active h5:nth-child(12),
.opacity_0_list_right_fade_set.active figure:nth-child(12) {
animation: fadein_sc_right 0.75s ease 4.2s forwards alternate;
}
.moveTopBtms {
transition: 0.5s;
}
.moveTopBtms:hover {
transform: translate(0px, -5px);
}
.scrollHarukazeFvPosta {
animation: pathmove 2.4s ease-in-out infinite;
opacity: 0;
}
@keyframes pathmove {
0% {
height: 0;
top: 0;
opacity: 0;
}
30% {
height: 100%;
opacity: 1;
}
100% {
height: 0;
top: 110%;
opacity: 0;
}
}
.lb-loader, .lightbox {
text-align: center;
line-height: 0;
}
body:after {
content: url(//brushup-hiroshima.com/wp-content/themes/WebPTemplatebyMarcat/images/close.png) url(//brushup-hiroshima.com/wp-content/themes/WebPTemplatebyMarcat/images/loading.gif) url(//brushup-hiroshima.com/wp-content/themes/WebPTemplatebyMarcat/images/prev.png) url(//brushup-hiroshima.com/wp-content/themes/WebPTemplatebyMarcat/images/next.png);
display: none;
}
.lb-dataContainer:after, .lb-outerContainer:after {
content: "";
clear: both;
}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: #000;
filter: alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
font-weight: 400;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px;
border: 4px solid #fff;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
background-color: #fff;
}
.lb-loader, .lb-nav {
position: absolute;
left: 0;
}
.lb-outerContainer:after {
display: table;
}
.lb-loader {
top: 43%;
height: 25%;
width: 100%;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//brushup-hiroshima.com/wp-content/themes/WebPTemplatebyMarcat/images/loading.gif) no-repeat;
}
.lb-nav {
top: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: 0;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-next, .lb-prev {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//brushup-hiroshima.com/wp-content/themes/WebPTemplatebyMarcat/images/prev.png) left 48% no-repeat;
filter: alpha(Opacity=0);
opacity: 0;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//brushup-hiroshima.com/wp-content/themes/WebPTemplatebyMarcat/images/next.png) right 48% no-repeat;
filter: alpha(Opacity=0);
opacity: 0;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
display: table;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: 700;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//brushup-hiroshima.com/wp-content/themes/WebPTemplatebyMarcat/images/close.png) top right no-repeat;
text-align: right;
outline: 0;
filter: alpha(Opacity=70);
opacity: 0.7;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: alpha(Opacity=100);
opacity: 1;
} .bg_AD8462 {
background: #AD8462;
}  .bg_FBF6EF {
background: #FBF6EF;
}
.bg_C9D9EF {
background: #C9D9EF;
}
.bg_fff {
background: #FFF;
}
.bg_DDECD4 {
background: #DDECD4;
}
.cl_F00 {
color: #F00;
}
.cl_fff {
color: #FFF;
}
.cl_000 {
color: #000;
}
.cl_1E78C8 {
color: #1E78C8;
}
.cl_AD8462 {
color: #AD8462;
}
.borb_f_2 {
border-bottom: 2px solid #FFF;
}
.brd_r_fff {
border-right: 1px solid #FFF;
}
.bod_t_4E4E4E {
border-top: 1px solid #4E4E4E;
}
.brd_r_30_30 {
border-radius: 30px;
}
@media screen and (max-width: 767px) {
.brd_r_30_30 {
border-radius: 30px;
}
}
.cPointer {
cursor: pointer;
}
.drop-shadow {
filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.1)) drop-shadow(0px 2px 7px rgba(178, 89, 80, 0));
}     .test {
letter-spacing: 0.06em;
text-indent: -0.06em;
font-size: 12px;
}
@media screen and (max-width: 1199px) {
.test {
font-size: 1.0008340284vw;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.test {
font-size: 3.7333333333vw;
}
}        .baseheader {
position: sticky;
top: 0;
z-index: 9999;
}
.headerWap {
position: relative;
}
.headerTop {
padding-top: 16px;
padding-bottom: 16px;
padding-left: 20px;
padding-right: 20px;
}
@media screen and (max-width: 1199px) {
.headerTop {
padding: 0.83% 1.04% 0.83% 1.04%;
}
}
@media screen and (max-width: 767px) {
.headerTop {
padding: 1.4% 3.73% 1.33% 3.73%;
}
}
.btmHeaderLogo {
width: 184px;
}
@media screen and (max-width: 1199px) {
.btmHeaderLogo {
width: 184px;
}
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
.btmHeaderLogo {
width: 15.33%;
}
}
@media screen and (max-width: 767px) {
.btmHeaderLogo {
width: 110px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.btmHeaderLogo {
width: 31.7%;
}
}
.btmHeaderMenu {
width: 50px;
cursor: pointer;
}
@media screen and (max-width: 1199px) {
.btmHeaderMenu {
width: 50px;
}
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
.btmHeaderMenu {
width: 4.16%;
}
}
@media screen and (max-width: 767px) {
.btmHeaderMenu {
width: 40px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.btmHeaderMenu {
width: 11.52%;
}
}
.btmHeaderMenu.off .off {
display: block;
}
.btmHeaderMenu.off .on {
display: none;
}
.btmHeaderMenu.on .off {
display: none;
}
.btmHeaderMenu.on .on {
display: block;
}
.headerNavWap {
position: absolute;
width: 375px;
right: 0;
z-index: 9999;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
overflow: scroll;
height: calc(100vh - 90px);
display: none;
-ms-overflow-style: none;
scrollbar-width: none;
}
@media screen and (max-width: 1199px) {
.headerNavWap {
padding: 0.52% 0% 0% 0%;
}
}
.headerNavWap::-webkit-scrollbar {
display: none;
}
@media screen and (max-width: 1199px) {
.headerNavWap {
height: calc(100svh - 7.32421875vw);
}
}
@media screen and (max-width: 767px) {
.headerNavWap {
width: 375px;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
height: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.headerNavWap {
width: 100%;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.headerNavWap {
padding: 2.66% 0% 0% 0%;
}
}
.headerNavLxn {
position: relative;
}
.mainHeaderLogo {
width: 146px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1199px) {
.mainHeaderLogo {
width: 38.93%;
}
}
@media screen and (max-width: 1199px) {
.mainHeaderLogo {
margin-top: 0%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.mainHeaderLogo {
width: 115px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.mainHeaderLogo {
width: 30.66%;
}
}
.navHeaderMain {
margin-top: 59px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 347px;
}
@media screen and (max-width: 1199px) {
.navHeaderMain {
margin-top: 15.73%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.navHeaderMain {
width: 92.53%;
}
}
@media screen and (max-width: 767px) {
.navHeaderMain {
margin-top: 7px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 347px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.navHeaderMain {
margin-top: 1.86%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.navHeaderMain {
width: 92.53%;
}
}
.btmHeaderMain {
padding-top: 21px;
padding-bottom: 21px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.btmHeaderMain {
padding: 6.05% 0% 6.05% 0%;
}
}
@media screen and (max-width: 767px) {
.btmHeaderMain {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.btmHeaderMain {
padding: 5.76% 0% 5.76% 0%;
}
} .navHeaderSNS {
margin-top: 162px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 327px;
}
@media screen and (max-width: 1199px) {
.navHeaderSNS {
margin-top: 8.43%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.navHeaderSNS {
width: 87.2%;
}
}
@media screen and (max-width: 1199px) {
.navHeaderSNS {
margin-top: 120px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
.navHeaderSNS {
margin-top: 10%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.navHeaderSNS {
margin-top: 19.3%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
width: 87.23%;
}
}
.liHeaderSNS {
width: 134px;
}
@media screen and (max-width: 1199px) {
.liHeaderSNS {
width: 40.97%;
}
}
@media screen and (max-width: 767px) {
.liHeaderSNS {
width: 134px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.liHeaderSNS {
width: 40.97%;
}
}
.btmHeaderSNS {
display: block;
} .telInfoHeader {
margin-top: 50px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 167px;
}
@media screen and (max-width: 1199px) {
.telInfoHeader {
margin-top: 13.33%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.telInfoHeader {
width: 44.53%;
}
}
@media screen and (max-width: 767px) {
.telInfoHeader {
margin-top: 40px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 167px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.telInfoHeader {
margin-top: 10.66%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.telInfoHeader {
width: 44.53%;
}
}
.telInfoMainHeaderLxn {
margin-top: 14px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding-top: 14px;
padding-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.telInfoMainHeaderLxn {
margin-top: 3.73%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.telInfoMainHeaderLxn {
padding: 3.73% 0% 4% 0%;
}
}
@media screen and (max-width: 767px) {
.telInfoMainHeaderLxn {
margin-top: 10px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding-top: 11px;
padding-bottom: 12px;
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.telInfoMainHeaderLxn {
margin-top: 2.66%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.telInfoMainHeaderLxn {
padding: 2.93% 0% 3.2% 0%;
}
}
.telInfoMainHeader {
width: 228px;
margin: auto;
pointer-events: none;
}
@media screen and (max-width: 1199px) {
.telInfoMainHeader {
width: 60.8%;
}
}
@media screen and (max-width: 767px) {
.telInfoMainHeader {
pointer-events: auto;
width: 228px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.telInfoMainHeader {
width: 60.8%;
}
}   .bgFv {
background: url(//brushup-hiroshima.com/wp-content/themes/WebPTemplatebyMarcat/img/bgFvPc.jpg) no-repeat top center;
background-size: auto 100%;
}
@media screen and (max-width: 767px) {
.bgFv {
background: url(//brushup-hiroshima.com/wp-content/themes/WebPTemplatebyMarcat/img/bgFvSp.jpg) no-repeat top center;
background-size: auto 100%;
}
}
.fv {
padding-top: 431px;
padding-bottom: 25px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.fv {
padding: 22.44% 0% 1.3% 0%;
}
}
@media screen and (max-width: 767px) {
.fv {
padding-top: 238px;
padding-bottom: 6px;
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.fv {
padding: 63.46% 0% 1.6% 0%;
}
}
.cntFv {
width: 431px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1199px) {
.cntFv {
width: 35.91%;
}
}
@media screen and (max-width: 1199px) {
.cntFv {
margin-top: 0%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.cntFv {
width: 290px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.cntFv {
width: 77.33%;
}
}   .aboutNav {
padding-top: 54px;
padding-bottom: 35px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.aboutNav {
padding: 2.81% 0% 1.82% 0%;
}
}
@media screen and (max-width: 767px) {
.aboutNav {
padding: 6.3% 0% 6.4% 0%;
}
}
@media screen and (max-width: 767px) {
.aboutNavWap {
width: 350px;
margin: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.aboutNavWap {
width: 93.33%;
}
}
.h2AboutNav {
font-size: 18px;
line-height: 1.6111111111;
letter-spacing: 0em;
text-indent: 0em;
}
@media screen and (max-width: 1199px) {
.h2AboutNav {
font-size: 1.5012510425vw;
}
}
.h2AboutNav::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.6111111111) * 0.5em);
content: "";
}
.h2AboutNav::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.6111111111) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.h2AboutNav {
line-height: 1.5714285714;
letter-spacing: 0em;
text-indent: 0em;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.h2AboutNav {
font-size: 3.7333333333vw;
}
}
@media screen and (max-width: 767px) {
.h2AboutNav::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.5714285714) * 0.5em);
content: "";
}
.h2AboutNav::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.5714285714) * 0.5em);
content: "";
}
}
.btmsAboutNav {
margin-top: 57px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1199px) {
.btmsAboutNav {
margin-top: 4.75%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.btmsAboutNav {
margin-top: 4.2%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}   .worries {
padding-top: 60px;
padding-bottom: 29px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.worries {
padding: 3.12% 0% 1.51% 0%;
}
}
@media screen and (max-width: 767px) {
.worries {
padding: 7.2% 0% 6% 0%;
}
}
.h2Worries {
width: 413px;
margin: auto;
}
@media screen and (max-width: 1199px) {
.h2Worries {
width: 34.41%;
}
}
@media screen and (max-width: 767px) {
.h2Worries {
width: 350px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.h2Worries {
width: 93.33%;
}
}
.worriesFx {
margin-top: 31px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 1025px;
}
@media screen and (max-width: 1199px) {
.worriesFx {
margin-top: 2.58%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.worriesFx {
width: 85.41%;
}
}
@media screen and (max-width: 767px) {
.worriesFx {
margin-top: 7.7%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
width: 75%;
}
}
.secWorriesList {
width: 182px;
}
@media screen and (max-width: 1199px) {
.secWorriesList {
width: 17.75%;
}
}
@media screen and (max-width: 767px) {
.secWorriesList {
width: 270px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.secWorriesList {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.secWorriesList:nth-child(n+2) {
margin-top: 45px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.secWorriesList:nth-child(n+2) {
margin-top: 16.66%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
} .secWorriesList01 {
width: 317px;
}
@media screen and (max-width: 1199px) {
.secWorriesList01 {
width: 30.92%;
}
}
@media screen and (max-width: 1199px) {
.secWorriesList01 {
width: 32%;
}
}
@media screen and (max-width: 767px) {
.secWorriesList01 {
width: 100%;
}
}
.secWorriesList01 .photosWorriesList {
width: 182px;
margin: auto;
}
@media screen and (max-width: 1199px) {
.secWorriesList01 .photosWorriesList {
width: 57.41%;
}
}
@media screen and (max-width: 767px) {
.secWorriesList01 .photosWorriesList {
width: 64.6%;
}
}
.secWorriesList02 {
width: 327px;
}
@media screen and (max-width: 1199px) {
.secWorriesList02 {
width: 31.9%;
}
}
@media screen and (max-width: 1199px) {
.secWorriesList02 {
width: 33%;
}
}
@media screen and (max-width: 767px) {
.secWorriesList02 {
width: 100%;
}
}
.secWorriesList02 .photosWorriesList {
width: 182px;
margin: auto;
}
@media screen and (max-width: 1199px) {
.secWorriesList02 .photosWorriesList {
width: 55.65%;
}
}
@media screen and (max-width: 767px) {
.secWorriesList02 .photosWorriesList {
width: 64.5%;
}
}
.secWorriesList03 {
width: 263px;
}
@media screen and (max-width: 1199px) {
.secWorriesList03 {
width: 25.65%;
}
}
@media screen and (max-width: 1199px) {
.secWorriesList03 {
width: 27%;
}
}
@media screen and (max-width: 767px) {
.secWorriesList03 {
width: 100%;
}
}
.secWorriesList03 .photosWorriesList {
width: 182px;
margin: auto;
}
@media screen and (max-width: 1199px) {
.secWorriesList03 .photosWorriesList {
width: 69.2%;
}
}
@media screen and (max-width: 767px) {
.secWorriesList03 .photosWorriesList {
width: 64.5%;
}
}
.txtWorriesList {
margin-top: 25px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 1.625;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
@media screen and (max-width: 1199px) {
.txtWorriesList {
margin-top: 9.5%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.txtWorriesList {
font-size: 1.3344453711vw;
}
}
.txtWorriesList::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.625) * 0.5em);
content: "";
}
.txtWorriesList::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.625) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.txtWorriesList {
margin-top: 8.6%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
line-height: 1.4285714286;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.txtWorriesList {
font-size: 3.7333333333vw;
}
}
@media screen and (max-width: 767px) {
.txtWorriesList::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.4285714286) * 0.5em);
content: "";
}
.txtWorriesList::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.4285714286) * 0.5em);
content: "";
}
} .h3WorriesList {
margin-top: 55px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 1000px;
}
@media screen and (max-width: 1199px) {
.h3WorriesList {
margin-top: 4.58%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.h3WorriesList {
width: 83.33%;
}
}
@media screen and (max-width: 767px) {
.h3WorriesList {
margin-top: 7.5%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
width: 350px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.h3WorriesList {
width: 93.33%;
}
}
.txtWorriesList02 {
margin-top: 29px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 1.625;
letter-spacing: 0em;
text-indent: 0em;
}
@media screen and (max-width: 1199px) {
.txtWorriesList02 {
margin-top: 2.41%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.txtWorriesList02 {
font-size: 1.3344453711vw;
}
}
.txtWorriesList02::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.625) * 0.5em);
content: "";
}
.txtWorriesList02::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.625) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.txtWorriesList02 {
margin-top: 5.7%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
line-height: 1.25;
letter-spacing: 0em;
text-indent: 0em;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.txtWorriesList02 {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 767px) {
.txtWorriesList02::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.25) * 0.5em);
content: "";
}
.txtWorriesList02::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.25) * 0.5em);
content: "";
}
}   .cando {
padding-top: 60px;
padding-bottom: 48px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.cando {
padding: 3.12% 0% 2.5% 0%;
}
}
@media screen and (max-width: 767px) {
.cando {
padding: 7.3% 0% 12.5% 0%;
}
}
.h2CanDo {
width: 413px;
margin: auto;
}
@media screen and (max-width: 1199px) {
.h2CanDo {
width: 34.41%;
}
}
@media screen and (max-width: 767px) {
.h2CanDo {
width: 350px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.h2CanDo {
width: 93.33%;
}
}
.detailCanDo {
position: relative;
padding-top: 30px;
padding-bottom: 50px;
padding-left: 47px;
padding-right: 47px;
margin-top: 30px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 960px;
}
@media screen and (max-width: 1199px) {
.detailCanDo {
padding: 2.5% 3.91% 4.16% 3.91%;
}
}
@media screen and (max-width: 1199px) {
.detailCanDo {
margin-top: 2.5%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.detailCanDo {
width: 80%;
}
}
@media screen and (max-width: 767px) {
.detailCanDo {
padding: 17.9% 4% 16.73% 4%;
margin-top: 17%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
height: 102.9333333333vw;
width: 350px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.detailCanDo {
width: 93.33%;
}
}
.h3DetailCanDo {
position: absolute;
width: 60px;
left: -3.7%;
top: 0;
bottom: 0;
margin: auto;
aspect-ratio: 60/60;
}
@media screen and (max-width: 1199px) {
.h3DetailCanDo {
width: 6.25%;
}
}
@media screen and (max-width: 767px) {
.h3DetailCanDo {
width: 17.145%;
left: 0;
right: 0;
bottom: unset;
top: -7.6%;
}
}
.h4DetailCanDo {
font-size: 24px;
line-height: 1;
letter-spacing: 0em;
text-indent: 0em;
}
@media screen and (max-width: 1199px) {
.h4DetailCanDo {
font-size: 2.0016680567vw;
}
}
.h4DetailCanDo::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1) * 0.5em);
content: "";
}
.h4DetailCanDo::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.h4DetailCanDo {
text-align: center;
width: 88.14%;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
line-height: 1.5;
letter-spacing: 0em;
text-indent: 0em;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.h4DetailCanDo {
margin-top: 0%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.h4DetailCanDo {
font-size: 5.3333333333vw;
}
}
@media screen and (max-width: 767px) {
.h4DetailCanDo::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.5) * 0.5em);
content: "";
}
.h4DetailCanDo::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.5) * 0.5em);
content: "";
}
}
.txtDetailCanDo {
margin-top: 15px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-size: 16px;
line-height: 1.25;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
@media screen and (max-width: 1199px) {
.txtDetailCanDo {
margin: 1.73% 0% 0% 0%;
}
}
@media screen and (max-width: 1199px) {
.txtDetailCanDo {
font-size: 1.3344453711vw;
}
}
.txtDetailCanDo::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.25) * 0.5em);
content: "";
}
.txtDetailCanDo::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.25) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.txtDetailCanDo {
margin: 6.3% 0% 0% 0%;
line-height: 1.6428571429;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.txtDetailCanDo {
font-size: 3.7333333333vw;
}
}
@media screen and (max-width: 767px) {
.txtDetailCanDo::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.6428571429) * 0.5em);
content: "";
}
.txtDetailCanDo::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.6428571429) * 0.5em);
content: "";
}
}
@media screen and (max-width: 767px) {
.detailCanDo02 {
margin: 15.8% auto 0% auto;
}
}
@media screen and (max-width: 767px) {
.detailCanDo03 {
margin: 16% auto 0% auto;
}
} .h2CanDoInfo {
margin-top: 40px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 166px;
}
@media screen and (max-width: 1199px) {
.h2CanDoInfo {
margin-top: 3.33%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.h2CanDoInfo {
width: 13.83%;
}
}
@media screen and (max-width: 767px) {
.h2CanDoInfo {
margin-top: 10.9%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
width: 139px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.h2CanDoInfo {
width: 37.06%;
}
}
.canDoInfoFx {
margin-top: 31px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1199px) {
.canDoInfoFx {
margin-top: 2.58%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.canDoInfoFx {
margin-top: 40px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 320px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.canDoInfoFx {
margin-top: 10.66%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.canDoInfoFx {
width: 85.33%;
}
}
.secCanDoDetailInfoFx {
width: 565px;
flex-flow: row wrap;
}
@media screen and (max-width: 1199px) {
.secCanDoDetailInfoFx {
width: 47.08%;
}
}
@media screen and (max-width: 1199px) {
.secCanDoDetailInfoFx {
width: 49.1%;
}
}
@media screen and (max-width: 767px) {
.secCanDoDetailInfoFx {
margin-top: 50px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 320px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.secCanDoDetailInfoFx {
margin-top: 15.62%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.secCanDoDetailInfoFx {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.secCanDoDetailInfoFx01 {
margin: 0;
}
}
.photoCanDoDetailInfo {
width: 205px;
}
@media screen and (max-width: 1199px) {
.photoCanDoDetailInfo {
width: 36.28%;
}
}
@media screen and (max-width: 767px) {
.photoCanDoDetailInfo {
width: 205px;
margin: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.photoCanDoDetailInfo {
width: 64.06%;
}
}
.secCanDoDetailInfo {
width: 340px;
}
@media screen and (max-width: 1199px) {
.secCanDoDetailInfo {
width: 60.17%;
}
}
@media screen and (max-width: 767px) {
.secCanDoDetailInfo {
width: 320px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.secCanDoDetailInfo {
width: 100%;
}
}
.h3CanDoDetailInfo {
font-size: 24px;
line-height: 1;
letter-spacing: 0em;
text-indent: 0em;
}
@media screen and (max-width: 1199px) {
.h3CanDoDetailInfo {
font-size: 2.0016680567vw;
}
}
.h3CanDoDetailInfo::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1) * 0.5em);
content: "";
}
.h3CanDoDetailInfo::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.h3CanDoDetailInfo {
margin-top: 5.4%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
line-height: 1.2;
letter-spacing: 0em;
text-indent: 0em;
text-align: center;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.h3CanDoDetailInfo {
font-size: 5.3333333333vw;
}
}
@media screen and (max-width: 767px) {
.h3CanDoDetailInfo::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.2) * 0.5em);
content: "";
}
.h3CanDoDetailInfo::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.2) * 0.5em);
content: "";
}
}
.txtCanDoDetailInfo {
margin-top: 22px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 1.25;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
@media screen and (max-width: 1199px) {
.txtCanDoDetailInfo {
margin-top: 6.47%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.txtCanDoDetailInfo {
font-size: 1.3344453711vw;
}
}
.txtCanDoDetailInfo::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.25) * 0.5em);
content: "";
}
.txtCanDoDetailInfo::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.25) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.txtCanDoDetailInfo {
margin-top: 7.5%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
line-height: 1.4285714286;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.txtCanDoDetailInfo {
font-size: 3.7333333333vw;
}
}
@media screen and (max-width: 767px) {
.txtCanDoDetailInfo::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.4285714286) * 0.5em);
content: "";
}
.txtCanDoDetailInfo::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.4285714286) * 0.5em);
content: "";
}
}
@media screen and (max-width: 767px) {
.secCanDoDetailInfoFx02 {
margin: 16% 0 0 0;
}
}   .staff {
padding-top: 60px;
padding-bottom: 33px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.staff {
padding: 3.12% 0% 1.71% 0%;
}
}
@media screen and (max-width: 767px) {
.staff {
padding: 7.4% 0% 13.33% 0%;
}
}
@media screen and (max-width: 767px) {
.staffWap {
width: 350px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.staffWap {
width: 93.33%;
}
}
.h2Staff {
width: 413px;
margin: auto;
}
@media screen and (max-width: 1199px) {
.h2Staff {
width: 34.41%;
}
}
@media screen and (max-width: 767px) {
.h2Staff {
width: 350px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.h2Staff {
width: 100%;
}
}
.staffFx {
margin-top: 36px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1199px) {
.staffFx {
margin-top: 1.87%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.staffFx {
margin-top: 10%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
.staffInFx {
width: 579px;
flex-flow: row wrap;
}
@media screen and (max-width: 1199px) {
.staffInFx {
width: 48.25%;
}
}
@media screen and (max-width: 767px) {
.staffInFx {
width: 350px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.staffInFx {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.staffInFx02 {
margin-top: 14.3%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
.photoStaffFx {
width: 205px;
}
@media screen and (max-width: 1199px) {
.photoStaffFx {
width: 35.4%;
}
}
@media screen and (max-width: 767px) {
.photoStaffFx {
width: 205px;
margin: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.photoStaffFx {
width: 58.57%;
}
}
.secStaffLxn {
width: 354px;
margin-top: 8px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
@media screen and (max-width: 1199px) {
.secStaffLxn {
width: 61.13%;
}
}
@media screen and (max-width: 1199px) {
.secStaffLxn {
margin: 1.38% 0% 0% 0%;
}
}
@media screen and (max-width: 1199px) {
.secStaffLxn {
width: 63.13%;
}
}
@media screen and (max-width: 767px) {
.secStaffLxn {
margin-top: 7.4%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
width: 350px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.secStaffLxn {
width: 100%;
}
}
.h3StaffLxn {
font-size: 24px;
line-height: 1;
letter-spacing: 0em;
text-indent: 0em;
}
@media screen and (max-width: 1199px) {
.h3StaffLxn {
font-size: 2.0016680567vw;
}
}
.h3StaffLxn::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1) * 0.5em);
content: "";
}
.h3StaffLxn::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.h3StaffLxn {
line-height: 1.2;
letter-spacing: 0em;
text-indent: 0em;
text-align: center;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.h3StaffLxn {
font-size: 5.3333333333vw;
}
}
@media screen and (max-width: 767px) {
.h3StaffLxn::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.2) * 0.5em);
content: "";
}
.h3StaffLxn::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.2) * 0.5em);
content: "";
}
}
.h4StaffLxn {
margin-top: 4px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0em;
text-indent: 0em;
}
@media screen and (max-width: 1199px) {
.h4StaffLxn {
margin: 1.12% 0% 0% 0%;
}
}
@media screen and (max-width: 1199px) {
.h4StaffLxn {
font-size: 1.3344453711vw;
}
}
.h4StaffLxn::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.5) * 0.5em);
content: "";
}
.h4StaffLxn::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.5) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.h4StaffLxn {
margin: 1.2% 0% 0% 0%;
line-height: 1.5;
letter-spacing: 0.01em;
text-indent: -0.01em;
text-align: center;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.h4StaffLxn {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 767px) {
.h4StaffLxn::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.5) * 0.5em);
content: "";
}
.h4StaffLxn::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.5) * 0.5em);
content: "";
}
}
.txtStaffLxn {
margin-top: 14px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-size: 16px;
line-height: 1.25;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
@media screen and (max-width: 1199px) {
.txtStaffLxn {
margin: 3.95% 0% 0% 0%;
}
}
@media screen and (max-width: 1199px) {
.txtStaffLxn {
font-size: 1.3344453711vw;
}
}
.txtStaffLxn::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.25) * 0.5em);
content: "";
}
.txtStaffLxn::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.25) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.txtStaffLxn {
margin-top: 6.71%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
width: 320px;
line-height: 1.4285714286;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.txtStaffLxn {
width: 91.42%;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.txtStaffLxn {
font-size: 3.7333333333vw;
}
}
@media screen and (max-width: 767px) {
.txtStaffLxn::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.4285714286) * 0.5em);
content: "";
}
.txtStaffLxn::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.4285714286) * 0.5em);
content: "";
}
}
.inStaffLxn {
margin-top: 21px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 6px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.inStaffLxn {
margin: 5.93% 0% 0% 0%;
}
}
@media screen and (max-width: 1199px) {
.inStaffLxn {
padding: 1.69% 0% 1.41% 0%;
}
}
@media screen and (max-width: 767px) {
.inStaffLxn {
margin-top: 12.42%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
padding: 1.6% 0% 1.5% 0%;
}
}
.secInStaffLxn {
width: 327px;
margin: auto;
}
@media screen and (max-width: 1199px) {
.secInStaffLxn {
width: 92.37%;
}
}
@media screen and (max-width: 767px) {
.secInStaffLxn {
width: 94%;
}
}
.h4InStaffLxn {
width: 94px;
}
@media screen and (max-width: 1199px) {
.h4InStaffLxn {
width: 29.01%;
}
}
@media screen and (max-width: 767px) {
.h4InStaffLxn {
width: 29.8%;
}
}
.txtInStaffLxn {
width: 217px;
font-size: 16px;
line-height: 1.25;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
@media screen and (max-width: 1199px) {
.txtInStaffLxn {
width: 66.97%;
}
}
@media screen and (max-width: 1199px) {
.txtInStaffLxn {
font-size: 1.3344453711vw;
}
}
.txtInStaffLxn::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.25) * 0.5em);
content: "";
}
.txtInStaffLxn::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.25) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.txtInStaffLxn {
width: 65%;
line-height: 1.25;
letter-spacing: -0.06em;
text-indent: 0.06em;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.txtInStaffLxn {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 767px) {
.txtInStaffLxn::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.25) * 0.5em);
content: "";
}
.txtInStaffLxn::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.25) * 0.5em);
content: "";
}
}   .menu {
padding-top: 61px;
padding-bottom: 69px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.menu {
padding: 3.17% 0% 3.59% 0%;
}
}
@media screen and (max-width: 767px) {
.menu {
padding-top: 27px;
padding-bottom: 50px;
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.menu {
padding: 7.2% 0% 13.33% 0%;
}
}
.secMenu {
width: 100%;
}
.h2Menu {
width: 413px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1199px) {
.h2Menu {
width: 34.41%;
}
}
@media screen and (max-width: 1199px) {
.h2Menu {
margin-top: 0%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.h2Menu {
width: 350px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.h2Menu {
width: 93.33%;
}
}
.menuLists {
width: 100%;
margin-top: 30px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
@media screen and (max-width: 1199px) {
.menuLists {
margin: 2.5% 0% 0% 0%;
}
}
@media screen and (max-width: 767px) {
.menuLists {
width: 350px;
margin-top: 9.1%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.menuLists {
width: 93.33%;
}
}
.detailMenuList {
width: 550px;
}
@media screen and (max-width: 1199px) {
.detailMenuList {
width: 45.83%;
}
}
@media screen and (max-width: 767px) {
.detailMenuList {
width: 100%;
}
}
.photoDetailMenuList {
width: 100%;
}
.mainDetailMenuList {
position: relative;
height: 228px;
width: 100%;
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
}
@media screen and (max-width: 1199px) {
.mainDetailMenuList {
height: 18vw;
}
}
@media screen and (max-width: 767px) {
.mainDetailMenuList {
border-bottom-left-radius: 13px;
border-bottom-right-radius: 13px;
height: 43.7533333333vw;
}
}
@media screen and (max-width: 767px) {
.detailMenuList01 .mainDetailMenuList {
height: 43.566667vw;
}
}
.secDetailMenuList {
width: 510px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding-top: 17px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.secDetailMenuList {
width: 92.72%;
}
}
@media screen and (max-width: 1199px) {
.secDetailMenuList {
margin-top: 0%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.secDetailMenuList {
padding: 3.09% 0% 0% 0%;
}
}
@media screen and (max-width: 767px) {
.secDetailMenuList {
width: 320px;
padding: 3.9% 0% 0% 0%;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.secDetailMenuList {
width: 91.42%;
}
}
.h3DetailMenuList {
font-size: 30px;
line-height: 1;
letter-spacing: 0em;
text-indent: 0em;
}
@media screen and (max-width: 1199px) {
.h3DetailMenuList {
font-size: 2.5020850709vw;
}
}
.h3DetailMenuList::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1) * 0.5em);
content: "";
}
.h3DetailMenuList::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.h3DetailMenuList {
line-height: 1;
letter-spacing: 0em;
text-indent: 0em;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.h3DetailMenuList {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 767px) {
.h3DetailMenuList::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1) * 0.5em);
content: "";
}
.h3DetailMenuList::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1) * 0.5em);
content: "";
}
}
.txtDetailMenuList {
font-size: 16px;
line-height: 1.25;
letter-spacing: -0.05em;
text-indent: 0.05em;
margin-top: 19px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
@media screen and (max-width: 1199px) {
.txtDetailMenuList {
font-size: 1.3344453711vw;
}
}
.txtDetailMenuList::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.25) * 0.5em);
content: "";
}
.txtDetailMenuList::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.25) * 0.5em);
content: "";
}
@media screen and (max-width: 1199px) {
.txtDetailMenuList {
margin: 3.45% 0% 0% 0%;
}
}
@media screen and (max-width: 767px) {
.txtDetailMenuList {
line-height: 1.1428571429;
letter-spacing: -0.05em;
text-indent: 0.05em;
margin: 3.3% 0% 0% 0%;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.txtDetailMenuList {
font-size: 3.7333333333vw;
}
}
@media screen and (max-width: 767px) {
.txtDetailMenuList::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.1428571429) * 0.5em);
content: "";
}
.txtDetailMenuList::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.1428571429) * 0.5em);
content: "";
}
}
.btmDetailMenuListW100 {
position: absolute;
bottom: 0;
width: 100%;
}
.btmDetailMenuListW100 img {
filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.1));
width: 100%;
display: block;
}
.btmDetailMenuListFx {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
bottom: 0;
width: 100%;
}
.btmDetailMenuListW50 {
width: 273px;
}
@media screen and (max-width: 1199px) {
.btmDetailMenuListW50 {
width: 49.63%;
}
}
@media screen and (max-width: 767px) {
.btmDetailMenuListW50 {
width: 172px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.btmDetailMenuListW50 {
width: 49.14%;
}
}
.btmDetailMenuListW50 img {
filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.1));
width: 100%;
}
@media screen and (max-width: 767px) {
.detailMenuList02 {
margin-top: 24px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.detailMenuList02 {
margin: 6.85% 0% 0% 0%;
}
}
.detailMenuListTopM {
margin-top: 30px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
@media screen and (max-width: 1199px) {
.detailMenuListTopM {
margin: 5.45% 0% 0% 0%;
}
}
@media screen and (max-width: 767px) {
.detailMenuListTopM {
margin-top: 24px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.detailMenuListTopM {
margin: 6.85% 0% 0% 0%;
}
}
.MainLightBoxWap {
position: relative;
width: 50px;
}
@media screen and (max-width: 1199px) {
.MainLightBoxWap {
width: 4.16%;
}
}
.btmCloseLightBox {
width: 100%;
}
.jsBtmDetailMenuList:hover {
transition-duration: 0.5s;
opacity: 0.4;
}
@media screen and (max-width: 767px) {
.jsBtmDetailMenuList:hover {
opacity: 1;
}
} .bgLightBox {
top: 0;
left: 0;
position: fixed;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
z-index: 99999999;
display: none;
}
.mainLightBox {
position: fixed;
inset: 0;
margin: auto;
z-index: 999999999;
display: none;
height: auto;
width: 1000px;
align-items: center;
}
@media screen and (max-width: 1199px) {
.mainLightBox {
width: 1000px;
}
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
.mainLightBox {
width: 83.33%;
}
}
@media screen and (max-width: 767px) {
.mainLightBox {
width: 355px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.mainLightBox {
width: 94.66%;
}
}
.MainLightBoxWap {
position: relative;
width: 100%;
}
.btmCloseLightBox {
width: 50px;
right: 2%;
top: 4%;
position: absolute;
cursor: pointer;
}
@media screen and (max-width: 1199px) {
.btmCloseLightBox {
width: 4.16%;
}
}
@media screen and (max-width: 767px) {
.btmCloseLightBox {
width: 40px;
right: 3.2%;
top: 2%;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.btmCloseLightBox {
width: 11.26%;
}
}
.inToLightBox {
width: 100%;
height: auto;
}   .lineAdd {
padding-top: 53px;
padding-bottom: 50px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.lineAdd {
padding: 2.76% 0% 2.6% 0%;
}
}
@media screen and (max-width: 767px) {
.lineAdd {
padding-top: 25px;
padding-bottom: 25px;
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.lineAdd {
padding: 6.66% 0% 6.66% 0%;
}
}
.lineAddFx {
width: 730px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1199px) {
.lineAddFx {
width: 60.83%;
}
}
@media screen and (max-width: 1199px) {
.lineAddFx {
margin-top: 0%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.lineAddFx {
width: 64%;
}
}
@media screen and (max-width: 767px) {
.lineAddFx {
width: 320px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.lineAddFx {
width: 85.33%;
}
}
.iconLine {
width: 55px;
}
@media screen and (max-width: 1199px) {
.iconLine {
width: 7.53%;
}
}
@media screen and (max-width: 767px) {
.iconLine {
width: 55px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.iconLine {
width: 17.18%;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.iconLine {
margin-top: 0%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
.txtLineAdd {
width: 655px;
font-size: 16px;
line-height: 1.25;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
@media screen and (max-width: 1199px) {
.txtLineAdd {
width: 89.72%;
}
}
@media screen and (max-width: 1199px) {
.txtLineAdd {
font-size: 1.3344453711vw;
}
}
.txtLineAdd::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.25) * 0.5em);
content: "";
}
.txtLineAdd::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.25) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.txtLineAdd {
text-align: center;
margin: 8.81% 0% 0% 0%;
width: 100%;
line-height: 1.4285714286;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.txtLineAdd {
font-size: 3.7333333333vw;
}
}
@media screen and (max-width: 767px) {
.txtLineAdd::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.4285714286) * 0.5em);
content: "";
}
.txtLineAdd::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.4285714286) * 0.5em);
content: "";
}
}
.btmLineAdd {
width: 1000px;
margin-top: 19px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1199px) {
.btmLineAdd {
width: 83.33%;
}
}
@media screen and (max-width: 1199px) {
.btmLineAdd {
margin-top: 1.58%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.btmLineAdd {
width: 350px;
margin-top: 6.33%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.btmLineAdd {
width: 93.33%;
}
}   .galleryLxn {
position: relative;
}
.gallery {
padding-top: 100px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.gallery {
padding: 5.2% 0% 0% 0%;
}
}
@media screen and (max-width: 767px) {
.gallery {
padding-top: 27px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.gallery {
padding: 7.2% 0% 0% 0%;
}
}
.h2Gallery {
width: 100px;
margin: auto;
}
@media screen and (max-width: 1199px) {
.h2Gallery {
width: 8.33%;
}
}
@media screen and (max-width: 767px) {
.h2Gallery {
width: 96px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.h2Gallery {
width: 25.6%;
}
} .galleryLxn {
margin-top: 30px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
@media screen and (max-width: 1199px) {
.galleryLxn {
margin: 2.5% 0% 0% 0%;
}
}
@media screen and (max-width: 767px) {
.galleryLxn {
margin-top: 27px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
width: 93.335%;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.galleryLxn {
margin-top: 7.2%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
.swiper-slide {
opacity: 0.4;
}
.swiper-slide-active {
opacity: 1;
}
.swiper-button-prev::after,
.swiper-button-next::after {
display: none;
}
.swiper-button-prev {
width: 50px;
height: 50px;
background: url(//brushup-hiroshima.com/wp-content/themes/WebPTemplatebyMarcat/img/swiper-button-prev.svg) no-repeat center center;
background-size: 100% 100%;
left: 2%;
top: 49%;
}
@media screen and (max-width: 767px) {
.swiper-button-prev {
width: 34px;
height: 34px;
top: 51.5%;
left: 0;
}
}
.swiper-button-next {
width: 50px;
height: 50px;
background: url(//brushup-hiroshima.com/wp-content/themes/WebPTemplatebyMarcat/img/swiper-button-next.svg) no-repeat center center;
background-size: 100% 100%;
right: 2%;
top: 49%;
}
@media screen and (max-width: 767px) {
.swiper-button-next {
width: 34px;
height: 34px;
top: 51.5%;
right: 0%;
}
} .txtGallery {
margin-top: 37px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-size: 16px;
line-height: 1.25;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
@media screen and (max-width: 1199px) {
.txtGallery {
margin: 3.08% 0% 0% 0%;
}
}
@media screen and (max-width: 1199px) {
.txtGallery {
font-size: 1.3344453711vw;
}
}
.txtGallery::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.25) * 0.5em);
content: "";
}
.txtGallery::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.25) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.txtGallery {
margin: 6% 0% 0% 0%;
line-height: 1.4285714286;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.txtGallery {
font-size: 3.7333333333vw;
}
}
@media screen and (max-width: 767px) {
.txtGallery::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.4285714286) * 0.5em);
content: "";
}
.txtGallery::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.4285714286) * 0.5em);
content: "";
}
}
.btmVoice {
width: 1000px;
margin-top: 37px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1199px) {
.btmVoice {
width: 83.33%;
}
}
@media screen and (max-width: 1199px) {
.btmVoice {
margin-top: 3.08%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.btmVoice {
width: 95.33%;
margin-top: 30px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.btmVoice {
margin-top: 8%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}   .access {
padding-top: 60px;
padding-bottom: 82px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.access {
padding: 3.12% 0% 4.27% 0%;
}
}
@media screen and (max-width: 767px) {
.access {
padding: 10.5% 0% 8.9% 0%;
}
}
.h2Access {
width: 413px;
margin: auto;
}
@media screen and (max-width: 1199px) {
.h2Access {
width: 34.41%;
}
}
@media screen and (max-width: 767px) {
.h2Access {
width: 350px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.h2Access {
width: 93.33%;
}
}
.ggmap {
width: 1000px;
margin-top: 30px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
aspect-ratio: 1000/495;
}
@media screen and (max-width: 1199px) {
.ggmap {
width: 83.33%;
}
}
@media screen and (max-width: 1199px) {
.ggmap {
margin-top: 2.5%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.ggmap {
width: 350px;
margin-top: 9%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
aspect-ratio: 350/489;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.ggmap {
width: 93.33%;
}
}
.ggmap iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.txtAccess {
margin-top: 32px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-size: 16px;
line-height: 1.25;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
@media screen and (max-width: 1199px) {
.txtAccess {
margin: 2.66% 0% 0% 0%;
}
}
@media screen and (max-width: 1199px) {
.txtAccess {
font-size: 1.3344453711vw;
}
}
.txtAccess::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.25) * 0.5em);
content: "";
}
.txtAccess::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.25) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.txtAccess {
margin: 8.6% 0% 0% 0%;
line-height: 1.25;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.txtAccess {
font-size: 4.2666666667vw;
}
}
@media screen and (max-width: 767px) {
.txtAccess::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.25) * 0.5em);
content: "";
}
.txtAccess::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.25) * 0.5em);
content: "";
}
}
.telCnts {
margin-top: 32px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
width: 1000px;
}
@media screen and (max-width: 1199px) {
.telCnts {
margin-top: 2.66%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1199px) {
.telCnts {
padding: 1.66% 0% 0% 0%;
}
}
@media screen and (max-width: 1199px) {
.telCnts {
width: 83.33%;
}
}
@media screen and (max-width: 767px) {
.telCnts {
margin: 8.5% auto 0% auto;
padding-top: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
width: 93.33%;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.telCnts {
padding: 5.33% 0% 0% 0%;
}
}
.btmTelCnts {
width: 360px;
margin: auto;
}
@media screen and (max-width: 1199px) {
.btmTelCnts {
width: 30%;
}
}
@media screen and (max-width: 767px) {
.btmTelCnts {
width: 88.13%;
}
}
.picHygiene {
margin-top: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
@media screen and (max-width: 1199px) {
.picHygiene {
margin: 1.66% 0% 0% 0%;
}
}
@media screen and (max-width: 767px) {
.picHygiene {
margin-top: 5.1%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
width: 94%;
}
}   .btmFooterTop {
position: fixed;
z-index: 999;
bottom: 2%;
right: 2%;
width: 143px;
}
@media screen and (max-width: 1199px) {
.btmFooterTop {
width: 143px;
}
}
@media screen and (max-width: 1199px) and (max-width: 1199px) {
.btmFooterTop {
width: 11.91%;
}
}
@media screen and (max-width: 767px) {
.btmFooterTop {
width: 18.67%;
bottom: 4%;
right: 3%;
}
} .footer {
padding-top: 23px;
padding-bottom: 25px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 1199px) {
.footer {
padding: 1.19% 0% 1.3% 0%;
}
}
@media screen and (max-width: 767px) {
.footer {
padding: 6.6% 0% 17.06% 0%;
}
}
.footerLogoBox {
text-decoration: none;
width: 138px;
margin: auto;
}
@media screen and (max-width: 1199px) {
.footerLogoBox {
width: 11.5%;
}
}
@media screen and (max-width: 767px) {
.footerLogoBox {
width: 138px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.footerLogoBox {
width: 36.8%;
}
}
.h2Footer {
width: 568px;
margin-top: 20px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1199px) {
.h2Footer {
width: 47.33%;
}
}
@media screen and (max-width: 1199px) {
.h2Footer {
margin-top: 1.66%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.h2Footer {
width: 254px;
margin-top: 30px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.h2Footer {
width: 67.73%;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.h2Footer {
margin-top: 8%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
.ulFooterSNS {
width: 324px;
margin-top: 20px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1199px) {
.ulFooterSNS {
width: 27%;
}
}
@media screen and (max-width: 1199px) {
.ulFooterSNS {
margin-top: 1.66%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.ulFooterSNS {
width: 320px;
margin-top: 30px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.ulFooterSNS {
width: 85.33%;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.ulFooterSNS {
margin-top: 8%;
margin-bottom: 0%;
margin-left: auto;
margin-right: auto;
}
}
.liFooterSNS {
width: 134px;
}
@media screen and (max-width: 1199px) {
.liFooterSNS {
width: 41.35%;
}
}
@media screen and (max-width: 767px) {
.liFooterSNS {
width: 134px;
}
}
@media screen and (max-width: 767px) and (max-width: 1199px) {
.liFooterSNS {
width: 41.87%;
}
}   .copy {
height: 40px;
}
@media screen and (max-width: 1199px) {
.copy {
height: 3.3333333333vw;
}
}
@media screen and (max-width: 767px) {
.copy {
height: 7.4666666667vw;
}
}
.txtCopy {
font-size: 16px;
line-height: 1.25;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
@media screen and (max-width: 1199px) {
.txtCopy {
font-size: 1.3344453711vw;
}
}
.txtCopy::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.25) * 0.5em);
content: "";
}
.txtCopy::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.25) * 0.5em);
content: "";
}
@media screen and (max-width: 767px) {
.txtCopy {
line-height: 1.6666666667;
letter-spacing: -0.05em;
text-indent: 0.05em;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.txtCopy {
font-size: 3.2vw;
}
}
@media screen and (max-width: 767px) {
.txtCopy::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.6666666667) * 0.5em);
content: "";
}
.txtCopy::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.6666666667) * 0.5em);
content: "";
}
}