@charset "UTF-8";

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

.design_bg{
background-image: url(../images/design_bg.jpg);
background-size: 100%;
background-position: top center;
background-repeat: repeat-y;
}

.design_bg2{
background-image: url(../images/design_bg2.jpg);
background-size: 100%;
background-position: top center;
background-repeat: repeat-y;
}

.design_main{
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}

.design_main_inner{
width: 100%;
max-width: 1024px;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom:60px;
}

.design_title {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 0 0 20px 0;
}

.design_title p {
font-family: "Cinzel", serif;
font-size: 5rem;
line-height: 1.5;
font-weight: 400;
letter-spacing: 5px;
color: #fff;
}


.design_subtitle {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 0 0 20px 0;
color: #fff;
}

.design_subtitle p {
font-size: 2rem;
}

.design_text{
font-size: 1.5rem;
font-weight: 200;
letter-spacing: 1px;
color: #fff;
}

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

.design_box1_text{
width: 50%;
max-width: 512px;
padding: 0 0 0 40px;
}

.design_box2{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.design_box2_text{
width: 100%;
max-width: 1024px;
padding: 40px 0 80px 0;
}

.design_box3{
width: 100%;
max-width: 1024px;
}

.design_point{
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
background-color: #324e65;
color: #fff;
margin: 0 10px 0 0;
font-family: "Cinzel", serif;
font-size: 2rem;
line-height: 20px;
text-align: center;
}



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

.page_title_design {
margin-bottom: 20px;
background-image: url(../images/design_bg01.jpg);
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
background-color:rgba(255,255,255,0.7);
background-blend-mode:lighten;
}

.page_title_design .page_title_inner {
height: 120px;
padding: 0 0;
}


.design_main{
width: 100%;
}

.design_main_inner{
width: 90%;
max-width: 90%;
margin-bottom:10px;
}

.design_title {
margin: 40px 0 20px 0;
}

.design_title p {
font-size: 2.5rem;
padding: 0 0 0 0;
letter-spacing: 0;
}


.design_subtitle p {
padding: 0 0;
font-size: 1.5rem;
}

.design_box1{
padding: 0 0 60px 0;
}

.design_box1_text{
width: 100%;
max-width: 100%;
padding: 0 20px;
}

.design_text{
font-size: 1.3rem;
font-weight: 200;
letter-spacing: 0;
color: #fff;
}

.design_box2{
padding: 0 0 60px 0;
}

.design_box2_text{
width: 100%;
max-width: 100%;
padding: 0 20px;
}

.design_box3{
width: 100%;
max-width: 100%;
}

}