@charset "UTF-8";

@media screen and (min-width: 760px) {  /*PC*/

ul.note { padding-top: 0 !important;padding-bottom: 0 !important;}

#title{
	width:100%;
	background:#CCF5FB;
	text-align:center;
    display: flex;
    align-items: center;
    height: auto;
}
#title h1{
margin:0 auto;
padding:0;
max-width: 970px;
width: 100%;
}
#title h1 img{
margin:0;
padding:0 0;
max-width: 970px;
width: 100%;
}

.main_img {
text-align: center;
}
.sub_img {
display: flex;
justify-content: space-between;
gap: 0px 10px;
padding: 0px;
margin: 0px;
}
.sub_img img {
width: 100%;
height: auto;
}
.sub_img ul {
padding: 0px;
margin: 0px;
}
.sub_img li {
padding: 0px;
margin: 0px;
}
.sub_img .txt {
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	padding: 0px;
	margin: 0px;
}
.gaiyo {
width: 100%;
border: 2px solid #333;
border-collapse: collapse;
}
.gaiyo td,
.gaiyo th {
padding: 10px;
text-align: center;
border: 2px solid #333;
vertical-align: middle;
}
.gaiyo td {
text-align: left;
}

}



@media screen and (max-width: 759.9px) {  /*SP*/

.main_img {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.main_img img {
width: 100%;
height: auto;
}
.sub_img {
padding: 0px;
margin: 0px;
}
.sub_img img {
width: 100%;
height: auto;
}
.sub_img ul {
padding: 0px;
margin: 0px;
}
.sub_img li {
text-align: center;
padding: 0px;
margin: 0px;
}
.sub_img .txt {	
	font-size: 12px;
	line-height: 12px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
.gaiyo {
/*border: 2px solid #333;*/
}
.gaiyo th{
    text-align: center;
    background: #eee;
}
.gaiyo th,
.gaiyo td {
display: block;
padding: 10px;
vertical-align: middle;
}

.gaiyo td {
    margin-bottom: 10px;
}
.gaiyo tr:last-child td {
    margin-bottom: 0;
}

.layout_table th {
    white-space: nowrap;
}

}