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

/*-----------------------------------------------
  error
-----------------------------------------------*/
#error p {
min-height: 200px;
}


/*-----------------------------------------------
  disclosure
-----------------------------------------------*/
#disclosure {
font-family: "Kiwi Maru", sans-serif;
}
#disclosure .head1 {
position: relative;
font-size: 1.5em;
font-weight: 500;
text-align: center;
color: var(--green);
overflow: hidden;
}
#disclosure .head1 span {
position: relative;
padding: 0 1.5em;
}
#disclosure .head1 span::before,
#disclosure .head1 span::after {
content: "";
position: absolute;
top: 50%;
width: 1em;
height: 2px;
background: var(--green);
}
#disclosure .head1 span::before {
left: 0;
}
#disclosure .head1 span::after {
right: 0;
}
#disclosure .head2 {
padding: 0.25em 0.5em;
font-size: 1.25em;
line-height: 1.25;
text-align: center;
color: #FFF;
background: rgba(0,156,116,0.75);
border-radius: 5px;
}

/* idea */
#disclosure .idea {
padding: 4%;
background: rgba(255,255,255,0.7);
}
#disclosure .idea .box {
margin-top: 10px;
padding: 20px;
border: 1px solid var(--green);
border-radius: 5px;
}
#disclosure .idea dl {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#disclosure .idea dt {
width: 8em;
font-size: 1.5em;
font-weight: 500;
text-align: center;
color: #FFF;
background: rgba(0,156,116,0.75);
border-radius: 5px;
}
#disclosure .idea dd {
width: calc(100% - 13em);
text-align: justify;
margin-top: 0.25em;
}
@media screen and (max-width: 800px) {
	#disclosure .idea dl {
	display: block;
	}
	#disclosure .idea dt {
	width: 8em;
	margin: auto;
	font-size: 1.25em;
	}
	#disclosure .idea dd {
	width: 100%;
	margin-top: 1em;
	text-align: center;
	}
}

/* download */
#disclosure .download {
padding: 4%;
background: rgba(255,255,255,0.7);
}
#disclosure .download ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
#disclosure .download li {
width: 32%;
margin: 2% 0 0 2%;
}
#disclosure .download li:nth-child(3n + 1) {
margin-left: 0;
}
#disclosure .download li a {
display: flex;
justify-content: center;
align-items: center;
height: 4em;
padding: 0 0.5em;
text-align: center;
background: rgba(0,156,116,0.1);
border: 1px solid rgba(0,156,116,0.1);
border-radius: 5px;
}
#disclosure .download li a:hover {
border: 1px solid rgba(0,156,116,0.75);
}
@media screen and (max-width: 800px) {
	#disclosure .download h3 {
	font-size: 1em;
	}
	#disclosure .download ul {
	display: block;
	}
	#disclosure .download li {
	width: 100%;
	margin: 2% 0 0 0;
	}
	#disclosure .download li a {
	height: 3em;
	}
	#disclosure .download li br {
	display: none;
	}
}


/*-----------------------------------------------
  news
-----------------------------------------------*/
#news .news {
background: linear-gradient(135deg, #BCC8D3, #C4BCCA 50%, #D5BDC8 100%);
background: repeating-linear-gradient(135deg, #B4BFC9 0 3px, #BCC7D3 3px 6px);
}
@media screen and (max-width: 800px) {
	#news .news {
	}
}

/* news_menu */
#news .news_menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 640px;
margin: auto;
padding: 20px 4%;
}
#news .news_menu a {
display: block;
margin: 0.35em 0.5em;
padding: 0.25em 0.5em;
text-align: center;
color: #2E3180;
background: #FFF;
}
#news .news_menu a:hover {
opacity: 0.8;
}
@media screen and (max-width: 800px) {
	#news .news_menu a {
	font-size: 0.875em;
	margin: 0.25em 0.5em;
	}
}

/* news_list */
#news .news_list {
background: rgba(255,255,255,0.5);
}
#news .news_list > div {
display: none;
}
#news .news_list > div.active {
display: block;
}
#news .news_list li {
padding: 1em 4%;
border-top: 2px solid #FFF;
background: rgba(255,255,255,0.5);
}
#news .news_list li:last-child {
border-bottom: 2px solid #FFF;
}
#news .news_list a,
#news .news_list dl {
display: block;
max-width: 640px;
margin: auto;
}
#news .news_date {
display: flex;
}
#news .news_pin {
width: 1.5em;
height: 1.5em;
margin-right: 0.25em;
background-image: url("../img/common/ico_pin.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 1em;
}
#news .news_category {
display: block;
margin-left: 0.5em;
padding: 0 0.5em;
font-size: 0.95em;
text-align: center;
color: #2E3180;
background: #FFF;
}
#news .news_text {
margin-top: 0.5em;
font-weight: 500;
text-align: justify;
}
#news .news_pager {
padding: 1em 4%;
}
#news .news_pager ul {
display: flex;
justify-content: space-between;
padding: 1em 0;
font-weight: 500;
text-align: center;
transform: 0.2s;
}
#news .news_pager .prev span::before {
content: "←";
margin-right: 0.25em;
}
#news .news_pager .next span::after {
content: "→";
margin-left: 0.25em;
}
#news .news_none {
padding: 8% 4%;
text-align: center;
}
#news .news_detail .head1 {
padding: 1em;
font-size: 1.2em;
text-align: center;
}
#news .news_detail .head2 {
font-size: 1.5em;
font-weight: 500;
text-align: center;
}
#news .news_detail .date {
text-align: center;
}
#news .news_detail .body {
line-height: 1.75;
}
#news .news_detail .body p {
margin-top: 1em;
}
#news .news_detail .body strong {
font-weight: 700;
}
#news .news_detail .body a {
color: var(--green);
text-decoration: underline;
}
#news .news_detail .body img {
margin-top: 4%;
}
#news .news_detail .pagination ul {
display: flex;
justify-content: center;
}
#news .news_detail .pagination a {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin: 0.25em;
border: 1px solid #000;
}
#news .news_detail .pagination .current {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin: 0.25em;
color: #FFF;
background: var(--green);
border-color: var(--green);
}
#news .news_detail .pagination .next a,
#news .news_detail .pagination .prev a {
padding: 5px;
border: 0;
}
@media screen and (max-width: 800px) {
	#news .news_list {
	margin-top: 4%;
	}
	#news .news_list li {
	padding: 1em 4%;
	}
}


/*-----------------------------------------------
  request
-----------------------------------------------*/
#request .pamph {
padding: 4%;
background: rgba(255,255,255,0.7);
}
#request .pamph p {
font-family: "Kiwi Maru", sans-serif;
font-weight: 500;
color: var(--green);
}
#request .pamph_ph img {
width: 100%;
max-width: 640px;
margin: auto;
}

/* line */
#request .line {
padding: 4%;
font-family: "Kiwi Maru", sans-serif;
font-weight: 500;
background: #FF0;
}
#request .line h2 {
font-family: "Noto Sans JP", sans-serif;
font-size: 2em;
font-weight: 700;
color: var(--green);
}
#request .line .note {
padding-left: 1em;
text-indent: -1em;
}
#request .line_banner dl {
display: flex;
}
@media screen and (max-width: 800px) {
	#request .line h2 {
	font-size: 1.5em;
	}
	#request .line_banner dl {
	display: block;
	}
}

/*-----------------------------------------------
  access
-----------------------------------------------*/
#access {
font-family: "Kiwi Maru", sans-serif;
}
#access .title {
background:  rgba(255,255,255,0.7);
}
#access .title_head {
margin: 0.25em 0 0 1em;
font-size: 3em;
font-weight: 500;
line-height: 1;
}
#access .title_en {
width: 60%;
margin: -10% 2% 0 auto;
}
@media screen and (max-width: 800px) {
	#access .title_head {
	font-size: 6vw;
	}
}
#access .head1 {
position: relative;
padding-left: 0.75em;
font-size: 1.5em;
font-weight: 500;
color: var(--green);
}
#access .head1::before {
content: "";
position: absolute;
top: 10%;
left: 0;
width: 5px;
height: 85%;
background: var(--green);
}
#access .text1 {
margin-left: 1em;
text-align: justify;
}
@media screen and (max-width: 800px) {
	#access .head1 {
	font-size: 1.25em;
	}
}
/* map */
#access .map {
padding: 4%;
background:  rgba(255,255,255,0.7);
}
#access .googlemap iframe {
width: 100%;
height: 500px;
}
@media screen and (max-width: 800px) {
}
/* station */
#access .station {
padding: 4%;
background:  rgba(255,255,255,0.7);
}
#access .station figure img {
width: 80%;
max-width: 480px;
margin: auto;
}
@media screen and (max-width: 800px) {
}

/* access */
#access .access {
padding: 4%;
background:  rgba(255,255,255,0.7);
}
#access .access figure img {
width: 100%;
max-width: 480px;
margin: auto;
}
#access .access ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#access .access li {
width: 48%;
margin-top: 4%;
}
#access .access dt {
padding: 0.25em 1em;
font-size: 1.25em;
color: #FFF;
background: var(--green);
}
#access .access dd {
display: none;
padding: 15px;
}
#access .access dd a {
display: block;
width: 10em;
margin-left: auto;
padding: 0.25em 1.5em 0.25em 0.5em;
text-align: center;
color: var(--green);
background: #B2E1D5;
background-image: url("../img/common/arw_right2.svg");
background-position: right 0.5em center;
background-repeat: no-repeat;
background-size: 1em;
border-radius: 3em;
}
#access .access dd a:hover {
opacity: 0.8;
}
@media screen and (max-width: 800px) {
	#access .access ul {
	display: block;
	}
	#access .access li {
	width: 100%;
	}
	#access .access dt {
	padding: 0.5em 1em;
	font-size: 1em;
	}
}

/* parking */
#access .parking {
padding: 4%;
background:  rgba(255,255,255,0.7);
}
#access .parking .grid {
display: flex;
justify-content: space-between;
}
#access .parking p {
width: 50%;
}
#access .parking figure {
width: 46%;
margin-top: -4em;
}
@media screen and (max-width: 800px) {
}

/* shop */
#access .shop {
display: none;
padding: 4%;
background:  rgba(255,255,255,0.7);
}
@media screen and (max-width: 800px) {
}

/*-----------------------------------------------
  opencampus
-----------------------------------------------*/
#opencampus {
font-family: "Kiwi Maru", sans-serif;
}
#opencampus .title {
position: relative;
}
#opencampus .title_photo {
width: 100%;
}
#opencampus .title_head {
position: absolute;
left: 4%;
bottom: 0.5em;
font-family: "Kiwi Maru", sans-serif;
font-size: 3em;
font-weight: 500;
line-height: 1;
}
#opencampus .title_en {
position: absolute;
right: 5px;
bottom: 0;
width: 60%;
}
@media screen and (max-width: 800px) {
	#opencampus .title_photo {
	width: 100%;
	aspect-ratio: 375 / 420;
	object-fit: cover;
	}
	#opencampus .title_head {
	font-size: 6vw;
	}
}

#opencampus .head1 {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-left: 0.5em;
font-family: "Kiwi Maru", sans-serif;
font-size: 2em;
font-weight: 500;
line-height: 1.25;
color: var(--green);
border-left: 5px solid var(--green);
}
#opencampus .head1 small {
margin-left: 0.5em;
font-size: 0.65em;
color: #000;
}
#opencampus .head1 small a {
text-decoration: underline;
}
@media screen and (max-width: 800px) {
	#opencampus .head1 {
	font-size: 1.25em;
	}
}
#opencampus .head2 {
font-family: "Noto Sans JP", sans-serif;
font-size: 2em;
font-weight: 700;
color: var(--green);
}
@media screen and (max-width: 800px) {
	#opencampus .head2 {
	font-size: 1.5em;
	}
}

/* lead */
#opencampus .lead {
padding: 30px 4% 60px 4%;
background: #FFF;
}

/* schedule */
#opencampus .schedule {
padding: 40px 4% 20px 4%;
}
#opencampus .schedule_time {
padding: 0.5em;
font-size: 1.5em;
font-weight: 500;
color: #FFF;
text-align: center;
background: var(--green);
border-radius: 10px 10px 0 0;
}
#opencampus .schedule_time small {
font-size: 0.65em;
}
#opencampus .schedule_list {
display: flex;
flex-wrap: wrap;
padding: 0 20px 20px 20px;
background: rgba(255,255,255,0.5);
}
#opencampus .schedule_list li {
width: 22%;
margin: 20px 0 0 4%;
}
#opencampus .schedule_list li:nth-child(4n + 1) {
margin-left: 0;
}
#opencampus .schedule_list dl {
position: relative;
}
#opencampus .schedule_list dt {
padding: 0.75em;
line-height: 1;
color: var(--green);
background: #FFF;
border-radius: 10px;
cursor: pointer;
transition: 0.2s;
}
#opencampus .schedule_list dt.open {
color: #FFF;
background: var(--green);
}
#opencampus .schedule_list dt strong {
display: block;
font-size: 2.5em;
font-weight: 500;
text-align: center;
}
#opencampus .schedule_list dt .week {
display: block;
max-width: 8em;
margin: auto;
margin-top: 0.5em;
padding: 0 0 0.2em 0;
text-align: center;
color: #FFF;
background: var(--green);
}
/*
#opencampus .schedule_list dt .week.sun {
background: #F00;
}
#opencampus .schedule_list dt .week.sat {
background: #69C;
}
*/
#opencampus .schedule_list dt.open .week {
color: var(--green);
background: #FFF;
}
#opencampus .schedule_list dd {
display: none;
position: absolute;
top: calc(100% + 10px);
left: 0;
z-index: 1;
width: 455%;
padding: 0.5em;
background: #FFF;
border: 1px solid var(--green);
border-radius: 10px;
}
#opencampus .schedule_list dd::before {
content: "";
position: absolute;
top: -12px;
width: 15px;
height: 12px;
background: var(--green);
clip-path: polygon(0 100%, 50% 0, 100% 100%);
}
#opencampus .schedule_list li:nth-child(4n + 1) dd {
left: 0;
}
#opencampus .schedule_list li:nth-child(4n + 1) dd::before {
left: calc(11% - 7.5px);
}
#opencampus .schedule_list li:nth-child(4n + 2) dd {
left: -118%;
}
#opencampus .schedule_list li:nth-child(4n + 2) dd::before {
left: calc(37% - 7.5px);
}
#opencampus .schedule_list li:nth-child(4n + 3) dd {
left: -236%;
}
#opencampus .schedule_list li:nth-child(4n + 3) dd::before {
left: calc(63% - 7.5px);
}
#opencampus .schedule_list li:nth-child(4n + 4) dd {
left: -354%;
}
#opencampus .schedule_list li:nth-child(4n + 4) dd::before {
left: calc(89% - 7.5px);
}
#opencampus .schedule_list .button a {
display: block;
max-width: 10em;
margin: auto;
margin-top: 0.5em;
padding: 0.5em;
text-align: center;
color: #FFF;
background: var(--green);
border-radius: 6px;
}
#opencampus .schedule_list .button a:hover {
opacity: 0.8;
}
#opencampus .button_form a {
display: block;
max-width: 20em;
margin: auto;
padding: 1em;
font-family: "Kiwi Maru", sans-serif;
font-size: 1.25em;
font-weight: 500;
text-align: center;
color: var(--green);
background: #FF0;
border-radius: 3em;
box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
#opencampus .button_form.international a {
color: #FFF;
background: var(--green);
}
#opencampus .button_form a:hover {
opacity: 0.8;
}
#opencampus .area_map img {
width: 90%;
max-width: 480px;
margin: auto;
}
@media screen and (max-width: 1400px) {
	#opencampus .schedule_list dt strong {
	font-size: 2em;
	}
}
@media screen and (max-width: 800px) {
	#opencampus .schedule {
	padding: 8% 4%;
	}
	#opencampus .schedule_time {
	font-size: 1.25em;
	}
	#opencampus .schedule_list {
	padding: 0 2% 2% 2%;
	}
	#opencampus .schedule_list li {
	width: 32%;
	margin: 2% 0 0 2%;
	}
	#opencampus .schedule_list li:nth-child(4n + 1) {
	margin-left: 2%;
	}
	#opencampus .schedule_list li:nth-child(3n + 1) {
	margin-left: 0;
	}
	#opencampus .schedule_list dt {
	font-size: 0.95em;
	}
	#opencampus .schedule_list dt strong {
	font-size: 6vw;
	}
	#opencampus .schedule_list dd {
	width: 312.5%;
	}
	#opencampus .schedule_list li:nth-child(4n + 4) dd {
	left: 0;
	}
	#opencampus .schedule_list li:nth-child(4n + 4) dd::before {
	left: 0;
	}
	#opencampus .schedule_list li:nth-child(3n + 1) dd {
	left: 0;
	}
	#opencampus .schedule_list li:nth-child(3n + 1) dd::before {
	left: calc(16% - 7.5px);
	}
	#opencampus .schedule_list li:nth-child(3n + 2) dd {
	left: -106%;
	}
	#opencampus .schedule_list li:nth-child(3n + 2) dd::before {
	left: calc(50% - 7.5px);
	}
	#opencampus .schedule_list li:nth-child(3n + 3) dd {
	left: -212.5%;
	}
	#opencampus .schedule_list li:nth-child(3n + 3) dd::before {
	left: calc(84% - 7.5px);
	}
	#opencampus .button_form a {
	font-size: 1em;
	}
}

/* program */
#opencampus .program {
padding: 30px 4%;
}
#opencampus .program_list li {
font-size: 1.5em;
font-weight: 500;
}
#opencampus .program_list li::before {
content: "・";
}
#opencampus .program_photo ul {
display: flex;
justify-content: space-between;
}
#opencampus .program_photo li {
width: 33%;
}
@media screen and (max-width: 800px) {
	#opencampus .program_list li {
	font-size: 1.2em;
	}
	#opencampus .program_photo ul {
	display: block;
	}
	#opencampus .program_photo .photo1 {
	width: 100%;
	}
	#opencampus .program_photo .photo2 {
	width: 50%;
	margin-top: -8%;
	margin-left: auto;
	}
	#opencampus .program_photo .photo3 {
	width: 80%;
	margin-top: -8%;
	}
}

/* facilities */
#opencampus .facilities {
padding: 30px 4%;
}
#opencampus .facilities_photo {
text-align: center;
}
#opencampus .facilities_photo figcaption {
margin-top: 0.5em;
font-size: 1.125em;
}
#opencampus .facilities_photo p {
margin-top: 0.5em;
font-size: 0.875em;
}
@media screen and (max-width: 800px) {
	#opencampus .facilities_photo figcaption {
	font-size: 1em;
	}
}

/* opencampus */
#opencampus .faq {
padding: 30px 0;
background: #FFF;
}
#opencampus .faq h2 {
margin-left: 4%;
}
#opencampus .faq_list li {
margin-left: 1em;
padding: 0 4%;
border-top: 1px solid #B8B8B8;
}
#opencampus .faq_list li:last-child {
border-bottom: 1px solid #B8B8B8;
}
#opencampus .faq_list dt {
position: relative;
padding: 1em calc(4% + 1em) 1em 1em;
font-size: 1.25em;
font-weight: 500;
line-height: 1.25;
color: var(--green);
cursor: pointer;
}
#opencampus .faq_list dt::after {
content: "";
position: absolute;
top: calc(50% - 0.5em);
right: 0;
width: 1em;
height: 1em;
background-image: url("../img/common/arw_down_g.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
transition: 0.4 ease-in;
}
#opencampus .faq_list dt.open::after {
transform: rotate(180deg);
}
#opencampus .faq_list dd {
display: none;
padding-bottom: 1.5em;
}
#opencampus .faq_list a {
color: #00F;
text-decoration: underline;
}
#opencampus .faq_list a:hover {
text-decoration: none;
}
@media screen and (max-width: 800px) {
	#opencampus .faq_list dt {
	font-size: 1.125em;
	}
}

/*-----------------------------------------------
  faq
-----------------------------------------------*/
#faq {
background: rgba(255,255,255,0.7);
}
#faq .head {
padding: 2em 40px;
background: rgba(255,255,255,1);
}
#faq .head span {
position: relative;
padding-left: 0.65em;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.5em;
font-weight: 700;
line-height: 1.25;
color: var(--green);
}
#faq .head span::before {
content: "";
position: absolute;
top: 0.2em;
left: 0;
width: 6px;
height: 80%;
background: var(--green);
}
#faq .faq_list li {
margin-left: 1em;
padding: 0 4%;
border-top: 1px solid #B8B8B8;
}
#faq .faq_list li:last-child {
border-bottom: 1px solid #B8B8B8;
}
#faq .faq_list dt {
position: relative;
padding: 1em calc(4% + 1em) 1em 0;
font-size: 1.25em;
font-weight: 500;
line-height: 1.25;
color: var(--green);
cursor: pointer;
}
#faq .faq_list dt::after {
content: "";
position: absolute;
top: calc(50% - 0.5em);
right: 0;
width: 1em;
height: 1em;
background-image: url("../img/common/arw_down_g.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
transition: 0.4 ease-in;
}
#faq .faq_list dt.open::after {
transform: rotate(180deg);
}
#faq .faq_list dd {
display: none;
padding-bottom: 1.5em;
}
#faq .faq_list a {
color: #00F;
text-decoration: underline;
}
#faq .faq_list a:hover {
text-decoration: none;
}
@media screen and (max-width: 800px) {
	#faq .head {
	padding: 2em 0 2em calc(4% + 1em);
	}
	#faq .head span {
	font-size: 1.25em;
	}
	#faq .faq_list dt {
	font-size: 1.125em;
	}
}

/*-----------------------------------------------
  graduate
-----------------------------------------------*/
#info {
font-family: "Kiwi Maru", sans-serif;
}
#info .head1 {
font-family: "Noto Sans JP", sans-serif;
font-size: 2em;
font-weight: 700;
text-align: center;
color: var(--green);
}
@media screen and (max-width: 800px) {
	#info .head1 {
	font-size: 1.5em;
	}
}

#info .info {
padding: 4%;
}
#info .info li {
margin-top: 1.5em;
}
@media screen and (max-width: 800px) {
}

#info .fee,
#info .download {
padding: 4%;
}
#info .info li {
margin-top: 1.5em;
}
#info .fee table,
#info .download table {
width: 100%;
background: rgba(255,255,255,0.7);
border-radius: 0 0 10px 10px;
}
#info .fee th,
#info .fee td,
#info .download th,
#info .download td {
padding: 0.75em;
text-align: center;
vertical-align: middle;
}
#info .fee thead th,
#info .download thead th {
background: rgba(0,156,116,0.5);
}
#info .fee thead th:first-child {
border-radius: 10px 0 0 0;
}
#info .fee thead th:last-child {
border-radius: 0 10px 0 0;
}
#graduate .download thead th {
border-radius: 10px 10px 0 0;
}
#info .fee tbody tr,
#info .download tbody tr {
position: relative;
}
#info .fee tbody tr:not(:first-child)::after {
content: "";
position: absolute;
top: 0;
left: 10%;
width: 80%;
border-top: 1px solid #000;
}
#info .download tbody tr:not(:first-child):not(:last-child)::after {
content: "";
position: absolute;
top: 0;
left: 10%;
width: 80%;
border-top: 1px solid #000;
}
#info .download .button li:not(:first-child) {
margin-top: 20px;
}
@media screen and (max-width: 800px) {
	#info .download .button li:not(:first-child) {
	margin-top: 4%;
	}
}

#info .contact {
padding: 4%;
font-family: "Noto Sans JP", sans-serif;
text-align: center;
}
#info .contact dt {
font-size: 1.25em;
}

/*-----------------------------------------------
  privacy
-----------------------------------------------*/
#privacy {
font-family: "Kiwi Maru", sans-serif;
}
#privacy section {
padding: 4%;
background: rgba(255,255,255,0.7);
}
#privacy .head1 {
font-size: 1.5em;
text-align: center;
color: var(--green);
}
#privacy .head2 {
padding: 0.25em;
font-size: 1.25em;
text-align: center;
color: #FFF;
background: var(--green);
border-radius: 5px;
}
#privacy .box {
padding: 1.5em;
border: 1px solid var(--green);
border-radius: 10px;
}
#privacy .list li {
padding-left: 1em;
text-indent: -1em;
}
#privacy .list li::before {
content: "●";
margin: 0 0.5em;
font-size: 0.5em;
vertical-align: 0.25em;
color: var(--green);
}
@media screen and (max-width: 800px) {
	#info .download .button li:not(:first-child) {
	margin-top: 4%;
	}
}