@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
    margin: 0 55px;
}
@media all and (max-width: 749px) {
    .content {
        margin: 0 28px;
    }
}
@media all and (max-width: 330px) {
    .content {
        margin: 0 20px;
    }
} 
/*------------------------------------------------------------
	comTtlBox
------------------------------------------------------------*/
.comTtlBox {
    margin-bottom: 43px;
    position: relative;
}
.comTtlBox .photo {
    width: 100%;
}
.comTtlBox .tag {
    width: 170px;
    position: absolute;
    top: -46px;
    right: 35px;
    z-index: 2;
}
.comTtlBox h2 {
    padding-right: 15%;
    width: 80%;
    position: absolute;
    bottom: 6%;
    left: 20%;
    color: #fff;
    font-size: 5.3rem;
    font-weight: 700;
    line-height: 1.15;
    z-index: 3;
    box-sizing: border-box;
}
.comTtlBox h2 span {
    margin-bottom: 8px;
    display: block;
    font-size: 3.1rem;
    font-weight: 400;
    font-family: "Helvetica Neue" , Helvetica , Arial , sans-serif;
}
@media all and (max-width: 749px) {
    .comTtlBox {
        margin-bottom: 21px;
    }
    .comTtlBox .tag {
        width: 85px;
        top: -23px;
        right: 18px;
    }
    .comTtlBox h2 {
        font-size: 2.7rem;
    }
    .comTtlBox h2 span {
        margin-bottom: 4px;
        font-size: 1.6rem;
    }
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink {
    width: 100%;
}
.comLink a {
    padding: 18px;
    display: block;
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    background: #FFBF11 url("../../img/common/icon01.png") no-repeat right 28px center / 10px auto;
    border-radius: 8px;
}
.comLink a:hover {
    opacity: 0.7;
}
@media all and (max-width: 749px) {
    .comLink a {
        padding: 9px;
        font-size: 1.5rem;
        background: #FFBF11 url("../../img/common/icon01.png") no-repeat right 14px center / 5px auto;
        border-radius: 4px;
    }
}
@media all and (-ms-high-contrast:none) {
    .comLink a {
        padding: 16px 18px 20px;
    }
}
/*------------------------------------------------------------
	comLinkList
------------------------------------------------------------*/
.comLinkList {
    width: 100%;
}
.comLinkList li {
    margin-bottom: 43px;
}
.comLinkList li:last-of-type {
    margin-bottom: 0;
}
.comLinkList li a {
    padding: 18px;
    display: block;
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    background: #FFBF11 url("../../img/common/icon01.png") no-repeat right 28px center / 10px auto;
    border-radius: 8px;
}
.comLinkList li a:hover {
    opacity: 0.7;
}
@media all and (max-width: 749px) {
    .comLinkList li {
        margin-bottom: 21px;
    }
    .comLinkList li a {
        padding: 9px;
        font-size: 1.5rem;
        background: #FFBF11 url("../../img/common/icon01.png") no-repeat right 14px center / 5px auto;
        border-radius: 4px;
    }
}
/*------------------------------------------------------------
	fadeInUp
------------------------------------------------------------*/
.fadeInUp {
	opacity: 0;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
    transition: all 2s cubic-bezier(0.18, 1.01, 0.29, 1.04);
}
.fadeInUp.on {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.fadeIn {
	opacity: 0;
	-webkit-transform: translateY(25px);
	transform: translateY(25px);
    transition: all 2s cubic-bezier(0.18, 1.01, 0.29, 1.04);
}
.fadeIn.on {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}