@charset "utf-8";

/* pc */

.ma_visual_wrap {position:relative; height:440px; padding-top:94px;}
.ma_visual_wrap:before {content:''; position:absolute; top:0; left:0; right:154px; height:660px; background:#f0f0f0; border-radius:0 0 180px 0;}
.ma_visual_wrap .ma_visual_img {position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:0 0 0 180px;}
.ma_visual_wrap .imgtxt {position:relative; max-width:1320px; height:143px; margin:0 auto; background:url('../images/main/ma_txt_visual.svg') no-repeat 0 0; background-size:947px; text-indent:-9999px; overflow:hidden;}

.ma_content {margin-top:-88px;}

.ma_iconbox {border-radius:8px; background:#1f2b4e;}
.ma_iconbox ul {display:flex; margin:0 -9px;}
.ma_iconbox ul li {position:relative; width:33.3333%; padding:0 43px;}
.ma_iconbox ul li + li:before {content:''; position:absolute; top:50%; left:0; width:2px; height:40px; margin-top:-20px; background:rgba(255,255,255,0.6);}
.ma_iconbox ul li .inbox {display:flex; flex-wrap:wrap; align-content:center; position:relative; height:100%; padding:18px 0 18px 68px;}
.ma_iconbox ul li .inbox .ico {position:absolute; top:50%; left:0; width:54px; height:54px; margin-top:-27px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.ma_iconbox ul li .inbox .tit {width:100%; padding-right:68px; color:#3bb1ff; font-size:16px; line-height:24px; font-weight:700; letter-spacing:-0.4px;}
.ma_iconbox ul li .inbox .tit_p {width:100%; margin-top:8px; color:#fff; font-size:14px; line-height:20px; font-weight:400; letter-spacing:-0.35px;}

.ma_flex_wrap {display:flex; flex-wrap:wrap; padding:12px 0 48px; margin:0 -12px;}
.ma_flex_wrap .ma_flex_box {width:33.3333%; padding:12px;}

.ma_photo_gallery {position:relative; width:100%; height:100%; padding:15px; border:1px solid #d1d1d1; background:#fff; border-radius:8px;}
.ma_photo_gallery .colbox_head:after {content:''; display:block; clear:both;}
.ma_photo_gallery .colbox_head .title {float:left; color:#282828; font-size:16px; line-height:30px; font-weight:700; letter-spacing:-0.4px;}
.ma_photo_gallery .colbox_head .ctrl_box {float:left; position:relative; margin-left:10px;}
.ma_photo_gallery .colbox_head .ctrl_box .swiper-button-prev {position:static; float:left; width:30px; height:30px; margin:0; border:none; background:url('../images/ico_swiper_prev_black.svg') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_photo_gallery .colbox_head .ctrl_box .swiper-button-next {position:static; float:left; width:30px; height:30px; margin:0 0 0 30px; border:none; background:url('../images/ico_swiper_next_black.svg') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_photo_gallery .colbox_head .ctrl_box .btn_stop_play {position:absolute; top:0; left:30px; width:30px; height:30px; border:none; background:url('../images/ico_swiper_stop_black.svg') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden; vertical-align:top;}
.ma_photo_gallery .colbox_head .ctrl_box .btn_stop_play.stop {background-image:url('../images/ico_swiper_playp_black.svg');}
.ma_photo_gallery .colbox_body {margin-top:19px;}
.ma_photo_gallery .colbox_body .inbox {display:block; position:relative;}
.ma_photo_gallery .colbox_body .inbox:focus:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid #000; border-radius:8px;}
.ma_photo_gallery .colbox_body .inbox .img {display:block; width:100%; height:1px; padding-bottom:74.36%; border-radius:8px;  background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-9999px; overflow:hidden;}
.ma_photo_gallery .btn_swp_more {position:absolute; top:15px; right:15px; width:24px; height:24px; border:none; background:url('../images/ico_more_orange.svg') no-repeat center center; background-size:100%; text-indent:-9999px; overflow:hidden;}

.publications {position:relative; width:100%; height:100%; padding:15px; border:1px solid #d1d1d1; background:#fff; border-radius:8px;}
.publications .title {color:#282828; font-size:16px; line-height:30px; font-weight:700; letter-spacing:-0.4px;}
.publications .bn_box {position:relative; height:139px; margin-top:15px; padding:18px 15px; border-radius:8px; background:#d1d1d1;}
.publications .bn_box.bn_law {background:url('../images/main/ma_smallbanner_bg01.svg') no-repeat right -17px top -10px #b9e998; background-size:182px;}
.publications .bn_box.bn_magazine {background:url('../images/main/ma_smallbanner_bg02.svg') no-repeat right -3px top -22px #3bb1ff; background-size:169px;}
.publications .bn_box .btn_bn_in {display:inline-block; padding:0 18px; border-radius:8px; background:#1f2b4e;}
.publications .bn_box .btn_bn_in span {color:#fff; font-size:14px; line-height:40px; font-weight:700; letter-spacing:-0.35px;}
.publications .bn_box .btn_bn_in span.ico_blank {padding-right:30px; background:url('../images/ico_blank.svg') no-repeat right center; background-size:18px;}
.publications .bn_box .btn_bn_in span.ico_file {padding-right:30px; background:url('../images/ico_file.svg') no-repeat right center; background-size:18px;}
.publications .bn_box .txt {position:absolute; bottom:18px; left:15px; color:#282828; font-size:14px; line-height:22px; font-weight:700; letter-spacing:-0.35px;}

.ma_mid_icon_nics .ma_mid_icon {display:flex; height:240px; padding-left:1px;}
.ma_mid_icon_nics .ma_mid_icon li {flex:1; margin-left:-1px; border:1px solid #d1d1d1; border-radius:8px 8px 0 0; background:#fff;}
.ma_mid_icon_nics .ma_mid_icon li .inbox {display:block; position:relative; height:100%; padding:48px 15px;}
.ma_mid_icon_nics .ma_mid_icon li .inbox:focus {z-index:1;}
.ma_mid_icon_nics .ma_mid_icon li .ico {display:block; width:77px; height:77px; margin:0 auto; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.ma_mid_icon_nics .ma_mid_icon li .txt {display:flex; align-items:center; height:48px; margin-top:16px;color:#424242; font-size:16px; line-height:24px; font-weight:700; letter-spacing:-0.4px; text-align:center;}
.ma_mid_icon_nics .ma_mid_nics {position:relative; height:104px; margin-top:24px; padding:32px 15px 0; border-radius:8px; background:url('../images/main/ma_smallbanner_bg03.svg') no-repeat right -8px top -16px #ffe467; background-size:246px;}
.ma_mid_icon_nics .ma_mid_nics .btn_bn_in {display:inline-block; padding:0 18px; border-radius:8px; background:#1f2b4e;}
.ma_mid_icon_nics .ma_mid_nics .btn_bn_in span {color:#fff; font-size:14px; line-height:40px; font-weight:700; letter-spacing:-0.35px;}


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

@media screen and (max-width:1024px) {
	.ma_visual_wrap {height:628px; padding-top:47px;}
	.ma_visual_wrap:before {right:0; height:1220px; border-radius:0 0 90px 0;}
	.ma_visual_wrap .ma_visual_img {background-image:url('../images/main/t_ma_bg_visual.png') !important; border-radius:0 0 0 90px;}
	.ma_visual_wrap .imgtxt {width:702px; height:205px; background-image:url('../images/main/t_ma_txt_visual.svg'); background-size:100%;}

	.ma_content {margin-top:-328px;}

	.ma_iconbox ul {flex-wrap:wrap; margin:0;}
	.ma_iconbox ul li {width:100%; padding:36px 50px;}
	.ma_iconbox ul li + li:before {top:-1px; left:50px; right:50px; width:auto; height:2px; margin-top:0;}
	.ma_iconbox ul li .inbox {padding:0 0 0 68px;}
	
	.ma_flex_wrap {padding:0 0 50px; margin:0;}
	.ma_flex_wrap .ma_flex_box {width:100%; padding:0; margin-top:24px;}

	.ma_mid_icon_nics .ma_mid_icon {flex-wrap:wrap; height:auto; padding-left:0; padding-top:1px;}
	.ma_mid_icon_nics .ma_mid_icon li {flex:auto; width:100%; margin-left:0; margin-top:-1px; border-radius:0;}
	.ma_mid_icon_nics .ma_mid_icon li .inbox {height:108px; padding:24px;}
	.ma_mid_icon_nics .ma_mid_icon li .ico {position:absolute; top:50%; right:24px; width:60px; height:60px; margin-top:-30px;}
	.ma_mid_icon_nics .ma_mid_icon li .txt {height:60px; margin-top:0;}
	.ma_mid_icon_nics .ma_mid_icon li:first-child {border-radius:8px 8px 0 0;}
	.ma_mid_icon_nics .ma_mid_icon li:last-child {border-radius:0 0 8px 8px;}

	.ma_mid_icon_nics .ma_mid_nics {position:relative; height:104px; margin-top:24px; padding:32px 15px 0; border-radius:8px; background:url('../images/main/ma_smallbanner_bg03.svg') no-repeat right -8px top -16px #ffe467; background-size:246px;}
	.ma_mid_icon_nics .ma_mid_nics .btn_bn_in {display:inline-block; padding:0 18px; border-radius:8px; background:#1f2b4e;}
	.ma_mid_icon_nics .ma_mid_nics .btn_bn_in span {color:#fff; font-size:14px; line-height:40px; font-weight:700; letter-spacing:-0.35px;}
}

@media screen and (max-width:767px) {
	.ma_visual_wrap {height:339px; padding-top:34px;}
	.ma_visual_wrap:before {height:603px; border-radius:0 0 90px 0;}
	.ma_visual_wrap .ma_visual_img {background-position:75% 50%;}
	.ma_visual_wrap .imgtxt {width:326px; height:96px; background-image:url('../images/main/m_ma_txt_visual.svg');}

	.ma_content {margin-top:-169px;}

	.ma_iconbox ul li {padding:26px;}
	.ma_iconbox ul li + li:before {left:26px; right:26px;}
	.ma_iconbox ul li .inbox {padding:0 0 0 74px;}
	.ma_iconbox ul li .inbox .tit {padding-right:0;}
	.ma_iconbox ul li .inbox .tit_p {display:none;}

	.ma_flex_wrap {padding-bottom:40px;}

	.publications .bn_box.bn_law {background-position:right -20px center; background-size:160px;}
	.publications .bn_box.bn_magazine {background-position:right -15px center; background-size:147px;}

	.ma_mid_icon_nics .ma_mid_icon li .inbox {height:72px;}
	.ma_mid_icon_nics .ma_mid_icon li .ico {width:42px; height:42px; margin-top:-21px;}
	.ma_mid_icon_nics .ma_mid_icon li .txt {height:auto;}

	.ma_mid_icon_nics .ma_mid_nics {background-position: right -22px top 15px; background-size:184px;}
}