@charset "UTF-8";

/* CSS Document */

#intro {
    background:  url(../images/mv_bg.png) top center no-repeat;
}

#intro .commonparts_box {
    height: 190px;
}
.inline{
	display: inline-block;
}

@media screen and (max-width: 767px) {
    #intro {
        background:  url(../images/mv_bg_sp.png) top center no-repeat;
        background-size: cover;
    }
    
    #intro .commonparts_box {
        height: 44vw;
    }

}

.icon_nini {
    display: inline-block;
    vertical-align: middle;
    box-sizing: padding-box;
    margin-top: 10px;
    padding-left: 10px;
}

#intro .intro_ann02 {
    width: 887px;
    margin: -70px auto 85px;
    padding-top: 7px;
    font-size: 1.6rem;
    text-align: left;
}

@media screen and (max-width: 767px) {
	#intro .intro_ann02 {
		margin: -40px auto 0 10px;
		position: absolute;
	}
}

/*==============util=============*/

.ttl_bb {
    font-size: 2.2rem;
    margin-bottom: 65px;
    background: #ebf5fb;
    padding: 5px 0;
}


@media screen and (max-width: 767px) {
	
	
	.mbb{
		margin-bottom: 90px;
	}
	
}


/*sec*/

#sec01{
    margin-bottom: 40px;
}
#sec02{
    margin-bottom: 40px;
}
#sec03{
 /*   margin-bottom: 80px;*/
}
/*
#sec06{
    padding-top: 300px;
    margin-top: -230px;
}
#sec09{
    padding-top: 300px;
    margin-top: -230px;
}
*/
#sec02 .ttl_p{
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}

@media screen and (max-width: 767px) {
    #sec01{
        margin-bottom: 15.65vw;
    }
    #sec02{
        margin-bottom: 8.6vw;
    }
/*
    #sec06{
        padding-top: 0;
        margin-top: 0;
    }
    #sec09{
        padding-top: 0;
        margin-top: 0;
    }
*/
}

.pt60{
	padding-top: 60px!important;
}

.txt {
    font-size: 1.4rem!important;
	line-height: 1.8!important;
	margin: 30px 0 60px 0;
}