@charset "utf-8";
/* CSS Document */

.concept-photo{ margin: 0 auto 80px;}
@media only screen and (max-width: 600px) {
  .concept-photo{ margin: 0 auto 40px;}  
}
.concept-info{
    margin: 0 auto 80px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-start;
}
@media only screen and (max-width: 768px) {
    .concept-info{ display: block; width: 100%; }
    }
    @media only screen and (max-width: 600px) {
        .concept-info{ margin: 0 auto 40px; }
        }
.concept-info div:nth-of-type(1){
    width: 50%;
}
@media only screen and (max-width: 768px) {
    .concept-info div:nth-of-type(1){ display: block; width: 100%; margin-bottom: 30px; }
    }
    @media only screen and (max-width: 600px) {
        .concept-info div:nth-of-type(1){ margin-bottom: 20px; }
        }
.concept-info div:nth-of-type(1) p{ font-size: 40px; font-family: 'Playfair Display', serif; line-height: 1; position: relative; display: inline-block; letter-spacing: 0;}
@media only screen and (max-width: 1024px) {
    .concept-info div:nth-of-type(1) p{ font-size: 30px; }
    }
    @media only screen and (max-width: 600px) {
        .concept-info div:nth-of-type(1) p{ font-size: 24px; }
        }
.concept-info div:nth-of-type(1) p:after{
    position: absolute;
    top: 50%;
    right: -60px;
    content: "";
    width: 40px;
    height: 1px;
    background-color: #c8bb9b;
}
.concept-info div:nth-of-type(2){ width: 50%; }
@media only screen and (max-width: 768px) {
    .concept-info div:nth-of-type(2){ display: block; width: 100%; }
}
.concept-info div:nth-of-type(2) p{ margin-bottom: 30px;}
@media only screen and (max-width: 600px) {
    .concept-info div:nth-of-type(2) p{ margin-bottom: 10px;}
}
.concept-info div:nth-of-type(2) p:last-child{ margin-bottom: 0px; }
@media only screen and (max-width: 1024px) {
    .concept-info div:nth-of-type(2) p:nth-of-type(3){ width: 60%; }
}
    @media only screen and (max-width: 1024px) {
        .concept-info div:nth-of-type(2) p:nth-of-type(3){ width: 100%; }
    }
.concept-info div:nth-of-type(2) p:nth-of-type(1){ font-size: 24px; font-family: 'ShipporiMincho-Regular';}
@media only screen and (max-width: 1024px) {
    .concept-info div:nth-of-type(2) p:nth-of-type(1){ font-size: 20px; }
}
    @media only screen and (max-width: 1024px) {
        .concept-info div:nth-of-type(2) p:nth-of-type(1){ font-size: 16px; }
    }
.concept-info div:nth-of-type(2) p:nth-of-type(2){ line-height: 2.4;}
@media only screen and (max-width: 1024px) {
    .concept-info div:nth-of-type(2) p:nth-of-type(2){ font-size: 16px; }
}
    @media only screen and (max-width: 600px) {
        .concept-info div:nth-of-type(2) p:nth-of-type(2){ font-size: 13px; letter-spacing: 1px; }
    }
.concept-info div:nth-of-type(2) p:nth-of-type(2) span{ display: block; margin-bottom: 20px;}
@media only screen and (max-width: 600px) {
.concept-info div:nth-of-type(2) p:nth-of-type(2) span:nth-of-type(1) br{ display: none;}
    }
.concept-info div:nth-of-type(2) p:nth-of-type(2) span:last-child{ margin-bottom: 0px;}