@charset "utf-8";

@media screen and (max-width:767px){
    .sec_contentsWrap{
        padding: 0 calc(20 / var(--vw-min) * 100vw);
    }
}

/* box_headBlock */
.box_headBlock{
    height: min(calc(48 / var(--vw-min) * 100vw),48px);
    padding: 0 calc(24 / var(--vw-min) * 100vw);
    display: flex;
    align-items: center;
}
.box_headBlock--txt{
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    padding: 0;
}
@media screen and (max-width: 767px) {
    .box_headBlock{
        height: calc(32 / var(--vw-min) * 100vw);
        padding: 0 calc(20 / var(--vw-min) * 100vw);
    }
    .box_headBlock--txt{
        font-size:calc(12 / var(--vw-min) * 100vw);
    }
}
.item_ttlBox{
    font-weight: 500;
    letter-spacing: 0.03em;
    color: var(--color-main);
    text-align: center;
    padding-bottom:min(calc(40 / var(--vw-min) * 100vw), 40px);
    background: url(../img/common/deco_linedot.png) repeat-x left bottom;
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);

}
.item_subTtl{
    font-size:min(calc(24 / var(--vw-min) * 100vw), 24px);
    line-height: calc(36/24);
}
.item_ttl{
    font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
    line-height: calc(36/28);
}

@media screen and (max-width: 767px) {
    .item_ttlBox{
        letter-spacing: 0.02em;
        padding-bottom: calc(24 / var(--vw-min) * 100vw);
        margin-bottom: calc(24 / var(--vw-min) * 100vw);
    }
    .item_subTtl{
        font-size: calc(18 / var(--vw-min) * 100vw);
        line-height: calc(26/18);
    }
    .item_ttl{
        font-size: calc(20 / var(--vw-min) * 100vw);
        line-height: calc(26/20);
    }
}

@media screen and (max-width:767px){
    .disc_box__txt{
        font-weight: 500;
        color: var(--color-main);
        font-size: calc(16 / var(--vw-min)* 100vw);
        letter-spacing: 0.03em;
        line-height: calc(26/16);
        text-align: center;
        padding-bottom: calc(20 / var(--vw-min)* 100vw);
        background: url(../img/common/deco_linedot.png) repeat-x left bottom;
        background-size: auto calc(3 / var(--vw-min)* 100vw);
        margin-bottom: calc(20 / var(--vw-min)* 100vw);
    }
}

.itemDetailBox{
    display: flex;
    justify-content: center;
    position: relative;
}
.leftBlock{
    width: 42%;
    margin-right:8%;
}
.rightBlock{
    width:50%;
}
.img img{
    width: 100%;
    height: auto;
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.itemDetail__txt{
    font-size:min(calc(15 / var(--vw-min) * 100vw), 15px);
    letter-spacing: 0.04em;
    line-height: calc(27/15);
    margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.itemDetail__txt:last-child{
    margin-bottom: 0;
}
@media screen and (max-width:767px){
    .itemDetailBox{
        flex-direction: column;
    }
    .itemDetailBox._linkBtn{
        padding-bottom: calc(80 / var(--vw-min)* 100vw);
    }
    .leftBlock{
        width: 100%;
    }
    .rightBlock{
        width: 100%;    
    }
    .img img{
        margin-bottom: calc(24 / var(--vw-min)* 100vw);
    }
    .itemDetail__txt{
        font-size:calc(12 / var(--vw-min)* 100vw);
        line-height: calc(22/12);
        margin-bottom: calc(24 / var(--vw-min)* 100vw);
    }
    .itemDetail__txtWrap{
        margin-top: 0;
    }
}

/* link */

.item__linkBtn{
    padding: 0;
	height: min(calc(48 / var(--vw-min) * 100vw), 48px);
	border: 1px solid var(--color-main);
	border-radius: min(calc(50 / var(--vw-min) * 100vw), 50px);
	margin: min(calc(6 / var(--vw-min) * 100vw), 6px);
	transition: all .3s ease;
}
.item__linkBtn a{
    padding: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
	display: flex;
	align-items: center; 
    justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: var(--color-main);
	font-size: min(calc(15 / var(--vw-min) * 100vw), 15px);
	line-height:min(calc(39 / var(--vw-min) * 100vw), 39px);
    position: relative;
}

.item__linkBtn:hover {
    background-color: var(--color-main);
}
.item__linkBtn:hover a{
    color: #FFF;
}

.item__linkBtn a::before{
    content: "";
    width: calc(100% - min(calc(6 / var(--vw-min) * 100vw), 6px));
    height: calc(100% - min(calc(6 / var(--vw-min) * 100vw), 6px));
    position: absolute;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin:auto;
    border: 1px solid var(--color-main);
    opacity: 0.4;
    border-radius:min(calc(50 / var(--vw-min) * 100vw), 50px);
}
@media screen and (max-width:767px){
    .item__linkBtnWrap{
        position: absolute;
        bottom:0;
        width: calc(295 / var(--vw-min)* 100vw);
    }
	.item__linkBtn{
		height:calc(46 / var(--vw-min) * 100vw);
		margin: calc(4 / var(--vw-min)* 100vw);
	}
	.item__linkBtn a{
		font-size: min(calc(13 / var(--vw-min) * 100vw), 13px);
        padding: 0 calc( 12 / var(--vw-min) * 100vw);
	}
    .item__linkBtn a::before{
        width: calc(100% - calc( 8 / var(--vw-min) * 100vw));
        height: calc(100% - calc( 8 / var(--vw-min) * 100vw));
    }
}
/* ic_blank */
.ic_blank{
    position: relative;
    text-decoration: none;
    transition: all .3s ease;
    padding-right: 20px;
}
.ic_blank::after{
    content: "";
    display: block;
    background: url(../img/common/icon/ic_blank.png) no-repeat center center / contain;
    width: 12px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 3px;
	bottom: 0;
    margin: auto;
    transition: all .3s ease;
}
@media screen and (max-width:767px){
    .ic_blank{
        padding-right: calc(15 / var(--vw-min) * 100vw);
    }
    .ic_blank::after{
        width: calc(10 / var(--vw-min) * 100vw);
        height: calc(8 / var(--vw-min) * 100vw);
        right: 0;
        bottom: 0;
        top: calc(1 / var(--vw-min) * 100vw);
    }
}

/* page link */
.pageLinkLists{
    display: flex;
    justify-content: center;
    margin-bottom: 52px;
    flex-direction: row;
    flex-wrap: wrap;
}
@media screen and (max-width:767px){
    .pageLinkLists{
        margin-bottom: calc(34 / var(--vw-min) * 100vw);
    }
}
.pageLinkLists__item{
    margin: 0 12px 12px;
}
.linkBtn._music{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.04em;
    width:240px;
    height: 52px;
}
@media screen and (max-width: 767px) {
    .linkBtn {
        font-size: calc(12 / var(--vw-min) * 100vw);
        height: calc(36 / var(--vw-min) * 100vw);
        padding: 0 calc(13 / var(--vw-min) * 100vw); 
    }
    .linkBtn span{
        padding-left: calc(12 / var(--vw-min) * 100vw); 
        font-weight: 400;
    }
}
@media screen and (max-width:767px){
    .pageLinkLists__item{
        width: calc(100%/2);
        margin: 0;
        padding: 0 calc(5 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw);
    }
	.linkBtn._music{
		font-size: calc(12 / var(--vw-min) * 100vw);
		width:100%;
		height: calc(36 / var(--vw-min) * 100vw);
	}
}
.boxWrap:not(:last-child){
    margin-bottom: 88px;
}
@media screen and (max-width:767px){
	.boxWrap:not(:last-child){
        margin-bottom: calc(48 / var(--vw-min) * 100vw);
    }
}
.siteLinkLists{
    display: flex;
    flex-wrap: wrap;
}
.siteLink__item{
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    transition: .3s ease;
    color: var(--color-main);
    background-color: #FFF;
    position: relative;
    font-family: var(--font-oswald);
    border-radius: 50px;
    border: 3px solid var(--color-main);
    transition: all .4s ease;
    margin-right: 12px;
    margin-bottom: 12px;
}
.siteLink__item:last-child{
    margin-right: 0;
}
.siteLink__item:after {
    content: '';
    display: block;
    border-radius: 50px;
    position: absolute;
    z-index: 1;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: 1px solid var(--color-main);
    opacity: .4;
    pointer-events: none;
}
@media screen and (max-width:767px){
    .siteLink__item{
        width: calc(44 / var(--vw-min) * 100vw);
        height: calc(44 / var(--vw-min) * 100vw);
        border-radius:calc(50    / var(--vw-min) * 100vw);
        border: calc(3 / var(--vw-min) * 100vw) solid var(--color-main);
        margin-right: calc(12 / var(--vw-min) * 100vw);
    }
    .siteLink__item:after {
        border-radius: calc(50 / var(--vw-min) * 100vw) ;
        width: calc(100% - calc(6 / var(--vw-min) * 100vw) );
        height: calc(100% - calc(6 / var(--vw-min) * 100vw) );
        border: calc(1 / var(--vw-min) * 100vw)  solid var(--color-main);
    }
}

.siteLink__item:hover {
    background-color: var(--color-sub);
}

/* icon */
.siteLink__item--link{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.siteLink_ic{
    display: block;
    background-color: var(--color-main);
}
.ic_site{
    width: 16px;
    height: 15px;
    -webkit-mask:url(../img/common/icon/ic_site.svg) no-repeat center center / contain;
    mask: url(../img/common/icon/ic_site.svg) no-repeat center center / contain;
}
.ic_yt{
    width: 17.86px;
    height: 12.5px;
    -webkit-mask:url(../img/common/icon/ic_yt.svg) no-repeat center center / contain;
    mask: url(../img/common/icon/ic_yt.svg) no-repeat center center / contain;
}
.ic_x{
    width: 13.7px;
    height: 14px;
    -webkit-mask:url(../img/common/icon/ic_x.svg) no-repeat center center / contain;
    mask: url(../img/common/icon/ic_x.svg) no-repeat center center / contain;
}
.ic_tiktok{
    width: 14.72px;
    height: 16.5px;
    -webkit-mask:url(../img/common/icon/ic_tiktok.svg) no-repeat center center / contain;
    mask: url(../img/common/icon/ic_tiktok.svg) no-repeat center center / contain;
}
.ic_ig{
    width: 15.73px;
    height: 16px;
    -webkit-mask:url(../img/common/icon/ic_ig.svg) no-repeat center center / contain;
    mask: url(../img/common/icon/ic_ig.svg) no-repeat center center / contain;
}
.ic_line{
    width: 17.88px;
    height: 17px;
    -webkit-mask:url(../img/common/icon/ic_line.svg) no-repeat center center / contain;
    mask: url(../img/common/icon/ic_line.svg) no-repeat center center / contain;
}
.ic_fb{
    width: 18.07px;
    height: 18px;
    -webkit-mask:url(../img/common/icon/ic_fb.svg) no-repeat center center / contain;
    mask: url(../img/common/icon/ic_fb.svg) no-repeat center center / contain;
}
@media screen and (max-width:767px){
    .ic_site{
        width: calc(15.44 / var(--vw-min) * 100vw);
        height: calc(15 / var(--vw-min) * 100vw);;
    }
    .ic_yt{
        width:calc(17.86 / var(--vw-min) * 100vw);
        height: calc(12.5 / var(--vw-min) * 100vw);
    }
    .ic_x{
        width: calc(13.7 / var(--vw-min) * 100vw);
        height: calc(14 / var(--vw-min) * 100vw);
    }
    .ic_tiktok{
        width: calc(14.72 / var(--vw-min) * 100vw);
        height: calc(16.5 / var(--vw-min) * 100vw);
    }
    .ic_ig{
        width: calc(15.73/ var(--vw-min) * 100vw);
        height: calc(16 / var(--vw-min) * 100vw);
    }
    .ic_line{
        width: calc(17.88 / var(--vw-min) * 100vw);
        height:calc(17 / var(--vw-min) * 100vw);
    }
    .ic_fb{
        width:calc(18.7 / var(--vw-min) * 100vw);
        height: calc(18 / var(--vw-min) * 100vw);
    }
}