@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {

/*-------------------------------------*/
.slick-box {
	min-width: 1200px;
}

.slick-box li img {
	width:100%;
	height:auto;
}

h2{
font-size: 1.4em;
font-weight: bold;
text-align: center;
margin: 60px 0 30px;
line-height: 140%;
}

.txt{
width: 80%;
margin: 0 auto;
line-height: 180%;
text-align: center;
}
	

/*----*/
.idx_list {
width:90%;
margin:50px auto;
padding:0;
list-style-type: none;
display: flex;
	justify-content: space-around;
}

.idx_list li {
background:#edeff1;
width:40%;
}

.idx_list_img {
width:100%;
}
	
.idx_list_img img {
width:100%;
}

.idx_list_detail {
width:90%;
padding:3%;
}

.idx_list li a {
color:#000000;
border: 3px solid #fff;
text-decoration: none;
}

.idx_list li a:hover {
border: 3px solid #00488c;
box-shadow: 0px 0px 4px 3px #c1c1c1;
}

.idx_list_detail h3 {
font-size:1.1em;
font-weight:bold;
margin:0 auto 10px;
}

.idx_list_detail p {
font-size:1em;
line-height:22px;
font-weight: 500;
}
	

dl{
width: 80%;
margin: 30px auto;
overflow-y: scroll;
height: 300px;

}
	
dl dd{
padding: 10px 0 30px;
margin-bottom: 30px;
border-bottom: 1px solid #999;
}

dl dd:last-child{
border: none;
}

}




/*sp*/
@media only screen and (max-width: 768px) {

/*-------------------------------------*/
.slick-box {
	width:100%;
}

.slick-box li img {
	width:100%;
	height:auto;
}

h2{
font-size: 1.1em;
font-weight: bold;
text-align: center;
margin: 20px 0;
line-height: 140%;
}

.txt{
width: 90%;
margin: 0 auto;
line-height: 140%;
font-size: 0.8em;
}
	

/*----*/
.idx_list {
width:90%;
margin:30px auto;
padding:0;
list-style-type: none;
}

.idx_list li {
background:#edeff1;
width:90%;
margin: 20px auto 0;
}

.idx_list_img {
width:100%;
}
	
.idx_list_img img {
width:100%;
}

.idx_list_detail {
width:90%;
padding:3%;
}

.idx_list li a {
color:#000000;
border: 3px solid #fff;
text-decoration: none;
}

.idx_list li a:hover {
border: 3px solid #00488c;
}

.idx_list_detail h3 {
font-size:1em;
font-weight:bold;
margin:0 auto 10px;
}

.idx_list_detail p {
font-size:0.8em;
line-height: 140%;
font-weight: 500;
}
	
dl{
width: 90%;
margin: 30px auto;
overflow-y: scroll;
height: 300px;

}
	
dl dt{
font-size: 0.8em;
}
	
dl dd{
padding: 5px 0 20px;
margin-bottom: 20px;
border-bottom: 1px solid #999;
font-size: 0.8em;
}

dl dd:last-child{
border: none;
}

}