@charset "UTF-8";

body {
font-size: 1.125rem;
font-family: "Noto Sans JP", serif;
margin: 0;
padding-top: 125px;
}
.main_container {
min-width: 1300px;
overflow: hidden;
}
p {
line-height: 160%;
}
.top_pd1em {
padding-top: 1em;
}
.sp {
display: none;
}
.indent {
text-indent: -1em;
margin-left: 1em;
}
.top_border_wrapper .wrapper h2, .top_border_wrapper .wrapper h3 {
font-weight: bold;
}
.top_border_wrapper .wrapper h3 {
font-size: clamp(20px, 2vw + 0.5rem, 32px);
margin-bottom: 10px;
}
.top_border_wrapper .wrapper h2 {
font-size: clamp(26px, 1vw + 0.5rem, 36px);
}
.wp-block-columns {
margin-bottom: 0;
}
.wp-block-list {
list-style: inside;
}
.nolist > li {
list-style: none !important;
}
.pb0 {
padding: 0 !important;
}
.mt0 {
margin-top: 0 !important;
}
.mt0_sp {
margin-top: 0 !important;
}
.mt1 {
margin-top: 1em !important;
}
.mt3 {
margin-top: 3em !important;
}
@media (max-width: 767px) {
.mt3 {
margin-top: 1em;
}
}
.mb0 {
margin-bottom: 0 !important;
}
.mb3 {
margin-bottom: 3em !important;
}
@media (max-width: 767px) {
.mb3 {
margin-bottom: 1em;
}
}
.ml1 {
margin-left: 1em !important;
}
.mr0 {
margin-right: 0 !important;
}
.gap0 {
gap: 0;
}
@media (max-width: 767px) {
.gap0_sp {
gap: 0 !important;
}
}
.gap1 {
gap: 1em !important;
}
.gap2 {
gap: 2em !important;
}
@media (max-width: 767px) {
.alignit_no {
align-items: normal !important;
}
}
.none {
display: none !important;
}
.font1 p {
font-size: 1.17rem !important;
height: 35px;
padding: 0.1em 0 0;
}
@media (max-width: 767px) {
.font1 p {
font-size: 1.15rem !important;
}
}
img {
max-width: 100%;
height: auto;
}
.center {
text-align: center;
}
a {
transition: 0.4s;
}
a:hover {
opacity: 0.6;
}
.i_car_standby {
margin-bottom: 30px;
font-size: 18px !important;
text-indent: -1em;
margin-left: 1em;
}
.common_width {
width: 1200px;
margin: 0 auto;
}
.text_red {
color: #fb2121;
}
.text_blue {
color: #4C85B3;
}
.text_bold {
font-weight: bold;
}
.flex_wrapper {
display: flex;
}
.mb_1_5 {
margin-bottom: 1.5em;
}
hr {
text-align: center;
width: 95%;
min-width: 1300px;
margin: 0 auto;
border-top: 1px solid #717171;
}
.breadcrumb {
width: 1200px;
margin: 20px auto 50px;
font-size: 0.9rem;
}
.breadcrumb ul {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
line-height: 140%;
}
.breadcrumb li {
display: flex;
align-items: center;
}
.breadcrumb li a {
text-decoration: none !important;
}
.breadcrumb li:not(:last-child)::after {
content: ">";
margin: 0 5px;
}
.pdf_download_btn a {
display: block;
border: 2px solid #717171;
background-color: #FFF;
position: relative;
padding: 28px 0;
border-radius: 10px;
box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.45);
}
.pdf_download_btn a:hover {
box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.45);
}
.pdf_download_btn a p {
font-size: 27px;
font-weight: bold;
text-align: center;
}
.pdf_download_btn a .icon_pdf {
width: 38.8px;
position: absolute;
right: 20px;
top: 27%;
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
#autozip {
display: none !important;
}
.wpcf7-spinner {
display: none !important;
}
.wpcf7-response-output {
display: none !important;
}
.totop {
position: fixed;
right: 5%;
bottom: 10%;
z-index: 4;
}
.totop a {
display: block;
background-color: #717171;
width: 80px;
height: 80px;
border-radius: 50%;
color: #FFF;
text-align: center;
}
.totop .btn {
position: relative;
color: #fff;
font-size: 18px;
padding-top: 47px;
}
.totop .btn:before, .totop .btn:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.totop .btn:before {
left: 0;
right: 0;
top: -22px;
width: 23px;
height: 2px;
background: #fff;
transform: rotate(270deg);
}
.totop .btn:after {
left: 0;
right: 0;
top: -20px;
width: 22px;
height: 22px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(315deg);
}
.red_arrow_btn a {
display: block;
border: 2px solid #fb2121;
background-color: #FFF;
position: relative;
padding: 20px 60px 20px 40px;
border-radius: 10px;
box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.45);
font-size: 27px;
color: #fb2121;
text-decoration: none !important;
font-weight: bold;
text-align: center;
position: relative;
display: inline-block;
}
.red_arrow_btn a:before {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.red_arrow_btn a:before {
right: 6px;
box-sizing: border-box;
width: 12px;
height: 12px;
border: 10px solid transparent;
border-left: 16px solid #fb2121;
}
.red_btn a {
display: inline-block;
border: 2px solid #fb2121;
background-color: #fb2121;
position: relative;
padding: 10px 60px 10px 40px;
border-radius: 10px;
font-size: 27px;
color: #FFF;
text-decoration: none !important;
font-weight: bold;
text-align: center;
position: relative;
display: inline-block;
}
.red_btn a:before {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.red_btn a:before {
right: 6px;
box-sizing: border-box;
width: 12px;
height: 12px;
border: 10px solid transparent;
border-left: 16px solid #FFF;
}
.green_btn a {
display: inline-block;
border: 2px solid #14944a;
background-color: #14944a;
position: relative;
padding: 10px 60px 10px 40px;
border-radius: 10px;
font-size: 27px;
color: #FFF;
text-decoration: none !important;
font-weight: bold;
text-align: center;
position: relative;
display: inline-block;
}
.green_btn a:before {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.green_btn a:before {
right: 6px;
box-sizing: border-box;
width: 12px;
height: 12px;
border: 10px solid transparent;
border-left: 16px solid #FFF;
}
.pager {
width: 850px;
margin: 0 auto;
margin-top: 80px;
padding-bottom: 20px;
}
.pager .wp-pagenavi {
display: flex;
gap: 20px;
justify-content: center;
}
.pager a, .pager span {
padding: 14px 18px;
font-size: 18px;
transition: 0.3s;
border: 1px solid #000;
}
.pager a:hover, .pager span:hover {
opacity: 1;
color: #FFF;
background-color: #454545;
}
.pager a.current, .pager span.current {
background-color: #000;
color: #FFF;
}
.accordion-content {
display: none;
}
.accordion {
margin-top: 40px;
border: 2px solid #717171;
border-radius: 10px;
background-color: #FFF;
box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.45);
}
.accordion-header {
cursor: pointer;
position: relative;
font-size: 22px;
text-align: center;
padding: 28px 0;
}
.accordion-header::before,
.accordion-header::after {
position: absolute;
content: "";
top: 1px;
right: 24px;
bottom: 0;
width: 26px;
height: 3px;
margin: auto;
background: #92A7B6;
}
.accordion-header::after {
transform: rotate(-90deg);
transition: transform 0.3s;
}
.accordion-header.active::after {
transform: rotate(0deg);
}
.accordion-content {
padding: 0 28px 28px;
}
.accordion-header span,
.accordion-content span {
padding-left: 25px;
position: relative;
}
.accordion_arrow {
margin-inline: auto;
margin-top: 30px;
position: relative;
width: 100%;
}
.accordion-title {
cursor: pointer;
font-size: 32px;
font-weight: bold;
padding: 25px 20px;
}
.accordion-content {
display: none;
padding: 10px 20px;
}
.accordion-item {
border-bottom: 1px solid #B2B2B2;
}
.accordion-content p {
font-size: 13px;
line-height: 1.5;
} .accordion-item .accordion-title {
background-color: #F5F5F5;
border-top: 1px solid #B2B2B2;
} .accordion-title {
position: relative;
}
.accordion-title:after {
border-right: solid 2px #E50012;
border-top: solid 2px #E50012;
content: "";
display: block;
height: 15px;
position: absolute;
right: 25px;
top: 38%;
transform: rotate(135deg);
transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
width: 15px;
}
.accordion-title.open:after {
top: 45%;
transform: rotate(-45deg);
}
.flex_sb {
justify-content: space-between;
}
.form_area .form_head {
margin-bottom: 20px;
}
.form_area .form_thanks {
min-height: 22vh;
}
.form_area .form_thanks p {
text-align: center;
}
.form_area .form_thanks .back_to_top {
margin-top: 50px;
}
.form_area .form_thanks .back_to_top .red_btn {
width: 33%;
margin: 60px auto;
}
.form_area .form_thanks .back_to_top .red_btn a {
width: 100%;
}
.form_area .form_thanks.contact_thanks, .form_area .form_thanks.document_thanks {
margin-top: 90px;
}
.form_area .must {
background-color: #FA452A;
padding: 0 7px 1px;
margin-right: 19px;
margin-top: 3px;
min-width: 15%;
}
.form_area .must p {
color: #FFF;
text-align: center;
}
.form_area .optional {
background-color: #4C4C4C;
padding: 0 7px 1px;
margin-right: 19px;
min-width: 15%;
}
.form_area .optional p {
color: #FFF;
text-align: center;
}
.form_area .form_wrapper {
margin-top: 80px;
border-bottom: 1px solid #000;
padding-bottom: 80px;
margin-bottom: 80px;
}
.form_area .form_wrapper .caution_note {
font-size: 1rem;
padding-top: 5px;
}
.form_area .form_wrapper .wpcf7-spinner {
display: none !important;
}
.form_area .form_wrapper .wpcf7-list-item {
display: inline-block;
margin: 0 !important;
}
.form_area .form_wrapper .wpcf7-not-valid-tip {
font-size: 1.2rem;
}
.form_area .form_wrapper .wpcf7-form-control.wpcf7-not-valid {
border: 2px solid red !important;
background-color: #ffe6e6; }
.form_area .form_wrapper .wpcf7-form-control.wpcf7-not-valid .wpcf7-list-item label {
border: 2px solid red !important;
background-color: #ffe6e6; }
.form_area .form_wrapper .radio_gakunen .wpcf7-form-control.wpcf7-not-valid, .form_area .form_wrapper .radio_seibetsu .wpcf7-form-control.wpcf7-not-valid, .form_area .form_wrapper .nittai_a_regu .wpcf7-form-control.wpcf7-not-valid, .form_area .form_wrapper .oc_sanka .wpcf7-form-control.wpcf7-not-valid, .form_area .form_wrapper .oc_naiyou .wpcf7-form-control.wpcf7-not-valid, .form_area .form_wrapper .radio_sougei .wpcf7-form-control.wpcf7-not-valid {
border: none !important;
background-color: unset; }
.form_area .form_wrapper table {
width: 100%;
}
.form_area .form_wrapper table tr {
border-top: 1px solid #000;
}
.form_area .form_wrapper table tr th {
width: 430px;
background-color: #FBFAFA;
padding: 42px 24px;
}
.form_area .form_wrapper table tr th p {
font-weight: normal;
}
.form_area .form_wrapper table tr th p.font_s {
font-size: 0.9em !important;
}
.form_area .form_wrapper table tr th .flex_wrapper {
align-items: flex-start;
}
.form_area .form_wrapper table tr th .flex_wrapper .koumoku p {
font-size: 20px;
}
.form_area .form_wrapper table tr td {
vertical-align: middle;
padding: 24px;
font-size: 24px;
}
.form_area .form_wrapper table tr td p {
font-family: "Noto Sans JP", sans-serif;
}
.form_area .form_wrapper table tr td .selectbox {
display: inline-flex;
align-items: center;
position: relative;
width: 100%;
}
.form_area .form_wrapper table tr td .selectbox p {
display: inline-block;
width: 100%;
}
.form_area .form_wrapper table tr td .selectbox::after {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 7px;
background-color: #535353;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: "";
pointer-events: none;
}
.form_area .form_wrapper table tr td .selectbox select {
appearance: none;
width: 100%;
height: 2.8em;
padding: 0.4em calc(0.8em + 30px) 0.4em 0.8em;
border: 1px solid #717171;
border-radius: 3px;
background-color: #fff;
color: #333333;
font-size: 1em;
appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer;
}
.form_area .form_wrapper table tr td ::placeholder {
color: #C5C5C5;
font-family: "Noto Sans JP", sans-serif;
}
.form_area .form_wrapper table tr td input {
width: 100%;
padding: 12px 17px;
border: 1px solid #717171;
font-family: "Noto Sans JP", sans-serif;
}
.form_area .form_wrapper table tr td input.tel {
width: 400px;
}
.form_area .form_wrapper table tr td input.zip {
width: 185px;
}
.form_area .form_wrapper table tr td textarea {
width: 100%;
padding: 12px 17px;
border: 1px solid #717171;
height: 10em;
}
.form_area .form_wrapper table tr td label {
padding: 12px 17px;
border: 1px solid #717171;
}
.form_area .form_wrapper table tr td .wpcf7-list-item label {
display: flex;
align-items: center;
}
.form_area .form_wrapper table tr td .wpcf7-list-item label span {
margin-left: 8px;
}
.form_area .form_wrapper table tr td label input {
width: unset;
}
.form_area .form_wrapper table tr td .radio_seibetsu label {
width: 143px;
margin-right: 13px;
}
.form_area .form_wrapper table tr td .radio_seibetsu label input {
width: unset;
}
.form_area .form_wrapper table tr td .radio_gakunen {
justify-content: space-between;
}
.form_area .form_wrapper table tr td .radio_gakunen label {
width: 130px;
margin-right: 8px;
}
.form_area .form_wrapper table tr td .radio_gakunen label input {
width: unset;
}
.form_area .form_wrapper table tr td .radio_douhan label {
margin-bottom: 6px;
margin-right: 13px;
}
.form_area .form_wrapper table tr td .radio_douhan input {
width: unset;
}
.form_area .form_wrapper table tr td .radio_douhan .wpcf7-list-item {
width: 100%;
}
.form_area .form_wrapper table tr td .radio_sougei {
margin-top: 30px;
}
.form_area .form_wrapper table tr td .radio_sougei label {
margin-bottom: 6px;
margin-right: 13px;
}
.form_area .form_wrapper table tr td .radio_sougei input {
width: unset;
}
.form_area .form_wrapper table tr td .radio_sougei .wpcf7-list-item {
width: 100%;
}
.form_area .form_wrapper table tr td .caution p {
font-size: 20px;
text-indent: -1em;
margin-left: 1em;
}
.form_area .form_wrapper table tr td .douhan {
font-size: 20px;
}
.form_area .form_wrapper table tr td .douhan p {
margin-bottom: 5px;
}
.form_area .form_wrapper table tr td .douhan .flex_wrapper {
margin-bottom: 30px;
}
.form_area .form_wrapper table tr td .douhan .flex_wrapper .flex_left input, .form_area .form_wrapper table tr td .douhan .flex_wrapper .flex_right input {
width: 80px;
margin: 0 6px;
}
.form_area .form_wrapper table tr td .douhan .flex_wrapper .flex_left {
margin-right: 122px;
}
.form_area .form_wrapper table tr td .douhan .flex_wrapper .flex_min {
align-items: center;
display: flex;
}
.form_area .form_wrapper table tr td .input_pref {
margin-bottom: 40px;
}
.form_area .form_wrapper table tr td .input_pref p, .form_area .form_wrapper table tr td .input_banchi p {
font-size: 20px;
}
.form_area .form_wrapper table tr td.oc_sanka .wpcf7-list-item, .form_area .form_wrapper table tr td.oc_naiyou .wpcf7-list-item {
width: 100%;
}
.form_area .form_wrapper table tr td.oc_sanka .wpcf7-list-item + .wpcf7-list-item, .form_area .form_wrapper table tr td.oc_naiyou .wpcf7-list-item + .wpcf7-list-item {
margin-top: 10px !important;
}
.form_area .privacypolicy .pp_h3_wrapper {
text-align: center;
margin-bottom: 26px;
}
.form_area .privacypolicy .pp_h3_wrapper h3 {
font-size: 27px;
}
.form_area .privacypolicy .pp_h3_wrapper .bottom_border {
width: 290px;
margin: 10px auto 0;
border-bottom: 1px solid #717171;
}
.form_area .privacypolicy .information {
padding: 0 0 20px;
}
.form_area .privacypolicy .pp_inner {
padding: 50px 40px;
border: 1px solid #000;
height: 300px;
overflow-y: scroll;
}
.form_area .privacypolicy .pp_inner h4 {
font-size: 24px;
}
.form_area .privacypolicy .consent {
margin-top: 55px;
}
.form_area .privacypolicy .consent .must {
padding-top: 2px;
}
.form_area .privacypolicy .consent .flex_wrapper {
justify-content: center;
}
.form_area .privacypolicy .consent .flex_wrapper .pp_check_box {
font-size: 24px;
}
.form_area .privacypolicy .consent .flex_wrapper .pp_check_box input {
margin-right: 6px;
margin-bottom: 3px;
}
.form_area .privacypolicy .consent .confirm_send_btn {
position: relative;
width: 540px;
margin: 50px auto 5px;
}
.form_area .privacypolicy .consent .confirm_send_btn:hover input {
opacity: 0.6;
box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.form_area .privacypolicy .consent .confirm_send_btn:hover:before {
opacity: 0.6;
}
.form_area .privacypolicy .consent .confirm_send_btn input {
transition: 0.3s;
width: 100%;
display: block;
border: 1px solid #fb2121;
background-color: #fff;
position: relative;
padding: 30px 60px 30px 40px;
border-radius: 10px;
font-size: 27px;
color: #fb2121;
text-decoration: none !important;
font-weight: 500;
text-align: center;
box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.2);
}
.form_area .privacypolicy .consent .confirm_send_btn:before {
transition: 0.3s;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
right: 6px;
box-sizing: border-box;
width: 12px;
height: 12px;
border: 10px solid transparent;
border-left: 16px solid #fb2121;
z-index: 3;
}
.form_area .privacypolicy .consent .confirm_send_btn input:disabled {
border: 1px solid #666; background-color: #f0f0f0; color: #999; -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed; }
.form_area .privacypolicy .consent .confirm_send_btn:has(input:disabled)::before {
border-left: 16px solid #666; }
.form_area .confirm_btn {
display: flex;
justify-content: space-between;
width: 60%;
margin: 50px auto 5px;
}
.form_area .confirm_btn .confirm_back, .form_area .confirm_btn .confirm_submit {
position: relative;
width: 47%;
}
.form_area .confirm_btn .confirm_back:hover input, .form_area .confirm_btn .confirm_submit:hover input {
opacity: 0.6;
box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.form_area .confirm_btn .confirm_back:hover:before, .form_area .confirm_btn .confirm_submit:hover:before {
opacity: 0.6;
}
.form_area .confirm_btn .confirm_back input, .form_area .confirm_btn .confirm_submit input {
transition: 0.3s;
width: 100%;
display: block;
border: 1px solid #fb2121;
background-color: #fff;
position: relative;
padding: 30px 60px 30px 40px;
border-radius: 10px;
font-size: 27px;
color: #fb2121;
text-decoration: none !important;
font-weight: 500;
text-align: center;
box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.2);
}
.form_area .confirm_btn .confirm_back:before, .form_area .confirm_btn .confirm_submit:before {
transition: 0.3s;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
right: 6px;
box-sizing: border-box;
width: 12px;
height: 12px;
border: 10px solid transparent;
border-left: 16px solid #fb2121;
z-index: 3;
}
.form_area .confirm_btn .confirm_back input:disabled, .form_area .confirm_btn .confirm_submit input:disabled {
border: 1px solid #666; background-color: #f0f0f0; color: #999; -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed; }
.form_area .confirm_btn .confirm_back:has(input:disabled)::before, .form_area .confirm_btn .confirm_submit:has(input:disabled)::before {
border-left: 16px solid #666; }
.form_area .confirm_btn .confirm_back input {
border: 1px solid #666;
padding: 30px 40px 30px 60px;
color: #666;
}
.form_area .confirm_btn .confirm_back:before {
right: unset;
left: 6px;
border-left: 16px solid #666;
rotate: 180deg;
}
@media screen and (max-width: 767px) {
body {
padding-top: 0;
}
.main_container {
min-width: 100%;
overflow: hidden;
}
.sp {
display: block;
}
.pc {
display: none;
}
body {
font-size: 14px;
}
.common_width {
width: 95%;
margin: 0 auto;
}
.breadcrumb {
font-size: 12px;
width: 95%;
max-width: unset;
margin: 10px auto 20px;
}
.i_car_standby {
margin-bottom: 20px;
font-size: 14px !important;
}
.totop {
right: 3%;
bottom: 10%;
}
.totop a {
width: 50px;
height: 50px;
}
.totop .btn {
font-size: 13px;
padding-top: 26px;
}
.totop .btn:before {
top: -18px;
width: 15px;
}
.totop .btn:after {
top: -20px;
width: 14px;
height: 14px;
}
.red_arrow_btn a {
padding: 10px 60px 10px 40px;
border-radius: 10px;
font-size: 18px;
}
.red_arrow_btn a:before {
right: 6px;
box-sizing: border-box;
width: 7px;
height: 7px;
border: 7px solid transparent;
border-left: 11px solid #fb2121;
}
.pager {
width: 95%;
padding-bottom: 60px;
}
.pager .wp-pagenavi {
gap: 15px;
}
.pager a, .pager span {
padding: 12px 14px;
font-size: 16px;
}
.accordion-header {
font-size: 20px;
padding: 15px 0;
}
.accordion_arrow {
margin-inline: auto;
margin-top: 30px;
position: relative;
width: 100%;
}
.accordion-title {
font-size: 20px;
padding: 25px 20px;
}
.accordion-content {
display: none;
padding: 10px 20px;
}
.accordion-item {
border-bottom: 1px solid #B2B2B2;
}
.accordion-content p {
font-size: 13px;
line-height: 1.5;
} .accordion-item .accordion-title {
background-color: #F5F5F5;
border-top: 1px solid #B2B2B2;
} .accordion-title {
position: relative;
}
.accordion-title:after {
border-right: solid 2px #E50012;
border-top: solid 2px #E50012;
content: "";
display: block;
height: 15px;
position: absolute;
right: 25px;
top: 38%;
transform: rotate(135deg);
transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
width: 15px;
}
.accordion-title.open:after {
top: 45%;
transform: rotate(-45deg);
}
.form_area .must {
margin-right: 10px;
margin-top: 5px;
}
.form_area .must p {
font-size: 12px;
}
.form_area .form_thanks .back_to_top {
margin-top: 50px;
}
.form_area .form_thanks .back_to_top .red_btn {
width: 80%;
margin: 30px auto;
}
.form_area .form_thanks .back_to_top .red_btn a {
width: 100%;
font-size: 1rem;
}
.form_area .form_thanks.contact_thanks, .form_area .form_thanks.document_thanks {
margin-top: 35px;
}
.form_area .form_wrapper {
margin-top: 15px;
padding-bottom: 30px;
margin-bottom: 30px;
}
.form_area .form_wrapper .caution_note {
font-size: 0.8rem;
}
.form_area .form_wrapper .wpcf7-not-valid-tip {
font-size: 0.9rem;
}
.form_area .form_wrapper table th, .form_area .form_wrapper table td {
display: block;
}
.form_area .form_wrapper table tr {
border: none;
}
.form_area .form_wrapper table tr th {
width: 100%;
padding: 14px 14px;
background-color: #e5e5e5;
}
.form_area .form_wrapper table tr th .flex_wrapper .koumoku p {
font-size: 18px;
}
.form_area .form_wrapper table tr td {
padding: 20px 0 30px;
font-size: 16px;
}
.form_area .form_wrapper table tr td input {
width: 100%;
padding: 12px 12px;
}
.form_area .form_wrapper table tr td input.tel {
width: 100%;
}
.form_area .form_wrapper table tr td input.zip {
width: 100%;
}
.form_area .form_wrapper table tr td textarea {
padding: 12px 12px;
height: 20em;
}
.form_area .form_wrapper table tr td label {
padding: 12px 12px;
}
.form_area .form_wrapper table tr td .radio_seibetsu label {
margin-right: 13px;
}
.form_area .form_wrapper table tr td .radio_gakunen {
flex-wrap: wrap;
justify-content: flex-start;
}
.form_area .form_wrapper table tr td .radio_gakunen label {
width: 100px;
margin-right: 13px;
margin-bottom: 10px;
}
.form_area .form_wrapper table tr td .radio_sougei {
margin-top: 15px;
}
.form_area .form_wrapper table tr td .radio_sougei label {
margin-bottom: 6px;
margin-right: 0px;
}
.form_area .form_wrapper table tr td .radio_sougei input {
width: unset;
}
.form_area .form_wrapper table tr td .caution p {
font-size: 14px;
}
.form_area .form_wrapper table tr td .douhan {
font-size: 16px;
}
.form_area .form_wrapper table tr td .douhan p {
margin-bottom: 5px;
}
.form_area .form_wrapper table tr td .douhan .flex_wrapper {
margin-top: 18px;
margin-bottom: 30px;
flex-direction: column;
}
.form_area .form_wrapper table tr td .douhan .flex_wrapper .flex_left input, .form_area .form_wrapper table tr td .douhan .flex_wrapper .flex_right input {
width: 80px;
margin: 0 6px;
}
.form_area .form_wrapper table tr td .douhan .flex_wrapper .flex_left {
margin-right: unset;
margin-bottom: 8px;
}
.form_area .form_wrapper table tr td .douhan .flex_wrapper .flex_min {
justify-content: flex-start;
}
.form_area .form_wrapper table tr td .douhan .flex_wrapper .flex_min .flex_min_left {
width: 20%;
text-align: center;
}
.form_area .form_wrapper table tr td .input_pref {
margin-bottom: 20px;
}
.form_area .form_wrapper table tr td .input_pref p, .form_area .form_wrapper table tr td .input_banchi p {
font-size: 16px;
}
.form_area .privacypolicy .pp_h3_wrapper {
margin-bottom: 26px;
}
.form_area .privacypolicy .pp_h3_wrapper h3 {
font-size: 20px;
}
.form_area .privacypolicy .pp_h3_wrapper .bottom_border {
width: 190px;
}
.form_area .privacypolicy .information {
padding: 0 0 20px;
}
.form_area .privacypolicy .pp_inner {
padding: 20px 20px;
}
.form_area .privacypolicy .pp_inner h4 {
font-size: 20px;
margin-bottom: 30px;
}
.form_area .privacypolicy .consent {
margin-top: 30px;
}
.form_area .privacypolicy .consent .must {
margin-top: 0;
}
.form_area .privacypolicy .consent .flex_wrapper .pp_check_box {
font-size: 16px;
}
.form_area .privacypolicy .consent .confirm_send_btn {
width: 80%;
margin: 30px auto 5px;
}
.form_area .privacypolicy .consent .confirm_send_btn input {
padding: 15px 60px 18px 40px;
font-size: 20px;
}
.form_area .confirm_btn {
flex-direction: column;
width: 80%;
margin: 50px auto 5px;
}
.form_area .confirm_btn .confirm_back, .form_area .confirm_btn .confirm_submit {
width: 100%;
}
.form_area .confirm_btn .confirm_back input, .form_area .confirm_btn .confirm_submit input {
padding: 20px 60px 20px 40px;
font-size: 22px;
}
.form_area .confirm_btn .confirm_back {
margin-bottom: 20px;
}
.form_area .confirm_btn .confirm_back input {
padding: 20px 40px 20px 60px;
}
}
.common_head {
width: 100%;
position: relative;
}
.common_head header.pc {
min-width: 1100px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
min-height: 125px;
}
.common_head .header_wrapper {
padding-left: 2%;
display: flex;
justify-content: space-between;
}
.common_head .header_wrapper .submenu {
position: absolute;
width: 100%;
top: 80px;
left: 0;
z-index: 20;
}
.common_head .header_wrapper .submenu .sub_menu_wrapper {
padding: 38px 0 28px 38px;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
margin: 45px 0 0;
}
.common_head .header_wrapper .submenu .sub_menu_wrapper_left {
width: 230px;
margin-right: 30px;
}
.common_head .header_wrapper .submenu .sub_menu_wrapper_left .pic {
width: 230px;
}
.common_head .header_wrapper .submenu .sub_menu_wrapper_right {
width: calc(100% - 30px);
max-width: 80%;
}
.common_head .header_wrapper .submenu .sub_menu_wrapper_right ul {
justify-content: flex-start;
flex-wrap: wrap;
}
.common_head .header_wrapper .submenu .sub_menu_wrapper_right ul li a {
width: 100%;
display: block;
font-size: 1.2rem;
padding: 12px 14px 12px 35px;
}
.common_head .header_wrapper .submenu .sub_menu_wrapper_right ul li a:hover {
background-color: #FB2121;
color: #FFF;
opacity: 1;
}
.common_head .header_wrapper .submenu .sub_menu_wrapper_right ul li a:hover::before {
width: 16px;
height: 16px;
background: #fff;
}
.common_head .header_wrapper .submenu .sub_menu_wrapper_right ul li a:hover::after {
left: 15px;
width: 5px;
height: 5px;
border-top: 1px solid #FB2121;
border-right: 1px solid #FB2121;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.common_head .header_wrapper .submenu.sub_menu_info .sub_menu_wrapper_right ul li {
width: 25%;
max-width: 220px;
}
.common_head .header_wrapper .submenu.sub_menu_info .sub_menu_wrapper_right ul li a {
margin-right: 10px;
}
.common_head .header_wrapper .submenu.sub_menu_course .sub_menu_wrapper_right ul li {
width: 33%;
max-width: 300px;
}
.common_head .header_wrapper .submenu.sub_menu_course .sub_menu_wrapper_right ul li a {
margin-right: 10px;
}
.common_head .header_wrapper .submenu.sub_menu_campuslife .sub_menu_wrapper_right ul li {
width: 23%;
min-width: 250px;
}
.common_head .header_wrapper .submenu.sub_menu_campuslife .sub_menu_wrapper_right ul li a {
margin-right: 10px;
}
.common_head .header_wrapper .submenu.sub_menu_special .sub_menu_wrapper_right ul li {
width: 33%;
min-width: 300px;
}
.common_head .header_wrapper .submenu.sub_menu_special .sub_menu_wrapper_right ul li a {
margin-right: 10px;
}
.common_head .header_wrapper .submenu.sub_menu_enploy .sub_menu_wrapper_right ul li {
width: 320px;
}
.common_head .header_wrapper .submenu.sub_menu_enploy .sub_menu_wrapper_right ul li a {
margin-right: 10px;
}
.common_head .header_wrapper .submenu.sub_menu_guidance .sub_menu_wrapper_right ul li {
width: 33%;
min-width: 400px;
}
.common_head .header_wrapper .submenu.sub_menu_guidance .sub_menu_wrapper_right ul li a {
margin-right: 10px;
}
.common_head .header_wrapper .submenu.sub_menu_user_menu .sub_menu_wrapper_right ul li {
width: 20%;
min-width: 250px;
}
.common_head .header_wrapper .submenu.sub_menu_user_menu .sub_menu_wrapper_right ul li a {
margin-right: 10px;
background-color: unset;
text-align: left;
}
.common_head .header_wrapper .submenu.sub_menu_user_menu .sub_menu_wrapper_right ul li a:hover {
background-color: #FB2121;
color: #FFF;
opacity: 1;
}
.common_head .header_wrapper .submenu .arrow {
position: relative;
display: inline;
padding: 0 0 0 20px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.common_head .header_wrapper .submenu .arrow::before,
.common_head .header_wrapper .submenu .arrow::after {
position: absolute;
top: 0;
bottom: 0;
left: 10px;
margin: auto;
content: "";
vertical-align: middle;
transition: 0.3s;
}
.common_head .header_wrapper .submenu .arrow::before {
width: 16px;
height: 16px;
background: #000;
}
.common_head .header_wrapper .submenu .arrow::after {
left: 15px;
width: 5px;
height: 5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.common_head .header_wrapper .submenu .sub_menu_title {
margin-top: 20px;
}
.common_head .header_wrapper .submenu .sub_menu_title a {
font-size: 1.7rem;
font-weight: bold;
padding-left: 50px;
padding-right: 2%;
padding-bottom: 5px;
}
.common_head .header_wrapper .submenu .sub_menu_title a:hover {
background-color: #FB2121;
color: #FFF;
opacity: 1;
}
.common_head .header_wrapper .submenu .sub_menu_title a:hover::before {
background: #FFF;
}
.common_head .header_wrapper .submenu .sub_menu_title a:hover::after {
border-top: 1px solid #FB2121;
border-right: 1px solid #FB2121;
}
.common_head .header_wrapper .submenu .sub_menu_title .arrow::before {
width: 28px;
height: 28px;
}
.common_head .header_wrapper .submenu .sub_menu_title .arrow::after {
left: 17px;
width: 10px;
height: 10px;
}
.common_head .header_wrapper .logo {
margin-top: 34px;
width: 420px;
transition: 0.3s;
}
.common_head .header_wrapper .nav_wrapper {
display: flex;
height: 125px;
align-items: flex-end;
justify-content: flex-end;
}
.common_head .header_wrapper .nav_wrapper ul {
display: flex;
justify-content: flex-end;
margin-right: 20px;
}
.common_head .header_wrapper .nav_wrapper ul .main_link.hover {
background-color: #f0f0f0; color: #FB2121; }
.common_head .header_wrapper .nav_wrapper ul a {
display: block;
padding: 0 0px 44px;
font-size: 18px;
}
.common_head .header_wrapper .nav_wrapper ul a:hover {
background-color: #E6E6E6;
color: #FB2121;
opacity: 1;
}
.common_head .header_wrapper .nav_wrapper ul a p {
padding: 8px 10px;
display: block;
width: 100%;
border-right: 1px solid #000;
}
.common_head .header_wrapper .nav_wrapper ul li:first-child a p {
border-left: 1px solid #000;
}
.common_head .header_wrapper .nav_wrapper .block_nav {
text-align: center;
width: 122px;
height: 125px;
}
.common_head .header_wrapper .nav_wrapper .block_nav a {
display: block;
height: 100%;
}
.common_head .header_wrapper .nav_wrapper .block_nav .icon {
margin: 0 auto;
padding: 19px 0 10px;
width: 24px;
}
.common_head .header_wrapper .nav_wrapper .block_nav p {
font-size: 16px;
color: #FFF;
}
.common_head .header_wrapper .nav_wrapper .nav_user_menu a {
background-color: #a5b6c5;
}
.common_head .header_wrapper .nav_wrapper .nav_user_menu p {
line-height: 120%;
}
.common_head .header_wrapper .nav_wrapper .nav_access a {
background-color: #92a7b6;
}
.common_head .header_wrapper .nav_wrapper .nav_access .icon {
padding-bottom: 18px;
}
@media screen and (max-width: 1450px) {
.common_head .header_wrapper .nav_wrapper ul a {
font-size: 16px;
}
.common_head .header_wrapper .nav_wrapper ul a p {
padding: 8px 8px;
}
.common_head .header_wrapper .nav_wrapper .block_nav {
width: 90px;
}
.common_head .header_wrapper .nav_wrapper .block_nav .icon {
width: 22px;
}
.common_head .header_wrapper .nav_wrapper .block_nav p {
font-size: 16px;
}
.common_head .header_wrapper .nav_wrapper .nav_access .icon {
padding-bottom: 14px;
}
}
@media screen and (max-width: 1300px) {
.common_head .header_wrapper .logo {
margin-top: 37px;
width: 340px;
}
.common_head .header_wrapper .nav_wrapper ul a {
font-size: 15px;
}
.common_head .header_wrapper .nav_wrapper .block_nav {
width: 80px;
}
.common_head .header_wrapper .nav_wrapper .block_nav .icon {
padding: 30px 0 10px;
width: 18px;
}
.common_head .header_wrapper .nav_wrapper .block_nav p {
font-size: 13px;
}
.common_head .header_wrapper .nav_wrapper .nav_access .icon {
padding-bottom: 14px;
}
}
@media screen and (max-width: 1170px) {
.common_head .header_wrapper .logo {
margin-top: 43px;
width: 265px;
}
}
@media screen and (max-width: 767px) {
.common_head {
min-width: 100%;
width: 100%;
height: 66px;
position: fixed;
z-index: 10;
background-color: #FFF;
}
.common_head .header_wrapper_sp {
padding: 13px 1%;
}
.common_head .header_wrapper_sp .logo {
width: 260px;
}
.common_head .header_wrapper_sp .header-inner {
position: absolute;
right: 17px;
top: 5px;
}
.common_head #hamburger-text p, .common_head #hamburger-text-close p {
text-align: center;
}
.common_head #hamburger-text.open {
display: none;
}
.common_head #hamburger-text-close {
display: none;
}
.common_head #hamburger-text-close.open {
display: block;
}
.common_head {   }
.common_head #header-hamburger {
cursor: pointer;
width: 38px;
height: 28px;
position: relative;
z-index: 10;
margin-left: 3px;
}
.common_head #header-hamburger span {
display: inline-block;
background: #333;
width: 100%;
height: 3px;
transition: all 0.4s;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.common_head #header-hamburger span:nth-of-type(1) {
top: 10px;
}
.common_head #header-hamburger span:nth-of-type(2) {
top: 17px;
}
.common_head #header-hamburger span:nth-of-type(3) {
top: 24px;
}
.common_head {    }
.common_head #header-hamburger.active span:nth-of-type(1) {
top: 66%;
left: 12%;
transform: rotate(-35deg);
width: 70%;
}
.common_head #header-hamburger.active span:nth-of-type(2) {
opacity: 0;
}
.common_head #header-hamburger.active span:nth-of-type(3) {
top: 66%;
left: 12%;
transform: rotate(35deg);
width: 70%;
}
.common_head {   }
.common_head #hamburger-window {
transition: 0.3s;
text-align: center;
visibility: hidden;
position: fixed;
top: 66px;
right: -100vw;
z-index: 1;
width: 100%;
height: calc(100vh - 50px);
overflow-y: scroll;
background-color: #FFF;
-ms-overflow-style: none;
scrollbar-width: none;
}
.common_head #hamburger-window .header_icon_nav {
width: 90%;
margin: 20px auto 15px;
}
.common_head #hamburger-window .header_icon_nav ul {
display: flex;
justify-content: space-between;
}
.common_head #hamburger-window .header_icon_nav ul li {
width: 30%;
}
.common_head #hamburger-window .header_icon_nav ul li .icon {
width: 29px;
margin: 0 auto;
height: 28px;
}
.common_head #hamburger-window .header_icon_nav ul li p {
font-size: 14px;
font-weight: 500;
}
.common_head #hamburger-window .header_icon_nav ul li:nth-child(2) .icon img, .common_head #hamburger-window .header_icon_nav ul li:nth-child(3) .icon img {
padding-top: 1px;
}
.common_head #hamburger-window .header_icon_nav ul li:nth-child(2) .icon, .common_head #hamburger-window .header_icon_nav ul li:nth-child(3) .icon {
width: 45px;
}
.common_head #hamburger-window .header_icon_nav ul li:nth-child(3) .icon img {
padding-top: 4px;
}
.common_head #hamburger-window .header_redcircle {
width: 90%;
margin: 0 auto;
}
.common_head #hamburger-window .header_redcircle div:first-child {
margin-bottom: 10px;
}
.common_head #hamburger-window .header_redcircle a {
display: block;
border: 1px solid #C5312C;
text-align: center;
font-weight: 500;
padding: 14px 0;
font-size: 18px;
}
.common_head #hamburger-window .accordion_arrow {
border-top: 1px solid #B2B2B2;
}
.common_head #hamburger-window .accordion-container .accordion-item .accordion-title {
padding: 15px 5%;
background-color: #FFF;
text-align: left;
border: none;
}
.common_head #hamburger-window .accordion-container .accordion-item .accordion-title:after {
top: 33%;
}
.common_head #hamburger-window .accordion-container .accordion-item .accordion-title.open:after {
top: 46%;
}
.common_head #hamburger-window .accordion-container .accordion-item .accordion-content {
padding: 0;
background-color: #EFEFEF;
}
.common_head #hamburger-window .accordion-container .accordion-item .accordion-content ul li a {
border-top: 1px solid #B2B2B2;
text-align: left;
display: block;
font-weight: 500;
padding: 14px 36px;
font-size: 18px;
}
.common_head #hamburger-window .bottom_link {
margin-top: 20px;
}
.common_head #hamburger-window .bottom_link > div {
width: 90%;
margin: 0 auto 10px;
}
.common_head #hamburger-window .bottom_link > div a {
align-items: center;
background-color: #C5312C;
padding: 15px;
}
.common_head #hamburger-window .bottom_link > div a .text {
margin-left: 18px;
}
.common_head #hamburger-window .bottom_link > div a .text p {
color: #FFF;
font-size: 18px;
font-weight: 500;
}
.common_head #hamburger-window .bottom_link > div:nth-child(1) .icon {
width: 38px;
}
.common_head #hamburger-window .bottom_link > div:nth-child(2) a {
background-color: #D9AF32;
}
.common_head #hamburger-window .bottom_link > div:nth-child(2) .icon {
width: 38px;
}
.common_head #hamburger-window .bottom_link > div:nth-child(3) {
margin-bottom: 0;
}
.common_head #hamburger-window .bottom_link > div:nth-child(3) .icon {
width: 38px;
}
.common_head #hamburger-window .bottom_sub_menu {
width: 90%;
margin: 30px auto 0;
}
.common_head #hamburger-window .bottom_sub_menu ul li {
text-align: left;
margin-bottom: 25px;
}
.common_head #hamburger-window .bottom_sub_menu ul li:last-child {
margin-bottom: 0;
}
.common_head #hamburger-window .bottom_sub_menu ul li a {
font-size: 18px;
font-weight: 500;
}
.common_head #hamburger-window .bottom_sns_area {
margin: 35px 0;
}
.common_head #hamburger-window .bottom_sns_area ul {
display: flex;
justify-content: center;
}
.common_head #hamburger-window .bottom_sns_area ul li {
width: 47px;
}
.common_head #hamburger-window .bottom_sns_area ul li + li {
margin-left: 15px;
}
.common_head #hamburger-window #hamburger_close {
position: relative;
width: 245px;
margin: 0 auto 50px;
border: 1px solid #C5312C;
padding: 20px 0;
border-radius: 15px;
}
.common_head #hamburger-window #hamburger_close .border_cross {
cursor: pointer;
width: 35px;
height: 28px;
position: relative;
z-index: 10;
margin-left: 3px;
position: absolute;
bottom: 23px;
left: 9px;
}
.common_head #hamburger-window #hamburger_close .border_cross span {
opacity: 0;
display: inline-block;
background: #333;
width: 100%;
height: 3px;
transition: all 0.4s;
position: absolute;
top: 66%;
left: 20%;
transform: translateX(-50%);
}
.common_head #hamburger-window #hamburger_close.active span:nth-of-type(1) {
opacity: 1;
transform: rotate(-45deg);
width: 70%;
}
.common_head #hamburger-window #hamburger_close.active span:nth-of-type(2) {
opacity: 1;
transform: rotate(45deg);
width: 70%;
}
.common_head #hamburger-window #hamburger_close p {
text-align: center;
color: #656464;
}
.common_head { }
.common_head .content::-webkit-scrollbar {
display: none;
}
.common_head #hamburger-window.open {
visibility: visible;
right: 0;
}
.common_head .hamburger-window__link {
display: block;
margin: 0 auto;
width: 100%;
position: relative;
}
.common_head .hamburger-window__link:hover {
background-color: #ccc;
}
.common_head .hamburger-window__link:first-child .menu-link {
border-top: 1px solid #ccc;
}
.common_head .menu-link {
display: flex;
align-items: center;
border-bottom: 1px solid #ccc;
padding: 23px 0 23px 5%;
color: #333;
}
.common_head .hamburger-window__link::after { content: "\f054";
font-weight: 900;
font-family: "Font Awesome 6 Free";
display: inline-block;
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-50%);
width: 10px;
aspect-ratio: 1/1;
color: #333;
}
.common_head .hamburger-window__title {
color: #333;
}
}
footer {
border-top: 2px solid #000;
padding-top: 60px;
}
footer.top_footer {
border-top: none;
padding-top: 0;
}
footer .footer_logo {
width: 443px;
margin: 0 auto;
}
footer .certification_area {
margin-top: 30px;
}
footer .certification_area ul {
display: flex;
justify-content: center;
}
footer .certification_area ul li {
width: 304px;
border: 1px solid #000;
font-size: 19px;
padding: 3px 0;
text-align: center;
}
footer .certification_area ul li a {
display: block;
width: 100%;
}
footer .certification_area ul li + li {
margin-left: 28px;
}
footer .footer_nav {
margin-top: 60px;
}
footer .footer_nav .flex_wrapper {
display: flex;
justify-content: space-between;
}
footer .footer_nav .flex_wrapper:last-child {
margin-top: 58px;
}
footer .footer_nav .flex_wrapper p, footer .footer_nav .flex_wrapper a {
font-size: 16px;
}
footer .footer_nav .flex_wrapper .nav_block {
width: 278px;
}
footer .footer_nav .flex_wrapper .nav_block p.menu_category {
border-bottom: 1px solid #000;
padding-bottom: 12px;
}
footer .footer_nav .flex_wrapper .nav_block ul {
margin-top: 12px;
}
footer .footer_nav .flex_wrapper .nav_block ul li {
margin-bottom: 12px;
}
footer .footer_nav .flex_wrapper .nav_block ul li:last-child {
margin-bottom: 0;
}
footer .footer_sns_area {
margin-top: 140px;
}
footer .footer_sns_area ul {
display: flex;
justify-content: center;
}
footer .footer_sns_area ul li {
width: 47px;
}
footer .footer_sns_area ul li + li {
margin-left: 17px;
}
footer .footer_adress {
margin-top: 35px;
text-align: center;
line-height: 180%;
}
footer .copyright {
margin-top: 30px;
background-color: #e50012;
color: #FFF;
text-align: center;
padding: 10px 0;
}
@media screen and (max-width: 767px) {
.sp_footer_navi {
position: fixed;
bottom: 0;
width: 100%;
z-index: 5;
}
.sp_footer_navi ul {
display: flex;
justify-content: space-between;
}
.sp_footer_navi ul li a {
display: block;
padding: 10px 5px;
min-height: 60px;
}
.sp_footer_navi ul li a .flex_wrapper {
align-items: center;
justify-content: center;
}
.sp_footer_navi ul li a .flex_wrapper .icon {
width: 45px;
margin-right: 5px;
}
.sp_footer_navi ul li a .flex_wrapper p {
color: #FFF;
text-align: center;
line-height: 130%;
}
.sp_footer_navi ul li a .flex_wrapper p span {
font-size: 11px;
}
.sp_footer_navi ul li:nth-child(1) {
width: 33%;
}
.sp_footer_navi ul li:nth-child(1) a {
background-color: #e73836;
}
.sp_footer_navi ul li:nth-child(2) {
width: 34%;
}
.sp_footer_navi ul li:nth-child(2) a {
background-color: #e5af1b;
}
.sp_footer_navi ul li:nth-child(2) a .icon {
width: 30px;
}
.sp_footer_navi ul li:nth-child(3) {
width: 33%;
}
.sp_footer_navi ul li:nth-child(3) a {
background-color: #e22e27;
}
footer {
margin-top: 30px;
padding-top: 0;
border: none;
}
footer .copyright {
padding-bottom: 68px;
}
footer .footer_logo {
width: 80%;
}
footer .footer_sns_area {
margin-top: 35px;
}
footer .certification_area {
margin-top: 30px;
}
footer .certification_area ul {
flex-direction: column;
}
footer .certification_area ul li {
width: 60%;
margin: 0 auto 10px;
font-size: 16px;
padding: 2px 0;
text-align: center;
}
footer .certification_area ul li + li {
margin: 0 auto 10px;
}
footer .footer_sub_nav {
margin-top: 30px;
}
footer .footer_sub_nav ul li {
border-bottom: 1px solid #000;
width: 60%;
margin: 0 auto 10px;
font-size: 18px;
padding: 2px 0;
text-align: center;
}
}
.side_menu {
position: fixed;
right: 0;
top: 22%;
z-index: 5;
}
.side_menu ul li {
width: 68px;
}
.main_visual {
position: relative;
}
.main_visual img {
width: 100%;
}
.main_visual .arrow_box {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 20px 0 0;
}
.main_visual .prev-arrow,
.main_visual .next-arrow {
width: 45px;
position: absolute;
cursor: pointer;
}
.main_visual .prev-arrow {
left: 3%;
top: calc(50% - 22px);
}
.main_visual .next-arrow {
right: 8%;
top: calc(50% - 22px);
}
.top_emergency {
margin-top: 110px;
}
.top_emergency h2 {
font-size: 27px;
font-weight: bold;
color: #fb2121;
}
.top_emergency h2 span {
margin-right: 16px;
}
.top_emergency h2 span img {
width: 30px;
}
.top_emergency .emergency_wrapper {
margin-top: 10px;
padding: 30px;
border: 1px solid #969696;
}
ul.cmn_news_style li {
margin-bottom: 15px;
}
ul.cmn_news_style li:last-child {
margin-bottom: 0;
}
ul.cmn_news_style li a {
display: flex;
align-items: center;
}
ul.cmn_news_style li a .news_cat {
font-size: 16px;
margin-right: 20px;
}
ul.cmn_news_style li a .news_cat p {
color: #FFF;
text-align: center;
}
ul.cmn_news_style li a .news_cat .cat_tab {
width: 136px;
padding: 3px 0;
}
ul.cmn_news_style li a .news_cat .event {
background-color: #fb2121;
}
ul.cmn_news_style li a .news_cat .examinfo {
background-color: #45b035;
}
ul.cmn_news_style li a .news_cat .saijidai-news {
background-color: #036eb8;
}
ul.cmn_news_style li a .news_cat .emergency {
background-color: #231815;
}
ul.cmn_news_style li .date {
margin-right: 20px;
}
.h2_underline {
margin: 0px 0 65px;
}
.h2_underline h2 {
color: #fb2121;
font-size: 36px;
font-weight: bold;
text-align: center;
position: relative;
}
.h2_underline h2:before {
content: "";
display: block;
position: absolute;
z-index: 1;
width: 80px;
height: 8px;
background-color: #f4b800;
left: 0;
right: 0;
bottom: -25px;
margin-left: auto;
margin-right: auto;
}
.arrow_btn {
width: 277px;
margin: 50px auto 0;
}
.arrow_btn a {
padding: 10px 0 12px 26px;
display: block;
width: 100%;
border-radius: 25px;
background-color: #fb2121;
color: #FFF;
font-size: 27px;
font-weight: bold;
position: relative;
}
.arrow_btn a:before, .arrow_btn a:after {
position: absolute;
top: 0;
bottom: 0;
right: 6px;
margin: auto;
content: "";
vertical-align: middle;
}
.arrow_btn a:before {
width: 42px;
height: 42px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #FFF;
}
.arrow_btn a:after {
right: 20px;
width: 16px;
height: 16px;
border-top: 3px solid #fb2121;
border-right: 3px solid #fb2121;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.top_news {
margin-top: 80px;
margin-bottom: 130px;
}
.top_news h2 {
color: #fb2121;
font-size: 36px;
font-weight: bold;
margin-bottom: 10px;
}
.top_news { }
.top_news .tab_item {
width: 294px;
height: 50px;
background-color: #ebebeb;
line-height: 50px;
font-size: 16px;
margin-right: 8px;
text-align: center;
color: #574b39;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.top_news .tab_item.last_tab {
margin-right: 0;
}
.top_news .tab_item:hover {
opacity: 0.75;
}
.top_news input[name=tab_item] {
display: none;
}
.top_news .tab_content {
display: none;
padding: 40px 40px 0;
clear: both;
border: 2px solid #fb2121;
overflow: hidden;
padding: 35px 37px;
}
.top_news #all_tab:checked ~ #all_content,
.top_news #saijidai-news_tab:checked ~ #saijidai-news_content,
.top_news #examinfo_tab:checked ~ #examinfo_content,
.top_news #event_tab:checked ~ #event_content {
display: block;
}
.top_news .tabs input:checked + .tab_item {
background-color: #fb2121;
color: #FFF;
}
.top_miryoku_banner {
margin-bottom: 200px;
max-width: 1700px;
min-width: 1200px;
width: 95%;
margin: 0 auto 130px;
position: relative;
}
.top_miryoku_banner .midashi, .top_miryoku_banner .miryoku_list {
position: absolute;
}
.top_miryoku_banner .midashi {
font-size: 60px;
font-weight: bold;
color: #FFF;
top: 50px;
left: 50px;
text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.6);
}
.top_miryoku_banner .miryoku_list {
display: flex;
top: 176px;
left: 50px;
}
.top_miryoku_banner .miryoku_list li {
position: relative;
width: 186px;
height: 186px;
background-color: #FFF;
border-radius: 50%;
margin-right: 10px;
}
.top_miryoku_banner .miryoku_list li .name {
margin-top: 22px;
text-align: center;
color: #FF2121;
font-weight: bold;
}
.top_miryoku_banner .miryoku_list li .suuji {
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #FF2121;
color: #FFF;
right: 14px;
bottom: 37px;
text-align: center;
font-size: 30px;
line-height: 80%;
}
.top_miryoku_banner .miryoku_list li .suuji span {
font-size: 14px;
}
.top_miryoku_banner .miryoku_list li .icon {
position: absolute;
z-index: 2;
}
.top_miryoku_banner .miryoku_list li:nth-child(1) .icon {
width: 111px;
bottom: 28px;
left: 14px;
}
.top_miryoku_banner .miryoku_list li:nth-child(2) .icon {
width: 101px;
bottom: 32px;
left: 17px;
}
.top_miryoku_banner .miryoku_list li:nth-child(2) .suuji {
padding-top: 25px;
}
.top_miryoku_banner .miryoku_list li:nth-child(3) .icon {
width: 86px;
bottom: 32px;
left: 25px;
}
.top_miryoku_banner .miryoku_list li:nth-child(3) .suuji {
padding-top: 25px;
}
.top_miryoku_banner .miryoku_list li:nth-child(4) .icon {
width: 77px;
bottom: 32px;
left: 17px;
}
.top_miryoku_banner .miryoku_list li:nth-child(4) .suuji {
padding-top: 5px;
}
.top_miryoku_banner .button {
position: absolute;
right: 14px;
bottom: 14px;
}
.top_miryoku_banner .button a {
position: relative;
display: block;
background-color: #fb2121;
color: #FFF;
width: 223px;
border: 2px solid #FFF;
padding: 8px 30px 10px;
font-size: 27px;
font-weight: bold;
}
.arrow_only:after {
position: absolute;
top: 0;
bottom: 0;
right: 6px;
margin: auto;
content: "";
vertical-align: middle;
}
.arrow_only:after {
right: 20px;
width: 16px;
height: 16px;
border-top: 3px solid #FFF;
border-right: 3px solid #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.top_saijidai_days {
background-color: #f3f3f3;
padding: 74px 0 85px;
margin-bottom: 88px;
}
.top_saijidai_days .flex_wrapper {
display: flex;
justify-content: space-between;
}
.top_saijidai_days .flex_wrapper .content_l, .top_saijidai_days .flex_wrapper .content_r {
width: 590px;
}
.top_saijidai_days .flex_wrapper .youtube_link {
margin-top: 8px;
text-align: center;
}
.top_saijidai_days .flex_wrapper .youtube_link a {
color: #fb2121;
font-weight: bold;
}
.top_saijidai_days .flex_wrapper h3 {
font-size: 27px;
color: #fb2121;
margin-bottom: 6px;
}
.top_gakka_link {
margin-bottom: 88px;
}
.top_gakka_link .flex_wrapper {
display: flex;
justify-content: center;
margin-bottom: 32px;
}
.top_gakka_link .flex_wrapper .link_block {
width: 291px;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper {
position: relative;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name {
position: absolute;
bottom: 0;
left: 0;
display: flex;
align-items: center;
width: 100%;
color: #FFF;
padding: 12px 6px;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name:before {
content: "";
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
mix-blend-mode: multiply;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name:after {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.6;
background-color: #FFF;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name .name, .top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name .year {
z-index: 3;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name .name {
font-size: 18px;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name .arrow {
margin-right: 10px;
width: 22px;
z-index: 2;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name .year {
font-size: 14px;
border: 1px solid #FFF;
padding: 3px 5px;
position: absolute;
right: 6px;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka01:before {
background-color: #4c85b3;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka02:before {
background-color: #c46a3d;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka03:before {
background-color: #5f4694;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka04:before {
background-color: #a8cf6a;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka05:before {
background-color: #4c85b3;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka06:before {
background-color: #5f4694;
}
.top_gakka_link .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka07:before {
background-color: #14944a;
}
.top_gakka_link .flex_wrapper .link_block .explanation {
font-size: 15px;
text-align: center;
}
.top_gakka_link .flex_wrapper .link_block + .link_block {
margin-left: 18px;
}
.top_gakka_link .caution {
text-align: center;
color: #fb2121;
}
.top_campuslife {
background-color: #f3f3f3;
padding: 74px 0 95px;
margin-bottom: 88px;
}
.top_campuslife ul {
display: flex;
justify-content: space-between;
}
.top_campuslife ul li a {
width: 284px;
display: block;
padding: 10px 10px 0;
border: 1px solid #fb2121;
}
.top_campuslife ul li a p {
font-weight: bold;
text-align: center;
color: #fb2121;
padding: 15px 0;
}
#lower_container {
min-width: 100%;
margin-bottom: 120px;
overflow: hidden;
}
#lower_container .mv {
position: relative;
}
#lower_container .mv .page_title {
position: absolute;
left: 0;
top: 42%;
}
#lower_container .mv .page_title .h2_wrapper {
padding: 15px 50px 20px;
position: relative;
}
#lower_container .mv .page_title .h2_wrapper:before {
content: "";
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
mix-blend-mode: multiply;
background-color: #E50012;
}
#lower_container .mv .page_title .h2_wrapper:after {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.6;
background-color: #FFF;
}
#lower_container .mv .page_title h2 {
position: relative;
z-index: 3;
font-size: 54px;
font-weight: bold;
color: #FFF;
}
#lower_container .mv .pic img {
height: 440px;
width: 100%;
object-fit: cover;
}
#lower_container .lead {
width: 1200px;
margin: 0 auto 50px;
}
#lower_container .lead p {
font-size: 18px;
line-height: 180%;
}
#lower_container .lead .lead_bold {
margin-bottom: 45px;
}
#lower_container .lead .lead_bold p {
font-size: 36px;
font-weight: bold;
line-height: 150%;
}
#lower_container .top_border_wrapper {
max-width: 1300px;
margin: 80px auto 0;
padding-top: 90px;
border-top: 1px solid #717171;
}
.course_cmn.course_grade_01 .mv .page_title .h2_wrapper:before {
background-color: #4c85b3 !important;
}
.course_cmn.course_grade_01 .lead_bold span {
color: #4c85b3 !important;
}
.course_cmn.course_grade_01 .point_display .point {
background-color: #4c85b3;
}
.course_cmn.course_grade_01 .point_display .num {
color: #4c85b3;
}
.course_cmn.course_grade_01 .flow .flex_wrapper .flow_left:before {
background-color: #4c85b3;
}
.course_cmn.course_grade_01 .flow .flex_wrapper .nenji_wrapper .year {
background-color: #4c85b3;
}
.course_cmn.course_grade_01 .flow .flow_last {
border: 5px solid #4c85b3;
}
.course_cmn.course_grade_01 .interview .interview_box .pic {
width: 314px;
left: -30px;
top: -347px;
}
.course_cmn.course_grade_01 .h3_wrapper h3:before {
background-color: #4c85b3;
}
.course_cmn.course_grade_02 .mv .page_title .h2_wrapper:before {
background-color: #C46A3D !important;
}
.course_cmn.course_grade_02 .lead_bold span {
color: #C46A3D !important;
}
.course_cmn.course_grade_02 .point_display .point {
background-color: #C46A3D;
}
.course_cmn.course_grade_02 .point_display .num {
color: #C46A3D;
}
.course_cmn.course_grade_02 .point02 .red_arrow_btn {
margin-top: 20px;
}
.course_cmn.course_grade_02 .flow .flex_wrapper .flow_left:before {
background-color: #C46A3D;
}
.course_cmn.course_grade_02 .flow .flex_wrapper .nenji_wrapper .year {
background-color: #C46A3D;
}
.course_cmn.course_grade_02 .flow .flow_last_map {
width: 1030px;
margin-left: 80px;
}
.course_cmn.course_grade_02 .flow .flow_last_map1 {
margin-left: 114px;
}
.course_cmn.course_grade_02 .h3_wrapper h3:before {
background-color: #C46A3D;
}
.course_cmn.course_custom .mv .page_title .caution {
border-radius: 50px;
width: 365px;
padding: 10px;
margin: 14px auto 0;
background-color: #E50012;
}
.course_cmn.course_custom .mv .page_title .caution p {
color: #FFF;
font-weight: bold;
text-align: center;
line-height: 140%;
}
.course_cmn.course_custom .mv .page_title .detail p {
text-align: center;
}
.course_cmn.course_custom .mv .page_title .h2_wrapper:before {
background-color: #A8CF6A !important;
}
.course_cmn.course_custom .lead_bold span {
color: #A8CF6A !important;
}
.course_cmn.course_custom .pdf_download_btn a p {
font-size: 27px;
}
.course_cmn.course_custom .pdf_download_btn a p span {
font-size: 18px;
}
.course_cmn.course_custom .point_display .point {
background-color: #A8CF6A;
}
.course_cmn.course_custom .point_display .num {
color: #A8CF6A;
}
.course_cmn.course_custom .point_lead {
margin-bottom: 200px;
}
.course_cmn.course_custom .flow .flex_wrapper .nenji_wrapper .center_border {
margin: 0 auto 5px;
width: 4px;
background-color: #A8CF6A;
height: 32px;
}
.course_cmn.course_custom .flow .flex_wrapper .nenji_wrapper .flow0 {
margin-bottom: 5px;
}
.course_cmn.course_custom .flow .flex_wrapper .nenji_wrapper .flow0 .box {
background-color: #C46A3D;
padding: 18px 0px;
}
.course_cmn.course_custom .flow .flex_wrapper .nenji_wrapper .flow0 p {
font-weight: bold;
color: #FFF;
text-align: center;
line-height: 140%;
}
.course_cmn.course_custom .flow .flex_wrapper .nenji_wrapper .flow0 p.center.bold {
color: #C46A3D !important;
background-color: #FFF;
}
.course_cmn.course_custom .flow .flex_wrapper .nenji_wrapper.nenji01 {
top: -200px;
}
.course_cmn.course_custom .flow .flex_wrapper .nenji_wrapper.nenji01 p.center.bold {
color: #A8CF6A;
}
.course_cmn.course_custom .flow .flex_wrapper .nenji_wrapper .year p.curse_name {
font-size: 16px;
}
.course_cmn.course_custom .flow .flex_wrapper .nenji_wrapper .year p span {
font-size: 54px;
}
.course_cmn.course_custom .flow .flex_wrapper .flow_left {
width: calc(100% - 950px - 34px);
margin-right: 34px;
}
.course_cmn.course_custom .flow .flex_wrapper .flow_left:before {
background-color: #A8CF6A;
}
.course_cmn.course_custom .flow .flex_wrapper .nenji_wrapper .year {
background-color: #A8CF6A;
}
.course_cmn.course_custom .flow .flow_last_map {
width: 1173px;
margin-left: 30px;
border: solid 4px #A8CF6A;
}
.course_cmn.course_custom .flow .flow_last_map .flex_wrapper {
align-items: center;
}
.course_cmn.course_custom .flow .flow_last_map .flex_wrapper .flex_left {
width: calc(100% - 690px);
}
.course_cmn.course_custom .flow .flow_last_map .flex_wrapper .flex_left p {
text-align: center;
font-weight: bold;
font-size: 36px;
line-height: 100%;
}
.course_cmn.course_custom .flow .flow_last_map .flex_wrapper .flex_left p span {
font-size: 27px;
}
.course_cmn.course_custom .flow .flow_last_map .flex_wrapper .flex_right {
background-color: #A8CF6A;
width: 690px;
padding: 20px 20px 20px 30px;
}
.course_cmn.course_custom .flow .flow_last_map .flex_wrapper .flex_right p {
color: #FFF;
font-weight: bold;
font-size: 27px;
margin-bottom: 14px;
line-height: 100%;
}
.course_cmn.course_custom .flow .flow_last_map .flex_wrapper .flex_right ul {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.course_cmn.course_custom .flow .flow_last_map .flex_wrapper .flex_right ul li {
padding: 3px;
background-color: #FFF;
font-weight: bold;
}
.course_cmn.course_custom .w_school {
margin-bottom: 70px;
}
.course_cmn.course_custom .w_school .bg {
background-color: #A8CF6A;
height: 700px;
}
.course_cmn.course_custom .w_school .inner .midashi p {
line-height: 135%;
}
.course_cmn.course_custom .w_school .car_sample {
margin-top: 22px;
width: 1050px;
}
.course_cmn.course_custom .w_school .car_sample .pic {
width: 960px;
margin: 0 auto;
}
.course_cmn.course_custom .w_school .car_sample .link_wrapper {
position: relative;
z-index: 2;
margin-top: -50px;
background-color: #E0F4B8;
padding: 30px 0;
}
.course_cmn.course_custom .w_school .car_sample .link_wrapper .red_arrow_btn {
width: 640px;
margin: 0 auto 0;
}
.course_cmn.course_custom .w_school .car_sample .link_wrapper .red_arrow_btn a {
width: 100%;
border: 2px solid #717171;
font-weight: normal;
color: #1C1C1C;
}
.course_cmn.course_custom .w_school .car_sample .link_wrapper .red_arrow_btn a:before {
border-left: 16px solid #92A7B6;
}
.course_cmn.course_custom .interview .interview_box .interview_text p.bold {
font-size: 49px;
}
.course_cmn.course_custom .h3_wrapper h3:before {
background-color: #A8CF6A;
}
.course_cmn.course_custom_award .h2_wrapper:before {
background-color: #A8CF6A !important;
}
.course_cmn.course_custom_award .lead .lead_bold {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
}
.course_cmn.course_custom_award .lead .lead_bold p {
font-size: 72px !important;
padding-bottom: 8px;
}
.course_cmn.course_custom_award .pickup_car {
background-color: #F5F5F5;
padding: 70px;
}
.course_cmn.course_custom_award .pickup_car ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.course_cmn.course_custom_award .pickup_car ul li {
width: 560px;
margin-bottom: 50px;
}
.course_cmn.course_custom_award .pickup_car ul li:nth-child(1), .course_cmn.course_custom_award .pickup_car ul li:nth-child(3) {
margin-right: 18px;
}
.course_cmn.course_custom_award .pickup_car ul li:last-child {
margin-bottom: 0px;
}
.course_cmn.course_custom_award .link_btn {
width: 1100px;
margin: 100px auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.course_cmn.course_custom_award .link_btn a {
width: 334px;
margin-right: 2.5%;
margin-bottom: 25px;
display: block;
border: 2px solid #717171;
background-color: #FFF;
position: relative;
padding: 20px 20px 40px 20px;
border-radius: 10px;
box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.45);
font-size: 22px;
text-decoration: none !important;
font-weight: bold;
text-align: center;
position: relative;
display: inline-block;
}
.course_cmn.course_custom_award .link_btn a:before {
position: absolute;
content: "";
vertical-align: middle;
}
.course_cmn.course_custom_award .link_btn a:before {
bottom: 8px;
transform: rotate(90deg);
margin: 0 auto;
right: 0;
left: 0;
box-sizing: border-box;
width: 12px;
height: 12px;
border: 10px solid transparent;
border-left: 9px solid #92A7B6;
}
.course_cmn.course_custom_award .h3_wrapper .top_border {
width: 80px;
height: 8px;
background-color: #A8CF6A;
margin: 0 auto 20px;
}
.course_cmn.course_custom_award .h3_wrapper {
margin-bottom: 90px;
}
.course_cmn.course_custom_award .list_wrapper {
padding-top: 180px;
margin-top: -180px;
margin-bottom: 100px;
}
.course_cmn.course_custom_award .list_wrapper .award_block {
position: relative;
}
.course_cmn.course_custom_award .list_wrapper .award_block:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
z-index: -1;
}
.course_cmn.course_custom_award .list_wrapper .award_block.green .main_block {
position: relative;
border-top: 50px solid #E0F4B8;
border-left: 50px solid #E0F4B8;
}
.course_cmn.course_custom_award .list_wrapper .award_block.green:after {
background: #E0F4B8;
}
.course_cmn.course_custom_award .list_wrapper .award_block.orenge .main_block {
position: relative;
border-top: 50px solid #FCE4AE;
border-left: 50px solid #FCE4AE;
}
.course_cmn.course_custom_award .list_wrapper .award_block.orenge:after {
background: #FCE4AE;
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block {
width: 1010px;
margin: 0 auto;
background-color: #FFF;
padding: 20px;
position: relative;
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block .year {
width: 48px;
position: absolute;
left: -97px;
top: -50px;
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block ul li {
position: relative;
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block ul li .flex_wrapper {
justify-content: space-between;
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block ul li .column3 .detail {
width: calc(100% - 198px - 198px - 20px - 20px);
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block ul li .column2 .detail {
width: calc(100% - 198px - 20px);
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block ul li .car_title {
font-weight: bold;
font-size: 27px;
margin-bottom: 10px;
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block ul li .car_title.badge {
display: flex;
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block ul li .car_title.badge .badge_icon {
margin-left: 20px;
width: 69px;
margin-top: -2px;
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block ul li .pic {
width: 198px;
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block ul li .pic p {
text-align: center;
font-size: 14px;
font-weight: bold;
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block ul li .detail p {
letter-spacing: -1px;
text-align: justify;
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block ul li .award_label {
width: 209px;
position: absolute;
top: -40px;
right: -19px;
z-index: 3;
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block ul li .award_label.label02 {
z-index: 2;
right: 173px;
}
.course_cmn.course_custom_award .list_wrapper .award_block .main_block ul li + li {
padding-top: 25px;
margin-top: 25px;
border-top: 1px solid #000000;
}
.course_cmn.course_car .mv .page_title .detail p, .course_cmn.course_g-car .mv .page_title .detail p {
text-align: center;
}
.course_cmn.course_car .mv .page_title .h2_wrapper:before, .course_cmn.course_g-car .mv .page_title .h2_wrapper:before {
background-color: #5F4694 !important;
}
.course_cmn.course_car .lead_bold span, .course_cmn.course_g-car .lead_bold span {
color: #5F4694 !important;
}
.course_cmn.course_car .pdf_download_btn a p, .course_cmn.course_g-car .pdf_download_btn a p {
font-size: 27px;
}
.course_cmn.course_car .pdf_download_btn a p span, .course_cmn.course_g-car .pdf_download_btn a p span {
font-size: 18px;
}
.course_cmn.course_car .point_display .point, .course_cmn.course_g-car .point_display .point {
background-color: #5F4694;
}
.course_cmn.course_car .point_display .num, .course_cmn.course_g-car .point_display .num {
color: #5F4694;
}
.course_cmn.course_car .point_lead, .course_cmn.course_g-car .point_lead {
margin-bottom: 200px;
}
.course_cmn.course_car .flow .flex_wrapper .nenji_wrapper .center_border, .course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper .center_border {
margin: 0 auto 5px;
width: 4px;
background-color: #5F4694;
height: 32px;
}
.course_cmn.course_car .flow .flex_wrapper .nenji_wrapper .flow0, .course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper .flow0 {
margin-bottom: 5px;
}
.course_cmn.course_car .flow .flex_wrapper .nenji_wrapper .flow0 .box, .course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper .flow0 .box {
background-color: #C46A3D;
padding: 18px 0px;
}
.course_cmn.course_car .flow .flex_wrapper .nenji_wrapper .flow0 p, .course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper .flow0 p {
font-weight: bold;
color: #FFF;
text-align: center;
line-height: 140%;
}
.course_cmn.course_car .flow .flex_wrapper .nenji_wrapper .flow0 p.center.bold, .course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper .flow0 p.center.bold {
color: #C46A3D !important;
background-color: #FFF;
}
.course_cmn.course_car .flow .flex_wrapper .nenji_wrapper.nenji01, .course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper.nenji01 {
top: -200px;
}
.course_cmn.course_car .flow .flex_wrapper .nenji_wrapper.nenji01 p.center.bold, .course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper.nenji01 p.center.bold {
color: #5F4694;
}
.course_cmn.course_car .flow .flex_wrapper .nenji_wrapper .year, .course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper .year {
padding-top: 42px;
}
.course_cmn.course_car .flow .flex_wrapper .nenji_wrapper .year p.curse_name, .course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper .year p.curse_name {
font-size: 16px;
}
.course_cmn.course_car .flow .flex_wrapper .nenji_wrapper .year p span, .course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper .year p span {
font-size: 54px;
}
.course_cmn.course_car .flow .flex_wrapper .flow_left, .course_cmn.course_g-car .flow .flex_wrapper .flow_left {
width: calc(100% - 950px - 34px);
margin-right: 34px;
}
.course_cmn.course_car .flow .flex_wrapper .flow_left:before, .course_cmn.course_g-car .flow .flex_wrapper .flow_left:before {
background-color: #5F4694;
}
.course_cmn.course_car .flow .flex_wrapper .nenji_wrapper .year, .course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper .year {
background-color: #5F4694;
}
.course_cmn.course_car .flow .flow_last_map, .course_cmn.course_g-car .flow .flow_last_map {
width: 1173px;
margin-left: 30px;
border: solid 4px #5F4694;
}
.course_cmn.course_car .flow .flow_last_map .flex_wrapper, .course_cmn.course_g-car .flow .flow_last_map .flex_wrapper {
align-items: center;
}
.course_cmn.course_car .flow .flow_last_map .flex_wrapper .flex_left, .course_cmn.course_g-car .flow .flow_last_map .flex_wrapper .flex_left {
width: calc(100% - 690px);
}
.course_cmn.course_car .flow .flow_last_map .flex_wrapper .flex_left p, .course_cmn.course_g-car .flow .flow_last_map .flex_wrapper .flex_left p {
text-align: center;
font-weight: bold;
font-size: 36px;
line-height: 100%;
}
.course_cmn.course_car .flow .flow_last_map .flex_wrapper .flex_left p span, .course_cmn.course_g-car .flow .flow_last_map .flex_wrapper .flex_left p span {
font-size: 27px;
}
.course_cmn.course_car .flow .flow_last_map .flex_wrapper .flex_right, .course_cmn.course_g-car .flow .flow_last_map .flex_wrapper .flex_right {
background-color: #5F4694;
width: 690px;
padding: 20px 20px 20px 30px;
}
.course_cmn.course_car .flow .flow_last_map .flex_wrapper .flex_right p, .course_cmn.course_g-car .flow .flow_last_map .flex_wrapper .flex_right p {
color: #FFF;
font-weight: bold;
font-size: 27px;
margin-bottom: 14px;
line-height: 100%;
}
.course_cmn.course_car .flow .flow_last_map .flex_wrapper .flex_right ul, .course_cmn.course_g-car .flow .flow_last_map .flex_wrapper .flex_right ul {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.course_cmn.course_car .flow .flow_last_map .flex_wrapper .flex_right ul li, .course_cmn.course_g-car .flow .flow_last_map .flex_wrapper .flex_right ul li {
padding: 3px;
background-color: #FFF;
font-weight: bold;
}
.course_cmn.course_car .qualification .support, .course_cmn.course_g-car .qualification .support {
width: 750px;
}
.course_cmn.course_car .qualification .support .support_text, .course_cmn.course_g-car .qualification .support .support_text {
width: 76%;
}
.course_cmn.course_car .qualification .support .pic, .course_cmn.course_g-car .qualification .support .pic {
width: 690px;
margin: 0 auto;
}
.course_cmn.course_car .h3_wrapper h3:before, .course_cmn.course_g-car .h3_wrapper h3:before {
background-color: #5F4694;
}
.course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper.nenji01 {
top: -175px;
}
.course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper .year {
padding-top: 22px;
}
.course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper.nenji02 {
top: 454px;
}
.course_cmn.course_g-car .flow .flex_wrapper .flow_left {
position: relative;
width: calc(100% - 950px - 34px);
margin-right: 34px;
}
.course_cmn.course_g-car .flow .flex_wrapper .flow_left .floting_img {
position: absolute;
left: 38px;
top: 170px;
width: 47px;
}
.course_cmn.course_g-car .flow .flex_wrapper .flow_left:before {
background-color: #5F4694;
}
.course_cmn.course_g-car .w_school .bg {
background-color: #5F4694;
}
.course_cmn.course_g-car .w_school .inner .box {
border: 4px solid #5F4694;
}
.course_cmn.course_g-car .interview .interview_box .pic {
width: 257px;
left: 5px;
top: -347px;
}
.course_cmn.course_grade_01-2y .pdf_download_btn a p {
font-size: 27px;
}
.course_cmn.course_grade_01-2y .pdf_download_btn a p span {
font-size: 18px;
}
.course_cmn.course_grade_01-2y .point_lead {
margin-bottom: 200px;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .nenji_wrapper .center_border {
margin: 0 auto 5px;
width: 4px;
background-color: #4c85b3;
height: 32px;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .nenji_wrapper .flow0 {
margin-bottom: 5px;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .nenji_wrapper .flow0 .box {
background-color: #C46A3D;
padding: 18px 0px;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .nenji_wrapper .flow0 p {
font-weight: bold;
color: #FFF;
text-align: center;
line-height: 140%;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .nenji_wrapper .flow0 p.center.bold {
color: #C46A3D !important;
background-color: #FFF;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .nenji_wrapper.nenji01 {
top: -200px;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .nenji_wrapper.nenji01 p.center.bold {
color: #4c85b3;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .nenji_wrapper .year {
padding-top: 27px;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .nenji_wrapper .year p.curse_name {
font-size: 16px;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .nenji_wrapper .year p span {
font-size: 54px;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .nenji_wrapper .year p.small {
font-size: 14px;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .nenji_wrapper.nenji02 {
top: 110px;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .flow_left {
position: relative;
width: calc(100% - 950px - 34px);
margin-right: 34px;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .flow_left .floting_img {
position: absolute;
left: 38px;
top: 162px;
width: 47px;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .flow_left:before {
background-color: #4c85b3;
}
.course_cmn.course_grade_01-2y .flow .flex_wrapper .nenji_wrapper .year {
background-color: #4c85b3;
}
.course_cmn.course_grade_01-2y .flow .flow_last_map {
width: 1173px;
margin-left: 30px;
}
.course_cmn.course_grade_01-2y .qualification .support {
width: 750px;
}
.course_cmn.course_grade_01-2y .qualification .support .support_text {
width: 76%;
}
.course_cmn.course_grade_01-2y .qualification .support .pic {
width: 690px;
margin: 0 auto;
}
.course_cmn.course_grade_01-2y .h3_wrapper h3:before {
background-color: #4c85b3;
}
.course_cmn.course_grade_01-2y .interview .interview_box .pic {
width: 255px;
left: -5px;
top: -347px;
}
.course_cmn.course_i-car .mv .page_title .h2_wrapper:before {
background-color: #14944a !important;
}
.course_cmn.course_i-car .mv .page_title .detail p {
text-align: center;
}
.course_cmn.course_i-car .lead_bold span {
color: #14944a !important;
}
.course_cmn.course_i-car .point_display .point {
background-color: #14944a;
}
.course_cmn.course_i-car .point_display .num {
color: #14944a;
}
.course_cmn.course_i-car .flow .flex_wrapper .nenji_wrapper.nenji01 {
top: -40px;
}
.course_cmn.course_i-car .flow .flex_wrapper .nenji_wrapper.nenji02 {
top: 260px;
}
.course_cmn.course_i-car .flow .flex_wrapper .flow_left:before {
background-color: #14944a;
}
.course_cmn.course_i-car .flow .flex_wrapper .nenji_wrapper .year {
background-color: #14944a;
}
.course_cmn.course_i-car .flow .flow_last {
border: 5px solid #14944a;
}
.course_cmn.course_i-car .flow .bottom_lead {
margin-left: 45px;
}
.course_cmn.course_i-car .interview .interview_box .pic {
width: 292px;
left: -17px;
top: -271px;
}
.course_cmn.course_i-car .h3_wrapper h3:before {
background-color: #14944a;
}
.course_cmn .mv {
position: absolute;
left: 0;
}
.course_cmn .mv .pic img {
height: unset !important;
min-height: 490px;
}
.course_cmn .mv .page_title .h2_wrapper {
padding: 15px 100px 20px;
}
.course_cmn .mv .page_title .detail {
padding: 8px 50px 12px;
background-color: rgba(255, 255, 255, 0.7);
}
.course_cmn .point01, .course_cmn .point02, .course_cmn .point03 {
padding-top: 80px;
border-top: 1px solid #717171;
max-width: 1300px;
margin: 0 auto 80px;
}
.course_cmn .point02 .point_lead, .course_cmn .point03 .point_lead {
margin-bottom: 44px;
}
.course_cmn .point_lead {
font-size: 36px;
text-align: center;
font-weight: bold;
margin-top: 30px;
margin-bottom: 170px;
}
.course_cmn .point_display {
width: 157px;
margin: 0 auto;
}
.course_cmn .point_display .point {
color: #FFF;
font-size: 27px;
text-align: center;
font-weight: bold;
}
.course_cmn .point_display .num {
text-align: center;
font-size: 76px;
font-weight: bold;
}
.course_cmn .flow .flex_wrapper {
display: flex;
justify-content: space-between;
}
.course_cmn .flow .flex_wrapper .flow_left {
width: calc(100% - 950px - 84px);
position: relative;
margin-right: 84px;
}
.course_cmn .flow .flex_wrapper .flow_left:before {
margin: 0 auto;
left: 0;
right: 0;
position: absolute;
content: "";
width: 4px;
height: 100%;
display: block;
}
.course_cmn .flow .flex_wrapper .nenji_wrapper {
position: relative;
z-index: 2;
}
.course_cmn .flow .flex_wrapper .nenji_wrapper.nenji01 {
top: -80px;
}
.course_cmn .flow .flex_wrapper .nenji_wrapper.nenji01 p.center.bold {
font-weight: bold;
text-align: center;
margin-bottom: 5px;
}
.course_cmn .flow .flex_wrapper .nenji_wrapper.nenji02 {
top: 348px;
}
.course_cmn .flow .flex_wrapper .nenji_wrapper.nenji03 {
top: 620px;
}
.course_cmn .flow .flex_wrapper .nenji_wrapper.nenji04 {
top: 1054px;
}
.course_cmn .flow .flex_wrapper .nenji_wrapper .year {
margin: 0 auto;
width: 145px;
height: 145px;
border-radius: 50%;
color: #FFF;
padding-top: 18px;
}
.course_cmn .flow .flex_wrapper .nenji_wrapper .year p {
font-size: 27px;
text-align: center;
font-weight: bold;
line-height: unset;
}
.course_cmn .flow .flex_wrapper .nenji_wrapper .year .num {
font-size: 54px;
}
.course_cmn .flow .flex_wrapper .nenji_wrapper .shikaku {
padding-top: 8px;
padding-bottom: 5px;
color: #E50012;
background-color: #FFF;
text-align: center;
font-weight: bold;
}
.course_cmn .flow .flex_wrapper .flow_right {
width: 950px;
}
.course_cmn .flow .flex_wrapper .flow_right .flow_detail {
margin-bottom: 48px;
padding-bottom: 48px;
border-bottom: 1px solid #A0A0A0;
}
.course_cmn .flow .flex_wrapper .flow_right .flow_detail .flow_detail_left .flow_detail_title {
font-size: 27px;
font-weight: bold;
margin-bottom: 15px;
line-height: 140%;
}
.course_cmn .flow .flex_wrapper .flow_right .flow_detail .flow_detail_left .kamoku {
margin-top: 25px;
}
.course_cmn .flow .flex_wrapper .flow_right .flow_detail .flow_detail_right {
margin-left: 43px;
}
.course_cmn .flow .flex_wrapper .flow_right .flow_detail .flow_detail_right .flow_pic {
width: 490px;
}
.course_cmn .flow .pdf_download_btn {
width: 630px;
}
.course_cmn .flow .pdf_download_btn a p {
font-weight: normal;
}
.course_cmn .flow .bottom_lead {
margin-top: 35px;
margin-left: -111px;
font-size: 36px;
font-weight: bold;
margin-bottom: 35px;
}
.course_cmn .flow .flow_last {
padding: 30px 0;
text-align: center;
}
.course_cmn .flow .flow_last p {
font-size: 36px;
font-weight: bold;
}
.course_cmn .flow .flow_last p span {
font-size: 27px;
}
.course_cmn .about_advanced_specialist .flex_wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.course_cmn .about_advanced_specialist .flex_wrapper .pic {
width: 490px;
margin-right: 50px;
}
.course_cmn .about_advanced_specialist .flex_wrapper .text {
width: calc(100% - 490px - 50px);
}
.course_cmn .teaching_materials .flex_wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.course_cmn .teaching_materials .flex_wrapper .pic {
width: 490px;
margin-right: 50px;
}
.course_cmn .teaching_materials .flex_wrapper .text {
width: calc(100% - 490px - 50px);
}
.course_cmn .teaching_materials .materials_list {
margin-top: 40px;
}
.course_cmn .teaching_materials .materials_list ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.course_cmn .teaching_materials .materials_list ul li {
width: 340px;
margin-bottom: 50px;
}
.course_cmn .teaching_materials .materials_list ul li:last-child {
margin-bottom: 0;
}
.course_cmn .teaching_materials .materials_list ul li:nth-child(1), .course_cmn .teaching_materials .materials_list ul li:nth-child(2) {
margin-right: 20px;
}
.course_cmn .teaching_materials .materials_list ul li p {
margin-top: 20px;
text-align: center;
font-size: 17px;
}
.course_cmn .h3_wrapper {
position: relative;
}
.course_cmn .h3_wrapper h3 {
text-align: center;
font-size: 36px;
font-weight: bold;
}
.course_cmn .h3_wrapper h3:before {
display: block;
content: "";
width: 80px;
height: 8px;
margin: 0 auto 20px;
}
.course_cmn .w_school {
position: relative;
margin-bottom: 50px;
}
.course_cmn .w_school .bg {
width: 90%;
right: 0;
position: absolute;
background-color: #4C85B3;
height: 780px;
}
.course_cmn .w_school .bg .popup {
width: 416px;
position: absolute;
top: 31px;
left: -74px;
}
.course_cmn .w_school .bg .w_tate {
width: 86px;
position: absolute;
bottom: 0;
left: -86px;
}
.course_cmn .w_school .inner {
position: relative;
z-index: 2;
width: 1028px;
padding-top: 216px;
margin: 0 auto;
}
.course_cmn .w_school .inner .map_02 {
position: absolute;
bottom: 435px;
}
.course_cmn .w_school .inner .midashi p {
color: #FFF;
text-align: center;
font-weight: bold;
font-size: 36px;
}
.course_cmn .w_school .inner .box {
width: 960px;
margin: 0 auto;
padding: 50px 45px;
background-color: #FFF;
border: 4px solid #4C85B3;
}
.course_cmn .w_school .inner .box .head_text {
letter-spacing: -1px;
}
.course_cmn .w_school .inner .box .map_01 {
margin-top: 45px;
margin-bottom: 200px;
}
.course_cmn .w_school .inner .box .flex_wrapper {
justify-content: space-between;
}
.course_cmn .w_school .inner .box .flex_wrapper > div {
width: 48%;
}
.course_cmn .w_school .inner .box .flex_wrapper > div p.font_bold {
font-weight: bold;
font-size: 27px;
text-align: center;
line-height: 120%;
margin-bottom: 15px;
}
.course_cmn .qualification {
background-color: #F5F5F5;
padding: 60px 0 77px;
}
.course_cmn .qualification .qualification_detail {
margin-top: 50px;
}
.course_cmn .qualification .flex_wrapper {
display: flex;
justify-content: space-between;
}
.course_cmn .qualification .flex_left, .course_cmn .qualification .flex_right {
width: 46%;
}
.course_cmn .qualification .qualification_box {
margin-bottom: 30px;
}
.course_cmn .qualification h4 {
font-size: 27px;
font-weight: bold;
margin-bottom: 20px;
}
.course_cmn .qualification h5 {
color: #E50012;
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.course_cmn .qualification .support {
width: 690px;
margin: 40px auto 0;
}
.course_cmn .qualification .support .support_lead {
font-size: 36px;
font-weight: bold;
color: #E50012;
text-align: center;
}
.course_cmn .qualification .support .support_text {
width: 84%;
margin: 25px auto;
}
.course_cmn .qualification .support .support_text_w50 {
width: 50%;
margin: 25px auto;
}
@media (max-width: 767px) {
.course_cmn .qualification .support .support_text_w50 {
width: 100%;
}
}
.course_cmn .interview {
padding: 100px 0 77px;
}
.course_cmn .interview .interview_box {
margin-top: 60px;
position: relative;
background-color: #F5F5F5;
padding: 50px 60px 50px 340px;
}
.course_cmn .interview .interview_box .pic {
width: 327px;
position: absolute;
left: -30px;
top: -317px;
z-index: 3;
}
.course_cmn .interview .interview_box .interview_text p.bold {
font-size: 54px;
font-weight: bold;
margin-bottom: 20px;
line-height: 135%;
}
.course_cmn .interview .interview_box .interview_text p.name {
margin-top: 30px;
}
.course_cmn .interview .interview_box .interview_text p.name span {
font-size: 27px;
}
.course_cmn .teacher {
padding: 60px 0 0;
}
.course_cmn .teacher .common_width {
width: 1122px;
}
.course_cmn .teacher .flex_wrapper {
margin-top: 80px;
display: flex;
justify-content: center;
}
.course_cmn .teacher .flex_wrapper .flex_left, .course_cmn .teacher .flex_wrapper .flex_right {
width: 615px;
}
.course_cmn .teacher .flex_wrapper .flex_left .pic, .course_cmn .teacher .flex_wrapper .flex_right .pic {
width: 240px;
margin: 0 auto 28px;
}
.course_cmn .teacher .flex_wrapper .flex_left p.gakka, .course_cmn .teacher .flex_wrapper .flex_right p.gakka {
text-align: center;
}
.course_cmn .teacher .flex_wrapper .flex_left p.name, .course_cmn .teacher .flex_wrapper .flex_left p.teacher_lead, .course_cmn .teacher .flex_wrapper .flex_right p.name, .course_cmn .teacher .flex_wrapper .flex_right p.teacher_lead {
text-align: center;
font-size: 27px;
font-weight: bold;
}
.course_cmn .teacher .flex_wrapper .flex_left p.teacher_lead, .course_cmn .teacher .flex_wrapper .flex_right p.teacher_lead {
margin-top: 30px;
line-height: 140%;
vertical-align: middle;
margin-bottom: 16px;
}
.course_cmn .teacher .flex_wrapper .flex_right p.teacher_lead {
padding-top: 20px;
}
.course_overview .top_border .course_lists {
margin-top: 50px;
}
.course_overview .top_border .course_lists .flex_wrapper {
display: flex;
flex-wrap: wrap;
margin-bottom: 32px;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block {
width: 388px;
margin-right: 18px;
margin-bottom: 30px;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block:nth-child(3n) {
margin-right: 0;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper {
position: relative;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name {
position: absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
color: #FFF;
padding: 14px;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name:before {
content: "";
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
mix-blend-mode: multiply;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name:after {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.6;
background-color: #FFF;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name .name, .course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name .year {
z-index: 3;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name .gakka_name_flex {
display: flex;
align-items: center;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name .gakka_name_flex .arrow {
margin-right: 10px;
width: 22px;
z-index: 2;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name .name {
font-size: 22px;
width: calc(100% - 22px);
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name .year {
font-size: 14px;
border: 1px solid #FFF;
padding: 3px 5px;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka01:before {
background-color: #4c85b3;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka02:before {
background-color: #c46a3d;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka03:before {
background-color: #5f4694;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka04:before {
background-color: #a8cf6a;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka05:before {
background-color: #4c85b3;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka06:before {
background-color: #5f4694;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .pic_wrapper .gakka_name.gakka07:before {
background-color: #14944a;
}
.course_overview .top_border .course_lists .flex_wrapper .link_block .explanation {
margin-top: 14px;
font-size: 18px;
line-height: 160%;
}
.course_overview .learning_plan .lead {
margin-bottom: 50px;
}
.course_overview .learning_plan .lead .lead_bold {
margin-bottom: 25px;
}
.course_overview .note {
width: 90%;
text-align: right;
margin: 10px auto 0;
}
.learning_plan_map {
background-color: #eeeeef;
padding: 60px 0 50px;
}
.learning_plan_map .map {
width: 90%;
max-width: 1700px;
margin: 0 auto;
}
.news_archive .news_archive_list {
width: 1200px;
margin: 0 auto;
border: 1px solid #D62626;
padding: 30px 50px;
}
.news_archive .news_archive_list ul li {
padding-top: 15px;
margin-top: 15px;
}
.news_archive .news_archive_list ul li a .news_cat .cat_tab {
padding: 2px 0;
font-size: 14px;
}
.news_archive .news_archive_list ul li + li {
border-top: 1px dashed #000;
}
.news_archive .news_category_btn {
width: 1200px;
margin: 60px auto 0px;
}
.news_archive .news_category_btn ul {
display: flex;
justify-content: space-between;
}
.news_archive .news_category_btn ul li {
width: 24.5%;
}
.news_archive .news_category_btn ul li a {
text-align: center;
display: block;
padding: 16px 30px;
font-weight: bold;
background-color: #E8E8E8;
}
.news_archive .news_category_btn ul li a.current {
background-color: #D62626;
color: #FFF;
}
.news_single {
margin-bottom: 0 !important;
}
.news_single .news_article .wrapper {
width: 1000px;
margin: 0 auto;
}
.news_single .news_article .wrapper .news_header p.date {
font-size: 16px;
padding-bottom: 10px;
}
.news_single .news_article .wrapper .news_header .news_category {
display: inline-block;
padding: 2px 30px;
font-size: 14px;
margin-bottom: 25px;
margin-left: 10px;
}
.news_single .news_article .wrapper .news_header .news_category.saijidai-news {
color: #FFF;
background-color: #036eb8;
}
.news_single .news_article .wrapper .news_header .news_category.examinfo {
color: #FFF;
background-color: #45b035;
}
.news_single .news_article .wrapper .news_header .news_category.event {
color: #FFF;
background-color: #FB2121;
}
.news_single .news_article .wrapper .news_header .news_category.emergency {
color: #FFF;
background-color: #000;
}
.news_single .news_article .wrapper .news_header h3.title {
font-weight: bold;
font-size: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #000;
}
.news_single .news_article .wrapper .news_contents {
padding-top: 20px;
}
.news_single .news_article .wrapper .news_contents h4, .news_single .news_article .wrapper .news_contents p, .news_single .news_article .wrapper .news_contents div, .news_single .news_article .wrapper .news_contents table, .news_single .news_article .wrapper .news_contents figure {
margin-bottom: 1em;
line-height: 160%;
}
.news_single .news_article .wrapper .news_contents h4 {
font-size: 1.4em;
}
.news_single .news_article .wrapper .news_contents table {
width: 100%;
border-collapse: collapse;
margin: 0 auto 1em;
}
.news_single .news_article .wrapper .news_contents table th {
font-weight: normal;
text-align: center;
background-color: #F5F5F5;
}
.news_single .news_article .wrapper .news_contents table th, .news_single .news_article .wrapper .news_contents table td {
border: 1px solid #000;
padding: 10px;
vertical-align: middle;
}
.news_single .news_article .wrapper .news_contents a {
text-decoration: underline;
}
.news_single .news_article .wrapper .news_contents a:hover {
text-decoration: none;
}
.news_single .news_article .news_footer {
margin-top: 90px;
padding: 80px 0 120px;
background-color: #F5F5F5;
}
.news_single .news_article .news_footer .news_single_pager {
width: 1000px;
margin: 0 auto;
position: relative;
border-bottom: 1px solid #000;
padding-bottom: 40px;
}
.news_single .news_article .news_footer .news_single_pager .prev, .news_single .news_article .news_footer .news_single_pager .next {
position: absolute;
top: 0;
}
.news_single .news_article .news_footer .news_single_pager .prev {
left: 0;
}
.news_single .news_article .news_footer .news_single_pager .next {
right: 0;
}
.evaluation .lead {
margin-bottom: 40px;
}
.evaluation .lead .lead_bold p {
font-size: 27px !important;
font-weight: normal !important;
}
.evaluation .i_car_note {
margin-top: 6px;
}
.evaluation .pdf_download_btn .no_pdf {
opacity: 0.5;
display: block;
border: 2px solid #717171;
background-color: #FFF;
position: relative;
padding: 28px 0;
border-radius: 10px;
-webkit-box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.45);
box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.45);
}
.evaluation .pdf_download_btn .no_pdf p {
text-align: center;
font-size: 17px;
font-weight: normal;
}
.evaluation .pdf_download_btn .no_pdf .icon_pdf {
position: absolute;
}
.evaluation .pdf_download_btn a, .evaluation .pdf_download_btn .no_pdf {
padding-right: 38px;
max-height: 88px;
}
.evaluation .pdf_download_btn a p, .evaluation .pdf_download_btn .no_pdf p {
text-align: center;
font-size: 17px;
font-weight: normal;
}
.evaluation .pdf_download_btn a .icon_pdf, .evaluation .pdf_download_btn .no_pdf .icon_pdf {
width: 32.8px;
right: 16px;
top: 29%;
}
.evaluation .pdf_download_btn a .icon_arrow, .evaluation .pdf_download_btn .no_pdf .icon_arrow {
position: absolute;
width: 27px;
right: 16px;
top: 34%;
}
.evaluation .top_border_wrapper {
margin-top: 50px !important;
padding-top: 40px !important;
}
.evaluation .normal_evalution {
margin-top: -35px;
}
.evaluation .normal_evalution h3.title {
padding-bottom: 25px;
}
.evaluation .normal_evalution .wrapper {
margin-bottom: 30px;
}
.evaluation .normal_evalution .flex_wrapper {
display: flex;
flex-wrap: wrap;
}
.evaluation .normal_evalution .flex_wrapper .evalution_card {
margin-bottom: 20px;
margin-right: 2%;
}
.evaluation .normal_evalution .flex_wrapper .evalution_card:nth-child(3n) {
margin-right: 0;
}
.evaluation h3.title {
font-size: 30px;
font-weight: bold;
color: #FB2121;
padding-bottom: 15px;
}
.evaluation h4 {
font-size: 21px;
font-weight: bold;
padding-bottom: 20px;
}
.evaluation h4.text_red {
font-size: 27px;
font-weight: bold;
}
.evaluation .colom-3 {
width: 32%;
}
.evaluation .colom-2 {
width: 32%;
}
.evaluation .colom-2 .pdf_download_btn a {
padding-top: 16px;
}
.evaluation .important_evalution .flex_wrapper {
display: flex;
}
.evaluation .important_evalution .flex_wrapper .flex_left {
width: calc(100% - 526px - 50px);
}
.evaluation .important_evalution .flex_wrapper .flex_left .main_evalution .pdf_download_btn {
width: 365px;
}
.evaluation .important_evalution .flex_wrapper .flex_left .main_evalution .evalution_card {
margin-bottom: 40px;
}
.evaluation .important_evalution .flex_wrapper .flex_right .pic {
width: 600px;
margin-right: 50px;
margin-top: 50px;
}
.campus_day .campus_day_container .lead, .campus_day_girl .campus_day_container .lead {
margin-bottom: 0 !important;
}
.campus_day .campus_day_container .lead .flex_wrapper, .campus_day_girl .campus_day_container .lead .flex_wrapper {
justify-content: space-between;
}
.campus_day .campus_day_container .lead .student_pic, .campus_day_girl .campus_day_container .lead .student_pic {
width: 445px;
margin-left: auto;
margin-top: -45px;
margin-right: 31px;
}
.campus_day .campus_day_container .lead .flex_text, .campus_day_girl .campus_day_container .lead .flex_text {
margin-top: 75px;
width: 570px;
}
.campus_day .campus_day_container .lead .flex_text .lead_text, .campus_day_girl .campus_day_container .lead .flex_text .lead_text {
font-size: 18px !important;
}
.campus_day .campus_day_container .lead .flex_text .student_info, .campus_day_girl .campus_day_container .lead .flex_text .student_info {
margin-top: 80px;
}
.campus_day .campus_day_container .lead .flex_text .student_info .name_en, .campus_day_girl .campus_day_container .lead .flex_text .student_info .name_en {
font-weight: bold;
font-size: 40px !important;
line-height: 120% !important;
}
.campus_day .campus_day_container .lead .flex_text .student_info .name_jp, .campus_day_girl .campus_day_container .lead .flex_text .student_info .name_jp {
font-size: 26px !important;
}
.campus_day .campus_day_container .flow_of_day, .campus_day_girl .campus_day_container .flow_of_day {
padding: 70px 0 160px;
background-color: #F4B800;
}
.campus_day .campus_day_container .flow_of_day .arrow, .campus_day_girl .campus_day_container .flow_of_day .arrow {
margin: 20px auto;
vertical-align: middle;
color: #FB2121;
line-height: 2;
width: 25px;
height: 25px;
border: 0.3em solid currentColor;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateY(-25%) rotate(135deg);
}
.campus_day .campus_day_container .flow_of_day .flow_box, .campus_day_girl .campus_day_container .flow_of_day .flow_box {
border-left: 8px solid #FFF;
border-right: 8px solid #FFF;
padding: 0 60px;
}
.campus_day .campus_day_container .flow_of_day .flow_box .flex_wrapper, .campus_day_girl .campus_day_container .flow_of_day .flow_box .flex_wrapper {
justify-content: space-between;
align-items: center;
}
.campus_day .campus_day_container .flow_of_day .flow_box .flex_pic, .campus_day_girl .campus_day_container .flow_of_day .flow_box .flex_pic {
width: 337px;
}
.campus_day .campus_day_container .flow_of_day .flow_box .flex_icon, .campus_day_girl .campus_day_container .flow_of_day .flow_box .flex_icon {
width: 148px;
}
.campus_day .campus_day_container .flow_of_day .flow_box .flex_text, .campus_day_girl .campus_day_container .flow_of_day .flow_box .flex_text {
width: 337px;
}
.campus_day .campus_day_container .flow_of_day .flow_box .flex_text p, .campus_day_girl .campus_day_container .flow_of_day .flow_box .flex_text p {
line-height: 180%;
}
.campus_day .campus_day_container .flow_of_day .inner.common_width, .campus_day_girl .campus_day_container .flow_of_day .inner.common_width {
width: 1070px;
}
.campus_day .campus_day_container .flow_of_day .inner, .campus_day_girl .campus_day_container .flow_of_day .inner {
position: relative;
}
.campus_day .campus_day_container .flow_of_day .sideicon, .campus_day_girl .campus_day_container .flow_of_day .sideicon {
position: absolute;
}
.campus_day .campus_day_container .flow_of_day .sideicon.icon01, .campus_day_girl .campus_day_container .flow_of_day .sideicon.icon01 {
width: 268px;
left: -291px;
}
.campus_day .campus_day_container .flow_of_day .sideicon.icon02, .campus_day_girl .campus_day_container .flow_of_day .sideicon.icon02 {
width: 137px;
left: -193px;
top: 263px;
}
.campus_day .campus_day_container .flow_of_day .sideicon.icon03, .campus_day_girl .campus_day_container .flow_of_day .sideicon.icon03 {
width: 166px;
left: -193px;
bottom: 138px;
}
.campus_day .campus_day_container .flow_of_day .sideicon.icon04, .campus_day_girl .campus_day_container .flow_of_day .sideicon.icon04 {
width: 160px;
left: -193px;
bottom: -113px;
}
.campus_day .campus_day_container .flow_of_day .sideicon.icon05, .campus_day_girl .campus_day_container .flow_of_day .sideicon.icon05 {
width: 236px;
right: -236px;
top: -40px;
}
.campus_day .campus_day_container .flow_of_day .sideicon.icon06, .campus_day_girl .campus_day_container .flow_of_day .sideicon.icon06 {
width: 147px;
right: -199px;
top: 255px;
}
.campus_day .campus_day_container .flow_of_day .sideicon.icon07, .campus_day_girl .campus_day_container .flow_of_day .sideicon.icon07 {
width: 142px;
right: -206px;
top: 474px;
}
.campus_day .campus_day_container .flow_of_day .sideicon.icon08, .campus_day_girl .campus_day_container .flow_of_day .sideicon.icon08 {
width: 262px;
right: -303px;
bottom: 75px;
}
.campus_day .campus_day_container .flow_of_day .sideicon.icon09, .campus_day_girl .campus_day_container .flow_of_day .sideicon.icon09 {
width: 212px;
right: -236px;
bottom: -140px;
}
.campus_day .campus_day_container .students_questionnaire, .campus_day_girl .campus_day_container .students_questionnaire {
padding-top: 80px;
}
.campus_day .campus_day_container .students_questionnaire h3, .campus_day_girl .campus_day_container .students_questionnaire h3 {
font-size: 39px;
font-weight: bold;
padding-bottom: 30px;
}
.campus_day .campus_day_container .students_questionnaire h4, .campus_day_girl .campus_day_container .students_questionnaire h4 {
padding: 10px 0;
font-size: 26px;
text-align: center;
font-weight: bold;
border-top: 7px solid #000;
border-bottom: 7px solid #000;
margin-bottom: 30px;
}
.campus_day .campus_day_container .students_questionnaire .flex_wrapper, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper {
justify-content: space-between;
}
.campus_day .campus_day_container .students_questionnaire .flex_wrapper .flex_left, .campus_day .campus_day_container .students_questionnaire .flex_wrapper .flex_right, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_left, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_right {
width: 48%;
}
.campus_day .campus_day_container .students_questionnaire .flex_wrapper .flex_left .graph_wrapper, .campus_day .campus_day_container .students_questionnaire .flex_wrapper .flex_right .graph_wrapper, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_left .graph_wrapper, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_right .graph_wrapper {
display: flex;
justify-content: space-between;
}
.campus_day .campus_day_container .students_questionnaire .flex_wrapper .flex_left .graph_wrapper .graph, .campus_day .campus_day_container .students_questionnaire .flex_wrapper .flex_right .graph_wrapper .graph, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_left .graph_wrapper .graph, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_right .graph_wrapper .graph {
width: 65%;
}
.campus_day .campus_day_container .students_questionnaire .flex_wrapper .flex_left .graph_wrapper .graph_text, .campus_day .campus_day_container .students_questionnaire .flex_wrapper .flex_right .graph_wrapper .graph_text, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_left .graph_wrapper .graph_text, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_right .graph_wrapper .graph_text {
margin-top: 60px;
}
.campus_day .campus_day_container .students_questionnaire .flex_wrapper .flex_left .graph_wrapper .graph_text ul, .campus_day .campus_day_container .students_questionnaire .flex_wrapper .flex_right .graph_wrapper .graph_text ul, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_left .graph_wrapper .graph_text ul, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_right .graph_wrapper .graph_text ul {
list-style-position: outside;
padding-left: 1.5em;
}
.campus_day .campus_day_container .students_questionnaire .flex_wrapper .flex_left .graph_wrapper .graph_text ul li, .campus_day .campus_day_container .students_questionnaire .flex_wrapper .flex_right .graph_wrapper .graph_text ul li, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_left .graph_wrapper .graph_text ul li, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_right .graph_wrapper .graph_text ul li {
list-style-type: disc;
margin-bottom: 10px;
text-indent: 0;
}
.campus_day_girl .campus_day_container .lead .student_pic {
width: 495px;
margin-top: -16px;
}
.campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_left .graph_wrapper .graph, .campus_day_girl .campus_day_container .students_questionnaire .flex_wrapper .flex_right .graph_wrapper .graph {
width: 54%;
}
.appeal .note {
width: 90%;
text-align: right;
margin: 10px auto 0;
}
.appeal .red_btn {
width: 500px;
text-align: center;
margin: 50px auto 0;
}
.appeal .red_btn a {
width: 100%;
font-size: 24px;
padding-left: 20px;
}
.appeal h3 {
background-color: #F4B800;
font-size: 39px;
font-weight: bold;
text-align: center;
color: #FFF;
padding: 15px 0;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
.appeal .appeal_container .lead .lead_bold {
margin-bottom: 30px !important;
}
.appeal .suujidemiru {
width: 1000px;
margin: 110px auto 0;
}
.appeal .suulidemiru_list {
background-color: #FFDD92;
position: relative;
padding: 55px 55px 10px;
}
.appeal .suulidemiru_list .scan_tool {
padding: 40px;
border: 1px solid #000;
position: absolute;
top: 425px;
right: 125px;
background: #fff;
display: none;
width: 740px;
z-index: 5;
}
.appeal .suulidemiru_list .scan_tool p.bold {
font-size: 30px;
font-weight: bold;
color: #FB2121;
}
.appeal .suulidemiru_list .scan_tool .flex_left {
width: 40%;
margin-right: 2%;
}
.appeal .suulidemiru_list .scan_tool .flex_right {
width: 58%;
}
.appeal .suulidemiru_list .scan_tool .triangle {
position: absolute;
top: 18%;
right: -29px;
width: 0;
height: 0;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
border-bottom: 100px solid #fff;
transform: rotate(90deg);
}
.appeal .suulidemiru_list .overlay {
transition: 0.4s;
position: fixed;
width: 100%;
height: 100%;
background: #000;
opacity: 0.8;
z-index: 5;
top: 0;
left: 0;
right: 0;
display: none; }
.appeal .suulidemiru_list .modal {
border: 1px solid #000;
display: none;
}
.appeal .suulidemiru_list .overlay.open {
display: block;
}
.appeal .suulidemiru_list .modal.open {
display: block;
}
.appeal .suulidemiru_list .modal-close__wrap {
position: absolute;
right: 40px;
top: 20px;
}
.appeal .suulidemiru_list .modal-close {
background: transparent;
border-color: transparent;
padding: 0;
margin: 0;
cursor: pointer;
width: 28px;
display: block;
height: 28px;
}
.appeal .suulidemiru_list .modal-close span {
position: relative;
width: 100%;
height: 1px;
background: black;
display: block;
}
.appeal .suulidemiru_list .modal-close span:nth-child(1) {
transform: rotate(45deg);
}
.appeal .suulidemiru_list .modal-close span:nth-child(2) {
transform: rotate(-45deg);
}
.appeal .suulidemiru_list .kirinuki {
position: absolute;
z-index: 3;
}
.appeal .suulidemiru_list .kirinuki.pic_kirinuki01 {
width: 150px;
left: -58px;
top: 30px;
z-index: 3;
}
.appeal .suulidemiru_list .kirinuki.pic_kirinuki02 {
width: 152px;
right: -62px;
top: 31px;
}
.appeal .suulidemiru_list .kirinuki.pic_kirinuki03 {
width: 177px;
left: -82px;
bottom: 175px;
}
.appeal .suulidemiru_list .kirinuki.pic_kirinuki04 {
width: 180px;
right: -77px;
bottom: 194px;
}
.appeal .suulidemiru_list .kirinuki.pic_kirinuki04.open {
z-index: 6;
}
.appeal .suulidemiru_list ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.appeal .suulidemiru_list ul li {
width: 32%;
border-radius: 20px;
background-color: #FFF;
margin-bottom: 30px;
position: relative;
margin-right: 2%;
}
.appeal .suulidemiru_list ul li p.caption {
text-align: center;
font-size: 15px;
font-weight: bold;
padding: 8px 0 0;
}
.appeal .suulidemiru_list ul li .title {
padding: 5px 0;
font-size: 25px;
font-weight: bold;
text-align: center;
color: #fff;
background-color: #FF2121;
}
.appeal .suulidemiru_list ul li .num {
margin: 20px 0;
}
.appeal .suulidemiru_list ul li .num p {
font-family: "Montserrat", serif;
font-size: 74px;
font-weight: bold;
color: #FF2121;
text-align: center;
line-height: 50%;
}
.appeal .suulidemiru_list ul li .num p span {
font-size: 34px;
color: #F4B800;
padding: 0 6px;
font-family: "Noto Sans JP", serif;
}
.appeal .suulidemiru_list ul li .num p.small_text {
font-family: "Noto Sans JP", serif;
font-size: 34px;
color: #F4B800;
line-height: 106%;
text-align: left;
}
.appeal .suulidemiru_list ul li .scan_tool_num {
display: flex;
justify-content: center;
gap: 5px;
}
.appeal .suulidemiru_list ul li .mordal_link {
position: absolute;
background-color: #FF2121;
color: #FFF;
border-radius: 40px;
display: flex;
justify-content: right;
align-items: center;
top: -15px;
right: -19px;
z-index: 4;
padding: 5px;
}
.appeal .suulidemiru_list ul li .mordal_link .q_icon {
width: 20px;
margin-right: 5px;
margin-top: 0;
}
.appeal .suulidemiru_list ul li .mordal_link p {
margin-top: -5px;
line-height: 100%;
}
.appeal .suulidemiru_list ul li .icon {
margin: 8px auto;
min-height: 105px;
}
.appeal .suulidemiru_list ul li:nth-child(1) .icon {
width: 80px;
}
.appeal .suulidemiru_list ul li:nth-child(2) .icon {
width: 107px;
}
.appeal .suulidemiru_list ul li:nth-child(3) {
margin-right: 0;
}
.appeal .suulidemiru_list ul li:nth-child(3) .icon {
width: 124px;
}
.appeal .suulidemiru_list ul li:nth-child(4) .icon {
width: 90px;
}
.appeal .suulidemiru_list ul li:nth-child(4) .num {
margin: 20px 0;
}
.appeal .suulidemiru_list ul li:nth-child(4) .num p {
margin-top: 3px;
}
.appeal .suulidemiru_list ul li:nth-child(4) .num p.small_text {
margin-top: -7px;
font-size: 27px;
}
.appeal .suulidemiru_list ul li:nth-child(5) .icon {
padding-top: 11px;
width: 143px;
}
.appeal .suulidemiru_list ul li:nth-child(6) {
margin-right: 0;
}
.appeal .suulidemiru_list ul li:nth-child(6) .icon {
padding-top: 6px;
width: 143px;
}
.appeal .suulidemiru_list ul li:nth-child(6) .num {
margin: 44px 0 20px;
}
.appeal .suulidemiru_list ul li:nth-child(6) .num p {
margin-top: 7px;
}
.appeal .suulidemiru_list ul li:nth-child(6) .num p.small_text {
margin-top: 0;
font-size: 27px;
}
.appeal .suulidemiru_list ul li:nth-child(7) .icon {
width: 65px;
}
.appeal .suulidemiru_list ul li:nth-child(8) {
margin-right: 0;
}
.appeal .suulidemiru_list ul li:nth-child(8) .icon {
width: 76px;
}
.appeal .course {
width: 1000px;
margin: 90px auto 50px;
}
.appeal .course .flex_wrapper {
margin-top: 40px;
justify-content: space-between;
}
.appeal .course .flex_left {
width: calc(100% - 430px - 40px);
}
.appeal .course .flex_left p {
font-size: 18px;
line-height: 200%;
}
.appeal .course .flex_right {
width: 430px;
}
.appeal .course ul {
margin-top: 25px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.appeal .course ul li {
width: 32%;
padding: 9px 0;
margin-bottom: 15px;
}
.appeal .course ul li:nth-child(1), .appeal .course ul li:nth-child(2) {
background-color: #4C85B3;
}
.appeal .course ul li:nth-child(3) {
background-color: #C46A3D;
}
.appeal .course ul li:nth-child(4), .appeal .course ul li:nth-child(5) {
background-color: #5F4694;
}
.appeal .course ul li:nth-child(6) {
background-color: #14944a;
}
.appeal .course ul li p {
text-align: center;
color: #FFF;
font-size: 26px;
font-weight: bold;
}
.appeal .support {
width: 1000px;
margin: 100px auto 50px;
}
.appeal .support .flex_wrapper {
margin-top: 40px;
justify-content: space-between;
}
.appeal .support .flex_left {
width: calc(100% - 430px - 30px);
}
.appeal .support .flex_left p.bold {
font-size: 27px;
font-weight: bold;
}
.appeal .support .flex_left p {
font-size: 18px;
line-height: 180%;
}
.appeal .support .flex_right {
width: 430px;
padding: 18px 18px 10px;
border: 8px solid #F4B800;
}
.appeal .support .flex_right .shushokuritsu {
display: flex;
align-items: center;
}
.appeal .support .flex_right .shushokuritsu .icon {
width: 142px;
margin-right: 10px;
}
.appeal .support .flex_right .shushokuritsu .text .bold {
font-weight: bold;
}
.appeal .support .flex_right .shushokuritsu .text .flex_wrapper {
margin-top: 0;
justify-content: flex-start;
align-items: center;
}
.appeal .support .flex_right .shushokuritsu .text .flex_wrapper p {
color: #FF2121;
font-weight: bold;
font-size: 62px;
letter-spacing: -0.5px;
}
.appeal .support .flex_right .shushokuritsu .text .flex_wrapper p span {
font-size: 44px;
}
.appeal .support .flex_right .shushokuritsu .text .flex_wrapper p.text_small {
font-size: 18px;
}
.appeal .campuslife {
width: 1000px;
margin: 100px auto 50px;
}
.appeal .campuslife .caption {
margin-top: 40px;
font-size: 34px;
font-weight: bold;
line-height: 140%;
}
.appeal .campuslife .block_01 {
flex-direction: row-reverse;
}
.appeal .campuslife .block_01 .flex_left {
width: calc(100% - 520px - 60px);
}
.appeal .campuslife .block_01 .flex_right {
width: 520px;
}
.appeal .campuslife .flex_wrapper {
margin-top: 40px;
justify-content: space-between;
}
.appeal .campuslife .flex_left {
width: calc(100% - 420px - 60px);
}
.appeal .campuslife .flex_left p.bold {
font-size: 26px;
font-weight: bold;
}
.appeal .campuslife .flex_left p {
font-size: 18px;
line-height: 200%;
}
.appeal .campuslife .flex_right {
width: 420px;
}
.appeal .campuslife .block_02 {
margin-top: 90px;
}
.link_area ul.flex_wrapper {
flex-wrap: wrap;
}
.link_area ul.flex_wrapper li {
width: 390px;
margin-bottom: 70px;
margin-right: 15px;
}
.link_area ul.flex_wrapper li:nth-child(3n) {
margin-right: 0;
}
.link_area ul.flex_wrapper li a {
position: relative;
display: block;
}
.link_area ul.flex_wrapper li a .content_name {
position: absolute;
bottom: 0;
width: 100%;
padding: 12px;
}
.link_area ul.flex_wrapper li a .content_name:before {
width: 100%;
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(251, 33, 33, 0.9);
}
.link_area ul.flex_wrapper li a .content_name .flex_wrapper {
align-items: center;
}
.link_area ul.flex_wrapper li a .content_name p, .link_area ul.flex_wrapper li a .content_name .arrow {
z-index: 2;
position: relative;
}
.link_area ul.flex_wrapper li a .content_name p {
color: #FFF;
font-size: 22px;
}
.link_area ul.flex_wrapper li a .content_name .arrow {
margin-right: 10px;
width: 22px;
z-index: 2;
}
.link_area ul.flex_wrapper li .caption {
margin-top: 20px;
}
.greeting .greeting_conteiner {
margin-top: 60px;
}
.greeting .greeting_conteiner p.midashi {
font-size: 36px;
font-weight: bold;
}
.greeting .greeting_conteiner .flex_wrapper {
margin-top: 20px;
justify-content: space-between;
}
.greeting .greeting_conteiner .flex_wrapper .flex_left {
width: calc(100% - 325px - 55px);
}
.greeting .greeting_conteiner .flex_wrapper .flex_left p {
margin-bottom: 1.6em;
line-height: 200%;
}
.greeting .greeting_conteiner .flex_wrapper .flex_right {
width: 325px;
margin-left: 55px;
}
.greeting .greeting_conteiner .flex_wrapper .flex_right .name {
margin-top: 15px;
}
.greeting .greeting_conteiner .flex_wrapper .flex_right .name p {
text-align: center;
font-size: 16px;
}
.greeting .greeting_conteiner .flex_wrapper .flex_right .name p span {
font-size: 24px;
}
.history .history_conteiner p.midashi {
font-size: 36px;
font-weight: bold;
}
.history .history_conteiner ul li {
display: flex;
align-items: center;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
padding-bottom: 20px;
}
.history .history_conteiner ul li .year {
margin-right: 70px;
}
.history .history_conteiner ul li .year p {
font-size: 20px;
color: #E50012;
}
.history .history_conteiner ul li .history_box p {
font-size: 22px;
}
.alumni .alumni_container {
margin-top: 60px;
}
.alumni .alumni_container .flex_wrapper .flex_left {
width: calc(100% - 325px - 50px);
}
.alumni .alumni_container .flex_wrapper .flex_left p {
line-height: 200%;
}
.alumni .alumni_container .flex_wrapper .flex_left .contact_box {
margin-top: 55px;
width: 730px;
border: 5px solid #E5E5E5;
padding: 45px;
}
.alumni .alumni_container .flex_wrapper .flex_left .contact_box p {
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 200%;
}
.alumni .alumni_container .flex_wrapper .flex_left .contact_box .flex_wrapper {
justify-content: center;
align-items: center;
}
.alumni .alumni_container .flex_wrapper .flex_left .contact_box .tel, .alumni .alumni_container .flex_wrapper .flex_left .contact_box .fax {
margin-top: 30px;
}
.alumni .alumni_container .flex_wrapper .flex_left .contact_box .tel .icon, .alumni .alumni_container .flex_wrapper .flex_left .contact_box .fax .icon {
margin-top: 7px;
width: 35px;
margin-right: 22px;
}
.alumni .alumni_container .flex_wrapper .flex_left .contact_box .tel p.num, .alumni .alumni_container .flex_wrapper .flex_left .contact_box .fax p.num {
font-size: 46px;
font-weight: 500;
line-height: 0;
}
.alumni .alumni_container .flex_wrapper .flex_right {
width: 325px;
margin-left: 50px;
}
.alumni .alumni_container .flex_wrapper .flex_right .pic01 {
margin-bottom: 20px;
}
.syllabus .lead {
padding-left: 50px;
padding-right: 50px;
margin: 0 auto 100px;
border-bottom: 1px solid #000;
padding-bottom: 70px;
}
.syllabus .lead .lead_bold {
margin-bottom: 30px !important;
}
.syllabus .accordion_arrow .accordion-container .accordion-item {
margin-bottom: 60px;
}
.syllabus .accordion_arrow .accordion-container .accordion-item:last-child {
margin-bottom: 0;
}
.syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content {
width: 1090px;
margin: 0 auto;
padding: 60px 0;
}
.syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content hr {
min-width: 100%;
height: 1px;
background-color: #E5E5E5;
border: none;
margin: 30px 0 60px;
}
.syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .year {
border-left: 8px solid #E50012;
padding-left: 10px;
margin-bottom: 35px;
}
.syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .year p {
line-height: 1;
font-size: 27px;
font-weight: bold;
}
.syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .flex_wrapper {
justify-content: space-between;
}
.syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .gakka, .syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .jissyu {
width: 46%;
}
.syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .gakka ul, .syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .jissyu ul {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .gakka ul li, .syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .jissyu ul li {
width: 50%;
margin-bottom: 35px;
}
.syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .gakka ul li a, .syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .jissyu ul li a {
text-decoration: underline;
}
.syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .gakka ul li a:hover, .syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .jissyu ul li a:hover {
text-decoration: none;
}
.syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .gakka .title, .syllabus .accordion_arrow .accordion-container .accordion-item .accordion-content .jissyu .title {
font-weight: bold;
text-align: center;
padding: 5px 0;
background-color: #F5F5F5;
color: #E50012;
}
.campuslife .youtube_block {
padding-bottom: 60px;
border-bottom: 2px solid #E5E5E5;
max-width: 1300px;
width: 95%;
margin: 0 auto 60px;
}
.campuslife .youtube_wrapper {
width: 800px;
margin: 0 auto;
}
.campuslife .youtube_link {
margin-top: 50px;
}
.campuslife .youtube_link .red_btn {
text-align: center;
}
.satoe_s .satoe_s_wrapper {
min-width: 1300px;
width: 95%;
margin: 0 auto;
border-top: 2px solid #E5E5E5;
}
.satoe_s .newsletter_suspend {
text-align: center;
}
.satoe_s .post_lists {
margin-top: 100px;
display: flex;
flex-wrap: wrap;
}
.satoe_s .post_lists li.post_card {
display: flex;
flex-direction: column;
}
.satoe_s .post_lists > li {
width: 30%;
margin-right: 2%;
margin-bottom: 68px;
}
.satoe_s .post_lists > li:nth-child(3n) {
margin-right: 0;
}
.satoe_s .post_lists > li .date {
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
}
.satoe_s .post_lists > li .pic {
width: 100%;
height: 215px;
}
.satoe_s .post_lists > li .pic img {
width: 100%;
height: 215px;
object-fit: cover;
}
.satoe_s .post_lists > li ul {
margin: 16px 0;
flex-grow: 1;
list-style-position: outside;
padding-left: 0.5em;
}
.satoe_s .post_lists > li ul li {
list-style-type: disc;
margin-left: 1em;
line-height: 200%;
font-size: 17px;
text-indent: 0;
}
.satoe_s .post_lists > li .pdf_download_btn a {
padding: 18px 0;
}
.satoe_s .post_lists > li .pdf_download_btn a p {
font-size: 18px;
font-weight: normal;
}
.satoe_s .post_lists > li .pdf_download_btn a .icon_pdf {
top: 18%;
}
.facility-car .link_btn {
padding-bottom: 60px;
margin-bottom: 60px;
border-bottom: 2px solid #E5E5E5;
display: flex;
justify-content: space-between;
}
.facility-car .link_btn a {
width: 23%;
display: block;
border: 2px solid #717171;
background-color: #FFF;
position: relative;
padding: 20px 20px 40px 20px;
border-radius: 10px;
box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.45);
font-size: 22px;
text-decoration: none !important;
font-weight: bold;
text-align: center;
position: relative;
display: inline-block;
}
.facility-car .link_btn a:before {
position: absolute;
content: "";
vertical-align: middle;
}
.facility-car .link_btn a:before {
bottom: 8px;
transform: rotate(90deg);
margin: 0 auto;
right: 0;
left: 0;
box-sizing: border-box;
width: 12px;
height: 12px;
border: 10px solid transparent;
border-left: 9px solid #fb2121;
}
.facility-car .top_border_wrapper .wrapper {
margin-top: -200px;
padding-top: 200px;
border-bottom: 2px solid #E5E5E5;
margin-bottom: 60px;
padding-bottom: 30px;
}
.facility-car .top_border_wrapper .wrapper:last-child {
border-bottom: none;
}
.facility-car .top_border_wrapper .wrapper .title {
margin-bottom: 20px;
}
.facility-car .top_border_wrapper .wrapper .title h3 {
font-weight: bold;
font-size: 36px;
}
.facility-car .top_border_wrapper .wrapper ul {
display: flex;
flex-wrap: wrap;
}
.facility-car .top_border_wrapper .wrapper ul li {
width: 30%;
margin-right: 5%;
margin-bottom: 30px;
}
.facility-car .top_border_wrapper .wrapper ul li:nth-child(3n) {
margin-right: 0;
}
.circle .link_btn {
padding-bottom: 60px;
margin-bottom: 60px;
border-bottom: 2px solid #E5E5E5;
display: flex;
flex-wrap: wrap;
}
.circle .link_btn a {
width: 23%;
margin-right: 2.5%;
margin-bottom: 25px;
}
.circle .link_btn a:nth-child(4n) {
margin-right: 0;
}
.circle .link_btn a {
display: block;
border: 2px solid #717171;
background-color: #FFF;
position: relative;
padding: 20px 20px 40px 20px;
border-radius: 10px;
box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.45);
font-size: 22px;
text-decoration: none !important;
font-weight: bold;
text-align: center;
position: relative;
display: inline-block;
}
.circle .link_btn a:before {
position: absolute;
content: "";
vertical-align: middle;
}
.circle .link_btn a:before {
bottom: 8px;
transform: rotate(90deg);
margin: 0 auto;
right: 0;
left: 0;
box-sizing: border-box;
width: 12px;
height: 12px;
border: 10px solid transparent;
border-left: 9px solid #fb2121;
}
.circle .flex_wrapper .flex_l .pic {
margin-bottom: 6px;
}
.circle .flex_wrapper .flex_l p {
font-size: 15px;
font-weight: 500;
}
.circle .flex_wrapper .flex_r .title {
border-bottom: 1px solid #E5E5E5;
margin-bottom: 20px;
padding-bottom: 20px;
}
.circle .flex_wrapper .flex_r .title h3 {
font-size: 36px;
font-weight: bold;
}
.circle .flex_wrapper .flex_r ul {
margin-left: 1.2em;
}
.circle .flex_wrapper .flex_r ul li {
list-style-type: disc;
margin-bottom: 5px;
text-indent: -0.1em;
line-height: 160%;
}
.circle .circle_wrapper_l {
margin-bottom: 90px;
padding-top: 180px;
margin-top: -180px;
}
.circle .circle_wrapper_l .flex_wrapper .flex_l {
width: 580px;
margin-right: 60px;
}
.circle .circle_wrapper_l .flex_wrapper .flex_r {
width: calc(100% - 580px - 60px);
}
.circle .circle_wrapper_m {
margin-bottom: 90px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.circle .circle_wrapper_m .flex_wrapper {
width: 48%;
margin-right: 4%;
flex-direction: column;
margin-bottom: 50px;
padding-top: 180px;
margin-top: -180px;
}
.circle .circle_wrapper_m .flex_wrapper:nth-child(2n) {
margin-right: 0;
}
.circle .circle_wrapper_m .flex_wrapper .flex_l {
width: 100%;
}
.circle .circle_wrapper_m .flex_wrapper .flex_l .pic {
margin-bottom: 14px;
}
.circle .circle_wrapper_m .flex_wrapper .flex_r {
width: 100%;
}
.circle .circle_wrapper_m .flex_wrapper .flex_r .title {
margin-bottom: 13px;
padding-bottom: 13px;
}
.circle .circle_wrapper_m .flex_wrapper .flex_r .title h3 {
font-size: 24px;
}
.circle .circle_wrapper_m .flex_wrapper .flex_r p {
margin-bottom: 8px;
}
.circle .circle_wrapper_m .flex_wrapper .flex_r ul li {
margin-bottom: 5px;
}
.faq .faq_container {
margin-top: 100px;
}
.faq .faq_container .outer_wrapper {
padding-top: 200px;
margin-top: -200px;
}
.faq .faq_container .link_btn {
margin-top: 100px;
padding-bottom: 90px;
margin-bottom: 80px;
border-bottom: 2px solid #E5E5E5;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.faq .faq_container .link_btn a {
width: 280px;
margin-right: 2.5%;
margin-bottom: 25px;
}
.faq .faq_container .link_btn a:nth-child(1) {
width: 500px;
}
.faq .faq_container .link_btn a {
display: block;
border: 2px solid #717171;
background-color: #FFF;
position: relative;
padding: 20px 20px 40px 20px;
border-radius: 10px;
box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.45);
font-size: 22px;
text-decoration: none !important;
font-weight: bold;
text-align: center;
position: relative;
display: inline-block;
}
.faq .faq_container .link_btn a:before {
position: absolute;
content: "";
vertical-align: middle;
}
.faq .faq_container .link_btn a:before {
bottom: 8px;
transform: rotate(90deg);
margin: 0 auto;
right: 0;
left: 0;
box-sizing: border-box;
width: 12px;
height: 12px;
border: 10px solid transparent;
border-left: 9px solid #fb2121;
}
.faq .h3_wrapper {
margin: -30px auto 50px;
padding-top: 30px;
}
.faq .h3_wrapper .top_border {
width: 80px;
height: 8px;
background-color: #FF2121;
margin: 0 auto 20px;
}
.faq .h3_wrapper h3 {
text-align: center;
font-size: 34px;
font-weight: bold;
}
.faq .accordion-container {
margin-bottom: 60px;
}
.faq .accordion-container .q, .faq .accordion-container .a {
display: flex;
align-items: center;
}
.faq .accordion-container .q .icon, .faq .accordion-container .a .icon {
width: 50px;
margin-right: 25px;
}
.faq .accordion-container .q .text, .faq .accordion-container .a .text {
width: calc(100% - 50px - 20px);
}
.faq .accordion-container .q .text p {
font-size: 25px;
font-weight: bold;
}
.faq .accordion-container .a .icon {
margin-top: -40px;
}
.faq .accordion-container .a .text p {
font-size: 22px;
color: #FB2121;
font-weight: bold;
}
.faq .accordion-content {
padding: 30px 20px;
}
.adoption .wrapper {
border-top: 1px solid #E5E5E5;
padding-top: 60px;
}
.adoption .inner h3 {
font-weight: bold;
font-size: 32px;
margin-bottom: 20px;
}
.adoption .inner table {
margin-top: 40px;
width: 100%;
border-top: 1px solid #E5E5E5;
}
.adoption .inner table tr {
border-bottom: 1px solid #E5E5E5;
}
.adoption .inner table th, .adoption .inner table td {
padding: 25px;
}
.adoption .inner table th {
text-align: center;
width: 250px;
background-color: #F5F5F5;
}
.adoption .inner .pdf_download_btn {
width: 380px;
margin: 60px auto 20px;
}
.adoption .inner .pdf_download_btn a p {
font-size: 18px;
}
.access .lead {
margin: 0 auto 50px !important;
}
.access .lead .caution {
margin-top: 1em;
}
.access h3 {
font-weight: bold;
font-size: 32px;
margin-bottom: 30px;
}
.access .googlemap_block {
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: 1px solid #E5E5E5;
}
.access .googlemap_block .map iframe {
width: 100%;
}
.access .googlemap_block .route {
margin-top: 22px;
}
.access .googlemap_block .route ul {
margin-left: 1.2em;
}
.access .googlemap_block .route ul li {
list-style-type: disc;
margin-bottom: 8px;
}
.access .trainmap_block .map {
width: 1000px;
}
.certificate .lead {
margin: 0 auto 50px !important;
}
.certificate .lead .caution {
margin-top: 1em;
text-indent: -1em;
margin-left: 1em;
}
.certificate h3 {
font-weight: bold;
font-size: 32px;
margin-bottom: 30px;
}
.certificate h3.border-left {
font-size: 27px;
border-left: #E50012 8px solid;
padding-left: 15px;
}
.certificate .top_border_wrapper .detail .text_block, .certificate .top_border_wrapper .detail .bold_text_block {
margin-bottom: 1.5em;
}
.certificate .top_border_wrapper .detail .bold_text_block p {
font-size: 27px;
font-weight: bold;
color: #E50012;
line-height: 140%;
}
.certificate .top_border_wrapper .certificate_block {
margin-top: 50px;
padding-top: 50px;
border-top: 1px solid #E5E5E5;
}
.certificate .top_border_wrapper .certificate_block ul.must_item {
margin-top: 1.5em;
}
.certificate .top_border_wrapper .certificate_block ul.must_item li {
margin-bottom: 8px;
}
.certificate .top_border_wrapper .certificate_block ul.must_item li .flex_wrapper {
align-items: center;
}
.certificate .top_border_wrapper .certificate_block ul.must_item li .flex_wrapper p {
display: block;
width: calc(100% - 22px - 4px);
}
.certificate .top_border_wrapper .certificate_block .pdf_download_btn {
width: 380px;
margin-top: 10px;
margin-bottom: 15px;
}
.certificate .top_border_wrapper .certificate_block .pdf_download_btn a {
padding: 25px 0;
}
.certificate .top_border_wrapper .certificate_block .pdf_download_btn a p {
font-size: 18px;
font-weight: normal;
}
.certificate .top_border_wrapper .certificate_block .pdf_download_btn a .icon_pdf {
top: 22%;
}
.certificate .top_border_wrapper .certificate_block .num {
margin-right: 4px;
margin-top: 3px;
height: 22px;
width: 22px;
border-radius: 50%;
line-height: 17px;
text-align: center;
background-color: #E50012;
}
.certificate .top_border_wrapper .certificate_block .num span {
color: #FFF;
font-size: 13px;
}
.certificate .top_border_wrapper .certificate_block .other_list li {
list-style-type: disc;
line-height: 180%;
margin-left: 1.2em;
}
.enploy h3 {
font-weight: bold;
font-size: 32px;
margin-bottom: 30px;
}
.enploy .enploy_wrapper {
max-width: 1300px;
margin: 0 auto;
padding-top: 100px;
border-top: 1px solid #717171;
}
.enploy .link_area ul.flex_wrapper li .caption {
letter-spacing: -0.3px;
}
.guidance h3 {
font-weight: bold;
font-size: 32px;
margin-bottom: 30px;
}
.guidance .guidance_wrapper {
max-width: 1300px;
margin: 0 auto;
padding-top: 100px;
border-top: 1px solid #717171;
}
.guidance .link_area ul.flex_wrapper {
justify-content: flex-start;
}
.guidance .link_area ul.flex_wrapper li {
margin-right: 15px;
}
.guidance .link_area ul.flex_wrapper li:nth-child(3) {
margin-right: 0;
}
.guidance .link_area ul.flex_wrapper li:nth-child(3) a .content_name {
min-height: 59.2px;
padding: 14px 18px;
}
.guidance .link_area ul.flex_wrapper li:nth-child(3) a .content_name p {
letter-spacing: -0.5px;
font-size: 19px;
}
.enploy_voice .mv .pic img {
height: unset !important;
min-height: 300px;
max-height: 440px;
}
.enploy_voice h3 {
font-weight: bold;
font-size: 32px;
margin-bottom: 30px;
}
.enploy_voice .enploy_voice_wrapper {
max-width: 1300px;
margin: 0 auto;
padding-top: 100px;
border-top: 1px solid #717171;
}
.enploy_voice .enploy_voice_wrapper ul li.voice_card {
margin-bottom: 80px;
padding-bottom: 80px;
border-bottom: 1px solid #E5E5E5;
}
.enploy_voice .enploy_voice_wrapper ul li.voice_card .flex_wrapper {
justify-content: space-between;
}
.enploy_voice .enploy_voice_wrapper ul li.voice_card .text {
width: calc(100% - 580px - 45px);
}
.enploy_voice .enploy_voice_wrapper ul li.voice_card .text p {
line-height: 160%;
}
.enploy_voice .enploy_voice_wrapper ul li.voice_card .text .title {
margin-bottom: 14px;
}
.enploy_voice .enploy_voice_wrapper ul li.voice_card .text .title p {
font-size: 27px;
font-weight: bold;
line-height: 140%;
}
.enploy_voice .enploy_voice_wrapper ul li.voice_card .text .main_text {
margin-bottom: 1em;
}
.enploy_voice .enploy_voice_wrapper ul li.voice_card .text .name {
font-weight: 500;
}
.enploy_voice .enploy_voice_wrapper ul li.voice_card .text .name span {
font-weight: normal;
font-size: 16px;
}
.enploy_voice .enploy_voice_wrapper ul li.voice_card .pic {
width: 580px;
}
.enploy_voice .enploy_voice_wrapper ul li.voice_card:nth-child(even) .flex_wrapper {
flex-direction: row-reverse;
}
.enployment .h3_wrapper {
margin: 0 auto 70px;
}
.enployment .h3_wrapper .top_border {
width: 80px;
height: 8px;
background-color: #FF2121;
margin: 0 auto 20px;
}
.enployment .h3_wrapper h3 {
text-align: center;
font-size: 36px;
font-weight: bold;
}
.enployment .enployment_wrapper .jyoukyou {
background-color: #EAF6FD;
padding: 50px 60px;
position: relative;
}
.enployment .enployment_wrapper .jyoukyou .suuji {
display: flex;
}
.enployment .enployment_wrapper .jyoukyou .suuji .suuji_card {
width: 258px;
border: 2px solid #FF2121;
border-radius: 20px;
padding: 15px;
background-color: #FFF;
}
.enployment .enployment_wrapper .jyoukyou .suuji .suuji_card .icon {
width: 100px;
margin: 30px auto 0;
min-height: 120px;
}
.enployment .enployment_wrapper .jyoukyou .suuji .suuji_card .title {
background-color: #FF2121;
border-radius: 15px;
}
.enployment .enployment_wrapper .jyoukyou .suuji .suuji_card .title p {
text-align: center;
color: #FFF;
}
.enployment .enployment_wrapper .jyoukyou .suuji .suuji_card .caption {
text-align: center;
font-size: 17px;
font-weight: bold;
}
.enployment .enployment_wrapper .jyoukyou .suuji .suuji_card .num p {
color: #FF2121;
text-align: center;
font-weight: bold;
font-size: 65px;
line-height: 100%;
}
.enployment .enployment_wrapper .jyoukyou .suuji .suuji_card .num p span {
font-size: 38px;
}
.enployment .enployment_wrapper .jyoukyou .suuji .suuji_card:nth-child(2) {
margin-left: 24px;
}
.enployment .enployment_wrapper .jyoukyou .suuji .suuji_card:nth-child(2) .icon {
width: 92px;
}
.enployment .enployment_wrapper .jyoukyou .graph {
position: absolute;
right: 68px;
top: 100px;
width: 470px;
}
.enployment .enployment_wrapper .jyoukyou .employment_corp_list {
margin-top: 80px;
}
.enployment .enployment_wrapper .jyoukyou .employment_corp_list h4 {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
.enployment .enployment_wrapper .jyoukyou .employment_corp_list h4 span {
font-size: 16px;
font-weight: normal;
}
.enployment .enployment_wrapper .jyoukyou .employment_corp_list .corp_list_wrapper {
width: 100%;
justify-content: space-between;
}
.enployment .enployment_wrapper .jyoukyou .employment_corp_list .corp_list_wrapper .corp_list {
width: calc((100% - 120px) / 4);
}
.enployment .enployment_wrapper .jyoukyou .employment_corp_list p {
font-size: 16px;
}
.enployment .enployment_wrapper .naitei_interview_wrapper {
width: 1300px;
margin: 80px auto 0;
padding-top: 80px;
border-top: 1px solid #717171;
}
.enployment .enployment_wrapper .naitei_interview_wrapper .naitei_interview_lists ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.enployment .enployment_wrapper .naitei_interview_wrapper .naitei_interview_lists ul li {
width: 48%;
margin-bottom: 40px;
}
.enployment .enployment_wrapper .naitei_interview_wrapper .naitei_interview_lists ul li .pic {
position: relative;
width: 100%;
margin-bottom: 24px;
}
.enployment .enployment_wrapper .naitei_interview_wrapper .naitei_interview_lists ul li .pic .stamp {
position: absolute;
width: 77px;
right: -20px;
top: -20px;
}
.enployment .enployment_wrapper .naitei_interview_wrapper .naitei_interview_lists ul li .name {
font-size: 22px;
font-weight: 500;
}
.enployment .enployment_wrapper .naitei_interview_wrapper .naitei_interview_lists ul li .company {
font-size: 16px;
}
.enployment .enployment_wrapper .naitei_interview_wrapper .naitei_interview_lists ul li .main_text {
padding-top: 18px;
text-align: justify;
word-break: break-all;
}
.enployment .enployment_wrapper .graduate_interview_wrapper {
width: 1300px;
margin: 80px auto 0;
padding-top: 80px;
border-top: 1px solid #717171;
}
.enployment .enployment_wrapper .graduate_interview_wrapper .graduate_interview_lists ul {
width: 1065px;
margin: 0 auto;
}
.enployment .enployment_wrapper .graduate_interview_wrapper .graduate_interview_lists ul li {
margin-bottom: 85px;
}
.enployment .enployment_wrapper .graduate_interview_wrapper .graduate_interview_lists ul li .flex_wrapper {
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
}
.enployment .enployment_wrapper .graduate_interview_wrapper .graduate_interview_lists ul li .flex_wrapper .pic {
width: 500px;
margin-right: 0;
}
.enployment .enployment_wrapper .graduate_interview_wrapper .graduate_interview_lists ul li .flex_wrapper .text {
margin-left: 30px;
width: calc(100% - 500px);
border-bottom: 1px solid #E5E5E5;
padding-bottom: 40px;
}
.enployment .enployment_wrapper .graduate_interview_wrapper .graduate_interview_lists ul li .flex_wrapper .text .caption {
font-size: 24px;
font-weight: bold;
margin-bottom: 8px;
}
.enployment .enployment_wrapper .graduate_interview_wrapper .graduate_interview_lists ul li .flex_wrapper .text .name {
font-weight: 500;
}
.enployment .enployment_wrapper .graduate_interview_wrapper .graduate_interview_lists ul li:nth-child(even) .flex_wrapper {
flex-direction: row;
}
.enployment .enployment_wrapper .graduate_interview_wrapper .graduate_interview_lists ul li:nth-child(even) .flex_wrapper .text {
margin-left: 0;
padding-left: 100px;
}
.enployment .enployment_wrapper .graduate_interview_wrapper .graduate_interview_lists ul li:last-child {
margin-bottom: 0;
}
.enployment .enployment_wrapper .red_btn {
width: 510px;
margin: 80px auto 20px;
}
.enployment .enployment_wrapper .red_btn a {
width: 100%;
font-size: 22px;
padding-top: 15px;
padding-bottom: 15px;
}
.talk .top_border_wrapper {
padding-top: 120px;
}
.talk .top_border_wrapper .talk_teacher .flex_wrapper {
align-items: center;
}
.talk .top_border_wrapper .talk_teacher .flex_wrapper .pic .bg {
width: 490px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
height: 250px;
position: relative;
background-color: #FF2121;
}
.talk .top_border_wrapper .talk_teacher .flex_wrapper .pic .bg .icon {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
width: 320px;
bottom: 0;
}
.talk .top_border_wrapper .talk_teacher .flex_wrapper .pic .bg .arrow {
position: absolute;
width: 30px;
bottom: 0;
right: -29px;
}
.talk .top_border_wrapper .talk_teacher .flex_wrapper .text {
margin-left: 50px;
}
.talk .top_border_wrapper .talk_teacher .flex_wrapper .text .name {
font-size: 28px;
}
.talk .top_border_wrapper .talk_teacher .flex_wrapper .text .name span {
font-size: 22px;
}
.talk .top_border_wrapper .talk_teacher .flex_wrapper .text .to {
padding: 8px 0;
}
.talk .top_border_wrapper .talk_teacher .flex_wrapper .text .to span {
color: #FF2121;
}
.talk .top_border_wrapper .talk_teacher .flex_wrapper:nth-child(2) {
margin-top: 70px;
flex-direction: row-reverse;
}
.talk .top_border_wrapper .talk_teacher .flex_wrapper:nth-child(2) .pic .bg {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 50px;
}
.talk .top_border_wrapper .talk_teacher .flex_wrapper:nth-child(2) .pic .bg .arrow {
right: unset;
left: -29px;
}
.talk .top_border_wrapper .talk_teacher .flex_wrapper:nth-child(2) .text {
margin-left: 0;
margin-right: 50px;
}
.talk .top_border_wrapper .main_talk {
padding-top: 80px;
margin-top: 80px;
border-top: 1px solid #E5E5E5;
}
.talk .top_border_wrapper .main_talk .fukidashi_red {
text-align: center;
display: inline-block;
border-radius: 30px;
padding: 15px 40px;
position: relative;
background-color: #FF2121;
border-bottom-left-radius: 0px;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.talk .top_border_wrapper .main_talk .fukidashi_red p {
color: #FFF;
font-weight: bold;
font-size: 32px;
}
.talk .top_border_wrapper .main_talk .fukidashi_red .arrow {
position: absolute;
width: 20px;
bottom: 0;
left: -19px;
}
.talk .top_border_wrapper .main_talk ul {
margin-top: 60px;
}
.talk .top_border_wrapper .main_talk ul li .flex_wrapper {
align-items: center;
margin-bottom: 60px;
}
.talk .top_border_wrapper .main_talk ul li .flex_wrapper.icon_right {
flex-direction: row-reverse;
}
.talk .top_border_wrapper .main_talk ul li .flex_wrapper .pic {
width: 180px;
}
.talk .top_border_wrapper .main_talk ul li .flex_wrapper .talk_text {
width: calc(100% - 180px - 40px);
padding: 44px;
position: relative;
}
.talk .top_border_wrapper .main_talk ul li .flex_wrapper .talk_text .arrow {
position: absolute;
width: 20px;
bottom: 0;
}
.talk .top_border_wrapper .main_talk ul li .flex_wrapper .text_small {
width: 720px;
}
.talk .top_border_wrapper .main_talk ul li .flex_wrapper .bg_gray {
margin-left: 40px;
background-color: #F5F5F5;
padding-right: 90px;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.talk .top_border_wrapper .main_talk ul li .flex_wrapper .bg_gray .arrow {
left: -19px;
}
.talk .top_border_wrapper .main_talk ul li .flex_wrapper .bg_blue {
margin-right: 40px;
background-color: #EAF6FD;
padding-left: 90px;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 50px;
}
.talk .top_border_wrapper .main_talk ul li .flex_wrapper .bg_blue .arrow {
right: -19px;
}
.talk .top_border_wrapper .link_area_footer {
padding-top: 80px;
margin-top: 80px;
border-top: 1px solid #E5E5E5;
}
.red_btn.webshutugan a {
padding: 22px 0;
display: block;
box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.45);
margin-bottom: 10px;
}
.red_btn.webshutugan a .flex_wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.red_btn.webshutugan a .flex_wrapper .icon {
width: 38px;
margin-right: 20px;
}
.examinee .h3_wrapper {
margin: 0 auto 50px;
}
.examinee .h3_wrapper .top_border {
width: 80px;
height: 8px;
background-color: #FF2121;
margin: 0 auto 20px;
}
.examinee .h3_wrapper h3 {
text-align: center;
font-size: 34px;
font-weight: bold;
}
.examinee .loan_link .content_name .flex_wrapper {
align-items: flex-start !important;
}
.examinee .loan_link .content_name .flex_wrapper .arrow {
margin-top: 7px;
}
.examinee .loan_link .pic {
height: 344px;
}
.opencampus .mv .pic img {
height: unset !important;
}
.opencampus .h3_wrapper.tunnel {
background-color: #EDBB00;
padding: 30px 0;
border-top-left-radius: 35px;
border-top-right-radius: 35px;
}
.opencampus .h3_wrapper.tunnel h3 {
text-align: center;
color: #FFF;
font-size: 36px;
font-weight: bold;
}
.opencampus.opencampus_detail .lead .flex_wrapper, .opencampus.opencampus_entrance .lead .flex_wrapper, .opencampus.openclass .lead .flex_wrapper, .opencampus.tour .lead .flex_wrapper {
justify-content: space-between;
}
.opencampus.opencampus_detail .lead .flex_wrapper .flex_left, .opencampus.opencampus_entrance .lead .flex_wrapper .flex_left, .opencampus.openclass .lead .flex_wrapper .flex_left, .opencampus.tour .lead .flex_wrapper .flex_left {
width: 550px;
}
.opencampus.opencampus_detail .lead .flex_wrapper .flex_right, .opencampus.opencampus_entrance .lead .flex_wrapper .flex_right, .opencampus.openclass .lead .flex_wrapper .flex_right, .opencampus.tour .lead .flex_wrapper .flex_right {
width: 500px;
}
.opencampus.opencampus_detail .h3_wrapper, .opencampus.opencampus_entrance .h3_wrapper, .opencampus.openclass .h3_wrapper, .opencampus.tour .h3_wrapper {
padding: 30px 0;
background-color: #F7BA00;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
}
.opencampus.opencampus_detail .h3_wrapper h3, .opencampus.opencampus_entrance .h3_wrapper h3, .opencampus.openclass .h3_wrapper h3, .opencampus.tour .h3_wrapper h3 {
color: #FFF;
text-align: center;
font-size: 36px;
font-weight: bold;
}
.opencampus.opencampus_detail .event_date, .opencampus.opencampus_entrance .event_date, .opencampus.openclass .event_date, .opencampus.tour .event_date {
margin-bottom: 110px;
}
.opencampus.opencampus_detail .event_date .event_table, .opencampus.opencampus_entrance .event_date .event_table, .opencampus.openclass .event_date .event_table, .opencampus.tour .event_date .event_table {
margin-top: 60px;
background-color: #F4F4F4;
padding: 60px 0;
}
.opencampus.opencampus_detail .event_date .event_table .table_head p, .opencampus.opencampus_entrance .event_date .event_table .table_head p, .opencampus.openclass .event_date .event_table .table_head p, .opencampus.tour .event_date .event_table .table_head p {
font-size: 26px;
color: #717171;
}
.opencampus.opencampus_detail .event_date .event_table .table_head p span, .opencampus.opencampus_entrance .event_date .event_table .table_head p span, .opencampus.openclass .event_date .event_table .table_head p span, .opencampus.tour .event_date .event_table .table_head p span {
font-size: 18px;
}
.opencampus.opencampus_detail .event_date .event_table table, .opencampus.opencampus_entrance .event_date .event_table table, .opencampus.openclass .event_date .event_table table, .opencampus.tour .event_date .event_table table {
margin-top: 15px;
border-top: 1px solid #7D7D7D;
}
.opencampus.opencampus_detail .event_date .event_table table tr, .opencampus.opencampus_entrance .event_date .event_table table tr, .opencampus.openclass .event_date .event_table table tr, .opencampus.tour .event_date .event_table table tr {
border-bottom: 1px solid #7D7D7D;
}
.opencampus.opencampus_detail .event_date .event_table table th, .opencampus.opencampus_detail .event_date .event_table table td, .opencampus.opencampus_entrance .event_date .event_table table th, .opencampus.opencampus_entrance .event_date .event_table table td, .opencampus.openclass .event_date .event_table table th, .opencampus.openclass .event_date .event_table table td, .opencampus.tour .event_date .event_table table th, .opencampus.tour .event_date .event_table table td {
padding: 18px 0;
}
.opencampus.opencampus_detail .event_date .event_table table th, .opencampus.opencampus_entrance .event_date .event_table table th, .opencampus.openclass .event_date .event_table table th, .opencampus.tour .event_date .event_table table th {
width: 72px;
}
.opencampus.opencampus_detail .event_date .event_table table th p.month, .opencampus.opencampus_entrance .event_date .event_table table th p.month, .opencampus.openclass .event_date .event_table table th p.month, .opencampus.tour .event_date .event_table table th p.month {
font-weight: normal;
background-color: #7D7D7D;
color: #FFF;
font-size: 20px;
text-align: center;
}
.opencampus.opencampus_detail .event_date .event_table table td, .opencampus.opencampus_entrance .event_date .event_table table td, .opencampus.openclass .event_date .event_table table td, .opencampus.tour .event_date .event_table table td {
padding-left: 25px;
font-size: 24px;
}
.opencampus.opencampus_detail .request, .opencampus.opencampus_entrance .request, .opencampus.openclass .request, .opencampus.tour .request {
width: 720px;
margin-top: 80px;
}
.opencampus.opencampus_detail .request .fukidashi, .opencampus.opencampus_entrance .request .fukidashi, .opencampus.openclass .request .fukidashi, .opencampus.tour .request .fukidashi {
position: relative;
}
.opencampus.opencampus_detail .request .fukidashi:before, .opencampus.opencampus_detail .request .fukidashi:after, .opencampus.opencampus_entrance .request .fukidashi:before, .opencampus.opencampus_entrance .request .fukidashi:after, .opencampus.openclass .request .fukidashi:before, .opencampus.openclass .request .fukidashi:after, .opencampus.tour .request .fukidashi:before, .opencampus.tour .request .fukidashi:after {
position: absolute;
background-color: #FB2121;
border-radius: 5px;
content: "";
height: 2px;
width: 84px;
bottom: 31px;
}
.opencampus.opencampus_detail .request .fukidashi::before, .opencampus.opencampus_entrance .request .fukidashi::before, .opencampus.openclass .request .fukidashi::before, .opencampus.tour .request .fukidashi::before {
left: -80px;
transform: rotate(60deg);
}
.opencampus.opencampus_detail .request .fukidashi::after, .opencampus.opencampus_entrance .request .fukidashi::after, .opencampus.openclass .request .fukidashi::after, .opencampus.tour .request .fukidashi::after {
right: -80px;
transform: rotate(-60deg);
}
.opencampus.opencampus_detail .request .fukidashi p, .opencampus.opencampus_entrance .request .fukidashi p, .opencampus.openclass .request .fukidashi p, .opencampus.tour .request .fukidashi p {
color: #FB2121;
text-align: center;
font-size: 27px;
line-height: 150%;
}
.opencampus.opencampus_detail .request .fukidashi p span, .opencampus.opencampus_entrance .request .fukidashi p span, .opencampus.openclass .request .fukidashi p span, .opencampus.tour .request .fukidashi p span {
font-size: 23px;
}
.opencampus.opencampus_detail .request .red_btn, .opencampus.opencampus_detail .request .green_btn, .opencampus.opencampus_entrance .request .red_btn, .opencampus.opencampus_entrance .request .green_btn, .opencampus.openclass .request .red_btn, .opencampus.openclass .request .green_btn, .opencampus.tour .request .red_btn, .opencampus.tour .request .green_btn {
margin-top: 40px;
width: 100%;
margin-bottom: 10px;
}
.opencampus.opencampus_detail .request .red_btn a, .opencampus.opencampus_detail .request .green_btn a, .opencampus.opencampus_entrance .request .red_btn a, .opencampus.opencampus_entrance .request .green_btn a, .opencampus.openclass .request .red_btn a, .opencampus.openclass .request .green_btn a, .opencampus.tour .request .red_btn a, .opencampus.tour .request .green_btn a {
box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.45);
width: 100%;
padding: 24px 60px 24px 40px;
}
.opencampus.opencampus_detail .request .is_schedule, .opencampus.opencampus_entrance .request .is_schedule, .opencampus.openclass .request .is_schedule, .opencampus.tour .request .is_schedule {
margin-top: 1em;
}
.opencampus.opencampus_detail .request .is_schedule p, .opencampus.opencampus_entrance .request .is_schedule p, .opencampus.openclass .request .is_schedule p, .opencampus.tour .request .is_schedule p {
text-align: center;
}
.opencampus.opencampus_detail .time_schedule .caption, .opencampus.opencampus_entrance .time_schedule .caption, .opencampus.openclass .time_schedule .caption, .opencampus.tour .time_schedule .caption {
margin-top: 50px;
margin-bottom: 60px;
}
.opencampus.opencampus_detail .time_schedule .time_map, .opencampus.opencampus_entrance .time_schedule .time_map, .opencampus.openclass .time_schedule .time_map, .opencampus.tour .time_schedule .time_map {
padding-top: 90px;
padding-bottom: 90px;
background-color: #F4F4F4;
}
.opencampus.opencampus_detail .time_schedule .time_map .pic, .opencampus.opencampus_entrance .time_schedule .time_map .pic, .opencampus.openclass .time_schedule .time_map .pic, .opencampus.tour .time_schedule .time_map .pic {
width: 1200px;
margin: 0 auto;
}
.opencampus.opencampus_detail .time_schedule .caution, .opencampus.opencampus_entrance .time_schedule .caution, .opencampus.openclass .time_schedule .caution, .opencampus.tour .time_schedule .caution {
margin-top: 25px;
}
.opencampus.opencampus_detail .time_schedule .caution p, .opencampus.opencampus_entrance .time_schedule .caution p, .opencampus.openclass .time_schedule .caution p, .opencampus.tour .time_schedule .caution p {
text-align: right;
color: #FF2121;
}
.opencampus.opencampus_detail .banner, .opencampus.opencampus_entrance .banner, .opencampus.openclass .banner, .opencampus.tour .banner {
margin-top: 95px;
}
.opencampus.opencampus_detail .shuttle_pickup, .opencampus.opencampus_entrance .shuttle_pickup, .opencampus.openclass .shuttle_pickup, .opencampus.tour .shuttle_pickup {
padding-top: 180px;
margin-top: -90px;
}
.opencampus.opencampus_detail .shuttle_pickup .caution, .opencampus.opencampus_entrance .shuttle_pickup .caution, .opencampus.openclass .shuttle_pickup .caution, .opencampus.tour .shuttle_pickup .caution {
margin-top: 25px;
}
.opencampus.opencampus_detail .shuttle_pickup .pickup_area, .opencampus.opencampus_entrance .shuttle_pickup .pickup_area, .opencampus.openclass .shuttle_pickup .pickup_area, .opencampus.tour .shuttle_pickup .pickup_area {
margin-top: 70px;
}
.opencampus.opencampus_detail .shuttle_pickup .pickup_area ul, .opencampus.opencampus_entrance .shuttle_pickup .pickup_area ul, .opencampus.openclass .shuttle_pickup .pickup_area ul, .opencampus.tour .shuttle_pickup .pickup_area ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.opencampus.opencampus_detail .shuttle_pickup .pickup_area ul li, .opencampus.opencampus_entrance .shuttle_pickup .pickup_area ul li, .opencampus.openclass .shuttle_pickup .pickup_area ul li, .opencampus.tour .shuttle_pickup .pickup_area ul li {
width: 31%;
height: 304px;
border: 1px solid #BFBFBF;
padding: 26px 36px 36px;
position: relative;
margin-bottom: 20px;
}
.opencampus.opencampus_detail .shuttle_pickup .pickup_area ul li .pickup_spot, .opencampus.opencampus_entrance .shuttle_pickup .pickup_area ul li .pickup_spot, .opencampus.openclass .shuttle_pickup .pickup_area ul li .pickup_spot, .opencampus.tour .shuttle_pickup .pickup_area ul li .pickup_spot {
font-size: 28px;
text-align: center;
}
.opencampus.opencampus_detail .shuttle_pickup .pickup_area ul li .start_time, .opencampus.opencampus_entrance .shuttle_pickup .pickup_area ul li .start_time, .opencampus.openclass .shuttle_pickup .pickup_area ul li .start_time, .opencampus.tour .shuttle_pickup .pickup_area ul li .start_time {
border-top: 1px solid #000;
margin: 4px 0;
}
.opencampus.opencampus_detail .shuttle_pickup .pickup_area ul li .start_time p, .opencampus.opencampus_entrance .shuttle_pickup .pickup_area ul li .start_time p, .opencampus.openclass .shuttle_pickup .pickup_area ul li .start_time p, .opencampus.tour .shuttle_pickup .pickup_area ul li .start_time p {
text-align: center;
font-size: 24px;
}
.opencampus.opencampus_detail .shuttle_pickup .pickup_area ul li .start_time, .opencampus.opencampus_entrance .shuttle_pickup .pickup_area ul li .start_time, .opencampus.openclass .shuttle_pickup .pickup_area ul li .start_time, .opencampus.tour .shuttle_pickup .pickup_area ul li .start_time {
border-bottom: 1px solid #000;
}
.opencampus.opencampus_detail .shuttle_pickup .pickup_area ul li .info p, .opencampus.opencampus_entrance .shuttle_pickup .pickup_area ul li .info p, .opencampus.openclass .shuttle_pickup .pickup_area ul li .info p, .opencampus.tour .shuttle_pickup .pickup_area ul li .info p {
font-size: 20px;
line-height: 140%;
}
.opencampus.opencampus_detail .shuttle_pickup .pickup_area ul li .map_btn, .opencampus.opencampus_entrance .shuttle_pickup .pickup_area ul li .map_btn, .opencampus.openclass .shuttle_pickup .pickup_area ul li .map_btn, .opencampus.tour .shuttle_pickup .pickup_area ul li .map_btn {
position: absolute;
width: 142px;
bottom: 35px;
margin: 0 auto;
left: 0;
right: 0;
}
.opencampus.opencampus_detail .shuttle_pickup .pickup_area ul li .map_btn a, .opencampus.opencampus_entrance .shuttle_pickup .pickup_area ul li .map_btn a, .opencampus.openclass .shuttle_pickup .pickup_area ul li .map_btn a, .opencampus.tour .shuttle_pickup .pickup_area ul li .map_btn a {
border-radius: 40px;
padding: 10px 0;
font-size: 20px;
width: 100%;
color: #FFF;
text-align: center;
display: block;
background-color: #F2B601;
}
.opencampus.opencampus_entrance .to_parents {
margin-bottom: 90px;
}
.opencampus.opencampus_entrance .to_parents .flex_wrapper {
margin-top: 70px;
justify-content: space-between;
}
.opencampus.opencampus_entrance .to_parents .flex_wrapper .flex_left {
width: 642px;
}
.opencampus.opencampus_entrance .to_parents .flex_wrapper .flex_right {
width: 493px;
}
.opencampus.opencampus_entrance .event_lists {
margin-bottom: 90px;
}
.opencampus.opencampus_entrance .event_lists .event_lists_wrapper {
margin-top: 70px;
}
.opencampus.opencampus_entrance .event_lists .flex_wrapper {
flex-wrap: wrap;
justify-content: space-between;
}
.opencampus.opencampus_entrance .event_lists .flex_wrapper li {
width: 48%;
margin-bottom: 40px;
}
.opencampus.opencampus_entrance .event_lists .flex_wrapper li:nth-child(3), .opencampus.opencampus_entrance .event_lists .flex_wrapper li:nth-child(4) {
margin-bottom: 0;
}
.opencampus.opencampus_entrance .event_lists .flex_wrapper li .content_name {
background-color: #FB2121;
padding: 12px;
}
.opencampus.opencampus_entrance .event_lists .flex_wrapper li .content_name .flex_wrapper {
justify-content: flex-start;
align-items: center;
}
.opencampus.opencampus_entrance .event_lists .flex_wrapper li .content_name .arrow {
width: 22px;
margin-right: 10px;
}
.opencampus.opencampus_entrance .event_lists .flex_wrapper li .content_name p {
color: #FFF;
font-size: 27px;
font-weight: bold;
}
.opencampus.opencampus_entrance .event_lists .flex_wrapper li .caption {
margin-top: 20px;
}
.opencampus.opencampus_detail .trial {
margin-bottom: 90px;
}
.opencampus.opencampus_detail .trial .caption {
margin-top: 50px;
margin-bottom: 60px;
}
.opencampus.opencampus_detail .trial ul.regular_list {
display: flex;
flex-wrap: wrap;
}
.opencampus.opencampus_detail .trial ul.regular_list > li {
width: 384px;
margin-right: 22px;
margin-bottom: 40px;
}
.opencampus.opencampus_detail .trial ul.regular_list > li:nth-child(4), .opencampus.opencampus_detail .trial ul.regular_list > li:nth-child(5) {
margin-bottom: 0px;
}
.opencampus.opencampus_detail .trial ul.regular_list > li:nth-child(3) {
margin-right: 0;
}
.opencampus.opencampus_detail .trial ul.regular_list > li .pic {
position: relative;
}
.opencampus.opencampus_detail .trial ul.regular_list > li .pic .content_name {
position: absolute;
bottom: 0;
width: 100%;
padding: 12px;
padding: 12px 12px 12px 40px;
}
.opencampus.opencampus_detail .trial ul.regular_list > li .pic .content_name p {
position: relative;
z-index: 2;
color: #FFF;
font-size: 24px;
font-weight: bold;
}
.opencampus.opencampus_detail .trial ul.regular_list > li .pic .content_name:before {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
}
.opencampus.opencampus_detail .trial ul.regular_list > li .caption {
margin-top: 20px;
margin-bottom: 0px;
}
.opencampus.opencampus_detail .trial .video_info {
width: 1110px;
margin: 70px auto 0;
}
.opencampus.opencampus_detail .trial .video_info .vide_head {
margin-bottom: 30px;
}
.opencampus.opencampus_detail .trial .trial_schedule .trial_schedule_year {
position: relative;
margin-top: 15px;
font-size: 24px;
font-weight: bold;
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: space-between;
}
.opencampus.opencampus_detail .trial .trial_schedule .trial_schedule_year:after {
background-color: #000;
content: "";
height: 1px;
width: 73%;
}
.opencampus.opencampus_detail .trial .trial_schedule .trial_schedule_date ul {
display: flex;
flex-wrap: wrap;
min-height: 3em;
width: 95%;
margin: 0 auto;
}
.opencampus.opencampus_detail .trial .trial_schedule .trial_schedule_date ul li {
width: 25%;
margin-bottom: 6px;
font-size: 16px;
}
.opencampus.opencampus_detail .trial .trial_schedule .trial_schedule_date ul li:nth-child(2), .opencampus.opencampus_detail .trial .trial_schedule .trial_schedule_date ul li:nth-child(3), .opencampus.opencampus_detail .trial .trial_schedule .trial_schedule_date ul li:nth-child(6), .opencampus.opencampus_detail .trial .trial_schedule .trial_schedule_date ul li:nth-child(7) {
text-align: center;
}
.opencampus.opencampus_detail .trial .trial_schedule .trial_schedule_date ul li:nth-child(4n) {
text-align: right;
}
.opencampus.opencampus_detail .trial.special ul.regular_list > li .caption {
min-height: 3em;
}
.opencampus.opencampus_detail .trial.special ul.regular_list > li:nth-child(4) .caption {
min-height: 0;
}
.opencampus.opencampus_detail .trial.special ul.regular_list > li:nth-child(4) .trial_schedule_date ul {
min-height: 0em;
}
.opencampus.opencampus_form .form_area {
margin-top: 90px;
}
.opencampus.tour .time_schedule .time_map {
padding-bottom: 90px;
}
.opencampus.tour .time_schedule .time_map .pic {
width: 836px;
}
.opencampus.weboc #weboc_form {
padding-top: 160px;
margin-top: -120px;
}
.opencampus.weboc .top_border_wrapper .inner .detail dl dt {
color: #FB2121;
font-size: 22px;
font-weight: bold;
margin-bottom: 8px;
}
.opencampus.weboc .top_border_wrapper .inner .detail dl dd {
margin-bottom: 40px;
}
.opencampus.weboc .top_border_wrapper .inner .detail .pdf_download_btn {
width: 380px;
margin-bottom: 40px;
}
.opencampus.weboc .top_border_wrapper .inner .detail .pdf_download_btn a {
padding: 22px 0;
}
.opencampus.weboc .top_border_wrapper .inner .detail .pdf_download_btn a p {
font-size: 18px;
font-weight: normal;
}
.opencampus.weboc .top_border_wrapper .inner .detail .pdf_download_btn a .icon_pdf {
width: 36.8px;
top: 21%;
}
.opencampus.weboc .top_border_wrapper .inner .detail .caution {
margin-bottom: 60px;
}
.opencampus.weboc .top_border_wrapper .inner .detail .caution ul {
margin-left: 1em;
}
.opencampus.weboc .top_border_wrapper .inner .detail .caution ul li {
list-style-type: disc;
margin-bottom: 10px;
}
.opencampus.weboc .top_border_wrapper .inner .detail .caution ul li:last-child {
margin-bottom: 0;
}
.opencampus.weboc .top_border_wrapper .inner .facility_video {
margin-top: 120px;
}
.opencampus.weboc .top_border_wrapper .inner .facility_video .video_list ul {
margin-top: 50px;
display: flex;
flex-wrap: wrap;
}
.opencampus.weboc .top_border_wrapper .inner .facility_video .video_list ul li {
width: 32%;
margin-right: 2%;
margin-bottom: 60px;
}
.opencampus.weboc .top_border_wrapper .inner .facility_video .video_list ul li:nth-child(3n) {
margin-right: 0;
}
.opencampus.weboc .top_border_wrapper .inner .facility_video .video_list ul li p.title {
padding: 17px 0;
margin-bottom: 20px;
font-size: 22px;
font-weight: bold;
border-bottom: 1px solid #E5E5E5;
}
.opencampus.weboc .top_border_wrapper .inner .form_area {
margin-top: 40px;
}
.contact .form_area .form_wrapper, .document .form_area .form_wrapper {
margin-top: 0;
}
.loan .accordion_arrow {
margin-top: 0;
}
.loan .accordion-container {
margin-bottom: 60px;
}
.loan .accordion-container:last-child {
margin-bottom: 0;
}
.loan .accordion-item .accordion-title {
padding-left: 50px;
}
.loan .accordion-content {
padding: 50px 50px 60px;
}
.loan .accordion-content p {
font-size: 18px;
line-height: 180%;
}
.loan .accordion-content p.caution {
margin-top: 20px;
}
.loan .accordion-content .red_btn a {
width: 440px;
}
.loan .accordion-content .red_btn {
margin-bottom: 20px;
}
.loan .accordion-content .banner {
width: 300px;
margin: 35px 0;
}
.loan .accordion-content .inner_block + .inner_block {
margin-top: 55px;
}
.loan .accordion-content .inner_block .h4_wrapper {
margin-bottom: 25px;
}
.loan .accordion-content .inner_block .h4_wrapper h4 {
border-left: 8px solid #FB2121;
font-size: 27px;
font-weight: bold;
padding-left: 10px;
}
.loan .accordion-content .inner_block .inner_text {
margin-bottom: 50px;
}
.loan .accordion-content .inner_block .inner_text .ao_tokuten_table {
width: 65%;
}
.loan .accordion-content .inner_block .inner_text table {
width: 100%;
border-top: 1px solid #E5E5E5;
}
.loan .accordion-content .inner_block .inner_text table tr {
border-bottom: 1px solid #E5E5E5;
}
.loan .accordion-content .inner_block .inner_text table th, .loan .accordion-content .inner_block .inner_text table td {
line-height: 180%;
}
.loan .accordion-content .inner_block .inner_text table th {
text-align: center;
background-color: #F5F5F5;
}
.loan .accordion-content .inner_block .inner_text table th + th, .loan .accordion-content .inner_block .inner_text table td + td {
border-left: 1px solid #E5E5E5;
}
.loan .accordion-content .inner_block .inner_text table th {
padding: 10px 0;
}
.loan .accordion-content .inner_block .inner_text table td {
padding: 20px;
vertical-align: middle;
}
.loan .accordion-content .inner_block .inner_text table td.center {
text-align: center;
}
.loan .accordion-content .inner_block .inner_text table th.tokuten {
width: 300px;
}
.loan .accordion-content .inner_block .inner_text table td.tokutai_jyouken {
padding-left: 160px;
}
.loan .accordion-content .inner_block .inner_text table td.family_jyouken {
width: 416px;
}
.loan .contact_box {
margin-top: 40px;
width: 100%;
border: 5px solid #E5E5E5;
padding: 30px;
}
.loan .contact_box p {
font-size: 20px;
font-weight: bold;
}
.loan .contact_box .flex_wrapper {
align-items: center;
}
.loan .contact_box .flex_wrapper.outer {
justify-content: flex-start;
align-items: center;
}
.loan .contact_box .flex_wrapper.outer .flex_left {
width: 220px;
text-align: center;
}
.loan .contact_box .flex_wrapper.outer .flex_right {
border-left: 2px solid #E5E5E5;
padding-left: 48px;
width: 790px;
}
.loan .contact_box .tel {
margin-top: 15px;
}
.loan .contact_box .tel .icon {
margin-top: 7px;
width: 35px;
margin-right: 22px;
}
.loan .contact_box .tel p.num {
font-size: 46px;
font-weight: 500;
line-height: 0;
}
.loan .contact_box .tel p.num span {
font-size: 30px;
padding-left: 0;
}
.loan h5 {
font-size: 22px;
font-weight: bold;
color: #FB2121;
margin-bottom: 20px;
}
.loan dl dt {
font-size: 20px;
}
.loan dl dt span.red {
padding-left: 0;
color: #FB2121;
}
.loan dl dd {
margin-bottom: 20px;
}
.loan dl dd p {
padding-left: 1.2em;
}
.loan .block_taiyo, .loan .block_hensaishien {
margin-top: 50px;
}
.loan .block_shogaku {
margin-top: 40px;
}
.loan .block_shogaku ul li {
list-style-type: disc;
margin-left: 1.2em;
line-height: 180%;
text-indent: -0.4em;
}
.loan .block_shogaku table {
margin-top: 30px;
}
.loan .block_shogaku table td {
text-align: center;
}
.loan .block_shogaku table td.kubun {
width: 360px;
text-align: left;
padding-left: 50px !important;
}
.loan .block_shogaku .inner_width {
width: 1070px;
margin: 0 auto;
}
.loan .block_genmen {
margin-top: 40px;
}
.loan .block_genmen ul li {
list-style-type: disc;
margin-left: 1.2em;
line-height: 180%;
text-indent: -0.4em;
}
.loan .minkan_loan .inner_block {
margin-bottom: 50px;
}
.loan .minkan_loan .inner_block:last-child {
margin-bottom: 0;
}
.recruitment ul li {
text-indent: -0.4em;
}
.recruitment .accordion_arrow {
margin-top: 0;
}
.recruitment .accordion-container {
margin-bottom: 60px;
}
.recruitment .accordion-container:last-child {
margin-bottom: 0;
}
.recruitment .accordion-item .accordion-title {
padding-left: 50px;
}
.recruitment .accordion-content {
padding: 50px 50px 60px;
}
.recruitment .accordion-content p {
font-size: 18px;
line-height: 180%;
}
.recruitment .accordion-content p.caution {
margin-top: 20px;
}
.recruitment .accordion-content .red_btn a {
width: 440px;
}
.recruitment .accordion-content .red_btn {
margin-bottom: 20px;
}
.recruitment .accordion-content .banner {
width: 300px;
margin: 35px 0;
}
.recruitment .accordion-content .inner_block {
margin-bottom: 45px;
}
.recruitment .accordion-content .inner_block:last-child {
margin-bottom: 0;
}
.recruitment .accordion-content .inner_block .h4_wrapper {
margin-bottom: 15px;
}
.recruitment .accordion-content .inner_block .h4_wrapper h4 {
border-left: 8px solid #FB2121;
font-size: 27px;
font-weight: bold;
padding-left: 10px;
}
.recruitment .accordion-content .inner_block a {
text-decoration: underline;
}
.recruitment .accordion-content .inner_block .note {
margin-bottom: 25px;
}
.recruitment .accordion-content .inner_block .inner_text {
margin-bottom: 50px;
}
.recruitment .accordion-content .inner_block .inner_text table {
width: 100%;
border-top: 1px solid #E5E5E5;
}
.recruitment .accordion-content .inner_block .inner_text table tr {
border-bottom: 1px solid #E5E5E5;
}
.recruitment .accordion-content .inner_block .inner_text table th, .recruitment .accordion-content .inner_block .inner_text table td {
line-height: 180%;
}
.recruitment .accordion-content .inner_block .inner_text table th {
text-align: center;
background-color: #F5F5F5;
}
.recruitment .accordion-content .inner_block .inner_text table th + th, .recruitment .accordion-content .inner_block .inner_text table td + td {
border-left: 1px solid #E5E5E5;
}
.recruitment .accordion-content .inner_block .inner_text table th {
padding: 10px 0;
}
.recruitment .accordion-content .inner_block .inner_text table td {
padding: 20px;
vertical-align: middle;
}
.recruitment .accordion-content .inner_block .inner_text table td.center {
text-align: center;
}
.recruitment .accordion-content .inner_block .inner_text table th.tokuten {
width: 300px;
}
.recruitment .accordion-content .inner_block .inner_text table td.tokutai_jyouken {
padding-left: 160px;
}
.recruitment .accordion-content .inner_block .inner_text table td.family_jyouken {
width: 416px;
}
.recruitment .accordion-content .inner_block .inner_text table.recruit_detail thead th {
width: 33%;
}
.recruitment .important_notes {
border: 2px solid #FB2121;
padding: 23px 30px;
}
.recruitment .important_notes p {
color: #FB2121;
font-weight: 500;
}
.recruitment .entry_qualification .notes {
margin-bottom: 30px;
}
.recruitment .entry_qualification p.caution {
margin-top: 0px;
}
.recruitment .entry_qualification ul {
margin-top: 13px;
margin-left: 1.1em;
}
.recruitment .entry_qualification ul li {
margin-bottom: 6px;
list-style-type: disc;
}
.recruitment .entry_qualification ul li:last-child {
margin-bottom: 0;
}
.recruitment .entry_qualification .h4_wrapper {
margin-bottom: 30px !important;
}
.recruitment .entry_qualification .important_notes {
margin: 40px 0;
}
.recruitment .entry_qualification .pdf_download_btn {
width: 380px;
}
.recruitment .entry_qualification .pdf_download_btn a {
padding: 28px 54px 28px 20px;
text-decoration: none;
}
.recruitment .entry_qualification .pdf_download_btn a p {
font-weight: normal;
}
.recruitment .fee .inner_block {
margin-bottom: 55px;
}
.recruitment .fee .h4_wrapper {
margin-bottom: 0 !important;
}
.recruitment .fee .caption {
margin-bottom: 40px;
}
.recruitment .fee .tani {
text-align: right;
line-height: 120%;
}
.recruitment .fee .other_fee {
margin-top: 20px;
}
.recruitment .fee .other_fee p {
padding: 5px 0;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
.recruitment .fee .heishu_system {
margin-top: 30px;
}
.recruitment .fee .important_notes {
margin: 0 0 50px 0;
}
.recruitment .fee .tsumitate .h4_wrapper {
margin-bottom: 30px !important;
}
.recruitment .fee .tsumitate ul {
margin-top: 30px;
margin-left: 1.1em;
}
.recruitment .fee .tsumitate ul li {
list-style-type: disc;
}
.recruitment table {
margin-top: 10px;
width: 100%;
border-top: 1px solid #E5E5E5;
}
.recruitment table tr {
border-bottom: 1px solid #E5E5E5;
}
.recruitment table th, .recruitment table td {
line-height: 180%;
letter-spacing: 1.2px;
}
.recruitment table th {
text-align: center;
background-color: #F5F5F5;
}
.recruitment table th + th, .recruitment table td + td {
border-left: 1px solid #E5E5E5;
}
.recruitment table tbody th {
font-weight: normal;
border-right: 1px solid #E5E5E5;
vertical-align: middle;
padding: 0 15px;
}
.recruitment table th {
padding: 10px 0;
}
.recruitment table td {
padding: 10px 20px;
vertical-align: middle;
text-align: right;
}
.recruitment table td.center {
text-align: center;
}
.recruitment .h5_wrapper {
margin-bottom: 30px;
}
.recruitment .h5_wrapper h5 {
font-size: 22px;
font-weight: bold;
color: #FB2121;
margin-bottom: 5px;
}
.ao#lower_container {
margin-bottom: 0;
}
.ao .indent {
text-indent: -1em;
margin-left: 1em;
}
.ao span.red {
color: #FB2121;
}
.ao .ao_overview {
margin-bottom: 100px;
}
.ao .ao_overview p.indent + p.indent {
padding-top: 6px;
}
.ao .ao_overview .wrapper .bold {
font-size: 32px;
font-weight: bold;
margin-bottom: 10px;
}
.ao .ao_overview .wrapper {
margin-bottom: 45px;
padding-bottom: 45px;
border-bottom: 1px solid #E5E5E5;
}
.ao .ao_flow {
padding: 130px 0;
background-color: #F5F5F5;
}
.ao .ao_flow .h3_wrapper {
margin: 0 auto 50px;
}
.ao .ao_flow .h3_wrapper .top_border {
width: 80px;
height: 8px;
background-color: #FF2121;
margin: 0 auto 20px;
}
.ao .ao_flow .h3_wrapper h3 {
text-align: center;
font-size: 34px;
font-weight: bold;
}
.ao .ao_flow .ao_flow_step .flex_wrapper {
background-color: #FFF;
align-items: stretch;
}
.ao .ao_flow .ao_flow_step .flex_wrapper .flex_left {
padding: 50px 0;
width: 332px;
background-color: #FF2121;
display: flex;
flex-direction: column;
justify-content: center;
}
.ao .ao_flow .ao_flow_step .flex_wrapper .flex_left .step_num {
text-align: center;
color: #FFF;
font-weight: bold;
font-size: 24px;
}
.ao .ao_flow .ao_flow_step .flex_wrapper .flex_left .step_num .bottom_border {
width: 40px;
margin: 5px auto 10px;
border-bottom: 3px solid #FFF;
}
.ao .ao_flow .ao_flow_step .flex_wrapper .flex_left .step_title {
text-align: center;
color: #FFF;
font-size: 27px;
font-weight: bold;
}
.ao .ao_flow .ao_flow_step .flex_wrapper .flex_right {
width: calc(100% - 332px);
background-color: #FFF;
padding: 40px 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
.ao .ao_flow .ao_flow_step .flex_wrapper .flex_right p.indent + p.indent {
padding-top: 6px;
}
.ao .ao_flow .ao_flow_step .flex_wrapper .flex_right p.bold {
font-weight: bold;
font-size: 24px;
margin-bottom: 16px;
}
.ao .ao_flow .ao_flow_step.step05 .flex_wrapper .flex_left {
padding-top: 62px;
}
.ao .ao_flow .ao_flow_step.step05 .flex_wrapper .flex_right p.bold {
margin-bottom: 0px;
}
.ao .ao_flow .to_faq {
margin-top: 50px;
text-align: center;
}
.ao .ao_flow .to_faq a {
text-decoration: underline;
}
.ao .ao_flow .red_arrow_btn {
width: 430px;
margin: 50px auto 70px;
}
.ao .ao_flow .red_arrow_btn a {
width: 100%;
}
.ao .ao_flow .red_arrow_btn a p {
text-align: center;
}
.ao .ao_flow .contact_box {
width: 1100px;
margin: 0 auto;
border: 5px solid #E5E5E5;
padding: 45px;
background-color: #FFF;
}
.ao .ao_flow .contact_box p {
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 200%;
}
.ao .ao_flow .contact_box .flex_wrapper {
justify-content: center;
align-items: center;
}
.ao .ao_flow .contact_box .tel {
margin-top: 17px;
}
.ao .ao_flow .contact_box .tel .icon {
margin-top: 7px;
width: 42px;
margin-right: 22px;
}
.ao .ao_flow .contact_box .tel p.num {
font-size: 55px;
font-weight: 500;
line-height: 0;
}
.ao .arrow_bottom {
margin: 25px 0 25px 154px;
}
.ao .arrow_bottom_inner {
display: inline-block;
vertical-align: middle;
color: #FB2121;
line-height: 1;
width: 1em;
height: 1em;
border: 0.3em solid currentColor;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateY(-25%) rotate(135deg);
}
.international table.schedule {
margin-top: 30px;
margin-bottom: 10px;
width: 100%;
border-top: 1px solid #E5E5E5;
}
.international table.schedule tr {
border-bottom: 1px solid #E5E5E5;
}
.international table.schedule th, .international table.schedule td {
line-height: 180%;
letter-spacing: 1.2px;
}
.international table.schedule th {
text-align: center;
font-weight: bold;
background-color: #F5F5F5;
}
.international table.schedule th + th, .international table.schedule td + td {
border-left: 1px solid #E5E5E5;
}
.international table.schedule tbody th {
font-weight: bold;
border-right: 1px solid #E5E5E5;
vertical-align: middle;
padding: 10px 15px;
border-right: none;
}
.international table.schedule th {
padding: 10px 0;
}
.international table.schedule td {
padding: 10px 20px;
vertical-align: middle;
text-align: left;
border-left: none;
}
.international table.schedule td.center {
text-align: center;
}
.international .h4_wrapper {
margin-top: 42px;
}
.international .h4_wrapper h4 {
border-left: 8px solid #FB2121;
font-size: 27px;
font-weight: bold;
padding-left: 10px;
}
.international .h3_wrapper {
margin-bottom: 20px;
}
.international .h3_wrapper h3 {
font-size: 32px;
font-weight: bold;
}
.international .h5_wrapper {
margin-top: 30px;
margin-bottom: 13px;
}
.international .h5_wrapper h5 {
color: #FB2121;
font-size: 22px;
font-weight: bold;
}
.international .pdf_download_btn {
width: 380px;
margin-top: 25px;
}
.international .pdf_download_btn a {
text-decoration: none;
}
.international .pdf_download_btn a p {
font-size: 18px;
}
.international .tokutai p.red_bold {
margin: 30px 0 18px;
font-size: 22px;
font-weight: bold;
color: #FB2121;
}
.international table {
margin: 30px 0;
border-bottom: 1px solid #E5E5E5;
}
.international table tr {
border-top: 1px solid #E5E5E5;
}
.international table th {
padding: 10px 30px;
background-color: #F5F5F5;
}
.international table td {
border-left: 1px solid #E5E5E5;
padding: 10px 50px;
text-align: right;
letter-spacing: 1px;
}
.international .wrapper {
margin-bottom: 45px;
padding-bottom: 45px;
border-bottom: 1px solid #E5E5E5;
}
.international .wrapper ul li {
line-height: 180%;
list-style-type: disc;
margin-left: 1.2em;
}
.international .indent {
text-indent: -1em;
margin-left: 1em;
}
.international a {
text-decoration: underline;
}
.international .price_wrapper {
margin-bottom: 14px;
}
.international .price_wrapper p {
font-size: 24px;
font-weight: bold;
}
.international .contact_box {
width: 840px;
margin-top: 20px;
border: 5px solid #E5E5E5;
padding: 30px;
background-color: #FFF;
}
.international .contact_box p {
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 200%;
}
.international .contact_box .flex_wrapper {
justify-content: center;
align-items: center;
}
.international .contact_box .tel {
margin-top: 10px;
}
.international .contact_box .tel .icon {
margin-top: 7px;
width: 42px;
margin-right: 22px;
}
.international .contact_box .tel p.num {
font-size: 55px;
font-weight: 500;
line-height: 0;
}
.facility .lead .lead_bold {
margin-bottom: 25px !important;
}
.facility .facility_map_wrapper .inner {
width: 1100px;
margin: 0 auto;
}
.facility .facility_map_wrapper .inner .facility_map {
margin-bottom: 80px;
position: relative;
}
.facility .facility_map_wrapper .inner .facility_map .map_linkbtn {
position: absolute;
}
.facility .facility_map_wrapper .inner .facility_map .map_linkbtn a {
font-size: 12px;
color: #fb2121;
border: 1px solid #FF2121;
border-radius: 5px;
text-align: center;
padding: 9px 32px 9px 20px;
background-color: #FFF;
font-weight: bold;
position: relative;
display: block;
}
.facility .facility_map_wrapper .inner .facility_map .map_linkbtn a:before {
position: absolute;
content: "";
vertical-align: middle;
bottom: 8px;
transform: rotate(90deg);
margin: 0 auto;
right: 6px;
box-sizing: border-box;
width: 10px;
height: 6px;
border: 5px solid transparent;
border-left: 9px solid #fb2121;
}
.facility .facility_map_wrapper .inner .facility_map .link01 {
width: 196px;
top: 25%;
right: 33%;
}
.facility .facility_map_wrapper .inner .facility_map .link02 {
top: 33%;
left: 22%;
width: 122px;
}
.facility .facility_map_wrapper .inner .facility_map .link03 {
top: 7%;
right: 49%;
}
.facility .facility_map_wrapper .inner .facility_map .link04 {
width: 196px;
top: 30%;
right: 33%;
}
.facility .facility_map_wrapper .inner .facility_map .link05 {
top: 40%;
right: 82%;
}
.facility .facility_map_wrapper .inner .facility_map .link06 {
top: 35%;
right: 82%;
}
.facility .facility_map_wrapper .inner .facility_map .link07 {
width: 122px;
bottom: 45%;
left: 24%;
}
.facility .facility_map_wrapper .inner .facility_map .link08 {
width: 165px;
top: 44%;
right: 38%;
}
.facility .facility_map_wrapper .inner .facility_map .link09 {
top: 15%;
left: 12%;
}
.facility .facility_map_wrapper .inner .facility_map .link10 {
width: 122px;
top: 28%;
left: 22%;
}
.facility .facility_map_wrapper .inner .facility_map .link11 {
width: 150px;
top: 39%;
right: 33%;
}
.facility .facility_map_wrapper .inner .facility_map .link12 {
top: 39%;
left: 33%;
}
.facility .facility_map_wrapper .inner .facility_map .link13 {
width: 136px;
bottom: 23%;
left: 42%;
}
.facility .facility_map_wrapper .inner .facility_map .link14 {
bottom: 6%;
left: 5%;
}
.facility .facility_map_wrapper .inner .facility_map .link15 {
width: 150px;
bottom: 44%;
right: 33%;
}
.facility .facility_map_wrapper .inner .facility_map .link16 {
width: 150px;
top: 44%;
left: 32%;
}
.facility .facility_map_wrapper .inner .facility_map .link17 {
bottom: 34%;
right: 33%;
}
.facility .facility_detail ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.facility .facility_detail ul li {
width: 48%;
margin-right: 4%;
}
.facility .facility_detail ul li:nth-child(2n) {
margin-right: 0;
}
.facility .facility_detail ul li .flex_wrapper {
flex-direction: column;
margin-bottom: 50px;
padding-top: 200px;
margin-top: -200px;
}
.facility .facility_detail ul li .flex_wrapper .flex_l {
width: 100%;
}
.facility .facility_detail ul li .flex_wrapper .flex_l .pic {
margin-bottom: 10px;
}
.facility .facility_detail ul li .flex_wrapper .flex_l p {
font-size: 15px;
}
.facility .facility_detail ul li .flex_wrapper .flex_r {
width: 100%;
}
.facility .facility_detail ul li .flex_wrapper .flex_r .title {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #E5E5E5;
}
.facility .facility_detail ul li .flex_wrapper .flex_r .title h3 {
font-size: 24px;
font-weight: bold;
}
.facility .facility_detail ul li .flex_wrapper .flex_r p {
margin-bottom: 8px;
}
.privacypolicy dl dt {
margin-top: 40px;
font-weight: normal;
font-size: 24px;
margin-bottom: 20px;
text-indent: -1em;
margin-left: 1em;
line-height: 140%;
}
.privacypolicy dl dd ul {
list-style-type: decimal;
}
.privacypolicy dl dd ul li {
line-height: 180%;
}
.privacypolicy dl dd ul.list {
margin-left: 1.5em;
}
.privacypolicy dl dd ul.list > li {
margin-bottom: 20px;
}
.privacypolicy dl dd ul.list ul.list_child {
margin-left: 1.2em;
margin-bottom: 20px;
}
.privacypolicy dl dd ul.list ul.list_child li {
margin-bottom: 2px;
}
.privacy-policy .privacy-policy_conteiner {
margin-top: 40px;
}
.privacy-policy .privacy-policy_conteiner dt {
font-weight: bold;
}
.privacy-policy .privacy-policy_conteiner dt.first {
font-size: 32px;
}
.enploy_support h3 {
text-align: center;
font-size: 36px;
font-weight: bold;
}
.enploy_support h3 span {
color: #E50012;
}
.enploy_support .point .flex_wrapper {
justify-content: space-between;
}
.enploy_support .point .flex_wrapper .flex_left {
width: calc(100% - 500px - 60px);
}
.enploy_support .point .flex_wrapper .flex_right {
width: 500px;
}
.enploy_support .point ul {
margin-top: 65px;
}
.enploy_support .point ul li {
padding-top: 50px;
margin-top: 50px;
}
.enploy_support .point ul li:first-child {
padding-top: 0px;
margin-top: 0px;
}
.enploy_support .point ul li .title_wrapper {
display: flex;
align-items: center;
margin-bottom: 38px;
}
.enploy_support .point ul li .title_wrapper .num p {
font-size: 27px;
font-weight: bold;
color: #E50012;
line-height: 100%;
}
.enploy_support .point ul li .title_wrapper .num p.number {
font-size: 72px;
}
.enploy_support .point ul li .title_wrapper .title {
margin-left: 25px;
font-weight: bold;
font-size: 32px;
padding-top: 28px;
}
.enploy_support .point ul li + li {
border-top: 1px solid #E5E5E5;
}
.enploy_support .schedule {
margin-top: 100px;
background-color: #F5F5F5;
padding: 120px 0;
}
.enploy_support .schedule .h3_wrapper {
position: relative;
margin-bottom: 65px;
}
.enploy_support .schedule .h3_wrapper h3 {
text-align: center;
font-size: 36px;
font-weight: bold;
}
.enploy_support .schedule .h3_wrapper h3:before {
background-color: #E50012;
display: block;
content: "";
width: 80px;
height: 8px;
margin: 0 auto 16px;
}
.enploy_support .schedule .midashi p.bold {
font-size: 27px;
font-weight: bold;
padding-bottom: 10px;
}
.enploy_support .schedule .schedule_map_wrapper {
margin-top: 45px;
display: flex;
justify-content: space-between;
}
.enploy_support .schedule .schedule_map_wrapper .schedule_map {
width: 580px;
}
.enploy_support .schedule .schedule_map_wrapper .schedule_map .head {
background-color: #E50012;
padding: 15px 0;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.enploy_support .schedule .schedule_map_wrapper .schedule_map .head p {
color: #FFF;
font-weight: bold;
text-align: center;
font-size: 22px;
}
.enploy_support .schedule .schedule_map_wrapper .schedule_map ul li {
background-color: #FFF;
display: flex;
border-bottom: 1px solid #E5E5E5;
}
.enploy_support .schedule .schedule_map_wrapper .schedule_map ul li:last-child {
border-bottom: none;
}
.enploy_support .schedule .schedule_map_wrapper .schedule_map ul li .month, .enploy_support .schedule .schedule_map_wrapper .schedule_map ul li .text {
font-size: 22px;
padding: 28px 0;
line-height: 160%;
}
.enploy_support .schedule .schedule_map_wrapper .schedule_map ul li .month {
width: 130px;
font-weight: bold;
color: #E50012;
padding-left: 33px;
padding-right: 33px;
}
.enploy_support .schedule .schedule_map_wrapper .schedule_map ul li .text {
width: calc(100% - 130px - 66px);
}
.enploy_support .schedule .schedule_detail_wrapper {
border-top: 1px solid #B2B2B2;
margin-top: 48px;
padding-top: 48px;
}
.enploy_support .schedule .schedule_detail_wrapper .schedule_detail + .schedule_detail {
margin-top: 47px;
}
.enploy_support .schedule .schedule_detail_wrapper .schedule_detail {
display: flex;
justify-content: space-between;
align-items: center;
}
.enploy_support .schedule .schedule_detail_wrapper .schedule_detail .text {
width: calc(100% - 500px - 60px);
}
.enploy_support .schedule .schedule_detail_wrapper .schedule_detail .text .left_border {
border-left: 8px solid #E50012;
padding-left: 12px;
margin-bottom: 20px;
}
.enploy_support .schedule .schedule_detail_wrapper .schedule_detail .text .left_border p {
font-weight: bold;
font-size: 27px;
}
.enploy_support .schedule .schedule_detail_wrapper .schedule_detail .pic {
width: 500px;
}
.enploy_support .message {
margin-top: 97px;
}
.enploy_support .message .flex_wrapper {
justify-content: space-between;
}
.enploy_support .message .flex_wrapper .text {
width: calc(100% - 450px - 60px);
}
.enploy_support .message .flex_wrapper .text p.bold {
font-size: 36px;
font-weight: bold;
color: #E50012;
padding-bottom: 20px;
}
.enploy_support .message .flex_wrapper .pic {
width: 450px;
}
.enploy_support .message .flex_wrapper .pic p {
padding-top: 16px;
font-size: 16px;
text-align: center;
}
.enploy_support .message .flex_wrapper .pic p span {
font-size: 18px;
font-weight: 500;
}
.saijidai-special-message .link_pos {
padding-top: 180px;
margin-top: -180px;
}
.saijidai-special-message .head_link {
margin-bottom: 60px;
}
.saijidai-special-message .head_link .color_grade01 {
color: #4C85B3;
}
.saijidai-special-message .head_link .color_grade02 {
color: #C46A3D;
}
.saijidai-special-message .head_link .color_car {
color: #5F4694;
}
.saijidai-special-message .head_link .color_custom {
color: #A8CF6A;
}
.saijidai-special-message .head_link .color_i-car {
color: #14944a;
}
.saijidai-special-message .head_link ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.saijidai-special-message .head_link ul li {
width: 280px;
margin-right: 33px;
}
.saijidai-special-message .head_link ul li:nth-child(4), .saijidai-special-message .head_link ul li:nth-child(7) {
margin-right: 0;
}
.saijidai-special-message .head_link ul li .pic {
margin-bottom: 15px;
}
.saijidai-special-message .head_link ul li .name_wrapper p {
text-align: center;
}
.saijidai-special-message .head_link ul li .name_wrapper p.name {
font-size: 22px;
font-weight: 500;
}
.saijidai-special-message #harada .message_inner .message_head .flex_wrapper .flex_right {
width: 377px;
}
.saijidai-special-message #bike .message_wrapper {
margin-bottom: 0;
}
.saijidai-special-message .message_wrapper {
min-width: 1300px;
width: 95%;
margin: 0 auto 60px;
padding: 30px 0 120px;
}
.saijidai-special-message .message_wrapper .message_inner {
width: 1100px;
margin: 0 auto;
}
.saijidai-special-message .message_wrapper .message_inner .message_head {
margin-bottom: 60px;
}
.saijidai-special-message .message_wrapper .message_inner .message_head .flex_wrapper {
justify-content: space-between;
align-items: center;
}
.saijidai-special-message .message_wrapper .message_inner .message_head .flex_wrapper .flex_left .message_num {
display: flex;
align-items: center;
}
.saijidai-special-message .message_wrapper .message_inner .message_head .flex_wrapper .flex_left .message_num .message_box {
margin-right: 20px;
margin-top: 10px;
color: #FFF;
font-size: 22px;
font-weight: bold;
width: 150px;
height: 36px;
text-align: center;
padding: 2px 0 2px;
}
.saijidai-special-message .message_wrapper .message_inner .message_head .flex_wrapper .flex_left .message_num .number {
font-size: 100px;
font-weight: bold;
color: #4C85B3;
}
.saijidai-special-message .message_wrapper .message_inner .message_head .flex_wrapper .flex_left .message_lead {
font-weight: bold;
font-size: 32px;
}
.saijidai-special-message .message_wrapper .message_inner .message_head .flex_wrapper .flex_left .stu_detail {
margin-top: 15px;
}
.saijidai-special-message .message_wrapper .message_inner .message_head .flex_wrapper .flex_left .stu_detail .gakka p {
font-weight: 500;
}
.saijidai-special-message .message_wrapper .message_inner .message_head .flex_wrapper .flex_left .stu_detail .name p {
font-weight: 500;
font-size: 24px;
}
.saijidai-special-message .message_wrapper .message_inner .message_head .flex_wrapper .flex_left .stu_detail .name p span {
font-weight: normal;
font-size: 16px;
}
.saijidai-special-message .message_wrapper .message_inner .message_head .flex_wrapper .flex_right {
width: 437px;
}
.saijidai-special-message .message_wrapper .message_inner .message_card .flex_wrapper {
justify-content: space-between;
}
.saijidai-special-message .message_wrapper .message_inner .message_card .flex_wrapper .flex_left {
width: calc(100% - 370px - 60px);
}
.saijidai-special-message .message_wrapper .message_inner .message_card .flex_wrapper .flex_left .left_border_box {
padding-left: 10px;
font-weight: bold;
font-size: 24px;
margin-bottom: 30px;
line-height: 140%;
}
.saijidai-special-message .message_wrapper .message_inner .message_card .flex_wrapper .flex_right {
width: 370px;
margin-left: 60px;
}
.saijidai-special-message .message_wrapper .message_inner .message_card.rev .flex_wrapper {
flex-direction: row-reverse;
}
.saijidai-special-message .message_wrapper .message_inner .message_card.rev .flex_wrapper .flex_right {
margin-left: 0;
margin-right: 60px;
}
.saijidai-special-message .message_wrapper .message_inner .message_card + .message_card {
margin-top: 60px;
padding-top: 60px;
}
.saijidai-special-message .message_wrapper.color_grade01 {
background-color: #e4eaf2;
}
.saijidai-special-message .message_wrapper.color_grade01 .message_inner .message_head {
border-bottom: 4px solid #4C85B3;
}
.saijidai-special-message .message_wrapper.color_grade01 .message_inner .message_head .flex_wrapper .flex_left .message_num .message_box {
background-color: #4C85B3;
}
.saijidai-special-message .message_wrapper.color_grade01 .message_inner .message_head .flex_wrapper .flex_left .message_num .number {
color: #4C85B3;
}
.saijidai-special-message .message_wrapper.color_grade01 .message_inner .message_head .flex_wrapper .flex_left .message_lead {
color: #4C85B3;
}
.saijidai-special-message .message_wrapper.color_grade01 .message_inner .message_head .gakka p {
color: #4C85B3;
}
.saijidai-special-message .message_wrapper.color_grade01 .message_inner .message_card .flex_wrapper .flex_left .left_border_box {
border-left: 6px solid #4C85B3;
}
.saijidai-special-message .message_wrapper.color_grade01 .message_inner .message_card + .message_card {
border-top: 1px solid #4C85B3;
}
.saijidai-special-message .message_wrapper.color_grade02 {
background-color: #f8f2ee;
}
.saijidai-special-message .message_wrapper.color_grade02 .message_inner .message_head {
border-bottom: 4px solid #C46A3D;
}
.saijidai-special-message .message_wrapper.color_grade02 .message_inner .message_head .flex_wrapper .flex_left .message_num .message_box {
background-color: #C46A3D;
}
.saijidai-special-message .message_wrapper.color_grade02 .message_inner .message_head .flex_wrapper .flex_left .message_num .number {
color: #C46A3D;
}
.saijidai-special-message .message_wrapper.color_grade02 .message_inner .message_head .flex_wrapper .flex_left .message_lead {
color: #C46A3D;
}
.saijidai-special-message .message_wrapper.color_grade02 .message_inner .message_head .gakka p {
color: #C46A3D;
}
.saijidai-special-message .message_wrapper.color_grade02 .message_inner .message_card .flex_wrapper .flex_left .left_border_box {
border-left: 6px solid #C46A3D;
}
.saijidai-special-message .message_wrapper.color_grade02 .message_inner .message_card + .message_card {
border-top: 1px solid #C46A3D;
}
.saijidai-special-message .message_wrapper.color_car {
background-color: #f1eff6;
}
.saijidai-special-message .message_wrapper.color_car .message_inner .message_head {
border-bottom: 4px solid #5F4694;
}
.saijidai-special-message .message_wrapper.color_car .message_inner .message_head .flex_wrapper .flex_left .message_num .message_box {
background-color: #5F4694;
}
.saijidai-special-message .message_wrapper.color_car .message_inner .message_head .flex_wrapper .flex_left .message_num .number {
color: #5F4694;
}
.saijidai-special-message .message_wrapper.color_car .message_inner .message_head .flex_wrapper .flex_left .message_lead {
color: #5F4694;
}
.saijidai-special-message .message_wrapper.color_car .message_inner .message_head .gakka p {
color: #5F4694;
}
.saijidai-special-message .message_wrapper.color_car .message_inner .message_card .flex_wrapper .flex_left .left_border_box {
border-left: 6px solid #5F4694;
}
.saijidai-special-message .message_wrapper.color_car .message_inner .message_card + .message_card {
border-top: 1px solid #5F4694;
}
.saijidai-special-message .message_wrapper.color_custom {
background-color: #f5f9ed;
}
.saijidai-special-message .message_wrapper.color_custom .message_inner .message_head {
border-bottom: 4px solid #A8CF6A;
}
.saijidai-special-message .message_wrapper.color_custom .message_inner .message_head .flex_wrapper .flex_left .message_num .message_box {
background-color: #A8CF6A;
}
.saijidai-special-message .message_wrapper.color_custom .message_inner .message_head .flex_wrapper .flex_left .message_num .number {
color: #A8CF6A;
}
.saijidai-special-message .message_wrapper.color_custom .message_inner .message_head .flex_wrapper .flex_left .message_lead {
color: #A8CF6A;
}
.saijidai-special-message .message_wrapper.color_custom .message_inner .message_head .gakka p {
color: #A8CF6A;
}
.saijidai-special-message .message_wrapper.color_custom .message_inner .message_card .flex_wrapper .flex_left .left_border_box {
border-left: 6px solid #A8CF6A;
}
.saijidai-special-message .message_wrapper.color_custom .message_inner .message_card + .message_card {
border-top: 1px solid #A8CF6A;
}
.saijidai-special-message .message_wrapper.color_i-car {
background-color: #effff6;
}
.saijidai-special-message .message_wrapper.color_i-car .message_inner .message_head {
border-bottom: 4px solid #14944a;
}
.saijidai-special-message .message_wrapper.color_i-car .message_inner .message_head .flex_wrapper .flex_left .message_num .message_box {
background-color: #14944a;
}
.saijidai-special-message .message_wrapper.color_i-car .message_inner .message_head .flex_wrapper .flex_left .message_num .number {
color: #14944a;
}
.saijidai-special-message .message_wrapper.color_i-car .message_inner .message_head .flex_wrapper .flex_left .message_lead {
color: #14944a;
}
.saijidai-special-message .message_wrapper.color_i-car .message_inner .message_head .gakka p {
color: #14944a;
}
.saijidai-special-message .message_wrapper.color_i-car .message_inner .message_card .flex_wrapper .flex_left .left_border_box {
border-left: 6px solid #14944a;
}
.saijidai-special-message .message_wrapper.color_i-car .message_inner .message_card + .message_card {
border-top: 1px solid #14944a;
}
.saijidai-special-drive-test .mv .pic img {
object-position: left !important;
}
.saijidai-special-drive-test .lead .flex_wrapper {
justify-content: space-between;
}
.saijidai-special-drive-test .lead .flex_wrapper .flex_left {
width: calc(100% - 350px - 50px);
}
.saijidai-special-drive-test .lead .flex_wrapper .flex_left .lead_bold {
margin-bottom: 25px !important;
}
.saijidai-special-drive-test .lead .flex_wrapper .flex_left .lead_bold span {
color: #E94444 !important;
}
.saijidai-special-drive-test .lead .flex_wrapper .flex_right {
width: 350px;
}
.saijidai-special-drive-test .report {
width: 900px;
margin: 0 auto;
}
.saijidai-special-drive-test .report .report_head .title {
width: 470px;
margin: 0 auto;
}
.saijidai-special-drive-test .report .report_head .h3_wrapper {
margin: 22px 0;
font-size: 45px;
font-weight: bold;
text-align: center;
}
.saijidai-special-drive-test .report .report_head p {
text-align: center;
}
.saijidai-special-drive-test .report .report_timeline {
width: 720px;
margin: 20px auto 0;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper {
background-color: #F5EDE3;
position: relative;
padding: 25px;
display: flex;
overflow: visible;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper .timeline_box + .timeline_box {
margin-left: 50px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper .illust01 {
position: absolute;
top: 0;
left: 0;
width: 155px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper .timeline_box {
width: 190px;
text-align: left;
position: relative;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper .timeline_box .bg-patern {
position: absolute;
z-index: 0;
width: 167px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper .timeline_box .pic {
width: 100%;
margin-bottom: 10px;
position: relative;
z-index: 2;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper .timeline_box .caption p {
font-size: 16.5px;
letter-spacing: -0.5px;
line-height: 140%;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper .timeline_box .caption {
position: relative;
z-index: 2;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper .timeline_box .arrow {
position: absolute;
z-index: 2;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_01 {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
margin-bottom: 56px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_01 .left .pic {
width: 172px;
margin-top: 69px;
margin-left: 29px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_01 .left .bg-patern {
top: 32px;
right: -33px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_01 .center .arrow {
width: 62px;
right: -57px;
top: 34px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_01 .right .arrow {
width: 31px;
right: -10px;
bottom: -2px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_02 {
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
margin-bottom: 56px;
padding-bottom: 70px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_02 .ab_car {
width: 155px;
position: absolute;
bottom: 31px;
right: 40px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_02 .center {
margin-left: 240px;
margin-top: 30px;
position: relative;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_02 .center .fukidashi {
position: absolute;
top: -43px;
left: -64px;
width: 81px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_02 .center .arrow {
width: 62px;
left: -74px;
top: 74px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_02 .right {
width: 265px;
position: absolute;
right: 0;
top: -56px;
background-color: #F5EDE3;
padding-left: 50px;
padding-right: 25px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_02 .right .arrow {
width: 49px;
left: 17px;
bottom: -50px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_02 .right .bg-patern {
top: 77px;
right: 175px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_03 {
border-bottom-left-radius: 30px;
border-top-right-radius: 30px;
margin-bottom: 56px;
padding-bottom: 45px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_03 .left {
width: 265px;
position: absolute;
left: 0;
top: -200px;
background-color: #F5EDE3;
padding-right: 50px;
padding-left: 25px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_03 .left .caption {
margin-bottom: 10px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_03 .left .arrow {
width: 59px;
right: 30px;
bottom: -53px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_03 .left .bg-patern {
bottom: -56px;
right: -19px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_03 .center {
margin-left: 240px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_03 .center .arrow {
width: 59px;
right: -24px;
bottom: -11px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_04 {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_04 .left .pic {
width: 169px;
margin-top: 59px;
margin-left: 29px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_04 .left .bg-patern {
top: 12px;
right: -59px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_04 .right {
width: 265px;
position: absolute;
right: 0;
top: -312px;
background-color: #F5EDE3;
padding-left: 50px;
padding-right: 25px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_04 .right .caption {
margin-bottom: 10px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_04 .right .pic02 {
margin-top: 30px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_04 .right .arrow {
width: 31px;
right: -1px;
bottom: 195px;
}
.saijidai-special-drive-test .report .report_timeline .timeline_wrapper.wrap_04 .right .arrow02 {
width: 49px;
right: unset;
left: 26px;
bottom: -33px;
}
.saijidai-special-drive-test .interview {
width: 720px;
margin: 80px auto 0;
}
.saijidai-special-drive-test .interview .bg_wrapper {
border-radius: 30px;
background-color: #E4ECED;
}
.saijidai-special-drive-test .interview .bg_wrapper .flex_wrapper {
align-items: flex-end;
}
.saijidai-special-drive-test .interview .bg_wrapper .flex_left {
padding: 30px 28px;
}
.saijidai-special-drive-test .interview .bg_wrapper .flex_right {
padding-right: 20px;
}
.saijidai-special-drive-test .interview .bg_wrapper .flex_right .student_pic {
width: 239px;
}
.saijidai-special-drive-test .interview .bg_wrapper .title {
margin-bottom: 15px;
width: 335px;
}
.saijidai-special-drive-test .interview .bg_wrapper .main_text p {
line-height: 150%;
}
.saijidai-special-drive-test .interview .bg_wrapper .main_text .student_name {
padding-top: 15px;
text-align: right;
font-size: 14px;
}
.saijidai-special-drive-test .interview .bg_wrapper .main_text .student_name span {
font-size: 12px;
}
.saijidai-special-drive-test .interview .bg_wrapper .student_pic {
width: 240px;
}
.not_fount_404 .mv .page_title h2 {
font-size: 46px !important;
}
.not_fount_404 .not_found_container {
margin-top: 90px;
min-height: 22vh;
}
.not_fount_404 .not_found_container .lead_wrapper {
width: 84%; max-width: 1000px; margin: 0 auto; text-align: left; }
.not_fount_404 .not_found_container .lead {
margin-bottom: 1.5em;
}
.not_fount_404 .not_found_container .back_to_top {
margin-top: 50px;
}
.not_fount_404 .not_found_container .back_to_top .red_btn {
width: 400px;
margin: 60px auto;
}
.not_fount_404 .not_found_container .back_to_top .red_btn a {
width: 100%;
}
.calender .mv .pic img {
object-position: left !important;
}
.calender .calender_outer {
position: relative;
}
.calender .calender_outer::before {
content: "";
position: absolute;
top: 0;
height: 97%;
width: 4px;
background-color: #FB2121;
left: 48px;
z-index: -1;
}
.calender .calender_outer .outer_flexwrapper {
display: flex;
justify-content: space-between;
}
.calender .calender_outer .outer_flexwrapper .outer_flex_left .outer_flex_left_timeline {
display: flex;
align-items: center;
}
.calender .calender_outer .outer_flexwrapper .outer_flex_left .outer_flex_left_timeline:last-child {
margin-top: 70px;
}
.calender .calender_outer .outer_flexwrapper .outer_flex_left .timeline_month .month {
background-color: #FB2121;
color: #FFF;
width: 100px;
height: 100px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.calender .calender_outer .outer_flexwrapper .outer_flex_left .timeline_month .month p {
font-weight: bold;
font-size: 43px;
}
.calender .calender_outer .outer_flexwrapper .outer_flex_left .timeline_month .month p span {
font-size: 21px;
padding-left: 3px;
}
.calender .calender_outer .outer_flexwrapper .outer_flex_left .timeline_event {
margin-left: 2.5em;
}
.calender .calender_outer .outer_flexwrapper .outer_flex_left .timeline_event ul li {
text-indent: -0.4em;
list-style-type: disc;
font-weight: 500;
font-size: 17px;
}
.calender .calender_outer .outer_flexwrapper .outer_flex_left .timeline_event ul li + li {
margin-top: 8px;
}
.calender .calender_outer .outer_flexwrapper .outer_flex_right .pic_flex {
display: flex;
gap: 40px;
}
.calender .calender_outer .outer_flexwrapper .outer_flex_right .pic_flex .pic_wrapper .pic {
width: 310px;
}
.calender .calender_outer .outer_flexwrapper .outer_flex_right .pic_flex .pic_wrapper p {
font-size: 17px;
font-weight: 500;
}
.calender .calender_outer .outer_flexwrapper {
margin-bottom: 70px;
}
.calender .calender_outer .outer_flexwrapper:last-child {
margin-bottom: 0;
}
.calender .other_events {
padding-top: 70px;
margin-top: 70px;
border-top: 1px solid #B2B2B2;
}
.calender .other_events .events_flexwrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.calender .other_events .events_flexwrapper .event_flexwrapper_left {
width: calc(100% - 500px - 60px);
}
.calender .other_events .events_flexwrapper .event_flexwrapper_left .detail .title_wrapper {
border-left: 8px solid #FB2121;
padding: 2px 0 2px 10px;
margin-bottom: 20px;
}
.calender .other_events .events_flexwrapper .event_flexwrapper_left .detail .title_wrapper p.title {
font-weight: bold;
font-size: 27px;
}
.calender .other_events .events_flexwrapper .event_flexwrapper_right {
width: 500px;
margin-left: 60px;
}
.calender .other_events .events_flexwrapper + .events_flexwrapper {
margin-top: 50px;
}
.disabled {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.disabled p {
color: #333 !important;
}
.disabled .fukidashi::before, .disabled .fukidashi::after {
background-color: #333 !important;
}
.disabled .red_btn a {
border: #333;
background-color: #333;
}
.attention {
padding: 1em 0;
font-size: 27px;
text-align: center;
color: #fb2121;
}
@media screen and (max-width: 767px) {
.attention {
font-size: 13px;
}
}
figcaption {
font-size: clamp(14px, 1vw + 0.5rem, 20px);
} .grid1_5 .is-layout-grid {
gap: 1.5em;
}
.contents_list {
margin-bottom: 30px !important;
}
@media (max-width: 767px) {
.contents_list {
margin-bottom: 0px !important;
}
}
.contents_list .caption {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.contents_list .item {
position: relative;
overflow: hidden;
--band-color: rgba(251, 33, 33, 0.9);
}
.contents_list .item img {
width: 100%;
aspect-ratio: 12/9;
object-fit: cover;
}
.contents_list .item .item_text {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 12px 16px 12px 48px;
color: #fff;
font-size: 20px;
pointer-events: none; }
.contents_list .item .item_text::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background-color: var(--band-color);
transition: filter 0.2s ease;
}
.contents_list .item .item_text { }
.contents_list .item .item_text::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: url(//www.saijidai.ac.jp/sys/wp-content/themes/saijidai/image/course/arrow.png) no-repeat 16px center/22px auto;
}
.contents_list .item .item_text p {
position: relative;
z-index: 1;
margin: 0;
font-size: clamp(18px, 1vw + 0.5rem, 22px);
}
.contents_list .item .item_text span {
position: absolute;
top: 1.1em;
right: 1em;
font-size: 14px;
border: 1px solid #FFF;
padding: 3px 5px;
}
.contents_list .item:hover .item_text::before {
filter: brightness(0.5);
}
.contents_list .item .gakka01, .contents_list .item .gakka05 {
--band-color: rgba(62, 113, 155, 0.8);
}
.contents_list .item .gakka02 {
--band-color: rgba(196, 106, 61, 0.8);
}
.contents_list .item .gakka03, .contents_list .item .gakka06 {
--band-color: rgba(95, 70, 148, 0.8);
}
.contents_list .item .gakka04 {
--band-color: rgba(168, 207, 106, 0.8);
}
.contents_list .item .gakka07 {
--band-color: rgba(20, 148, 74, 0.8);
}
.in_numbers {
gap: 1.5em;
}
@media (max-width: 767px) {
.in_numbers {
display: flex !important;
flex-wrap: wrap;
}
}
.in_numbers_list {
border-radius: 20px;
background-color: #FFF;
position: relative;
}
@media (max-width: 767px) {
.in_numbers_list {
width: 47%;
margin: 0 auto 20px;
padding: 0;
}
}
.in_numbers_list .icon {
margin: 0.5em auto;
min-height: 105px;
padding-top: 0.8em;
}
@media (max-width: 767px) {
.in_numbers_list .icon {
min-height: 65px;
}
}
.in_numbers_list .icon_1 {
width: 80px;
}
@media (max-width: 767px) {
.in_numbers_list .icon_1 {
width: 60px;
}
}
.in_numbers_list .icon_2 {
width: 107px;
}
@media (max-width: 767px) {
.in_numbers_list .icon_2 {
width: 75px;
}
}
.in_numbers_list .icon_3 {
width: 124px;
}
@media (max-width: 767px) {
.in_numbers_list .icon_3 {
width: 93px;
}
}
.in_numbers_list .icon_4 {
width: 90px;
}
@media (max-width: 767px) {
.in_numbers_list .icon_4 {
width: 63px;
}
}
.in_numbers_list .icon_5 {
padding-top: 11px;
width: 143px;
}
@media (max-width: 767px) {
.in_numbers_list .icon_5 {
padding-top: 0px;
width: 115px;
}
}
.in_numbers_list .icon_6 {
padding-top: 6px;
width: 143px;
}
@media (max-width: 767px) {
.in_numbers_list .icon_6 {
padding-top: 6px;
width: 109px;
}
}
.in_numbers_list .icon_7 {
width: 65px;
}
.in_numbers_list .icon_8 {
width: 76px;
}
.in_numbers_list .title {
padding: 5px 0;
font-size: 24px;
font-weight: 600;
color: #fff;
width: 100%;
text-align: center;
background-color: #FF2121;
}
@media (max-width: 767px) {
.in_numbers_list .title {
font-size: 14px;
line-height: 120%;
}
}
.in_numbers_list .caption {
font-size: 15px;
font-weight: bold;
text-align: center;
margin: 0 auto;
}
@media (max-width: 767px) {
.in_numbers_list .caption {
font-size: 9px;
padding: 0;
}
}
.in_numbers_list .num {
margin: 17px 0;
width: 100%;
}
@media (max-width: 767px) {
.in_numbers_list .num {
margin: 10px 0;
}
}
.in_numbers_list .num p {
font-family: "Montserrat", serif;
font-size: 74px;
font-weight: bold;
color: #FF2121;
line-height: 50%;
text-align: center;
margin: 0 auto;
}
@media (max-width: 767px) {
.in_numbers_list .num p {
font-size: 40px;
}
}
.in_numbers_list .num p span {
font-size: 34px;
color: #F4B800;
padding: 0 6px;
font-family: "Noto Sans JP", serif;
}
@media (max-width: 767px) {
.in_numbers_list .num p span {
font-size: 19px;
}
}
.in_numbers_list .mordal_link {
position: absolute;
background-color: #FF2121;
color: #FFF;
border-radius: 40px;
display: flex;
justify-content: right;
align-items: center;
top: -16px;
right: -19px;
z-index: 4;
padding: 0 5px;
}
@media (max-width: 767px) {
.in_numbers_list .mordal_link {
top: -15px;
right: -6px;
padding: 5px;
}
}
.in_numbers_list .mordal_link .q_icon {
padding: 0 4px 2px 25px;
background: url(//www.saijidai.ac.jp/sys/wp-content/themes/saijidai/image/3minites/icon_q.png) no-repeat;
background-position: 2px center;
background-size: 20px auto;
font-size: 1rem;
}
@media (max-width: 767px) {
.in_numbers_list .mordal_link .q_icon {
font-size: 0.7rem;
}
}
.in_numbers_list .scan_tool_num {
display: flex;
justify-content: center;
gap: 5px;
}
.in_numbers_list .scan_tool_num p {
margin: 0;
}
.in_numbers_list .scan_tool_num .small_text {
font-family: "Noto Sans JP", serif;
font-size: 27px;
color: #F4B800;
line-height: 106%;
text-align: left;
}
@media (max-width: 767px) {
.in_numbers_list .scan_tool_num .small_text {
margin-top: -5px;
font-size: 16px;
}
}
.in_numbers_list .mt44 {
margin: 47px 0 0;
}
@media (max-width: 767px) {
.in_numbers_list .mt44 {
margin: 20px 0 0px;
}
}
ul.course_list li {
text-align: center;
color: #FFF;
font-size: 23px;
font-weight: 500;
list-style: none;
}
@media (max-width: 767px) {
ul.course_list li {
font-size: 16px;
}
}
.interview_inner {
grid-template-columns: 1.8fr 1fr !important;
}
@media (max-width: 767px) {
.interview_inner {
grid-template-columns: 1fr !important;
}
}
.student_box {
position: relative;
}
@media (max-width: 767px) {
.student_box .student_name {
text-align: left !important;
position: relative;
margin-top: 5em;
z-index: 2;
}
.student_box .student_pic {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
width: 130% !important;
transform: translate(91%, 16%);
}
}
.saijidai-special-message .head_link {
display: flex;
flex-wrap: wrap;
gap: 33px;
justify-content: center;
padding: 0 2em;
}
.saijidai-special-message .head_link > div {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.saijidai-special-message .head_link { }
@media (min-width: 1024px) {
.saijidai-special-message .head_link > div {
flex: 0 0 calc((100% - 99px) / 4);
}
}
.saijidai-special-message .head_link { }
@media (max-width: 767px) {
.saijidai-special-message .head_link {
padding: 0 1em;
gap: 15px;
justify-content: flex-start;
}
.saijidai-special-message .head_link > div {
flex: 0 0 calc((100% - 15px) / 2);
}
}
.saijidai-special-message { }
.saijidai-special-message .senior_message__inner {
display: grid;
column-gap: clamp(24px, 4vw, 56px);
row-gap: 20px;
align-items: center;
margin-bottom: 60px; grid-template-columns: 1fr minmax(320px, 377px);
grid-template-areas: "copy    photo" "profile photo";
padding: 20px 0 0;
}
@media (max-width: 767px) {
.saijidai-special-message .senior_message__inner {
margin-bottom: 30px;
}
}
.saijidai-special-message .senior_message { }
.saijidai-special-message .senior_message__copy {
grid-area: copy;
}
.saijidai-special-message .senior_message__photo {
grid-area: photo;
}
.saijidai-special-message .senior_message__profile {
grid-area: profile;
}
.saijidai-special-message .senior_message { }
.saijidai-special-message .senior_message__copy {
display: flex;
flex-direction: column;
align-items: baseline;
gap: 10px;
}
.saijidai-special-message .senior_message__copy .header {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 0.5em;
}
.saijidai-special-message .senior_message__copy .label {
display: inline-block;
padding: 0 0.9em;
color: #fff;
font-weight: 700;
font-size: 18px;
line-height: 2;
}
.saijidai-special-message .senior_message__copy .num {
font-size: 60px;
font-weight: 700;
line-height: 1;
margin-top: -0.2em;
}
.saijidai-special-message .senior_message__copy .title {
font-size: clamp(18px, 1vw + 0.5rem, 32px);
font-weight: 700;
line-height: 1.6;
}
.saijidai-special-message .senior_message { }
.saijidai-special-message .senior_message__photo img {
display: block;
width: 100%;
height: auto;
}
.saijidai-special-message .senior_message { }
.saijidai-special-message .senior_message__profile {
display: grid;
gap: 0.25rem;
}
.saijidai-special-message .senior_message__profile .dept {
font-weight: 500;
}
.saijidai-special-message .senior_message__profile .name {
font-size: clamp(18px, 2vw, 24px);
font-weight: 600;
}
.saijidai-special-message .senior_message__profile .school {
font-size: 16px;
}
.saijidai-special-message .senior_message__profile { }
@media (min-width: 768px) {
.saijidai-special-message .senior_message__profile {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px;
}
.saijidai-special-message .senior_message__profile .dept {
flex-basis: 100%;
}
}
.saijidai-special-message .senior_message { }
@media (max-width: 767px) {
.saijidai-special-message .senior_message__inner {
grid-template-columns: 1fr;
grid-template-areas: "copy" "photo" "profile";
text-align: left;
}
.saijidai-special-message .senior_message__copy {
align-items: flex-start;
text-align: left;
}
.saijidai-special-message .senior_message__copy .header {
justify-content: flex-start;
}
.saijidai-special-message .senior_message__photo img {
width: 80%;
margin: 0 auto;
}
.saijidai-special-message .senior_message__profile {
text-align: center;
margin-bottom: 1em;
}
}
.saijidai-special-message .color_grade01 .senior_message__inner {
border-bottom: 4px solid #4C85B3;
}
.saijidai-special-message .color_grade01 .senior_message .label {
background: #4C85B3;
}
.saijidai-special-message .color_grade01 .senior_message .num {
color: #4C85B3;
}
.saijidai-special-message .color_grade01 .senior_message .title {
color: #4C85B3;
}
.saijidai-special-message .color_grade01 .senior_message .dept {
color: #4C85B3;
}
.saijidai-special-message .color_grade02 .senior_message__inner {
border-bottom: 4px solid #C46A3D;
}
.saijidai-special-message .color_grade02 .senior_message .label {
background: #C46A3D;
}
.saijidai-special-message .color_grade02 .senior_message .num {
color: #C46A3D;
}
.saijidai-special-message .color_grade02 .senior_message .title {
color: #C46A3D;
}
.saijidai-special-message .color_grade02 .senior_message .dept {
color: #C46A3D;
}
.saijidai-special-message .color_car .senior_message__inner {
border-bottom: 4px solid #5F4694;
}
.saijidai-special-message .color_car .senior_message .label {
background: #5F4694;
}
.saijidai-special-message .color_car .senior_message .num {
color: #5F4694;
}
.saijidai-special-message .color_car .senior_message .title {
color: #5F4694;
}
.saijidai-special-message .color_car .senior_message .dept {
color: #5F4694;
}
.saijidai-special-message .color_custom .senior_message__inner {
border-bottom: 4px solid #A8CF6A;
}
.saijidai-special-message .color_custom .senior_message .label {
background: #A8CF6A;
}
.saijidai-special-message .color_custom .senior_message .num {
color: #A8CF6A;
}
.saijidai-special-message .color_custom .senior_message .title {
color: #A8CF6A;
}
.saijidai-special-message .color_custom .senior_message .dept {
color: #A8CF6A;
}
.saijidai-special-message .color_i-car .senior_message__inner {
border-bottom: 4px solid #14944a;
}
.saijidai-special-message .color_i-car .senior_message .label {
background: #14944a;
}
.saijidai-special-message .color_i-car .senior_message .num {
color: #14944a;
}
.saijidai-special-message .color_i-car .senior_message .title {
color: #14944a;
}
.saijidai-special-message .color_i-car .senior_message .dept {
color: #14944a;
}
.main_talk__inner {
margin-top: 60px;
}
@media (max-width: 767px) {
.main_talk__inner {
margin-top: 30px;
}
}
.main_talk__inner .pic {
width: 180px;
}
@media (max-width: 767px) {
.main_talk__inner .pic {
width: 90px;
}
}
.main_talk__inner .talk_text {
width: calc(100% - 180px - 40px);
padding: 44px;
position: relative;
}
@media (max-width: 767px) {
.main_talk__inner .talk_text {
width: calc(100% - 90px - 30px);
padding: 18px;
}
}
.main_talk__inner .bg_gray {
margin-left: 40px;
background-color: #F5F5F5;
padding-right: 90px;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.main_talk__inner .bg_gray::before {
content: "";
position: absolute;
left: -17px;
bottom: 0;
width: 20px;
height: 25px;
background: url(//www.saijidai.ac.jp/sys/wp-content/themes/saijidai/image/saijidai-special/talk/arrow_left_gray.png) no-repeat center/contain;
}
@media (max-width: 767px) {
.main_talk__inner .bg_gray {
margin-left: 20px;
padding-right: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
}
.main_talk__inner .bg_blue {
margin-right: 40px;
background-color: rgb(234, 246, 253);
padding-left: 90px;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 50px;
}
.main_talk__inner .bg_blue::before {
content: "";
position: absolute;
right: -17px;
bottom: 0;
width: 20px;
height: 25px;
background: url(//www.saijidai.ac.jp/sys/wp-content/themes/saijidai/image/saijidai-special/talk/arrow_right_blue.png) no-repeat center/contain;
}
@media (max-width: 767px) {
.main_talk__inner .bg_blue {
margin-right: 20px;
padding-left: 20px;
border-radius: 20px 20px 0px;
}
}
.main_talk__inner .text_small {
width: 720px;
}
@media (max-width: 767px) {
.main_talk__inner .text_small {
width: calc(100% - 120px);
}
}
.main_talk .icon_right {
display: flex;
justify-content: flex-end;
}
.course_cmn.course_car .flow .flex_wrapper .nenji_wrapper .year, .course_cmn.course_g-car .flow .flex_wrapper .nenji_wrapper .year {
padding-top: 1em;
}
.flow_detail_step {
display: grid;
grid-template-areas: "text img" "kamoku img";
grid-template-columns: 1fr 1fr;
gap: 1rem 2rem;
margin-bottom: 48px;
padding-bottom: 48px;
border-bottom: 1px solid #A0A0A0;
}
@media (max-width: 767px) {
.flow_detail_step {
padding-bottom: 0;
border-bottom: none;
}
}
.flow_detail_step_text {
grid-area: text;
}
.flow_detail_step_text .title {
font-size: clamp(15px, 2vw + 0.5rem, 27px);
font-weight: bold;
line-height: 140%;
}
@media (max-width: 767px) {
.flow_detail_step_text .title {
margin-bottom: 11px;
margin: 0 auto;
text-align: center;
}
}
.flow_detail_step_img {
grid-area: img;
}
.flow_detail_step_kamoku {
grid-area: kamoku;
}
@media (max-width: 768px) {
.flow_detail_step {
grid-template-areas: "text" "img" "kamoku";
grid-template-columns: 1fr !important;
width: 100%;
}
}
.interview_text .name p {
font-size: clamp(14px, 1vw + 0.5rem, 16px);
}
.interview_text .name p:nth-of-type(2) { font-size: clamp(16px, 1vw + 0.5rem, 27px);
}
.course_custom_award .pickup_car .list {
display: flex;
flex-wrap: wrap;
gap: 3em 1em;
justify-content: center;
}
.course_custom_award .pickup_car .list > * {
flex: 0 1 560px;
}
@media (max-width: 768px) {
.course_custom_award .pickup_car .list {
display: grid;
grid-template-columns: 1fr;
width: 95%;
}
.course_custom_award .pickup_car .list > :last-child {
width: 92%;
margin-left: 30px;
}
}
.course_custom_award .link_btn {
gap: 1.5em;
}
@media (max-width: 768px) {
.course_custom_award .link_btn a {
width: 110% !important;
}
}
.course_custom_award .car_title h2 {
font-weight: bold;
font-size: clamp(16px, 1vw + 0.5rem, 27px);
margin-bottom: 10px;
}
.course_custom_award .border {
padding-top: 18px;
margin-top: 18px;
border-top: 1px solid #000000;
}
.course_custom_award .column2 {
display: grid;
grid-template-columns: 200px 1fr;
column-gap: 24px;
align-items: start;
}
.course_custom_award .column2 > .pic {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.course_custom_award .column2 > .detail p {
line-height: 1.8;
}
@media (max-width: 768px) {
.course_custom_award .column2 {
grid-template-columns: 1fr;
row-gap: 16px;
}
.course_custom_award .column2 > .pic {
max-width: 48%;
}
.course_custom_award .column2 > .detail {
grid-column: 1/-1;
}
}
.course_custom_award .column3 {
display: grid;
grid-template-columns: 200px 200px 1fr;
grid-template-areas: "img1 img2 text";
column-gap: 24px;
row-gap: 16px;
align-items: start;
}
.course_custom_award .column3 > .pic:nth-of-type(1) {
grid-area: img1;
}
.course_custom_award .column3 > .pic:nth-of-type(2) {
grid-area: img2;
}
.course_custom_award .column3 > .detail {
grid-area: text;
}
.course_custom_award .column3 > .pic {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
@media (max-width: 768px) {
.course_custom_award .column3 {
grid-template-columns: 1fr 1fr;
grid-template-areas: "img1 img2" "text text";
column-gap: 16px;
row-gap: 12px;
}
.course_custom_award .column3 > .detail {
grid-column: 1/-1;
}
}
.course_custom_award .award_label {
width: 209px;
position: absolute;
right: -19px;
z-index: 3;
margin-top: -3em;
}
@media (max-width: 768px) {
.course_custom_award .award_label {
width: 120px;
right: 4px;
margin-top: -6em;
}
}
.course_custom_award .label02 {
z-index: 2;
right: 173px;
}
@media (max-width: 768px) {
.course_custom_award .label02 {
right: 105px;
}
}
.course_custom_award .badge_icon {
margin-left: 20px;
width: 69px;
margin-top: -2px;
margin-bottom: 0.5em;
}
@media (max-width: 768px) {
.course_custom_award .badge_icon {
margin-left: 9px;
width: 40px;
}
}
@media (max-width: 768px) {
.wd95_sp {
width: 95% !important;
margin: 0 auto;
}
}
.wp-embed-aspect-16-9.wp-has-aspect-ratio iframe {
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
.wp-embed-aspect-4-3.wp-has-aspect-ratio iframe {
width: 100%;
height: auto;
aspect-ratio: 4/3;
}
.student_inner {
margin-left: 9em !important;
}
@media (max-width: 768px) {
.student_inner {
margin-left: 0 !important;
}
}
.students_questionnaire h4 {
width: 100%;
}
.students_questionnaire .flex_right img:first-child {
width: 95%;
}
.students_questionnaire .wp-block-list {
margin-left: -1em;
}
.daily {
padding: 40px 0;
}
.daily__row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
}
.daily__text {
flex: 1 1 73%;
line-height: 1.9;
}
.daily__icon {
flex: 1 1 50%;
padding-left: 1em;
}
.daily__pic {
margin: 0;
}
.daily__pic img {
display: block;
margin-left: 2em;
}
@media (max-width: 768px) {
.daily__images {
position: relative;
}
.daily__row {
flex-direction: column;
gap: 20px;
}
.daily__icon {
position: absolute;
top: 54%;
left: -7%;
width: 21%;
padding-left: 0;
}
.daily__icon::before {
content: "";
position: absolute;
bottom: -141px;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 80px;
background: url(//www.saijidai.ac.jp/sys/wp-content/themes/saijidai/image/campuslife/day/timeline_arrow.png) no-repeat center/contain;
}
.daily__icon.is-hidden-arrow::before {
display: none;
}
.daily__text {
width: 90%;
margin-top: -1em !important;
margin-left: auto !important;
}
.daily__pic img {
width: 95%;
}
}
.facility_detail .list h3 {
width: 100%;
font-size: clamp(20px, 1vw + 0.5rem, 24px);
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #E5E5E5;
}
.facility_detail .list p {
margin-top: -0.5em;
}
.facility-car .but4 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
@media (max-width: 768px) {
.facility-car .but4 {
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
}
@media (max-width: 768px) {
.facility-car .training_vehicle {
grid-template-columns: repeat(2, 1fr) !important;
}
}
.circle .but4 {
display: grid !important;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
@media (max-width: 768px) {
.circle .but4 {
grid-template-columns: repeat(2, 1fr);
}
}
.circle_wrapper_l .text {
margin-left: 60px;
}
@media (max-width: 768px) {
.circle_wrapper_l .text {
margin-top: 0.5em;
margin-left: 0;
}
}
.circle_wrapper_l .text .wp-block-list {
list-style: none;
}
.circle_wrapper_l .text h3 {
width: 100%;
font-size: clamp(22px, 1vw + 0.5rem, 36px);
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #E5E5E5;
}
.circle_wrapper_l .text ul {
margin-left: 1.5em;
}
.circle_wrapper_l .text ul li {
list-style-type: disc;
margin-bottom: 5px;
line-height: 160%;
}
.circle_wrapper_2 .text {
margin-top: 0.5em;
}
.circle_wrapper_2 .text .wp-block-list {
list-style: none;
}
.circle_wrapper_2 .text h3 {
width: 100%;
font-size: clamp(22px, 1vw + 0.5rem, 24px);
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #E5E5E5;
}
.circle_wrapper_2 .text ul {
margin-left: 1.5em;
}
.circle_wrapper_2 .text ul li {
list-style-type: disc;
margin-bottom: 5px;
line-height: 160%;
}
.calender .wp-block-list {
list-style: none;
}
.calender .outer_flex_left ul {
margin-left: -9em;
}
@media (max-width: 768px) {
.calender .outer_flex_left ul {
margin-left: 0;
}
}
.calender .outer_flex_right p {
font-size: 17px;
font-weight: 500;
text-align: center;
}
.history_conteiner__unit {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
padding-bottom: 20px;
}
@media (max-width: 768px) {
.history_conteiner__unit {
margin-bottom: 10px;
padding-bottom: 10px;
}
}
.history_conteiner__unit p.year {
white-space: nowrap;
margin-right: 70px;
font-size: clamp(14px, 1vw + 0.5rem, 20px);
color: #E50012;
}
@media (max-width: 768px) {
.history_conteiner__unit p.year {
margin-right: 20px;
}
}
.history_conteiner__unit p.history_box {
font-size: clamp(14px, 1vw + 0.5rem, 22px);
}
.evaluation .gap1 {
gap: 1em;
margin-bottom: 1em;
}
@media (max-width: 768px) {
.evaluation .grid_sp1 {
grid-template-columns: 1fr !important;
}
}
.evaluation .evalution_inner {
margin-top: 9px;
}
.evaluation .evalution_inner h3 {
font-size: clamp(20px, 2vw + 0.5rem, 30px);
font-weight: bold;
color: #FB2121;
padding-bottom: 15px;
}
.evaluation .evalution_inner .evalution_card {
margin-bottom: 40px;
}
@media (max-width: 768px) {
.evaluation .evalution_inner .evalution_card {
margin-top: 0;
width: 100%;
}
}
.evaluation .evalution_inner .pdf_download_btn {
width: 390px;
}
@media (max-width: 768px) {
.evaluation .evalution_inner .pdf_download_btn {
width: 100%;
}
}
.evaluation .evalution_inner .pdf_download_btn a {
display: flex;
align-items: center;
padding: 1.5em 3em 1.5em 1em;
}
.evaluation .evalution_inner .pdf_download_btn p {
margin: 0;
text-align: left;
}
.recruitment .pdf_download_btn p {
margin: 0 auto;
}
.accordion_inner summary {
position: relative;
font-size: clamp(22px, 2vw + 0.5rem, 32px);
font-weight: bold;
padding: 25px 60px 25px 45px;
background-color: #F5F5F5;
border-top: 1px solid #B2B2B2;
border-bottom: 1px solid #B2B2B2;
list-style: none;
margin-bottom: 2em;
cursor: pointer;
}
@media (max-width: 768px) {
.accordion_inner summary {
padding: 25px 60px 25px 10px;
}
}
.accordion_inner summary { }
.accordion_inner summary::after {
content: "";
position: absolute;
right: 20px;
top: 50%;
width: 10px;
height: 10px;
border-right: 2px solid #E50012;
border-bottom: 2px solid #E50012;
transform: translateY(-50%) rotate(45deg); transition: transform 0.3s ease;
}
.accordion_inner { }
.accordion_inner[open] > summary::after {
transform: translateY(-50%) rotate(-135deg); }
.accordion_inner .accordion_content {
padding: 0px 40px 60px;
}
@media (max-width: 768px) {
.accordion_inner .accordion_content {
padding: 0px 5px 60px;
}
}
.accordion_inner .accordion_content:last-child {
border-bottom: 1px solid #B2B2B2;
margin-bottom: 60px;
}
.accordion_inner .accordion_content .year, .accordion_inner .accordion_content .title, .accordion_inner .accordion_content h4 {
border-left: 8px solid #E50012;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 13px;
line-height: 140%;
font-size: clamp(20px, 2vw + 0.5rem, 27px);
font-weight: bold;
text-wrap: balance;
}
.accordion_inner .accordion_content h4:nth-of-type(n+2) {
margin-top: 2em;
}
.accordion_inner .accordion_content h5 {
font-size: clamp(17px, 1vw + 0.5rem, 22px);
font-weight: bold;
color: #FB2121;
margin-top: 33px;
margin-bottom: 5px;
}
.accordion_inner .accordion_content .caution {
margin-top: 20px;
}
.accordion_inner .accordion_content a {
text-decoration: underline;
}
.accordion_inner .accordion_content .note-text {
margin: -1.5em 0 1em;
}
.accordion_inner .accordion_content ul {
margin: 5px 0 25px;
flex-grow: 1;
list-style-position: outside;
}
.accordion_inner .accordion_content ul li {
line-height: 180%;
margin-left: 1.5em;
}
@media (max-width: 767px) {
.accordion_inner .accordion_content .js-scrollable table {
min-width: 950px;
}
}
.accordion_inner .accordion_content .wp-block-table.detail {
width: 100%;
}
@media (max-width: 767px) {
.accordion_inner .accordion_content .wp-block-table.detail {
width: initial;
}
}
.accordion_inner .accordion_content .detail table tr {
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
.accordion_inner .accordion_content .detail table th {
text-align: center;
background-color: #F5F5F5;
padding: 10px 12px;
line-height: 180%;
}
.accordion_inner .accordion_content .detail thead {
border-bottom: 0;
}
.accordion_inner .accordion_content .detail td, .accordion_inner .accordion_content .detail th {
border: 0;
}
.accordion_inner .accordion_content .detail th + th, .accordion_inner .accordion_content .detail td + td {
border-left: 1px solid #E5E5E5;
}
.accordion_inner .accordion_content .detail td {
padding: 15px 20px;
text-align: center;
line-height: 180%;
vertical-align: middle;
}
.accordion_inner .accordion_content .pdf_download_btn {
width: 380px;
margin-bottom: 2em;
}
@media (max-width: 767px) {
.accordion_inner .accordion_content .pdf_download_btn {
width: 90%;
margin: 0 auto;
}
}
.accordion_inner .accordion_content .pdf_download_btn a {
display: flex;
align-items: center;
padding: 28px 54px 28px 20px;
text-decoration: none;
}
@media (max-width: 767px) {
.accordion_inner .accordion_content .pdf_download_btn a {
padding: 20px 54px 20px 20px;
}
}
.accordion_inner .accordion_content .pdf_download_btn p {
font-size: clamp(14px, 1vw + 0.5rem, 18px);
font-weight: normal;
margin-bottom: 0;
}
@media (max-width: 767px) {
.accordion_inner .accordion_content .pdf_download_btn .icon_pdf {
width: 28.8px;
}
}
.accordion_inner .accordion_content .other_fee {
margin-top: 20px;
padding: 5px 0;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
.accordion_inner .accordion_content .tani {
margin-bottom: 0;
}
.accordion_inner .accordion_content .important_notes {
color: #FB2121;
font-weight: 500;
}
@media (max-width: 767px) {
.accordion_inner .accordion_content .important_notes {
margin: 25px 0;
padding: 12px 10px;
}
}
.accordion_inner .accordion_content .nolink ul li {
height: 40px;
box-shadow: initial !important;
border: initial !important;
}
.accordion_inner .accordion_content .nolink ul li:hover {
transform: initial !important;
box-shadow: initial !important;
}
.accordion_inner .accordion_content .accordion_item {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2em;
}
@media (max-width: 768px) {
.accordion_inner .accordion_content .accordion_item {
grid-template-columns: 1fr;
gap: 1.25em;
}
}
.accordion_inner .accordion_content .accordion_item p {
height: 1.6em;
font-weight: bold;
text-align: center;
background-color: #F5F5F5;
color: #E50012;
}
.accordion_inner .accordion_content .accordion_item .gakka ul, .accordion_inner .accordion_content .accordion_item .jissyu ul {
margin-top: 20px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1em;
}
.accordion_inner .accordion_content .accordion_item .gakka ul li, .accordion_inner .accordion_content .accordion_item .jissyu ul li {
height: 60px;
line-height: 110%;
display: flex;
align-items: center;
margin-left: 0;
font-size: clamp(0.8rem, 1vw + 0.5rem, 1rem);
border: 1px solid #B2B2B2;
border-radius: 5px;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.45);
overflow: hidden;
transition: box-shadow 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}
.accordion_inner .accordion_content .accordion_item .gakka ul li a, .accordion_inner .accordion_content .accordion_item .jissyu ul li a {
display: flex;
align-items: center;
width: 100%;
height: 100%;
position: relative;
padding: 1.3em 3em 1.3em 1em;
text-decoration: none;
}
@media (max-width: 768px) {
.accordion_inner .accordion_content .accordion_item .gakka ul li a, .accordion_inner .accordion_content .accordion_item .jissyu ul li a {
background-size: 18px auto;
}
}
.accordion_inner .accordion_content .accordion_item .gakka ul li a::after, .accordion_inner .accordion_content .accordion_item .jissyu ul li a::after {
content: "";
position: absolute;
top: 50%;
right: 1em;
transform: translateY(-50%);
width: 20px;
height: 20px;
background: url(//www.saijidai.ac.jp/sys/wp-content/themes/saijidai/image/cmn/icon_pdf.png) no-repeat center/contain;
}
.accordion_inner .accordion_content .accordion_item .gakka ul li:hover, .accordion_inner .accordion_content .accordion_item .jissyu ul li:hover {
transform: translateY(3px);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.accordion_inner .accordion_content .accordion_item .is-layout-grid {
display: inline;
}
.alumni p {
line-height: 200%;
}
.alumni .alumni_container {
margin-top: 0;
}
@media (max-width: 768px) {
.alumni .alumni_container {
margin-top: 40px !important;
}
}
.alumni .contact_box {
margin-top: 55px;
width: 730px;
border: 5px solid #E5E5E5;
padding: 45px;
gap: 0;
}
@media (max-width: 768px) {
.alumni .contact_box {
margin-top: 20px;
width: 100%;
padding: 25px;
}
}
.alumni .contact_box p {
margin: 0 auto;
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 200%;
}
.alumni .contact_box .tel, .alumni .contact_box .fax {
margin: 0 auto;
gap: 0;
}
.alumni .contact_box .fax {
margin-top: -0.5em;
}
@media (max-width: 768px) {
.alumni .contact_box .fax {
margin-top: -1em;
}
}
.alumni .contact_box img {
margin-top: 7px;
width: 35px;
margin-right: 22px;
}
@media (max-width: 768px) {
.alumni .contact_box img {
margin-top: 0px;
width: 27px;
margin-right: 16px;
}
}
.alumni .contact_box .num {
font-size: clamp(30px, 2vw + 0.5rem, 46px);
font-weight: 500;
}
.opencampus h3 {
color: #FFF;
text-align: center;
font-size: clamp(18px, 2vw + 0.5rem, 36px);
font-weight: bold;
}
.opencampus_top .contents_list .item img {
aspect-ratio: 0/0;
margin: 0 0 3.1em;
}
@media (max-width: 768px) {
.opencampus_top .contents_list .item img {
margin: 0 0 4em;
}
}
.opencampus_top .item_text {
margin: 50% 0 0;
}
.opencampus .regular .caption {
margin-top: 50px;
margin-bottom: 60px;
}
@media (max-width: 768px) {
.opencampus .regular .caption {
margin-top: 14px;
margin-bottom: 14px;
}
}
.opencampus .video_info {
width: 1110px;
margin: 70px auto 90px;
}
.opencampus .video_info .vide_head {
margin-bottom: 30px;
}
.opencampus_detail .contents_list .caption {
min-height: 3em;
}
@media (max-width: 768px) {
.opencampus_detail .contents_list .caption {
min-height: unset;
}
}
.opencampus_detail .contents_list .item {
--band-color: rgba(0, 0, 0, 0.8);
}
.opencampus_detail .contents_list .item .item_text {
padding: 12px 16px 12px 16px;
}
.opencampus_detail .contents_list .item .item_text::after {
background: none;
}
.opencampus_detail .trial_schedule {
width: 100%;
}
.opencampus_detail .trial_schedule .trial_schedule_year {
width: 100%;
}
.opencampus_detail .trial_schedule ul.trial_schedule_date {
display: flex;
flex-wrap: wrap;
min-height: 3em;
width: 95%;
margin: 0 auto;
}
.opencampus_detail .trial_schedule ul.trial_schedule_date li {
display: block;
width: 25%;
margin-bottom: 6px;
font-size: 16px;
}
.opencampus_detail .video_info {
width: 1110px;
margin: 70px auto 70px;
}
@media (max-width: 768px) {
.opencampus_detail .video_info {
width: 95%;
margin: 40px auto 40px;
}
}
.event_table .table_head p, .event_table p.table_head {
font-size: 18px !important;
color: #717171;
}
.event_table .wp-block-table td {
border: 0;
position: relative;
}
.event_table table tr td:first-child {
position: relative;
width: 72px;
color: #FFF;
font-size: clamp(12px, 1vw + 0.5rem, 20px) !important;
text-align: center;
padding: 18px 0 !important;
z-index: 1;
}
@media (max-width: 768px) {
.event_table table tr td:first-child {
width: 50px;
}
}
.event_table table tr td:first-child::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 72px;
height: 32px;
background-color: #7D7D7D;
z-index: -1;
}
@media (max-width: 768px) {
.event_table table tr td:first-child::before {
width: 50px;
height: 24px;
}
}
.event_table_bg {
width: 100vw;
margin: 0 calc(50% - 50vw);
}
.shuttle_pickup {
margin-top: 70px;
}
@media (max-width: 768px) {
.shuttle_pickup .pickup_area {
grid-template-columns: repeat(2, 1fr);
}
}
.shuttle_pickup .pickup_box {
height: 304px;
border: 1px solid #BFBFBF;
padding: 26px 36px 36px;
position: relative;
}
@media (max-width: 768px) {
.shuttle_pickup .pickup_box {
height: 250px;
padding: 15px;
}
}
.shuttle_pickup .pickup_spot {
font-size: clamp(16px, 2vw + 0.5rem, 28px);
margin: 0 auto;
}
.shuttle_pickup .start_time {
width: 100%;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
margin: 4px 0;
text-align: center;
font-size: 24px;
}
.shuttle_pickup .map_btn {
position: absolute;
width: 142px;
bottom: 35px;
margin: 0 auto;
left: 0;
right: 0;
}
@media (max-width: 768px) {
.shuttle_pickup .map_btn {
width: 85%;
bottom: 10px;
}
}
.shuttle_pickup .map_btn a {
border-radius: 40px;
padding: 10px 0;
font-size: 20px;
width: 100%;
color: #FFF;
text-align: center;
display: block;
background-color: #F2B601;
}
.ao .ao_flow_step .flex_left, .certificate .ao_flow_step .flex_left {
padding: 50px 0;
background-color: #FF2121;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
color: #FFF;
font-weight: bold;
}
.ao .ao_flow_step .flex_left .num, .certificate .ao_flow_step .flex_left .num {
position: relative;
font-size: 24px;
}
.ao .ao_flow_step .flex_left .num::after, .certificate .ao_flow_step .flex_left .num::after {
content: "";
display: block;
width: 40px;
margin: 5px auto 10px;
border-bottom: 3px solid #FFF;
}
.ao .ao_flow_step .flex_left .title, .certificate .ao_flow_step .flex_left .title {
font-size: clamp(21px, 2vw + 0.5rem, 27px);
}
.ao .ao_flow_step .flex_right, .certificate .ao_flow_step .flex_right {
background-color: #FFF;
padding: 40px 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 768px) {
.ao .ao_flow_step .flex_right, .certificate .ao_flow_step .flex_right {
padding: 15px 15px;
}
}
.ao .num_list ol, .certificate .num_list ol {
list-style: none;
counter-reset: number;
}
.ao .num_list ol li, .certificate .num_list ol li {
position: relative;
counter-increment: num;
margin: 0 0 15px 31px;
line-height: 160%;
}
@media (max-width: 768px) {
.ao .num_list ol li, .certificate .num_list ol li {
margin: 0 0 10px 30px;
}
}
.ao .num_list ol li::before, .certificate .num_list ol li::before {
content: counter(num);
position: absolute;
left: -30px;
top: 4px;
width: 20px;
height: 20px;
background: red;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.loan .red_btn {
width: 100%;
margin-bottom: 20px !important;
}
@media (max-width: 768px) {
.loan .red_btn {
margin-bottom: 16px !important;
}
}
.loan .red_btn a {
width: 440px;
padding: 10px 60px 10px 40px;
font-size: clamp(15px, 1vw + 0.5rem, 18px);
line-height: 180%;
}
@media (max-width: 768px) {
.loan .red_btn a {
width: 100%;
padding: 10px 39px 10px 10px;
}
}
.loan .banner {
width: 300px;
margin: 35px 0;
}
@media (max-width: 768px) {
.loan .banner {
width: 200px;
margin: 20px 0;
}
}
.loan .tel {
width: 100%;
}
.loan .tel img {
margin-top: 7px;
width: 35px;
margin-right: 5px;
}
.loan .tel p.span {
font-size: clamp(18px, 2vw + 0.5rem, 30px);
font-weight: 500;
margin-top: 0.2em;
}
@media (max-width: 768px) {
.loan .tel p.span {
margin: 0 auto;
}
}
.loan .detail2 td:nth-of-type(1) {
text-align: left;
}
.loan .detail2 td:nth-of-type(2) {
text-align: center;
}
@media (max-width: 768px) {
.loan .detail2 table {
width: 100%;
border-collapse: collapse;
}
.loan .detail2 thead, .loan .detail2 tbody, .loan .detail2 tr, .loan .detail2 th, .loan .detail2 td {
display: block;
width: 100%;
}
.loan .detail2 thead {
display: none;
}
.loan .detail2 tbody {
position: relative;
border: 1px solid #E5E5E5; }
.loan .detail2 tbody::before {
content: "対象・条件";
display: block;
background: #f5f5f5;
font-weight: bold;
padding: 12px 20px;
text-align: center;
width: 100%;
}
.loan .detail2 tbody { }
.loan .detail2 tbody tr:first-child td:first-child {
margin-top: 10px;
}
.loan .detail2 tbody { }
.loan .detail2 tbody tr:first-child td:last-child::before {
content: "特典";
position: relative;
display: block;
background: #f5f5f5;
font-weight: bold;
padding: 10px 20px;
text-align: center;
width: 117%;
margin: 0 -10% 20px;
z-index: -1;
}
.loan .detail2 tbody { }
.loan .detail2 tbody tr:first-child td:last-child {
margin-bottom: 7px;
}
.loan .detail2 tbody td {
border: none !important;
}
}
.loan .detail3 table td:first-child {
text-align: left !important;
}
.loan .detail4 {
width: 65% !important;
}
@media (max-width: 768px) {
.loan .detail4 {
width: 100% !important;
}
}
.loan .detail4 td {
text-align: center !important;
}
.loan .detail5 td:first-child {
text-align: left !important;
width: 72%;
}
@media (max-width: 768px) {
.loan .detail5 td:first-child {
width: 100%;
}
}
.loan .detail6 td {
text-align: left !important;
}
.loan .block_content_inner {
margin: 1em 0 1.5em;
}
.loan .block_content_inner h6 {
position: relative;
padding-left: 20px;
margin-bottom: 8px;
font-size: clamp(17px, 1vw + 0.5rem, 20px);
font-weight: bold;
}
.loan .block_content_inner h6::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 15px;
height: 15px;
background-color: #FB2121;
}
.loan .block_content_inner p {
padding-left: 1.2em;
}
.international h3 {
font-size: clamp(22px, 1vw + 0.5rem, 32px);
margin-bottom: 1.2em;
font-weight: bold;
}
.international h4 {
padding-left: 10px;
margin-top: 42px;
margin-bottom: 15px;
border-left: 8px solid #FB2121;
font-size: clamp(20px, 1vw + 0.5rem, 27px);
font-weight: bold;
}
@media (max-width: 768px) {
.international h4 {
margin-top: 30px;
}
}
.international h5 {
margin-top: 20px;
margin-bottom: 15px;
color: #FB2121;
font-size: clamp(18px, 1vw + 0.5rem, 22px);
font-weight: bold;
}
.international p, .international li {
line-height: 200% !important;
}
.international .tel p {
line-height: 87% !important;
}
.international ul {
margin: 1.5em 0;
}
@media (max-width: 768px) {
.international ul {
margin: 1.5em 0 1.5em 0.5em;
}
}
.international ul li {
text-indent: -1em;
margin-left: 1em;
}
@media (max-width: 768px) {
.international ul li {
margin-left: 0.5em !important;
}
}
.international .grid_table_hn {
display: grid;
width: 100%;
grid-template-columns: 120px 2fr 3fr 2fr;
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
gap: 0;
margin: 0 0 1.5em;
}
@media (max-width: 768px) {
.international .grid_table_hn {
min-width: 830px;
}
}
.international .grid_table_hn .header, .international .grid_table_hn .cell, .international .grid_table_hn .cell_num {
border-right: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
padding: 11px 20px 5px;
letter-spacing: 1.2px;
}
.international .grid_table_hn .header {
background: #f2f2f2;
font-weight: bold;
text-align: center;
}
.international .grid_table_hn .cell {
line-height: 180%;
}
.international .grid_table_hn .cell_num {
text-align: center;
}
.international .grid_table_vt {
display: grid;
grid-template-columns: 1fr 1fr;
width: 40%;
border-top: 1px solid #E5E5E5;
border-left: 1px solid #E5E5E5;
gap: 0;
margin: 1.5em 0;
}
@media (max-width: 768px) {
.international .grid_table_vt {
width: 100%;
}
}
.international .grid_table_vt .header,
.international .grid_table_vt .cell {
border-right: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
padding: 7px 18px 4px;
display: flex;
align-items: center;
}
.international .grid_table_vt .header {
background: #f2f2f2;
font-weight: bold;
}
.international .grid_table_vt .cell {
justify-content: flex-end;
}
.enployment .naitei {
position: relative;
}
@media (max-width: 768px) {
.enployment .naitei {
margin: 0 auto 20px;
width: 90%;
}
}
.enployment .naitei::after {
content: "";
position: absolute;
top: -20px;
right: -13px;
aspect-ratio: 78/101;
width: 77px;
background-image: url(//www.saijidai.ac.jp/sys/wp-content/themes/saijidai/image/enploy/enployment/icon-naitei-02.png);
background-size: cover;
background-repeat: no-repeat;
}
.enployment .naitei .name {
font-size: clamp(18px, 1vw + 0.5rem, 22px);
font-weight: 500;
}
.enployment .graduate_interview_lists .flex_wrapper {
display: flex;
position: relative;
gap: 20px;
align-items: center;
width: 1065px;
margin: 0 auto;
margin-bottom: 80px;
flex-direction: row;
}
.enployment .graduate_interview_lists .flex_wrapper:nth-child(even) {
flex-direction: row-reverse;
}
.enployment .graduate_interview_lists .flex_wrapper { }
.enployment .graduate_interview_lists .flex_wrapper::after {
content: "";
position: absolute;
top: 245px;
left: 0;
width: 100%;
height: 1px;
background-color: #E5E5E5;
z-index: 0;
}
@media (max-width: 768px) {
.enployment .graduate_interview_lists .flex_wrapper::after {
top: 389px;
}
}
.enployment .graduate_interview_lists .flex_wrapper .pic {
width: 500px;
position: relative;
z-index: 1;
}
.enployment .graduate_interview_lists .flex_wrapper .text {
position: relative;
margin-left: 30px;
width: calc(100% - 500px);
padding-bottom: 40px;
z-index: 1;
}
.enployment .graduate_interview_lists .flex_wrapper .text .caption {
font-size: clamp(18px, 1vw + 0.5rem, 24px);
font-weight: 600;
line-height: 160%;
}
@media (max-width: 768px) {
.enployment .graduate_interview_lists .flex_wrapper {
flex-direction: column !important;
margin: 0 auto 23px;
width: 90%;
}
.enployment .graduate_interview_lists .flex_wrapper .pic {
order: 1;
width: 100%;
}
.enployment .graduate_interview_lists .flex_wrapper .text {
order: 2;
width: 100%;
}
}
.enploy_voice .voice_card {
margin-bottom: 80px;
padding-bottom: 80px;
border-bottom: 1px solid #E5E5E5;
}
@media (max-width: 768px) {
.enploy_voice .voice_card {
margin-bottom: 30px;
padding-bottom: 30px;
}
}
.enploy_voice .voice_card:nth-child(even) .flex_wrapper {
flex-direction: row-reverse;
}
.enploy_voice .voice_card .flex_wrapper {
gap: 40px;
align-items: center;
margin: 0 auto;
flex-direction: row;
}
@media (max-width: 768px) {
.enploy_voice .voice_card .flex_wrapper {
gap: 1em;
}
}
.enploy_voice .voice_card .flex_wrapper .pic {
width: 580px;
}
.enploy_voice .voice_card .flex_wrapper .text {
width: calc(100% - 580px - 45px);
line-height: 160%;
}
.enploy_voice .voice_card .flex_wrapper .text .title {
font-size: clamp(18px, 1vw + 0.5rem, 27px);
font-weight: 600;
margin-bottom: 14px;
}
.enploy_voice .voice_card .flex_wrapper .text .main_text {
margin-bottom: 1em;
}
.enploy_voice .voice_card .flex_wrapper .text .name {
font-weight: 500;
}
.enploy_voice .voice_card .flex_wrapper .text .name span {
font-weight: normal;
font-size: clamp(14px, 1vw + 0.5rem, 16px);
}
@media (max-width: 768px) {
.enploy_voice .voice_card .flex_wrapper {
flex-direction: column !important;
}
.enploy_voice .voice_card .flex_wrapper .pic {
order: 1;
width: 100%;
}
.enploy_voice .voice_card .flex_wrapper .text {
order: 2;
width: 100%;
}
}
.enploy_support .flex_wrapper {
margin-top: 65px;
padding-bottom: 65px;
border-bottom: 1px solid rgb(229, 229, 229);
}
@media (max-width: 768px) {
.enploy_support .flex_wrapper {
margin-top: 25px;
padding-bottom: 25px;
}
}
.enploy_support .flex_wrapper:last-of-type {
border-bottom: none;
}
.enploy_support .flex_wrapper .title_wrapper {
display: flex;
align-items: center;
margin-bottom: 38px;
}
@media (max-width: 768px) {
.enploy_support .flex_wrapper .title_wrapper {
margin-bottom: 12px;
}
}
.enploy_support .flex_wrapper .num {
font-weight: bold;
color: rgb(229, 0, 18);
}
.enploy_support .flex_wrapper .num p {
font-size: clamp(16px, 1vw + 0.5rem, 27px);
line-height: 100%;
}
.enploy_support .flex_wrapper .num .number {
font-size: clamp(45px, 5vw + 0.5rem, 72px);
line-height: 100%;
}
.enploy_support .flex_wrapper .title {
margin-left: 13px;
font-weight: bold;
font-size: clamp(24px, 2vw + 0.5rem, 32px);
padding-top: 28px;
}
.enploy_support .schedule_map_wrapper .head {
width: 100%;
}
.enploy_support .schedule_map_wrapper .schedule_list {
display: flex;
width: 100%;
background-color: rgb(255, 255, 255);
border-bottom: 1px solid rgb(229, 229, 229);
gap: 0;
}
.enploy_support .schedule_map_wrapper .schedule_list .month, .enploy_support .schedule_map_wrapper .schedule_list .text {
font-size: clamp(17px, 2vw + 0.5rem, 22px);
padding: 28px 0;
line-height: 160%;
}
@media (max-width: 768px) {
.enploy_support .schedule_map_wrapper .schedule_list .month, .enploy_support .schedule_map_wrapper .schedule_list .text {
padding: 10px 0;
}
}
.enploy_support .schedule_map_wrapper .schedule_list .month {
width: 130px;
font-weight: bold;
color: #E50012;
padding-left: 33px;
padding-right: 33px;
}
.adoption table {
border-top: 1px solid #E5E5E5 !important;
}
.adoption table tr {
border-bottom: 1px solid #E5E5E5 !important;
}
.adoption table tr td {
border: initial;
}
.adoption table tr td:first-of-type {
text-align: center;
width: 250px;
background-color: #F5F5F5;
}
@media (max-width: 768px) {
.adoption table tr td:first-of-type {
width: 120px;
}
}
.faq .accordion_inner .accordion_content {
padding: 0 40px 30px;
margin-top: -20px;
}
@media (max-width: 768px) {
.faq .accordion_inner .accordion_content {
padding: 0 10px 30px 31px;
}
}
.faq .link_btn {
margin-top: -45px !important;
gap: 0 2em !important;
}
.faq .link_btn .wp-block-button__width-100 {
flex-basis: initial !important;
width: initial !important;
}
@media (max-width: 768px) {
.faq .link_btn .wp-block-button__width-100 {
width: 100% !important;
}
}
.faq .link_btn > div a {
width: 280px !important;
}
@media (max-width: 768px) {
.faq .link_btn > div a {
width: 100% !important;
}
}
.faq .link_btn > div:first-child a {
width: 500px !important;
}
@media (max-width: 768px) {
.faq .link_btn > div:first-child a {
width: 100% !important;
}
}
.faq summary {
position: relative;
font-size: clamp(16px, 2vw + 0.5rem, 24px);
padding: 38px 0 38px 92px;
margin-bottom: 2em;
}
@media (max-width: 768px) {
.faq summary {
padding: 28px 30px 28px 56px;
line-height: 160%;
}
}
.faq summary::before {
content: "";
position: absolute;
top: 50%;
left: 16px;
transform: translateY(-50%);
aspect-ratio: 102/101;
width: 50px;
background-image: url(//www.saijidai.ac.jp/sys/wp-content/themes/saijidai/image/faq/icon_q.png);
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.faq summary::before {
left: 6px;
width: 38px;
}
}
.faq .text {
position: relative;
padding: 5px 0 0 54px;
color: #FB2121;
font-size: clamp(13px, 2vw + 0.5rem, 22px);
font-weight: bold;
}
@media (max-width: 768px) {
.faq .text {
padding: 5px 0 0 24px;
}
}
.faq .text::before {
content: "";
position: absolute;
top: 0;
left: -26px;
aspect-ratio: 102/101;
width: 50px;
background-image: url(//www.saijidai.ac.jp/sys/wp-content/themes/saijidai/image/faq/icon_a.png);
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.faq .text::before {
width: 38px;
}
}
.access .route ul {
list-style-position: outside;
}
.access .route ul li {
text-indent: 0;
}
.certificate .lead {
margin: 0 auto 0 !important;
}
.certificate .step1 {
position: relative;
}
.certificate .step1 .wp-block-list li:first-child {
padding-bottom: 40px;
}
@media (max-width: 768px) {
.certificate .step1 .wp-block-list li:first-child {
padding-bottom: 18px;
}
}
.certificate .step1 .wp-block-list li:first-child::after {
content: "";
display: block;
height: 40px;
margin-top: 10px;
}
.certificate .step1 .pdf_download_btn {
position: absolute;
top: 31px;
}
@media (max-width: 768px) {
.certificate .step1 .pdf_download_btn {
top: 40px;
}
}
.certificate .step2 .pdf_download_btn {
top: 56px;
}
@media (max-width: 768px) {
.certificate .step2 .pdf_download_btn {
top: 66px;
}
}
.certificate ul.other_list {
list-style-position: outside;
}
.certificate ul.other_list li {
text-indent: 0;
}
.privacy-policy_conteiner {
line-height: 140%;
}
.privacy-policy_conteiner h3 {
font-size: clamp(24px, 2vw + 0.5rem, 32px) !important;
font-weight: bold !important;
margin-bottom: 30px;
}
@media (max-width: 768px) {
.privacy-policy_conteiner h3 {
margin-bottom: 14px;
}
}
.privacy-policy_conteiner h4 {
font-size: clamp(17px, 2vw + 0.5rem, 24px) !important;
font-weight: bold !important;
margin-top: 40px;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.privacy-policy_conteiner h4 {
margin-top: 30px;
margin-bottom: 14px;
}
}
.privacy-policy_conteiner ol {
list-style-position: outside;
padding-left: 1.5em; }
.privacy-policy_conteiner ol li {
text-indent: 0;
}
.privacy-policy_conteiner ol {
list-style-type: decimal;
}
.privacy-policy_conteiner ol > li {
margin-bottom: 20px;
}
@media (max-width: 768px) {
.privacy-policy_conteiner ol > li {
margin-bottom: 10px;
}
}
.privacy-policy_conteiner ol > li > ol {
margin-top: 20px;
margin-bottom: 25px;
}
@media (max-width: 768px) {
.privacy-policy_conteiner ol > li > ol {
margin-top: 10px;
margin-bottom: 25px;
}
}
.privacy-policy_conteiner ol > li > ol > li {
margin-top: 10px;
margin-bottom: 10px;
}
.news_inner h2 {
font-size: 1.5em;
font-weight: 600;
}
.news_inner h3 {
font-size: 1.17em;
font-weight: 600;
}
.news_inner ul {
list-style-position: outside;
padding-left: 1.5em;
}
.news_inner ul li {
text-indent: 0;
}