@charset "UTF-8";

html, body {
font-size: 10px;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.switchImg {}

img.w100 {
display: block;
width: 100%;
height: auto;
}


.ct_box {
max-width: 1040px;
margin: 0 auto;
padding: 0 20px;
}

.w980{
    max-width: 980px;
    margin: 0 auto;
}

.ct_box header {
display: -webkit-flex;
display: flex;

-webkit-align-items: center;
align-items: center;

-webkit-justify-content: space-between;
justify-content: space-between;

padding: 20px 15px;
}

.ct_box header h1 {
display: block;
font-size: 1.8rem;
color:#004098;
padding-bottom: 0.5em;
font-weight: 700;
}
.ct_box header h1 .logo_ysgear {
display: block;
width: 200px;
margin-bottom: 0.2em;
}
.ct_box header a {
display: block;
}
.ct_box header a:hover {
opacity: 0.7;
}

footer {
display: block;
border-top: solid 1px #A4C2DC;
text-align: center;
padding: 20px;
font-size: 1.2rem;
}

.btn_totop {
display: block;
max-width: 420px;
width: 90%;
margin: 0 auto 60px;
position: relative;
}
.btn_totop .btn_totop_hover {
position: absolute;
top:0;
left:0;
z-index: 100;
}
.btn_totop:hover .btn_totop_hover {
opacity: 0;
}

/*--------------------*/

.ct_box h2.contents_ttl {
display: block;
max-width: 298px;
width: 75%;
}

.ct_box .ct_inbox {
padding: 0 50px;
}


.ct_box .ttl_box {
display: -webkit-flex;
display: flex;

-webkit-justify-content: space-between;
justify-content: space-between;

-webkit-align-items: center;
align-items: center;

margin: 20px 0 60px;
}


.ct_box .ttl_box .ancher_box {
display: -webkit-flex;
display: flex;

-webkit-justify-content: space-around;
justify-content: space-around;

-webkit-align-items: center;
align-items: center;

background: #E6EFFF;
padding: 15px 20px;

font-size: 1.5rem;

width: calc(100% - 320px);
}

.ct_box .ttl_box .ancher_box a {
color:#124099;
}


.ct_box .overview_ttl {
position: relative;
padding-bottom: 40px;
}

.ct_box .overview_ttl #application,
.ct_box .overview_ttl #overview,
.ct_box .overview_ttl #schedule {
position: absolute;
top:-30px;
}


.ct_box .overview_ttl:before {
position: absolute;
display: block;
content: "";
width: calc(50% - 150px);
height: 1px;
background: #004098;
top:0;
left:0;
}
.ct_box .overview_ttl:after {
position: absolute;
display: block;
content: "";
width: calc(50% - 150px);
height: 1px;
background: #004098;
top:0;
right:0;
}
.ct_box .overview_ttl h3 {
display: block;
width: 194px;
position: absolute;
top:-18px;
left:0;
right:0;
margin: auto;
}


.ct_box .schedule .overview_ttl:before {
width: calc(50% - 250px);
}
.ct_box .schedule .overview_ttl:after {
width: calc(50% - 250px);
}
.ct_box .schedule .overview_ttl h3 {
max-width: 406px;
width: 100%;
}

/*--------------------*/

/* .ct_inbox section {
margin-bottom: 80px;
} */


.ct_box .overview_ttl_dl {
overflow: hidden;
}
.ct_box .overview_ttl_dl dt {
float:left;
clear: both;
background: #E6EFFF;
color:#124099;
padding: 15px 20px;
text-align: center;

text-align-last: justify;
text-justify: inter-ideograph;
display: block;
width: 140px;

font-size: 1.4rem;
margin-bottom: 7px;
}
.ct_box .overview_ttl_dl dd {
float:right;
display: block;
width: calc(100% - 170px);
font-family: 'Hiragino Mincho Pro','游明朝','Yu Mincho',YuMincho,serif;
font-size: 1.5rem;
padding-top: 8px;
margin-bottom: 20px;
line-height: 1.8;
}
.ct_box .overview_ttl_dl dd p {
display: block;
padding-left: 1em;
text-indent: -1em;
margin-bottom: 0.5em;
}
.ct_box .overview_ttl_dl dd p strong {
font-weight: normal;
color:#124099;
}



.ct_box .message_box {
background: #E6F0FF;
padding: 25px;
position: relative;
}

.ct_box .message_box:before {
content:url(../img/tri_red.svg);
width: 24px;
height: auto;
top:0;
left:0;
position: absolute;
z-index: 100;
}

.ct_box .message_box:after {
content:url(../img/tri_yellow.svg);
width: 24px;
height: auto;
bottom:0;
right:0;
position: absolute;
z-index: 100;
}

.ct_box .message_box .message_inbox {
background: #fff;
padding: 54px;
margin: 0 auto;
}
.ct_box .message_box .message_inbox p {
font-size: 1.3rem;
padding-top: 20px;
text-align: center;
}

.resources_title_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3%;
    margin: 40px auto;
}

.resources_title {
    font-size: 2.9rem;
    font-weight: bold;
    text-align: center;
    color: #004099;
}
.title_line{
    border: solid 1px #004099;
    max-width: 244px;
    width: 30%;
    height: 1px;
}

.top_arrow{
    margin: -1% 10% 0 0;
}
@media (max-width: 480px) {
    .top_arrow{
        margin: -0.5% 10% 0 0;
    }
}

a:hover{
    opacity: 0.7;
}

.top_btn{
    font-weight: bold;
    color: #004099;
    font-size: 1.4rem;
    padding: 60px 0;
    max-width: 105px;
    margin: 0 auto;
}

.top_flex{
    display: flex;
    justify-content: center;
}