@charset "UTF-8";

body {
    margin: 0 auto;
    min-width: 100%;
}
.wrap {
	background-color: #000040;
	background-image: none;
	margin:0px;
	padding: 52px 0 50px;
	width: 100%;
}
header,
main,
footer {
	margin: 0 auto;
	text-align: center;
    width: 900px;
    box-sizing: border-box;
}
@media screen and (max-width: 900px) {
    header,
    main,
    footer {
        width: 100%;
        padding: 0px 20px;
    }
}





/* content ------------------------------ */
header {
	padding: 40px 0 24px;
	position: relative;
}
h1 {
	display: inline-block;
	margin: 0 auto 40px;
	position: relative;
}
h1::before,
h1::after {
    display: none;
}
.trigger {
    cursor: pointer;
}
.triggerContent {
    margin: 40px 0px;
    display: none;
}
.trigger02{
    padding-top: 10%;
}
footer {
	padding: 80px 0 24px;
}

@media screen and (max-width: 767px){
    h1 {
        width: 100%;
        max-width: 100%;
        padding: 0px 40px;
    }
}