@charset "UTF-8";
.contents { overflow: hidden; }
/*img{width: 100%;}*/

figure{position: relative;}

.f-50{font-size: 50%;}
.f-60{font-size: 60%;}
.f-70{font-size: 70%;}
.f-80{font-size: 80%;}
.f-90{font-size: 90%;}
.f-110{font-size: 110%;}
.f-120{font-size: 120%;}
.f-130{font-size: 130%;}
.f-140{font-size: 140%;}
.f-150{font-size: 150%;}
.f-160{font-size: 160%;}
.f-170{font-size: 170%;}
.f-180{font-size: 180%;}
.f-190{font-size: 190%;}
.f-200{font-size: 200%;}
.f-210{font-size: 210%;}
.f-220{font-size: 220%;}
.f-230{font-size: 230%;}
.f-240{font-size: 240%;}
.f-250{font-size: 250%;}

sup{
font-size: 10px;
vertical-align: super;
}
.note_txt{
font-size: 10px!important;
}

#main_Wrap {
    position: relative;
}
#main_Wrap h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: clamp(20px,3.333333333333333vw,40px);
    color: #fff;
    text-shadow: 0px 0px 6px #000000, 0px 0px 9px #000000;
    letter-spacing: 0.12em;
    font-family: "Cinzel", serif;
}

.page_head {
    position: relative;
    width: 94%;
    margin: 0 auto;
    padding: 80px 0 70px;
    text-align: center;
}
.page_head h3 {
    font-size: clamp(18px,2.166666666666667vw,26px);
    line-height: 1.8;
    letter-spacing: 0.12em;
    color: #162e3a;
}
.page_head p{
    font-size: clamp(14px,1.142857142857143vw,16px);
    line-height: 2;
    padding: 50px 0 0;
}

.lead_area {
position: relative;
}
.lead_area figure {
}
.lead_area .float_txt {
position: absolute;
top: 20.714285714285714%;
left: 50%;
width: fit-content;
}
.lead_area .float_txt h3 {
color: #fff;
font-size: clamp(16px,2.166666666666667vw,26px);
line-height: 1.8;
letter-spacing: 0.12em;
}

.text_box {
width: 94%;
margin: 0 auto 80px;
}

.text_box.center {
text-align: center;
}

.column2 .text_box {
width: fit-content;
margin: 0;
}


.text_box h3 {
font-size: clamp(24px,3vw,36px);
color: #c1aa73;
letter-spacing: 0.12em;
font-family: "Cinzel", serif;
}
.text_box h4 {
font-size: clamp(20px,2vw,24px);
line-height: 1.8;
padding: 1.5em 0 0;
}
.text_box p {
font-size: clamp(14px,1.142857142857143vw,16px);
line-height: 2;
padding: 2.25em 0 0;
}
.sub_text {
}
.sub_text h3 {
color: #527082;
font-size: clamp(16px,2vw,20px);
}

.sub_text h6 {
font-size: clamp(16px,2vw,20px);
}
.sub_text p {
font-size: clamp(13px,1.142857142857143vw,16px);
line-height: 1.45;
}
.sub_text h3 + p{
padding: 0.75em 0 0;
}
.sub_text h6 + p{
padding: 0.75em 0 0;
}

.sub_text p + .note_txt{
padding: 0.75em 0 0;
}

.w_bg {
position: absolute;
top: 0;
left: 0;
width: 72.428571428571429%;
z-index: -1;
}
.b_bg {
position: absolute;
top: 0;
left: 0;
width: 54%;
z-index: 0;
}
.b_bg.left {
position: absolute;
top: 0;
left: unset;
right: 0;
width: 51.857142857142857%;
z-index: 0;
}

.column2 {
display: flex;
align-items: center;
width: 94%;
max-width: 1200px;
margin: 0 auto;
gap: 0 2em;
}

[class^="sec"] {
 position: relative;
}
[class^="sec"] > div{
 position: relative;
}
.sec01 {
padding: 100px 0;
}

.sec01 .column2 .text_box {
width: 50%;
}
.sec01 .column2 .text_box h4{
color: #000;
}
.sec01 .column2 .text_box p{
color: #000;
}
.sec01 .column2 figure {
width: 50%;
}


.sec02 {
padding: 100px 0 0;
background: #000;
}

.sec02 .text_box h4{
color: #fff;
}
.sec02 .text_box p{
color: #fff;
}

.sec03 {
padding: 120px 0 100px;
background: #000;
}

.sec03 .text_box h4{
color: #fff;
}
.sec03 .text_box p{
color: #fff;
}
.sec03 .column2 {
justify-content: flex-start;
width: 100%;
max-width: unset;
margin: 0 auto;
gap: 0 4em;
}
.sec03 .column2 figure{
width: 57.142857142857143%;
}


.sec04 {
padding: 100px 0 100px;
}
.sec04 .column2 + .column2 {
padding: 100px 0 0;
}
.sec04 .column2 ul {
display: flex;
flex-direction: column;
width: 45%;
gap:30px 0;
}
.sec04 .column2 ul li{
position: relative;
background: #f9f9f6;
}
.sec04 .column2 ul li:nth-child(-n+2){
padding: 20px;
}
.sec04 .column2 ul li:nth-child(-n+2)::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: #527082;
}
.sec04 .column2 ul li > div + div{
padding: 1em 0 0;
}
.sec04 .column2 ul li:nth-child(1) .flex,
.sec04 .column2 ul li:nth-child(2) .flex{
align-items: flex-start;
gap:20px;
}
.sec04 .column2 ul li:nth-child(3) .flex,
.sec04 .column2 ul li:nth-child(4) .flex{
align-items: center;
}
.sec04 .column2 ul li:nth-child(5) {
background: unset;
}
.sec04 .column2 ul li:nth-child(5) .flex{
gap:20px;
}


.sec04 .column2 ul li:nth-child(1) figure{
width: 38%;
}
.sec04 .column2 ul li:nth-child(1) .flex .sub_text{
width: 58%;
}
.sec04 .column2 ul li:nth-child(2) figure{
width: 48%;
}
.sec04 .column2 ul li:nth-child(2) .flex .sub_text{
width: 48%;
}
.sec04 .column2 ul li:nth-child(3) figure,
.sec04 .column2 ul li:nth-child(4) figure{
width: 50%;
}
.sec04 .column2 ul li:nth-child(3) .flex .sub_text,
.sec04 .column2 ul li:nth-child(4) .flex .sub_text{
width: 50%;
padding: 0.75em;
}
.sec04 .column2 ul li:nth-child(5) .flex .sub_text{
width: 48%;
text-align: center;
padding: 1em;
line-height: 1.6;
background: #f9f9f6;
}

.sub_text h3 span.gld{
display: inline-block;
color: #000;
background: #c4a878;
font-size: 90%;
padding: 3px 4px;

}

.sub_text h6 .f-250{
font-style: italic;
color: #527082;
padding-right: 0.1em;
line-height: 0.75;
}

.sec04 .column2 figure {
width: 50%;
}
.sec04 .column2.floor{
align-items: flex-start;
}
.sec04 .column2.floor > div{
width: 48%;
}
.sec04 .column2.floor > div .sub_text{

}
.sec04 .column2.floor > div .sub_text p{
line-height: 2;
padding: 1em 0 0;
}

.sec04 .column2.floor > div figure{
width: 80%;
max-width: 378px;
margin: 30px auto 0;
}

.sec04 .column2.floor > figure{
width: 48%;
}

#notes_Area {
    background: unset;
}
/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (min-width: 768px) and (max-width: 1024px) {






}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {
    .contents {
        padding: 0;
    }
    .page_head {
        padding: 60px 0 50px;
    }
    .page_head p {
        padding: 30px 0 0;
        text-align: left;
    }
.lead_area .float_txt {
position: absolute;
top: 1em;
left: 50%;
text-align: center;
width: 94%;
margin: 0 auto;
transform: translate(-50%, 0);
}

.column {
display: flex;
flex-wrap: wrap;
gap:0;
}


.column2 {
flex-wrap: wrap;
gap:2em 0;
}
.text_box {
    margin: 0 auto 40px;
}
.text_box h4 {
    padding: 1.0em 0 0;
}
.text_box p {
    padding: 1.8em 0 0;
}
.text_box.center {
    text-align: left;
}


.column2 > .text_box {
  order: 1;
}
.column2 > figure {
  order: 2;
}
.sec01 {
    padding: 50px 0;
}
.sec01 .column2 .text_box {
    width: 100%;
}
.sec01 .column2 figure {
    width: 100%;
}
.sec02 {
    padding: 50px 0 0;
}
.sec02 .column .text_box{
order: 1;
}
.sec02 .column figure{
order: 2;
}
.sec03 {
    padding: 80px 0 50px;
}
.sec03 .column2 {
    gap: 2em;
}
.sec03 .column2 figure {
    width: 100%;
}
.sec03 .column2 .text_box {
    width: 94%;
    margin: 0 auto;
}

.sec04 {
    padding: 50px 0 50px;
}
.sec04 .column2 ul {
    width: 100%;
    gap: 20px 0;
    order: 2;
}
.sec04 .column2 > figure {
    width: 100%;
    order: 1;
}
.sec04 .column2.floor {
    flex-wrap: wrap;
}
.sec04 .column2 + .column2 {
    padding: 50px 0 0;
}
.sec04 .column2.floor > div {
    width: 100%;
}
.sec04 .column2.floor > figure {
    width: 94%;
    margin: 0 auto;
}
.sec04 .column2 ul li:nth-child(2) .flex .sub_text {
    width: 49%;
}
.sec04 .column2 ul li:nth-child(3),
.sec04 .column2 ul li:nth-child(4){
   padding: 20px;
}
.sec04 .column2 ul li:nth-child(3) .flex .sub_text,
.sec04 .column2 ul li:nth-child(4) .flex .sub_text {
    width: 50%;
    padding: 0 0 0 0.75em;
}
.sec04 .column2 ul li:nth-child(5) .flex {
    flex-wrap: wrap;
}
.sec04 .column2 ul li:nth-child(5) .flex .sub_text {
    width: 100%;
}
.sub_text h6.pc + p{
padding: 0;
}
div.flex + .note_txt {
    padding: 1em 0 0;
}
}