@charset "utf-8";

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {

/*トップページ */
#top_catch {
padding: 0 14rem 6rem 14rem;
background-color: #8cd2f5;
background-image: url("../img/top/catch_left.png"), url("../img/top/catch_right.png");
background-position: left 5rem, right 5rem;
background-repeat: no-repeat;
}
#top_catch article {
position: relative;
background: #fff;
border-radius: 10rem 0 10rem 0;
overflow: hidden;
text-align: center;
}
#top_catch article img {
height: auto;
width: 120rem;
max-width: 100%;
}
#top_catch article h2 {
position: absolute;
top: 5rem;
left: 10rem;
font-size: 3rem;
line-height: 1.8;
font-weight: 700;
}
#top_catch article h2 span {
color: #00afe4;
}
#top_catch article h3 {
position: absolute;
top: 16rem;
left: 10rem;
font-size: 2.4rem;
font-weight: 500;
}
#top_catch h2, #top_catch h3 {
font-family: "M PLUS Rounded 1c", sans-serif;
}
#yotei {
text-align: center;
padding: 10rem 0;
}
#yotei h1 {
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 700;
font-size: 6rem;
border-bottom: 0.2rem solid rgba(0,0,0,0.8);
line-height: 1;
padding-bottom: 2rem;
display: inline-block;
color: #00afe4;
margin-bottom: 3rem;
}
#yotei p {
font-size: 1.8rem;
line-height: 2;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 500;
color: rgba(0,0,0,0.6);
}
#about {
width: 110rem;
margin: 0 auto 12rem auto;
text-align: center;
}
#about > div {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1.6rem;
}
#about > div section {
position: relative;
border: 0.1rem solid rgba(0,0,0,0.2);
padding-top: 2rem;
height: 44rem;
}
#about > div section img {
vertical-align: bottom;
}
#about > div section h3, #about > div section h4 {
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 700;
font-size: 1.8rem;
}
#about > div section h3 {
color: #00afe4;
margin-bottom: 1rem;
padding: 0 2rem;
}
#about > div section h4 {
margin-bottom: 2rem;
padding: 0 2rem;
}
#about > div section p {
margin-bottom: 2rem;
padding: 0 2rem;
font-size: 1.5rem;
line-height: 1.7;
}
#about > div section figure {
position: absolute;
bottom: 0;
}
#r_abput {
position: absolute;
width: 8rem;
top: -2.6rem;
left: -5rem;
}
#access {
text-align: center;
}
#access div {
height: 40rem;
}

}

/* タブレット用　縦向き
------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 1024px) {

/*トップページ */
#top_catch {
padding: 0 5rem 3rem 5rem;
background-color: #8cd2f5;
background-image: url("../img/top/catch_left.png"), url("../img/top/catch_right.png");
background-position: left 5rem, right 5rem;
background-repeat: no-repeat;
}
#top_catch article {
position: relative;
background: #fff;
border-radius: 10rem 0 10rem 0;
overflow: hidden;
text-align: center;
}
#top_catch article img {
height: auto;
width: 120rem;
max-width: 100%;
}
#top_catch article h2 {
position: absolute;
top: 2rem;
left: 3rem;
font-size: 3rem;
line-height: 1.4;
font-weight: 700;
}
#top_catch article h2 span {
color: #00afe4;
}
#top_catch article h3 {
position: absolute;
top: 11rem;
left: 3rem;
font-size: 2.4rem;
font-weight: 500;
}
#top_catch h2, #top_catch h3 {
font-family: "M PLUS Rounded 1c", sans-serif;
}
#yotei {
text-align: center;
padding: 10rem 0;
}
#yotei h1 {
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 700;
font-size: 4rem;
border-bottom: 0.2rem solid rgba(0,0,0,0.8);
line-height: 1;
padding-bottom: 2rem;
display: inline-block;
color: #00afe4;
margin-bottom: 3rem;
}
#yotei p {
font-size: 1.8rem;
line-height: 2;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 500;
color: rgba(0,0,0,0.6);
padding: 0 4rem;
}
#about {
padding: 0 4rem;
margin: 0 auto 12rem auto;
text-align: center;
}
#about > div {

}
#about > div section {
position: relative;
border: 0.1rem solid rgba(0,0,0,0.2);
padding-top: 2rem;
margin: 0 auto 5rem auto;
width: 70%;
}
#about > div section img {
vertical-align: bottom;
}
#about > div section h3, #about > div section h4 {
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 700;
font-size: 1.8rem;
}
#about > div section h3 {
color: #00afe4;
margin-bottom: 1rem;
padding: 0 2rem;
}
#about > div section h4 {
margin-bottom: 2rem;
padding: 0 2rem;
}
#about > div section p {
margin-bottom: 2rem;
padding: 0 2rem;
font-size: 1.5rem;
line-height: 1.7;
}
#about > div section figure {

}
#r_abput {
position: absolute;
width: 8rem;
top: -2.6rem;
left: -5rem;
}
#access {
text-align: center;
}
#access div {
height: 40rem;
}

}


/* スマートフォン用
------------------------------------------------------------*/
@media only screen and (max-width: 599px) {

/*トップページ */
#top_catch {
padding: 0 2rem 2rem 2rem;
background-color: #8cd2f5;
background-image: url("../img/top/catch_left.png"), url("../img/top/catch_right.png");
background-position: left 5rem, right 5rem;
background-repeat: no-repeat;
}
#top_catch article {
position: relative;
background: #fff;
border-radius: 4rem 0 4rem 0;
overflow: hidden;
text-align: center;
}
#top_catch article img {
height: auto;
width: 120rem;
max-width: 100%;
}
#top_catch article h2 {
position: absolute;
top: 1rem;
left: 2rem;
font-size: 1.5rem;
line-height: 1.2;
font-weight: 700;
text-align: left;
}
#top_catch article h2 span {
color: #00afe4;
}
#top_catch article h3 {
position: absolute;
top: 4.4rem;
left: 2rem;
font-size: 1rem;
font-weight: 500;
text-align: left;
color: #aaa;
}
#top_catch h2, #top_catch h3 {
font-family: "M PLUS Rounded 1c", sans-serif;
}
#yotei {
text-align: center;
padding: 5rem 0;
}
#yotei h1 {
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 700;
font-size: 3rem;
border-bottom: 0.2rem solid rgba(0,0,0,0.8);
line-height: 1;
padding-bottom: 2rem;
display: inline-block;
color: #00afe4;
margin-bottom: 3rem;
}
#yotei p {
font-size: 1.6rem;
line-height: 1.6;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 500;
color: rgba(0,0,0,0.6);
padding: 0 2rem;
text-align: left;
}
#about {
padding: 0 2rem;
margin: 0 auto 5rem auto;
text-align: center;
}
#about > div {

}
#about > div section {
position: relative;
border: 0.1rem solid rgba(0,0,0,0.2);
padding-top: 2rem;
margin-bottom: 2rem;
}
#about > div section img {
vertical-align: bottom;
}
#about > div section h3, #about > div section h4 {
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 700;
font-size: 1.8rem;
}
#about > div section h3 {
color: #00afe4;
margin-bottom: 1rem;
padding: 0 2rem;
}
#about > div section h4 {
margin-bottom: 2rem;
padding: 0 2rem;
}
#about > div section p {
margin-bottom: 2rem;
padding: 0 2rem;
font-size: 1.5rem;
line-height: 1.7;
}
#about > div section figure {

}
#r_abput {
position: absolute;
width: 8rem;
top: -2.6rem;
left: -5rem;
}
#access {
text-align: center;
}
#access div {
height: 30rem;
}

}