@charset "UTF-8";

.contentNav {
	display : grid;
	grid-template-columns : 1fr 1fr 1fr;
	grid-gap : 16px;
}
.contentNav > li a {
	display : flex;
	justify-content : left;
	align-items : center;
	border: 1px solid #333333;
	font-size: 1.25em;
	font-weight: bold;
	padding: 20px;
	font-family: "新ゴ B";
	text-decoration: none;
}
.contentNav > li a:hover {
	background-color: #CCCCCC;
}
.contentNav > li a img {
	width : 48px;
	margin-right: 10px;
}

.flow > dt {
	font-family : "Century Gothic", "arial Black", sans-serif;
	font-size : 1.2em;
	font-weight : bold;
	padding : 1em 0;
	border-bottom : 1px dotted #000000;
}
.flow > dd:not(:last-of-type) {
	margin-bottom : 40px;
}
.flow > dd .content:not(:last-of-type) {
	margin-bottom : 2em;
}
#pageBody #main .flow > dd h5 {
	font-size : 1em;
	padding : 0.75em 1em 0.75em 24px;
	border : 1px solid #cccccc;
}
#pageBody #main .flow > dd h5.hd_bar:before {
	top : 50%;
	left : 4px;
}
.flow h4 {
	font-weight : bold;
	margin-bottom : 1em;
}

#pageBody #main .flow > .column {
    grid-template-columns: 1fr !important;
	margin-bottom: 40px !important;
}
#pageBody #main .flow > .column h4{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
#pageBody #main .flow > .column .left{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
	grid-gap : 20px;
}
#pageBody #main .flow > .column .right{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr !important;
	grid-gap : 20px;
}
@media screen and (max-width: 767px) {
	.contentNav {
		grid-template-columns : 1fr;
	}
	#pageBody #main .flow > .column .left{
		display: grid;
    	grid-template-columns: 1fr !important;
		grid-gap : 0px;
	}
	#pageBody #main .flow > .column .right{
		display: grid;
    	grid-template-columns: 1fr !important;
		grid-gap : 0px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
}
@media screen and (min-width: 1920px) {
}