@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: 1200px;
}
@media all and (max-width: 896px) {
    .content {
        width: auto;
    }
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
    margin: 0 0 35px -3px;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.headLine01 .en {
    padding-right: 23px;
    font-size: 4rem;
    letter-spacing: 0.1em;
    font-weight: 400;
    vertical-align: middle;
    font-family: 'Jost', sans-serif;
}
@media all and (max-width: 896px) {
    .headLine01 {
        margin: 0 0 22px;
        font-size: 1.4rem;
        letter-spacing: 0.025em;
        text-align: center;
        font-weight: 500;
    }
    .headLine01 .en {
        margin-bottom: -7px;
        padding-right: 0;
        display: block;
        font-size: 3rem;
    }
}
@media all and (max-width: 374px) {
    .headLine01 .en {
        font-size: 2.8rem;
    }
}
/*------------------------------------------------------------
	fonts
------------------------------------------------------------*/
.jost {
    font-family: 'Jost', sans-serif;
}
/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn {
    margin: 0 auto;
    width: 340px;
}
.comBtn a {
    padding: 15px 18px 13px;
    display: block;
    position: relative;
    font-size: 2rem;
    letter-spacing: 0.1em;
    text-align: center;
    border: 1px solid #c9c9c4;
}
.comBtn a span {
    display: block;
    background: url("../../img/common/icon03.png") no-repeat right center/10px;
}
.comBtn a::after {
    content: "";
    top: 4px;
    left: 4px;
    bottom: -6px;
    right: -6px;
    position: absolute;
    border-right: 1px solid #c9c9c4;
    border-bottom: 1px solid #c9c9c4;
}
@media all and (min-width: 897px) {
	.comBtn a:hover {
		box-shadow: 1px 1px 3px rgba(0,0,0,.05);
		border-color: #685D33;
		opacity: 1;
	}
	.comBtn a:hover::after {
		box-shadow: 1px 1px 3px rgba(0,0,0,.05);
		border-color: #685D33;
	}
}
@media all and (max-width: 896px) {
    .comBtn {
        width: 272px;
    }
    .comBtn a {
        padding: 9px 18px 7px;
        border-color: #E2E2E0;
    }
    .comBtn a span {
        background-size: 8px;
    }
    .comBtn a::after {
        top: 4px;
        left: 4px;
        bottom: -5px;
        right: -5px;
        border-color: #E2E2E0;
    }
}
/*------------------------------------------------------------
	pageTop
------------------------------------------------------------*/
.pageTop {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 50px;
    height: 50px;
}
.fadeInUp {
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 30);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 30);
    -moz-transform: matrix(1, 0, 0, 1, 0, 30);
    -ms-transform: matrix(1, 0, 0, 1, 0, 30);
    -o-transform: matrix(1, 0, 0, 1, 0, 30);
    transition: opacity 1s ease, transform .7s ease;
    -webkit-transition: opacity 1s ease, transform .7s ease;
    -moz-transition: opacity 1s ease, transform .7s ease;
    -ms-transition: opacity 1s ease, transform .7s ease;
    -o-transition: opacity 1s ease, transform .7s ease;
}
.fadeInUp.on {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    -o-transform: matrix(1, 0, 0, 1, 0, 0);
}