@charset "utf-8";

/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: 500; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
section, article { display: block; }

/* iOS reset */
input[type=text] { border:none; -webkit-border-radius : 0; -webkit-appearance : none; -webkit-tap-highlight-color : rgba(0,0,0,0); }
input[type="submit"],
input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]::focus,input[type="button"]::focus { outline-offset: -2px; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent; }
button,input[type="submit"] { color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; outline: none; background: transparent; }
input[type="radio"] { display: none; }
input[type="radio"]:checked + label { background: #ff0000; }

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  animation: fadeIn 1s ease 0s 1 normal; -webkit-animation: fadeIn 1s ease 0s 1 normal; transition: 0.2s linear;
  -webkit-font-smoothing: auto; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt';
  word-wrap : break-word; overflow-wrap : break-word; font-kerning: normal; -webkit-font-kerning: normal;
  font-family: YakuHanMP,'Noto Serif JP', serif; font-weight: 600; text-align: center; letter-spacing: 0.1em; box-sizing: border-box;
  background-color: #FFF; color: #333; padding: 0; margin: 0; }
img { vertical-align: bottom; height: auto; width: 100%; }
::selection { background: #333; color: #FFF; }
::-moz-selection { background: #333; }

/* link */
a:link, a:visited, a:active { color: #333; text-decoration: none; word-break: break-all !important; transition: 0.2s linear; }
a[href]:hover { color: #999; text-decoration: none; }
a:link img { transition: 0.2s linear; }
a[href]:hover img { -webkit-filter: brightness(105%); -moz-filter: brightness(105%); -o-filter: brightness(105%); -ms-filter: brightness(105%); filter: brightness(105%); }

/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }

/* options */
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
.rl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-feature-settings : "pkna"; }
.pc { display:block !important; }
.sp { display:none !important; }
.pcbr { display:block; }
.spbr { display:inline; }
.pc_inline { display:inline; }
.sp_inline { display:none; }
.sp_menu { display:none; }

/* flex */
.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.fill { object-fit: cover; font-family: 'object-fit: cover;'; object-fit: contain; font-family: 'object-fit: contain;'; }

/* fadein */
.fadein { opacity : 0; transform: translateY(0); transition: all 0.6s; }
@keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } }
@-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } }

/* youtube */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/* wrapper */
#wrapper { min-width: 1200px; max-width: 1680px; margin:auto; padding:1.5rem 8.5% 1.5rem 3.5%; }

/* header */
#header header { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#header header .header__title { width:60%; }
#header header nav { width:100%; }
#header header nav .header__hnav { position: absolute; top:0.75rem; right:0; text-align: left; border-left:solid 1px #333; padding:0 0 0 1.5rem; }
#header header nav .header__hnav li { display:block; font-size: 1rem; line-height: 1; margin:0 0 1em 0; }
#header header nav .header__hnav li:last-child { margin:0 0 0 0; }
#header header nav .header__gnav { width:100%; margin:1.5rem 0 0 0; border-top:solid 1px #333; border-bottom:solid 1px #333; position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
#header header nav .header__gnav > li { display:block; font-size: 1.25rem; padding:1.5em 0; }
#header header nav .header__gnav > li > a { display:block; white-space: nowrap; border-right:solid 1px #333; line-height: 1; padding:0 1.2em; }
#header header nav .header__gnav > li:first-child > a { padding:0 1.2em 0 0.6em; }
#header header nav .header__gnav > li:last-child > a { padding: 0 0.6em 0 1.2em; border-right:none; }
#header header nav .header__gnav > li > .header__gnav-second-level { width:100%; padding:2em 2em; background-color: #333; position: absolute; top:4em; left:0; z-index: 77; display: none; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
#header header nav .header__gnav > li > .header__gnav-second-level li { display: flex; align-items: center; width:33.333%; text-align: left; margin:0.5em 0; padding:0 1em 0 0; }
#header header nav .header__gnav > li > .header__gnav-second-level li a { display: flex; align-items: center; font-size: 0.9em; line-height: 1.4; color:#fff; }
#header header nav .header__gnav > li > .header__gnav-second-level li a[href]:hover { color:#aaa; }
#header header nav .header__gnav > li > .header__gnav-second-level li a i { font-size: 0.7rem; line-height: 1; margin:0 0.75em; }
#header header nav .header__gnav > li:hover .header__gnav-second-level { display: flex; }

/* footer */
#footer { border-top:solid 1px #333; text-align: left; padding:1.75rem 0; }
#footer footer { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
#footer footer .footer__fnav { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin:0 0 1.5rem 0; }
#footer footer .footer__fnav li { font-size: 0.9rem; line-height: 1; border-right:solid 1px #333; padding:0 0.75em 0 0; margin:0 0.75em 0 0; }
#footer footer .footer__fnav li:last-child { border-right:none; padding:0 0 0 0; margin:0 0 0 0; }
#footer footer address { font-size: 0.9rem; line-height: 1; letter-spacing: 0.1em; }
#footer footer address .footer__homelink { border-left:solid 1px #333; padding:0 0 0 1rem; margin:0 0 0 1rem; }
#footer footer .copyright { font-size: 0.65rem; line-height: 1; letter-spacing: 0.1em; margin:0 0 0 4em; }

/* main */
#main main { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#main .juken_pc { display: block; }
#main .juken_sp { display: none; }

/* slide */
#main main .slide { width:100%; margin:2rem 0 4rem 0; position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
#main main .slide .slide_main { width:65.75%; padding:0; }
#main main .slide .slide_main figure { display:block !important; margin:0 !important; padding:0 !important; }
#main main .slide .slide_side { width:31.5%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#main main .slide .slide_side figure { width:100%; height:auto; }
#main main .slide .slide_side figure span { font-size: 1.75rem; line-height: 1; letter-spacing: 0.1em; font-weight: 500; display:block; margin:2rem auto; }
#main main .slide .slide_side img { width:100%; height:auto; }

/* alert */
#main main .alert { width:100%; margin:0 0 2rem 0; color:#ff0000; border:solid 1px #ff0000; position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#main main .alert .title-alert { font-size: 1.3rem; line-height: 1.5; width:20%; text-align: center; }
#main main .alert .title-alert i { margin:0 0.5em 0 0; }
#main main .alert .alert__link { width:80%; text-align: left; border-left:solid 1px #ff0000; padding:1.5rem 2rem; }
#main main .alert .alert__link li a { font-size: 1.1rem; line-height: 1.5; display:block; color:#ff0000; margin:0 0 0.5em 0; }
#main main .alert .alert__link li:last-child a { margin:0; }

/* title */
#main main .title-home { border-top:solid 1px #333; border-bottom:solid 1px #333; font-size: 1.6rem; line-height: 1; padding:0.75em 0; margin:1em 0 1em 0; }

/* link */
#main main .link_ul { width:calc(100% + 2rem); margin:0 -1rem; position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
#main main .link_ul .link_ul_item { text-align: left; width:100%; }
#main main .link_ul .link_ul_item a { display:block; padding:0 1em; }
#main main .link_ul .link_ul_item figure { position: relative; height:22rem; margin:0 0 5rem 0; background:repeating-linear-gradient( -45deg,#ddd, #ddd 1px, #fff 0, #fff 0.5rem ); }
#main main .link_ul .link_ul_item figure figcaption { display:block; text-align: center; font-size: 1rem; line-height: 1; margin:1.5em auto; padding:0.75em 0; border-top:solid 1px #333; border-bottom:solid 1px #333; }
#main main .link_ul .link_ul_item figure img { object-fit: contain; font-family: 'object-fit: contain;'; width:100% !important; height:100% !important; padding:1rem; }
#main main .link_ul .link_ul_item .link_ul_ex { font-size: 1.1rem; line-height: 1.8; margin:1.25em 0 0.5em 0; }
#main main .link_ul .link_ul_item time { font-size: 1rem; line-height: 1; color:#bbb; }
#main main .link_ul.link_ul_s { width:calc(100% + 1.2rem); margin:0 -0.6rem; }
#main main .link_ul.link_ul_s .link_ul_item { text-align: left; }
#main main .link_ul.link_ul_s .link_ul_item a { display:block; padding:0 0.6em; }
#main main .link_ul.link_ul_s .link_ul_item figure figcaption { display:block; text-align: center; font-size: 1rem; line-height: 1; margin:1.5em auto; padding:0.5em 0; border-top:solid 1px #333; border-bottom:solid 1px #333; }
#main main .link_ul.link_ul_s .link_ul_item .link_ul_ex { font-size: 1rem; line-height: 1.8; margin:1.25em 0 0.5em 0; }
#main main .link_ul.link_ul_s .link_ul_item time { font-size: 0.9rem; line-height: 1; }
#main main .top__link.link_ul { margin:0 0 3em 0; }
#main main .top__link.link_ul .link_ul_item { width:33.333%; margin:0 0 3em 0; }
#main main .top__link.link_ul .link_ul_item figure { height: 13em; }
#main main .top__link.link_ul .link_ul_item figure img { object-fit: contain; font-family: 'object-fit: contain;'; width:100% !important; height:100% !important; }
#main main .common-main .common-main__body .top__link.link_ul .link_ul_item a { color:#333;}
#main main .common-main .common-main__body .top__link.link_ul .link_ul_item a[href]:hover .link_ul_ex { color:#2ba4ce;}

/* tab */
.tabs_navi { margin:0 auto 1rem auto; }
.tab_item { color: #ddd; cursor:pointer; border-right:solid 1px #333; padding:0 1em; font-size: 1rem; line-height: 1; margin:0; display:inline-block; }
.tab_item:first-of-type { border-left:solid 1px #333; }
.tab_item:hover { color: #333; }
.tabs input[name="tab_item"] { display: none; }
.tab_content { display: none; margin:2rem 0 0 0; }
#all:checked ~ #all_content,
#awards:checked ~ #awards_content,
#students:checked ~ #students_content,
#exams:checked ~ #exams_content,
#teachers:checked ~ #teachers_content,
#recruit:checked ~ #recruit_content { display: block; }
.tabs input:checked + .tab_item { color: #333; background-color: #fff; }

/* topics */
#main main .topics { width:100%; padding:0 0 5rem 0; }

/* event */
#main main .event { width:100%; padding:0 0 5rem 0; }
#main main .event .link_ul .link_ul_item figure { height:13.5rem; margin:0 0 1rem 0; }
#main main .event .link_ul .link_ul_item figure img { padding:0.75rem; }

/* news */
#main main .news { width:100%; padding:0 0 0 0; }
#main main .news .link_ul .link_ul_item { width:20%; margin:0 0 3rem 0; }
#main main .news .link_ul .link_ul_item figure { height:13.5rem; margin:0 0 4.5rem 0; }
#main main .news .link_ul .link_ul_item figure img { padding:0.75rem; }

/* features */
#main main .features { margin:0 0 0.5rem 0; }
#main main .features .features__link { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
#main main .features .features__link li { width:23.5%; margin:0 2% 1.5rem 0; }
#main main .features .features__link li:nth-child(4n) { margin:0 0 1.5rem 0; }

/* department */
#main main .department .title-home { border-top:solid 1px #333; border-bottom:none; font-size: 1.6rem; line-height: 1; padding:1.5em 0 0 0; margin:0 0 2em 0; }
#main main .department .department-all { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
#main main .department .department-all .department-all__list { width:22%; margin:0 4% 3rem 0; text-align: left; }
#main main .department .department-all .department-all__list:nth-child(4n) { margin:0 0 3rem 0; }
#main main .department .department-all .department-all__list h2 { font-size: 1.4rem; line-height: 1.5; margin:0 0 1.5em 0; padding:1em 0; border-top: solid 1px #333; border-bottom: solid 1px #333; }
#main main .department .department-all .department-all__list h2 i { font-size: 0.7rem; }
#main main .department .department-all .department-all__list dt { border-left:solid 1px #333; padding:0 0 0 1em; margin:2em 0 1em 0; }
#main main .department .department-all .department-all__list dt a,
#main main .department .department-all .department-all__list dd a { color:#2ba4ce; }
#main main .department .department-all .department-all__list dd span { display:block; }
#main main .department .department-all .department-all__list h3 { font-size: 1rem; line-height: 1.8; border-top:solid 1px #333; border-bottom:solid 1px #333; margin:2em 0 0 0; }

/* banner */
#main main .banner { margin:0 0 0.5rem 0; }
#main main .banner .banner__link { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
#main main .banner .banner__link li { width:15%; margin:0 2% 1.5rem 0; }
#main main .banner .banner__link li:nth-child(1) { width:32%; }
#main main .banner .banner__link li:nth-child(5),
#main main .banner .banner__link li:nth-child(11) { margin:0 0 1.5rem 0; }

/* cover */
#main main .cover { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom:solid 1px #333; margin:0 0 0 0; }
#main main .cover .title-cover { width:30%;}
#main main .cover .title-cover h1 { font-size: 2.2rem; line-height: 1.5; letter-spacing: 0.15em; }
#main main .cover .fig-cover { width:70%; height:20rem; }
#main main .cover .fig-cover img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }

/* pankuzu */
#main main .pankuzu { width:100%; border-bottom:solid 1px #333; }
#main main .pankuzu ul { padding:1.5rem 3rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
#main main .pankuzu ul li { font-size: 1rem; line-height: 1; padding:0 1em 0 0; margin:0 1em 0 0; border-right:solid 1px #333; }
#main main .pankuzu ul li:last-child { padding:0 0 0 0; margin:0 0 0 0; border-right:none; }
#main main .pankuzu ul li a { color:#2ba4ce; }

/* common-main */
#main main .common-main { width:70%; padding:3rem 5% 0 2%; text-align: left; }
#main main .common-main h1 { font-size: 1.5rem; margin-bottom: 1em; clear: both; text-align: left; margin-top: 0px; padding-bottom: 0.7em; line-height: 1em; padding-top: 1em; border-bottom: solid 2px #000; }
#main main .common-main h1 span { font-size: 1.8rem; margin-right: 0.5em; }
#main main .common-main h2 { font-size: 2rem; margin-bottom: 1.5em; clear: both; text-align: left; line-height: 1.4em; background-color: #FFF; display: inline-block; padding: 0; margin-top: 0; }
#main main .common-main .common-main__body { border-left:solid 1px #333; padding:0 0 0 4rem; margin:0 0 0 2rem; text-align: left; }
#main main .common-main .common-main__body h3 { font-size: 1.3em; line-height: 1.2; letter-spacing: 0.1em; font-weight: normal; background-color: #333333; color: #FFFFFF; display: inline-block; clear: both; padding: 0.75em 1.25em; margin: 3em 0 1.5em 0; }
#main main .common-main .common-main__body h3:first-child { margin:0 0 1.5em 0; }
#main main .common-main .common-main__body h3 .backnumber { font-size: 0.8em; margin: 0 0 0 0.5em; }
#main main .common-main .common-main__body h3 .backnumber a { color: #FFFFFF; }
#main main .common-main .common-main__body h4 { font-weight: bold; font-size: 1.45em; line-height: 1.2; margin: 0 auto 1em auto; }
#main main .common-main .common-main__body h5 { font-size: 1.35em; line-height: 1; font-weight: bold; margin: 0 auto 1em auto; }
#main main .common-main .common-main__body h6 { font-size: 1em; margin-bottom: 1em; clear: both; margin: 2em auto 0 auto; }
#main main .common-main .common-main__body table { width: 100%; margin: 2em auto; text-align: left; border-top: solid 2px #333333; border-bottom: solid 2px #333333; }
#main main .common-main .common-main__body table.past-deans td { width: 25%; vertical-align: top; }
#main main .common-main .common-main__body table.past-deans td .past-deans--name { width:auto !important; height:1em !important; margin:0.35em 0 0 0; }
#main main .common-main .common-main__body th { font-size: 1em; line-height: 1.5; text-align: left; line-height: 1.6em; font-weight: bold; padding: 1em; border-bottom: dashed 1px #B2B2B2; }
#main main .common-main .common-main__body td { font-size: 1em; line-height: 1.5; text-align: left; line-height: 1.6em; font-weight: normal; padding: 1em; border-bottom: dashed 1px #B2B2B2; border-left: solid 1px #B2B2B2; }
#main main .common-main .common-main__body blockquote { padding: 5%; margin: 2em auto; border: 1px solid #333333; font-style: italic; }
#main main .common-main .common-main__body ul { overflow: hidden; text-align: left; }
#main main .common-main .common-main__body li { text-align: left; }
#main main .common-main .common-main__body dt { font-size: 1em; line-height: 1.5; display: block; margin: 0 auto 1em auto; text-align: left; }
#main main .common-main .common-main__body dd { font-size: 1em; line-height: 1.5; display: block; margin: 0 auto 1em auto; text-align: left; }
#main main .common-main .common-main__body img { max-width: 100%; height: auto; margin: auto; }
#main main .common-main .common-main__body p { font-size: 1.2em; line-height: 2; letter-spacing: 0.1em; margin:0 0 1em 0 !important; text-indent: 0 !important; text-align:left; clear: both; }
#main main .common-main .common-main__body p:last-child { margin:0 0 0 0; }
#main main .common-main .common-main__body p.photo { border: 5px solid #F5F5F5; margin-bottom: 20px; background-color: #F5F5F5; text-align: center; }
#main main .common-main .common-main__body p.photo img { max-width: 100% !important; }
#main main .common-main .common-main__body a:link { color: #2ba4ce; }
#main main .common-main .common-main__body iframe { width: 100% !important; }
#main main .common-main .common-main__body .table--backnumber { width: 100%; }
#main main .common-main .common-main__body .table--backnumber th { width: 25%; }
#main main .common-main .common-main__body .sectionContent { display:block; background-color: #FFF; line-height: 2em; margin-bottom: 2em; overflow: auto; }
#main main .common-main .common-main__body .sectionContent .right { float: right; margin-top: 2em; }
#main main .common-main .common-main__body .sectionContent h4 { width: 100%; margin-top: 2em; }
#main main .common-main .common-main__body .sectionContent h4:first-child { margin-top: 0; }
#main main .common-main .common-main__body .sectionContent .juken-online { align-content: center; }
#main main .common-main .common-main__body .sectionContent .juken-online h4 { margin: 0; }
#main main .common-main .common-main__body .sectionContent h5 { width: 100%; }
#main main .common-main .common-main__body .sectionContent .mainSectionContent { float: left; width: 65%; }
#main main .common-main .common-main__body .sectionContent .subSectionContent { float: right; width: 30%; }
#main main .common-main .common-main__body .sectionContent .box-outer { height: auto !important; }
#main main .common-main .common-main__body .sectionContent .box-inner { height: auto !important; }
#main main .common-main .common-main__body .sectionContent .box-tips { padding: 0.5em 1em !important; }
#main main .common-main .common-main__body .sectionContent .box-tips p { margin: 0 !important; }
#main main .common-main .common-main__body .linkList { font-size: 1em; line-height: 1.8; margin:0; padding:2em 0; border-top:solid 1px #333; border-bottom: solid 1px #333; }
#main main .common-main .common-main__body .linkList p { font-size: 1em; line-height: 1.8; }
#main main .common-main .common-main__body .linkList p:last-child { margin-bottom:0 !important; }
#main main .common-main .common-main__body .linkList+.sectionContent { margin-top:2em; }
#main main .common-main .common-main__body .dep_main { margin-bottom: 2em; }
#main main .common-main .common-main__body .dep_slide { margin:4rem 0 6rem 0; }
#main main .common-main .common-main__body .dep_slide_s { width:calc(100% + 2rem); margin:4rem -1rem 6rem -1rem; }
#main main .common-main .common-main__body .dep_slide_s figure { display:block; padding:0 1rem; }
#main main .common-main .common-main__body .profile { margin:4rem 0; }
#main main .common-main .common-main__body .profile figure { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
#main main .common-main .common-main__body .profile figure img { width:40%; margin:0 7% 0 0; }
#main main .common-main .common-main__body .profile figure figcaption { font-size: 1.1em; line-height: 2; }
#main main .common-main .common-main__body .profile figure figcaption img { width:10rem; margin:1.5rem 0 0 0; }
#main main .common-main .common-main__body .news_list { width: 100%; margin-bottom: 5em; }
#main main .common-main .common-main__body .news_list .news_list_item { width: 100%; margin: 0; border-top: solid 1px #333; }
#main main .common-main .common-main__body .news_list .news_list_item a { display: block; padding: 1rem 1rem; font-size: 1.1em; line-height: 1.8; text-align: left; }
#main main .common-main .common-main__body .news_list .news_list_item .date { display: block; font-size: 0.8em; line-height: 1; text-align: left; margin-top: 1em; color: #bbb; }
#main main .common-main .common-main__body .news_thumb { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#main main .common-main .common-main__body .news_thumb::after { display: block; content: ""; width: 33%; }
#main main .common-main .common-main__body .news_thumb .news_thumb_item { width: 33%; margin: 0; border-top: none; }
#main main .common-main .common-main__body .news_thumb .news_thumb_item a { display: block; padding: 1rem 0.5rem; font-size: 1.1em; line-height: 1.8; }
#main main .common-main .common-main__body .news_thumb .news_thumb_item figure { position: relative; background:repeating-linear-gradient( -45deg,#ddd, #ddd 1px, #fff 0, #fff 0.5em ); margin-bottom: 1em; }
#main main .common-main .common-main__body .news_thumb .news_thumb_item figure img { padding: 0.5rem; }
#main main .common-main .common-main__body #localNav { margin:2em 0; padding:2rem; background: repeating-linear-gradient(-45deg, #ddd, #ddd 1px, #fff 0, #fff 0.5rem); }
#main main .common-main .common-main__body #localNav:first-child { margin-top:0; }
#main main .common-main .common-main__body #localNav + br { display:none; }
#main main .common-main .common-main__body h3 + #localNav { margin-top:0; }
#main main .common-main .common-main__body #localNav li { position: relative; background-color: #fff; padding: 1em 1em 1em 3.5em; font-size: 1.15em; line-height: 2em; margin:0 0 1.25em 0; }
#main main .common-main .common-main__body #localNav li:last-child { margin-bottom:0; }
#main main .common-main .common-main__body #localNav li::before { position:absolute; left:1.65em; top:1.65em; display:flex; align-items: center; justify-content: center; width:1.5em; height:1.5em; font-size: 0.85em; line-height: 1; text-align: center; font-family:'icomoon'; content:"\e903"; background-color: #333; color:#fff; }
#main main .common-main .common-main__body #localNav li p { font-size: 1em; margin-top: 1em; margin-bottom: 0px; }
#main main .common-main .common-main__body #localNav li a { color: #2ba4ce; background-color: #fff; }
#main main .common-main .common-main__body #localNav img { vertical-align: baseline; font-size: 1px; line-height: 1px; margin: 0px; padding: 0px; }
#main main .common-main .common-main__body #localNav .date { display:block; font-size: 0.8em; }
#main main .common-main .common-main__body #localNav .entrytitle { display: block; }
#main main .common-main .common-main__body #under_navi { margin: 2em 0; background-image: none; width: 100%; border-top: solid 2px #333333; border-bottom: solid 1px #333333; }
#main main .common-main .common-main__body #under_navi li { position: relative; padding-top: 0.5em; padding-bottom: 0.5em; display: block; margin: 0px; border-top-style: none; border-right-style: none; border-left-style: none; background-repeat: no-repeat; background-position: 10px center; padding-left: 2em; font-size: 1em; border-bottom: solid 1px #333333; }
#main main .common-main .common-main__body #under_navi li::before { position:absolute; left:0; top:1.25em; display:flex; align-items: center; justify-content: center; width:1.5em; height:1.5em; font-size: 0.85em; line-height: 1; text-align: center; font-family:'icomoon'; content:"\e903"; background-color: #333; color:#fff; }
#main main .common-main .common-main__body .sitemap_ul { background-color: #FFFFFF; padding: 20px; margin-bottom: 25px; }
#main main .common-main .common-main__body .sitemap_ul li { margin-bottom: 15px; font-weight: bold; background-repeat: no-repeat; background-position: left 10px; }
#main main .common-main .common-main__body .sitemap_ul li ul { margin-top: 10px; margin-bottom: 15px; }
#main main .common-main .common-main__body .sitemap_ul li ul li { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-weight: normal; line-height: 2em; background-image: none; padding-left: 12px; }
#main main .common-main .common-main__body .sitemap_ul_left { float: left; width: 180px; margin-right: 20px; border-right: solid 1px #B2B2B2; }
#main main .common-main .common-main__body .sitemap_ul_center { float: left; width: 230px; margin-right: 20px; border-right: solid 1px #B2B2B2; }
#main main .common-main .common-main__body .sitemap_ul_right { width: 150px; float: left; }
#main main .common-main .common-main__body .twoColumns .twoColumns_left { float: left; width: 47%; margin-bottom: 1em; }
#main main .common-main .common-main__body .twoColumns .twoColumns_right { float: right; width: 50%; padding-left: 3%; margin-bottom: 1em; border-left: solid 1px #B2B2B2; }
#main main .common-main .common-main__body .twoColumns p { font-size: 1.1em; line-height: 1.8; letter-spacing: 0.1em; }
#main main .common-main .common-main__body .video_archives { text-align: center; display: inline-block; width: 48%; line-height: 1.5em; margin-bottom: 20px; }
#main main .common-main .common-main__body .video_archives dt { margin-right: 10%; }
#main main .common-main .common-main__body .video_archives dt iframe { width: 100%; height: 100%; }
#main main .common-main .common-main__body .video_archives dd { margin-right: 10%; }
#main main .common-main .common-main__body .note { font-size: 80%; line-height: 1.6em; }
#main main .common-main .common-main__body .note li { margin-top: 7px; }
#main main .common-main .common-main__body .pointList { background-color: #F5F5F5; padding: 25px; }
#main main .common-main .common-main__body .pointList li { padding-top: 1em; margin-top: 1em; line-height: 2; font-size: 90%; border-top: solid 1px #CCCCCC; }
#main main .common-main .common-main__body .pointList .none { margin-top: 0px; padding-top: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#main main .common-main .common-main__body .urlListCompact li { line-height: 1.1em; margin-right: 15px; padding-right: 15px; float: left; border-right: solid 1px #B2B2B2; }
#main main .common-main .common-main__body .pagebody { padding: 0; overflow: hidden; }
#main main .common-main .common-main__body .caption { font-size: 80%; line-height: 1.8em; color: #666666; }
#main main .common-main .common-main__body .sign { width:70%; margin:2em auto; }
#main main .common-main .common-main__body .accessmap { margin-bottom: 20px; }
#main main .common-main .common-main__body .vcard { margin-bottom: 20px; }
#main main .common-main .common-main__body .font_red { color: #CC0000; }
#main main .common-main .common-main__body .map { position: relative; margin-bottom: 20px; }
#main main .common-main .common-main__body .line { border-left-width: 0px; border-left-style: none; }
#main main .common-main .common-main__body .mark { display:inline-block; width: auto; align-self: flex-start; font-size: 70%; line-height: 1; border: 1px solid #CCCCCC; padding: 0.15em; margin:0 0.5em; }
#main main .common-main .share { text-align: center; padding:3rem 0; }
#main main .common-main .share .share_title { text-align: center; position: relative; border-top:solid 1px #333; margin:0 0 2rem 0; }
#main main .common-main .share .share_title span { display: inline-block; position: absolute; top:-0.75rem; left:0; right:0; }
#main main .common-main .share .share_title span::before { padding:0 1rem; content: "SHARE"; display: inline-block; background-color: #fff; }
#main main .common-main .share ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#main main .common-main .share ul li { margin:0 1em; }
#main main .common-main .share ul li a .fa-x-twitter { font-size: 2em; color:#333333; }
#main main .common-main .share ul li a .icon-facebook1 { font-size: 3em; color:#1877f2; }

/* dep-navi */
#main main .dep-navi { border-top:solid 1px #333; margin:4rem 0; }
#main main .dep-navi li { border-bottom:solid 1px #333; }
#main main .dep-navi li a { display:block; font-size: 1.2rem; line-height: 1.4; padding:1.5em; color:#2ba4ce; }
#main main .dep-navi li a[href]:hover { background-color: #333; color:#fff; }
#main main .dep-navi li a i { color:#333; margin:0 0.5em 0 0; }
#main main .dep-navi li a[href]:hover i { color:#fff; }

/* graduate */
#main main .graduate { padding:4rem 0 5rem 0; }
#main main .graduate h3 { border:solid 1px #333; border-right: none; border-radius: 2em 0 0 2em; padding:1em 3em; font-size: 1.6rem; line-height: 1; }
#main main .graduate .graduate__voice { padding:0 3rem; margin:4rem 0 0 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#main main .graduate .graduate__voice .graduate__voice-txt { border-right:solid 1px #333; padding:0 3em 0 0; width:60%; font-size: 1.2rem; line-height: 2; text-align: left; }
#main main .graduate .graduate__voice .graduate__voice-profile { width:30%; font-size: 0.9rem; line-height: 1.8; }
#main main .graduate .graduate__voice .graduate__voice-profile img { border-radius: 50%; overflow: hidden; }
#main main .graduate .graduate__voice .graduate__voice-profile figcaption { margin:2rem 1rem 0 1rem; text-align: center; }
#main main .graduate .graduate__voice:nth-child(even) { flex-direction: row-reverse; }
#main main .graduate .graduate__voice:nth-child(even) .graduate__voice-txt { border-left:solid 1px #333; border-right:none; padding:0 0 0 3rem; }

/* common-side */
#main main .common-side { width:30%; border-left: solid 1px #333; }
#main main .common-side .common-side__navi { text-align: left; }
#main main .common-side .common-side__navi h3 { display:flex; align-items: center; padding:1.5rem 0 1.5rem 2rem; font-size: 1.35rem; line-height: 1.5; letter-spacing: 0.1em; border-bottom:solid 1px #333; }
#main main .common-side .common-side__navi h3 i { font-size: 0.7rem; margin:0 1rem 0 0; }
#main main .common-side .common-side__navi ul { border-bottom:solid 1px #333; padding:0 0 2rem 0; }
#main main .common-side .common-side__navi ul li a { display:flex; align-items: center; font-size: 1.2rem; line-height: 1.4; padding:1rem 1rem 1rem 2rem; }
#main main .common-side .common-side__navi ul li a i { font-size: 0.7rem; margin:0 1.5rem 0 0; }
#main main .common-side .common-side__navi ul li a[href]:hover { background-color: #333; color:#fff; }
#main main .common-side .common-side__navi ul li.current a { background-color: #333; color:#fff; padding:1.5em 2em; margin:1.5em 0 1.5em 0; }
#main main .common-side .common-side__navi ul li:first-child.current a { margin:0 0 1.5em 0; }
#main main .common-side .common-side__navi ul li:first-child { margin:1.5rem 0 0 0; }
#main main .common-side .common-side__navi ul li:first-child.current { margin:0 0 1.5em 0; }
#main main .common-side .common-side__navi ul ul { padding:0 0 2em 2em; border:none; }
#main main .common-side .common-side__banner { padding:2rem 0 0 2rem; border-bottom: solid 1px #333; }
#main main .common-side .common-side__banner li { margin:0 0 2rem 0; }
#main main .common-side .common-side__labo { width:100%; text-align: left; padding:0 0 2rem 0; }
#main main .common-side .common-side__labo h3 { display:flex; align-items: center; padding:1.5rem 0 1.5rem 2rem; font-size: 1.35rem; line-height: 1.5; letter-spacing: 0.1em; border-bottom:solid 1px #333; }
#main main .common-side .common-side__labo h3 i { font-size: 0.7rem; margin:0 1rem 0 0; }
#main main .common-side .common-side__labo h4 { font-size: 1rem; line-height: 1.8; border-top:solid 1px #333; border-bottom:solid 1px #333; margin:2em 0 0 2em; }
#main main .common-side .common-side__labo dl { padding:2em 0 2em 2.5em; }
#main main .common-side .common-side__labo dt { border-left:solid 1px #333; padding:0 0 0 1em; margin:2em 0 1em 0; }
#main main .common-side .common-side__labo dd a { color:#2ba4ce; }
#main main .common-side .common-side__labo dd span { display:block; }
#main main .common-side .common-side__labo h4+dl dt:first-child { margin:0 0 1em 0; }

/* navi */
#navi { width:5.25rem; min-width: 3.5rem; position: fixed; top:0; right:0; border-left:solid 1px #333; min-height: 100vh; background-color: #fff; z-index: 777; }
#navi .navi__snav li { width:100%; }
#navi .navi__snav li a,
#navi .navi__snav li button { font-size: 1rem; line-height: 1.5; display:block; width:100%; padding:0.35em 0; border-bottom:solid 1px #333; cursor:pointer; }
#navi .navi__snav li a[href]:hover,
#navi .navi__snav li button:hover { color:#fff; background-color: #333; }
#navi .navi__snav li.navi__snav-menu { height:4.5rem; background-color: #333; }
#navi .navi__snav li.navi__snav-search { border-top:solid 1px #fff; height:5rem; display: flex; color:#fff; background-color: #333; }
#navi .navi__snav li.navi__snav-search img { width:2.2rem; margin:auto; }
#navi .navi__snav li.navi__snav-en a { font-size: 1rem; line-height: 2rem; }
#navi .navi__snav li.navi__snav-jp a { font-size: 1rem; line-height: 2rem; }
#navi .navi__snav li.navi__snav-large button { font-size: 1.6rem; line-height: 2rem; }
#navi .navi__snav li.navi__snav-small button { font-size: 1rem; line-height: 2rem; }
#navi .navi__snav li.navi__snav-twitter a { font-size: 1.8rem; line-height: 2.5rem; }
#navi .navi__snav li.navi__snav-youtube a { font-size: 1.8rem; line-height: 2.5rem; }
#navi .navi__snav li.navi__snav-line i { display: block; width:2rem; line-height: 1; margin:0.5em auto 0 auto; }
#navi .navi__snav li.navi__snav-line span { font-size: 0.8rem; line-height: 1; margin:0.75em auto 1em auto; }

/* juken */
#main main .juken_slide { margin: 2rem 0; }
#main main .slide .juken_slide_main { width: 50%; margin: 0; }
#main main .slide .juken_slide_side { width: 50%; padding: 0 10%; justify-content: center; }
#main main .slide .juken_slide_side .slide_side_title {  }
#main main .slide .juken_slide_side .slide_side_text { text-align: left; line-height: 2em; }
#main main .juken-main h2 { font-size: 1.6em; border-top: solid 1px #333; border-bottom: solid 1px #333; padding: 0.75em 0; }
#main main .juken-main { width: 100%;  }
#main main .juken-main .juken-main_navi { width: 100%; }
#main main .juken-main .juken-main_navi ul { width: 100%; display: block; display: flex; border-top: solid 1px #333; padding: 3.5em 0; border-bottom: solid 1px #333; }
#main main .juken-main .juken-main_navi.juken-main_navi--student ul { border-bottom: none; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list { width: calc((100% - 9rem) / 4 + 3rem); padding: 0 1.5rem; border-right: solid 1px #333; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list:first-child { width: calc((100% - 9rem) / 4 + 1.5rem); padding: 0 1.5rem 0 0; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list:last-child { width: calc((100% - 9rem) / 4 + 1.5rem); padding: 0 0 0 1.5rem; border-right: none; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set { flex-direction: column; flex-wrap: wrap;  }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set img { margin-bottom: 1.25em; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set p { font-size: 1.3em; line-height: 1.5em; margin:0 0 1em 0; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set p.list_set--title { margin:0 0 0.75em 0; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set p.list_set--title:nth-child(n+3) { margin:0.75em 0 0.75em 0; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set a { display: block; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set .button .arrow { float: left; text-align: left; color: #fff; background-color: #2ba4ce; padding: 0.9em 1.35em; border-radius: 50%; height: auto; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set .button .arrow_long { float: left; text-align: left; color: #fff; background-color: #2ba4ce; padding: 1.7em 1.35em; border-radius: 2rem; height: auto; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set .button p { letter-spacing: 0.03em; text-align: left; font-size: 1em; margin-top: 0.5em; background-color: #eeeeee; padding: 0.9em 1.25em 0.9em 4.2em;  border-radius: 2rem; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set .button p .spbr { display: none; }
#main main .juken-main .juken-main_line { background-color: #EEEEEE; padding: 2.5rem; margin: 3.5em 0; }
#main main .juken-main .juken-main_line .juken-main_line_set { display: flex; align-items: center; justify-content: space-between; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_about { display: flex; justify-content: space-between; width: 70%; align-items: center; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_about img { width: 20%; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_about .juken-main_line_set_about--txt { width: 75%; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_about .juken-main_line_set_about--txt .juken-main_line_title { font-family: 'Zen Maru Gothic', sans-serif; font-weight: bold; font-size:2.4em; color: #00b900; margin-bottom: 0.25em; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_about .juken-main_line_set_about--txt p { font-size: 1.2em; line-height: 2em; text-align: left; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_QR { display: flex; justify-content: space-between; width: 30%; margin-left: 1em; align-items: center; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_QR img { width: 40%; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_QR .juken-main_line_set_QR--txt { width: 50%; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_QR .juken-main_line_set_QR--txt p { font-size: 0.9em; line-height: 1.8em; text-align: left; }
#main main .juken-main .juken-main_support ul { margin:1.5rem 0; padding:1.5rem 2.5rem; }
#main main .juken-main .juken-main_support ul li { margin:0 0 0.75em 0; }
#main main .juken-main .juken-main_support ul li:last-child { margin:0 0 0 0; }
#main main .juken-main .juken-main_support ul li a { display: flex; justify-content: flex-start; text-align: left; align-items: center; }
#main main .juken-main .juken-main_support ul li a span:nth-child(1) { width: 10%; font-size: 1em; line-height: 1.5em; }
#main main .juken-main .juken-main_support ul li a span:nth-child(2) { color: #2ba4ce; font-size: 1.2em; line-height: 1.5em; }
#main main .juken-main .juken-main_department ul { display: flex; flex-wrap: wrap; justify-content: center; padding: 1em 0 ; }
#main main .juken-main .juken-main_department ul .juken-main_department_list { width: 25%; }
#main main .juken-main .juken-main_department ul .juken-main_department_list { border-bottom: solid 1px #333; }
#main main .juken-main .juken-main_department ul .juken-main_department_list a { display: block; margin: 2.5em auto; padding: 0 2rem; border-right: solid 1px #333; }
#main main .juken-main .juken-main_department ul .juken-main_department_list:nth-child(4n) a { border-right: none; }
#main main .juken-main .juken-main_department ul .juken-main_department_list:nth-child(n+5) { border-bottom: none; }
#main main .juken-main .juken-main_department ul .juken-main_department_list p { font-size: 1.3em; }
#main main .juken-main .juken-main_department ul .juken-main_department_list img { margin-top: 1.5em; border-radius: 50%; overflow: hidden; }
#main main .juken-main .juken-main_flow { margin-bottom: 0; }
#main main .juken-main .juken-main_flow .pc { display: block; margin: 3.5em 0; }
#main main .juken-main .juken-main_flow .sp { display: none; }
#main main .juken-main .juken-main_2col { display:flex; justify-content: space-between; margin-bottom: 3.5em; }
#main main .juken-main .juken-main_campus { width:calc((100% - 4rem) / 2 + 2rem); padding:0 2rem 0 0; border-right:solid 1px #000; }
#main main .juken-main .juken-main_campus .juken-main_campus_flex { margin: 3.5rem 0 0 0; padding:0 2rem; }
#main main .juken-main .juken-main_campus .juken-main_campus_flex img { margin-bottom: 1.5em; }
#main main .juken-main .juken-main_campus .juken-main_campus_flex p { font-size: 1.2em; line-height: 2em; text-align: left; margin-bottom: 2em; }
#main main .juken-main .juken-main_campus .detail { margin: 0 2rem; }
#main main .juken-main .juken-main_campus .detail a { display: block; font-size: 1.25em; color:#fff; background-color: #2ba4ce; padding: 0.75em 0; border-radius: 2em; }
#main main .juken-main .juken-main_campus .detail a i { margin-right:1em; }
#main main .juken-main .juken-main_campus .detail a[href]:hover { background-color: #333; }
#main main .juken-main .juken-main_graduation { width: calc((100% - 4rem) / 2); }
#main main .juken-main .juken-main_graduation .juken-main_graduation_flex { margin: 3.5rem 0 0 0; padding: 0 2rem; }
#main main .juken-main .juken-main_graduation .juken-main_graduation_flex img { width: 100%; margin-bottom: 1.5em; }
#main main .juken-main .juken-main_graduation .juken-main_graduation_flex p { font-size: 1.2em; line-height: 2em; text-align: left; margin: 0 0 2em 0; }
#main main .juken-main .juken-main_graduation .detail { margin: 0 2rem; }
#main main .juken-main .juken-main_graduation .detail a { display: block; font-size: 1.25em; color:#fff; background-color: #2ba4ce; padding: 0.75em 0; border-radius: 2em; }
#main main .juken-main .juken-main_graduation .detail a i { margin-right:1em; }
#main main .juken-main .juken-main_graduation .detail a[href]:hover { background-color: #333; }
#main main .juken-main .juken-main_SC { margin-bottom: 3.5em; }
#main main .juken-main .juken-main_SC h2 { margin-bottom: 1.5em; }
#main main .juken-main .juken-main_SC .juken-main_SC_set { display:flex; justify-content: space-between; align-items: center; }
#main main .juken-main .juken-main_SC .juken-main_SC_set .juken-main_SC_set--photo { width: 62%; display: flex; justify-content: space-between; align-items: center; }
#main main .juken-main .juken-main_SC .juken-main_SC_set .juken-main_SC_set--photo img:nth-child(1) { width:65%; height:auto; }
#main main .juken-main .juken-main_SC .juken-main_SC_set .juken-main_SC_set--photo img:nth-child(2) { width:28%; height:auto; }
#main main .juken-main .juken-main_SC .juken-main_SC_set .juken-main_SC_set--txt { width: 34%; }
#main main .juken-main .juken-main_SC .juken-main_SC_set .juken-main_SC_set--txt p { font-size: 1.1em; line-height: 2em; text-align: left; }
#main main .juken-main .juken-main_SC .juken-main_SC_set .juken-main_SC_set--txt .detail { margin: 1.5rem 0 0 0; }
#main main .juken-main .juken-main_SC .juken-main_SC_set .juken-main_SC_set--txt .detail a { display: block; font-size: 1.25em; color:#fff; background-color: #2ba4ce; padding: 0.75em 0; border-radius: 2em; }
#main main .juken-main .juken-main_SC .juken-main_SC_set .juken-main_SC_set--txt .detail a i { margin-right:1em; }
#main main .juken-main .juken-main_SC .juken-main_SC_set .juken-main_SC_set--txt .detail a[href]:hover { background-color: #333; }
#main main .juken-main .juken-main_search .juken-main_search--ex { background-color: #c9e0ee; padding:2.5rem; margin: 2.5rem 0; display: flex; align-items: stretch; justify-content: space-between; }
#main main .juken-main .juken-main_search .juken-main_search--ex .juken-main_search--ex--txt { width:48.5%; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 3rem 2.5rem; background-color: #fff; border-radius: 1rem; }
#main main .juken-main .juken-main_search .juken-main_search--ex .juken-main_search--ex--txt p:nth-child(1) { font-size: 1.2em; line-height: 1.8em; text-align: left; margin-bottom:1em; }
#main main .juken-main .juken-main_search .juken-main_search--ex .juken-main_search--ex--txt p { font-size: 1em; line-height: 1.8em; text-align: left; }
#main main .juken-main .juken-main_search .juken-main_search--ex .juken-main_search--ex--qa { width: 48.5%; }
#main main .juken-main .juken-main_search .juken-main_search--ex .juken-main_search--ex--qa img { border-radius: 1rem; }

/* juken_ex */
#main main .juken-ex_top { margin: 2.5em 7.5%; }
#main main .juken-ex_main { width: 70%; background-color: #222222; color: #FFF; border:solid 1px #333; }
#main main .juken-ex-main h2 { font-size: 1.6em; border-top: solid 1px #333; border-bottom: solid 1px #333; padding: 0.75em 0; }
#main main .juken-ex_main .juken-ex_main_SC { margin :0 5% 5em 5%; }
#main main .juken-ex_main .juken-ex_main_SC img { margin-bottom: 5em; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set { display: flex; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set .left { width: 30%; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set .left img { margin-bottom: 4.5em; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set .left a { background-color: #2ba4ce; padding: 1em 3.5em; border-radius: 2em; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set .right { width:70%; padding-left: 5%; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set .right h2 { font-size: 1.6em; border-top: solid 0.5px #fff; border-bottom: solid 0.5px #fff; padding: 0.5em 0; margin-bottom: 1.25em; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set .right p { font-size: 1.05em; text-align: left; line-height: 2; }
#main main .juken-ex_main .juken-ex_main_teachers { margin :0 5% 3em 5%; }
#main main .juken-ex_main .juken-ex_main_teachers ul li { margin-bottom: 5em; }
#main main .juken-ex_main .juken-ex_main_teachers ul li h2 { font-size: 1.25em; border-top: solid 0.5px #fff; border-bottom: solid 0.5px #fff; padding: 0.5em 0; margin-bottom: 2em; }
#main main .juken-ex_main .juken-ex_main_teachers ul li .juken-ex_main_teachers_set { display: flex; }
#main main .juken-ex_main .juken-ex_main_teachers ul li .juken-ex_main_teachers_set img { width: 55%; margin-bottom: auto; }
#main main .juken-ex_main .juken-ex_main_teachers ul li .juken-ex_main_teachers_set .right { text-align: left; margin-left: 5%; }
#main main .juken-ex_main .juken-ex_main_teachers ul li .juken-ex_main_teachers_set .right .text { font-size: 1em; line-height: 1.8em; margin-bottom: 2.25em; }
#main main .juken-ex_main .juken-ex_main_teachers ul li .juken-ex_main_teachers_set .right .button p { width: 100%; color: #fff; background-color: #2ba4ce; border-radius: 2em; text-align: center; padding: 0.75em 3em; margin-top: 1.25em; }
#main main .juken-ex_main .juken-ex_main_ouroboros { margin :0 5%; }
#main main .juken-ex_main .juken-ex_main_ouroboros img { height: auto; border-top: solid 0.5px #fff; border-bottom: solid 0.5px #fff; padding: 2em 25%; }
#main main .juken-ex_main .juken-ex_main_ouroboros p { font-size: 1.15em; line-height: 2em; text-align: left; margin: 3em 0 5em 0; padding-bottom: 3em; border-bottom: solid 0.75px #fff; }

/* flow */
.simulator { background-color: #CAE1ED; }
#flow { margin: auto; width: 100%; text-align: center; }
#flow h2 { font-size: 3.8em; line-height: 1.3em; margin-bottom: 0.8em; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; color: #333333; }
#flow h3 { font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1em; line-height: 1.4em; font-weight: bold; margin-top: 3em; margin-bottom: 1em; }
#flow p { margin-bottom: 2em; line-height: 2em; font-size: 1.4em; font-weight: bold; }
#flow .qa { border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 2em; padding-right: 1em; padding-bottom: 3em; padding-top: 3em; padding-left: 1em; background-color: #FF9; }
#flow .qa ul { overflow: hidden; }
#flow .qa li { border-radius: 3em; -webkit-border-radius: 3em; -moz-border-radius: 3em; cursor: pointer; background-color: #FFF; text-align: center; margin-right: 1em; list-style-type: none; display: inline-block; color: #333; font-weight: bold; padding-top: 1em; padding-right: 2em; padding-bottom: 1em; padding-left: 2em; font-size: 1.1em; }
#flow .qa li:last-child { margin-right: 0; }
#flow .qa h3 { font-size: 1.7em; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; color: #333333; line-height: 1.6em; padding: 0px; margin-top: 0em; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; }
#flow .qa h3 span { display: block; font-size: 2em; margin-bottom: 0.8em; }
#flow .qa li:hover, #flow .qa li.on { color: #FFF; background-color: #09C; }
#flow #clear { border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; cursor: pointer; color: #FFF; background-color: #333; padding: 1em; text-align: center; margin-right: auto; margin-left: auto; font-size: 1em; font-weight: bold; margin-top: 1em; }
#flow #clear:hover { background-color: #09C; }
#flow #submit { cursor: pointer; color: #FFF; background-color: #09C; padding: 1em; text-align: center; margin-bottom: 1em; margin-right: auto; margin-left: auto; font-size: 2em; font-weight: bold; margin-top: 1em; border: 5px solid #FFF; }
#flow #submit:hover { background-color: #333; }
#flow .result { padding: 2em; border: 1em solid #FFF; width: 100%; margin-top: 2em; }
#flow .result .result_head { font-size: 1.5em; margin-bottom: 1em; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; }
#flow .result .result_foot { font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.5em; font-weight: bold; margin-top: 1em; }
#flow .result #result_items li a { border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; color: #FFF; background-color: #09C; display: block; padding: 1em; margin-bottom: 1em; font-size: 1.6em; line-height: 1em; font-weight: bold; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/* sp */
@media screen and (max-width: 600px) {

/* options */
.pc { display:none !important; }
.sp { display:block !important; }
.pcbr { display:inline; }
.spbr { display:block; }
.pc_inline { display:none; }
.sp_inline { display:inline; }

/* wrapper */
#wrapper { min-width: 0; padding:0; }

/* header */
#header header .header__title { width:auto; padding:1.25rem; }
#header header .header__title img { height:5.5rem; width:auto; }
#header header nav { display:none; }
#header header nav .header__hnav { display:none; }
#header header nav .header__gnav { display:none; }

/* footer */
#footer { width:90%; margin:auto; }
#footer footer { flex-direction: column; }
#footer footer .footer__fnav { margin:0 0 1.5em 0; }
#footer footer .footer__fnav li { font-size: 1rem; margin:0 0.75em 1em 0; }
#footer footer address { border-top:solid 1px #333; line-height: 2; padding:1em 0 0 0; }
#footer footer address .footer__homelink { padding:0 0 0 1em; }
#footer footer .copyright { line-height: 2; margin:1em 0 0 0; }

/* slide */
#main main .slide { margin:0 0 0 0; flex-direction: column; }
#main main .slide .slide_main { width:100%; margin:0 0 7rem 0; }
#main main .slide .slide_side { width:100%; margin:auto; }
#main main .slide .slide_side figure { width:90%; margin:0 auto 1.5rem auto; }

/* alert */
#main main .alert { width:90%; margin:0 auto 2rem auto; flex-direction: column; }
#main main .alert .title-alert { line-height: 3; width:100%; }
#main main .alert .alert__link { width:100%; border-left:none; border-top:solid 1px #ff0000; }
#main main .alert .alert__link li a { font-size: 1rem; margin:0 0 1em 0; }

/* title */

/* link */
#main main .link_ul.link_ul_s .link_ul_item figure figcaption { font-size: 0.9rem; margin:1em auto; }
#main main .link_ul.link_ul_s .link_ul_item time { font-size: 0.8rem; }
#main main .top__link.link_ul { width:100%; justify-content: space-between; }
#main main .top__link.link_ul .link_ul_item { width:47.5%; }
#main main .top__link.link_ul .link_ul_item a { padding: 0 0; }
#main main .top__link.link_ul .link_ul_item figure { height: 11em; }

/* tab */
.tab_item { width:49%; margin:1em 0 0 0; font-size: 1.1rem; }
.tab_item:nth-of-type(odd) { border-left:solid 1px #333; }

/* topics */
#main main .topics { width:90%; margin:auto; }

/* event */
#main main .event { width:90%; margin:auto; }
#main main .event .link_ul .link_ul_item figure { height:10rem; margin:0 0 1.5rem 0; }
#main main .event .link_ul .link_ul_item figure img { padding:0.5rem; }

/* news */
#main main .news { width:90%; margin:auto; }
#main main .news .link_ul .link_ul_item { width:50%; margin:0 0 1.5rem 0; }
#main main .news .link_ul .link_ul_item figure { height:10rem; margin:0 0 3.5rem 0; }
#main main .news .link_ul .link_ul_item figure img { padding:0.5rem; }

/* features */
#main main .features { width:90%; margin:0 auto 0.5rem auto; }
#main main .features .features__link li { width:48%; margin:0 4% 1rem 0; }
#main main .features .features__link li:nth-child(4n) { margin:0 4% 1rem 0; }
#main main .features .features__link li:nth-child(2n) { margin:0 0 1rem 0; }

/* department */
#main main .department { width:90%; margin:0 auto 0.5rem auto; }
#main main .department .department-all .department-all__list { width:100%; margin:0 0 3rem 0; }
#main main .department .department-all .department-all__list dd a { color:#2ba4ce; }

/* banner */
#main main .banner { width:90%; margin:0 auto 0.5rem auto; }
#main main .banner .banner__link li { width:48%; margin:0 0 1rem 0; }
#main main .banner .banner__link li:nth-child(1) { width:100%; }
#main main .banner .banner__link li:nth-child(2) { width:48%; }
#main main .banner .banner__link li:nth-child(5),
#main main .banner .banner__link li:nth-child(11) { margin:0 0 1rem 0; }
#main main .banner .banner__link li:nth-child(2n) { margin:0 4% 1rem 0;  }

/* cover */
#main main .cover { flex-direction: column-reverse; border-bottom:none; }
#main main .cover .title-cover { width:100%;}
#main main .cover .title-cover h1 { font-size: 1.7rem; text-align: left; padding:1em 5%; }
#main main .cover .fig-cover { width:100%; height:15rem; }

/* pankuzu */
#main main .pankuzu { width:90%; margin:auto; border-top:solid 1px #333; }
#main main .pankuzu ul { padding: 1rem 0; overflow-x: auto; flex-wrap: nowrap; }
#main main .pankuzu ul li { font-size: 0.9rem; flex-shrink: 0; white-space: nowrap; }

/* common-main */
#main main .common-main { width:90%; margin:auto; padding:2rem 0 0 0; }
#main main .common-main h1 { margin-bottom: 1.7em; line-height: 1.4em; text-align: center; padding-bottom: 0.6em; padding-top: 0em; }
#main main .common-main h1 span { display: block; line-height: 1.4em; margin-top: 0px; margin-right: 0px; margin-bottom: 0.2em; margin-left: 0px; }
#main main .common-main h2 { font-size: 1.7rem; margin: 1em 0; }
#main main .common-main .common-main__body { width:100%; border-left:none; padding:0 0 0 0; margin:0 auto 0 auto; }
#main main .common-main .common-main__body h3 { font-size: 1.2em; line-height: 1.5; padding: 0.5em 1em; }
#main main .common-main .common-main__body h3:first-child { margin: 3em 0 1.5em 0; }
#main main .common-main .common-main__body h3:last-child { margin-top: 0px; }
#main main .common-main .common-main__body h5 { line-height: 1.5; }
#main main .common-main .common-main__body h6 { margin: 2em auto 1em auto; }
#main main .common-main .common-main__body table { margin: 2rem auto; }
#main main .common-main .common-main__body table.past-deans { margin:0 0 3em 0; }
#main main .common-main .common-main__body table.past-deans tr { display:flex; flex-wrap: wrap; }
#main main .common-main .common-main__body table.past-deans tr td { width: 50%; vertical-align: top; }
#main main .common-main .common-main__body blockquote { margin: 2rem auto; }
#main main .common-main .common-main__body dt { font-size: 1.15em; }
#main main .common-main .common-main__body dd { font-size: 1.15em; }
#main main .common-main .common-main__body p { line-height: 1.8; margin:0 0 2em 0; text-align:justify; }
#main main .common-main .common-main__body .sectionContent { padding: 0; }
#main main .common-main .common-main__body .sectionContent .right { float: none; clear: both; }
#main main .common-main .common-main__body .sectionContent .mainSectionContent { clear: both; width: 100%; }
#main main .common-main .common-main__body .sectionContent .subSectionContent { clear: both; width: 100%; }
#main main .common-main .common-main__body .sectionContent .box-outer { width: 100% !important; }
#main main .common-main .common-main__body .sectionContent .box-inner { width: 100% !important; }
#main main .common-main .common-main__body #localNav { padding:1em; }
#main main .common-main .common-main__body #localNav li { padding: 1em 1em 1em 4em; font-size: 1.1em; line-height: 1.8em; margin:0 0 0.75em 0; }
#main main .common-main .common-main__body #localNav li::before { left:2em; top:2em; }
#main main .common-main .common-main__body #under_navi li { padding-top: 1em; padding-bottom: 1em; background-image: url(../images/yajirushi.png); }
#main main .common-main .common-main__body .twoColumns .twoColumns_left { clear: both; width: 100%; }
#main main .common-main .common-main__body .twoColumns .twoColumns_right { clear: both; width: 100%; padding-left: 0; border-left: none; }
#main main .common-main .common-main__body .video_archives { width: 100%; }
#main main .common-main .common-main__body .video_archives dt { margin-right: 0; }
#main main .common-main .common-main__body .video_archives dd { margin-right: 0; }
#main main .common-main .share { padding:0 0 3rem 0; }
#main main .common-main .share .share_title { margin:0 0 2em 0; }
#main main .common-main .share .share_title span { top:-0.75em; }
#main main .common-main .share .share_title span::before { padding:0 1em; }

/* graduate */
#main main .graduate .graduate__voice { padding:0 1.5rem; flex-direction: column-reverse; }
#main main .graduate .graduate__voice .graduate__voice-txt { border-right:none; padding:0 0 0 0; margin:3em 0 0 0; width:100%; line-height: 1.8; }
#main main .graduate .graduate__voice .graduate__voice-profile { width:100%; font-size: 1rem; text-align: center; }
#main main .graduate .graduate__voice .graduate__voice-profile img { width:70%; margin:auto; }
#main main .graduate .graduate__voice .graduate__voice-profile figcaption { margin:2em 1em 0 1em; }
#main main .graduate .graduate__voice:nth-child(even) { flex-direction: column-reverse; }
#main main .graduate .graduate__voice:nth-child(even) .graduate__voice-txt { padding:0 0 0 3em; }

/* common-side */
#main main .common-side { width:90%; margin:auto; border-left: none; border-top:solid 1px #333; }
#main main .common-side .common-side__navi h3 { padding:1.5rem 1.5rem; font-size: 1.3rem; letter-spacing: 0.15em; }
#main main .common-side .common-side__navi h3 i { margin:0 0.5rem 0 0; }
#main main .common-side .common-side__navi ul li a { padding:1rem 1rem 1rem 1.5rem; }
#main main .common-side .common-side__navi ul li a i { margin: 0 1rem 0 0; }
#main main .common-side .common-side__navi ul li:first-child { margin:1.5em 0 0 0; }
#main main .common-side .common-side__banner { padding:2rem 0 0 0; }
#main main .common-side .common-side__banner li { margin:0 0 2em 0; }
#main main .common-side .common-side__labo h3 { padding:1.5rem 1.5rem; font-size: 1.3rem; letter-spacing: 0.15em; }
#main main .common-side .common-side__labo h3 i { margin: 0 0.5rem 0 0; }
#main main .common-side .common-side__labo dl { padding:1.5em 0; }

/* navi */
#navi { width:4rem; min-width: 0; min-height: 0; }
#navi .navi__snav li a { font-size: 1rem; line-height: 1.5; display:block; width:100%; padding:0.35em 0; border-bottom:solid 1px #333; }
#navi .navi__snav li a[href]:hover { color:#fff; background-color: #333; }
#navi .navi__snav li.navi__snav-menu { height:4rem; }
#navi .navi__snav li.navi__snav-search { height:4rem; }
#navi .navi__snav li.navi__snav-en,
#navi .navi__snav li.navi__snav-jp,
#navi .navi__snav li.navi__snav-large,
#navi .navi__snav li.navi__snav-small,
#navi .navi__snav li.navi__snav-twitter,
#navi .navi__snav li.navi__snav-youtube,
#navi .navi__snav li.navi__snav-line { display:none;  }

/* juken */
#main main .slide .juken_slide_main { margin-bottom: 3.5em; }
#main main .slide .juken_slide_side { margin-bottom: 3.5em; }
#main main .slide .juken_slide_side .slide_side_title { margin-bottom: 3em; }
#main main .slide .juken_slide_side .slide_side_text { font-size: 1.15em; }
#main main .juken-main { margin: 0 5%; padding: 0; }
#main main .juken-main .juken-main_navi ul { flex-wrap: wrap; padding: 0; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list { width: 100% !important; padding: 2.5rem 1.5rem !important; border-right: none; border-bottom: solid 1px #333; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list:last-child { border-bottom: none; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set p { font-size: 1.4em; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set p.list_set--title { margin:0 0 1em 0; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set p.list_set--title:nth-child(n+3) { margin:2em 0 1em 0; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set .button .arrow { padding: 1.25em 1.65em; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set .button .arrow_long { padding: 2.15em 1.65em; }
#main main .juken-main .juken-main_navi ul .juken-main_navi_list .list_set .button p { font-size: 1.2em; padding: 0.9em 1.2em 0.9em 4em; }
#main main .juken-main .juken-main_line .juken-main_line_set { flex-direction: column; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_about { margin:0 0 2rem 0; flex-direction: column; width: 100%; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_about img { margin:0 0 1em 0; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_about .juken-main_line_set_about--txt { width: 100%; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_about .juken-main_line_set_about--txt .juken-main_line_title { text-align: center; font-size:2em; margin-bottom: 0.75em; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_QR { width: 100%; margin-left: 0; }
#main main .juken-main .juken-main_line .juken-main_line_set .juken-main_line_set_QR .juken-main_line_set_QR--txt p { font-size: 0.8em; }
#main main .juken-main .juken-main_support ul { padding:0.5rem 0; }
#main main .juken-main .juken-main_support ul li { margin:0 0 1.5em 0; }
#main main .juken-main .juken-main_support ul li a { justify-content: space-between; align-items: flex-start; }
#main main .juken-main .juken-main_support ul li a span:nth-child(1) { width: 30%; margin-top:0.25em; }
#main main .juken-main .juken-main_support ul li a span:nth-child(2) { width: 65%; }
#main main .juken-main .juken-main_department ul { margin: 0; padding: 0; }
#main main .juken-main .juken-main_department ul .juken-main_department_list { width: 50%; font-size: 1.05em; letter-spacing: 0.01em; line-height: 1.5em; }
#main main .juken-main .juken-main_department ul .juken-main_department_list:nth-child(4) { margin:0; }
#main main .juken-main .juken-main_department ul .juken-main_department_list:nth-child(5) { margin:0; }
#main main .juken-main .juken-main_department ul .juken-main_department_list:nth-child(n+5) { border-bottom: solid 1px #333; }
#main main .juken-main .juken-main_department ul .juken-main_department_list:nth-child(n+7) { border-bottom: none; }
#main main .juken-main .juken-main_department ul .juken-main_department_list a { margin: 2em 0; border-right:none; }
#main main .juken-main .juken-main_department ul .juken-main_department_list:nth-child(odd) a { border-right: solid 1px #333; padding: 0 10% 0 0; }
#main main .juken-main .juken-main_department ul .juken-main_department_list:nth-child(even) a { border: none;  padding: 0 0 0 10%; }
#main main .juken-main .juken-main_department ul .juken-main_department_list p { font-size: 1em; }
#main main .juken-main .juken-main_flow { margin: 0; }
#main main .juken-main .juken-main_flow h2 { margin: 0; }
#main main .juken-main .juken-main_flow img { margin: 2.5em 0; }
#main main .juken-main .juken-main_2col { flex-direction: column; }
#main main .juken-main .juken-main_campus { width:100%; padding:0 0 5em 0; border-right:none; }
#main main .juken-main .juken-main_campus .detail { display:block; }
#main main .juken-main .juken-main_campus .detail p { font-size: 1.25em; color:#fff; background-color: #2ba4ce; padding: 0.75em 0; border-radius: 2em; }
#main main .juken-main .juken-main_campus .detail p i { margin-right:1em; }
#main main .juken-main .juken-main_graduation { width:100%; padding:0 0 0 0; }
#main main .juken-main .juken-main_graduation .detail { display:block; }
#main main .juken-main .juken-main_graduation .detail p { font-size: 1.25em; color:#fff; background-color: #2ba4ce; padding: 0.75em 0; border-radius: 2em; }
#main main .juken-main .juken-main_graduation .detail p i { margin-right:1em; }
#main main .juken-main .juken-main_SC .juken-main_SC_set { flex-direction: column; }
#main main .juken-main .juken-main_SC .juken-main_SC_set .juken-main_SC_set--photo { width: calc(100% - 4rem); margin-bottom:3em; }
#main main .juken-main .juken-main_SC .juken-main_SC_set .juken-main_SC_set--txt { width: calc(100% - 4rem); }
#main main .juken-main .juken-main_SC .juken-main_SC_set .juken-main_SC_set--txt .detail { display:block; margin-top:1.5em; text-align: center; font-size: 1.25em; color:#fff; background-color: #2ba4ce; border-radius: 2em; }
#main main .juken-main .juken-main_SC .juken-main_SC_set .juken-main_SC_set--txt .detail i { margin-right:1em; }
#main main .juken-main .juken-main_search .juken-main_search--ex { flex-direction: column; padding:1.5rem; margin: 1.5rem 0; }
#main main .juken-main .juken-main_search .juken-main_search--ex .juken-main_search--ex--txt { width: 100%; padding:2rem; margin-bottom:1.5rem; }
#main main .juken-main .juken-main_search .juken-main_search--ex .juken-main_search--ex--txt p { font-size: 0.9em; }
#main main .juken-main .juken-main_search .juken-main_search--ex .juken-main_search--ex--qa { width: 100%; }

/* juken_ex */
#main .juken-ex { border-top:solid 0.75px #333; }
#main main .juken-ex_top { margin-bottom: 3.5em; }
#main main .juken-ex_main { width: 100%; margin: 0 5%; }
#main main .juken-ex_main .juken-ex_main_SC { margin :0 5%; }
#main main .juken-ex_main .juken-ex_main_SC img { margin: 1.5em 0 2.5em 0; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set { flex-direction: column; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set .left { width: 70%; margin: 0 auto; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set .left img { width: 100%; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set .left a { margin-bottom: 3em; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set .right { width:90%; padding: 0; margin: 5em auto; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set .right h2 { padding: 0.75em 0; margin-bottom: 1.5em; }
#main main .juken-ex_main .juken-ex_main_SC .juken-ex_main_SC_set .right p { font-size: 1.1em; line-height: 1.8em; }
#main main .juken-ex_main .juken-ex_main_teachers ul li { margin-bottom: 3.5em; }
#main main .juken-ex_main .juken-ex_main_teachers ul li h2 { font-size: 1.3em; }
#main main .juken-ex_main .juken-ex_main_teachers ul li .juken-ex_main_teachers_set { flex-direction: column; }
#main main .juken-ex_main .juken-ex_main_teachers ul li .juken-ex_main_teachers_set img { width: 100%; margin-bottom:1.5em; }
#main main .juken-ex_main .juken-ex_main_teachers ul li .juken-ex_main_teachers_set .right { margin-left: 0; }
#main main .juken-ex_main .juken-ex_main_ouroboros img { padding: 2em 0; }
#main main .juken-ex_main .juken-ex_main_ouroboros p { font-size: 1.1em; line-height: 1.8em; padding-bottom: 2.5em; margin: 2.5em 0 3.5em 0; }

/* flow */
#flow h2 { font-size: 2.2em; line-height: 1.6em; margin-bottom: 1em; }
#flow h3 { margin-bottom: 1.5em; }
#flow p { margin-bottom: 3em; line-height: 1.8em; font-size: 1.3em; text-align: left; }
#flow p br { display: none; }
#flow .qa { padding-right: 2rem; padding-bottom: 2rem; padding-top: 3rem; padding-left: 2rem; }
#flow .qa li { margin-right: 0em; display: block; padding-right: 3em; padding-left: 3em; margin-top: 1em; margin-bottom: 1em; font-size: 1.4em; line-height: 1em; }
#flow .qa h3 { font-size: 1.4em; margin-bottom: 0.5em; }
#flow .qa li:hover, #flow .qa li.on { background-color: #30A3CE; }
#flow #submit { background-color: #30A3CE; }

}

/* size */
html { font-size: clamp(11px, 0.92vw, 15px); }

@media screen and (max-width: 600px) {
html { font-size: clamp(0px, 3.1vw, 100px); }
}

#fontsize {
  font-size: 1rem;
}