.web-header-top{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: flex-end;
	flex-wrap: nowrap;
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
	/* padding-bottom: 50px; */
	padding-top: 2px;
}

.header-wrap-txt{
	width: 500px;

}
.detail{
    width: 700px;
    margin: auto;
    margin-bottom: 50px;
}

.logo-left,.logo-right{
	width: 45%;
	height: 384px;
	background-repeat: no-repeat;
	/* position: absolute; */
}
.logo-left{
	background-image: url(../img/kokoku-left);
	/* left: 0; */
	background-position: 0px 30px;
}
.logo-right{
	background-image: url(../img/kokoku-right.png);
	/* right: 0; */
	background-position: right -1px;
}
.header-wrap{
    display: flex;
    width: 100vw;
    margin: auto;
    height: 380px;
    /* margin-bottom: 50px; */
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    justify-content: space-evenly;
    align-content: space-between;
    /* background-color: red; */
    padding-bottom: 0px;
}
.koukoku-wrap{
    width: 1000px;
    margin: auto;
    margin-bottom: 80px;
}
.koukoku-wrap-box{display: flex;margin-bottom: 30px;}

.koukoku-wrap-box-box{
    min-width: 270px;
    /* height: 160px; */
    display: flex;
    background-color: #dc00ba;
    color: #fff;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 1.2em;
    margin-right: 40px;
    text-align: center;
}
.koukoku-wrap-box-detail{}
.koukoku-wrap-box-detail dl{
    display: flex;
    /* flex-direction: row; */
    flex-wrap: wrap;
}
.koukoku-wrap-box-detail dt{width: 16%;}
.koukoku-wrap-box-detail dd{
    width: 83%;
}

@media screen and (max-width: 1000px) {

	.web-header-top{
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: flex-end;
		flex-wrap: nowrap;
		margin-bottom: 30px;
		border-bottom: 1px solid #ddd;
		/* padding-bottom: 50px; */
		/* padding-top: 50px; */
		background-image: url(../img/kokoku-left.png);
		/* right: 0; */
		background-position: right bottom;
		background-size: 200px;
		background-repeat: no-repeat;
	}
	
	.header-wrap-txt{
		width: 500px;
	
	}
	.detail{
	    width: 100%;
	    margin: auto;
	    margin-bottom: 50px;
	    padding: 5px;
	}
	
	.logo-left,.logo-right{
		width: 0;
		height: 384px;
		background-repeat: no-repeat;
		/* position: absolute; */
		background-size: 100%;
	}
	.logo-left{
		background-image: url(../img/kokoku-left);
		/* left: 0; */
		background-position: 0px 30px;
	}
	.logo-right{
		background-image: url(../img/kokoku-right.png);
		/* right: 0; */
		background-position: right -1px;
	}
	.header-wrap{
	    display: flex;
	    width: 100vw;
	    margin: auto;
	    height: 380px;
	    /* margin-bottom: 50px; */
	    flex-wrap: nowrap;
	    align-items: center;
	    flex-direction: row;
	    justify-content: space-evenly;
	    align-content: space-between;
	    /* background-color: red; */
	    padding-bottom: 0px;
	}
	.koukoku-wrap{
	    width: 100%;
	    margin: auto;
	    margin-bottom: 80px;
	    padding: 5px;
	}
	.koukoku-wrap-box{display: flex;margin-bottom: 30px;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;}
	
	.koukoku-wrap-box-box{
	    min-width: 100%;
	    /* height: 160px; */
	    display: flex;
	    background-color: #dc00ba;
	    color: #fff;
	    justify-content: center;
	    align-items: center;
	    flex-direction: column;
	    font-size: 1.2em;
	    margin-right: initial;
	    text-align: center;
	    margin-bottom: 20px;
	    min-height: 80px;
	}
	.koukoku-wrap-box-detail{}
	.koukoku-wrap-box-detail dl{
	    display: flex;
	    flex-direction: column;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: flex-start;
	}
	.koukoku-wrap-box-detail dt{width: 100%;}
	.koukoku-wrap-box-detail dd{
	    width: 100%;
	}

}