@charset "utf-8";
@import url("/include/css/common/default.css");
@import url("/include/css/common/common.css");
@import url("/include/css/common/button.css");
@import url("/include/css/common/board.css");
@import url("layout.css");
@import url("/include/css/common/contents.css");

.htitle {background-image:url(/include/image/intro/common/bul_htitle.png)}
.stitle,.arrow-list > li,.arrow {background-image:url(/include/image/intro/common/bul_stitle.png)}
.dot-list > li,.dot {background-image:url(/include/image/intro/common/bul_dot.png)}

.menuShortcut {overflow:hidden;position:relative;padding:20px;text-align:center;background-color:#f8f8f8}
.menuShortcut a {display:inline-block;min-width:130px;margin:0 1px;padding:12px;color:#000;border:1px solid #bdbdbd;border-radius:7px;background-color:#fff}

.greeting .img {position:relative;margin-bottom:40px;padding:68px 45px;background:url(/include/image/intro/contents/img_greeting.jpg) 100% 0 no-repeat}
.greeting .img img {margin:40px 0}
.greeting strong {display:block;font-weight:normal;font-size:1.400em}
.greeting p {margin-top:30px;font-size:1.067em;line-height:1.8}
.greeting .sign {font-size:1.267em;text-align:right}

.libraryCharter .title {margin-bottom:30px;font-size:2.333em;line-height:1.333;color:#fff;text-align:center}
.libraryCharter .title span {padding:0 10px}
.charter-list > li {display:table}
.charter-list > li + li {margin-top:10px}
.charter-list .cell {display:table-cell;position:relative;height:50px;padding-left:60px;vertical-align:middle}
.charter-list .circle {position:absolute;top:0;left:0;overflow:hidden;display:block;width:50px;height:50px;line-height:50px;color:#fff;text-align:center;font-size:1.133em;border-radius:50%}

.lib-list > li {position:relative;padding:20px;border:1px solid #e4e4e4}
.lib-list > li + li {margin-top:20px}
.lib-list .titGroup {position:absolute;top:20px;left:20px;width:220px}
.lib-list .titGroup h4 {font-weight:normal;font-size:1.533em;line-height:1.304;color:#333;letter-spacing:-1px}
.lib-list .btnArea {margin-top:20px}
.lib-list .info {min-height:80px;margin-left:220px;padding-left:20px;border-left:1px solid #e4e4e4}

#sitemap > li:nth-last-child(4) {display:none}

@media screen and (max-width:800px){
	.greeting .img {min-height:auto;padding:40px 30px;background-size:cover}
	.greeting .img img {max-width:70%;margin:30px 0}
}
@media screen and (max-width:640px){
	.menuShortcut a {min-width:auto}

	.lib-list .titGroup {position:inherit;top:inherit;left:inherit;width:auto}
	.lib-list .btnArea {margin-top:10px}
	.lib-list .info {min-height:auto;margin:10px 0 0;padding:0;border:none}
}
@media screen and (max-width:480px){
	.greeting .img {padding:40px 20px;background-position:0 0}
	.greeting .img img {max-width:90%;margin:0}
}