@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
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; }
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; }
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none; }
/* change colours to suit your needs */
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; }
/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0; }
input, select {
vertical-align: middle; }
* {
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
-webkit-box-sizing: inherit;
box-sizing: inherit; }
html {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 62.5%;
font-weight: 300; }
body {
font-size: 1.6rem;
line-height: 1.4rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #ffffff;
color: #666666; }
body.ua_pc, body.ua_tablet {
min-width: 800px;
min-height: 540px; }
body.ua_sp, body.slim {
width: 100%;
height: 100%;
min-width: 375px;
min-height: 0;
min-height: initial; }
a {
-webkit-transition: all .3s;
transition: all .3s; }
a:link,
a:visited {
color: #ffffff;
text-decoration: none; }
a:hover,
a:active {
color: #ffd800;
text-decoration: none; }
.link_text {
-webkit-transition: all .3s;
transition: all .3s;
cursor: pointer; }
.ua_pc .link_text:hover {
color: #ffd800; }
.link_box {
-webkit-transition: all .3s;
transition: all .3s;
cursor: pointer; }
.ua_pc .link_box:hover {
opacity: 0.75; }
.section {
position: relative;
width: 100%;
height: 100%;
text-align: center;
background-color: #ffffff; }
.ua_pc .section, .ua_tablet {
min-width: 800px;
min-height: 540px; }
.ua_sp .section, .slim .section {
width: 100%;
height: 100%;
min-width: 375px;
min-height: 0;
min-height: initial; }
.section.title .belt {
position: relative;
color: #ffffff; }
@media (min-width: 1200px) {
.section.title .belt {
margin: calc(76px * 1) 0;
height: calc(100% - (76px * 1 * 2)); } }
@media (min-width: 800px) and (max-width: 1199px) {
.section.title .belt {
margin: calc(76px * 0.75) 0;
height: calc(100% - (76px * 0.75 * 2)); } }
@media (max-width: 799px) {
.section.title .belt {
margin: calc(76px * 0.5) 0;
height: calc(100% - (76px * 0.5 * 2)); } }
.section.title .belt .caption {
position: absolute;
top: 14.2%;
left: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.section.title .belt .caption .num {
width: 20%;
text-align: right;
height: 1.0em;
line-height: 0.8em; }
@media (min-width: 1200px) {
.section.title .belt .caption .num {
font-size: calc(14.0rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.section.title .belt .caption .num {
font-size: calc(14.0rem * 0.75); } }
@media (max-width: 799px) {
.section.title .belt .caption .num {
font-size: calc(14.0rem * 0.5); } }
.section.title .belt .caption .title {
width: 80%;
height: 8.75em;
text-align: left; }
@media (min-width: 1200px) {
.section.title .belt .caption .title {
font-size: calc(1.6rem * 1);
padding-left: calc(40px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.section.title .belt .caption .title {
font-size: calc(1.6rem * 0.75);
padding-left: calc(40px * 0.75); } }
@media (max-width: 799px) {
.section.title .belt .caption .title {
font-size: calc(1.6rem * 0.5);
padding-left: calc(40px * 0.5); } }
.section.title .belt .caption .title .ja {
line-height: 1.0em;
letter-spacing: 0.2em; }
.section.title .belt .caption .title .en {
margin-top: 0.1em;
line-height: 1.0em;
opacity: 0.6; }
@media (min-width: 1200px) {
.section.title .belt .caption .title .ja {
font-size: calc(6.6rem * 1); }
.section.title .belt .caption .title .en {
font-size: calc(4.0rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.section.title .belt .caption .title .ja {
font-size: calc(6.6rem * 0.75); }
.section.title .belt .caption .title .en {
font-size: calc(4.0rem * 0.75); } }
@media (max-width: 799px) {
.section.title .belt .caption .title .ja {
font-size: calc(6.6rem * 0.5); }
.section.title .belt .caption .title .en {
font-size: calc(4.0rem * 0.5); } }
.section.title .belt .contents {
position: absolute;
bottom: 11.3%;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: justify;
align-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%; }
.section.title .belt .contents .chara {
width: 50%; }
@media (min-width: 1200px) {
.section.title .belt .contents .chara img {
width: calc(500px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.section.title .belt .contents .chara img {
width: calc(500px * 0.75); } }
@media (max-width: 799px) {
.section.title .belt .contents .chara img {
width: calc(500px * 0.5); } }
.section.title .belt .contents .chara_left {
right: 50%;
text-align: right; }
.section.title .belt .contents .chara_right {
left: 50%;
text-align: left; }
.section.title .belt .contents .name {
width: 50%;
height: 15%;
margin-top: 0.6em; }
@media (min-width: 1200px) {
.section.title .belt .contents .name {
font-size: calc(4.2rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.section.title .belt .contents .name {
font-size: calc(4.2rem * 0.75); } }
@media (max-width: 799px) {
.section.title .belt .contents .name {
font-size: calc(4.2rem * 0.5); } }
.section.title .belt .contents .name_left {
text-align: right;
padding-right: 4.0em; }
.section.title .belt .contents .name_right {
text-align: left;
padding-left: 4.0em; }
.section.title#sct1 .belt {
background-color: #3399cc; }
.section.title#sct2 .belt {
background-color: #ff6666; }
.section.title#sct3 .belt {
background-color: #ffaf00; }
.section.title#sct4 .belt {
background-color: #00b45a; }
@media (min-width: 1200px) {
.ua_tablet.term_landscape .section.title .belt .caption .num {
font-size: calc(14.0rem * 1 * .8); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_landscape .section.title .belt .caption .num {
font-size: calc(14.0rem * 0.75 * .8); } }
@media (max-width: 799px) {
.ua_tablet.term_landscape .section.title .belt .caption .num {
font-size: calc(14.0rem * 0.5 * .8); } }
@media (min-width: 1200px) {
.ua_tablet.term_landscape .section.title .belt .caption .title {
font-size: calc(1.6rem * 1 * .8);
padding-left: calc(40px * 1 * .8); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_landscape .section.title .belt .caption .title {
font-size: calc(1.6rem * 0.75 * .8);
padding-left: calc(40px * 0.75 * .8); } }
@media (max-width: 799px) {
.ua_tablet.term_landscape .section.title .belt .caption .title {
font-size: calc(1.6rem * 0.5 * .8);
padding-left: calc(40px * 0.5 * .8); } }
@media (min-width: 1200px) {
.ua_tablet.term_landscape .section.title .belt .caption .title .ja {
font-size: calc(6.6rem * 1 * .8); }
.ua_tablet.term_landscape .section.title .belt .caption .title .en {
font-size: calc(4.0rem * 1 * .8); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_landscape .section.title .belt .caption .title .ja {
font-size: calc(6.6rem * 0.75 * .8); }
.ua_tablet.term_landscape .section.title .belt .caption .title .en {
font-size: calc(4.0rem * 0.75 * .8); } }
@media (max-width: 799px) {
.ua_tablet.term_landscape .section.title .belt .caption .title .ja {
font-size: calc(6.6rem * 0.5 * .8); }
.ua_tablet.term_landscape .section.title .belt .caption .title .en {
font-size: calc(4.0rem * 0.5 * .8); } }
@media (min-width: 1200px) {
.ua_tablet.term_landscape .section.title .belt .contents .chara img {
width: calc(500px * 1 * .8); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_landscape .section.title .belt .contents .chara img {
width: calc(500px * 0.75 * .8); } }
@media (max-width: 799px) {
.ua_tablet.term_landscape .section.title .belt .contents .chara img {
width: calc(500px * 0.5 * .8); } }
@media (min-width: 1200px) {
.ua_tablet.term_landscape .section.title .belt .contents .name {
font-size: calc(4.2rem * 1 * .8); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_landscape .section.title .belt .contents .name {
font-size: calc(4.2rem * 0.75 * .8); } }
@media (max-width: 799px) {
.ua_tablet.term_landscape .section.title .belt .contents .name {
font-size: calc(4.2rem * 0.5 * .8); } }
.ua_tablet.term_landscape .section.title .belt .contents .name_left {
padding-right: 3.6em; }
.ua_tablet.term_landscape .section.title .belt .contents .name_right {
padding-left: 3.6em; }
.ua_tablet.term_portrait .section.title .belt .contents {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.ua_sp .section.title .belt, .slim .section.title .belt {
margin: 0;
margin-top: 60px;
height: calc(100% - 60px); }
.ua_sp .section.title .belt .caption, .slim .section.title .belt .caption {
top: 14.9%; }
.ua_sp .section.title .belt .caption .num, .slim .section.title .belt .caption .num {
width: 32%;
height: 60px;
line-height: 60px;
font-size: 7.4rem; }
.ua_sp .section.title .belt .caption .title, .slim .section.title .belt .caption .title {
width: 68%;
height: 60px;
padding-left: 20px; }
.ua_sp .section.title .belt .caption .title .ja, .slim .section.title .belt .caption .title .ja {
font-size: 3.6rem; }
.ua_sp .section.title .belt .caption .title .en, .slim .section.title .belt .caption .title .en {
margin-top: 5px;
font-size: 2.0rem; }
.ua_sp .section.title .belt .contents, .slim .section.title .belt .contents {
bottom: 20%; }
.ua_sp .section.title .belt .contents .chara img, .slim .section.title .belt .contents .chara img {
height: 250px; }
.ua_sp .section.title .belt .contents .chara_left img, .slim .section.title .belt .contents .chara_left img {
margin-left: -10%; }
.ua_sp .section.title .belt .contents .chara_right img, .slim .section.title .belt .contents .chara_right img {
margin-left: -20%; }
.ua_sp .section.title .belt .contents .name, .slim .section.title .belt .contents .name {
height: 25%;
font-size: 2.4rem;
margin-top: 0; }
.ua_sp .section.title .belt .contents .name_left, .slim .section.title .belt .contents .name_left {
padding-right: 1.5em; }
.ua_sp .section.title .belt .contents .name_right, .slim .section.title .belt .contents .name_right {
padding-left: 1.5em; }
.section.story .paragraph {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 30em;
line-height: 1.75em;
text-align: justify;
letter-spacing: 0.1em; }
@media (min-width: 1200px) {
.section.story .paragraph {
font-size: calc(1.8rem * 1);
bottom: calc(130px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.section.story .paragraph {
font-size: calc(1.8rem * 0.75);
bottom: calc(130px * 0.75); } }
@media (max-width: 799px) {
.section.story .paragraph {
font-size: calc(1.8rem * 0.5);
bottom: calc(130px * 0.5); } }
.ua_sp .section.story .paragraph, .slim .section.story .paragraph {
bottom: 30px;
width: 312px;
font-size: 1.8rem;
line-height: 1.75em;
letter-spacing: 0.05em;
padding-left: 0.3em; }
.section.summary .contents {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media (min-width: 1200px) {
.section.summary .contents {
padding: calc(76px * 1) 0; } }
@media (min-width: 800px) and (max-width: 1199px) {
.section.summary .contents {
padding: calc(76px * 0.75) 0; } }
@media (max-width: 799px) {
.section.summary .contents {
padding: calc(76px * 0.5) 0; } }
.section.summary .contents .chara img {
margin: 0 auto;
margin-bottom: 0;
height: 250px; }
@media (min-width: 1200px) {
.section.summary .contents .chara img {
height: calc(250px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.section.summary .contents .chara img {
height: calc(250px * 0.75); } }
@media (max-width: 799px) {
.section.summary .contents .chara img {
height: calc(250px * 0.5); } }
.section.summary .contents .title {
letter-spacing: 0.2em;
margin: 0 auto;
margin-top: 0.5em;
line-height: 1.0em; }
@media (min-width: 1200px) {
.section.summary .contents .title {
font-size: calc(6.5rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.section.summary .contents .title {
font-size: calc(6.5rem * 0.75); } }
@media (max-width: 799px) {
.section.summary .contents .title {
font-size: calc(6.5rem * 0.5); } }
.section.summary .contents .caption {
letter-spacing: 0.06em;
margin: 0 auto;
line-height: 1em;
opacity: .6; }
@media (min-width: 1200px) {
.section.summary .contents .caption {
font-size: calc(3.6rem * 1);
margin-top: calc(10px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.section.summary .contents .caption {
font-size: calc(3.6rem * 0.75);
margin-top: calc(10px * 0.75); } }
@media (max-width: 799px) {
.section.summary .contents .caption {
font-size: calc(3.6rem * 0.5);
margin-top: calc(10px * 0.5); } }
.section.summary .contents .description {
letter-spacing: 0.06em;
margin: 0 auto;
line-height: 1.75em;
width: 40em; }
@media (min-width: 1200px) {
.section.summary .contents .description {
font-size: calc(1.8rem * 1);
margin-top: calc(45px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.section.summary .contents .description {
font-size: calc(1.8rem * 0.75);
margin-top: calc(45px * 0.75); } }
@media (max-width: 799px) {
.section.summary .contents .description {
font-size: calc(1.8rem * 0.5);
margin-top: calc(45px * 0.5); } }
.section.summary .contents .support {
letter-spacing: 0.07em;
background-color: #00a99d;
color: #ffffff;
padding: 0 1.0em; }
@media (min-width: 1200px) {
.section.summary .contents .support {
margin: calc(60px * 1) auto;
height: calc(75px * 1);
line-height: calc(75px * 1);
border-radius: calc(15px * 1);
font-size: calc(2.8rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.section.summary .contents .support {
margin: calc(60px * 0.75) auto;
height: calc(75px * 0.75);
line-height: calc(75px * 0.75);
border-radius: calc(15px * 0.75);
font-size: calc(2.8rem * 0.75); } }
@media (max-width: 799px) {
.section.summary .contents .support {
margin: calc(60px * 0.5) auto;
height: calc(75px * 0.5);
line-height: calc(75px * 0.5);
border-radius: calc(15px * 0.5);
font-size: calc(2.8rem * 0.5); } }
.ua_sp .section.summary .contents, .slim .section.summary .contents {
height: auto;
padding: 0; }
.ua_sp .section.summary .contents .chara, .slim .section.summary .contents .chara {
margin-top: 60px;
height: 160px; }
.ua_sp .section.summary .contents .chara img, .slim .section.summary .contents .chara img {
height: 160px; }
.ua_sp .section.summary .contents .title, .slim .section.summary .contents .title {
font-size: 4.8rem;
line-height: 1.0em;
margin-top: 0; }
.ua_sp .section.summary .contents .caption, .slim .section.summary .contents .caption {
font-size: 2.8rem;
line-height: 1.0em;
margin-top: 10px; }
.ua_sp .section.summary .contents .description, .slim .section.summary .contents .description {
font-size: 1.6rem;
line-height: 1.75em;
width: 340px;
margin-top: 25px; }
.ua_sp .section.summary .contents .support, .slim .section.summary .contents .support {
margin: 20px auto;
width: 340px;
height: 60px;
line-height: 60px;
border-radius: 5px;
font-size: 2.0rem; }
.act {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.ua_sp .act, .slim .act {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%; }
.fp-tableCell {
vertical-align: top; }
.ua_sp .sp, .slim .sp {
display: none; }
.ua_pc .pc, .ua_tablet .pc {
display: none; }
#side_menu {
position: fixed;
list-style: none;
top: 40%;
right: 2%;
-webkit-transition: all .3s;
transition: all .3s;
opacity: 0; }
#side_menu li {
position: relative;
background-color: #ffffff;
border: #666666 solid 1px;
cursor: pointer; }
@media (min-width: 1200px) {
#side_menu li {
width: calc(10px * 1);
height: calc(10px * 1);
border-radius: calc(10px * 1);
margin: calc(15px * 1) auto; } }
@media (min-width: 800px) and (max-width: 1199px) {
#side_menu li {
width: calc(10px * 0.75);
height: calc(10px * 0.75);
border-radius: calc(10px * 0.75);
margin: calc(15px * 0.75) auto; } }
@media (max-width: 799px) {
#side_menu li {
width: calc(10px * 0.5);
height: calc(10px * 0.5);
border-radius: calc(10px * 0.5);
margin: calc(15px * 0.5) auto; } }
#side_menu li.active {
background-color: #666666;
border: none; }
@media (min-width: 1200px) {
#side_menu li.active {
width: calc(15px * 1);
height: calc(15px * 1);
border-radius: calc(15px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
#side_menu li.active {
width: calc(15px * 0.75);
height: calc(15px * 0.75);
border-radius: calc(15px * 0.75); } }
@media (max-width: 799px) {
#side_menu li.active {
width: calc(15px * 0.5);
height: calc(15px * 0.5);
border-radius: calc(15px * 0.5); } }
#side_menu li a {
width: 100%;
height: 100%; }
#side_menu li .desc {
display: none;
position: absolute;
color: #666666;
width: 12em;
right: 1.2em;
text-align: right;
font-weight: 400; }
@media (min-width: 1200px) {
#side_menu li .desc {
font-size: calc(2.0rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
#side_menu li .desc {
font-size: calc(2.0rem * 0.75); } }
@media (max-width: 799px) {
#side_menu li .desc {
font-size: calc(2.0rem * 0.5); } }
#side_menu li:hover .desc {
display: inline-block; }
.ua_sp #side_menu, .slim #side_menu {
display: none; }
.modal {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #00a99d;
z-index: 9000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform-origin: right;
transform-origin: right; }
.modal a {
width: 100%;
height: 100%; }
.modal .modal_close {
position: absolute;
background-image: url("../images/modal/close.svg");
top: 0;
right: 0; }
@media (min-width: 1200px) {
.modal .modal_close {
width: calc(44px * 1);
height: calc(44px * 1);
margin: calc(60px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.modal .modal_close {
width: calc(44px * 0.75);
height: calc(44px * 0.75);
margin: calc(60px * 0.75); } }
@media (max-width: 799px) {
.modal .modal_close {
width: calc(44px * 0.5);
height: calc(44px * 0.5);
margin: calc(60px * 0.5); } }
.modal .modal_contents {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media (min-width: 1200px) {
.modal .modal_contents {
padding: calc(150px * 0.4); } }
@media (min-width: 800px) and (max-width: 1199px) {
.modal .modal_contents {
padding: calc(150px * 0.35); } }
@media (max-width: 799px) {
.modal .modal_contents {
padding: calc(150px * 0.5); } }
.open {
-webkit-transform: scaleX(1);
transform: scaleX(1);
opacity: 1; }
.site_map {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
line-height: 1em;
color: #ffffff;
width: 100%; }
@media (min-width: 1200px) {
.site_map {
font-size: calc(3.0rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.site_map {
font-size: calc(3.0rem * 0.75); } }
@media (max-width: 799px) {
.site_map {
font-size: calc(3.0rem * 0.5); } }
.site_map .index {
width: 17.5%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
list-style: none; }
.site_map .index li {
margin-bottom: 1.8em; }
.site_map .service {
width: 37%; }
.site_map .service .topic {
margin-bottom: 1.5em; }
.site_map .service ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 1.0em; }
.site_map .service ul li {
margin-bottom: 1.8em; }
.site_map .service ul li::before {
width: 0.25em;
height: 0.25em;
content: '・'; }
.site_map .project {
width: 27.5%; }
.site_map .project .topic {
margin-bottom: 1.5em; }
.site_map .project ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 1.0em; }
.site_map .project ul li {
margin-bottom: 1.8em; }
.site_map .project ul li::before {
width: 0.25em;
height: 0.25em;
content: '・'; }
.site_map .project ul li span {
letter-spacing: 0.13em; }
.site_map .visions {
width: 18%; }
.site_map .visions .topic {
margin-bottom: 1.5em; }
.site_map .visions ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
list-style: none;
margin-left: 1.1em; }
.site_map .visions ul li {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.site_map .visions ul li a {
position: absolute; }
.site_map .visions ul li .no {
width: 2.2em; }
.site_map .visions ul li .item .ja {
margin-bottom: 0.1em; }
.site_map .visions ul li .item .en {
opacity: .5;
margin-bottom: 2.4em; }
@media (min-width: 1200px) {
.site_map .visions ul li .item .en {
font-size: calc(2.0rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.site_map .visions ul li .item .en {
font-size: calc(2.0rem * 0.75); } }
@media (max-width: 799px) {
.site_map .visions ul li .item .en {
font-size: calc(2.0rem * 0.5); } }
.ua_sp .modal .modal_close, .slim .modal .modal_close {
width: 22px;
height: 22px;
margin: 15px; }
.ua_sp .modal .modal_contents, .slim .modal .modal_contents {
margin-top: 25px;
padding: 45px; }
.ua_sp .site_map, .slim .site_map {
display: block;
font-size: 1.6rem; }
.ua_sp .site_map .index, .slim .site_map .index {
width: 100%; }
.ua_sp .site_map .index li, .slim .site_map .index li {
margin-bottom: 1.0em; }
.ua_sp .site_map .service, .slim .site_map .service {
width: 100%;
margin-bottom: 0.7em; }
.ua_sp .site_map .service .topic, .slim .site_map .service .topic {
margin-bottom: 0.6em; }
.ua_sp .site_map .service ul li, .slim .site_map .service ul li {
margin-bottom: 0.7em; }
.ua_sp .site_map .project, .slim .site_map .project {
width: 100%;
margin-bottom: 0.7em; }
.ua_sp .site_map .project .topic, .slim .site_map .project .topic {
margin-bottom: 0.6em; }
.ua_sp .site_map .project ul li, .slim .site_map .project ul li {
margin-bottom: 0.7em; }
.ua_sp .site_map .visions, .slim .site_map .visions {
width: 100%; }
.ua_sp .site_map .visions .topic, .slim .site_map .visions .topic {
margin-bottom: 0.6em; }
.ua_sp .site_map .visions ul, .slim .site_map .visions ul {
margin-left: 1.0em; }
.ua_sp .site_map .visions ul li .no, .slim .site_map .visions ul li .no {
width: 2.2em; }
.ua_sp .site_map .visions ul li .item, .slim .site_map .visions ul li .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.ua_sp .site_map .visions ul li .item .ja, .slim .site_map .visions ul li .item .ja {
margin-bottom: 0.6em; }
.ua_sp .site_map .visions ul li .item .en, .slim .site_map .visions ul li .item .en {
padding-left: 0.67em;
font-size: 1.2rem;
margin-bottom: 1.0em; }
.loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
z-index: 8000; }
.loading .logo_icon {
display: inline-block;
background: url("../images/logo.svg");
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
-webkit-animation: logo 1s ease 1;
animation: logo 1s ease 1; }
@media (min-width: 1200px) {
.loading .logo_icon {
width: calc(116px * 1);
height: calc(108px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.loading .logo_icon {
width: calc(116px * 0.75);
height: calc(108px * 0.75); } }
@media (max-width: 799px) {
.loading .logo_icon {
width: calc(116px * 0.5);
height: calc(108px * 0.5); } }
@-webkit-keyframes logo {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1; }
60% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
@keyframes logo {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1; }
60% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
#page_header {
position: fixed;
top: 0;
width: 100%;
background-color: white;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all .3s;
transition: all .3s; }
@media (min-width: 1200px) {
#page_header {
height: calc(76px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
#page_header {
height: calc(76px * 0.75); } }
@media (max-width: 799px) {
#page_header {
height: calc(76px * 0.5); } }
@media (min-width: 1200px) {
#page_header .header_logo {
margin-left: calc(40px * 1); }
#page_header .header_logo img {
height: calc(50px * 1); }
#page_header .header_menu {
margin-right: calc(40px * 1); }
#page_header .header_menu img {
height: calc(50px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
#page_header .header_logo {
margin-left: calc(40px * 0.75); }
#page_header .header_logo img {
height: calc(50px * 0.75); }
#page_header .header_menu {
margin-right: calc(40px * 0.75); }
#page_header .header_menu img {
height: calc(50px * 0.75); } }
@media (max-width: 799px) {
#page_header .header_logo {
margin-left: calc(40px * 0.5); }
#page_header .header_logo img {
height: calc(50px * 0.5); }
#page_header .header_menu {
margin-right: calc(40px * 0.5); }
#page_header .header_menu img {
height: calc(50px * 0.5); } }
.ua_sp #page_header, .slim #page_header {
height: 60px; }
.ua_sp #page_header .header_logo, .slim #page_header .header_logo {
margin-left: 20px; }
.ua_sp #page_header .header_logo img, .slim #page_header .header_logo img {
height: 30px; }
.ua_sp #page_header .header_menu, .slim #page_header .header_menu {
margin-right: 20px; }
.ua_sp #page_header .header_menu img, .slim #page_header .header_menu img {
height: 30px; }
.header_nav,.header_button {
display: flex;
align-items: center; }
.header_button a:link, .header_button a:visited {
background-color: #00A99D;
position: relative;
padding: 4px 10px 4px 30px;
border-radius: 5px; }
.header_button a:before {
display: block;
position: absolute;
width: 16px;
height: auto;
left: 10px;
top: 50%;
margin-top: -8px; }
.header_button a.button_recruit {
margin-right: 10px; }
.header_button a.button_recruit:before {
content: url('../images/ico-recruit.svg'); }
.header_button a.button_contact:before {
content: url('../images/ico-contact.svg'); }
@media (max-width: 1199px) and (min-width: 800px) {
.header_button {
font-size: 0.75em; }
}
.ua_sp .header_button {
font-size: 0.75em; }
.top {
background-color: #00a99d; }
.top .contents {
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #ffffff; }
.top .contents .title {
width: 100%;
text-align: center;
letter-spacing: 0.4em;
font-weight: 300;
text-indent: 1.4em; }
@media (min-width: 1200px) {
.top .contents .title {
font-size: calc(4.5rem * 1);
margin-top: calc(65px * 1);
margin-bottom: calc(65px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.top .contents .title {
font-size: calc(4.5rem * 0.75);
margin-top: calc(65px * 0.75);
margin-bottom: calc(65px * 0.75); } }
@media (max-width: 799px) {
.top .contents .title {
font-size: calc(4.5rem * 0.5);
margin-top: calc(65px * 0.5);
margin-bottom: calc(65px * 0.5); } }
.top .contents .description {
width: 100%;
text-align: center;
line-height: 1.75em;
letter-spacing: 0.35em; }
@media (min-width: 1200px) {
.top .contents .description {
font-size: calc(1.8rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.top .contents .description {
font-size: calc(1.8rem * 0.75); } }
@media (max-width: 799px) {
.top .contents .description {
font-size: calc(1.8rem * 0.5); } }
.top .contents .arrow {
margin: 1em auto;
height: 32px;
width: 108px;
opacity: .6;
background: url("../images/arrow.svg") no-repeat;
cursor: pointer; }
.top .act1 {
background: url("../images/top/top_act1.svg") center/cover no-repeat; }
.top .act2 {
background: url("../images/top/top_act2.svg") center bottom/cover no-repeat; }
.top .act3 {
background: url("../images/top/top_act3.svg") center bottom/cover no-repeat; }
.top .act4 {
background: url("../images/top/top_act4.svg") center bottom/cover no-repeat; }
@media (min-width: 1200px) {
.ua_tablet.term_landscape .top .contents .title {
font-size: calc(4.5rem * 1 * .9);
margin-top: calc(65px * 1 * .9);
margin-bottom: calc(65px * 1 * .9); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_landscape .top .contents .title {
font-size: calc(4.5rem * 0.75 * .9);
margin-top: calc(65px * 0.75 * .9);
margin-bottom: calc(65px * 0.75 * .9); } }
@media (max-width: 799px) {
.ua_tablet.term_landscape .top .contents .title {
font-size: calc(4.5rem * 0.5 * .9);
margin-top: calc(65px * 0.5 * .9);
margin-bottom: calc(65px * 0.5 * .9); } }
@media (min-width: 1200px) {
.ua_tablet.term_landscape .top .contents .description {
font-size: calc(1.8rem * 1 * .9); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_landscape .top .contents .description {
font-size: calc(1.8rem * 0.75 * .9); } }
@media (max-width: 799px) {
.ua_tablet.term_landscape .top .contents .description {
font-size: calc(1.8rem * 0.5 * .9); } }
.ua_tablet.term_portrait .top .act {
background-position-x: 10%; }
.ua_sp .top .contents, .slim .top .contents {
width: 100%;
padding: 0; }
.ua_sp .top .contents .title, .slim .top .contents .title {
font-size: 2.6rem;
margin-top: 100px;
margin-bottom: 54px;
letter-spacing: 0.25em;
text-indent: 1.25em; }
.ua_sp .top .contents .description, .slim .top .contents .description {
width: 100%;
padding: 0 1.8em;
font-size: 1.4rem;
line-height: 1.75em;
letter-spacing: 0.08em;
text-align: justify; }
.ua_sp .top .act1, .slim .top .act1 {
background: url("../images/top/sp_top_act1.svg") center/cover no-repeat; }
.ua_sp .top .act2, .slim .top .act2 {
background: url("../images/top/sp_top_act2.svg") center bottom/cover no-repeat; }
.ua_sp .top .act3, .slim .top .act3 {
background: url("../images/top/sp_top_act3.svg") center bottom/cover no-repeat; }
.ua_sp .top .act4, .slim .top .act4 {
background: none; }
.vision {
padding: 0; }
.vision ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none; }
@media (min-width: 1200px) {
.vision ul {
margin-top: calc(76px * 1);
padding: 0 calc(50px * 1);
height: calc(100% - (76px * 1)); } }
@media (min-width: 800px) and (max-width: 1199px) {
.vision ul {
margin-top: calc(76px* 0.75);
padding: 0 calc(50px * 0.75);
height: calc(100% - (76px * 0.75)); } }
@media (max-width: 799px) {
.vision ul {
margin-top: calc(76px * 0.5);
padding: 0 calc(50px * 0.5);
height: calc(100% - (76px * 0.5)); } }
.vision ul li {
color: #ffffff;
cursor: pointer;
width: 23.333%;
position: relative; }
.vision ul li .number {
margin-top: 1.0em;
line-height: 1.0em; }
@media (min-width: 1200px) {
.vision ul li .number {
font-size: calc(6.5rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.vision ul li .number {
font-size: calc(6.5rem * 0.75); } }
@media (max-width: 799px) {
.vision ul li .number {
font-size: calc(6.5rem * 0.5); } }
.vision ul li .title {
margin-top: 0.25em;
letter-spacing: 0.25em;
line-height: 1.0em;
text-indent: 0.25em; }
@media (min-width: 1200px) {
.vision ul li .title {
font-size: calc(6.5rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.vision ul li .title {
font-size: calc(6.5rem * 0.75); } }
@media (max-width: 799px) {
.vision ul li .title {
font-size: calc(6.5rem * 0.5); } }
.vision ul li .caption {
margin-top: 0.25em;
letter-spacing: 0.1em;
line-height: 1.0em;
opacity: .6;
text-indent: 0.1em; }
@media (min-width: 1200px) {
.vision ul li .caption {
font-size: calc(3.6rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.vision ul li .caption {
font-size: calc(3.6rem * 0.75); } }
@media (max-width: 799px) {
.vision ul li .caption {
font-size: calc(3.6rem * 0.5); } }
.vision ul li .description {
margin-top: 1.75em;
line-height: 1.75em;
text-align: justify;
padding: 0 2.2em;
letter-spacing: 0.1em; }
@media (min-width: 1200px) {
.vision ul li .description {
font-size: calc(1.8rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.vision ul li .description {
font-size: calc(1.8rem * 0.75); } }
@media (max-width: 799px) {
.vision ul li .description {
font-size: calc(1.8rem * 0.5); } }
.vision ul li .arrow {
position: absolute;
bottom: 9%;
margin: 0 auto;
height: 32px;
width: 108px;
opacity: .6;
background: url("../images/arrow.svg") no-repeat;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.vision ul li.frame_sct1 {
background: url("../images/vision/vision_1.svg") no-repeat;
background-position: bottom 20% left 0;
background-color: #3399cc; }
.vision ul li.frame_sct2 {
background: url("../images/vision/vision_2.svg") no-repeat;
background-position: bottom 20% left 0;
background-color: #ff6666; }
.vision ul li.frame_sct3 {
background: url("../images/vision/vision_3.svg") no-repeat;
background-position: bottom 20% left 0;
background-color: #ffaf00; }
.vision ul li.frame_sct4 {
background: url("../images/vision/vision_4.svg") no-repeat;
background-position: bottom 20% left 0;
background-color: #00b45a; }
.ua_pc li:hover .arrow {
opacity: 1;
bottom: 8%; }
@media (min-width: 1200px) {
.ua_tablet.term_landscape .vision ul li .number {
font-size: calc(6.5rem * 1 * .9); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_landscape .vision ul li .number {
font-size: calc(6.5rem * 0.75 * .9); } }
@media (max-width: 799px) {
.ua_tablet.term_landscape .vision ul li .number {
font-size: calc(6.5rem * 0.5 * .9); } }
@media (min-width: 1200px) {
.ua_tablet.term_landscape .vision ul li .title {
font-size: calc(6.5rem * 1 * .9); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_landscape .vision ul li .title {
font-size: calc(6.5rem * 0.75 * .9); } }
@media (max-width: 799px) {
.ua_tablet.term_landscape .vision ul li .title {
font-size: calc(6.5rem * 0.5 * .9); } }
@media (min-width: 1200px) {
.ua_tablet.term_landscape .vision ul li .caption {
font-size: calc(3.6rem * 1 * .9); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_landscape .vision ul li .caption {
font-size: calc(3.6rem * 0.75 * .9); } }
@media (max-width: 799px) {
.ua_tablet.term_landscape .vision ul li .caption {
font-size: calc(3.6rem * 0.5 * .9); } }
@media (min-width: 1200px) {
.ua_tablet.term_landscape .vision ul li .description {
font-size: calc(1.8rem * 1 * .9); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_landscape .vision ul li .description {
font-size: calc(1.8rem * 0.75 * .9); } }
@media (max-width: 799px) {
.ua_tablet.term_landscape .vision ul li .description {
font-size: calc(1.8rem * 0.5 * .9); } }
.ua_sp .vision, .ua_tablet.term_portrait .vision, .slim .vision {
padding: 0; }
.ua_sp .vision ul, .ua_tablet.term_portrait .vision ul, .slim .vision ul {
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: calc(60px - 12px);
height: calc(100% - 60px); }
.ua_sp .vision ul li, .ua_tablet.term_portrait .vision ul li, .slim .vision ul li {
width: 100%;
height: 20vh;
margin-top: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.ua_sp .vision ul li .number, .ua_tablet.term_portrait .vision ul li .number, .slim .vision ul li .number {
font-size: 1.4rem;
margin-top: 0em; }
.ua_sp .vision ul li .title, .ua_tablet.term_portrait .vision ul li .title, .slim .vision ul li .title {
font-size: 2.0rem;
margin-top: 0.2em; }
.ua_sp .vision ul li .caption, .ua_tablet.term_portrait .vision ul li .caption, .slim .vision ul li .caption {
font-size: 1.4rem;
margin-top: 0.6em; }
.ua_sp .vision ul li .description, .ua_tablet.term_portrait .vision ul li .description, .slim .vision ul li .description {
font-size: 1.3rem;
margin-top: 0.4em;
line-height: 1.2em;
padding: 0 50px; }
.ua_sp .vision ul li .arrow, .ua_tablet.term_portrait .vision ul li .arrow, .slim .vision ul li .arrow {
display: none; }
.ua_sp .vision ul li.frame_sct1, .ua_tablet.term_portrait .vision ul li.frame_sct1, .slim .vision ul li.frame_sct1 {
background: url("../images/vision/sp_vision_1.svg") no-repeat;
background-size: cover;
background-position: center;
background-color: #3399cc; }
.ua_sp .vision ul li.frame_sct2, .ua_tablet.term_portrait .vision ul li.frame_sct2, .slim .vision ul li.frame_sct2 {
background: url("../images/vision/sp_vision_2.svg") no-repeat;
background-size: cover;
background-position: center;
background-color: #ff6666; }
.ua_sp .vision ul li.frame_sct3, .ua_tablet.term_portrait .vision ul li.frame_sct3, .slim .vision ul li.frame_sct3 {
background: url("../images/vision/sp_vision_3.svg") no-repeat;
background-size: cover;
background-position: center;
background-color: #ffaf00; }
.ua_sp .vision ul li.frame_sct4, .ua_tablet.term_portrait .vision ul li.frame_sct4, .slim .vision ul li.frame_sct4 {
background: url("../images/vision/sp_vision_4.svg") no-repeat;
background-size: cover;
background-position: center;
background-color: #00b45a; }
@media (min-width: 1200px) {
.ua_tablet.term_portrait .vision ul {
margin-top: calc(76px * 1);
height: calc(100% - 76px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_portrait .vision ul {
margin-top: calc(76px* 0.75);
height: calc(100% - 76px * 0.75); } }
@media (max-width: 799px) {
.ua_tablet.term_portrait .vision ul {
margin-top: calc(76px * 0.5);
height: calc(100% - 76px * 0.5); } }
.ua_tablet.term_portrait .vision ul li {
height: 18vh;
margin-bottom: 30px; }
@media (min-width: 1200px) {
.ua_tablet.term_portrait .vision ul li .number {
font-size: calc(3.2rem * 1 * .9); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_portrait .vision ul li .number {
font-size: calc(3.2rem * 0.75 * .9); } }
@media (max-width: 799px) {
.ua_tablet.term_portrait .vision ul li .number {
font-size: calc(3.2rem * 0.5 * .9); } }
@media (min-width: 1200px) {
.ua_tablet.term_portrait .vision ul li .title {
font-size: calc(5.0rem * 1 * .9); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_portrait .vision ul li .title {
font-size: calc(5.0rem * 0.75 * .9); } }
@media (max-width: 799px) {
.ua_tablet.term_portrait .vision ul li .title {
font-size: calc(5.0rem * 0.5 * .9); } }
@media (min-width: 1200px) {
.ua_tablet.term_portrait .vision ul li .caption {
font-size: calc(3.2rem * 1 * .9); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_portrait .vision ul li .caption {
font-size: calc(3.2rem * 0.75 * .9); } }
@media (max-width: 799px) {
.ua_tablet.term_portrait .vision ul li .caption {
font-size: calc(3.2rem * 0.5 * .9); } }
.ua_tablet.term_portrait .vision ul li .description {
padding: 0 240px; }
@media (min-width: 1200px) {
.ua_tablet.term_portrait .vision ul li .description {
font-size: calc(3.0rem * 1 * .7); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_portrait .vision ul li .description {
font-size: calc(3.0rem * 0.75 * .7); } }
@media (max-width: 799px) {
.ua_tablet.term_portrait .vision ul li .description {
font-size: calc(3.0rem * 0.5 * .7); } }
.ua_tablet.term_portrait .vision ul li.frame {
background-size: cover;
background-position: top; }
.sct1_1 .act1 {
background: url("../images/sct1/sct1_1_act1.svg") center/contain no-repeat; }
.sct1_1 .act2 {
background: url("../images/sct1/sct1_1_act2.svg") center/contain no-repeat; }
.sct1_1 .act3 {
background: url("../images/sct1/sct1_1_act3.svg") center/contain no-repeat; }
.ua_sp .sct1_1 .act1, .slim .sct1_1 .act1 {
background: url("../images/sct1/sp_sct1_1_act1.svg") center/cover no-repeat; }
.ua_sp .sct1_1 .act2, .slim .sct1_1 .act2 {
background: url("../images/sct1/sp_sct1_1_act2.svg") center/cover no-repeat; }
.ua_sp .sct1_1 .act3, .slim .sct1_1 .act3 {
background: url("../images/sct1/sp_sct1_1_act3.svg") center/cover no-repeat; }
.sct1_2 .act1 {
background: url("../images/sct1/sct1_2_act1.svg") center/contain no-repeat; }
.sct1_2 .act2 {
background: url("../images/sct1/sct1_2_act2.svg") center/contain no-repeat; }
.sct1_2 .act3 {
background: url("../images/sct1/sct1_2_act3.svg") center/contain no-repeat; }
.sct1_2 .act4 {
background: url("../images/sct1/sct1_2_act4.svg") center/contain no-repeat; }
.ua_sp .sct1_2 .act1, .slim .sct1_2 .act1 {
background: url("../images/sct1/sp_sct1_2_act1.svg") center/cover no-repeat; }
.ua_sp .sct1_2 .act2, .slim .sct1_2 .act2 {
background: url("../images/sct1/sp_sct1_2_act2.svg") center/cover no-repeat; }
.ua_sp .sct1_2 .act3, .slim .sct1_2 .act3 {
background: url("../images/sct1/sp_sct1_2_act3.svg") center/cover no-repeat; }
.ua_sp .sct1_2 .act4, .slim .sct1_2 .act4 {
background: url("../images/sct1/sp_sct1_2_act4.svg") center/cover no-repeat; }
.sct1_3 .act1 {
background: url("../images/sct1/sct1_3_act1.svg") center/contain no-repeat; }
.sct1_3 .paragraph.paragraph {
text-align: center; }
.ua_sp .sct1_3 .act1, .slim .sct1_3 .act1 {
background: url("../images/sct1/sp_sct1_3_act1.svg") center/cover no-repeat; }
.ua_sp .sct1_3 .paragraph.paragraph, .slim .sct1_3 .paragraph.paragraph {
text-align: justify; }
.sct1_4 .act1 {
background: url("../images/sct1/sct1_4_act1.svg") center/contain no-repeat; }
.sct1_4 .act2 {
background: url("../images/sct1/sct1_4_act2.svg") center/contain no-repeat; }
.ua_sp .sct1_4 .act1, .slim .sct1_4 .act1 {
background: url("../images/sct1/sp_sct1_4_act1.svg") center/cover no-repeat; }
.ua_sp .sct1_4 .act2, .slim .sct1_4 .act2 {
background: url("../images/sct1/sp_sct1_4_act2.svg") center/cover no-repeat; }
.sct1_5 .act1 {
background: url("../images/sct1/sct1_5_act1.svg") center/contain no-repeat; }
.ua_sp .sct1_5 .act1, .slim .sct1_5 .act1 {
background: url("../images/sct1/sp_sct1_5_act1.svg") center/cover no-repeat; }
.sct1_6 .act1 {
background: url("../images/sct1/sct1_6_act1.svg") center/contain no-repeat; }
.sct1_6 .act2 {
background: url("../images/sct1/sct1_6_act2.svg") center/contain no-repeat; }
.ua_sp .sct1_6 .act1, .slim .sct1_6 .act1 {
background: url("../images/sct1/sp_sct1_6_act1.svg") center/cover no-repeat; }
.ua_sp .sct1_6 .act2, .slim .sct1_6 .act2 {
background: url("../images/sct1/sp_sct1_6_act2.svg") center/cover no-repeat; }
.sct2_1 .act1 {
background: url("../images/sct2/sct2_1_act1.svg") center/contain no-repeat; }
.sct2_1 .act2 {
background: url("../images/sct2/sct2_1_act2.svg") center/contain no-repeat; }
.sct2_1 .act3 {
background: url("../images/sct2/sct2_1_act3.svg") center/contain no-repeat; }
.ua_sp .sct2_1 .act1, .slim .sct2_1 .act1 {
background: url("../images/sct2/sp_sct2_1_act1.svg") center/cover no-repeat; }
.ua_sp .sct2_1 .act2, .slim .sct2_1 .act2 {
background: url("../images/sct2/sp_sct2_1_act2.svg") center/cover no-repeat; }
.ua_sp .sct2_1 .act3, .slim .sct2_1 .act3 {
background: url("../images/sct2/sp_sct2_1_act3.svg") center/cover no-repeat; }
@media (min-width: 1200px) {
.sct2_2 {
-webkit-transform: translateY(calc(76px * 1 * .5));
transform: translateY(calc(76px * 1 * .5)); } }
@media (min-width: 800px) and (max-width: 1199px) {
.sct2_2 {
-webkit-transform: translateY(calc(76px * 0.75 * .5));
transform: translateY(calc(76px * 0.75 * .5)); } }
@media (max-width: 799px) {
.sct2_2 {
-webkit-transform: translateY(calc(76px * 0.5 * .5));
transform: translateY(calc(76px * 0.5 * .5)); } }
.sct2_2 .act1 {
background: url("../images/sct2/sct2_2_act1.svg") center/contain no-repeat; }
.sct2_2 .act2 {
background: url("../images/sct2/sct2_2_act2.svg") center/contain no-repeat; }
.sct2_2 .act3 {
background: url("../images/sct2/sct2_2_act3.svg") center/contain no-repeat; }
@media (min-width: 1200px) {
.sct2_2 .paragraph.paragraph {
bottom: calc(100px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.sct2_2 .paragraph.paragraph {
bottom: calc(100px * 0.75); } }
@media (max-width: 799px) {
.sct2_2 .paragraph.paragraph {
bottom: calc(100px * 0.5); } }
.ua_sp .sct2_2, .slim .sct2_2 {
-webkit-transform: translateY(0);
transform: translateY(0); }
.ua_sp .sct2_2 .act1, .slim .sct2_2 .act1 {
background: url("../images/sct2/sp_sct2_2_act1.svg") center/cover no-repeat; }
.ua_sp .sct2_2 .act2, .slim .sct2_2 .act2 {
background: url("../images/sct2/sp_sct2_2_act2.svg") center/cover no-repeat; }
.ua_sp .sct2_2 .act3, .slim .sct2_2 .act3 {
background: url("../images/sct2/sp_sct2_2_act3.svg") center/cover no-repeat; }
.ua_sp .sct2_2 .paragraph.paragraph, .slim .sct2_2 .paragraph.paragraph {
bottom: 30px; }
.sct2_3 .act1 {
background: url("../images/sct2/sct2_3_act1.svg") center/contain no-repeat; }
.sct2_3 .act2 {
background: url("../images/sct2/sct2_3_act2.svg") center/contain no-repeat; }
.sct2_3 .act3 {
background: url("../images/sct2/sct2_3_act3.svg") center/contain no-repeat; }
.sct2_3 .act4 {
background: url("../images/sct2/sct2_3_act4.svg") center/contain no-repeat; }
.ua_sp .sct2_3 .act1, .slim .sct2_3 .act1 {
background: url("../images/sct2/sp_sct2_3_act1.svg") center/cover no-repeat; }
.ua_sp .sct2_3 .act2, .slim .sct2_3 .act2 {
background: url("../images/sct2/sp_sct2_3_act2.svg") center/cover no-repeat; }
.ua_sp .sct2_3 .act3, .slim .sct2_3 .act3 {
background: url("../images/sct2/sp_sct2_3_act3.svg") center/cover no-repeat; }
.ua_sp .sct2_3 .act4, .slim .sct2_3 .act4 {
background: url("../images/sct2/sp_sct2_3_act4.svg") center/cover no-repeat; }
.sct2_4 .act1 {
background: url("../images/sct2/sct2_4_act1.svg") center/contain no-repeat; }
.sct2_4 .act2 {
background: url("../images/sct2/sct2_4_act2.svg") center/contain no-repeat; }
.ua_sp .sct2_4 .act1, .slim .sct2_4 .act1 {
background: url("../images/sct2/sp_sct2_4_act1.svg") center/cover no-repeat; }
.ua_sp .sct2_4 .act2, .slim .sct2_4 .act2 {
background: url("../images/sct2/sp_sct2_4_act2.svg") center/cover no-repeat; }
.sct2_5 .act1 {
background: url("../images/sct2/sct2_5_act1.svg") center/contain no-repeat; }
.sct2_5 .act2 {
background: url("../images/sct2/sct2_5_act2.svg") center/contain no-repeat; }
.sct2_5 .act3 {
background: url("../images/sct2/sct2_5_act3.svg") center/contain no-repeat; }
.ua_sp .sct2_5 .act1, .slim .sct2_5 .act1 {
background: url("../images/sct2/sp_sct2_5_act1.svg") center/cover no-repeat; }
.ua_sp .sct2_5 .act2, .slim .sct2_5 .act2 {
background: url("../images/sct2/sp_sct2_5_act2.svg") center/cover no-repeat; }
.ua_sp .sct2_5 .act3, .slim .sct2_5 .act3 {
background: url("../images/sct2/sp_sct2_5_act3.svg") center/cover no-repeat; }
.sct2_6 .act1 {
background: url("../images/sct2/sct2_6_act1.svg") center/contain no-repeat; }
.sct2_6 .act2 {
background: url("../images/sct2/sct2_6_act2.svg") center/contain no-repeat; }
.sct2_6 .act3 {
background: url("../images/sct2/sct2_6_act3.svg") center/contain no-repeat; }
.sct2_6 .act4 {
background: url("../images/sct2/sct2_6_act4.svg") center/contain no-repeat; }
.ua_sp .sct2_6 .act1, .slim .sct2_6 .act1 {
background: url("../images/sct2/sp_sct2_6_act1.svg") center/cover no-repeat; }
.ua_sp .sct2_6 .act2, .slim .sct2_6 .act2 {
background: url("../images/sct2/sp_sct2_6_act2.svg") center/cover no-repeat; }
.ua_sp .sct2_6 .act3, .slim .sct2_6 .act3 {
background: url("../images/sct2/sp_sct2_6_act3.svg") center/cover no-repeat; }
.ua_sp .sct2_6 .act4, .slim .sct2_6 .act4 {
background: url("../images/sct2/sp_sct2_6_act4.svg") center/cover no-repeat; }
.sct3_1 .act1 {
background: url("../images/sct3/sct3_1_act1.svg") center/contain no-repeat; }
.sct3_1 .act2 {
background: url("../images/sct3/sct3_1_act2.svg") center/contain no-repeat; }
@media (min-width: 1200px) {
.sct3_1 .act2 {
-webkit-transform: translateY(calc(-180px * 1));
transform: translateY(calc(-180px * 1)); } }
@media (min-width: 800px) and (max-width: 1199px) {
.sct3_1 .act2 {
-webkit-transform: translateY(calc(-180px * 0.75));
transform: translateY(calc(-180px * 0.75)); } }
@media (max-width: 799px) {
.sct3_1 .act2 {
-webkit-transform: translateY(calc(-180px * 0.5));
transform: translateY(calc(-180px * 0.5)); } }
.ua_sp .sct3_1 .act1, .slim .sct3_1 .act1 {
background: url("../images/sct3/sp_sct3_1_act1.svg") center/cover no-repeat; }
.ua_sp .sct3_1 .act2, .slim .sct3_1 .act2 {
background: url("../images/sct3/sp_sct3_1_act2.svg") center/cover no-repeat;
-webkit-transform: none;
transform: none; }
.ua_sp .sct3_1 .paragraph.paragraph, .slim .sct3_1 .paragraph.paragraph {
letter-spacing: 0.0em; }
.sct3_2 .act1 {
background: url("../images/sct3/sct3_2_act1.svg") center/contain no-repeat; }
.sct3_2 .act2 {
background: url("../images/sct3/sct3_2_act2.svg") center/contain no-repeat; }
.sct3_2 .act3 {
background: url("../images/sct3/sct3_2_act3.svg") center/contain no-repeat; }
.sct3_2 .act4 {
background: url("../images/sct3/sct3_2_act4.svg") center/contain no-repeat; }
.sct3_2 .act5 {
background: url("../images/sct3/sct3_2_act5.svg") center/contain no-repeat; }
.sct3_2 .act6 {
background: url("../images/sct3/sct3_2_act6.svg") center/contain no-repeat; }
.sct3_2 .act7 {
background: url("../images/sct3/sct3_2_act7.svg") center/contain no-repeat; }
.sct3_2 .act8 {
background: url("../images/sct3/sct3_2_act8.svg") center/contain no-repeat; }
.sct3_2 .act9 {
background: url("../images/sct3/sct3_2_act9.svg") center/contain no-repeat; }
.sct3_2 .act10 {
background: url("../images/sct3/sct3_2_act10.svg") center/contain no-repeat; }
.ua_sp .sct3_2 .act1, .slim .sct3_2 .act1 {
background: url("../images/sct3/sp_sct3_2_act1.svg") center/cover no-repeat; }
.ua_sp .sct3_2 .act2, .slim .sct3_2 .act2 {
background: url("../images/sct3/sp_sct3_2_act2.svg") center/cover no-repeat; }
.ua_sp .sct3_2 .act3, .slim .sct3_2 .act3 {
background: url("../images/sct3/sp_sct3_2_act3.svg") center/cover no-repeat; }
.ua_sp .sct3_2 .act4, .slim .sct3_2 .act4 {
background: url("../images/sct3/sp_sct3_2_act4.svg") center/cover no-repeat; }
.ua_sp .sct3_2 .act5, .slim .sct3_2 .act5 {
background: url("../images/sct3/sp_sct3_2_act5.svg") center/cover no-repeat; }
.ua_sp .sct3_2 .act6, .slim .sct3_2 .act6 {
background: url("../images/sct3/sp_sct3_2_act6.svg") center/cover no-repeat; }
.ua_sp .sct3_2 .act7, .slim .sct3_2 .act7 {
background: url("../images/sct3/sp_sct3_2_act7.svg") center/cover no-repeat; }
.ua_sp .sct3_2 .act8, .slim .sct3_2 .act8 {
background: url("../images/sct3/sp_sct3_2_act8.svg") center/cover no-repeat; }
.ua_sp .sct3_2 .act9, .slim .sct3_2 .act9 {
background: url("../images/sct3/sp_sct3_2_act9.svg") center/cover no-repeat; }
.ua_sp .sct3_2 .act10, .slim .sct3_2 .act10 {
background: url("../images/sct3/sp_sct3_2_act10.svg") center/cover no-repeat; }
@media (min-width: 1200px) {
.sct3_3 {
-webkit-transform: translateY(calc(76px * 1 * .5));
transform: translateY(calc(76px * 1 * .5)); } }
@media (min-width: 800px) and (max-width: 1199px) {
.sct3_3 {
-webkit-transform: translateY(calc(76px * 0.75 * .5));
transform: translateY(calc(76px * 0.75 * .5)); } }
@media (max-width: 799px) {
.sct3_3 {
-webkit-transform: translateY(calc(76px * 0.5 * .5));
transform: translateY(calc(76px * 0.5 * .5)); } }
.sct3_3 .act1 {
background: url("../images/sct3/sct3_3_act1.svg") center/contain no-repeat; }
.sct3_3 .act2 {
background: url("../images/sct3/sct3_3_act2.svg") center/contain no-repeat; }
.sct3_3 .act3 {
background: url("../images/sct3/sct3_3_act3.svg") center/contain no-repeat; }
.sct3_3 .paragraph {
text-align: center; }
.ua_sp .sct3_3, .slim .sct3_3 {
-webkit-transform: translateY(0);
transform: translateY(0); }
.ua_sp .sct3_3 .act1, .slim .sct3_3 .act1 {
background: url("../images/sct3/sp_sct3_3_act1.svg") center/cover no-repeat; }
.ua_sp .sct3_3 .act2, .slim .sct3_3 .act2 {
background: url("../images/sct3/sp_sct3_3_act2.svg") center/cover no-repeat; }
.ua_sp .sct3_3 .act3, .slim .sct3_3 .act3 {
background: url("../images/sct3/sp_sct3_3_act3.svg") center/cover no-repeat; }
.ua_sp .sct3_3 .paragraph, .slim .sct3_3 .paragraph {
text-align: justify; }
.sct3_4 .act1 {
background: url("../images/sct3/sct3_4_act1.svg") center/contain no-repeat; }
.sct3_4 .act2 {
background: url("../images/sct3/sct3_4_act2.svg") center/contain no-repeat; }
.ua_sp .sct3_4 .act1, .slim .sct3_4 .act1 {
background: url("../images/sct3/sp_sct3_4_act1.svg") center/cover no-repeat; }
.ua_sp .sct3_4 .act2, .slim .sct3_4 .act2 {
background: url("../images/sct3/sp_sct3_4_act2.svg") center/cover no-repeat; }
@media (min-width: 1200px) {
.sct3_5 {
-webkit-transform: translateY(calc(76px * 1 * .5));
transform: translateY(calc(76px * 1 * .5)); } }
@media (min-width: 800px) and (max-width: 1199px) {
.sct3_5 {
-webkit-transform: translateY(calc(76px * 0.75 * .5));
transform: translateY(calc(76px * 0.75 * .5)); } }
@media (max-width: 799px) {
.sct3_5 {
-webkit-transform: translateY(calc(76px * 0.5 * .5));
transform: translateY(calc(76px * 0.5 * .5)); } }
.sct3_5 .act1 {
background: url("../images/sct3/sct3_5_act1.svg") center/contain no-repeat; }
.sct3_5 .act2 {
background: url("../images/sct3/sct3_5_act2.svg") center/contain no-repeat; }
.sct3_5 .act3 {
background: url("../images/sct3/sct3_5_act3.svg") center/contain no-repeat; }
.sct3_5 .act4 {
background: url("../images/sct3/sct3_5_act4.svg") center/contain no-repeat; }
.sct3_5 .act5 {
background: url("../images/sct3/sct3_5_act5.svg") center/contain no-repeat; }
.sct3_5 .act6 {
background: url("../images/sct3/sct3_5_act6.svg") center/contain no-repeat; }
@media (min-width: 1200px) {
.sct3_5 .paragraph.paragraph {
bottom: calc(100px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.sct3_5 .paragraph.paragraph {
bottom: calc(100px * 0.75); } }
@media (max-width: 799px) {
.sct3_5 .paragraph.paragraph {
bottom: calc(100px * 0.5); } }
.ua_sp .sct3_5, .slim .sct3_5 {
-webkit-transform: translateY(0);
transform: translateY(0); }
.ua_sp .sct3_5 .act1, .slim .sct3_5 .act1 {
background: url("../images/sct3/sp_sct3_5_act1.svg") center/cover no-repeat; }
.ua_sp .sct3_5 .act2, .slim .sct3_5 .act2 {
background: url("../images/sct3/sp_sct3_5_act2.svg") center/cover no-repeat; }
.ua_sp .sct3_5 .act3, .slim .sct3_5 .act3 {
background: url("../images/sct3/sp_sct3_5_act3.svg") center/cover no-repeat; }
.ua_sp .sct3_5 .act4, .slim .sct3_5 .act4 {
background: url("../images/sct3/sp_sct3_5_act4.svg") center/cover no-repeat; }
.ua_sp .sct3_5 .act5, .slim .sct3_5 .act5 {
background: url("../images/sct3/sp_sct3_5_act5.svg") center/cover no-repeat; }
.ua_sp .sct3_5 .act6, .slim .sct3_5 .act6 {
background: url("../images/sct3/sp_sct3_5_act6.svg") center/contain no-repeat; }
.ua_sp .sct3_5 .paragraph.paragraph, .slim .sct3_5 .paragraph.paragraph {
letter-spacing: 0.0em;
bottom: 30px; }
.sct3_6 .act1 {
background: url("../images/sct3/sct3_6_act1.svg") center/contain no-repeat; }
.sct3_6 .act2 {
background: url("../images/sct3/sct3_6_act2.svg") center/contain no-repeat; }
.ua_sp .sct3_6 .act1, .slim .sct3_6 .act1 {
background: url("../images/sct3/sp_sct3_6_act1.svg") center/cover no-repeat; }
.ua_sp .sct3_6 .act2, .slim .sct3_6 .act2 {
background: url("../images/sct3/sp_sct3_6_act2.svg") center/cover no-repeat; }
@media (min-width: 1200px) {
.sct4_1 {
-webkit-transform: translateY(calc(76px * 1 * .5));
transform: translateY(calc(76px * 1 * .5)); } }
@media (min-width: 800px) and (max-width: 1199px) {
.sct4_1 {
-webkit-transform: translateY(calc(76px * 0.75 * .5));
transform: translateY(calc(76px * 0.75 * .5)); } }
@media (max-width: 799px) {
.sct4_1 {
-webkit-transform: translateY(calc(76px * 0.5 * .5));
transform: translateY(calc(76px * 0.5 * .5)); } }
.sct4_1 .act1 {
background: url("../images/sct4/sct4_1_act1.svg") center/contain no-repeat; }
.sct4_1 .act2 {
background: url("../images/sct4/sct4_1_act2.svg") center/contain no-repeat; }
.sct4_1 .act3 {
background: url("../images/sct4/sct4_1_act3.svg") center/contain no-repeat; }
.sct4_1 .act4 {
background: url("../images/sct4/sct4_1_act4.svg") center/contain no-repeat; }
.sct4_1 .paragraph.paragraph {
text-align: center;
width: 44em; }
.ua_sp .sct4_1, .slim .sct4_1 {
-webkit-transform: translateY(0);
transform: translateY(0); }
.ua_sp .sct4_1 .act1, .slim .sct4_1 .act1 {
background: url("../images/sct4/sp_sct4_1_act1.svg") center/cover no-repeat; }
.ua_sp .sct4_1 .act2, .slim .sct4_1 .act2 {
background: url("../images/sct4/sp_sct4_1_act2.svg") center/cover no-repeat; }
.ua_sp .sct4_1 .act3, .slim .sct4_1 .act3 {
background: url("../images/sct4/sp_sct4_1_act3.svg") center/cover no-repeat; }
.ua_sp .sct4_1 .act4, .slim .sct4_1 .act4 {
background: url("../images/sct4/sp_sct4_1_act4.svg") center/cover no-repeat; }
.ua_sp .sct4_1 .paragraph.paragraph, .slim .sct4_1 .paragraph.paragraph {
text-align: justify;
width: 312px; }
.sct4_2 .act1 {
background: url("../images/sct4/sct4_2_act1.svg") center/contain no-repeat; }
.sct4_2 .act2 {
background: url("../images/sct4/sct4_2_act2.svg") center/contain no-repeat; }
.sct4_2 .act3 {
background: url("../images/sct4/sct4_2_act3.svg") center/contain no-repeat; }
.sct4_2 .act4 {
background: url("../images/sct4/sct4_2_act4.svg") center/contain no-repeat; }
.ua_sp .sct4_2 .act1, .slim .sct4_2 .act1 {
background: url("../images/sct4/sp_sct4_2_act1.svg") center/cover no-repeat; }
.ua_sp .sct4_2 .act2, .slim .sct4_2 .act2 {
background: url("../images/sct4/sp_sct4_2_act2.svg") center/cover no-repeat; }
.ua_sp .sct4_2 .act3, .slim .sct4_2 .act3 {
background: url("../images/sct4/sp_sct4_2_act3.svg") center/cover no-repeat; }
.ua_sp .sct4_2 .act4, .slim .sct4_2 .act4 {
background: url("../images/sct4/sp_sct4_2_act4.svg") center/cover no-repeat; }
.sct4_3 .act1 {
background: url("../images/sct4/sct4_3_act1.svg") center/contain no-repeat; }
.sct4_3 .act2 {
background: url("../images/sct4/sct4_3_act2.svg") center/contain no-repeat; }
.sct4_3 .act3 {
background: url("../images/sct4/sct4_3_act3.svg") center/contain no-repeat; }
.ua_sp .sct4_3 .act1, .slim .sct4_3 .act1 {
background: url("../images/sct4/sp_sct4_3_act1.svg") center/cover no-repeat; }
.ua_sp .sct4_3 .act2, .slim .sct4_3 .act2 {
background: url("../images/sct4/sp_sct4_3_act2.svg") center/cover no-repeat; }
.ua_sp .sct4_3 .act3, .slim .sct4_3 .act3 {
background: url("../images/sct4/sp_sct4_3_act3.svg") center/cover no-repeat; }
.sct4_4 .act1 {
background: url("../images/sct4/sct4_4_act1.svg") center/contain no-repeat; }
.sct4_4 .act2 {
background: url("../images/sct4/sct4_4_act2.svg") center/contain no-repeat; }
.ua_sp .sct4_4 .act1, .slim .sct4_4 .act1 {
background: url("../images/sct4/sp_sct4_4_act1.svg") center/cover no-repeat; }
.ua_sp .sct4_4 .act2, .slim .sct4_4 .act2 {
background: url("../images/sct4/sp_sct4_4_act2.svg") center/cover no-repeat; }
.ua_sp .sct4_4 .paragraph.paragraph, .slim .sct4_4 .paragraph.paragraph {
letter-spacing: 0.0em; }
@media (min-width: 1200px) {
.sct4_5 {
-webkit-transform: translateY(calc(76px * 1 * .5));
transform: translateY(calc(76px * 1 * .5)); } }
@media (min-width: 800px) and (max-width: 1199px) {
.sct4_5 {
-webkit-transform: translateY(calc(76px * 0.75 * .5));
transform: translateY(calc(76px * 0.75 * .5)); } }
@media (max-width: 799px) {
.sct4_5 {
-webkit-transform: translateY(calc(76px * 0.5 * .5));
transform: translateY(calc(76px * 0.5 * .5)); } }
.sct4_5 .act1 {
background: url("../images/sct4/sct4_5_act1.svg") center/contain no-repeat; }
.sct4_5 .act2 {
background: url("../images/sct4/sct4_5_act2.svg") center/contain no-repeat; }
.ua_sp .sct4_5, .slim .sct4_5 {
-webkit-transform: translateY(0);
transform: translateY(0); }
.ua_sp .sct4_5 .act1, .slim .sct4_5 .act1 {
background: url("../images/sct4/sp_sct4_5_act1.svg") center/cover no-repeat; }
.ua_sp .sct4_5 .act2, .slim .sct4_5 .act2 {
background: url("../images/sct4/sp_sct4_5_act2.svg") center/cover no-repeat; }
.sct4_6 .act1 {
background: url("../images/sct4/sct4_6_act1.svg") center/contain no-repeat; }
.sct4_6 .act2 {
background: url("../images/sct4/sct4_6_act2.svg") center/contain no-repeat; }
.sct4_6 .act3 {
background: url("../images/sct4/sct4_6_act3.svg") center/contain no-repeat; }
.ua_sp .sct4_6 .act1, .slim .sct4_6 .act1 {
background: url("../images/sct4/sp_sct4_6_act1.svg") center/cover no-repeat; }
.ua_sp .sct4_6 .act2, .slim .sct4_6 .act2 {
background: url("../images/sct4/sp_sct4_6_act2.svg") center/cover no-repeat; }
.ua_sp .sct4_6 .act3, .slim .sct4_6 .act3 {
background: url("../images/sct4/sp_sct4_6_act3.svg") center/cover no-repeat; }
.ua_sp .sct4_6 .paragraph.paragraph, .slim .sct4_6 .paragraph.paragraph {
letter-spacing: 0.0em; }
.closing .contents {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.closing .contents .closing_logo {
margin: 0 auto;
background-image: url("../images/closing/closing_logo.svg"); }
@media (min-width: 1200px) {
.closing .contents .closing_logo {
width: calc(116px * 1);
height: calc(148px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.closing .contents .closing_logo {
width: calc(116px * 0.75);
height: calc(148px * 0.75); } }
@media (max-width: 799px) {
.closing .contents .closing_logo {
width: calc(116px * 0.5);
height: calc(148px * 0.5); } }
.closing .contents hr {
width: 12.5%;
background-color: #cccccc;
margin: 0 auto; }
@media (min-width: 1200px) {
.closing .contents hr {
margin-top: calc(35px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.closing .contents hr {
margin-top: calc(35px * 0.75); } }
@media (max-width: 799px) {
.closing .contents hr {
margin-top: calc(35px * 0.5); } }
.closing .contents .description {
margin: 0 auto;
line-height: 1.75em;
letter-spacing: 0.1em; }
@media (min-width: 1200px) {
.closing .contents .description {
font-size: calc(1.8rem * 1);
margin-top: calc(25px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.closing .contents .description {
font-size: calc(1.8rem * 0.75);
margin-top: calc(25px * 0.75); } }
@media (max-width: 799px) {
.closing .contents .description {
font-size: calc(1.8rem * 0.5);
margin-top: calc(25px * 0.5); } }
.closing .contents .title {
color: #00a99d;
margin: 0 auto;
line-height: 1.0em;
letter-spacing: 0.17em;
text-indent: 1.17em; }
@media (min-width: 1200px) {
.closing .contents .title {
font-size: calc(3.6rem * 1);
margin-top: calc(90px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.closing .contents .title {
font-size: calc(3.6rem * 0.75);
margin-top: calc(90px * 0.75); } }
@media (max-width: 799px) {
.closing .contents .title {
font-size: calc(3.6rem * 0.5);
margin-top: calc(90px * 0.5); } }
.ua_sp .closing .contents .closing_logo, .slim .closing .contents .closing_logo {
margin-top: 0px;
width: 83px;
height: 107px; }
.ua_sp .closing .contents hr, .slim .closing .contents hr {
width: 200px;
margin-top: 30px; }
.ua_sp .closing .contents .description, .slim .closing .contents .description {
font-size: 1.4rem;
line-height: 1.75em;
margin: 0 auto;
margin-top: 35px; }
.ua_sp .closing .contents .title, .slim .closing .contents .title {
font-size: 2.6rem;
line-height: 1.0em;
margin-top: 60px; }
.footer {
background-color: #00a99d;
height: 100%; }
.footer .contents {
width: 100%;
text-align: center;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media (min-width: 1200px) {
.footer .contents {
margin-top: calc(76px * 1);
height: calc(100% - (76px * 1)); } }
@media (min-width: 800px) and (max-width: 1199px) {
.footer .contents {
margin-top: calc(76px* 0.75);
height: calc(100% - (76px * 0.75)); } }
@media (max-width: 799px) {
.footer .contents {
margin-top: calc(76px * 0.5);
height: calc(100% - (76px * 0.5)); } }
.footer .contents .footer_logo {
background: url("../images/footer/footer_logo.svg") no-repeat;
margin: 0 auto; }
@media (min-width: 1200px) {
.footer .contents .footer_logo {
width: calc(244px * 1);
height: calc(52px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.footer .contents .footer_logo {
width: calc(244px * 0.75);
height: calc(52px * 0.75); } }
@media (max-width: 799px) {
.footer .contents .footer_logo {
width: calc(244px * 0.5);
height: calc(52px * 0.5); } }
.footer .contents .address {
margin: 0 auto;
letter-spacing: 0.06em; }
@media (min-width: 1200px) {
.footer .contents .address {
font-size: calc(1.8rem * 1);
margin-top: calc(60px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.footer .contents .address {
font-size: calc(1.8rem * 0.75);
margin-top: calc(60px * 0.75); } }
@media (max-width: 799px) {
.footer .contents .address {
font-size: calc(1.8rem * 0.5);
margin-top: calc(60px * 0.5); } }
.footer .contents address {
margin: 0 auto;
font-style: normal;
letter-spacing: 0.125em; }
@media (min-width: 1200px) {
.footer .contents address {
margin-top: calc(20px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.footer .contents address {
margin-top: calc(20px * 0.75); } }
@media (max-width: 799px) {
.footer .contents address {
margin-top: calc(20px * 0.5); } }
.footer .contents address a {
color: #ffffff;
font-size: 2.8rem; }
.ua_pc .footer .contents address a:hover {
color: #ffd800; }
.footer .contents address img {
width: 30px;
height: 30px;
margin-right: 0.6em;
vertical-align: middle;
-webkit-transition: all .3s;
transition: all .3s; }
.ua_pc .footer .contents address img:hover {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
.footer .contents .map_frame {
border-top: solid 1px rgba(255, 255, 255, 0.5);
border-bottom: solid 1px rgba(255, 255, 255, 0.5);
margin: 0 auto; }
@media (min-width: 1200px) {
.footer .contents .map_frame {
width: calc(1000px * 1);
margin-top: calc(70px * 1);
padding: calc(35px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.footer .contents .map_frame {
width: calc(1000px * 0.75);
margin-top: calc(70px * 0.75);
padding: calc(35px * 0.75); } }
@media (max-width: 799px) {
.footer .contents .map_frame {
width: calc(1000px * 0.5);
margin-top: calc(70px * 0.5);
padding: calc(35px * 0.5); } }
.footer .contents .map_frame .site_map {
width: 100%; }
@media (min-width: 1200px) {
.footer .contents .map_frame .site_map {
font-size: calc(1.8rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.footer .contents .map_frame .site_map {
font-size: calc(1.8rem * 0.75); } }
@media (max-width: 799px) {
.footer .contents .map_frame .site_map {
font-size: calc(1.8rem * 0.5); } }
.footer .contents .map_frame .site_map .index {
width: 21%; }
.footer .contents .map_frame .site_map .index li {
margin-bottom: 2.4em; }
.footer .contents .map_frame .site_map .service {
width: 37.5%; }
.footer .contents .map_frame .site_map .service .topic {
margin-bottom: 1.8em; }
.footer .contents .map_frame .site_map .service ul li {
margin-bottom: 1.8em; }
.footer .contents .map_frame .site_map .project {
width: 26%; }
.footer .contents .map_frame .site_map .project .topic {
margin-bottom: 1.8em; }
.footer .contents .map_frame .site_map .project ul li {
margin-bottom: 1.8em; }
.footer .contents .map_frame .site_map .visions {
width: 15.5%; }
.footer .contents .map_frame .site_map .visions .topic {
margin-bottom: 1.8em; }
.footer .contents .map_frame .site_map .visions ul {
margin-bottom: 1.2em; }
.footer .contents .map_frame .site_map .visions ul li {
position: relative; }
.footer .contents .map_frame .site_map .visions ul li a {
position: absolute;
width: 100%;
height: 100%; }
.footer .contents .map_frame .site_map .visions ul li .no {
width: 2.0em; }
.footer .contents .map_frame .site_map .visions ul li .ja {
margin-bottom: 0.16em; }
.footer .contents .map_frame .site_map .visions ul li .en {
margin-bottom: 1.2em; }
@media (min-width: 1200px) {
.footer .contents .map_frame .site_map .visions ul li .en {
font-size: calc(1.4rem * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.footer .contents .map_frame .site_map .visions ul li .en {
font-size: calc(1.4rem * 0.75); } }
@media (max-width: 799px) {
.footer .contents .map_frame .site_map .visions ul li .en {
font-size: calc(1.4rem * 0.5); } }
.footer .contents .banners {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
@media (min-width: 1200px) {
.footer .contents .banners {
margin-top: calc(30px * 1);
margin-bottom: calc(25px * 1); } }
@media (min-width: 800px) and (max-width: 1199px) {
.footer .contents .banners {
margin-top: calc(30px * 0.75);
margin-bottom: calc(25px * 0.75); } }
@media (max-width: 799px) {
.footer .contents .banners {
margin-top: calc(30px * 0.5);
margin-bottom: calc(25px * 0.5); } }
.footer .contents .banners img {
margin: 0 7px;
width: 230px; }
.footer .contents .copyright {
font-size: 1.6rem; }
@media (min-width: 1200px) {
.ua_tablet.term_landscape .footer .contents {
margin-top: calc(76px * 1 * 1.5); } }
@media (min-width: 800px) and (max-width: 1199px) {
.ua_tablet.term_landscape .footer .contents {
margin-top: calc(76px* 0.75 * 1.5); } }
@media (max-width: 799px) {
.ua_tablet.term_landscape .footer .contents {
margin-top: calc(76px * 0.5 * 1.5); } }
.ua_sp .footer, .slim .footer {
height: 1219px; }
.ua_sp .footer .contents .footer_logo, .slim .footer .contents .footer_logo {
width: 156px;
height: 30px;
margin-top: 110px; }
.ua_sp .footer .contents .address, .slim .footer .contents .address {
font-size: 1.6rem;
margin-top: 45px;
line-height: 1.75em; }
.ua_sp .footer .contents address, .slim .footer .contents address {
margin-top: 12px;
letter-spacing: 0.05em; }
.ua_sp .footer .contents address a, .slim .footer .contents address a {
font-size: 2.8rem; }
.ua_sp .footer .contents address img, .slim .footer .contents address img {
width: 30px;
height: 30px;
margin-right: 0.8em; }
.ua_sp .footer .contents .map_frame, .slim .footer .contents .map_frame {
width: 90%;
margin-top: 55px;
padding: 25px; }
.ua_sp .footer .contents .map_frame .site_map, .slim .footer .contents .map_frame .site_map {
font-size: 100%;
width: 100%;
margin-top: 10px; }
.ua_sp .footer .contents .map_frame .site_map .index, .slim .footer .contents .map_frame .site_map .index {
width: 100%; }
.ua_sp .footer .contents .map_frame .site_map .index li, .slim .footer .contents .map_frame .site_map .index li {
margin-bottom: 1.2em; }
.ua_sp .footer .contents .map_frame .site_map .service, .slim .footer .contents .map_frame .site_map .service {
width: 100%; }
.ua_sp .footer .contents .map_frame .site_map .service .topic, .slim .footer .contents .map_frame .site_map .service .topic {
margin-bottom: 1.2em; }
.ua_sp .footer .contents .map_frame .site_map .service ul li, .slim .footer .contents .map_frame .site_map .service ul li {
margin-bottom: 0.8em; }
.ua_sp .footer .contents .map_frame .site_map .project, .slim .footer .contents .map_frame .site_map .project {
width: 100%; }
.ua_sp .footer .contents .map_frame .site_map .project .topic, .slim .footer .contents .map_frame .site_map .project .topic {
margin-bottom: 1.2em; }
.ua_sp .footer .contents .map_frame .site_map .project ul li, .slim .footer .contents .map_frame .site_map .project ul li {
margin-bottom: 0.8em; }
.ua_sp .footer .contents .map_frame .site_map .visions, .slim .footer .contents .map_frame .site_map .visions {
width: 100%; }
.ua_sp .footer .contents .map_frame .site_map .visions .topic, .slim .footer .contents .map_frame .site_map .visions .topic {
margin-bottom: 1.2em; }
.ua_sp .footer .contents .map_frame .site_map .visions ul, .slim .footer .contents .map_frame .site_map .visions ul {
margin-left: 1.4em; }
.ua_sp .footer .contents .map_frame .site_map .visions ul .no, .slim .footer .contents .map_frame .site_map .visions ul .no {
width: 2.25em; }
.ua_sp .footer .contents .map_frame .site_map .visions ul .ja, .slim .footer .contents .map_frame .site_map .visions ul .ja {
margin-bottom: 0.6em; }
.ua_sp .footer .contents .map_frame .site_map .visions ul .en, .slim .footer .contents .map_frame .site_map .visions ul .en {
margin-bottom: 1.0em;
font-size: 1.4rem; }
.ua_sp .footer .contents .banners, .slim .footer .contents .banners {
margin-top: 35px;
margin-bottom: 25px; }
.ua_sp .footer .contents .banners img, .slim .footer .contents .banners img {
width: 230px;
margin: 0;
margin-bottom: 8px; }
.ua_sp .footer .contents .copyright, .slim .footer .contents .copyright {
font-size: 1.3rem;
letter-spacing: 0.08em;
margin-bottom: 50px; }
.title .chara {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.title .chara.chara_left {
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.title .chara.chara_right {
-webkit-transition-delay: .5s;
transition-delay: .5s; }
.title .name {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.title .name.name_left {
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.title .name.name_right {
-webkit-transition-delay: .5s;
transition-delay: .5s; }
.title.action .chara {
opacity: 1; }
.title.action .name {
opacity: 1; }
.summary .chara {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.summary.action .chara {
opacity: 1; }
@-webkit-keyframes swing {
0% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
50% {
opacity: .7;
-webkit-transform: translate(-1%, 1%);
transform: translate(-1%, 1%); }
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes swing {
0% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
50% {
opacity: .7;
-webkit-transform: translate(-1%, 1%);
transform: translate(-1%, 1%); }
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@-webkit-keyframes cloud {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
25% {
opacity: .3; }
50% {
-webkit-transform: translateX(2%);
transform: translateX(2%);
opacity: 1; }
75% {
opacity: .6; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }
@keyframes cloud {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
25% {
opacity: .3; }
50% {
-webkit-transform: translateX(2%);
transform: translateX(2%);
opacity: 1; }
75% {
opacity: .6; }
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; } }
@-webkit-keyframes wave {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
50% {
-webkit-transform: translateX(-1%);
transform: translateX(-1%); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes wave {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
50% {
-webkit-transform: translateX(-1%);
transform: translateX(-1%); }
100% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@-webkit-keyframes shake {
0% {
-webkit-transform: translateX(1%);
transform: translateX(1%); }
50% {
-webkit-transform: translateX(-1%);
transform: translateX(-1%); } }
@keyframes shake {
0% {
-webkit-transform: translateX(1%);
transform: translateX(1%); }
50% {
-webkit-transform: translateX(-1%);
transform: translateX(-1%); } }
@-webkit-keyframes paging {
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); } }
@keyframes paging {
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); } }
#top .contents {
opacity: 0; }
#top .act1 {
-webkit-animation: swing 8s infinite ease-in-out;
animation: swing 8s infinite ease-in-out; }
#top .act2 {
-webkit-animation: cloud 8s infinite ease-in-out;
animation: cloud 8s infinite ease-in-out; }
#top .act4 {
-webkit-animation: wave 8s infinite ease-in-out;
animation: wave 8s infinite ease-in-out; }
.sct1_1 .act1 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.sct1_1 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
opacity: 0; }
.sct1_1 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0; }
.sct1_1 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct1_1.action .act1 {
opacity: 1; }
.sct1_1.action .act2 {
opacity: 1; }
.sct1_1.action .act3 {
opacity: 1; }
.sct1_1.action .paragraph {
opacity: 1; }
.sct1_2 .act1 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
opacity: 0; }
.sct1_2 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0; }
.sct1_2 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
opacity: 0; }
.sct1_2 .act4 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.sct1_2 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct1_2.action .act1 {
opacity: 1; }
.sct1_2.action .act2 {
opacity: 1; }
.sct1_2.action .act3 {
opacity: 1; }
.sct1_2.action .act4 {
opacity: 1; }
.sct1_2.action .paragraph {
opacity: 1; }
.sct1_3 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct1_3.action .act1 {
-webkit-animation: shake .1s forwards 20;
animation: shake .1s forwards 20; }
.sct1_3.action .paragraph {
opacity: 1; }
.sct1_4 .act1 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.sct1_4 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
opacity: 0; }
.sct1_4 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct1_4.action .act1 {
opacity: 1; }
.sct1_4.action .act2 {
opacity: 1; }
.sct1_4.action .paragraph {
opacity: 1; }
.sct1_5 .act1 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.sct1_5 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct1_5.action .act1 {
opacity: 1; }
.sct1_5.action .paragraph {
opacity: 1; }
.sct1_6 .act1 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.sct1_6 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0; }
.sct1_6 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct1_6.action .act1 {
opacity: 1; }
.sct1_6.action .act2 {
opacity: 1; }
.sct1_6.action .paragraph {
opacity: 1; }
.sct2_1 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.sct2_1 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
-webkit-transform: translateY(5%);
transform: translateY(5%);
opacity: 0; }
.sct2_1 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct2_1.action .act2 {
opacity: 1; }
.sct2_1.action .act3 {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
.sct2_1.action .paragraph {
opacity: 1; }
.sct2_2 .act1 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.sct2_2 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
opacity: 0; }
.sct2_2 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0; }
.sct2_2 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct2_2.action .act1 {
opacity: 1; }
.sct2_2.action .act2 {
opacity: 1; }
.sct2_2.action .act3 {
opacity: 1; }
.sct2_2.action .paragraph {
opacity: 1; }
.sct2_3 .act1 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
.sct2_3 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
.sct2_3 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.sct2_3 .act4 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0; }
.sct2_3 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct2_3.action .act1 {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.sct2_3.action .act2 {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.sct2_3.action .act3 {
opacity: 1; }
.sct2_3.action .act4 {
opacity: 1; }
.sct2_3.action .paragraph {
opacity: 1; }
.sct2_4 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.sct2_4 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct2_4.action .act2 {
opacity: 1; }
.sct2_4.action .paragraph {
opacity: 1; }
.sct2_5 .act1 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.sct2_5 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
opacity: 0; }
.sct2_5 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0; }
.sct2_5 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct2_5.action .act1 {
opacity: 1; }
.sct2_5.action .act2 {
opacity: 1; }
.sct2_5.action .act3 {
opacity: 1; }
.sct2_5.action .paragraph {
opacity: 1; }
.sct2_6 .act1 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.sct2_6 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
opacity: 0; }
.sct2_6 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0; }
.sct2_6 .act4 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
opacity: 0; }
.sct2_6 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct2_6.action .act1 {
opacity: 1; }
.sct2_6.action .act2 {
opacity: 1; }
.sct2_6.action .act3 {
opacity: 1; }
.sct2_6.action .act4 {
opacity: 1; }
.sct2_6.action .paragraph {
opacity: 1; }
.sct3_1 .act1 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.sct3_1 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transition-delay: .5s;
transition-delay: .5s; }
.sct3_1 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct3_1.action .act1 {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
.sct3_1.action .act2 {
opacity: 1; }
.sct3_1.action .paragraph {
opacity: 1; }
.sct3_2 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.sct3_2 .act4 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
opacity: 0; }
.sct3_2 .act5 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0; }
.sct3_2 .act6 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
opacity: 0; }
.sct3_2 .act7 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
opacity: 1; }
.sct3_2 .act8 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
opacity: 1; }
.sct3_2 .act9 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
opacity: 0; }
.sct3_2 .act10 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0; }
.sct3_2 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct3_2.action .act3 {
opacity: 1; }
.sct3_2.action .act4 {
opacity: 1; }
.sct3_2.action .act5 {
opacity: 1; }
.sct3_2.action .act6 {
opacity: 1; }
.sct3_2.action .act7 {
opacity: 0; }
.sct3_2.action .act8 {
opacity: 0; }
.sct3_2.action .act9 {
opacity: 1; }
.sct3_2.action .act10 {
opacity: 1; }
.sct3_2.action .paragraph {
opacity: 1; }
.sct3_3 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
opacity: 0; }
.sct3_3 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
-webkit-transform: translateX(50px);
transform: translateX(50px);
opacity: 0; }
.sct3_3 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct3_3.action .act2 {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
.sct3_3.action .act3 {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0); }
.sct3_3.action .paragraph {
opacity: 1; }
.sct3_4 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: scale(0.9) translateY(-3%);
transform: scale(0.9) translateY(-3%);
opacity: 0; }
.sct3_4 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct3_4.action .act2 {
opacity: 1;
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.sct3_4.action .paragraph {
opacity: 1; }
.sct3_5 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.sct3_5 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
opacity: 1; }
.sct3_5 .act4 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: .5s;
transition-delay: .5s;
opacity: 0; }
.sct3_5 .act5 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 1; }
.sct3_5 .act6 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
opacity: 0; }
.sct3_5 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct3_5.action .act2 {
opacity: 1; }
.sct3_5.action .act3 {
opacity: 0; }
.sct3_5.action .act4 {
opacity: 1; }
.sct3_5.action .act5 {
opacity: 0; }
.sct3_5.action .act6 {
opacity: 1; }
.sct3_5.action .paragraph {
opacity: 1; }
.sct3_6 .act2 {
-webkit-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0; }
.sct3_6 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct3_6.action .act2 {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.sct3_6.action .paragraph {
opacity: 1; }
.sct4_1 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.sct4_1 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transition-delay: .5s;
transition-delay: .5s; }
.sct4_1 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct4_1.action .act2 {
opacity: 1; }
.sct4_1.action .act3 {
opacity: 1; }
.sct4_1.action .paragraph {
opacity: 1; }
.sct4_2 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.sct4_2 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transition-delay: .5s;
transition-delay: .5s; }
.sct4_2 .act4 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transition-delay: 1s;
transition-delay: 1s; }
.sct4_2 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct4_2.action .act2 {
opacity: 1; }
.sct4_2.action .act3 {
opacity: 1; }
.sct4_2.action .act4 {
opacity: 1; }
.sct4_2.action .paragraph {
opacity: 1; }
.sct4_3 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.sct4_3 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transform: translateY(5%);
transform: translateY(5%);
-webkit-transition-delay: .5s;
transition-delay: .5s; }
.sct4_3 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct4_3.action .act2 {
opacity: 1; }
.sct4_3.action .act3 {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
.sct4_3.action .paragraph {
opacity: 1; }
.sct4_4 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.sct4_4 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct4_4.action .act2 {
opacity: 1; }
.sct4_4.action .paragraph {
opacity: 1; }
.sct4_5 .act1 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.sct4_5 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transition-delay: .5s;
transition-delay: .5s; }
.sct4_5 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct4_5.action .act1 {
opacity: 1; }
.sct4_5.action .act2 {
opacity: 1; }
.sct4_5.action .paragraph {
opacity: 1; }
.sct4_6 .act1 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.sct4_6 .act2 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transition-delay: .5s;
transition-delay: .5s; }
.sct4_6 .act3 {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0;
-webkit-transition-delay: 1s;
transition-delay: 1s; }
.sct4_6 .paragraph {
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 0; }
.sct4_6.action .act1 {
opacity: 1; }
.sct4_6.action .act2 {
opacity: 1; }
.sct4_6.action .act3 {
opacity: 1; }
.sct4_6.action .paragraph {
opacity: 1; }
/*# sourceMappingURL=style.css.map*/