@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;
}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.ttl {
    font-family: 'Dela Gothic One', cursive;
}
.en {
    font-family: 'Montserrat', sans-serif;
}
/* com_btn */
.com_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    color: #3F4776;
    font-size: 2rem;
    font-weight: bold;
    border-radius: 12px;
    letter-spacing: -0.02em;
    background: #FFDA1B;
    box-shadow: 0px 4px 12px 0px rgba(115, 115, 120, 0.16);
}
.com_btn .circle {
    position: absolute;
    left: -30px;
    top: -40px;
    width: 86px;
    height: 86px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1.6;
    font-weight: bold;
    background-color: #B95353;
    border-radius: 50%;
	z-index: 10;
}
.com_btn a span {
    padding-right: 30px;
    display: inline-block;
    background: url(../img/icon01.svg) no-repeat right 7px;
}
.com_btn a:hover {
	opacity: 0.7;
}
@media all and (min-width: 897px) {

}
@media all and (max-width: 896px) {
    .com_btn a {
        height: 60px;
        font-size: 1.6rem;
    }
    .com_btn a span {
        background-position: right 3px;
    }
}
/* content */
.content {
    margin: 0 auto;
    max-width: 1080px;
}
@media all and (max-width: 896px) {
    .content {
        margin: 0 20px;
    }
}
.animate.fadeIn, .animate .fadeIn {
    opacity: 0;
    transition: .3s;
}
.animate.show.fadeIn, .animate.show .fadeIn {
    opacity: 1;
}
.animate .dely01 {
    transition-delay: .2s;
}
.animate .dely02 {
    transition-delay: .4s;
}
.animate .dely03 {
    transition-delay: .6s;
}
.animate .dely04 {
    transition-delay: .8s;
}
.animate .dely05 {
    transition-delay: 1s;
}