@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); background-repeat:no-repeat}*/
.stitle,.arrow-list > li,.arrow {background-image:url(/include/image/common/bul_stitle.png);background-repeat:no-repeat}
.dot-list > li,.dot {background-image:url(/include/image/common/bul_dot.png);background-repeat:no-repeat;background-position:12px 10px;}

#header {border-bottom: 1px solid #e7e7e7;}

.searchBoxWrap {z-index:888;max-width:500px;height:45px;margin:0 0 0 360px;padding:30px 0;}
.searchBox {position:relative;padding:0 100px 0 0px;margin-left:0;border:1px solid #000;background-color:transparent}
.searchBox .btnSearch {color:#fff; background:#333;}
.searchBox .keywordInput input {color:#000;}
.keywordPop {color:#333; top:40px}

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

.greeting {font-size:1.250em}
.greeting strong {display:block;margin-bottom:30px;font-size:1.300em;letter-spacing:-0.05em}
.greeting .slogan {margin-bottom:40px;padding:50px;text-align:center;background:url(/include/image/intro/contents/bg_greeting.jpg) 0 0 no-repeat;background-size:cover}
.greeting .sign {margin-top:40px;font-size:1.100em;color:#333;text-align:right}

.historyList > li {position:relative;margin-top:40px;padding-top:45px;background:url(/include/image/common/bg_diagonal_line.png) 0 0 repeat-x}
.historyList > li:first-child {margin-top:0;padding-top:0;background:none}
.historyList > li:first-child .year {top:0}
.historyList .year {margin-bottom:20px;font-size:1.438em;line-height:1}
.historyList .list {position:relative}
.historyList .list::before {content:"";display:block;position:absolute;top:10px;left:6px;bottom:10px;border-left:1px solid #70b3e0}
.historyList .list > li {position:relative;padding-left:140px;font-size:1.063em;background:url(/include/image/intro/contents/bul_history.png) 0 8px no-repeat}
.historyList .list > li + li {margin-top:15px}
.historyList .list > li:last-child {background-color:#fff}
.historyList .list > li + li:last-child::before {content:"";display:block;position:absolute;top:0;left:6px;height:10px;border-left:1px solid #70b3e0}
.historyList .list strong {display:block;position:absolute;top:0;left:27px}

.libraryInfoList > li {padding:20px;color:#333;border:1px solid #d8d8d8;border-radius:10px}
.libraryInfoList > li + li {margin-top:20px}
.libraryInfoList .top {overflow:hidden;margin-bottom:15px;padding-bottom:25px;background:url(/include/image/common/bg_diagonal_line.png) 0 100% repeat-x}
.libraryInfoList .top .name {display:inline-block;float:left;margin-right:12px;font-weight:300;font-size:1.250em;line-height:1;color:#333}
.libraryInfoList .top a:hover,.libraryInfoList .top a:focus {color:#70b3e0}
.libraryInfoList .top span {display:inline-block;float:left;margin-right:12px;font-size:1.063em;line-height:1.176;vertical-align:middle}
.libraryInfoList .top span::before,.libraryInfoList .info span + span::before {content:"";display:inline-block;margin-right:12px;height:10px;vertical-align:middle;border-left:1px solid #ccc}
.libraryInfoList .info > li + li {margin-top:3px}
.libraryInfoList .info > li::after {content:"";display:block;clear:both}
.libraryInfoList .info span {display:inline-block;float:left;margin-right:12px;vertical-align:middle}

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

.charterPreface {position:relative;margin-bottom:30px;padding:20px 25px;border:1px solid #e2e2e2;border-radius:10px}
.charterPreface dt {min-height:100px;padding-top:5px;padding-left:115px;font-size:1.125em;color:#333;background:url(/include/image/common/ico_summary_customer.png) 0 0 no-repeat}
.charterPreface dd {margin-top:20px;padding-top:30px;font-size:1.063em;background:url(/include/image/common/bg_diagonal_line.png) 0 0 repeat-x}
.charterPreface dd p {margin:20px 0 0 10px;color:#233d92}
.charterList {border-top:1px solid #d2d2d2}
.charterList > li {overflow:hidden;position:relative;padding:20px 0;border-bottom:1px solid #d2d2d2}
.charterList > li .childList > li {overflow:hidden;position:relative;margin-bottom:25px;padding:0 0 20px 20px;border-bottom:1px solid #d2d2d2}
.charterList > li .childList > li:last-child {margin:0;padding-bottom:0;border:0}
.charterList .stitle {clear:both;margin-bottom:20px}
.charterList .stitle ~ .title {margin-left:20px}
.charterList .title {float:left;line-height:1.4;color:#333}
.charterList .title h6.tit {font-weight:normal;font-size:1.063em}
.charterList .title span {font-weight:normal;font-size:0.941em}
.charterList .title img {display:block;margin-top:10px}
.charterList .title + ul {float:right;width:calc(100% - 200px)}

@media screen and (max-width:1024px){
	#logo {position:inherit;top:inherit;left:inherit;width:40%;height:50px;padding:5px 0;text-align:center;margin:0 auto; box-sizing:border-box;}
	#logo a {display:block;height:40px;vertical-align:middle;line-height:40px;box-sizing:border-box;}
	#logo img {vertical-align: middle;}

	.searchBoxWrap {display:none;position:fixed;top:0;left:0;right:0;width:auto;margin:0;padding:30px 15px;background-color:#fff}
}
@media screen and (max-width:800px){
	.libraryInfoList .top {padding-bottom:12px}
	.libraryInfoList .top .name {float:none;margin-bottom:10px}
	.libraryInfoList .top span {float:none;vertical-align:top}

	.charterList .title {float:none}
	.charterList .title img {display:none}
	.charterList .title + ul {float:none;width:auto}
}
@media screen and (max-width:640px){
	.historyList .list > li {background-position-y:6px}
}
@media screen and (max-width:480px){
	.historyList .list > li {padding-left:27px;background-position-y:5px}
	.historyList .list strong {position:relative;top:auto;left:auto;margin-bottom:5px;font-size:1.077em}
	.historyList .list p {padding-left:10px;line-height:1.4}
	.historyList .list p::before {content:"- ";display:inline-block;width:10px;margin-left:-10px}
}
@media screen and (max-width:375px){
	.libraryInfoList .top span {display:block}
}
@media screen and (min-width:1025px){
	.historyList .year {position:absolute;top:45px;left:0}
	.historyList .list {margin-left:190px}
	#logo img {max-width:none; max-height:none}
}