@charset "UTF-8";
.FreeCss {
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
/* change colours to suit your needs */
/* change colours to suit your needs */
/* change border colour to suit your needs */
}
.FreeCss html, .FreeCss body, .FreeCss div, .FreeCss span, .FreeCss object, .FreeCss iframe,
.FreeCss h1, .FreeCss h2, .FreeCss h3, .FreeCss h4, .FreeCss h5, .FreeCss h6, .FreeCss p, .FreeCss blockquote, .FreeCss pre,
.FreeCss abbr, .FreeCss address, .FreeCss cite, .FreeCss code,
.FreeCss del, .FreeCss dfn, .FreeCss em, .FreeCss img, .FreeCss ins, .FreeCss kbd, .FreeCss q, .FreeCss samp,
.FreeCss small, .FreeCss strong, .FreeCss sub, .FreeCss sup, .FreeCss var,
.FreeCss b, .FreeCss i,
.FreeCss dl, .FreeCss dt, .FreeCss dd, .FreeCss ol, .FreeCss ul, .FreeCss li,
.FreeCss fieldset, .FreeCss form, .FreeCss label, .FreeCss legend,
.FreeCss table, .FreeCss caption, .FreeCss tbody, .FreeCss tfoot, .FreeCss thead, .FreeCss tr, .FreeCss th, .FreeCss td,
.FreeCss article, .FreeCss aside, .FreeCss canvas, .FreeCss details, .FreeCss figcaption, .FreeCss figure,
.FreeCss footer, .FreeCss header, .FreeCss hgroup, .FreeCss menu, .FreeCss nav, .FreeCss section, .FreeCss summary,
.FreeCss time, .FreeCss mark, .FreeCss audio, .FreeCss video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 10px;
font-weight: 400;
vertical-align: baseline;
background: transparent;
}
.FreeCss body {
line-height: 1;
}
.FreeCss article, .FreeCss aside, .FreeCss details, .FreeCss figcaption, .FreeCss figure,
.FreeCss footer, .FreeCss header, .FreeCss hgroup, .FreeCss menu, .FreeCss nav, .FreeCss section {
display: block;
}
.FreeCss nav ul {
list-style: none;
}
.FreeCss blockquote, .FreeCss q {
quotes: none;
}
.FreeCss blockquote:before, .FreeCss blockquote:after,
.FreeCss q:before, .FreeCss q:after {
content: '';
content: none;
}
.FreeCss a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
.FreeCss ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
.FreeCss mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
.FreeCss del {
text-decoration: line-through;
}
.FreeCss abbr[title], .FreeCss dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
.FreeCss table {
border-collapse: collapse;
border-spacing: 0;
}
.FreeCss hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
.FreeCss input, .FreeCss select {
vertical-align: middle;
}
/*css調整*/
.FreeCss {
font-family: 'Noto Sans JP', sans-serif;
}
.FreeCss .Inner {
width: 980px;
margin: 0 auto;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1025px) {
.FreeCss .Inner {
width: 100%;
}
}
.FreeCss .Inner--long {
width: 1280px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Inner--long {
width: 100%;
}
}
.FreeCss img {
max-width: 100%;
}
.FreeCss .animated {
opacity: 0;
/* 5秒かけてアニメーションする */
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.FreeCss .animated.show {
opacity: 1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.FreeCss .only-sp {
display: none;
}
@media screen and (max-width: 1025px) {
.FreeCss .only-sp {
display: block;
}
}
.FreeCss .only-sp-inline {
display: none;
}
@media screen and (max-width: 1025px) {
.FreeCss .only-sp-inline {
display: inline-block;
}
}
@media screen and (max-width: 1025px) {
.FreeCss .only-pc {
display: none;
}
}
.FreeCss h1, .FreeCss h2, .FreeCss h3, .FreeCss p, .FreeCss ul, .FreeCss li, .FreeCss ol, .FreeCss li, .FreeCss table, .FreeCss th, .FreeCss td a {
line-height: 1.7;
}
.FreeCss a {
text-decoration: none;
}
.FreeCss .Title {
margin-bottom: 30px;
}
.FreeCss .Title__main {
font-size: 4.5em;
margin-bottom: 10px;
font-weight: bold;
color: #0d2ea0;
font-family: "Open Sans", sans-serif !important;
display: block;
line-height: 1;
}
@media screen and (max-width: 1025px) {
.FreeCss .Title__main {
font-size: 3.0em;
}
}
.FreeCss .Title__sub {
font-size: 1.4em;
font-weight: bold;
}
.FreeCss .Text {
font-size: 1.5em;
line-height: 2;
}
.FreeCss .Text--mb {
margin-bottom: 40px;
}
.FreeCss .Text--mt {
margin-top: 60px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Text--mt {
margin-top: 30px;
}
}
.FreeCss .Text a {
text-decoration: underline;
}
.FreeCss .Text a .link-img {
width: 12px;
margin: 0 4px;
}
.FreeCss .Text strong {
font-size: 1.0em;
font-weight: bold;
}
.FreeCss .no-link {
pointer-events: none;
}
.FreeCss .Fv {
background-color: white;
}
.FreeCss .Fv__cross {
position: relative;
}
.FreeCss .Fv__cross__title {
text-align: center;
background-color: transparent;
position: absolute;
bottom: 120px;
left: 0;
width: 100%;
}
@media screen and (max-width: 1025px) {
.FreeCss .Fv__cross__title {
bottom: 40px;
}
}
.FreeCss .Fv__cross__title__main {
color: white;
font-weight: bold;
font-size: 9.0em;
line-height: 1;
display: block;
margin-bottom: 25px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Fv__cross__title__main {
font-size: 4.5em;
margin-bottom: 15px;
}
}
.FreeCss .Fv__cross__title__sub {
font-size: 2.5em;
color: white;
font-weight: bold;
display: block;
}
@media screen and (max-width: 1025px) {
.FreeCss .Fv__cross__title__sub {
font-size: 2.0em;
}
}
.FreeCss .Fv__voice__box {
position: absolute;
left: 50%;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1025px) {
.FreeCss .Fv__voice__box {
position: relative;
left: auto;
bottom: auto;
padding: 0 20px;
margin-top: -250px;
}
}
.FreeCss .Fv__voice__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 30px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Fv__voice__title {
margin-bottom: 10px;
}
}
.FreeCss .Fv__voice__title__text {
font-weight: bold;
color: white;
font-size: 4.0em;
line-height: 1;
padding: 10px;
margin-bottom: 8px;
display: inline-block;
background-color: #0d2ea0;
}
@media screen and (max-width: 1025px) {
.FreeCss .Fv__voice__title__text {
font-size: 2.8em;
padding: 6px;
}
}
.FreeCss .Fv__voice__text {
padding: 40px 60px;
background-color: white;
font-size: 1.5em;
font-weight: bold;
width: 600px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Fv__voice__text {
padding: 40px 30px;
}
}
.FreeCss .Fv__voice__text .attention {
font-size: 0.86em;
font-weight: normal;
}
@media screen and (max-width: 1025px) {
.FreeCss .Fv__voice__text {
width: 100%;
}
}
.FreeCss .Fv__bg {
position: relative;
}
.FreeCss .Fv__bg .Title {
position: absolute;
left: 0;
bottom: 0;
background-color: white;
padding: 60px 80px 0;
margin-bottom: 0;
width: 44%;
}
@media screen and (max-width: 1025px) {
.FreeCss .Fv__bg .Title {
width: 84%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 20px 0;
}
.FreeCss .Fv__bg .Title__main {
font-size: 2.8em;
}
}
.FreeCss .MainNav .Inner {
padding: 85px 0 116px;
}
@media screen and (max-width: 1025px) {
.FreeCss .MainNav .Inner {
padding: 50px 20px 70px;
}
}
.FreeCss .MainNav__text {
font-size: 1.5em;
line-height: 2.2;
font-family: "Noto Serif JP", serif !important;
margin-bottom: 80px;
}
@media screen and (max-width: 1025px) {
.FreeCss .MainNav__text {
margin-bottom: 0;
}
}
.FreeCss .MainNav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1025px) {
.FreeCss .MainNav__list {
display: none;
}
}
.FreeCss .MainNav__list__link {
width: 280px;
border-top: 1px solid #1F1F1F;
border-bottom: 1px solid #1F1F1F;
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.FreeCss .MainNav__list__link__head {
font-size: 1.3em;
margin-bottom: 10px;
color: black;
font-family: 'Marcellus', serif;
}
.FreeCss .MainNav__list__link__name {
font-size: 2.4em;
margin-bottom: 10px;
color: black;
font-family: "Noto Serif JP", serif !important;
}
.FreeCss .MainNav__list__link__arrow {
font-size: 2.4em;
color: black;
display: inline-block;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}
.FreeCss .MainNav__list__link:hover .MainNav__list__link__arrow {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
.FreeCss .Content {
background-color: white;
padding-top: 100px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Content {
padding: 75px 20px 0;
}
}
.FreeCss .Content .Title__main {
font-size: 2.8em;
}
@media screen and (max-width: 1025px) {
.FreeCss .Content .Title__main {
font-size: 2.2em;
}
}
.FreeCss .Content__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.FreeCss .Content__list__box {
width: calc(33% - 20px);
margin-bottom: 30px;
overflow: hidden;
}
@media screen and (max-width: 1025px) {
.FreeCss .Content__list__box {
width: calc(50% - 7px);
margin-bottom: 20px;
}
}
.FreeCss .Content__list__box:nth-child(n + 4) {
margin-bottom: 0;
}
.FreeCss .Content__list__box__img {
width: 100%;
position: relative;
}
.FreeCss .Content__list__box__img__img {
width: 100%;
vertical-align: bottom;
}
.FreeCss .Content__list__box.no-link .Content__list__box__img:after {
content: 'Coming Soon';
width: 100%;
height: 100%;
font-weight: bold;
font-size: 1.6em;
position: absolute;
top: 50%;
left: 0;
text-align: center;
color: #0d2ea0;
}
@media screen and (max-width: 1025px) {
.FreeCss .Content__list__box.no-link .Content__list__box__img:after {
font-size: 1.3em;
}
}
.FreeCss .Content__list__box.no-link .Content__list__box__img__img {
opacity: 0.3;
}
.FreeCss .Content__list__box__title {
position: relative;
z-index: 1;
background-color: #0d2ea0;
width: 100%;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: white;
font-size: 1.3em;
font-weight: 500;
}
@media screen and (max-width: 1025px) {
.FreeCss .Content__list__box__title {
font-size: 1.2em;
}
}
.FreeCss .Content__list__box__title .link-img {
margin-left: 20px;
width: 10px;
}
.FreeCss div, .FreeCss h1, .FreeCss h2, .FreeCss h3, .FreeCss h4, .FreeCss p, .FreeCss span, .FreeCss ul, .FreeCss li, .FreeCss a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.FreeCss .Btn {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.FreeCss .Btn--default {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.FreeCss .Btn__text {
color: white;
font-weight: bold;
font-size: 1.6em;
}
@media screen and (max-width: 1025px) {
.FreeCss .Btn__text {
font-size: 1.5em;
}
}
.FreeCss .Btn__text__img {
margin-left: 20px;
width: 10px;
}
.FreeCss .Btn__text--en {
font-weight: 500;
}
.FreeCss .Btn__text .link-img {
margin-left: 20px;
width: 10px;
}
.FreeCss .Btn__arrow {
position: absolute;
right: 25px;
top: calc(50% - 5px);
width: 17px;
}
.FreeCss .Btn__arrow__img {
width: 100%;
}
.FreeCss .Btn--blue {
background-color: #0d2ea0;
}
.FreeCss .Btn--little {
width: 210px;
height: 62px;
}
.FreeCss .Btn--middle {
width: 310px;
height: 62px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Btn--middle {
width: 100%;
}
}
.FreeCss .Btn:hover {
opacity: 0.6;
}
.FreeCss .Btn__arrow {
display: inline-block;
}
.FreeCss .Btn--full {
width: 100%;
height: 62px;
}
.FreeCss .Btn--news {
width: 130px;
height: 15px;
}
.FreeCss .Btn--white .Btn__text {
color: black;
}
.FreeCss .Btn--white--bg {
background-color: white;
}
.FreeCss .Btn--white--bg .Btn__text {
color: #0d2ea0;
}
.FreeCss .Btn--half {
width: calc(50% - 10px);
height: 100px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Btn--half {
width: 100%;
height: 78px;
}
}
.FreeCss .Btn--border-white {
background-color: white;
border: 5px solid #E6ECF4;
position: relative;
}
.FreeCss .Btn--border-white .Btn__text {
color: #22305A;
font-size: 2.5em;
letter-spacing: 0.05em;
}
@media screen and (max-width: 1025px) {
.FreeCss .Btn--border-white .Btn__text {
font-size: 2.0em;
}
}
.FreeCss .Btn--border-white::after {
content: '';
border: 1px solid #0d2ea0;
width: 100%;
height: 100%;
position: absolute;
left: -1px;
top: -1px;
}
.FreeCss .Btn--border-white.no-link .Btn__text {
color: #C3C3C3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.FreeCss .Btn--border-white.no-link .Btn__text__en {
font-size: 0.5em;
margin-top: 10px;
}
.FreeCss .Btn--border-blue {
background-color: #22305A;
border: 5px solid #E6ECF4;
position: relative;
}
.FreeCss .Btn--border-blue.Btn--full {
height: 100px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Btn--border-blue.Btn--full {
height: 78px;
}
}
.FreeCss .Btn--border-blue .Btn__text {
color: white;
font-size: 2.5em;
letter-spacing: 0.05em;
}
@media screen and (max-width: 1025px) {
.FreeCss .Btn--border-blue .Btn__text {
font-size: 2.0em;
}
}
.FreeCss .Btn--border-blue::after {
content: '';
border: 1px solid #0d2ea0;
width: 100%;
height: 100%;
position: absolute;
left: -1px;
top: -1px;
}
.FreeCss .Btn--gray {
background-color: #C3C3C3;
}
.FreeCss .Btn--requirements {
width: 340px;
height: 62px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Btn--requirements {
width: 100%;
}
}
.FreeCss .Header__nav {
padding: 20px 50px;
background-color: white;
margin-top: 60px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Header__nav {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(97, 189, 234, 0.9);
padding-top: 120px;
}
}
.FreeCss .Header__nav__ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1025px) {
.FreeCss .Header__nav__ul {
display: block;
}
}
.FreeCss .Header__nav__ul__li {
margin-left: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1025px) {
.FreeCss .Header__nav__ul__li {
text-align: center;
margin-bottom: 50px;
}
}
.FreeCss .Header__nav__ul__li__link {
font-size: 1.5em;
color: black;
text-decoration: none;
}
@media screen and (max-width: 1025px) {
.FreeCss .Header__nav__ul__li__link {
color: white;
text-align: center;
margin-left: 0;
line-height: 1;
}
}
.FreeCss .Header__nav__ul__li__link:after {
content: '▼';
font-size: 0.7em;
margin-left: 5px;
color: #A0ABD6;
}
@media screen and (max-width: 1025px) {
.FreeCss .Header__nav__ul__li__link:after {
display: none;
}
}
.FreeCss .NavCareer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #F2F2F2;
}
@media screen and (max-width: 1025px) {
.FreeCss .NavCareer {
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 20px;
z-index: 10;
}
}
.FreeCss .NavCareer__text {
font-size: 1.6em;
padding: 9px 20px;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .NavCareer__text {
padding: 0;
line-height: 1;
font-size: 1.3em;
}
}
.FreeCss .NavCareer__sp {
display: none;
}
@media screen and (max-width: 1025px) {
.FreeCss .NavCareer__sp {
display: block;
font-size: 1.3em;
}
}
.FreeCss .NavCareer__ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
}
@media screen and (max-width: 1025px) {
.FreeCss .NavCareer__ul {
display: none;
position: absolute;
top: 42px;
left: 0;
width: 100%;
background-color: white;
border-bottom: 1px solid #F7F7F8;
padding: 40px;
}
}
.FreeCss .NavCareer__ul__li {
margin-left: 20px;
}
@media screen and (max-width: 1025px) {
.FreeCss .NavCareer__ul__li {
margin-bottom: 30px;
}
.FreeCss .NavCareer__ul__li:first-child {
margin-bottom: 40px;
}
.FreeCss .NavCareer__ul__li:last-child {
margin-bottom: 0;
}
}
.FreeCss .NavCareer__ul__li__link {
font-size: 1.6em;
position: relative;
padding: 13px 0;
font-family: Roboto, Arial, Helvetica, sans-serif;
}
.FreeCss .NavCareer__ul__li__link.on:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #0d2ea1;
}
.FreeCss .NavCareer__ul__li__link.no-link {
opacity: 0.5;
}
.FreeCss .NavCareer__ul__li__link--blue {
height: 100%;
padding: 9px 20px;
color: white;
background-color: #22305A;
display: block;
}
@media screen and (max-width: 1025px) {
.FreeCss .NavCareer__ul__li__link--blue {
height: 63px;
width: 160px;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.FreeCss .menu-btn {
position: absolute;
top: 12px;
right: 16px;
z-index: 10;
}
@media screen and (max-width: 1025px) {
.FreeCss .menu-btn {
top: 20px;
right: 20px;
}
}
.FreeCss .hambarger {
width: 30px;
height: 30px;
position: relative;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
display: none;
}
@media screen and (max-width: 1025px) {
.FreeCss .hambarger {
width: 40px;
height: 40px;
display: block;
margin: 0 0 0 auto;
right: 0;
top: 0;
}
}
.FreeCss .hambarger.animation span {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.FreeCss .hambarger.animation .top {
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
}
.FreeCss .hambarger.animation .bottom {
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
}
.FreeCss .hambarger.animation.is-open .middle {
background: transparent;
}
.FreeCss .hambarger.animation.is-open .top {
-webkit-transform: rotate(-45deg) translateY(0px);
-ms-transform: rotate(-45deg) translateY(0px);
transform: rotate(-45deg) translateY(0px);
}
.FreeCss .hambarger.animation.is-open .bottom {
-webkit-transform: rotate(45deg) translateY(0px);
-ms-transform: rotate(45deg) translateY(0px);
transform: rotate(45deg) translateY(0px);
}
.FreeCss .hambarger.animation.is-open span {
background: white;
}
.FreeCss .hambarger span {
width: 16px;
height: 2px;
border-radius: 1px;
display: block;
background: #231815;
position: absolute;
left: 8px;
top: 28px;
}
@media screen and (max-width: 1025px) {
.FreeCss .hambarger span {
left: 0;
top: 15px;
width: 100%;
}
}
.FreeCss .hambarger span .bottom {
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
}
.FreeCss .hambarger span .top {
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
}
.FreeCss .hambarger p {
margin: 0;
font-size: 8px;
position: absolute;
bottom: 5px;
text-align: center;
color: white;
width: 100%;
white-space: nowrap;
}
.FreeCss .Footer__nav {
background-color: #F3F3F3;
padding: 40px 0;
margin-bottom: 70px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Footer__nav {
padding: 20px;
margin-bottom: 35px;
}
}
.FreeCss .Footer__nav__ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1025px) {
.FreeCss .Footer__nav__ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 1025px) {
.FreeCss .Footer__nav__ul__li {
width: 50%;
position: relative;
}
}
.FreeCss .Footer__nav__ul__li:after {
content: '・';
font-size: 1.5em;
margin-left: 20px;
color: black;
}
@media screen and (max-width: 1025px) {
.FreeCss .Footer__nav__ul__li:after {
margin-left: 0;
position: absolute;
right: 10px;
top: calc(50% - 14px);
}
}
.FreeCss .Footer__nav__ul__li:last-child:after {
display: none;
}
@media screen and (max-width: 1025px) {
.FreeCss .Footer__nav__ul__li:nth-child(2):after {
display: none;
}
}
.FreeCss .Footer__nav__ul__li__link {
margin-left: 20px;
font-size: 1.5em;
color: black;
font-family: "Noto Serif JP", serif !important;
text-decoration: none;
}
@media screen and (max-width: 1025px) {
.FreeCss .Footer__nav__ul__li__link {
margin-left: 0;
text-align: left;
}
}
.FreeCss .Footer__text {
font-size: 1.3em;
margin-bottom: 60px;
text-align: center;
line-height: 2.25;
}
@media screen and (max-width: 1025px) {
.FreeCss .Footer__text {
margin-bottom: 30px;
}
}
.FreeCss .Footer__company {
text-align: center;
}
.FreeCss .Footer__company__text {
font-size: 2.4em;
font-family: "Noto Serif JP", serif !important;
margin-bottom: 20px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Footer__company__text {
font-size: 1.8em;
}
}
.FreeCss .Footer__company__info {
font-size: 1.5em;
}
@media screen and (max-width: 1025px) {
.FreeCss .Footer__company__info {
font-size: 1.3em;
pointer-events: none;
}
}
.FreeCss .Footer__credit {
padding-top: 30px;
padding-bottom: 30px;
margin-top: 60px;
text-align: center;
border-top: 1px solid #DBDCDC;
}
@media screen and (max-width: 1025px) {
.FreeCss .Footer__credit {
margin-top: 30px;
padding-top: 15px;
padding-bottom: 15px;
line-height: 1.5;
}
}
.FreeCss .PageTop {
position: fixed;
bottom: 50px;
right: 50px;
width: 80px;
}
@media screen and (max-width: 1025px) {
.FreeCss .PageTop {
width: 40px;
bottom: 20px;
right: 20px;
}
}
.FreeCss .PageTop__img {
width: 100%;
}
.FreeCss .TopFv {
width: 100%;
height: 560px;
position: relative;
}
.FreeCss .TopFv__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top right;
object-position: top right;
}
.FreeCss .TopFv__inner {
padding: 80px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopFv__inner {
padding: 40px 20px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.FreeCss .TopFv__message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.FreeCss .TopFv__message__span {
background-color: white;
display: inline-block;
padding: 10px;
line-height: 1;
font-size: 5.0em;
font-weight: bold;
color: #0d2ea0;
}
.FreeCss .TopFv__message__span.only-sp {
display: none;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopFv__message__span {
font-size: 3.3em;
}
.FreeCss .TopFv__message__span.only-pc {
display: none;
}
.FreeCss .TopFv__message__span.only-sp {
display: inline-block;
}
}
.FreeCss .TopFv__message__span--en {
font-size: 1.2em;
padding: 20px 10px;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopFv__message__span--en {
font-size: 0.8em;
}
}
.FreeCss .TopNews {
background-color: white;
}
.FreeCss .TopNews .Inner {
padding: 50px 0;
width: 980px;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopNews .Inner {
width: 100%;
padding: 50px 20px;
}
}
.FreeCss .TopNews__link {
position: absolute;
right: -35px;
top: calc(50% - 8px);
}
.FreeCss .TopNews__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 130px;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopNews__box {
display: block;
padding-right: 0;
}
}
.FreeCss .TopNews__box__category {
font-size: 1.7em;
color: #0d2ea0;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopNews__box__category {
margin-left: 0;
margin-bottom: 25px;
}
}
.FreeCss .TopNews__box__date {
color: #AAAAAA;
font-size: 1.5em;
margin-left: 35px;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopNews__box__date {
margin-left: 0;
margin-bottom: 15px;
}
}
.FreeCss .TopNews__box__text {
font-size: 1.5em;
margin-left: 25px;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopNews__box__text {
margin-left: 0;
}
}
.FreeCss .TopAbout {
padding-top: 80px;
background-color: white;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopAbout {
padding-top: 60px;
}
}
.FreeCss .TopAbout__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: top left;
object-position: top left;
}
.FreeCss .TopAbout__img {
position: relative;
width: 68%;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopAbout__img {
width: calc(100% - 20px);
}
}
.FreeCss .TopAbout__img__img {
width: 100%;
}
.FreeCss .TopAbout__text {
position: absolute;
left: 51%;
bottom: 0;
width: 570px;
height: 360px;
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 80px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1025px) {
.FreeCss .TopAbout__text {
position: relative;
left: auto;
bottom: auto;
width: calc(100% - 40px);
margin-left: 20px;
height: auto;
padding: 50px 20px;
margin-top: -120px;
}
}
.FreeCss .TopInterview {
background-color: white;
}
.FreeCss .TopInterview__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 90px 80px 50px;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopInterview__title {
padding: 120px 20px 40px;
display: block;
}
}
.FreeCss .TopInterview__title .Title {
margin-right: 40px;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopInterview__title .Title {
margin-right: 0;
margin-bottom: 30px;
}
}
.FreeCss .TopInterview__title .Text a {
text-decoration: underline;
}
.FreeCss .TopInterview__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.FreeCss .TopInterview__list__box {
width: 50%;
height: 340px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 40px;
background-size: cover;
background-repeat: no-repeat;
background-position: top right;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopInterview__list__box {
width: 100%;
height: 190px;
padding-left: 20px;
margin-top: -2px;
}
}
.FreeCss .TopInterview__list__box__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top right;
object-position: top right;
}
.FreeCss .TopInterview__list__box__text {
width: 300px;
height: 217px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.5em;
font-weight: bold;
line-height: 2;
color: white;
position: relative;
}
.FreeCss .TopInterview__list__box__text__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top left;
object-position: top left;
}
.FreeCss .TopInterview__list__box__text__text {
position: relative;
font-size: 1.0em;
}
.FreeCss .TopInterview__list__box__text__text__coming {
font-size: 0.8em;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopInterview__list__box__text {
width: 160px;
height: 140px;
font-size: 1.3em;
padding: 20px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.FreeCss .TopInterview__list__box--04 {
padding: 40px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopInterview__list__box--04 {
padding: 20px;
}
}
.FreeCss .TopInterview__list__box--04 .TopInterview__list__box__text {
width: 100%;
height: 66px;
}
.FreeCss .TopWorkplace {
padding-top: 80px;
background-color: white;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopWorkplace {
padding-top: 100px;
}
}
.FreeCss .TopWorkplace .Title {
white-space: nowrap;
}
.FreeCss .TopWorkplace__img {
width: 68%;
margin: 0 0 0 auto;
}
@media screen and (max-width: 1025px) {
.FreeCss .TopWorkplace__img {
width: 100%;
margin: -90px 0 0;
}
}
.FreeCss .TopWorkplace__img__img {
width: 100%;
}
.FreeCss .TopWorkplace__text {
position: absolute;
right: 51%;
bottom: calc(50% - 220px);
width: 640px;
height: 360px;
background-color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 80px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1025px) {
.FreeCss .TopWorkplace__text {
position: relative;
right: auto;
bottom: auto;
width: calc(100% - 40px);
margin-left: 20px;
height: auto;
padding: 60px 40px;
}
}
.FreeCss .Flow {
background-color: white;
padding: 90px 0 120px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow {
padding: 60px 20px 40px;
}
}
.FreeCss .Flow__list {
width: 980px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__list {
width: 100%;
}
}
.FreeCss .Flow__list .Btn {
margin-bottom: 20px;
}
.FreeCss .Flow__list .Btn:last-child {
margin-bottom: 0;
}
.FreeCss .Flow__back {
margin: 50px auto 0;
width: 180px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__back {
margin-top: 30px;
margin-bottom: 30px;
width: 140px;
}
}
.FreeCss .Flow__back:hover {
opacity: 0.6;
}
.FreeCss .Flow__back__img {
width: 100%;
}
.FreeCss .Message {
background-color: white;
position: relative;
}
.FreeCss .Message__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 170px);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top left;
object-position: top left;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__bg {
height: calc(100% - 360px);
-o-object-fit: cover;
object-fit: cover;
}
}
.FreeCss .Message .Inner {
position: relative;
padding-top: 120px;
width: 980px;
margin: -2px auto 160px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message .Inner {
padding: 70px 40px 80px;
width: 100%;
margin: -2px 0 0;
}
}
.FreeCss .Message__title {
font-size: 5.7em;
font-weight: bold;
color: #0d2ea0;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__title {
margin-bottom: 60px;
font-size: 3.3em;
}
}
.FreeCss .Message__text {
font-size: 2.0em;
line-height: 2;
width: 560px;
margin: 0 0 0 auto;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__text {
width: 100%;
font-size: 1.5em;
}
}
.FreeCss .Message__require__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 65px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__require__title {
margin-bottom: 30px;
}
}
.FreeCss .Message__require__title__text {
font-size: 3.8em;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__require__title__text {
font-size: 2.7em;
}
}
.FreeCss .Message__require__title:after {
font-size: 3.8em;
font-weight: bold;
content: 'ー';
color: #0d2ea0;
}
.FreeCss .Message__require__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__require__list {
display: block;
padding: 0 40px;
}
}
.FreeCss .Message__require__list__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
margin-right: 30px;
width: 375px;
height: 290px;
background-color: white;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__require__list__box {
width: 100%;
height: 230px;
margin-right: 0;
margin-bottom: 20px;
}
}
.FreeCss .Message__require__list__box:last-child {
margin-right: 0;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__require__list__box:last-child {
margin-bottom: 0;
}
}
.FreeCss .Message__require__list__box__title {
font-size: 3.7em;
text-align: center;
margin-bottom: 45px;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__require__list__box__title {
font-size: 2.8em;
margin-bottom: 35px;
}
}
.FreeCss .Message__require__list__box__text {
font-size: 1.5em;
text-align: center;
}
.FreeCss .Message__require__list__box:after {
content: '';
border: 1px solid #C3C3C3;
width: calc(100% - 10px);
height: calc(100% - 10px);
top: 5px;
left: 5px;
position: absolute;
}
.FreeCss .Message__bucho {
padding-top: 190px;
background-color: white;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__bucho {
padding: 80px 40px 0;
}
}
.FreeCss .Message__bucho__box {
width: 1050px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__bucho__box {
width: 100%;
display: block;
}
}
.FreeCss .Message__bucho__box__img {
width: 370px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__bucho__box__img {
width: 100%;
margin-bottom: 50px;
}
}
.FreeCss .Message__bucho__box__img__img {
width: 100%;
display: block;
margin-bottom: 25px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__bucho__box__img__img {
margin-bottom: 20px;
}
}
.FreeCss .Message__bucho__box__img__profile__name {
font-size: 1.4em;
font-weight: bold;
margin-bottom: 10px;
}
.FreeCss .Message__bucho__box__img__profile__name__en {
font-size: 12px;
font-family: "EB Garamond", serif !important;
display: inline-block;
margin-left: 20px;
}
.FreeCss .Message__bucho__box__img__profile__text {
font-size: 1.2em;
line-height: 2;
}
.FreeCss .Message__bucho__box__text {
width: calc(100% - 440px);
}
@media screen and (max-width: 1025px) {
.FreeCss .Message__bucho__box__text {
width: 100%;
}
}
.FreeCss .Message__bucho__box__text__title {
font-size: 2.5em;
margin-bottom: 40px;
font-weight: bold;
}
.FreeCss .Message__bucho__box__text__text {
font-size: 1.5em;
line-height: 2;
}
.FreeCss .Requirements {
background-color: white;
}
.FreeCss .Requirements .Inner {
padding-top: 120px;
width: 980px;
margin: 0 auto;
}
@media screen and (max-width: 1025px) {
.FreeCss .Requirements .Inner {
padding: 75px 20px 0;
width: 100%;
}
}
.FreeCss .Requirements__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 50px 40px 40px 50px;
border: 10px solid #EDEDED;
margin-bottom: 30px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Requirements__box {
padding: 30px 40px;
display: block;
}
}
.FreeCss .Requirements__box:last-child {
margin-bottom: 0;
}
.FreeCss .Requirements__box__text__title {
font-size: 2.8em;
font-weight: bold;
margin-bottom: 40px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Requirements__box__text__title {
font-size: 2.0em;
margin-bottom: 20px;
}
}
.FreeCss .Requirements__box__text__text {
font-size: 1.5em;
width: 400px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Requirements__box__text__text {
width: 100%;
height: 130px;
}
}
.FreeCss .About {
background-color: white;
position: relative;
}
.FreeCss .About__bg {
position: absolute;
top: 550px;
left: 0;
width: 100%;
height: 1200px;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__bg {
height: 2200px;
}
}
.FreeCss .About__bg__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.FreeCss .About__feature {
padding: 100px 0;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__feature {
padding: 60px 20px;
}
}
.FreeCss .About__feature__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 65px;
}
.FreeCss .About__feature__title.only-sp {
display: none;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__feature__title.only-sp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 1025px) {
.FreeCss .About__feature__title {
margin-bottom: 10px;
}
}
.FreeCss .About__feature__title__text {
font-size: 3.8em;
font-weight: bold;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.FreeCss .About__feature__title__text span {
font-size: 1.0em;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__feature__title__text {
font-size: 2.0em;
}
}
.FreeCss .About__feature__title:after {
font-size: 3.8em;
font-weight: bold;
content: 'ー';
color: #0d2ea0;
}
.FreeCss .About__feature__text {
font-size: 2.0em;
margin-bottom: 70px;
text-align: center;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__feature__text {
font-size: 2.0em;
}
}
.FreeCss .About__feature__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__feature__list {
display: block;
}
}
.FreeCss .About__feature__list .AboutFeatureBox {
width: 370px;
margin-right: 40px;
-webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1025px) {
.FreeCss .About__feature__list .AboutFeatureBox {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
}
.FreeCss .About__feature__list .AboutFeatureBox:last-child {
margin-right: 0;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__feature__list .AboutFeatureBox:last-child {
margin-bottom: 0;
}
}
.FreeCss .About__feature__list .AboutFeatureBox__img {
width: 100%;
}
.FreeCss .About__feature__list .AboutFeatureBox__img__img {
width: 100%;
vertical-align: bottom;
}
.FreeCss .About__feature__list .AboutFeatureBox__text {
width: 100%;
padding: 30px;
background-color: white;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__feature__list .AboutFeatureBox__text {
padding: 15px 25px 25px;
}
}
.FreeCss .About__feature__list .AboutFeatureBox__text__title {
font-size: 2.5em;
margin-bottom: 30px;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__feature__list .AboutFeatureBox__text__title {
font-size: 1.8em;
margin-bottom: 15px;
}
}
.FreeCss .About__feature__list .AboutFeatureBox__text__text {
font-size: 1.5em;
height: 235px;
line-height: 2;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__feature__list .AboutFeatureBox__text__text {
height: auto;
margin-bottom: 15px;
}
}
.FreeCss .About__future {
margin-bottom: 115px;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__future {
margin-bottom: 40px;
}
}
.FreeCss .About__future__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 65px;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__future__title {
margin-bottom: 10px;
}
}
.FreeCss .About__future__title__text {
font-size: 3.8em;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__future__title__text {
font-size: 2.0em;
}
}
.FreeCss .About__future__title:after {
font-size: 3.8em;
font-weight: bold;
content: 'ー';
color: #0d2ea0;
}
.FreeCss .About__future__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__future__box {
display: block;
}
}
.FreeCss .About__future__box__img {
width: 800px;
min-width: 800px;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__future__box__img {
width: 100%;
min-width: 100%;
}
}
.FreeCss .About__future__box__img__img {
width: 100%;
}
.FreeCss .About__future__box__text {
width: 780px;
padding: 64px;
margin-left: -300px;
background-color: white;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__future__box__text {
width: calc( 100% - 40px);
padding: 30px;
margin: -20px auto 0;
}
}
.FreeCss .About__future__box__text:before {
content: '';
width: calc( 100% - 16px);
height: calc( 100% - 16px);
position: absolute;
left: 8px;
top: 8px;
border: 1px solid #C3C3C3;
}
.FreeCss .About__future__box__text__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
color: #0d2ea0;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__future__box__text__title {
margin-bottom: 0;
}
}
.FreeCss .About__future__box__text__title__text {
font-size: 2.5em;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__future__box__text__title__text {
font-size: 1.5em;
}
}
.FreeCss .About__future__box__text__title:after {
font-size: 2.5em;
font-weight: bold;
content: 'ー';
color: #0d2ea0;
}
.FreeCss .About__future__box__text__text {
font-size: 1.5em;
line-height: 2;
margin-bottom: 30px;
}
@media screen and (max-width: 1025px) {
.FreeCss .About__future__box__text__text {
margin-bottom: 15px;
}
}
.FreeCss .Relation {
background-color: #F2F2F2;
padding: 110px 0;
}
@media screen and (max-width: 1025px) {
.FreeCss .Relation {
padding: 40px 20px;
}
}
.FreeCss .Relation__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 50px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Relation__title {
margin-bottom: 10px;
}
}
.FreeCss .Relation__title__text {
font-size: 3.8em;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Relation__title__text {
font-size: 2.0em;
}
}
.FreeCss .Relation__title__sub {
font-size: 1.5em;
}
@media screen and (max-width: 1025px) {
.FreeCss .Relation__title__sub {
text-align: center;
}
}
.FreeCss .Relation__title:after {
font-size: 3.8em;
font-weight: bold;
content: 'ー';
color: #0d2ea0;
}
.FreeCss .Relation__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.FreeCss .Relation__list__box {
background-color: white;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 25px;
width: 313px;
height: 155px;
margin-right: 16px;
margin-bottom: 16px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Relation__list__box {
padding: 20px 25px;
margin-right: 0;
margin-bottom: 10px;
height: auto;
width: 100%;
}
}
.FreeCss .Relation__list__box:nth-child(3) {
margin-right: 0;
}
.FreeCss .Relation__list__box--big {
width: 800px;
height: auto;
}
@media screen and (max-width: 1025px) {
.FreeCss .Relation__list__box--big {
width: 100%;
}
}
.FreeCss .Relation__list__box__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (max-width: 1025px) {
.FreeCss .Relation__list__box__wrap {
display: block;
margin-top: 20px;
}
}
.FreeCss .Relation__list__box__wrap__text {
font-size: 1.3em;
line-height: 2;
}
@media screen and (max-width: 1025px) {
.FreeCss .Relation__list__box__wrap__text {
font-size: 1.5em;
}
}
.FreeCss .Relation__list__box__wrap__text:first-child {
margin-right: 90px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Relation__list__box__wrap__text:first-child {
margin-bottom: 25px;
margin-right: 0;
}
}
.FreeCss .Relation__list__box__wrap__text b {
font-weight: bold;
font-size: 1.0em;
}
.FreeCss .Relation__list__box:before {
position: absolute;
width: calc( 100% - 8px);
height: calc( 100% - 8px);
content: '';
border: 1px solid #22305A;
left: 4px;
top: 4px;
}
.FreeCss .Relation__list__box__title {
font-size: 1.8em;
margin-bottom: 20px;
font-weight: bold;
color: #22305A;
}
@media screen and (max-width: 1025px) {
.FreeCss .Relation__list__box__title {
font-size: 1.7em;
margin-bottom: 0;
}
}
.FreeCss .Relation__list__box__text {
font-size: 1.3em;
}
@media screen and (max-width: 1025px) {
.FreeCss .Relation__list__box__text {
font-size: 1.5em;
}
}
.FreeCss .Relation__list__box__tab {
position: absolute;
right: 25px;
top: 50px;
width: 10px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Relation__list__box__tab {
top: 30px;
}
}
.FreeCss .Relation__list--double {
width: 650px;
margin: 0 auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.FreeCss .Relation__list--double .Relation__list__box {
margin: 0 0 16px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Relation__list--double {
width: 100%;
}
}
.FreeCss .Case__list {
width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 0 auto;
padding: 100px 0 150px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__list {
width: 100%;
display: block;
padding: 40px 20px;
}
}
.FreeCss .Case__list .InterviewBox {
width: 365px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__list .InterviewBox {
width: 100%;
margin-bottom: 30px;
}
.FreeCss .Case__list .InterviewBox:last-child {
margin-bottom: 0;
}
}
.FreeCss .Case__list .InterviewBox__img {
position: relative;
display: block;
width: 100%;
}
.FreeCss .Case__list .InterviewBox__img__num {
position: absolute;
left: 0;
top: 0;
background-color: #0d2ea0;
font-size: 2.0em;
color: white;
font-family: "Open Sans", sans-serif !important;
width: 170px;
height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0.05em;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__list .InterviewBox__img__num {
font-size: 1.7em;
width: 150px;
}
}
.FreeCss .Case__list .InterviewBox__img__img {
width: 100%;
}
.FreeCss .Case__list .InterviewBox__text {
padding-top: 40px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__list .InterviewBox__text {
padding-top: 15px;
}
}
.FreeCss .Case__list .InterviewBox__text__title {
font-size: 2.0em;
margin-bottom: 40px;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__list .InterviewBox__text__title {
margin-bottom: 20px;
font-size: 1.8em;
}
}
.FreeCss .Case__list .InterviewBox__text__text {
font-size: 1.5em;
line-height: 2;
height: 170px;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__list .InterviewBox__text__text {
height: auto;
margin-bottom: 30px;
}
}
.FreeCss .Case__cross {
padding: 0 0 100px;
position: relative;
margin-bottom: 120px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__cross {
margin-bottom: 0;
padding: 20px 20px 30px;
}
}
.FreeCss .Case__cross:before {
content: '';
background-color: #0d2ea0;
left: 0;
top: 60px;
position: absolute;
width: 100%;
height: calc( 100% - 60px);
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__cross:before {
top: 0;
height: 100%;
}
}
.FreeCss .Case__cross__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 1200px;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__cross__box {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.FreeCss .Case__cross__box__img {
width: 600px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__cross__box__img {
width: 100%;
}
}
.FreeCss .Case__cross__box__img__img {
width: 100%;
}
.FreeCss .Case__cross__box__text {
width: calc( 50% - 70px);
position: relative;
padding-top: 60px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__cross__box__text {
width: 100%;
padding-top: 30px;
margin-bottom: 20px;
}
}
.FreeCss .Case__cross__box__text__sub {
font-size: 8.6em;
color: #ffffff;
opacity: 0.3;
font-weight: bold;
position: absolute;
left: 0;
top: 0;
line-height: 1;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__cross__box__text__sub {
font-size: 4.9em;
}
}
.FreeCss .Case__cross__box__text__title {
margin-bottom: 40px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__cross__box__text__title {
margin-bottom: 15px;
}
}
.FreeCss .Case__cross__box__text__title__text {
color: white;
font-weight: bold;
font-size: 2.5em;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__cross__box__text__title__text {
font-size: 1.5em;
}
}
.FreeCss .Case__cross__box__text__name {
font-size: 1.5em;
color: white;
line-height: 2;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__cross__box__text__name {
font-size: 1.3em;
}
}
.FreeCss .Case__cross__box__text__bar {
background-color: white;
width: 26px;
height: 2px;
margin: 15px 0;
display: block;
}
.FreeCss .Case__cross__box__text__list {
font-size: 1.5em;
color: white;
line-height: 2;
margin-bottom: 40px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Case__cross__box__text__list {
font-size: 1.3em;
margin-bottom: 20px;
}
}
.FreeCss .Voice .VoiceNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 1200px;
margin: 0 auto;
padding: 100px 0 120px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice .VoiceNav {
width: 100%;
display: block;
padding: 0 50px;
margin-bottom: 60px;
}
}
.FreeCss .Voice .VoiceNav__link {
border-left: 1px solid #231815;
padding-left: 15px;
width: 25%;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice .VoiceNav__link {
width: 100%;
display: block;
margin-bottom: 25px;
}
.FreeCss .Voice .VoiceNav__link:last-child {
margin-bottom: 0;
}
}
.FreeCss .Voice .VoiceNav__link__num {
font-weight: bold;
color: #0d2ea0;
font-size: 2.5em;
font-family: "Open Sans", sans-serif !important;
margin-bottom: 4px;
display: block;
line-height: 1;
}
.FreeCss .Voice .VoiceNav__link__text {
font-size: 1.3em;
display: block;
font-weight: bold;
}
.FreeCss .Voice .VoiceNav__box {
border-left: 1px solid #231815;
border-right: 1px solid #231815;
padding-left: 15px;
width: 25%;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice .VoiceNav__box {
width: 100%;
border-right: none;
display: block;
}
}
.FreeCss .Voice .VoiceNav__box__title {
font-weight: bold;
color: #0d2ea0;
font-size: 2.5em;
font-family: "Open Sans", sans-serif !important;
margin-bottom: 4px;
display: block;
line-height: 1;
}
.FreeCss .Voice .VoiceNav__box__text {
font-size: 1.3em;
display: block;
font-weight: bold;
}
.FreeCss .Voice__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 1200px;
margin: 0 auto 120px;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__box {
width: 100%;
display: block;
margin-bottom: 60px;
}
}
.FreeCss .Voice__box__bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 6%;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__box__bg {
display: none;
}
}
.FreeCss .Voice__box__bg__img {
width: 94%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.FreeCss .Voice__box__bg--02 {
left: 0;
width: 480px;
height: 600px;
}
.FreeCss .Voice__box__text {
width: 57%;
padding-left: 6%;
padding-right: 5%;
padding-bottom: 84px;
position: relative;
background-color: white;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__box__text {
padding: 0 20px 50px;
}
}
.FreeCss .Voice__box__text--02 {
padding-bottom: 30px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__box__text--02 {
padding: 0 20px 50px;
}
}
.FreeCss .Voice__box__text--03 {
padding-bottom: 54px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__box__text--03 {
padding: 0 20px 50px;
}
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__box__text {
width: 100%;
}
}
.FreeCss .Voice__box__text__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__box__text__title {
margin-bottom: 15px;
}
}
.FreeCss .Voice__box__text__title__num {
font-weight: bold;
color: #0d2ea0;
font-size: 5.0em;
font-family: "Open Sans", sans-serif !important;
margin-bottom: 10px;
display: block;
line-height: 1;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__box__text__title__num {
font-size: 3.2em;
margin-bottom: 10px;
}
}
.FreeCss .Voice__box__text__title__text {
font-size: 3.0em;
display: block;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__box__text__title__text {
font-size: 1.8em;
}
}
.FreeCss .Voice__box__text__title:after {
font-size: 2.5em;
font-weight: bold;
content: 'ー';
color: #0d2ea0;
}
.FreeCss .Voice__box__text__text {
font-size: 1.5em;
line-height: 2;
}
.FreeCss .Voice__box__img {
width: 43%;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__box__img {
width: 100%;
margin-right: 0;
padding: 0 20px;
}
}
.FreeCss .Voice__box__img__img {
width: 100%;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__box__img__img {
width: 80%;
display: block;
margin: 0 auto;
}
.FreeCss .Voice__box__img__img--02 {
width: 100%;
}
}
.FreeCss .Voice__box--reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.FreeCss .Voice__box--reverse .Voice__box__img {
margin-right: 0;
}
.FreeCss .Voice__career {
position: relative;
}
.FreeCss .Voice__career__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.FreeCss .Voice__career__bg__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.FreeCss .Voice__career__wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 1050px;
margin: 0 auto;
padding: 110px 0;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__career__wrap {
padding: 60px 20px 50px;
display: block;
width: 100%;
}
}
.FreeCss .Voice__career__title {
width: 430px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__career__title {
width: 100%;
margin-bottom: 50px;
}
}
.FreeCss .Voice__career__title__en {
display: block;
font-weight: bold;
color: white;
font-family: "Open Sans", sans-serif !important;
font-size: 4.5em;
letter-spacing: 0.05em;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__career__title__en {
font-size: 3.4em;
}
}
.FreeCss .Voice__career__title__ja {
display: block;
font-weight: bold;
color: white;
font-size: 1.5em;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__career__title {
width: 100%;
}
}
.FreeCss .Voice__career__list {
width: calc( 100% - 430px);
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__career__list {
width: 100%;
}
}
.FreeCss .Voice__career__list .VoiceCareerBox {
position: relative;
padding-bottom: 50px;
padding-left: 60px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__career__list .VoiceCareerBox {
padding-left: 40px;
padding-bottom: 40px;
}
}
.FreeCss .Voice__career__list .VoiceCareerBox:before {
content: '';
width: 1px;
height: calc( 100% - 19px);
top: 26px;
left: 10px;
position: absolute;
background-color: white;
}
.FreeCss .Voice__career__list .VoiceCareerBox:last-child:before {
display: none;
}
.FreeCss .Voice__career__list .VoiceCareerBox__icon {
width: 21px;
position: absolute;
left: 0;
top: 6px;
}
.FreeCss .Voice__career__list .VoiceCareerBox__title {
color: white;
font-size: 1.8em;
font-weight: bold;
margin-bottom: 20px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Voice__career__list .VoiceCareerBox__title {
margin-bottom: 10px;
}
}
.FreeCss .Voice__career__list .VoiceCareerBox__text {
font-size: 1.5em;
color: white;
line-height: 2;
}
.FreeCss .Cross {
width: 1050px;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross {
width: 100%;
}
}
.FreeCss .Cross__member {
margin-top: -70px;
padding-top: 70px;
margin-bottom: 180px;
background-color: white;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross__member {
padding-top: 40px;
margin: -10px auto 50px;
width: calc( 100% - 40px);
}
}
.FreeCss .Cross__member__title {
font-size: 2.5em;
font-weight: bold;
text-align: center;
color: #0d2ea0;
margin-bottom: 40px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross__member__title {
font-size: 1.8em;
margin-bottom: 20px;
padding: 0 30px;
}
}
.FreeCss .Cross__member__text {
width: 850px;
margin: 0 auto 100px;
font-size: 1.5em;
line-height: 2;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross__member__text {
width: 100%;
margin-bottom: 50px;
padding: 0 30px;
text-align: center;
}
}
.FreeCss .Cross__member__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross__member__list {
display: block;
padding-bottom: 30px;
}
}
.FreeCss .Cross__member__list__bg {
position: absolute;
top: 100px;
left: calc( 525px - 50vw);
width: 100vw;
height: 100%;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross__member__list__bg {
top: 70px;
left: -20px;
width: 100vw;
height: calc( 100% - 70px);
}
}
.FreeCss .Cross__member__list__bg__img {
width: 100%;
height: 100%;
}
.FreeCss .Cross__member__list .MembersBox {
width: 240px;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross__member__list .MembersBox {
width: 100%;
margin-bottom: 30px;
}
.FreeCss .Cross__member__list .MembersBox:last-child {
margin-bottom: 0;
}
}
.FreeCss .Cross__member__list .MembersBox__img {
width: 100%;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross__member__list .MembersBox__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
}
.FreeCss .Cross__member__list .MembersBox__img__img {
width: 100%;
margin-bottom: 40px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross__member__list .MembersBox__img__img {
width: 140px;
margin-bottom: 0;
margin-right: 20px;
}
}
.FreeCss .Cross__member__list .MembersBox__text__position {
font-size: 1.3em;
margin-bottom: 30px;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross__member__list .MembersBox__text__position {
margin-bottom: 0;
width: calc( 100% - 160px);
}
}
.FreeCss .Cross__member__list .MembersBox__text__text {
font-size: 1.3em;
line-height: 2;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross__member__list .MembersBox__text__text {
font-size: 1.5em;
}
}
.FreeCss .Cross .CrossContents {
width: 980px;
margin: 0 auto 100px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross .CrossContents {
width: 100%;
margin-bottom: 50px;
}
}
.FreeCss .Cross .CrossContents__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
}
.FreeCss .Cross .CrossContents__title__en {
font-weight: bold;
font-size: 1.4em;
color: #0d2ea0;
font-family: "Open Sans", sans-serif !important;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross .CrossContents__title {
margin-bottom: 30px;
}
}
.FreeCss .Cross .CrossContents__title__text {
font-size: 3.8em;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross .CrossContents__title__text {
font-size: 2.0em;
}
}
.FreeCss .Cross .CrossContents__title:after {
font-size: 3.8em;
font-weight: bold;
content: 'ー';
color: #0d2ea0;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross .CrossContents__title:after {
line-height: 1.2;
}
}
.FreeCss .Cross .CrossContents__img {
width: 100%;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross .CrossContents__img {
padding: 0 20px;
}
}
.FreeCss .Cross .CrossContents__img__img {
width: 100%;
}
.FreeCss .Cross .CrossContents__img.double {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.FreeCss .Cross .CrossContents__img.double .CrossContents__chats__box__img__img {
width: calc( 50% - 5px);
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross .CrossContents__chats {
padding: 0 20px;
}
}
.FreeCss .Cross .CrossContents__chats__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross .CrossContents__chats__box {
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
margin-bottom: 40px;
}
}
.FreeCss .Cross .CrossContents__chats__box.no-img {
margin-top: 60px;
margin-bottom: 60px;
}
.FreeCss .Cross .CrossContents__chats__box__img {
width: 90px;
text-align: center;
position: relative;
}
.FreeCss .Cross .CrossContents__chats__box__img__img {
width: 100%;
display: block;
margin-bottom: 10px;
}
.FreeCss .Cross .CrossContents__chats__box__img__name {
width: 100%;
text-align: center;
font-size: 1.3em;
font-weight: bold;
}
.FreeCss .Cross .CrossContents__chats__box__text {
width: calc( 100% - 130px);
font-size: 1.5em;
line-height: 2.0;
margin-top: -20px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Cross .CrossContents__chats__box__text {
width: calc( 100% - 100px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.FreeCss .ContentsNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 100px;
}
@media screen and (max-width: 1025px) {
.FreeCss .ContentsNav {
margin-bottom: 60px;
display: block;
padding-left: 60px;
}
}
.FreeCss .ContentsNav__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 90px;
}
@media screen and (max-width: 1025px) {
.FreeCss .ContentsNav__link {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-right: 0;
margin-bottom: 30px;
}
.FreeCss .ContentsNav__link:last-child {
margin: 0;
}
}
.FreeCss .ContentsNav__link:last-child {
margin-right: 0;
}
.FreeCss .ContentsNav__link__num {
font-size: 2.7em;
font-family: "Open Sans", sans-serif !important;
color: #0d2ea0;
font-weight: bold;
}
.FreeCss .ContentsNav__link__title {
font-size: 1.5em;
font-weight: bold;
border-left: 1px solid #231815;
padding-left: 20px;
margin-left: 20px;
}
.FreeCss .Workplace {
background-color: white;
position: relative;
}
.FreeCss .Workplace__charm {
padding: 100px 0;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__charm {
padding: 65px 20px;
}
}
.FreeCss .Workplace__charm__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 65px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__charm__title {
margin-bottom: 30px;
}
}
.FreeCss .Workplace__charm__title__text {
font-size: 3.8em;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__charm__title__text {
font-size: 2.0em;
}
}
.FreeCss .Workplace__charm__title:after {
font-size: 3.8em;
font-weight: bold;
content: 'ー';
color: #0d2ea0;
}
.FreeCss .Workplace__charm__list {
width: 980px;
margin: 0 auto;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__charm__list {
width: 100%;
}
}
.FreeCss .Workplace__charm__list .WorkplaceCharmBox {
margin-bottom: 70px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__charm__list .WorkplaceCharmBox {
margin-bottom: 40px;
}
}
.FreeCss .Workplace__charm__list .WorkplaceCharmBox:last-child {
margin-bottom: 0;
}
.FreeCss .Workplace__charm__list .WorkplaceCharmBox__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 40px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__charm__list .WorkplaceCharmBox__title {
margin-bottom: 20px;
}
}
.FreeCss .Workplace__charm__list .WorkplaceCharmBox__title__num {
font-weight: bold;
font-size: 3.0em;
color: white;
font-family: "Open Sans", sans-serif !important;
background-color: #0d2ea0;
width: 56px;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__charm__list .WorkplaceCharmBox__title__num {
width: 33px;
height: 33px;
font-size: 1.8em;
}
}
.FreeCss .Workplace__charm__list .WorkplaceCharmBox__title__text {
width: calc( 100% - 90px);
font-size: 3.0em;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__charm__list .WorkplaceCharmBox__title__text {
width: calc( 100% - 53px);
font-size: 1.8em;
}
}
.FreeCss .Workplace__charm__list .WorkplaceCharmBox__text {
font-size: 1.5em;
line-height: 2;
}
.FreeCss .Workplace__future {
margin-bottom: 115px;
}
.FreeCss .Workplace__future__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 65px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__future__title {
margin-bottom: 30px;
}
}
.FreeCss .Workplace__future__title__text {
font-size: 3.8em;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__future__title__text {
font-size: 2.7em;
}
}
.FreeCss .Workplace__future__title:after {
font-size: 3.8em;
font-weight: bold;
content: 'ー';
color: #0d2ea0;
}
.FreeCss .Workplace__future__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.FreeCss .Workplace__future__box__img {
width: 800px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__future__box__img {
width: 100%;
}
}
.FreeCss .Workplace__future__box__img__img {
width: 100%;
}
.FreeCss .Workplace__future__box__text {
width: 780px;
padding: 84px;
margin-left: -120px;
background-color: white;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__future__box__text {
width: 100%;
padding: 30px;
}
}
.FreeCss .Workplace__future__box__text:before {
content: '';
width: calc( 100% - 16px);
height: calc( 100% - 16px);
position: absolute;
left: 8px;
top: 8px;
border: 1px solid #C3C3C3;
}
.FreeCss .Workplace__future__box__text__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__future__box__text__title {
margin-bottom: 15px;
}
}
.FreeCss .Workplace__future__box__text__title__text {
font-size: 2.5em;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Workplace__future__box__text__title__text {
font-size: 2.7em;
}
}
.FreeCss .Workplace__future__box__text__title:after {
font-size: 2.5em;
font-weight: bold;
content: 'ー';
color: #0d2ea0;
}
.FreeCss .Workplace__future__box__text__text {
font-size: 1.5em;
margin-bottom: 30px;
}
.FreeCss .Flow {
padding: 110px 0 0;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow {
padding: 60px 0 0;
}
}
.FreeCss .Flow__list {
margin-bottom: 90px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__list {
margin-bottom: 65px;
padding: 0 20px;
}
}
.FreeCss .Flow__list .FlowListBox {
width: 100%;
}
.FreeCss .Flow__list .FlowListBox:last-child .FlowListBox__text {
padding-left: 90px;
}
.FreeCss .Flow__list .FlowListBox:last-child .FlowListBox__text__arrow {
display: none;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__list .FlowListBox:last-child .FlowListBox__text {
padding-left: 50px;
}
}
.FreeCss .Flow__list .FlowListBox__title {
border: 10px solid #EDEDED;
padding: 10px 60px;
position: relative;
width: 100%;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__list .FlowListBox__title {
border: 6px solid #EDEDED;
padding: 6px 30px;
}
}
.FreeCss .Flow__list .FlowListBox__title__num {
position: absolute;
top: 12px;
left: 12px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__list .FlowListBox__title__num {
top: 8px;
}
}
.FreeCss .Flow__list .FlowListBox__title__num__text {
font-weight: bold;
font-size: 1.4em;
color: #0d2ea0;
font-family: "Open Sans", sans-serif !important;
line-height: 1;
display: block;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__list .FlowListBox__title__num__text {
font-size: 0.8em;
}
}
.FreeCss .Flow__list .FlowListBox__title__num__num {
font-weight: bold;
font-size: 3.0em;
color: #0d2ea0;
font-family: "Open Sans", sans-serif !important;
line-height: 1;
display: block;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__list .FlowListBox__title__num__num {
font-size: 1.8em;
}
}
.FreeCss .Flow__list .FlowListBox__title__text {
font-size: 2.8em;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__list .FlowListBox__title__text {
font-size: 1.6em;
}
}
.FreeCss .Flow__list .FlowListBox__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 20px 0 20px 40px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__list .FlowListBox__text {
padding: 15px 0 15px 25px;
}
}
.FreeCss .Flow__list .FlowListBox__text__arrow {
width: 10px;
margin-right: 40px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__list .FlowListBox__text__arrow {
margin-right: 15px;
}
}
.FreeCss .Flow__list .FlowListBox__text__text {
width: calc( 100% - 90px);
font-size: 1.5em;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__list .FlowListBox__text__text {
width: calc( 100% - 55px);
}
}
.FreeCss .Flow__list .FlowListBox__text__text a {
text-decoration: underline;
}
.FreeCss .Flow__attention {
background-color: #F2F2F2;
padding: 60px 65px;
margin-bottom: 10px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__attention {
padding: 30px;
width: calc( 100% - 40px);
margin: 0 auto 15px;
}
}
.FreeCss .Flow__attention__title {
font-weight: bold;
font-size: 2.8em;
margin-bottom: 30px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__attention__title {
font-size: 1.8em;
margin-bottom: 15px;
}
}
.FreeCss .Flow__attention__text {
font-size: 1.5em;
}
.FreeCss .Flow__attention__text a {
text-decoration: underline;
}
.FreeCss .Flow__contact {
margin-top: 60px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Flow__contact {
margin: 30px auto 0;
width: calc( 100% - 40px);
}
}
.FreeCss .Flow__contact__title {
font-size: 1.4em;
margin-bottom: 10px;
}
.FreeCss .Flow__contact__text {
font-size: 1.5em;
}
.FreeCss .Faq {
width: 1050px;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .Faq {
width: 100%;
}
}
.FreeCss .Faq .FaqContents {
width: 980px;
margin: 0 auto 100px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Faq .FaqContents {
width: 100%;
margin-bottom: 70px;
padding: 0 20px;
}
}
.FreeCss .Faq .FaqContents:last-child {
margin-bottom: 0;
}
.FreeCss .Faq .FaqContents__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 65px;
}
.FreeCss .Faq .FaqContents__title__en {
font-weight: bold;
font-size: 1.4em;
color: #0d2ea0;
font-family: "Open Sans", sans-serif !important;
}
@media screen and (max-width: 1025px) {
.FreeCss .Faq .FaqContents__title {
margin-bottom: 30px;
}
}
.FreeCss .Faq .FaqContents__title__text {
font-size: 3.8em;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Faq .FaqContents__title__text {
font-size: 2.0em;
}
}
.FreeCss .Faq .FaqContents__title:after {
font-size: 3.8em;
font-weight: bold;
content: 'ー';
color: #0d2ea0;
}
.FreeCss .Faq .FaqContents__list__box {
border-top: 10px solid #EDEDED;
padding: 30px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Faq .FaqContents__list__box {
padding: 15px 20px;
border-top: 6px solid #EDEDED;
}
}
.FreeCss .Faq .FaqContents__list__box:last-child {
border-bottom: 10px solid #EDEDED;
}
@media screen and (max-width: 1025px) {
.FreeCss .Faq .FaqContents__list__box:last-child {
border-bottom: 6px solid #EDEDED;
}
}
.FreeCss .Faq .FaqContents__list__box__question {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media screen and (max-width: 1025px) {
.FreeCss .Faq .FaqContents__list__box__question {
padding-right: 20px;
}
}
.FreeCss .Faq .FaqContents__list__box__question__q {
font-family: "Open Sans", sans-serif !important;
font-weight: bold;
font-size: 4.0em;
line-height: 1;
color: #0d2ea0;
cursor: pointer;
margin-right: 30px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Faq .FaqContents__list__box__question__q {
font-size: 2.6em;
margin-right: 20px;
}
}
.FreeCss .Faq .FaqContents__list__box__question__text {
font-size: 2.0em;
font-weight: bold;
}
@media screen and (max-width: 1025px) {
.FreeCss .Faq .FaqContents__list__box__question__text {
font-size: 1.5em;
}
}
.FreeCss .Faq .FaqContents__list__box__question::after {
content: '+';
font-size: 2.8em;
color: #0d2ea0;
position: absolute;
line-height: 1;
top: 0;
right: 0;
}
@media screen and (max-width: 1025px) {
.FreeCss .Faq .FaqContents__list__box__question::after {
font-size: 2.0em;
}
}
.FreeCss .Faq .FaqContents__list__box__question.on::after {
content: 'ー';
}
.FreeCss .Faq .FaqContents__list__box__answer {
margin-top: 40px;
display: none;
}
@media screen and (max-width: 1025px) {
.FreeCss .Faq .FaqContents__list__box__answer {
margin-top: 20px;
}
}
.FreeCss .Faq .FaqContents__list__box__answer__text {
font-size: 1.5em;
line-height: 2;
padding-left: 60px;
}
@media screen and (max-width: 1025px) {
.FreeCss .Faq .FaqContents__list__box__answer__text {
padding-left: 40px;
}
}
.FreeCss .FaqNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 100px;
padding-top: 100px;
}
@media screen and (max-width: 1025px) {
.FreeCss .FaqNav {
padding-top: 70px;
margin-bottom: 70px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.FreeCss .FaqNav__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1025px) {
.FreeCss .FaqNav__link {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 60px;
}
}
.FreeCss .FaqNav__link__num {
font-size: 2.7em;
font-family: "Open Sans", sans-serif !important;
color: #0d2ea0;
font-weight: bold;
}
.FreeCss .FaqNav__link__title {
font-size: 1.5em;
font-weight: bold;
border-left: 1px solid #231815;
padding-left: 20px;
margin-left: 20px;
}