@charset "utf-8";
/*共通設定*/
.title {
    background-image: url(/img/concept/bg-main.jpg);
}
/*終わり*/


/*<section class="concept">*/
.concept {
    padding: 0 5vw;
}

.concept-in {
    max-width: 1200px;
    width: 100%;
    margin: 120px auto;
}

.concept-1,
.concept-2 {
    margin-bottom: 150px;
}

.concept-text1 {
    width: 70%;
    margin-bottom: 50px;
}

.concept-img01 {
    width: 100%;
}

.concept-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.concept-text2 {
    width: 45%;
}

.concept-img2 {
    width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap
}

.concept-img02,
.concept-img03 {
    width: 49%;
}

.concept-img03 {
    margin-top: 100px;
}
/*終わり*/


/*タブレット*/
@media (max-width: 1024px) {  
/*共通設定*/
/*終わり*/  
}


/*スマホ*/
@media (max-width: 599px) {
/*共通設定*/
/*終わり*/ 


/*<section class="concept">*/
.concept-in {
    margin-bottom: 0;
}

.concept-text1,
.concept-text2 {
    width: 100%;
}

.concept-1,
.concept-2 {
    margin-bottom: 120px;
}

.concept-2 {
    display: block;
}

.concept-text2 {
    margin-bottom: 50px;
}

.concept-img2 {
    width: 100%;
}
/*終わり*/ 
}