@charset "UTF-8";

/*==================================================================

BASE

==================================================================*/
@media screen and (min-width:961px){
.container{
display:flex;
flex-direction:row;
justify-content:space-between;
width:100%;
margin:0 auto;
background:rgba(255,255,255,0.5);
}
.menu_column, .main_column, .ad_column{
padding:20px;
box-sizing:border-box;
}
.menu_column{
width:30%;
}
.menu_column_container{
display:grid;
place-items:center;
height:100vh;
}
.menu_column h1{
position:fixed;
width:12%;
top:5%;
}
.menu_column ul{
position:fixed;
width:14%;
bottom:3%;
left:7%;
}
.menu_column ul li{
padding:2.4% 0;
}
.menu_column a{
text-decoration:none;
border-bottom:none;
}
.main_column{
width:40%;
background-color:#FBFAF5;
border-radius:40px;
margin:50px 0 0;
padding:0;
}
.ad_column{
width:30%;
}
.ad_column_container{
display:grid;
place-items:center;
height:100vh;
}
.ad_column .ad{
position:fixed;
width:20%;
top:18%;
}
.ad_column h2{
font-family: "Zen Kaku Gothic New", sans-serif;
font-size:2.4vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}
.ad_column h2::before,
.ad_column h2::after{
content:'';
width:1px;
height:30px;
background-color:#000;
}
.ad_column h2::before{
margin-right:30px;
transform:rotate(-35deg)
}
.ad_column h2::after{
margin-left:30px;
transform:rotate(35deg)
}
.ad_column h3{
}
.ad_column figure{
position:fixed;
right:0;
bottom:0;
width:26%;
}
}
@media only screen and (min-width:768px) and (max-width:960px){
.container{
display:flex;
flex-direction:row;
justify-content:space-between;
width:100%;
margin:0 auto;
background:rgba(255,255,255,0.5);
}
.menu_column, .main_column, .ad_column{
padding:20px;
box-sizing:border-box;
}
.menu_column{
width:25%;
}
.menu_column_container{
display:grid;
place-items:center;
height:100vh;
}
.menu_column h1{
position:fixed;
width:18%;
top:20%;
}
.menu_column ul{
position:fixed;
width:19%;
bottom:5%;
left:3%;
}
.menu_column ul li{
padding:2% 0;
}
.menu_column a{
text-decoration:none;
border-bottom:none;
}
.main_column{
width:40%;
background-color:#FBFAF5;
border-radius:40px;
margin:50px 0 0;
padding:0;
}
.main_column{
width:50%;
background-color:#FBFAF5;
border-radius:40px;
margin:50px 0 0;
padding:0;
}
.ad_column{
width:25%;
}
.ad_column_container{
display:grid;
place-items:center;
height:100vh;
}
.ad_column .ad{
position:fixed;
width:20%;
top:30%;
}
.ad_column h2{
font-family: "Zen Kaku Gothic New", sans-serif;
font-size:16px;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}
.ad_column h2::before,
.ad_column h2::after{
content:'';
width:1px;
height:20px;
background-color:#000;
}
.ad_column h2::before{
margin-right:20px;
transform:rotate(-35deg)
}
.ad_column h2::after{
margin-left:20px;
transform:rotate(35deg)
}
.ad_column h3{
}
.ad_column figure{
position:fixed;
right:0;
bottom:0;
width:20%;
}
}
@media only screen and (min-width:320px) and (max-width:767px){
.container{
width:100%;
margin:0 auto;
}
.menu_column, .main_column, .ad_column{
box-sizing:border-box;
}
.menu_column{
display:none;
}
.main_column{
width:100%;
background-color:#FBFAF5;
margin:0;
}
.ad_column{
display:none;
}
}









/*==================================================================

FV_AREA

==================================================================*/
@media screen and (min-width:961px){
.fv_area{
width:100%;
margin:0 auto;
padding:0 0 50px 0;
background:url("../../images/fv.webp") no-repeat;
background-size:cover;
border-radius:40px 40px 0 0;
}
.fv_area h1{
width:44%;
margin:0 auto 34px;
padding-top:50px;
}
.fv_area h4{
width:44%;
margin:0 auto;
}
.fv_area hr{
width:80%;
height:1px;
margin:10px auto;
background-color:#FFF;
border:none;
}
.fv_area h3{
width:80%;
margin:0 auto;
}
.fv_area h2{
width:24%;
margin:20px auto 0;
}
.fv_area h5{
position:absolute;
width:8%;
top:0;
right:31%;
}



}
@media only screen and (min-width:768px) and (max-width:960px){
.fv_area{
width:100%;
margin:0 auto;
padding:0 0 50px 0;
background:url("../../images/fv.webp") no-repeat;
background-size:cover;
border-radius:40px 40px 0 0;
}
.fv_area h1{
width:44%;
margin:0 auto 34px;
padding-top:50px;
}
.fv_area h4{
width:44%;
margin:0 auto;
}
.fv_area hr{
width:80%;
height:1px;
margin:10px auto;
background-color:#FFF;
border:none;
}
.fv_area h3{
width:80%;
margin:0 auto;
}
.fv_area h2{
width:24%;
margin:20px auto 0;
}
.fv_area h5{
position:absolute;
width:8%;
top:0;
right:29%;
}





}
@media only screen and (min-width:320px) and (max-width:767px){
.fv_area{
width:100%;
margin:0 auto;
padding:0 0 50px 0;
background:url("../../images/fv.webp") no-repeat;
background-size:cover;
border-radius:40px 40px 0 0;
}
.fv_area h1{
width:46%;
margin:0 auto 34px;
padding-top:50px;
}
.fv_area h4{
width:44%;
margin:0 auto;
}
.fv_area hr{
width:70%;
height:1px;
margin:10px auto;
background-color:#FFF;
border:none;
}
.fv_area h3{
width:70%;
margin:0 auto;
}
.fv_area h2{
width:24%;
margin:20px auto 0;
}
.fv_area h5{
position:absolute;
width:20%;
top:0;
left:3%;
}





}









/*==================================================================

YEARS_AREA

==================================================================*/
@media screen and (min-width:961px){
.years_area{
width:100%;
margin:0 auto;
padding:30px 0;
}
.years_bg{
width:100%;
height:auto;
background:linear-gradient(0deg, #EBF6F7, #C1E4E9);
background-size:200% 200%;
animation:Grad 5s ease infinite;
align-items:center;
justify-content:center;
}
/*@keyframes Grad{
0%{background-position:50% 0%}
50%{background-position:50% 100%}
100%{background-position:50% 0%}
}
*/
.years_area h2{
width:100%;
height:auto;
margin:0;
padding:0;
}
.years_area_bg{
background:#FBFAF5;
width:100%;
margin:0;
padding:0 1em;
}
.years_area p{
font-size:17px;
line-height:2.0em;
text-align:center;
padding:2em 0;
}
.marker{
font-weight:700;
background:linear-gradient(transparent 15%, rgba(237, 222, 123,1) 15%);
display:inline;   
background-repeat:no-repeat;
background-size:0% 100%;
transition:background-size 1.0s;
}
.marker.on{
background-size:100% 100%;
}




}
@media only screen and (min-width:768px) and (max-width:960px){
.years_area{
width:100%;
margin:0 auto;
padding:30px 0;
}
.years_bg{
width:100%;
height:auto;
background:linear-gradient(0deg, #EBF6F7, #C1E4E9);
background-size:200% 200%;
animation:Grad 5s ease infinite;
align-items:center;
justify-content:center;
}
/*@keyframes Grad{
0%{background-position:50% 0%}
50%{background-position:50% 100%}
100%{background-position:50% 0%}
}
*/
.years_area h2{
width:100%;
height:auto;
margin:0;
padding:0;
}
.years_area_bg{
background:#FBFAF5;
width:100%;
margin:0;
padding:0 1em;
}
.years_area p{
font-size:15px;
line-height:2.0em;
text-align:center;
padding:2em 0;
}
.marker{
font-weight:700;
background:linear-gradient(transparent 15%, rgba(237, 222, 123,1) 15%);
display:inline;   
background-repeat:no-repeat;
background-size:0% 100%;
transition:background-size 1.0s;
}
.marker.on{
background-size:100% 100%;
}





}
@media only screen and (min-width:320px) and (max-width:767px){
.years_area{
width:100%;
margin:0 auto;
padding:30px 0;
}
.years_bg{
width:100%;
height:auto;
background:linear-gradient(0deg, #EBF6F7, #C1E4E9);
background-size:200% 200%;
animation:Grad 5s ease infinite;
align-items:center;
justify-content:center;
}
/*@keyframes Grad{
0%{background-position:50% 0%}
50%{background-position:50% 100%}
100%{background-position:50% 0%}
}
*/
.years_area h2{
width:100%;
height:auto;
margin:0;
padding:0;
}
.years_area_bg{
background:#FBFAF5;
width:100%;
margin:0;
padding:0 1em;
}
.years_area p{
font-size:15px;
line-height:2.0em;
text-align:center;
padding:2em 0;
}
.marker{
font-weight:700;
background:linear-gradient(transparent 15%, rgba(237, 222, 123,1) 15%);
display:inline;   
background-repeat:no-repeat;
background-size:0% 100%;
transition:background-size 1.0s;
}
.marker.on{
background-size:100% 100%;
}





}









/*==================================================================

OPEN_AREA

==================================================================*/
@media screen and (min-width:961px){
.open_area{
width:100%;
margin:0 auto;
padding:30px 0;
}
.open_area h3{
width:70%;
margin:0 auto;
}
.open_area div{
width:100%;
height:auto;
margin:30px 0;
}
.open_area p{
font-size:16px;
text-align:center;
}





}
@media only screen and (min-width:768px) and (max-width:960px){
.open_area{
width:100%;
margin:0 auto;
padding:30px 0;
}
.open_area h3{
width:70%;
margin:0 auto;
}
.open_area div{
width:100%;
height:auto;
margin:30px 0;
}
.open_area p{
font-size:15px;
text-align:center;
}




}
@media only screen and (min-width:320px) and (max-width:767px){
.open_area{
width:100%;
margin:0 auto;
padding:30px 0;
}
.open_area h3{
width:70%;
margin:0 auto;
}
.open_area div{
width:100%;
height:auto;
margin:30px 0;
}
.open_area p{
font-size:16px;
text-align:center;
}




}









/*==================================================================

NEWS_AREA

==================================================================*/
@media screen and (min-width:961px){
.news_area{
width:100%;
margin:0 auto;
padding:10px 0 50px;
}
.news_area h2{
width:92%;
margin:0 auto;
}
.news_area dl{
width:92%;
margin:0 auto;
}
.news_area dl dt{
font-family: "Gowun Dodum", sans-serif;
font-size:13px;
padding:1em 0 0.4em;
}
.news_area dl dt span{
font-family: "Shippori Mincho", serif;
font-weight:500;
font-size:0.8em;
background:#EDDE7B;
padding:0.1em 1em;
border-radius:10px;
margin-left:1em;
}
.news_area dl dd{
font-size:14px;
border-bottom:1px dashed #7D7B83;
padding-bottom:0.8em;
}






}
@media only screen and (min-width:768px) and (max-width:960px){
.news_area{
width:100%;
margin:0 auto;
padding:10px 0 50px;
}
.news_area h2{
width:92%;
margin:0 auto;
}
.news_area dl{
width:92%;
margin:0 auto;
}
.news_area dl dt{
font-family: "Gowun Dodum", sans-serif;
font-size:12px;
padding:1em 0 0.4em;
}
.news_area dl dt span{
font-family: "Shippori Mincho", serif;
font-weight:500;
font-size:0.8em;
background:#EDDE7B;
padding:0.1em 1em;
border-radius:10px;
margin-left:1em;
}
.news_area dl dd{
font-size:13px;
border-bottom:1px dashed #7D7B83;
padding-bottom:0.8em;
}





}
@media only screen and (min-width:320px) and (max-width:767px){
.news_area{
width:100%;
margin:0 auto;
padding:10px 0 50px;
}
.news_area h2{
width:92%;
margin:0 auto;
}
.news_area dl{
width:92%;
margin:0 auto;
}
.news_area dl dt{
font-family: "Gowun Dodum", sans-serif;
font-size:13px;
padding:1em 0 0.4em;
}
.news_area dl dt span{
font-family: "Shippori Mincho", serif;
font-weight:500;
font-size:0.8em;
background:#EDDE7B;
padding:0.1em 1em;
border-radius:10px;
margin-left:1em;
}
.news_area dl dd{
font-size:14px;
border-bottom:1px dashed #7D7B83;
padding-bottom:0.8em;
}





}









/*==================================================================

PLAN_AREA

==================================================================*/
@media screen and (min-width:961px){
.plan_area{
width:100%;
margin:0 auto;
padding:50px 0;
background:#FFF;
}
.plan_area h6{
font-family: "Gowun Dodum", sans-serif;
font-size:20px;
text-align:center;
color:#EF6000;
}
.plan_area h2{
font-size:30px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.plan_area h2::before, .plan_area h2::after{
content:'';
background:#000;
width:2em;
height:1px;
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.plan_area h2::before{
left:0;
}
.plan_area h2::after{
right:0;
}
.plan_area h3{
font-family: "Gowun Dodum", sans-serif;
font-size:35px;
text-align:center;
background:#EDDE7B;
padding:0.5em 0;
}
.plan_area .viewer{
width:96%;
margin:30px auto 50px;
}
.plan_area h4{
width:24%;
height:auto;
margin:0 auto 0 0;
}
.plan_area p{
width:96%;
margin:1em auto;
}
.plan_area .arrow{
width:5%;
margin:40px auto;
}







}
@media only screen and (min-width:768px) and (max-width:960px){
.plan_area{
width:100%;
margin:0 auto;
padding:50px 0;
background:#FFF;
}
.plan_area h6{
font-family: "Gowun Dodum", sans-serif;
font-size:18px;
text-align:center;
color:#EF6000;
}
.plan_area h2{
font-size:26px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.plan_area h2::before, .plan_area h2::after{
content:'';
background:#000;
width:2em;
height:1px;
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.plan_area h2::before{
left:0;
}
.plan_area h2::after{
right:0;
}
.plan_area h3{
font-family: "Gowun Dodum", sans-serif;
font-size:35px;
text-align:center;
background:#EDDE7B;
padding:0.5em 0;
}
.plan_area .viewer{
width:96%;
margin:30px auto 50px;
}
.plan_area h4{
width:24%;
height:auto;
margin:0 auto 0 0;
}
.plan_area p{
width:94%;
margin:1em auto;
}
.plan_area .arrow{
width:5%;
margin:40px auto;
}





}
@media only screen and (min-width:320px) and (max-width:767px){
.plan_area{
width:100%;
margin:0 auto;
padding:50px 0;
background:#FFF;
}
.plan_area h6{
font-family: "Gowun Dodum", sans-serif;
font-size:18px;
text-align:center;
color:#EF6000;
}
.plan_area h2{
font-size:26px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.plan_area h2::before, .plan_area h2::after{
content:'';
background:#000;
width:2em;
height:1px;
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.plan_area h2::before{
left:0;
}
.plan_area h2::after{
right:0;
}
.plan_area h3{
font-family: "Gowun Dodum", sans-serif;
font-size:35px;
text-align:center;
background:#EDDE7B;
padding:0.5em 0;
}
.plan_area .viewer{
width:96%;
margin:30px auto 50px;
}
.plan_area h4{
width:24%;
height:auto;
margin:0 auto 0 0;
}
.plan_area p{
width:94%;
margin:1em auto;
}
.plan_area .arrow{
width:5%;
margin:40px auto;
}





}









/*==================================================================

POINT_AREA

==================================================================*/
@media screen and (min-width:961px){
.point_area{
width:100%;
margin:0 auto;
padding:50px 0 30px;
}
.point_area h6{
font-family: "Gowun Dodum", sans-serif;
font-size:20px;
text-align:center;
color:#EF6000;
}
.point_area h2{
font-size:30px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.point_area h2::before, .point_area h2::after{
content:'';
background:#000;
width:2em;
height:1px;
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.point_area h2::before{
left:0;
}
.point_area h2::after{
right:0;
}
.point01{
width:100%;
padding:30px 0;
background:#FFF;
}
.point01 h3{
font-size:26px;
text-align:center;
line-height:2em;
letter-spacing:0.1em;
}
.point01 h3 span{
color:#EF6000;
border-top:1px solid #EF6000;
}
.point01 figure{
width:94%;
margin:0 auto;
}
.point02{
width:100%;
padding:30px 0 60px;
background:#FFF;
}
.point02 h3{
font-size:26px;
text-align:center;
line-height:2em;
letter-spacing:0.1em;
}
.point02 h3 span{
color:#EF6000;
border-top:1px solid #EF6000;
}
.point02 figure{
width:94%;
margin:30px auto 0;
}
.point02 figure img{
border-radius:30px;
}
.update{
position:relative;
width:100%;
}
.update div.family{
position:absolute;
width:40%;
bottom:-20%;
right:0;
}
.update figure{
}
.update img{
width:100%;
}
.point_explanation{
width:94%;
margin:3em auto;
}
.point_explanation p{
margin:0 0 1.5em;
line-height:1.3em;
}
.point_explanation p span{
color:#EF6000;
}
.point_explanation h5{
font-size:15px;
font-weight:700;
border-bottom:1px solid #000;
margin-bottom:0.5em;
padding-bottom:0.1em;
}
.point_explanation h5 span{
color:#EF6000;
}
.point03{
width:100%;
padding:30px 0;
background:#FFF;
}
.point03 h3{
font-size:26px;
text-align:center;
line-height:2em;
letter-spacing:0.1em;
}
.point03 h3 span{
color:#EF6000;
border-top:1px solid #EF6000;
}
.slider-wrapper{
display:flex;
overflow:hidden;
margin-top:30px;
}
.slider{
animation:scroll-left 80s infinite linear .5s both;
display:flex;
}
.slide{
width:calc(100vw/7);
padding:5px;
}
.slide img{
display:block;
width:100%;
border-radius:50%;
}
@keyframes scroll-left{
from{
transform:translateX(0);
}
to{
transform: translateX(-100%);
}
}






}
@media only screen and (min-width:768px) and (max-width:960px){
.point_area{
width:100%;
margin:0 auto;
padding:50px 0 30px;
}
.point_area h6{
font-family: "Gowun Dodum", sans-serif;
font-size:18px;
text-align:center;
color:#EF6000;
}
.point_area h2{
font-size:26px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.point_area h2::before, .point_area h2::after{
content:'';
background:#000;
width:2em;
height:1px;
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.point_area h2::before{
left:0;
}
.point_area h2::after{
right:0;
}
.point01{
width:100%;
padding:30px 0;
background:#FFF;
}
.point01 h3{
font-size:22px;
text-align:center;
line-height:2em;
letter-spacing:0.1em;
}
.point01 h3 span{
color:#EF6000;
border-top:1px solid #EF6000;
}
.point01 figure{
width:94%;
margin:0 auto;
}
.point02{
width:100%;
padding:30px 0 60px;
background:#FFF;
}
.point02 h3{
font-size:22px;
text-align:center;
line-height:2em;
letter-spacing:0.1em;
}
.point02 h3 span{
color:#EF6000;
border-top:1px solid #EF6000;
}
.point02 figure{
width:94%;
margin:30px auto 0;
}
.point02 figure img{
border-radius:30px;
}
.update{
position:relative;
width:100%;
}
.update div.family{
position:absolute;
width:40%;
bottom:-20%;
right:0;
}
.update figure{
}
.update img{
width:100%;
}
.point_explanation{
width:94%;
margin:3em auto;
}
.point_explanation p{
margin:0 0 1.5em;
line-height:1.3em;
}
.point_explanation p span{
color:#EF6000;
}
.point_explanation h5{
font-size:14px;
font-weight:700;
border-bottom:1px solid #000;
margin-bottom:0.5em;
padding-bottom:0.1em;
}
.point_explanation h5 span{
color:#EF6000;
}
.point03{
width:100%;
padding:30px 0;
background:#FFF;
}
.point03 h3{
font-size:22px;
text-align:center;
line-height:2em;
letter-spacing:0.1em;
}
.point03 h3 span{
color:#EF6000;
border-top:1px solid #EF6000;
}
.slider-wrapper{
display:flex;
overflow:hidden;
margin-top:30px;
}
.slider{
animation:scroll-left 80s infinite linear .5s both;
display:flex;
}
.slide{
width:calc(100vw/5);
padding:5px;
}
.slide img{
display:block;
width:100%;
border-radius:50%;
}
@keyframes scroll-left{
from{
transform:translateX(0);
}
to{
transform: translateX(-100%);
}
}






}
@media only screen and (min-width:320px) and (max-width:767px){
.point_area{
width:100%;
margin:0 auto;
padding:50px 0 30px;
}
.point_area h6{
font-family: "Gowun Dodum", sans-serif;
font-size:18px;
text-align:center;
color:#EF6000;
}
.point_area h2{
font-size:26px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.point_area h2::before, .point_area h2::after{
content:'';
background:#000;
width:2em;
height:1px;
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.point_area h2::before{
left:0;
}
.point_area h2::after{
right:0;
}
.point01{
width:100%;
padding:30px 0;
background:#FFF;
}
.point01 h3{
font-size:26px;
text-align:center;
line-height:2em;
letter-spacing:0.1em;
}
.point01 h3 span{
color:#EF6000;
border-top:1px solid #EF6000;
}
.point01 figure{
width:94%;
margin:0 auto;
}
.point02{
width:100%;
padding:30px 0 60px;
background:#FFF;
}
.point02 h3{
font-size:26px;
text-align:center;
line-height:2em;
letter-spacing:0.1em;
}
.point02 h3 span{
color:#EF6000;
border-top:1px solid #EF6000;
}
.point02 figure{
width:94%;
margin:30px auto 0;
}
.point02 figure img{
border-radius:30px;
}
.update{
position:relative;
width:100%;
}
.update div.family{
position:absolute;
width:40%;
bottom:-20%;
right:0;
}
.update figure{
}
.update img{
width:100%;
}
.point_explanation{
width:94%;
margin:3em auto;
}
.point_explanation p{
margin:0 0 1.5em;
line-height:1.3em;
}
.point_explanation p span{
color:#EF6000;
}
.point_explanation h5{
font-size:15px;
font-weight:700;
border-bottom:1px solid #000;
margin-bottom:0.5em;
padding-bottom:0.1em;
}
.point_explanation h5 span{
color:#EF6000;
}
.point03{
width:100%;
padding:30px 0 60px;
background:#FFF;
}
.point03 h3{
font-size:26px;
text-align:center;
line-height:2em;
letter-spacing:0.1em;
}
.point03 h3 span{
color:#EF6000;
border-top:1px solid #EF6000;
}
.slider-wrapper{
display:flex;
overflow:hidden;
margin-top:30px;
}
.slider{
animation:scroll-left 80s infinite linear .5s both;
display:flex;
}
.slide{
width:calc(100vw/3);
padding:5px;
}
.slide img{
display:block;
width:100%;
border-radius:50%;
}
@keyframes scroll-left{
from{
transform:translateX(0);
}
to{
transform: translateX(-100%);
}
}





}









/*==================================================================

REPORT_AREA

==================================================================*/
@media screen and (min-width:961px){
.report_area{
width:100%;
margin:0 auto;
padding:50px 0;
background:#EDDE7B;
}
.report_area h6{
font-family: "Gowun Dodum", sans-serif;
font-size:20px;
text-align:center;
color:#EF6000;
}
.report_area h2{
font-size:30px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.report_area h2::before, .report_area h2::after{
content:'';
background:#000;
width:2em;
height:1px;
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.report_area h2::before{
left:0;
}
.report_area h2::after{
right:0;
}
.swiper{
width:90%;
}
.swiper img{
width:100%;
border-radius:30px;
}
.swiper_text{
text-align:center;
padding:30px 0;
justify-content:center;
}
.swiper_text .swiper-slide{
justify-content:center;
}
.swiper_text .swiper-slide h5{
font-family: "Gowun Dodum", sans-serif;
font-size:15px;
text-align:left;
margin:0 auto;
}
.swiper_text .swiper-slide h5 span{
background:#000;
color:#FFF;
padding:0.1em 0.3em;
}
.swiper_text .swiper-slide h3{
font-size:16px;
font-weight:500;
text-align:justify;
line-height:1.4em;
margin:1em auto 1.5em;
}
.swiper_text .swiper-slide h4{
width:50%;
margin:0 auto;
}
.swiper_text .swiper-slide h4 a{
text-align:none;
border-bottom:none;
}
.swiper-button-next,
.swiper-button-prev{
--swiper-navigation-color:#FFF;
}
.swiper-pagination-bullet{
width:14px;
height:14px;
background-color:#FFF;
}
.swiper-pagination-bullet{
opacity:0.5;
}
.swiper-pagination-bullet-active{
opacity:1;
}









}
@media only screen and (min-width:768px) and (max-width:960px){
.report_area{
width:100%;
margin:0 auto;
padding:50px 0;
background:#EDDE7B;
}
.report_area h6{
font-family: "Gowun Dodum", sans-serif;
font-size:18px;
text-align:center;
color:#EF6000;
}
.report_area h2{
font-size:26px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.report_area h2::before, .report_area h2::after{
content:'';
background:#000;
width:2em;
height:1px;
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.report_area h2::before{
left:0;
}
.report_area h2::after{
right:0;
}
.swiper{
width:90%;
}
.swiper img{
width:100%;
border-radius:30px;
}
.swiper_text{
text-align:center;
padding:30px 0;
justify-content:center;
}
.swiper_text .swiper-slide{
justify-content:center;
}
.swiper_text .swiper-slide h5{
font-family: "Gowun Dodum", sans-serif;
font-size:14px;
text-align:left;
margin:0 auto;
}
.swiper_text .swiper-slide h5 span{
background:#000;
color:#FFF;
padding:0.1em 0.3em;
}
.swiper_text .swiper-slide h3{
font-size:15px;
font-weight:500;
text-align:justify;
line-height:1.4em;
margin:1em auto 1.5em;
}
.swiper_text .swiper-slide h4{
width:60%;
margin:0 auto;
}
.swiper_text .swiper-slide h4 a{
text-align:none;
border-bottom:none;
}
.swiper-button-next,
.swiper-button-prev{
--swiper-navigation-color:#FFF;
}
.swiper-pagination-bullet{
width:14px;
height:14px;
background-color:#FFF;
}
.swiper-pagination-bullet{
opacity:0.5;
}
.swiper-pagination-bullet-active{
opacity:1;
}






}
@media only screen and (min-width:320px) and (max-width:767px){
.report_area{
width:100%;
margin:0 auto;
padding:50px 0 30px;
background:#EDDE7B;
}
.report_area h6{
font-family: "Gowun Dodum", sans-serif;
font-size:18px;
text-align:center;
color:#EF6000;
}
.report_area h2{
font-size:26px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.report_area h2::before, .report_area h2::after{
content:'';
background:#000;
width:2em;
height:1px;
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.report_area h2::before{
left:0;
}
.report_area h2::after{
right:0;
}
.swiper{
width:90%;
}
.swiper img{
width:100%;
border-radius:30px;
}
.swiper_text{
text-align:center;
padding:30px 0;
justify-content:center;
}
.swiper_text .swiper-slide{
justify-content:center;
}
.swiper_text .swiper-slide h5{
font-family: "Gowun Dodum", sans-serif;
font-size:14px;
text-align:left;
margin:0 auto;
}
.swiper_text .swiper-slide h5 span{
background:#000;
color:#FFF;
padding:0.1em 0.3em;
}
.swiper_text .swiper-slide h3{
font-size:15px;
font-weight:500;
text-align:justify;
line-height:1.4em;
margin:1em auto 1.5em;
}
.swiper_text .swiper-slide h4{
width:60%;
margin:0 auto;
}
.swiper_text .swiper-slide h4 a{
text-align:none;
border-bottom:none;
}
.swiper-button-next,
.swiper-button-prev{
--swiper-navigation-color:#FFF;
}
.swiper-pagination-bullet{
width:14px;
height:14px;
background-color:#FFF;
}
.swiper-pagination-bullet{
opacity:0.5;
}
.swiper-pagination-bullet-active{
opacity:1;
}





}









/*==================================================================

SHINSAN_AREA

==================================================================*/
@media screen and (min-width:961px){
.shinsan_area{
width:100%;
margin:0 auto;
padding:100px 0 100px;
background:url("../../images/shinsan_bg.jpg") no-repeat center bottom;
background-size:cover;
}
.shinsan_area h2{
width:32%;
margin:0 auto 80px;
}
.shinsan_area p{
font-size:2.3vh;
font-weight:500;
text-align:center;
line-height:1.8em;
margin:1em auto;
color:#FFF;
}




}
@media only screen and (min-width:768px) and (max-width:960px){
.shinsan_area{
width:100%;
margin:0 auto;
padding:100px 0 100px;
background:url("../../images/shinsan_bg.jpg") no-repeat center bottom;
background-size:cover;
}
.shinsan_area h2{
width:40%;
margin:0 auto 80px;
}
.shinsan_area p{
font-size:16px;
font-weight:500;
text-align:center;
line-height:1.8em;
margin:1em auto;
color:#FFF;
}





}
@media only screen and (min-width:320px) and (max-width:767px){
.shinsan_area{
width:100%;
margin:0 auto;
padding:100px 0 100px;
background:url("../../images/shinsan_bg.jpg") no-repeat center bottom;
background-size:cover;
}
.shinsan_area h2{
width:40%;
margin:0 auto 80px;
}
.shinsan_area p{
font-size:16px;
font-weight:500;
text-align:center;
line-height:1.8em;
margin:1em auto;
color:#FFF;
}






}









/*==================================================================

RESALE_AREA

==================================================================*/
@media screen and (min-width:961px){
.resale_area{
width:100%;
margin:0 auto;
padding:100px 0;
background:#E6E6E6;
}
.resale_area h2{
width:90%;
margin:0 auto;
}
.resale_area figure{
width:60%;
margin:50px auto;
}
.resale_area p{
font-size:15px;
margin:1em auto;
width:90%;
}





}
@media only screen and (min-width:768px) and (max-width:960px){
.resale_area{
width:100%;
margin:0 auto;
padding:80px 0;
background:#E6E6E6;
}
.resale_area h2{
width:90%;
margin:0 auto;
}
.resale_area figure{
width:60%;
margin:50px auto;
}
.resale_area p{
font-size:15px;
margin:1em auto;
width:90%;
}





}
@media only screen and (min-width:320px) and (max-width:767px){
.resale_area{
width:100%;
margin:0 auto;
padding:80px 0;
background:#E6E6E6;
}
.resale_area h2{
width:90%;
margin:0 auto;
}
.resale_area figure{
width:60%;
margin:50px auto;
}
.resale_area p{
font-size:15px;
margin:1em auto;
width:90%;
}





}









/*==================================================================

EVENT_AREA

==================================================================*/
@media screen and (min-width:961px){
.event_area{
width:100%;
margin:0 auto;
padding:80px 0;
background:#FFF;
}
.event_area h6{
font-family: "Gowun Dodum", sans-serif;
font-size:20px;
text-align:center;
color:#EF6000;
}
.event_area h2{
font-size:30px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.event_area h2::before, .event_area h2::after{
content:'';
background:#000;
width:2em;
height:1px;
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.event_area h2::before{
left:0;
}
.event_area h2::after{
right:0;
}






}
@media only screen and (min-width:768px) and (max-width:960px){
.event_area{
width:100%;
margin:0 auto;
padding:50px 0;
background:#FFF;
}
.event_area h6{
font-family: "Gowun Dodum", sans-serif;
font-size:18px;
text-align:center;
color:#EF6000;
}
.event_area h2{
font-size:26px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.event_area h2::before, .event_area h2::after{
content:'';
background:#000;
width:2em;
height:1px;
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.event_area h2::before{
left:0;
}
.event_area h2::after{
right:0;
}






}
@media only screen and (min-width:320px) and (max-width:767px){
.event_area{
width:100%;
margin:0 auto;
padding:50px 0 30px;
background:#FFF;
}
.event_area h6{
font-family: "Gowun Dodum", sans-serif;
font-size:18px;
text-align:center;
color:#EF6000;
}
.event_area h2{
font-size:26px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.event_area h2::before, .event_area h2::after{
content:'';
background:#000;
width:2em;
height:1px;
position:absolute;
top:50%;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.event_area h2::before{
left:0;
}
.event_area h2::after{
right:0;
}





}