@charset "UTF-8";

/*  Webしおり・約款 */
.sp-only	{
    display: none!important;
}
.yakkan-text 	{
	text-align: center;
	padding-top: 20px;
}
.yakkan-single-contentsArea	{
	margin: 0px 0px 60px 0px;
	padding: 0 42px;
}
.yakkan-single-table	{
	margin: 15px 0px 0px 0px;
}
th.yakkan-single-table__header , td.yakkan-single-table__item , td.yakkan-single-table__link	{
    text-align: center;
    vertical-align: middle!important;
	padding: 15px 15px 15px 15px!important;
	line-height: 1.5!important;
}
th.yakkan-single-table__header	{
	color: #fff;
    background: #006269;
}
td.yakkan-single-table__item	{
	font-weight: bold;
	background: #E5EFF0;
}
td.yakkan-single-table__link	{
	
}
.yakkan-single-text__link	{
	color: #575757!important;
}
.yakkan-single-text__link:hover	{
	color: #f68b1f!important;
	text-decoration: none;
}
.yakkan-single-text-color	{
	color: #f68b1f!important;
}
.yakkan-list-contentsArea	{
	width: 500px;
    margin: 0 auto;
}
.yakkan-list-table	{
	margin: 15px 0px 60px 0px;
}
.yakkan-list-table th	{
	background: #0096A8;
	text-align: center;
	color: #fff;
	font-size: 20px;
}
.yakkan-list-table td	{
	padding: 15px 10px 15px 200px!important;
	border-top: none!important;
}
.yakkan-list-table > tbody > tr:nth-of-type(odd) {
    background-color: #EFEFEF;
}
.yakkan-single-table__guard	{
	margin-top: 15px;
	margin-left: 1.5em;
    text-indent: -1.5em;
    text-align: justify;
}

@media screen and (max-width: 1024px) {
	.table {
		width: 100%;
		table-layout: fixed;
	}
	.td, th {
		overflow: hidden;
	}	
	.yakkan-single-table .btn-min-width {
		min-width: 100%!important;
	}
}

@media (max-width: 767px) {	
	.pc-only	{
		display: none!important;
	}
	.sp-only	{
		display: block!important;
	}
	span.sp-only	{
		display: inline-block!important;
	}
	.yakkan-list-contentsArea	{
		margin: 0px 4% 60px 4%;
		width: 92%;
	}				
	.yakkan-single-contentsArea	{
		margin: 0px 15px 60px 15px;
		padding: 0 0px;
	}
	.yakkan-single-table	{
		font-size: 14px;
	}
	th.yakkan-single-table__header , td.yakkan-single-table__item , td.yakkan-single-table__link	{
		padding: 0px!important;
	}
	td.yakkan-single-table__item	{
		width: auto;
	}
	td.yakkan-single-table__link	{
		font-size: 12px;
		width: auto;
	}	
	.yakkan-single-table .btn	{
			/*font-size: 14px!important;*/
			/*padding: 9px 10px!important;*/
		font-size: 13px!important;
	    padding: 8px 8px!important;
	    line-height: 1.5;
	}
		
	.table {
		width: 100%;
	}	
	.table tr {
		display: block;
		float: left;
	}	
	.table tr td {
		border-left: none;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.table tr th {
		border-left: none;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.table thead {
		display: block;
		float: left;
		width: 40%;
		height: 51vh;
	}
	.table thead tr {
		width: 100%;
		height: 100%;
	}
	.table tbody {
		display: block;
		float: left;
		width: 60%;
		height: 51vh;
	}
	.table tbody tr {
		width: 100%;
		height: 100%;
	}
	th:nth-child(1) {
		height: 26%;
	}
	th:nth-child(2) {
		height: 30%;
	}
	th:nth-child(3) {
		height: 22%;
	}
	th:nth-child(4) {
		height: 22%;
	}
	td:nth-child(1) {
		height: 26%;
	}
	td:nth-child(2) {
		height: 30%;
	}
	td:nth-child(3) {
		height: 22%;
	}
	td:nth-child(4) {
		height: 22%;
	}	  

}