@charset "utf-8";
/* CSS Document */

.l-grid {
position: relative;
display: flex;
justify-content: space-between;
}
.l-grid .w30 { width: 30.666%; }
.l-grid .w40 { width: 40%; }
.l-grid .w48 { width: 48%; }
.l-grid .w56 { width: 56%; }
.l-grid .w66 { width: 66%; }
@media screen and (max-width: 800px) {
	.l-grid {
	display: block;
	}
	.l-grid > div:not(:first-child) {
	margin-top: 4%;
	}
	.l-grid .w30 { width: 100%; }
	.l-grid .w40 { width: 100%; }
	.l-grid .w48 { width: 100%; }
	.l-grid .w56 { width: 100%; }
	.l-grid .w66 { width: 100%; }
}

/*-----------------------------------------------
  common
-----------------------------------------------*/
#course {
font-family: "Kiwi Maru", sans-serif;
}
#course .head1 {
position: relative;
z-index: 1;
font-family: "Noto Sans JP", sans-serif;
font-size: 2em;
font-weight: 700;
color: #009C74;
}
#course .head1::after {
position: absolute;
top: calc(50% - 0.75em);
right: 0;
z-index: -1;
font-size: 2em;
line-height: 1;
text-align: right;
color: #E5F5F1;
}
#course .major .head1::after {
content: "MAJOR";
}
#course .qualification .head1::after {
content: "QUALIFICATION ACQUISITION RESULTS";
width: 10em;
font-size: 1em;
}
#course .class .head1::after {
content: "CLASS INTRODUCTION";
width: 10em;
font-size: 1.25em;
}
#course .flow .head1::after {
content: "FLOW";
}
#course .voice .head1::after {
content: "VOICE";
}
@media screen and (max-width: 800px) {
	#course .head1 {
	font-size: 1.5em;
	}
	#course .head1::after {
	font-size: 1.5em;
	}
}

#course .head2 {
display: flex;
flex-wrap: wrap;
align-items: center;
height: 2.5em;
padding: 0 2em 0 1em;
font-family: "Kiwi Maru", sans-serif;
font-size: 1.5em;
line-height: 1.1;
color: #FFF;
background: rgba(0,156,116,1);
}
#course .head2 .year {
margin-right: 0.5em;
padding: 0.2em 0.5em;
font-size: 0.875em;
color: rgba(0,156,116,1);
background: #FFF;
}
#course .head2 small {
display: block;
font-size: 0.65em;
}
@media screen and (max-width: 800px) {
	#course .head2 {
	font-size: 1em;
	}
}

#course .head3 {
font-family: "Kiwi Maru", sans-serif;
font-size: 1.75em;
font-weight: 500;
line-height: 1.25;
color: var(--green);
}
@media screen and (max-width: 800px) {
	#course .head3 {
	font-size: 1.2em;
	}
}

#course .head4 {
font-family: "Kiwi Maru", sans-serif;
font-size: 1.25em;
font-weight: 500;
line-height: 1.25;
color: var(--green);
}
@media screen and (max-width: 800px) {
	#course .head4 {
	font-size: 1em;
	}
}

#course .head5 {
font-family: "Noto Sans JP", sans-serif;
padding-left: 0.5em;
font-size: 1.5em;
font-weight: 700;
border-left: 4px solid var(--green);
}
@media screen and (max-width: 800px) {
	#course .head5 {
	font-size: 1.125em;
	}
}

#course .head6,
#course .head7 {
padding-left: 1em;
text-indent: -1em;
}
#course .head6 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
}
#course .head6::before {
content: "■";
color: var(--green);
}
#course .head7::before {
content: "●";
color: var(--green);
}
#course .head7 span::before {
content: "●";
color: var(--green);
}

#course .head8 {
font-family: "Noto Sans JP", sans-serif;
font-size: 1.5em;
font-weight: 700;
line-height: 1.25;
}
#course .head8::before {
content: "■";
color: var(--green);
}
#course .head8 span {
display: inline-block;
margin-left: 0.25em;
padding: 0.1em 0.5em;
font-size: 0.875em;
color: #FFF;
background: var(--green);
}
@media screen and (max-width: 800px) {
	#course .head8 {
	font-size: 1.25em;
	}
}

#course .list1 li {
padding-left: 1em;
text-indent: -1em;
}
#course .list1 li::before {
content: "●";
}
#course .list2 li {
padding-left: 1em;
text-indent: -1em;
}
#course .list2 li::before {
content: "●";
color: var(--green);
}

/* job */
#course .job {
padding: 80px 4% 20px 4%;
background: #FFF;
}
#course .job ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 45em;
margin: auto;
}
#course .job li {
margin: 0.35em;
padding: 0 0.5em;
text-align: center;
border: 1px solid #000;
border-radius: 3em;
}
@media screen and (max-width: 800px) {
	#course .job {
	padding: 60px 4% 4% 4%;
	}
}

/* title */
#course .title {
position: relative;
background: #CCEBE3;
}
#course .title_spec {
position: absolute;
top: 0;
left: 5%;
z-index: 1;
padding: 0.5em 0.5em 0 0.5em;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.25em;
font-weight: 700;
text-align: center;
color: #009C74;
background: #FFFF80;
}
#course .title_spec::after {
content: "";
position: absolute;
left: 0;
bottom: -1em;
width: 100%;
height: 1em;
clip-path: polygon(50% 100%, 100% 0, 0 0);
background: #FFFF80;
}
#course .title_spec li {
padding: 0 0.5em;
line-height: 1.25;
}
#course .title_spec li:not(:first-child) {
margin-top: 0.5em;
padding-top: 0.5em;
border-top: 1px solid rgba(0,156,116,0.5);
}
#course .title_photo {
position: relative;
display: block;
}
#course .title_photo::before {
content: "";
position: absolute;
top: 0;
left: calc(50% - 15px);
display: block;
width: 30px;
height: calc(tan(60deg) * 12px);
background: #FFF;
clip-path: polygon(0 0, 100% 0, 50% 100%);
}
#course .title_text {
position: absolute;
top: 0;
right: 0;
height: calc(100% - 2.5em);
padding: 1em 1em 2em 2em;
font-family: "Kiwi Maru", serif;
font-size: 1.5em;
writing-mode: vertical-rl;
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.75) 50%);
box-sizing: border-box;
}
#course .title_head {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 1.5em 1em 1em 2em;
font-family: "Kiwi Maru", serif;
font-size: 1.75em;
font-weight: 500;
line-height: 1;
text-align: right;
background: #CCEBE3;
clip-path: polygon(0 60%, 100% 0, 100% 100%, 0 100%);
box-sizing: border-box;
}
#course .title_head small {
display: block;
margin-top: 0.25em;
font-size: 0.65em;
}
#course .title_head_en {
position: absolute;
right: 12em;
bottom: 3em;
width: 40%;
}
#course .title_head_en.position {
bottom: 3.5em;
}
@media screen and (max-width: 1280px) {
	#course .title {
	font-size: 1vw;
	}
}
@media screen and (max-width: 800px) {
	#course .title {
	font-size: 3vw;
	}
	#course .title_head_en {
	position: absolute;
	left: 5%;
	right: auto;
	bottom: 2.5em;
	width: 60%;
	}
}

/* banner */
#course .banner {
font-family: "Kiwi Maru", serif;
text-align: center;
color: #FFF;
background: linear-gradient(135deg, #829D6A, #809280 50%, #809190 100%);
}
#course .banner a {
display: block;
padding: 1em;
background-image: url("../img/common/arw_right3.svg");
background-position: right 1em center;
background-repeat: no-repeat;
background-size: 1.5em;
}
#course .banner_grid {
display: flex;
align-items: center;
}
#course .banner p {
width: 12em;
padding: 1em;
text-align: center;
border: 1px solid #FFF;
}
#course .banner dl {
width: calc(100% - 16em);
margin-left: 1em;
text-align: center;
}
#course .banner dt {
font-size: 2.5em;
line-height: 1;
}
#course .banner dd {
max-width: 22em;
margin: auto;
margin-top: 0.5em;
padding: 0 1em 0.1em 1em;
color: #009C74;
background: #FFF;
border-radius: 3em;
}
#course .banner a:hover {
opacity: 0.8;
}
#course .banner.piano {
padding: 1em;
background: linear-gradient(135deg, #FFC4FF, #FFE2B0 50%, #FFD8BA 100%);
}
#course .banner.piano p {
width: auto;
padding: 0;
font-size: 1.25em;
border: none;
}
#course .banner.piano dl {
width: 100%;
margin: 0;
}
#course .banner.piano dd {
color: #FF9CB0;
}
@media screen and (max-width: 800px) {
	#course .banner_grid {
	display: block;
	}
	#course .banner p {
	width: auto;
	padding: 0;
	text-align: center;
	border: none;
	}
	#course .banner p br {
	display: none;
	}
	#course .banner dl {
	width: auto;
	margin: 0;
	}
	#course .banner dt {
	font-size: 2em;
	}
	#course .banner dd {
	max-width: 15em;
	}
}

/* lead */
#course .lead {
padding: 40px 4%;
font-family: "Kiwi Maru", serif;
background-image: url("../img//common/bg_content1.png");
background-position: center;
background-repeat: repeat;
}
#course .lead_qualification {
padding: 1em;
background: #FFF;
}
#course .lead_qualification dd {
margin-top: 0.25em;
padding-left: 1em;
text-indent: -1em;
}
#course .lead_qualification dd::before {
content: "●";
color: #009C74;
}
#course .lead_qualification .note::before {
content: "";
font-size: 0.875em;
}
@media screen and (max-width: 800px) {
	#course .lead {
	padding: 4%;
	}
}


/* major */
#course .major {
padding: 40px 4%;
background: #FFF;
background-image: url("../img//common/bg_content2.png");
background-position: left top;
background-repeat: repeat-y;
background-size: 135px;
}
#course .major_box {
display: none;
padding: 20px;
background: rgba(0,156,116,0.1);
}
#course .major_strength {
padding: 0.5em;
background: #FFF;
}
#course .major_strength dl {
display: flex;
align-items: center;
padding: 0.75em;
background-image: radial-gradient(circle, #009c74 1px, transparent 1px), radial-gradient(circle, #009c74 1px, transparent 1px), radial-gradient(circle, #009c74 1px, transparent 1px), radial-gradient(circle, #009c74 1px, transparent 1px);
background-position: left 5px top, right top 5px, left 5px bottom, left top 5px;
background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
background-size: 10px 2px, 2px 10px, 10px 2px, 2px 10px;
}
#course .major_strength dt {
position: relative;
width: 4.5em;
margin-right: 1em;
padding: 0.1em 0.5em;
font-size: 0.875em;
text-align: center;
color: #FFF;
background: var(--green);
border-radius: 5px;
}
#course .major_strength dt::after {
content: "";
position: absolute;
top: calc(50% - 0.2em);
right: -0.5em;
width: 0.5em;
height: 0.4em;
background: var(--green);
clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
#course .major_strength dd {
font-size: 1.125em;
line-height: 1.25;
color: var(--green);
}
#course .major_schedule {
width: 100%;
margin-top: 0.25em;
font-size: 0.875em;
background: #FFF;
}
#course .major_schedule th,
#course .major_schedule td {
padding: 4px 2px;
line-height: 1.1;
text-align: center;
vertical-align: middle;
border: 1px solid #000;
}
#course .major_schedule thead th {
background: #D4D4D4;
}
#course .major_schedule tbody th {
width: 1em;
background: #D4D4D4;
}
#course .major_schedule tbody td {
width: 20%;
overflow-wrap: anywhere;
}
#course .major_schedule .lunch {
background: rgba(0,156,116,0.3);
}
#course .major_schedule tbody td:empty {
background: linear-gradient(to top left, transparent, transparent 49%, #000 49%, #000 50%, transparent 50%, transparent);
}
#course .major_column {
padding: 1em;
background: #FFF;
border-radius: 10px;
}
#course .major_note {
padding-left: 1em;
font-size: 0.875em;
text-indent: -1em;
}
@media screen and (max-width: 800px) {
	#course .major {
	padding: 6% 2.5%;
	}
}

/* qualification */
#course .qualification {
padding: 40px 4%;
background: #8DB2C3;
}
#course .qualification_pict2 {
margin-top: -10%;
}
#course .qualification_box {
padding: 40px;
background: #FFF;
border-radius: 10px;
}
#course .qualification_box li:not(:first-child) {
margin-top: 4%;
padding-top: 4%;
border-top: 1px solid #000;
}
#course .qualification_pass {
width: 100%;
max-width: 600px;
margin: auto;
}
#course .qualification_head1 {
font-size: 1.25em;
font-weight: 500;
text-align: center;
color: #82A8FF;
}
#course .qualification_head2 {
font-size: 1.25em;
font-weight: 500;
text-align: center;
color: #9D89D3;
}
@media screen and (max-width: 800px) {
	#course .qualification {
	padding: 6%;
	}
	#course .qualification_box {
	padding: 4%;
	}
}

/* class */
#course .class {
padding: 40px 4%;
background: #8DB2C3;
}
#course .class_box {
padding: 1.5em;
background: #FFF;
border-radius: 10px;
}
#course .class_text {
margin-left: 1em;
}
#course .class_box2 {
padding: 1em;
border: 1px solid #000;
border-radius: 10px;
}
#course .class .border {
border: 1px solid #000;
border-radius: 10px;
}
#course .class_grid {
display: flex;
align-items: center;
}
#course .class_grid figure {
width: 75%;
max-width: 320px;
margin-right: 0.5em;
}
#course .class .note {
padding-left: 1em;
text-indent: -1em;
font-size: 0.875em;
}
#course .class .class_list {
padding: 0.5em;
background: #FFFFC8;
}
#course .class table {
width: 100%;
}
#course .class tr:not(:first-child) {
border-top: 1px dotted #000;
}
#course .class th,
#course .class td {
padding: 0.5em;
vertical-align: middle;
}
#course .class .marker {
color: var(--green);
background: #FF0;
}
@media screen and (max-width: 800px) {
	#course .class {
	padding: 6%;
	}
	#course .class_box {
	padding: 4%;
	}
}

/* flow */
#course .flow {
padding: 40px 4%;
background: #FFF;
}
#course .flow_pict {
position: relative;
}
#course .flow_pict::before {
content: "";
position: absolute;
top: 60%;
left: -8%;
width: 24%;
aspect-ratio: 1 / 1;
background-image: url("../img/course/accounting_flow_pic2.png");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
#course .flow_student {
float: right;
width: 40%;
max-width: 150px;
margin: 0 0 0.5em 0.5em;
}
#course .flow_quote {
padding: 0.5em;
font-family: "Noto Sans JP", sans-serif;
font-size: 0.875em;
border: 1px solid #000;
}
#course .flow_graph {
width: 80%;
max-width: 320px;
margin: auto;
}
#course .flow_note {
padding-left: 1em;
font-size: 0.875em;
text-indent: -1em;
}
#course .flow_photo {
position: relative;
}
#course .flow_photo li:first-child {
width: 90%;
}
#course .flow_photo li:last-child {
width: 50%;
margin-left: auto;
margin-top: -10%;
}
@media screen and (max-width: 800px) {
	#course .flow {
	padding: 6% 8%;
	}
}

/* voice */
#course .voice {
padding: 40px 4%;
background: rgba(0,156,116,0.2);
}
#course .voice_photo {
position: relative;
z-index: 0;
}
#course .voice_photo::after {
content: "";
position: absolute;
right: -20px;
bottom: -20px;
z-index: -1;
width: 100%;
height: 100%;
background: repeating-linear-gradient(135deg, rgba(0,156,116,0.2), rgba(0,156,116,0.2) 2px, transparent 2px, transparent 4px);
}
#course .voice_profile {
padding-left: 1em;
font-family: "Kiwi Maru", sans-serif;
border-left: 5px solid var(--green);
}
#course .voice_profile dt {
font-size: 1.25em;
}
@media screen and (max-width: 800px) {
	#course .voice {
	padding: 6%;
	}
}

/* work */
#course .work {
padding: 40px 4%;
font-family: "Kiwi Maru", serif;
background: linear-gradient(135deg, #C3C3F5, #C3C3EB 50%, #C5E1FF);
}
#course .work h2 {
color: #FF0;
}
#course .work dt {
color: #000;
}
#course .work_box {
padding: 1.5em;
background: #FFF;
border-radius: 10px;
}
@media screen and (max-width: 800px) {
}

/* menu */
#course .menu ul {
display: flex;
}
#course .menu li {
width: 33.333%;
font-weight: 500;
line-height: 1.2;
text-align: center;
color: #FFF;
background: #999;
}
#course .menu a {
display: flex;
justify-content: center;
align-items: center;
height: 6em;
padding-bottom: 1em;
background-image: url("../img/common/arw_down_w.svg");
background-position: center bottom;
background-repeat: no-repeat;
background-size: 1.5em;
}
#course .menu_major a {
background-color: #009C74;
}
#course .menu_qualification a,
#course .menu_class a {
background-color: #8DB2C3;
}
#course .menu_flow a {
background-color: #1B1464;
}
#course .menu a:hover {
opacity: 0.8;
}

/* link */
#course .link a:hover {
opacity: 0.8;
}

/*-----------------------------------------------
  accounting_scholarship
-----------------------------------------------*/
#accounting_scholarship {
}
#accounting_scholarship .page_title {
background: linear-gradient(135deg, #809B6A, #809080 50%, #808F8F 100%);
}
#accounting_scholarship .lead {
padding: 0.5em;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.5em;
font-weight: 500;
line-height: 1.25;
text-align: center;
color: #FFF;
background: var(--green);
}
#accounting_scholarship .head1 {
padding: 0.5em;
font-size: 1.125em;
font-weight: 500;
text-align: center;
}
#accounting_scholarship .head2 {
font-weight: 500;
}
#accounting_scholarship .head3 {
font-size: 1.5em;
font-weight: 500;
color: var(--green);
}
#accounting_scholarship .box1 {
padding: 4%;
background: rgba(255,255,255,0.7);
}
#accounting_scholarship .box2 {
padding: 4%;
}
#accounting_scholarship .inner {
max-width: 800px;
margin: auto;
}
#accounting_scholarship .list {
padding-left: 1em;
text-indent: -1em;
}
#accounting_scholarship .text1 {
font-weight: 500;
}
#accounting_scholarship .text2 {
font-size: 1.125em;
font-weight: 500;
text-align: center;
}
#accounting_scholarship .note {
padding-left: 1em;
text-indent: -1em;
}
#accounting_scholarship .message {
font-family: "Kiwi Maru", sans-serif;
}
#accounting_scholarship .message .banner {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
text-align: center;
color: #FFF;
background: linear-gradient(135deg, #00A99D, #22B573 50%, #8CC63F 100%);
}
#accounting_scholarship .message .banner a {
display: block;
padding: 4% calc(4% + 1em);
background-image: url("../img/common/arw_right3.svg");
background-position: right 1em center;
background-repeat: no-repeat;
background-size: 1.5em;
}
#accounting_scholarship .message .banner a:hover {
opacity: 0.8;
}
#accounting_scholarship .message .banner dt {
font-size: 2em;
}
#accounting_scholarship .message .banner dd {
font-size: 0.875em;
}