@charset "UTF-8";
/* CSS Document */
body {
	position: relative;
	font-feature-settings: "palt";
}

a {
    color: #ffffff; 
}

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: 300;
    font-size: 14px;
	line-height: 26px;
}
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;	
}
.designarea {
	width: 700px;
	margin-top: 70px;
	margin-bottom: 70px;
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
}
.logo_end {
	width: 250px;	
	margin-top: 50px
}
.title_top {
    width: 700px;
    color: #FFFFFF;
    line-height: 32px;
    letter-spacing: 0.29em;
	margin-top: 200px;
}
.container_navy	{
	width: 100vw;
	background-color: #004098;
	display: flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
}
.container_navy-h	{
	width: 100vw;
	height: 100vh;
	background-color: #004098;
	display: flex;
	justify-content:center;
	align-items: center;
}
.bodycopy-j {
	text-align:justify; 
}
.bodycopy-l {
	text-align:left; 
	width:700px;
}
.bodycopy-c {
	text-align:center; 
}
.bodycopy-r {
	text-align:right; 
	width:700px;
}
.thanks {
	font-size: 16px;
	line-height: 32px;
	margin-top: 30px
}

.title_page {
	width: 700px;
    line-height: 32px;
}
.title_page-eng {
    width: 700px;
    line-height: 32px;
    font-size: 18px;
	margin-bottom: 15px;
}
.title-s_page {
	font-size: 21px;
	width: 700px;
    line-height: 40px;
	margin-top: 15px;
}

.column_00 {
	width: 111px;
    line-height: 18px;
	background-color: #004098;
}
.column_01 {
	width: 47px;
	font-size: 13px;
    line-height: 18px;
	font-weight: 700;
	text-align: center; 
	background-color: #004098;
}
.col00_text {
    height: 20px;
	font-size: 11px;
    line-height: 19px;
	font-weight: 700;
	text-align: center; 
    color: #FFFFFF;
    border-top: 1px solid hsla(0,0%,100%,1.00);
}
.col01_text {
    height: 20px;
	font-size: 13px;
    line-height: 20px;
	font-weight: 300;
	text-align: center; 
    border-top: 1px solid hsla(0,0%,100%,1.00);
}
.col01_text-s {
    height: 20px;
	font-size: 11px;
    line-height: 20px;
	font-weight: 700;
	text-align: center; 
    border-top: 1px solid hsla(0,0%,100%,1.00);
}

.nedanhyo-space {
    width: 700px;
	height: 37px;
    background-image: url(../images/nedanhyo_pc.svg);
    margin-top: 8px;
    margin-bottom: 4px;	
}



/* 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;
}
.title_page-eng {
    width: 345px;
    line-height: 32px;
    font-size: 18px;
	margin-bottom: 15px;
}
.title-s_page {
	font-size: 21px;
	width: 345px;
    line-height: 40px;
	margin-top: 15px;
}
.bodycopy-r {
	text-align:right; 
	width:345px;
}
.column-space {
    background-color: #ffffff;
    width: 342px;
    border-color: hsla(0,0%,100%,1.00);
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    margin-top: 5px;
    margin-bottom: 7px;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.column_00 {
	width: 97px;
    line-height: 18px;
	background-color: #004098;
}

.nedanhyo-space {
    width: 345px;
    height: 77px;
    background-image: url(../images/nedanhyo_sp.svg);
    background-repeat: no-repeat;
    margin-top: 8px;
    margin-bottom: 4px;	
}

/* for PC */
@media screen and (min-width:1000px){
.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;
}
	.bodycopy-r {
	text-align:right; 
	width:700px;
}
.title-s_page {
	font-size: 21px;
	width: 700px;
    line-height: 40px;
	margin-top: 15px;
}
.column-space {
    background-color: #ffffff;
    width: 700px;
    border-color: hsla(0,0%,100%,1.00);
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    margin-top: 5px;
    margin-bottom: 7px;
    display: flex;
    justify-content: space-between;
}
.column_00 {
	width: 113px;
    line-height: 18px;
	background-color: #004098;
}
.nedanhyo-space {
    width: 700px;
	height: 37px;
    background-image: url(../images/nedanhyo_pc.svg);
    margin-top: 8px;
    margin-bottom: 4px;	}

}