@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      space.css

----------------------------------------------------------- */

.col01.ref01{
background: url(../img/reform/ref_img01.jpg);
background-size: cover;
background-position: center center;
}
.col01.ref02{
padding: 55.46875% 0 0 0;
background: url(../img/reform/ref_img07.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.col01.ref03{
background: url(../img/reform/ref_img11.jpg);
background-size: cover;
background-position: center center;
}



.ref_tit{
padding: 5% 3%;
color: #fff;
}

.ref_tit.tit01{
background:url(../img/reform/ref_img08.jpg) center center / cover;
}
.ref_tit.tit02{
background:url(../img/reform/ref_img09.jpg) center center / cover;
}
.ref_tit.tit03{
background:url(../img/reform/ref_img10.jpg) center center / cover;
}

.ref_tit .col_tit::after{
border-bottom: 1px solid #fff;
}

.ref_tit .col_tit{
position: relative;
    padding: 0 0 20px 0;
    margin: 0 auto;
    text-align: center;
}

.ref_txt{
width: 100%;
    box-sizing: border-box;
    text-align: left;
    margin: 0 auto;
    padding: 5% 20%;
}

.col02 > ul > li{
width: 50%;
padding: 0 2%;
box-sizing: border-box;
margin: 0 0 2% 0;
}

.col03.reform > ul{
	border-bottom: 1px solid #eee;
}

.col04 > ul{
    border-bottom: 1px solid #eee;
}

.col04 > ul > li{
    border-left: 1px solid #eee;
box-sizing: border-box;
}




@media only screen and (max-width: 800px) {

.col02 > ul > li{
width: 100%;
}
}


.col03.reform > ul > li{
padding: 20px 1.5%;
box-sizing: border-box;
    border-top: 1px solid #eee;
	border-left: 1px solid #eee;
}

.col03.reform > ul > li:nth-child(3n+1){
border-left: none;
}

.col03.reform > ul > li .col_tit{
color:#9a7d54;
position: relative;
    padding: 0 0 20px 0;
    margin: 0 auto;
    text-align: center;
}

.col03.reform > ul > li .col_tit::after{
border-bottom: 1px solid #9a7d54;
}


.menu_btn{
width: 250px;
}

.menu_btn a{
padding: 12px 0;
}

@media screen and (max-width: 800px){
.ref_txt {
    padding: 5% 10%;
}

.col02_inner > ul > li{
width: 100%;
margin: 0 0 10px 0;
text-align: center;
}
}
@media screen and (max-width: 600px){

.col01{
padding-top: 60%;
}

.col03.reform > ul > li,
.col03.reform > ul > li:nth-child(3n+1){
border-left: none;
padding: 20px 10%;
}

.ref_tit{
padding: 10% 3%;
}

}

@media screen and (max-width: 480px){

}