@charset "utf-8";
.greeting .bg {height:330px; padding:0 var(--space-70); display:flex; flex-direction:column; justify-content:center; background:url('../images/sub/greetingbg.jpg') no-repeat 50% 50% / cover; color:#fff;}
.greeting .bg .txt {font-size:var(--font-size-34); font-weight:700; letter-spacing:-.02em; line-height:1.2em;}
.greeting .bg p {margin-top:var(--space-40); font-size:var(--font-size-22); line-height:1.64em; letter-spacing:-.02em; font-weight:500;}
.greeting .bg p strong {font-weight:700;}
.greeting .cnt {margin-top:var(--space-30);}

.president {margin:0 -15px; display:flex; flex-wrap:wrap; text-align:center;}
.president li {padding:0 15px; margin-bottom:var(--space-35); width:20%;}
.president .cnt {margin-top:var(--space-15);}
.president .value {min-width:80px; line-height:26px; padding:0 var(--space-15); font-size:var(--font-size-14); border-radius:20px; display:inline-block; color:#fff; background-color:var(--color-primary); letter-spacing:-.03em;}
.president .name {margin:var(--space-10) 0; font-size:var(--font-size-25); font-weight:700; color:#242424; letter-spacing:-.02em; line-height:1.1em;}
.president .name span {font-size:var(--font-size-14); font-weight:300; color:#686868;}
.president .year {line-height:1.69em;}
.president .uni {margin-top:4px; font-weight:700; color:#242424; letter-spacing:-.02em; line-height:1.2em;}
.president .info {margin-top:12px;}
.president .info i {width:24px; height:24px; margin:-2px 10px 0 0; vertical-align:middle; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}
.president .info i.tel {background-image:url('../images/sub/info-tel.png');}
.president .info i.phone {background-image:url('../images/sub/info-phone.png');}
.president .info i.mail {background-image:url('../images/sub/info-mail.png');}

.history-img {margin-bottom:var(--space-35);}
.history .wrap {display:flex;}
.history .wrap:first-child .year,
.history .wrap:first-child .content {border-top:2px solid #242424;}
.history .year {width:300px; border-bottom:1px solid #ddd; margin-right:var(--space-50); display:flex; align-items:center; justify-content:center; font-size:var(--font-size-30); font-weight:700; color:var(--color-primary); text-align:center;}
.history .content {padding:var(--space-30) var(--space-15); flex:1; border-bottom:1px solid #ddd;}
.history .item {margin-bottom:var(--space-35); line-height:1.7em;}
.history .item:last-child {margin-bottom:0;}
.history .item .tit {padding:0 0 var(--space-15) var(--space-20); font-size:var(--font-size-20); font-weight:700; letter-spacing:-.02em; color:#242424; position:relative;}
.history .item .tit:before {top:9px; width:6px; height:6px; position:absolute; content:''; left:0; border-radius:100%; background-color:var(--color-secondary); letter-spacing:-.02em; line-height:1.3em;}
.history .item dl {display:flex; padding-left:var(--space-20);}
.history .item dl dt {font-weight:700; color:#242424;}
.history .item dl dd {flex:1;}
.history .item p {padding-left:var(--space-20);}
.history .item.none .tit {color:#686868;}
.history .item.none .tit:before {display:none;}
.history .item.none dl dt {color:#454545; font-weight:400;}

.branch {margin-top:var(--space-150);}
.branch table {border-top:2px solid #242424; border-collapse:collapse; width:100%; text-align:center;}
.branch table th {color:#242424; background-color:#f4f4f4;}
.branch table th, .branch table td {height:var(--space-60); padding:5px 7px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.branch table th:last-child, .branch table td:last-child {border-right:0;}

.rule .tit {font-size:var(--font-size-30); margin-bottom:var(--space-30); text-align:center; color:#242424; letter-spacing:-.02em; line-height:1.3em;}
.rule .content {line-height:1.7em; margin-bottom:var(--space-70);}
.rule .content:last-child {margin-bottom:0;}
.rule .content strong {color:#242424;}
.rule .content.right {text-align:right;}
.rule .indent {padding-left:8px;}

.fixed-view {display:flex; align-items:center; justify-content:center; position:fixed; top:0; left:0; right:0; bottom:0; overflow:hidden; background-color:rgba(0,0,0,.7); z-index:1000;}
.fixed-view .inner {width:700px; height:400px; border-radius:30px; flex-direction:column; justify-content:center; display:flex; position:relative; background-color:#fff; text-align:center;}
.fixed-view .inner:after {position:absolute; content:''; border-radius:20px; top:20px; right:20px; bottom:20px; left:20px; border:2px solid var(--color-secondary);}
.fixed-view .logo {margin-bottom:15px;}
.fixed-view ol li {line-height:1.7em;}
.fixed-view .close {top:33px; right:33px; z-index:100; position:absolute;}

.fancybox-wrap.pop_find {background-color:#fff; border-radius:30px;}
.fancybox-wrap.pop_find .fancybox-skin {border-radius:30px !important; background-color:#fff; box-shadow:none !important;}
.pop-view {padding:var(--space-70) var(--space-100) !important;}
.pop-view .buttons {margin:0;}
.pop-view .board-list .input {width:100%;}
.pop-view .board-list td {height:var(--space-80);}
.popview-bottom .wrap {margin:var(--space-15) 0 var(--space-50); display:flex; gap:var(--space-30); justify-content:center;}

.fancybox-wrap.pop_find {height:900px;}
.fancybox-wrap.pop_find .fancybox-outer {height:900px; overflow: scroll;}
.fancybox-wrap.pop_find .fancybox-inner {height:900px;}

.pop-img {display: inline-block;}
.pop-img i {width:14px; height:14px; margin:-4px 0 0 7px; vertical-align: middle; background:url('../images/sub/pop-btn.png') no-repeat 50% 50% / contain; display: inline-block;}