@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;
}


.resources_title_box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto;
}

.resources_title {
    font-size: 2.9rem;
    font-weight: bold;
    text-align: center;
    color: #004099;
width: 50%;
}
.title_line{
    border: solid 1px #004099;
    max-width: 244px;
    width: 25%;
    height: 1px;
}

.top_arrow{
    margin: -1% 10% 0 0;
}

@media (max-width: 767px) {
.resources_title_box br {
display: none;
}
/* max-width: 767px */}


@media (max-width: 480px) {
.resources_title_box {
gap:2%;
}
    .top_arrow{
        margin: -0.5% 10% 0 0;
    }

.resources_title{
    font-size: 2.1rem;
}

.resources_title {
width: 72%;
}
.title_line {
    width: 12%;
}
}

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;
}

.harassment_box {
font-family: 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', YuMincho, serif;
font-size: 1.5rem;
line-height: 1.5em;
}

.harassment_box p {
margin-bottom: 40px;
}
.harassment_box dl {
margin-bottom: 30px;
}

.harassment_box dl dt {
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 0.5em;
color:#124099;
}

.harassment_box dl dl dt {
font-size: 1.5rem;
}

.harassment_box dl dd {
padding-left: 1.3em;
}

.harassment_box li {
list-style:disc;
margin-left: 1em;
margin-bottom: 5px;
}

.harassment_box dl dd {
padding-left: 1.3em;
}

.harassment_box dl dd a {
text-decoration: underline;
}

.harassment_box .MB10 {
margin-bottom: 15px;
}