@font-face {   
	font-family: 'SCDream8';
    src: url('../font/SCDream8.otf') format('OpenType');
	font-style: normal;
	font-weight: 800;
}
@font-face {   
	font-family: 'SCDream7';
    src: url('../font/SCDream7.otf') format('OpenType');
	font-style: normal;
	font-weight: 700;
}
@font-face {   
	font-family: 'SCDream6';
    src: url('../font/SCDream6.otf') format('OpenType');
	font-style: normal;
	font-weight: 600;
}
@font-face {   
	font-family: 'SCDream5';
    src: url('../font/SCDream5.otf') format('OpenType');
	font-style: normal;
	font-weight: 500;
}
@font-face {   
	font-family: 'SCDream4';
    src: url('../font/SCDream4.otf') format('OpenType');
	font-style: normal;
	font-weight: 400;
}
@font-face {   
	font-family: 'SCDream3';
    src: url('../font/SCDream3.otf') format('OpenType');
	font-style: normal;
	font-weight: 300;
}
@font-face {   
	font-family: 'SCDream2';
    src: url('../font/SCDream2.otf') format('OpenType');
	font-style: normal;
	font-weight: 200;
}

@font-face {   
	font-family: 'Jalnan2';
    src: url('../font/Jalnan2.woff') format('woff');
	font-style: normal;
}
@font-face {   
	font-family: 'Cafe24Shiningstar-v2.0';
    src: url('../font/Cafe24Shiningstar-v2.0.woff') format('woff');
	font-style: normal;
}




.usa_garland {
	line-height:1.4;
	font-family: 'SCDream4';
}
.usa_garland .main_section {
    background: #6a0032;
    color: white;
    text-align: left;
    padding: 120px 80px;
    background-image: url(/images/package/usa_garland/main_bg.png);
    background-repeat: no-repeat;
    background-position: 101% 50%;
}
.usa_garland .main_section .title_wrap {

}
.usa_garland .main_section .main_title {
	font-size: 94px;
    font-family: 'Jalnan2';
    line-height: 1.2;
    margin: 20px 0 10px;
}
.usa_garland .main_section .top_title {
	color:#ffc000;
	font-family: 'Cafe24Shiningstar-v2.0';
	font-size:55px;
}
.usa_garland .main_section .btm_title {
font-size: 40px;
    font-weight: 200;
    border-bottom: 2px solid white;
    display: inline;
    padding-bottom: 3px;
}
.usa_garland .container {
	padding:80px;
}
.usa_garland .section1 .color_back {
	text-align:left;
	background:#ffc000;
	position:relative;
}
.usa_garland .section1 .color_back .detail_text {
	font-size: 24px;
	word-break: keep-all;
	letter-spacing: -2px;
	padding: 30px;
	line-height: 1.4;
}
.usa_garland .section1 .color_back .absolute_title {
position: absolute;
    top: -25px;
    font-size: 40px;
    color: #6a0032;
    left: 30px;
    font-weight: 600;
}

.usa_garland .section1  .qa_back {
	background:#f5f5f5;
	padding:70px 50px;
	margin-top:80px;
}

.usa_garland .section_title {
    font-family: 'Jalnan2';
	font-size:40px;
}

.usa_garland .section1 .qa_back .section_title {
	color:#ffc000;
}
.usa_garland .section1 .qa_wrap {
	text-align:left;
	margin-top:60px;
}
.usa_garland .section1 .qa_box {
border-bottom: 2px dashed #999;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.usa_garland .section1 .qa_box:last-child {
	border-bottom:none;
	    padding-bottom: 0px;
    margin-bottom: 0px;
}
.usa_garland .section1 .qa_box p {
	display:flex;
	gap:10px;
}
.usa_garland .section1 .qa_box  .top_text {
	font-size:24px;
	font-weight:bold;
    letter-spacing: -1.5px;
    position: relative;
    display: inline-block;
	z-index:2;
}
.usa_garland .section1 .qa_box  .top_text:after {
    content: '';
    position: absolute;
    bottom: -3px;
    width: calc(100% - 20px);
    background: #ffc000;
    height: 10px;
    left: 20px;
    z-index: -1;
}
.usa_garland .section1 .qa_box  p span {
	color:#ffc000;
	font-size:24px;
	font-weight:bold;
    letter-spacing: -1.5px;
}
.usa_garland .section1 .qa_box .btm_text {
    font-size: 20px;
    margin-top: 15px;
    margin-left: 2px;
}
.usa_garland .section2 {
	background:#ffc000;
}
.usa_garland .section2 .section_title {
	color:#6a0032;
}
.usa_garland .section2 table {
	width:100%;
	margin:60px 0;
}
.usa_garland .section2 table td {
    border-bottom: 1px solid #222;
    text-align: center;
    font-size: 18px;
    letter-spacing: -2px;
    padding: 10px 0;
}
.usa_garland .section2 table thead td {
	font-size:22px;
	font-weight:bold;
}
.usa_garland .section2 table thead .color_td {
	background:#6a0032;
	color:white;
}
.usa_garland .section2 table .color_td {
	border-bottom:1px solid #6a0032;
	border-left:4px solid #6a0032;
	border-right:4px solid #6a0032;
	background:white;
}
.usa_garland .section2 table tr:last-child .color_td {
		border-bottom:4px solid #6a0032;
}
.usa_garland .section2 .color_btn {
background: #6a0032;
    color: white;
    font-size: 30px;
    border: none;
    padding: 15px 55px 18px;
    margin-top: 20px;
    cursor: pointer;
}
.usa_garland .section3 {
	background:#f5f5f5;
}

.usa_garland .sub_tit {
    font-family: 'Cafe24Shiningstar-v2.0';
    font-size: 35px;
    margin-bottom: 10px;
}

.usa_garland .section3 .sub_tit {
	color:#6a0032;
}
.usa_garland .section3 .grid_wrap {
	display:grid;
	gap:80px;
	margin-top:60px;
}
.usa_garland .section3 .grid_box {
display: flex;
    justify-content: space-between;
    align-items: center;
	    padding: 0 78px;
}
.usa_garland .section3  .grid_img {
background: url(/images/package/usa_garland/section3_bg.png) no-repeat;
    width: 128px;
    height: 137px;
    font-size: 24px;
    color: #6a0032;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.usa_garland .section3  .grid_img p {
    margin-top: -43px;
}
.usa_garland .section3 .text_box {
	text-align:left;
	width:520px;
	background:white;
	    display: flex;
}
.usa_garland .section3 .color_back {
	font-size:24px;
	font-weight:bold;
	background:#6a0032;
	color:white;
	text-align:center;
	width:160px;
	flex-shrink: 0;
	align-content: center;
	min-height:180px;
}
.usa_garland .section3 .color_back .num {
	margin-bottom:10px;
	font-family: 'Jalnan2';
	font-size:28px;
}
.usa_garland .section3 .white_back {
    padding: 35px 20px;
	align-content: center;
}
.usa_garland .section3 .white_back .detail_text {
    font-size: 18px;
    letter-spacing: -1.5px;
    word-break: keep-all;
	    line-height: 1.4;
}
.usa_garland .section3 .white_back ul.detail_text li{
    display: flex;
    align-items: center;
    gap: 7px;
}
.usa_garland .section3 .white_back ul.detail_text {
	display:grid;
	gap:8px;
}
.usa_garland .section3 .small_text {
	margin-top:10px;
	color:#6a0032;
}
.usa_garland .section3 .grid_box4 .text_box {
	width:100%;
}
.usa_garland .section3 .grid_box2 .grid_img {
	order:2;
}
.usa_garland .section3 .grid_box {
	position:relative;
}

.usa_garland .section3 .grid_box2:after {
    content: '';
    position: absolute;
    top: -140px;
    left: 137px;
    background: url(/images/package/usa_garland/arrow1.png) no-repeat;
    width: 564px;
    height: 210px;
}

.usa_garland .section3 .grid_box3:after {
    content: '';
    position: absolute;
    top: -140px;
    left: 137px;
    background: url(/images/package/usa_garland/arrow2.png) no-repeat;
    width: 564px;
    height: 210px;
}
.usa_garland .section3 .grid_box4:after {
content: '';
    position: absolute;
    top: -150px;
    left: 129px;
    background: url(/images/package/usa_garland/arrow3.png) no-repeat;
    width: 20px;
    height: 140px;
    background-position: bottom;
}
.usa_garland .section3 .grid_box4 .white_back {
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #6a0032;
}
.usa_garland .section3 .grid_box4 .color_back {
	background:#ffc000;
}
.usa_garland .section4 {
	background:#6a0032;
	color:white;
}
.usa_garland .section4 .line_title {
    font-size: 30px;
    font-weight: 100;
    border-bottom: 2px solid #ffc000;
    display: inline-block;
    color: #ffc000;
}

.usa_garland .section4 .detail_text {
    font-size: 20px;
    line-height: 1.4;
    margin: 60px 0;
}
.usa_garland .section4 .color_back {
    background: #ffc000;
    color: #6a0032;
    margin-top: 6px;
    display: inline-block;
    padding: 5px 10px;
}
.usa_garland .section4 .flex_wrap {
display: flex;
    gap: 30px;
    align-items: center;
}
.usa_garland .section4  .school_table {
	width:100%;
	color:white;

}
.usa_garland .section4  .school_table td {
    vertical-align: middle;
    border: 1px solid white;
    text-align: center;
    height: 60px;
}
.usa_garland .section4  .school_table thead td {
background: white;
    color: #6a0032;
    font-size: 20px;
    font-weight: bold;
    padding: 15px;
}
.usa_garland .section4  .white_back {
	background:white;
	color:#222;
	text-align:left;
	margin-top:30px;
    padding: 40px 0 40px 40px;
}
.usa_garland .section4  .white_back .wt_bg_title {
color: #6a0032;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 15px;
}
.usa_garland .section4  .white_back .ap_ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
gap: 15px 30px;
} 
.usa_garland .section4  .white_back .ap_ul li {
	    letter-spacing: -1px;
		font-size:18px;
}
.usa_garland .section4  .white_back .ap_ul li:last-child {
	grid-column:  span 2
}
.usa_garland .section4 .extra_back {
	margin-top:30px;
}
.usa_garland .section4 .extra_back .top_banner {
    background: url(/images/package/usa_garland/img_flex_bg.jpg) no-repeat;
    background-position: center;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.usa_garland .section4 .extra_back .top_banner p {
	font-size:34px;
	font-weight:900;
}
.usa_garland .section4 .extra_back  .extra_ul {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: left;
    gap: 10px;
	margin-top:30px;
}
.usa_garland .section5 {
background: url(/images/package/usa_garland/dormitory_bg.jpg) no-repeat;
    background-position: center;
	background-size:cover;
}
.usa_garland .section5  .sub_tit {
    color: #ffc000;
}
.usa_garland .section5 .section_title {
	color:white;
}
.usa_garland .section5 .grid_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    margin-top: 30px;
}
.usa_garland .section5 .grid_wrap .grid_box {
    grid-column: span 3;
    background: white;
    text-align: left;
    padding: 40px;
}
.usa_garland .section5  .intro_ul {
    display: grid;
    grid-template-columns: max-content max-content;
    gap: 10px 60px;
    font-size: 18px;
}
.usa_garland .section5  .intro_ul  li {
display: flex;
    gap: 16px;
    letter-spacing: -1.5px;
}
.usa_garland .section5  .intro_ul .color {
	font-weight:bold;
	color: #6a0032;
	position:relative;
}
.usa_garland .section5  .intro_ul .color:after {
    content: '';
    position: absolute;
    top: 4px;
    right: -10px;
    width: 2px;
    height: 20px;
    background: #6a003275;
}
.usa_garland .section6 {
	background:#f5f5f5;
}

.usa_garland .section6 .sub_tit {
	color:#6a0032;
}
.usa_garland .section6 .grid_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background: white;
    margin-top: 30px;
}
.usa_garland .section6 .grid_wrap .grid_box {
	border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
      padding: 20px;
}
.usa_garland .section6 .grid_wrap .grid_box:nth-child(4n) {
	border-right:none;
}
.usa_garland .section6 .grid_wrap .grid_box:nth-last-child(-n+4) {
	border-bottom:none;
}

.usa_garland .section6 .rank_text {
    border-bottom: 1px solid #ffc000;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    letter-spacing: -1.5px;
}
.usa_garland .section6 .rank_text .rank_num {
    font-size: 30px;
    color: #ffc000;
    font-family: 'Jalnan2';
    font-weight: 100;
    margin-left: 5px;
}
.usa_garland .section6 .school_name {
	margin-top:10px;
}
.usa_garland .small_text {
    margin-top: 20px;
    text-align: right;
    font-size: 14px;
    color: #6a0032;
    font-weight: 500;
}

.usa_garland .section7 {
background: url(/images/package/usa_garland/section7_bg.jpg) no-repeat;
    background-position: center;
	background-size:cover;
}
.usa_garland .section7 .sub_tit {
    color: #ffc000;
}
.usa_garland .section7 .section_title {
	color:white;
}
.usa_garland .section7 .grid_wrap {
display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 30px;
	border: 2px solid white;
}
.usa_garland .section7 .grid_wrap .grid_box {
    grid-column: span 3;
    background: white;
    padding: 40px;
}
.usa_garland .section7 .border_box {
	border:4px solid white;
	padding: 40px 0px;
    color: white;
    font-size: 20px;
}
.usa_garland .section7 .border_box .top_text {
    font-size: 22px;
    border-bottom: 1px solid white;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.usa_garland .section7 .white_back_title {
    font-size: 26px;
    letter-spacing: -1.5px;
    border-bottom: 1px solid #222;
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 5px;
    font-weight: bold;
}

.usa_garland .section8 .sub_tit {
    color: #6a0032;
}
.usa_garland .section8 .point_wrap {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 45px 30px;
}
.usa_garland .section8 .point_box {
    border: 1px solid #6a0032;
    padding: 40px 30px 30px;
    position: relative;
    font-size: 20px;
}
.usa_garland .section8 .point_box .color_back {
    background: #6a0032;
    color: white;
    position: absolute;
    top: -19px;
    left: 50%;
    transform: translate(-50%);
    padding: 7px 20px;
    font-size: 20px;
}
.usa_garland .section8 .point_box .line_text {
font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    display: inline-block;
	position:relative;
}

.usa_garland .section8 .point_box .line_text:after {
    content: '';
    position: absolute;
    bottom: -5px;
    width: 100%;
    background: #ffc000;
    height: 10px;
    left: 0px;
    z-index: -1;
}

.usa_garland .section8 .border_box {
    background: #ffc000;
    height: 150px;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -1.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
	position:relative;
}
.usa_garland .section8 .border_box:after {
    content: '';
    position: absolute;
    top: -10px;
    right: 10px;
    width: 100%;
    height: 100%;
    border: 1px solid #6a0032;
}
.usa_garland .section8 .border_box .color_text {
    color: #6a0032;
    display: inline-block;
    margin-top: 15px;
    font-size: 32px;
    font-family: 'Jalnan2';
    font-weight: 100;
	
}
.usa_garland .last_section button{
background: #ffc000;
    border: none;
    padding: 20px 30px;
    font-size: 30px;
    letter-spacing: -1.5px;
    font-weight: bold;
    color: #6a0032;
    margin-top: 20px;
    cursor: pointer;
}