@charset "UTF-8";
/* Scss Document */
/***********************************************************************
media queries setting
**********************************************************************/
/**************
font-family
**************/
@font-face { font-family: 'tegaki-font'; font-style: normal; font-weight: normal; src: url("../img/experience-admission/open-campus/tegaki.woff2") format("woff2"), url("../img/experience-admission/open-campus/tegaki.woff") format("woff"), url("../img/experience-admission/open-campus/tegaki.eot") format("eot"); }
.clearfix:after { content: ""; display: block; clear: both; }

.clearfix:before { 　　　　content: ""; display: block; clear: both; }

.clearfix { display: block; }

.opencampus-page-link { margin: 24px 0 0; }

@media (max-width: 560px) { .opencampus-page-link { margin: 12px 0 3px; } }
.opencampus-page-link li { margin-bottom: 0; }

@media (max-width: 560px) { .opencampus-page-link li { margin-bottom: 8px; width: 48%; flex-basis: 48%; } }
@media (max-width: 560px) { .opencampus-page-link li a { font-size: 13px; } }
@media (max-width: 560px) { .opencampus-page-link li a::before { border-width: 14px 10px 18px 0; } }
@media (max-width: 560px) { .opencampus-page-link li a::after { border-width: 14px 0 18px 10px; } }
.open-campus .heading-page { display: none; }

.entrance-exam-opencampus {                             	/*h3{
		background: #ea68a2;
		color: #fff;
		font-size: 25px;
		padding: 11px 5px; margin-bottom: 0;
		text-align: center;
		
		@media (max-width: 561px){
			font-size: 1.1rem;
		}
	}*/ }

@media (max-width: 560px) { .entrance-exam-opencampus { padding-bottom: 32px; } }
.entrance-exam-opencampus .spbr { display: none; }

.entrance-exam-opencampus .pcbr { display: block; }

@media (max-width: 560px) { .entrance-exam-opencampus .spbr { display: block; }
  .entrance-exam-opencampus .pcbr { display: none; } }
.entrance-exam-opencampus .indent-text { padding-left: 2.5em; }

@media (max-width: 560px) { .entrance-exam-opencampus .indent-text { padding-left: 0; } }
.entrance-exam-opencampus .jax .btn-brand { /*background-color: #00a175;*/ background-color: #ea68a2; }

.entrance-exam-opencampus h2 { font-size: 1.5rem; }

@media (max-width: 560px) { .entrance-exam-opencampus h2 { font-size: 1.1rem; } }
.entrance-exam-opencampus .head { position: relative; z-index: 1; }

.entrance-exam-opencampus .head img { display: block; margin: auto; max-width: 1280px; width: 90%; }

.entrance-exam-opencampus .hexagon { font-weight: 700; position: relative; z-index: 3; display: block; margin: 0; text-align: center; -webkit-box-flex: 0; -webkit-flex: 0 1 4em; -ms-flex: 0 1 4em; flex: 0 1 4em; }

.entrance-exam-opencampus .hexagon::before { display: block; padding-top: 173.205080757%; content: ''; }

.entrance-exam-opencampus .hexagon .hexagon__inner-1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(120deg); }

.entrance-exam-opencampus .hexagon .hexagon__inner-2 { background-color: #ededed; height: 100%; position: absolute; top: 0; left: 0; transform: rotate(-120deg); width: 100%; }

.entrance-exam-opencampus .hexagon .hexagon-text { margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; white-space: nowrap; z-index: 99; }

.entrance-exam-opencampus li { list-style: none; }

.entrance-exam-opencampus #main .main-image .container { background: #fff; padding: 0 0 0; width: 100%; }

.entrance-exam-opencampus #main .main-image .container .title { max-width: 835px; width: 54%; position: absolute; top: 20%; left: 40%; }

@media (max-width: 561px) { .entrance-exam-opencampus #main .main-image .container .title { top: 38px; left: 2.5%; /*transform: translate(-50%, 0);*/ width: 95%; } }
.entrance-exam-opencampus #main .main-image .container .item1, .entrance-exam-opencampus #main .main-image .container .item2, .entrance-exam-opencampus #main .main-image .container .item3, .entrance-exam-opencampus #main .main-image .container .item4 { position: absolute; }

.entrance-exam-opencampus #main .main-image .container .item1 { top: 0; left: 0; }

@media (max-width: 561px) { .entrance-exam-opencampus #main .main-image .container .item1 { width: 65%; } }
.entrance-exam-opencampus #main .main-image .container .item2 { top: 0; right: 0; }

.entrance-exam-opencampus #main .main-image .container .item3 { bottom: 0; left: 0; }

@media (max-width: 561px) { .entrance-exam-opencampus #main .main-image .container .item3 { width: 30%; } }
.entrance-exam-opencampus #main .main-image .container .item4 { bottom: 0; right: 0; }

@media (max-width: 561px) { .entrance-exam-opencampus #main .main-image .container .item4 { width: 50%; } }
.entrance-exam-opencampus #main .main-image img:not(.item1, .item2, .item3, .item4) { vertical-align: bottom; width: 100%; }

.entrance-exam-opencampus #main .main-image .pc { display: block; }

@media (max-width: 561px) { .entrance-exam-opencampus #main .main-image .pc { display: none; } }
.entrance-exam-opencampus #main .main-image .sp { display: none; }

@media (max-width: 561px) { .entrance-exam-opencampus #main .main-image .sp { display: block; } }
.entrance-exam-opencampus .place-time-box { background: #fff; margin: 0px auto 0; position: relative; padding: 1rem .5rem 0; border-top-left-radius: 25px; border-top-right-radius: 25px; width: 90%; }

@media (min-width: 561px) { .entrance-exam-opencampus .place-time-box { max-width: 700px; margin: 0px auto 0; padding: 2rem 2rem 0; } }
.entrance-exam-opencampus #schedule { background: yellow; padding-top: 64px; position: relative; margin-top: 42px; /*paint*/ /*** list共通 ***/ /*** list共通 ***/ /*** .detail-list ***/ /*** .detail-list ***/ /*** .date-list ***/ /*** .date-list ***/ }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule { padding-top: 42px; padding-bottom: 42px; margin-top: 0; } }
.entrance-exam-opencampus #schedule::before { content: ""; background: url(../img/home/news-border-top.jpg) repeat-x 0 0; width: 100%; height: 37px; position: absolute; top: 0; left: 0; }

.entrance-exam-opencampus #schedule::after { content: ""; background: url(../img/home/news-border-bottom.jpg) repeat-x 0 0; width: 100%; height: 37px; position: absolute; bottom: 0; left: 0; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule::after { bottom: -4px; } }
.entrance-exam-opencampus #schedule .paint { position: absolute; z-index: 0; }

.entrance-exam-opencampus #schedule .paint.item1 { top: 2%; left: 3%; }

@media (max-width: 560px) { .entrance-exam-opencampus #schedule .paint.item1 { top: -2%; left: 22%; } }
.entrance-exam-opencampus #schedule .paint.item1 img { width: 335px; }

@media (max-width: 560px) { .entrance-exam-opencampus #schedule .paint.item1 img { width: 110px; } }
.entrance-exam-opencampus #schedule .paint.item2 { top: 29%; left: 5%; }

.entrance-exam-opencampus #schedule .paint.item2 img { width: 87px; }

.entrance-exam-opencampus #schedule .paint.item3 { bottom: 17%; left: 6%; }

.entrance-exam-opencampus #schedule .paint.item3 img { width: 163px; }

.entrance-exam-opencampus #schedule .paint.item4 { top: 2%; right: 11%; }

@media (max-width: 560px) { .entrance-exam-opencampus #schedule .paint.item4 { top: 2%; right: 5%; } }
.entrance-exam-opencampus #schedule .paint.item4 img { width: 199px; }

@media (max-width: 560px) { .entrance-exam-opencampus #schedule .paint.item4 img { width: 60px; } }
.entrance-exam-opencampus #schedule .paint.item5 { top: 17%; right: 4%; }

.entrance-exam-opencampus #schedule .paint.item5 img { width: 146px; }

.entrance-exam-opencampus #schedule .paint.item6 { top: 39%; right: 8%; }

@media (max-width: 560px) { .entrance-exam-opencampus #schedule .paint.item6 { display: none; top: auto; bottom: 26%; right: auto; left: 11%; } }
.entrance-exam-opencampus #schedule .paint.item6 img { width: 68px; }

@media (max-width: 560px) { .entrance-exam-opencampus #schedule .paint.item6 img { width: 30px; } }
.entrance-exam-opencampus #schedule .paint.item7 { bottom: 19%; right: 11%; }

.entrance-exam-opencampus #schedule .paint.item7 img { width: 205px; }

@media (max-width: 560px) { .entrance-exam-opencampus #schedule .paint.item7 img { width: 80px; } }
@media (max-width: 560px) { .entrance-exam-opencampus #schedule .paint.item2, .entrance-exam-opencampus #schedule .paint.item3, .entrance-exam-opencampus #schedule .paint.item5 { display: none; } }
.entrance-exam-opencampus #schedule .head img { display: block; max-width: 700px; width: 80%; margin: auto; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .container { width: 95%; } }
.entrance-exam-opencampus #schedule ul { display: flex; flex-wrap: wrap; font-size: 0; justify-content: center; padding: 0; width: 100%; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule ul { margin: 0 auto; } }
@media (max-width: 561px) { .entrance-exam-opencampus #schedule li { margin-bottom: 5px; } }
.entrance-exam-opencampus #schedule li .sun { color: #e60c11; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .detail-list { display: block; } }
.entrance-exam-opencampus #schedule .detail-list li { background: #fff; border-radius: 20px; border-top: none; border-bottom: none; margin: 1% 0; padding: 1% 2% 0%; position: relative; width: 45%; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .detail-list li { margin: 0 2% 15px; padding: 0.5rem 1rem 0.15rem; width: 96%; } }
.entrance-exam-opencampus #schedule .detail-list .width-max { border: 10px solid #db2480; border-radius: 28px; padding: 3% 3%; width: 100%; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .detail-list .width-max { width: 100%; } }
.entrance-exam-opencampus #schedule .detail-list .width-max::before { content: none; }

.entrance-exam-opencampus #schedule .detail-list .width-max p.date { line-height: 100%; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .detail-list .width-max p.date { margin-top: 2em; } }
.entrance-exam-opencampus #schedule .detail-list .width-max p.date strong { color: #db2480; font-size: 3.5rem; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .detail-list .width-max p.date strong { font-size: 2.5rem; } }
.entrance-exam-opencampus #schedule .detail-list .width-max .title { font-size: 26px; margin: .5em 0 .25em; }

.entrance-exam-opencampus #schedule .detail-list p { background: #F9FC8C; border-radius: 8px; font-size: 14px; font-weight: bold; padding: .75rem; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .detail-list p { font-size: 13px; } }
.entrance-exam-opencampus #schedule .detail-list p.date, .entrance-exam-opencampus #schedule .detail-list p.link-btn { background: none; font-size: 1rem; padding: 0; margin: 0; }

.entrance-exam-opencampus #schedule .detail-list .title { color: #db2480; font-size: 24px; margin-bottom: 0.5rem; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .detail-list .title { font-size: 20px; } }
.entrance-exam-opencampus #schedule .detail-list .date { font-size: 1.1rem; font-weight: bold; margin-bottom: 0; }

.entrance-exam-opencampus #schedule .detail-list .date strong { font-size: 2.5rem; margin: 0 5px; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .detail-list .date strong { font-size: 2rem; } }
.entrance-exam-opencampus #schedule .detail-list .link-btn { margin: 1rem 0 1rem; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .detail-list .link-btn { text-align: center; } }
.entrance-exam-opencampus #schedule .detail-list .link-btn a { background: #00ACC0; border-radius: 8px; color: #fff; display: inline-block; padding: 8px 16px 6px; }

.entrance-exam-opencampus #schedule .detail-list .link-btn a:hover { background: #006B77; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .detail-list .link-btn a { font-size: 13px; } }
@media (max-width: 561px) { .entrance-exam-opencampus #schedule .date-list { flex-wrap: wrap; text-align: left; width: calc(16rem + 5px); } }
.entrance-exam-opencampus #schedule .date-list li { padding: 0 78px; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .date-list li { padding: 0 2rem; }
  .entrance-exam-opencampus #schedule .date-list li:nth-child(odd) { margin-right: 5px; } }
.entrance-exam-opencampus #schedule .hexagon { height: 270px; width: 156px; max-width: 156px; color: #231815; background-color: #ededed; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .hexagon { height: 114px; width: 4rem; max-width: 4rem; } }
.entrance-exam-opencampus #schedule .hexagon .hexagon__inner-1 { background-color: #ededed; }

.entrance-exam-opencampus #schedule .hexagon .hexagon__inner-2 { background-color: #ededed; }

.entrance-exam-opencampus #schedule .hexagon .hexagon-text { font-size: 1.7rem; height: 135px; line-height: 1.2; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .hexagon .hexagon-text { font-size: 1rem; height: 64px; } }
.entrance-exam-opencampus #schedule .hexagon .hexagon-text strong { font-size: 3.45rem; }

@media (max-width: 561px) { .entrance-exam-opencampus #schedule .hexagon .hexagon-text strong { font-size: 1.5rem; } }
.entrance-exam-opencampus .entry { padding-top: 0; padding-bottom: 0; }

.entrance-exam-opencampus .entry h3 { margin-bottom: 50px; }

@media (max-width: 561px) { .entrance-exam-opencampus .entry h3 { margin-bottom: 20px; } }
.entrance-exam-opencampus .entry .container-smaller { width: 780px; }

@media (max-width: 561px) { .entrance-exam-opencampus .entry .container-smaller { width: inherit; } }
.entrance-exam-opencampus .entry ul { padding: 0; }

.entrance-exam-opencampus .entry form { margin: 0 auto; max-width: 600px; }

.entrance-exam-opencampus #flow { padding-bottom: 0; }

.entrance-exam-opencampus #flow .flow1 { margin-top: 42px; margin-bottom: 0px; }

.entrance-exam-opencampus #flow .flow2 { margin-bottom: -115px; }

@media (max-width: 561px) { .entrance-exam-opencampus #flow .flow1 { margin-bottom: 0; margin-top: 0; }
  .entrance-exam-opencampus #flow .flow2 { margin-bottom: 0; } }
.entrance-exam-opencampus #point, .entrance-exam-opencampus #questionnaire, .entrance-exam-opencampus #faq { /*background: #fdf0f6;*/ }

.entrance-exam-opencampus #point { overflow-x: hidden; margin-top: 82px; padding-top: 0; /***.point1***/ /***.point1***/ /***.point3***/ /***.point1***/ /***.point4***/ /***.point4***/ /***.point5***/ /***.point5***/ }

@media (max-width: 561px) { .entrance-exam-opencampus #point { margin-top: 0px; } }
.entrance-exam-opencampus #point h3 { margin-bottom: 55px; }

@media (max-width: 561px) { .entrance-exam-opencampus #point h3 { margin-bottom: 0px; } }
.entrance-exam-opencampus #point ul { padding: 0; }

.entrance-exam-opencampus #point .point-box:nth-child(odd) .hexagon { background-color: #00acc0; }

.entrance-exam-opencampus #point .point-box:nth-child(odd) .hexagon .hexagon__inner-1 { background-color: #00acc0; }

.entrance-exam-opencampus #point .point-box:nth-child(odd) .hexagon .hexagon__inner-2 { background-color: #00acc0; }

.entrance-exam-opencampus #point .point-box:nth-child(odd) h4 { color: #00acc0; }

.entrance-exam-opencampus #point .point-box:nth-child(even) .hexagon { background-color: #ea68a2; }

.entrance-exam-opencampus #point .point-box:nth-child(even) .hexagon .hexagon__inner-1 { background-color: #ea68a2; }

.entrance-exam-opencampus #point .point-box:nth-child(even) .hexagon .hexagon__inner-2 { background-color: #ea68a2; }

.entrance-exam-opencampus #point .point-box:nth-child(even) h4 { color: #ea68a2; }

.entrance-exam-opencampus #point .point-box:not(:last-child) { margin-bottom: 60px; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .point-box:not(:last-child) { margin-bottom: 30px; } }
.entrance-exam-opencampus #point .hexagon { border-radius: 50%; width: 113px; height: 113px; color: #fff; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .hexagon { width: 82px; height: 82px; } }
.entrance-exam-opencampus #point .hexagon .hexagon-text { line-height: 113px; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .hexagon .hexagon-text { font-size: 0.8rem; line-height: 82px; } }
.entrance-exam-opencampus #point .title { display: flex; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .title { display: block; } }
.entrance-exam-opencampus #point .title .point-hexagon { padding: 0 33px 0 0; margin-right: 0px; width: 132px; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .title .point-hexagon { margin: 0 auto 12px; width: 6rem; } }
.entrance-exam-opencampus #point .title .title-desc { width: calc(100% - 148px); }

@media (max-width: 561px) { .entrance-exam-opencampus #point .title .title-desc { width: 100%; } }
.entrance-exam-opencampus #point .title h4 { font-size: 2.5rem; line-height: 1.3; margin-bottom: 0.75rem; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .title h4 { font-size: 1.225rem; text-align: center; } }
.entrance-exam-opencampus #point .about-desc { font-size: 1.25rem; font-weight: 700; line-height: 1.7; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .about-desc { font-size: 0.9rem; padding: 0 1rem; } }
@media (max-width: 561px) { .entrance-exam-opencampus #point .about-desc + p { font-size: 0.9rem; padding: 0 1rem; } }
.entrance-exam-opencampus #point .point1 li { margin-bottom: 20px; }

.entrance-exam-opencampus #point .point3 .about-desc { margin-left: auto; width: calc(100% - 134px); }

@media (max-width: 561px) { .entrance-exam-opencampus #point .point3 .about-desc { width: 100%; } }
.entrance-exam-opencampus #point .point4 .title { align-items: center; margin-bottom: -18px; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .point4 .title { margin-bottom: 0; } }
.entrance-exam-opencampus #point .point4 .title h4 { margin-bottom: 0; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .point4 .title h4 { margin-bottom: 0.75rem; } }
.entrance-exam-opencampus #point .point4 li { padding: 0 6px; }

.entrance-exam-opencampus #point .point4 li p { margin-top: 10px; text-align: center; }

.entrance-exam-opencampus #point .point5 .title { display: block; }

.entrance-exam-opencampus #point .point5 .title .point-hexagon { float: left; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .point5 .title .point-hexagon { float: inherit; } }
.entrance-exam-opencampus #point .point5 .title .title-desc { width: 100%; }

.entrance-exam-opencampus #point .point5 .title h4 span { border-radius: 17px; color: #fff; display: inline-block; font-size: 1.3rem; margin: 0 4px; padding: 4px 18px; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .point5 .title h4 span { font-size: 1rem; } }
.entrance-exam-opencampus #point .point5 .title h4 span.span-lb { background: #00acc0; }

.entrance-exam-opencampus #point .point5 .title h4 span.span-b { background: #1d3994; }

.entrance-exam-opencampus #point .point5 .tel { background: #1d3994; margin-right: -25vw; margin-top: 25px; padding: 30px 0 30px 20px; position: relative; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .point5 .tel { margin-right: 0; padding: 30px 0; } }
.entrance-exam-opencampus #point .point5 .tel::before { background: url(../img/experience-admission/open-campus/tel-arrow.png) no-repeat center/contain; content: ""; height: 126px; position: absolute; left: -37px; top: 0; width: 37px; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .point5 .tel::before { content: none; } }
.entrance-exam-opencampus #point .point5 .tel img { max-width: 365px; }

@media (max-width: 561px) { .entrance-exam-opencampus #point .point5 .tel img { max-width: 86%; margin: 0 7%; } }
.entrance-exam-opencampus #questionnaire { /*background: yellow;*/ background: #283f59; padding-bottom: 62px; padding-top: 32px; /*review-list*/ }

@media (max-width: 561px) { .entrance-exam-opencampus #questionnaire { padding-bottom: 42px; padding-top: 24px; } }
.entrance-exam-opencampus #questionnaire::before { content: ""; background: url(../img/home/news-border-top.jpg) repeat-x 0 0; width: 100%; height: 37px; position: absolute; top: 0; left: 0; }

.entrance-exam-opencampus #questionnaire::after { content: ""; background: url(../img/home/news-border-bottom.jpg) repeat-x 0 0; width: 100%; height: 37px; position: absolute; bottom: 0; left: 0; }

@media (max-width: 561px) { .entrance-exam-opencampus #questionnaire .container-smaller { padding-right: 7%; padding-left: 7%; } }
.entrance-exam-opencampus #questionnaire ul { background: #fff; margin-bottom: 0; padding: 43px 60px 43px 73px; position: relative; }

@media (max-width: 561px) { .entrance-exam-opencampus #questionnaire ul { padding: 25px 20px 16px 50px; } }
.entrance-exam-opencampus #questionnaire .review-list { padding: 42px 60px; border-radius: 25px; /*li*/ }

@media (max-width: 561px) { .entrance-exam-opencampus #questionnaire .review-list { padding: 16px 4px; margin: 0 auto 5%; width: 95%; } }
.entrance-exam-opencampus #questionnaire .review-list li { font-size: 15px; position: relative; display: flex; align-items: stretch;                                                                                                                                                     /*&::before{ background: url(../img/experience-admission/open-campus/circle.png) no-repeat center/contain; content: ""; color: #ea68a2; height: 10px; position: absolute; left: 0; top: 13px; width: 11px;
@media (max-width: 561px){ height: 9px; top: 7px; width: 9px; } }*/ }

@media (max-width: 561px) { .entrance-exam-opencampus #questionnaire .review-list li { font-size: 13px; } }
.entrance-exam-opencampus #questionnaire .review-list li .comment-wrapper { border-bottom: 1px solid #ababab; padding: 1em 0; margin: 1em 0 0; width: 100%; }

.entrance-exam-opencampus #questionnaire .review-list li .head { align-items: center; }

.entrance-exam-opencampus #questionnaire .review-list li .head img { width: 42px; }

.entrance-exam-opencampus #questionnaire .review-list li p { margin: 0; }

.entrance-exam-opencampus #questionnaire .review-list li .star-box { padding-left: 0; }

.entrance-exam-opencampus #questionnaire .review-list li .star { font-size: 21px; }

@media (max-width: 561px) { .entrance-exam-opencampus #questionnaire .review-list li .star { font-size: 17px; } }
.entrance-exam-opencampus #questionnaire .review-list li .star span { color: #ffaa00; font-size: 18px; margin-right: 1em; }

@media (max-width: 561px) { .entrance-exam-opencampus #questionnaire .review-list li .star span { font-size: 16px; } }
.entrance-exam-opencampus #questionnaire .review-list li .date { color: #7b8491; }

.entrance-exam-opencampus #questionnaire .review-list li .category { background: #a3cb1a; font-size: 14px; display: inline-block; padding: 2px 12px; margin: 1em 0 .5em; }

@media (max-width: 561px) { .entrance-exam-opencampus #questionnaire .review-list li .category { font-size: 13px; } }
.entrance-exam-opencampus #questionnaire .review-list li .category.hogosha { background: #d5d5d5; }

.entrance-exam-opencampus #faq { padding-top: 0; margin-top: 42px; }

@media (max-width: 561px) { .entrance-exam-opencampus #faq .container-smaller { width: 90%; } }
.entrance-exam-opencampus #faq ul { padding: 0; }

.entrance-exam-opencampus #faq li {                                     /*&:nth-child(odd) .answer{
	background: #dbedf0;
}			
&:nth-child(even) .answer{
	background: #fff;
}*/ }

.entrance-exam-opencampus #faq li .answer { background: #dbedf0; }

.entrance-exam-opencampus #faq li:not(:last-child) { margin-bottom: 35px; }

.entrance-exam-opencampus #faq h4 { background: #4cc5d3; border-radius: 20px; color: #fff; font-size: 1.7rem; padding: 15px 17px; position: relative; z-index: 1; }

@media (max-width: 561px) { .entrance-exam-opencampus #faq h4 { font-size: 1.15rem; padding: 10px 15px; } }
.entrance-exam-opencampus #faq .answer { border-radius: 17px; margin: -30px 15px 0; padding: 40px 27px 30px; }

@media (max-width: 561px) { .entrance-exam-opencampus #faq .answer { padding: 40px 15px 15px; } }
.entrance-exam-opencampus #faq .answer p { font-size: 1.25rem; margin-bottom: 0; padding-left: 33px; position: relative; }

@media (max-width: 561px) { .entrance-exam-opencampus #faq .answer p { font-size: 1rem; padding-left: 23px; } }
.entrance-exam-opencampus #faq .answer p::before { content: "A．"; color: #ea68a2; position: absolute; left: 0; }

.entrance-exam-opencampus .coronavirus h3 { background: none; margin-bottom: .25em; }

@media (max-width: 561px) { .entrance-exam-opencampus .coronavirus .text-large { font-size: 1rem; } }
@media (max-width: 561px) { .heading-design-lead { font-size: 1rem; } }
.consultation-program-list { padding: 0; margin: 0; }

.consultation-program-list li { list-style: none; }

.consultation-program-list li:nth-child(2) { padding-top: 3rem; }

.consultation-program-list h3 { color: #5185C5 !important; font-size: 1.5rem; margin-bottom: 0; }

@media (max-width: 561px) { .consultation-program-list h3 { font-size: 1.2rem; margin-bottom: 0; } }
.consultation-program-list h3 span { margin-right: 1rem; }

.consultation-program-list .consultation-program-badge { float: right; margin-left: 30px; margin-top: -30px; }

@media (max-width: 561px) { .consultation-program-list .consultation-program-badge { float: none; margin: auto; width: 35%; position: absolute; right: 25px; top: -14px; } }
.consultation-program-list p { font-size: 1rem; }

.heading-tertiary-small { margin-top: 1rem; }

.target-media-image { float: right; margin: 0 0 .5rem .5rem; width: 325px; }

@media (max-width: 561px) { .target-media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .target-media-image { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; text-align: center; margin: 0; } }
.entrance-exam-opencampus #flow .flow2 { background-image: repeating-linear-gradient(125deg, #ecf4e3, #ecf4e3 20px, transparent 20px, transparent 22px); margin-bottom: -60px; }

.entrance-exam-opencampus #flow .flow2 .container { padding: 38px 0 72px; position: relative; width: 960px; }

@media (max-width: 561px) { .entrance-exam-opencampus #flow .flow2 .container { padding: 28px 0 13px; width: 90%; } }
.entrance-exam-opencampus #flow .flow2 .container .catch-badge { text-align: center; margin-bottom: 16px; }

.entrance-exam-opencampus #flow .flow2 .container .video-wrapper .back { margin-bottom: -240px; }

@media (max-width: 561px) { .entrance-exam-opencampus #flow .flow2 .container .video-wrapper .back { margin-bottom: -173px; } }
.entrance-exam-opencampus #flow .flow2 .container .video-wrapper video { padding: 0 48px; width: 100%; }

@media (max-width: 561px) { .entrance-exam-opencampus #flow .flow2 .container .video-wrapper video { padding: 6% 32px 0; } }
.entrance-exam-opencampus #flow .flow2 .container .video-wrapper.green, .entrance-exam-opencampus #flow .flow2 .container .video-wrapper.pink { margin: 52px 0 0; }

@media (max-width: 561px) { .entrance-exam-opencampus #flow .flow2 .container .video-wrapper.green, .entrance-exam-opencampus #flow .flow2 .container .video-wrapper.pink { margin: 45px 0 0; } }
@media (max-width: 561px) { .entrance-exam-opencampus #flow .flow2 .container .video-wrapper.water { margin: 45px 0 0; } }
.entrance-exam-opencampus #flow .flow2 .container .float-img1, .entrance-exam-opencampus #flow .flow2 .container .float-img2, .entrance-exam-opencampus #flow .flow2 .container .float-img3, .entrance-exam-opencampus #flow .flow2 .container .float-img4 { position: absolute; z-index: 9; }

@media (max-width: 561px) { .entrance-exam-opencampus #flow .flow2 .container .float-img1, .entrance-exam-opencampus #flow .flow2 .container .float-img2, .entrance-exam-opencampus #flow .flow2 .container .float-img3, .entrance-exam-opencampus #flow .flow2 .container .float-img4 { display: none; } }
.entrance-exam-opencampus #flow .flow2 .container .float-img1 { top: 163px; left: 0; }

.entrance-exam-opencampus #flow .flow2 .container .float-img2 { top: 133px; right: -165px; }

.entrance-exam-opencampus #flow .flow2 .container .float-img3 { bottom: 403px; left: -164px; }

.entrance-exam-opencampus #flow .flow2 .container .float-img4 { bottom: 101px; right: -155px; }

@media (max-width: 561px) { .entrance-exam-opencampus #flow .flow1 { margin-top: 4px; margin-bottom: -38px; }
  .entrance-exam-opencampus #flow .flow2 { margin-bottom: 0; } }
#review-list-wrapper { background-color: #f2f4f5; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 12 12'%3E%3Cpath fill='%23EEF1F2' d='M8.1,0H0v8h3.9v4H12V4H8.1V0z M8,8H4V4h4V8z'/%3E%3C/svg%3E"); -webkit-background-size: 12px 12px; background-size: 12px 12px; /*review-list*/ }

@media (max-width: 561px) { #review-list-wrapper { padding: 42px 0; } }
#review-list-wrapper h3 { color: #00acc0; margin-bottom: 32px; text-align: center; }

@media (max-width: 561px) { #review-list-wrapper h3 { margin-bottom: 20px; } }
#review-list-wrapper ul { background: #fff; margin-bottom: 0; padding: 43px 60px 43px 73px; position: relative; }

@media (max-width: 561px) { #review-list-wrapper ul { padding: 25px 20px 16px 50px; } }
#review-list-wrapper .review-list { padding: 42px 60px; /*li*/ }

@media (max-width: 561px) { #review-list-wrapper .review-list { padding: 16px 4px 42px; } }
#review-list-wrapper .review-list li { font-size: 15px; position: relative; display: flex; align-items: stretch; }

@media (max-width: 561px) { #review-list-wrapper .review-list li { font-size: 13px; } }
#review-list-wrapper .review-list li .comment-wrapper { border-bottom: 1px solid #ababab; padding: 1em 0; margin: 1em 0 0; width: 100%; }

#review-list-wrapper .review-list li .head { align-items: center; }

#review-list-wrapper .review-list li .head img { width: 42px; }

#review-list-wrapper .review-list li p { margin: 0; }

#review-list-wrapper .review-list li .star-box { padding-left: 0; }

#review-list-wrapper .review-list li .star { font-size: 21px; }

@media (max-width: 561px) { #review-list-wrapper .review-list li .star { font-size: 17px; } }
#review-list-wrapper .review-list li .star span { color: #ffaa00; font-size: 18px; margin-right: 1em; }

@media (max-width: 561px) { #review-list-wrapper .review-list li .star span { font-size: 16px; } }
#review-list-wrapper .review-list li .date { color: #7b8491; }

#review-list-wrapper .review-list li .category { background: #a3cb1a; font-size: 14px; display: inline-block; padding: 2px 12px; margin: 1em 0 .5em; }

@media (max-width: 561px) { #review-list-wrapper .review-list li .category { font-size: 13px; } }
#review-list-wrapper .review-list li .category.hogosha { background: #d5d5d5; }

.page-navi { margin: 40px 0 0; text-align: center; }

@media (max-width: 561px) { .page-navi { margin: 23px 0 0; } }
.page-navi .nav-links { display: flex; }

.page-navi .page-numbers { display: inline-block; margin-right: 5px; padding: 5px 12px; color: #333; border-radius: 3px; box-shadow: 0 3px 3px #999; background: #fff; }

.page-navi .current { padding: 5px 12px; background: #00acc0; color: #fff; }

.page-navi .prev, .page-navi .next { background: transparent; box-shadow: none; color: #69a4db; }

.page-navi .dots { background: transparent; box-shadow: none; }

.entrance-exam-opencampus { /*schedule*/ /*flow2*/ }
.entrance-exam-opencampus .main-image .container { position: relative; }
.entrance-exam-opencampus .main-image .container .float { position: absolute; top: 0; left: 0; }
.entrance-exam-opencampus .head { margin: 4rem auto 3rem; }
@media (max-width: 561px) { .entrance-exam-opencampus .head { margin: 2.5rem auto 0; } }
.entrance-exam-opencampus .head img { margin: inherit; max-width: inherit; height: 41px; }
.entrance-exam-opencampus #questionnaire .review-list li p { padding: 0; }
.entrance-exam-opencampus #questionnaire .review-list li .head { margin: inherit; }
.entrance-exam-opencampus #questionnaire .review-list li .head img { max-width: none; height: inherit; }
.entrance-exam-opencampus #schedule { background: rgba(67, 25, 14, 0.9); overflow: hidden; position: relative; margin-top: 0; padding-bottom: 125px; }
.entrance-exam-opencampus #schedule .head { margin: 0 0 3rem; }
@media (max-width: 561px) { .entrance-exam-opencampus #schedule .head { margin-bottom: 1.5rem; } }
.entrance-exam-opencampus #schedule .head img { max-width: 600px; height: auto; }
.entrance-exam-opencampus #schedule video { display: block; position: absolute; mix-blend-mode: multiply; right: 0; bottom: -4%; min-width: 100%; min-height: 108%; width: auto; height: auto; z-index: 0; }
.entrance-exam-opencampus #schedule .head img { max-width: 600px; }
.entrance-exam-opencampus #schedule .detail-list { gap: 0 2%; }
.entrance-exam-opencampus #schedule .detail-list li { width: 32%; }
@media (max-width: 561px) { .entrance-exam-opencampus #schedule .detail-list li { width: 100%; } }
.entrance-exam-opencampus .schedule-entry { margin-top: -124px; }
.entrance-exam-opencampus .flow2 { padding: 42px 0 62px; /*senkoku-movie-wrapper*/ }
@media (max-width: 561px) { .entrance-exam-opencampus .flow2 { padding: 54px 0 28px; } }
.entrance-exam-opencampus .flow2 .catch-badge { text-align: center; }
@media (max-width: 561px) { .entrance-exam-opencampus .flow2 .catch-badge { margin: auto; width: 80%; } }
.entrance-exam-opencampus .flow2 .inner { background: #c8e8f5; border-radius: 32px; padding: 4%; margin: -42px auto 0; max-width: 1360px; width: 90%; }
@media (max-width: 561px) { .entrance-exam-opencampus .flow2 .inner { margin-top: 12px; border-radius: 20px; } }
.entrance-exam-opencampus .flow2 .senkoku-movie-wrapper { display: flex; align-items: center; gap: 0 5%; border: 3px solid #fff; border-left: none; border-right: none; padding: 36px 40px; /*content*/ }
@media (max-width: 561px) { .entrance-exam-opencampus .flow2 .senkoku-movie-wrapper { display: inherit; padding: 23px 23px 18px; } }
.entrance-exam-opencampus .flow2 .senkoku-movie-wrapper video { height: 19vw; }
@media (max-width: 561px) { .entrance-exam-opencampus .flow2 .senkoku-movie-wrapper video { margin-top: 16px; height: inherit; width: 100%; } }
.entrance-exam-opencampus .flow2 .senkoku-movie-wrapper .content { width: 40vw; }
@media (max-width: 561px) { .entrance-exam-opencampus .flow2 .senkoku-movie-wrapper .content { width: 100%; } }
.entrance-exam-opencampus .flow2 .senkoku-movie-wrapper .content .sub-head img { height: 74px; }
@media (max-width: 561px) { .entrance-exam-opencampus .flow2 .senkoku-movie-wrapper .content .sub-head img { height: 61px; } }
.entrance-exam-opencampus .flow2 .senkoku-movie-wrapper .content .text { color: #fff; font-size: 20px; }
.entrance-exam-opencampus .flow2 .senkoku-movie-wrapper .content .image { display: flex; gap: 0 5%; align-items: center; }
.entrance-exam-opencampus .flow2 .senkoku-movie-wrapper .content .item { width: 45%; }
@media (max-width: 561px) { .entrance-exam-opencampus .flow2 .senkoku-movie-wrapper .content .item { display: none; } }
.entrance-exam-opencampus .flow2 .senkoku-movie-wrapper .content .jugyou { width: 50%; }
@media (max-width: 561px) { .entrance-exam-opencampus .flow2 .senkoku-movie-wrapper .content .jugyou { margin: auto; width: 85%; } }
.entrance-exam-opencampus .flow2 .senkoku-movie-wrapper.program { background: #28559c; }
.entrance-exam-opencampus .flow2 .senkoku-movie-wrapper.ai { background: #00acc0; }
.entrance-exam-opencampus .flow2 .senkoku-movie-wrapper.system { background: #00ac75; }
.entrance-exam-opencampus .flow2 .senkoku-movie-wrapper.game { background: #e84c91; }
@media (max-width: 561px) { .entrance-exam-opencampus #questionnaire { padding-top: 12px; } }
@media (max-width: 561px) { .entrance-exam-opencampus #questionnaire .head { margin-bottom: 16px; } }
@media (max-width: 561px) { .entrance-exam-opencampus #questionnaire .head img { width: 68%; } }
@media (max-width: 561px) { .entrance-exam-opencampus #faq .head { margin-bottom: 16px; } }
@media (max-width: 561px) { .entrance-exam-opencampus #faq .head img { width: 54%; } }
@media (max-width: 561px) { .entrance-exam-opencampus .footer-entry { margin-bottom: 24px; } }

/*entrance-exam-opencampus*/
/***********************************************************************
追加分
**********************************************************************/
.main-image-op { margin-top: 36px; overflow-x: clip; }
@media (max-width: 560px) { .main-image-op { margin-top: 0; } }
.main-image-op .title { margin: -62px auto 0; max-width: 1445px; width: 100%; }
@media (max-width: 560px) { .main-image-op .title { margin-top: 8px; width: 95%; } }
.main-image-op .catch { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; }
@media (max-width: 560px) { .main-image-op .catch { width: 85%; } }
.main-image-op .catch img { width: min(85.9375vw, 1100px); }
@media (max-width: 560px) { .main-image-op .catch img { width: 100%; } }

.film-wrapper { background: #4b291b; position: relative; margin: auto; width: 100%; }

.film1 { transform: rotate(3deg); }

.film2 { margin-top: -24px; transform: rotate(-1deg); }
@media (max-width: 560px) { .film2 { margin-top: 0; } }

.film3 { margin-top: -24px; transform: rotate(3deg); }
@media (max-width: 560px) { .film3 { margin-top: 0; } }

.oc-calendar { margin-top: 7em; }
@media (max-width: 560px) { .oc-calendar { margin-top: 3em; } }
.oc-calendar .head { margin: 0 auto; }
.oc-calendar .inner { /*display: flex;
justify-content: space-between;*/ width: 80%; max-width: 1100px; margin: 3em auto 0; }
@media (max-width: 560px) { .oc-calendar .inner { display: inherit; margin-top: 0; width: 90%; } }
.oc-calendar .calendar { width: 100%; /*width: 48%;*/ }
@media (max-width: 560px) { .oc-calendar .calendar { width: 100%; } }
@media (max-width: 560px) { .oc-calendar .calendar iframe { height: 400px; } }

/*oc-calendar*/