@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 40px 0 0;
margin:50px 0 0;
padding:0;
}
.main_column h1{
width:30%;
margin:50px auto;
}
.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:50%;
background-color:#FBFAF5;
border-radius:40px 40px 0 0;
margin:50px 0 0;
padding:0;
}
.main_column h1{
width:30%;
margin:30px auto;
}
.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;
}
.main_column h1{
width:30%;
margin:30px auto;
}
.ad_column{
display:none;
}
}









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

REPORT_HEADER

==================================================================*/
@media screen and (min-width:961px){
.report_header{
width:100%;
margin:0 auto;
padding:30px 0 10px;
background:#EDDE7B;
}
.report_header h6{
font-family: "Gowun Dodum", sans-serif;
font-size:20px;
text-align:center;
color:#EF6000;
}
.report_header h2{
font-size:30px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.report_header h2::before, .report_header 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_header h2::before{
left:0;
}
.report_header h2::after{
right:0;
}










}
@media only screen and (min-width:768px) and (max-width:960px){
.report_header{
width:100%;
margin:0 auto;
padding:30px 0 10px;
background:#EDDE7B;
}
.report_header h6{
font-family: "Gowun Dodum", sans-serif;
font-size:18px;
text-align:center;
color:#EF6000;
}
.report_header h2{
font-size:26px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.report_header h2::before, .report_header 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_header h2::before{
left:0;
}
.report_header h2::after{
right:0;
}







}
@media only screen and (min-width:320px) and (max-width:767px){
.report_header{
width:100%;
margin:0 auto;
padding:30px 0 10px;
background:#EDDE7B;
}
.report_header h6{
font-family: "Gowun Dodum", sans-serif;
font-size:18px;
text-align:center;
color:#EF6000;
}
.report_header h2{
font-size:26px;
padding:0 3em;
width:fit-content;
margin:1em auto 1.3em;
text-align:center;
position:relative;
}
.report_header h2::before, .report_header 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_header h2::before{
left:0;
}
.report_header h2::after{
right:0;
}






}









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

REPORT_AREA

==================================================================*/
@media screen and (min-width:961px){
.report_area{
width:100%;
margin:0 auto;
padding:30px 0;
}
.report_area h4{
font-family: "Gowun Dodum", sans-serif;
font-size:15px;
text-align:left;
margin:0 auto;
}
.report_area h4 span{
background:#000;
color:#FFF;
padding:0.1em 0.3em;
}
.report{
width:90%;
margin:20px auto 0;
}
.report_area h2{
font-size:20px;
font-weight:500;
line-height:1.5em;
text-align:justify;
--dot-color:#BBB;
background-image:repeating-linear-gradient(90deg, #FFF 0 1px, transparent 1px 2px), repeating-linear-gradient(#fff 0 1px, var(--dot-color) 1px 2px);
padding:0.5em;
}
.report_area h3{
width:100%;
margin:30px 0;
}
.report_area p{
font-family: "Zen Old Mincho", serif;
font-size:14px;
margin:1.3em 0;
line-height:1.5em;
}
.report_area p span{
font-weight:900;
background:rgba(180,174,177,0.4);
padding:0 0.2em;
}
.report_area figure{
width:100%;
margin:30px 0;
}
.report_area figure img{
border-radius:30px;
}




}
@media only screen and (min-width:768px) and (max-width:960px){
.report_area{
width:100%;
margin:0 auto;
padding:30px 0;
}
.report_area h4{
font-family: "Gowun Dodum", sans-serif;
font-size:14px;
text-align:left;
margin:0 auto;
}
.report_area h4 span{
background:#000;
color:#FFF;
padding:0.1em 0.3em;
}
.report{
width:90%;
margin:20px auto 0;
}
.report_area h2{
font-size:18px;
font-weight:500;
line-height:1.5em;
text-align:justify;
--dot-color:#BBB;
background-image:repeating-linear-gradient(90deg, #FFF 0 1px, transparent 1px 2px), repeating-linear-gradient(#fff 0 1px, var(--dot-color) 1px 2px);
padding:0.5em;
}
.report_area h3{
width:100%;
margin:30px 0;
}
.report_area p{
font-family: "Zen Old Mincho", serif;
font-size:13px;
margin:1.3em 0;
line-height:1.5em;
}
.report_area p span{
font-weight:900;
background:rgba(180,174,177,0.4);
padding:0 0.2em;
}
.report_area figure{
width:100%;
margin:30px 0;
}
.report_area figure img{
border-radius:30px;
}





}
@media only screen and (min-width:320px) and (max-width:767px){
.report_area{
width:100%;
margin:0 auto;
padding:30px 0;
}
.report_area h4{
font-family: "Gowun Dodum", sans-serif;
font-size:14px;
text-align:left;
margin:0 auto;
}
.report_area h4 span{
background:#000;
color:#FFF;
padding:0.1em 0.3em;
}
.report{
width:90%;
margin:20px auto 0;
}
.report_area h2{
font-size:18px;
font-weight:500;
line-height:1.5em;
text-align:justify;
--dot-color:#BBB;
background-image:repeating-linear-gradient(90deg, #FFF 0 1px, transparent 1px 2px), repeating-linear-gradient(#fff 0 1px, var(--dot-color) 1px 2px);
padding:0.5em;
}
.report_area h3{
width:100%;
margin:30px 0;
}
.report_area p{
font-family: "Zen Old Mincho", serif;
font-size:14px;
margin:1.3em 0;
line-height:1.5em;
}
.report_area p span{
font-weight:900;
background:rgba(180,174,177,0.4);
padding:0 0.2em;
}
.report_area figure{
width:100%;
margin:30px 0;
}
.report_area figure img{
border-radius:30px;
}




}








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

BUTTON_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.button{
width:100%;
margin:0 auto;
padding:30px 0 50px;
}
.button ul{
}
.button ul li{
width:24%;
margin:0 4.5%;
float:left;
font-size:13px;
}
a.link{
font-size:13px;
text-align:center;
letter-spacing:0.07em;
width:100%;
position:relative;
display:inline-block;
padding:0.7em 0;
text-decoration:none;
color:#595757;
background:#EDDE7B;
transition: .4s;
border:1px solid #595757;
}
a.link:visited{
font-size:13px;
text-align:center;
letter-spacing:0.07em;
width:100%;
position:relative;
display:inline-block;
padding:0.7em 0;
text-decoration:none;
color:#595757;
background:#EDDE7B;
transition: .4s;
border:1px solid #595757;
}
a.link:hover{
font-size:13px;
border:1px solid #FFF;
color:#FFF;
background-color:#595757;
}
a.link_none{
font-size:13px;
text-align:center;
letter-spacing:0.07em;
width:100%;
position:relative;
display:inline-block;
padding:0.7em 0;
text-decoration:none;
color:#FFF;
background:#777;
transition: .4s;
border:1px solid #777;
}
}
@media only screen and (min-width:768px) and (max-width:960px){
.button{
width:100%;
margin:0 auto;
padding:30px 0 50px;
}
.button ul{
}
.button ul li{
width:24%;
margin:0 4.5%;
float:left;
font-size:12px;
}
a.link{
font-size:12px;
text-align:center;
letter-spacing:0.07em;
width:100%;
position:relative;
display:inline-block;
padding:0.7em 0;
text-decoration:none;
color:#595757;
background:#EDDE7B;
transition: .4s;
border:1px solid #595757;
}
a.link:visited{
font-size:12px;
text-align:center;
letter-spacing:0.07em;
width:100%;
position:relative;
display:inline-block;
padding:0.7em 0;
text-decoration:none;
color:#595757;
background:#EDDE7B;
transition: .4s;
border:1px solid #595757;
}
a.link:hover{
font-size:12px;
border:1px solid #FFF;
color:#FFF;
background-color:#595757;
}
a.link_none{
font-size:12px;
text-align:center;
letter-spacing:0.07em;
width:100%;
position:relative;
display:inline-block;
padding:0.7em 0;
text-decoration:none;
color:#FFF;
background:#777;
transition: .4s;
border:1px solid #777;
}


}
@media only screen and (min-width:320px) and (max-width:767px){
.button{
width:100%;
margin:0 auto;
padding:10px 0 20px;
}
.button ul{
}
.button ul li{
width:24%;
margin:0 4.5%;
float:left;
font-size:12px;
}
a.link{
font-size:12px;
text-align:center;
letter-spacing:0.07em;
width:100%;
position:relative;
display:inline-block;
padding:0.7em 0;
text-decoration:none;
color:#595757;
background:#EDDE7B;
transition: .4s;
border:1px solid #595757;
}
a.link:visited{
font-size:12px;
text-align:center;
letter-spacing:0.07em;
width:100%;
position:relative;
display:inline-block;
padding:0.7em 0;
text-decoration:none;
color:#595757;
background:#EDDE7B;
transition: .4s;
border:1px solid #595757;
}
a.link:hover{
font-size:12px;
border:1px solid #FFF;
color:#FFF;
background-color:#595757;
}
a.link_none{
font-size:12px;
text-align:center;
letter-spacing:0.07em;
width:100%;
position:relative;
display:inline-block;
padding:0.7em 0;
text-decoration:none;
color:#FFF;
background:#777;
transition: .4s;
border:1px solid #777;
}



}





























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

RESALE_AREA

==================================================================*/
@media screen and (min-width:961px){
.xxx_area{
width:100%;
margin:0 auto;
padding:100px 0;
background:#E6E6E6;
}






}
@media only screen and (min-width:768px) and (max-width:960px){
.xxx_area{
width:100%;
margin:0 auto;
padding:80px 0;
background:#E6E6E6;
}






}
@media only screen and (min-width:320px) and (max-width:767px){
.xxx_area{
width:100%;
margin:0 auto;
padding:80px 0;
background:#E6E6E6;
}





}