

.main{
	width: 1200px;
margin: 0px auto;
position:relative;
  min-height: 100%;
}


.main_image{
   width: 100%;
   height: auto;
   margin: 0px auto 20px auto;
}
.main_image img{
   width: 100%;
}

.main_seminar_bg{
margin: 0px auto;
padding: 0;
width: 100%;
background: #FBFAFF url("/commonImage/mask_bg.png") no-repeat;
background-size: cover;
overflow: hidden;
}
.main_seminar_bg h2{
	text-align: center;
	color: #000;
	font-size: 30px;
	font-weight: bold;
	margin: 50px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
}
.main_seminar_bg h2 span.ep{
font-size: 13px;
margin:0px auto 0px auto;
text-align: center;
display: block;
position: relative;
bottom: 15px;
color: #5EA4A1;
}

.main .title{
border-bottom: 1px solid #ccc;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	 -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
.main .title h2{
	text-align: left;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
.main .title .hashtag{
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	 -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
   margin: 0px 20px 0px 20px;
}
.main .title .hashtag dt{
font-size: 11px;
margin: 0px 10px 0px 0px;
padding-left: 18px;
background: url("/commonImage/icon_search.svg") no-repeat left;
background-size: 15px 15px;
}
.main .title .hashtag dd{
font-size: 10px;
margin: 0px 10px 0px 0px;
}
.main .title .hashtag dd a{
color: #14B87F;
}


.main p{
text-align: left;
font-size: 15px;
line-height: 160%;
}
.main .image_img{
width: 100%;
max-width: 700px;
margin: 0px auto 30px auto;
}
.main .image_img img{
width: 100%;
}



/*お知らせ*/

.waku{
	margin-bottom: 100px;
	text-align: left;
}

.oshirase_list{
width: 100%;
margin: 50px auto 150px auto;
padding: 0;
}
.oshirase_list .oshirase_block{
width: 100%;
margin: 0px auto 0px auto;
padding: 50px 0;
border-bottom: 1px solid #ccc;
display: flex;
justify-content: space-between;
}
.oshirase_list .oshirase_block .oshirase_img{
width: 20%;
}
.oshirase_list .oshirase_block .oshirase_img img{
width: 100%;
}
.oshirase_list .oshirase_block .oshirase_div{
width: 78%;
}
.oshirase_list .oshirase_block .oshirase_div .oshirase_full{
width: 100%;
display: flex;
align-items: center;
margin: 0px 0px 20px 0px;
padding: 0;
font-size: 13px;
}
.oshirase_block .oshirase_div .oshirase_full .date{
margin: 0px 20px 0px 0px;
padding: 0;
}
.oshirase_block .oshirase_div .oshirase_full .category{
margin: 0px 20px 0px 0px;
padding: 5px 10px;
background: #fff;
border: 1px solid #ececec;
border-radius: 5px;
font-size: 13px;
}
.oshirase_block .oshirase_div p.comment{
margin: 0px 0px 0px 0px;
padding: 0;
text-align: left;
font-size: 13px;
line-height: 180%;
}

/*もっと見る*/
.readmore-wrap {
  position: relative;
}
.readmore-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -80px;
  width: 30%;
  margin: 0 auto;
  padding:15px 20px;
  background-color: #ececec;
  color: #222;
  border-radius: 10px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  z-index:10;
}
.readmore-btn:hover{
background: #5EA4A1;
color: #fff;
}
.readmore-text {
  position: relative;
  overflow: hidden;
  height: 25px;
}
.readmore-check {
  display: none;
}
.readmore-check:checked + .readmore-btn{
  display: none;
}
.readmore-check:checked ~ .readmore-text {
  height: auto;
}

