@charset "utf-8";
/* ------------------------------------------ */
/* company CSS */
/* ------------------------------------------ */


#link .pan-navi {
	background-color: #dae4ea;
}
#link .page-header {
	background-color: #dae4ea;
}


/* sec-titlearea */
.sec-titlearea {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.sec-titlearea .sec-title {
    display: block;
    line-height: 1.1;
}

.sec-titlearea .sec-title .title-en {
    display: block;
    text-align: center;
    padding-bottom: 10px;
    line-height: 1.1;
}

.sec-titlearea .sec-title .title-en span {
    display: block;
    line-height: 0.8;
    letter-spacing: 0.17em;
}

.sec-titlearea .sec-title .title-jp {
    display: block;
    line-height: 1.1;
    padding-top: 18px;
    border-top: 1px solid #231815;
    padding-left: 50px;
    padding-right: 50px;
}

.sec-titlearea .sec-title .title-jp span {
    display: block;
    text-align: center;
    line-height: 1.1;
    letter-spacing: 0.28em;
}

@media (max-width: 768px) {
    .sec-titlearea .sec-title .title-en {
        padding-bottom: 10px;
    }

    .sec-titlearea .sec-title .title-jp {
        padding-top: 10px;
    }

    .sec-titlearea .sec-title .title-jp span {
        font-size: 17px;
    }
}

.c-header .h-text {
    display: block;
}

.c-header .h-text .text {
    display: block;
    line-height: 2;
    letter-spacing: 0.03em;
    text-align: center;
}




/* sec-link */
#sec-link .wrap {
    max-width: 1300px;
}

#sec-link .link-container {
}

#sec-link .link-container .c-wrap {
    width: 100%;
    overflow: hidden;
}

#sec-link .link-container .c-wrap .link-list {
    display: flex;
    flex-wrap: wrap;
    width: 106%;
    margin-left: -3%;
    margin-right: -3%;
}

#sec-link .link-container .c-wrap .link-list .item {
    width: 33.33333%;
    width : -webkit-calc(100% / 3);
    width : calc(100% / 3);
    padding: 0 3% 4%;
}

#sec-link .link-container .c-wrap .link-list .item .box {
    display: block;
}

#sec-link .link-container .c-wrap .link-list .item .box .title {
    display: block;
    line-height: 1.1;
    padding-bottom: 13px;
}

#sec-link .link-container .c-wrap .link-list .item .box .title .text {
    display: block;
    line-height: 1.1;
}

#sec-link .link-container .c-wrap .link-list .item .box .img-box {
    display: block;
}

#sec-link .link-container .c-wrap .link-list .item .box .img-box img {
    background-color: #ccc;
}

#sec-link .link-container .c-wrap .link-list .item .box .link-text {
    display: block;
    line-height: 1.1;
}

#sec-link .link-container .c-wrap .link-list .item .box .link-text .text {
    display: block;
    line-height: 1.3;
    letter-spacing: 0.01em;
    padding-top: 13px;
}

@media (max-width: 768px) {
	#sec-link .link-container .c-wrap .link-list {
	    display: flex;
	    flex-wrap: wrap;
	    width: 106%;
	    margin-left: -3%;
	    margin-right: -3%;
	}
	
	#sec-link .link-container .c-wrap .link-list .item {
	    width: 50%;
	    padding: 0 3% 4%;
	}
}
@media (max-width: 480px) {
	#sec-link .link-container .c-wrap .link-list {
	    display: flex;
	    flex-wrap: wrap;
	    width: 100%;
	    margin-left: 0;
	    margin-right: 0;
	}
	
	#sec-link .link-container .c-wrap .link-list .item {
	    width: 100%;
	    padding: 0 0 50px;
	}
}