@charset "UTF-8";

/*----------------------------------------------------
    ☆PC
----------------------------------------------------*/

/*[id] { scroll-margin-top: 190px; }*/

.work .chara_01 {
    width: 32%;
    top: -45%;
    left: auto;
    right: -12%;
}

.workArea {
    margin-top: 200px;
    margin-bottom: 150px;
}

#workstart {
    margin-top: -90px;
    padding-top: 90px;
}


/*--------------------------------------------------------------------------- 共通 */

/* 他ページへのリンクボタン */
.anotherLink {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: center;*/
    gap: 20px;
    margin-bottom: 150px;
}

.anotherLink > li {
    width: calc((100% - 40px) / 3);
    position: relative;
}

.anotherLink > li a {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    color: #adadad;
    border-radius: 30px;
    background-color: #f3f3f3;
    padding: 20px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.anotherLink > li a .part {
    position: relative;
    z-index: 2;
}

.anotherLink > li a .arrow {
    background-color: #adadad;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

/* HOVER */
.anotherLink > li a:hover .arrow {
    transform: translate(10px, -50%);
}

.anotherLink > li a:hover {
    color: #fff;
}

/* 該当ページ */
.anotherLink > li.hit a {
    color: #fff;
}

.anotherLink > li.hit a .arrow {
    display: none;
}

/* 中身 */
.work .workBox {
    background-color: #fff;
    padding: 80px 100px 100px;
    position: relative;
    box-shadow: 0px -15px 20px 0px rgba(2, 16, 99, 0.15);
}

.work .workBox:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 185px;
    height: 3px;
}

.work .workBox:first-child {
    margin-top: -200px;
}

.work .workBox:nth-child(n+2) {
    margin-top: 50px;
}

.work .workBox .title {
    font-size: 3.4rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 50px;
}

.work .workBox .summary {
    margin-bottom: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.work .workBox .summary .imgBox {
    width: 53.5%;
    margin-right: 60px;
}

.work .workBox .summary .textBox {
    width: 40.5%;
}

.work .workBox .summary .textBox .subTitle {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 30px;
}

.work .workBox .jobBox .title {
    font-size: 2.6rem;
    font-weight: 600;
    margin-bottom: 40px;
}





/*----------------------------------------------------
	☆TABLET UNDER 1200
----------------------------------------------------*/

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

	/*--------------------------------------------------------------------------- 共通 */

	/* 他ページへのリンクボタン */
	.anotherLink > li {
	    width: calc((100% - 20px) / 2);
	    display: grid;
	}

	.anotherLink > li a {
	    font-size: 1.6rem;
	}

	.anotherLink > li a .arrow {
	    right: 20px;
	}

}





/*----------------------------------------------------
	☆TABLET UNDER 900
----------------------------------------------------*/

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

	/*--------------------------------------------------------------------------- 共通 */

	/* 中身 */
	.work .workBox {
	    padding: 50px 50px 50px;
	}

	.work .workBox .summary {
	    display: block;
	}

	.work .workBox .summary .imgBox {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 30px;
	}

	.work .workBox .summary .textBox {
	    width: 100%;
	}

}





/*----------------------------------------------------
	☆UNDER 600
----------------------------------------------------*/

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

	/*[id] { scroll-margin-top: 95px; }*/

	.work .chara_01 {
	    width: 47%;
	    top: -27%;
	    right: -15%;
	}

	.workArea {
	    margin-top: 100px;
	    margin-bottom: 75px;
	}

	#workstart {
	    margin-top: -60px;
	    padding-top: 60px;
	}

	/*--------------------------------------------------------------------------- 共通 */

	/* 他ページへのリンクボタン */
	.anotherLink {
	    margin-bottom: 50px;
	    gap: 10px;
	}

	/*.anotherLinkBox.alb_bottom .anotherLink {
	    margin-top: 100px;
	    margin-bottom: 50px;
	}*/

	.work .workBox:first-child {
	    margin-top: -100px;
	}

	.anotherLink > li a {
        font-size: 1.2rem;
        letter-spacing: 0;
        line-height: 1.2;
        border-radius: 15px;
        padding: 12px 15px;
        text-align: left;
        justify-content: flex-start;
    }

    .anotherLink > li a .arrow {
        right: 10px;
    }

	/* 中身 */
	.work .workBox {
	    padding: 40px 30px 30px;
	}

	.work .workBox:before {
	    width: 100px;
	}

	.work .workBox .title {
	    font-size: 2.2rem;
	    margin-bottom: 25px;
	}

	.work .workBox .summary {
	    margin-bottom: 40px;
	}

	.work .workBox .summary .textBox .subTitle {
	    font-size: 1.8rem;
	    margin-bottom: 20px;
	}

	.work .workBox .jobBox .title {
	    font-size: 1.8rem;
	    margin-bottom: 30px;
	}

}