#univ {
    display: table;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    table-layout: fixed;
}
#univ .wrap {
    display: table-cell;
    padding: 0;
    margin: 0;
    height: 50%;
    vertical-align: middle;
}
#univ .wrap.photo {
	background: url(https://www.hankyu-hotel.com/-/media/hotel/remm/kyobashi/img/image_universalroom.jpg) no-repeat center center;
	background-size: cover;
}

#univ .wrap.text {
	padding: 40px;
	background-color: #222;
    color: #fff;
}
#univ .wrap.text .collabo_logo{
	text-align: center;
}

#univ .wrap.text h3{
	font-size: 26px;
    margin: 20px 0;
    line-height: 1.7;
    font-weight: normal;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Arial, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#univ .wrap.text h3 span{
    padding: 0 3px;
    display: inline-block;
    border-top: none;
    font-size: 16px;
}
#univ .wrap.text .target{
	margin: 20px 0;
    font-size: 17px;
    border: 1px dotted #999;
    text-align: center;
    padding: 5px 10px;
	line-height:160%;
}
#univ .wrap.text .overview{
	margin: 20px 0;
	font-size: 14px;
	line-height:160%;
}
#univ .wrap.text .note{
	font-size: 12px;
	line-height:160%;
}
#univ a.btn,
#univ a.btn::before{
	color:#FFF;
	border-color:#FFF;
}

@media (max-width: 960px) {
	#univ .wrap.text h3{
	    border-bottom: none;
	}
	#univ .wrap.text .logo_toppan,
	#univ .wrap.text .logo_remm {
    	display: block;
    }
    #univ .wrap.text .logo_toppan p,
	#toppan .wrap.text .logo_remm p{
    	font-size: 12px;
    }
    #univ .wrap.text .logo_remm {
        padding: 60px 0 0 0;
    }
    #univ .wrap.text .logo_remm:after{
	    bottom: auto;
	    top: 16px;
	    left: 0;
	    right: 0;
	    margin: auto;
	}
	#univ .wrap.text .logo_remm:before{
	    bottom: auto;
	    top: 30px;
	    left: 0;
	    right: 0;
	    margin: auto;
	}
	#univ .wrap.text h3 {
    	font-size: 24px;
    }
}

@media (max-width: 460px) {
	#univ {
	    display: block;
	}
	#univ .wrap {
	    display: block;
	    width: 100%;
	}
	#univ .wrap.photo {
		height: 240px;
	}
	#univ .wrap.text {
    	padding: 20px;
    }
    #univ .wrap.text .logo_toppan img {
    	height: 24px;
    }
    #univ .wrap.text .logo_remm img {
	    height: 14px;
	    margin: 10px 0 0;
	}
	#univ .wrap.text h3 {
	    font-size: 24px;
	    padding: 0;
	}
	#univ .wrap.text h3 br{
		display: none;
	}
}