.contents01 { width:100% !important; max-width:100% !important;padding-top :0; }

.index_main { height:820px; position:relative }
.index_main .index_text { position:absolute; z-index:2; display:block; top:22%; left:50%; width:calc(100% - 40px); max-width:1260px;  transform:translate(-50%);  font-size:16px }
.index_main .index_text h1,
.index_main .index_text h2,
.index_main .index_text h3 { color:#fff; font-weight:bold; text-shadow:0 0 10px #000; letter-spacing:-0.05em;}
.index_main .index_text h1 { font-size:1.7em; }
.index_main .index_text h2 { font-size:6.25em; margin:2% 0; }
.index_main .index_text h3 { font-size:1.875em; font-weight:normal; line-height:130% }
.index_main img { height:100%; object-fit:cover; width:100%; }
@media(max-width:1024px){
.index_main { height:700px; }
.index_main .index_text { position:absolute; z-index:2; display:block; left:50%; width:calc(100% - 40px); max-width:1260px;  transform:translate(-50%);  font-size:12px   }
}

@media(max-width:800px){
.index_main { height:400px; }
.index_main .index_text {  font-size:9px   }
.index_main .index_text h2 { font-size:5.25em; margin:2% 0; }
}


.index_section2 { width:100%; margin:0px auto; background:#eef0f5; padding:6% 0; }
.index_section2 .inner { max-width:1260px; width:100%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between;  }
.index_section2 .inner > div { width:calc(50% - 10px); margin:10px 0; background:#fff; border-radius:10px; padding:2%; font-size:16px; } 
.index_section2 p { line-height:100%; margin:2% 0; letter-spacing:-0.5px }
.index_section2 p.p1 { color:#d6aa85; font-size:1.7em; }
.index_section2 p.p2 { font-size:3.5em ; font-weight:bold; margin-bottom:4% }
.index_section2 p.p3 { font-size:1.13em; font-weight:bold; }


@media(max-width:1000px){
.index_section2 .inner > div { width:calc(100% - 30px); font-size:14px; margin:10px auto; padding:3%;} 
}
@media(max-width:800px){
.index_section2 .inner > div { width:calc(100% - 30px); font-size:11px; margin:10px auto; padding:4%;} 
}



.index_section3 { width:100%; margin:0px auto; padding:6% 0; }
.index_section3 .inner { max-width:1260px; width:100%; margin:0 auto;  }

.index_section3 img.logo { width:270px; max-width:50%; }
.index_section3 p { line-height:130%; margin:1% 0; letter-spacing:-0.5px }
.index_section3 p.p1 { color:#d6aa85; font-size:1.7em;  }
.index_section3 p.p2 { font-size:3.5em ; font-weight:bold; }
.index_section3 p.p3 { font-size:2.05em ;   margin-top:4%   }
.index_section3 p.p4 { font-size:1em;  line-height:150%; margin-top:2%  }
.index_section3 .btn_area {  margin-top:4%  }
.index_section3 .round_btn { border:1px solid #222; line-height:48px; height:50px; font-size:0.9em; border-radius:25px; padding:0 2.7em; display:inline-block; margin-bottom:2%; margin-right:1%; }
.index_section3.section4 { background:#f5f5f5; }


@media(max-width:1000px){
.index_section3 .inner { width:calc(100% - 30px); font-size:14px; padding:3% 2%; }
.index_section3 p.p2 { font-size:3em ; }
.index_section3 p.p3 { font-size:1.3em ;  }
.index_section3 .btn_area {  margin-top:7%  }
.index_section3 .round_btn { line-height:38px; height:40px; font-size:1.2em; border-radius:20px; padding:0 2em; }
.index_section3 p.p4 { font-size:1.2em; }
}

@media(max-width:800px){
.index_section3 .inner { width:calc(100% - 30px); font-size:10px; }
.index_section3 p.p2 { font-size:2.4em ; margin-bottom:4%; }
.index_section3 .btn_area br { display:none; }
.index_section3 .round_btn { line-height:33px; height:35px; font-size:1.2em; border-radius:20px; padding:0 1em; }
}


.section4 .site_screen { margin-top:5% }
.section4 .site_screen ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
.section4 .site_screen ul li { width:calc(100% / 3 - 10px); border-radius:6%; overflow:hidden; margin:10px 0 ; }
.section4 .site_screen ul li img { width:100%; }

@media(max-width:800px){
.section4 .site_screen ul li { width:calc(100% / 2 - 5px); margin:5px 0 ; }

}

.section5 .inner { position:relative; }
.section5 .section5_img { position:absolute; top:0; right:0; width:560px; z-index:-1; }


@media(max-width:1000px){
.section5 .section5_img { width:400px; }

}

@media(max-width:800px){
.section5 .section5_img { position:static; top:auto; right:auto; width:100%; z-index:1; }
}


.index_section7 { width:100%; margin:0px auto; padding:6% 0; }
.index_section7 .inner { max-width:1260px; width:100%; margin:0 auto;  }
.index_section7 ul { display:flex; justify-content:space-between; }
.index_section7 li { background:#efddce; padding:4% 3%; width:calc(50% - 10px); border-radius:20px }
.index_section7 strong { font-size:2.3em ; }
.index_section7 p { font-size:1em ; line-height:120%; margin:2% 0 3%; }
.index_section7 a { background:#000; color:#fff; display:inline-block; padding:0.8% 3% 1%; }


@media(max-width:800px){
.index_section7 .inner { font-size:11px; }
.index_section7 ul { flex-wrap:wrap; }
.index_section7 li { width:95%; margin:1% auto; padding:6% 6% }
}







.index_section8 { background:#888; height:600px; display:flex; align-items:center; justify-content:center; }
.index_section8 .inner { position:absolute; z-index:2; display:block; max-width:1260px; width:100%; margin:0 auto; text-align:center; } 
.index_section8 p { color:#fff; font-weight:bold; font-size:2.2em; }
.index_section8 .btn_area {  margin-top:4%  }
.index_section8 .round_btn { border:0; line-height:48px; height:50px; font-size:0.9em; border-radius:25px; padding:0 2.7em; display:inline-block; background:#fff; }

.index_section8 img { height:100%; object-fit:cover; width:100%; }


@media(max-width:1000px){
.index_section8 { height:400px; }
.index_section8 .inner { font-size:12px } 
.index_section8 .round_btn { line-height:38px; height:40px; font-size:1.2em; border-radius:20px; padding:0 2em; }
}

@media(max-width:800px){
.index_section8 { height:300px; }
.index_section8 .inner { font-size:11px } 
.index_section8 p { font-size:1.2em; }
.index_section8 .btn_area {  margin-top:4%  }
.index_section8 .round_btn { line-height:33px; height:35px; font-size:1em; border-radius:20px; padding:0 1.5em; }
}






.mt150 { margin-top:150px; }

@media(max-width:800px){
.mt150 { margin-top:80px; }
}





#footer { margin-top:0px !important; }