@charset "utf-8";
/* CSS Document */
@media print, screen and (min-width: 767px) {

.bgcolor01{
background: #fdf4ef;
padding-top: 100px;
padding-bottom: 10px;
}

.making_btn{
border: #e26230 1px solid;
max-width: 600px;
margin: 0 auto;
transition: 0.5s;
}

.making_btn a{
display: block;
width: 100%;
height: 100%;
padding: 20px;
color: #e26230;
text-align: center;
font-size: 18px;
}

.making_btn:hover{
background: #482c17;
border: #482c17 1px solid;
}

.making_btn a:hover{
color: #fff;
}

.plan_list li{
transition: 0.5s;
}

.plan_list li:hover{
transform: scale(0.98);
opacity: 0.7;
}
}

@media screen and (max-width: 768px) { 
.making_btn{
border: #e26230 1px solid;
max-width: 480px;
margin: 0 auto;
transition: 0.5s;
}

.making_btn a{
display: block;
width: 100%;
height: 100%;
padding: 10px;
color: #e26230;
text-align: center;
font-size: 12px;
}

.making_btn:hover{
background: #482c17;
border: #482c17 1px solid;
}

.making_btn a:hover{
color: #fff;
}

.plan_list li{
transition: 0.5s;
}

.plan_list li:hover{
transform: scale(0.98);
opacity: 0.7;
}
}