@charset "utf-8";
#content_Wrap {
font-feature-settings: "palt";
}
figure {
position: relative;
}
.note {
font-size: 10px;
line-height: 1.4;
}
figure + .note {
padding-top: 1em;
}
/* ----------------------------------
concept
---------------------------------- */

.main_Wrap {
}
.main_Wrap .page_ttl{
position: absolute;
top: 11.5%;
left: 50%;
transform: translate(-50%,0);
width: 100%;
}
.main_Wrap .page_ttl h3 {
display: inline-block;
color: #fff;
text-align: center;
font-size: clamp(32px, 4.34vw, 52px);
line-height: 1.5;
letter-spacing: 0.16em;
width: 100%;
}

.lead_Wrap {
background: url(../img/lead_bg.png)no-repeat top center;
background-size: cover;
padding: 80px 3% 120px;
}
.lead_Wrap p {
text-align: center;
font-size: clamp(16px, 1.5vw, 18px);
line-height: 2.5;
letter-spacing: 0.15em;
}
.lead_Wrap p + p{
padding-top: 2.75em;
}


.sec_main_copy {
}
.sec_main_copy h3 {
text-align: center;
color: #7a5c57;
letter-spacing: 0.1em;
font-size: clamp(32px, 4.34vw, 52px);
}
.sec_main_copy p {
text-align: center;
font-size: clamp(16px, 1.5vw, 18px);
line-height: 2;
letter-spacing: 0.15em;
}
.sec_main_copy h3 + p {
padding-top: 2.5em;
}

.more {
width: 71.11111111%;
max-width: 320px;
margin: 60px auto 0 0;
}
.more a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
letter-spacing: 0.15em;
width: 100%;
    background: rgba(108, 85, 75, 1);
    background: linear-gradient(to right, rgba(108, 85, 75, 1) 0%, rgba(166, 147, 138, 1) 100%);
padding: 1em 0;
gap : 0 1em;
transition: 0.3s;
}
.more a:hover {
opacity: 0.5;
transition: 0.3s;
}

.more a::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: calc(100% - 4px);
height: calc(100% - 4px);
transform: translate(-50%,-50%);
border: 1px solid #fff;
}
.more .arrow {
position: relative;
display: inline-block;
width: 19px;
height: 1px;
margin-top: 4.3px;
background-color: #fff;
}
.more .arrow::before {
content: "";
position: absolute;
top: calc(50% - 0.5px);
right: 0;
width: 7px;
height: 1px;
background-color: #fff;
transform: rotate(45deg);
transform-origin: calc(100% - 0.5px) 50%;
}

.riben .sec_main_copy {
padding: 0 0 80px;
}
.shinka .sec_main_copy {
background: url(../img/shinka_bg.jpg)no-repeat top center;
background-size: cover;
padding: 80px 0;
}

.sec01.bg01{
background: url(../img/content_bg01.jpg)no-repeat top center;
background-size: cover;
padding: 80px 0;
}
.sec01.bg02{
background: url(../img/content_bg02.jpg)no-repeat top center;
background-size: cover;
padding: 80px 0;
}

.sec_content {
display: flex;
width: 94%;
max-width: 1200px;
margin: 0 auto;
gap: 1.5em 5%;
}

.sec01 .sec_content {
align-items: center;
gap: 1.5em 5%;
}
.sec02 .sec_content {
align-items: center;
gap: 1.5em 5%;
}


.sec_content .text_box {
width: 37.5%;
}
.sec01 .sec_content .text_box {
width: 37.5%;
}


.sec_content .text_inner_box {
}
.sec_content .text_box h4 {
color: #806a6a;
font-size: clamp(21px, 2.67vw, 32px);
letter-spacing: 0.06em;
}
.sec02 .sec_content .text_box h4 {
display: flex;
align-items: center;
}
.sec02 .sec_content .text_box h4::before,
.sec02 .sec_content .text_box h4::after {
content: "";
flex-grow: 1;
height: 1px;
background: #806a6a;
}
.sec02 .sec_content .text_box h4::before {
margin:0 .5em 0 0;
}
.sec02 .sec_content .text_box h4::after {
margin:0 0 0 .5em;
}




.sec_content .text_box p {
color: #000;
font-size: clamp(14px, 1.34vw, 16px);
line-height: 2.475;
letter-spacing: 0.15em;
}
.sec_content .text_box h4 + p {
padding-top: 2em;
}

.sec_content .more {
}
.sec_content .arrow {
}
.sec_content .img_box {
width: 57.5%;
}
.sec01 .sec_content .img_box {
width: 57.5%;
}
.sec_content ul {
}
.sec_content figure {
box-shadow: 6px 6px 10px 0px rgba(82, 97, 105, 0.5);
}
.sec01 .sec_content .img_box  ul {
display: flex;
flex-wrap: wrap;
gap : 30px 4.34782609%;
}
.sec01 .sec_content .img_box  ul li{
width: 100%;
}
.sec01 .sec_content .img_box  ul li:not(:first-child){
width: 47.82608696%;
}
.sec01 .sec_content .img_box.add ul{
display: flex;
align-items: flex-start;
gap :0 2.89855072%;
}
.sec01 .sec_content .img_box.add ul li:nth-child(1){
width: 62.31884058%;
}
.sec01 .sec_content .img_box.add ul li:nth-child(2){
width: 34.7826087%;
margin-top: 180px;
}
.future_bg {
background: #e8f1f6;
padding: 80px 0;
}
.future_Wrap {
}
.future_Wrap .sec_sub_copy {
}
.future_Wrap .sec_sub_copy  h3 {
text-align: center;
font-size: clamp(21px, 2.5vw, 30px);
line-height: 1.75;
letter-spacing: 0.15em;
}
.future_Wrap .sec_sub_copy  span {
font-size: 120%;
color: #b18f3e;
}

.future_Wrap .future_point {
display: flex;
flex-wrap: wrap;
width: 94%;
max-width: 1200px;
margin: 80px auto;
gap: 30px 5%;
}
.future_Wrap .future_point .text_box,
.future_Wrap .future_point .img_box{
width: 47.5%;
}
.future_Wrap .future_point .text_box p{
color: #000;
font-size: clamp(14px, 1.34vw, 16px);
line-height: 2;
letter-spacing: 0.1em;
}
.future_Wrap .future_point .text_box div + figure{
margin-top: 1em;
}

.sec02{
display: flex;
flex-direction: column;
gap : 80px 0;
}


.school {
background: url(../img/school_bg.jpg)no-repeat top center;
background-size: cover;
padding: 80px 0;
}
.school .sec03 {
}
.school .sec_content {
align-items: center;
}
.school .text_box {
width: 40%;
}
.school .text_box h4{
font-size: clamp(21px, 2.67vw, 30px);
line-height: 1.4;
}
.school .text_box p{
line-height: 2;
letter-spacing: 0.06em;
}
.school .text_box p.note{
font-size: 10px;
}
.school .text_box p + p.note{
padding-top: 1em;
}
.school .img_box {
}
.access_Wrap {
background: url(../img/access_bg.jpg)no-repeat top center;
background-size: cover;
padding: 80px 0;
}
.access_Wrap .sec_main_copy {
}
.access_Wrap .sec_main_copy h5 {
text-align: center;
color: #7a5c57;
font-size: clamp(32px, 3vw, 36px);
letter-spacing: 0.1em;
}
.access_Wrap .sec_main_copy h3 {
padding-top: 0.6em;
}
.access_Wrap .sec_main_copy p {
padding-top: 1.5em;
}
.access_Wrap .sec_main_copy br {
}

.access_Wrap .sec03 {
margin: 60px auto 0;
}
.access_Wrap .sec_content {
}
.access_Wrap .img_box {
}
.access_Wrap .img_box h5 {
text-align: center;
color: #7a5c57;
font-size: clamp(32px, 4.34vw, 52px);
letter-spacing: 0.1em;
padding-bottom: 0.5em;
}
.access_Wrap .img_box p {
text-align: center;
font-size: clamp(16px, 1.5vw, 18px);
padding-top: 1em;
}


/*=============================
調整
=============================*/
@media only screen and (max-width: 1280px) {


}

/*=============================
tab
=============================*/
@media only screen and (max-width: 1024px) {


}


/*=============================
spから
=============================*/
@media screen and (max-width: 767px) {

.lead_Wrap {
padding: 40px 3% 60px;
}
.lead_Wrap p + p {
padding-top: 1.5em;
}
.riben .sec_main_copy {
padding: 0 0 40px;
}
.sec01.bg01 {
padding: 20px 0 60px;
}
.sec01.bg02 {
padding: 20px 0 60px;
}
.more {
width: 80%;
max-width: 320px;
margin: 30px auto 0;
}
.sec_content {
flex-wrap: wrap;
gap: 1.5em 5%;
}
.sec_content .text_box p {
letter-spacing: 0.08em;
}
.sec_content .text_box h4 + p {
padding-top: 1.25em;
}
.sec_main_copy h3 + p {
padding-top: 1.5em;
}
.sec_content .text_box {
width: 100%;
order: 1;
}
.sec01 .sec_content .text_box {
width: 100%;
order: 2;
}
.sec_content .img_box {
width: 100%;
order: 2;
}
.sec01 .sec_content .img_box {
width: 100%;
order: 1;
}
.sec01 .sec_content .img_box.add ul li:nth-child(2){
margin-top: 11.2%;
}
.shinka .sec_main_copy {
padding: 40px 3%;
}
.future_bg {
padding: 40px 0 60px;
}
.future_Wrap .future_point {
margin: 40px auto;
gap: 30px 5%;
}
.future_Wrap .future_point .text_box,
.future_Wrap .future_point .img_box {
width: 100%;
}
.sec02 {
gap: 50px 0;
}
.school {
padding: 40px 0;
}
.access_Wrap {
padding: 40px 0;
}
.access_Wrap .sec_main_copy h3 {
line-height: 1.4;
}

.access_Wrap .sec03 {
margin: 40px auto 0;
}

}