@charset "utf-8";

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

ABOUT

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

nav#global-nav .about a::before {
	height: 2px;
	opacity: 1;
}

/*--------- pagettl --------- */

/* h1 */

#pagettl h1{
  background:#227E70 url(../about/img/pagettl_bg.jpg) no-repeat left top;
}

/* h2 */
#contents h2.tit{
  text-align:center;
  color:#52A544;
  font-size:167%;
  margin-top:-20px;
  margin-bottom:12px;
}

#contents h2.tit span{
  padding:0px 40px;
  background:#fff;
}

#contents h2.tit:before {
  content: url(../common/line02.gif);
position: relative;
top:5px;
left:15px;
}

#contents h2.tit:after {
  content: url(../common/line02.gif);
position: relative;
top:5px;
right:15px;
}


/* main
---------------------------------------------------- */
/* intro */
.intro{
  background:url(../common/ft_bg.jpg) repeat left top;
  padding:10px;
  margin-bottom:60px;
}

.intro .inner{
  background:#fff url(../about/img/kkn_mark.jpg) no-repeat 50px 35px;
  padding:40px 30px 40px 320px;
}

.intro .inner h2{
  background:url(../common/s01.gif) no-repeat 0px 12px;
  color:#52A544;
  font-size:182%;
  padding-left:35px;
  margin-bottom:10px;
}

.intro .inner p{
  font-size:108%;
  line-height:180%;
}

/* support */
.support{
  border-top:1px solid #DDDDDD;
  margin-bottom:36px;
}
.support .inner{
  overflow:hidden;
}

.support .figure{
  float:right;
  padding-left:45px;
}

.support .catch{
  padding-top:60px;
  margin-bottom:40px;
}

.support p{
  font-size:108%;
  line-height:180%;
}

/* activity */
.activity{
  background:#F9F9F9 url(../about/img/h2_bg.gif) no-repeat top left;
  overflow:hidden;
  padding-top:37px;
  padding-left:32px;
min-height:230px;
height: auto !important;
height: 230px;
margin-bottom:70px;
}

.activity h2{
  width:210px;
  color:#fff;
  font-size:167%;
  float:left;
}

.activity ul{
  float:left;
  width:335px
}

.activity ul.box02{
  width:420px
}

.activity ul li{
  margin-bottom:10px;
  background: url(../common/en01.gif) no-repeat 0px 3px;
  padding-left:20px;
  line-height:150%;
}


/* schedule */
.schedule{
  border-top:1px solid #DDDDDD;
  margin-bottom:80px;
}

.schedule .inner{
  overflow:hidden;
  margin-top:50px;
  margin-bottom:30px;
}

.schedule .photolist01{
  width:275px;
  float:right;
}

.schedule .photolist01 li{
  text-align:center;
  margin-bottom:20px;
}

.schedule .photolist01 li img{
  margin-bottom:4px;
}

.schedule table{
  width:680px;
  border-top:2px solid #D1D1D1;
  margin-bottom:35px;
}

.schedule table th{
  padding:20px 0px;
  vertical-align:top;
}

.schedule table th.year{
  width:92px;
  color:#52A544;
  font-size:116%;
  border-top:2px solid #006674;
  margin-top:2px;
  padding-left:3px;
}

.schedule table th.month{
  background:#F9F9F9;
  width:85px;
  border-bottom:1px solid #DDDDDD;
  padding-right:20px;
  text-align:right;
}

.schedule table td{
  padding:19px 0px 19px 20px;
  border-bottom:1px solid #DDDDDD;
  line-height:140%;
}


.schedule .photolist02{
  overflow:hidden;
  margin-left:-20px;
}

.schedule .photolist02 li{
  width:235px;
  text-align:center;
  float:left;
  display:inline;
  margin-left:20px;
}

.schedule .photolist02 li img{
  margin-bottom:4px;
}


.adbtn{
  text-align:center;
}

.adbtn a{
  background:#1D6C7A url(../common/arw02.gif) no-repeat 94% 50%;
  color:#fff;
  text-align:center;
  font-size:138.5%;
  padding:13px 120px 12px 120px;
  border-radius:5px;
  text-decoration:none;
}

/* contact */
  
.contact{
  overflow:hidden;
  background:#F7F7F7;
  padding:15px;
  margin-top:60px;
}

.contact h2{
  float:left;
}

.contact ul{
  overflow:hidden;
  padding-top:15px;
  padding-left:30px;
}

.contact ul li{
  float:left;
  display:inline;
  margin-left:30px;
}


.pdf-list{
  display: flex;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 70px;
}
.pdf-list li{
  margin-left: 12px;
}
.pdf-list li:first-child{
  margin-left: 0;
}
.pdf-list li a{
  width: 140px;
  display: block;
  padding: 18px 20px 15px;
  padding-left: 35px;
  padding-right: 30px;
  text-align: center;
  position: relative;
  border: 1px solid #c1c1c1;
  font-size: 15px;
  text-decoration: none;
  transition: .3s;
}
.pdf-list li a::before{
  position: absolute;
  content: "";
  width: 25px;
  height: 28px;
  background-image: url(../img/icon_pdf.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  left: 15px;
  top: 12px;
}
.pdf-list li a:hover{
  border-color: #1d6c79;
  background-color: #f3f8fa;
}