@charset "UTF-8";
/* CSS Document */

@media (min-width: 768px) {}
@media (max-width: 767.98px) {}

@media (min-width: 768px) {
	p{ margin: 0;}
	a{ color: rgba(32,89,172,1.0);; font-weight: normal;}
	a:hover{ color: rgba(32,89,172,1.0);; text-decoration: none;}
	.pcnone { display: none;}
	
	.maru_btn{ font-size: 18px; width: 320px; height: 76px; border-radius: 100px; text-align: center; background-color: #ebe3b3; border: 2px solid #6E5B3A; font-weight: bold; color: #6E5B3A; margin: 35px auto 0;}
}
@media (max-width: 767.98px) {
	p{ margin: 0;}
	a{ color: rgba(32,89,172,1.0);; font-weight: normal;}
	a:hover{ color: rgba(32,89,172,1.0);; text-decoration: none;}
	.spnone { display: none;}
	
	.maru_btn{ font-size: 15px; width: 280px; height: 66px; border-radius: 100px; text-align: center; background-color: #ebe3b3; border: 2px solid #6E5B3A; font-weight: bold; color: #6E5B3A; margin: 0 auto;}
}

@media(min-width: 768px){
a[href^="tel:"]{ pointer-events: none; color: inherit; }
}


.gray_tb { margin-bottom: 2em; }
@media (min-width: 768px) {
.gray_tb table{ border-top: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #fff; color: #404040; margin: 20px 0 7px;}
.gray_tb table th{ width: 250px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px;}
.gray_tb table td{ width: 650px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px;}
}
@media (max-width: 767.98px) {
.gray_tb table{ border-top: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #fff; color: #404040; margin: 20px 0; width: 100%;}
.gray_tb tr { width: 100%; display: block;}
.gray_tb table th{ width: 100%; display: block; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 10px 10px;}
.gray_tb table td{ width: 100%; display: block; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 10px 10px;}
}


.syouwa::before { display: inline-block; content: "昭和"}
.heisei::before { display: inline-block; content: "平成"}
@media (min-width: 768px) {
.ctrl_year { display: inline-block; width: 120px; text-align: left; margin-right: 1em; background-color:#eee; padding: 0.5em; margin-bottom: 1em;}
.ctrl_year:nth-last-of-type(1) { margin-bottom: 0em; }
}
@media (max-width: 767.98px) {
.ctrl_year { display: block; background-color:#eee; margin-top: 1em; padding: 0.5em; margin-bottom: 1em;}
.ctrl_year:nth-of-type(1) { margin-top: 0; }
}


@media (min-width: 768px) {
	.ul_list{ padding: 0 0 0 23px; margin: 0;}
}
@media (max-width: 767.98px) {
	.ul_list{ padding: 0 0 0 23px; margin: 0;}
}

@media (min-width: 768px) {
	.history_btn{ display: inline-flex; align-items: center; gap: 6px; color: #005bac;}
	.history_btn::after{ content: ""; display: inline-block; width: 10px; height: 10px; border-right: 2px solid #005bac; border-bottom: 2px solid #005bac; transform: rotate(45deg); transition: transform 0.3s ease; position: relative; top: -2px; left: 2px;}
	.history_btn.open::after{ transform: rotate(-135deg); top: 2px;}

	.history_content{ display: none;}
	.history_content.open{ display: block; margin: 20px 0 0 0;}
}
@media (max-width: 767.98px) {
	.history_btn{ display: inline-flex; align-items: center; gap: 6px; color: #005bac;}
	.history_btn::after{ content: ""; display: inline-block; width: 10px; height: 10px; border-right: 2px solid #005bac; border-bottom: 2px solid #005bac; transform: rotate(45deg); transition: transform 0.3s ease; position: relative; top: -2px; left: 2px;}
	.history_btn.open::after{ transform: rotate(-135deg); top: 2px;}

	.history_content{ display: none;}
	.history_content.open{ display: block; margin: 20px 0 0 0;}
}
