@charset "utf-8";


/* ma visual */
.ma_visual {
	height:570px;
	background-color: #E6F5F2;
	position: relative;
}
.ma_visual:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/main/bg_main_ico.svg);
	background-repeat: no-repeat;
	background-position: right -12px bottom;
	background-size: 160px;
	opacity: 0.3;
}

/* west */
.ma_visual.west{
	height: 598px;
	background-color: #F3FCFE;
}
.ma_visual.west:before{
	display: none;
}
/* west */

.ma_visual_inner{
	width: 1280px;
	margin:0 auto;
	padding-top: 40px;
	box-sizing:border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ma_visual_inner:after{
	content:"";
	display:block;
	clear:both;
}


/* ma visual : img */
/* east */
.ma_visual.east {
	height: auto;
	padding: 40px 0;
}
.ma_visual.east .inbox{
	width: 944px;
	border-radius: 16px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.ma_visual.east > .ma_visual_inner {
	padding: 0;
}
.ma_visual.east > .ma_visual_inner > .inbox > .imgbox{
	position: relative;
	padding-bottom: 60.594%;
	width: 100%;
}
.ma_visual.east > .ma_visual_inner > .inbox > .imgbox >.img{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%; top: 50%;
	transform: translate(-50%, -50%);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
/* west */
.ma_visual.west .ma_visual_inner{
	padding-top: 24px;
	flex-direction: column;
}
.ma_visual.west .inbox{
	width: 1280px;
	height: 400px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/main/img_main_west.png);
	border-radius: 16px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
	padding-right: 32px;
}
.ma_visual.west .inbox .txtbox{
	position: absolute;
	top: 50%;
	left: 408px;
	transform: translateY(-50%) ;
	background-image: url(../images/main/bg_main_title.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	width: 332px;
	height: 89px;
}
.ma_visual.west .inbox .txtbox .txt{
	text-indent: -9999px;
	overflow: hidden;
}
.ma_visual.west .inbox .txtbox .tit{
	text-indent: -9999px;
	overflow: hidden;
}
.ma_banner.west{
	width: 490px;
	height: 336px;
	float: right;
	margin: 32px 0;
}
.ma_banner.west .titlebox {
	width: 100%;
	box-sizing: border-box;
	height: 55px;
	border-radius: 12px;
	overflow: hidden;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.ma_banner.west .titlebox .title {
	padding-left: 16px;
	line-height: 55px;
}
.ma_banner.west .titlebox .title:before{
	display: none;
}
.ma_banner.west .titlebox .swiper_ctrl {
	display: flex;
	align-items: center;
	width: auto;
	height: 100%;
}
.ma_banner.west .titlebox .swiper_ctrl .swiper-pagination {
	position: absolute;
	top: 50%;
	left: 85px;
	transform: translateY(-50%);
}
.ma_banner.west .titlebox .swiper_ctrl .swiper-pagination > span{
	color: #555;
	font-weight: 700;
}
.ma_banner.west .titlebox .swiper_ctrl .swiper-pagination > span.current{
	position: relative;
	color: #FFF;
	line-height: 24px;
	margin-right: 4px;
}
.ma_banner.west .titlebox .swiper_ctrl .swiper-pagination > span.current:before{
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
	height: 24px;
	background-color: #003985;
	border-radius: 50%;
	z-index: -1;
}
.ma_banner.west .titlebox .swiper_ctrl button{
	height: 100%;
	width: 55px;
	background-size: 20px;
	border-left: solid 1px #D8D8D8;
}
.ma_banner.west .titlebox .swiper_ctrl button:hover,
.ma_banner.west .titlebox .swiper_ctrl button:active,
.ma_banner.west .titlebox .swiper_ctrl button:focus-visible {
	background: #D8D8D8;
	transition: all 0.3s;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
}
.ma_banner.west .titlebox .swiper_ctrl button.swiper-button-prev:hover,
.ma_banner.west .titlebox .swiper_ctrl button.swiper-button-prev:active,
.ma_banner.west .titlebox .swiper_ctrl button.swiper-button-prev:focus-visible {
	background-image: url(../images/main/ico_banner_prev_h.svg);
}
.ma_banner.west .titlebox .swiper_ctrl button.btn_stop_play:hover,
.ma_banner.west .titlebox .swiper_ctrl button.btn_stop_play:active,
.ma_banner.west .titlebox .swiper_ctrl button.btn_stop_play:focus-visible {
	background-image: url(../images/main/ico_banner_stop_h.svg);
}
.ma_banner.west .titlebox .swiper_ctrl button.swiper-button-next:hover,
.ma_banner.west .titlebox .swiper_ctrl button.swiper-button-next:active,
.ma_banner.west .titlebox .swiper_ctrl button.swiper-button-next:focus-visible {
	background-image: url(../images/main/ico_banner_next_h.svg);
}
.ma_banner.west .banner_swiper {
	top: 63px;
	box-shadow: none;
}
.ma_banner.west .banner_swiper .imgbox {
	height: 273px;
}
/* ma visual : img */

/* ma visual : link groups */
.link_groups{
	width:312px;
	border-radius: 16px;
	background: #FFF;
	display: flex;
	align-items:flex-end;
	justify-content: center;
	position: relative;
	margin-left: 24px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
}
.link_groups .link_group_title{
	position: absolute;
	top: 0;
	left: 0;
	width: 136px;
	height: 45px;
	border-radius: 16px 0px;
	background: linear-gradient(90deg, #FFA117 0%, #FF726B 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.link_groups .link_group_title p{
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
}
.link_groups .link_group_list{
	width: 228px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 32px 40px;
	margin-bottom: 40px;
}
.link_groups .link_group_list .item a{
	display: block;
	width: 90px;
	text-align:center;
	font-weight: 500;
	font-size: 14px;
	position: relative;
	padding-top: 78px;
}
.link_groups .link_group_list .item a:before{
	content:"";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display:block;
	width: 70px;
	height: 70px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: contain;
}
.link_groups .link_group_list .item a.ico01:before{
	background-image: url(../images/main/ico_link_group_01.svg);
}
.link_groups .link_group_list .item a.ico02:before{
	background-image: url(../images/main/ico_link_group_02.svg);
}
.link_groups .link_group_list .item a.ico03:before{
	background-image: url(../images/main/ico_link_group_03.svg);
}
.link_groups .link_group_list .item a.ico04:before{
	background-image: url(../images/main/ico_link_group_10.svg);
}
.link_groups .link_group_list .item a.ico05:before{
	background-image: url(../images/main/ico_link_group_05.svg);
}
.link_groups .link_group_list .item a.ico06:before{
	background-image: url(../images/main/ico_link_group_06.svg);
}
.link_groups .link_group_list .item a.ico07:before{
	background-image: url(../images/main/ico_link_group_07.svg);
}
.link_groups .link_group_list .item a.ico08:before{
	background-image: url(../images/main/ico_link_group_08.svg);
}
.link_groups .link_group_list .item a.ico09:before{
	background-image: url(../images/main/ico_link_group_09.svg);
}
.link_groups .link_group_list .item a:hover span,
.link_groups .link_group_list .item a:focus-visible span{
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* east */
.link_groups.east {
	padding: 40px;
}
.link_groups.east .link_group_list {
	width: 100%;
	margin-bottom: 0;
}

/* west */
.link_groups.west{
	width: 100%;
	margin: 0;
	margin-top: 24px;
	height: auto;
	padding-left: 262px;
	box-sizing: border-box;
	height: 146px;
	align-items: center;
}
.link_groups.west .link_group_title{
	position: absolute;
	top: 0;
	left: 0;
	width: 262px;
	height: 100%;
	border-radius: 16px;
	background: #00937F;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../images/main/bg_link_group_title.svg);
	background-repeat: no-repeat;
	background-position: right 33px top;
	background-size: 30px;
}
.link_groups.west .link_group_title p{
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	font-size: 24px;
	font-weight: 700;
}
.link_groups.west .link_group_list{
	width: 906px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
}
/* ma visual : link groups */

/* ma visual */



/* ma_notice & ma_banner */
.ma_notice_banner {
	display: flex;
	width: 100%;
	max-width: 1280px;
	margin: 40px auto;
	gap: 40px;
	height: 432px;
}

/* ma_notice */
.ma_notice {
	flex: 1;
	position: relative;
}
.ma_notice .titlebox {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	height: 50px;
	width: 100%;
}
.ma_notice .titlebox .tit{
	font-size: 24px;
	font-weight: 700;
	padding-left: 58px;
	position: relative;
}
.ma_notice .titlebox .tit:before{
	content:"";
	position: absolute;
	width: 58px;
	height: 56px;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background-image: url(../images/main/ico_notice_title.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
.ma_notice .titlebox .btn_more {
	position: absolute;
	top: 14px;
	right: 0;
	width: 61px;
	height: 21px;
	padding-top: 1px;
	background-image: url(../images/main/ico_notice_more.svg);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 14px;
	color: #6E6964;
	font-size: 14px;
}
.ma_notice .titlebox .btn_more:hover ,
.ma_notice .titlebox .btn_more:active,
.ma_notice .titlebox .btn_more:focus-visible  {
	background-image: url(../images/main/ico_notice_more_h.svg);
	transition: all 0.3s;
}
.ma_notice .in_cont {
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
}
.ma_notice .in_cont ul{
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.ma_notice .in_cont ul li{
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
	border-radius: 16px;
	background-color: #FFF;
}
.ma_notice .in_cont .inbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 110px;
	position: relative;
	padding: 0px 24px 0px 115px;
}
.ma_notice .in_cont .inbox .tit {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	color: #1D1D1D;
	font-size: 18px;
	font-weight: 500;
}
.ma_notice .in_cont .inbox:hover .tit,
.ma_notice .in_cont .inbox:active .tit,
.ma_notice .in_cont .inbox:focus-visible .tit {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.ma_notice .in_cont .txt  {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	margin-top: 8px;
	overflow: hidden;
	color:  #1D1D1D;
	font-size: 16px;
	font-weight: 400;
}
.ma_notice .in_cont .date {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 24px;
	transform: translateY(-50%);
	width: 66px;
	height: 66px;
	border-right:solid 1px #D8D8D8;
}
.ma_notice .in_cont .date .dd {
	color: #1d1d1d;
	font-size: 36px;
	font-weight: 500;
}
.ma_notice .in_cont .date .yymm {
	color: #7D7D7D;
	font-size: 14px;
	font-weight: 500;
	transform: translateY(2px);
}
/* ma_notice */

/* ma_banner */
.ma_banner {
	flex: 1;
	min-width: 0;
	position: relative;
}
.ma_banner .titlebox {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
	width: 100%;
}
.ma_banner .titlebox .title {
	color: #1D1D1D;
	font-size: 24px;
	font-weight: 700;
	position: relative;
	padding-left: 58px;
	line-height: 50px;
}
.ma_banner .titlebox .title:before{
	content:"";
	position: absolute;
	top: 8px;
	left: 0;
	width: 50px;
	height: 50px;
	background-image: url(../images/main/ico_banner_title.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
.ma_banner .titlebox .swiper_ctrl {
	display: flex;
	justify-content: center;
}
.ma_banner .titlebox .swiper_ctrl .swiper-button-prev {
	position: static;
	width: 20px;
	height: 20px;
	margin: 0;
	border: none;
	background-image: url(../images/main/ico_banner_prev.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
}
.ma_banner .titlebox .swiper_ctrl .swiper-button-prev:hover,
.ma_banner .titlebox .swiper_ctrl .swiper-button-prev:active,
.ma_banner .titlebox .swiper_ctrl .swiper-button-prev:focus-visible {
	background-image: url(../images/main/ico_banner_prev_h.svg);
	transition: all 0.3s;
}
.ma_banner .titlebox .swiper_ctrl .swiper-button-next {
	position: static;
	width: 20px;
	height: 20px;
	margin: 0;
	border: none;
	background-image: url(../images/main/ico_banner_next.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
}
.ma_banner .titlebox .swiper_ctrl .swiper-button-next:hover,
.ma_banner .titlebox .swiper_ctrl .swiper-button-next:active,
.ma_banner .titlebox .swiper_ctrl .swiper-button-next:focus-visible {
	background-image: url(../images/main/ico_banner_next_h.svg);
	transition: all 0.3s;
}
.ma_banner .titlebox .swiper_ctrl .swiper-pagination {
	display: flex;
	align-items: center;
	position: static;
	width: auto;
	height: 20px;
	margin: 0 8px;
}
.ma_banner .titlebox .swiper_ctrl .swiper-pagination * {
	color: #9D9D9D;
	font-size: 16px;
	font-weight: 500;
}
.ma_banner .titlebox .swiper_ctrl .swiper-pagination .current {
	color: #1C1C1C;
}
.ma_banner .titlebox .swiper_ctrl .swiper-pagination .slash {
	margin: 0 4px;
}
.ma_banner .titlebox .swiper_ctrl .btn_stop_play {
	width: 20px;
	height: 20px;
	border: none;
	background-image: url(../images/main/ico_banner_play.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	text-indent: -9999px;
	overflow: hidden;
}
.ma_banner .titlebox .swiper_ctrl .btn_stop_play.stop {
	background-image: url(../images/main/ico_banner_stop.svg);
}
.ma_banner .titlebox .swiper_ctrl .btn_stop_play:hover,
.ma_banner .titlebox .swiper_ctrl .btn_stop_play:active,
.ma_banner .titlebox .swiper_ctrl .btn_stop_play:focus-visible {
	background-image: url(../images/main/ico_banner_play_h.svg);
	transition: all 0.3s;
}
.ma_banner .titlebox .swiper_ctrl .btn_stop_play.stop:hover,
.ma_banner .titlebox .swiper_ctrl .btn_stop_play.stop:active,
.ma_banner .titlebox .swiper_ctrl .btn_stop_play.stop:focus-visible {
	background-image: url(../images/main/ico_banner_stop_h.svg);
	transition: all 0.3s;
}
.ma_banner .banner_swiper {
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	border-radius: 12px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
	background-color: #F5F5F5;
}
.ma_banner .banner_swiper .imgbox {
	display: block;
	position: relative;
	width: 100%;
	height: 362px;
	overflow: hidden;
	background-image: url(../images/main/bg_nodata.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.ma_banner .banner_swiper .imgbox .img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain ;
}
/* ma_banner */


/* ma_promo_photo */
.ma_promo_photo {
	width: 100%;
	max-width: 1280px;
	margin: auto;
	margin-bottom: 80px;
}
.ma_promo_photo_con .titlebox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
	width: 100%;
	position: relative;
	margin-bottom: 16px;
}
.ma_promo_photo_con .titlebox h3{
	color: #1D1D1D;
	font-size: 24px;
	font-weight: 700;
	position: relative;
	padding-left: 58px;
	line-height: 50px;
}
.ma_promo_photo_con .titlebox h3:before{
	content:"";
	position: absolute;
	top: 8px;
	left: 0;
	width: 50px;
	height: 50px;
	background-image: url(../images/main/ico_home_title.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
.ma_promo_photo_con .titlebox .btn_more {
	position: absolute;
	top: 14px;
	right: 0;
	width: 61px;
	height: 21px;
	padding-top: 1px;
	background-image: url(../images/main/ico_notice_more.svg);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 14px;
	color: #6E6964;
	font-size: 14px;
	background-color: #fff;
}
.ma_promo_photo_con .titlebox .btn_more:hover,
.ma_promo_photo_con .titlebox .btn_more:active,
.ma_promo_photo_con .titlebox .btn_more:focus-visible {
	background-image: url(../images/main/ico_notice_more_h.svg);
	transition: all 0.3s;
}
.ma_promo_photo_con .in_cont{
	width: 100%;
	border-radius: 12px;
	margin-top: 20px;
	position: relative;
}
.ma_promo_photo_con .in_cont ul{
	display: flex;
	gap: 16px;
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.ma_promo_photo_con .in_cont ul li {
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
	height: 100%;
	width: calc(100% / 4);
	min-width: 308px;
}
.ma_promo_photo_con .inbox {
display: flex;
flex-direction: column;
height: 311px;
position: relative;
border-radius: 16px;
background: #FFF;
overflow: hidden;
}
.ma_promo_photo_con .inbox .imgbox{
	width: 100%;
	height: 190px;
	position: relative;
	overflow: hidden;
	background-image: url(../images/main/bg_nodata_photo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.ma_promo_photo_con .inbox .imgbox .img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.ma_promo_photo_con .inbox .textbox{
	padding: 20px 24px;
}
.ma_promo_photo_con .inbox .textbox .tit {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	font-weight: 500;
}
.ma_promo_photo_con .inbox .textbox .date{
	color: #717171;
	font-size: 14px;
	font-weight: 500;
	margin-top: 9px;
}
.ma_promo_photo_con .inbox:hover .tit,
.ma_promo_photo_con .inbox:active .tit,
.ma_promo_photo_con .inbox:focus-visible .tit {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.ma_promo_photo_con .inbox:hover .imgbox .img{
	transform: translate(-50%, -50%) scale(1.2);
	transition: all 0.3s;
}
/* ma_promo_photo */

/* ma_notice_photo */
.ma_notice_photo{
	display: flex;
	width: 100%;
	max-width: 1280px;
	margin: 40px auto;
	gap: 40px;
	height: 363px;
	margin-bottom: 80px;
}
/* ma_notice - west */
.ma_notice.west .titlebox {
	height: 36px;
}
.ma_notice.west .titlebox .tit{
	padding-left: 0px;
}
.ma_notice.west .titlebox .tit:before{
	display: none;
}
.ma_notice.west .titlebox .btn_more {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 36px;
	height: 36px;
	background-image: url(../images/main/ico_notice_more_west.svg),
		linear-gradient(to bottom, #3553A7, #00A5A0);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px, cover;
	background-origin: padding-box, border-box;
	background-clip: padding-box, border-box;
	border-radius: 8px;
	text-indent: -9999px;
	overflow: hidden;
}
.ma_notice.west .titlebox .btn_more:hover,
.ma_notice.west .titlebox .btn_more:active,
.ma_notice.west .titlebox .btn_more:focus-visible {
	background-image: url(../images/main/ico_notice_more_h.svg);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
	background-color: #fff;
	transition: all 0.3s;
}
.ma_notice.west .in_cont {
	top: 52px;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
	height: 311px;
}
.ma_notice.west .in_cont ul{
	gap: 0px;
	padding: 24px;
	padding-top: 28px;
}
.ma_notice.west .in_cont ul li{
	box-shadow: none;
	border-radius: 0px;
	background-color: transparent;
}
.ma_notice.west .in_cont .inbox {
	height: auto;
	padding: 0;
	border-bottom: 1px solid #D8D8D8;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	padding: 16px 0;
	line-height: 150%;
}
.ma_notice.west .in_cont ul li:first-child .inbox {
	padding-top: 0;
}
.ma_notice.west .in_cont ul li:last-child:not(:first-child) .inbox {
	border-bottom: 0;
	padding-bottom: 0;
}
.ma_notice.west .in_cont .inbox .tit {
	flex: 1;
	min-width: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
	padding-left: 20px;
	padding-right: 16px;
}
.ma_notice.west .in_cont .inbox .tit:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 4px;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: #1D1D1D;
	transform: translateY(-50%);
}
.ma_notice.west .in_cont .date {
	position: static;
	transform: none;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	border: none;
	color: #717171;
}

/* ma_promo_photo : west */
.ma_promo_photo.west {
	flex: 1;
	/* position: relative; */
}
.ma_promo_photo_con.west {
	position: relative;
	height: 363px;
}
.ma_promo_photo_con.west .titlebox {
	height: 36px;
}
.ma_promo_photo_con.west .titlebox h3{
	padding-left: 0px;
	line-height: 36px;
}
.ma_promo_photo_con.west .titlebox h3:before{
	display: none;
}
.ma_promo_photo_con.west .titlebox .btn_more {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 36px;
	height: 36px;
	background-image: url(../images/main/ico_notice_more_west.svg),
		linear-gradient(to bottom, #3553A7, #00A5A0);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px, cover;
	background-origin: padding-box, border-box;
	background-clip: padding-box, border-box;
	border-radius: 8px;
	text-indent: -9999px;
	overflow: hidden;
}
.ma_promo_photo_con.west .titlebox .btn_more :hover,
.ma_promo_photo_con.west .titlebox .btn_more :active,
.ma_promo_photo_con.west .titlebox .btn_more :focus-visible {
	background-image: url(../images/main/ico_notice_more_h.svg);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
	background-color: #fff;
	transition: all 0.3s;
}
.ma_promo_photo_con.west .in_cont ul li {
	width: calc(100% / 2);
	min-width: 292px;
}

/* nodata */
.nodata_box_wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 16px;
	background-color: #F8F8F8;
	text-align: center;
	width: 100%;
	height: calc(100% - 70px);
	position: absolute;
	top: 70px;
	left: 0;
}
.nodata_box_wrap.west{
	background-color: #fff;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}
.nodata_box .ico {
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url(../images/main/ico_nodata.svg);
}
.nodata_box .txt{
	color: #717171;
	font-weight: 500;
	margin-top: 8px;
}
.nodata_box_wrap.in{
	position: static;
	height: 311px;
}
/* nodata */

@media screen and (max-width: 1279px) {

	/* ma visual */
	.ma_visual{
		height: auto;
		margin-top: 64px;
		padding: 40px 35px;
	}
	.ma_visual:before{
		display: none;
	}
	.ma_visual.west{
		height: auto;
		padding: 0px;
		padding-bottom: 0px;
	}
	.ma_visual.east {
		padding: 40px 35px;
	}
	.ma_visual .ma_visual_inner {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding-top: 0px;
	}
	/* ma visual : img */
	.ma_visual .inbox{
		width: 100%;
		box-sizing: border-box;
	}
	.ma_visual.east .inbox{
		width: 100%;
	}
	.ma_visual.west .ma_visual_inner{
		padding-top: 0px;
		height: auto;
		background-image: url(../images/main/img_main_west.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 40px 35px;
	}
	.ma_visual.west .inbox{
		border-radius: 0px;
		box-shadow: none;
		height: auto;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		width: 100%;
		background: none;
		padding-right: 0px;
		box-sizing: border-box;
	}
	.ma_visual.west .inbox .txtbox{
		position: static;
		transform: none;
		top: 0;
		left: 0;
	}
	.ma_banner.west{
		position: relative;
		left: 0;
		top: 0;
		transform: none;
		width: 100%;
		height: 451px;
		margin-bottom: 16px;
	}
	.ma_banner.west .banner_swiper .imgbox {
		height: 388px;
	}
	/* ma visual : img */

	/* ma visual : link groups */
	.link_groups{
		margin-left: 0;
		margin-top: 16px;
		width: 100%;
		height: auto;
		align-items: center;
		padding: 16px 0px;
	}
	.link_groups .link_group_title{
		display: none;
	}
	.link_groups .link_group_list{
		width: auto ;
		grid-template-columns: repeat(4, 1fr);
		gap: 16px;
		margin-bottom: 0px;
		max-width: 480px;
	}
	.link_groups.east {
		padding: 32px;
	}
	.link_groups.west{
		margin-top: 0px;
		padding-left: 0px;
		height: auto;
		width: 100%;
	}
	.link_groups.west .link_group_title{
		display: none;
	}
	.link_groups.west .link_group_list{
		width: 100%;
		justify-content: center;
	}
	.link_groups.east .link_group_list .item {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.link_groups.east .link_group_list .item a,
	.link_groups.west .link_group_list .item a{
		padding-top: 56px;
	}
	.link_groups.east .link_group_list .item a:before,
	.link_groups.west .link_group_list .item a:before{
		width: 48px;
		height: 48px;
	}
	/* ma visual : link groups */
	/* ma visual */


	/* ma_notice_banner */
	.ma_notice_banner{
		flex-direction: column;
		margin: 40px auto;
		padding: 0 35px;
		box-sizing: border-box;
		height: auto;
	}
	.ma_notice{
		flex: none;
		height: 432px;
	}
	.ma_banner {
		flex: none;
		height: 432px;
	}
	/* ma_notice_banner */


	/* ma_banner */
	.ma_banner{
		height: 0;
		padding-bottom: calc(52.01% + 70px);
	}
	.ma_banner .banner_swiper .imgbox{
		height: 0;
		padding-bottom: 52.01%;
	}
	/* ma_banner */


	/* ma_promo_photo */
	.ma_promo_photo{
		margin: auto;
		margin-bottom: 40px;
		padding: 0 35px;
	}
	.ma_promo_photo_con .in_cont ul li {
		width: calc(100% / 2);
	}
	.ma_promo_photo_con .in_cont ul *:nth-child(n + 3){
		display: none;
	}
	/* ma_promo_photo */


	/* ma_notice_photo */
	.ma_notice_photo{
		padding: 0px 35px;
		box-sizing: border-box;
		flex-direction: column;
		height: auto;
		margin-bottom: 0px;
		max-width: 100%;
	}
	.ma_notice_photo .ma_notice.west {
		height: 363px;
	}
	.ma_notice_photo .ma_promo_photo.west{
		padding: 0px;
	}
	/* ma_notice_photo */
	.ma_promo_photo_con,
	.ma_promo_photo_con.west{
		height: auto;
	}
	.ma_promo_photo_con .inbox{
		height: auto;
	}
	.ma_promo_photo_con .inbox .imgbox{
		height: auto;
		padding-bottom: 55.88%;
	}
}

/* mobile */
@media screen and (max-width: 767px) {
	/* ma visual */
	.ma_visual{
		padding: 16px;
	}
	.ma_visual.east {
		padding: 16px;
	}
	.ma_visual.west .ma_visual_inner{
		padding: 24px 16px;
	}
	.ma_visual.west .inbox{
		padding: 0px;
	}
	.ma_visual.west .inbox .txtbox{
		width: 240px;
		height: 73px;
		background-size: contain;
	}
	/* ma visual */

	.ma_notice_banner {
		padding: 0 16px;
    }
	/* ma banner : west */
	.ma_banner.west{
		/* height: 246px; */
		/* border: solid 1px red; */
		height: auto;
		padding-bottom: calc(52.01% + 16px);
	}
	.ma_banner.west{
		margin: 16px 0;
	}
	.ma_banner.west .banner_swiper .imgbox {
		height: 0;
	}
	/* ma banner : west */


	/* ma visual : link groups */
	.link_groups.east {
		padding: 16px 13px;
	}
	.link_groups.east .link_group_list{
		grid-template-columns: repeat(3, 1fr);
	}
	.link_groups.west .link_group_list{
		flex-wrap: wrap;
	}


	.ma_notice .titlebox .tit,
	.ma_banner .titlebox .title,
	.ma_promo_photo_con .titlebox > h3{
		font-size: 20px;
	}

	/* ma_promo_photo */
	.ma_promo_photo_con {
		height: auto;
	}
	.ma_promo_photo{
		padding: 0 16px;
	}
	.ma_promo_photo_con .in_cont ul{
		flex-direction: column;
	}
	.ma_promo_photo_con .in_cont ul li {
		width: 100%;
	}
	/* ma_promo_photo */

	/* ma_notice_photo */
	.ma_notice_photo{
		padding: 0px 16px;
	}
	.ma_promo_photo_con.west .in_cont ul li {
		width: 100%;
	}
	/* ma_notice_photo */

}

@media screen and (max-width: 375px) {
	.link_groups.east .link_group_list {
		grid-template-columns: repeat(2, 1fr);
	}
}