@charset "UTF-8";
/* CSS Document */

.application_section {
	padding: 0 60px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.step_bloc {
	display: flex;
    align-items: center;
}
.step_irasuto_bloc {
    display: flex;
    font-size: 6rem;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    padding: 10px;
	margin-right: 40px;
    background-color: #add2d1;
    border-radius: 60px;
}
.application_ul li {
	text-decoration: none;
	color: #333333;
}
.application_ul li::marker {
    display: none;
}
.application_ul li {
    list-style-type: none;
	margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px #ffffff solid;
   /* border-bottom: 1px #faac9d solid;*/
	text-align: left;
}
.application_ul {
    display: block;
    margin: 100px 0;
}
.about_title.room_presentation, .about_title.one_day_title {
    
}
.application_illustration {
    display: block;
    width: 80px;
    height: auto;
}
.application_illustration.cityhall {
    width: 75px;
}
.application_illustration.document {
    width: 150px;
}
.application_illustration.document1 {
    width: 125px;
}
.application_illustration.document2 {
    width: 100px;
}
.shitanolink {
    font-size: 2.4rem;
    font-weight: 800;
}
.title_number a {
    color: #000000;
    font-size: 6rem;
    text-decoration: none;
    border-bottom: 1px #f6f6f6 solid;
}


.water {
	font-size: 8rem;
	margin: 0 auto;
	text-align: center;
  width: 100%;
  height: 50px;
  background: linear-gradient(
    120deg,
    #add2d1 25%,
    #bed5e6 50%,
    #add2d1 75%
  );
  background-size: 200% 100%;
  animation: flow 4s linear infinite;
}

@keyframes flow {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.water .sun_rinnen {
	padding: 50px;
}

.water.top {
    margin-bottom: 60px;
}

@media(max-width: 1060px) {
    .title_number a {
        font-size: 4.8rem;
    }
    .shitanolink {
        font-size: 2.1rem;
    }
}
@media(max-width: 960px) {
    .step_irasuto_bloc {
        margin-right: 15px;
    }
}
@media(max-width: 860px) {
    .application_section {
        padding: 0 40px;
    }
}
@media(max-width: 640px) {
    .application_section {
        padding: 0 30px;
    }
    .application_illustration {
        width: 75px;
    }
    .application_ul li {
        padding-bottom: 20px;
    }
    .step_irasuto_bloc {
        width: 80px;
        height: 80px;
    }
    .application_illustration.document {
        width: 135px;
    }
    .application_illustration.document1 {
        width: 110px;
    }
    .application_illustration.document2 {
        width: 90px;
    }
    .step_irasuto_bloc {
        font-size: 5rem;
    }
    .title_number a {
        font-size: 3.6rem;
        text-underline-offset: 1px;
    }
    .shitanolink {
        font-size: 1.8rem;
    }
    .water {
        height: 30px;
    }
    .sun_cloud_box {
        height: 80px;
    }
}
@media(max-width: 610px) {
    .shitanolink {
        font-size: 1.6rem;
    }
}
.application540px {
    display: none;
}
@media(max-width: 540px) {
    .application .about_top_image {
        margin: 0 40px 20px;
    }
    .application_ul {
        margin: 80px 0;
    }
    .application_section {
        padding: 0 20px;
    }
    .application540px {
        display: block;
    }
}
@media(max-width: 440px){
    .title_number a {
        font-size: 3rem;
    }
}
@media(max-width: 405px) {
    .step_irasuto_bloc {
        width: 60px;
        height: 60px;
    }
    .application_illustration, .application_illustration.cityhall {
        width: 60px;
    }
    .application_illustration.document {
        width: 120px;
    }
    .application_illustration.document2 {
        width: 85px;
    }
    .application_illustration.document1 {
        width: 100px;
    }
    .application_section {
        padding: 0 10px;
    }
}
@media(max-width: 375px) {
    .shitanolink {
        font-size: 1.4rem;
    }
    .title_number a {
        font-size: 2.4rem;
    }
}
@media(max-width: 345px) {
    .shitanolink {
        font-size: 1.2rem;
    }
}





