@charset "UTF-8";


/* design01 -------------------------------------*/


#contbox_des_01 {
	width:1200px;
	height:auto;
	margin:40px auto;
	text-align:center;
	overflow:hidden;
}

#contbox_des_01 .inner{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 0 0;
    justify-content: space-between;
}
#contbox_des_01 .inner .item{
    width: 60%;
}
#contbox_des_01 .inner .item:last-child{
    width: 36%;
}


#contbox_des_01 .inner02{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 0 0;
    justify-content: space-between;
}
#contbox_des_01 .inner02 .item{
    width: 31%;
}


#contbox_des_01 .inner03{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 40px 0;
    overflow: hidden;
}
#contbox_des_01 .inner03 .item:first-child{
    width: 34%;
    padding: 30px 20px 0 20px;
    background-color: #30363a;
    align-self:stretch;
    box-sizing: border-box;
    overflow: hidden;
}
#contbox_des_01 .inner03 .item:first-child h5{
    color: #fff;
    margin: 0 0 40px 0;
    padding: 0 0 0 0;
}
#contbox_des_01 .inner03 .item:first-child p{
    color: #fff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#contbox_des_01 .inner03 .item:last-child{
    position: relative;
    width: 66%;
    overflow: hidden;
}
#contbox_des_01 .inner03 .item:last-child p{
    position: absolute;
    bottom: 5px;
    right: 5px;
    margin: 0 0 0 0;
}


#contbox_des_02 {
    display: flex;
	width:1200px;
	height:auto;
	margin:40px auto;
    padding: 30px;
    background-color: #EBEDEE;
	text-align:center;
	justify-content: space-between;
    box-sizing: border-box;
}
#contbox_des_02 p.read_al{
    margin: 0 0 60px 0;
}

#contbox_des_02 .item{
    flex-basis: 28%;
}
#contbox_des_02 .item:last-child{
    flex-basis: 66%;
}

#contbox_des_02 .item:last-child ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#contbox_des_02 .item:last-child ul li:first-child{
    flex-basis: 36.6%;
}
#contbox_des_02 .item:last-child ul li:nth-child(2){
    flex-basis: 34.1%;
}
#contbox_des_02 .item:last-child ul li:last-child{
    flex-basis: 27.5%;
}

#contbox_des_02 .item:last-child ul li p{
    margin: 0 0 0 0;
}


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


#contbox_des_01 {
	width:94%;
}
#contbox_des_01 .inner .item{
    width: 100%;
}
#contbox_des_01 .inner .item:last-child{
    width: 100%;
}
#contbox_des_01 .inner02 .item{
    width: 100%;
}

#contbox_des_01 .inner03 .item:first-child{
    width: 100%;
    padding: 20px;
    align-self:auto;
}
#contbox_des_01 .inner03 .item:first-child h5{
    margin: 0 0 20px 0;
}
#contbox_des_01 .inner03 .item:last-child{
    position: inherit;
    width: 100%;
    overflow: hidden;
}
#contbox_des_01 .inner03 .item:last-child p{
    position: inherit;
    bottom: 0;
    right: 0;
    margin: 0 0 0 0;
}

#contbox_des_02 {
    display: inherit;
	width:94%;
    padding: 10px;
}

#contbox_des_02 .item{
    width: 100%;
    margin: 0 0 40px 0;
}
#contbox_des_02 .item:last-child{
    width: 100%;
    margin: 0 0 0 0;
}

#contbox_des_02 .item:last-child ul{
    display: inherit;
}
#contbox_des_02 .item:last-child ul li:first-child{
    width: 100%;
}
#contbox_des_02 .item:last-child ul li:nth-child(2){
    width: 100%;
}
#contbox_des_02 .item:last-child ul li:last-child{
    width: 100%;
}

}