/*------------------------------------------------------ page-title ------------------------------------------------------*/ #page-title { background: url(/about/images/st_pagetitle.jpg) no-repeat center center; background-size: cover;} @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 480px) { #index #page-title { background: url(/about/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; } } /*------------------------------------------------------ [index] ------------------------------------------------------*/ #index .attention .l_col-index-small section {} #index .l_col-index .linklist a { color: #3096B7; text-decoration: underline; } #index #main-visual .l_col-link .btn-b.long a { white-space: nowrap; } @media (min-width: 768px) { #index #basic-info .l_col-index-small section { width: calc(100% / 3 - 27px); margin-right: 0;} #index #basic-info .l_col-index-small section:not(:nth-child(3n+3)) { margin-right: 40px;} #index #attempt .attention { padding-top: 100px;} #index .attention .l_col-index-small {} #index .attention .l_col-index-small section { width: calc(100% / 3 - 27px);} #index .attention .l_col-index-small section:nth-child(odd) { margin-right: 0;} #index .attention .l_col-index-small section:not(:nth-child(3n+3)) { margin-right: 40px;} } @media screen and (min-width: 768px) and (max-width: 1000px) { #index #main-visual .l_col-link li { width: calc(50% - 5px);} #index #main-visual .l_col-link .btn-b a { height: 50px;} #index #main-visual .l_col-link .btn-b.long a { font-size: clamp(1rem,1.6vw,1.6rem); line-height: 50px; padding: 0 20px 0 10px;} } @media (max-width: 767px) { /*#index #main-visual .title { font-size: 3.8rem; }*/ /* #index #attempt .attention { padding-top: 50px;} */ #index #basic-info .l_col-index-small section { width: 100%; } /*#index #basic-info .l_col-index-small section:nth-child(n+2) { margin-top: 15px; }*/ #index #basic-info .l_col-index-small section:nth-child(n+3) { margin-top: 0; } #index #environment > .l_col-index.vertical:last-child { padding-bottom: 30px;} #index #attempt > .attention { padding-top: 30px; padding-bottom: 30px;} #index #main-visual .l_col-link .btn-b a { height: 40px;} #index #main-visual .l_col-link .btn-b.long a { font-size: clamp(1rem,3.3vw,1.6rem); padding: 0 20px 0 10px; line-height: 40px;} } /*------------------------------------------------------ [greeting] ------------------------------------------------------*/ #about-greeting {} @media (min-width: 768px) { } @media (max-width: 767px) { #about-greeting .contents .l_col-2-l figure { max-width: 240px; margin-left: auto; margin-right: auto;} #about-greeting .contents .l_col-2-l figure img {} } /*------------------------------------------------------ [history] ------------------------------------------------------*/ #about-history {} #about-history dl { font-size: 1.6rem; display: -webkit-box; display: flex; flex-wrap: wrap; } #about-history dl dt, #about-history dl dd { border-bottom: 1px solid #D7E1E7; } #about-history dl dt { color: #5C2E7E; font-size: 1.8rem; font-weight: bold; letter-spacing: 0; } #about-history dl dd {} #about-history .btn-d { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; } #about-history .btn-d .text { margin-bottom: 0; margin-right: 20px; } #about-history .btn-d a { display: block; width: 260px; } @media (min-width: 768px) { #about-history dl dt, #about-history dl dd { padding: 9px 10px; } #about-history dl dt { width: 200px; } #about-history dl dd { width: calc(100% - 230px); } #about-history .btn-d { margin-bottom: 40px; } } @media (max-width: 767px) { #about-history dl dt, #about-history dl dd { padding: 10px 0; } #about-history dl dt { width: 100%; border-bottom: none; padding-bottom: 0; } #about-history dl dd { width: 100%; padding-top: 0; } #about-history .btn-d { margin-bottom: 20px; } #about-history .btn-d .text p { font-size: 1.4rem; } #about-history .btn-d a { max-width: 200px; width: 100%; } } /*------------------------------------------------------ [philosophy] ------------------------------------------------------*/ #about-philosophy {} @media (min-width: 768px) { } @media (max-width: 767px) { } /*------------------------------------------------------ [organization] ------------------------------------------------------*/ #about-organization .table-wrap { overflow-x: auto; } /* #about-organization .table-a { min-width: 900px; } */ #about-organization .table-a td { text-align: left; padding: 10px; } @media (min-width: 768px) { } @media (max-width: 767px) { #about-organization .table-a td { padding: 5px; } #about-organization .table-a { font-size: 1.2rem; table-layout: auto; } } /*------------------------------------------------------ [professor] ------------------------------------------------------*/ #about-professor .professor-list {} #about-professor .professor-list li { background: #F0F5F8; padding: 15px 20px 35px; position: relative; } #about-professor .professor-list li .head { padding-bottom: 5px; border-bottom: 1px solid #D7E1E7; } #about-professor .professor-list li .body { padding-top: 10px; } #about-professor .professor-list li .title-d { margin-bottom: 0; } #about-professor .professor-list li .title-d span { font-size: 1.4rem; display: block; } #about-professor .professor-list li .title-e { margin-bottom: 5px; } #about-professor .professor-list li .text { margin-bottom: 0; } #about-professor .professor-list li .link-wrap { text-align: right; padding-right: 20px; position: absolute; bottom: 7px; right: 20px; } @media (min-width: 768px) { #about-professor .btn-c { margin-bottom: 40px; } #about-professor .professor-list.l_col-3 > *:nth-child(n+4) { margin-top: 40px; } } @media (max-width: 767px) { #about-professor .professor-list li { margin-bottom: 20px;} #about-professor .btn-c { margin-bottom: 20px; } } /*------------------------------------------------------ [sp_professor] ------------------------------------------------------*/ .sp_professor-list {} .sp_professor-list li { background: #F0F5F8; display: flex; justify-content: space-between; padding: 15px; margin-top: 0 !important; } .sp_professor-list li > div { width: calc((100% - 140px) - 25px); } .sp_professor-list li .head { border-bottom: 1px solid #D7E1E7; margin-bottom: 5px; padding-bottom: 5px; } .sp_professor-list li .title-d { margin-bottom: 0; } .sp_professor-list li figure { margin-bottom: 0; } .sp_professor-list li .text { margin-bottom: 0; } @media (min-width: 768px) { .sp_professor-list li { margin-bottom: 40px; } } @media (min-width: 768px) and (max-width: 1050px) { .sp_professor-list > li { width: calc( 50% - 20px ); } } @media (max-width: 767px) { } /*------------------------------------------------------ [juaa] ------------------------------------------------------*/ #about-juaa #about-juaa-2-1 .l_col-2-r > figure,#about-juaa #about-juaa-archive-1 .l_col-2-r > figure { max-width: 145px; width: 100%; } #about-juaa #about-juaa-2-2 .table-a {} #about-juaa #about-juaa-2-2 .table-a .text-left { text-align: left; } #about-juaa #about-juaa-2-3 .btn-c a { max-width: 560px; } @media (min-width: 768px) { #about-juaa #about-juaa-2-1 .l_col-2-r > div,#about-juaa #about-juaa-archive-1 .l_col-2-r > div { width: calc((100% - 145px) - 55px); } } @media (max-width: 767px) { #about-juaa #about-juaa-2-1 .l_col-2-r > figure { margin-left: auto; margin-right: auto; } } /*------------------------------------------------------ [access] ------------------------------------------------------*/ #about-access-2 .map { max-width: 800px; } #about-access-2 .map iframe { max-width: 800px; } #about-access-2 .map p { padding-right: 20px; } #about-access-2 .table-b { margin-bottom: 0; } @media (min-width: 768px) { #about-access-2 .map { margin: 0 auto 60px; } #about-access-2 .map iframe { height: 450px; } } @media (max-width: 767px) { #about-access .title-f { margin-bottom: 20px; } #about-access-2 .map { margin: 0 auto; } #about-access-2 .map iframe { height: 300px; } } /*------------------------------------------------------ [location] ------------------------------------------------------*/ #about-location-1 figure { max-width: 1160px; } #about-location-2 figure { margin-bottom: 0; } #about-location-2 figcaption { color: #5C2E7E; font-weight: bold; } #about-location-2 .location-wrap { } #about-location-2 .location-wrap .text { margin-bottom: 0; } #about-location-2 .border { border-bottom: 3px solid #5C2E7E; } @media (min-width: 768px) { #about-location-2 figcaption { padding: 20px; } #about-location-2 .border { padding-bottom: 50px; margin-bottom: 50px; } } @media (max-width: 767px) { #about-location-2 figcaption {} #about-location-2 .border { padding-bottom: 30px; margin-bottom: 30px; } } /*------------------------------------------------------ [neighborhood] ------------------------------------------------------*/ #about-neighborhood-1 ul li figure { margin-bottom: 10px; } #about-neighborhood-1 ul li .text { margin-bottom: 30px; } @media (min-width: 768px) { #about-neighborhood-1 ul li:nth-last-of-type(n+4) { border-bottom: 10px solid #F0F5F8; } #about-neighborhood-1 .l_col-3 > *:nth-child(n+4) { margin-top: 50px; } } @media (max-width: 767px) { #about-neighborhood-1 ul li:not(:last-of-type) { border-bottom: 10px solid #F0F5F8; margin-bottom: 30px; } } /*------------------------------------------------------ [lecture] ------------------------------------------------------*/ #about-lecture {} #about-lecture .select-archive { text-align: right; font-size: 1.6rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; } #about-lecture .select-archive .select-wrap { position: relative; } #about-lecture .select-archive .select-wrap::before { content: ''; position: absolute; top: 9px; right: 10px; border-top: 6px solid #5C2E7E; border-right: 6px solid #5C2E7E; border-left: 6px solid rgba(0,0,0,0); border-bottom: 6px solid rgba(0,0,0,0); transform: rotate(135deg); } #about-lecture .select-archive select { font-size: 1.6rem; padding: 10px 10px; min-width: 200px; border-color: #C7CED2; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #about-lecture .table-wrap { overflow-x: auto; } #about-lecture .table-a { min-width: 700px; } @media (min-width: 768px) { } @media (max-width: 767px) { #about-lecture .select-archive { flex-wrap: wrap; } #about-lecture .select-archive > p { width: 100%; text-align: left;} #about-lecture .select-archive .select-wrap { margin-left: 0; margin-right: auto;} } /*------------------------------------------------------ [lecture-kyouyou] ------------------------------------------------------*/ #about-lecture-kyouyou-4 .btn-b.disabled a { background: #D7E1E7; color: inherit; border-color: #D7E1E7; font-weight: normal; pointer-events: none; } #about-lecture-kyouyou-4 .btn-b.disabled a::after { content: none; } /*------------------------------------------------------ [lecture-bunka] ------------------------------------------------------*/ #about-lecture-bunka-2 .list-a { margin: 0; } #about-lecture-bunka-4 .btn-b.disabled a { background: #D7E1E7; color: inherit; border-color: #D7E1E7; font-weight: normal; pointer-events: none; } #about-lecture-bunka-4 .btn-b.disabled a::after { content: none; } #about-lecture-bunka-4 section > .l_col-2 > div { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } #about-lecture-bunka-4 section > .l_col-2 > div > .text { -webkit-box-flex: 1; flex-grow: 1; } /*------------------------------------------------------ [collaborative] ------------------------------------------------------*/ #about-collaborative .list-a { margin-top: 0; } /*------------------------------------------------------ [report] ------------------------------------------------------*/ #about-report .date p { font-size: 1.4rem; } #about-report .btn-b.download a { max-width: 360px; } #about-report .list-a li { padding-left: 4.2em; text-indent: -2.7em; line-height: 1.8; } #about-report figure { border: 1px solid #C7CED2; } #about-report .bnr { margin: 0 auto; } @media (min-width: 768px) { #about-report .bnr { max-width: 560px; } } @media (max-width: 767px) { #about-report figure { max-width: 360px; margin-left: auto; margin-right: auto; } #about-report .btn-b.download a { margin-left: auto; margin-right: auto; } #about-report .bnr { max-width: 200px; } } /*------------------------------------------------------ [report-archive] ------------------------------------------------------*/ /* #about-report-archive-list .l_col-3 li { background: #F0F5F8; padding: 20px; } */ #about-report-archive-list .l_col-3 li figure { max-width: 360px; border: 1px solid #C7CED2; margin: 0 auto;} #about-report-archive-list .l_col-3 li hr { margin: 0 0 5px; border-color: #5C2E7E; } #about-report-archive-list .l_col-3 li .date { font-size: 1.4rem; } #about-report-archive-list .l_col-3 li .btn-c a { max-width: 100%; max-width: 360px; margin: 0 auto; } #about-report-archive-list .table-a td:first-of-type { text-align: left; } #about-report-archive-list .table-a td:first-of-type a.pdf { padding-right: 30px;} @media (min-width: 768px) { #about-report-archive-list .l_col-3 > *:nth-child(n+4) { margin-top: 40px; } } @media (max-width: 767px) { #about-report-archive-list .l_col-2 { display: block; } #about-report-archive-list .l_col-2 .bnr { max-width: 200px; margin-left: auto; margin-right: auto; } } /*------------------------------------------------------ [disclosure] ------------------------------------------------------*/ #about-disclosure .contents > .container > .btn-d a { max-width: 480px;} #about-disclosure main .link { padding: 10px 0 0;} #about-disclosure main .link a { position: relative; padding-left: 25px; display: inline-block; } #about-disclosure main .link a::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #5C2E7E; transform: rotate(45deg); left: 7px; top: calc(1em - 8px); } #about-disclosure main .link a::after { bottom: 8px; } #about-disclosure .list-a .blank, #about-disclosure .list-a .pdf { font-size: 1.8rem; } #about-disclosure .list-c { margin: 10px 0; } #about-disclosure .list-c li { padding-left: 0; display: inline-block; } #about-disclosure .list-c li::before { content: '-'; transform: rotate(0deg); background: none; position: static; margin-right: 5px; color: #3096B7;} @media (min-width: 768px) { } @media (max-width: 767px) { } /*------------------------------------------------------ [policy] ------------------------------------------------------*/ #about-policy .list-a { margin-top: 0; } #about-policy ol { font-size: 1.6rem; list-style-position: inside; } #about-policy .title-policy { background: #F0F5F8; text-align: center; font-weight: bold; color: #5C2E7E; letter-spacing: 0.07em; margin: 0 calc(50% - 50vw); width: 100vw; } @media (min-width: 768px) { #about-policy .title-policy { font-size: 3.0rem; padding: 73px 15px; margin-bottom: 100px; } } @media (max-width: 767px) { #about-policy .title-policy { font-size: 2.4rem; padding: 22px 15px; line-height: 1.5; margin-bottom: 50px; } } /*------------------------------------------------------ [rishushoumei] ------------------------------------------------------*/ #about-rishushoumei ol { font-size: 1.6rem; list-style-position: inside; } #about-rishushoumei ol li { text-indent: -1.25em; padding-left: 1.25em; } #about-rishushoumei #rishushoumei-youkou .list-a li > .pdf { font-size: 1.8rem; } #about-rishushoumei #rishushoumei-youkou .list-a li .l_col-2 > table.table-a { table-layout: auto; } #about-rishushoumei #rishushoumei-youkou .list-a li .l_col-2 > table.table-a td:first-of-type { width: 30%; } #about-rishushoumei #rishushoumei-youkou .list-a li .table-wrap > table.table-a { table-layout: auto; min-width: 450px; } #about-rishushoumei #rishushoumei-youkou .list-a li .table-wrap > table.table-a td:first-of-type { width: 20%; } #about-rishushoumei .container > table.table-a td { text-align: left; } #about-rishushoumei #rishushoumei-youkou .table-wrap { overflow-x: auto; } @media (min-width: 768px) { #about-rishushoumei .list-a li .l_col-2 > table.table-a { width: calc(50% - 20px); } } @media (max-width: 767px) { #about-rishushoumei .container > table.table-a td { padding-right: 30px; } } /*------------------------------------------------------ vision ------------------------------------------------------*/ #about-vision .bg-blue.l_col-2 { } #about-vision #vision-2-6 .l_col-2 > div:last-child .title-d { } @media (min-width: 768px) { #about-vision .bg-blue.l_col-2-r { display: flex; align-items: center; } #about-vision #vision-2-6 .l_col-2 > div { max-width: calc(50% - 30px) } #about-vision #vision-2-6 .l_col-2 .bg-blue { } /* #about-vision #vision-2-6 .l_col-2 > div:last-child .text { margin-bottom: 40px; } */ } @media (max-width: 767px) { #about-vision .bg-blue.l_col-2-r div:last-child { margin-bottom: 0px; } } #about-public ol li { font-size: 1.6rem; margin-left: 22px } /*------------------------------------------------------ ------------------------------------------------------*/ @media (min-width: 768px) { } @media (max-width: 767px) { }