﻿.content_box01, .content_box03 {
    padding: 60px 0;
}

.content {
    max-width: 960px;
    margin: 0 auto;
}

.content_box01 .content {
    display: flex;
    flex-wrap: wrap;
}

.b01_ttl, .b02_ttl {
    color: var(--mcolor);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    margin-bottom:20px;
    position: relative;
}

.ttl_small:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 2px;
    background: #ffba06;
    top: 30px;
}
.content_box02, .content_box04{background:#fff9eb;padding: 60px 0;}
.b02_itm_main{padding:30px 0;display:flex;justify-content: space-evenly;}
.b02_ttl{text-align:center;}
.b02_ttl .ttl_small:before{
	right:47%;
}

.b01_itm_img {
    width: 49%;
    position: relative;
}

.b01_itm_txt {
    width: 49%;
    text-align:justify;
}
.b02_col_left, .b02_col_right{
	width:46%;
}
.b02_col_right{padding-top:25px;}
.b02_itm_img{
	padding: 15px;
    border: 1px solid #ccc;
	background:#fff;
	
}
.b02_itm_img:not(:last-child){margin-bottom:25px;}
.b02_itm_ttl{
	background: #9b3735;
    padding: 10px;
    color: #fff;
	margin:0;
}
@media screen and (max-width: 768px) {
    .about_itm_img {
        align-self: center;
    }

    .about_itm_ttl {
        font-size: 23px;
    }

    .about_item:nth-child(2) .about_itm_txt {
        width: 100%;
    }

    .about_item:nth-child(2) .about_itm_ttl:before {
        left: 25px;
    }

    .about_item:nth-child(5) .about_itm_txt {
        width: 100%;
    }

    .chungnhan_list {
        width: 100%;
    }
	.b01_itm_txt {
	padding-left:0;
}
.b01_itm_img,.b01_itm_txt{
	width:100% ;
}
.b01_itm_img{
	    margin-bottom: 40px !important;
}
.content_box01{
	    padding: 20px 0!important;
}
.b01_itm_txt{
	padding: 0 !important;
}
}

@media screen and (max-width: 480px) {
    .about_itm_info, .about_itm_img {
        width: 100%;
        padding: 0;
    }

    .about_item:nth-child(1) .about_itm_info {
        order: 2;
    }

    .about_item:nth-child(2n) .about_itm_info {
        padding: 10px;
    }

    .about_item:nth-child(3) .about_itm_info {
        order: 2;
        padding: 0;
    }

    .about_list {
        margin-top: 10px;
    }
}
