@charset "UTF-8";
.width {
display: block;
max-width: 1080px;
margin: 20px auto;
padding: 0 20px;
width: 94vw; }
@media (min-width: 576px) {
.container {
max-width: 540px; } }
@media (min-width: 768px) {
.container {
max-width: 720px; } }
@media (min-width: 992px) {
.container {
max-width: 960px; } }
@media (min-width: 1200px) {
.container {
max-width: 1140px; } }
.glid-1, .glid-2, .glid-3, .glid-4, .glid-5, .glid-6, .glid-7, .glid-8, .glid-9, .glid-10, .glid-11, .glid-12, .glid {
position: relative;
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin: auto;
box-sizing: border-box; }
.glid {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.glid-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
.glid-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%; }
.glid-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%; }
.glid-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.glid-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%; }
.glid-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%; }
.glid-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.glid-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%; }
.glid-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%; }
.glid-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.glid-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%; }
.glid-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%; }
.glid-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media screen and (max-width: 767px) {
.width {
display: block;
max-width: 100vw;
margin: 5vw auto;
width: 90vw; }
.glid-1, .glid-2, .glid-3, .glid-4, .glid-5, .glid-6, .glid-7, .glid-8, .glid-9, .glid-10, .glid-11, .glid-12, .glid {
position: relative;
width: 100%; }
.glid-1,
.glid-2,
.glid-3 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.glid-4 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.glid-5,
.glid-6,
.glid-7,
.glid-8,
.glid-9,
.glid-10,
.glid-11,
.glid-12,
.non-glid {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.media_glid-2 {
max-width: 50%; }
.media_glid-3 {
max-width: 75%; }
.media_glid-4 {
max-width: 100%; } }body {
background: none;
}
a {
-webkit-transition: all ease-in-out .1s;
transition: all ease-in-out .1s;
}
table, tbody, th, tr, td {
border: none;
}
p, pre {
margin: 0;
}
menu, ol, ul {
margin: 0;
padding: 0;
}
#header {
background: #fff;
box-shadow: 0px 2px 5px rgba(0,0,0,.05);
position: fixed;
width: 100%;
z-index: 999;
}
#header #logo {
width: 120px;
}
#header-right {
height: auto;
}
header .wrap,
#header-right,
#gnav {
background: #fff;
border: none;
padding-right: 0;
}
#gnav ul li {
margin: auto -3px;
}
#gnav ul li:hover a {
background: none;
}
#gnav ul li a {
background: none;
color: #173E88;
font-size: 1.25vw;
padding: 28px 1em 25px;
transition: all .3s ease 0s;
}
#gnav ul li a:hover {
background: none;
border-bottom: solid 3px #173E88;
color: inherit;
padding: 25px 1em 22px;
}
.nav-active {
border-bottom: solid 3px #173E88;
padding: 25px 1em 22px !important;
}
#gnav ul li:last-child {
background: #173E88;
transition: all .3s ease 0s;
}
#gnav ul li:last-child a {
color: #fff;
}
#gnav ul li:last-child:hover {
padding: 0;
opacity: .9;
}
#gnav ul li:last-child a:hover {
border: none;
margin: 3px 0 0;
padding: 25px 1em !important;
}
#gnav ul li.current-menu-item a {
background: none;
}
#gnav ul li.current-menu-item a::after {
background: rgba(23, 62, 136, .4);
border-radius: 50%;
content: "";
display: block;
margin-top: 5px;
margin-left: calc(50% - 1em - 2.5px);
position: absolute;
height: 5px;
width: 5px;
}
#gnav ul li:last-child a::before {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_w.svg);
display: inline-block;
padding-right: .5em;
transition: all .3s ease 0s;
width: 8px;
}
#gnav ul li:last-child:hover a::before {
transform: translateX(2px);
}
#gnav ul li .sub-menu {
background: #173E88;
border: none;
left: 0px;
position: fixed;
width: 100vw;
}
#gnav ul li .sub-menu li {
background: #173E88;
border: none;
color: #fff;
float: left;
margin: 0;
text-align: center;
width: 20%;
}
#gnav ul li .sub-menu li a {
background: #173E88;
color: #fff;
margin-top: 0;
}
#gnav ul li .sub-menu li:hover,
#gnav ul li .sub-menu li a:hover {
background: #0682C4;
border: none;
color: #fff;
}
#gnav ul li .sub-menu li:last-child a::before {
content: none;
}
#gnav ul li .sub-menu li:last-child a:hover {
padding: 10px 15px !important;
margin-top: 0;
}
.breadcrumb-area {
background: none;
border: none;
margin: 0 0 -2.4em;
padding: 0;
}
.breadcrumb-area a {
color: #173E88;
padding-right: .5em
}
body.home .wrap {
width: auto;
}
#footer {
border: none;
color: inherit;
}
#footer a {
color: inherit;
}
#footer .wrap {
width: 100%;
}
#footer .footer-01,
#footer .footer-02 {
background: none
}
#footer .footer-02 {
display: inline-block;
width: 100%;
}
#footer .footer-02 .wrap {
padding: 0 0 10px;
}
#footer .btn-more {
border: solid 2px #173E88;
color: #173E88;
margin: 2em auto 1em;
}
#footer #footer-list-area .row {
padding-left: 1em;
}
#footer #footer-list-area .row li {
width: 50%;
float: left;
}
#footer #footer-list-area .row a {
color: inherit;
transition: all ease-in-out .1s;
}
#footer #footer-list-area .row a:hover {
opacity: .6;
transform: translateX(2px);
}
.front-loop,
body.home .front-loop {
background: none;
border: none;
margin: 0
}
.front-loop .wrap,
body.home .front-loop .wrap {
width: 100%;
margin: 0
}
.front-loop .front-loop-cont,
body.home .front-loop .front-loop-cont {
padding: 0
}
.front-loop article.post,
body.home .front-loop article.post {
width: calc(100% / 3 - .4px);
padding: 0;
margin: 0;
height: 240px;
float: left;
}
body.home .front-loop .popular_post_box .post-thumbnail,
.front-loop .popular_post_box .post-thumbnail {
height: 100%;
}
.front-loop .popular_post_box img,
body.home .front-loop .popular_post_box img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
margin: 0;
}
.front-loop .popular_post_box .p_category,
body.home .front-loop .popular_post_box .p_category {
display: none;
}
.front-loop .popular_post_box h3,
body.home .front-loop .popular_post_box h3 {
position: absolute;
background: rgba(0,0,0,.8);
color: #fff;
margin: -240px 0 0;
width: calc(100% / 3);
height: 240px;
padding: 100px 20px 0;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
display: none;
transition: all .4s ease 0s
}
body.home .front-loop .popular_post_box h3 {
width: 100%;
height: 100%;
}
.front-loop .popular_post_box .p_date,
body.home .front-loop .popular_post_box .p_date {
color: #fff;
height: auto;
opacity: .7;
background: none;
margin: -120px 0 0;
width: 100%;
text-align: center;
display: none;
transition: all .4s ease 0s;
}
body.home .front-loop .popular_post_box .p_date {
margin: 120px 0 0;
}
.front-loop .popular_post_box .p_date .date-y {
font-size: 14px;
}
.front-loop .popular_post_box .p_date .date-y::after {
content: "/";
}
body.home .front-loop .popular_post_box .p_date span {
display: inline-block !important;
}
.front-loop .popular_post_box .p_date span {
display: inline-block;
}
body.blog #content .wrap,
body.post-template-default #content .wrap {
margin-top: 100px;
}
.post-header,
article.post,
.post-meta-area {
border: none;
margin: 0 0 30px;
}
body.blog article.post,
body.archive article.post {
display: inline-block;
background: none;
}
.post-title a {
transition: all 0 ease 0;
}
.post-title a:hover {
color: inherit;
opacity: .6;
}
body.blog #content .wrap, body.post-template-default #content .wrap {
width: 1000px;
}
body.blog #content .wrap, body.post-template-default #content .wrap #main .main-inner {
width: 100%;
margin: auto;
}
.post-title.content-h2b {
font-size: 1.5em;
font-weight: normal;
margin-bottom: 20px;
padding: 10px 20px;
}
.post-loop-wrap .post-thumbnail {
float: left;
}
body.archive .post-title.content-h2b,
body.blog .post-title.content-h2b {
font: inherit;
font-size: 1em;
height: 4.5em;
}
.post-title.content-h2b a {
color: #0682C4;
height: 3em;
margin: 0;
padding: 0;
width: 90%;
}
.post-title.content-h2b a::after {
content: "…この記事を読む";
display: block;
font-size: .8em;
color: #000;
position: absolute;
vertical-align: bottom;
right: 0;
top: 0;
margin-top: 2.8em;
padding: 0 0 0 5em;
background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, #ffffff 25%);
}
.post-header {
padding: 0;
}
.side-widget .side-title {
background: none;
border-top: none;
border-right: none;
border-bottom: solid 2px #173E88;
border-left: solid 8px #173E88;
border-radius: 7px 0 0 7px;
padding: 3px 1em;
}
.side-widget a:hover {
color: inherit;
}
.left-content #side,
#side {
display: none;
}
body.blog #side {
display: block;
}
body.blog .left-content #side,
body.blog #side,
body.archive .left-content #side,
body.archive #side {
display: inline-block;
width: 25%;
float: none;
margin-left: auto;
vertical-align: top;
}
.left-content #main {
width: 70%;
display: inline-block;
float: none;
vertical-align: top;
margin-right: 3%;
}
.post-template-default #content #main {
width: 100%
}
.left-content .main-inner {
margin: 0;
width: 100%;
display: inline-block;
}
#side ul {
padding: 0 10px;
}
.side-widget ul li {
padding: 10px 5px 0 0;
border-bottom: none;
display: inline-block;
}
.side-widget a {
color: #fff;
text-decoration: none;
display: inline-block;
background: rgba(0,0,0,.4);
border-radius: 7px;
padding: 5px 2em;
}
.post-loop-wrap article p {
text-align: right;
opacity: .6
}
.post-loop-wrap article .date {
display: inline-block;
float: right;
}
.pagination {
text-align: center;
}
.pagination :first-child {
display: none;
}
.post-loop-wrap .post-thumbnail img {
height: 150px;
width: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
}
.post-loop-wrap .post-title {
display: inline-block;
}
body.archive #content,
body.blog #content {
padding-top: 100px;
}
body.archive .left-content #main {
width: 100%;
float: none;
display: inline-block;
}
form input[name="submitBack"], form button {
background-image: linear-gradient(to right, rgb(204,204,204) 50%, rgb(112,112,112) 50%) !important;
}
.contact-select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: linear-gradient(90deg, rgb(255,255,255) 0%, rgb(255,255,255) 90%,rgb(6, 130, 196) 90%,rgb(6, 130, 196) 100%);
border: solid 1px #ccc;
border-radius: 3px;
color: inherit;
cursor: pointer;
font-family: inherit;
font-size: 1em;
height: 2em;
line-height: 1.5em;
padding: 5px 10% 5px .5em
}
.contact-selectinput::before {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_wd.svg);
width: 12px;
height: 12px;
display: inline-block;
margin: 5px 0 0 calc(20em + 8.45%);
position: absolute;
}
.contact-select::-ms-expand {
display: none;
}
.contact-select:focus {
border: 1px solid rgba(0, 0, 0, 0.32);
box-shadow: none;
outline: none;
}
.wrap:after {
content: none;
}
.table-wrap {
overflow: auto;
white-space: inherit;
margin-bottom: inherit;
}
.table-grad:after {
content: none;
}
body.home #main_visual {
background: #fff;
background-image: none;
position: relative;
z-index: 0;
}
.main_visual {
height: 100vh;
left: 0;
position: absolute;
top: 0;
width: 100vw;
z-index: 0;
}
.main_visual img {
height: 100vh;
object-fit: cover;
font-family: 'object-fit: cover;';
width: 100%;
opacity: .6
}
.main_copy {
padding: 50vh 0 0;
}
body.home #main_visual .main_visual h2,
body.home #main_visual .main_visual p {
color: #000;
margin: 0 8.3%;
text-align: left;
text-shadow: #fff 0px 0px 10px, #fff 0px 0px 10px, #fff 0px 0px 10px;
width: calc(100% - 16.6%);
}
body.home #main_visual .main_visual h2 {
font-size: 2em;
line-height: 1.8em;
margin-bottom: .5em;
}
.scroll-icon {
-webkit-animation:fuwafuwa 2s infinite linear alternate;
animation:fuwafuwa 2s infinite linear alternate;
}
@-webkit-keyframes fuwafuwa {
25% {-webkit-transform:translate(0, 0);}
50% {-webkit-transform:translate(0, -5px);}
75% {-webkit-transform:translate(0, 0);}
}
@keyframes fuwafuwa {
25% {transform:translate(0, 0);}
50% {transform:translate(0, -5px);}
75% {transform:translate(0, 0);}
}
@media screen and ( max-width:1085px ) { #header-right {
display: none;
}
#header .wrap {
padding: 0 12px;
margin: 0 auto;
}
#header #logo {
float: left;
}
#header-nav-btn {
width: auto;
}
#header-nav-btn a {
width: 40px;
margin: 0;
background: #fff;
}
.menu,
.menu_close {
display: block;
width: 65px;
margin: 0;
line-height: 0;
float: right;
}
.menu a,
.menu_close a {
display: block;
line-height: 1.2;
text-align: center;
width: 100%;
height: 100%;
}
.menu a span,
.menu_close a span {
background: #000;
display: block;
height: 3px;
margin: 9px auto;
transition: .4s;
width: 35px;
}
.menu a span:nth-child(1) {
margin-top: 10px
}
.menu a span:nth-child(4) {
background: none;
margin: -6px auto 12px;
}
.menu a span:nth-child(4)::after {
background: none;
content: "MENU";
color: #000;
font-size: 11px;
}
.menu_close a span:nth-child(1) {
transform: rotate(45deg);
margin: 25px 0 -12px;
width: 40px;
}
.menu_close a span:nth-child(2) {
transform: rotate(-45deg);
width: 40px;
}
.menu_close a span:nth-child(3) {
background: none;
}
.menu_close a span:nth-child(4) {
background: none;
margin: -6px 0 12px;
width: auto;
}
.menu_close a span:nth-child(4)::after {
content: "CLOSE";
background: none;
color: #000;
font-size: 11px;
}
body.archive .left-content #main {
width: 70%;
display: inline-block;
float: none;
vertical-align: top;
margin-right: 3%;
}
body.blog .left-content #side,
body.blog #side,
body.archive .left-content #side,
body.archive #side {
width: 100vw;
margin: 0 -16px;
padding: 16px;
}
.side-widget {
margin-bottom: 0;
}
.cat-content .post-header,
article.page .post-header,
article.post .post-header {
padding: 26px 16px 0;
}
.front-loop,
body.home .front-loop {
display: flex;
}
body.blog #content .wrap,
body.post-template-default #content .wrap #main .main-inner {
display: block;
}
.page-content_box {
float: none;
}
div[class*="glid"].page-content_box {
float: none;
max-width: none;
display: grid;
}
.left-content #main {
float: none;
width: 100%
}
.left-content #side {
width: calc(100% + 32px);
float: none;
margin: 0 -16px;
left: 0;
padding: 50px;
border-top: solid 1px #bbb;
}
.left-content .main-inner {
margin: 0;
}
body.home .front-loop .popular_post_box .wrap-a {
border: none;
}
body.home .front-loop .popular_post_box .post-thumbnail,
.front-loop .popular_post_box .post-thumbnail {
height: calc(180px * .7);
}
.front-loop .popular_post_box img,
body.home .front-loop .popular_post_box img {
height: calc(180px * .7)
}
.front-loop .popular_post_box h3,
body.home .front-loop .popular_post_box h3 {
background: none;
color: #000;
display: block;
padding: 0 0;
text-align: left;
margin: 1.5em 0 0 .5em;
height: 2em;
position: relative;
width: calc(100% - 20px);
}
.front-loop .popular_post_box .p_date,
body.home .front-loop .popular_post_box .p_date {
color: #000;
display: block;
margin: -5em 10px 0;
text-align: left;
font-size: 14px;
position: relative;
}
body.home .front-loop .popular_post_box .p_date .date-y,
body.home .front-loop .popular_post_box .p_date .date-mj {
display: inline-block !important;
font-size: 14px;
}
body.home .front-loop .popular_post_box.rank-4,
body.home .front-loop .popular_post_box.rank-5,
body.home .front-loop .popular_post_box.recent-4,
body.home .front-loop .popular_post_box.recent-5 {
display: block;
}
body.blog #content .wrap, body.post-template-default #content .wrap {
width: inherit;
}
.main_copy {
padding: 30vh 0 0
}
body.home #main_visual .main_visual h2,
body.home #main_visual .main_visual p {
margin: 0 8.3% 1em;
line-height: 1.5em;
}
#footer .footer-01, #footer .footer-02 {
padding: 0;
}
#gnav-sp {
background: #fff;
box-shadow: 0px 10px 10px rgba(0,0,0,.2);
position: fixed;
}
#gnav-sp .wrap {
margin: 0;
padding: 0;
width: 100%;
}
#gnav-sp #footer-nav li a:before {
content: none;
}
}
@media screen and ( max-width:1085px ) and ( min-width:767px ) {
.glid-11 {
max-width: 100%;
}
.menu a span:nth-child(4) {
margin: -21px auto 12px;
}
}
@media screen and ( max-width:768px ) {
table, tbody, th, tr, td {
border: none;
display: block;
}
form textarea {
width: 100%;
}
#header-nav-btn a {
margin-left: auto;
margin-right: 12px;
}
.post-loop-wrap .post-thumbnail {
float: left;
padding: 0 16px 0 0;
width: 25%;
}
.post-loop-wrap .post-thumbnail img {
height: 15vw;
}
.cat-content .post-header,
article.page .post-header,
article.post .post-header {
width: 75%;
float: right;
padding: 0;
}
body.blog article.post,
body.archive article.post {
margin: 0;
}
body.archive .post-title.content-h2b,
body.blog .post-title.content-h2b {
height: 4.3em;
margin: 0 auto 10px;
width: 100%;
padding: 5px 10px;
overflow: hidden;
}
.post-loop-wrap article p {
font-size: 14px;
}
.front-loop article.post,
body.home .front-loop article.post {
width: calc(100% / 2);
height: 210px;
}
}

body {
background: none;
font: 16px/1.5em heisei-kaku-gothic-std, futura-pt, sans-serif; }
* {
margin: 0;
padding: 0; }
.sp-display {
display: none; }
.pc-display {
display: block; }
a {
color: #0682C4; }
a,
a:hover {
list-style-type: none;
text-decoration: none; }
.padding {
padding: 0 !important; }
.margin {
margin: 0 !important; } .pc-hader {
background: rgba(255, 255, 255, 0.95);
display: block;
position: fixed;
top: 0;
width: 100%;
z-index: 999; }
.hed-logo, .foot-logo {
display: inline-block;
height: 30px;
margin: 25px 50px 0;
width: 120px; }
.hed-menu {
display: inline-block;
float: right; }
.hed-menu ul {
list-style: none;
margin: 0; }
.hed-menu li {
float: left;
padding: 25px 1em;
transition: all 0.3s ease 0s; }
.hed-menu li:hover {
border-bottom: solid 3px #173E88;
margin-top: -3px; }
.hed-menu a {
color: #173E88;
text-decoration: none; }
.hed-menu .school-link {
background: #173E88; }
.hed-menu .school-link:hover {
border: none;
margin: 0;
opacity: 0.9; }
.hed-menu .school-link::before {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_w.svg);
display: inline-block;
padding-right: 0.5em;
transition: all 0.3s ease 0s;
width: 8px; }
.hed-menu .school-link:hover::before {
transform: translateX(2px); }
.hed-menu .school-link a {
color: #fff; } .page-title h1 {
color: #fff;
font: 1.5em/1.5em sans-serif;
margin: 0 auto;
padding: 200px 8.3% 150px;
text-align: center;
width: 100%;
display: block;
height: calc(40px + 100vh / 4); }
.page-title h1::after {
content: "";
border-bottom: solid 10px #fff;
display: block;
margin: 10px auto 0;
width: 60px; }
#information .page-title h1,
#jse .page-title h1,
#itcom .page-title h1,
body[id*="privacy"] .page-title h1 {
background-image: linear-gradient(rgba(6, 101, 152, 0.65), rgba(6, 101, 152, 0.65)), url(//www.aimax.com/wp-content/themes/xeory_extension/img/img-town.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
#contact .page-title h1,
#confirm .page-title h1,
#complete .page-title h1 {
background-image: linear-gradient(rgba(6, 101, 152, 0.65), rgba(6, 101, 152, 0.65)), url(//www.aimax.com/wp-content/themes/xeory_extension/img/img-mail.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
#iplass .page-title h1 {
background-image: linear-gradient(rgba(6, 101, 152, 0.65), rgba(6, 101, 152, 0.65)), url(//www.aimax.com/wp-content/themes/xeory_extension/img/scool_logo_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.page-pankz {
font-size: 0.8em;
margin-top: 1em;
position: absolute;
width: 100%; }
.page-pankz a {
color: inherit; }
.page-pankz a::after {
content: ">";
display: inline-block;
padding: 0 0.5em 0 1em; }
.page-pankz a:hover {
opacity: 0.6; }
.page-content {
background: #fff;
border-bottom: solid 1px #bbb;
display: block;
padding: 100px 0; }
.page-content:nth-child(2n-1) {
background: #F8F8F8; }
.page-content iframe {
height: 45vh;
margin: 100px 0 -109px;
width: 100%; }
.ms-display {
display: -ms-inline-glid;
display: flex; }
.page-content_box {
float: left;
font-size: 0px; }
.page-content_box img {
object-fit: cover;
font-family: "object-fit: cover;";
width: 100%; }
.page-content_box p {
font-size: 18px; }
.content-description {
text-align: center;
margin: -30px auto; }
.content-h1 {
color: #173E88;
font-size: 1.5em;
font-weight: normal;
text-align: center;
padding-bottom: 50px; }
.content-h1::before {
border-left: solid 12px #173E88;
border-radius: 6px 0 0 6px;
content: "";
padding-right: 3em; }
.content-h1::after {
border-right: solid 12px #173E88;
border-radius: 0 6px 6px 0;
content: "";
padding-left: 3em; }
.content-h2a {
color: #0682C4;
font-size: 1.5em;
line-height: 1.5em;
text-align: center; }
.content-h2a:first-child {
padding: 0; }
.content-txt {
padding: 30px 0 50px;
text-align: center; }
.content-h2b {
border-left: solid 8px #0682C4;
border-bottom: solid 2px #0682C4;
border-radius: 4px 0 0 4px;
color: #0682C4;
font-size: 1.5em;
line-height: 1.5em;
margin: 0 0 20px; }
.content-h3 {
border-left: solid 8px #000;
border-radius: 4px 0 0 4px;
margin: 0 0 1em;
padding: 0 1em; }
.content-container {
display: table; }
.content-nest {
box-sizing: content-box;
display: inline-block;
margin: 16px;
padding: 0;
width: calc(50% - 35px);
vertical-align: top; }
.content-nest:nth-child(n+4) {
margin-top: 50px; }
.content-nest-interview {
float: right; }
.content-link {
display: inline-block;
height: 250px;
margin-top: 50px;
text-decoration: none;
vertical-align: top; }
.content-link img {
height: 100%;
object-fit: cover;
font-family: "object-fit: cover;";
width: 100%; }
.content-link::before {
background: rgba(0, 0, 0, 0.4);
content: "";
display: block;
height: 100%;
left: 16px;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
width: calc(100% - 32px); }
.content-link:hover::before {
background: rgba(0, 0, 0, 0.6); }
.content-link p {
color: #fff;
font-size: 18px;
left: 0;
margin: -161px auto 0;
position: relative;
text-align: center;
top: 0;
width: 80%; }
.content-link p span {
font-size: 0.65em;
display: block; }
.content-link p::after {
background: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_w.svg) no-repeat;
content: "";
display: block;
left: 50%;
height: 16px;
margin: 50% -5px;
position: absolute;
transition: all 0.2s ease 0s;
top: 0;
width: 16px; }
.content-link p:hover::after {
transform: translateX(2px); }
.content-table {
border-collapse: collapse;
border-spacing: 0;
width: 100%; }
.content-table td:first-child {
border-bottom: solid 1px #0DABFF;
padding: 1em;
text-align: center;
width: 25%; }
.content-table td:last-child {
border-bottom: solid 1px rgba(13, 171, 255, 0.5);
padding: 1em; }
.content-map {
width: 100vw; }
.btn-more,
form input[class^="btn"], form button {
display: block;
background-image: linear-gradient(to right, white 50%, #173e88 50%);
background-position: -0.1% 0;
background-size: 200% auto;
border-radius: 7px;
color: #173E88;
padding: 1em;
transition: all 0.2s ease 0s;
text-decoration: none;
text-align: center; }
.btn-more::after,
form input[class^="btn"]::after, form button::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow.svg);
display: block;
height: 8px;
margin: -2.6em 0;
right: 0;
padding: 1em;
position: absolute;
width: 8px; }
.btn-more:hover,
form input[class^="btn"]:hover, form button:hover {
cursor: pointer;
color: #fff;
background-position: -99% 0;
background-size: 202%; }
.btn-more:hover::after,
form input[class^="btn"]:hover::after, form button:hover::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_w.svg); }
.btn-more_attention {
display: block;
background-image: linear-gradient(to right, #173e88 50%, #0682c4 50%);
border-radius: 0;
color: #fff;
font-size: 1.5em; }
.btn-more_attention:hover {
border-color: #0682C4; }
.btn-more_attention::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_w.svg);
height: 12px;
margin-top: -2.5em;
width: 12px; }
.btn-more_attention span {
display: inline-block;
font-size: 0.5em; }
.left {
float: left; }
.right {
float: right;
text-align: right; }
.pagetop {
bottom: 25px;
display: block;
right: 25px; }
.other-link::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-link.svg);
display: inline-block;
height: 12px;
padding: 0 5px 0 0;
width: 12px; } .pc-footer {
bottom: 0;
display: flex;
font-size: 14px;
margin: 100px auto 20px;
width: 91.666667%; }
.pc-footer .btn-more {
margin: 50px auto; }
.foot-logo {
margin: 0 0 25px 0; }
.foot-content {
float: left; }
.foot-content:last-child {
border-left: solid 1px #bbb; }
#footer .foot-sitemap > ul {
width: 70%;
float: left; }
#footer .foot-sitemap > ul > li {
padding: 0 0 1em 1em; }
#footer .foot-sitemap > ul > li ul {
float: none;
margin: -1.5em 0 0 5em; }
#footer .foot-sitemap > ul:last-child {
width: 30%; }
#footer a, #footer p {
font-size: 14px; } .scroll-icon {
border: solid 1px #fff;
border-radius: 50%;
left: 50%;
height: 45px;
margin: 0 -25px 10vh;
width: 45px;
bottom: 0;
position: absolute; }
.scroll-icon::before {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_wd.svg);
display: block;
height: 15px;
width: 15px;
margin: 11px auto 25px; }
.scroll-icon::after {
content: "Scroll"; }
section[class^="index-section"] {
width: 100%; }
.index-section_info {
background: url(//www.aimax.com/wp-content/themes/xeory_extension/img/img-mtg.jpg) no-repeat right;
background-size: contain; }
.index-section_info .index-section_wrap {
background: linear-gradient(90deg, #d2cdca 40%, rgba(255, 255, 255, 0) 75%); }
.index-section_recruit {
background: url(//www.aimax.com/wp-content/themes/xeory_extension/img/img-recruit.jpg) no-repeat right;
background-size: contain; }
.index-section_recruit .index-section_wrap {
background: linear-gradient(90deg, #dae4f0 40%, rgba(255, 255, 255, 0) 75%); }
.index-content_title {
font-size: 2em;
font-weight: normal; }
.index-content_title::after {
background: #173E88;
content: "";
display: block;
height: 10px;
margin: 30px 0;
width: 60px; }
.index-content {
background: linear-gradient(90deg, white 40%, rgba(255, 255, 255, 0) 75%);
display: inline-block;
height: auto;
margin: 10vh 5%;
padding: 120px 50px 50px; }
.index-content p {
margin: 0; }
.index-content_link {
display: inline-block; }
.index-content_link .content-link {
position: relative;
padding: 0 16px;
width: 18vw; }
.index-content_link .content-link p {
margin: -167px auto; }
#content.index-event {
padding: 0;
margin: -5vh 5% 0; }
.index-event_description {
height: 240px;
width: calc(100% / 3);
background: #173E88;
float: left;
color: #fff;
position: relative; }
.index-event_content {
color: #fff;
display: block;
padding: 30px 10px 10px;
width: 80%;
left: 0;
text-align: center;
margin: auto; }
.index-event_content span {
display: block;
font-size: 1.2em; }
.btn-more_event {
background-image: linear-gradient(to right, white 50%, #0682c4 50%); }
.btn-more_event::after {
left: 0;
margin-top: -2.5em; } .idea {
padding: 50px 0;
display: flex; }
.idea-content {
float: right;
text-align: center;
width: 20%; }
.idea-lity {
color: #fff;
display: block;
font: 2em/1.5em futura-pt, sans-serif;
padding: 60px 0 40px; }
.idea-lity span {
display: block;
font-size: 0.5em;
line-height: 1.3em;
padding-top: 1em; }
.idea-lity::after {
content: "";
border-top: solid 25px #bbb;
border-right: solid 25px transparent;
border-bottom: solid 25px transparent;
border-left: solid 25px transparent;
display: block;
margin: 45px calc(50% - 25px) -90px;
width: 0%; }
.idea-detail {
padding-top: 55px; }
.idea-content:nth-last-of-type(1) .idea-lity {
background: #FF0000; }
.idea-content:nth-last-of-type(1) .idea-lity::after {
border-top: solid 25px #FF0000; }
.idea-content:nth-last-of-type(2) .idea-lity {
background: #FF8C19; }
.idea-content:nth-last-of-type(2) .idea-lity::after {
border-top: solid 25px #FF8C19; }
.idea-content:nth-last-of-type(3) .idea-lity {
background: #FFCE00; }
.idea-content:nth-last-of-type(3) .idea-lity::after {
border-top: solid 25px #FFCE00; }
.idea-content:nth-last-of-type(4) .idea-lity {
background: #02AA36; }
.idea-content:nth-last-of-type(4) .idea-lity::after {
border-top: solid 25px #02AA36; }
.idea-content:nth-last-of-type(5) .idea-lity {
background: #0DABFF; }
.idea-content:nth-last-of-type(5) .idea-lity::after {
border-top: solid 25px #0DABFF; }
.privacy-txt {
font-size: 14px;
margin-bottom: 50px; }
.privacy {
max-width: none; } .page-title_recruit {
background: #0682C4;
padding: 110px 0 50px; }
.recruit-titletypo {
border: solid 1px #fff;
color: #fff;
margin: 0 auto;
text-align: center;
padding: 42px 0; }
.recruit-titletypo img {
display: block;
height: 42px;
margin: 0 auto 10px;
width: auto; }
.recruit-titletypo p {
font-size: 1.2em;
line-height: normal;
margin: 0;
padding: 0 0 32px; }
.recruit-titletypo p img {
display: inline-block;
margin: 0 10px 0 0;
width: 120px;
vertical-align: bottom; }
.recruit-titletypo h1 {
font-size: 2em; }
.recruit-nav {
background: #0682C4;
display: inline-block;
padding-bottom: 60px;
width: 100vw; }
.recruit-nav ul {
padding: 0; }
.recruit-nav li {
background: #0682C4;
list-style-type: none;
float: left;
text-align: center; }
.recruit-nav li:last-child a {
border-right: none; }
.recruit-nav li::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_wd.svg);
height: 8px;
position: absolute;
margin: -1.5em -5px 0;
transition: all 0.3s ease 0;
width: 10px; }
.recruit-nav li:hover {
opacity: 0.6; }
.recruit-nav li:hover::after {
transform: translateY(2px); }
.recruit-nav li a {
border-right: solid 1px #fff;
box-sizing: border-box;
color: #fff;
display: block;
padding: 0 0 1.5em;
width: calc(100vw / 6); }
.recruit-interview {
background: url(//www.aimax.com/wp-content/themes/xeory_extension/img/img-interview.jpg) no-repeat right;
background-size: 80%;
text-align: center; }
.recruit-interview_wrap {
background: linear-gradient(90deg, white 20%, rgba(255, 255, 255, 0) 60%);
padding: 10vh 0; }
.recruit-interview_content {
margin: 0 4.15vw; }
.recruit-interview_content .recruit-interview_title {
font-size: 1.5em;
font-weight: normal;
line-height: 1.5em;
margin-bottom: 50px; }
.recruit-interview_content .recruit-interview_title span {
display: block;
font-size: 14px; }
.recruit-interview_content p {
margin-bottom: 50px; }
.recruit-interview_content .btn-more {
background-image: linear-gradient(to right, white 50%, #0682c4 50%);
border: solid 2px #0682c4;
border-radius: 0;
color: #0682C4; }
.recruit-interview_content .btn-more:hover {
color: #fff; }
.recruit-interview_content .btn-more::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_b.svg); }
.recruit-interview_content .btn-more:hover::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_w.svg);
transform: translateX(2px); }
.recruit-link {
display: block;
font-size: 0;
width: 100%; }
.recruit-link .content-link {
padding: 0;
margin: 0; }
.recruit-link .content-link::before {
left: 0;
width: 100%; }
.recruit-link .content-link p::after {
margin: 15% -5px; }
.recruit-faq {
display: table !important;
margin-bottom: 50px; }
.recruit-faq ul {
list-style-type: none;
padding: 0; }
.recruit-faq ul li {
display: table;
float: left;
height: 80px;
margin: 7px;
width: calc(25% - 14px); }
.recruit-faq ul li::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_bd.svg);
display: block;
height: 14px;
margin: 2em -2em;
width: 14px; }
.recruit-faq ul li:hover::after {
transform: translateY(2px);
opacity: 0.6; }
.recruit-faq ul li a {
border: solid 2px #0682C4;
color: #0682C4;
display: table-cell;
padding: 15px 30px 15px 10px;
position: relative;
vertical-align: middle;
z-index: 1; }
.recruit-faq ul li a:hover {
opacity: 0.6; }
.recruit-faq_flow {
width: auto;
display: inline-block;
border: solid 1px #888;
border-radius: 4px;
padding: 1em;
text-align: center;
margin-right: 1em; }
.recruit-faq_flow::after {
content: "";
border-top: solid 0.5em transparent;
border-right: solid 0.5em transparent;
border-bottom: solid 0.5em transparent;
border-left: solid 0.5em #888;
display: block;
height: 0;
margin: -1.3em calc(100% + 1.5em) 0;
position: relative;
width: 0; }
.recruit-faq_flow span {
display: block;
font-size: 0.5em; }
#recruit-faq .content-container {
margin-bottom: 30px; }
.recruit-faq_nest {
border-bottom: solid 1px #888;
margin-bottom: 30px; }
.recruit-faq_nest:last-child {
border: none; }
.recruit-faq_nest .content-h3::before {
content: "Q.";
padding: 0 1em 0 0; }
.recruit-faq_nest .content-h3::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_d.svg);
display: block;
height: 1em;
width: 1em;
position: absolute;
right: 0;
margin: -1.7em 2em;
transition: all 0.3s ease 0; }
.recruit-faq_nest .content-h3:hover {
opacity: 0.6; }
.recruit-faq_nest .content-h3:hover::after {
transform: translateY(2px); }
.recruit-faq_nest .content-h3_up::after {
transform: rotateX(180deg); }
.recruit-faq_nest .content-h3_up:hover::after {
transform: translateY(2px) rotateX(180deg); }
.recruit-faq_content {
display: none;
padding: 0 1em 1em; }
.recruit-faq_content img {
margin: 1em; }
.recruit-faq_content .stepup {
width: 60%; }
.recruit-faq_content .careerup {
width: 40%; }
.recruit-faq_content table {
margin: 1em;
border-collapse: collapse;
border-spacing: 0; }
.recruit-faq_content table td:first-child {
padding: 5px;
text-align: center;
width: 5em; }
.recruit-faq_content table td:last-child {
padding: 5px 3em 5px 1em; }
.recruit-faq_content table tr:nth-child(1) td:first-child {
background: #f78fa2; }
.recruit-faq_content table tr:nth-child(1) td:last-child {
background: rgba(247, 143, 162, 0.4); }
.recruit-faq_content table tr:nth-child(2) td:first-child {
background: #28d744; }
.recruit-faq_content table tr:nth-child(2) td:last-child {
background: rgba(40, 215, 68, 0.4); }
.recruit-faq_content table tr:nth-child(3) td:first-child {
background: #fac600; }
.recruit-faq_content table tr:nth-child(3) td:last-child {
background: rgba(250, 198, 0, 0.4); }
.recruit-faq_content table tr:nth-child(4) td:first-child {
background: #8ee3e3; }
.recruit-faq_content table tr:nth-child(4) td:last-child {
background: rgba(142, 227, 227, 0.4); }
.recruit-faq_content table tr:nth-child(5) td:first-child {
background: #cccccc; }
.recruit-faq_content table tr:nth-child(5) td:last-child {
background: rgba(204, 204, 204, 0.4); }
.recruit-faq_content table tr:nth-child(6) td:first-child {
background: #bda23d; }
.recruit-faq_content table tr:nth-child(6) td:last-child {
background: rgba(189, 162, 61, 0.4); }
.recruit-foot {
margin-bottom: 100px; }
.recruit-foot .recruit-faq {
margin: 120px auto 20px; }
.recruit-foot .recruit-faq ul li::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_b.svg);
height: 8px;
width: 8px; }
.recruit-foot .recruit-faq ul li:hover::after {
transform: translateX(2px); } .interview-content a {
display: inline-block;
margin-bottom: 30px;
transition: all 0.3s ease 0s;
width: 100%; }
.interview-content a img {
height: 200px;
object-fit: cover;
object-position: center;
font-family: "object-fit: cover; object-position: center;";
vertical-align: middle;
float: left; }
.interview-content a:hover {
opacity: 0.6; }
.interview-link {
display: inline-block;
vertical-align: middle;
float: right;
margin-top: -200px; }
.interview-link h3 {
font-size: 1em;
margin-bottom: 5px;
padding: 20px 30px; }
.interview-link p {
color: #aaa;
text-align: right; }
.jinjibu h3 {
border-color: #000;
color: #000; } #career .content-container .content-nest,
#fresh .content-container .content-nest {
margin: 30px 0;
max-width: none;
width: 100%; } .event-category {
background: rgba(0, 0, 0, 0.4);
border-radius: 7px;
display: inline-block;
float: left;
margin: 0 0.5em;
width: auto; }
.event-category:first-child {
margin: 0 0.5em 0 0; }
.event-category a {
color: #fff;
padding: 3px 2em; }
.event-category a:hover {
opacity: 0.4; }
.event-day {
display: inline-block;
float: right;
opacity: 0.6; }
.event-link {
display: inline-block;
border-top: solid 1px #eee;
padding: 10px 0;
width: 100%; }
.event-link a {
color: #173E88; }
.event-link a:hover {
opacity: 0.6; }
.event-link .event-next_link {
float: left; }
.event-link .event-next_link::before {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow.svg);
display: inline-block;
height: 8px;
padding: 0 0 0 10px;
transform: rotateY(180deg);
width: 8px; }
.event-link .event-next_link:hover::before {
transform: translateX(-2px) rotateY(180deg); }
.event-link .event-list_link {
color: #0DABFF;
display: block;
margin: auto;
text-align: center;
width: 30%; }
.event-link .event-list_link::before {
content: none; }
.event-link .event-prev_link {
float: right; }
.event-link .event-prev_link::before {
content: none; }
.event-link .event-prev_link::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow.svg);
display: inline-block;
height: 8px;
padding: 0 0 0 10px;
width: 8px; }
.event-link .event-prev_link:hover::after {
transform: translateX(2px); }
.page-title_interview {
background-size: auto 120%;
display: block;
padding: 120px 0px 50px;
position: relative; }
.page-title_interview::before {
content: "";
background-image: linear-gradient(to right, white 65%, rgba(255, 255, 255, 0) 100%);
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 60%; }
.page-title_interview .recruit-titletypo {
border-color: #0682C4;
color: #0682C4;
margin: 0 4.15%; }
.recruit-titlecomment {
margin: 1em 4.15%; }
.recruit-titlecomment p:first-child {
font-size: 1.5em;
line-height: normal;
margin-bottom: 10px; }
.recruit-titleimg {
height: 100%;
right: 0;
position: absolute;
top: 80px;
z-index: -1; }
.recruit-titleimg img {
height: 100%; }  .img-container-iplass {
text-align: center;
padding-bottom: 7rem;
padding-right: 3rem;
}
.img-container-iplass span {
display: inline-block;
background-image: url(//www.aimax.com/wp-content/themes/xeory_extension/img/iplass-logo.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 100px;
width: 300px;
} .card-container {
display: flex;
flex-wrap: wrap;
padding: 20px 10%;
justify-content: center;
align-items: center;
}
.card-item {
list-style-type: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.card-title {
display: block;
padding: 10px;
font-size: large;
text-align: center;
}
.card-content {
text-align: center;
padding: 10px;
word-wrap: break-word;
}
.card-content p {
margin: 2px;
} .card-theme-achieve>.card-item {
width: 45%;
max-width: 450px;
height: 300px;
margin: 10px 15px;
background-color: #FFF;
border: 3px solid #E8E8E8;
}
.card-theme-achieve>.card-item>.card-title {
background-color: #E8E8E8;
} .card-theme-curriculum-1>.card-item {
width: 45%;
max-width: 450px;
height: 300px;
margin: 10px 15px;
background-color: #FFF;
border: 3px solid #DAE9F8;
}
.card-theme-curriculum-1>.card-item>.card-title {
background-color: #DAE9F8;
}
.card-theme-curriculum-1>.arrow-right {
width: 20px;
height: 40px;
clip-path: polygon(0 0, 100% 50%, 0 100%);
background-color: #DAE9F8;
}
.card-theme-curriculum-2>.card-item {
width: 45%;
max-width: 450px;
height: 300px;
margin: 10px 15px;
background-color: #FFF;
border: 3px solid #FFE5E5;
}
.card-theme-curriculum-2>.card-item>.card-title {
background-color: #FFE5E5;
}
.card-theme-curriculum-2>.arrow-right {
width: 20px;
height: 40px;
clip-path: polygon(0 0, 100% 50%, 0 100%);
background-color: #FFE5E5;
} .grad-point-60deg-sky {
background: linear-gradient(60deg, #DAE9F8, transparent 10%);
}
body[id*="interview-"] .content-container {
margin-bottom: 60px; }
body[id*="interview-"] .content-container:last-child {
margin-bottom: 0; }
body[id*="interview-"] .content-container p {
margin-bottom: 1.5em;
text-indent: 1em; }
.interview-listlink {
display: inline-block;
margin: 7px -7px;
height: 250px;
text-align: center;
padding: 0; }
.interview-listlink::before {
background: #0682C4; }
.interview-listlink:hover::before {
background: #0682C4; }
.interview-listlink .btn-more {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #173e88 50%);
border: solid 1px #fff;
border-radius: 0;
color: #fff;
display: inline-block;
margin: 90px 0; }
.interview-listlink .btn-more::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_w.svg);
transform: rotateY(180deg);
left: 0; }
body[id*="interview"] .content-link {
margin: 0;
padding: 0; }
body[id*="interview"] .content-link::before {
left: 0;
width: 100%; }
body[id*="interview"] .content-link p {
margin: -10em auto 0; }
.contact-form .content-table td:first-child::after {
content: "＊";
color: red; }
.contact-form .content-table td.empty::after {
content: none; }
.contact-form input[type="text"],
.contact-form input[type="email"] {
width: 80%; }
.contact-btn {
margin: 2em auto 0;
width: 100%;
text-align: center; }
.contact-btn .btn-more {
background-image: linear-gradient(to right, #173e88 50%, #0682c4 50%);
color: #fff;
margin: 0 1em;
display: inline-block; }
.contact-btn .btn-mail_clear {
background-image: linear-gradient(to right, #cccccc 50%, #707070 50%) !important;
color: #fff !important;
border: solid 2px #707070 !important; }
.contact-confirm input[type="reset"],
.contact-confirm .mailalert-txt {
display: none; }
.width {
display: table; }
.notfound {
line-height: normal;
text-align: center; }
.notfound .title-404 {
color: #0682C4;
font-size: 3em; }
.notfound .subtitle-404 {
color: #0682C4;
font-size: 1.5em;
margin-bottom: 1em; }
.notfound a {
border: solid 2px #173E88;
color: #173E88;
margin: 2em auto 1em; }
.notfound a::after {
padding: 1.2em; } #itschool {
font: 14px/1.5em heisei-kaku-gothic-std, futura-pt, sans-serif; }
.it-head_pc {
background: #fff;
display: block;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999; }
.it-head_sp {
display: none; }
.it-logo {
display: inline-block;
margin: 10px 4.15%; }
.it-logo p {
color: #0682C4;
font: 28px/1.5em futura-pt, sans-serif; }
.it-headcontent {
display: inline-block;
margin: 12px 4.15% 10px;
right: 0;
position: absolute;
vertical-align: middle; }
.it-headcontent a {
display: inline-block;
font-size: 12px;
padding: 0 0.5em; }
.it-headcontent a::before {
content: ">"; }
.it-headcontent p {
display: inline-block;
font: 11px/1.2em heisei-kaku-gothic-std, sans-serif; }
.it-headcontent .it-headtel {
color: #FF7F00;
font: bold 28px/1.5em futura-pt, sans-serif; }
.it-head_mail {
background: #0682C4 linear-gradient(180deg, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 50%);
border-radius: 2em;
color: #fff;
margin-top: -12px;
padding: 0.5em 1em !important;
text-align: center;
vertical-align: middle; }
.it-head_mail::before {
content: none !important; }
.it-menu {
background-image: linear-gradient(to right, #00cbcb 0%, #0682c4 100%);
display: block;
margin: 0;
padding: 0 4.5%;
width: 100%; }
.it-menu ul {
list-style-type: none; }
.it-menu li {
border-left: solid 1px #fff;
display: inline-block;
margin: 15px 0;
padding: 10px 0;
text-align: center;
width: calc(100% / 6 - 5px); }
.it-menu li:last-child {
border-right: solid 1px #fff; }
.it-menu li a {
color: #fff; }
.it-menu li a:hover {
opacity: 0.6; }
.it-mv {
margin-top: calc(3em);
background: url(//www.aimax.com/wp-content/themes/xeory_extension/img/itschool/img-itschool.jpg) no-repeat 80% top;
background-size: 60%; }
.it-mv .it-mv_wrap {
background-image: linear-gradient(to right, white 32%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 90%, white 92%); }
.it-mv-wrap {
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 60%); }
.it-mv .it-copy {
margin: 0 auto;
padding: 50px 0 15vh;
max-width: 1200px;
width: 91.7%; }
.it-mv .it-copy h1 {
color: #0682C4;
font-size: 2em;
line-height: 1.5em;
padding-bottom: 1em; }
.it-mv .it-copy h2 {
color: #0682C4;
font: bolder 1.3em/1.5em heisei-kaku-gothic-std, sans-serif;
padding-bottom: 10px; }
.it-mv .it-copy p {
padding-bottom: 2em; }
.it-mv .it-copy .it-copy_prgrm {
width: 50%; }
.it-point .it-content {
background: #fff;
margin: 0;
padding-top: 30px; }
.it-point_jamp {
border: solid 2px #0682C4;
display: inline-block;
font-size: 1.2em;
margin: 0 7px;
padding: 1.5em 0 2.5em;
text-align: center;
width: calc(100% / 3 - 21px); }
.it-point_jamp::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_bd.svg);
display: block;
margin: 1em auto -1.5em;
width: 1.5em; }
.it-content {
background: rgba(3, 166, 199, 0.1);
margin: 100px auto 0;
padding: 0 0 50px; }
.it-wrap {
max-width: 1080px;
margin: auto;
width: 91.7%; }
.it-wrap > img {
display: block;
margin: auto;
width: 70%; }
.it-glid-3 {
margin: 8px 7px;
width: calc(100% / 4 - 18px); }
.it-glid-3 p {
height: 5em; }
.it-glid-4 {
height: calc(50px + 16.6em);
margin: 8px 7px;
width: calc(100% / 3 - 18px); }
.it-contenttitle {
color: #0682C4;
display: inline-block;
font-size: 2em;
margin: -0.4em auto 0;
text-align: center;
width: 100%;
max-width: 1080px;
position: relative; }
.it-description {
text-align: center;
padding: calc(.5em + 30px) 0; }
.it-box {
background: #fff;
border: solid 2px #0682C4;
border-radius: 7px;
display: inline-block;
padding: 2em 1em;
position: relative;
text-align: center;
vertical-align: top; }
.it-box img {
width: 50px;
height: 50px; }
.it-box p {
padding: 1em 0; }
.it-box_arrow::before {
content: "";
border-top: solid 25px transparent;
border-right: solid 15px transparent;
border-bottom: solid 25px transparent;
border-left: solid 15px #0682C4;
position: absolute;
margin: 0 calc(-2em - 3px) 0 0;
top: calc(50% - 25px);
right: 0; }
.it-nest {
background: #fff;
padding: 50px 80px;
margin: 50px 0; }
.it-nest h3 {
display: block;
font-size: 1.5em;
margin: -2.8em auto 1.5em;
text-align: center;
width: 100%;
position: inherit; }
.it-nest > img {
margin: 30px auto; }
.it-table {
margin: auto;
width: 70%;
background: #fff;
border-collapse: collapse;
border-spacing: 0; }
.it-table td {
border: solid 1px #0682C4;
padding: 1em; }
.it-cost td:last-child {
font-size: 1.3em;
font-weight: bold;
text-align: center; }
.it-timeline {
display: inline-block;
margin: 0 0 1.5em 20%;
width: 80%; }
.it-timeline p {
float: left; }
.it-timeline .it-timeline_time {
color: #0682C4;
font-family: futura-pt, sans-serif;
margin-right: 2em;
width: 7em; }
.it-timeline .it-timeline_box {
border: solid 1px #0682C4;
padding: 1em;
width: 70%; }
.it-timeline .it-timeline_box span {
color: #0682C4;
display: block;
font-weight: bold; }
.it-timeline::before {
content: "";
background: #fff;
border: solid 5px #0682C4;
border-radius: 50%;
display: block;
height: 12px;
margin: 0 0 0 -6%;
position: absolute;
width: 12px;
z-index: 2; }
.it-timeline_line::after {
content: "";
background: rgba(6, 130, 196, 0.4);
display: block;
width: 6px;
margin: 0 0 0 calc(-6% + 8px);
height: 300px;
position: absolute; }
.it-costimg {
margin: 30px auto; }
.it-costimg ul {
display: table;
width: 100%; }
.it-costimg ul:first-child {
margin-bottom: 20px; }
.it-costimg ul li {
display: table-cell;
font-size: 14px;
padding: 15px;
text-align: center;
vertical-align: middle; }
.it-costimg ul li:first-child {
width: 15%; }
.it-costimg ul li:nth-child(2) {
width: 30%; }
.it-costimg img {
height: 45px;
width: 45px; }
.it-costimg .cost-back_sky, .it-costimg .cost-back_blu {
background: #69B4DB;
color: #fff;
width: 15%; }
.it-costimg .cost-back_sky img, .it-costimg .cost-back_blu img {
padding-bottom: 10px; }
.it-costimg .cost-back_sky span, .it-costimg .cost-back_blu span {
font-size: 1.5em;
font-weight: bold; }
.it-costimg .cost-border_sky {
background: #69B4DB;
width: 20%; }
.it-costimg .cost-border_sky p {
background: #fff;
padding: 20px; }
.it-costimg .cost-back_blu {
background: #0682C4; }
.it-costimg .cost-border_blu {
border: dashed 5px #0682C4;
box-sizing: border-box; }
.it-contact {
display: inline-block;
text-align: center;
width: calc(50% - 4px); }
.it-contact a {
background: #FFA700 linear-gradient(180deg, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 50%);
border-radius: 2em;
color: #fff;
display: block;
font-size: 1.5em;
margin: 0 auto 10px;
padding: 1em;
width: 85%; }
.it-contact_tel a::before {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-tel.svg);
display: inline-block;
height: 1.2em;
padding: 0 0.5em 0 0;
width: 1.2em;
vertical-align: sub; }
.it-contact_mail a::before {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-mail.svg);
display: inline-block;
height: 1.2em;
padding: 0 0.5em 0 0;
width: 1.2em;
vertical-align: middle; }
.it-foot iframe {
height: 50vh;
width: 100vw; }
.it-foot > p {
font-size: 0.8em;
padding: 1em;
text-align: center; }
.it-footmap {
background: #fff;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
display: block;
position: absolute;
margin: -33vh 10px 0;
padding: 2em 1em;
width: 350px; }
.it-footmap p span {
display: block;
font-family: futura-pt, sans-serif;
font-size: 24px;
padding: 0.5em 0; }
.it-footmap a {
background: #0682C4 linear-gradient(180deg, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 50%);
border-radius: 2em;
color: #fff;
display: block;
margin-top: 10px;
padding: 0.5em;
text-align: center;
width: calc(100% - 1em); }
@supports (-ms-ime-align: auto) {
.recruit-nav {
width: 100%; }
.recruit-nav li {
width: calc(100% / 6 - 2px); }
.recruit-nav li a {
width: 100%; } }
@media all and (-ms-high-contrast: none) {
.scroll-icon::before {
margin: 15px auto 25px; }
.recruit-nav {
width: 100%; }
.recruit-nav li {
width: calc(100% / 6 - 2px); }
.recruit-nav li a {
width: 100%; }
.recruit-nav li::after {
margin: -1.5em 0 0 8%; }
.btn-more_attention {
display: table; } }
@media screen and (max-width: 1280px) and (min-width: 1085px) {
.index-content {
margin: 10vh 5%;
padding: 50px; }
.index-content_title {
font-size: 1.5em; }
.index-content_link .content-link {
height: 25vh;
margin-top: 20px; }
.index-content_link .content-link p {
margin: -20vh auto;
width: 85%; }
#content.index-event {
margin: -5vh 5% 0; } }
@media screen and (max-width: 1280px) and (min-width: 768px) {
div[class*="glid"].page-content_box {
display: block; } }@media screen and (max-width: 1085px) {
.content-nest {
float: none;
max-width: none;
width: calc(100% - 32px); }
.content-nest:nth-child(n+2) {
margin-top: 30px; }
.page-content {
padding: 50px 0; }
.page-content iframe {
margin: 50px 0 -60px; }
.page-content_box .content-link {
margin: 20px -2px -20px;
display: inline-table;
width: 50%;
vertical-align: middle; }
.content-container {
margin: 0 0 30px; }
.content-description {
display: table-cell;
text-align: left; }
.page-title h1 {
font-size: 1.5em;
padding: 100px 20px 0; }
.scroll-icon {
height: 45px;
margin: 0 0 20vh -22.5px;
width: 45px; }
.scroll-icon::after {
height: 15px;
width: 15px;
margin: 13px auto; }
section[class^="index-section"],
.index-content {
height: auto; }
.index-content {
background: rgba(255, 255, 255, 0.8);
margin: 8.3% 4.15%;
padding: 50px 4.15%;
width: 92.7%;
max-width: none; }
.index-content .index-content_title {
margin: 0;
font-size: 28px; }
.index-content .index-content_title::after {
margin: 20px 0 30px; }
.index-content p {
max-width: none;
text-align: left; }
.index-content .index-content_link {
display: block; }
.index-content .index-content_link .content-link {
padding: 0;
width: 100%;
height: 80px;
display: table;
margin: 8px 0; }
.index-content .index-content_link .content-link::before {
width: 100%;
left: 0;
z-index: 1; }
.index-content .index-content_link .content-link img {
object-position: 0 35%;
position: absolute;
z-index: 0; }
.index-content .index-content_link .content-link p {
margin: 0 5%;
text-align: left;
width: 90%;
font-size: 21px;
display: table-cell;
vertical-align: middle;
position: relative;
z-index: 1; }
.index-content .index-content_link .content-link p span {
display: inline-block;
padding: 0 1em; }
.index-content .index-content_link .content-link p::after {
display: block;
float: right;
margin: 1.5em 0 0 40% !important;
position: absolute;
top: 0;
right: 0; }
.idea {
display: block; }
.idea-content {
float: none;
text-align: center;
width: 100%;
display: flex; }
.idea-lity {
color: #fff;
display: block;
font: 32px/1.8em futura-pt, sans-serif;
padding: 1em 0;
width: 50%;
float: left; }
.idea-lity::after {
content: "";
border-top: solid 45px transparent;
border-right: solid 45px transparent;
border-bottom: solid 45px transparent;
border-left: solid 35px #888;
display: block;
margin: calc(-42px - 1.6em) 0 0 calc(50% - 16px);
width: 0%;
position: absolute; }
.idea-detail {
padding: 60px 10px 0;
width: 50%; }
.idea-content:nth-last-of-type(1) .idea-lity::after {
border-top: solid 45px transparent;
border-left: solid 35px #FF0000; }
.idea-content:nth-last-of-type(2) .idea-lity::after {
border-top: solid 45px transparent;
border-left: solid 35px #FF8C19; }
.idea-content:nth-last-of-type(3) .idea-lity::after {
border-top: solid 45px transparent;
border-left: solid 35px #FFCE00; }
.idea-content:nth-last-of-type(4) .idea-lity::after {
border-top: solid 45px transparent;
border-left: solid 35px #02AA36; }
.idea-content:nth-last-of-type(5) .idea-lity::after {
border-top: solid 45px transparent;
border-left: solid 35px #0DABFF; }
.recruit-nav {
display: inline-block;
padding: 0 8.3% 100px; }
.recruit-nav li a {
display: block;
padding: 0 0 3em;
width: calc(100vw / 2 - 8.3vw); }
.recruit-nav li::after {
margin: -3em -5px 0; }
.recruit-nav li:nth-of-type(2n) a {
border: none; }
.recruit-faq ul li {
width: calc(50% - 14px); }
.btn-more_attention {
max-width: none;
width: calc(91% - 32px); }
.foot-content {
float: none;
border-right: none;
border-bottom: solid 1px #bbb;
max-width: none; }
#footer .wrap, #gnav-sp .wrap {
margin: 0; }
#footer .foot-content, #gnav-sp .foot-content {
max-width: none; }
#footer .foot-content:last-child, #gnav-sp .foot-content:last-child {
border: none;
padding: 0; }
#footer .foot-sitemap, #gnav-sp .foot-sitemap {
background: #fff;
color: #000;
height: auto;
max-height: calc(100vh - 75px);
overflow-y: scroll; }
#footer .foot-sitemap::before, #gnav-sp .foot-sitemap::before {
content: "MENU";
display: block;
text-align: center;
font-size: 11px;
padding: 1em; }
#footer .foot-sitemap > ul, #footer .foot-sitemap > ul > li > ul, #gnav-sp .foot-sitemap > ul, #gnav-sp .foot-sitemap > ul > li > ul {
width: 100%;
float: none;
margin: 0; }
#footer .foot-sitemap > ul:last-child, #footer .foot-sitemap > ul > li > ul:last-child, #gnav-sp .foot-sitemap > ul:last-child, #gnav-sp .foot-sitemap > ul > li > ul:last-child {
width: 100%; }
#footer .foot-sitemap > ul > li, #footer .foot-sitemap > ul > ul > li > ul > li, #footer .foot-sitemap > ul > li > ul > li, #footer .foot-sitemap > ul > li > ul > ul > li > ul > li, #gnav-sp .foot-sitemap > ul > li, #gnav-sp .foot-sitemap > ul > ul > li > ul > li, #gnav-sp .foot-sitemap > ul > li > ul > li, #gnav-sp .foot-sitemap > ul > li > ul > ul > li > ul > li {
padding: 0; }
#footer .foot-sitemap a, #footer .foot-sitemap p, #gnav-sp .foot-sitemap a, #gnav-sp .foot-sitemap p {
border-bottom: solid 1px #bbb;
display: block;
padding: 0.8em;
color: inherit; }
#footer .foot-sitemap ul li a, #gnav-sp .foot-sitemap ul li a {
color: #173E88; }
#footer .foot-sitemap ul li a::after,
#footer .foot-sitemap ul li p::after, #gnav-sp .foot-sitemap ul li a::after,
#gnav-sp .foot-sitemap ul li p::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow.svg);
display: block;
height: 8px;
width: 8px;
margin: -1.6em 0;
position: absolute;
right: 2em; }
#footer .foot-sitemap ul li p::after, #gnav-sp .foot-sitemap ul li p::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_d.svg);
height: 12px;
width: 12px; }
#footer .foot-sitemap ul li ul, #gnav-sp .foot-sitemap ul li ul {
display: none; }
#footer .foot-sitemap ul li ul li a, #gnav-sp .foot-sitemap ul li ul li a {
color: #173E88;
padding: 8px 2em !important;
background: #eee; }
.menu-itschool a {
background-image: linear-gradient(rgba(255, 255, 255, 0.4) 50%, #173E88 50%);
background-color: #173E88;
color: #fff !important;
margin: 10px;
width: calc(100% - 20px); }
.menu-itschool a::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_w.svg) !important; }
body[id*="interview"] .content-container {
margin: 0 0 100px; }
body[id*="interview"] .content-container:last-child {
margin: 0; }
body[id*="interview"] .width {
max-width: 100vw;
margin: 5vw auto;
padding: 0;
width: 100%; }
.it-head_pc {
display: none; }
.it-head_sp {
background: #fff;
border-bottom: solid 1px #ccc;
display: block;
position: fixed;
top: 0;
width: 100%;
z-index: 9999; }
.it-logo {
font-size: 24px;
margin: 10px 0 0 4.15%; }
.it-head_mail {
float: right;
margin: 10px 4.15%; }
.it-menu {
display: none;
background: #fff;
padding: 0; }
.it-menu::before {
content: "";
background: rgba(0, 0, 0, 0.75);
display: block;
height: 100vh;
position: absolute;
width: 100%;
z-index: -1; }
.it-menu ul {
background-image: linear-gradient(to right, #00cbcb 0%, #0682c4 100%); }
.it-menu ul li {
border-bottom: solid 1px #fff;
border-left: none;
display: block;
margin: 0;
text-align: left;
padding: 0;
width: 100%; }
.it-menu ul li a {
display: block;
padding: 1.5em 2em;
width: 100%; }
.it-menu ul li a::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_wd.svg);
display: inline-block;
width: 1em;
float: right; }
.it-head_contact {
padding: 10px 2em;
border-bottom: solid 1px #ccc; }
.it-head_contact p {
display: inline-block;
width: calc(50% - 1em); }
.it-head_contact p:first-child {
text-align: right;
padding: 0 1em; }
.it-head_contact .it-headtel {
font-size: 2em; }
.it-head_otherlink {
padding: 10px 2em; }
.it-head_otherlink a {
padding-right: 1em; }
.it-head_otherlink a::before {
content: ">";
padding-left: 0.5em; }
.it-menu_open {
display: block;
position: absolute;
left: 50%;
margin: -1px -20px; }
.it-menu_open span {
background: #0682C4;
border-radius: 2px;
display: block;
height: 4px;
margin: 8px 0;
width: 40px; }
.it-menu_open::before {
content: "";
background: #fff;
border: solid 1px #bbb;
border-top: none;
position: absolute;
width: 100px;
height: 55px;
z-index: -1;
border-radius: 0 0 55px 55px;
margin: 0 -30px; }
.it-menu_close span:nth-child(1) {
transform: translate(12px, 6px) rotate(25deg);
width: 20px; }
.it-menu_close span:nth-child(2) {
transform: translate(-6px, -2px) rotate(-25deg);
width: 20px; }
.it-menu_close span:nth-child(3) {
display: none; }
.it-mv {
margin-top: 60px;
background: url(//www.aimax.com/wp-content/themes/xeory_extension/img/itschool/img-itschool.jpg) no-repeat 85%;
background-size: cover; }
.it-mv .it-copy {
padding: 15vh 0 50px; }
.it-table {
width: 90%; }
.it-timeline .it-timeline_box {
height: 9em; }
.it-timeline::after {
height: 370px; }
@supports (-ms-ime-align: auto) {
.recruit-nav {
width: 100%; }
.recruit-nav li {
display: inline-bloc;
width: calc(50% - 1px); }
.recruit-nav li a {
width: 100%; } } }
@media screen and (max-width: 768px) {
body {
font: 14px/1.8em heisei-kaku-gothic-std, futura-pt, sans-serif; }
h2 {
margin: 0; }
.sp-display {
display: block; }
.pc-display {
display: none; }
.ms-display {
display: block; }
p[class*="glid"] {
max-width: none;
text-align: left;
padding-right: 16px;
padding-left: 16px; }
.content-h1 {
border-left: solid 12px #173E88;
border-right: solid 12px #173E88;
border-radius: 7px;
padding: 0;
margin: 0 auto 50px;
width: 90%; }
.content-h1::before, .content-h1::after {
content: none; }
.content-h2a {
font-size: 21px;
margin: 1em 1em 0; }
.page-content_box:nth-child(2) {
margin-top: 50px; }
.page-content_box .content-link {
width: 100%; }
.content-link {
display: table;
height: 110px;
float: none;
max-width: 100vw;
width: 100%;
padding: 0;
margin: 0; }
.content-link::before {
left: 0;
width: 100%;
z-index: 1; }
.content-link p {
margin: 0 5%;
text-align: left;
width: 90%;
font-size: 21px;
display: table-cell;
vertical-align: middle;
position: relative;
z-index: 1; }
.content-link p::after {
display: block;
margin: 2.3em 0 0 40%; }
.content-link img {
position: absolute;
z-index: 0; }
.content-table {
margin-bottom: 50px; }
.content-table tr:first-child td:first-child {
border-top: solid 1px #0DABFF; }
.content-table td:first-child {
background: #eee;
border: none;
font-size: 14px;
padding: 5px;
width: 100%; }
.content-table td:last-child {
border-bottom: solid 1px #0DABFF; }
.contact-form input[type="text"],
.contact-form input[type="email"] {
width: 100%; }
.content-link {
padding: 0;
width: calc(100% + 64px);
height: 120px;
margin: 8px -32px 40px; }
.content-link p {
margin: calc(-60px - 1em) 5%;
text-align: left;
width: 90%;
font-size: 21px; }
.content-link p span {
display: inline-block;
padding: 0 1em; }
.contact-btn {
margin: -1em auto 4em;
display: inline-block; }
.idea {
margin: 10px -16px;
padding: 0; }
.idea-lity::after {
content: "";
border-top: solid 25px transparent;
border-right: solid 25px transparent;
border-bottom: solid 25px transparent;
border-left: solid 25px #888;
display: block;
margin: calc(-22px - 1.6em) 0 0 calc(50% - 10px);
width: 0%;
position: absolute; }
.idea-content:nth-last-of-type(1) .idea-lity::after {
border-top: solid 25px transparent;
border-left: solid 25px #FF0000; }
.idea-content:nth-last-of-type(2) .idea-lity::after {
border-top: solid 25px transparent;
border-left: solid 25px #FF8C19; }
.idea-content:nth-last-of-type(3) .idea-lity::after {
border-top: solid 25px transparent;
border-left: solid 25px #FFCE00; }
.idea-content:nth-last-of-type(4) .idea-lity::after {
border-top: solid 25px transparent;
border-left: solid 25px #02AA36; }
.idea-content:nth-last-of-type(5) .idea-lity::after {
border-top: solid 25px transparent;
border-left: solid 25px #0DABFF; }
.contact-select {
font-size: 14px !important;
width: 100%; }
.contact-selectinput::after {
margin: -2em 11% 0 0;
position: absolute;
right: 0; }
.contact-btn .btn-mail_clear {
position: absolute;
margin-top: 5em; }
.recruit-titletypo {
padding: 1em;
max-width: none;
width: 80%; }
.recruit-titletypo p {
margin: 0;
padding: 0 0 1em; }
.recruit-titletypo h1 {
margin: 0 0 0.5em;
font-size: 2em; }
.recruit-nav {
padding-bottom: 50px; }
.recruit-interview_content .recruit-interview_title {
font-size: 28px; }
.recruit-interview {
background: url(//www.aimax.com/wp-content/themes/xeory_extension/img/img-interview.jpg) no-repeat 55% top;
background-size: cover; }
.recruit-interview_wrap {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0) 100%);
padding: 50px 20px 50px 0;
width: 65%; }
.recruit-interview_content {
margin: 0; }
.recruit-link {
margin: 0; }
.recruit-link .content-link {
margin: 0; }
.recruit-link .content-link p::after {
margin: 2.3em 0 0 40%; }
.recruit-faq {
margin: 30px 0 0;
width: 100%; }
.recruit-faq ul li a {
padding: 1.5em 1.5em 1.5em 7px; }
.recruit-faq ul .line-2 a {
padding: 0.63em 1.5em 0.63em 7px; }
.recruit-faq_content div {
width: calc(100% + 2em); }
.recruit-faq_content .stepup,
.recruit-faq_content .careerup {
margin: 1em auto;
width: 80%;
max-width: 300px; }
.recruit-faq_content table {
width: 100%; }
.recruit-faq_content table td {
display: table-cell;
width: 80%; }
.recruit-foot .recruit-faq {
margin: 0; }
#recruit .content-h1 {
margin: 0 auto; }
#recruit .content-h2b {
margin: 30px 0 0; }
#recruit .content-nest {
margin: 30px 0 0;
width: 100%; }
#recruit .recruit-faq_nest {
margin: 30px 0;
padding-right: 8%; }
#recruit .page-content:last-child {
padding: 0; }
.page-title_interview {
padding: 30vh 0 100px;
margin: 0 0 100px;
background-position: 63% 0;
background-size: auto 100%; }
.page-title_interview::before {
content: none; }
.page-title_interview .recruit-titletypo {
margin: 0 auto; }
.recruit-titlecomment {
margin: 80px auto 0;
position: absolute;
max-width: none; }
.recruit-titlecomment p:first-child {
font-size: 1.2em;
margin: 10px; }
.recruit-titlecomment p:last-child {
text-align: right;
opacity: 0.6; }
.recruit-titleimg {
height: 87%;
top: 40px; }
.recruit-titleimg img {
object-fit: cover;
width: auto; }
body[id*="interview-"] .page-content {
padding: 80px 0 50px; }
body[id*="interview-"] .recruit-titletypo {
border-color: #fff;
color: #fff; }
body[id*="interview"] .content-link,
body[id*="fresh"] .content-link,
body[id*="career"] .content-link,
body[id*="fresh"] .content-link {
height: 140px; }
body[id*="interview"] .content-link p,
body[id*="fresh"] .content-link p,
body[id*="career"] .content-link p,
body[id*="fresh"] .content-link p {
margin: 0;
width: 100%;
display: table-cell;
padding: 20px 50px 20px 20px; }
body[id*="interview"] .content-link p::after,
body[id*="fresh"] .content-link p::after,
body[id*="career"] .content-link p::after,
body[id*="fresh"] .content-link p::after {
margin: 2.5em 0 0 40%; }
body[id*="interview"] .interview-listlink,
body[id*="fresh"] .interview-listlink,
body[id*="career"] .interview-listlink,
body[id*="fresh"] .interview-listlink {
padding: 0;
width: 100%;
margin: 0; }
body[id*="interview"] .interview-listlink .btn-more,
body[id*="fresh"] .interview-listlink .btn-more,
body[id*="career"] .interview-listlink .btn-more,
body[id*="fresh"] .interview-listlink .btn-more {
margin: 3em 0;
width: auto;
padding: 1em 3em;
z-index: 1; }
body[id*="interview"] .btn-more_attention,
body[id*="fresh"] .btn-more_attention,
body[id*="career"] .btn-more_attention,
body[id*="fresh"] .btn-more_attention {
width: 100%;
font-size: 22px;
padding: 1em 0.5em; }
body[id*="interview"] .btn-more_attention::after,
body[id*="fresh"] .btn-more_attention::after,
body[id*="career"] .btn-more_attention::after,
body[id*="fresh"] .btn-more_attention::after {
padding: 1em 0.5em; }
.index-event_description {
height: auto;
width: 100%; }
.index-event_description .btn-more_event {
background: #0682c4;
border: solid 2px #0682c4;
color: #fff;
right: 0;
margin-top: 420px;
position: absolute;
border-radius: 0;
height: auto;
padding: calc(210px /2 - 2em) 0;
width: calc(100% / 2 + 1px); }
.index-event_description .btn-more_event:hover {
border: solid 2px #173e88; }
.index-event_description .btn-more_event::after {
content: url(//www.aimax.com/wp-content/themes/xeory_extension/img/icon-arrow_w.svg); }
#recent_post_content .js-text-overflow {
font-size: 14px;
line-height: 1.5em;
height: 3em;
margin: 2em auto 0;
overflow: hidden;
white-space: normal;
width: 90%; }
.interview-content a img {
padding: 0 16px 0 0;
width: 25%;
height: 8vh; }
.interview-link {
width: 75%;
float: right;
padding: 0;
margin-top: -100px;
margin-bottom: 20px; }
.interview-link h3 {
font-size: 16px;
padding: 10px 20px; }
.notfound {
padding-top: 120px !important; }
.it-logo {
margin: 12px 4.15%; }
.it-logo p {
font-size: 24px; }
.it-menu_open {
margin: 0 -13px; }
.it-menu_open::before {
width: 70px;
height: 35px;
border-radius: 0 0 35px 35px;
margin: 0 -23px; }
.it-menu_open span {
margin: 5px 0;
width: 26px;
height: 3px; }
.it-head_contact p {
display: block;
width: 100%;
text-align: center; }
.it-head_contact p:first-child {
text-align: center; }
.it-head_otherlink {
padding: 1em 1em 2em; }
.it-mv .it-mv_wrap {
background: none; }
.it-mv .it-copy {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.8) 100%);
padding: 25vh 4.15% 0;
width: 100%; }
.it-mv .it-copy h1 {
margin: 0; }
.it-mv .it-copy .it-copy_prgrm {
width: 100%; }
.it-point .it-wrap {
max-width: none;
width: 100%;
margin: 0; }
.it-point .it-content {
margin: 0;
padding: 0;
width: 100%; }
.it-point_jamp {
font-size: 0.8em;
font-weight: bold;
height: 11em;
margin: 0 -6px 0 0;
padding: 1em;
width: calc(100% /3 + 1.3px);
vertical-align: top; }
.it-content {
display: inline-block;
margin: 50px auto;
padding: 0 0 10px; }
.it-description {
text-align: left; }
.it-box.it-glid-3 {
height: calc(100px + 6em);
width: 45%;
vertical-align: top; }
.it-box.it-glid-3 p, .it-box.it-glid-3 img {
float: none;
text-align: center;
height: 50px; }
.it-box.it-glid-3 p {
width: 100%; }
.it-box.it-glid-3 img {
margin: 0;
object-fit: contain;
height: 50px;
width: 50px; }
.it-glid-4 {
height: auto;
margin: 0;
width: 100%; }
.it-box {
padding: 1em; }
.it-box img, .it-box p {
float: left;
text-align: left; }
.it-box p {
width: 48%; }
.it-box img {
height: 100px;
margin: 0 3%;
object-position: center;
width: 11%; }
.it-box .it-box_item {
color: #0682C4;
padding: 1em 0 0;
width: 35%; }
.it-wrap > img {
margin: 0 auto 30px;
width: 100%; }
.it-box_arrow {
margin-bottom: 1.5em; }
.it-box_arrow::before {
content: none; }
.it-box_arrow::after {
content: "";
border-top: solid 20px #0682C4;
border-right: solid 45px transparent;
border-bottom: none;
border-left: solid 45px transparent;
margin: 0 -45px -1.5em;
display: block;
height: 0;
width: 0;
position: absolute;
bottom: 0;
left: 50%; }
.it-nest {
padding: 50px 1em; }
.it-nest h3 {
margin: -3em auto 0;
width: 88%;
position: absolute; }
.it-table td:first-child {
background: #eee;
border-bottom: none;
text-align: center; }
.it-timeline {
margin: 0 0 1.5em 20%;
width: 80%; }
.it-timeline::before {
margin: 0 0 0 -13%; }
.it-timeline::after {
margin: 0 0 0 calc(-13% + 8px);
height: 480px; }
.it-timeline .it-timeline_box {
width: 100%;
height: 11.5em; }
.it-costimg_sp {
margin: 30px auto;
width: 90%;
max-width: 500px; }
.it-costimg_sp li {
margin: auto;
padding: 20px;
text-align: center;
width: 50%;
max-width: 250px; }
.it-costimg_sp img {
padding-bottom: 10px;
width: 3em;
max-width: 80px; }
.it-costimg_sp .cost-border_blu {
border: dashed 5px #0682C4;
padding-bottom: 6em; }
.it-costimg_sp .cost-border_blu p {
background: #fff;
color: #0682C4;
display: block;
left: 0;
margin: 0 10%;
position: absolute;
width: 80%; }
.it-costimg_sp .cost-border_blu p strong {
font-size: 1.5em;
font-weight: bold; }
.it-costimg_sp .cost-border_blu p span {
color: #69B4DB;
display: block; }
.it-costimg_sp .cost-back_blu {
background: #0682C4;
color: #fff; }
.it-costimg_sp .cost-back_sky {
background: #69B4DB;
color: #fff; }
.it-contact {
display: block;
margin-bottom: 1em;
width: 100%; }
.it-contact a {
width: 100%; }
.it-footmap {
margin: 0;
padding: 1em;
position: relative;
width: 100%; } }
@media screen and (min-width: 767px) and (max-width: 1023px) {
.recruit-interview {
background: url(//www.aimax.com/wp-content/themes/xeory_extension/img/img-interview.jpg) no-repeat 0% bottom;
background-size: 110%; }
.recruit-interview_content {
margin: 0;
max-width: none;
width: 85%; } }