• タイトルが入ります

    TITLE

  • タイトルが入ります

    TITLE

  • タイトルが入ります

    TITLE

  • タイトルが入ります

    TITLE

HTML

  • タイトルが入ります

    TITLE

  • タイトルが入ります

    TITLE

  • タイトルが入ります

    TITLE

  • タイトルが入ります

    TITLE

CSS

.two_column01 {
 display: flex;
 flex-wrap: wrap;
 gap: 40px 40px;
 margin: 0 0 60px;
}

.two_column01:last-child{
 margin-bottom: 0;
}

.two_column01 > li {
 width: calc((100% - 40px) / 2)
}

.two_column01_txt_box {
 margin: 15px 0 0;
}

.two_column01_tit_area {
 display: flex;
 flex-direction: column-reverse;
 line-height: 1.3;
}

.two_column01_tit {
 font-size: 20px;
 font-weight: bold;
}

.two_column01_sub_tit {
 font-size: 16px;
 font-weight: bold;
 color: var(--main-color);
}

@media (max-width : 1024px){

.two_column01_tit {
 font-size: 18px;
} 
 
}

@media  (max-width : 640px){

.two_column01 {
 gap: 30px 30px;
}

.two_column01 > li {
 width: 100%;
 max-width: inherit;
 margin: 0;
}
 
.two_column01_tit {
 font-size: 18px;
} 
 
.two_column01_img_box {
 text-align: center;
}
 
}
一覧に戻る