@charset "UTF-8";

/*-----------------------------------

	header

-----------------------------------*/
header #logo .front_logo {
	width: 140px;
}
header #nav_menu ul > li > a,
header #nav_menu ul > li > span {
	font-size: 14px;
}
@media screen and (max-width: 1230px) {
	header #logo {
		width: 120px;
	}
	header #logo .front_logo {
		width: 120px;
	}
	header #nav_menu > ul {
		gap: 20px;
	}
	header #nav_menu ul > li > a,
	header #nav_menu ul > li > span {
		font-size: 14px;
		letter-spacing: inherit;
	}
}
/*-----------------------------------

	headline

-----------------------------------*/
#headline {
    width: 100%;
    height: 0;
    padding-top: 38.6428%;
    position: relative;
}
#headline .contents_inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#headline h1 {
    line-height: 1;
    font-size: 42px;
    font-weight: 500;
    color: #FFF;
}
@media screen and (max-width: 840px) {
    #headline h1 {
        font-size: 36px;
    }
}
@media screen and (max-width: 640px) {
    #headline {
        padding-top: 50%;
    }
    #headline h1 {
        font-size: 28px;
    }
}