@charset "utf-8";

.content {vertical-align: top; }
.clearboth {clear: both;}
.content .main {
	box-sizing: border-box;
	vertical-align: top; 
}

span.b {font-weight: 600;}
h2 {
	color: #ea6fa5; font-size: 160%; padding-bottom: 5px; 
	letter-spacing: 4px;
}
section {
	margin: 0 40px; margin-bottom: 50px;
}
section.no_h3 {padding-top: 20px;}
h3 {
	color: #777; font-size: 140%; padding: 30px 0 0px; 
	letter-spacing: 2px;
}

ul.col3 {width: 100%; font-size: 0; }
ul.col3 li {
	display: inline-block; box-sizing: border-box; 
	vertical-align: top; font-size: 11.7px; 
}
ul.col5 li a img {
	width: 120px; height: auto;
}
ul.col3 li {width: calc(100% / 3); }
/*ul.col5 li {width: calc(100% / 5); }*/
ul.col3 li:not(:nth-child(3n)){
/*background:#ff0000;*/
padding-right: 10px;
}

/*  */
ul.col5parent {display: none;}
ul.col5 {
	display: table; table-layout: fixed;
	width: 100%; box-sizing: border-box; font-size: 0; 
}
ul.col5 li {
	display: table-cell;
	vertical-align: top; font-size: 12px; /*box-sizing: border-box; */
}
ul.col5 {border-top: 1px solid #ccc;}
ul.col5 li {
	width: calc(100% / 5); text-align: center; 
	word-break: break-all; padding: 10px;
}
ul.col5 li:not(:last-child) {border-right: 1px solid #ccc;}
p.bor-last {border-bottom: 1px solid #ccc;}
/*  */


ul.col3 { padding-top: 20px;}
ul.col3 li:before {
	content: "・";
	padding-right: 2px;
	/*font-size: 12px;*/
}


@media screen and (max-width: 900px){
	section {margin: 0 20px; margin-bottom: 40px;}
	h2 {font-size: 140%; letter-spacing: 2px;}
}
@media screen and (max-width: 770px){
	section {margin: 0 10px; margin-bottom: 40px;}
	ul.col5 li {width: calc(100% / 3);
	
	ul.col3 li:not(:last-child) {padding-right: 15px;}
	ul.col5 li.sp {display: none;}
}
@media screen and (max-width: 640px){
	section {margin: 0 0px; margin-bottom: 40px;}
	ul.col5 li {width: calc(100% / 2);}
	ul.col3 li {display: block; width: 100%;}
}