@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */	
* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}
.clearfix:after {height: 0;visibility: hidden;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;}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
    margin-bottom: 1.6vw;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}
.headLine01.left {
    text-align: left;
}
.headLine01 .en02 {
    margin-bottom: 1.8vw;
    display: block;
    font-size: 0.9vw;
    font-weight: 400;
    letter-spacing: 0.15em;
}
@media all and (min-width: 561px) and (max-width: 1024px) {
    .headLine01 {
        margin-bottom: 2.3vw;
        font-size: 3.1vw;
        line-height: 1.39;
    }
    .headLine01 .en02 {
        margin-bottom: 2.4vw;
        font-size: 1.45vw;
        letter-spacing: 0.08em;
    }
}
@media all and (max-width: 560px) {
    .headLine01 {
        margin-bottom: 15px;
        font-size: 2.4rem;
        line-height: 1.35;
    }
    .headLine01.left {
        text-align: center;
    }
    .headLine01 .en02 {
        margin-bottom: 16px;
        font-size: 1rem;
        letter-spacing: 1.5px;
    }
}
@media all and (max-width: 340px) {
    .headLine01 {
        font-size: 2.6rem;
    }
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1500px;
}
 
@media all and (max-width: 560px) {
    .content {
        padding: 0 30px;
        max-width: inherit;
    }
}

/*------------------------------------------------------------
	comImgBox
------------------------------------------------------------*/
.comImgBox {
    padding: 7.5% 10px 0;
    min-height: 34.2vw;
    color: #FFF;
    box-sizing: border-box;
    background: url("../../img/index/bg01.png") no-repeat center top;
    background-size: 100% auto;
    background-size: 100vw auto;
}
.comImgBox .txtBox {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 65.2%;
}
.comImgBox .txtBox p {
    letter-spacing: 0.04em;
}
@media all and (min-width: 561px) and (max-width: 1024px) {
    .comImgBox {
        padding: 7.8vw 10px 0;
        min-height: 49.5vw;
        background: url("../../img/index/pad_bg01.png") no-repeat center top;
        background-size: auto 100%;
    }
    .comImgBox .txtBox {
        max-width: 85.8%;
    }
}
@media all and (max-width: 560px) {
    .comImgBox {
        padding: 55px 0 0;
        min-height: inherit;
        background: #f89aba;
    }
    .comImgBox .txtBox {
        margin-bottom: -12px;
        padding: 0 30px;
        max-width: inherit;
    }
}
.fadeinY {
	opacity : 0;
	-webkit-transform : translate3d(0, 40px, 0);
	transform : translate3d(0, 40px, 0);
	-webkit-transition : all 500ms ease-out;
	transition : all 500ms ease-out;
}

.fadeinY.scrollin {
	opacity : 1;
	-webkit-transform : translate3d(0, 0, 0);
	transform : translate3d(0, 0, 0); 
}