@charset "UTF-8";
/* CSS Document */
body {
	position: relative;
	font-feature-settings: "palt";
}
h1  {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
}
h2  {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    letter-spacing: 0.1em;
}
h3  {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 26px;
    letter-spacing: 0.1em;
}
h4  {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
	line-height: 30px;
    letter-spacing: 0.125em;
}
h5  {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
	line-height: 22px;
    letter-spacing: 0.125em;
}

.blue {
    color: #196AC9;	
}
.white {
    color: #FFFFFF;	
}
.darkgray {
    color: #777777;	
}
.yellow {
    color: #fff100;	
}
.gray {
    color: #999999;	
}
.container_navy	{
	background-color: #004098;
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
}
.designarea {
	width: 700px;
	margin-top: 70px;
	margin-bottom: 70px;
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
}
.logo_end {
	width: 300px;	
	margin-top: 50px;
}
.text-link {
	color: #FFFFFF;
}
.bodycopy-j {
	text-align:justify; 
}
.bodycopy-l {
	text-align:left; 
	width:700px;
}
.bodycopy-c {
	text-align:center; 
}
.bodycopy-margin {
    margin-top: 15px;
    margin-bottom: 15px;
}
.bodycopy-margin2 {
    margin-top: 5px;
}
.bodycopy-margin3 {
    margin-top: 25px;
}
.title_page {
	width: 700px;
    line-height: 32px;
}
.title_page-eng {
    width: 700px;
    line-height: 32px;
    font-size: 18px;
	margin-bottom: 15px;
}
.title-s_page {
	width: 700px;
    line-height: 26px;
}
.title-s_page-eng {
    width: 700px;
    line-height: 26px;
    font-size: 15px;
}
.hissu {
	 color: #fff100;	
}

.setsumei {
	font-size: 14px;
	font-weight: 700;
    line-height: 19px;
    letter-spacing: 0.04em;
	margin-bottom: 10px;
	text-align: justify
}




/* for Smart Phone */
@media screen and (max-width:599px){
}
h1  {
    font-size: 27px;
}
h2  {
    font-size: 27px;
    letter-spacing: 0.1em;
}
.designarea {
	width: 345px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.title_page {
	width: 345px;
    line-height: 32px;
}
.title_page-eng {
    width: 345px;
    line-height: 32px;
    font-size: 18px;
	margin-bottom: 15px;
}
.bodycopy-l {
	text-align:left; 
	width:345px;
}



/* for PC */
@media screen and (min-width:1024px){
.designarea {
	width: 700px;
	margin-top: 70px;
	margin-bottom: 70px;
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
}
.bodycopy-l {
	text-align:left; 
	width:700px;
}
.title_page {
	width: 700px;
    line-height: 32px;
}
.title_page-eng {
    width: 700px;
    line-height: 32px;
    font-size: 18px;
	margin-bottom: 15px;
}
}
/* for Tablet */
@media screen and (min-width:600px) and (max-width:1023px){
.designarea {
	width: 700px;
	margin-top: 70px;
	margin-bottom: 70px;
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
}
.bodycopy-l {
	text-align:left; 
	width:700px;
}
.title_page {
	width: 700px;
    line-height: 32px;
}
.title_page-eng {
    width: 700px;
    line-height: 32px;
    font-size: 18px;
	margin-bottom: 15px;
}
}