@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 auto;
    width: 1000px;
}
@media all and (max-width: 896px) {
    .content {
        width: auto !important;
        margin: 0 15px;
    }
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
    margin-bottom: 64px;
    color: #00A43C;
    font-size: 1.4rem;
    text-align: center;
    letter-spacing: 0.04em;
}
.headLine01 .jp {
    margin-bottom: 27px;
    position: relative;
    display: block;
    font-size: 3.6rem;
    letter-spacing: 0.04em;
}
.headLine01 .jp::before {
    margin-left: -37px;
    position: absolute;
    height: 3px;
    width: 75px;
    left: 50%;
    bottom: -13px;
    background-color: #00A43C;
    content: '';
}
@media all and (max-width: 896px) {
    .headLine01 {
        margin-bottom: 22px;
        font-size: 1.2rem;
        letter-spacing: 0.1em;
    }
    .headLine01 .jp {
        margin-bottom: 16px;
        font-size: 1.5rem;
        letter-spacing: 0.02em;
    }
    .headLine01 .jp::before {
        margin-left: -19px;
        height: 1px;
        width: 37px;
        bottom: -6px;
    }
}
/*------------------------------------------------------------
	comContactBox
------------------------------------------------------------*/
.comContactBox .title {
    margin-bottom: 31px;
    text-align: center;
}
.comContactBox .link {
    margin: 0 -11px 0 -6px;
}
.comContactBox a {
    display: block;
}
.comContactBox a:hover {
    opacity: 0.7;
}
@media all and (max-width: 896px) {
    .comContactBox .title {
        margin-bottom: 4px;
    }
    .comContactBox .link {
        margin: 0 -16px 0 -15px;
    }
    }
/*------------------------------------------------------------
    pagetop
------------------------------------------------------------*/
.pageTop {
    position: fixed;
    bottom: 188px;
    right: 85px;
    width: 55px;
}
.pageTop a {
    display: block;
}
.pageTop a:hover {
    opacity: 0.7;
}
@media all and (max-width: 896px) {
    .pageTop {
        bottom: 45px;
        right: 10px;
        width: 30px;
    }
}