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


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


    INDEX PAGE
	

---------------------------------------------------*/
#wrapper  > .background-image{
	display:none;
}

/* メインビジュアル
=========================================*/
/* Opening
-----------------------------------------*/
.Opening {
position:relative;
background-color: #FFF;
height:600px !important;
}
.Opening ul li{
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
  height:600px !important;
}
img.Opening__text{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
  width:474px;
  height:auto;
  -webkit-filter: drop-shadow(1px 1px 3px rgba(0,0,0,1));
     filter: drop-shadow(1px 1px 3px #000000);
}
img.Opening__text img{
  width: 100%;
  height: auto;
}
.Opening ul li span {
	height:600px !important;
}
img.Opening__img{
  width: 100% !important;
  height: auto !important;
  margin-left:0 !important;
}

#main{
	width:100%;
	height:600px;
	position:relative;
	overflow:hidden;
}


@media screen and (max-width: 1024px) {
.Opening {
	width:100%;
	height:200px !important;
}

.Opening ul li{
  width: 100%;
  height:200px !important;
}

img.Opening__text{
	top:50%;
	width:80%;
}

.Opening ul li span {
	width:100%;
	height:200px !important;
}

img.Opening__img{
  width: 100% !important;
  height: auto !important;
  margin-left:0 !important;
}

#main{
	width:100%;
	height:200px;
	margin-top:90px;
}
}






/*タイトル*/
.contents-title{
	width:920px;
	margin:0 auto;
	margin-bottom:50px;
	position:relative;
}

.contents-title > h2{
	font-size:30px;
	font-weight:bold;
	line-height:1.4;
}

.contents-title > h2 span{
	display:block;
	font-size:16px;
	color:#008C31;
	font-weight:normal;
}

.contents-title > p{
	display:block;
	font-size:14px;
	position:absolute;
	top:10px;
	left:450px;
}

@media screen and (max-width: 1024px) {
.contents-title{
	width:95%;
	margin-bottom:10px;
}

.contents-title > h2{
	font-size:20px;
}

.contents-title > h2 span{
	font-size:12px;
	margin-bottom:10px;
}

.contents-title hr{
	width: 90px;
	margin-bottom:10px;
}

.contents-title > p{
	position:static;
}
}



/*コンテンツ背景ライン*/
.town-area,
.walk-area,
.mail-area{
	background:url(../images/index/contents_line.png) no-repeat 0 0 #F2F2F0;
}

.new-area,
.alumni-area,
.link-area{
	background:url(../images/index/contents_line.png) no-repeat 0 0 #FFFFFF;
}

@media screen and (max-width: 1024px) {
.town-area,
.walk-area,
.mail-area{
	background:url(../images/index/contents_line.png) repeat-x 0 0 #F2F2F0;
}

.new-area,
.alumni-area,
.link-area{
	background:url(../images/index/contents_line.png) repeat-x 0 0 #FFFFFF;
}
}



/* 南山タウン
-----------------------------------------------*/
.town-area{
	width:100%;
	height:auto;
	padding:50px 0;
	z-index:0;
}

.town-btn{
	width:920px;
	margin:0 auto;
	margin-bottom:30px;
}

.town-btn div{
	display:block;
	width:300px;
	height:180px;
	float:left;
	position:relative;
}

.town-btn div+div{
	margin-left:10px;
}

.town-btn div.search01{
	background:url(../images/index/town_icon01.png) no-repeat center 25px #FFFFFF;
}

.town-btn div.search02{
	background:url(../images/index/town_icon02.png) no-repeat center 25px #FFFFFF;
}

.town-btn div.search03{
	background:url(../images/index/town_icon03.png) no-repeat center 25px #FFFFFF;
}

.town-btn div h3{
	text-align:center;
	font-size:18px;
	color:#008C31;
	font-weight:bold;
	padding-top:110px;
}

.town-btn div span{
	display:block;
	width:43px;
	height:43px;
	background-color:#EEEEEE;
	position:absolute;
	bottom:1px;
	right:1px;
}

.town-btn div span img{
	display:block;
	margin:0 auto;
	margin-top:18px;
}

.town-btn div.search01:hover{
	background:url(../images/index/town_icon01_wh.png) no-repeat center 25px #008C31;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.town-btn div.search02:hover{
	background:url(../images/index/town_icon02_wh.png) no-repeat center 25px #008C31;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.town-btn div.search03:hover{
	background:url(../images/index/town_icon03_wh.png) no-repeat center 25px #008C31;
	-webkit-transition: all .3s;
	transition: all .3s;
}

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

.town-btn a:hover,
.town-btn a:hover > h3{
	text-decoration:none;
	color:#FFFFFF;
}

.town-btn:after{
	content: "";
    clear: both;
	display: block;
}


@media screen and (max-width: 1024px) {
.town-area{
	width:100%;
	padding:10px 0;
}

.town-btn{
	width:95%;
	margin-bottom:15px;
}

.town-btn div{
	width:100%;
	height:80px;
	float:none;
}

.town-btn div+div{
	margin-left:0px;
	margin-top:5px;
}

.town-btn div.search01{
	background:url(../images/index/town_icon01.png) no-repeat 20% center #FFFFFF;
	background-size:15%;
}

.town-btn div.search02{
	background:url(../images/index/town_icon02.png) no-repeat 20% center #FFFFFF;
	background-size:15%;
}

.town-btn div.search03{
	background:url(../images/index/town_icon03.png) no-repeat 20% center #FFFFFF;
	background-size:15%;
}

.town-btn div h3{
	font-size:14px;
	padding-top:0px;
	line-height:80px;
}

.town-btn div span{
	width:50px;
	height:78px;
	top:1px;
	right:1px;
}

.town-btn div span img{
	margin-top:35px;
}
}


/*最新記事タブ*/
.new-col{
	width:920px;
	margin:0 auto;
	border-bottom:2px #FF0000 solid;
	margin-bottom:15px;
}

.new-col > h3{
	font-size:18px;
	display:block;
	width:6em;
	text-align:center;
	background-color:#FF0000;
	color:#FFFFFF;
	padding:0.25em 0;
}

@media screen and (max-width: 1024px) {
.new-col{
	width:95%;
	margin-bottom:10px;
}

.new-col > h3{
	font-size:14px;
}
}






/* 新着情報
-----------------------------------------------*/
.new-area{
	width:100%;
	height:auto;
	padding:50px 0;
	z-index:0;
}

.new-cont{
	width:920px;
	margin:0 auto;
	margin-bottom:30px;
}

.new-cont ul li{
	width:100%;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px #EEEEEE solid;
	background:url(../images/index/arrow_r_green.png) no-repeat 98% center;
}

.new-cont li .thum{
	display:block;
	width:78px;
	height:78px;
	float:left;
	overflow:hidden;
	position:relative;
	background:url(../images/common/noimage.svg) no-repeat center center;
	background-size:contain;
	margin-left:10px;
	border:1px #CCCCCC solid;
}

.new-cont ul li .thum img{
	display:block;
	width:auto;
	height:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	margin: auto;
}

.new-cont dl{
	display:table;
	margin-left:100px;
}

.new-cont ul li.nothum dl{
	margin-left:10px;
}

.new-cont dl dt{
	color:#008C31;
}

.new-cont dl dt,
.new-cont dl dd{
	line-height:1.6;
}

.new-cont dl dd{
	font-size:14px;
	padding-right:30px;
}

.new-cont ul li a{
	position:absolute;
    top:0px;
    left:0;
    width:100%;
    height:100%;
	cursor:pointer;
}

.new-cont ul li a:hover{
	background-color:rgba(0,140,49,0.2);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.new-cont ul li:after{
	content: "";
    clear: both;
	display: block;
}


@media screen and (max-width: 1024px) {
.new-area{
	width:100%;
	padding:10px 0;
}

.new-cont{
	width:95%;
	margin-bottom:0px;
}
.new-cont{
	margin-bottom:20px;
}

.new-cont ul li{
	min-height:70px;
	background:url(../images/index/arrow_r_green.png) no-repeat 98% center;
}

.new-cont ul li .thum{
	margin-left:0;
	margin-top:0;
}

.new-cont ul li .thum img{
	width:auto;
	height:100%;
}

.new-cont dl{
	margin-left:90px;
	height:auto;
}

.new-cont ul li.nothum dl{
	margin-left:0px;
}

.new-cont dl dt{
	padding-top:0;
	font-size:12px;
}

.new-cont dl dd{
	padding-right:10%;
}

.new-cont ul li a{
    top:0px;
    width:100%;
    height:100%;
	cursor:pointer;
}
}




/* タウンぶらぶら歩き＆メルマガコラム
-----------------------------------------------*/
.walk-area,
.mail-area{
	width:100%;
	height:auto;
	padding:50px 0;
}

/*更新情報*/
.walk-area .news-cont,
.mail-area .news-cont{
	width:920px;
	height:auto;
	margin:0 auto;
	position:relative;
	margin-bottom:50px;
}

.walk-area .news-cont ul li,
.mail-area .news-cont ul li{
	width:100%;
	position:relative;
}

.walk-area .news-cont ul li .thum{
	display:block;
	width:298px;
	height:223px;
	float:left;
	overflow:hidden;
	position:relative;
	background:url(../images/common/noimage.svg) no-repeat center center #FFFFFF;
	background-size:contain;
	border:1px #CCCCCC solid;
}

.walk-area .news-cont ul li .thum img{
	display:block;
	width:auto;
	height:225px;
}

.walk-area .news-cont dl{
	display:block;
	margin-left:320px;
	height:225px;
}

.mail-area .news-cont dl{
	display:block;
	height:225px;
}

.walk-area .news-cont dl dt,
.mail-area .news-cont dl dt{
	color:#666666;
}

.walk-area .news-cont dl dt,
.walk-area .news-cont dl dd,
.mail-area .news-cont dl dt,
.mail-area .news-cont dl dd{
	line-height:1.6;
}

.walk-area .news-cont dl dd,
.mail-area .news-cont dl dd{
	font-size:16px;
	padding-right:30px;
}

.walk-area .news-cont dl dd > h4,
.mail-area .news-cont dl dd > h4{
	font-size:20px;
	margin-bottom:15px;
}

.walk-area .news-cont dl dd p,
.mail-area .news-cont dl dd p{
	font-size:14px;
	margin-bottom:15px;
}

.walk-area .news-cont ul li a,
.mail-area .news-cont ul li a{
	display:block;
    width:300px;
    height:40px;
	text-align:center;
	line-height:40px;
	border:1px #CCCCCC solid;
	background:url(../images/index/arrow_r_green.png) no-repeat 95% center #FFFFFF;
	z-index:100;
	text-decoration:none;
	font-size:14px;
}

.walk-area .news-cont ul li a:hover,
.mail-area .news-cont ul li a:hover{
	color:#FFFFFF;
	background-color:#008C31;
	border:1px #008C31 solid;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.walk-area .news-cont ul li:after,
.mail-area .news-cont ul li:after{
	content: "";
    clear: both;
	display: block;
}

@media screen and (max-width: 1024px) {
.walk-area,
.mail-area{
	width:100%;
	margin:0 auto;
	padding:20px 0;
}

/*更新情報*/
.walk-area .news-cont,
.mail-area .news-cont{
	width:95%;
	margin:0 auto;
	margin-bottom:20px;
}

.walk-area .news-cont ul li,
.mail-area .news-cont ul li{
	width:100%;
	position:relative;
}

.walk-area .news-cont ul li .thum{
	width:100%;
	height:150px;
	float:none;
	margin-bottom:10px;
}

.walk-area .news-cont ul li .thum img{
	/*height:150px;*/
	width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
}

.walk-area .news-cont dl{
	margin-left:0px;
	height:auto;
}

.mail-area .news-cont dl{
	height:auto;
}

.walk-area .news-cont dl dd,
.mail-area .news-cont dl dd{
	font-size:14px;
	padding-right:0px;
}

.walk-area .news-cont dl dd > h4,
.mail-area .news-cont dl dd > h4{
	font-size:16px;
	margin-bottom:10px;
}

.walk-area .news-cont dl dd p,
.mail-area .news-cont dl dd p{
}

.walk-area .news-cont ul li a,
.mail-area .news-cont ul li a{
    width:100%;
	font-size:12px;
}

.walk-area .btnA,
.mail-area .btnA{
	width:95%;
}
}






/* 同窓生ニュース
-----------------------------------------------*/
.alumni-area{
	width:100%;
	height:auto;
	position:relative;
	padding:70px 0;
}

.alumni-inner{
	width:920px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:50px;
}

.alumni-box{
	width:100%;
	margin-bottom:30px;
}

.alumni-cont{
	width:100%;
}

.alumni-cont > h2{
	text-align:center;
	color:#FFFFFF;
	font-size:20px;
	margin-bottom:20px;
	position:relative;
	background-color:#008C31;
	height:40px;
	line-height:40px;
}

.alumni-cont h2 img{
	position:absolute;
	left:50%;
	top:40px;
}

.alumni-cont.info{
	width:49%;
	float:left;
}

.alumni-cont.report{
	width:49%;
	float:right;
}

.alumni-cont.now{
	width:49%;
	float:left;
}

.alumni-cont ul li{
	width:100%;
	position:relative;
	padding-bottom:10px;
	border-bottom:1px #DDDDDD solid;
	margin-bottom:10px;
	background:url(../images/index/arrow_r_green.png) no-repeat 97% center;
}

.alumni-cont.report ul li .thum,
.alumni-cont.now ul li .thum{
	display:block;
	width:78px;
	height:78px;
	float:left;
	overflow:hidden;
	position:relative;
	background:url(../images/common/noimage.svg) no-repeat center center;
	background-size:contain;
	margin-left:10px;
	margin-top:10px;
	border:1px #CCCCCC solid;
}

.alumni-cont.report ul li .thum img,
.alumni-cont.now ul li .thum img{
	display:block;
	width:auto;
	height:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	margin: auto;
}

.alumni-cont dl{
	display:block;
}

.alumni-cont.info dl{
	padding-left:2%;
}

.alumni-cont.report dl,
.alumni-cont.now dl{
	margin-left:100px;
	min-height:80px;
}

.alumni-cont dl dt{
	color:#000000;
}

.alumni-cont.report dl dt{
	padding-top:1em;
}

.alumni-cont.now dl dt{
	padding-top:0.5em;
}

.alumni-cont dl dt,
.alumni-cont dl dd{
	line-height:1.6;
}

.alumni-cont dl dd{
	/*font-size:16px;*/
	padding-right:30px;
}

.alumni-cont dl dd span{
	display:block;
	font-size:12px;
}

.alumni-cont ul li a{
	width:100%;
	height:100%;
	position:absolute;
	top:-10px;
	left:0;
	cursor:pointer;
}

.alumni-cont.info ul li a{
    height:68px;
}

.alumni-cont.report ul li a,
.alumni-cont.now ul li a{
    height:100px;
}

.alumni-cont ul li a:hover{
	background-color:rgba(0,140,49,0.2);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.alumni-btn{
	width:100%;
}

.alumni-btn a{
	width:49%;
	float:left;
}

.alumni-btn a + a{
	margin-left:2%;
}

.alumni-box:after,
.alumni-cont ul li:after,
.alumni-btn:after{
	content: "";
    clear: both;
	display: block;
}

/*訃報ボタン*/
.alumni-area a.fuho{
	width:920px;
	height:70px;
	border:1px #008C31 solid;
	color:#008C31;
	font-size:18px;
	line-height:70px;
}

.alumni-area a.fuho:hover{
	color:#FFFFFF;
}


@media screen and (max-width: 1024px) {
.alumni-area{
	padding:30px 0;
}

.alumni-inner{
	width:95%;
	margin-top:20px;
}

.alumni-box{
	margin-bottom:20px;
}

.alumni-cont{
	width:100%;
}

.alumni-cont > h2{
	font-size:16px;
}

.alumni-cont h2 img{
	position:absolute;
	left:50%;
	top:35px;
}

.alumni-cont.info,
.alumni-cont.report,
.alumni-cont.now{
	width:100%;
	float:none;
	margin-bottom:30px;
}

.alumni-cont ul li{
	width:100%;
	position:relative;
	padding-bottom:10px;
	border-bottom:1px #DDDDDD solid;
	margin-bottom:10px;
	background:url(../images/common/arrow_r.png) no-repeat 97% center;
}

.alumni-cont.report ul li .thum,
.alumni-cont.now ul li .thum{
	width:48px;
	height:48px;
	margin-left:0;
	margin-top:0;
}

.alumni-cont.info dl{
	padding-left:0;
}

.alumni-cont.report dl,
.alumni-cont.now dl{
	margin-left:60px;
	height:auto;
	min-height:50px;
}

.alumni-cont.report dl dt{
	padding-top:0;
}

.alumni-cont.now dl dt{
	padding-top:0;
}

.alumni-cont dl dt,
.alumni-cont dl dd{
	line-height:1.4;
}

.alumni-cont dl dd{
	font-size:14px;
	padding-right:20px;
}

.alumni-cont ul li a{
	top:0px;
}

.alumni-cont.info ul li a{
    height:100%;
}

.alumni-cont.report ul li a,
.alumni-cont.now ul li a{
     height:100%;
}

.alumni-btn a{
	width:100%;
	float:none;
	background:none;
	background-color:#FFFFFF;
}

.alumni-btn a + a{
	margin-left:0;
	margin-top:10px;
}

/*訃報ボタン*/
.alumni-area a.fuho{
	width:95%;
	font-size:16px;
}
}


/* リンク
-----------------------------------------------*/
.link-area{
	width:100%;
	position:relative;
	padding:70px 0;
}

.link-area ul{
	display:block;
	width:920px;
	margin:0 auto;
}

.link-area ul li{
	display:block;
	width:298px;
	height:58px;
	float:left;
	border:1px #008C31 solid;
	background:url(../images/common/newwin_icon.svg) no-repeat 95% center #FFFFFF;
	background-size:20px auto;
}

.link-area ul li:nth-child(1),
.link-area ul li:nth-child(2),
.link-area ul li:nth-child(4){
	margin-right:10px;
}

.link-area ul li:nth-child(1),
.link-area ul li:nth-child(2){
	margin-bottom:10px;
}

.link-area ul li a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:60px;
	color:#008C31;
	text-decoration:none;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.link-area ul li a:hover{
	color:#FFFFFF;
	background-color:#008C31;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.link-area:after{
	content: "";
    clear: both;
	display: block;
}


@media screen and (max-width: 1024px) {
.link-area{
	width:100%;
	padding:20px 0;
}

.link-area ul{
	width:95%;
}

.link-area ul li{
	width:100%;
	height:50px;
	float:none;
	margin-bottom:5px;
}

.link-area ul li:nth-child(1),
.link-area ul li:nth-child(2),
.link-area ul li:nth-child(4){
	margin-right:0;
}

.link-area ul li:nth-child(1),
.link-area ul li:nth-child(2){
	margin-bottom:5px;
}

.link-area ul li a{
	line-height:50px;
}
}