@charset "UTF-8";
#intro_01{background-image: url("../images/bg_green_line.jpg");background-size: cover;background-repeat: no-repeat;background-position: center 60px;color: #4B4B4B;}
#intro_01 h2{font-weight: 600;font-size: 28px;letter-spacing: 0;text-align: left;}
#intro_01 h2 span{font-weight: 600;font-size: 24px;}
/*#intro_01 h2 br{display: none;}*/
#intro_01{font-weight: 400;font-size: 16px;}
#intro_02 h2{font-weight: 700;font-size: 48px;line-height: 126.2%;color: #FFFFFF;text-shadow: 0px 4px 12px rgba(20, 71, 1, 0.25);
text-transform: uppercase;position: absolute;left: 17%;bottom: 10%;}
#intro_03 .card-body{padding: 15px 0 0;color: #717171;}
#intro_03 h5{font-weight: 600;font-size: 24px;}
#intro_03 .card-text{font-weight: 400;font-size: 16px;padding-right: 25px;padding-bottom: 16px;}
#intro_03 .card-pic{ width: 100%;height: 130px;position: relative;}
#intro_03 .card-pic img{position: absolute;left: 0;top: 0;width: auto;height: 100%;}
#president_01 #saying_box h2{font-weight: 600;font-size: 36px;color: #505050;}
#president_01 #saying_box p{font-weight: 400;font-size: 20px;color: #505050;}
#president_01 #saying_box .context {position: relative;}
#president_01 #saying_box .context::before{content: "";display: block;width: 4px;height: 100%;background: linear-gradient(0deg, #5DD5BA 45.13%, #F7FB33 100%);
transform: matrix(-1, 0, 0, 1, 0, 0);position: absolute;left: -25px;top: 0;}
#Professional_field{background-image: url("../images/bg_purple_line-2.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;}
#Professional_field_title{font-weight: 600;font-size: 48px;line-height: 60px;text-align: center;background: linear-gradient(270deg, #5DD5BA 12.19%, #CCD000 95.97%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;width: 210px;margin: 0 auto;padding-top: 50px;}
#memorabilia .cd-h-timeline__container,#memorabilia .cd-h-timeline__event-content{max-width: inherit;}
#memorabilia .cd-h-timeline__event{display: flex;flex-wrap: wrap;}
#memorabilia .cd-h-timeline__event > div:nth-child(1){flex: 0 0 auto;width: 60%;padding: 0 25px;}
#memorabilia .cd-h-timeline__event > div:nth-child(2){flex: 0 0 auto;width: 40%;display: flex;flex-wrap: wrap;align-items: center;}
#memorabilia .cd-h-timeline__event-title{font-size: 24px;color: #717171;font-family: arial;padding-bottom: 20px;}
#memorabilia .cd-h-timeline__event-description{font-size: 16px;color: #717171;font-family: arial;}
#memorabilia .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,#memorabilia .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{opacity: 1;background-color: #FFFBFB;border: 2px solid #FFFBFB;box-shadow: 1px 2px 3px;width: 12px;height: 12px;}
#memorabilia .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,#memorabilia .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #B0B0B0;}
@media (max-width:1400px) {
	#Professional_field {background-size: contain;}
}
@media (max-width:1200px) {
}
@media (max-width:991px) {
	#memorabilia .cd-h-timeline__event > div:nth-child(1){width: 100%;}
	#memorabilia .cd-h-timeline__event > div:nth-child(2){width: 100%;}
	#intro_02 h2{left: 50%;transform: translate(-50%,-60%);bottom: auto;top: 50%;white-space: nowrap;font-size: 36px;}
	#intro_01 {background-size: contain;background-position: center bottom;}
	#memorabilia .cd-h-timeline__container, #memorabilia .cd-h-timeline__event-content{width: 100%;}
	#memorabilia .cd-h-timeline__event,#memorabilia .cd-h-timeline__event > div:nth-child(1){padding: 0;}
	#memorabilia .cd-h-timeline__event > div:nth-child(2){padding: 25px 0 0;}
	.js .cd-h-timeline__dates {margin: 0 25px;}
}
@media (max-width:767px) {
	#intro_02 h2{font-size: 5vw;}
	#president_01 #saying_box p{font-size: 16px;}
	#Professional_field{background-image: none;}
	#Professional_field_title{font-size: 32px;width: 140px;padding-top: 30px;}
	#Professional_field_mobile{max-width: 450px;margin: 0 auto;}
	#field_circle_box{position: relative;}
	.btn_field_circle{position: absolute;z-index: 4;cursor: pointer;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition: transform .3s ease-in-out;width: 80px;height: 80px;}
	.btn_field_circle > span{width: 80px;height: 80px;border-radius: 100%;background-color: #FFFFFF;color: #000000;border-width: 5px;border-style: solid;display: flex;align-items: center;justify-content: center;font-size: 14px;line-height: normal;padding: 5px;}
	.btn_field_circle.active > span{transform: scale(1.2);font-weight: bold;}
	.btn_field_circle.border_circle_blue > span{border-color: #68D5F8;}
	.btn_field_circle.border_circle_green > span{border-color: #50DD6F;}
	#field_content_box{height: 0;padding-top: 154.2%;overflow: hidden;position: relative;margin-top: 70px;}
	.field_box_detail{position: absolute;top: 0;left: 0;z-index: 2;transform: translateY(2000px); opacity: 0; transition: transform .3s ease-in-out;}
	.field_box_detail.active{transform: translateY(0);opacity: 1;}
	.field_arrow_style{width: 58px;height: 88px;position: absolute;bottom: -70px;left: 50%;transform: translate(-50%,-50px);opacity: 0;transition: all .3s ease-in-out;background-size: contain;background-repeat: no-repeat;background-position: center;z-index: 3;}
	.field_arrow_style.active{opacity: 1;transform: translate(-50%, 0);}
	#field_arrow_1{background-image: url("../images/about/arrow_blue.svg");}
	#field_arrow_2{background-image: url("../images/about/arrow_green.svg");}
}
@media (max-width:575px) {
	#intro_01 h2{font-size: 5.7vw;}
	#intro_03 .card-text{padding-right: 0;}
	#intro_03 h5{text-align: center;}
	#intro_03 .card-pic img{left: 50%;transform: translateX(-50%);}
	.president_img{text-align: center;}
	.president_img img{width: 310px;}
	#president_01 #saying_box .context{padding-right: 16px;}
}
@media (max-width:450px) {
	#intro_03 .card-pic {height: 90px;}
	#Professional_field_mobile{max-width: 360px;}
}
@media (max-width:400px) {
	#intro_01 h2{font-size: 28px;}
	#intro_01 h2 br{display: block;}
}
@media (max-width:375px) {
	.president_img img{width: 280px;}
	#Professional_field_mobile{max-width: 300px;}
	.btn_field_circle,.btn_field_circle > span{width: 70px;height: 70px;}
	.btn_field_circle > span {font-size: 12px;}
}