@charset "utf-8";
/*==============================
index.html
==============================*/
main article * + p {
    margin-top: 20px;
}
main article section {
    margin-top: 60px;
}
main article section h3 {
	color: #ff6532;
	font-size: 1.467rem;
	font-weight: bold;
}
main article section h3 span {
	position: relative;
	display: inline-block;
	padding-left: 36px;
}
main article section h3 span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 29px;
	height: 33px;
	margin-top: -16px;
	background: url(/ckd/about_ckd/images/index_ico01_pc.png) no-repeat;
	background-size: cover;
}
main article section ul {
    margin-top: 20px;
}
main article section ul li {
    float: left;
    width: 236px;
}
main article section ul li + li {
    margin-left: 16px;
}
main article section ul li:nth-of-type(3n+4) {
    clear: both;
    margin-left: 0;
}
main article section ul li:nth-of-type(n+4) {
    margin-top: 16px;
}
main article section ul li a {
    display: block;
    border: 1px solid #cdcdcd;
    text-decoration: underline;
    text-decoration-color: #cdcdcd;
}
main article section ul li a:hover {
    opacity: .7;
    text-decoration: underline;
    text-decoration-color: #cdcdcd;
}
main article section ul li a figure img {
    width: 100%;
}
main article section ul li a p {
    margin: 0;
    text-align: center;
    font-weight: bold;
    padding: 12px 10px;
}

@media screen and (max-width: 767px) {
    main article section {
        margin-top: 40px;
    }
    main article section h3 {
            font-size: 1.643rem;
            text-align: center;
        }
    main article section h3 span {
            position: relative;
            display: inline-block;
            padding-left: 40px;
        }
    main article section h3 span:before {
            width: 31px;
            height: 35px;
            margin-top: -18px;
            background: url(/ckd/about_ckd/images/index_ico01_sp.png) no-repeat;
            background-size: 100% auto;
        }
    main article section ul li {
        box-sizing: border-box;
        float: left;
        width: 50%;
    }
    main article section ul li + li {
        margin-left: 0;
    }
    main article section ul li:nth-of-type(3n+4) {
        clear: none;
    }
    main article section ul li:nth-of-type(2n+3) {
        clear: both;
    }
    main article section ul li:nth-of-type(n+3) {
        margin-top: 12px;
    }
    main article section ul li:nth-of-type(2n+1) {
        padding-right: 6px;
    }
    main article section ul li:nth-of-type(2n) {
        padding-left: 6px;
    }
    
    main article section ul li a p {
        padding: 6px 10px;
    }
}