@charset "UTF-8";
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ slider ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.slider_top {
	max-width:100%;
	margin:0 auto;
	padding-top:80px;/*header とかぶらないように*/
	padding-bottom:0;
}

.slider_top img {
  height: 100vh;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
}
@media screen and (max-width:767px) {
.slider_top img {
	max-width:100%;
	height:auto;
}
}

/* ---------------------- news ---------------------- */
.infoList {
	margin-bottom: 10px;
}
.infoList ul {
list-style-type: none
}
 .infoList ul li a p.txt {
	float: none;
	width: auto;
display:inline;
}
.infoList ul li {
	border-bottom: 1px solid #dddddd;
}
.infoList ul li a {
	color:#333;
	display: block;
	padding: 5px 15px;
	overflow: hidden;
	transition: 0.2s;
}
.infoList ul li a:hover {
background:#f8f8f8;
color:#888888;
}
.infoList ul li a p.data {
	float: left;
	width: 35%;
	padding-top:7px;
}
.infoList ul li a p.data .tag {
	background-color:#333;
color:#FFF;
	display: inline-block;
	font-size: 14px;
	margin-left: 15px;
	margin-top: -2px;
	padding: 1px 15px;
	min-width: 90px;
	text-align: center;
}
span.date {
margin-left:7px;
}

.infoList ul li a p.txt {
	padding-top:7px;
	float: left;
	width: 65%;
}
@media only screen and (max-width: 768px) {
.infoList {
	margin-bottom: 0;
}
.infoList ul li a {
	padding: 10px;
	text-decoration: none;
}
.infoList ul li a p.data {
	font-size: 12px;
	float: none;
	width: auto;
}
.infoList ul li a p.data .tag {
	font-size: 10px;
	margin-left: 10px;
	margin-top: 0;
	line-height: 1;
	padding: 4px 12px;
	min-width: 70px;
}
.infoList ul li a p.txt {
	float: left;
	width: 100%;
}
}


/*---------------------------- */

article.dl-ma {
margin:2em;
}

dl.dl-yoko {
	padding:1.2em 0 1.4em 0;
	border-bottom: 1px solid #ccc;
}


dl.dl-yoko dt {
	padding:0 0 0 0.8em;
  font-weight: bold;
}
dl.dl-yoko dd {
padding-left:0.8em;
}
@media screen and (min-width: 768px) {
dl.dl-yoko {
	padding:0.2em 0 0.4em 0;
position: relative;
  border-bottom: 1px solid #ccc;
}

dl.dl-yoko:before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 27%;
  height: 1px;
  content: '';
  background: #216390;
}

dl.dl-yoko dt {
clear: left;
float: left;
width: 30%;
}
dl.dl-yoko dd { 
display: block;
margin-left:20%;
padding-left:10%;
}
}

.caution_h6 {
font-size:1rem;
font-weight:bold;
color:#ff0000;
margin:15px 0 0 5px;
padding-top:20px;
}
.caution_ul {
padding: 0 0 5px 20px;
}
.caution_ul li {
padding-bottom:1em;
font-size:0.95rem;
line-indent:1em;}

.map_wrap {
display:flex;
flex-flow:row wrap;}


.map_in_info {
display:flex;
flex-flow:row wrap;
margin-right:0.8em;}

.map-marker {
	width: 25px;
	height: 25px;
	padding: 0px 0 15px 0;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid var(--base-color);
	text-align: center;
font-size:14px;
}
.map-marker	span {
		line-height: 1;
	}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 多分いらない　削除予定 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
.btn {
background:inherit;
border-radius:40px;
}
.btn-iro {
	color: #7cba7e;
	border:solid 1px #7cba7e;
	margin-bottom:3em;
	padding:10px 10px 10px 20px;
}
.btn-iro:hover {
	background-color: #7cba7e;
	color:#FFF;
}

.form_kakomi {
border:solid 1px #eee;
padding:1.2em;
}


.photo ul {
display:flex;
justify-content:space-between;
 list-style: none;
}
.photo_rev ul{
flex-direction:row-reverse;
}

.photo li {
box-sizing: border-box;
margin-right:10px;
}
.photo li:nth-of-type(2n) {
margin-top:100px ;
}


dl.dl-yoko {
	padding:0.2em 0 0.4em 0;
	border-bottom: 1px solid #ccc;
}
dl.dl-yoko dt {
	padding:0 0 0 0.8em;
  font-weight: bold;
}
dl.dl-yoko dd {
	padding-left:0.8em;
}
@media screen and (min-width: 768px) {
dl.dl-yoko dt {
clear: left;
float: left;
width:25%;
}
dl.dl-yoko dd { 
display: block;
margin-left:25%;
}
dl.dl-yoko dd.profile {
padding-left:1.5em;
border-left: 1px solid #7cba7e;
}
dl.dl-yoko dd.profile a {
text-decoration:underline;
}
}


.photo2  {
position:relative;
}
.photo2::before {
    content: "";
    display: block;
    padding-top: calc(0.76 * 100%);
}
.photo2 li {
position:absolute;
}
.photo2 li.large {
width:67%;
top:0;
left:0;
}
.photo2 li.small {
width:38%;
bottom:0;
right:0;
}
.photo2 li.large_rev {
width:67%;
top:0;
right:0;
}
.photo2 li.small_rev {
width:38%;
bottom:0;
left:0;
}
*/