@charset "UTF-8";

/*----------------------------------------
design
----------------------------------------*/

.design_bg{
background-image: url(../images/design_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}

.design_box{
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
padding: 120px 0 0 0;
}


.design_box h2{
font-size: 4rem;
letter-spacing: 10px;
}


.design_box2{
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
padding: 80px 0;
background-color: #377a88;
}

.design_box3{
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
padding: 80px 0;
background: linear-gradient(90deg, #ffffff 0%, #ffffff 50%, #c2e0e3 50%, #c2e0e3 100%);
}

p.design_title{
font-size: 2rem !important;
letter-spacing: 2px;
text-align: center;
display: block;
width: 100%;
}

p.design_title span{
font-size: 6rem;
line-height: 1.5;
font-family: "adobe-garamond-pro", serif;
font-weight: 400;
font-style: normal;
letter-spacing: 3px;
display: block;
}


/*-- sp--*/

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

.design_box{
padding: 40px 0 0 0;
}

.design_box h2{
font-size: 2rem;
letter-spacing: 5px;
}

.design_box2{
padding: 40px 20px;
}

.design_box3{
padding: 40px 10px;
}


p.design_title{
font-size: 1.5rem !important;
letter-spacing: 0;
}

p.design_title span{
font-size: 3rem;
letter-spacing: 0;
}


}