@charset "UTF-8";


.about_column1,.about_column2,.about_column5{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
    max-width: 1600px;
    margin: 120px auto 0;
    padding: 1em;
}

.about_column1_ph,.about_column1_ph_pc,.about_column2_ph,.about_column5_ph{
    width: 100%;
    display: contents;
}

.about_column1_ph img,.about_column1_ph_pc img{
    width: 40%;
    margin-right: 20px;
}


.about_column1_box{
    padding: 1em;
    width: 55%;
}

.about_column1_box h1,.about_column2_box h1,.about_column5_box h1{
    font-size: 60px;
    font-weight: 400;
    font-style: italic;
    font-family: 'Libre Baskerville', serif;
    margin-top: 20px;
    color: #584C42;

}

.about_column1_box h2,.about_column2_box h2,.about_column5_box h2{
    font-size: 24px;
    font-weight: 100;
    
}

.about_column1_box p,.about_column2_box p,.about_column5_box p{
    font-size: 16px;
    font-weight: 100;
    color: #584C42;
}

.about_column1_box h3,.about_column2_box h3,.about_column2_box h3{
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 20px;    
}

.about_column1_box h1,.about_column2_box h1,.about_column5_box h1{
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
    line-height: 40px;
}

.about_column1_box h2,.about_column2_box h2,.about_column5_box h2{
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
    line-height: 40px;
    color: #584C42;

}

.about_column1_box p,.about_column2_box p,.about_column5_box p{
    font-size: 16px;
    margin-bottom: 20px;    
    letter-spacing: 0.1em;
    line-height: 30px;
    display: flex;
    align-items: center; 
    font-weight: 600;
}

.about_column1_box p::before{
    border-top: 1px solid;
    content: "";
    width: 2em;
    margin-right: 10px;
    vertical-align: middle;
}

.about_column2_box p::before{
    border-top: 1px solid;
    content: "";
    width: 2em;
    margin-right: 10px;
    vertical-align: middle;

}

.about_column5_box p::before{
    border-top: 1px solid;
    content: "";
    width: 2em;
    margin-right: 10px;
    vertical-align: middle;

}

.about_column1_box h3,.about_column2_box h3,.about_column5_box h3{
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 40px;
    font-weight: 100;
}

.about_column2_ph img{
    width: 60%;
    margin-right: -35%;
    margin-top: 50px;
}

.about_column2_ph{
    display: contents;
}
.about_column2_ph_sp{
    display: none;
    background: #fff;
    padding: 1.5em;
    width: 50%;
    position: relative;
    top: 0;
    left: 20px;
}
.about_column2{
    position: relative;
}
.about_column2_box{
    background: #fff;
    padding: 1.5em;
    width: 50%;
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 3;
}


.about_column1_sp_ph{
    display: none;
 }

 .about_column1_ph_sp{
    display: none;
 }

.about_column5_ph img{
    width: 60%;
    margin-left: -35%;
    margin-top: 50px;
    top: 0;
    left: 20px;
}

.about_column5{
    position: relative;
}
.about_column5_box{
    background: #fff;
    padding: 1.5em;
    width: 50%;
    display: block;
    position: absolute;
    width: 50%;
    margin-right: -35%;
    margin-top: 255px;
}

.about_column5 {
    align-items: end;
}


.about_viewmore .viewmore {
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}

.ft-section_sub{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 50px;
}

.footer_logo{
    width: 20%;
    margin-right: 70px;
}

.ft-content_sub h1 {
    font-size: 24px;
    margin-bottom: 40px;    }


.ft-content_sub h3 {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.1em;
}

.ft-content_sub h4 {
    font-size: 1em;
    margin-bottom: 10px;
    line-height: 30px;
    letter-spacing: 0.1em;
}

.ft-content_sub h5 {
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 30px;
    letter-spacing: 0.1em;
 }
 .ft-content_sub h2{
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.1em;
 }


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

    .about{
        max-width: 600px;
        margin: 0 auto;
    }

    .about_column1, .about_column2, .about_column5 {
     display: block;  
     margin: 20px auto 0;
 }

 .about_column1_ph{
    text-align: left;
 }

 .about_column1_ph img{
    margin-right: 0;
    width: 100%;
    padding-left: 2em
 }

 .about_column1_box{
    top: 85%;
    left: 0%;
    padding: 0 1em;
    position: relative;
    width: 100%;
 }

 .about_column1_box h1 {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 40px;
}

.about_column1_box h2{
    line-height: 35px;
    font-size: 24px;
    margin-bottom: 40px;
}
.about_column1_box h3,.about_column2_box h3,.about_column5_box h3{
    line-height: 30px;
    font-size: 14px;
}

.about_column2_ph{
    display: none;
}
.about_column2_ph_sp{
    display: block;
    text-align: left;
    width: 100%;
    padding: 0;
}

.about_column2_ph_sp img{
    margin-right: 0;
    width: 100%;
    padding-left:0;
}

.about_column2_box{
    top: 85%;
    left: 0%;
    padding: 0 1em;
    position: relative;
    width: 100%;
 }

 /*コラム4*/

 .about_column1_ph_sp{
    display: contents;
 }
 .about_column1_ph_pc{
   display: none;
 }

 .about_column1_ph_sp{
    display: block;
    text-align: left;
    width: 100%;
    padding: 0 1em;
}

.about_column1_ph_sp img{
    margin-right: 0;
    width: 100%;
    padding-left:0;
}

/*コラム5*/

.about_column5_ph{
    text-align: left;
 }

 .about_column5_ph img{
    margin-right: 0;
    width: 100%;
    padding-left: 2em;
    margin-left: 0;
    margin-top: 0;
 }

 .about_column5_box{
    top: 85%;
    left: 0%;
    padding: 0 1em;
    position: relative;
    width: 100%;
    margin-top: 0;
 }

 .about_column5_box h1 {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 40px;
}

.about_column5_box h2{
    line-height: 35px;
    font-size: 24px;
}



}

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

/*フッター*/

.ft-section_sub {
    display: block;
    padding: 0;
}

.footer_logo {
    width: 50%;  
    margin: 0 auto;
}

.ft-content_sub h3 {
    margin-bottom: 30px;
    font-size: 14px;
    margin-top: 30px;
}
.ft-content_sub h5 {
    font-size: 26px;
}

 }