@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

.topRead h1{
	
}

.gaiyou {
	width:100%;
}

.gaiyou th,td{
	padding:8px;
	font-family: 'Noto Sans JP';
}

.gaiyou th{
	width:15%;
	text-align: center;
}
.gaiyou p{
	line-height: 170%;
}
.gaiyou p strong{
	font-size:20px;
}

.google-maps {
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.timeTable{
	overflow: hidden;
	width:100%;
}

.timeTable dt{
	float:left;
	clear:left;
	width:15%;
}

.timeTable dd{
	float:left;
	width:85%;
}
.about {
	background:url(img/aboutback.jpg)
}
.bg-primary03{
	background-image:url(../img/aboutback2021_01.jpg);
	background-size: cover;
}
.bg-primary04{
	background-image:url(../img/aboutback2021_02.jpg); background-color: #216D36!important;
	background-size: cover;
}
.bg-primary05{
	background-image:url(../img/aboutback2021_03.jpg); background-color: #216D36!important;
	background-size: cover;
}
.read_w{
	font-size:18px;
	line-height: 180%;
	color:#FFF;
	font-weight: 500;
	font-family: 'Noto Sans JP';
}

.read_b{
	font-size:18px;
	line-height: 180%;
	color:#000;
	text-align: center;
	font-weight: 500;
	font-family: 'Noto Sans JP';
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 1000%;
height: 100%;
}

.abouth3{
	font-weight:bold;
	color:#FFF;
	padding-bottom:25px;
	text-align: center;
}

.grid-divider h3{
	font-size:22px;
	font-weight:bold;
	color:#231815;
	margin-bottom:20px;
	font-family: 'Noto Sans JP';
}
.grid-divider p{
	font-size:16px;
	color:#231815;
	font-weight: 500;
	line-height: 160%;
	font-family: 'Noto Sans JP';
}

.grid-divider ul{
	font-size:14px;
	list-style: none;
	padding-left: 0;
	color:#231815;
	font-weight: 500;
	line-height: 160%;
	font-family: 'Noto Sans JP';
}

.grid-divider span{
	font-size:12px;
	padding-left: 1em;
	color:#231815;
	font-weight: 400;
	font-family: 'Noto Sans JP';
}
.grid-divider li{
	line-height: 160%;
	margin-bottom:10px;
	font-family: 'Noto Sans JP';
}

.ph14{
	font-size:14px;
	line-height: 160%;
}

@media ( min-width: 768px ) {
    .grid-divider {
        position: relative;
        padding: 0;
    }
    .grid-divider>[class*='col-'] {
        position: static;
    }
    .grid-divider>[class*='col-']:nth-child(n+2):before {
        content: "";
        /*border-left: 1px solid #DDD;*/
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .col-padding {
        padding: 0 15px;
    }
	.forSP{
		display:none;
}

	p.category{
		background-color: darkgreen;
		color: #FFF;
		font-size: 12px;
		text-align: center;
		padding:3px;
		margin-bottom:0px;
	}

	p.category02{
		background-color:darkorange;
		color: #000;
		font-size: 12px;
		text-align: center;
		padding:3px;
		margin-bottom:0px;
	}
	p.category03{
		background-color:darkkhaki;
		color: #000;
		font-size: 12px;
		text-align: center;
		padding:3px;
		margin-bottom:0px;
	}

@media screen and (max-width: 768px){
.forPC{
	display: none;
}	
	}
	
	
	
}

.w100{
	width:100%;
}

.faq p{
	font-size:15px;
	line-height:160%;
	font-family: 'Noto Sans JP';
}

.faq span{
	font-size:17px;
	margin-bottom:20px;
	font-weight: bold;
	color:chocolate;
}



/* インフォメーション*/
.topics dl {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}

.topics dt {
padding-bottom: 5px;
}

.topics dd {
padding-left: 10px;
}

	p.category{
		background-color: darkgreen;
		color: #FFF;
		font-size: 12px;
		text-align: center;
		padding:3px;
		margin-bottom:0px;
	}

	p.category02{
		background-color:darkorange;
		color: #000;
		font-size: 12px;
		text-align: center;
		padding:3px;
		margin-bottom:0px;
	}


@media screen and (min-width: 768px) {
.topics dt {
clear: left;
float: left;
width: 10%;
}
.topics dd {
margin-left: 11%;
}
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}



/*============================================================== 
NEWSエリア
 ============================================================== */

.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .items a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #CCC;
  padding: 20px 20px;
}
.news-list .items:first-child a{
  border-top: 1px solid #CCC;
}
.news-list .items .date{
  margin: 0;
  min-width: 140px;
  font-size: 16px;
  color: #999;
  padding: 0 20px 0 0;
}
.news-list .items .categorys{
  margin: 0;
  min-width: 140px;
  padding: 0 20px 0 0;
}
.news-list .items .categorys span{
  background:#db7093;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1;
}
.news-list .items .title{
	fot-size:14px;
  margin: 0;
  width: 100%;
}
.news-list .items a:hover .title{
  color: #00F;
}
@media screen and (max-width: 767px){
.news-list .items a{
  flex-wrap: wrap;
}
.news-list .items .date{
  min-width: 100px;
}
.news-list .items .title{

  margin-top: 10px;
}

}