@charset "utf-8";
/* CSS Document */

@import url("style.css");

/*---------------------------------------------------*/
/*トップページ*/
/*---------------------------------------------------*/
h3 {font-size: 1.3em;}



a:hover img{
	opacity:0.7;
}

.top-jumbotron {
		height: 330px;
		background: url("../images/top_sm.jpg") no-repeat bottom center;
    background-size: contain;
	  margin-bottom: 0;
		padding: 0;
}

.top-jumbotron #top-text p {
  color: white;
	font-size: 1em;
	padding-top: 8em;
	padding-left: 2em;
	text-shadow: 1px 1px 1px #525252;
}

#se-box a.se-aimg:hover {
	opacity: 0.8;
}

#se-box h3 {
  font-size: 1.3em;
}

.se-ttext {
	margin-top: 3%;
	color: #212529;
	text-align: left;
}

.se-relative {
  position: relative;
}

.se-absolute {
  width: 100%;
  text-align: center; 
	color: #005cff;
	border: 2px solid #005cff;
	padding: 0.4em 0;
}

.se-relative a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.se-relative:hover {
  opacity: 1;
}

#sec1 {
  margin: 3em auto;
}
#sec2 .container{
  padding: 3em 1em;
}
#sec2 p{color: white;}
#sec2-txt-box {
  text-align: left;
}
#sec3 {margin: 0 auto !important;}
#sec3 .container{
  padding: 3em 1em;
}
#sec4 {
  margin: 0;
}
/*お知らせ*/
/*---------------------------------------------------*/

div.news p {
    margin-bottom: 1%;
    color: #000000;
}

div.news a:hover {
    text-decoration: none;
    opacity: 0.5;
}

.media {
  display: block;
}

.media-body {
	display: block;
}

li.media img {
	display: block;
	width: 60%;
	margin: 0 auto;
}

li.media {
	padding: 1%;
  border: 1px solid #2D3293;
}

.se-date{
  font-weight: bold;
	margin-right: 2em;
}

.se-title{
  font-weight: bold;
}

.se-text{
	color: #434343;
  line-height: 1.7;
}

/*地図*/
/*---------------------------------------------------*/
.top-map {
	padding: 0;
  margin: 0;
}

.top-map iframe {
	width: 100%;
	height: 400px;
}

/*概要*/
/*---------------------------------------------------*/
.se-table {
	border-bottom: 1px solid #2D3293;
	width: 100%;
}

.se-table tr {
  border-top: 1px solid #2D3293;
}

.se-table th,
.se-table td{
	width: 100%;
	font-size: 1rem;
	padding: 3% 0;
	display: block;
}

.se-br {display: none;}

/*  照会文 */
.text-jumbotron {
		background: url("../images/4fbd2f044941c810b7746a441981c500_s.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
	  margin-bottom: 0;
}

.bg-orange {
    background: rgba(46,132,19,0.70);
}

.text-jumbotron h2{
    padding: .5em;
		color:#fff;
		text-shadow: 3px 3px 5px #000;
		font-size: 1.1em;
		line-height: 2;
}

.text-jumbotron br {display: none;}

@media (min-width:480px) {
	img.se-70 {width: 70%;}
	img.se-30 {
		width: 30% !important;
	  margin-right: 10px !important;
	}
	
  .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .se-box {
    display: flex;
  }

  /*概要*/
  /*---------------------------------------------------*/
  .se-table th,
  .se-table td{
		display: inline-block;
  }

  .se-table td {
		width: 70%;
	  display:table-cell; 
	}

  .text-jumbotron h2{
  		font-size: 1.5em;
  }

}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
  #sec1 {
    margin: 5em auto;
  }
  #sec2 .container {
    padding: 5em 1em;
  }
  #sec3 .container{
    padding: 6em 1em;
  }
  .top-jumbotron {
  		height: 400px;
  		background: url("../images/topue.jpg") no-repeat bottom center;
      background-size: cover;
	    margin-bottom: 0;
		  padding: 0;
  }

  .top-jumbotron #top-text p {
  	font-size: 1.8em;
  	padding-top: 6em;
  	padding-left: 1em;
		line-height: 2;
  }

 .text-jumbotron br {display: block;}

}

@media (min-width: 992px) {
	.btn-tel {display: none;}
  .text-jumbotron h2{
  		font-size: 1.6em;
  }
  .top-jumbotron {
  		height: 900px;
  		background: url("../images/topue.jpg") no-repeat bottom center;
      background-size: cover;
	    margin-bottom: 0;
		  padding: 0;
  }

  .top-jumbotron #top-text p {
  	font-size: 1.8em;
  	padding-top: 12em;
  	padding-left: 2em;
		line-height: 2;
  }


}


