@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Noto+Sans+JP:wght@300;400;500&family=Tenor+Sans&display=swap');

body{
	font-weight: 400;
}

.eo-all-area{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}

.eo-all-area a{
	text-decoration: none;
	color: #333333;
}

.eo-all-area{
	text-align: justify;
}

/* フォント選択 */

.Noto{
	font-family: 'Noto Sans JP', sans-serif;
}

.Lato{
    font-family: 'Lato', sans-serif;
}

.Tenor{
    font-family: 'Tenor Sans', sans-serif;
}

.Mincho{
	font-family: 游明朝;
}

.Gothic{
	font-family:YuGothic, 'Yu Gothic', sans-serif;
}

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

	/*767px以下で非表示*/

	.pc-hide {
		display: none; /*非表示*/
	}

	/*767px以下で改行*/
		
	.br-low::after {
		content: "\A"; /*改行*/
		white-space: pre;
	}
}

@media screen and (min-width:768px) {
    
	/*768px以上で非表示*/
	
	.sp-hide{
		display: none; /*非表示*/
	}
		
	/*768px以上で改行*/
	
	.br-hight::after{
		content: "\A"; /*改行*/
		white-space: pre;
	}
}

/* all-eo-area */

.eo-all-area{
	width: 90%;
	margin: 3rem auto;
	font-weight: 400;
}

.top-title{
    font-size: 1.25rem;
    text-align: center;
	letter-spacing: .15rem;
    margin: 3rem 0;
	font-weight: 400;
}

/* table layout */

th, td {
    border: 1px solid #ffffff;
    padding: 0 5px;
    text-align: justify;
    font-weight: 500;
}

td {
    text-align: center;
    padding: 0;
    width: 10%;
}

td span {
	font-size: .6125rem; /* 単位 */
	margin-right: 2px;
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: .6875rem;
    background-color: #F2F2F2;
    margin: 0 0 2rem;
}

.ta-c th:nth-child(2){
	text-align: center;
}

.ta-c td:nth-child(3) {
    text-align: center;
    padding-left: 2.5px;
    width: 17.5%;
}

tr td:nth-child(3) {
    text-align: left;
    padding-left: 2.5px;
    width: 17.5%;
}

table .ta-c{
	text-align: center;
}

table .ta-c th{
	height: 25px;
}

table .ta-c td {
	text-align: center;
}

th {
    width: 40%;
    height: 50px;
}

tr:nth-child(odd) {
    background-color:  #DFDFDF;/* 背景色指定 */
}

/*download-button*/

.down-f-box{
	display: flex;
	justify-content: right;
	float: right;
}

.down-f-box .down-button{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #808080;
	width: 125px;
	height: 25px;
	border-radius: 2.5px;
	margin: 0 0 1rem .5rem;
	box-shadow: rgb(50 50 93 / 10%) 0px 13px 27px -5px, rgb(0 0 0 / 10%) 0px 8px 16px -8px;
}

.down-f-box .down-button div{
	font-size: 11px;
	color: #ffffff;
	padding-right: .25rem;
}

.down-f-box .down-button div span{
	letter-spacing: -.1rem;
}

@media screen and (min-width:540px) {
	
	/* all-eo-area */
	
	/* table layout */
	
	table {
		font-size: .75rem;
	}

	th, td {
		padding: 0 5px;
	}
	
	th {
		width: 40%;
		height: 60px;
	}

	
	td span {
		font-size: .6875rem; /* 単位 */
	}
	
	.tax-kometext {
		text-align: right;
		font-size: .75rem;
	}
	
	}

	@media screen and (min-width:768px) {
		
		.eo-all-area {
			width: 90%;
			max-width: 869px;
			margin: 3rem auto;
			font-weight: 400;
		}
		
		/* all-eo-area */
		
		.top-title {
			font-size: 1.75rem;
			text-align: center;
			margin: 3rem 0;
			font-weight: 400;
		}
		
		.all-eo-area ul li {
			font-size: 1rem;
			margin: 2rem 0;
		}
		
		/* table layout */
		
		table {
			font-size: .75rem;
		}

		th {
			width: 60%;
			height: 30px;
		}

		td{
			width: 10%;
		}

		tr td:nth-child(3) {
			text-align: left;
			padding-left: 2.5px;
			width: 25%;
		}

		table .ta-c td {
			text-align: center;
		}

		/*download-button*/

		.down-f-box{
			display: flex;
			justify-content: right;
			float: right;
		}

		.down-f-box .down-button{
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #808080;
			width: 150px;
			height: 25px;
			border-radius: 2.5px;
			margin: 0 0 1rem .5rem;
			box-shadow: rgb(50 50 93 / 10%) 0px 13px 27px -5px, rgb(0 0 0 / 10%) 0px 8px 16px -8px;
		}

		.down-f-box .down-button div {
			font-size: 12px;
			color: #ffffff;
			padding: 0.25rem 1rem 0 0;
		}
		
		}

		@media screen and (min-width:1024px) {
			th {
				width: 60%;
				height: 30px;
			}
		}