html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,table,th,td,form,fieldset,legend,input,textarea,button,select {
	padding: 0;
	margin: 0
}

body {
	font-family:"微软雅黑",Arial;
	color: #666;
	font-weight: 400;
	line-height: 1;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
	/*word-break: keep-all*/
}

h1,h2,h3,h4,h5,h6,strong {
	font-size: 100%;
	line-height: 1
}

select,button,input,textarea,pre {
	font-family: "Pretendard",sans-serif,"돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif;
	font-size: 16px;
	color: #666
}

pre {
	white-space: pre-wrap
}

fieldset,img,button,iframe {
	border: 0
}

img,input,button {
	vertical-align: top
}

table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	word-break: break-all;
	word-wrap: break-word
}

address,em {
	font-style: normal
}

ol,ul,li {
	list-style: none
}

hr {
	display: none
}

a {
	text-decoration: none;
	color: inherit
}

a:hover,a:active {
	text-decoration: none
}

img {
	display: block;
	max-width: 100%;
	margin: 0 auto
}

legend {
	position: absolute;
	left: -9999px;
	top: 0
}

caption {
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
}

button {
	background: none;
	cursor: pointer;
	-webkit-appearance: none
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

textarea {
	border-radius: 0;
	resize: none;
	background-color: rgba(0,0,0,0);
	word-break: keep-all;
	word-wrap: break-word;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-appearance: none
}

:focus {
	outline: 0
}

* {
	box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

select {
	border-radius: 0;
	background: url("/resources/en/images//common/select_icon.svg") right 12px center no-repeat;
	appearance: none;
	-webkit-appearance: none
}

select::-ms-expand {
	display: none
}

select:focus {
	border: 1px solid #1c1c1c
}

input[type=text],input[type=password],input[type=number],input[type=tel],input[type=email],input[type=button],input[type=submit] {
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
	transition: #fff 5000s ease-in-out 0s;
	box-shadow: 0 0 0px 1000px #fff inset !important
}

input::placeholder,textarea::placeholder {
	color: #e5e5e5
}

.blind {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	white-space: nowrap;
	overflow: hidden;
	clip: rect(0, 0, 0, 0)
}

@font-face {
	font-family:"Pretendard";font-display:swap;font-style:normal;font-weight:300;src:url("/resources/en/fonts/Pretendard-Light.eot");src:url("/resources/en/fonts/Pretendard-Light.eot?#iefix") format("embedded-opentype"),url("/resources/en/fonts/Pretendard-Light.woff2") format("woff2"),url("/resources/en/fonts/Pretendard-Light.woff") format("woff")
}

@font-face {
	font-family:"Pretendard";font-display:swap;font-style:normal;font-weight:400;src:url("/resources/en/fonts/Pretendard-Regular.eot");src:url("/resources/en/fonts/Pretendard-Regular.eot?#iefix") format("embedded-opentype"),url("/resources/en/fonts/Pretendard-Regular.woff2") format("woff2"),url("/resources/en/fonts/Pretendard-Regular.woff") format("woff")
}

@font-face {
	font-family:"Pretendard";font-display:swap;font-style:normal;font-weight:500;src:url("/resources/en/fonts/Pretendard-Medium.eot");src:url("/resources/en/fonts/Pretendard-Medium.eot?#iefix") format("embedded-opentype"),url("/resources/en/fonts/Pretendard-Medium.woff2") format("woff2"),url("/resources/en/fonts/Pretendard-Medium.woff") format("woff")
}

@font-face {
	font-family:"Pretendard";font-display:swap;font-style:normal;font-weight:600;src:url("/resources/en/fonts/Pretendard-SemiBold.eot");src:url("/resources/en/fonts/Pretendard-SemiBold.eot?#iefix") format("embedded-opentype"),url("/resources/en/fonts/Pretendard-SemiBold.woff2") format("woff2"),url("/resources/en/fonts/Pretendard-SemiBold.woff") format("woff")
}

@font-face {
	font-family:"Pretendard";font-display:swap;font-style:normal;font-weight:bold;src:url("/resources/en/fonts/Pretendard-Bold.eot");src:url("/resources/en/fonts/Pretendard-Bold.eot?#iefix") format("embedded-opentype"),url("/resources/en/fonts/Pretendard-Bold.woff2") format("woff2"),url("/resources/en/fonts/Pretendard-Bold.woff") format("woff")
}

@font-face {
	font-family:"Manrope";src:url("/resources/en/fonts/Manrope-SemiBold.woff2") format("woff2"),url("/resources/en/fonts/Manrope-SemiBold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap
}

@font-face {
	font-family:"Manrope";src:url("/resources/en/fonts/Manrope-Regular.woff2") format("woff2"),url("/resources/en/fonts/Manrope-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap
}

@font-face {
	font-family:"Manrope";src:url("/resources/en/fonts/Manrope-Light.woff2") format("woff2"),url("/resources/en/fonts/Manrope-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap
}

@font-face {
	font-family:"Manrope";src:url("/resources/en/fonts/Manrope-Bold.woff2") format("woff2"),url("/resources/en/fonts/Manrope-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap
}

.header {
	margin: 0 auto;
	height: 130px
}

.header .block {
	display: block
}

.header .header_wrap {
	z-index: 2000;
	position: relative;
	width: 100%;
	height: 90px
}

    .header .header_inner {
        z-index: 2000;
        position: relative;
        margin: 0 auto;
        padding: 0 min(4.166vw, 20px);
        width: 100%;
        max-width: 100%;
        background-color: #fff
    }

.header .logo {
	position: absolute;
	left: min(4.166vw, 20px);
	top: 50%;
	transform: translateY(-50%);
	width: 388px
}

.header .logo a {
	display: block;
	width: 100%;
	height: 44px;
	background: url("../images/logo.png") 0 0 no-repeat;
	font-size: 0
}

.header .dim {
	display: none;
	z-index: 1999;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background-color: #000;
	opacity: .5
}

.header .dim.on {
	display: block
}

@media(min-width: 1300px) {
	.header .header_wrap {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
		background-color: #fff;
		transition: height .1s ease-in-out
	}

	.header .header_wrap[data-fixed=fixed] {
		position: fixed;
		border-bottom: 1px solid #e5e5e5
	}

	.header .header_wrap.searchOpen {
		position: fixed;
		border-bottom: 1px solid #e5e5e5
	}

	.header.open .gnbDim {
		border-top: 1px solid #e5e5e5
	}

	.header.open .dim {
		display: block
	}

	.header .gnb_wrap {
		height: 130px
	}

	.header .gnb {
		display: flex;
        padding-left:255px;
		padding-top:20px;
		flex-wrap: wrap;
		justify-content: center;
		align-items: normal
	}
        .header .gnb .depth0 {
            display: inline-block;
            margin: 0 min(1.562vw, 20px)
        }

            .header .gnb .depth0 .depth0_link {
                display: block;
                position: relative;
                height: 60px;
                line-height: 90px;
                font-size: 18px;
                font-weight: 500;
                color: #222;
                transition: color .2s ease-in-out
            }

	.header .gnb .depth1 {
		display: inline-block;
		margin: 0 min(1.562vw, 20px)
	}

	.header .gnb .depth1 .depth1_link {
		display: block;
		position: relative;
		height: 60px;
		line-height: 90px;
		font-size: 20px;
		font-weight: 500;
		color: #000;
		transition: color .2s ease-in-out
	}
        .header .gnb .depth0 {
            display: inline-block;
            margin: 0 min(1.562vw, 15px);
            padding:0 0 0 15px;
      
        }

            .header .gnb .depth0 .depth0_link {
                display: block;
                position: relative;
                height: 60px;
                line-height: 90px;
                font-size: 20px;
                font-weight: 500;
                color: #000;
                transition: color .2s ease-in-out
            }
        .header .gnb .depth0:hover {
            background:url(../images/dian.gif) no-repeat left 40px;

        }

        .header .gnb .depth1 .depth1_link:before {
            content: "";
            display: none;
            position: absolute;
            left: min(-0.313vw, -15px);
            top: 40px;
            width: 10px;
            height: 10px;
            background-color: #EB880E;
            border-radius: 100%
        }

	.header .gnb .depth1.on .sub_gnb .depth2_list {
		opacity: 1;
		visibility: visible;
        position:relative;
	}

	.header .gnb .depth1.on .sub_gnb .depth2_list .depth2 {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
		transition: all .3s ease-in-out
	}
      

        .header .gnb .depth1.on .depth1_link, .header .gnb .depth1.current .depth1_link, .header .gnb .depth1:hover .depth1_link {
            color: #004480
        }


	.header .gnb .depth1.on .depth1_link:before,.header .gnb .depth1.current .depth1_link:before,.header .gnb .depth1:hover .depth1_link:before {
		display: block
	}

	.header .gnbDim {
		position: absolute;
		left: 0;
		top: 130px;
		z-index: 999;
		margin: 0 auto;
		width: 100%;
		height: 0;
		background-color: #fff
	}

	.header .sub_gnb {
		z-index: 1000;
		position: absolute;
		left: 0;
		top: 90px;
		margin: 0 auto;
		width: 100%;
		height: 0;
		transition: .3s height ease-in-out
	}
        .header .sub_gnb > .rt.content {
            width: 100%;
            padding-left: 24.9%;
            height: 240px;
            background: #fff;
        }
        .header .sub_gnb .style1 .lf-img {
            position: relative;
            float:left;
            background: #000;
            margin: 40px 0 0 60px;
        }

            .header .sub_gnb .style1 .lf-img img {
                width: auto;
                height: 160px;
            }
        .header .sub_gnb .style1 .a-box {
            width: 1080px;
            text-align:left;
            float:left;
            margin-top: 40px;
            height: 160px;
            border-right: solid 1px #e5e5e5;
        }
        .header .sub_gnb .style1 .a-box a {
            display: inline-block;
            width: 180px;
            height: 35px;
            line-height: 35px;
            font-size: 20px;
            color: #014480;
            padding-left: 23px;
            position: relative;
            transition: all 0.2s ease;
            margin: 8px 15px 8px 0;
        }

            .header .sub_gnb .style1 .a-box a .sj {
                border: 4px solid transparent;
                border-left: 4px solid #2e2e2e;
                position: absolute;
                top: 50%;
                margin-top: -4px;
                left: 34px;
                transition: all 0.2s ease;
            }

            .header .sub_gnb .style1 .a-box a:hover {
                background: #2a74c3;
                color: #fff;
            }

                .header .sub_gnb .style1 .a-box a:hover .sj {
                    border-left: 4px solid #fff;
                }


.header{width:100%;}

    .header .depth2_list {
        display: flex;
        width: 78%;
        float: left;
        padding-left:20%;
        text-align: left;
        margin-top: 80px;
        padding-top:20px;
        height: 160px;
        border-right: solid 1px #e5e5e5;
        flex-wrap: wrap;
        align-items: flex-start;
        opacity: 0;
        visibility: hidden
    }

    .header .sub_gnb .lf-img {
        float:left;
        margin: 40px 0 0 60px;
    }
    .header .depth2_list .depth2 {
        width: 20%;
        transform: translateY(-10px);
        height: auto;
        overflow: hidden;
        height: 60px;
        line-height: 60px;
       
        opacity: 0;
        float: left;
        text-align: left;
    }
    .header .depth2_list .banner{float:right;}
    .header .depth2_list .depth2:first-child {
        margin-left: 0
    }

	.header .depth2_list .depth2.current .depth2_link {
		color: #004480
	}

    .header .depth2_list .depth2_link {
        display: inline-block;
        position: relative;
        padding: 0 20px;
        font-size: 20px;
        color: #014480;
        font-weight: 500;
        text-align: left;
        
    }

	.header .depth2_list .depth2_link::after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: 16px;
		width: 0%;
		height: 1px;
		transform: translateX(-50%);
		background-color: #004480;
		transition: width .2s ease-in-out
	}

	.header .depth2_list .depth2_link:hover {
		color: #004480
	}

	.header .depth2_list .depth2_link:hover::after {
		width: 100%
	}

	.header .depth3_list>li.current .depth3_link {
		color: #004480
	}

	.header .depth3_list>li .depth3_link {
		position: relative;
		display: inline-block;
		padding: 6px 0;
		font-size: 16px;
		color: #666;
		text-align: center
	}

	.header .depth3_list>li .depth3_link::after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: 2px;
		width: 0%;
		height: 1px;
		transform: translateX(-50%);
		background-color: #004480;
		transition: width .2s ease-in-out
	}

	.header .depth3_list>li .depth3_link:hover {
		color: #004480
	}

	.header .depth3_list>li .depth3_link:hover::after {
		width: 100%
	}

	.header .business .depth2_list li.business_project {
		width: 961px
	}

	.header .business .depth2_list li.business_project .depth2_banner {
		overflow: hidden;
		margin-top: min(2.083vw, 40px);
		padding-left: min(3.125vw, 60px);
		width: 100%;
		border-left: 1px solid #e5e5e5
	}

	.header .business .depth2_list li.business_project .depth2_link {
		float: left;
		margin: 0;
		padding: 0 0 20px
	}

	.header .business .depth2_list li.business_project .depth3_link::after {
		content: none
	}

	.header .business .depth2_list li.business_project .depth3_link span {
		font-weight: 500
	}

	.header .business .innovation {
		max-width: 166px
	}

	.header .business .innovation .depth3_list {
		max-width: 166px
	}

	.header .business .innovation .depth3_list li {
		margin-top: 13px;
		width: 166px;
		height: 120px
	}

	.header .business .innovation .depth3_list li .depth3_link {
		padding: 8px 21px;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.125em;
		color: #004480;
		border: 1px solid #e5e5e5
	}

	.header .business .innovation .depth3_list li .depth3_link:hover {
		color: #fff
	}

	.header .business .innovation .depth3_list li .depth3_link:hover::after {
		content: none
	}

	.header .business .innovation .depth3_list li .depth3_link span {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
		white-space: nowrap;
		overflow: hidden;
		clip: rect(0, 0, 0, 0)
	}

	.header .business .innovation .depth3_list li.current .depth3_link {
		color: #fff
	}

	.header .business .innovation .depth3_list li:last-child {
		margin-top: 0;
		background: #f5f7ff url("../images/navi_enable_off_TM.png") center center no-repeat
	}

	.header .business .innovation .depth3_list li:last-child .depth3_link:hover {
		background: #004480 url("../images/navi_enable_on_TM.png") center center no-repeat
	}

	.header .business .innovation .depth3_list li:last-child.current .depth3_link {
		background: #004480 url("../images/navi_enable_on_TM.png") center center no-repeat
	}

	.header .business .business_project .depth3_list {
		overflow: hidden;
		width: 100%
	}

	.header .business .business_project .depth3_list li {
		float: left;
		margin-left: 10px;
		width: 120px;
		height: 120px
	}

	.header .business .business_project .depth3_list li:first-child {
		margin-left: 0
	}

	.header .business .business_project .depth3_list li:nth-child(1) {
		background: url("../images/BP_bg_re_1.jpg") center center no-repeat
	}

	.header .business .business_project .depth3_list li:nth-child(1) .depth3_link {
		display: table;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .business .business_project .depth3_list li:nth-child(1) .depth3_link span {
		display: table-cell;
		vertical-align: middle
	}

	.header .business .business_project .depth3_list li:nth-child(2) {
		background: url("../images/BP_bg_re_2.jpg") center center no-repeat
	}

	.header .business .business_project .depth3_list li:nth-child(2) .depth3_link {
		display: table;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .business .business_project .depth3_list li:nth-child(2) .depth3_link span {
		display: table-cell;
		vertical-align: middle
	}

	.header .business .business_project .depth3_list li:nth-child(3) {
		background: url("../images/BP_bg_re_3.jpg") center center no-repeat
	}

	.header .business .business_project .depth3_list li:nth-child(3) .depth3_link {
		display: table;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .business .business_project .depth3_list li:nth-child(3) .depth3_link span {
		display: table-cell;
		vertical-align: middle
	}

	.header .business .business_project .depth3_list li:nth-child(4) {
		background: url("../images/BP_bg_re_4.jpg") center center no-repeat
	}

	.header .business .business_project .depth3_list li:nth-child(4) .depth3_link {
		display: table;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .business .business_project .depth3_list li:nth-child(4) .depth3_link span {
		display: table-cell;
		vertical-align: middle
	}

	.header .business .business_project .depth3_list li:nth-child(5) {
		background: url("../images/BP_bg_re_5.jpg") center center no-repeat
	}

	.header .business .business_project .depth3_list li:nth-child(5) .depth3_link {
		display: table;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .business .business_project .depth3_list li:nth-child(5) .depth3_link span {
		display: table-cell;
		vertical-align: middle
	}

	.header .business .business_project .depth3_list li:nth-child(6) {
		background: url("../images/BP_bg_re_6.jpg") center center no-repeat
	}

	.header .business .business_project .depth3_list li:nth-child(6) .depth3_link {
		display: table;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .business .business_project .depth3_list li:nth-child(6) .depth3_link span {
		display: table-cell;
		vertical-align: middle
	}

	.header .business .business_project .depth3_list li:nth-child(7) {
		background: url("../images/BP_bg_re_7.jpg") center center no-repeat
	}

	.header .business .business_project .depth3_list li:nth-child(7) .depth3_link {
		display: table;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .business .business_project .depth3_list li:nth-child(7) .depth3_link span {
		display: table-cell;
		vertical-align: middle
	}

	
    .header .gnb .depth1 .sub_gnb .depth2_list .banner {
        position: absolute;
        right: -290px;
        top: 0px;
        height: 260px;
    }
    .header .gnb .depth1 .sub_gnb .depth2_list .banner2 {
        position: absolute;
        right: -276px;
        top: -40px;
        height: 260px;
    }
	

	.header .about_us .depth2_list .depth2_banner li:first-child {
		margin-left: 0
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(1) {
		background: url("../images/about_us_bg_1.jpg") center center no-repeat
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(1) a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(1) a .txt_box {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(1) a .sub_tit {
		display: block
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(1) a .tit {
		display: inline-block;
		font-size: 18px;
		line-height: 1.2em;
		font-weight: 500
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(1) a .tit .ico_arrow {
		padding-right: 12px;
		background: url("../images/ico_arrow_w.svg") right bottom 3px no-repeat
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(1) a .tit .ico_download {
		display: block;
		padding-bottom: 25px;
		background: url("../images/ico_download_w.svg") center bottom no-repeat
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(2) {
		background: url("../images/about_us_bg_2.jpg") center center no-repeat
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(2) a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(2) a .txt_box {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(2) a .sub_tit {
		display: block
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(2) a .tit {
		display: inline-block;
		font-size: 18px;
		line-height: 1.2em;
		font-weight: 500
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(2) a .tit .ico_arrow {
		padding-right: 12px;
		background: url("../images/ico_arrow_w.svg") right bottom 3px no-repeat
	}

	.header .about_us .depth2_list .depth2_banner li:nth-child(2) a .tit .ico_download {
		display: block;
		padding-bottom: 25px;
		background: url("../images/ico_download_w.svg") center bottom no-repeat
	}

	.header .sustainability .depth2_list .banner {
		margin-left: min(3.125vw, 60px)
	}

	.header .sustainability .depth2_list .depth2_banner {
		overflow: hidden;
		margin-top: min(2.083vw, 40px);
		padding-left: min(3.125vw, 60px);
		border-left: 1px solid #e5e5e5
	}

	.header .sustainability .depth2_list .depth2_banner li {
		float: left;
		width: 50%;
		margin-left: min(0.468vw, 9px);
		width: 200px;
		height: 160px
	}

	.header .sustainability .depth2_list .depth2_banner li:first-child {
		margin-left: 0
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(1) {
		background: url("../images/sustainability_bg_1.jpg") center center no-repeat
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(1) a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(1) a .txt_box {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(1) a .sub_tit {
		display: block
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(1) a .tit {
		display: inline-block;
		font-size: 18px;
		line-height: 1.2em;
		font-weight: 500
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(1) a .tit .ico_arrow {
		padding-right: 12px;
		background: url("../images/ico_arrow_w.svg") right bottom 3px no-repeat
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(1) a .tit .ico_download {
		display: block;
		padding-bottom: 25px;
		background: url("../images/ico_download_w.svg") center bottom no-repeat
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(2) {
		background: url("../images/sustainability_bg_2.jpg") center center no-repeat
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(2) a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(2) a .txt_box {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(2) a .sub_tit {
		display: block
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(2) a .tit {
		display: inline-block;
		font-size: 18px;
		line-height: 1.2em;
		font-weight: 500
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(2) a .tit .ico_arrow {
		padding-right: 12px;
		background: url("../images/ico_arrow_w.svg") right bottom 3px no-repeat
	}

	.header .sustainability .depth2_list .depth2_banner li:nth-child(2) a .tit .ico_download {
		display: block;
		padding-bottom: 25px;
		background: url("../images/ico_download_w.svg") center bottom no-repeat
	}

	.header .careers .depth2_list .banner {
		margin-left: min(3.125vw, 60px)
	}

	.header .careers .depth2_list .depth2_banner {
		overflow: hidden;
		margin-top: min(2.083vw, 40px);
		padding-left: min(3.125vw, 60px);
		border-left: 1px solid #e5e5e5
	}

	.header .careers .depth2_list .depth2_banner li {
		float: left;
		width: 50%;
		margin-left: min(0.468vw, 9px);
		width: 200px;
		height: 160px
	}

	.header .careers .depth2_list .depth2_banner li:first-child {
		margin-left: 0
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(1) {
		background: url("../images/careers_bg_1.jpg") center center no-repeat
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(1) a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(1) a .txt_box {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(1) a .sub_tit {
		display: block
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(1) a .tit {
		display: inline-block;
		font-size: 18px;
		line-height: 1.2em;
		font-weight: 500
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(1) a .tit .ico_arrow {
		padding-right: 12px;
		background: url("../images/ico_arrow_w.svg") right bottom 3px no-repeat
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(1) a .tit .ico_download {
		display: block;
		padding-bottom: 25px;
		background: url("../images/ico_download_w.svg") center bottom no-repeat
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(2) {
		background: url("../images/careers_bg_2.jpg") center center no-repeat
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(2) a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(2) a .txt_box {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(2) a .sub_tit {
		display: block
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(2) a .tit {
		display: inline-block;
		font-size: 18px;
		line-height: 1.2em;
		font-weight: 500
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(2) a .tit .ico_arrow {
		padding-right: 12px;
		background: url("../images/ico_arrow_w.svg") right bottom 3px no-repeat
	}

	.header .careers .depth2_list .depth2_banner li:nth-child(2) a .tit .ico_download {
		display: block;
		padding-bottom: 25px;
		background: url("../images/ico_download_w.svg") center bottom no-repeat
	}

	.header .news_room .depth2_list .banner {
		margin-left: min(3.125vw, 60px)
	}

	.header .news_room .depth2_list .depth2_banner {
		overflow: hidden;
		margin-top: min(2.083vw, 40px);
		padding-left: min(3.125vw, 60px);
		border-left: 1px solid #e5e5e5
	}

	.header .news_room .depth2_list .depth2_banner li {
		float: left;
		width: 50%;
		margin-left: min(0.468vw, 9px);
		width: 200px;
		height: 160px
	}

	.header .news_room .depth2_list .depth2_banner li:first-child {
		margin-left: 0
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(1) {
		background: url("../images/news_room_bg_1.jpg") center center no-repeat
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(1) a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(1) a .txt_box {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(1) a .sub_tit {
		display: block
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(1) a .tit {
		display: inline-block;
		font-size: 18px;
		line-height: 1.2em;
		font-weight: 500
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(1) a .tit .ico_arrow {
		padding-right: 12px;
		background: url("../images/ico_arrow_w.svg") right bottom 3px no-repeat
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(1) a .tit .ico_download {
		display: block;
		padding-bottom: 25px;
		background: url("../images/ico_download_w.svg") center bottom no-repeat
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(2) {
		background: url("../images/news_room_bg_2.jpg") center center no-repeat
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(2) a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		font-size: 16px;
		line-height: 1.375em;
		color: #fff
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(2) a .txt_box {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(2) a .sub_tit {
		display: block
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(2) a .tit {
		display: inline-block;
		font-size: 18px;
		line-height: 1.2em;
		font-weight: 500
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(2) a .tit .ico_arrow {
		padding-right: 12px;
		background: url("../images/ico_arrow_w.svg") right bottom 3px no-repeat
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(2) a .tit .ico_download {
		display: block;
		padding-bottom: 25px;
		background: url("../images/ico_download_w.svg") center bottom no-repeat
	}

	.header .sustainability .depth2_list .depth2_banner li a .txt_box {
		margin-top: 10px
	}

	.header .sustainability .depth2_list .depth2_banner li a .tit .ico_download span {
		color: #fff
	}

	.header .news_room .depth2_list li {
		margin-left: min(5.208vw, 100px)
	}

	.header .news_room .depth2_list li:first-child {
		margin-left: 0
	}

	.header .news_room .depth2_list .depth2_banner li:nth-child(1) a .txt_box {
		top: unset;
		bottom: 20px;
		transform: translateY(0)
	}

	.header .util_menu {
		z-index: 1001;
		position: absolute;
		right: min(3.437vw, 20px);
		top: 54px;
		padding-top: 2px
	}

	.header .util_menu:after {
		content: "";
		display: table;
		clear: both
	}

	.header .util_menu .link {
		float: left;
		color: #004480;
		font-weight: bold
	}
}

@media(min-width: 1300px)and (min-width: 1024px) {
	.header .util_menu .link {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(min-width: 1300px)and (max-width: 1023px) {
	.header .util_menu .link {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(min-width: 1300px) {
	.header .util_menu .lang_menu {
		position: relative;
		float: left;
		top: -convert-vw(4, 1920);
		margin: 0 min(1.041vw, 10px) 0 min(2.604vw, 30px)
	}

	.header .util_menu .lang_menu .lang {
		position: relative; padding:3px 2px;
		color: #004480;
		font-weight: 600
	}
}

@media(min-width: 1300px)and (min-width: 1024px) {
    .header .util_menu .lang_menu .lang {
        border:0; font-size: 1rem;
		width:48px; height:48px;
        letter-spacing: 0;
		background: url("../images/ico_global.png") center center no-repeat;
		background-size:80% auto;
    }
}

@media(min-width: 1300px)and (max-width: 1023px) {
	.header .util_menu .lang_menu .lang {
		font-size: 16px;
		letter-spacing: 0;
	}
}

@media(min-width: 1300px) {
	/*.header .util_menu .lang_menu .lang::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 20px;
		height: 2px;
		background-color: #004480
	}*/
}

@media(min-width: 1300px) {
	.header .util_menu .lang_menu.on .lang_list_inner {
		display: block
	}
}

@media(min-width: 1300px) {
	.header .util_menu .lang_list_inner {
		display: none;
		position: absolute;
		left: 0;
		top: 0;
		margin-left: -18px;
		padding-top: 31px;
		width: 60px
	}

	.header .util_menu .lang_list_inner .lang_list {
		background-color: #fff;
		border: 1px solid #e5e5e5;
		text-align: center;
		padding: 10px 0
	}

	.header .util_menu .lang_list_inner .lang_list li {
		text-align: center
	}

	.header .util_menu .lang_list_inner .lang_list li:first-child {
		margin-top: 0
	}

	.header .util_menu .lang_list_inner .lang_list li a {
		display: block;
		padding: 4px 0;
		color: #888
	}
}

@media(min-width: 1300px)and (min-width: 1024px) {
	.header .util_menu .lang_list_inner .lang_list li a {
		font-size: 1rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(min-width: 1300px)and (max-width: 1023px) {
	.header .util_menu .lang_list_inner .lang_list li a {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(min-width: 1300px) {
	.header .util_menu .lang_list_inner .lang_list li.on a,.header .util_menu .lang_list_inner .lang_list li:hover a {
		color: #004480;
		background-color: #f8f8f8
	}
}

@media(min-width: 1300px) {
	.header .util_menu .btn_search {
		position: relative;
		float: left;
		margin-top: -17px;
		width: 48px;
		height: 48px;
		vertical-align: bottom;
		background: url("../images/ico_search.jpg") center center no-repeat
	}
}

@media(min-width: 1300px) {
	.header .util_menu .btn_global {

		display: none;
		position: relative;
		float: left;
		margin-top: -15px;
		width: 48px;
		height: 48px;
		background: url("../images/ico_global.svg") center center no-repeat
	}
}

@media(min-width: 1300px) {
	.header .btn_nav,.header .btn_nav_close,.header .btn_global {
		display: none
	}
}

@media(min-width: 1300px)and (min-width: 1300px)and (max-width: 1459px) {
	.header .business .depth2_list>li {
		margin-left: min(2.864vw, 55px)
	}

	.header .business .depth2_list>li:first-child {
		margin-left: 0
	}
}

@media(min-width: 1300px)and (max-width: 1600px) {
	.header .business .innovation .depth3_list li .depth3_link {
		padding: 9px 21px
	}
}

@media(max-width: 1299px) {
   
	.hidden {
		height: 100%;
		min-height: 100%;
		overflow: hidden !important;
		touch-action: none
	}

	.header {
		height: 65px
	}

	.header .block {
		display: inline-block
	}

	.header .header_wrap {
		width: 100%;
		height: 65px;
		background-color: #fff;
		box-shadow: 0px 0px 10px 0px #ccc
	}

	.header .header_wrap[data-fixed=fixed] {
		position: fixed;
		border-color: #e5e5e5
	}

	.header .header_wrap .header_inner {
		height: 100%;width:100%; padding:0;
	}

	.header .logo {
		position: absolute;
		left: 20px;
		width: 60%;
	}

	.header .logo a {
		height: 30px;
		background: url("../images/logo.png") 0 0 no-repeat;
		background-size: 100% auto;
		font-size: 0
	}

	.header .btn_nav,.header .btn_nav_close {
		display: block
	}

	.header .btn_nav {
		position: absolute;
		right: 20px;
		top: 21px;
		width: 24px;
		height: 23px;
		background: url("../images/ico_nav.png") left top no-repeat;
		background-size: 100% auto
	}

	.header .btn_nav_close {
		position: absolute;
		right: 15px;
		top: 11px;
		width: 38px;
		height: 38px;
		background: url("../images/ico_nav_close.svg") center center no-repeat;
		background-size: 18px 18px
	}

	.header .btn_global {
		position: absolute;
		right: 64px;
		top: 17px;
		width: 30px;
		height: 30px;
		background: url("../images/ico_global.svg") center center no-repeat;
		background-size: 24px auto
	}
	.header .btn_search {
		position: absolute;
		right: 104px;
		top: 17px;
		width: 30px;
		height: 30px;
		background: url("../images/s.gif") center center no-repeat;
		background-size: 24px auto
	}

	.header .gnb_wrap {
		position: fixed;
		left: 100%;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		transition: all .5s .1s
	}

	.header .gnb_wrap.active {
		left: 0
	}

	.header .gnb_wrap .util_menu {
		overflow: hidden;
        width:90%;
		padding: 18px 25px 18px 15px
	}

	.header .gnb_wrap .util_menu .link {
		float: left;
		padding: 7px 10px;
		color: #fff;
		font-weight: bold;
		background-color: #004480;
		border-radius: 15px
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.header .gnb_wrap .util_menu .link {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.header .gnb_wrap .util_menu .link {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1299px) {
	.header .gnb_wrap .util_menu .lang_menu {
		float: left
	}

	.header .gnb_wrap .util_menu .lang_menu .lang {
		display: none
	}
}

@media(max-width: 1299px) {
	.header .gnb_wrap .util_menu .lang_list {
		overflow: hidden;
		margin-top: 2px
	}

    .header .integrated_search_wrap{z-index:9999;}
    .header .gnb_wrap .util_menu .lang_list li {
        float: left;
        margin-left: 30px
    }

	.header .gnb_wrap .util_menu .lang_list li:first-child {
		margin-left: 0
	}

	.header .gnb_wrap .util_menu .lang_list li a {
		display: block;
		padding: 4px 0;
		color: #222;
		font-weight: bold
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.header .gnb_wrap .util_menu .lang_list li a {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.header .gnb_wrap .util_menu .lang_list li a {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 20px
	}
}

@media(max-width: 1299px) {
	
	.header .gnb_wrap .util_menu .lang_list li.on a,.header .gnb_wrap .util_menu .lang_list li:hover a {
		color: #004480;
		position: relative
	}

	.header .gnb_wrap .util_menu .lang_list li.on a:before,.header .gnb_wrap .util_menu .lang_list li:hover a:before {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		content: "";
		background-color: #004480
	}
}

@media(max-width: 1299px) {
	.header .gnb_wrap .util_menu .btn_global {
		display: none
	}
}

@media(max-width: 1299px) {
	.header .gnb_wrap .util_menu .btn_search {
		display: none;
	}
}

@media(max-width: 1299px) {
	.header .gnb_scroll {
		overflow-y: scroll;
		position: relative;
		top: 0;
		left: 0;
		padding-bottom: 10px;
		width: 100%;
		height: calc(100% - 141px)
	}
}

@media(max-width: 1299px) {
	.header .gnb {
		 width:100%; padding:0;margin:0;
	}

	.header .gnb .depth1 .depth1_link {
		display: block;
		position: relative;
		padding: 22px 25px;
		font-weight: bold;
		color: #222;
		border-bottom: 1px solid #e5e5e5
	}
        .header .gnb .depth0 .depth0_link {
            display: block;
            position: relative;
            padding: 22px 25px;
            font-weight: bold;
            color: #222;
            border-bottom: 1px solid #e5e5e5
        }
        .header .gnb .lf-img {
            display: none;
            
        }
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.header .gnb .depth1 .depth1_link {
		font-size: 1.25rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.header .gnb .depth1 .depth1_link {
		font-size: 20px;
		letter-spacing: 0;
		line-height: 1
	}
    .header .gnb .depth0 .depth0_link {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 1
    }
}


@media(max-width: 1299px) {
	.header .gnb .depth1 .depth1_link::after {
		content: "";
		position: absolute;
		right: 25px;
		top: 50%;
		transform: translateY(-50%);
		width: 15px;
		height: 15px;
		background: url("../images/ico_gnb_plus.svg") center center no-repeat;
		background-size: 100% auto
	}
}

@media(max-width: 1299px) {
	.header .gnb .depth1.current .depth1_link {
		border-bottom: 1px solid #e5e5e5
	}

	.header .gnb .depth1.current .depth1_link:after {
		background-image: url("../images/ico_gnb_minus.svg")
	}

	.header .gnb .depth1.current .sub_gnb {
		display: block
	}
}

@media(max-width: 1299px) {
	.header .sub_gnb {
		display: none;
		padding: 0 25px;
		background-color: #f2f5ff;
		transition: all .4s
	}
}

@media(max-width: 1299px) {
	.header .depth2_list>li {
		border-top: 1px solid #e5e5e5
	}

	.header .depth2_list>li:first-child {
		border-top: none
	}

	.header .depth2_list>li.current .depth2_link {
		color: #004480
	}

	.header .depth2_list>li.current .depth2_link:after {
		transform: rotate(180deg)
	}

	.header .depth2_list>li.current .depth3_list {
		display: block
	}

	.header .depth2_list>li.singleDepth .depth2_link::after {
		content: none
	}

	.header .depth2_list .depth2_link {
		display: block;
		position: relative;
		padding: 21px 0;
		font-size: 17px;
		color: #222;
		font-weight: 600;
		transition: all 1s
	}

	.header .depth2_list .depth2_link::after {
		content: "";
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 10px;
		height: 5px;
		background: url("../images/ico_gnb_depth2.svg") center center no-repeat;
		background-size: 100% auto
	}
}

@media(max-width: 1299px) {
	.header .depth3_list {
		display: none;
		padding-bottom: 20px
	}

	.header .depth3_list>li {
		margin-top: 12px;
		padding-left: 10px;
		position: relative
	}

	.header .depth3_list>li:before {
		display: block;
		position: absolute;
		top: 11px;
		left: 0;
		width: 5px;
		height: 1px;
		content: "";
		background-color: #666
	}

	.header .depth3_list>li:first-child {
		margin-top: 0
	}

	.header .depth3_list>li.current::before {
		background-color: #004480
	}

	.header .depth3_list>li.current .depth3_link {
		color: #004480;
		border-bottom: none
	}

	.header .depth3_list>li .depth3_link {
		display: block;
		padding: 5px 0;
		font-weight: 500;
		color: #666
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.header .depth3_list>li .depth3_link {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.header .depth3_list>li .depth3_link {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1299px) {
	.header .depth2_list .banner {
		width: 100%;
		border-top: none
	}

	.header .depth2_list .banner_two {
		width: 100%
	}
}

@media(max-width: 1299px) {
	.header .about_us .depth2_banner,.header .careers .depth2_banner,.header .sustainability .depth2_banner,.header .news_room .depth2_banner {
		padding-bottom: 25px
	}

	.header .about_us .depth2_banner li,.header .careers .depth2_banner li,.header .sustainability .depth2_banner li,.header .news_room .depth2_banner li {
		width: 100%;
		height: 60px
	}

	.header .about_us .depth2_banner li a,.header .careers .depth2_banner li a,.header .sustainability .depth2_banner li a,.header .news_room .depth2_banner li a {
		position: relative;
		display: inline-block;
		width: 100%;
		padding: 22px 24px;
		font-size: 17px;
		color: #fff;
		font-weight: 500
	}

	.header .about_us .depth2_banner li a::after,.header .careers .depth2_banner li a::after,.header .sustainability .depth2_banner li a::after,.header .news_room .depth2_banner li a::after {
		content: "";
		position: absolute;
		right: 24px;
		top: 50%;
		transform: translateY(-50%);
		width: 7px;
		height: 12px;
		background: url("../images/ico_arrow_w.svg") left top no-repeat
	}
}

@media(max-width: 1299px) {
	.header .business .depth2_banner {
		padding-bottom: 0
	}

	.header .business .depth2_banner.current .depth3_list {
		display: block
	}
}

@media(max-width: 1299px) {
	.header .about_us .depth2_banner li a,.header .careers .depth2_banner li a {
		background: linear-gradient(120deg, rgb(20, 40, 160) 0%, rgb(29, 127, 191) 100%)
	}
}

@media(max-width: 1299px) {
	.header .sustainability .depth2_banner li a {
		background: linear-gradient(120deg, rgb(17, 99, 47) 0%, rgb(92, 180, 13) 100%)
	}

	.header .sustainability .depth2_banner li a::after {
		width: 20px;
		height: 16px;
		background: url("../images/ico_download_w.svg") left top no-repeat;
		background-size: 100% auto
	}
}

@media(max-width: 1299px) {
	.header .news_room .depth2_banner {
		padding-bottom: 0
	}

	.header .news_room .depth2_banner li {
		border-top: 1px solid #e5e5e5
	}

	.header .news_room .depth2_banner li a {
		padding: 21px 0;
		color: #222;
		font-weight: 600
	}

	.header .news_room .depth2_banner li a::after {
		content: none
	}
}

@media(max-width: 1023px) {
	
	.header .logo {
		left: 24px
	}

	.header .btn_nav {
		right: 24px
	}
}

@media(max-width: 767px) {
	.second-banner{display:none;}
	.bread-nav{ display:none;}
	.second-nav{display:none;}
	.header .logo {
		left: 15px
	}
    .header .gnb .depth1 .sub_gnb .depth2_list .banner{display:none;}
        .header .gnb .depth1 .sub_gnb .depth2_list .banner2{display:none;}
        .header .btn_nav {
            right: 64px
        }
            .header .btn_nav{right:15px;}

            .header .depth2_banner li a {
                padding: 22px 15px
            }

	.header .depth2_banner li a::after {
		right: 15px
	}
}

.global-branch {
	z-index: 99999;
	display: block;
	position: fixed;
	top: 0;
	right: -200%;
	width: max(calc(460px * var(--base-ratio)), calc(calc(460 / var(--base-size)) * var(--base-percent)));
	height: 100vh;
	background: #fff;
	transition: right .6s ease
}

.global-branch .branch_inner {
	position: relative;
	width: 100%;
	height: 100%;
	padding: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent))) max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent))) 0
}

.global-branch .branchClose {
	z-index: 1;
	position: absolute;
	top: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
	right: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
	width: max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));
	height: max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));
	background-image: url("../images/branchGlobal_close.svg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center
}

.global-branch .branch_title {
	opacity: 0;
	position: absolute;
	top: max(calc(59px * var(--base-ratio)), calc(calc(59 / var(--base-size)) * var(--base-percent)));
	left: 50%;
	transform: translateX(-50%);
	width: 100%
}

.global-branch .branch_title span {
	display: block;
	color: #fff;
	font-family: "Manrope";
	font-weight: 600;
	text-align: center
}

@media(min-width: 1024px) {
	.global-branch .branch_title span {
		font-size: 2.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.global-branch .branch_title span {
		font-size: 40px;
		letter-spacing: 0;
		line-height: 1
	}
}

.global-branch .branch_img {
	overflow: hidden;
	position: relative;
	width: max(calc(430px * var(--base-ratio)), calc(calc(430 / var(--base-size)) * var(--base-percent)));
	height: max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)))
}

.global-branch .branch_img:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: max(calc(11px * var(--base-ratio)), calc(calc(11 / var(--base-size)) * var(--base-percent)));
	background-image: url("../images/globalBranch_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.global-branch .branch_img .earth_img {
	position: absolute;
	bottom: -200%;
	left: 50%;
	transform: translate(-50%, 0);
	width: max(calc(600px * var(--base-ratio)), calc(calc(600 / var(--base-size)) * var(--base-percent)));
	height: max(calc(600px * var(--base-ratio)), calc(calc(600 / var(--base-size)) * var(--base-percent)));
	background-image: url("../images/globalBranch_earth.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center
}

.global-branch .branch_list {
	width: 100%;
	height: 100%;
	padding: max(calc(35px * var(--base-ratio)), calc(calc(35 / var(--base-size)) * var(--base-percent))) 0 0
}

.global-branch .branch_list ul {
	overflow-y: hidden;
	height: 100%;
	padding: 0 max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)))
}

.global-branch .branch_list .item:last-of-type {
	margin: 0 0 max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))
}

.global-branch .branch_list .item a {
	opacity: 0;
	transform: translateY(15px);
	position: relative;
	display: flex;
	align-items: center;
	padding: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
	color: #222;
	font-family: "Manrope";
	font-weight: 600;
	border-bottom: 1px solid #dde1e6;
	transition: color .5s ease;
	will-change: transform
}

@media(min-width: 1024px) {
	.global-branch .branch_list .item a {
		font-size: 1.75rem;
		letter-spacing: 0.028em;
		line-height: -.7142857143em
	}
}

@media(max-width: 1023px) {
	.global-branch .branch_list .item a {
		font-size: 28px;
		letter-spacing: 0.028em;
		line-height: -20px
	}
}

.global-branch .branch_list .item a:before {
	display: inline-block;
	content: "";
	width: 0;
	height: max(calc(26px * var(--base-ratio)), calc(calc(26 / var(--base-size)) * var(--base-percent)));
	background-image: url("../images/globalBranch_spot.svg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	transition: all .3s
}

.global-branch .branch_list .item a span i {
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
	transform: translateY(-50%);
	width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
	height: max(calc(26px * var(--base-ratio)), calc(calc(26 / var(--base-size)) * var(--base-percent)))
}

.global-branch .branch_list .item a span i:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/branchGlobal_arrow.svg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center
}

.global-branch .branch_list .item a span i:after {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	width: 100%;
	height: 100%;
	background-image: url("../images/branchGlobal_arrow_active.svg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center
}

.global-branch .branch_list .item a:hover {
	color: #004480
}

.global-branch .branch_list .item a:hover:before {
	width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
	margin-right: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))
}

.global-branch .branch_list .item a:hover span i:before {
	right: -100%;
	transition: right .3s
}

.global-branch .branch_list .item a:hover span i:after {
	right: 0;
	transition: right .3s;
	transition-delay: .05s
}

.global-branch .branch_list .item.on a {
	color: #004480
}

.global-branch .branch_list .item.on a:before {
	width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
	margin-right: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))
}

.global-branch .branch_list .item.on a span i:before {
	right: -100%
}

.global-branch .branch_list .item.on a span i:after {
	right: 0
}

.global-branch.active {
	right: 0
}

.global-branch.active .branch_title {
	opacity: 1;
	transition: opacity .8s ease-out;
	transition-delay: .4s
}

.global-branch.active .branch_img .earth_img {
	bottom: -185%;
	transition: bottom .8s ease-in-out;
	transition-delay: .4s
}

.global-branch.active .branch_list ul {
	overflow-y: auto;
	height: 70%;
	transition: height .8s;
	transition-delay: 1.3s
}

@media(max-width: 1023px) {
	.global-branch {
		width: max(calc(440px * var(--base-ratio)), calc(calc(440 / var(--base-size)) * var(--base-percent)))
	}

	.global-branch .branch_img {
		width: max(calc(410px * var(--base-ratio)), calc(calc(410 / var(--base-size)) * var(--base-percent)));
		height: max(calc(230px * var(--base-ratio)), calc(calc(230 / var(--base-size)) * var(--base-percent)))
	}

	.global-branch .branch_img .earth_img {
		bottom: -230%
	}

	.global-branch .branch_list {
		padding: max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) 0 0
	}

	.global-branch .branch_list ul {
		overflow-y: auto;
		max-height: 60%;
		padding: 0 0 max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)))
	}

	.global-branch .branch_list .item a {
		padding: max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.global-branch .branch_list .item a {
		font-size: 1.5rem;
		letter-spacing: 0.024em;
		line-height: -.8333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.global-branch .branch_list .item a {
		font-size: 24px;
		letter-spacing: 0.024em;
		line-height: -20px
	}
}

@media(max-width: 1023px) {
	.global-branch .branch_list .item.on a:before {
		margin-right: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))
	}
}

@media(max-width: 1023px) {
	.global-branch.active .branch_img .earth_img {
		bottom: -203%
	}

	.global-branch.active .branch_list ul {
		height: 70%
	}
}

@media(max-width: 767px) {
	.global-branch {
		width: 100%
	}

	.global-branch .branch_inner {
		padding: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))) 0
	}

	.global-branch .branchClose {
		top: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
		right: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)))
	}

	.global-branch .branch_title {
		top: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.global-branch .branch_title span {
		font-size: 1.625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.global-branch .branch_title span {
		font-size: 26px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px) {
	.global-branch .branch_img {
		width: 100%;
		height: max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)))
	}

	.global-branch .branch_img .earth_img {
		bottom: -220%;
		width: max(calc(354px * var(--base-ratio)), calc(calc(354 / var(--base-size)) * var(--base-percent)));
		height: max(calc(354px * var(--base-ratio)), calc(calc(354 / var(--base-size)) * var(--base-percent)))
	}
}

@media(max-width: 767px) {
	.global-branch .branch_list {
		padding: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) 0 0
	}

	.global-branch .branch_list ul {
		padding: 0 max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))
	}

	.global-branch .branch_list .item a {
		padding: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.global-branch .branch_list .item a {
		font-size: 1.3125rem;
		letter-spacing: 0.021em;
		line-height: -.9523809524em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.global-branch .branch_list .item a {
		font-size: 21px;
		letter-spacing: 0.021em;
		line-height: -20px
	}
}

@media(max-width: 767px) {
	.global-branch.active .branch_img .earth_img {
		bottom: -165%
	}
}

.global-dim {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99998;
	width: 100%;
	height: 100vh;
	background-color: #000;
	opacity: .5
}

.global-dim.active {
	display: block
}

.breadCrumb_wrap {
	overflow: hidden;
	margin-top: min(1.302vw, 25px)
}

.breadCrumb_wrap .breadCrumb_depth {
	position: relative;
	float: left;
	padding-left: 28px;
	color: #888;
	font-weight: 600
}

@media(min-width: 1024px) {
	.breadCrumb_wrap .breadCrumb_depth {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 2.1428571429em
	}
}

@media(max-width: 1023px) {
	.breadCrumb_wrap .breadCrumb_depth {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

.breadCrumb_wrap .breadCrumb_depth:first-child {
	padding-left: 0
}

.breadCrumb_wrap .breadCrumb_depth:first-child::after {
	content: none
}

.breadCrumb_wrap .breadCrumb_depth::after {
	content: "/";
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 10px
}

.breadCrumb_wrap .breadCrumb_depth:last-child {
	color: #666
}

.breadCrumb_wrap .breadCrumb_depth a {
	color: #888;
	text-decoration: underline
}

@media(max-width: 1023px) {
	.breadCrumb_wrap {
		margin-top: 9px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.breadCrumb_wrap .breadCrumb_depth {
		font-size: .75rem;
		letter-spacing: 0em;
		line-height: 2.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.breadCrumb_wrap .breadCrumb_depth {
		font-size: 12px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

@media(max-width: 767px) {
	.breadCrumb_wrap {
		display: none
	}
}

html {
	--window-w: 100vw;
	--window-h: 100vh
}

:root {
	--base-ratio: 0.5;
	--base-size: 1920;
	--base-percent: 100vw
}

@media(max-width: 1023px) {
	:root {
		--base-ratio: 1;
		--base-size: 1;
		--base-percent: 1px
	}
}

html,body {
	font-size: max(min(0.833vw, 16px), 14px)
}

@media(max-width: 767px) {
	html,body {
		font-size: 14px
	}
}

@media(min-width: 1920px) {
	html,body {
		font-size: 16px
	}
}

body.on {
	overflow: hidden;
	height: 100%
}

.wrap {
	margin: 0 auto;
	position: relative;
	max-width: 1920px;
	width: auto
}

.container {
	padding:40px 0 min(8.333vw, 160px)
}

.container h3 {
	margin-bottom: min(1.562vw, 30px);
	color: #222;
	font-weight: bold
}

@media(min-width: 1024px) {
	.container h3 {
		font-size: 2.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container h3 {
		font-size: 40px;
		letter-spacing: 0;
		line-height: 1
	}
}

.container .sec {
	padding: min(8.333vw, 160px) 0
}

.container .sec.bg {
	background-color: #f5f5f5
}

.container .sec:last-child {
	padding-bottom: 0
}

.container .sec .sec_inner {
	margin: 0 auto min(8.333vw, 160px);
	padding: 0 min(1.041vw, 20px);
	max-width: 1240px;
	width: auto
}

.container .sec .sec_inner:last-child {
	margin-bottom: 0
}

.container .content {
	margin: 0 auto;
	padding: 0 min(1.041vw, 20px);
	max-width: 1240px;
	width: auto
}

.container .content .inner {
	margin-bottom: min(4.166vw, 80px)
}

.container .content .inner:last-child,.container .content .inner.last {
	margin-bottom: 0
}

.top_wrap {
	overflow: hidden;
	margin: 0 auto min(4.166vw, 50px);
	padding: 0 min(1.041vw, 20px);
	max-width: 1240px;
	width: auto
}

.top_wrap .tit {
	z-index: 1
}

.top_wrap h2 {
	z-index: 2;
	position: relative;
	padding-right: min(2.083vw, 40px);
	color: #222;
	font-weight: bold
}

@media(min-width: 1024px) {
	.top_wrap .tit{background:url(../images/home.png) no-repeat  right center;}
	.second-banner{width:100%; height:auto; overflow:hidden;}
	.second-banner img{width:100%; height:auto;}
	.container .content{ line-height:200%; font-size:24px; color:#363636;}
.container .content img{max-width:100%; height:auto; margin:0; display:inline-block;}
.container .content img.dszqm{margin:0 0 0 20px; display:inline;}
	.top_wrap h2 {
		font-size: 3.6rem;
		font-weight:normal;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.top_wrap h2 {
		font-size: 56px;
		letter-spacing: 0;
		line-height: 1
	}
}

.visual_wrap {
	overflow: hidden;
	position: relative;
	margin: 0 auto min(8.333vw, 160px);
	max-width: 1920px;
	width: min(91.666vw, 1760px)
}

.visual_wrap .visual {
	overflow: hidden;
	height: min(20.833vw, 400px);
	max-height: min(20.833vw, 400px);
	position: relative
}

.visual_wrap .visual:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: ""
}

.visual_wrap .visual:before {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	animation: visualScale 1s linear
}

.visual_wrap .txt {
	margin: min(2.083vw, 40px) auto 0;
	padding: 0 min(1.041vw, 20px);
	max-width: 1240px;
	width: auto;
	color: #222
}

@media(min-width: 1024px) {
	.visual_wrap .txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.visual_wrap .txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.aboutUs .visual_wrap .visual::before {
	background-image: url("../images/visual_aboutUs.jpg")
}

.sustainability .visual_wrap .visual::before {
	background-image: url("../images/visual_sustainability.jpg")
}

.governance .visual_wrap .visual::before {
	background-image: url("../images/visual_governance.jpg")
}

.ethics .visual_wrap .visual::before {
	background-image: url("../images/visual_ethics.jpg")
}

.security .visual_wrap .visual::before {
	background-image: url("../images/visual_security.jpg")
}

.legal .visual_wrap .visual::before {
	background-image: url("../images/visual_legal.jpg")
}

.report .visual_wrap .visual::before {
	background-image: url("../images/visual_report.jpg")
}

.job_description .visual_wrap .visual::before {
	background-image: url("../images/visual_job_description.jpg")
}

.talent_development .visual_wrap .visual::before {
	background-image: url("../images/visual_talent_development.jpg")
}

.service .visual_wrap .visual::before {
	background-image: url("../images/visual_service.jpg")
}

.ci .visual_wrap .visual::before {
	background-image: url("../images/visual_ci.jpg")
}

.environmental_management .visual_wrap .visual::before {
	background-image: url("../images/visual_environmental_management.jpg")
}

.climate_change .visual_wrap .visual::before {
	background-image: url("../images/visual_climate_change.jpg")
}

.resource_circulation .visual_wrap .visual::before {
	background-image: url("../images/visual_resource_circulation.jpg")
}

.partnership .visual_wrap .visual::before {
	background-image: url("../images/visual_partnership.jpg")
}

.human_rights .visual_wrap .visual::before {
	background-image: url("../images/visual_human_rights.jpg")
}

.quality .visual_wrap .visual::before {
	background-image: url("../images/visual_quality.jpg")
}

.safety .visual_wrap .visual::before {
	background-image: url("../images/visual_safety.jpg")
}

.corporate_social_responsibility .visual_wrap .visual::before {
	background-image: url("../images/visual_corporate_social_responsibility.jpg")
}

@keyframes visualScale {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.12);
		transform: scale(1.12)
	}

	75% {
		opacity: 1
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.nodata_wrap {
	padding: min(8.333vw, 160px) 0;
	text-align: center
}

.nodata_wrap.border {
	border-top: 2px solid #004480;
	border-bottom: 1px solid #e5e5e5
}

.nodata_wrap .txt {
	color: #222;
	font-weight: bold
}

@media(min-width: 1024px) {
	.nodata_wrap .txt {
		font-size: 2.5rem;
		letter-spacing: -0.03em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px) {
	.nodata_wrap .txt {
		font-size: 40px;
		letter-spacing: -0.03em;
		line-height: 50px
	}
}

.nodata_wrap .txt>span {
	color: #004480
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(60px);
		-ms-transform: translateY(60px);
		transform: translateY(60px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

h1,h2,h3,h4,h5,p.h5,p.p1,p.p2,p.p3,p.p4 {
	color: #222
}

h1 {
	font-weight: bold
}

@media(min-width: 1024px) {
	h1 {
		font-size: 5rem;
		letter-spacing: -0.13em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	h1 {
		font-size: 80px;
		letter-spacing: -0.13em;
		line-height: 1
	}
}

h2 {
	font-weight: bold
}

@media(min-width: 1024px) {
	h2 {
		font-size: 3.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	h2 {
		font-size: 56px;
		letter-spacing: 0;
		line-height: 1
	}
}

h3 {
	font-weight: bold
}

@media(min-width: 1024px) {
	h3 {
		font-size: 2.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	h3 {
		font-size: 40px;
		letter-spacing: 0;
		line-height: 1
	}
}

h4 {
	font-weight: 600
}

@media(min-width: 1024px) {
	h4 {
		font-size: 1.875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	h4 {
		font-size: 30px;
		letter-spacing: 0;
		line-height: 1
	}
}

h5 {
	margin-bottom: min(1.041vw, 20px);
	font-weight: 600
}

@media(min-width: 1024px) {
	h5 {
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	h5 {
		font-size: 24px;
		letter-spacing: 0;
		line-height: 1
	}
}

p.h5 {
	font-weight: 600
}

@media(min-width: 1024px) {
	p.h5 {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	p.h5 {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(min-width: 1024px) {
	p.p1 {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	p.p1 {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(min-width: 1024px) {
	p.p2 {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	p.p2 {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(min-width: 1024px) {
	p.p3 {
		font-size: 1rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	p.p3 {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(min-width: 1024px) {
	p.p4 {
		font-size: .875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	p.p4 {
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1
	}
}

.page_desc {
	margin-bottom: min(8.333vw, 160px);
	color: #222
}

@media(min-width: 1024px) {
	.page_desc {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.page_desc {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.point_blue {
	color: #004480
}

.side_line {
	padding-left: 15px;
	position: relative
}

.side_line:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	content: "";
	background-color: #004480
}

@media(max-width: 1023px) {
	.side_line {
		padding-left: min(1.902vw, 7px)
	}

	.side_line:before {
		top: 3px;
		width: 2px;
		height: 14px
	}
}

.bottom_line {
	padding-bottom: 20px;
	position: relative
}

.bottom_line:before {
	display: block;
	position: absolute;
	top: unset;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 3px;
	content: "";
	background-color: #004480
}

@media(max-width: 1023px) {
	.bottom_line {
		margin-bottom: 12px;
		padding-bottom: 15px
	}

	.bottom_line:before {
		height: 2px
	}
}

.mouse_ico {
	position: fixed;
	left: 50%;
	bottom: 7%;
	width: min(1.406vw, 27px);
	height: min(2.031vw, 39px);
	background: url("/resources/en/images/about_us/company/history/mouse_ico.svg") 50% 50% no-repeat;
	background-size: cover;
	animation: mouseScroll .8s infinite
}

.mouse_ico .mouse_arr {
	position: absolute;
	left: 27%;
	top: min(2.343vw, 45px);
	width: min(0.625vw, 12px);
	animation: mouseScroll .65s infinite
}

.mouse_ico .mouse_arr .arr {
	opacity: 0;
	display: inline-block;
	width: min(0.625vw, 12px);
	height: min(0.312vw, 6px);
	background: url("/resources/en/images/about_us/company/history/mouse_ico_arrow1.svg") 50% 50% no-repeat;
	background-size: cover
}

.mouse_ico .mouse_arr .arr.arr1 {
	animation: scrolldown 1.2s ease-in-out infinite
}

.mouse_ico .mouse_arr .arr.arr2 {
	background-image: url("/resources/en/images/about_us/company/history/mouse_ico_arrow2.svg");
	animation: scrolldown 1.2s ease-in-out infinite .15s
}

.mouse_ico.fadeIn {
	opacity: 1
}

@keyframes mouseScroll {
	0% {
		transform: translateY(0%)
	}

	50% {
		transform: translateY(10%)
	}

	100% {
		transform: translateY(0%)
	}
}

@keyframes scrolldown {
	0% {
		transform: translateY(15%);
		opacity: .7
	}

	50% {
		transform: translateY(0%);
		opacity: .2
	}

	100% {
		transform: translateY(15%);
		opacity: .7
	}
}

@media(max-width: 1299px) {
	.visual_wrap {
		width: 98%
	}
}

@media(max-width: 1023px) {
	.wrap {
		width: 100%
	}

	.container {
		padding: 55px 0 100px
	}

	.container h3 {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.container h3 {
		font-size: 1.5625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.container h3 {
		font-size: 25px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container .sec {
		padding: 80px 0
	}

	.container .sec .sec_inner {
		margin: 0 auto 60px;
		padding: 0 24px;
		max-width: 100%
	}
}

@media(max-width: 1023px) {
	.container .content {
		padding: 0 24px
	}

	.container .content .inner {
		margin-bottom: 60px
	}
}

@media(max-width: 1023px) {
	.top_wrap {
		margin: 0 auto 30px;
		padding: 0 24px
	}

	.top_wrap .tit {
		background-image: none !important;
		position: static;
		padding-right: 0;
		border-bottom:solid 4px #004480;
		padding-bottom:2em;
	}

	.top_wrap .tit::before {
		content: none
	}

	.top_wrap h2 {
		position: static;
		padding-right: 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.top_wrap h2 {
		font-size: 2.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.top_wrap h2 {
		font-size: 23px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.visual_wrap {
		overflow: hidden;
		position: relative;
		margin: 0 auto 80px;
		padding: 0 24px;
		width: 100%
	}

	.visual_wrap .visual {
		height: 173px;
		max-height: 173px
	}

	.visual_wrap .visual::after {
		content: none
	}

	.visual_wrap .txt {
		opacity: 1;
		margin: 30px auto 0;
		padding: 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.visual_wrap .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.visual_wrap .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.nodata_wrap {
		padding: 100px 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.nodata_wrap .txt {
		font-size: 1.5625rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.nodata_wrap .txt {
		font-size: 25px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	h1 {
		font-size: 2.8125rem;
		letter-spacing: -0.13em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	h1 {

		font-size: 45px;
		letter-spacing: -0.13em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	h2 {
		font-size: 2.375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	h2 {
		font-size: 38px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	h3 {
		font-size: 1.5625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	h3 {
		font-size: 25px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	h4 {
		font-size: 1.25rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	h4 {
		font-size: 20px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	h5 {
		margin-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	h5 {
		font-size: 1.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	h5 {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	p.h5 {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	p.h5 {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	p.p1 {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	p.p1 {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	p.p2 {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	p.p2 {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	p.p3 {
		font-size: .8125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	p.p3 {
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	p.p4 {
		font-size: .75rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	p.p4 {
		font-size: 12px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px) {
	
	.container .content{padding:0; line-height:200%; font-size:1em; }
.container .content img{max-width:100%;  height:auto; margin:0; display:inline-block;}
.container .content img.dszqm{margin:0 0 0 0.5em; display:inline;}
	.container .sec .sec_inner {
		padding: 0 15px
	}

	.container .content {
		padding: 0;
	}
	.content .search_wrap{padding:0 15px;}
	.newsroom .board_list .board{}
	.newsroom .board_list .board .board_head p{line-height:200%;}

	.aboutUs .visual_wrap .visual::before {
		background-image: url("../images/m/visual_aboutUs.jpg")
	}

	.sustainability .visual_wrap .visual::before {
		background-image: url("../images/m/visual_sustainability.jpg")
	}

	.governance .visual_wrap .visual::before {
		background-image: url("../images/m/visual_governance.jpg")
	}

	.ethics .visual_wrap .visual::before {
		background-image: url("../images/m/visual_ethics.jpg")
	}

	.security .visual_wrap .visual::before {
		background-image: url("../images/m/visual_security.jpg")
	}

	.legal .visual_wrap .visual::before {
		background-image: url("../images/m/visual_legal.jpg")
	}

	.report .visual_wrap .visual::before {
		background-image: url("../images/m/visual_report.jpg")
	}

	.job_description .visual_wrap .visual::before {
		background-image: url("../images/m/visual_job_description.jpg")
	}

	.company_life .visual_wrap .visual::before {
		background-image: url("../images/m/visual_company_life.jpg")
	}

	.talent_development .visual_wrap .visual::before {
		background-image: url("../images/m/visual_talent_development.jpg")
	}

	.service .visual_wrap .visual::before {
		background-image: url("../images/m/visual_service.jpg")
	}

	.ci .visual_wrap .visual::before {
		background-image: url("../images/m/visual_ci.jpg")
	}

	.environmental_management .visual_wrap .visual::before {
		background-image: url("../images/m/visual_environmental_management.jpg")
	}

	.climate_change .visual_wrap .visual::before {
		background-image: url("../images/m/visual_climate_change.jpg")
	}

	.resource_circulation .visual_wrap .visual::before {
		background-image: url("../images/m/visual_resource_circulation.jpg")
	}

	.partnership .visual_wrap .visual::before {
		background-image: url("../images/m/visual_partnership.jpg")
	}

	.human_rights .visual_wrap .visual::before {
		background-image: url("../images/m/visual_human_rights.jpg")
	}

	.quality .visual_wrap .visual::before {
		background-image: url("../images/m/visual_quality.jpg")
	}

	.safety .visual_wrap .visual::before {
		background-image: url("../images/m/visual_safety.jpg")
	}

	.corporate_social_responsibility .visual_wrap .visual::before {
		background-image: url("../images/m/visual_corporate_social_responsibility.jpg")
	}

	.top_wrap {
		padding: 0 !important;
	}
	.top_wrap .tit{padding: 0 15px 2em 15px !important;}
	#footer .box2 .w-1920{padding:0 !important;}
	#footer .box2 .flink{padding:0 5% 1em 5% !important;}
	#footer .box2 .copyright{padding:1em 5% !important; text-align:center !important;}
	.newsroom .search_list ul li a .thumb_area img{width:100% !important; height:auto !important;}
	.newsroom .search_list ul li a .txt_area p.tit{padding-top:0px !important;}
	.newsroom .search_list ul li a .txt_area p.date{ display:none;}
	.newsroom .search_list ul li a .txt_area p.xq{ display:none;}
	.container {
		padding: 30px 0 0 0;
	}
	.newsroom.news.list .content{margin-bottom:44px !important;}
	.thumb_list_wrap .board_list .board .txt_area .tit { display:block !important; width:100% !important;}
	.thumb_list_wrap .board_list .board>li{margin-top:30px !important;}
	.thubm_view_wrap .board_view .board_top{margin-bottom:30px !important;}
	.newsroom.news.list .content form h3{font-size:18px !important;}
	.thubm_view_wrap .board_view .board{margin:0 auto 10px !important;}
	.board_view .btn_wrap{margin:30px auto 55px !important;}
	.header .gnb .depth0{display:none;}
	.newsroom.news.list .contentzj{padding:0 !important;}
	.newsroom.news.list .contentzj .search_wrap{padding:0 15px !important;}
	.newsroom .board_list .board .board_head{display:block !important;}
	.newsroom .board_list .board .tit{width:64% !important;}
	.newsroom .board_list .board .country{width:20% !important;}
	.newsroom .board_list .board .cate{display:none !important;}
	.newsroom .board_list .board .date{display:none !important;}
	.newsroom .board_list .board .field{width:16% !important;}
	.newsroom .board_list .board .board_cont{border:solid 1px #e5e5e5;}
	.newsroom .board_list .board .board_cont p.country, .newsroom .board_list .board .board_cont p.field{padding:0 !important;}
.newsroom .board_list .board .board_cont p.country{float:left !important;font-size: 18px !important; display:block;padding: 0 !important;	
		letter-spacing: 0em;height:90px !important;line-height: 90px !important;}
		.newsroom .board_list .board .board_cont p.tit a{padding:0 !important; height:90px !important; line-height:90px !important;}
		.newsroom .board_list .board .board_cont p.tit{float:left !important; margin-top:0 !important; padding-left:25px !important; }
		.newsroom .board_list .board .board_cont p.field{float:left !important; padding-top:12px !important;}
		
		
		.newsroom .board_list .board .board_head p{height:85px !important;line-height: 85px !important;}
		.newsroom .board_list .board .board_head p.country{text-align:left !important;}

	.visual_wrap {
		padding: 0 15px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	h2 {
		font-size: 2.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	h2 {
		font-size: 33px;
		letter-spacing: 0;
		line-height: 1
	}
}

.video-visual .pc-visual {
	display: block
}

.video-visual .mo-visual {
	display: none;
	width: 100%;
	height: 100%
}

.video-visual .mo-visual.abs {
	position: absolute;
	top: 0;
	left: 0
}

.video-visual .mo-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media(max-width: 1023px) {
	.video-visual .pc-visual {
		display: none
	}

	.video-visual .mo-visual {
		display: block
	}
}

.scroll_custom {
	overflow-y: auto
}

.scroll_custom::-webkit-scrollbar-track {
	background-color: #fff
}

.scroll_custom::-webkit-scrollbar {
	width: 5px;
	background-color: #fff
}

.scroll_custom::-webkit-scrollbar-thumb {
	background-color: #ccc
}

.loading {
	position: relative;
	overflow: hidden
}

.loading:before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 9991
}

.loading:after {
	content: "Profile 불러오는중...";
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	z-index: 9992
}

@media(min-width: 1024px) {
	.loading:after {
		font-size: 1.875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.loading:after {
		font-size: 30px;
		letter-spacing: 0;
		line-height: 1
	}
}

#footer .box1 {
  font-size: 0;
}
#footer .box1 a {
  display: inline-block;
  width: 20%;
  height: 42px;
  line-height: 42px;
  background: #999999;
  font-size: 17px;
  color: #fff;
  position: relative;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  transition: all 0.2s ease;
}
#footer .box1 a .arr {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 50px;
}
#footer .box1 a:hover {
  background: url(../images/home/bg07.png) no-repeat;
  background-size: cover;
}
#footer .box1 a:last-child {
  border: none;
}
#footer .box2 {
  background: #004480; position:relative; padding-top:70px;
}
#footer .box2 .backtop{ position:absolute; left:50%; margin-left:-95px; top:-34px;}
#footer .box2 .flink{width:100%; height:80px; line-height:80px; border-bottom:solid 1px #4F81BC; }
#footer .box2 .flink a{color:#9ebef7; font-size:18px; padding:0 30px 0 10px;}
#footer .box2 .flink a:hover{color:#fff;}
#footer .box2 .copyright{width:100%; text-align:right; color:#9ebef7; font-size:18px; line-height:200%; padding:80px 0 20px 0;}
#footer .box2 .copyright img{float:left; margin-top:20px;}
#footer .box2 .w-1920 {
  width: 100%;
  padding:0 80px;

}
#footer .box2 .w-1360 > .lf {
  margin-top: 88px;
}
#footer .box2 .w-1360 > .lf .list .dh {
  float: left;
  width: 240px;
}
#footer .box2 .w-1360 > .lf .list .dh p {
  display: none;
}
#footer .box2 .w-1360 > .lf .list .dh a {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  padding: 7px 0;
}
#footer .box2 .w-1360 > .lf .list .dh a:hover {
  color: #78b5e3;
}
#footer .box2 .w-1360 > .lf .list .dh a.fir {
  font-size: 14px;
  color: #78b5e3;

}
#footer .box2 .w-1360 > .lf .list .dh a.fir:hover {
  color: #fff;
}
#footer .box2 .w-1360 > .lf .open {
  margin-bottom: 45px;
}
#footer .box2 .w-1360 > .lf .open .dh p {
  display: block;
}
#footer .box2 .w-1360 > .lf .open .dh a.fir {
  padding-bottom: 23px; font-size:18px; color:#fff;
}
#footer .box2 .w-1360 > .rt {
  margin-top: 64px;
  text-align: right;
  position: relative;
  padding-bottom: 105px;
}
#footer .box2 .w-1360 > .rt .txt {
  display: block;
}
#footer .box2 .w-1360 > .rt .link-box {
  display: inline-block;
  margin-top: 65px;
  border-radius: 20px;
  background: #e8e8e8;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 200px;
}
#footer .box2 .w-1360 > .rt .link-box .link {
  width: 100%;
  text-align: center;
  bottom: 40px;
  left: 0;
  display: none;
  overflow: hidden;
  border-radius: 20px;
}
#footer .box2 .w-1360 > .rt .link-box .link a {
  display: block;
  padding: 0 20px;
  text-align: center;
  font-size: 13px;
  color: #212121;
  line-height: 30px;
}
#footer .box2 .w-1360 > .rt .link-box .link-btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 13px;
  color: #212121;
}
#footer .box3 {
  background: #074688;
}
#footer .box3 .w-1360 {
  font-size: 12px;
  color: #dcdddd;
  text-align: center;
  height: 30px;
  line-height: 30px;
  position: relative;
}
.to-top {
  cursor: pointer;
  width: 46px;
  height: 46px;
  position: absolute;
  right: 0;
  bottom: 420px;
  transition: all 0.2s ease;
  background: #a7a7a7 url(../images/arr06.png) no-repeat center;
}
#footer .box3 .w-1360 .to-top:hover {
  background: #3b6cb6 url(../images/arr06.png) no-repeat center;
}
#footer .box4 {
  height: 110px;
  text-align: center;
  line-height: 110px;
}
#footer .box4 .lf a {
  font-size: 13px;
  color: #494949;
  position: relative;
  padding: 0 10px;
}
#footer .box4 .lf a:hover {
  color: #0a7bd2;
}
#footer .box4 .lf a:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  height: 12px;
  border-right: 1px solid #858585;
}
#footer .box4 .lf a:last-child:after {
  border: none;
}
#footer .box4 .rt {
  font-size: 12px;
  color: #838383;
}
#footer .box4 .rt a {
  color: #838383;
}
#footer .box4 .rt a:hover {
  color: #494949;
}
#footer .box4 .center img {
  vertical-align: middle;
}

@media(min-width: 1024px) {
	.footer .menu_list a {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.footer .menu_list a {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.footer .menu_list a strong {
	color: #fff;
	font-weight: 300
}

.footer .menu_list a:hover {
	color: #fff
}

.footer .address_area {
	word-break: keep-all;
	word-wrap: break-word;
	font-weight: 300;
	line-height: 1.4;

	color: rgba(255,255,255,.5);
	text-align: right
}

@media(min-width: 1024px) {
	.footer .address_area {
		font-size: 1.125rem;
		letter-spacing: -0.02em;
		line-height: 1.4444444444em
	}
}

@media(max-width: 1023px) {
	.footer .address_area {
		font-size: 18px;
		letter-spacing: -0.02em;
		line-height: 26px
	}
}

.footer .address_area .copyright {
	margin-top: min(0.52vw, 10px)
}

.footer .btn_wrap {
	text-align: right;
	font-size: 0;
	padding-bottom: min(1.041vw, 20px)
}

.footer .btn_wrap a {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0;
	margin-right: 20px;
	vertical-align: middle
}

.footer .btn_wrap a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	transition: transform .6s
}

.footer .btn_wrap a:last-child {
	margin-right: 0
}

.footer .btn_wrap a.link1:after {
	background-image: url("../images/icon_link01.png")
}

.footer .btn_wrap a.link2:after {
	background-image: url("../images/icon_link02.png")
}

.footer .btn_wrap a.link3:after {
	background-image: url("../images/icon_link03.png")
}

.footer .btn_wrap a.link4:after {
	background-image: url("../images/icon_link04.png")
}

.footer .btn_wrap a.link5:after {
	background-image: url("../images/icon_link05.png")
}

.footer .btn_wrap a.link6:after {
	background-image: url("../images/icon_link06.png")
}

.footer .btn_wrap a:hover.link1:after {
	background-image: url("../images/icon_link01_hover.png")
}

.footer .btn_wrap a:hover.link2:after {
	background-image: url("../images/icon_link02_hover.png")
}

.footer .btn_wrap a:hover.link3:after {
	background-image: url("../images/icon_link03_hover.png")
}

.footer .btn_wrap a:hover.link4:after {
	background-image: url("../images/icon_link04_hover.png")
}

.footer .btn_wrap a:hover.link5:after {
	background-image: url("../images/icon_link05_hover.png")
}

.footer .btn_wrap a:hover.link6:after {
	background-image: url("../images/icon_link06_hover.png")
}

#topBtn {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 20px;
	z-index: 1999;
	transition: opacity .2s
}

#topBtn.on {
	opacity: 1;
	visibility: visible
}

#topBtn.fixed {
	position: fixed;
	bottom: 40px
}

#topBtn button {
	position: relative;
	width: min(3.333vw, 64px);
	height: min(3.333vw, 64px);
	background-color: #fff;
	background: rgba(170,170,170,.3);
	backdrop-filter: blur(15px);
	border-radius: 11px
}

#topBtn button:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 18px;
	height: 22px;
	background: url("../images/btn_top.svg") center center no-repeat
}

@media(max-width: 1023px) {
	.footer .footer_inner {
		padding: 0 40px
	}

	.footer .footer_inner .top {
		padding: 20px 0
	}

	.footer .footer_inner .bot {
		border-top: 1px solid rgba(255,255,255,.4);
		padding: 30px 0 40px
	}

	.footer .footer_inner .bot .box a.logo {
		width: 170px;
		height: 21px;
		margin-bottom: 24px
	}

	.footer .footer_inner .bot .box:last-child {
		width: 100%;
		display: block
	}

	.footer .menu_list {
		margin-left: -15px
	}

	.footer .menu_list a {
		position: relative;
		padding: 10px 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.footer .menu_list a {
		font-size: 1rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.footer .menu_list a {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.footer .menu_list br {
		display: none
	}
}

@media(max-width: 1023px) {
	.footer .address_area {
		line-height: 1.4;
		text-align: left
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.footer .address_area {
		font-size: 1rem;
		letter-spacing: -0.02em;
		line-height: 1.4375em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.footer .address_area {
		font-size: 16px;
		letter-spacing: -0.02em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.footer .address_area .copyright {
		margin-top: 12px
	}
}

@media(max-width: 1023px) {
	.footer .btn_wrap {
		text-align: left;
		padding-bottom: 30px
	}

	.footer .btn_wrap a {
		margin-right: 16px
	}
}

@media(max-width: 1023px) {
	#topBtn {
		right: 10px
	}

	#topBtn.on {
		bottom: 20px
	}

	#topBtn button {
		width: 50px;
		height: 50px
	}

	#topBtn button:after {
		width: 14px;
		height: 18px;
		background-size: cover
	}

	#topBtn button:hover:after {
		background: url("../images/btn_top.svg") center center no-repeat;
		background-size: cover
	}
}

@media(max-width: 767px) {
	.footer .footer_inner {
		padding: 0 20px
	}

	.footer .footer_inner .bot {
		padding: 40px 0;
		display: block
	}

	.footer .footer_inner .bot .box a.logo {
		width: 192px;
		height: 24px
	}

	.footer .footer_inner .bot {
		padding: 36px 0
	}

	.footer .footer_inner .bot .box a.logo {
		width: 152px;
		height: 19px;
		margin-bottom: 20px
	}

	.footer .menu_list {
		margin-left: -10px
	}

	.footer .menu_list a {
		padding: 10px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.footer .menu_list a {
		font-size: .875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.footer .menu_list a {
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.footer .address_area {
		font-size: .875rem;
		letter-spacing: -0.02em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.footer .address_area {
		font-size: 14px;
		letter-spacing: -0.02em;
		line-height: 20px
	}
}

@media(max-width: 767px) {
	.footer .btn_wrap {
		padding-bottom: 30px
	}
}

.tab_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	width: 100%;
	margin-bottom: min(4.166vw, 80px);
	border: 1px solid #e5e5e5
}

.tab_list.list_4 .tab {
	width: 25%
}

.tab_list .tab {
	width: 50%;
	position: relative
}

.tab_list .tab:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 30%;
	content: "";
	transform: translateY(-50%);
	background-color: #e5e5e5
}

.tab_list .tab:last-child:after {
	display: none
}

.tab_list .tab a {
	display: block;
	padding: min(1.302vw, 25px);
	width: 100%;
	color: #888;
	font-weight: 600;
	text-align: center
}

@media(min-width: 1024px) {
	.tab_list .tab a {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1.2083333333em
	}
}

@media(max-width: 1023px) {
	.tab_list .tab a {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 29px
	}
}

.tab_list .tab a:hover {
	color: #004480
}

.tab_list .tab.active a,.tab_list .tab.swiper-slide-active a {
	color: #004480
}

.tab_list.type2 {
	position: relative;
	margin-bottom: min(2.083vw, 40px);
	border: none
}

.tab_list.type2 .tab {
	width: 20%
}

.tab_list.type2 .tab a {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: min(0.781vw, 15px)
}

@media(min-width: 1024px) {
	.tab_list.type2 .tab a {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.2em
	}
}

@media(max-width: 1023px) {
	.tab_list.type2 .tab a {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 24px
	}
}

.tab_list.type2 .tab.active a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #004480
}

.tab_list.type2 .tab.active a {
	padding: min(1.041vw, 20px)
}

.tab_list.type2 .tab.active a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #004480
}

.tab_cont .tabpanel {
	display: none
}

.tab_cont .tabpanel.active {
	display: block
}

.tab_list_wrap {
	margin-bottom: min(4.166vw, 80px);
	padding: min(1.562vw, 30px) min(2.083vw, 40px) min(1.979vw, 38px);
	background-color: #f5f5f5
}

.tab_list_wrap .tab_btn_list {
	width: auto
}

.tab_list_wrap .tab_btn_list li {
	width: auto;
	margin-left: min(1.041vw, 20px)
}

.tab_list_wrap .tab_btn_list li:first-child {
	margin-left: 0
}

.tab_list_wrap .tab_btn_list li.active a {
	color: #fff;
	border: 1px solid #004480;
	background-color: #004480
}

.tab_list_wrap .tab_btn_list li a {
	display: inline-block;
	padding: 0 min(1.302vw, 25px);
	min-width: 140px;
	width: auto;
	height: 3.125rem;
	border-radius: 30px;
	color: #222;
	text-align: center;
	font-weight: 600;
	border: 1px solid #ccc;
	background-color: #fff
}

@media(min-width: 1024px) {
	.tab_list_wrap .tab_btn_list li a {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 2.5em
	}
}

@media(max-width: 1023px) {
	.tab_list_wrap .tab_btn_list li a {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 50px
	}
}

.tab_list_wrap .tab_btn_list li a:hover {
	color: #fff;
	border: 1px solid #004480;
	background-color: #004480
}

.tab_list_wrap .progress_wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	cursor: pointer
}

.tab_list_wrap .progress_wrap .progress_bar {
	position: relative;
	left: 0;
	top: 8px;
	width: 100%;
	height: 4px;
	background-color: #ccc
}

.tab_list_wrap .progress_wrap .swiper-scrollbar {
	padding-top: 20px;
	top: -3px;
	background: rgba(0,0,0,0)
}

.tab_list_wrap .progress_wrap .swiper-scrollbar .swiper-scrollbar-drag {
	height: 8px;
	margin-top: 0;
	background-color: #004480;
	border-radius: 0;
	transition: height .1s ease-in-out;
	cursor: pointer
}

@media(max-width: 1023px) {
	.tab_list {
		margin-bottom: 35px
	}

	.tab_list .tab a {
		display: block;
		padding: 17px 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.tab_list .tab a {
		font-size: 1rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.tab_list .tab a {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.tab_list.type2 {
		margin-bottom: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.tab_list.type2>.tab>a {
		font-size: 1rem;
		letter-spacing: -0.017em;
		line-height: 1.1875em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.tab_list.type2>.tab>a {
		font-size: 16px;
		letter-spacing: -0.017em;
		line-height: 19px
	}
}

@media(max-width: 1023px) {
	.tab_list.type2>.tab.active a {
		padding: 15px
	}

	.tab_list.type2>.tab.active a:after {
		height: 2px
	}
}

@media(max-width: 1023px) {
	.tab_list_wrap {
		margin-bottom: 50px;
		padding: 20px 15px 28px
	}

	.tab_list_wrap .tab_btn_list li {
		margin-left: 10px
	}

	.tab_list_wrap .tab_btn_list>.tab>a {
		padding: 0 20px;
		min-width: 100px;
		font-size: 18px;
		height: 40px;
		line-height: 40px;
		vertical-align: middle;
		border-radius: 20px
	}

	.tab_list_wrap .progress_wrap {
		height: 25px
	}

	.tab_list_wrap .progress_wrap .progress_bar {
		top: 8px
	}

	.tab_list_wrap .progress_wrap .swiper-scrollbar {
		padding-top: 10px;
		top: 3px
	}

	.tab_list_wrap .progress_wrap .swiper-scrollbar .swiper-scrollbar-drag {
		top: 2px;
		height: 6px
	}
}

@media(max-width: 767px) {
	.tab_list.list_4 .tab {
		width: 50%
	}
}

.btn_wrap {
	width: 100%
}

.btn_wrap.tc {
	text-align: center
}

.btn_wrap a {
	margin-left: min(0.52vw, 10px)
}

.btn_wrap a:first-child {
	margin-left: 0
}

.btn_wrap .btn {
	z-index: 1;
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding: min(0.989vw, 19px) min(1.302vw, 25px);
	min-width: 160px;
	width: auto;
	color: #fff;
	font-weight: 600;
	text-align: center;
	border: 1px solid #fff
}

.btn_wrap .btn.long {
	min-width: 248px
}

.btn_wrap .btn::before {
	z-index: -1;
	content: "";
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	transition: opacity .3s ease-in-out
}

.btn_wrap .btn:hover {
	color: #222;
	border: 1px solid rgba(0,0,0,0)
}

.btn_wrap .btn:hover::before {
	opacity: 1
}

.btn_wrap .bg.btn {
	color: #222;
	border: none;
	background-color: #fff;
	border: 1px solid #e5e5e5
}

.btn_wrap .bg.btn:hover {
	color: #fff;
	border: 1px solid rgba(0,0,0,0)
}

.btn_wrap .bg.btn:hover::before {
	background-color: #004480
}

.btn_wrap .btn_download {
	z-index: 1;
	position: relative;
	display: inline-block;
	padding: min(0.989vw, 19px) min(4.166vw, 80px) min(0.989vw, 19px) min(1.302vw, 25px);
	min-width: 160px;
	width: auto;
	color: #fff;
	font-weight: 600;
	text-align: center;
	border: 1px solid #fff
}

.btn_wrap .btn_download::before {
	z-index: -1;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	transition: opacity .3s ease-in-out
}

.btn_wrap .btn_download::after {
	content: "";
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	width: 25px;
	height: 18px;
	background: url("../images/ico_download_w.svg") 0 0 no-repeat;
	background-size: 100% auto
}

.btn_wrap .btn_download:hover {
	color: #222;
	border: 1px solid rgba(0,0,0,0)
}

.btn_wrap .btn_download:hover::before {
	opacity: 1
}

.btn_wrap .btn_download:hover::after {
	background-image: url("../images/ico_download_b.svg")
}

.btn_wrap .bg.btn_download {
	color: #222;
	border: none;
	background-color: #fff;
	border: 1px solid #e5e5e5
}

.btn_wrap .bg.btn_download::after {
	background: url("../images/ico_download_b.svg") 0 0 no-repeat;
	background-size: 100% auto
}

.btn_wrap .bg.btn_download:hover {
	color: #fff;
	border: 1px solid rgba(0,0,0,0)
}

.btn_wrap .bg.btn_download:hover::before {
	background-color: #004480
}

.btn_wrap .bg.btn_download:hover::after {
	background-image: url("../images/ico_download_w.svg")
}

.btn_wrap .btn_link {
	z-index: 1;
	position: relative;
	display: inline-block;
	padding: 19px min(3.906vw, 75px) 19px min(1.302vw, 25px);
	min-width: 160px;
	width: auto;
	color: #fff;
	font-weight: 600;
	text-align: center;
	border: 1px solid #fff
}

.btn_wrap .btn_link::before {
	z-index: -1;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	transition: opacity .3s ease-in-out
}

.btn_wrap .btn_link::after {
	content: "";
	position: absolute;
	right: min(1.302vw, 25px);
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	background: url("../images/ico_link_w.svg") 0 0 no-repeat
}

.btn_wrap .btn_link:hover {
	color: #222;
	border: 1px solid rgba(0,0,0,0)
}

.btn_wrap .btn_link:hover::before {
	opacity: 1
}

.btn_wrap .btn_link:hover::after {
	background-image: url("../images/ico_link_b.svg")
}

.btn_wrap .bg.btn_link {
	color: #222;
	background-color: #fff;
	border: 1px solid #e5e5e5
}

.btn_wrap .bg.btn_link::after {
	background: url("../images/ico_link_b.svg") 0 0 no-repeat
}

.btn_wrap .bg.btn_link:hover {
	color: #fff;
	border: 1px solid rgba(0,0,0,0)
}

.btn_wrap .bg.btn_link:hover::before {
	background-color: #004480
}

.btn_wrap .bg.btn_link:hover::after {
	background-image: url("../images/ico_link_w.svg")
}

.btn_wrap .btn_search {
	z-index: 1;
	position: relative;
	display: inline-block;
	padding: min(0.989vw, 19px) min(4.166vw, 80px) min(0.989vw, 19px) min(1.302vw, 25px);
	min-width: 160px;
	width: auto;
	color: #fff;
	font-weight: 600;
	text-align: center;
	border: 1px solid #fff
}

.btn_wrap .btn_search::before {
	z-index: -1;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	transition: opacity .3s ease-in-out
}

.btn_wrap .btn_search::after {
	content: "";
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url("../images/ico_btn_search_w.svg") 0 0 no-repeat;
	background-size: cover
}

.btn_wrap .btn_search:hover {
	color: #222;
	border: 1px solid rgba(0,0,0,0)
}

.btn_wrap .btn_search:hover::before {
	opacity: 1
}

.btn_wrap .btn_search:hover::after {
	background-image: url("../images/ico_btn_search_b.svg")
}

.btn_wrap .bg.btn_search {
	color: #222;
	border: none;
	background-color: #fff;
	border: 1px solid #e5e5e5
}

.btn_wrap .bg.btn_search::after {
	background: url("../images/ico_btn_search_b.svg") 0 0 no-repeat;
	background-size: cover
}

.btn_wrap .bg.btn_search:hover {
	color: #fff;
	border: 1px solid rgba(0,0,0,0)
}

.btn_wrap .bg.btn_search:hover::before {
	background-color: #004480
}

.btn_wrap .bg.btn_search:hover::after {
	background-image: url("../images/ico_btn_search_w.svg")
}

.btn_wrap .arr.btn_link {
	color: #222;
	border: none;
	background-color: #fff;
	border: 1px solid #e5e5e5
}

.btn_wrap .arr.btn_link::after {
	background: url("../images/ico_link_table_b.svg") 100% 50% no-repeat
}

.btn_wrap .arr.btn_link:hover {
	color: #fff;
	border: 1px solid rgba(0,0,0,0)
}

.btn_wrap .arr.btn_link:hover::before {
	background-color: #004480
}

.btn_wrap .arr.btn_link:hover::after {
	background-image: url("../images/ico_link_table_w.svg")
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.btn_wrap {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.btn_wrap {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.btn_wrap a {
		margin-left: 0
	}
}

@media(max-width: 1023px) {
	.btn_wrap .btn {
		padding: 17px;
		min-width: 180px
	}

	.btn_wrap .btn::before {
		transition: none
	}

	.btn_wrap .btn:hover {
		color: #888;
		border: 1px solid #888
	}

	.btn_wrap .btn:hover::before {
		background-color: rgba(0,0,0,0)
	}
}

@media(max-width: 1023px) {
	.btn_wrap .btn_download {
		padding: 17px 56px 17px 17px;
		min-width: 250px;
		margin-bottom: 10px;
		text-align: left
	}

	.btn_wrap .btn_download::before {
		transition: none
	}

	.btn_wrap .btn_download::after {
		right: 20px;
		width: 20px;
		height: 18px
	}
}

@media(max-width: 1023px) {
	.btn_wrap .btn_link {
		padding: 17px 75px 17px 17px;
		min-width: 180px
	}

	.btn_wrap .btn_link::before {
		transition: none
	}

	.btn_wrap .btn_link::after {
		right: 28px
	}
}

@media(max-width: 1023px) {
	.btn_wrap .btn_search {
		padding: 17px 56px 17px 17px;
		min-width: 250px;
		margin-bottom: 10px;
		text-align: left
	}

	.btn_wrap .btn_search::before {
		transition: none
	}

	.btn_wrap .btn_search::after {
		right: 20px
	}
}

.accordion_list>li {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5
}

.accordion_list>li:first-child .acco_tit {
	border-top: 2px solid #004480
}

.accordion_list>li:first-child .acco_cont {
	display: block
}

.accordion_list>li.active .acco_tit {
	background-color: #004480
}

.accordion_list>li.active .acco_tit .tit {
	color: #fff
}

.accordion_list>li.active .acco_tit:after {
	border-color: #fff;
	transform: rotate(45deg);
	margin-top: -4px
}

.accordion_list .acco_tit {
	display: table;
	position: relative;
	width: 100%
}

.accordion_list .acco_tit:hover .tit {
	color: #004480
}

.accordion_list .acco_tit .tit {
	padding: min(1.822vw, 35px) min(3.645vw, 70px);
	word-break: keep-all;
	word-wrap: break-word;
	color: #222;
	font-weight: 600;
	vertical-align: middle
}

@media(min-width: 1024px) {
	.accordion_list .acco_tit .tit {
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.accordion_list .acco_tit .tit {
		font-size: 24px;
		letter-spacing: 0;
		line-height: 1
	}
}

.accordion_list .acco_tit:after {
	content: "";
	width: 14px;
	height: 14px;
	border-top: 2px solid #004480;
	border-left: 2px solid #004480;
	transform: rotate(225deg);
	position: absolute;
	top: 50%;
	right: min(3.854vw, 74px);
	margin-top: -9px;
	transition: all .3s
}

.accordion_list .acco_cont {
	display: none;
	padding: min(3.125vw, 60px) min(3.645vw, 70px);
	background: #f8f8f8;
	color: #222
}

@media(min-width: 1024px) {
	.accordion_list .acco_cont {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.accordion_list .acco_cont {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.accordion_list .acco_cont .btn_wrap {
	margin-top: min(2.083vw, 40px)
}

.accordion_list .acco_cont .inner {
	margin-bottom: min(2.604vw, 50px)
}

.accordion_list .acco_cont .inner:last-child {
	margin-bottom: 0
}

.accordion_list .acco_cont p.tit {
	margin-bottom: min(1.041vw, 20px);
	word-break: keep-all;
	word-wrap: break-word;
	color: #222;
	font-weight: bold
}

@media(min-width: 1024px) {
	.accordion_list .acco_cont p.tit {
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.accordion_list .acco_cont p.tit {
		font-size: 24px;
		letter-spacing: 0;
		line-height: 1
	}
}

.accordion_list .acco_cont p {
	margin-bottom: min(0.52vw, 10px)
}

.accordion_list .acco_cont p:last-child {
	margin-bottom: 0
}

@media(max-width: 1023px) {
	.accordion_list .acco_tit .tit {
		padding: 30px min(2.604vw, 20px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.accordion_list .acco_tit .tit {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.3529411765em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.accordion_list .acco_tit .tit {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.accordion_list .acco_tit:after {
		right: min(3.255vw, 25px);
		width: 10px;
		height: 10px
	}
}

@media(max-width: 1023px) {
	.accordion_list .acco_cont {
		padding: 40px min(2.604vw, 20px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.accordion_list .acco_cont {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.accordion_list .acco_cont {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.accordion_list .acco_cont .btn_wrap {
		margin-top: 30px
	}
}

@media(max-width: 1023px) {
	.accordion_list .acco_cont .inner {
		margin-bottom: 40px
	}
}

@media(max-width: 1023px) {
	.accordion_list .acco_cont p.tit {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.accordion_list .acco_cont p.tit {
		font-size: 1.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.accordion_list .acco_cont p.tit {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.accordion_list .acco_cont p {
		margin-bottom: 10px
	}
}

@media(max-width: 767px) {
	.accordion_list .acco_tit .tit {
		padding: 30px min(5.434vw, 20px)
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.accordion_list .acco_tit .tit {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.3529411765em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.accordion_list .acco_tit .tit {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 767px) {
	.accordion_list .acco_tit:after {
		right: min(6.793vw, 25px)
	}
}

@media(max-width: 767px) {
	.accordion_list .acco_cont {
		padding: 40px min(5.434vw, 20px)
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.accordion_list .acco_cont {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.accordion_list .acco_cont {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 767px) {
	.accordion_list .acco_cont .btn_wrap {
		margin-top: 30px
	}
}

@media(max-width: 767px) {
	.accordion_list .acco_cont .inner {
		margin-bottom: 40px
	}
}

@media(max-width: 767px) {
	.accordion_list .acco_cont p.tit {
		margin-bottom: 15px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.accordion_list .acco_cont p.tit {
		font-size: 1.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.accordion_list .acco_cont p.tit {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px) {
	.accordion_list .acco_cont p {
		margin-bottom: 10px
	}
}

.form_wrap {
	margin-top: min(2.083vw, 40px)
}

.form_wrap .form_inner {
	margin-bottom: min(4.166vw, 80px)
}

.form_wrap .form_inner:last-child {
	margin-bottom: 0
}

.form_wrap .h_tit_wrap {
	position: relative
}

.form_wrap .h_tit_wrap h4 {
	display: inline-block
}

.form_wrap .h_tit_wrap .form_desc {
	position: absolute;
	right: 0;
	bottom: min(1.041vw, 20px);
	margin-bottom: 0
}

.form_wrap h4 {
	margin-bottom: min(1.562vw, 30px)
}

.form_wrap .form_desc {
	margin-bottom: min(1.041vw, 20px);
	color: #888;
	text-align: right
}

@media(min-width: 1024px) {
	.form_wrap .form_desc {
		font-size: 1rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.form_wrap .form_desc {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1
	}
}

.form_wrap .txt_point {
	display: inline-block;
	margin: 0 5px;
	color: #004480;
	vertical-align: top
}

.form_wrap .radio_area .custom_radio {
	display: inline-block;
	margin-left: min(2.083vw, 40px)
}

.form_wrap .radio_area .custom_radio:first-child {
	margin-left: 0
}

.form_wrap .checkbox_area .custom_checkbox {
	display: inline-block;
	margin-left: min(2.083vw, 40px)
}

.form_wrap .checkbox_area .custom_checkbox:first-child {
	margin-left: 0
}

.form_wrap .desc_list {
	margin-top: min(1.562vw, 30px)
}

.form_wrap .desc_list li {
	margin-top: min(0.26vw, 5px);
	color: #222
}

@media(min-width: 1024px) {
	.form_wrap .desc_list li {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.form_wrap .desc_list li {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.form_wrap .desc_list li:first-child {
	margin-top: 0
}

.form_list {
	padding: min(4.166vw, 80px) min(6.77vw, 130px)
}

.form_list.bg {
	background-color: #f5f5f5
}

.form_list>li {
	position: relative;
	margin-bottom: min(2.083vw, 40px)
}

.form_list>li:last-child {
	margin-bottom: 0
}

.form_list>li .form_tit {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: min(7.291vw, 140px);
	color: #222;
	font-weight: 600
}

@media(min-width: 1024px) {
	.form_list>li .form_tit {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.6em
	}
}

@media(max-width: 1023px) {
	.form_list>li .form_tit {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.form_list>li .form_cont {
	padding-left: min(7.291vw, 140px)
}

.agree_box .scroll_box {
	overflow-y: auto;
	padding: 40px 30px;
	height: 285px;
	border: 1px solid #e5e5e5
}

.agree_box .scroll_box .p1 {
	color: #004480
}

.agree_box .scroll_box ol {
	margin-bottom: 20px
}

.agree_box .scroll_box ol>li {
	margin-top: 20px
}

.agree_box .scroll_box ol>li:first-child {
	margin-top: 0
}

.agree_box .scroll_box ol>li ul>li {
	margin-top: 10px
}

.agree_box .scroll_box ol>li ul>li:first-child {
	margin-top: 0
}

.agree_box .scroll_box p {
	line-height: 1.25em;
	margin-bottom: 10px
}

.agree_box .agree_chk {
	overflow: hidden;
	margin-top: min(1.041vw, 20px)
}

.agree_box .agree_chk .checkbox_area .custom_checkbox {
	display: block;
	margin-left: 0
}

.agree_box .agree_chk .txt {
	float: left
}

@media(min-width: 1024px) {
	.agree_box .agree_chk .txt {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.4444444444em
	}
}

@media(max-width: 1023px) {
	.agree_box .agree_chk .txt {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 26px
	}
}

.agree_box .agree_chk .radio_area {
	float: right
}

.search_wrap {
	position: relative;
	margin-bottom: min(1.041vw, 20px)
}

.search_wrap:after {
	content: "";
	display: table;
	clear: both
}

.search_wrap .input_area.search {
	float: right;
	width: min(20.833vw, 400px)
}

.search_wrap .select_area.search {
	float: right
}

.search_wrap .select_area.search .custom_select_area {
	float: left
}

.search_wrap .select_area.search .search_btn {
	margin-left: min(0.52vw, 10px);
	color: #fff;
	background-color: #004480
}

@media(min-width: 1024px) {
	.search_wrap .select_area.search .search_btn {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.search_wrap .select_area.search .search_btn {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.search_wrap .search_icon {
	display: block;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	width: min(3.645vw, 70px);
	height: 100%;
	background: url("../images/ico_search.svg") center center no-repeat;
	background-size: min(1.145vw, 22px) min(1.145vw, 22px)
}

.search_wrap .search_icon.ico_date {
	background: url("../images/ico_date.png") center center no-repeat;
	background-size: 18px 18px
}

.search_wrap .search_btn {
	display: inline-block;
	vertical-align: middle;
	width: min(4.895vw, 94px);
	height: 3.75rem;
	vertical-align: middle;
	color: #fff;
	background: #666;
	text-align: center;
	box-sizing: border-box
}

@media(min-width: 1024px) {
	.search_wrap .search_btn {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 3.3333333333em
	}
}

@media(max-width: 1023px) {
	.search_wrap .search_btn {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 60px
	}
}

.search_wrap .search_btn+.search_btn {
	margin-left: min(0.625vw, 12px)
}

@media(max-width: 1023px) {
	.search_wrap {
		margin-bottom: 20px
	}

	.search_wrap .input_area.search {
		width: 50%
	}

	.search_wrap .input_area.search input {
		height: 50px;
		border-radius: 25px
	}

	.search_wrap .search_icon {
		width: 60px;
		background-size: 20px 20px
	}

	.search_wrap .select_area.search .search_btn {
		margin-left: min(1.302vw, 10px);
		width: min(10.416vw, 80px);
		height: 50px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.search_wrap .select_area.search .search_btn {
		font-size: .875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.search_wrap .select_area.search .search_btn {
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px) {
	.search_wrap .input_area.search {
		float: none;
		width: 100%
	}

	.search_wrap .select_area.search .search_btn {
		margin-left: min(2.717vw, 10px);
		width: min(21.739vw, 80px)
	}
}

.input_area {
	display: inline-block;
	position: relative;
	width: 100%;
	font-size: 0;
	vertical-align: top;
	background: #fff
}

.input_area.transparent {
	background: rgba(0,0,0,0)
}

.input_area.transparent input {
	border-left: none;
	border-top: none;
	border-right: none;
	background-color: rgba(0,0,0,0)
}

.input_area.transparent input::placeholder {
	color: #222
}

.input_area input {
	display: inline-block;
	width: 100%;
	height: 3.75rem;
	padding: 0 min(1.041vw, 20px);
	color: #222;
	border: 1px solid #e5e5e5;
	background: inherit
}
.input_area input.search_iconZ{border:none;}
@media(min-width: 1024px) {
	.input_area input {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.input_area input {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.input_area input::placeholder {
	color: #888
}

.input_area input:focus {
	border-color: #004480
}

.input_area input[readonly] {
	background: #e5e5e5
}

.input_area input[readonly]:focus {
	border-color: #e5e5e5
}

.input_area input[disabled] {
	background: #f5f5f5;
	border-color: #e5e5e5;
	color: #888
}

.input_area.input_btn input {
	padding: 0 min(3.645vw, 70px) 0 min(1.041vw, 20px)
}

.input_area.search input {
	padding: 0 min(3.645vw, 70px) 0 min(1.562vw, 30px);
	height: 3.75rem;
	border-radius: min(1.77vw, 34px)
}
.input_area.search input.search_icon{border:none;}
.input_area.validate input {
	border-color: red
}

.input_area.validate .txt {
	display: block;
	padding: min(0.52vw, 10px);
	color: red
}

@media(min-width: 1024px) {
	.bread-nav {
		margin-top:19px;
  height: 40px;
  line-height: 40px;
  background:url(../images/h.png) no-repeat  left center; padding-left:26px;

}
.bread-nav a,
.bread-nav span {
  font-size: 12px;
  color: #464646;
}
	.second-nav {

  border-bottom: 1px solid #dcdcdc;
  font-size: 0;
  margin-top: 19px;
  padding-bottom:8px;
}
.second-nav a {
  display: inline-block;
  padding:0 20px;
  margin:0 20px 22px 0;
  height: 42px;
  line-height: 42px;
  border-radius:25px;
  border:solid 1px #cdcdcd;
  text-align: center;
  font-size: 20px;
  color: #555555;
  position: relative;
  transition: all 0.2s ease;
}

.second-nav a.active {
  background:#2953a1;
  color: #fff;
}
.second-nav a:hover {
  background:#2953a1;
  color: #fff;
}
	.input_area.validate .txt {
		font-size: 1rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.input_area.validate .txt {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.input_area input {
		height: 40px;
		padding: 0 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.input_area input {
		font-size: .875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.input_area input {
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.input_area.input_btn input {
		padding: 0 60px 0 20px
	}
}

@media(max-width: 1023px) {
	.input_area.search input {
		padding: 0 60px 0 20px;
		height: 40px;
		border-radius: 20px
	}
}

.textarea_area textarea {
	width: 100%;
	border: 1px solid #e5e5e5;
	padding: min(1.041vw, 20px);
	box-sizing: border-box;
	background: #fff;
	color: #222;
	resize: none
}

@media(min-width: 1024px) {
	.textarea_area textarea {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.textarea_area textarea {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.textarea_area textarea.scroll {
	resize: none
}

.textarea_area textarea:focus {
	border-color: #004480
}

@media(max-width: 767px) {
	.textarea_area textarea {
		padding: 10px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.textarea_area textarea {
		font-size: .75rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.textarea_area textarea {
		font-size: 12px;
		letter-spacing: 0;
		line-height: 1
	}
}

.select_area {
	display: inline-block;
	vertical-align: top
}

.select_area select[multiple] {
	background: #fff
}

.select_area select {
	padding: 0 min(2.343vw, 45px) 0 min(0.781vw, 15px);
	width: min(16.666vw, 320px);
	height: 3.75rem;
	min-width: 140px;
	background: url("../images/select_icon.svg") center right 15px no-repeat;
	background-color: #fff;
	color: #222;
	appearance: none;
	border: 1px solid #e5e5e5;
	box-sizing: border-box
}

@media(min-width: 1024px) {
	.select_area select {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 3.3333333333em
	}
}

@media(max-width: 1023px) {
	.select_area select {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 60px
	}
}

.select_area select.w-420 {
	width: min(21.875vw, 420px)
}

.select_area select::-ms-expand {
	display: none
}

.select_area select:focus {
	border-color: #004480
}

.select_area.transparent select {
	border-left: none;
	border-top: none;
	border-right: none;
	background-color: rgba(0,0,0,0)
}

@media(max-width: 1023px) {
	.select_area select {
		padding: 0 45px 0 20px;
		width: 100%;
		height: 50px;
		font-size: 16px
	}
}

@media(max-width: 767px) {
	.select_area {
		width: 100%
	}

	.select_area select {
		width: 100%;
		font-size: 12px;
		min-width: 80px;
		height: 40px;
		padding: 0 20px 0 5px;
		background-position: center right 5px;
		background-size: 10px
	}
}

.custom_select_area {
	position: relative;
	width: min(16.666vw, 320px);
	height: 3.75rem;
	background: #fff
}

.custom_select_area+.custom_select_area {
	margin-left: 10px
}

.custom_select_area.short {
	width: min(10.104vw, 194px)
}

.custom_select_area.on .current {
	border: 1px solid #004480
}

.custom_select_area.on .current::after {
	transform: rotate(-180deg)
}

.custom_select_area.on ul {
	display: block
}

.custom_select_area a {
	display: block;
	padding: 0 min(0.781vw, 15px);
	color: #222
}

@media(min-width: 1024px) {
	.custom_select_area a {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.custom_select_area a {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 24px
	}
}

.custom_select_area a.current {
	position: relative;
	border: 1px solid #e5e5e5
}

@media(min-width: 1024px) {
	.custom_select_area a.current {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(max-width: 1023px) {
	.custom_select_area a.current {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(min-width: 1024px) {
	.custom_select_area a.current {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.custom_select_area a.current {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.custom_select_area a.current::after {
	content: "";
	position: absolute;
	top: 50%;
	right: min(0.781vw, 15px);
	margin-top: -4px;
	width: 12px;
	height: 7px;
	background: url("../images/select_icon.svg") top left no-repeat;
	background-size: 12px 7px
}

.custom_select_area .current {
	padding: min(1.041vw, 20px) min(1.562vw, 30px) min(1.041vw, 20px) min(0.781vw, 15px)
}

.custom_select_area ul {
	overflow-y: auto;
	position: absolute;
	left: 0;
	top: 4.375rem;
	display: none;
	width: 100%;
	height: auto;
	max-height: min(13.02vw, 250px);
	padding: min(0.52vw, 10px) 0;
	border: 1px solid #e5e5e5;
	background: #fff;
	z-index: 10;
	box-shadow: 5px 5px 10px rgba(0,0,0,.1)
}

.custom_select_area ul li.active {
	background: #f8f8f8
}

.custom_select_area ul li a {
	padding: min(0.677vw, 13px) min(0.781vw, 15px);
	word-break: break-all
}

.custom_select_area ul li a:hover {
	background: #f8f8f8
}

@media(max-width: 1023px) {
	.custom_select_area {
		width: 50%;
		height: 50px
	}

	.custom_select_area.short {
		width: 194px
	}

	.custom_select_area a {
		padding: 0 15px;
		font-size: 16px
	}

	.custom_select_area a.current {
		font-size: 16px
	}

	.custom_select_area a.current::after {
		right: 15px
	}

	.custom_select_area .current {
		padding: 16px 30px 16px 15px
	}

	.custom_select_area ul {
		top: 55px;
		max-height: 250px;
		padding: 0
	}

	.custom_select_area ul li a {
		padding: 13px 15px
	}
}

.multi_select .select_area+.select_area {
	margin-left: min(0.52vw, 10px)
}

@media(max-width: 767px) {
	.multi_select .select_area+.select_area {
		margin: 0;
		margin-top: 5px
	}
}

.multiple_select .inline {
	display: inline-block;
	vertical-align: top
}

.multiple_select .inline+.inline {
	margin-left: min(0.208vw, 4px)
}

.multiple_select p {
	margin-bottom: min(0.52vw, 10px);
	padding: 0 min(0.781vw, 15px);
	width: 100%;
	height: 3.75rem;
	vertical-align: middle;
	color: #222;
	border: 1px solid #e5e5e5
}

@media(min-width: 1024px) {
	.multiple_select p {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 3.3333333333em
	}
}

@media(max-width: 1023px) {
	.multiple_select p {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 60px
	}
}

.multiple_select .select_area+.select_area {
	margin-left: min(0.52vw, 10px)
}

@media(max-width: 767px) {
	.multiple_select .select_area+.select_area {
		margin: 0;
		margin-top: 5px
	}
}

.multiple_select .select_area .multiple_select {
	height: min(5.208vw, 100px)
}

@media(max-width: 767px) {
	.multiple_select .inline {
		width: calc(50% - 2px)
	}

	.multiple_select p {
		font-size: 12px;
		height: 30px;
		line-height: 30px
	}
}

.custom_radio {
	position: relative
}

.custom_radio input[type=radio] {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.custom_radio input[type=radio]+label {
	position: relative;
	padding-left: 32px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	color: #666
}

@media(min-width: 1024px) {
	.custom_radio input[type=radio]+label {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.6666666667em
	}
}

@media(max-width: 1023px) {
	.custom_radio input[type=radio]+label {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

.custom_radio input[type=radio]+label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 24px;
	height: 24px;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 100%;
	box-sizing: border-box
}

.custom_radio input[type=radio]+label:after {
	content: "";
	position: absolute;
	top: 8px;
	left: 6px;
	width: 12px;
	height: 12px;
	background: #ddd;
	border-radius: 100%
}

.custom_radio input[type=radio]:checked+label:after {
	background: #004480
}

@media(max-width: 1023px) {
	.custom_radio input[type=radio]+label {
		padding-left: 32px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.custom_radio input[type=radio]+label {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.custom_radio input[type=radio]+label {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.custom_radio input[type=radio]+label:before {
		width: 18px;
		height: 18px
	}
}

@media(max-width: 1023px) {
	.custom_radio input[type=radio]+label:after {
		top: 6px;
		left: 4px;
		width: 10px;
		height: 10px
	}
}

.custom_checkbox {
	position: relative
}

.custom_checkbox input[type=checkbox] {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0
}

.custom_checkbox input[type=checkbox]+label {
	position: relative;
	padding-left: 30px;
	cursor: pointer
}

@media(min-width: 1024px) {
	.custom_checkbox input[type=checkbox]+label {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.6666666667em
	}
}

@media(max-width: 1023px) {
	.custom_checkbox input[type=checkbox]+label {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

.custom_checkbox input[type=checkbox]+label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	border: 1px solid #ccc;
	background-color: #fff;
	box-sizing: border-box
}

.custom_checkbox input[type=checkbox]+label:after {
	content: "";
	position: absolute;
	left: 7px;
	top: 0;
	width: 5px;
	height: 10px;
	color: #666
}

.custom_checkbox input[type=checkbox]:checked+label::before {
	border: #004480;
	background-color: #004480
}

.custom_checkbox input[type=checkbox]:checked+label::after {
	left: 6px;
	top: 6px;
	width: 10px;
	height: 10px;
	background: url("../images/custom_checkbox_icon01.svg") center no-repeat;
	background-size: cover
}

.custom_checkbox input[type=checkbox][readonly]+label:before {
	background-color: #f7f7f7
}

.custom_checkbox input[type=checkbox][readonly]:checked+label:before {
	background-color: #f7f7f7
}

.custom_checkbox input[type=checkbox][readonly]:checked+label:after {
	background: url("../images/custom_checkbox_icon02.png") center no-repeat
}

@media(max-width: 1023px) {
	.custom_checkbox input[type=checkbox]+label {
		font-size: 14px
	}

	.custom_checkbox input[type=checkbox]+label:before {
		width: 18px;
		height: 18px
	}

	.custom_checkbox input[type=checkbox]:checked+label::after {
		left: 4px;
		top: 4px
	}
}

.phone_wrap {
	overflow: hidden
}

.phone_wrap .input_area {
	width: min(6.302vw, 121px);
	float: left
}

.phone_wrap .input_area input {
	width: 100%
}

.phone_wrap .input_area+.input_area {
	padding-left: 28px;
	position: relative;
	box-sizing: content-box
}

.phone_wrap .input_area+.input_area:before {
	content: "-";
	position: absolute;
	left: 10px;
	top: 20px
}

@media(min-width: 1024px) {
	.phone_wrap .input_area+.input_area:before {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.phone_wrap .input_area+.input_area:before {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px) {
	.phone_wrap .input_area {
		width: calc(33.333333% - 15px)
	}

	.phone_wrap .input_area+.input_area {
		padding-left: 22.5px
	}

	.phone_wrap .input_area+.input_area:before {
		left: 9px;
		top: 14px;
		font-size: 13px
	}
}

.email_wrap:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.email_wrap>* {
	float: left
}

.email_wrap>* input,.email_wrap>* select {
	width: min(9.895vw, 190px)
}

.email_wrap .input_area+.input_area {
	padding-left: 40px;
	position: relative
}

.email_wrap .input_area+.input_area:before {
	content: "@";
	display: block;
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -9px;
	color: #333
}

@media(min-width: 1024px) {
	.email_wrap .input_area+.input_area:before {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.email_wrap .input_area+.input_area:before {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.email_wrap .select_area {
	margin-left: 12px
}

@media(max-width: 767px) {
	.email_wrap>* input,.email_wrap>* select {
		width: 100%
	}

	.email_wrap .input_area {
		width: calc(50% - 14px)
	}

	.email_wrap .input_area+.input_area {
		padding: 0;
		margin-left: 28px;
		position: relative
	}

	.email_wrap .input_area+.input_area:before {
		left: -19px;
		margin-top: -6px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.email_wrap .input_area+.input_area:before {
		font-size: .8125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.email_wrap .input_area+.input_area:before {
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px) {
	.email_wrap .select_area {
		margin: 10px 0 0
	}
}

.addr_wrap input {
	width: min(33.333vw, 640px)
}

.addr_wrap>.input_area {
	width: 100%;
	margin-top: 10px
}

.addr_wrap .input_search input {
	width: min(13.02vw, 250px)
}

.addr_wrap .input_search .search_btn {
	width: min(8.854vw, 170px)
}

@media(max-width: 767px) {
	.addr_wrap input {
		width: 100%
	}

	.addr_wrap .input_search input {
		width: calc(100% - 100px)
	}

	.addr_wrap .input_search .search_btn {
		width: 100px
	}
}

.file_wrap {
	position: relative
}

.file_wrap input[type=file] {
	display: none
}

.file_wrap .file_name[type=text] {
	width: calc(100% - 170px);
	height: 3.75rem;
	margin-right: 10px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	color: #222;
	padding: 0 min(1.041vw, 20px)
}

@media(min-width: 1024px) {
	.file_wrap .file_name[type=text] {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 3.3333333333em
	}
}

@media(max-width: 1023px) {
	.file_wrap .file_name[type=text] {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 60px
	}
}

.file_wrap .file_link,.file_wrap .btn_delet {
	position: relative;
	display: inline-block;
	width: 160px;
	height: 3.75rem;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	background-color: #888;
	cursor: pointer
}

@media(min-width: 1024px) {
	.file_wrap .file_link,.file_wrap .btn_delet {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 3.3333333333em
	}
}

@media(max-width: 1023px) {
	.file_wrap .file_link,.file_wrap .btn_delet {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 60px
	}
}

.file_wrap .btn_delet {
	display: none
}

.file_list2 {
	display: block;
	margin-top: min(0.781vw, 15px);
	padding-left: min(7.291vw, 140px)
}

.file_list2 .filebox {
	position: relative;
	margin-bottom: min(0.52vw, 10px);
	padding: min(0.781vw, 15px) min(1.041vw, 20px);
	background-color: #f5f5f5;
	border: 1px solid #e5e5e5
}

.file_list2 .filebox:last-child {
	margin-bottom: 0
}

@media(min-width: 1024px) {
	.file_list2 .filebox p {
		font-size: 1rem;
		letter-spacing: 0em;
		line-height: 1.1875em
	}
}

@media(max-width: 1023px) {
	.file_list2 .filebox p {
		font-size: 16px;
		letter-spacing: 0em;
		line-height: 19px
	}
}

.file_list2 .filebox .btn_delete {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	cursor: pointer
}

.file_list2 .filebox .btn_delete:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 9px;
	height: 9px;
	background: url("../images/icon_close_bk2.svg") no-repeat 0
}

@media(max-width: 1023px) {
	.form_wrap {
		margin-top: 40px
	}

	.form_wrap .form_inner {
		margin-bottom: 50px
	}

	.form_wrap .h_tit_wrap .form_desc {
		bottom: 20px
	}

	.form_wrap h4 {
		margin-bottom: 15px
	}

	.form_wrap .form_desc {
		margin-bottom: 15px;
		font-size: 13px
	}

	.form_wrap .radio_area .custom_radio {
		margin-left: 35px
	}

	.form_wrap .checkbox_area .custom_checkbox {
		margin-left: 35px
	}

	.form_list {
		padding: 40px min(5.859vw, 45px)
	}

	.form_list>li {
		margin-bottom: 30px
	}

	.form_list>li .form_tit {
		width: 15%
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.form_list>li .form_tit {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.2em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.form_list>li .form_tit {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 18px
	}
}

@media(max-width: 1023px) {
	.form_list>li .form_cont {
		padding-left: 15%
	}
}

@media(max-width: 1023px) {
	.agree_box .scroll_box {
		padding: 30px 20px;
		height: 180px
	}

	.agree_box .agree_chk {
		margin-top: 15px;
		text-align: left
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.agree_box .agree_chk .txt {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.4444444444em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.agree_box .agree_chk .txt {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 26px
	}
}

@media(max-width: 1023px) {
	.file_list2 {
		padding-left: 15%
	}
}

@media(max-width: 767px) {
	.form_wrap .file_name[type=text] {
		width: 100%;
		height: 40px;
		padding: 0 min(2.717vw, 10px);
		margin-bottom: 10px;
		margin-right: 0
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.form_wrap .file_name[type=text] {
		font-size: .75rem;
		letter-spacing: 0em;
		line-height: 3.3333333333em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.form_wrap .file_name[type=text] {
		font-size: 12px;
		letter-spacing: 0em;
		line-height: 40px
	}
}

@media(max-width: 767px) {
	.form_wrap .file_link,.form_wrap .btn_delet {
		width: 100%;
		height: 40px;
		padding: 7px 0 12px;
		font-weight: 600
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.form_wrap .file_link,.form_wrap .btn_delet {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 2.0714285714em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.form_wrap .file_link,.form_wrap .btn_delet {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 29px
	}
}

@media(max-width: 767px) {
	.form_list {
		padding: 30px min(5.434vw, 20px)
	}

	.form_list>li .form_tit {
		display: block;
		position: static;
		top: 0;
		transform: translateY(0);
		width: 100%;
		margin-bottom: 10px
	}

	.form_list>li .form_cont {
		padding-left: 0;
		width: 100%
	}

	.form_list .form_cont .radio_area .custom_radio {
		margin-left: 0;
		margin-top: 7px;
		width: 100%
	}

	.form_list .form_cont .radio_area .custom_radio:first-child {
		margin-top: 0
	}

	.form_list .form_cont .checkbox_area .custom_checkbox {
		margin-left: 0;
		width: 100%
	}

	.form_list .file_list2 {
		margin-top: 15px;
		padding-left: 0
	}

	.form_list .file_list2 .filebox {
		height: 40px;
		padding: 7px min(5.434vw, 20px) 12px;
		margin-bottom: 5px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.form_list .file_list2 .filebox p {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 2.0714285714em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.form_list .file_list2 .filebox p {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 29px
	}
}

.board_list.line_type table thead th {
	border-left: 1px solid #e5e5e5
}

.board_list.line_type table thead th.bNone {
	border-left: none
}

.board_list.line_type table tbody td {
	border-left: 1px solid #e5e5e5
}

.board_list.line_type table tbody td.bNone {
	border-left: none
}

.board_list .desc {
	margin-bottom: min(1.041vw, 20px);
	color: #888
}

@media(min-width: 1024px) {
	.board_list .desc {
		font-size: 1rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.board_list .desc {
		font-size: 16px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.board_list .txt_point {
	display: inline-block;
	margin: 0 5px;
	color: #004480;
	vertical-align: top
}

.board_list table {
	width: 100%;
	border-top: 2px solid #004480;
	border-bottom: 1px solid #e5e5e5
}

.board_list table col.idx {
	width: 12%
}

.board_list table col.tit {
	width: 66%
}

.board_list table col.date {
	width: 22%
}

.board_list table tr {
	border-bottom: 1px solid #e5e5e5
}

.board_list table th {
	padding: min(1.666vw, 32px) min(1.041vw, 20px);
	text-align: center;
	word-break: keep-all;
	word-wrap: break-word;
	font-weight: bold;
	color: #222;
	background-color: #f5f7ff
}

@media(min-width: 1024px) {
	.board_list table th {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.board_list table th {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.board_list table th.tit {
	text-align: left
}

.board_list table td {
	padding: min(1.822vw, 35px) min(0.52vw, 10px);
	text-align: center;
	word-break: keep-all;
	word-wrap: break-word;
	font-weight: 600;
	color: #222;
	background-color: #fff
}

@media(min-width: 1024px) {
	.board_list table td {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.board_list table td {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(min-width: 1024px) {
	.board_list table td.idx {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.board_list table td.idx {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.board_list table td.tit {
	text-align: left;
	font-weight: bold
}

@media(min-width: 1024px) {
	.board_list table td.tit {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.board_list table td.tit {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.board_list table td.date {
	font-weight: 400
}

.board_list table td.tl {
	text-align: left
}

.board_list table td a {
	display: block;
	word-break: keep-all;
	word-wrap: break-word
}

.board_list table td a:hover {
	color: #004480
}

@media(max-width: 1023px) {
	.board_list table col.idx {
		display: none
	}

	.board_list table col.tit {
		width: 85%
	}

	.board_list table col.date {
		width: 15%
	}

	.board_list table th {
		padding: 0 min(2.604vw, 20px);
		height: 60px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.board_list table th {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.board_list table th {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.board_list table th.idx {
		display: none
	}
}

@media(max-width: 1023px) {
	.board_list table td {
		padding: 0 min(1.302vw, 10px);
		height: 80px
	}

	.board_list table td.idx {
		display: none
	}

	.board_list table td.tit {
		padding: 0 min(2.604vw, 20px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.board_list table td.tit {
		font-size: 1.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.board_list table td.tit {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.board_list table td.date {
		font-size: .875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.board_list table td.date {
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px) {
	.board_list table col.tit {
		width: 65%
	}

	.board_list table col.date {
		width: 35%
	}

	.board_list table th {
		padding: 0 min(5.434vw, 20px)
	}

	.board_list table th.date {
		text-align: right
	}

	.board_list table td {
		padding: 0 min(2.717vw, 10px)
	}

	.board_list table td.idx {
		display: none
	}

	.board_list table td.tit {
		padding: 0 min(5.434vw, 20px)
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.board_list table td.tit {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.2941176471em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.board_list table td.tit {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

@media(max-width: 767px) {
	.board_list table td.date {
		padding: 0 min(5.434vw, 20px);
		text-align: right
	}
}

.accordion_list .board_list table th+th {
	border-left: 1px solid #e5e5e5
}

.accordion_list .board_list table td+td {
	border-left: 1px solid #e5e5e5
}

.accordion_list .board_list table td.tit {
	text-align: center
}

.board_view .top_area {
	display: flex;
	padding: min(1.458vw, 28px) min(2.083vw, 40px);
	border-top: 2px solid #004480;
	background-color: #f5f7ff;
	color: #222;
	font-size: 0
}

.board_view .top_area.full_tit {
	flex-direction: column
}

.board_view .top_area.full_tit .tit {
	display: block
}

.board_view .top_area .cate {
	margin-bottom: min(0.781vw, 15px);
	color: #222
}

@media(min-width: 1024px) {
	.board_view .top_area .cate {
		font-size: 1rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.board_view .top_area .cate {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1
	}
}

.board_view .top_area .tit {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin-bottom: 0;
	font-weight: 600;
	word-break: keep-all;
	word-wrap: break-word
}

@media(min-width: 1024px) {
	.board_view .top_area .tit {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1.1666666667em
	}
}

@media(max-width: 1023px) {
	.board_view .top_area .tit {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.board_view .top_area .date {
	display: inline-block;
	margin-left: auto
}

@media(min-width: 1024px) {
	.board_view .top_area .date {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.1666666667em
	}
}

@media(max-width: 1023px) {
	.board_view .top_area .date {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 21px
	}
}

.board_view .cont_area {
	padding: min(3.645vw, 70px) min(2.604vw, 50px);
	color: #222
}

.board_view .cont_area p {
	word-break: keep-all;
	word-wrap: break-word
}

@media(min-width: 1024px) {
	.board_view .cont_area p {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.8888888889em
	}
}

@media(max-width: 1023px) {
	.board_view .cont_area p {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 34px
	}
}

.board_view .cont_area img {
	display: inline-block
}

.board_view .bot_area {
	margin-bottom: min(2.083vw, 40px)
}

.board_view .bot_area>dl {
	padding: min(1.458vw, 28px) min(2.083vw, 40px);
	margin-bottom: min(0.26vw, 5px);
	font-size: 0;
	background-color: #f8f8f8;
	font-weight: 600
}

.board_view .bot_area>dl:last-child {
	margin-bottom: 0
}

.board_view .bot_area dt {
	position: relative;
	vertical-align: middle
}

@media(min-width: 1024px) {
	.board_view .bot_area dt {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.board_view .bot_area dt {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.board_view .bot_area dd {
	display: inline-block;
	margin-left: min(4.531vw, 87px);
	width: calc(100% - min(10.416vw, 200px));
	vertical-align: middle
}

.board_view .bot_area dd a {
	display: inline-block;
	color: #222;
	margin-right: min(1.562vw, 30px)
}

@media(min-width: 1024px) {
	.board_view .bot_area dd a {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.board_view .bot_area dd a {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.board_view .bot_area dd a .ico {
	display: inline-block;
	margin-left: min(1.562vw, 30px);
	margin-top: 2px;
	width: 25px;
	height: 18px;
	background: url("../images/ico_download_b.svg") 0 0 no-repeat;
	background-size: cover
}

.board_view .page_area .page_list {
	border-bottom: 1px solid #e5e5e5
}

.board_view .page_area .page_list li {
	display: table;
	width: 100%;
	height: 70px;
	border-top: 1px solid #e5e5e5
}

.board_view .page_area .page_list li>* {
	display: table-cell;
	vertical-align: middle
}

.board_view .page_area .page_list li>strong {
	position: relative;
	display: inline-block;
	width: min(9.375vw, 180px);
	text-align: center
}

.board_view .page_area .page_list li>strong::before {
	content: "";
	position: absolute;
	left: min(2.083vw, 40px);
	top: 50%;
	width: 12px;
	height: 7px;
	transform: translate(0, -50%);
	background: url("../images/ico_arr_next_off.svg") 0 0 no-repeat;
	background-size: cover
}

.board_view .page_area .page_list li>p {
	display: inline-block;
	width: min(52.083vw, 1000px);
	color: #222
}

.board_view .page_area .page_list li a {
	display: block;
	padding: min(1.822vw, 35px) 0
}

@media(min-width: 1024px) {
	.board_view .page_area .page_list li a {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(max-width: 1023px) {
	.board_view .page_area .page_list li a {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

.board_view .page_area .page_list li a:hover {
	text-decoration: underline
}

.board_view .page_area .page_list li span {
	display: block;
	padding: min(1.822vw, 35px) 0
}

.board_view .page_area .page_list li:hover>strong {
	color: #004480
}

.board_view .page_area .page_list li:hover>strong::before {
	background: url("../images/ico_arr_next_on.svg") 0 0 no-repeat;
	background-size: cover
}

.board_view .page_area .page_list li.prev>strong::before {
	background: url("../images/ico_arr_prev_off.svg") 0 0 no-repeat;
	background-size: cover
}

.board_view .page_area .page_list li.prev:hover>strong::before {
	background: url("../images/ico_arr_prev_on.svg") 0 0 no-repeat;
	background-size: cover
}

.board_view .btn_wrap {
	margin: 60px auto 140px;
	text-align: center
}

@media(min-width: 1024px) {
	.board_view .btn_wrap .btn {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.board_view .btn_wrap .btn {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.board_view .top_area {
		padding: 25px 0;
		height: auto;
		background-color: #fff;
		border-bottom: 1px solid #e5e5e5
	}

	.board_view .top_area .tit {
		padding-top: 10px;
		font-size: 25px
	}

	.board_view .cont_area {
		padding: 50px 0
	}

	.board_view .bot_area>dl {
		padding: 15px 20px;
		margin-bottom: 5px
	}

	.board_view .bot_area dt {
		font-size: 14px
	}

	.board_view .bot_area dd {
		margin-left: 20px
	}

	.board_view .bot_area dd a {
		display: block;
		margin-right: 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.board_view .bot_area dd a {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.2857142857em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.board_view .bot_area dd a {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 18px
	}
}

@media(max-width: 1023px) {
	.board_view .bot_area dd a .ico {
		width: 18px;
		height: 13px;
		margin-left: 10px;
		background-size: 18px 13px
	}
}

@media(max-width: 1023px) {
	.board_view .page_area .page_list li>strong {
		width: min(13.02vw, 100px);
		text-indent: min(3.255vw, 25px)
	}

	.board_view .page_area .page_list li>strong::before {
		left: min(2.604vw, 20px)
	}

	.board_view .page_area .page_list li>p {
		width: min(78.125vw, 600px)
	}

	.board_view .page_area .page_list li a {
		padding: min(3.515vw, 27px) 0
	}

	.board_view .page_area .page_list li span {
		padding: min(3.515vw, 27px) 0
	}
}

@media(max-width: 767px) {
	.board_view .top_area {
		padding: 25px min(4.076vw, 15px)
	}

	.board_view .top_area .date {
		left: min(4.076vw, 15px)
	}

	.board_view .cont_area {
		padding: 48px 0 min(10.869vw, 40px)
	}

	.board_view .bot_area {
		margin-bottom: 50px
	}

	.board_view .bot_area>dl {
		padding: 18px min(5.434vw, 20px)
	}

	.board_view .bot_area dd {
		width: calc(100% - min(19.021vw, 70px))
	}

	.board_view .bot_area dd a .ico {
		width: 18px;
		height: 13px;
		margin: 0 0 0 min(2.717vw, 10px)
	}

	.board_view .page_area .page_list li>strong {
		width: min(27.173vw, 100px);
		text-indent: min(6.793vw, 25px)
	}

	.board_view .page_area .page_list li>strong::before {
		left: min(5.434vw, 20px)
	}

	.board_view .page_area .page_list li>p {
		width: min(54.347vw, 200px)
	}

	.board_view .page_area .page_list li a {
		padding: min(7.336vw, 27px) 0
	}

	.board_view .page_area .page_list li span {
		padding: min(7.336vw, 27px) 0
	}

	.board_view .btn_wrap {
		margin-top: 35px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.board_view .btn_wrap .btn {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.board_view .btn_wrap .btn {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

.thumb_list_wrap .board_list .board {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	justify-content: space-between
}

.thumb_list_wrap .board_list .board>li {
	width: min(46.666vw, 560px);
	margin-top: min(4.166vw, 80px)
}

.thumb_list_wrap .board_list .board>li:nth-child(1),.thumb_list_wrap .board_list .board>li:nth-child(2) {
	margin-top: 0
}

.thumb_list_wrap .board_list .board>li.active {
	opacity: 1;
	transition: .3s ease-in-out;
	transform: scale(1)
}

.thumb_list_wrap .board_list .board>li .item {
	display: block
}

.thumb_list_wrap .board_list .board>li .item:hover .thumb_area .img img {
	transform: scale(1.1)
}

.thumb_list_wrap .board_list .board>li .item:hover .tit {
	text-decoration: underline
}

.thumb_list_wrap .board_list .board .thumb_area {
	overflow: hidden;
	position: relative;
	padding-top: 66.666%
}

.thumb_list_wrap .board_list .board .thumb_area .img {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translateY(-50%);
	background-color: #f5f5f5
}

.thumb_list_wrap .board_list .board .thumb_area .img img {
	margin: 0 auto;
	width: auto;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: transform .3s ease-in-out
}

.thumb_list_wrap .board_list .board .txt_area {
	padding: min(2.083vw, 40px) 0 0
}

.thumb_list_wrap .board_list .board .txt_area .cate {
	margin-bottom: min(1.041vw, 20px);
	display: inline-block;
	color: #004480;
	font-weight: 500
}

@media(min-width: 1024px) {
	.thumb_list_wrap .board_list .board .txt_area .cate {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.thumb_list_wrap .board_list .board .txt_area .cate {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.thumb_list_wrap .board_list .board .txt_area .cate.green {
	color: #56a311
}

.thumb_list_wrap .board_list .board .txt_area .tit {
	color: #222;
	font-weight: 600;
	/*word-break: keep-all;*/
	word-wrap: break-word
}

@media(min-width: 1024px) {
	.thumb_list_wrap .board_list .board .txt_area .tit {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px) {
	.thumb_list_wrap .board_list .board .txt_area .tit {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

@media(min-width: 1024px) {
	.thumb_list_wrap .board_list .board .txt_area .tit {
		overflow: hidden;
		width:100%;
		display:block;
		min-height:66px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		/*word-wrap: normal;*/
		line-height: 1.4166666667em;
		max-height: 2.8333333333em
	}
}

@media(max-width: 1023px) {
	.thumb_list_wrap .board_list .board .txt_area .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 34px;
		max-height: 68px
	}
}

.thumb_list_wrap .board_list .board .txt_area .date {
	display: inline-block;
	margin-top: min(1.041vw, 20px);
	color: #888
}

@media(min-width: 1024px) {
	.thumb_list_wrap .board_list .board .txt_area .date {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.thumb_list_wrap .board_list .board .txt_area .date {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	#footer .box2 .w-1920{ padding:0 5%;}
	#footer .box2 .flink{height:auto; line-height:150%; padding-bottom:1em;}
	#footer .box2 .flink a{font-size:0.8em; padding:0 0.8em;}
	#footer .box2 .copyright{width:100%; text-align:left; color:#9ebef7; font-size:0.8em; line-height:150%; padding:1em 0;}
#footer .box2 .copyright img{float:none; margin:0.5em 0 1em; width:90%; height:auto;}
	.thumb_list_wrap .board_list .board>li {
		margin-top: 60px;
		width: 47%
	}

	.thumb_list_wrap .board_list .board>li:nth-child(even) {
		margin-left: 6%
	}

	.thumb_list_wrap .board_list .board>li .item:hover .thumb_area .img img {
		transform: scale(1)
	}

	.thumb_list_wrap .board_list .board .txt_area {
		padding: 25px 0 0
	}

	.thumb_list_wrap .board_list .board .txt_area .cate {
		display: inline-block;
		margin-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.thumb_list_wrap .board_list .board .txt_area .cate {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.thumb_list_wrap .board_list .board .txt_area .cate {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.thumb_list_wrap .board_list .board .txt_area .tit {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.thumb_list_wrap .board_list .board .txt_area .tit {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.thumb_list_wrap .board_list .board .txt_area .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.2777777778em;
		max-height: 2.5555555556em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.thumb_list_wrap .board_list .board .txt_area .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 23px;
		max-height: 46px
	}
}

@media(max-width: 1023px) {
	.thumb_list_wrap .board_list .board .txt_area .date {
		margin-top: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.thumb_list_wrap .board_list .board .txt_area .date {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.thumb_list_wrap .board_list .board .txt_area .date {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 767px) {
	.thumb_list_wrap .board_list .board {
		display: block
	}

	.thumb_list_wrap .board_list .board>li {
		width: 100%
	}

	.thumb_list_wrap .board_list .board>li:nth-child(2) {
		margin-top: 60px
	}

	.thumb_list_wrap .board_list .board>li:nth-child(even) {
		margin-left: 0
	}
}

.thubm_view_wrap .board_view .board {
	margin: 0 auto min(4.687vw, 90px);
	padding: 0 min(1.041vw, 20px);
	max-width: 1240px;
	width: auto
}

.thubm_view_wrap .board_view .board_top {
	margin-bottom:80px;
	padding: min(2.083vw, 40px) 0;
	border-top: 2px solid #1429A0;
	border-bottom: 1px solid #e5e5e5
}

.thubm_view_wrap .board_view .board_top .sub_txt {
	overflow: hidden;
	margin-bottom: min(1.093vw, 21px)
}

.thubm_view_wrap .board_view .board_top .sub_txt>p {
	position: relative;
	float: left;
	margin-left: min(1.041vw, 20px);
	padding-left: min(1.041vw, 20px);
	color: #222
}

.thubm_view_wrap .board_view .board_top .sub_txt>p::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background-color: #ccc
}

@media(min-width: 1024px) {
	.thubm_view_wrap .board_view .board_top .sub_txt>p {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .board_top .sub_txt>p {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.thubm_view_wrap .board_view .board_top .sub_txt>p:first-child {
	margin-left: 0;
	padding-left: 0
}

.thubm_view_wrap .board_view .board_top .sub_txt>p:first-child::after {
	content: none
}

.thubm_view_wrap .board_view .board_top .cate.green {
	color: #56a311
}

.thubm_view_wrap .board_view .board_top p.date {
	float: left;
	position: relative;
	color: #888;
	
}

.thubm_view_wrap .board_view .board_top .tit {
	color: #222;
	font-weight: bold;

}

@media(min-width: 1024px) {
	.thubm_view_wrap .board_view .board_top .tit {
		font-size: 30px;
		line-height: 200%
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .board_top .tit {
		font-size: 40px;
		letter-spacing: 0em;
		line-height: 48px
	}
}

.thubm_view_wrap .board_view .tag_area {
	margin-top: min(2.083vw, 40px)
}

.thubm_view_wrap .board_view .tag_area .list {
	overflow: hidden
}

.thubm_view_wrap .board_view .tag_area .list li {
	display: inline-block;
	margin-left: min(0.52vw, 10px);
	padding: min(0.781vw, 15px);
	font-weight: 500;
	color: #222;
	border: 1px solid #004480;
	border-radius: 5px
}

@media(min-width: 1024px) {
	.thubm_view_wrap .board_view .tag_area .list li {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .tag_area .list li {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.thubm_view_wrap .board_view .tag_area .list li:first-child {
	margin-left: 0
}

.thubm_view_wrap .board_view .tag_area+.cont_area {
	padding: min(3.125vw, 60px) 0 0
}

.thubm_view_wrap .board_view .cont_area {
	padding: min(4.166vw, 80px) 0 0
}

.thubm_view_wrap .board_view .cont_area img {
	display: inline-block
}

.thubm_view_wrap .board_view .bot_area>dl {
	padding: min(1.458vw, 28px) min(2.083vw, 40px);
	margin-bottom: min(0.26vw, 5px);
	font-size: 0;
	background-color: #f8f8f8;
	font-weight: 600
}

.thubm_view_wrap .board_view .bot_area>dl:last-child {
	margin-bottom: 0
}

.thubm_view_wrap .board_view .bot_area dt {
	display: inline-block;
	font-weight: 600
}

@media(min-width: 1024px) {
	.thubm_view_wrap .board_view .bot_area dt {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .bot_area dt {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.thubm_view_wrap .board_view .bot_area dd {
	display: inline-block;
	margin-left: min(4.531vw, 87px);
	width: calc(100% - 200px)
}

.thubm_view_wrap .board_view .bot_area dd a {
	color: #666;
	font-weight: 400
}

@media(min-width: 1024px) {
	.thubm_view_wrap .board_view .bot_area dd a {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .bot_area dd a {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.thubm_view_wrap .board_view .bot_area dd a:hover {
	color: #004480
}

.thubm_view_wrap .board_view .bot_area dd a .ico {
	display: inline-block;
	width: min(1.302vw, 25px);
	height: min(0.937vw, 18px);
	margin-left: min(1.562vw, 30px);
	background: url("../images/ico_download_b.svg") 0 0 no-repeat;
	background-size: min(1.302vw, 25px) min(0.937vw, 18px)
}

.thubm_view_wrap .board_view .page_thumb_area {
	margin-bottom: min(3.125vw, 60px);
	padding: min(2.604vw, 50px) 0;
	background-color: #f5f5f5
}

.thubm_view_wrap .board_view .page_thumb_area .page_list {
	overflow: hidden;
	margin: 0 auto;
	padding: 0 min(6.25vw, 120px);
	max-width: 1240px
}

.thubm_view_wrap .board_view .page_thumb_area .page_list .box {
	position: relative;
	float: left;
	padding-top: min(2.083vw, 40px);
	width: 45%
}

.thubm_view_wrap .board_view .page_thumb_area .page_list .box:last-child {
	float: right
}

.thubm_view_wrap .board_view .page_thumb_area .page_list .box>strong {
	position: absolute;
	left: 0;
	top: 0;
	margin-bottom: min(1.145vw, 22px);
	color: #222;
	font-weight: 600
}

@media(min-width: 1024px) {
	.thubm_view_wrap .board_view .page_thumb_area .page_list .box>strong {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .page_thumb_area .page_list .box>strong {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.thubm_view_wrap .board_view .page_thumb_area .page_list .item:hover .img img {
	transform: scale(1.1)
}

.thubm_view_wrap .board_view .page_thumb_area .page_list .img_box {
	overflow: hidden;
	position: relative;
	padding-top: 67%
}

.thubm_view_wrap .board_view .page_thumb_area .page_list .img {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translateY(-50%);
	background-color: #e5e5e5
}

.thubm_view_wrap .board_view .page_thumb_area .page_list .img img {
	margin: 0 auto;
	width: auto;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: transform .3s ease-in-out
}

.thubm_view_wrap .board_view .page_thumb_area .page_list .tit {
	margin-top: min(1.041vw, 20px);
	color: #222
}

@media(min-width: 1024px) {
	.thubm_view_wrap .board_view .page_thumb_area .page_list .tit {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.4444444444em
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .page_thumb_area .page_list .tit {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 26px
	}
}

@media(min-width: 1024px) {
	.thubm_view_wrap .board_view .page_thumb_area .page_list .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.4444444444em;
		max-height: 2.8888888889em
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .page_thumb_area .page_list .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 26px;
		max-height: 52px
	}
}

.thubm_view_wrap .board_view .page_thumb_area .catalog_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1240px
}

.thubm_view_wrap .board_view .page_thumb_area .catalog_list li {
	width: 32%
}

.thubm_view_wrap .board_view .page_thumb_area .catalog_list .item {
	display: block;
	width: 100%
}

.thubm_view_wrap .board_view .page_thumb_area .catalog_list .item:hover .thumb_area .img img {
	transform: scale(1.1)
}

.thubm_view_wrap .board_view .page_thumb_area .catalog_list .item:hover .tit {
	text-decoration: underline
}

.thubm_view_wrap .board_view .page_thumb_area .catalog_list .thumb_area {
	overflow: hidden;
	position: relative;
	padding-top: 67%
}

.thubm_view_wrap .board_view .page_thumb_area .catalog_list .thumb_area .img {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translateY(-50%);
	background-color: #f5f5f5
}

.thubm_view_wrap .board_view .page_thumb_area .catalog_list .thumb_area .img img {
	margin: 0 auto;
	width: auto;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: transform .3s ease-in-out
}

.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .cate {
	margin: min(1.562vw, 30px) 0 min(0.52vw, 10px);
	color: #888
}

@media(min-width: 1024px) {
	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .cate {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .cate {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .tit {
	color: #222;
	font-weight: 600
}

@media(min-width: 1024px) {
	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .tit {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1.375em
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .tit {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 33px
	}
}

@media(min-width: 1024px) {
	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.4166666667em;
		max-height: 2.8333333333em
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 34px;
		max-height: 68px
	}
}

@media(max-width: 1023px) {
	
	.thubm_view_wrap .board_view .board {
		margin: 0 auto 50px;
		padding: 0 24px
	}

	.thubm_view_wrap .board_view .board_top {
		padding: 0 0 25px; border-top:none;
	}

	.thubm_view_wrap .board_view .board_top .sub_txt {
		margin-bottom: 10px
	}

	.thubm_view_wrap .board_view .board_top .sub_txt>p {
		margin-left: 10px;
		padding-left: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.thubm_view_wrap .board_view .board_top .sub_txt>p {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.thubm_view_wrap .board_view .board_top .sub_txt>p {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .board_top .sub_txt p.date {
		font-weight: 400
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.thubm_view_wrap .board_view .board_top .tit {
		font-size: 1.5625rem;
		letter-spacing: 0em;
		line-height: 1.28em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.thubm_view_wrap .board_view .board_top .tit {
		font-size: 25px;
		letter-spacing: 0em;
		line-height: 32px
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .tag_area {
		margin-top: 25px
	}

	.thubm_view_wrap .board_view .tag_area .list li {
		margin-left: 8px;
		padding: 12px;
		font-size: 14px
	}

	.thubm_view_wrap .board_view .tag_area+.cont_area {
		padding: 50px 0 0
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .cont_area {
		padding: 50px 0 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.thubm_view_wrap .board_view .cont_area p {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.thubm_view_wrap .board_view .cont_area p {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .bot_area>dl {
		padding: 15px 20px;
		margin-bottom: 5px
	}

	.thubm_view_wrap .board_view .bot_area dt {
		font-size: 14px
	}

	.thubm_view_wrap .board_view .bot_area dd {
		margin-left: 20px;
		width: calc(100% - 120px)
	}

	.thubm_view_wrap .board_view .bot_area dd a {
		word-break: break-all
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.thubm_view_wrap .board_view .bot_area dd a {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.thubm_view_wrap .board_view .bot_area dd a {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .bot_area dd a .ico {
		width: 18px;
		height: 13px;
		margin-left: 10px;
		background-size: 18px 13px
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .page_thumb_area {
		margin-bottom: 35px;
		padding: 8px 24px
	}

	.thubm_view_wrap .board_view .page_thumb_area .page_list {
		width: 100%
	}

	.thubm_view_wrap .board_view .page_thumb_area .page_list .box {
		float: none;
		padding: 20px 0;
		width: 100%
	}

	.thubm_view_wrap .board_view .page_thumb_area .page_list .box:last-child {
		float: none;
		border-top: 1px solid #e5e5e5
	}

	.thubm_view_wrap .board_view .page_thumb_area .page_list .box>strong {
		position: absolute;
		left: 0;
		top: 20px;
		margin-bottom: 0;
		font-size: 14px
	}

	.thubm_view_wrap .board_view .page_thumb_area .page_list .img {
		display: none
	}

	.thubm_view_wrap .board_view .page_thumb_area .page_list .tit {
		margin-top: 0;
		padding-left: 80px;
		width: 100%;
		min-height: auto;
		max-height: inherit;
		white-space: normal
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.thubm_view_wrap .board_view .page_thumb_area .page_list .tit {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.thubm_view_wrap .board_view .page_thumb_area .page_list .tit {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .item:hover .thumb_area .img img {
		transform: scale(1)
	}

	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .cate {
		margin: 20px 0 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .cate {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.2857142857em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .cate {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 18px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .tit {
		font-size: 1.0625rem;
		letter-spacing: 0em;
		line-height: 1.2941176471em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .tit {
		font-size: 17px;
		letter-spacing: 0em;
		line-height: 22px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.2941176471em;
		max-height: 2.5882352941em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 22px;
		max-height: 44px
	}
}

@media(max-width: 767px) {
	.thubm_view_wrap .board_view .board {
		padding: 0 !important;
	}
	.thubm_view_wrap .board_view .board_top{padding:0 15px 25px 15px !important;}
	.newsroom.news.list .content{padding:0 15px !important;}

	.thubm_view_wrap .board_view .page_thumb_area {
		padding: 8px 15px
	}
}

.paging_wrap {
	padding-top: 100px;
	text-align: center
}

.paging_wrap.mobile {
	display: none
}

.paging_wrap * {
	vertical-align: middle
}

.paging_wrap .arrow {
	display: inline-block;
	font-size: 0;
	vertical-align: middle
}

.paging_wrap .arrow>a {
	overflow: hidden;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 3px;
	text-indent: -9999px;
	border-radius: 100%
}

.paging_wrap .arrow a.first {
	background: url("../images/ico_paging_first.svg") center center no-repeat;
	background-color: #f5f5f5;
	background-size: 10px 12px
}

.paging_wrap .arrow a.first:hover {
	background: url("../images/ico_paging_first_w.svg") center center no-repeat;
	background-color: #004480;
	background-size: 10px 12px
}

.paging_wrap .arrow a.prev {
	background: url("../images/ico_paging_prev.svg") center center no-repeat;
	background-color: #f5f5f5;
	background-size: 10px 12px
}

.paging_wrap .arrow a.prev:hover {
	background: url("../images/ico_paging_prev_w.svg") center center no-repeat;
	background-color: #004480;
	background-size: 10px 12px
}

.paging_wrap .arrow a.next {
	background: url("../images/ico_paging_next.svg") center center no-repeat;
	background-color: #f5f5f5;
	background-size: 10px 12px
}

.paging_wrap .arrow a.next:hover {
	background: url("../images/ico_paging_next_w.svg") center center no-repeat;
	background-color: #004480;
	background-size: 10px 12px
}

.paging_wrap .arrow a.last {
	background: url("../images/ico_paging_last.svg") center center no-repeat;
	background-color: #f5f5f5;
	background-size: 10px 12px
}

.paging_wrap .arrow a.last:hover {
	background: url("../images/ico_paging_last_w.svg") center center no-repeat;
	background-color: #004480;
	background-size: 10px 12px
}

.paging_wrap .arrow.left {
	margin-right: 10px
}

.paging_wrap .arrow.right {
	margin-left: 10px
}
.paging_wrap .page-num-current{ color:#004480; border-bottom:solid 2px #004480;}
.paging_wrap a {
	display: inline-block;
	width: 20px;
	height: 30px;
	margin: 0 2px;
	font-size: 16px;
	line-height: 30px;
	vertical-align: middle;
	color: #888;
	font-weight: 600
}

.paging_wrap .num:hover {
	color: #004480
}

.paging_wrap span.num {
	color: #004480;
	position: relative
}

.paging_wrap span.num:before {
	content: "";
	width: 18px;
	height: 2px;
	background: #004480;
	position: absolute;
	left: calc(50% - 9px);
	bottom: 0
}

@media(max-width: 1023px) {
	.paging_wrap {
		padding-top: 35px
	}

	/*.paging_wrap.web {
		display: none
	}*/

	.paging_wrap.mobile {
		display: block
	}

	.paging_wrap .arrow>a {
		overflow: hidden;
		display: inline-block;
		width: 40px;
		height: 40px;
		margin: 0 8px
	}

	.paging_wrap .arrow a.first {
		background-size: 14px 16px
	}

	.paging_wrap .arrow a.first:hover {
		background-size: 14px 16px
	}

	.paging_wrap .arrow a.prev {
		background-size: 14px 16px
	}

	.paging_wrap .arrow a.prev:hover {
		background-size: 14px 16px
	}

	.paging_wrap .arrow a.next {
		background-size: 14px 16px
	}

	.paging_wrap .arrow a.next:hover {
		background-size: 14px 16px
	}

	.paging_wrap .arrow a.last {
		background-size: 14px 16px
	}

	.paging_wrap .arrow a.last:hover {
		background-size: 14px 16px
	}

	.paging_wrap .arrow a.prev {
		background-position: 12px center
	}

	.paging_wrap .arrow a.next {
		background-position: 14px center
	}

	.paging_wrap .arrow.left {
		margin-right: 25px
	}

	.paging_wrap .arrow.right {
		margin-left: 25px
	}

	.paging_wrap .num {
		display: inline-block;
		width: auto;
		height: auto;
		margin: 0 5px;
		line-height: auto;
		font-weight: 500
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.paging_wrap .num {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.paging_wrap .num {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.paging_wrap span.num {
		color: #888
	}

	.paging_wrap span.num:before {
		width: 14px;
		height: 2px;
		left: calc(50% - 6px);
		bottom: -2px
	}

	.paging_wrap span.num.current {
		color: #004480
	}

	.paging_wrap span.num.total:before {
		content: none
	}
}

.table_wrap:last-child {
	margin-bottom: 0
}

.table_wrap .default_table {
	width: 100%;
	border-top: 2px solid #004480;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: min(0.937vw, 18px)
}

.table_wrap .default_table tr {
	border-bottom: 1px solid #e5e5e5
}

.table_wrap .default_table th {
	padding: min(1.614vw, 31px) min(1.979vw, 38px);
	color: #222
}

@media(min-width: 1024px) {
	.table_wrap .default_table th {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.table_wrap .default_table th {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.table_wrap .default_table td {
	font-weight: 400;
	text-align: left;
	padding: min(1.614vw, 31px) min(1.979vw, 38px);
	word-break: keep-all;
	word-wrap: break-word;
	background-color: #fff
}

@media(min-width: 1024px) {
	.table_wrap .default_table td {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.table_wrap .default_table td {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.table_wrap .default_table td.tit {
	border-left: 0;
	font-weight: 600;
	text-align: left
}

@media(min-width: 1024px) {
	.table_wrap .default_table td.tit {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.table_wrap .default_table td.tit {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.table_wrap .default_table td.date {
	padding: min(1.822vw, 35px) 0 min(1.822vw, 35px) min(2.083vw, 40px)
}

.table_wrap .default_table td.list {
	padding: min(1.822vw, 35px) 0 min(1.822vw, 35px) min(1.562vw, 30px);
	text-align: left
}

.table_wrap .default_table td.list>ul>li {
	position: relative;
	padding-left: 14px;
	position: relative
}

.table_wrap .default_table td.list>ul>li:before {
	display: block;
	position: absolute;
	top: 11px;
	left: 0;
	width: 4px;
	height: 4px;
	content: "";
	background-color: #004480
}

.table_wrap .default_table td.list>ul>li ul li {
	color: #666
}

.table_wrap .default_table .tl {
	text-align: left
}

.table_wrap .default_table .bl {
	border-left: 1px solid #e5e5e5
}

.table_wrap .custom_select_area {
	width: 194px;
	min-width: 160px;
	float: right;
	margin: 0 min(2.083vw, 40px) min(1.562vw, 30px) 0
}

.table_wrap .btn_wrap {
	float: right;
	width: 194px
}

.table_wrap .btn_wrap:after {
	content: "";
	display: table;
	clear: both
}

.table_wrap .btn_wrap .btn_download,.table_wrap .btn_wrap .arr.btn_link {
	width: 100%;
	text-align: left
}

.table_wrap .info_table th {
	height: min(4.427vw, 85px);
	padding: min(1.666vw, 32px) min(1.041vw, 20px);
	text-align: center;
	word-break: keep-all;
	word-wrap: break-word;
	color: #222;
	background-color: #f5f7ff;
	border-left: 1px solid #e5e5e5
}

@media(min-width: 1024px) {
	.table_wrap .info_table th {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.table_wrap .info_table th {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.table_wrap .info_table th.bg {
	background-color: #f8f8f8
}

.table_wrap .info_table td {
	height: min(4.947vw, 95px);
	padding: min(1.041vw, 20px) min(1.979vw, 38px);
	border-left: 1px solid #e5e5e5
}

@media(min-width: 1024px) {
	.table_wrap .info_table td {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.table_wrap .info_table td {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 24px
	}
}

.table_wrap .info_table tbody th {
	font-weight: bold
}

.table_wrap .info_table tbody th strong {
	line-height: 1.25em
}

.table_wrap .info_table .bNone {
	border-left: 0
}

.table_wrap .info_table .bRight {
	border-right: 1px solid #e5e5e5
}

.table_wrap .info_table .bgWhite {
	background-color: #fff
}

.table_wrap .info_table .txtCenter {
	text-align: center
}

.table_wrap .info_table .txtRight {
	text-align: right
}

.table_wrap .info_table2 th,.table_wrap .info_table2 td {
	padding: min(1.041vw, 20px)
}

.table_wrap .button_table tr th {
	overflow: hidden;
	padding: 0 0 0 min(1.979vw, 38px);
	height: min(4.947vw, 95px)
}

.table_wrap .button_table tr th .date {
	float: right;
	color: #888;
	font-weight: 400
}

@media(min-width: 1024px) {
	.table_wrap .button_table tr th .date {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.table_wrap .button_table tr th .date {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.table_wrap .button_table tr td {
	padding: 0 min(2.083vw, 40px)
}

@media(max-width: 1023px) {
	.ico_scroll {
		overflow-x: auto;
		position: relative
	}

	.ico_scroll::after {
		content: "";
		z-index: 10;
		position: absolute;
		left: 30%;
		top: 50%;
		transform: translateY(-50%);
		width: min(13.02vw, 100px);
		height: 46px;
		text-indent: -9999px;
		background: url("../images/ico_scroll.svg") 0 0 no-repeat;
		background-size: 100%
	}

	.ico_scroll.on::after {
		display: block
	}

	.ico_scroll.off::after {
		background: none
	}

	.ico_scroll .default_table {
		min-width: 640px
	}

	.table_wrap .default_table th {
		padding: 31px min(2.604vw, 20px);
		font-weight: 600
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.table_wrap .default_table th {
		font-size: 1.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.table_wrap .default_table th {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.table_wrap .default_table td {
		padding: 9px min(0.651vw, 5px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.table_wrap .default_table td {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.table_wrap .default_table td {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.table_wrap .default_table td.list>ul>li:before {
		top: 6px;
		width: 3px;
		height: 3px
	}
}

@media(max-width: 1023px) {
	.table_wrap .custom_select_area {
		width: 100%;
		min-width: auto;
		margin: 0 0 25px
	}
}

@media(max-width: 1023px) {
	.table_wrap .btn_wrap {
		width: min(6.51vw, 50px)
	}

	.table_wrap .btn_wrap .btn_download,.table_wrap .btn_wrap .arr.btn_link {
		margin: 0;
		min-width: min(6.51vw, 50px);
		border: 1px solid rgba(0,0,0,0);
		text-indent: -9999px;
		padding: 18px 0
	}
}

@media(max-width: 1023px) {
	.table_wrap .info_table th {
		height: 60px;
		padding: 22px min(1.302vw, 10px);
		font-weight: bold
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.table_wrap .info_table th {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.table_wrap .info_table th {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.table_wrap .info_table td {
		height: 65px;
		padding: 0 min(2.604vw, 20px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.table_wrap .info_table td {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.3571428571em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.table_wrap .info_table td {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 19px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.table_wrap .info_table tbody th,.table_wrap .info_table tbody td {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.2142857143em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.table_wrap .info_table tbody th,.table_wrap .info_table tbody td {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 17px
	}
}

@media(max-width: 1023px) {
	.table_wrap .button_table col.first {
		width: 94%
	}

	.table_wrap .button_table col.last {
		width: 6%
	}

	.table_wrap .button_table tr th {
		padding: 0 min(0.52vw, 10px) 0 min(1.041vw, 20px);
		height: 80px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.table_wrap .button_table tr th {
		font-size: 1.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.table_wrap .button_table tr th {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.table_wrap .button_table tr th .date {
		font-size: .875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.table_wrap .button_table tr th .date {
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.table_wrap .button_table tr td {
		padding: 0;
		height: 80px
	}
}

@media(max-width: 1023px) {
	.table_wrap .button_table .btn_wrap .btn_download {
		width: 22px;
		height: 16px;
		border: 0
	}

	.table_wrap .button_table .btn_wrap .btn_download::after {
		width: 22px;
		height: 16px;
		right: 17px
	}

	.table_wrap .button_table .btn_wrap .btn_download:hover::before {
		background: none
	}

	.table_wrap .button_table .btn_wrap .btn_download:hover::after {
		width: 22px;
		height: 16px;
		right: 17px
	}

	.table_wrap .button_table .btn_wrap .arr.btn_link::after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		width: 10px;
		height: 17px;
		background: url("/resources/en/images/ir/m/ico_link_arrow.svg") 50% 50% no-repeat;
		transform: translate(0, -50%);
		background-size: 100% auto
	}

	.table_wrap .button_table .btn_wrap .arr.btn_link:hover::before {
		background: none
	}

	.table_wrap .button_table .btn_wrap .arr.btn_link:hover::after {
		width: 10px;
		height: 17px;
		background: url("/resources/en/images/ir/m/ico_link_arrow.svg") 50% 50% no-repeat;
		transform: translate(0, -50%);
		background-size: 100% auto
	}
}

@media(max-width: 1023px) {
	.table_wrap .download_table td {
		padding: 15px 10px;
		font-size: 14px
	}

	.table_wrap .download_table td::before {
		height: 30px
	}

	.table_wrap .download_table td .btn_download {
		padding-right: 40px
	}

	.table_wrap .download_table td .btn_download::after {
		width: 22px;
		height: 17px;
		background-size: 100% auto
	}
}

@media(max-width: 767px) {
	.ico_scroll {
		overflow-x: auto;
		position: relative
	}

	.ico_scroll::after {
		content: "";
		z-index: 10;
		position: absolute;
		left: 30%;
		transform: translateY(-50%);
		width: min(27.173vw, 100px);
		height: 46px;
		text-indent: -9999px;
		background: url("../images/ico_scroll.svg") 0 0 no-repeat;
		background-size: 100%
	}

	.ico_scroll.on::after {
		display: block
	}

	.ico_scroll.off::after {
		background: none
	}

	.ico_scroll .default_table {
		min-width: 640px
	}

	.table_wrap .default_table th {
		padding: 31px min(5.434vw, 20px);
		font-weight: 600
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.table_wrap .default_table th {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.table_wrap .default_table th {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px) {
	.table_wrap .default_table td {
		padding: 9px min(1.358vw, 5px)
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.table_wrap .default_table td {
		font-size: .875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.table_wrap .default_table td {
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px) {
	.table_wrap .custom_select_area {
		width: 100%;
		min-width: auto;
		margin: 0 0 25px
	}
}

@media(max-width: 767px) {
	.table_wrap .btn_wrap {
		width: min(13.586vw, 50px)
	}

	.table_wrap .btn_wrap .btn_download,.table_wrap .btn_wrap .arr.btn_link {
		margin: 0;
		min-width: min(13.586vw, 50px);
		border: none;
		text-indent: -9999px;
		padding: 18px 0
	}
}

@media(max-width: 767px) {
	.table_wrap .info_table th {
		padding: 16px min(2.717vw, 10px)
	}

	.table_wrap .info_table td {
		padding: 15px min(5.434vw, 20px)
	}
}

@media(max-width: 767px) {
	.table_wrap .button_table col.first {
		width: 94%
	}

	.table_wrap .button_table col.last {
		width: 6%
	}

	.table_wrap .button_table tr th {
		padding: 0 min(2.717vw, 10px) 0 min(5.434vw, 20px);
		height: 80px
	}

	.table_wrap .button_table tr th strong {
		display: block
	}

	.table_wrap .button_table tr th .date {
		float: none
	}

	.table_wrap .button_table tr td {
		padding: 0;
		height: 80px
	}
}

@media(max-width: 767px) {
	.table_wrap .download_table td {
		padding: 15px 10px;
		font-size: 14px
	}

	.table_wrap .download_table td::before {
		height: 30px
	}

	.table_wrap .download_table td .btn_download {
		padding-right: 40px
	}

	.table_wrap .download_table td .btn_download::after {
		width: 22px;
		height: 17px;
		background-size: 100% auto
	}
}

.popup_wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	z-index: 9999;
	display: none
}

.popup_wrap.on {
	display: block
}

.popup_wrap[data-popup=youtube] .pop_inner .video_area {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: min(62.5vw, 1200px);
	height: min(35.156vw, 675px)
}

.popup_wrap[data-popup=youtube] .pop_inner .video_area>div {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 56.25%
}

.popup_wrap[data-popup=youtube] .pop_inner .video_area iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

.popup_wrap .pop_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	margin: 0 auto
}

.popup_wrap .popup {
	position: relative;
	padding: min(2.604vw, 50px) min(2.083vw, 40px)
}

.popup_wrap .popup h5 {
	color: #222
}

.popup_wrap .popup p {
	line-height: 1.5555555556em;
	color: #222
}

.popup_wrap .pop_close_btn {
	position: absolute;
	top: min(1.041vw, 20px);
	right: min(1.041vw, 20px);
	width: 30px;
	height: 30px
}

.popup_wrap .pop_close_btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 22px;
	height: 22px;
	background: url("../images/ico_close.svg") no-repeat 0 0
}

@media(max-width: 1023px) {
	.popup_wrap .popup {
		position: relative;
		padding: 40px min(5.434vw, 20px)
	}

	.popup_wrap .popup h5 {
		line-height: .9411764706em
	}

	.popup_wrap .popup p {
		line-height: 1.3571428571em
	}

	.popup_wrap .pop_close_btn::after {
		width: 15px;
		height: 15px;
		background-size: 100% auto
	}
}

.newsroom.popup_wrap {
	display: none
}

.newsroom.popup_wrap.on {
	display: block
}

.newsroom.popup_wrap .pop_image_cont {
	position: relative
}

.newsroom.popup_wrap .pop_image_cont .img {
	overflow-x: hidden;
	overflow-y: auto;
	max-width: min(51.875vw, 996px);
	max-height: min(34.583vw, 664px);
	padding: 0
}

.newsroom.popup_wrap .pop_close_btn {
	top: -40px;
	right: -40px;
	width: 30px;
	height: 30px
}

.newsroom.popup_wrap .pop_close_btn::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(0, 0);
	width: 30px;
	height: 30px;
	background: url("../images/ico_popup_close.svg") left top no-repeat
}

@media(max-width: 767px) {
	.newsroom.popup_wrap {
		display: none
	}
}

.email.popup_wrap .popup {
	width: 600px;
	background: #fff
}

@media(max-width: 1023px) {
	.email.popup_wrap .popup {
		width: 96%
	}
}

.security.popup_wrap .pop_inner {
	text-align: center
}

.security.popup_wrap .popup {
	width: 640px;
	padding: min(3.489vw, 67px) min(2.083vw, 40px) min(2.604vw, 50px);
	background: #fff
}

.security.popup_wrap .popup h5 {
	margin: min(1.562vw, 30px) 0 min(0.52vw, 10px)
}

.security.popup_wrap .popup p {
	padding: 0 0 min(2.604vw, 50px)
}

.business.popup_wrap .popup_cont {
	position: relative
}

.business.popup_wrap .pop_image_cont img {
	max-width: min(62.5vw, 1200px)
}

@media(max-width: 1023px) {
	.business.popup_wrap .pop_image_cont img {
		max-width: 100%
	}
}

.business.popup_wrap .pop_close_btn {
	top: -40px;
	right: -40px;
	width: 30px;
	height: 30px
}

.business.popup_wrap .pop_close_btn::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(0, 0);
	width: 30px;
	height: 30px;
	background: url("../images/ico_popup_close.svg") left top no-repeat
}

.global_office_popup.popup_wrap {
	overflow-y: auto;
	padding-top: 200px
}

.global_office_popup.popup_wrap .pop_close_btn {
	top: -40px;
	right: -40px;
	width: 30px;
	height: 30px
}

.global_office_popup.popup_wrap .pop_close_btn::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(0, 0);
	width: 30px;
	height: 30px;
	background: url("../images/ico_popup_close.svg") left top no-repeat
}

.global_office_popup.popup_wrap .popup_cont {
	position: relative;
	width: min(62.5vw, 1200px);
	padding: min(5.208vw, 100px) min(3.125vw, 60px) min(8.333vw, 160px);
	background-color: #fff
}

.global_office_popup.popup_wrap .popup_cont h3 {
	margin-bottom: min(4.166vw, 80px);
	color: #222
}

@media(min-width: 1024px) {
	.global_office_popup.popup_wrap .popup_cont h3 {
		font-size: 2.5rem;
		letter-spacing: -0.03em;
		line-height: .8em
	}
}

@media(max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont h3 {
		font-size: 40px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.global_office_popup.popup_wrap .popup_cont .cont_box {
	margin-bottom: min(7.291vw, 140px)
}

.global_office_popup.popup_wrap .popup_cont .cont_box:last-child {
	margin-bottom: 0
}

.global_office_popup.popup_wrap .popup_cont .cont_box h4 {
	width: min(56.25vw, 1080px);
	padding: min(1.77vw, 34px) min(2.083vw, 40px) min(1.666vw, 32px);
	color: #222;
	background: #f3f7fa
}

@media(min-width: 1024px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box h4 {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1.1333333333em
	}
}

@media(max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box h4 {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box {
	padding: min(4.166vw, 80px) min(2.083vw, 40px) 0
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item {
	margin-bottom: min(5.729vw, 110px)
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item:last-child {
	margin-bottom: 0
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico {
	position: relative;
	margin-bottom: 60px;
	color: #222;
	font-weight: bold
}

@media(min-width: 1024px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1.1333333333em
	}
}

@media(max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 600px;
	height: 1px;
	background-color: #e5e5e5;
	transform: translate(0, -50%)
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico.ico1 .icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 44px;
	height: 44px;
	background: url("/resources/en/images/about_us/global_office/pop_ico1.svg") 0 0 no-repeat;
	background-size: cover
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico.ico2 .icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 44px;
	height: 44px;
	background: url("/resources/en/images/about_us/global_office/pop_ico2.svg") 0 0 no-repeat;
	background-size: cover
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico .info {
	position: relative;
	padding-right: min(2.083vw, 40px);
	background-color: #fff;
	z-index: 2
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap {
	overflow: hidden;
	padding-left: min(3.125vw, 60px)
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .txt {
	float: left;
	width: min(6.458vw, 124px);
	font-weight: 600;
	color: #222
}

@media(min-width: 1024px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .txt {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.4166666667em
	}
}

@media(max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .txt {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .list {
	float: left;
	width: calc(100% - min(6.458vw, 124px))
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap+.list_wrap {
	margin-top: 50px
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li {
	position: relative;
	padding-left: 12px
}

@media(min-width: 1024px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.4166666667em
	}
}

@media(max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li+li {
	margin-top: 60px
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 5px;
	height: 5px;
	background-color: #666;
	border-radius: 50%
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li ol.list2>li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 15px
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li ol.list2>li+li {
	padding-left: 40px
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li ol.list2>li+li::before {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	width: 17px;
	height: 14px;
	background: url("/resources/en/images/about_us/global_office/ico_arrow.svg") 50% 50% no-repeat;
	background-size: cover;
	transform: translate(0, -50%)
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li ol.list2>li.long {
	display: block
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .point {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 min(0.312vw, 6px);
	border-radius: 15px;
	line-height: min(1.458vw, 28px);
	color: #fff;
	text-align: center;
	vertical-align: middle
}

@media(min-width: 1024px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .point {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .point {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .point.red {
	background-color: #e02020
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .point.blue {
	background-color: #2789e2
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .point.skyblue {
	background-color: #56caf3
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .point.purple {
	background-color: #873cae
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .point.green {
	background-color: #3cb44a
}

.global_office_popup.popup_wrap .popup_cont .cont_box .step_box.step_box2 .step_item .list {
	padding-left: min(3.125vw, 60px)
}

@media(max-width: 1499px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap {
		padding-left: min(4.333vw, 65px)
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .txt {
		width: min(8.266vw, 124px)
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .list {
		width: calc(100% - min(8.266vw, 124px))
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box.step_box2 .step_item .list {
		padding-left: min(4.333vw, 65px)
	}
}

@media(max-width: 1279px) {
	.global_office_popup.popup_wrap {
		padding-top: 80px
	}

	.global_office_popup.popup_wrap .pop_close_btn {
		top: -30px;
		right: 0;
		width: 15px;
		height: 15px
	}

	.global_office_popup.popup_wrap .pop_close_btn::after {
		width: 15px;
		height: 15px;
		background-size: 15px
	}

	.global_office_popup.popup_wrap .scroll_custom {
		height: 500px;
		padding-bottom: 60px
	}

	.global_office_popup.popup_wrap .popup_cont {
		width: 85%;
		padding: 40px 20px 40px 30px
	}

	.global_office_popup.popup_wrap .popup_cont h3 {
		margin-bottom: 40px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.global_office_popup.popup_wrap .popup_cont h3 {
		font-size: 1.375rem;
		letter-spacing: -0.03em;
		line-height: 1.3636363636em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont h3 {
		font-size: 22px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

@media(max-width: 1279px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box {
		padding: 0 30px 0 0;
		margin-bottom: 60px
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box h4 {
		width: 100%;
		padding: 15px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box h4 {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box h4 {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 17px
	}
}

@media(max-width: 1279px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box {
		padding: 40px 0 0
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item {
		margin-bottom: 40px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .txt {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .txt {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 17px
	}
}

@media(max-width: 1279px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico {
		margin-bottom: 20px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.1764705882em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1279px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico.ico1 .icon {
		width: 30px;
		height: 30px
	}
}

@media(max-width: 1279px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico.ico2 .icon {
		width: 30px;
		height: 30px
	}
}

@media(max-width: 1279px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap {
		padding-left: min(3.515vw, 45px)
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .txt {
		width: min(9.687vw, 124px)
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .list {
		width: calc(100% - min(9.687vw, 124px))
	}
}

@media(max-width: 1279px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list {
		padding: 0 30px
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li {
		position: relative;
		padding-left: 6px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.2142857143em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 17px
	}
}

@media(max-width: 1279px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li+li {
		margin-top: 40px
	}
}

@media(max-width: 1279px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li::before {
		top: 8px;
		width: 2px;
		height: 2px
	}
}

@media(max-width: 1279px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li ol.list2>li {
		position: relative;
		display: inline-block;
		vertical-align: middle
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li ol.list2>li+li {
		padding-left: 35px
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li ol.list2>li+li::before {
		left: 10px;
		width: 10px;
		height: 8px
	}
}

@media(max-width: 1279px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .point {
		display: inline-block;
		padding: 4px 10px;
		margin: 2px 5px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .point {
		font-size: .8125rem;
		letter-spacing: 0em;
		line-height: 1em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .point {
		font-size: 13px;
		letter-spacing: 0em;
		line-height: 13px
	}
}

@media(max-width: 1279px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box.step_box2 .step_item .list {
		padding-left: 0
	}
}

@media(max-width: 1023px) {
	.global_office_popup.popup_wrap {
		padding-top: 50px
	}

	.global_office_popup.popup_wrap .pop_close_btn {
		top: -30px;
		right: 0;
		width: 15px;
		height: 15px
	}

	.global_office_popup.popup_wrap .pop_close_btn::after {
		width: 15px;
		height: 15px;
		background-size: 15px
	}

	.global_office_popup.popup_wrap .popup_cont {
		width: 90%;
		padding: 38px 15px 35px 18px
	}

	.global_office_popup.popup_wrap .popup_cont h3 {
		margin-bottom: 40px
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box {
		padding: 0 15px 0 0
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box {
		padding: 40px 0 0 0
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item {
		margin-bottom: 40px
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico::after {
		content: none
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico.ico1 .icon {
		display: none
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico.ico2 .icon {
		display: none
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap {
		padding-left: 0
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .txt {
		float: none;
		width: 100%;
		margin-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .txt {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .txt {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 17px
	}
}

@media(max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap .list {
		float: none;
		width: 100%
	}
}

@media(max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list {
		padding: 0 30px 0 0
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li ol.list2>li {
		margin-bottom: 10px
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list>li ol.list2>li+li {
		padding-left: 30px
	}
}

@media(max-width: 1023px) {
	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box.step_box1 .step_item .list>li ol.list2>li {
		margin-bottom: 10px
	}
}

@media(max-width: 767px) {
	.global_office_popup.popup_wrap .scroll_custom {
		height: 400px
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .ico .icon {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%)
	}

	.global_office_popup.popup_wrap .popup_cont .cont_box .step_box .step_item .list_wrap+.list_wrap {
		margin-top: 30px
	}
}

.sustainability.popup_wrap {
	display: none
}

.sustainability.popup_wrap.on {
	display: block
}

.sustainability.popup_wrap .pop_image_cont {
	position: relative
}

.sustainability.popup_wrap .pop_image_cont .img {
	overflow: hidden;
	width: min(28.802vw, 553px);
	padding: 0
}

.sustainability.popup_wrap .pop_close_btn {
	top: -40px;
	right: -40px;
	width: 30px;
	height: 30px
}

.sustainability.popup_wrap .pop_close_btn::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(0, 0);
	width: 30px;
	height: 30px;
	background: url("../images/ico_popup_close.svg") left top no-repeat
}

@media(max-width: 1023px) {
	.sustainability.popup_wrap .pop_image_cont .img {
		width: 70%;
		height: auto;
		margin: 0 auto
	}

	.sustainability.popup_wrap .pop_close_btn {
		top: -35px;
		right: 15%;
		width: 20px;
		height: 20px
	}

	.sustainability.popup_wrap .pop_close_btn::after {
		width: 20px;
		height: 20px;
		background-size: cover
	}
}

@media(max-width: 767px) {
	.sustainability.popup_wrap .pop_image_cont .img {
		width: 90%
	}

	.sustainability.popup_wrap .pop_close_btn {
		right: 5%
	}
}

body.open {
	overflow: hidden;
	width: 100%;
	height: 100%
}

.lightbox {
	position: fixed;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
	text-align: center;
	outline: none;
	width: auto
}

.lightbox .lb-cancel {
	background: url("/resources/en/images/newsroom/loading.gif") 0 0 no-repeat
}

.lightbox .lb-image {
	border: none;
	border-radius: 0
}

.lightbox .lb-outerContainer {
	border-radius: 0
}

.lightbox .lb-dataContainer {
	padding: 0
}

.lightbox .lb-dataContainer .lb-data {
	padding: 0
}

.lightbox .lb-dataContainer .lb-data .lb-details {
	width: 100%
}

.lightbox .lb-dataContainer .lb-data .lb-closeContainer {
	padding-top: 10px
}

.lightbox .lb-data .lb-close {
	display: block;
	position: absolute;
	top: -40px;
	right: -40px;
	width: 30px;
	height: 30px;
	opacity: 1;
	background: url("../images/ico_popup_close.svg") 0 0 no-repeat
}

.lightbox .lb-nav {
	top: 50%;
	left: -50px;
	transform: translateY(-50%);
	width: calc(100% + 100px);
	height: 50px
}

.lightbox .lb-nav a {
	opacity: 1;
	transition: none;
	top: 0;
	width: 50px;
	height: 50px
}

.lightbox .lb-nav a.lb-next {
	background: url("/resources/en/images/newsroom/slide_arr_next.svg") center center no-repeat
}

.lightbox .lb-nav a.lb-next:hover {
	background-image: url("/resources/en/images/newsroom/slide_arr_next_on.svg")
}

.lightbox .lb-nav a.lb-prev {
	background: url("/resources/en/images/newsroom/slide_arr_prev.svg") center center no-repeat
}

.lightbox .lb-nav a.lb-prev:hover {
	background-image: url("/resources/en/images/newsroom/slide_arr_prev_on.svg")
}

.lightbox .lb-caption {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: min(0.781vw, 15px) min(1.041vw, 20px);
	background-color: #121212;
	color: #fff
}

@media(min-width: 1024px) {
	.lightbox .lb-caption {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.2222222222em
	}
}

@media(max-width: 1023px) {
	.lightbox .lb-caption {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 22px
	}
}

@media(min-width: 1024px) {
	.lightbox .lb-caption {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(max-width: 1023px) {
	.lightbox .lb-caption {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(max-width: 1023px) {
	.lightbox .lb-caption {
		padding: 10px 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.lightbox .lb-caption {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.2857142857em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.lightbox .lb-caption {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 18px
	}
}

@media(max-width: 1023px) {
	.lightbox .lb-data .lb-close {
		top: -25px;
		right: 0;
		width: 15px;
		height: 15px;
		background-size: cover
	}

	.lightbox .lb-nav {
		left: -40px;
		width: calc(100% + 80px);
		height: 40px
	}

	.lightbox .lb-nav a {
		width: 40px;
		height: 40px
	}

	.lightbox .lb-nav a.lb-next,.lightbox .lb-nav a.lb-prev {
		background-size: 12px auto
	}
}

.quick_menu_wrap {
	z-index: 1000;
	position: absolute;
	right: 20px;
	bottom: 40px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s
}

.quick_menu_wrap.on {
	opacity: 1;
	visibility: visible
}

.quick_menu_wrap.fixed {
	position: fixed
}

.quick_menu_wrap .toggle_btn {
	display: none
}

.quick_menu_wrap .btn_top {
	margin-top: 20px
}

.quick_menu_wrap .btn_top button {
	position: relative;
	width: 65px;
	height: 65px;
	border: 1px solid #004480;
	background-color: #fff
}

.quick_menu_wrap .btn_top button:hover {
	background-color: #004480
}

.quick_menu_wrap .btn_top button:hover:after {
	background: url("../images/btn_top_w.svg") center center no-repeat;
	background-size: cover
}

.quick_menu_wrap .btn_top button:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 18px;
	height: 22px;
	background: url("/resources/en/images/careers/btn_top1.svg") center center no-repeat;
	background-size: cover
}

.quick_menu_wrap .quick_menu li a {
	display: table;
	padding: 5px 0;
	width: 65px;
	height: 65px;
	color: #081772;
	text-align: center;
	background-color: #f5f5f5
}

@media(min-width: 1024px) {
	.quick_menu_wrap .quick_menu li a {
		font-size: .8125rem;
		letter-spacing: -0.005em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.quick_menu_wrap .quick_menu li a {
		font-size: 13px;
		letter-spacing: -0.005em;
		line-height: 1
	}
}

.quick_menu_wrap .quick_menu li a:hover {
	background-color: #081772;
	color: #fff
}

.quick_menu_wrap .quick_menu li a>span {
	display: table-cell;
	vertical-align: middle
}

@media(max-width: 1023px) {
	.quick_menu_wrap {
		right: 10px;
		bottom: 20px
	}

	.quick_menu_wrap .quick_inner {
		position: relative;
		min-height: 150px
	}

	.quick_menu_wrap .toggle_btn {
		display: block;
		padding-top: 150px
	}

	.quick_menu_wrap .toggle_btn button {
		position: relative;
		width: 50px;
		height: 50px;
		background-color: #004480
	}

	.quick_menu_wrap .toggle_btn button:after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 19px;
		height: 19px;
		background: url("/resources/en/images/careers/ico_quick_plus.svg") center center no-repeat;
		background-size: cover;
		transition: transform .2s
	}

	.quick_menu_wrap .btn_top {
		margin-top: 8px
	}

	.quick_menu_wrap .btn_top button {
		width: 50px;
		height: 50px
	}

	.quick_menu_wrap .btn_top button:hover:after {
		background: url("../images/btn_top.svg") center center no-repeat;
		background-size: cover
	}

	.quick_menu_wrap .btn_top button:after {
		width: 14px;
		height: 18px;
		background-size: cover
	}

	.quick_menu_wrap .quick_menu {
		overflow: hidden;
		position: absolute;
		left: 0;
		bottom: 108px;
		transition: height .2s;
		height: 0
	}

	.quick_menu_wrap .quick_menu.active {
		height: 150px
	}

	.quick_menu_wrap .quick_menu.active+.toggle_btn button:after {
		transform: translate(-50%, -50%) rotate(45deg)
	}

	.quick_menu_wrap .quick_menu li a {
		padding: 3px 0;
		width: 50px;
		height: 50px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.quick_menu_wrap .quick_menu li a {
		font-size: .75rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.quick_menu_wrap .quick_menu li a {
		font-size: 12px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.business_slide {
	overflow: visible
}

.business_slide .swiper-slide:last-child {
	margin-right: 0
}

.business_slide .swiper-slide:hover .txt_box .tit {
	text-decoration: underline
}

.business_slide .swiper-slide a {
	display: block
}

.business_slide .progress_wrap {
	position: relative;
	height: 50px;
	top: min(3.125vw, 60px);
	cursor: pointer
}

.business_slide .progress_wrap .progress_bar {
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	width: 100%;
	height: 4px;
	background-color: #ccc;
	transform: translateY(-50%)
}

.business_slide .progress_wrap .swiper-scrollbar {
	padding: 21px 0;
	background: rgba(0,0,0,0)
}

.business_slide .progress_wrap .swiper-scrollbar .swiper-scrollbar-drag {
	height: 8px;
	margin-top: 0;
	background-color: #004480;
	border-radius: 0;
	transition: height .1s ease-in-out;
	cursor: pointer
}

.business_slide .box_area {
	transition: transform .45s cubic-bezier(0.2, 0.6, 0.3, 1)
}

.business_slide .img_box {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 115.226%;
	margin-bottom: min(1.562vw, 30px)
}

.business_slide .img_box .img {
	position: absolute;
	top: 0;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translateX(-50%)
}

.business_slide .img_box img {
	width: auto;
	height: 100%;
	max-width: none;
	object-fit: fill
}

.business_slide .txt_box .tit {
	margin-bottom: min(1.041vw, 20px);
	color: #222;
	font-weight: 600
}

@media(min-width: 1024px) {
	.business_slide .txt_box .tit {
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business_slide .txt_box .tit {
		font-size: 24px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(min-width: 1024px) {
	.business_slide .txt_box .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.375em;
		max-height: 2.75em
	}
}

@media(max-width: 1023px) {
	.business_slide .txt_box .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 33px;
		max-height: 66px
	}
}

.business_slide .txt_box .caption {
	font-size: 0
}

.business_slide .txt_box .caption * {
	display: inline-block;
	vertical-align: middle;
	color: #888
}

@media(min-width: 1024px) {
	.business_slide .txt_box .caption .date {
		font-size: 1.25rem;
		letter-spacing: -0.01em;
		line-height: 1.15em
	}
}

@media(max-width: 1023px) {
	.business_slide .txt_box .caption .date {
		font-size: 20px;
		letter-spacing: -0.01em;
		line-height: 23px
	}
}

.business_slide .txt_box .caption .name {
	margin-left: min(1.041vw, 20px);
	padding-left: min(1.041vw, 20px);
	position: relative
}

@media(min-width: 1024px) {
	.business_slide .txt_box .caption .name {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1.2em
	}
}

@media(max-width: 1023px) {
	.business_slide .txt_box .caption .name {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 24px
	}
}

.business_slide .txt_box .caption .name:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 20px;
	content: "";
	transform: translate(0, -50%);
	background-color: #ccc
}

.business_slide.on .swiper-slide .box_area {
	transform: scale(0.9);
	cursor: grab
}

.cursor {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: min(5.208vw, 100px);
	height: min(5.208vw, 100px);
	background: url("/resources/en/images/business/cursor_drag.svg") 0 0 no-repeat;
	background-size: cover;
	pointer-events: none;
	transform: scale(0.2);
	z-index: 9
}

.cursor.on {
	opacity: 1;
	visibility: visible;
	transition: transform .45s ease,opacity .3s ease
}

@media(max-width: 1023px) {
	.cursor {
		width: 80px;
		height: 80px
	}
}

@media(max-width: 767px) {
	.cursor.mobile {
		opacity: 1;
		visibility: visible;
		position: absolute;
		background: url("/resources/en/images/business/m/cursor_drag.svg") 0 0 no-repeat;
		background-size: 100% auto;
		transition: transform .45s ease,opacity .3s ease
	}

	.cursor.mobile::before {
		content: "DRAG";
		position: absolute;
		left: 50%;
		top: 50%;
		width: 100%;
		font-size: 12px;
		color: #fff;
		text-align: center;
		transform: translate(-50%, -50%)
	}
}

@media(max-width: 1023px) {
	.business_slide .progress_wrap {
		top: 40px;
		height: 30px
	}

	.business_slide .progress_wrap .swiper-scrollbar {
		max-width: 100%;
		width: 100%;
		padding: 10px 0
	}

	.business_slide .progress_wrap .swiper-scrollbar .swiper-scrollbar-drag {
		height: 6px;
		margin-top: 1px
	}

	.business_slide .img_box {
		margin-bottom: 20px
	}

	.business_slide .txt_box .tit {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business_slide .txt_box .tit {
		font-size: 1.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business_slide .txt_box .tit {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business_slide .txt_box .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: Infinityem;
		max-height: Infinityem
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business_slide .txt_box .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 20px;
		max-height: 40px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business_slide .txt_box .caption .date {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1.1333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business_slide .txt_box .caption .date {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 17px
	}
}

@media(max-width: 1023px) {
	.business_slide .txt_box .caption .name {
		margin-left: 10px;
		padding-left: 10px;
		position: relative
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business_slide .txt_box .caption .name {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1.1333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business_slide .txt_box .caption .name {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 17px
	}
}

@media(max-width: 1023px) {
	.business_slide .txt_box .caption .name:before {
		display: inline-block;
		vertical-align: middle;
		height: 10px;
		content: ""
	}
}

@media(max-width: 767px) {
	.business_slide {
		position: relative
	}

	.business_slide .progress_wrap {
		top: 60px
	}

	.business_slide .progress_wrap::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		min-width: 345px;
		height: 4px;
		background-color: #ccc;
		transform: translateY(-50%);
		margin-top: -1px
	}

	.business_slide .progress_wrap .progress_bar {
		opacity: 0
	}
}

body[data-scroll=down] .diagram_sticky_wrap .menu_list[data-fixed=fixed] {
	top: 0
}

body[data-scroll=up] .diagram_sticky_wrap .menu_list[data-fixed=fixed] {
	top: 65px
}

.business.service .diagram_sticky_wrap {
	display: none
}

.business.service .sec1 {
	overflow: hidden;
	padding: 0 0 min(10vw, 192px)
}

.business.service .sec2 {
	padding: 0
}

.business.service .sec3 .img,.business.service .sec3 .info {
	opacity: 0;
	transform: translateY(100px)
}

.business.service .sec3.active .img,.business.service .sec3.active .info {
	opacity: 1;
	transform: translateY(0);
	transition: all .6s ease-in-out
}

.business.service .sec3.active .info {
	transition-delay: .1s
}

.business.service .paging_wrap {
	padding-top: 0;
	text-align: left
}

.business.service .diagram_wrap {
	position: relative;
	margin: 0 auto;
	width: 558px;
	height: 559px
}

.business.service .diagram_wrap::before {
	content: "";
	z-index: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("/resources/en/images/business/service/bg_diagram.png") left top no-repeat;
	background-size: 558px 559px
}

.business.service .diagram_wrap .diagram_list {
	z-index: 1;
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto
}

.business.service .diagram_wrap .tit {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #888;
	font-weight: 600;
	text-align: center
}

@media(min-width: 1024px) {
	.business.service .diagram_wrap .tit {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_wrap .tit {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.business.service .diagram_wrap .diagram {
	z-index: 2;
	display: inline-block;
	position: absolute;
	padding: min(0.781vw, 15px) 0;
	width: 24%;
	color: #fff;
	text-align: center
}

@media(min-width: 1024px) {
	.business.service .diagram_wrap .diagram {
		font-size: 1rem;
		letter-spacing: -0.03em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_wrap .diagram {
		font-size: 16px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

.business.service .diagram_wrap .diagram>span {
	display: block;
	margin-bottom: 6px;
	font-weight: 600
}

@media(min-width: 1024px) {
	.business.service .diagram_wrap .diagram>span {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_wrap .diagram>span {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.business.service .diagram_wrap .diagram:hover {
	color: #1d7fbf
}

.business.service .diagram_wrap .diagram.diagram1 {
	top: 4%;
	left: 50%;
	transform: translateX(-50%)
}

.business.service .diagram_wrap .diagram.diagram1:hover {
	color: #79889b
}

.business.service .diagram_wrap .diagram.diagram2 {
	top: 18%;
	right: 9%
}

.business.service .diagram_wrap .diagram.diagram2:hover {
	color: #269dbf
}

.business.service .diagram_wrap .diagram.diagram3 {
	top: 49%;
	right: 2%
}

.business.service .diagram_wrap .diagram.diagram4 {
	bottom: 10%;
	right: 21%
}

.business.service .diagram_wrap .diagram.diagram5 {
	bottom: 10%;
	left: 22%
}

.business.service .diagram_wrap .diagram.diagram6 {
	top: 49%;
	left: 1%
}

.business.service .diagram_wrap .diagram.diagram7 {
	top: 18%;
	left: 9%
}

.business.service .fel_swiper_wrap {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	padding-top: min(1.041vw, 20px);
	width: auto;
	max-width: 1240px;
	height: 100%
}

.business.service .fel_swiper_wrap .swiper-slide {
	z-index: 1;
	padding-top: min(6.25vw, 120px);
	padding-left: 25.5%
}

.business.service .fel_swiper_wrap .swiper-slide .tit {
	margin-bottom: min(1.562vw, 30px);
	color: #222;
	font-weight: 600
}

@media(min-width: 1024px) {
	.business.service .fel_swiper_wrap .swiper-slide .tit {
		font-size: 3.125rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business.service .fel_swiper_wrap .swiper-slide .tit {
		font-size: 50px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.business.service .fel_swiper_wrap .swiper-slide .tit>span {
	display: inline-block;
	margin-left: 10px;
	color: #888;
	font-weight: 400
}

@media(min-width: 1024px) {
	.business.service .fel_swiper_wrap .swiper-slide .tit>span {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business.service .fel_swiper_wrap .swiper-slide .tit>span {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.business.service .fel_swiper_wrap .swiper-slide .info p {
	margin-top: min(2.083vw, 40px);
	color: #222
}

@media(min-width: 1024px) {
	.business.service .fel_swiper_wrap .swiper-slide .info p {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.business.service .fel_swiper_wrap .swiper-slide .info p {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.business.service .fel_swiper_wrap .swiper-slide .info p:first-child {
	margin-top: 0
}

.business.service .fel_swiper_wrap .swiper-slide .box_info {
	margin-top: min(2.083vw, 40px);
	padding: min(2.604vw, 50px) min(2.343vw, 45px) min(2.343vw, 45px);
	color: #222;
	background-color: #f5f7ff
}

@media(min-width: 1024px) {
	.business.service .fel_swiper_wrap .swiper-slide .box_info {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.6666666667em
	}
}

@media(max-width: 1023px) {
	.business.service .fel_swiper_wrap .swiper-slide .box_info {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.business.service .fel_swiper_wrap .slide4 .box_img .img {
	margin-top: min(2.083vw, 40px)
}

.business.service .fel_swiper_wrap .paging_wrap {
	z-index: 10;
	position: absolute;
	left: 0;
	top: min(6.25vw, 120px);
	width: auto;
	max-width: 1240px
}

.business.service .fel_swiper_wrap .paging_wrap.fixed {
	position: fixed;
	top: 90px;
	left: 50%;
	margin-left: -620px
}

.business.service .fel_swiper_wrap .paging_wrap .paging {
	position: relative
}

.business.service .fel_swiper_wrap .paging_wrap .paging:before {
	display: block;
	position: absolute;
	top: 6px;
	bottom: 0;
	left: 8px;
	width: 1px;
	height: 90%;
	content: "";
	background-color: #888
}

.business.service .fel_swiper_wrap .paging_wrap .paging .dot {
	display: block;
	margin-top: 75px;
	padding-left: 34px;
	color: #888;
	font-weight: 600;
	width: auto;
	height: auto;
	background: none;
	opacity: 1;
	position: relative;
	position: relative
}

@media(min-width: 1024px) {
	.business.service .fel_swiper_wrap .paging_wrap .paging .dot {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business.service .fel_swiper_wrap .paging_wrap .paging .dot {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.business.service .fel_swiper_wrap .paging_wrap .paging .dot:before {
	display: block;
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 0;
	width: 15px;
	height: 15px;
	content: "";
	border: 2px solid #888;
	transform: translateY(-50%);
	border-radius: 100%;
	background-color: #fff
}

.business.service .fel_swiper_wrap .paging_wrap .paging .dot:after {
	display: block;
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 6px;
	width: 7px;
	height: 7px;
	content: "";
	background-color: #fff;
	transform: translateY(-50%);
	border-radius: 100%
}

.business.service .fel_swiper_wrap .paging_wrap .paging .dot:first-child {
	margin-top: 0
}

.business.service .fel_swiper_wrap .paging_wrap .paging .dot.dot.active {
	color: #004480
}

.business.service .fel_swiper_wrap .paging_wrap .paging .dot.dot.active::before {
	border-color: #004480
}

.business.service .fel_swiper_wrap .paging_wrap .paging .dot.dot.active::after {
	background-color: #004480
}

.business.service .full_section_wrap {
	overflow: hidden;
	width: 100%;
	height: 100vh
}

.business.service .full_section_wrap .cont_wrap {
	position: relative;
	width: 100%
}

.business.service .full_section_wrap .section {
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(100%)
}

.business.service .full_section_wrap .section .bg {
	width: 100%;
	height: 100vh
}

.business.service .full_section_wrap .section.section1 {
	z-index: 1
}

.business.service .full_section_wrap .section.section1 .bg {
	background: url("/resources/en/images/business/service/service_slide_1.jpg") center center no-repeat;
	background-size: cover
}

.business.service .full_section_wrap .section.section2 {
	z-index: 2
}

.business.service .full_section_wrap .section.section2 .bg {
	background: url("/resources/en/images/business/service/service_slide_2.jpg") center center no-repeat;
	background-size: cover
}

.business.service .full_section_wrap .section.section3 {
	z-index: 3
}

.business.service .full_section_wrap .section.section3 .bg {
	background: url("/resources/en/images/business/service/service_slide_3.jpg") center center no-repeat;
	background-size: cover
}

.business.service .full_section_wrap .section.section4 {
	z-index: 4
}

.business.service .full_section_wrap .section.section4 .bg {
	background: url("/resources/en/images/business/service/service_slide_4.jpg") center center no-repeat;
	background-size: cover
}

.business.service .full_section_wrap .section.section5 {
	z-index: 5
}

.business.service .full_section_wrap .section.section5 .bg {
	background: url("/resources/en/images/business/service/service_slide_5.jpg") center center no-repeat;
	background-size: cover
}

.business.service .full_section_wrap .section.active {
	z-index: 10;
	transform: translateY(0)
}

.business.service .full_section_wrap .section.active .bg {
	animation: fadeInUp 1s forwards
}

.business.service .full_section_wrap .section.active .txt_box {
	visibility: visible
}

.business.service .full_section_wrap .section.active .txt_box h3 {
	animation: textAni 1s .6s forwards
}

.business.service .full_section_wrap .section.active .txt_box .txt {
	animation: textAni 1s 1s forwards
}

.business.service .full_section_wrap .section.active_end {
	z-index: 9;
	transform: translateY(0)
}

.business.service .full_section_wrap .section .inner {
	position: relative
}

@keyframes textAni {
	0% {
		opacity: 0;
		y: 200
	}

	100% {
		opacity: 1;
		y: 0
	}
}

@keyframes fadeInUp {
	0% {
		transform: translateY(100%)
	}

	100% {
		transform: translateY(0)
	}
}

.business.service .full_section_wrap .txt_wrap {
	position: absolute;
	left: 40%;
	top: 50%;
	transform: translateY(-50%);
	width: 48%
}

.business.service .full_section_wrap .txt_box {
	visibility: hidden;
	float: right;
	width: 100%;
	color: #fff;
	word-wrap: break-all
}

.business.service .full_section_wrap .txt_box h3 {
	opacity: 0;
	color: #fff;
	font-weight: bold;
	animation: opacity .5s 1s forwards
}

@media(min-width: 1024px) {
	.business.service .full_section_wrap .txt_box h3 {
		font-size: 6.25rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business.service .full_section_wrap .txt_box h3 {
		font-size: 100px;
		letter-spacing: 0;
		line-height: 1
	}
}

.business.service .full_section_wrap .txt_box .info {
	margin-top: min(2.083vw, 40px);
	animation: opacity .5s 1.5s forwards
}

.business.service .full_section_wrap .txt_box .info .tit {
	display: none;
	font-weight: 600
}

.business.service .full_section_wrap .txt_box .info .txt {
	opacity: 0
}

@media(min-width: 1024px) {
	.business.service .full_section_wrap .txt_box .info .txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.business.service .full_section_wrap .txt_box .info .txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.business.service .full_section_wrap .txt_box .info .txt p+P {
	margin-top: 35px
}

.business.service .full_section_wrap .paging_wrap {
	z-index: 20;
	position: absolute;
	left: 16%;
	top: 50vh;
	margin-top: -200px
}

.business.service .full_section_wrap .paging_wrap li {
	position: relative;
	padding-bottom: 75px;
	color: #888;
	font-weight: 600
}

.business.service .full_section_wrap .paging_wrap li:before {
	display: block;
	position: absolute;
	top: 21px;
	bottom: 0;
	left: 9px;
	width: 1px;
	height: 83%;
	content: "";
	background-color: #888
}

@media(min-width: 1024px) {
	.business.service .full_section_wrap .paging_wrap li {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business.service .full_section_wrap .paging_wrap li {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.business.service .full_section_wrap .paging_wrap li:last-child {
	padding-bottom: 0
}

.business.service .full_section_wrap .paging_wrap li:last-child::before {
	content: none
}

.business.service .full_section_wrap .paging_wrap li.active li::before {
	background-color: #fff
}

.business.service .full_section_wrap .paging_wrap li.active a {
	color: #fff
}

.business.service .full_section_wrap .paging_wrap li.active a::before {
	border-color: #fff
}

.business.service .full_section_wrap .paging_wrap li.active a::after {
	display: block;
	background-color: #fff
}

.business.service .full_section_wrap .paging_wrap li a {
	display: inline-block;
	padding-left: 34px;
	color: #ccc;
	position: relative;
	position: relative
}

.business.service .full_section_wrap .paging_wrap li a:before {
	display: block;
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 0;
	width: 15px;
	height: 15px;
	content: "";
	border: 2px solid #888;
	transform: translateY(-50%);
	border-radius: 100%
}

.business.service .full_section_wrap .paging_wrap li a:after {
	display: block;
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 6px;
	width: 7px;
	height: 7px;
	content: "";
	display: none;
	background-color: #888;
	transform: translateY(-50%);
	border-radius: 100%
}

.business.service .box_img.box1 .img {
	padding-top: 33%;
	background: url("/resources/en/images/business/service/service_img_1.jpg") 0 0 no-repeat;
	background-size: cover
}

.business.service .box_img .info {
	margin-top: min(2.083vw, 40px)
}

.business.service .box_img .info .tit {
	margin-bottom: min(1.562vw, 30px);
	color: #222
}

@media(min-width: 1024px) {
	.business.service .box_img .info .tit {
		font-size: 2.5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business.service .box_img .info .tit {
		font-size: 40px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.business.service .box_img .info .tit strong {
	margin-right: 10px;
	font-weight: 600
}

.business.service .box_img .info .tit>span {
	display: inline-block;
	color: #888;
	font-weight: 400
}

@media(min-width: 1024px) {
	.business.service .box_img .info .tit>span {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business.service .box_img .info .tit>span {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.business.service .box_img .info .txt {
	color: #222
}

@media(min-width: 1024px) {
	.business.service .box_img .info .txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.business.service .box_img .info .txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

@media(max-width: 1299px) {
	.business.service .fel_swiper_wrap .paging_wrap {
		left: 10%
	}

	.business.service .fel_swiper_wrap .paging_wrap.fixed {
		left: 10%;
		margin-left: 0
	}

	.business.service .full_section_wrap .paging_wrap {
		left: 10%
	}

	.business.service .full_section_wrap .txt_wrap {
		left: 34%;
		width: 55%
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.business.service .full_section_wrap .txt_box h3 {
		font-size: 5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.business.service .full_section_wrap .txt_box h3 {
		font-size: 80px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.business.service .full_section_wrap .txt_box .info .txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.7em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.business.service .full_section_wrap .txt_box .info .txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

@media(max-width: 1023px) {
	.business.service .visual_wrap {
		margin: 0 auto 50px
	}

	.business.service .sec1 {
		padding: 0
	}

	.business.service .sec3 .img,.business.service .sec3 .info {
		opacity: 1;
		transform: translateY(0);
		transition: none
	}

	.business.service .sec3 .sec_inner {
		margin: 0;
		padding: 60px 24px 0
	}

	.business.service .sec3 .sec_inner:first-child {
		padding: 0 24px
	}

	.business.service .paging_wrap {
		display: none
	}

	.business.service .diagram_wrap {
		margin-bottom: 60px;
		width: min(37.76vw, 290px);
		height: min(37.76vw, 290px)
	}

	.business.service .diagram_wrap::before {
		content: "";
		z-index: 0;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url("/resources/en/images/business/service/bg_diagram.png") left top no-repeat;
		background-size: cover
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business.service .diagram_wrap .tit {
		font-size: .75rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business.service .diagram_wrap .tit {
		font-size: 12px;
		letter-spacing: -0.03em;
		line-height: 16px
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_wrap .diagram {
		padding: 0;
		width: 24%;
		opacity: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business.service .diagram_wrap .diagram {
		font-size: .5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business.service .diagram_wrap .diagram {
		font-size: 8px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_wrap .diagram>span {
		margin-bottom: 5px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business.service .diagram_wrap .diagram>span {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business.service .diagram_wrap .diagram>span {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_wrap .diagram:hover {
		opacity: 1
	}

	.business.service .diagram_wrap .diagram:hover>span {
		text-decoration: underline
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_wrap .diagram.diagram1 {
		top: 7%
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_wrap .diagram.diagram2 {
		top: 21%
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_wrap .diagram.diagram3 {
		top: 50%
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_wrap .diagram.diagram4 {
		bottom: 11%
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_wrap .diagram.diagram5 {
		bottom: 11%;
		left: 22%
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_wrap .diagram.diagram6 {
		top: 51%;
		left: 1.5%
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_wrap .diagram.diagram7 {
		top: 21%;
		left: 7%
	}
}

@media(max-width: 1023px) {
	.business.service .diagram_sticky_wrap {
		display: block;
		height: 60px
	}

	.business.service .diagram_sticky_wrap .menu_list {
		z-index: 100;
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		background-color: #f5f5f5
	}

	.business.service .diagram_sticky_wrap .menu_list[data-fixed=fixed] {
		position: fixed
	}

	.business.service .diagram_sticky_wrap .menu_list.open li {
		display: block;
		border-bottom: 1px solid #ccc
	}

	.business.service .diagram_sticky_wrap .menu_list.open li:first-child {
		border-top: 1px solid #ccc
	}

	.business.service .diagram_sticky_wrap .menu_list.open li.on a::after {
		transform: rotate(180deg)
	}

	.business.service .diagram_sticky_wrap .menu_list li {
		display: none
	}

	.business.service .diagram_sticky_wrap .menu_list li.on {
		display: block
	}

	.business.service .diagram_sticky_wrap .menu_list li.on a {
		position: relative;
		color: #004480;
		font-weight: 600
	}

	.business.service .diagram_sticky_wrap .menu_list li.on a:after {
		display: block;
		position: absolute;
		top: 50%;
		right: 25px;
		width: 12px;
		height: 6px;
		content: "";
		background: url("../images/ico_gnb_depth2.svg") left top no-repeat;
		background-size: cover
	}

	.business.service .diagram_sticky_wrap .menu_list li a {
		display: block;
		padding: 22px 25px;
		color: #666
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business.service .diagram_sticky_wrap .menu_list li a {
		font-size: 1rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business.service .diagram_sticky_wrap .menu_list li a {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business.service .fel_swiper_wrap {
		margin-top: 0;
		padding: 0 24px;
		height: auto
	}

	.business.service .fel_swiper_wrap .swiper-wrapper {
		display: block;
		max-width: 100%
	}

	.business.service .fel_swiper_wrap .swiper-slide {
		float: none;
		padding-top: 70px;
		padding-left: 0
	}

	.business.service .fel_swiper_wrap .swiper-slide .tit {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business.service .fel_swiper_wrap .swiper-slide .tit {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business.service .fel_swiper_wrap .swiper-slide .tit {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business.service .fel_swiper_wrap .swiper-slide .tit>span {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business.service .fel_swiper_wrap .swiper-slide .tit>span {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business.service .fel_swiper_wrap .swiper-slide .info p {
		margin-top: 25px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business.service .fel_swiper_wrap .swiper-slide .info p {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business.service .fel_swiper_wrap .swiper-slide .info p {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.business.service .fel_swiper_wrap .swiper-slide .box_info {
		margin-top: 30px;
		padding: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business.service .fel_swiper_wrap .swiper-slide .box_info {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business.service .fel_swiper_wrap .swiper-slide .box_info {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.business.service .fel_swiper_wrap .slide4 .box_img .img {
		margin-top: 25px
	}
}

@media(max-width: 1023px) {
	.business.service .fel_swiper_wrap .paging_wrap {
		display: none
	}
}

@media(max-width: 1023px) {
	.business.service .full_section_wrap {
		height: auto
	}

	.business.service .full_section_wrap .cont_wrap {
		position: relative;
		width: 100%
	}

	.business.service .full_section_wrap .section {
		position: static;
		transform: translateY(0);
		padding-top: 80px;
		height: auto
	}

	.business.service .full_section_wrap .section.section1 .bg {
		background: url("/resources/en/images/business/service/m/service_slide_1.jpg") 0 0 no-repeat;
		background-size: 100% auto;
		padding-top: 50%
	}

	.business.service .full_section_wrap .section.section2 .bg {
		background: url("/resources/en/images/business/service/m/service_slide_2.jpg") 0 0 no-repeat;
		background-size: 100% auto;
		padding-top: 50%
	}

	.business.service .full_section_wrap .section.section3 .bg {
		background: url("/resources/en/images/business/service/m/service_slide_3.jpg") 0 0 no-repeat;
		background-size: 100% auto;
		padding-top: 50%
	}

	.business.service .full_section_wrap .section.section4 .bg {
		background: url("/resources/en/images/business/service/m/service_slide_4.jpg") 0 0 no-repeat;
		background-size: 100% auto;
		padding-top: 50%
	}

	.business.service .full_section_wrap .section.section5 .bg {
		background: url("/resources/en/images/business/service/m/service_slide_5.jpg") 0 0 no-repeat;
		background-size: 100% auto;
		padding-top: 50%
	}

	.business.service .full_section_wrap .section .bg {
		height: auto
	}

	.business.service .full_section_wrap .section .inner {
		position: static;
		padding: 0 24px
	}

	.business.service .full_section_wrap .section.active .bg {
		animation: none
	}

	.business.service .full_section_wrap .section.active .txt_box h3 {
		animation: none
	}

	.business.service .full_section_wrap .section.active .txt_box .txt {
		animation: none
	}

	.business.service .full_section_wrap .section.active_end .bg {
		animation: none
	}

	.business.service .full_section_wrap .txt_wrap {
		position: static;
		left: 0;
		top: 0;
		width: 100%;
		transform: translateY(0)
	}

	.business.service .full_section_wrap .txt_box {
		float: none;
		position: static;
		visibility: visible;
		color: #222
	}

	.business.service .full_section_wrap .txt_box h3 {
		display: none;
		animation: none
	}

	.business.service .full_section_wrap .txt_box .info {
		margin-top: 20px;
		animation: none
	}

	.business.service .full_section_wrap .txt_box .info .tit {
		display: block;
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business.service .full_section_wrap .txt_box .info .tit {
		font-size: 1.5625rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business.service .full_section_wrap .txt_box .info .tit {
		font-size: 25px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.business.service .full_section_wrap .txt_box .info .txt {
		opacity: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business.service .full_section_wrap .txt_box .info .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business.service .full_section_wrap .txt_box .info .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.business.service .full_section_wrap .txt_box .info .txt p+p {
		margin-top: 25px
	}
}

@media(max-width: 1023px) {
	.business.service .full_section_wrap .paging_wrap {
		display: none
	}
}

@media(max-width: 1023px) {
	.business.service .box_img.box1 .img {
		padding-top: 50%;
		background: url("/resources/en/images/business/service/m/service_img_1.jpg") 0 0 no-repeat;
		background-size: cover
	}

	.business.service .box_img .info {
		margin-top: 20px
	}

	.business.service .box_img .info .tit {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business.service .box_img .info .tit {
		font-size: 1.5625rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business.service .box_img .info .tit {
		font-size: 25px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business.service .box_img .info .tit>span {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business.service .box_img .info .tit>span {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.business.service .box_img .info .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.business.service .box_img .info .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 767px) {
	.business.service .sec3 .sec_inner {
		padding: 60px 15px 0
	}

	.business.service .sec3 .sec_inner:first-child {
		padding: 0 15px
	}

	.business.service .diagram_wrap {
		width: min(78.804vw, 290px);
		height: min(78.804vw, 290px)
	}

	.business.service .diagram_sticky_wrap .menu_list li {
		display: none
	}

	.business.service .diagram_sticky_wrap .menu_list li.on {
		display: block
	}

	.business.service .diagram_sticky_wrap .menu_list li.on a::after {
		right: 15px
	}

	.business.service .diagram_sticky_wrap .menu_list li a {
		padding: 20px 15px
	}

	.business.service .fel_swiper_wrap {
		padding: 0 15px
	}

	.business.service .full_section_wrap .section .inner {
		padding: 0 15px
	}

	.business.service .box_img.box1 .img {
		padding-top: 50%;
		background-image: url("/resources/en/images/business/service/m/service_img_1.jpg")
	}

	.business.service .box_img.box2 .img {
		padding-top: 50%;
		background-image: url("/resources/en/images/business/service/m/service_img_2.jpg")
	}

	.business.service .box_img.box3 .img {
		padding-top: 50%;
		background-image: url("/resources/en/images/business/service/m/service_img_3.jpg")
	}

	.business.service .box .img {
		margin-bottom: 20px
	}
}

.innovation {
	padding: 0
}

.innovation .block {
	display: block
}

.innovation .mo-block {
	display: inline-block
}

.innovation sup {
	font-size: 30%;
	vertical-align: 1.5em
}

.innovation sub {
	font-size: 50%;
	vertical-align: .01em
}

.innovation .ahead {
	position: relative
}

.innovation .ahead:after {
	content: "";
	display: inline-block;
	width: 82px;
	height: 18px;
	margin-left: 3px;
	vertical-align: middle;
	background-image: url("/resources/en/images/business/innovation/AHEAD-small_TM.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto
}

.innovation .ahead.xs:after {
	background-image: url("/resources/en/images/business/innovation/AHEAD-small_xs_TM.png")
}

.innovation .ahead.wh:after {
	background-image: url("/resources/en/images/business/innovation/AHEAD-small-wh_TM.png");
	opacity: .5
}

.innovation .ahead.big:after {
	width: min(6.77vw, 130px);
	height: min(1.562vw, 30px)
}

@media(max-width: 1023px) {
	.innovation .ahead:after {
		width: 62px;
		height: 14px
	}

	.innovation .ahead.big:after {
		width: 76px;
		height: 18px
	}
}

.innovation .enable {
	position: relative
}

.innovation .enable:after {
	content: "";
	display: inline-block;
	width: 75px;
	height: 19px;
	margin-left: 3px;
	margin-bottom: 5px;
	vertical-align: middle;
	background-image: url("/resources/en/images/business/innovation/Enable-small_TM.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto
}

.innovation .enable.md:after {
	background-image: url("/resources/en/images/business/innovation/Enable-small_TM.png");
	opacity: .5
}

.innovation .enable.big:after {
	background-image: url("/resources/en/images/business/innovation/Enable-w_TM.svg");
	width: min(8.333vw, 160px);
	height: min(2.604vw, 50px)
}

@media(max-width: 1023px) {
	.innovation .enable:after {
		width: 62px;
		height: 16px
	}

	.innovation .enable.big:after {
		width: 75px;
		height: 19px
	}
}

@media(max-width: 767px) {
	.innovation .enable.big:after {
		background-image: url("/resources/en/images/business/innovation/Enable-small_TM.png")
	}
}

.innovation .motion-area {
	position: relative;
	background-color: #fff
}

.innovation .motion-area.active .our-strategy {
	background-color: #000
}

.innovation .motion-area.active .our-strategy h2,.innovation .motion-area.active .our-strategy .paragraph p {
	color: #fff
}

.innovation .motion-area.active .our-performance,.innovation .motion-area.active .performance {
	background-color: #000
}

.innovation .motion-area.active .our-performance .title-wrap h2,.innovation .motion-area.active .performance .title-wrap h2 {
	color: #fff
}

.innovation .motion-area.active .our-performance .title-wrap img,.innovation .motion-area.active .performance .title-wrap img {
	opacity: 1
}

.innovation .motion-area section {
	width: 100%;
	height: 100vh
}

.innovation .motion-area .parallax-wrap {
	position: relative;
	overflow: hidden
}

.innovation .motion-area .parallax-wrap .top-visual-inner {
	position: relative;
	width: 100%;
	height: 100%
}

.innovation .motion-area .parallax-wrap .top-visual-inner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	animation: bgZoom 1s ease-in-out forwards;
	background-position: 50% 0
}

@keyframes bgZoom {
	0% {
		background-size: 100% auto
	}

	100% {
		background-size: 104% auto
	}
}

.innovation .motion-area .parallax-wrap.load-motion .title-wrap h2,.innovation .motion-area .parallax-wrap.load-motion .title-wrap p {
	opacity: 1;
	transform: translateY(0);
	transition: all .4s ease-in-out
}

.innovation .motion-area .parallax-wrap.load-motion .title-wrap h2 {
	transition-delay: .6s
}

.innovation .motion-area .parallax-wrap.load-motion .title-wrap p {
	transition-delay: .75s
}

.innovation .motion-area .parallax-wrap.scroll-motion .title-wrap {
	display: none
}

.innovation .motion-area .parallax-wrap .img-wrap {
	display: none
}

.innovation .motion-area .parallax-wrap .title-wrap {
	z-index: 1;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	opacity: 1;
	transition: opacity .5s ease
}

.innovation .motion-area .parallax-wrap .title-wrap h2,.innovation .motion-area .parallax-wrap .title-wrap p {
	opacity: 0;
	transform: translateY(30px);
	color: #fff
}

.innovation .motion-area .parallax-wrap .title-wrap h2 {
	padding-bottom: min(0.781vw, 15px);
	text-transform: uppercase
}

@media(min-width: 1024px) {
	.innovation .motion-area .parallax-wrap .title-wrap h2 {
		font-size: 6rem;
		letter-spacing: 0.035em;
		line-height: 1.175em
	}
}

@media(max-width: 1023px) {
	.innovation .motion-area .parallax-wrap .title-wrap h2 {
		font-size: 96px;
		letter-spacing: 0.035em;
		line-height: 112.8px
	}
}

@media(min-width: 1024px) {
	.innovation .motion-area .parallax-wrap .title-wrap p {
		font-size: 1.375rem;
		letter-spacing: -0.03em;
		line-height: 1.5454545455em
	}
}

@media(max-width: 1023px) {
	.innovation .motion-area .parallax-wrap .title-wrap p {
		font-size: 22px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

.innovation .motion-area .our-strategy {
	z-index: 1;
	position: relative;
	transition: all .4s ease-in-out
}

.innovation .motion-area .our-strategy .flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
	width: 100%;
	height: 100%
}

.innovation .motion-area .our-strategy .left {
	width: 67.85%;
	padding: 0 min(13.541vw, 260px)
}

.innovation .motion-area .our-strategy .right {
	width: 32.15%;
	height: 100%
}

.innovation .motion-area .our-strategy h2 {
	display: block;
	padding-bottom: min(1.562vw, 30px);
	color: #222;
	font-weight: bold
}

@media(min-width: 1024px) {
	.innovation .motion-area .our-strategy h2 {
		font-size: 3rem;
		letter-spacing: -0.03em;
		line-height: 1.2083333333em
	}
}

@media(max-width: 1023px) {
	.innovation .motion-area .our-strategy h2 {
		font-size: 48px;
		letter-spacing: -0.03em;
		line-height: 58px
	}
}

.innovation .motion-area .our-strategy .paragraph p {
	padding-bottom: min(1.562vw, 30px);
	line-height: 1.5em
}

.innovation .motion-area .our-strategy .img-wrap {
	display: inline-block;
	width: 0;
	height: 100%;
	clip-path: inset(0 0 0 100%);
	transition: clip-path .6s ease;
	overflow: hidden
}

.innovation .motion-area .our-strategy .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.innovation .motion-area .our-strategy.spread-motion .img-wrap {
	width: 100%;
	clip-path: inset(0)
}

.innovation .motion-area .performanceWrap {
	position: relative
}

.innovation .motion-area .performanceWrap .title-wrap.fixed {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.innovation .motion-area .performanceWrap .title-wrap.on h2 {
	opacity: .2
}

.innovation .motion-area .performanceWrap .title-wrap.on h2 img {
	max-width: 50%
}

.innovation .motion-area .performanceWrap .title-wrap.on .flow-line {
	margin-top: 0
}

.innovation .motion-area .performanceWrap .title-wrap h2 {
	color: #222;
	text-align: center
}

@media(min-width: 1024px) {
	.innovation .motion-area .performanceWrap .title-wrap h2 {
		font-size: 6.25rem;
		letter-spacing: 0em;
		line-height: .9em
	}
}

@media(max-width: 1023px) {
	.innovation .motion-area .performanceWrap .title-wrap h2 {
		font-size: 100px;
		letter-spacing: 0em;
		line-height: 90px
	}
}

.innovation .motion-area .performanceWrap .title-wrap h2 span {
	display: block;
	transition: opacity .5s ease
}

.innovation .motion-area .performanceWrap .title-wrap img {
	opacity: 0;
	transition: opacity .5s ease
}

.innovation .motion-area .our-performance {
	position: relative;
	transition: all .4s ease-in-out
}

.innovation .motion-area .our-performance .title-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.innovation .motion-area .our-performance .title-wrap .flow-line {
	position: relative
}

.innovation .motion-area .our-performance .title-wrap .flow-line>span {
	z-index: 1;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: min(8.906vw, 171px);
	background-color: #ccc
}

.innovation .motion-area .our-performance .title-wrap .flow-line>span>span {
	z-index: 2;
	display: block;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 25%;
	background-color: #222;
	opacity: .6;
	animation: lineFlowing 1s ease-in Infinite forwards
}

@media(max-width: 1023px) {
	.innovation .motion-area .our-performance .title-wrap .flow-line {
		display: none
	}
}

@keyframes lineFlowing {
	0% {
		top: 0
	}

	to {
		top: 100%
	}
}

.innovation .motion-area .our-performance .img-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.innovation .motion-area .our-performance .img {
	position: absolute;
	width: min(22.812vw, 438px)
}

.innovation .motion-area .our-performance .img.left {
	top: 0;
	left: 0;
	height: min(29.166vw, 560px)
}

.innovation .motion-area .our-performance .img.right {
	bottom: 0;
	right: 0;
	height: min(26.041vw, 500px)
}

.innovation .motion-area .our-performance.change-motion {
	opacity: 1;
	background-color: #000
}

.innovation .motion-area .our-performance.position .title-wrap {
	position: fixed;
	top: 0;
	transform: translate(-50%, 0)
}

.innovation .motion-area .our-performance.position h2 {
	color: #000;
	opacity: .2
}

.innovation .motion-area .our-performance.position h2 span {
	opacity: 0
}

.innovation .motion-area .performance {
	position: relative;
	min-height: 100vh;
	height: 100%;
	background-color: #000
}

.innovation .motion-area .performance:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	z-index: -1
}

.innovation .motion-area .performance h2 {
	color: #fff;
	text-align: center;
	transition: opacity .5s ease
}

@media(min-width: 1024px) {
	.innovation .motion-area .performance h2 {
		font-size: 6.25rem;
		letter-spacing: 0em;
		line-height: .9em
	}
}

@media(max-width: 1023px) {
	.innovation .motion-area .performance h2 {
		font-size: 100px;
		letter-spacing: 0em;
		line-height: 90px
	}
}

.innovation .motion-area .performance .inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 min(1.041vw, 20px) min(1.041vw, 20px)
}

.innovation .motion-area .performance .bg-wrap {
	margin-top: min(5.208vw, 100px)
}

.innovation .motion-area .performance .flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: flex-start
}

.innovation .motion-area .performance .depth1 {
	width: 33.3333333333%;
	margin-bottom: min(4.166vw, 80px)
}

.innovation .motion-area .performance .depth1:nth-of-type(3),.innovation .motion-area .performance .depth1:nth-of-type(4) {
	margin-bottom: 0
}

.innovation .motion-area .performance .depth1>div {
	width: 303px;
	margin: 0 auto
}

.innovation .motion-area .performance .depth1 .menu-title,.innovation .motion-area .performance .depth1 button {
	display: inline-block;
	margin-bottom: min(1.302vw, 25px);
	color: #666;
	font-weight: bold
}

@media(min-width: 1024px) {
	.innovation .motion-area .performance .depth1 .menu-title,.innovation .motion-area .performance .depth1 button {
		font-size: 1.375rem;
		letter-spacing: 0em;
		line-height: 1.4545454545em
	}
}

@media(max-width: 1023px) {
	.innovation .motion-area .performance .depth1 .menu-title,.innovation .motion-area .performance .depth1 button {
		font-size: 22px;
		letter-spacing: 0em;
		line-height: 32px
	}
}

.innovation .motion-area .performance .depth1 .menu-title span,.innovation .motion-area .performance .depth1 button span {
	position: relative
}

.innovation .motion-area .performance .depth2 a {
	color: #ccc
}

@media(min-width: 1024px) {
	.innovation .motion-area .performance .depth2 a {
		font-size: 1.625rem;
		letter-spacing: -0.03em;
		line-height: 1.7692307692em
	}
}

@media(max-width: 1023px) {
	.innovation .motion-area .performance .depth2 a {
		font-size: 26px;
		letter-spacing: -0.03em;
		line-height: 46px
	}
}

.innovation .motion-area .performance .depth2 span:after {
	background-color: #fff
}

.innovation .motion-area .performance.text-motion h2 {
	opacity: 1
}

.innovation .admin .inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 min(1.041vw, 20px)
}

.innovation .admin h3 .en {
	font-size: 1.875rem
}

.innovation .admin .description {
	padding-bottom: min(2.083vw, 40px);
	line-height: 1.5em
}

.innovation .admin .description.referTop {
	padding-bottom: min(1.041vw, 20px)
}

.innovation .admin .refer {
	padding-bottom: min(2.083vw, 40px);
	line-height: 1.25em
}

.innovation .admin .refer.right {
	text-align: right
}

.innovation .admin .type {
	padding-bottom: min(10.416vw, 200px)
}

.innovation .admin .type:last-child {
	padding-bottom: 0
}

.innovation .admin .type-bgImg {
	width: 100%;
	min-height: min(38.541vw, 740px);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
	text-align: center
}

.innovation .admin .type-bgImg .inner {
	max-width: 1340px;
	padding: min(6.25vw, 120px) min(1.041vw, 20px)
}

.innovation .admin .type-bgImg h3 {
	color: #fff;
	font-size: 2.875rem
}

.innovation .admin .type-bgImg p {
	color: #fff
}

.innovation .admin .type-bgImg .mo-img-box {
	display: none
}

.innovation .admin .type-a .imgTop {
	padding-bottom: min(1.562vw, 30px)
}

.innovation .admin .type-a .video_btn {
	padding-bottom: min(2.083vw, 40px)
}

.innovation .admin .type-b .flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: normal
}

.innovation .admin .type-b .text-box {
	width: 59%;
	padding-right: min(5.989vw, 115px)
}

.innovation .admin .type-b .img-box {
	width: 41%
}

.innovation .admin .type-b .img-box .swiper {
	position: relative;
	overflow: hidden
}

.innovation .admin .type-b .img-box .img {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 90%;
	overflow: hidden
}

.innovation .admin .type-b .img-box .img>div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(1.001);
	transition: all .6s
}

.innovation .admin .type-b .img-box .img img {
	height: 100%
}

.innovation .admin .type-b .img-box:hover .img>div {
	transform: scale(1.05)
}

.innovation .admin .type-bgColor {
	padding: 0 0 min(2.083vw, 40px)
}

.innovation .admin .type-case {
	padding-top: min(5.208vw, 100px)
}

.innovation .admin .type-case strong {
	display: block;
	margin-bottom: min(1.562vw, 30px);
	color: #222
}

@media(min-width: 1024px) {
	.innovation .admin .type-case strong {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1.0666666667em
	}
}

@media(max-width: 1023px) {
	.innovation .admin .type-case strong {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.innovation .admin .type-case .accordion_list .acco_tit .tit {
	color: #888
}

.innovation .admin .type-case .accordion_list .acco_tit .num {
	margin-right: min(2.291vw, 44px)
}

.innovation .admin .type-case .accordion_list .acco_tit:after {
	transform: translateY(-80%) rotate(225deg);
	margin-top: 0;
	border-top: 2px solid #222;
	border-left: 2px solid #222
}

.innovation .admin .type-case .accordion_list .acco_tit:hover .tit {
	color: #222
}

@media(min-width: 1024px) {
	.innovation .admin .type-case .accordion_list .acco_cont {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.innovation .admin .type-case .accordion_list .acco_cont {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.innovation .admin .type-case .accordion_list .acco_cont p {
	margin-bottom: min(1.562vw, 30px)
}

.innovation .admin .type-case .accordion_list .acco_cont p:last-child {
	margin-bottom: 0
}

.innovation .admin .type-case .accordion_list .acco_cont.text p:last-child {
	margin-bottom: 0
}

.innovation .admin .type-case .accordion_list li:first-child .acco_tit {
	border-top-color: #222
}

.innovation .admin .type-case .accordion_list li.active .acco_tit {
	background-color: #fff
}

.innovation .admin .type-case .accordion_list li.active .acco_tit:after {
	transform: translateY(-50%) rotate(45deg)
}

.innovation .admin .type-case .accordion_list li.active .acco_tit .tit {
	color: #222
}

.innovation .admin .swiper {
	position: relative;
	overflow: hidden
}

.innovation .admin .swiper-pagination {
	bottom: min(1.041vw, 20px)
}

.innovation .admin .swiper-pagination-bullet {
	width: min(0.833vw, 16px);
	height: min(0.833vw, 16px);
	margin: 0 min(0.312vw, 6px);
	border: 2px solid #fff;
	background: rgba(0,0,0,0);
	opacity: 1
}

.innovation .admin .swiper-pagination-bullet-active {
	border: none;
	background: #fff
}

.innovation .admin .video_btn {
	font-size: 0
}

.innovation .admin .video_btn .btn_view {
	position: relative;
	display: inline-block;
	min-width: 272px;
	margin-right: min(2.187vw, 42px);
	margin-left: 0;
	padding-bottom: min(0.781vw, 15px);
	border-bottom: 2px solid #ccc;
	color: #222;
	font-weight: bold
}

@media(min-width: 1024px) {
	.innovation .admin .video_btn .btn_view {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.innovation .admin .video_btn .btn_view {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.innovation .admin .video_btn .btn_view.long {
	min-width: 315px;
	margin-bottom: min(1.302vw, 25px)
}

.innovation .admin .video_btn .btn_view.long:last-child {
	margin-bottom: 0
}

.innovation .admin .video_btn .btn_view:last-child {
	margin-right: 0
}

.innovation .admin .video_btn .btn_view:after {
	content: "";
	position: absolute;
	top: 7px;
	right: 0;
	width: 18px;
	height: 18px;
	background-image: url("/resources/en/images/business/innovation/solution/icon_plus.svg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	transition: all .4s ease
}

.innovation .admin .video_btn .btn_view:hover:after {
	transform: rotate(90deg)
}

.innovation .innovation-anchor {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	z-index: 1
}

.innovation .innovation-anchor.fixed {
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}

.innovation .innovation-anchor .web-anchor {
	display: flex
}

.innovation .innovation-anchor .mobile-anchor {
	display: none;
	z-index: 1
}

.innovation .innovation-anchor>ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto
}

.innovation .innovation-anchor .depth1 {
	position: relative;
	width: 33.3333333333%
}

.innovation .innovation-anchor .depth1>button,.innovation .innovation-anchor .depth1>a {
	display: block;
	width: 100%;
	padding: 22px 10px;
	color: #888;
	font-weight: 600;
	text-align: center
}

@media(min-width: 1024px) {
	.innovation .innovation-anchor .depth1>button,.innovation .innovation-anchor .depth1>a {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.6em
	}
}

@media(max-width: 1023px) {
	.innovation .innovation-anchor .depth1>button,.innovation .innovation-anchor .depth1>a {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.innovation .innovation-anchor .depth1>button .arrow,.innovation .innovation-anchor .depth1>a .arrow {
	position: relative;
	padding-right: 25px;
	padding-left: 27px;
	text-align: left
}

.innovation .innovation-anchor .depth1>button .arrow:before,.innovation .innovation-anchor .depth1>a .arrow:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 3px;
	transform: translateY(-50%) rotate(225deg);
	transition: all .3s;
	width: 8px;
	height: 8px;
	border-top: 1px solid #222;
	border-left: 1px solid #222
}

.innovation .innovation-anchor .depth1>button .enable,.innovation .innovation-anchor .depth1>a .enable {
	padding-right: 0px
}

.innovation .innovation-anchor .depth1>button .enable:before,.innovation .innovation-anchor .depth1>a .enable:before {
	content: none
}

.innovation .innovation-anchor .depth1>button .num,.innovation .innovation-anchor .depth1>a .num {
	position: absolute;
	top: 0;
	left: 0
}

.innovation .innovation-anchor .depth1.current button,.innovation .innovation-anchor .depth1.current>a {
	color: #54379a
}

.innovation .innovation-anchor .depth1:hover>button span:before,.innovation .innovation-anchor .depth1:hover>a span:before {
	transform: translateY(-50%) rotate(45deg)
}

.innovation .innovation-anchor .depth1:hover button {
	color: #54379a
}

.innovation .innovation-anchor .depth1:hover .depth2 {
	display: block;
	border-top: 4px solid #54379a
}

.innovation .innovation-anchor .depth2 {
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	margin-top: -2px;
	padding: min(1.041vw, 20px);
	background-color: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
	z-index: 5
}

.innovation .innovation-anchor .depth2 li {
	padding: min(0.364vw, 7px) 0
}

.innovation .innovation-anchor .depth2 li:hover span {
	color: #54379a
}

.innovation .innovation-anchor .depth2 li:hover span:after {
	display: none
}

.innovation .innovation-anchor .depth2 a {
	display: block;
	width: 100%
}

@media(min-width: 1024px) {
	.innovation .innovation-anchor .depth2 a {
		font-size: 1rem;
		letter-spacing: 0em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px) {
	.innovation .innovation-anchor .depth2 a {
		font-size: 16px;
		letter-spacing: 0em;
		line-height: 20px
	}
}

.innovation .innovation-anchor .depth2 span {
	position: relative
}

.innovation .innovation-anchor .depth2 span:after {
	background-color: #54379a
}

.innovation .anchor-title {
	margin-bottom: min(1.562vw, 30px);
	color: #222;
	font-weight: 500
}

@media(min-width: 1024px) {
	.innovation .anchor-title {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1.0666666667em
	}
}

@media(max-width: 1023px) {
	.innovation .anchor-title {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.innovation .anchor-title span {
	display: inline-block;
	font-weight: 500
}

.innovation .anchor-title span:before {
	width: 100%;
	max-width: 30px;
	height: 4px;
	background-color: #54379a
}

.innovation .anchor-title.epc span:before {
	background-color: #77b540
}

.innovation .depth2 li:hover span:after {
	width: 100%;
	opacity: 1
}

.innovation .depth2 span {
	position: relative
}

.innovation .depth2 span:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 1px;
	opacity: 0;
	transition: width .3s
}

.innovation .circle-motion {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0 7.5%;
	margin: 0 auto;
	padding-top: min(2.604vw, 50px)
}

.innovation .circle-motion .circle {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: min(11.822vw, 227px);
	height: min(11.822vw, 227px);
	border: 1px solid #fff;
	border-radius: 50%
}

.innovation .circle-motion .circle:before,.innovation .circle-motion .circle:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(225,225,255,.1);
	border-radius: 50%
}

.innovation .circle-motion .circle:before {
	width: 88.56%;
	height: 88.56%
}

.innovation .circle-motion .circle:after {
	width: 78.86%;
	height: 78.86%
}

.innovation .circle-motion p {
	padding: 0 min(1.614vw, 31px)
}

@media(min-width: 1024px) {
	.innovation .circle-motion p {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.125em
	}
}

@media(max-width: 1023px) {
	.innovation .circle-motion p {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 27px
	}
}

.innovation .sec_stf {
	margin: min(5.208vw, 100px) 0 min(8.333vw, 160px)
}

.innovation .sec_stf .inner {
	position: relative
}

.innovation .sec_stf .inner:after {
	display: block;
	position: absolute;
	top: 50%;
	width: 31px;
	height: 60px;
	content: "";
	right: min(5.208vw, 100px);
	transform: translateY(-50%);
	background: url("/resources/en/images/main/ico_arrow_big_w.svg") 50% 50% no-repeat;
	background-size: cover
}

.innovation .sec_stf .flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: min(3.645vw, 70px) min(5.208vw, 100px);
	background-color: #213497
}

.innovation .sec_stf img {
	margin: 0 min(1.197vw, 23px) 0 0
}

.innovation .sec_stf p {
	color: #fff
}

.innovation .sec_stf p.en {
	font-weight: 600
}

@media(min-width: 1024px) {
	.innovation .sec_stf p.en {
		font-size: 1.875rem;
		letter-spacing: 0em;
		line-height: 1.2em
	}
}

@media(max-width: 1023px) {
	.innovation .sec_stf p.en {
		font-size: 30px;
		letter-spacing: 0em;
		line-height: 36px
	}
}

@media(min-width: 1024px) {
	.innovation .sec_stf p.ko {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1.7em
	}
}

@media(max-width: 1023px) {
	.innovation .sec_stf p.ko {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 34px
	}
}

.innovation .bottom-banner {
	padding: min(4.01vw, 77px) min(1.041vw, 20px) min(4.166vw, 80px);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 101%;
	transition: background-size 1s ease
}

.innovation .bottom-banner .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto
}

.innovation .bottom-banner .left {
	width: 83%
}

.innovation .bottom-banner .left h4 {
	padding-bottom: min(0.468vw, 9px);
	color: #fff
}

.innovation .bottom-banner .left .p2 {
	line-height: 1.4444444444em;
	color: #fff
}

.innovation .bottom-banner .btn_wrap {
	width: 15%
}

.innovation .bottom-banner .btn_wrap .btn {
	position: relative;
	width: 100%;
	min-width: auto;
	text-align: left
}

.innovation .bottom-banner .btn_wrap .btn:after {
	content: "";
	position: absolute;
	top: 50%;
	right: min(1.302vw, 25px);
	transform: translateY(-50%);
	width: 6px;
	height: 12px;
	background-image: url("/resources/en/images/business/innovation/icon_more.svg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover
}

.innovation .bottom-banner .btn_wrap:hover .btn:after {
	background-image: url("/resources/en/images/business/innovation/icon_more_bk.svg")
}

@media(min-width: 1024px) {
	.innovation .bottom-banner:hover {
		background-size: 106%
	}
}

.innovation.solution .anchor-wrap {
	height: 72px
}

.innovation.solution .admin section {
	padding-top: min(10.416vw, 200px)
}

.innovation.solution .admin section:first-of-type {
	padding-top: 0
}

.innovation.solution .admin section:first-of-type .inner {
	padding-top: min(8.333vw, 160px)
}

.innovation.solution .motion-area .performanceWrap #trigger {
	margin-top: -1px;
	border-top: 1px solid #000
}

.innovation.solution .parallax-wrap .top-visual-inner:before {
	background-image: url("/resources/en/images/business/innovation/solution/innovation_top.jpg")
}

.innovation.solution .performance:before {
	background-image: url("/resources/en/images/business/innovation/solution/performance_bg.jpg");
	z-index: 0
}

.innovation.solution .bottom-banner {
	background-image: url("/resources/en/images/business/innovation/solution/banner_TM.jpg")
}

.innovation.epc .motion-area {
	background-color: #fff
}

.innovation.epc .motion-area.active .our-strategy {
	background-color: #e1eed5
}

.innovation.epc .motion-area.active .our-strategy h2,.innovation.epc .motion-area.active .our-strategy .paragraph p {
	color: #222
}

.innovation.epc .motion-area.active .our-performance,.innovation.epc .motion-area.active .performance {
	background-color: #e1eed5
}

.innovation.epc .motion-area.active .our-performance .title-wrap.on h2,.innovation.epc .motion-area.active .performance .title-wrap.on h2 {
	color: #87ae75
}

.innovation.epc .motion-area.active .our-performance .title-wrap h2,.innovation.epc .motion-area.active .performance .title-wrap h2 {
	color: #222
}

.innovation.epc .motion-area .parallax-wrap .top-visual-inner:before {
	background-image: url("/resources/en/images/business/innovation/epc/innovation_top.jpg")
}

.innovation.epc .motion-area .our-strategy .flex-item {
	width: 50%
}

.innovation.epc .motion-area .our-strategy .left {
	padding: 0 min(10.416vw, 200px)
}

.innovation.epc .motion-area .performance:before {
	background-image: url("/resources/en/images/business/innovation/epc/performance_bg.jpg");
	z-index: 0
}

.innovation.epc .motion-area .performance .inner {
	z-index: 2
}

.innovation.epc .motion-area .performance .depth1 .menu-title,.innovation.epc .motion-area .performance .depth1 button {
	color: #aaa
}

.innovation.epc .motion-area .performance .depth2 a {
	color: #222
}

.innovation.epc .motion-area .performance .depth2 span:after {
	background-color: #222
}

.innovation.epc .admin section {
	margin-bottom: min(10.416vw, 200px)
}

.innovation.epc .admin section:last-of-type {
	margin-bottom: 0
}

.innovation.epc .admin .type-case {
	padding-top: min(3.125vw, 60px)
}

.innovation.epc .admin .text-box {
	opacity: 0;
	transform: translateY(100px);
	transition: all .4s ease-in-out
}

.innovation.epc .admin .text-box.active {
	opacity: 1;
	transform: translateY(0)
}

.innovation.epc .innovation-anchor .mobile-anchor .depth1.current a {
	color: #77b540
}

.innovation.epc .innovation-anchor .depth1>button,.innovation.epc .innovation-anchor .depth1>a {
	color: #888
}

.innovation.epc .innovation-anchor .depth1>button span:after,.innovation.epc .innovation-anchor .depth1>a span:after {
	border-top: 1px solid #222;
	border-left: 1px solid #222
}

.innovation.epc .innovation-anchor .depth1>button .enable:after,.innovation.epc .innovation-anchor .depth1>a .enable:after {
	border-top: none;
	border-left: none
}

.innovation.epc .innovation-anchor .depth1.current button,.innovation.epc .innovation-anchor .depth1.current>a {
	color: #77b540
}

.innovation.epc .innovation-anchor .depth1:hover button {
	color: #77b540
}

.innovation.epc .innovation-anchor .depth1:hover .depth2 {
	border-top: 4px solid #77b540
}

.innovation.epc .innovation-anchor .depth2 {
	width: 100%
}

.innovation.epc .innovation-anchor .depth2 li:hover span {
	color: #77b540
}

.innovation.epc .innovation-anchor .depth2 span:after {
	background-color: #77b540
}

.innovation.epc .bottom-banner {
	background-image: url("/resources/en/images/business/innovation/epc/banner_TM.jpg")
}

@media(max-width: 1299px) {
	.innovation .motion-area .parallax-wrap.scroll-motion .img-wrap {
		opacity: 0;
		visibility: hidden;
		z-index: -1
	}

	.innovation .motion-area .parallax-wrap.load-motion .img-wrap {
		animation: bgZoom2 1s ease-in-out forwards
	}@	keyframes bgZoom2 {
		0%{transform: scale(1)
	}

	100% {
		transform: scale(1.1)
	}
}

.innovation .motion-area .parallax-wrap .bg-wrap {
	display: none
}

.innovation .motion-area .parallax-wrap .img-wrap {
	z-index: 0;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.innovation .motion-area .parallax-wrap .img-wrap img {
	width: 100%;
	height: 100%
}

.innovation .motion-area .parallax-wrap .title-wrap {
	padding: 0 15px
}

.innovation .motion-area .parallax-wrap .title-wrap h2 {
	margin-bottom: 40px
}}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .motion-area .parallax-wrap .title-wrap h2 {
		font-size: 2.1875rem;
		letter-spacing: 0.055em;
		line-height: 1.5714285714em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .motion-area .parallax-wrap .title-wrap h2 {
		font-size: 35px;
		letter-spacing: 0.055em;
		line-height: 55px
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .motion-area .parallax-wrap .title-wrap p {
		font-size: 1.125rem;
		letter-spacing: -0.015em;
		line-height: 1.3888888889em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .motion-area .parallax-wrap .title-wrap p {
		font-size: 18px;
		letter-spacing: -0.015em;
		line-height: 25px
	}
}

@media(max-width: 1299px) {
	.innovation .motion-area .our-strategy {
		background: #fff;
		padding: 80px 0;
		height: 100%
	}

	.innovation .motion-area .our-strategy h2 {
		margin-bottom: 15px
	}

	.innovation .motion-area .our-strategy .paragraph {
		margin-bottom: 35px
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .motion-area .our-strategy .paragraph p {
		font-size: .9375rem;
		letter-spacing: -0.015em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .motion-area .our-strategy .paragraph p {
		font-size: 15px;
		letter-spacing: -0.015em;
		line-height: 20px
	}
}

@media(max-width: 1299px) {
	.innovation .motion-area .our-strategy .flex-item {
		width: 100%;
		padding: 0 min(4.076vw, 15px)
	}
}

@media(max-width: 1299px) {
	.innovation .motion-area .our-strategy .img-wrap {
		height: min(95.652vw, 352px)
	}
}

@media(max-width: 1299px) {
	.innovation .motion-area .performanceWrap {
		padding-top: 80px
	}

	.innovation .motion-area .performanceWrap>div {
		margin-bottom: 0 !important
	}

	.innovation .motion-area .performanceWrap #trigger {
		height: auto;
		min-height: auto;
		opacity: 0;
		visibility: hidden
	}

	.innovation .motion-area .performanceWrap .title-wrap h2 {
		width: 305px;
		height: auto;
		margin: 0 auto
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .motion-area .performanceWrap .title-wrap h2 {
		font-size: 3.125rem;
		letter-spacing: 0em;
		line-height: 1.1em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .motion-area .performanceWrap .title-wrap h2 {
		font-size: 50px;
		letter-spacing: 0em;
		line-height: 55px
	}
}

@media(max-width: 1299px) {
	.innovation .motion-area .performanceWrap .title-wrap img {
		opacity: 1;
		width: 100%;
		height: 100%
	}
}

@media(max-width: 1299px) {
	.innovation .motion-area .our-performance {
		height: auto
	}

	.innovation .motion-area .our-performance .title-wrap {
		position: static;
		transform: none
	}

	.innovation .motion-area .our-performance .img {
		display: none
	}
}

@media(max-width: 1299px) {
	.innovation .motion-area .performance {
		height: auto;
		min-height: auto;
		margin-bottom: 0
	}

	.innovation .motion-area .performance .inner {
		padding: 0 min(4.076vw, 15px) 70px
	}

	.innovation .motion-area .performance #trigger {
		height: 0
	}

	.innovation .motion-area .performance .bg-wrap {
		margin-top: 60px
	}

	.innovation .motion-area .performance .flex-container {
		flex-direction: row;
		width: 100%
	}

	.innovation .motion-area .performance .depth1 {
		width: 100%;
		margin-bottom: 40px;
		text-align: center
	}

	.innovation .motion-area .performance .depth1:nth-of-type(3),.innovation .motion-area .performance .depth1:nth-of-type(4) {
		margin-bottom: 40px
	}

	.innovation .motion-area .performance .depth1:last-of-type {
		margin-bottom: 0
	}

	.innovation .motion-area .performance .depth1>div {
		width: auto
	}

	.innovation .motion-area .performance .depth1 .menu-title,.innovation .motion-area .performance .depth1 button {
		margin-bottom: 15px
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .motion-area .performance .depth1 .menu-title,.innovation .motion-area .performance .depth1 button {
		font-size: 1rem;
		letter-spacing: 0em;
		line-height: 1em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .motion-area .performance .depth1 .menu-title,.innovation .motion-area .performance .depth1 button {
		font-size: 16px;
		letter-spacing: 0em;
		line-height: 16px
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .motion-area .performance .depth1 a {
		font-size: 1.125rem;
		letter-spacing: -0.015em;
		line-height: 1.8333333333em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .motion-area .performance .depth1 a {
		font-size: 18px;
		letter-spacing: -0.015em;
		line-height: 33px
	}
}

@media(max-width: 1299px) {
	.innovation .motion-area .performance .depth2 span:after {
		display: none
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .admin h3 {
		font-size: 1.5625rem;
		letter-spacing: -0.015em;
		line-height: 1.24em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .admin h3 {
		font-size: 25px;
		letter-spacing: -0.015em;
		line-height: 31px
	}
}

@media(max-width: 1299px) {
	.innovation .admin h3 .en {
		font-size: 20px
	}
}

@media(max-width: 1299px) {
	.innovation .admin .description {
		padding-bottom: 30px
	}

	.innovation .admin .description.referTop {
		padding-bottom: 20px
	}
}

@media(max-width: 1299px) {
	.innovation .admin .refer {
		padding-bottom: 20px
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .admin .refer {
		font-size: .8125rem;
		letter-spacing: -0.015em;
		line-height: 1.5384615385em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .admin .refer {
		font-size: 13px;
		letter-spacing: -0.015em;
		line-height: 20px
	}
}

@media(max-width: 1299px) {
	.innovation .admin section .inner {
		padding: 0 min(4.076vw, 15px)
	}
}

@media(max-width: 1299px) {
	.innovation .admin .type {
		padding-bottom: 100px
	}
}

@media(max-width: 1299px) {
	.innovation .admin .type-a .imgTop {
		padding-bottom: 40px
	}

	.innovation .admin .type-a .video_btn {
		padding-bottom: 0
	}
}

@media(max-width: 1299px) {
	.innovation .admin .type-bgImg {
		min-height: auto;
		background-attachment: unset
	}

	.innovation .admin .type-bgImg.m_type2 {
		min-height: auto
	}

	.innovation .admin .type-bgImg.m_type3 {
		min-height: auto
	}

	.innovation .admin .type-bgImg .inner {
		padding: 0 min(4.076vw, 15px) 60px
	}

	.innovation .admin .type-bgImg h3 {
		font-size: 28px
	}
}

@media(max-width: 1299px) {
	.innovation .admin .type-bgColor {
		padding: 0 0 10px
	}
}

@media(max-width: 1299px) {
	.innovation .admin .type-b .text-box {
		width: 100%;
		padding-right: 0
	}

	.innovation .admin .type-b .img-box {
		width: 100%
	}

	.innovation .admin .type-b .img-box .img>div {
		transition: none
	}

	.innovation .admin .type-b .img-box:hover .img>div {
		transform: scale(1.001)
	}
}

@media(max-width: 1299px) {
	.innovation .admin .swiper-pagination {
		bottom: 15px
	}
}

@media(max-width: 1299px) {
	.innovation .admin .swiper-pagination-bullet {
		width: 11px;
		height: 11px;
		margin: 0 min(1.086vw, 4px);
		border-width: 1px
	}
}

@media(max-width: 1299px) {
	.innovation .admin .video_btn .btn_view {
		width: 100%;
		max-width: 100%;
		margin: 0 0 25px 0;
		padding-bottom: 12px;
		border-bottom-width: 1px
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .admin .video_btn .btn_view {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .admin .video_btn .btn_view {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1299px) {
	.innovation .admin .video_btn .btn_view.long {
		margin-bottom: 25px
	}
}

@media(max-width: 1299px) {
	.innovation .admin .video_btn .btn_view:after {
		top: 1px;
		width: 12px;
		height: 12px;
		background-size: 100% auto
	}
}

@media(max-width: 1299px) {
	.innovation .admin .type-case {
		padding-top: 50px
	}

	.innovation .admin .type-case strong {
		margin-bottom: 15px
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .admin .type-case strong {
		font-size: 1.25rem;
		letter-spacing: -0.015em;
		line-height: .8em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .admin .type-case strong {
		font-size: 20px;
		letter-spacing: -0.015em;
		line-height: 16px
	}
}

@media(max-width: 1299px) {
	.innovation .admin .type-case .accordion_list .acco_tit .tit {
		padding: 30px 50px 30px min(5.434vw, 20px)
	}

	.innovation .admin .type-case .accordion_list .acco_tit .num {
		display: none
	}

	.innovation .admin .type-case .accordion_list .acco_tit:after {
		width: 7px;
		height: 7px;
		transform: translateY(-50%) rotate(225deg)
	}

	.innovation .admin .type-case .accordion_list .acco_cont {
		padding: 30px 20px
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .admin .type-case .accordion_list .acco_cont {
		font-size: .9375rem;
		letter-spacing: -0.015em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .admin .type-case .accordion_list .acco_cont {
		font-size: 15px;
		letter-spacing: -0.015em;
		line-height: 23px
	}
}

@media(max-width: 1299px) {
	.innovation .admin .type-case .accordion_list .acco_cont p {
		margin-bottom: 20px
	}
}

@media(max-width: 1299px) {
	.innovation .block {
		display: inline-block
	}
}

@media(max-width: 1299px) {
	.innovation .mo-block {
		display: block
	}
}

@media(max-width: 1299px) {
	.innovation .innovation-anchor {
		border-top: none
	}

	.innovation .innovation-anchor>ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		align-items: center
	}

	.innovation .innovation-anchor .depth1 {
		width: 20%
	}

	.innovation .innovation-anchor .depth1 button {
		padding: min(8.152vw, 30px) min(2.717vw, 10px)
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .innovation-anchor .depth1 button {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.6em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .innovation-anchor .depth1 button {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

@media(max-width: 1299px) {
	.innovation .innovation-anchor .depth1:hover .depth2 {
		display: none
	}
}

@media(max-width: 1299px) {
	.innovation .innovation-anchor .web-anchor {
		display: none
	}
}

@media(max-width: 1299px) {
	.innovation .innovation-anchor .mobile-anchor {
		position: relative;
		display: block;
		background-color: #f5f5f5
	}

	.innovation .innovation-anchor .mobile-anchor.open .depth1 {
		display: block;
		border-bottom: 1px solid #ccc
	}

	.innovation .innovation-anchor .mobile-anchor.open .depth1:last-of-type {
		border-bottom: none
	}

	.innovation .innovation-anchor .mobile-anchor.open .depth1.current a .arrow:before {
		transform: translateY(-50%) rotate(45deg)
	}

	.innovation .innovation-anchor .mobile-anchor ul {
		width: 100%
	}

	.innovation .innovation-anchor .mobile-anchor .depth1 {
		display: none;
		width: 100%
	}

	.innovation .innovation-anchor .mobile-anchor .depth1.current {
		display: block
	}

	.innovation .innovation-anchor .mobile-anchor .depth1.current a {
		color: #54379a
	}

	.innovation .innovation-anchor .mobile-anchor .depth1.current a .arrow:before {
		display: block;
		transform: translateY(-50%) rotate(225deg)
	}

	.innovation .innovation-anchor .mobile-anchor .depth1 a {
		display: block;
		padding: 14px min(4.076vw, 15px);
		color: #222;
		font-weight: 600;
		text-align: left
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .innovation-anchor .mobile-anchor .depth1 a {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.6em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .innovation-anchor .mobile-anchor .depth1 a {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

@media(max-width: 1299px) {
	.innovation .innovation-anchor .mobile-anchor .depth1 a .arrow {
		display: block;
		padding-left: 0
	}

	.innovation .innovation-anchor .mobile-anchor .depth1 a .arrow:before {
		display: none
	}
}

@media(max-width: 1299px) {
	.innovation .anchor-title {
		margin-bottom: min(4.076vw, 15px)
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .anchor-title {
		font-size: 1.25rem;
		letter-spacing: -0.015em;
		line-height: 1.1em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .anchor-title {
		font-size: 20px;
		letter-spacing: -0.015em;
		line-height: 22px
	}
}

@media(max-width: 1299px) {
	.innovation .anchor-title span {
		margin-bottom: 0
	}
}

@media(max-width: 1299px) {
	.innovation .circle-motion {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 0 4.347826087%;
		flex-wrap: nowrap;
		max-width: 100%;
		padding: 30px 0 0
	}

	.innovation .circle-motion.four {
		flex-wrap: wrap;
		max-width: 340px;
		width: 100%
	}

	.innovation .circle-motion.four .circle {
		margin-bottom: 20px
	}

	.innovation .circle-motion .circle {
		width: min(28.532vw, 105px);
		height: min(28.532vw, 105px)
	}

	.innovation .circle-motion p {
		padding: 0 min(5.434vw, 20px)
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .circle-motion p {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.3571428571em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .circle-motion p {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 19px
	}
}

@media(max-width: 1299px) {
	.innovation .sec_stf {
		margin: 40px 0 100px
	}

	.innovation .sec_stf .inner {
		padding: 0 min(4.076vw, 15px)
	}

	.innovation .sec_stf .inner:after {
		right: min(10.869vw, 40px);
		width: 12px;
		height: 28px;
		background-size: 100% auto
	}

	.innovation .sec_stf .flex-container {
		padding: 35px min(6.793vw, 25px)
	}

	.innovation .sec_stf .flex-container>div {
		padding-right: min(10.869vw, 40px)
	}

	.innovation .sec_stf img {
		width: 62px;
		height: auto;
		margin-right: 10px
	}

	.innovation .sec_stf p.en {
		margin-bottom: 0
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.innovation .sec_stf p.en {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1.25em
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.innovation .sec_stf p.en {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 25px
	}
}

@media(max-width: 1299px) {
	.innovation .sec_stf p.ko {
		display: none
	}
}

@media(max-width: 1299px) {
	.innovation .bottom-banner {
		padding: 40px min(8.152vw, 30px) 30px min(4.076vw, 15px);
		background-size: cover
	}

	.innovation .bottom-banner .left {
		width: calc(100% - 180px);
		padding-bottom: 30px;
		padding-right: 10px
	}

	.innovation .bottom-banner .left h4 {
		padding-bottom: 7px
	}

	.innovation .bottom-banner .btn_wrap {
		width: 165px
	}

	.innovation .bottom-banner .btn_wrap .btn:after {
		right: 15px
	}
}

@media(max-width: 1299px) {
	.innovation.solution .motion-area .performanceWrap {
		background-color: #000
	}

	.innovation.solution .admin section {
		padding-top: 100px
	}

	.innovation.solution .admin section:first-of-type {
		padding-top: 0
	}

	.innovation.solution .admin section:first-of-type .inner {
		padding-top: 68px
	}
}

@media(max-width: 1299px) {
	.innovation.epc .motion-area .our-strategy .flex-item {
		width: 100%
	}

	.innovation.epc .motion-area .performanceWrap {
		background-color: #e1eed5
	}

	.innovation.epc .motion-area .performanceWrap .title-wrap h2 {
		font-size: 44px;
		letter-spacing: -0.01em;
		line-height: 49px;
		text-align: center
	}

	.innovation.epc .motion-area .our-performance .title-wrap {
		padding-bottom: 20px
	}

	.innovation.epc .motion-area .performance .depth1 {
		width: 100%
	}

	.innovation.epc .motion-area .performance .depth1>div {
		display: block
	}

	.innovation.epc .motion-area .performance .depth1 .menu-title,.innovation.epc .motion-area .performance .depth1 button {
		width: 100%;
		text-align: center
	}

	.innovation.epc .motion-area .performance .depth1 .menu-title>span,.innovation.epc .motion-area .performance .depth1 button>span {
		padding-left: 0
	}

	.innovation.epc .motion-area .performance .depth1 .menu-title .block,.innovation.epc .motion-area .performance .depth1 button .block {
		padding-left: 0
	}

	.innovation.epc .motion-area .performance .depth1 .menu-title .num,.innovation.epc .motion-area .performance .depth1 button .num {
		position: static;
		line-height: inherit
	}

	.innovation.epc .motion-area .performance .depth2 {
		width: 100%
	}

	.innovation.epc .motion-area .performance .depth2 li {
		margin-bottom: 15px
	}

	.innovation.epc .motion-area .performance .depth2 a {
		line-height: 23px
	}

	.innovation.epc .admin section {
		margin-bottom: 100px
	}

	.innovation.epc .admin section:first-of-type .type-bgImg .inner {
		padding-top: 68px
	}

	.innovation.epc .admin section:last-of-type {
		margin-bottom: 40px
	}

	.innovation.epc .admin .type-case {
		padding-top: 50px
	}

	.innovation.epc .innovation-anchor .depth1:nth-child(3)>button,.innovation.epc .innovation-anchor .depth1:nth-child(3)>a {
		padding: 14px min(4.076vw, 15px)
	}

	.innovation.epc .innovation-anchor .depth1:nth-child(3)>button .arrow,.innovation.epc .innovation-anchor .depth1:nth-child(3)>a .arrow {
		width: 100%
	}

	.innovation.epc .innovation-anchor .depth1:nth-child(3)>button .arrow:before,.innovation.epc .innovation-anchor .depth1:nth-child(3)>a .arrow:before {
		right: 3px
	}
}

@media(max-width: 767px) {
	.innovation .motion-area .parallax-wrap {
		width: 100%;
		height: 100%;
		margin-bottom: 0;
		background-color: #0e033a;
		z-index: 0
	}

	.innovation .motion-area .parallax-wrap .top-visual-inner {
		width: 100%;
		height: 0;
		padding-top: 160%;
		margin-bottom: 0;
		z-index: 1
	}

	.innovation .motion-area .our-strategy {
		padding: 80px 0;
		height: 100%
	}

	.innovation .motion-area .our-strategy h2 {
		margin-bottom: 15px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.innovation .motion-area .our-strategy h2 {
		font-size: 2.0625rem;
		letter-spacing: -0.015em;
		line-height: 1.0909090909em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.innovation .motion-area .our-strategy h2 {
		font-size: 33px;
		letter-spacing: -0.015em;
		line-height: 36px
	}
}

@media(max-width: 767px) {
	.innovation .motion-area .our-strategy .paragraph {
		margin-bottom: 35px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.innovation .motion-area .our-strategy .paragraph p {
		font-size: .9375rem;
		letter-spacing: -0.015em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.innovation .motion-area .our-strategy .paragraph p {
		font-size: 15px;
		letter-spacing: -0.015em;
		line-height: 20px
	}
}

@media(max-width: 767px) {
	.innovation .motion-area .our-strategy .flex-item {
		width: 100%;
		padding: 0 min(4.076vw, 15px)
	}
}

@media(max-width: 767px) {
	.innovation .motion-area .our-strategy .img-wrap {
		height: min(95.652vw, 352px)
	}
}

@media(max-width: 767px) {
	.innovation .circle-motion {
		padding: 0
	}

	.innovation .circle-motion .circle {
		border: 1px solid #77b540
	}

	.innovation .circle-motion .circle:before {
		background-color: rgba(119,181,64,.1)
	}

	.innovation .circle-motion .circle:after {
		background-color: rgba(119,181,64,.08)
	}
}

@media(max-width: 767px) {
	.innovation .admin .type-bgImg {
		background-image: none !important
	}

	.innovation .admin .type-bgImg .inner {
		padding: 0 min(4.076vw, 15px)
	}

	.innovation .admin .type-bgImg h3 {
		text-align: left;
		color: #222
	}

	.innovation .admin .type-bgImg p {
		text-align: left;
		color: #222
	}

	.innovation .admin .type-bgImg .mo-img-box {
		position: relative;
		display: block;
		width: 100%;
		height: 0;
		padding-top: 50.289%;
		margin-bottom: 20px
	}

	.innovation .admin .type-bgImg .mo-img-box img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.innovation .admin .type-bgImg .circle-motion p {
		color: #77b540;
		font-weight: 600;
		text-align: center
	}
}

@media(max-width: 767px) {
	.innovation.epc .anchor-wrap {
		height: 54px
	}

	.innovation.epc .innovation-anchor .mobile-anchor .depth1.current a {
		color: #77b540
	}

	.innovation.epc .innovation-anchor .depth1>button,.innovation.epc .innovation-anchor .depth1>a {
		padding: 20px 0 15px 20px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.innovation.epc .innovation-anchor .depth1>button,.innovation.epc .innovation-anchor .depth1>a {
		font-size: 1rem;
		letter-spacing: 0em;
		line-height: 1.125em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.innovation.epc .innovation-anchor .depth1>button,.innovation.epc .innovation-anchor .depth1>a {
		font-size: 16px;
		letter-spacing: 0em;
		line-height: 18px
	}
}

@media(max-width: 767px) {
	.innovation.epc .innovation-anchor .depth1>button span:before,.innovation.epc .innovation-anchor .depth1>a span:before {
		right: 15px
	}
}

@media(max-width: 767px) {
	.innovation.epc .innovation-anchor .depth1:nth-child(3)>button,.innovation.epc .innovation-anchor .depth1:nth-child(3)>a {
		padding: 20px 0 min(4.076vw, 15px) 20px
	}

	.innovation.epc .innovation-anchor .depth1:nth-child(3)>button .arrow,.innovation.epc .innovation-anchor .depth1:nth-child(3)>a .arrow {
		width: 100%
	}

	.innovation.epc .innovation-anchor .depth1:nth-child(3)>button .arrow:before,.innovation.epc .innovation-anchor .depth1:nth-child(3)>a .arrow:before {
		right: 15px
	}
}

@media(max-width: 767px) {
	.innovation.epc .bottom-banner {
		background-image: url("/resources/en/images/business/innovation/epc/m/banner_TM.jpg")
	}
}

@media(max-width: 767px) {
	.innovation.solution .anchor-wrap {
		height: 60px
	}

	.innovation.solution .bottom-banner {
		background-image: url("/resources/en/images/business/innovation/solution/m/banner_TM.jpg")
	}
}

@media(max-width: 767px) {
	.innovation .bottom-banner .left {
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
		text-align: left
	}

	.innovation .bottom-banner .btn_wrap {
		margin: 0
	}

	.innovation .bottom-banner .btn_wrap .btn:hover {
		background-color: #fff
	}
}

.about_us .dot_list li {
	padding-left: 10px;
	position: relative
}

.about_us .dot_list li:before {
	display: block;
	position: absolute;
	top: 15px;
	left: 0;
	width: 4px;
	height: 4px;
	content: "";
	background-color: #004480
}

@media(max-width: 1023px) {
	.about_us .dot_list li {
		padding-left: 8px
	}

	.about_us .dot_list li:before {
		top: 8px;
		width: 2px;
		height: 2px
	}
}

.leadership .ceo {
	margin-bottom: min(8.333vw, 160px)
}

.leadership .ceo .flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center
}

.leadership .ceo .flex-container .ceo-img {
	align-self: end;
	width: 51.9%
}

.leadership .ceo .intro {
	margin-bottom: min(1.25vw, 24px);
	padding: 0 min(3.645vw, 70px);
	background: #f0f0f0
}

.leadership .ceo .intro:last-child {
	margin-bottom: 0
}

.leadership .ceo .career {
	width: 47.17%;
	padding: min(1.718vw, 33px) 0
}

@media(min-width: 1024px) {
	.leadership .ceo .career li {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.7em
	}
}

@media(max-width: 1023px) {
	.leadership .ceo .career li {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

.leadership .ceo .career li .year {
	left: 8px
}

.leadership .ceo .career li .year:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -7px;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	background-color: #222
}

.leadership .directors .intro>div {
	margin-bottom: min(4.166vw, 80px)
}

.leadership .directors .intro>div:last-child {
	margin-bottom: 0
}

.leadership .directors .flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: normal;
	gap: 0 2%
}

.leadership .directors .director-img {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 118.18%
}

.leadership .directors .director-img>div {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	height: auto
}

.leadership .directors .director-img img {
	width: 100%;
	height: auto
}

.leadership .directors .director {
	width: 32%;
	background: #f8f8f8
}

.leadership .directors .director .text-box {
	padding: min(2.083vw, 40px) min(1.562vw, 30px);
	cursor: pointer
}

.leadership .directors .director .text-box .name {
	position: relative
}

.leadership .directors .director .text-box .name:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%) rotate(0);
	width: 24px;
	height: 24px;
	background: url("../images/ico_plus_b.svg") 0 0 no-repeat;
	background-size: cover;
	transition: transform .6s
}

@media(min-width: 1024px) {
	.leadership .directors .director .text-box:hover .name:after {
		transform: translateY(-50%) rotate(90deg)
	}
}

.leadership .directors .director.on.director {
	background: #004480
}

.leadership .directors .director.on .text-box .name:after {
	width: 24px;
	height: 2px;
	transform: translateY(-50%) rotate(0);
	background: url("../images/ico_minus_w.svg") 0 0 no-repeat;
	background-size: cover;
	transition: none
}

.leadership .directors .director.on p {
	color: #fff
}

.leadership .directors .text-box .name {
	margin-bottom: min(0.52vw, 10px);
	color: #222;
	font-weight: bold
}

@media(min-width: 1024px) {
	.leadership .directors .text-box .name {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1.0666666667em
	}
}

@media(max-width: 1023px) {
	.leadership .directors .text-box .name {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

@media(min-width: 1024px) {
	.leadership .directors .text-box .position {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.6em
	}
}

@media(max-width: 1023px) {
	.leadership .directors .text-box .position {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.leadership .directors .career {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	margin-top: min(1.25vw, 24px);
	padding: min(2.447vw, 47px) 0 min(2.916vw, 56px);
	border-top: 2px solid #004480;
	background: #f8f8f8
}

.leadership .directors .career h4 {
	width: min(20vw, 384px);
	padding-left: min(2.812vw, 54px);
	padding-right: min(2.604vw, 50px);
	line-height: 1.0666666667em;
	border-right: 2px solid #ddd
}

.leadership .directors .career ul {
	width: min(42.5vw, 816px);
	padding-left: min(2.812vw, 54px);
	padding-right: min(2.604vw, 50px)
}

.leadership .career {
	color: #222
}

.leadership .career .name {
	margin-bottom: min(0.781vw, 15px);
	font-weight: bold
}

@media(min-width: 1024px) {
	.leadership .career .name {
		font-size: 2.5rem;
		letter-spacing: -0.03em;
		line-height: .8em
	}
}

@media(max-width: 1023px) {
	.leadership .career .name {
		font-size: 40px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.leadership .career .description {
	color: #222
}

@media(min-width: 1024px) {
	.leadership .career .description {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.7em
	}
}

@media(max-width: 1023px) {
	.leadership .career .description {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

.leadership .career .position {
	margin-bottom: min(1.302vw, 25px);
	font-weight: bold
}

@media(min-width: 1024px) {
	.leadership .career .position {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.leadership .career .position {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.leadership .career li {
	position: relative;
	padding-left: 85px
}

@media(min-width: 1024px) {
	.leadership .career li {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.7em
	}
}

@media(max-width: 1023px) {
	.leadership .career li {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

.leadership .career li .year {
	position: absolute;
	top: 0;
	left: 0;
	margin-right: min(0.52vw, 10px);
	font-weight: 600
}

@media(max-width: 1023px) {
	.leadership .ceo {
		margin-bottom: 80px
	}

	.leadership .ceo .flex-container .ceo-img {
		height: auto
	}

	.leadership .ceo .flex-container .ceo-img img {
		width: 100%;
		height: auto
	}

	.leadership .ceo .intro {
		margin-bottom: 20px;
		padding: 0 30px
	}

	.leadership .ceo .career .name {
		margin-bottom: 7px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.leadership .ceo .career .name {
		font-size: 1.5625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.leadership .ceo .career .name {
		font-size: 25px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.leadership .ceo .career .position {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.leadership .ceo .career .position {
		font-size: 1.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.leadership .ceo .career .position {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.leadership .ceo .career .description {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.6428571429em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.leadership .ceo .career .description {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.leadership .ceo .career li {
		margin-top: 2px;
		padding-left: 65px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.leadership .ceo .career li {
		font-size: .9375rem;
		letter-spacing: -0.015em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.leadership .ceo .career li {
		font-size: 15px;
		letter-spacing: -0.015em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.leadership .ceo .career li .year:before {
		width: 2px;
		height: 2px
	}
}

@media(max-width: 1023px) {
	.leadership .directors .intro>div {
		margin-bottom: 40px
	}

	.leadership .directors .director .text-box {
		padding: 20px 15px
	}

	.leadership .directors .director .text-box:after {
		width: 14px;
		height: 14px
	}

	.leadership .directors .director.on .text-box:after {
		width: 14px
	}

	.leadership .directors .text-box .name {
		margin-bottom: 7px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.leadership .directors .text-box .name {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: .8em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.leadership .directors .text-box .name {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 16px
	}
}

@media(max-width: 1023px) {
	.leadership .directors .text-box .position {
		padding-right: 40px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.leadership .directors .text-box .position {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.4666666667em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.leadership .directors .text-box .position {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.leadership .directors .career {
		margin-top: 12px;
		padding: 30px
	}

	.leadership .directors .career h4 {
		width: 30%;
		padding-left: 0;
		padding-right: 0;
		border-right: 1px solid #ddd
	}

	.leadership .directors .career ul {
		width: 70%;
		padding-left: 30px;
		padding-right: 30px
	}

	.leadership .directors .career ul li {
		padding-left: 60px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.leadership .directors .career ul li {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.4666666667em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.leadership .directors .career ul li {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.leadership .directors .career ul li .year {
		margin-right: 15px
	}
}

@media(max-width: 767px) {
	.leadership .ceo .flex-container .ceo-img {
		width: 100%;
		margin-right: 0
	}

	.leadership .ceo .intro {
		padding: 0
	}

	.leadership .ceo .career {
		width: 100%;
		padding-top: 30px;
		padding-bottom: 0;
		background-color: #fff
	}

	.leadership .ceo .career li {
		padding-left: 65px
	}

	.leadership .directors {
		gap: 0
	}

	.leadership .directors .intro>div {
		margin-bottom: 40px
	}

	.leadership .directors .box3 .flex-container>div:last-of-type {
		margin-bottom: 0
	}

	.leadership .directors .director {
		width: 100%;
		margin-bottom: 40px
	}

	.leadership .directors .director:last-child {
		margin-bottom: 0
	}

	.leadership .directors .director.on {
		margin-bottom: 12px
	}

	.leadership .directors .director.on:last-child {
		margin-bottom: 12px
	}

	.leadership .directors .director .text-box:after {
		right: min(4.076vw, 15px)
	}

	.leadership .directors .career {
		display: block;
		width: 100%;
		margin-top: 0;
		margin-bottom: 40px;
		padding: 25px min(5.434vw, 20px);
		border-top: none
	}

	.leadership .directors .career h4 {
		margin-bottom: 10px;
		width: 100%;
		border-right: none
	}

	.leadership .directors .career ul {
		width: 100%;
		padding: 0
	}
}

.global_office .dot_list li:before {
	top: 12px
}

@media(max-width: 1023px) {
	.global_office .dot_list li:before {
		top: 8px
	}
}

.global_office .map_wrap {
	padding: min(3.125vw, 60px) 0 min(2.083vw, 40px);
	margin-bottom: min(6.25vw, 120px);
	background-color: #cfe6f6
}

.global_office .map_wrap .map_inner {
	position: relative;
	margin: 0 auto;
	width: 1200px;
	height: 601px
}

.global_office .map_wrap .map_inner .map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("/resources/en/images/about_us/global_office/map.png") 0 0 no-repeat
}

.global_office .map_wrap .map_inner .map_info {
	position: relative;
	width: 100%;
	height: 100%
}

.global_office .map_wrap .map_inner .dot_wrap {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.global_office .map_wrap .map_inner .dot_wrap .spot {
	display: block;
	position: absolute
}

.global_office .map_wrap .map_inner .dot_wrap .spot.on.paused .dot {
	opacity: .5
}

.global_office .map_wrap .map_inner .dot_wrap .spot.on .dot>span::before {
	opacity: 1;
	background: url("/resources/en/images/about_us/global_office/bg_dot.png") 0 0 no-repeat;
	background-size: cover;
	animation: dotScale 1.8s infinite linear
}

.global_office .map_wrap .map_inner .dot_wrap .spot.on:hover .dot {
	background-color: #922efb
}

.global_office .map_wrap .map_inner .dot_wrap .spot.on:hover .dot>span::before {
	background-image: url("/resources/en/images/about_us/global_office/bg_dot_on.png")
}

.global_office .map_wrap .map_inner .dot_wrap .spot.pos1 {
	z-index: 10;
	top: 260px;
	left: 467px;
	width: min(4.5vw, 54px);
	height: min(12.5vw, 150px)
}

.global_office .map_wrap .map_inner .dot_wrap .spot.pos2 {
	z-index: 1;
	top: 60px;
	left: 295px;
	width: min(14.166vw, 170px);
	height: min(31.166vw, 374px)
}

.global_office .map_wrap .map_inner .dot_wrap .spot.pos3 {
	z-index: 10;
	top: 245px;
	left: 163px;
	width: min(10.416vw, 125px);
	height: min(10.916vw, 131px)
}

.global_office .map_wrap .map_inner .dot_wrap .spot.pos4 {
	z-index: 1;
	top: 90px;
	left: 20px;
	width: min(12.5vw, 150px);
	height: min(15.5vw, 186px)
}

.global_office .map_wrap .map_inner .dot_wrap .spot.pos5 {
	z-index: 1;
	top: 280px;
	left: 0;
	width: min(13.333vw, 160px);
	height: min(17.5vw, 210px)
}

.global_office .map_wrap .map_inner .dot_wrap .spot.pos6 {
	z-index: 1;
	top: 63px;
	right: 123px;
	width: min(26.916vw, 323px);
	height: min(25.416vw, 305px)
}

.global_office .map_wrap .map_inner .dot_wrap .spot_inner {
	position: relative
}

.global_office .map_wrap .map_inner .dot_wrap .spot_inner .dot {
	z-index: 1;
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: #539df1;
	border-radius: 50%
}

.global_office .map_wrap .map_inner .dot_wrap .spot_inner .dot>span {
	display: inline-block;
	text-indent: -9999px;
	left: -13px;
	top: -13px;
	width: 34px;
	height: 34px;
	position: relative;
	position: relative
}

.global_office .map_wrap .map_inner .dot_wrap .spot_inner .dot>span:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 2;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	animation: none
}

.global_office .map_wrap .map_inner .dot_wrap .spot_inner .dot>span:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 3;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	animation: none
}

.global_office .map_wrap .map_inner .dot_wrap .spot1 .dot1 {
	left: 22px;
	top: 23px
}

.global_office .map_wrap .map_inner .dot_wrap .spot2 .dot1 {
	left: 35px;
	top: 252px
}

.global_office .map_wrap .map_inner .dot_wrap .spot2 .dot2 {
	left: 127px;
	top: 273px
}

.global_office .map_wrap .map_inner .dot_wrap .spot2 .dot3 {
	left: 108px;
	top: 296px
}

.global_office .map_wrap .map_inner .dot_wrap .spot2 .dot4 {
	left: 128px;
	top: 356px
}

.global_office .map_wrap .map_inner .dot_wrap .spot2 .dot5 {
	left: 170px;
	top: 242px
}

.global_office .map_wrap .map_inner .dot_wrap .spot2 .dot6 {
	left: 114px;
	top: 330px
}

.global_office .map_wrap .map_inner .dot_wrap .spot3 .dot1 {
	left: 50px;
	top: 47px
}

.global_office .map_wrap .map_inner .dot_wrap .spot3 .dot2 {
	left: 63px;
	top: 70px
}

.global_office .map_wrap .map_inner .dot_wrap .spot3 .dot3 {
	left: 72px;
	top: 78px
}

.global_office .map_wrap .map_inner .dot_wrap .spot3 .dot4 {
	left: 90px;
	top: 82px
}

.global_office .map_wrap .map_inner .dot_wrap .spot4 .dot1 {
	left: 84px;
	top: 160px
}

.global_office .map_wrap .map_inner .dot_wrap .spot4 .dot2 {
	left: 113px;
	top: 145px
}

.global_office .map_wrap .map_inner .dot_wrap .spot5 .dot1 {
	left: 80px;
	top: 8px
}

.global_office .map_wrap .map_inner .dot_wrap .spot6 .dot1 {
	right: 132px;
	top: 275px
}

.global_office .map_wrap .map_inner .dot_wrap .spot6 .dot2 {
	right: 122px;
	top: 242px
}

@keyframes AniGrident {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 300% 0
	}
}

@keyframes dotScale {
	0% {
		transform: translate(-50%, -50%) scale(0.2)
	}

	50% {
		transform: translate(-50%, -50%) scale(1)
	}

	100% {
		transform: translate(-50%, -50%) scale(0.2)
	}
}

@keyframes hoverDotScale {
	0% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(0)
	}

	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1)
	}
}

.global_office .office_list .office_area {
	margin-bottom: min(7.083vw, 136px)
}

.global_office .office_list .office_area:last-of-type {
	margin-bottom: 0
}

.global_office .office_list .office_area .flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.global_office .office_list .office_area .box {
	position: relative;
	width: 49%;
	min-height: min(17.395vw, 334px);
	margin-bottom: min(1.25vw, 24px);
	padding: min(2.083vw, 40px) min(2.083vw, 40px) min(1.822vw, 35px);
	background-color: #f3f7fa
}

.global_office .office_list .office_area .box .tit {
	padding-bottom: min(1.302vw, 25px);
	font-weight: 600;
	color: #222
}

@media(min-width: 1024px) {
	.global_office .office_list .office_area .box .tit {
		font-size: 1.625rem;
		letter-spacing: -0.03em;
		line-height: 1.3076923077em
	}
}

@media(max-width: 1023px) {
	.global_office .office_list .office_area .box .tit {
		font-size: 26px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

.global_office .office_list .office_area .flag {
	padding-bottom: min(1.041vw, 20px)
}

.global_office .office_list .office_area .flag span {
	display: inline-block;
	min-width: min(4.375vw, 84px);
	margin-right: 5px;
	padding: min(0.364vw, 7px) min(0.625vw, 12px) min(0.312vw, 6px);
	color: #222;
	font-weight: 600;
	text-align: center;
	background-color: #fff;
	border: 1px solid #888;
	border-radius: 5px
}

.global_office .office_list .office_area .flag span.name {
	color: #004480;
	border-color: #004480
}

@media(min-width: 1024px) {
	.global_office .office_list .office_area .info li {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.6666666667em
	}
}

@media(max-width: 1023px) {
	.global_office .office_list .office_area .info li {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.global_office .office_list .office_area .info li a:hover {
	color: #004480
}

.global_office .office_list .office_area .btn_map {
	position: absolute;
	bottom: min(1.562vw, 30px);
	right: min(2.083vw, 40px);
	width: min(3.333vw, 64px);
	height: min(3.333vw, 64px);
	background-color: #fff;
	border-radius: 50%;
	text-align: right
}

.global_office .office_list .office_area .btn_map:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
	height: 32px;
	background: url("/resources/en/images/about_us/global_office/ico_map_b.svg") 0 0 no-repeat;
	background-size: cover
}

.global_office .office_list .office_area .btn_map:hover {
	background-color: #004480
}

.global_office .office_list .office_area .btn_map:hover:after {
	background: url("/resources/en/images/about_us/global_office/ico_map_w.svg") 0 0 no-repeat;
	background-size: cover
}

.global_office .office_list .office_area .btn_linkedin {
	position: absolute;
	bottom: min(1.562vw, 30px);
	right: min(6.458vw, 124px);
	width: min(3.333vw, 64px);
	height: min(3.333vw, 64px);
	background-color: #fff;
	border-radius: 50%;
	text-align: right
}

.global_office .office_list .office_area .btn_linkedin:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 31px;
	height: 32px;
	background: url("/resources/en/images/about_us/global_office/ico_linkedin_b.svg") 0 0 no-repeat;
	background-size: cover
}

.global_office .office_list .office_area .btn_linkedin:hover {
	background-color: #004480
}

.global_office .office_list .office_area .btn_linkedin:hover:after {
	background: url("/resources/en/images/about_us/global_office/ico_linkedin_w.svg") 0 0 no-repeat;
	background-size: cover
}

.global_office .office_list .office_area .btn_popup {
	position: absolute;
	bottom: min(1.562vw, 30px);
	right: min(6.458vw, 124px);
	width: min(6.562vw, 126px);
	height: min(3.125vw, 60px);
	padding: min(1.041vw, 20px) 0;
	background-color: #fff;
	text-align: center;
	border-radius: 30px;
	font-weight: 500;
	color: #222
}

@media(min-width: 1024px) {
	.global_office .office_list .office_area .btn_popup {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.global_office .office_list .office_area .btn_popup {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.global_office .office_list .office_area .btn_popup:hover {
	color: #fff;
	background-color: #004480
}

.global_office .office_list .office_area .interval {
	right: min(10.833vw, 208px)
}

@media(max-width: 1279px) {
	.global_office::before {
		content: none
	}

	.global_office .office_list .office_area .btn_map {
		width: min(4.531vw, 58px);
		height: min(4.531vw, 58px)
	}

	.global_office .office_list .office_area .btn_map:after {
		width: 21px;
		height: 27px;
		background-size: 100% auto
	}

	.global_office .office_list .office_area .btn_map:hover:after {
		background-size: contain
	}

	.global_office .office_list .office_area .btn_linkedin {
		right: min(7.812vw, 100px);
		width: min(4.531vw, 58px);
		height: min(4.531vw, 58px)
	}

	.global_office .office_list .office_area .btn_linkedin:after {
		width: 21px;
		height: 27px;
		background-size: 100% auto
	}

	.global_office .office_list .office_area .btn_linkedin:hover:after {
		background-size: contain
	}

	.global_office .office_list .office_area .btn_popup {
		right: min(7.812vw, 100px);
		width: min(8.593vw, 110px);
		height: min(3.906vw, 50px);
		padding: 15px 0
	}

	.global_office .office_list .office_area .interval {
		right: min(13.906vw, 178px)
	}
}

@media(max-width: 1023px) {
	.global_office .top_wrap {
		margin-bottom: 30px
	}

	.global_office .dot_list li {
		padding-left: 10px
	}

	.global_office .dot_list li::before {
		width: 4px;
		height: 4px
	}

	.global_office .map_wrap {
		display: none
	}

	.global_office .office_list .office_area {
		margin-bottom: 80px
	}

	.global_office .office_list .office_area .box {
		min-height: 230px;
		margin-bottom: 20px;
		padding: 20px 20px 70px
	}

	.global_office .office_list .office_area .box .tit {
		padding-bottom: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.global_office .office_list .office_area .box .tit {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.global_office .office_list .office_area .box .tit {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 24px
	}
}

@media(max-width: 1023px) {
	.global_office .office_list .office_area .flag {
		padding-bottom: 15px;
		font-size: 13px
	}

	.global_office .office_list .office_area .flag span {
		min-width: 68px;
		padding: 5px 12px;
		border-radius: 3px
	}
}

@media(max-width: 1023px) {
	.global_office .office_list .office_area .info li {
		margin-top: 5px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.global_office .office_list .office_area .info li {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.global_office .office_list .office_area .info li {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.global_office .office_list .office_area .info li:first-child {
		margin-top: 0
	}
}

@media(max-width: 1023px) {
	.global_office .office_list .office_area .btn_map {
		position: absolute;
		bottom: 20px;
		right: 20px;
		width: 55px;
		height: 55px
	}

	.global_office .office_list .office_area .btn_map:after {
		width: 21px;
		height: 27px;
		background-size: 100% auto
	}

	.global_office .office_list .office_area .btn_map:hover:after {
		background-size: contain
	}
}

@media(max-width: 1023px) {
	.global_office .office_list .office_area .btn_linkedin {
		position: absolute;
		bottom: 20px;
		right: 85px;
		width: 55px;
		height: 55px
	}

	.global_office .office_list .office_area .btn_linkedin:after {
		width: 21px;
		height: 27px;
		background-size: 100% auto
	}

	.global_office .office_list .office_area .btn_linkedin:hover:after {
		background-size: contain
	}
}

@media(max-width: 1023px) {
	.global_office .office_list .office_area .btn_popup {
		position: absolute;
		bottom: 20px;
		right: 85px;
		width: 104px;
		height: 50px;
		padding: 17px 0;
		border-radius: 25px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.global_office .office_list .office_area .btn_popup {
		font-size: .875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.global_office .office_list .office_area .btn_popup {
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.global_office .office_list .office_area .interval {
		right: 150px
	}
}

@media(max-width: 767px) {
	.global_office .office_list .office_area .box {
		margin-top: 20px;
		margin-bottom: 0;
		width: 100%
	}

	.global_office .office_list .office_area .box:first-child {
		margin-top: 0
	}
}

body.over {
	overflow-y: scroll;
	overflow-x: hidden
}

.company_overview {
	position: relative;
	overflow: hidden
}

.company_overview.open .top_wrap {
	z-index: 0;
	opacity: 0;
	transform: translateY(-50px)
}

.company_overview .top_wrap {
	z-index: 10;
	opacity: 1;
	position: relative;
	transform: translateY(0);
	transition: all .3s ease-in-out
}

.company_overview .sec_motion_wrap {
	width: 100vw;
	height: 100vh
}

.company_overview .bg_motion_wrap {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 auto;
	max-width: 1920px;
	width: 100vw;
	height: 100vh
}

.company_overview .bg_motion_wrap.active .bg {
	clip: rect(0vh, 100vw, 100vh, 0vw)
}

.company_overview .bg_motion_wrap.active .tit_wrap h3 {
	background-image: url("/resources/en/images/about_us/company/overview/h3_on.svg");
	transform: translateY(0);
	transition: all .8s ease-out
}

.company_overview .bg_motion_wrap.active .tit_wrap .line {
	opacity: 1;
	height: 80px;
	transition: all .6s ease-out .7s
}

.company_overview .bg_motion_wrap.active .tit_wrap .txt {
	opacity: 1;
	transform: translateY(0);
	transition: all .6s ease-out 1.1s
}

.company_overview .bg_motion_wrap .tit_wrap {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center
}

.company_overview .bg_motion_wrap .tit_wrap h3 {
	margin: 0 auto;
	width: min(50.781vw, 975px);
	height: min(12.916vw, 248px);
	background: url("/resources/en/images/about_us/company/overview/h3.svg") top center no-repeat;
	background-size: cover;
	transform: translateY(206px)
}

.company_overview .bg_motion_wrap .tit_wrap .line {
	opacity: 0;
	display: inline-block;
	margin: min(2.083vw, 40px) auto min(2.604vw, 50px);
	text-align: center;
	width: 1px;
	height: 0;
	max-height: 80px;
	background-color: #fff
}

.company_overview .bg_motion_wrap .tit_wrap .line.long {
	max-height: 120px
}

.company_overview .bg_motion_wrap .tit_wrap .txt {
	opacity: 0;
	color: #fff;
	font-weight: bold;
	transform: translateY(100px)
}

@media(min-width: 1024px) {
	.company_overview .bg_motion_wrap .tit_wrap .txt {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1.4em
	}
}

@media(max-width: 1023px) {
	.company_overview .bg_motion_wrap .tit_wrap .txt {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 42px
	}
}

.company_overview .bg_motion_wrap .tit_wrap .txt .w_block {
	display: block
}

.company_overview .bg_motion_wrap .bg {
	position: absolute;
	transition: all .8s ease-out;
	clip: rect(35vh, 84vw, 61vh, 15vw)
}

.company_overview .bg_motion_wrap .bg .img {
	margin-top: -120px;
	width: 1920px;
	height: 1400px;
	background: url("/resources/en/images/about_us/company/overview/visual_img.jpg") top center no-repeat
}

@media all and (max-width: 1920px) {
	.company_overview .bg_motion_wrap .bg {
		clip: rect(35vh, 84vw, 61vh, 15vw)
	}
}

@media all and (max-width: 1800px) {
	.company_overview .bg_motion_wrap .bg {
		clip: rect(35vh, 92vw, 61vh, 8vw)
	}
}

@media all and (max-width: 1540px) {
	.company_overview .bg_motion_wrap .bg {
		clip: rect(35vh, 95vw, 61vh, 5vw)
	}

	.company_overview .bg_motion_wrap .tit_wrap h3 {
		transform: translateY(164px)
	}
}

@media(min-width: 1024px) {
	.company_overview h3 {
		font-size: 2.5rem;
		letter-spacing: 0em;
		line-height: 1.2em
	}
}

@media(max-width: 1023px) {
	.company_overview h3 {
		font-size: 40px;
		letter-spacing: 0em;
		line-height: 48px
	}
}

.company_overview p {
	color: #222
}

@media(min-width: 1024px) {
	.company_overview p {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.company_overview p {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.company_overview .img {
	overflow: hidden
}

.company_overview .visual_wrap {
	margin: 0 auto min(5.208vw, 100px)
}

.company_overview .visual_wrap .video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}

.company_overview .sec .sec_inner {
	margin-bottom: min(5.208vw, 100px)
}

.company_overview .sec1 {
	padding: min(8.333vw, 160px) 0 min(5.208vw, 100px)
}

.company_overview .sec1 .box_area .img {
	margin-bottom: min(2.083vw, 40px)
}

.company_overview .sec1 .box_area .img_m {
	display: none
}

.company_overview .sec1 .box_area .text_group {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal
}

.company_overview .sec1 .box_area .text_group .text_box {
	width: 49%
}

.company_overview .sec1 .box_area .text_group .text_box+.text_box {
	padding-left: min(2.083vw, 40px)
}

.company_overview .parallax {
	width: 100%;
	transform-style: inherit;
	position: relative
}

.company_overview .parallax:before {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: ""
}

.company_overview .parallax.sec2 {
	transform: translateZ(0);
	padding-top: 0
}

.company_overview .parallax.sec2 .motion_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal
}

.company_overview .parallax.sec2 .motion_wrap .motion_box {
	width: 50%;
	position: relative;
	width: 47.5%
}

.company_overview .parallax.sec2 .motion_wrap .motion_box img {
	width: 100%;
	transition: all .8s
}

.company_overview .parallax.sec2 .motion_wrap .motion_box:hover img {
	transform: scale(1.05)
}

.company_overview .parallax.sec2 .motion_wrap .motion_box p+p {
	margin-bottom: min(1.718vw, 33px)
}

.company_overview .parallax.sec2 .motion_wrap .motion_box2 {
	width: 52.5%;
	padding-left: min(3.125vw, 60px)
}

.company_overview .parallax.parallax2 {
	height: min(32.812vw, 630px);
	position: relative
}

.company_overview .parallax.parallax2:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	background: url("/resources/en/images/about_us/company/overview/parallax_bg.jpg") 50% 50% no-repeat;
	background-size: cover;
	background-attachment: fixed;
	z-index: -3
}

.company_overview .parallax.parallax2 .parallax_inner {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: calc(100% - 40px)
}

.company_overview .parallax.parallax2 .info_list {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: normal;
	width: min(62.5vw, 1200px);
	height: 100%;
	border-left: 1px solid #fff;
	border-left-color: rgba(255,255,255,.2);
	border-right: 1px solid #fff;
	border-right-color: rgba(255,255,255,.2)
}

.company_overview .parallax.parallax2 .info_list li {
	width: 33.33%;
	display: table;
	height: 50%;
	border-left: 1px solid #fff;
	border-left-color: rgba(255,255,255,.2)
}

.company_overview .parallax.parallax2 .info_list li:nth-child(1),.company_overview .parallax.parallax2 .info_list li:nth-child(2),.company_overview .parallax.parallax2 .info_list li:nth-child(3) {
	border-bottom: 1px solid #fff;
	border-bottom-color: rgba(255,255,255,.2)
}

.company_overview .parallax.parallax2 .info_list li:nth-child(3n+1) {
	border-left: none
}

.company_overview .parallax.parallax2 .info_list li .inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.company_overview .parallax.parallax2 .info_list li .inner .title {
	color: #ccc
}

@media(min-width: 1024px) {
	.company_overview .parallax.parallax2 .info_list li .inner .title {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 2.8888888889em
	}
}

@media(max-width: 1023px) {
	.company_overview .parallax.parallax2 .info_list li .inner .title {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 52px
	}
}

.company_overview .parallax.parallax2 .info_list li .inner .num_wrap span {
	display: inline-block;
	color: #fff;
	font-size: 0
}

@media(min-width: 1024px) {
	.company_overview .parallax.parallax2 .info_list li .inner .num_wrap span.num {
		font-size: 4.375rem;
		letter-spacing: 0em;
		line-height: .7428571429em
	}
}

@media(max-width: 1023px) {
	.company_overview .parallax.parallax2 .info_list li .inner .num_wrap span.num {
		font-size: 70px;
		letter-spacing: 0em;
		line-height: 52px
	}
}

@media(min-width: 1024px) {
	.company_overview .parallax.parallax2 .info_list li .inner .num_wrap span.txt {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 2.6em
	}
}

@media(max-width: 1023px) {
	.company_overview .parallax.parallax2 .info_list li .inner .num_wrap span.txt {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 52px
	}
}

.company_overview .parallax.parallax2 .desc {
	position: absolute;
	right: 0;
	bottom: -40px;
	padding: 11px 0;
	width: 100%;
	height: 40px;
	color: #888;
	text-align: center;
	background-color: rgba(0,0,0,.3)
}

@media(min-width: 1024px) {
	.company_overview .parallax.parallax2 .desc {
		font-size: 1rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.company_overview .parallax.parallax2 .desc {
		font-size: 16px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.company_overview .sec_video {
	background: url("/resources/en/images/about_us/company/overview/overview_video_bg.jpg") 50% 50% no-repeat;
	background-size: cover;
	padding: min(8.02vw, 154px) 0
}

.company_overview .sec_video .video_wrap {
	position: relative;
	width: min(62.5vw, 1200px);
	margin: 0 auto
}

.company_overview .sec_video .video_wrap .video_area {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%
}

.company_overview .sec_video .video_wrap .video_area iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.company_overview .sec_video .video_wrap .video_bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	cursor: pointer
}

.company_overview .sec_video .video_wrap .video_bg .ico_video {
	position: absolute;
	left: 50%;
	top: 40%;
	width: 140px;
	height: 140px;
	transform: translate(-50%, -50%)
}

.company_overview .sec_video .video_wrap .video_bg .ico_video .ico1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 140px;
	height: 140px;
	background: url("/resources/en/images/about_us/company/overview/ico_play_txt.svg") 50% 50% no-repeat;
	background-size: cover;
	animation: spin 10s infinite linear
}

.company_overview .sec_video .video_wrap .video_bg .ico_video .ico2 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 36px;
	background: url("/resources/en/images/about_us/company/overview/ico_play.svg") 50% 50% no-repeat;
	background-size: 100% auto;
	transform: translate(-50%, -50%);
	margin-left: 5px
}

.company_overview .sec_tab .sec_inner {
	max-width: 1920px;
	width: min(75vw, 1440px)
}

.company_overview .sec_tab h3 {
	margin-bottom: min(1.875vw, 36px);
	text-align: center
}

.company_overview .sec_tab .tab_box {
	overflow: hidden;
	width: min(75vw, 1440px);
	height: min(29.27vw, 562px)
}

.company_overview .sec_tab .tab_box .title_box {
	float: left;
	width: min(22.916vw, 440px);
	height: 100%;
	padding-top: min(3.125vw, 60px);
	background-color: #004480
}

.company_overview .sec_tab .tab_box .title_box .tab_overview_list li {
	margin-bottom: min(1.562vw, 30px);
	padding-left: min(4.635vw, 89px);
	position: relative
}

.company_overview .sec_tab .tab_box .title_box .tab_overview_list li:last-child {
	margin-bottom: 0
}

.company_overview .sec_tab .tab_box .title_box .tab_overview_list li:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 1px;
	content: "";
	background-color: #fff
}

.company_overview .sec_tab .tab_box .title_box .tab_overview_list li a {
	display: block;
	color: #ccc
}

@media(min-width: 1024px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li a {
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li a {
		font-size: 24px;
		letter-spacing: 0;
		line-height: 1
	}
}

.company_overview .sec_tab .tab_box .title_box .tab_overview_list li a span {
	display: inline-block
}

.company_overview .sec_tab .tab_box .title_box .tab_overview_list li.active {
	position: relative
}

.company_overview .sec_tab .tab_box .title_box .tab_overview_list li.active:before {
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	content: "";
	transition: width .2s
}

.company_overview .sec_tab .tab_box .title_box .tab_overview_list li.active a {
	color: #fff;
	font-weight: 600
}

@media(min-width: 1024px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li.active a {
		font-size: 1.875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li.active a {
		font-size: 30px;
		letter-spacing: 0;
		line-height: 1
	}
}

.company_overview .sec_tab .tab_box .cont_box {
	float: left;
	width: min(52.083vw, 1000px);
	height: 100%
}

.company_overview .sec_tab .tab_box .cont_box .item1 {
	background: url("/resources/en/images/about_us/company/overview/overview_tab_re_img1.jpg") 50% 50% no-repeat
}

.company_overview .sec_tab .tab_box .cont_box .item2 {
	background: url("/resources/en/images/about_us/company/overview/overview_tab_re_img2.jpg") 50% 50% no-repeat
}

.company_overview .sec_tab .tab_box .cont_box .item3 {
	background: url("/resources/en/images/about_us/company/overview/overview_tab_re_img3.jpg") 50% 50% no-repeat
}

.company_overview .sec_tab .tab_box .cont_box .item4 {
	background: url("/resources/en/images/about_us/company/overview/overview_tab_re_img4.jpg") 50% 50% no-repeat
}

.company_overview .sec_tab .tab_box .cont_box .item5 {
	background: url("/resources/en/images/about_us/company/overview/overview_tab_re_img5.jpg") 50% 50% no-repeat
}

.company_overview .sec_tab .tab_box .cont_box .item6 {
	background: url("/resources/en/images/about_us/company/overview/overview_tab_re_img6.jpg") 50% 50% no-repeat
}

.company_overview .sec_tab .tab_box .cont_box .item7 {
	background: url("/resources/en/images/about_us/company/overview/overview_tab_re_img7.jpg") 50% 50% no-repeat
}

.company_overview .sec_tab .tab_box .cont_box .item {
	display: none;
	width: 100%;
	height: 100%;
	padding: min(3.125vw, 60px)
}

.company_overview .sec_tab .tab_box .cont_box .item.active {
	display: block
}

.company_overview .sec_tab .tab_box .cont_box .item .btn_wrap .btn_link {
	width: min(10.104vw, 194px);
	background: rgba(0,0,0,0);
	text-align: left;
	color: #fff
}

.company_overview .sec_tab .tab_box .cont_box .item .btn_wrap .btn_link::after {
	background: url("../images/ico_link_table_w.svg") 100% 50% no-repeat
}

@media(max-width: 1279px) {
	.company_overview .sec_tab .tab_box .title_box {
		padding-top: 40px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li a {
		font-size: 1.25rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li a {
		font-size: 20px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1279px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li.active::before {
		width: 40px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li.active a {
		font-size: 1.625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li.active a {
		font-size: 26px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.company_overview .sec_motion_wrap {
		width: auto;
		height: auto
	}

	.company_overview .sec_motion_wrap .top_wrap {
		margin: 0 auto 30px;
		width: 100%;
		min-height: auto
	}

	.company_overview .bg_motion_wrap {
		position: relative;
		max-width: 100%;
		width: 100%;
		height: 602px
	}

	.company_overview .bg_motion_wrap.active .tit_wrap h3 {
		opacity: 1;
		transform: translateY(0);
		transition: all .6s ease-out
	}

	.company_overview .bg_motion_wrap .bg {
		position: static;
		clip: auto;
		transition: none
	}

	.company_overview .bg_motion_wrap .bg .img {
		margin-top: 0;
		width: 100%;
		height: 602px;
		background-size: cover
	}

	.company_overview .bg_motion_wrap .tit_wrap h3 {
		opacity: 0;
		margin: 0 auto;
		width: min(83.333vw, 640px);
		height: min(22.135vw, 170px);
		background-image: url("/resources/en/images/about_us/company/overview/h3_on.svg");
		background-size: 100% auto;
		transform: translateY(100px)
	}

	.company_overview .bg_motion_wrap .tit_wrap .line_inner {
		display: inline-block;
		width: 1;
		height: 124px;
		background-color: rgba(0,0,0,0)
	}

	.company_overview .bg_motion_wrap .tit_wrap .line {
		margin: 20px auto 25px;
		max-height: 76px
	}

	.company_overview .bg_motion_wrap .tit_wrap .line.long {
		max-height: 76px
	}

	.company_overview .bg_motion_wrap .tit_wrap .txt {
		transform: translateY(100px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.company_overview .bg_motion_wrap .tit_wrap .txt {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.3888888889em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.company_overview .bg_motion_wrap .tit_wrap .txt {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 25px
	}
}

@media(max-width: 1023px) {
	.company_overview .mouse_ico {
		display: none
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.company_overview h3 {
		font-size: 1.5625rem;
		letter-spacing: 0em;
		line-height: 1.4em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.company_overview h3 {
		font-size: 25px;
		letter-spacing: 0em;
		line-height: 35px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.company_overview p {
		font-size: .9375rem;
		letter-spacing: -0.015em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.company_overview p {
		font-size: 15px;
		letter-spacing: -0.015em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.company_overview .sec .sec_inner {
		margin-bottom: 50px
	}
}

@media(max-width: 1023px) {
	.company_overview .sec1 {
		padding: 60px 0
	}

	.company_overview .sec1 .box_area .img {
		margin-bottom: 30px
	}

	.company_overview .sec1 .box_area .text_group .text_box {
		width: 100%;
		margin-bottom: 25px
	}

	.company_overview .sec1 .box_area .text_group .text_box+.text_box {
		padding-left: 0;
		margin-bottom: 0
	}
}

@media(max-width: 1023px) {
	.company_overview .parallax.sec2 .motion_wrap .motion_box {
		width: 49%
	}

	.company_overview .parallax.sec2 .motion_wrap .motion_box p+p {
		margin-bottom: 35px
	}

	.company_overview .parallax.sec2 .motion_wrap .motion_box2 {
		padding-left: min(2.994vw, 23px)
	}

	.company_overview .parallax.parallax2 {
		height: 360px
	}

	.company_overview .parallax.parallax2 .info_list li .inner .title {
		margin-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.company_overview .parallax.parallax2 .info_list li .inner .title {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.company_overview .parallax.parallax2 .info_list li .inner .title {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.company_overview .parallax.parallax2 .info_list li .inner .num_wrap span.num {
		font-size: 2.5rem;
		letter-spacing: 0em;
		line-height: 1em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.company_overview .parallax.parallax2 .info_list li .inner .num_wrap span.num {
		font-size: 40px;
		letter-spacing: 0em;
		line-height: 40px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.company_overview .parallax.parallax2 .info_list li .inner .num_wrap span.txt {
		font-size: .9375rem;
		letter-spacing: -0.015em;
		line-height: 1.6em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.company_overview .parallax.parallax2 .info_list li .inner .num_wrap span.txt {
		font-size: 15px;
		letter-spacing: -0.015em;
		line-height: 24px
	}
}

@media(max-width: 1023px) {
	.company_overview .parallax.parallax2 .desc {
		color: #ccc
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.company_overview .parallax.parallax2 .desc {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.company_overview .parallax.parallax2 .desc {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 14px
	}
}

@media(max-width: 1023px) {
	.company_overview .sec_video {
		padding: 80px 0
	}

	.company_overview .sec_video .video_wrap {
		width: min(78.125vw, 600px)
	}

	.company_overview .sec_video .video_wrap .video_bg .ico_video {
		width: 70px;
		height: 70px
	}

	.company_overview .sec_video .video_wrap .video_bg .ico_video .ico1 {
		width: 70px;
		height: 70px
	}

	.company_overview .sec_video .video_wrap .video_bg .ico_video .ico2 {
		width: 15px;
		height: 18px;
		margin-left: 2px
	}
}

@media(max-width: 1023px) {
	.company_overview .sec_tab .sec_inner {
		max-width: 1240px;
		width: auto
	}

	.company_overview .sec_tab h3 {
		margin-bottom: 15px
	}

	.company_overview .sec_tab .tab_box {
		width: 100%;
		height: 100%
	}

	.company_overview .sec_tab .tab_box .title_box {
		float: none;
		width: 100%;
		height: 100%;
		padding: 25px 0
	}

	.company_overview .sec_tab .tab_box .title_box .tab_overview_list {
		width: 350px;
		margin: 0 auto;
		font-size: 0
	}

	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li {
		display: inline-block;
		margin-bottom: 0;
		padding: 2px 0
	}

	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li+li a {
		position: relative
	}

	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li+li a:before {
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		width: 1px;
		height: 26px;
		content: "";
		background-color: #fff;
		transform: translate(0, -50%);
		opacity: .4
	}

	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li:nth-child(3) a::before,.company_overview .sec_tab .tab_box .title_box .tab_overview_list li:nth-child(6) a::before {
		width: 0
	}

	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li a {
		padding: 0 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li a {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li a {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li a span {
		padding: 10px 0;
		position: relative
	}

	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li a span:before {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		width: 0;
		height: 1px;
		content: "";
		background-color: #fff
	}
}

@media(max-width: 1023px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li.active::before {
		content: none
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li.active a {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li.active a {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li.active a span {
		position: relative
	}

	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li.active a span:before {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		content: ""
	}
}

@media(max-width: 1023px) {
	.company_overview .sec_tab .tab_box .cont_box {
		float: none;
		width: 100%;
		height: 562px
	}

	.company_overview .sec_tab .tab_box .cont_box .item {
		display: none;
		width: 100%;
		padding: 25px 20px
	}

	.company_overview .sec_tab .tab_box .cont_box .item .btn_wrap .btn_link::after {
		background: url("/resources/en/images/about_us/company/overview/m/ico_arr.svg") 50% 50% no-repeat;
		right: 15px;
		width: 7px;
		height: 12px;
		background-size: cover
	}
}

@media(max-width: 767px) {
	.company_overview .sec_motion_wrap .tit_wrap .txt .w_block {
		display: inline
	}

	.company_overview .sec_motion_wrap .tit_wrap .txt .m_block {
		display: block
	}

	.company_overview .bg_motion_wrap .bg {
		width: 100%;
		height: 100%
	}

	.company_overview .bg_motion_wrap .bg .img {
		width: 100%;
		height: 100%;
		background-image: url("/resources/en/images/about_us/company/overview/m/visual_img.jpg");
		background-size: cover
	}

	.company_overview .sec1 .box_area .img {
		display: none
	}

	.company_overview .sec1 .box_area .img_m {
		display: block
	}

	.company_overview .parallax.sec2 .motion_wrap .motion_box {
		width: 100%
	}

	.company_overview .parallax.sec2 .motion_wrap .motion_box .img {
		margin-bottom: 30px
	}

	.company_overview .parallax.sec2 .motion_wrap .motion_box2 {
		padding-left: 0
	}

	.company_overview .parallax.sec2 .motion_wrap .btn_wrap .btn_download {
		display: block;
		width: 250px;
		margin: 0 auto
	}

	.company_overview .parallax.parallax2 {
		padding-bottom: 40px;
		height: 100%
	}

	.company_overview .parallax.parallax2::before {
		background-attachment: inherit
	}

	.company_overview .parallax.parallax2 .parallax_inner {
		width: 100%
	}

	.company_overview .parallax.parallax2 .info_list {
		position: static;
		width: 100%;
		left: 0;
		top: 0;
		transform: translate(0, 0)
	}

	.company_overview .parallax.parallax2 .info_list li {
		width: 50%;
		height: 140px
	}

	.company_overview .parallax.parallax2 .info_list li:nth-child(4) {
		border-bottom: 1px solid #fff;
		border-bottom-color: rgba(255,255,255,.2);
		border-left: 1px solid #fff;
		border-left-color: rgba(255,255,255,.2)
	}

	.company_overview .parallax.parallax2 .info_list li:nth-child(odd) {
		border-left: none
	}

	.company_overview .parallax.parallax2 .info_list li .inner .title {
		margin-bottom: 10px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.company_overview .parallax.parallax2 .info_list li .inner .title {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.company_overview .parallax.parallax2 .info_list li .inner .title {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.company_overview .parallax.parallax2 .info_list li .inner .num_wrap span.num {
		font-size: 2.5rem;
		letter-spacing: 0em;
		line-height: 1em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.company_overview .parallax.parallax2 .info_list li .inner .num_wrap span.num {
		font-size: 40px;
		letter-spacing: 0em;
		line-height: 40px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.company_overview .parallax.parallax2 .info_list li .inner .num_wrap span.txt {
		font-size: .9375rem;
		letter-spacing: -0.015em;
		line-height: 1.6em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.company_overview .parallax.parallax2 .info_list li .inner .num_wrap span.txt {
		font-size: 15px;
		letter-spacing: -0.015em;
		line-height: 24px
	}
}

@media(max-width: 767px) {
	.company_overview .sec_video .sec_inner {
		width: 100%;
		max-width: 100%
	}

	.company_overview .sec_video .video_wrap {
		width: 100%;
		height: 100%
	}

	.company_overview .sec_video .video_wrap .video_bg .ico_video {
		width: 140px;
		height: 140px
	}

	.company_overview .sec_video .video_wrap .video_bg .ico_video .ico1 {
		width: 140px;
		height: 140px
	}

	.company_overview .sec_video .video_wrap .video_bg .ico_video .ico2 {
		width: 30px;
		height: 36px;
		margin-left: 5px
	}
}

@media(max-width: 767px) {
	.company_overview .sec_tab .tab_box .title_box {
		float: none;
		width: 100%;
		height: 100%;
		padding: 25px 0
	}

	.company_overview .sec_tab .tab_box .title_box .tab_overview_list {
		width: 100%
	}

	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li+li {
		margin-top: 5px
	}

	.company_overview .sec_tab .tab_box .title_box .tab_overview_list li+li:nth-child(3) a::before,.company_overview .sec_tab .tab_box .title_box .tab_overview_list li+li:nth-child(6) a::before {
		width: 1px
	}

	.company_overview .sec_tab .tab_box .cont_box {
		height: 281px
	}

	.company_overview .sec_tab .tab_box .cont_box .item {
		background-size: cover
	}

	.company_overview .sec_tab .tab_box .cont_box .item .btn_wrap .btn_link {
		min-width: 132px;
		padding: 12px 16px
	}
}

@media(max-width: 519px) {
	.company_overview .sec_video .video_wrap .video_bg .ico_video {
		width: 70px;
		height: 70px
	}

	.company_overview .sec_video .video_wrap .video_bg .ico_video .ico1 {
		width: 70px;
		height: 70px
	}

	.company_overview .sec_video .video_wrap .video_bg .ico_video .ico2 {
		width: 15px;
		height: 18px;
		margin-left: 2px
	}
}

.company_overview.new .bg_motion_wrap .tit_wrap h3 {
	width: min(43.541vw, 836px);
	height: min(4.791vw, 92px);
	transform: translateY(200px);
	background-size: 100% auto
}

.company_overview.new .bg_motion_wrap .tit_wrap .txt {
	font-weight: 500
}

.company_overview.new .bg_motion_wrap.active .tit_wrap h3 {
	transform: translateY(-10px);
	transition: transform .6s ease-out
}

.company_overview.new .bg_motion_wrap.active .tit_wrap .line {
	height: 120px;
	max-height: 120px;
	transition: all .6s linear .7s
}

@media all and (max-width: 1540px) {
	.company_overview.new .bg_motion_wrap .tit_wrap h3 {
		transform: translateY(165px)
	}

	.company_overview.new .bg_motion_wrap.active .tit_wrap h3 {
		transform: translateY(-10px)
	}
}

@media(max-width: 1023px) {
	.company_overview.new .bg_motion_wrap .tit_wrap h3 {
		width: min(84.635vw, 650px);
		height: min(9.114vw, 70px);
		background-size: 100% auto
	}

	.company_overview.new .bg_motion_wrap.active .tit_wrap h3 {
		height: min(7.812vw, 60px)
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.vision {
	overflow: hidden;
	position: relative
}

.vision .w_block {
	display: block
}

.vision.open .top_wrap {
	z-index: 0;
	opacity: 0;
	transform: translateY(-50px)
}

.vision .top_wrap {
	z-index: 10;
	opacity: 1;
	position: relative;
	transform: translateY(0);
	transition: all .3s ease-in-out
}

.vision .sec_motion_wrap {
	width: 100vw;
	height: 100vh
}

.vision .bg_motion_wrap {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 auto;
	max-width: 1920px;
	width: 100vw;
	height: 100vh
}

.vision .bg_motion_wrap.active .bg {
	clip: rect(0vh, 100vw, 100vh, 0vw)
}

.vision .bg_motion_wrap.active .tit_wrap .box1 .tit {
	transition: all .6s ease-out 1s
}

.vision .bg_motion_wrap.active .tit_wrap .box1 .txt {
	transition: all .6s ease-out 1.2s
}

.vision .bg_motion_wrap.active .tit_wrap .box2 .tit,.vision .bg_motion_wrap.active .tit_wrap .box2 .txt {
	transition: all .6s ease-out 1.6s
}

.vision .bg_motion_wrap.active .tit_wrap h3 {
	color: #fff;
	background-image: url("/resources/en/images/about_us/company/vision/h3_on2.svg");
	transform: translateY(0);
	transition: all .8s ease-out
}

.vision .bg_motion_wrap.active .tit_wrap .tit,.vision .bg_motion_wrap.active .tit_wrap .txt {
	opacity: 1;
	transform: translateY(0)
}

.vision .bg_motion_wrap .bg {
	position: absolute;
	clip: rect(35vh, 84vw, 61vh, 15vw);
	transition: all .8s ease-out
}

.vision .bg_motion_wrap .bg .img {
	width: 1920px;
	height: 1400px;
	background: url("/resources/en/images/about_us/company/vision/visual_img.jpg") top center no-repeat
}

.vision .bg_motion_wrap .tit_wrap {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center
}

.vision .bg_motion_wrap .tit_wrap .box1 .tit {
	margin-bottom: min(1.562vw, 30px)
}

.vision .bg_motion_wrap .tit_wrap .box2 {
	margin-top: min(6.25vw, 120px)
}

.vision .bg_motion_wrap .tit_wrap .box2 .tit {
	margin-bottom: min(0.52vw, 10px)
}

.vision .bg_motion_wrap .tit_wrap .box2 .txt1 {
	margin: 0 auto;
	width: min(40vw, 768px);
	height: min(10.104vw, 194px);
	background: url("/resources/en/images/about_us/company/vision/h3_title.svg") top center no-repeat;
	background-size: cover
}

.vision .bg_motion_wrap .tit_wrap h3 {
	margin: 0 auto;
	width: min(57.291vw, 1100px);
	height: min(12.135vw, 233px);
	background: url("/resources/en/images/about_us/company/vision/h3.svg") top center no-repeat;
	background-size: 100% auto;
	color: #222;
	transform: translateY(300px)
}

@media(min-width: 1024px) {
	.vision .bg_motion_wrap .tit_wrap h3 {
		font-size: 4rem;
		letter-spacing: 0em;
		line-height: 1.15625em
	}
}

@media(max-width: 1023px) {
	.vision .bg_motion_wrap .tit_wrap h3 {
		font-size: 64px;
		letter-spacing: 0em;
		line-height: 74px
	}
}

.vision .bg_motion_wrap .tit_wrap h3 .m_block {
	display: block
}

.vision .bg_motion_wrap .tit_wrap .tit {
	opacity: 0;
	position: relative;
	display: inline-block;
	padding-bottom: 18px;
	color: #fff;
	font-weight: 600;
	transform: translateY(80px)
}

@media(min-width: 1024px) {
	.vision .bg_motion_wrap .tit_wrap .tit {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.vision .bg_motion_wrap .tit_wrap .tit {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 32px
	}
}

.vision .bg_motion_wrap .tit_wrap .tit::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 40px;
	height: 1px;
	background-color: #fff;
	transform: translateX(-50%)
}

.vision .bg_motion_wrap .tit_wrap .txt {
	margin-top: min(1.979vw, 38px);
	opacity: 0;
	color: #fff;
	transform: translateY(80px)
}

@media(min-width: 1024px) {
	.vision .bg_motion_wrap .tit_wrap .txt {
		font-size: 1.875rem;
		letter-spacing: 0em;
		line-height: 1.4em
	}
}

@media(max-width: 1023px) {
	.vision .bg_motion_wrap .tit_wrap .txt {
		font-size: 30px;
		letter-spacing: 0em;
		line-height: 42px
	}
}

.vision .bg_motion_wrap .tit_wrap .txt strong {
	display: block;
	margin-top: min(0.781vw, 15px)
}

@media(min-width: 1024px) {
	.vision .bg_motion_wrap .tit_wrap .txt strong {
		font-size: 2.25rem;
		letter-spacing: -0.03em;
		line-height: 1.1666666667em
	}
}

@media(max-width: 1023px) {
	.vision .bg_motion_wrap .tit_wrap .txt strong {
		font-size: 36px;
		letter-spacing: -0.03em;
		line-height: 42px
	}
}

.vision .bg_motion_wrap .tit_wrap .txt .w_block {
	display: block
}

@media all and (max-width: 1920px) {
	.vision .bg_motion_wrap .bg {
		clip: rect(35vh, 84vw, 61vh, 15vw)
	}
}

@media all and (max-width: 1800px) {
	.vision .bg_motion_wrap .bg {
		clip: rect(35vh, 92vw, 61vh, 8vw)
	}
}

@media all and (max-width: 1540px) {
	.vision .bg_motion_wrap .bg {
		clip: rect(35vh, 95vw, 61vh, 5vw)
	}
}

.vision .sec1 {
	overflow: hidden;
	padding: 0
}

.vision .sec2 {
	padding: min(8.333vw, 160px) 0 min(4.166vw, 80px)
}

.vision .sec2 .vision_tit {
	padding-bottom: 20px;
	position: relative;
	color: #222;
	font-weight: 600;
	text-align: center
}

.vision .sec2 .vision_tit:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 2px;
	content: "";
	transform: translateX(-50%);
	background-color: #222
}

@media(min-width: 1024px) {
	.vision .sec2 .vision_tit {
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.vision .sec2 .vision_tit {
		font-size: 24px;
		letter-spacing: 0;
		line-height: 1
	}
}

.vision .sec2 .vision_list li {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%;
	padding: min(4.166vw, 80px) 0;
	border-top: 1px solid #e5e5e5
}

.vision .sec2 .vision_list li:first-child {
	border-top: none;
	padding: min(3.541vw, 68px) 0 min(4.166vw, 80px)
}

.vision .sec2 .vision_list li:nth-child(1) .box:nth-child(1) {
	background: url("/resources/en/images/about_us/company/vision/ico_vision_1_1.png") min(3.125vw, 60px) top no-repeat;
	background-size: min(6.458vw, 124px) min(6.458vw, 124px)
}

.vision .sec2 .vision_list li:nth-child(1) .box:nth-child(2) {
	background: url("/resources/en/images/about_us/company/vision/ico_vision_1_2.png") min(3.125vw, 60px) top no-repeat;
	background-size: min(6.458vw, 124px) min(6.458vw, 124px)
}

.vision .sec2 .vision_list li:nth-child(2) .box:nth-child(1) {
	background: url("/resources/en/images/about_us/company/vision/ico_vision_2_1.png") min(3.125vw, 60px) top no-repeat;
	background-size: min(6.458vw, 124px) min(6.458vw, 124px)
}

.vision .sec2 .vision_list li:nth-child(2) .box:nth-child(2) {
	background: url("/resources/en/images/about_us/company/vision/ico_vision_2_2.png") min(3.125vw, 60px) top no-repeat;
	background-size: min(6.458vw, 124px) min(6.458vw, 124px)
}

.vision .sec2 .vision_list .box {
	width: 49%;
	padding-top: min(0.781vw, 15px);
	padding-left: min(11.77vw, 226px);
	min-height: 124px
}

.vision .sec2 .vision_list .box .tit {
	margin-bottom: min(1.562vw, 30px);
	font-weight: bold;
	color: #222
}

@media(min-width: 1024px) {
	.vision .sec2 .vision_list .box .tit {
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.vision .sec2 .vision_list .box .tit {
		font-size: 24px;
		letter-spacing: 0;
		line-height: 1
	}
}

.vision .sec2 .vision_list .box .txt {
	color: #666
}

@media(min-width: 1024px) {
	.vision .sec2 .vision_list .box .txt {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.vision .sec2 .vision_list .box .txt {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.vision .sec2 .vision_list .box .txt strong {
	margin-bottom: min(0.937vw, 18px);
	display: block;
	color: #222;
	font-weight: 600
}

@media(min-width: 1024px) {
	.vision .sec2 .vision_list .box .txt strong {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.vision .sec2 .vision_list .box .txt strong {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.vision .sec2 .vision_list .box .txt .dot {
	display: block;
	padding-left: 10px;
	position: relative
}

.vision .sec2 .vision_list .box .txt .dot:before {
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	width: 3px;
	height: 3px;
	content: "";
	border-radius: 50%;
	background-color: #666
}

@media(max-width: 1023px) {
	.vision .w_block {
		display: inline
	}

	.vision .sec_motion_wrap {
		width: auto;
		height: auto
	}

	.vision .sec_motion_wrap .top_wrap {
		margin: 0 auto 30px;
		width: 100%;
		min-height: auto
	}

	.vision .bg_motion_wrap {
		position: relative;
		max-width: 100%;
		width: 100%;
		height: 602px
	}

	.vision .bg_motion_wrap.active .tit_wrap h3 {
		background-image: url("/resources/en/images/about_us/company/vision/h3_on2.svg");
		opacity: 1;
		transform: translateY(0);
		transition: all .6s ease-out
	}

	.vision .bg_motion_wrap.active .tit_wrap .box2 {
		opacity: 1;
		transform: translateY(0);
		transition: all .6s ease-out 1.6s
	}

	.vision .bg_motion_wrap .bg {
		position: static;
		clip: auto;
		transition: none
	}

	.vision .bg_motion_wrap .bg .img {
		width: 100%;
		height: 602px;
		background-size: cover
	}

	.vision .bg_motion_wrap .tit_wrap .box1 .tit {
		margin-bottom: 15px
	}

	.vision .bg_motion_wrap .tit_wrap .box2 {
		opacity: 0;
		margin-top: 55px;
		transform: translateY(40px)
	}

	.vision .bg_motion_wrap .tit_wrap .box2 .tit,.vision .bg_motion_wrap .tit_wrap .box2 .txt {
		opacity: 1;
		transform: none
	}

	.vision .bg_motion_wrap .tit_wrap .box2 .txt1 {
		width: min(83.333vw, 640px);
		height: min(22.135vw, 170px);
		background: url("/resources/en/images/about_us/company/vision/h3_title.svg") top center no-repeat;
		background-size: cover;
		background-size: 100% auto
	}

	.vision .bg_motion_wrap .tit_wrap h3 {
		opacity: 0;
		margin: 0 auto;
		width: min(88.541vw, 680px);
		height: min(18.75vw, 144px);
		background-image: url("/resources/en/images/about_us/company/vision/h3_on2.svg");
		background-size: 100% auto;
		transform: translateY(100px)
	}

	.vision .bg_motion_wrap .tit_wrap .tit {
		opacity: 0;
		padding-bottom: 10px;
		transform: translateY(40px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.vision .bg_motion_wrap .tit_wrap .tit {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1.0666666667em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.vision .bg_motion_wrap .tit_wrap .tit {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 16px
	}
}

@media(max-width: 1023px) {
	.vision .bg_motion_wrap .tit_wrap .tit::before {
		width: 20px
	}
}

@media(max-width: 1023px) {
	.vision .bg_motion_wrap .tit_wrap .txt {
		opacity: 0;
		margin-top: 8px;
		transform: translateY(40px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.vision .bg_motion_wrap .tit_wrap .txt {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.1111111111em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.vision .bg_motion_wrap .tit_wrap .txt {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.vision .bg_motion_wrap .tit_wrap .txt strong {
		margin-top: 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.vision .bg_motion_wrap .tit_wrap .txt strong {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.1111111111em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.vision .bg_motion_wrap .tit_wrap .txt strong {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.vision .mouse_ico {
		display: none
	}
}

@media(max-width: 1023px) {
	.vision .sec1 {
		overflow: hidden;
		padding: 0
	}
}

@media(max-width: 1023px) {
	.vision .sec2 {
		margin-top: 0;
		padding: 80px 0
	}

	.vision .sec2 .vision_tit {
		padding-bottom: 10px;
		position: relative;
		color: #222;
		font-weight: 600;
		text-align: center
	}

	.vision .sec2 .vision_tit:after {
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 20px;
		height: 2px;
		content: "";
		transform: translateX(-50%);
		background-color: #222
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.vision .sec2 .vision_tit {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.vision .sec2 .vision_tit {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.vision .sec2 .vision_list li {
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		align-items: normal;
		gap: 0 2%;
		padding: 40px 0;
		border-top: 1px solid #e5e5e5
	}

	.vision .sec2 .vision_list li:first-child {
		border-top: none;
		padding: 40px 0
	}

	.vision .sec2 .vision_list li:nth-child(1) .box:nth-child(1) {
		background: url("/resources/en/images/about_us/company/vision/ico_vision_1_1.png") 20px top no-repeat;
		background-size: 75px 75px
	}

	.vision .sec2 .vision_list li:nth-child(1) .box:nth-child(2) {
		background: url("/resources/en/images/about_us/company/vision/ico_vision_1_2.png") 20px top no-repeat;
		background-size: 75px 75px
	}

	.vision .sec2 .vision_list li:nth-child(2) .box:nth-child(1) {
		background: url("/resources/en/images/about_us/company/vision/ico_vision_2_1.png") 20px top no-repeat;
		background-size: 75px 75px
	}

	.vision .sec2 .vision_list li:nth-child(2) .box:nth-child(2) {
		background: url("/resources/en/images/about_us/company/vision/ico_vision_2_2.png") 20px top no-repeat;
		background-size: 75px 75px
	}

	.vision .sec2 .vision_list .box {
		width: 49%;
		padding-left: 120px
	}

	.vision .sec2 .vision_list .box .tit {
		margin-bottom: 15px;
		font-weight: bold;
		color: #222
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.vision .sec2 .vision_list .box .tit {
		font-size: 1.0625rem;
		letter-spacing: 0em;
		line-height: 1.1764705882em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.vision .sec2 .vision_list .box .tit {
		font-size: 17px;
		letter-spacing: 0em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.vision .sec2 .vision_list .box .txt {
		color: #666
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.vision .sec2 .vision_list .box .txt {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.vision .sec2 .vision_list .box .txt {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.vision .sec2 .vision_list .box .txt strong {
		margin-bottom: 10px;
		display: block;
		color: #222;
		font-weight: 600
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.vision .sec2 .vision_list .box .txt strong {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.4666666667em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.vision .sec2 .vision_list .box .txt strong {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.vision .sec2 .vision_list .box .txt .dot {
		padding-left: 8px;
		position: relative
	}

	.vision .sec2 .vision_list .box .txt .dot:before {
		display: inline-block;
		vertical-align: middle;
		top: 9px;
		content: ""
	}
}

@media(max-width: 767px) {
	.vision .bg_motion_wrap .m_block {
		display: block
	}

	.vision .bg_motion_wrap .bg .img {
		background-image: url("/resources/en/images/about_us/company/vision/m/visual_img.jpg")
	}

	.vision .sec2 .vision_list li {
		border-top: none;
		padding: 0
	}

	.vision .sec2 .vision_list li:first-child {
		border-top: none;
		padding: 0
	}

	.vision .sec2 .vision_list li:nth-child(1) .box:nth-child(1) {
		background-position: 0 0
	}

	.vision .sec2 .vision_list li:nth-child(1) .box:nth-child(2) {
		background-position: 0 0
	}

	.vision .sec2 .vision_list li:nth-child(2) .box:nth-child(1) {
		background-position: 0 0
	}

	.vision .sec2 .vision_list li:nth-child(2) .box:nth-child(2) {
		background-position: 0 0
	}

	.vision .sec2 .vision_list .box {
		width: 100%;
		margin-top: 40px;
		padding-left: 100px;
		min-height: auto
	}
}

.vision.new .bg_motion_wrap .tit_wrap .txt {
	margin-top: min(2.604vw, 50px)
}

.vision.new .bg_motion_wrap .tit_wrap .txt strong {
	font-weight: 500
}

@media(min-width: 1024px) {
	.vision.new .bg_motion_wrap .tit_wrap .txt strong {
		font-size: 2rem;
		letter-spacing: -0.03em;
		line-height: 1.1875em
	}
}

@media(max-width: 1023px) {
	.vision.new .bg_motion_wrap .tit_wrap .txt strong {
		font-size: 32px;
		letter-spacing: -0.03em;
		line-height: 38px
	}
}

.vision.new .bg_motion_wrap .tit_wrap .box2 .txt1 {
	width: min(39.166vw, 752px);
	height: min(4.166vw, 80px);
	background-size: 100% auto
}

.vision.new .bg_motion_wrap.active .tit_wrap h3 {
	transform: translateY(0)
}

.vision.new .sec2 .vision_list li {
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: min(4.166vw, 80px) 0 0
}

.vision.new .sec2 .vision_list li:nth-child(1) .box {
	background: none
}

.vision.new .sec2 .vision_list .box {
	min-height: auto;
	margin: 0;
	padding: 0;
	text-align: center
}

.vision.new .sec2 .vision_list .box:nth-child(1) {
	width: 300px
}

.vision.new .sec2 .vision_list .box:nth-child(2) {
	width: 365px
}

.vision.new .sec2 .vision_list .box:nth-child(3) {
	width: 355px
}

.vision.new .sec2 .vision_list .box img {
	margin-bottom: min(2.083vw, 40px)
}

.vision.new .sec2 .vision_list .box .tit {
	margin-bottom: min(1.041vw, 20px);
	font-weight: 400
}

@media(min-width: 1024px) {
	.vision.new .sec2 .vision_list .box .tit {
		font-size: 1.875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.vision.new .sec2 .vision_list .box .tit {
		font-size: 30px;
		letter-spacing: 0;
		line-height: 1
	}
}

.vision.new .sec2 .vision_list .box .txt {
	color: #666;
	font-weight: 400
}

@media(min-width: 1024px) {
	.vision.new .sec2 .vision_list .box .txt {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.vision.new .sec2 .vision_list .box .txt {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.vision.new .sec2 .vision_list .box .txt strong {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	margin-bottom: min(0.781vw, 15px);
	font-weight: bold
}

@media(min-width: 1024px) {
	.vision.new .sec2 .vision_list .box .txt strong {
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.vision.new .sec2 .vision_list .box .txt strong {
		font-size: 24px;
		letter-spacing: 0;
		line-height: 1
	}
}

.vision.new .sec2 .vision_list .box .txt .dot {
	text-align: left
}

@media all and (max-width: 1540px) {
	.vision.new .bg_motion_wrap .tit_wrap h3 {
		transform: translateY(230px)
	}

	.vision.new .bg_motion_wrap.active .tit_wrap h3 {
		transform: translateY(0)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.vision.new .bg_motion_wrap .tit_wrap h3 {
		font-size: 2.625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.vision.new .bg_motion_wrap .tit_wrap h3 {
		font-size: 42px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.vision.new .bg_motion_wrap .tit_wrap .txt {
		margin-top: 15px;
		padding: 0 50px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.vision.new .bg_motion_wrap .tit_wrap .txt strong {
		font-size: 1.125rem;
		letter-spacing: -0.015em;
		line-height: 1.2222222222em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.vision.new .bg_motion_wrap .tit_wrap .txt strong {
		font-size: 18px;
		letter-spacing: -0.015em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.vision.new .bg_motion_wrap .tit_wrap .box2 .txt1 {
		width: min(42.317vw, 325px);
		height: min(5.208vw, 40px)
	}
}

@media(max-width: 1023px) {
	.vision.new .sec2 .vision_list li {
		flex-wrap: wrap;
		padding: min(4.557vw, 35px) 0 0
	}

	.vision.new .sec2 .vision_list .box {
		margin-bottom: min(5.208vw, 40px)
	}

	.vision.new .sec2 .vision_list .box:nth-child(1) {
		width: 100%;
		margin-top: 0;
		margin-bottom: 0
	}

	.vision.new .sec2 .vision_list .box:nth-child(2) {
		width: 100%;
		margin-top: min(5.208vw, 40px)
	}

	.vision.new .sec2 .vision_list .box:nth-child(3) {
		width: 100%;
		margin-top: 0;
		margin-bottom: 0
	}

	.vision.new .sec2 .vision_list .box img {
		max-width: 50px
	}

	.vision.new .sec2 .vision_list .box .tit {
		margin-bottom: min(2.083vw, 16px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.vision.new .sec2 .vision_list .box .tit {
		font-size: 1.25rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.vision.new .sec2 .vision_list .box .tit {
		font-size: 20px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.vision.new .sec2 .vision_list .box .txt {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.vision.new .sec2 .vision_list .box .txt {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.vision.new .sec2 .vision_list .box .txt strong {
		min-height: auto;
		margin-bottom: min(2.083vw, 16px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.vision.new .sec2 .vision_list .box .txt strong {
		font-size: 1.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.vision.new .sec2 .vision_list .box .txt strong {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.vision.new .sec2 .vision_list .box .txt .dot {
		display: inline-block;
		padding-left: 0;
		text-align: center
	}

	.vision.new .sec2 .vision_list .box .txt .dot:before {
		position: static;
		margin-right: 8px
	}
}

@media(max-width: 1023px) {
	.vision.new .sec2 .vision_list .box .txt .m_block {
		display: block
	}
}

@media(max-width: 767px) {
	.vision.new .bg_motion_wrap .tit_wrap .box2 .txt1 {
		width: min(88.315vw, 325px);
		height: min(10.869vw, 40px)
	}

	.vision.new .sec2 .vision_list li {
		padding: min(9.51vw, 35px) 0 0
	}

	.vision.new .sec2 .vision_list .box {
		margin-bottom: min(10.869vw, 40px)
	}

	.vision.new .sec2 .vision_list .box:nth-child(1) {
		margin-bottom: 0
	}

	.vision.new .sec2 .vision_list .box:nth-child(2) {
		margin-top: min(10.869vw, 40px)
	}

	.vision.new .sec2 .vision_list .box .tit {
		margin-bottom: min(4.347vw, 16px)
	}

	.vision.new .sec2 .vision_list .box .txt strong {
		margin-bottom: min(4.347vw, 16px)
	}
}

.ci {
	padding-bottom: 0
}

.ci .visual_wrap .visual::before {
	image-rendering: pixelated
}

.ci .dot_list li::before {
	top: 12px
}

@media(max-width: 1023px) {
	.ci .dot_list li:before {
		top: 9px
	}
}

.ci .sec {
	padding: min(4.166vw, 80px) 0
}

.ci .sec.sec1 {
	padding: 0 0 80px
}

.ci .sec.sec2 img {
	object-fit: cover
}

.ci .sec.bg {
	background-color: #f8f8f8
}

.ci .sec h4 {
	margin-bottom: min(1.562vw, 30px)
}

.ci .sec h4+.txt {
	margin: min(1.562vw, 30px) 0
}

@media(min-width: 1024px) {
	.ci .sec h4+.txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.4em
	}
}

@media(max-width: 1023px) {
	.ci .sec h4+.txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.ci .sec .desc {
	margin-top: min(1.041vw, 20px);
	text-align: right
}

.ci .sec.sec4 {
	padding-bottom: min(8.333vw, 160px)
}

.ci .dot_list {
	margin: min(1.041vw, 20px) 0 min(1.562vw, 30px)
}

@media(min-width: 1024px) {
	.ci .dot_list li {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.4em
	}
}

@media(max-width: 1023px) {
	.ci .dot_list li {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.ci .dot_list li:first-child {
	margin-top: 0
}

.ci .btn_wrap {
	margin-top: min(2.604vw, 50px);
	text-align: center
}

.ci .signature_wrap {
	overflow: hidden
}

.ci .signature_wrap .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 1.5833333333%
}

.ci .signature_wrap .list li {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 32.2777777778%;
	height: min(15.625vw, 300px);
	border: 1px solid #ccc
}

.ci .signature_wrap .list li:nth-child(1) img {
	width: 294px
}

.ci .signature_wrap .list li:nth-child(2) img {
	width: 288px
}

.ci .signature_wrap .list li:nth-child(3) img {
	width: 304px
}

.ci .correct_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.ci .correct_list li {
	width: 49%
}

.ci .correct_list .pc-img {
	display: block
}

.ci .correct_list .mo-img {
	display: none;
	width: 588px
}

.ci .wrong_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.ci .wrong_list li {
	width: 32%
}

.ci .wrong_list li.line2 {
	margin-top: min(1.25vw, 24px)
}

.ci .color_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.ci .color_list li {
	width: 32%
}

.ci .color_list .box.box1 {
	background-color: #004480
}

.ci .color_list .box.box2 {
	background-color: #999da2
}

.ci .color_list .box.box3 {
	background-color: #b4975a
}

.ci .color_list .box .color {
	position: relative;
	width: min(20vw, 384px);
	height: min(11.458vw, 220px);
	color: #fff
}

.ci .color_list .box .color .txt_wrap {
	position: absolute;
	left: 30px;
	bottom: 30px
}

.ci .color_list .box .color .tit {
	margin-bottom: 10px;
	padding-left: 10px;
	font-weight: 600;
	position: relative
}

@media(min-width: 1024px) {
	.ci .color_list .box .color .tit {
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.ci .color_list .box .color .tit {
		font-size: 24px;
		letter-spacing: 0;
		line-height: 1
	}
}

.ci .color_list .box .color .tit:before {
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 2px;
	height: 20px;
	content: "";
	background-color: #fff;
	opacity: .5
}

.ci .color_list .box .color .txt {
	padding-left: 10px;
	font-weight: 500
}

@media(min-width: 1024px) {
	.ci .color_list .box .color .txt {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.ci .color_list .box .color .txt {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.ci .color_list .box .color_info {
	padding: min(1.562vw, 30px) min(2.083vw, 40px);
	height: min(7.916vw, 152px);
	min-height: 90px;
	color: #222;
	background-color: #fff
}

.ci .color_list .box .color_info dl {
	overflow: hidden;
	margin-top: min(0.52vw, 10px)
}

@media(min-width: 1024px) {
	.ci .color_list .box .color_info dl {
		font-size: 1.25rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.ci .color_list .box .color_info dl {
		font-size: 20px;
		letter-spacing: 0;
		line-height: 1
	}
}

.ci .color_list .box .color_info dl:first-child {
	margin-top: 0
}

.ci .color_list .box .color_info dl dt {
	float: left;
	width: 115px;
	font-weight: 500
}

.ci .color_list .box .color_info dl dd {
	float: left
}

@media(max-width: 1023px) {
	.ci .sec {
		padding: 50px 0
	}

	.ci .sec.sec1 {
		padding: 0 0 50px
	}

	.ci .sec h4 {
		margin-bottom: 15px
	}

	.ci .sec h4+.txt {
		margin: 15px 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ci .sec h4+.txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ci .sec h4+.txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.ci .sec .desc {
		margin-top: 10px
	}
}

@media(max-width: 1023px) {
	.ci .sec.sec4 {
		padding-bottom: 100px
	}
}

@media(max-width: 1023px) {
	.ci .dot_list {
		margin: 15px 0 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ci .dot_list li {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ci .dot_list li {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.ci .btn_wrap {
		margin-top: 35px
	}

	.ci .btn_wrap .btn_link {
		min-width: 250px;
		text-align: left
	}
}

@media(max-width: 1023px) {
	.ci .signature_wrap .list li {
		overflow: hidden;
		position: relative;
		height: 178px
	}

	.ci .signature_wrap .list li img {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		padding: 0 10px
	}
}

@media(max-width: 1023px) {
	.ci .wrong_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		align-items: normal;
		gap: 0 2%
	}

	.ci .wrong_list li {
		width: 32%
	}

	.ci .wrong_list li.line2 {
		margin-top: 15px
	}
}

@media(max-width: 1023px) {
	.ci .color_list .box .color {
		width: 100%;
		height: 132px
	}

	.ci .color_list .box .color .txt_wrap {
		left: 15px;
		bottom: 15px
	}

	.ci .color_list .box .color .tit {
		font-size: 17px
	}

	.ci .color_list .box .color .tit::before {
		top: 2px;
		height: 12px
	}

	.ci .color_list .box .color .txt {
		padding-left: 10px;
		font-size: 14px
	}

	.ci .color_list .box .color_info {
		padding: 15px 25px;
		height: auto;
		min-height: 100px
	}

	.ci .color_list .box .color_info dl {
		margin-top: 10px;
		font-size: 15px
	}

	.ci .color_list .box .color_info dl dt {
		float: none;
		display: inline;
		margin-right: 10px
	}

	.ci .color_list .box .color_info dl dd {
		float: none;
		display: inline;
		font-size: 14px
	}
}

@media(max-width: 767px) {
	.ci .signature_wrap {
		overflow: unset
	}

	.ci .signature_wrap .list li {
		width: 100%;
		margin-top: 10px;
		height: 150px
	}

	.ci .signature_wrap .list li img {
		object-fit: contain
	}

	.ci .signature_wrap .list li:nth-child(1) {
		margin-top: 0
	}

	.ci .signature_wrap .list li:nth-child(1) img {
		width: 240px
	}

	.ci .signature_wrap .list li:nth-child(2) img {
		width: 240px
	}

	.ci .signature_wrap .list li:nth-child(3) img {
		width: 240px
	}

	.ci .signature_wrap .desc {
		text-align: left
	}

	.ci .correct_list li {
		width: 100%;
		margin-top: 10px
	}

	.ci .correct_list li:first-child {
		margin-top: 0
	}

	.ci .correct_list .pc-img {
		display: none
	}

	.ci .correct_list .mo-img {
		display: block
	}

	.ci .wrong_list {
		overflow: hidden
	}

	.ci .wrong_list li {
		width: 49%;
		margin-top: 15px
	}

	.ci .wrong_list li:nth-child(1),.ci .wrong_list li:nth-child(2) {
		margin-top: 0
	}

	.ci .color_list li {
		display: block;
		margin-top: 10px;
		width: 100%
	}

	.ci .color_list li:first-child {
		margin-top: 0
	}

	.ci .color_list .box {
		overflow: hidden
	}

	.ci .color_list .box .color {
		float: left;
		width: 46%;
		height: 125px
	}

	.ci .color_list .box .color .txt_wrap {
		padding: 25px 15px;
		position: static;
		left: 0;
		bottom: 0
	}

	.ci .color_list .box .color .tit {
		margin-bottom: 5px
	}

	.ci .color_list .box .color_info {
		position: relative;
		float: left;
		width: 54%;
		padding: 30px 14px 15px 14px;
		height: 125px;
		min-height: 125px
	}
}

.history {
	padding-bottom: 0
}

.history .history_mo_wrap {
	display: none
}

.history .history_all_wrap {
	position: relative;
	background-color: #f8f8f8
}

.history .history_all_wrap .btn_list_wrap {
	position: absolute;
	right: min(4.166vw, 80px);
	top: min(4.166vw, 80px);
	z-index: 9
}

.history .history_all_wrap .btn_list_wrap .btn_list {
	margin-left: auto;
	font-size: 0
}

.history .history_all_wrap .btn_list_wrap .btn_list li {
	display: inline-block;
	width: 39px;
	height: 39px
}

.history .history_all_wrap .btn_list_wrap .btn_list li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url("/resources/en/images/about_us/company/history/btn_list_off.svg") 50% 50% no-repeat;
	background-size: cover
}

.history .history_all_wrap .btn_list_wrap .btn_list li.list {
	margin-right: 10px
}

.history .history_all_wrap .btn_list_wrap .btn_list li.thumbnail a {
	background-image: url("/resources/en/images/about_us/company/history/btn_thumbnail_off.svg")
}

.history .history_all_wrap .btn_list_wrap .btn_list li.on a,.history .history_all_wrap .btn_list_wrap .btn_list li:hover a {
	background-image: url("/resources/en/images/about_us/company/history/btn_list_on.svg")
}

.history .history_all_wrap .btn_list_wrap .btn_list li.on.thumbnail a,.history .history_all_wrap .btn_list_wrap .btn_list li:hover.thumbnail a {
	background-image: url("/resources/en/images/about_us/company/history/btn_thumbnail_on.svg")
}

.history .history_all_wrap .btn_list_wrap.fixed {
	position: fixed;
	top: min(6.25vw, 120px)
}

.history .history_area {
	display: none
}

.history .history_area.on {
	display: block
}

.history .history_list_wrap {
	position: relative
}

.history .history_list_wrap .txt_list_wrap {
	height: min(9.114vw, 175px)
}

.history .history_list_wrap .txt_list {
	position: absolute;
	left: min(4.166vw, 80px);
	top: min(4.531vw, 87px);
	width: min(44.791vw, 860px)
}

.history .history_list_wrap .txt_list li {
	opacity: 0;
	position: absolute;
	top: 0;
	width: inherit;
	height: inherit;
	background-color: #f8f8f8
}

.history .history_list_wrap .txt_list li .txt_box .txt {
	padding-left: min(0.52vw, 10px);
	color: #222;
	font-weight: bold;
	border-left: 4px solid #1d7fbf
}

@media(min-width: 1024px) {
	.history .history_list_wrap .txt_list li .txt_box .txt {
		font-size: 2.375rem;
		letter-spacing: 0em;
		line-height: 1em
	}
}

@media(max-width: 1023px) {
	.history .history_list_wrap .txt_list li .txt_box .txt {
		font-size: 38px;
		letter-spacing: 0em;
		line-height: 38px
	}
}

.history .history_list_wrap .txt_list li.active {
	opacity: 1
}

.history .history_list_wrap .history_list_type {
	padding-bottom: min(4.166vw, 80px)
}

.history .history_list_wrap .history_list_type .section {
	margin: 0 auto;
	min-width: min(78.125vw, 1500px);
	width: min(91.666vw, 1760px);
	height: 100%
}

.history .history_list_wrap .history_list_type .section .visual_area {
	position: absolute;
	left: min(4.166vw, 80px);
	top: min(11.458vw, 220px);
	width: min(44.791vw, 860px);
	height: min(25.26vw, 485px)
}

.history .history_list_wrap .history_list_type .section .visual_area .visual_inner {
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	margin: 0 auto;
	transition: height .8s
}

.history .history_list_wrap .history_list_type .section .visual_area .history_list_swiper {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8
}

.history .history_list_wrap .history_list_type .section .visual_area .history_list_swiper .visual_img {
	overflow: hidden;
	opacity: 0;
	position: relative;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover
}

.history .history_list_wrap .history_list_type .section .visual_area .visual_change {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	z-index: 100
}

.history .history_list_wrap .history_list_type .section .visual_area .visual_change.on {
	opacity: 1
}

.history .history_list_wrap .history_list_type .section .text {
	padding: min(2.083vw, 40px) 0 0 min(48.958vw, 940px);
	height: 100%
}

.history .history_list_wrap .history_list_type .section .text .text_inner {
	width: 100%;
	height: 100%
}

.history .history_list_wrap .history_list_type .section .text dl {
	margin-bottom: min(7.812vw, 150px);
	font-size: 0
}

.history .history_list_wrap .history_list_type .section .text dl dt,.history .history_list_wrap .history_list_type .section .text dl dd {
	display: inline-block;
	vertical-align: top
}

.history .history_list_wrap .history_list_type .section .text dl dt {
	margin-right: min(2.083vw, 40px);
	font-weight: bold;
	color: #1d7fbf
}

@media(min-width: 1024px) {
	.history .history_list_wrap .history_list_type .section .text dl dt {
		font-size: 5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.history .history_list_wrap .history_list_type .section .text dl dt {
		font-size: 80px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.history .history_list_wrap .history_list_type .section .text dl dd {
	width: calc(100% - min(15.625vw, 300px));
	color: #222
}

@media(min-width: 1024px) {
	.history .history_list_wrap .history_list_type .section .text dl dd {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.4em
	}
}

@media(max-width: 1023px) {
	.history .history_list_wrap .history_list_type .section .text dl dd {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.history .history_list_wrap .history_list_type .section .text dl dd .data_list li {
	margin-bottom: min(0.781vw, 15px);
	padding-left: min(0.781vw, 15px);
	position: relative
}

.history .history_list_wrap .history_list_type .section .text dl dd .data_list li:before {
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	width: 4px;
	height: 4px;
	content: "";
	border-radius: 50%;
	background-color: #ccc
}

.history .history_list_wrap .history_list_type .section .text dl dd .data_list li a,.history .history_list_wrap .history_list_type .section .text dl dd .data_list li span {
	display: block
}

.history .history_list_wrap .history_list_type .section .text dl dd .data_list li a .icon,.history .history_list_wrap .history_list_type .section .text dl dd .data_list li span .icon {
	display: inline-block;
	margin-left: min(0.52vw, 10px);
	width: min(1.25vw, 24px);
	height: min(0.937vw, 18px);
	background: url("/resources/en/images/about_us/company/history/ico_off.svg") 0 0 no-repeat;
	vertical-align: middle;
	background-size: 100% auto;
	margin-top: -3px
}

.history .history_list_wrap .history_list_type .section .text dl dd .data_list li:last-child {
	margin-bottom: 0
}

.history .history_list_wrap .history_list_type .section .text dl dd .data_list li.on {
	position: relative
}

.history .history_list_wrap .history_list_type .section .text dl dd .data_list li.on:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	background-color: #1d7fbf
}

.history .history_list_wrap .history_list_type .section .text dl dd .data_list li.on a {
	color: #1d7fbf;
	text-decoration: underline;
	text-decoration-thickness: inherit;
	text-underline-offset: 5px
}

.history .history_list_wrap .history_list_type .section .text dl dd .data_list li.on a .icon {
	background-image: url("/resources/en/images/about_us/company/history/ico_on.svg")
}

.history .history_list_wrap .history_list_type .section.active .visual_area .visual_inner {
	height: 100%;
	transition: height .8s;
	z-index: 2
}

.history .history_list_wrap .history_list_type .section.img_rolling .visual_area .history_list_swiper .visual_img {
	z-index: 101
}

.history .history_list_wrap .history_list_type .section.img_rolling .visual_area .history_list_swiper .visual_img.swiper-slide-active {
	opacity: 1;
	z-index: 102 !important
}

.history .history_list_wrap.fixed .txt_list_wrap .txt_list {
	position: fixed;
	top: min(6.562vw, 126px)
}

.history .history_list_wrap.fixed .history_list_type .section .visual_area {
	position: fixed
}

.history .history_list_wrap.scrollEnd .history_list_type .section .visual_area {
	position: absolute;
	top: auto;
	bottom: min(11.458vw, 220px);
	transition: bottom .5s ease-in-out
}

.history .mouse_ico {
	opacity: 0;
	position: fixed;
	left: 50%;
	top: 78%;
	width: min(1.406vw, 27px);
	height: min(2.031vw, 39px);
	background: url("/resources/en/images/about_us/company/history/mouse_ico.svg") 50% 50% no-repeat;
	background-size: cover;
	animation: mouseScroll .8s infinite
}

.history .mouse_ico .mouse_arr {
	position: absolute;
	left: 27%;
	top: min(2.343vw, 45px);
	width: min(0.625vw, 12px);
	animation: mouseScroll .65s infinite
}

.history .mouse_ico .mouse_arr .arr {
	opacity: 0;
	display: inline-block;
	width: min(0.625vw, 12px);
	height: min(0.312vw, 6px);
	background: url("/resources/en/images/about_us/company/history/mouse_ico_arrow1.svg") 50% 50% no-repeat;
	background-size: cover
}

.history .mouse_ico .mouse_arr .arr.arr1 {
	animation: scrolldown 1.2s ease-in-out infinite
}

.history .mouse_ico .mouse_arr .arr.arr2 {
	background-image: url("/resources/en/images/about_us/company/history/mouse_ico_arrow2.svg");
	animation: scrolldown 1.2s ease-in-out infinite .15s
}

.history .mouse_ico.fadeIn {
	opacity: 1
}

.history .history_thumb_wrap {
	position: relative;
	display: none
}

.history .history_thumb_wrap .history_thumb_inner {
	margin: 0 min(4.166vw, 80px);
	padding-bottom: min(10.416vw, 200px);
	height: 100%
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb {
	margin-bottom: min(8.333vw, 160px)
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb:last-child {
	margin-bottom: 0
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb .title_wrap {
	padding: min(3.645vw, 70px) 0 min(2.083vw, 40px)
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb .title_wrap h3 {
	margin-bottom: min(1.041vw, 20px)
}

@media(min-width: 1024px) {
	.history .history_thumb_wrap .history_thumb_inner .section_thumb .title_wrap h3 {
		font-size: 3.5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.history .history_thumb_wrap .history_thumb_inner .section_thumb .title_wrap h3 {
		font-size: 56px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb .title_wrap .txt {
	padding-left: min(0.52vw, 10px);
	color: #888;
	border-left: 4px solid #1d7fbf
}

@media(min-width: 1024px) {
	.history .history_thumb_wrap .history_thumb_inner .section_thumb .title_wrap .txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.history .history_thumb_wrap .history_thumb_inner .section_thumb .title_wrap .txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list .item {
	width: 23.5%
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list .item:nth-child(n+5) {
	margin-top: min(3.541vw, 68px)
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list .item a {
	display: block
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list .item a .thumb_cover {
	overflow: hidden;
	position: relative;
	margin-bottom: min(0.781vw, 15px);
	height: 0;
	padding-top: 56.34%
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list .item a .thumb_cover::after {
	z-index: 2;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #ccc;
	transition: height 1s
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list .item a .thumb_cover .thumb_img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list .item a .thumb_cover img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list .item a .txt {
	font-weight: 600;
	color: #222
}

@media(min-width: 1024px) {
	.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list .item a .txt {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: -.9333333333em;
		max-height: -1.8666666667em
	}
}

@media(max-width: 1023px) {
	.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list .item a .txt {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 28px;
		max-height: 56px
	}
}

@media(min-width: 1024px) {
	.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list .item a .txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.4em
	}
}

@media(max-width: 1023px) {
	.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list .item a .txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.history .history_thumb_wrap .history_thumb_inner .section_thumb .thumb_list .item.on a .thumb_cover::after {
	height: min(0vw, 0px)
}

.history .history_nav_wrap {
	position: relative;
	height: min(5.729vw, 110px)
}

.history .history_nav_wrap .history_nav {
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 1920px;
	width: 100%;
	padding: min(1.458vw, 28px) 0 min(1.77vw, 34px);
	background-color: #f8f8f8;
	z-index: 101;
	box-shadow: 2px -9px 16px 0px rgba(0,0,0,.1)
}

.history .history_nav_wrap .history_nav .nav_wrap {
	position: relative;
	width: min(66.822vw, 1283px);
	margin: 0 auto
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list {
	display: flex;
	justify-content: flex-start
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li {
	position: relative;
	flex-grow: 1;
	width: min(12.5vw, 240px);
	padding-bottom: min(1.041vw, 20px);
	color: #888
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li a {
	display: block
}

@media(min-width: 1024px) {
	.history .history_nav_wrap .history_nav .nav_wrap .nav_list li a p {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.history .history_nav_wrap .history_nav .nav_wrap .nav_list li a p {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li a .dot {
	position: absolute;
	left: min(-0.521vw, -10px);
	top: min(1.875vw, 36px)
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li a .dot .dot_ico {
	display: block;
	width: min(1.041vw, 20px);
	height: min(1.041vw, 20px);
	background: rgba(0,0,0,0);
	border-radius: 50%;
	position: relative
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li a .dot .dot_ico:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;
	content: "";
	border-radius: 50%;
	background-color: #ccc;
	transform: translate(-50%, -50%);
	z-index: 2
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li .progress_bar {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: min(0.156vw, 3px);
	background-color: #ccc
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li .progress_bar .bar {
	width: 0;
	height: min(0.156vw, 3px);
	background-color: #1d7fbf
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li.active {
	color: #1d7fbf
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li.active a p,.history .history_nav_wrap .history_nav .nav_wrap .nav_list li.active a span {
	font-weight: bold
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li.active a .dot .dot_ico {
	background-color: rgba(29,127,191,.15);
	transition: all .4s;
	position: relative
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li.active a .dot .dot_ico:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	background-color: #1d7fbf
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li.circle a .dot .dot_ico {
	position: relative
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li.circle a .dot .dot_ico:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	background-color: #1d7fbf
}

.history .history_nav_wrap .history_nav .nav_wrap .nav_list li.last .progress_bar {
	display: none
}

.history .history_nav_wrap.fixed .history_nav {
	position: fixed;
	transition: all cubic-bezier(0.77, 0, 0.175, 1)
}

@keyframes mouseScroll {
	0% {
		transform: translateY(0%)
	}

	50% {
		transform: translateY(10%)
	}

	100% {
		transform: translateY(0%)
	}
}

@keyframes scrolldown {
	0% {
		transform: translateY(15%);
		opacity: .7
	}

	50% {
		transform: translateY(0%);
		opacity: .2
	}

	100% {
		transform: translateY(15%);
		opacity: .7
	}
}

@media(max-width: 1699px)and (min-width: 1024px) {
	.history .history_list_wrap .txt_list li .txt_box .txt {
		font-size: 2.25rem;
		letter-spacing: 0em;
		line-height: 1em
	}
}

@media(max-width: 1699px)and (max-width: 1023px) {
	.history .history_list_wrap .txt_list li .txt_box .txt {
		font-size: 36px;
		letter-spacing: 0em;
		line-height: 36px
	}
}

@media(max-width: 1699px) {
	.history .history_nav_wrap .history_nav .nav_wrap .nav_list li a .dot {
		top: 31px
	}
}

@media(max-width: 1279px) {
	.history .history_list_wrap .history_list_type .section .visual_area {
		top: min(16.015vw, 205px)
	}

	.history .history_list_wrap .history_list_type .section .text {
		padding-left: min(46.875vw, 600px)
	}

	.history .history_list_wrap .history_list_type .section .text dl dt {
		font-size: 50px
	}

	.history .history_nav_wrap {
		height: 87px
	}

	.history .history_nav_wrap .history_nav {
		padding: 22px 0 28px;
		bottom: -1px
	}

	.history .history_nav_wrap .history_nav .nav_wrap .nav_list li a .dot {
		top: 26px
	}

	.history .history_nav_wrap .history_nav .nav_wrap .nav_list li a .dot .dot_ico {
		width: min(1.562vw, 20px);
		height: min(1.562vw, 20px)
	}

	.history .history_nav_wrap .history_nav .nav_wrap .nav_list li .progress_bar {
		height: 2px
	}
}

@media(max-width: 1023px) {
	.history .history_all_wrap {
		display: none
	}

	.history .history_mo_wrap {
		display: block
	}

	.history .history_mo_wrap .history_mo_area {
		background-color: #fff
	}

	.history .history_mo_wrap .history_mo_area .history_m {
		display: none;
		padding-bottom: 50px
	}

	.history .history_mo_wrap .history_mo_area .history_m.on {
		display: block
	}

	.history .history_mo_wrap.fixed .btn_mo_list_wrap {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		padding-top: 15px;
		z-index: 1000
	}

	.history .history_mo_wrap .btn_mo_full_wrap {
		height: 60px
	}

	.history .history_mo_wrap .btn_mo_list_wrap {
		padding: 0 15px 20px;
		background-color: #fff
	}

	.history .history_mo_wrap .btn_mo_list_wrap .btn_mo_list_inner {
		display: flex

	}

	.history .history_mo_wrap .btn_mo_list_wrap .btn_mo_list_inner .btn_mo_list {
		margin-left: auto;
		font-size: 0
	}

	.history .history_mo_wrap .btn_mo_list_wrap .btn_mo_list_inner .btn_mo_list li {
		display: inline-block;
		width: 41px;
		height: 40px
	}

	.history .history_mo_wrap .btn_mo_list_wrap .btn_mo_list_inner .btn_mo_list li a {
		display: block;
		width: 100%;
		height: 100%;
		background: url("/resources/en/images/about_us/company/history/m/btn_list_off.svg") 50% 50% no-repeat;
		background-size: cover
	}

	.history .history_mo_wrap .btn_mo_list_wrap .btn_mo_list_inner .btn_mo_list li.list {
		margin-right: 8px
	}

	.history .history_mo_wrap .btn_mo_list_wrap .btn_mo_list_inner .btn_mo_list li.thumbnail a {
		background-image: url("/resources/en/images/about_us/company/history/m/btn_thumbnail_off.svg")
	}

	.history .history_mo_wrap .btn_mo_list_wrap .btn_mo_list_inner .btn_mo_list li.on a,.history .history_mo_wrap .btn_mo_list_wrap .btn_mo_list_inner .btn_mo_list li:hover a {
		background-image: url("/resources/en/images/about_us/company/history/m/btn_list_on.svg")
	}

	.history .history_mo_wrap .btn_mo_list_wrap .btn_mo_list_inner .btn_mo_list li.on.thumbnail a,.history .history_mo_wrap .btn_mo_list_wrap .btn_mo_list_inner .btn_mo_list li:hover.thumbnail a {
		background-image: url("/resources/en/images/about_us/company/history/m/btn_thumbnail_on.svg")
	}

	.history .history_mo_wrap .sec {
		padding: 30px 0
	}

	.history .history_mo_wrap .sec .sec_inner {
		margin: 0;
		padding: 0 15px
	}

	.history .history_mo_wrap .sec.sec1 {
		padding-top: 0
	}

	.history .history_mo_wrap .text dl {
		margin-bottom: 80px
	}

	.history .history_mo_wrap .text dl:last-of-type {
		margin-bottom: 0
	}

	.history .history_mo_wrap .text dl dt {
		margin-bottom: 15px
	}

	.history .history_mo_wrap .text dl dt span {
		display: block;
		margin-bottom: 10px;
		font-weight: bold;
		color: #1d7fbf
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.history .history_mo_wrap .text dl dt span {
		font-size: 2.8125rem;
		letter-spacing: -0.015em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.history .history_mo_wrap .text dl dt span {
		font-size: 45px;
		letter-spacing: -0.015em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.history .history_mo_wrap .text dl dt p {
		font-weight: bold;
		color: #666
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.history .history_mo_wrap .text dl dt p {
		font-size: 1.0625rem;
		letter-spacing: -0.015em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.history .history_mo_wrap .text dl dt p {
		font-size: 17px;
		letter-spacing: -0.015em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.history .history_mo_wrap .text dl dd {
		color: #222
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.history .history_mo_wrap .text dl dd {
		font-size: .9375rem;
		letter-spacing: -0.015em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.history .history_mo_wrap .text dl dd {
		font-size: 15px;
		letter-spacing: -0.015em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.history .history_mo_wrap .text dl dd .accordion_mobile li {
		padding: 0 10px;
		border-bottom: 1px solid #e5e5e5
	}

	.history .history_mo_wrap .text dl dd .accordion_mobile li:first-child {
		border-top: 1px solid #e5e5e5
	}

	.history .history_mo_wrap .text dl dd .accordion_mobile li a,.history .history_mo_wrap .text dl dd .accordion_mobile li>span {
		display: block;
		padding: 20px 0
	}

	.history .history_mo_wrap .text dl dd .accordion_mobile li a .icon,.history .history_mo_wrap .text dl dd .accordion_mobile li>span .icon {
		display: inline-block;
		margin-left: 8px;
		width: 18px;
		height: 14px;
		vertical-align: middle;
		background: url("/resources/en/images/about_us/company/history/m/ico_off.svg") 0 0 no-repeat;
		background-size: 100% auto

	}

	.history .history_mo_wrap .text dl dd .accordion_mobile li .img_box {
		display: none;
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%
	}

	.history .history_mo_wrap .text dl dd .accordion_mobile li .img_box .img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%
	}

	.history .history_mo_wrap .text dl dd .accordion_mobile li .img_box .img img {
		width: 100%;
		height: 100%;
		object-fit: cover
	}

	.history .history_mo_wrap .text dl dd .accordion_mobile li.active {
		padding: 0 10px 20px
	}

	.history .history_mo_wrap .text dl dd .accordion_mobile li.active a {
		color: #1d7fbf;
		font-weight: 600
	}

	.history .history_mo_wrap .text dl dd .accordion_mobile li.active a .icon {
		background-image: url("/resources/en/images/about_us/company/history/m/ico_on.svg");
		background-size: 100% auto
	}
}

@media(max-width: 1023px) {
	.history .history_mo_wrap .mobile_nav_wrap {
		height: 60px
	}

	.history .history_mo_wrap .mobile_nav_wrap .nav_wrap {
		overflow-x: auto;
		position: relative;
		left: 0;
		width: 100%;
		padding: 13px 0;
		background-color: #f8f8f8;
		white-space: nowrap;
		transition: .2s;
		z-index: 11
	}

	.history .history_mo_wrap .mobile_nav_wrap .nav_wrap .nav_mo_list {
		display: table;
		width: 100%
	}

	.history .history_mo_wrap .mobile_nav_wrap .nav_wrap .nav_mo_list li {
		display: table-cell;
		width: auto
	}

	.history .history_mo_wrap .mobile_nav_wrap .nav_wrap .nav_mo_list li a {
		position: relative;
		display: block;
		padding: 10px 20px;
		color: #888
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.history .history_mo_wrap .mobile_nav_wrap .nav_wrap .nav_mo_list li a {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.history .history_mo_wrap .mobile_nav_wrap .nav_wrap .nav_mo_list li a {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.history .history_mo_wrap .mobile_nav_wrap .nav_wrap .nav_mo_list li.active a {
		font-weight: bold;
		color: #1d7fbf
	}

	.history .history_mo_wrap .mobile_nav_wrap .nav_wrap .nav_mo_list li.active a::before {
		content: "";
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(-50%, 0);
		width: 4px;
		height: 4px;
		background-color: #1d7fbf;
		border-radius: 50%
	}
}

@media(max-width: 1023px) {
	.history .history_mo_wrap .mobile_nav_wrap.fixed .nav_wrap {
		position: fixed;
		bottom: 0
	}
}

@media(max-width: 1023px) {
	.history .history_mo_wrap .sec_thumb .title_wrap {
		margin-bottom: 20px
	}

	.history .history_mo_wrap .sec_thumb .title_wrap h3 {
		margin-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.history .history_mo_wrap .sec_thumb .title_wrap h3 {
		font-size: 2.0625rem;
		letter-spacing: -0.015em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.history .history_mo_wrap .sec_thumb .title_wrap h3 {
		font-size: 33px;
		letter-spacing: -0.015em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.history .history_mo_wrap .sec_thumb .title_wrap .txt {
		font-size: 1.0625rem;
		letter-spacing: -0.015em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.history .history_mo_wrap .sec_thumb .title_wrap .txt {
		font-size: 17px;
		letter-spacing: -0.015em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.history .history_mo_wrap .sec_thumb .thumb_list .item {
		margin-bottom: 50px
	}

	.history .history_mo_wrap .sec_thumb .thumb_list .item:last-of-type {
		margin-bottom: 0
	}

	.history .history_mo_wrap .sec_thumb .thumb_list .item .thumb_cover {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		padding-top: 58.05%
	}

	.history .history_mo_wrap .sec_thumb .thumb_list .item .thumb_img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.history .history_mo_wrap .sec_thumb .thumb_list .item img {
		width: 100%;
		height: 100%;
		object-fit: cover
	}

	.history .history_mo_wrap .sec_thumb .thumb_list .item .txt {
		margin-top: 10px;
		font-weight: 600;
		color: #222
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.history .history_mo_wrap .sec_thumb .thumb_list .item .txt {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: -.6333333333em;
		max-height: -1.2666666667em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.history .history_mo_wrap .sec_thumb .thumb_list .item .txt {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 19px;
		max-height: 38px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.history .history_mo_wrap .sec_thumb .thumb_list .item .txt {
		font-size: .9375rem;
		letter-spacing: -0.015em;
		line-height: 1.2666666667em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.history .history_mo_wrap .sec_thumb .thumb_list .item .txt {
		font-size: 15px;
		letter-spacing: -0.015em;
		line-height: 19px
	}
}

.history_popup.popup_wrap .history_pop_inner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1100px;
	margin-left: -550px;
	transform: translateY(-50%)
}

.history_popup.popup_wrap .swiper_wrap {
	position: relative;
	display: none
}

.history_popup.popup_wrap .swiper_wrap.on {
	display: block
}

.history_popup.popup_wrap .popup_cont {
	position: relative
}

.history_popup.popup_wrap .popup_cont .popup {
	padding: 0;
	width: 863px;
	margin: 0 auto
}

.history_popup.popup_wrap .popup_cont .popup .swiper-slide .img {
	overflow: hidden;
	position: relative;
	padding-top: 56.37%;
	height: 0
}

.history_popup.popup_wrap .popup_cont .popup .swiper-slide .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.history_popup.popup_wrap .popup_cont .popup .txt_box {
	display: table;
	width: 100%;
	height: min(5.208vw, 100px);
	background-color: #fff
}

.history_popup.popup_wrap .popup_cont .popup .txt_box p {
	display: table-cell;
	vertical-align: middle;
	padding: 0 min(1.562vw, 30px);
	font-weight: 600;
	color: #222
}

@media(min-width: 1024px) {
	.history_popup.popup_wrap .popup_cont .popup .txt_box p {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.1666666667em
	}
}

@media(max-width: 1023px) {
	.history_popup.popup_wrap .popup_cont .popup .txt_box p {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.history_popup.popup_wrap .popup_cont .popup .gallery_arrow {
	position: absolute;
	top: 50%;
	width: 100%
}

.history_popup.popup_wrap .popup_cont .popup .gallery_arrow .arrow_btn {
	background: none
}

.history_popup.popup_wrap .popup_cont .popup .gallery_arrow .arrow_btn::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 44px
}

.history_popup.popup_wrap .popup_cont .popup .gallery_arrow .swiper-button-prev {
	left: -60px
}

.history_popup.popup_wrap .popup_cont .popup .gallery_arrow .swiper-button-prev::after {
	background: url("../images/ico_popup_arrow_prev.svg") 50% 50% no-repeat
}

.history_popup.popup_wrap .popup_cont .popup .gallery_arrow .swiper-button-next {
	right: -60px
}

.history_popup.popup_wrap .popup_cont .popup .gallery_arrow .swiper-button-next::after {
	background: url("../images/ico_popup_arrow_next.svg") 50% 50% no-repeat
}

.history_popup.popup_wrap .pop_close_btn {
	top: -40px;
	right: 80px;
	width: 30px;
	height: 30px
}

.history_popup.popup_wrap .pop_close_btn::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(0, 0);
	width: 30px;
	height: 30px;
	background: url("../images/ico_popup_close.svg") left top no-repeat
}

@media(max-width: 1279px) {
	.history_popup.popup_wrap .history_pop_inner {
		width: 650px;
		margin-left: -325px
	}

	.history_popup.popup_wrap .popup_cont .popup {
		width: 100%
	}

	.history_popup.popup_wrap .popup_cont .popup .txt_box {
		height: 80px
	}

	.history_popup.popup_wrap .popup_cont .popup .txt_box p {
		padding: 0 20px
	}

	.history_popup.popup_wrap .pop_close_btn {
		top: -40px;
		right: -40px;
		width: 30px;
		height: 30px
	}

	.history_popup.popup_wrap .pop_close_btn::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		transform: translate(0, 0);
		width: 30px;
		height: 30px;
		background: url("../images/ico_popup_close.svg") left top no-repeat
	}
}

@media(max-width: 1699px) {
	.history_popup.popup_wrap .pop_close_btn {
		top: 0
	}
}

@media(max-width: 1023px) {
	.history_popup.popup_wrap {
		display: none
	}
}

.sustainability h4 {
	margin-bottom: min(1.562vw, 30px);
	line-height: 1.0666666667em;
	color: #222
}

.sustainability h4.framework {
	margin-bottom: min(4.166vw, 80px)
}

.sustainability .p1 {
	line-height: 1.5em;
	letter-spacing: -0.03em
}

.sustainability .p2 {
	margin-bottom: min(4.166vw, 80px);
	line-height: 1.5555555556em
}

.sustainability .p3 {
	margin-bottom: min(4.166vw, 80px);
	line-height: 1.75em;
	letter-spacing: -0.03em
}

.sustainability .p3.refer {
	width: 100%;
	margin-bottom: 0;
	text-align: right;
	color: #888
}

@media(min-width: 1024px) {
	.sustainability .btn_wrap {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.sustainability .btn_wrap {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.sustainability .no-margin {
	margin-bottom: 0 !important
}

@media(max-width: 1023px) {
	.sustainability .p2 {
		margin-bottom: 40px;
		line-height: 1.3333333333em
	}
}

@media(max-width: 767px) {
	.sustainability h4 {
		line-height: 1.25em
	}

	.sustainability .no-margin {
		margin-bottom: 10px !important
	}
}

.sustainability.overview {
	position: relative;
	overflow: hidden
}

.sustainability.overview.open .top_wrap {
	z-index: 0;
	opacity: 0;
	transform: translateY(-50px)
}

.sustainability.overview .top_wrap {
	z-index: 10;
	opacity: 1;
	position: relative;
	transform: translateY(0);
	transition: all .3s ease-in-out
}

.sustainability.overview .sec_motion_wrap {
	width: 100vw;
	height: 100vh
}

.sustainability.overview .bg_motion_wrap {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 auto;
	max-width: 1920px;
	width: 100vw;
	height: 100vh
}

.sustainability.overview .bg_motion_wrap.active .bg {
	clip: rect(0vh, 100vw, 100vh, 0vw)
}

.sustainability.overview .bg_motion_wrap.active .tit_wrap h3 {
	color: #fff;
	transform: translateY(0);
	transition: all .8s ease-out
}

.sustainability.overview .bg_motion_wrap.active .tit_wrap .line {
	opacity: 1;
	height: 80px;
	transition: all .6s ease-out .7s
}

.sustainability.overview .bg_motion_wrap.active .tit_wrap .txt {
	opacity: 1;
	transform: translateY(0);
	transition: all .6s ease-out 1.1s
}

.sustainability.overview .bg_motion_wrap .bg {
	position: absolute;
	clip: rect(30vh, 81vw, 56vh, 12vw);
	transition: all .8s ease-out
}

.sustainability.overview .bg_motion_wrap .bg .img {
	width: 1920px;
	height: 1400px;
	background: url("/resources/en/images/sustainability/overview/visual_img.jpg") top center no-repeat
}

.sustainability.overview .bg_motion_wrap .tit_wrap {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center
}

.sustainability.overview .bg_motion_wrap .tit_wrap h3 {
	margin-bottom: 0;
	color: #222;
	transform: translateY(220px)
}

@media(min-width: 1024px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap h3 {
		font-size: 6.5625rem;
		letter-spacing: 0.105em;
		line-height: 1em
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap h3 {
		font-size: 105px;
		letter-spacing: 0.105em;
		line-height: 105px
	}
}

.sustainability.overview .bg_motion_wrap .tit_wrap h3 span {
	display: block
}

.sustainability.overview .bg_motion_wrap .tit_wrap .line {
	opacity: 0;
	display: inline-block;
	margin: min(2.083vw, 40px) auto min(2.604vw, 50px);
	text-align: center;
	width: 1px;
	height: 0;
	max-height: 80px;
	background-color: #fff
}

.sustainability.overview .bg_motion_wrap .tit_wrap .line.long {
	max-height: 120px
}

.sustainability.overview .bg_motion_wrap .tit_wrap .txt {
	opacity: 0;
	color: #fff;
	font-weight: bold;
	transform: translateY(150px)
}

@media(min-width: 1024px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap .txt {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.4166666667em
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap .txt {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

@media all and (max-width: 1920px) {
	.sustainability.overview .bg_motion_wrap .bg {
		clip: rect(30vh, 84vw, 56vh, 15vw)
	}
}

@media all and (max-width: 1800px) {
	.sustainability.overview .bg_motion_wrap .bg {
		clip: rect(30vh, 92vw, 56vh, 8vw)
	}
}

@media all and (max-width: 1540px) {
	.sustainability.overview .bg_motion_wrap .bg {
		clip: rect(30vh, 95vw, 56vh, 5vw)
	}

	.sustainability.overview .bg_motion_wrap .tit_wrap h3 {
		transform: translateY(190px)
	}
}

.sustainability.overview .tit_wrap .w_block {
	display: block
}

.sustainability.overview .sec {
	padding: 0 0 min(8.333vw, 160px)
}

.sustainability.overview .sec:last-child {
	padding-bottom: 0
}

.sustainability.overview .sec .sec_inner {
	margin: 0 auto min(4.166vw, 80px)
}

.sustainability.overview .sec .sec_inner:last-child {
	margin: 0 auto 0
}

.sustainability.overview .sec.bg {
	padding: min(5.208vw, 100px) 0 min(6.25vw, 120px);
	background-color: #f8f8f8
}

.sustainability.overview .sec.sec1 .sec_inner {
	margin: 0 auto min(2.083vw, 40px)
}

.sustainability.overview .sec.sec5 {
	padding: min(8.333vw, 160px) 0 0
}

.sustainability.overview .sec1 {
	padding: min(8.333vw, 160px) 0
}

@media(min-width: 1024px) {
	.sustainability.overview .sec1 h3 {
		font-size: 2.5rem;
		letter-spacing: -0.03em;
		line-height: .8em
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .sec1 h3 {
		font-size: 40px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

@media(min-width: 1024px) {
	.sustainability.overview .sec1 .txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .sec1 .txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.sustainability.overview .sec4 .sec_inner {
	position: relative
}

.sustainability.overview .sec4 .sec_inner .link {
	position: absolute;
	right: 20px;
	top: 6px;
	padding-right: 25px;
	font-weight: 600;
	color: #222;
	background: url("../images/ico_arrow_b.svg") right 2px no-repeat
}

@media(min-width: 1024px) {
	.sustainability.overview .sec4 .sec_inner .link {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .sec4 .sec_inner .link {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.sustainability.overview .esgNew {
	padding-top: 40px;
	text-align: center
}

.sustainability.overview .esgNew .esgNew_clear {
	clear: both
}

.sustainability.overview .esgNew .esgNew_fl {
	float: left
}

.sustainability.overview .esgNew .esgNew_mt14 {
	margin-top: 14px
}

.sustainability.overview .esgNew .esgNew_ml24 {
	margin-left: 24px
}

.sustainability.overview .esgNew .esgNew_pl10 {
	padding-left: 10px
}

.sustainability.overview .esgNew .esgNew_ml14 {
	margin-left: 8px
}

.sustainability.overview .esgNew .esgNew_ml40 {
	margin-left: 36px
}

.sustainability.overview .esgNew .esgNew_b {
	font-weight: 700
}

.sustainability.overview .esgNew .esgNew_tBlue {
	color: #00649d
}

.sustainability.overview .esgNew .esgNew_tGray {
	color: #222
}

.sustainability.overview .esgNew .esgNew_tWhite {
	color: #fff;
	font-weight: 700
}

.sustainability.overview .esgNew .esgNew_t20px {
	font-size: 20px
}

.sustainability.overview .esgNew .esgNew_box {
	background: #1470a5;
	height: 100px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	line-height: 30px;
	padding: 22px
}

.sustainability.overview .esgNew .esgNew_line_blue {
	border-top: 1px solid #1470a5;
	margin: 13px 0
}

.sustainability.overview .esgNew .esgNew_tbox {
	background: #1470a5;
	display: inline-block;
	width: 395px;
	height: 90px;
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	padding-top: 32px
}

.sustainability.overview .esgNew .esgNew_margin5 {
	margin: 0 6px
}

.sustainability.overview .esgNew .esgNew_box_gray20 {
	display: inline-block;
	float: left;
	background: #eeefef;
	width: 193px;
	height: 86px;
	text-align: center;
	color: #222;
	font-size: 18px;
	line-height: 24px;
	padding: 20px
}

.sustainability.overview .esgNew .esgNew_box_gray30 {
	display: inline-block;
	float: left;
	background: #eeefef;
	width: 193px;
	height: 86px;
	text-align: center;
	color: #222;
	font-size: 18px;
	line-height: 24px;
	padding: 30px
}

.sustainability.overview .esgNew .esgNew_box_gray20_194 {
	display: inline-block;
	float: left;
	background: #eeefef;
	width: 194px;
	height: 86px;
	text-align: center;
	color: #222;
	font-size: 18px;
	line-height: 24px;
	padding: 20px
}

.sustainability.overview .esgNew .esgNew_line_blue0 {
	border-bottom: 1px solid #1470a5;
	padding-top: 15px;
	clear: both
}

@media(max-width: 1279px) {
	.sustainability.overview .esgNew .esgNew_fl {
		float: none
	}

	.sustainability.overview .esgNew .esgNew_tbox {
		background: #1470a5;
		display: inline-block;
		width: 100%;
		height: 90px;
		text-align: center;
		font-size: 20px;
		line-height: 28px;
		padding-top: 32px
	}

	.sustainability.overview .esgNew .esgNew_margin5 {
		margin: 0 0px
	}

	.sustainability.overview .esgNew .esgNew_box_gray20 {
		display: inline-block;
		float: left;
		background: #eeefef;
		width: calc(50% - 4px);
		height: 86px;
		text-align: center;
		color: #222;
		font-size: 18px;
		line-height: 24px;
		padding: 20px
	}

	.sustainability.overview .esgNew .esgNew_box_gray30 {
		display: inline-block;
		float: left;
		background: #eeefef;
		width: calc(50% - 4px);
		height: 86px;
		text-align: center;
		color: #222;
		font-size: 18px;
		line-height: 24px;
		padding: 30px
	}

	.sustainability.overview .esgNew .esgNew_box_gray20_194 {
		display: inline-block;
		float: left;
		background: #eeefef;
		width: calc(50% - 4px);
		height: 86px;
		text-align: center;
		color: #222;
		font-size: 18px;
		line-height: 24px;
		padding: 20px
	}

	.sustainability.overview .esgNew .esgNew_line_blue0 {
		border-bottom: 1px solid #1470a5;
		padding-top: 15px;
		clear: both;
		padding-bottom: 15px
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .esgNew .esgNew_fl {
		float: none
	}

	.sustainability.overview .esgNew .esgNew_tbox {
		background: #1470a5;
		display: inline-block;
		width: 100%;
		height: 90px;
		text-align: center;
		font-size: 20px;
		line-height: 28px;
		padding-top: 32px
	}

	.sustainability.overview .esgNew .esgNew_margin5 {
		margin: 0 0px
	}

	.sustainability.overview .esgNew .esgNew_box_gray20 {
		display: inline-block;
		float: left;
		background: #eeefef;
		width: calc(50% - 4px);
		height: 86px;
		text-align: center;
		color: #222;
		font-size: 18px;
		line-height: 24px;
		padding: 20px
	}

	.sustainability.overview .esgNew .esgNew_box_gray30 {
		display: inline-block;
		float: left;
		background: #eeefef;
		width: calc(50% - 4px);
		height: 86px;
		text-align: center;
		color: #222;
		font-size: 18px;
		line-height: 24px;
		padding: 30px
	}

	.sustainability.overview .esgNew .esgNew_box_gray20_194 {
		display: inline-block;
		float: left;
		background: #eeefef;
		width: calc(50% - 4px);
		height: 86px;
		text-align: center;
		color: #222;
		font-size: 18px;
		line-height: 24px;
		padding: 20px
	}

	.sustainability.overview .esgNew .esgNew_line_blue0 {
		border-bottom: 1px solid #1470a5;
		padding-top: 15px;
		clear: both;
		padding-bottom: 15px
	}
}

.sustainability.overview .esgNew_mt30 {
	width: 1px;
	height: 90px
}

@media(max-width: 1279px) {
	.sustainability.overview .esgNew_mt30 {
		display: none
	}
}

.sustainability.overview .txt {
	color: #222
}

@media(min-width: 1024px) {
	.sustainability.overview .txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.sustainability.overview .txt .txt_point {
	color: #56a311;
	font-weight: 600
}

.sustainability.overview .dot_list>li {
	padding-left: 10px;
	color: #666;
	position: relative
}

@media(min-width: 1024px) {
	.sustainability.overview .dot_list>li {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .dot_list>li {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.sustainability.overview .dot_list>li:before {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	content: "";
	background-color: #56a311
}

.sustainability.overview .system_box {
	position: relative;
	margin: 0 auto;
	max-width: 1760px
}

.sustainability.overview .system_box .block {
	display: block
}

.sustainability.overview .system_box .video_wrap {
	overflow: hidden;
	position: relative;
	padding-top: 33%;
	width: 100%;
	height: auto;
	max-height: 500px
}

.sustainability.overview .system_box .video_wrap video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.sustainability.overview .system_box .video_wrap::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #222;
	opacity: .2
}

.sustainability.overview .system_box .box_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 72%
}

.sustainability.overview .system_box .flex-item {
	position: relative;
	width: 50%;
	height: 100%;
	text-align: center
}

.sustainability.overview .system_box .flex-item .box {
	position: absolute;
	top: 17.5%;
	left: 0;
	width: 100%;
	padding: 20px 30px
}

.sustainability.overview .system_box .left {
	border-right: 1px solid #fff
}

.sustainability.overview .system_box .left .txt {
	padding-top: 25px
}

@media(min-width: 1024px) {
	.sustainability.overview .system_box .left .txt {
		font-size: 2.5rem;
		letter-spacing: 0em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .system_box .left .txt {
		font-size: 40px;
		letter-spacing: 0em;
		line-height: 50px
	}
}

.sustainability.overview .system_box .tit {
	margin-bottom: 30px;
	padding-bottom: 25px;
	color: #fff;
	position: relative
}

@media(min-width: 1024px) {
	.sustainability.overview .system_box .tit {
		font-size: 1.5rem;
		letter-spacing: 0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .system_box .tit {
		font-size: 24px;
		letter-spacing: 0.03em;
		line-height: 1
	}
}

.sustainability.overview .system_box .tit:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 1px;
	content: "";
	background-color: #ccc;
	transform: translateX(-50%)
}

.sustainability.overview .system_box .txt {
	color: #fff;
	font-weight: 500
}

@media(min-width: 1024px) {
	.sustainability.overview .system_box .txt {
		font-size: 2rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .system_box .txt {
		font-size: 32px;
		letter-spacing: -0.03em;
		line-height: 48px
	}
}

.sustainability.overview .provider_img {
	margin: min(4.166vw, 80px) auto min(1.041vw, 20px);
	width: 80%
}

.sustainability.overview .provider_img .m_img {
	display: none
}

.sustainability.overview .esg_box {
	position: relative;
	height: 364px;
	background: url("/resources/en/images/sustainability/overview/bg_esg_box.png") 0 0 no-repeat;
	background-color: #f8f8f8;
	background-size: 270px 100%
}

.sustainability.overview .esg_box .tit {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 min(2.5vw, 30px);
	width: min(22.5vw, 270px);
	color: #fff;
	font-weight: 600
}

@media(min-width: 1024px) {
	.sustainability.overview .esg_box .tit {
		font-size: 1.75rem;
		letter-spacing: -0.03em;
		line-height: 1.2142857143em
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .esg_box .tit {
		font-size: 28px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

.sustainability.overview .esg_box .list {
	overflow: hidden;
	padding: 40px 0 0 min(28.333vw, 340px);
	width: 100%
}

.sustainability.overview .esg_box .list>li {
	float: left;
	margin-left: 4%;
	padding: min(5.208vw, 100px) 0 0 0;
	width: 29%
}

.sustainability.overview .esg_box .list>li:nth-child(1) {
	background: url("/resources/en/images/sustainability/overview/ico_provider_1.svg") left top no-repeat;
	background-size: min(4.479vw, 86px) auto
}

.sustainability.overview .esg_box .list>li:nth-child(2) {
	background: url("/resources/en/images/sustainability/overview/ico_provider_2.svg") left top no-repeat;
	background-size: min(4.479vw, 86px) auto
}

.sustainability.overview .esg_box .list>li:nth-child(3) {
	background: url("/resources/en/images/sustainability/overview/ico_provider_3.svg") left top no-repeat;
	background-size: min(4.479vw, 86px) auto
}

.sustainability.overview .esg_box .list>li:first-child {
	margin-left: 0
}

.sustainability.overview .esg_box .list>li:nth-child(2) {
	background-position: left 12px
}

.sustainability.overview .esg_box .list>li h5 {
	line-height: 1.375em
}

.sustainability.overview .esg_box .list>li h5 .w_block {
	display: block
}

.sustainability.overview .esg_result_box>li {
	overflow: hidden;
	position: relative;
	margin-top: min(1.041vw, 20px);
	padding: 50px 0;
	border: 1px solid #e5e5e5
}

.sustainability.overview .esg_result_box>li:first-child {
	margin-top: 0
}

.sustainability.overview .esg_result_box>li:nth-child(1) .info {
	padding: 0 40px 0 80px
}

.sustainability.overview .esg_result_box>li:nth-child(2) .info {
	padding: 0 40px 0 80px
}

.sustainability.overview .esg_result_box .img_wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 40%;
	height: 100%
}

.sustainability.overview .esg_result_box .img_wrap.img1 p {
	width: min(20vw, 240px)
}

.sustainability.overview .esg_result_box .img_wrap.img2 p {
	width: min(11.916vw, 143px)
}

.sustainability.overview .esg_result_box .img_wrap.img3 p {
	width: min(20vw, 240px)
}

.sustainability.overview .esg_result_box .img_wrap p {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.sustainability.overview .esg_result_box .info {
	float: right;
	padding: 0 40px 0 80px;
	width: 60%;
	border-left: 1px solid #e5e5e5
}

.sustainability.overview .esg_result_box .info .w_block {
	display: block
}

.sustainability.overview .esg_result_box .info .txt {
	margin-bottom: min(1.562vw, 30px);
	font-weight: 600;
	color: #222
}

.sustainability.overview .esg_result_box .info .dot_tit {
	margin-bottom: min(0.833vw, 16px);
	font-weight: 600;
	color: #222
}

@media(min-width: 1024px) {
	.sustainability.overview .esg_result_box .info .dot_tit {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .esg_result_box .info .dot_tit {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.sustainability.overview .report_img_wrap {
	overflow: hidden;
	margin: min(1.562vw, 30px) 0 min(1.041vw, 20px)
}

.sustainability.overview .card_link {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.sustainability.overview .card_link li {
	width: 32%;
	height: min(27.083vw, 520px)
}

.sustainability.overview .card_link li:nth-child(1) .item {
	background: url("/resources/en/images/sustainability/overview/bg_card_1.jpg") center center no-repeat;
	background-size: 101% auto
}

.sustainability.overview .card_link li:nth-child(1) .item:hover {
	background-size: 110% auto
}

.sustainability.overview .card_link li:nth-child(2) .item {
	background: url("/resources/en/images/sustainability/overview/bg_card_2.jpg") center center no-repeat;
	background-size: 101% auto
}

.sustainability.overview .card_link li:nth-child(2) .item:hover {
	background-size: 110% auto
}

.sustainability.overview .card_link li:nth-child(3) .item {
	background: url("/resources/en/images/sustainability/overview/bg_card_3.jpg") center center no-repeat;
	background-size: 101% auto
}

.sustainability.overview .card_link li:nth-child(3) .item:hover {
	background-size: 110% auto
}

.sustainability.overview .card_link .item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	padding: min(3.645vw, 70px) 0 min(4.166vw, 80px);
	transition: all .4s ease-out
}

.sustainability.overview .card_link .tit {
	text-align: center
}

.sustainability.overview .card_link .tit>span {
	display: block;
	color: #fff
}

.sustainability.overview .card_link .tit .alphabet {
	font-weight: 600
}

@media(min-width: 1024px) {
	.sustainability.overview .card_link .tit .alphabet {
		font-size: 8.75rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .card_link .tit .alphabet {
		font-size: 140px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.sustainability.overview .card_link .tit .en {
	margin-bottom: 11px
}

@media(min-width: 1024px) {
	.sustainability.overview .card_link .tit .en {
		font-size: 1.25rem;
		letter-spacing: 0.1em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .card_link .tit .en {
		font-size: 20px;
		letter-spacing: 0.1em;
		line-height: 1
	}
}

.sustainability.overview .card_link .tit .ko {
	font-weight: bold
}

@media(min-width: 1024px) {
	.sustainability.overview .card_link .tit .ko {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .card_link .tit .ko {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.sustainability.overview .card_link .link {
	text-align: center
}

.sustainability.overview .card_link .btn_link {
	display: inline-block;
	padding-right: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background: url("/resources/en/images/sustainability/overview/ico_card_arrow.svg") right 2px no-repeat;
	background-size: 9px 15px
}

@media(min-width: 1024px) {
	.sustainability.overview .card_link .btn_link {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .card_link .btn_link {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1350px) {
	.sustainability.overview .system_box .block {
		display: inline-block
	}
}

@media(max-width: 1279px) {
	.sustainability.overview .system_box .flex-item .box {
		top: 0
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .sec {
		padding: 0 0 80px
	}

	.sustainability.overview .sec .sec_inner {
		margin: 0 auto 50px
	}

	.sustainability.overview .sec.bg {
		padding: 50px 0
	}

	.sustainability.overview .sec.sec1 {
		padding: 80px 0
	}

	.sustainability.overview .sec.sec1 .sec_inner {
		margin: 0 auto 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .sec.sec1 h3 {
		font-size: 1.5625rem;
		letter-spacing: -0.03em;
		line-height: 1.28em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .sec.sec1 h3 {
		font-size: 25px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .sec.sec1 .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .sec.sec1 .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .sec.sec5 {
		padding: 80px 0 0
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .sec1 {
		margin-top: 0
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .sec2 .ico_scroll::after {
		display: none
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .sec4 .sec_inner .link {
		right: 20px;
		top: 6px;
		padding-right: 15px;
		background-size: 6px 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .sec4 .sec_inner .link {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .sec4 .sec_inner .link {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .dot_list>li {
		padding-left: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .dot_list>li {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .dot_list>li {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .dot_list>li:before {
		width: 3px;
		height: 3px;
		top: 8px
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .top_wrap {
		margin: 0 auto 30px;
		width: 100%;
		min-height: auto
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .sec_motion_wrap {
		width: auto;
		height: auto
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .bg_motion_wrap {
		position: relative;
		max-width: 100%;
		width: 100%;
		height: 602px
	}

	.sustainability.overview .bg_motion_wrap.active .tit_wrap h3 {
		opacity: 1;
		transform: translateY(0);
		transition: all .6s ease-out
	}

	.sustainability.overview .bg_motion_wrap .bg {
		position: static;
		clip: auto;
		transition: none
	}

	.sustainability.overview .bg_motion_wrap .bg .img {
		width: 100%;
		height: 602px;
		background: url("/resources/en/images/sustainability/overview/m/visual_img.jpg") top center no-repeat;
		background-size: cover
	}

	.sustainability.overview .bg_motion_wrap .tit_wrap h3 {
		opacity: 0;
		transform: translateY(100px);
		color: #fff
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap h3 {
		font-size: 3.125rem;
		letter-spacing: 0.02em;
		line-height: 1.3em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap h3 {
		font-size: 50px;
		letter-spacing: 0.02em;
		line-height: 65px
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap .line_inner {
		display: inline-block;
		width: 1;
		height: 124px;
		background-color: rgba(0,0,0,0)
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap .line {
		margin: 20px auto 25px;
		max-height: 76px
	}

	.sustainability.overview .bg_motion_wrap .tit_wrap .line.long {
		max-height: 76px
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap .txt {
		transform: translateY(100px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap .txt {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.4705882353em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap .txt {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 25px
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .mouse_ico {
		display: none
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .system_box {
		margin: 0 24px;
		max-width: 100%
	}

	.sustainability.overview .system_box .video_wrap {
		padding-top: 0
	}

	.sustainability.overview .system_box .box_wrap {
		display: block;
		width: 82.2%;
		height: 100%
	}

	.sustainability.overview .system_box .flex-item {
		width: 100%
	}

	.sustainability.overview .system_box .flex-item.left {
		height: 44.5%
	}

	.sustainability.overview .system_box .flex-item.right {
		height: 55.5%
	}

	.sustainability.overview .system_box .flex-item .box {
		top: 50%;
		transform: translateY(-50%);
		padding: 0 10px
	}

	.sustainability.overview .system_box .left {
		border-right: none;
		border-bottom: 1px solid #fff
	}

	.sustainability.overview .system_box .left .txt {
		padding-top: 0;
		font-size: 19px
	}

	.sustainability.overview .system_box .tit {
		margin-bottom: 10px;
		padding-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .system_box .tit {
		font-size: .9375rem;
		letter-spacing: 0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .system_box .tit {
		font-size: 15px;
		letter-spacing: 0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .system_box .txt {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.3529411765em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .system_box .txt {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .provider_img {
		margin: 40px auto 20px;
		width: 94%
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .esg_box {
		height: 270px;
		background-size: 167px 100%
	}

	.sustainability.overview .esg_box .tit {
		padding: 54px 20px;
		width: 167px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .esg_box .tit {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.1em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .esg_box .tit {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .esg_box .list {
		overflow: hidden;
		padding: 20px 0 0 190px;
		width: 100%
	}

	.sustainability.overview .esg_box .list>li {
		margin: 0 auto;
		padding: 64px 0 0 0;
		width: 33.33%
	}

	.sustainability.overview .esg_box .list>li:nth-child(1) {
		background-position: 0 0;
		background-size: 50px auto
	}

	.sustainability.overview .esg_box .list>li:nth-child(2) {
		background-position: 0 0;
		background-size: 50px auto
	}

	.sustainability.overview .esg_box .list>li:nth-child(3) {
		background-position: 0 0;
		background-size: 50px auto
	}

	.sustainability.overview .esg_box .list>li:nth-child(2) {
		background-position: 0 5px
	}

	.sustainability.overview .esg_box .list .dot_list {
		width: 85%
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .esg_result_box>li {
		overflow: hidden;
		margin-top: 15px;
		padding: 30px 0;
		height: auto
	}

	.sustainability.overview .esg_result_box>li:nth-child(1) .info {
		padding: 0 45px
	}

	.sustainability.overview .esg_result_box>li:nth-child(2) .info {
		padding: 0 45px
	}

	.sustainability.overview .esg_result_box .img_wrap.img1 p {
		width: 63%
	}

	.sustainability.overview .esg_result_box .img_wrap.img2 p {
		width: 25%
	}

	.sustainability.overview .esg_result_box .img_wrap.img3 p {
		width: 50%
	}

	.sustainability.overview .esg_result_box .img_wrap p {
		width: 40%
	}

	.sustainability.overview .esg_result_box .img_wrap p img {
		width: 100%
	}

	.sustainability.overview .esg_result_box .info {
		padding: 0 45px
	}

	.sustainability.overview .esg_result_box .info .w_block {
		display: inline
	}

	.sustainability.overview .esg_result_box .info .txt {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .esg_result_box .info .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .esg_result_box .info .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .esg_result_box .info .dot_tit {
		margin-bottom: 8px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .esg_result_box .info .dot_tit {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .esg_result_box .info .dot_tit {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .report_img_wrap {
		margin: 30px 0 35px
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .btn_wrap .btn_download {
		min-width: 180px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .btn_wrap .btn_download {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .btn_wrap .btn_download {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .card_link li {
		height: min(40.625vw, 312px)
	}

	.sustainability.overview .card_link .item {
		padding: 50px 0
	}

	.sustainability.overview .card_link .tit {
		margin-bottom: 90px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .card_link .tit .alphabet {
		font-size: 5rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .card_link .tit .alphabet {
		font-size: 80px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .card_link .tit .en {
		margin-bottom: 7px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .card_link .tit .en {
		font-size: .75rem;
		letter-spacing: 0.1em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .card_link .tit .en {
		font-size: 12px;
		letter-spacing: 0.1em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .card_link .tit .ko {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .card_link .tit .ko {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.sustainability.overview .card_link .btn_link {
		background-size: 7px 14px;
		background-position: right 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sustainability.overview .card_link .btn_link {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sustainability.overview .card_link .btn_link {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 767px) {
	.sustainability.overview .tit_wrap .w_block {
		display: inline
	}

	.sustainability.overview .tit_wrap .m_block {
		display: block
	}

	.sustainability.overview .btn_wrap .btn_download {
		margin-bottom: 0
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.sustainability.overview .sec1 h3 {
		font-size: 1.5625rem;
		letter-spacing: -0.03em;
		line-height: 1.28em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.sustainability.overview .sec1 h3 {
		font-size: 25px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.sustainability.overview .sec1 .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.sustainability.overview .sec1 .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 767px) {
	.sustainability.overview .sec4 .sec_inner .link {
		display: inline-block;
		position: static;
		right: 15px;
		top: 6px;
		margin-top: 20px;
		background-position: right 3px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap h3 {
		font-size: 3.125rem;
		letter-spacing: 0.02em;
		line-height: 1.1em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap h3 {
		font-size: 50px;
		letter-spacing: 0.02em;
		line-height: 55px
	}
}

@media(max-width: 767px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap h3>span {
		display: block
	}
}

@media(max-width: 767px) {
	.sustainability.overview .bg_motion_wrap .tit_wrap .txt {
		margin: 0 auto;
		width: 90%
	}
}

@media(max-width: 767px) {
	.sustainability.overview .system_box {
		margin: 0 15px
	}

	.sustainability.overview .system_box .tit {
		margin-bottom: 10px;
		padding-bottom: 10px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.sustainability.overview .system_box .tit {
		font-size: .9375rem;
		letter-spacing: 0.03em;
		line-height: 1
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.sustainability.overview .system_box .tit {
		font-size: 15px;
		letter-spacing: 0.03em;
		line-height: 1
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.sustainability.overview .system_box .txt {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.3529411765em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.sustainability.overview .system_box .txt {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 767px) {
	.sustainability.overview .provider_img {
		margin: 0 auto 20px;
		width: 100%
	}

	.sustainability.overview .provider_img .w_img {
		display: none
	}

	.sustainability.overview .provider_img .m_img {
		display: block
	}
}

@media(max-width: 767px) {
	.sustainability.overview .esg_box {
		height: auto;
		background-image: url("/resources/en/images/sustainability/overview/m/bg_esg_box.png");
		background-size: 100% auto
	}

	.sustainability.overview .esg_box .tit {
		position: static;
		top: 0;
		transform: translateY(0);
		padding: 25px 0;
		width: 100%;
		text-align: center
	}

	.sustainability.overview .esg_box .list {
		overflow: hidden;
		padding: 40px 30px
	}

	.sustainability.overview .esg_box .list>li {
		float: none;
		margin-top: 40px;
		width: 100%;
		padding: 0 0 0 100px
	}

	.sustainability.overview .esg_box .list>li:nth-child(1) {
		background: url("/resources/en/images/sustainability/overview/ico_provider_1.svg") left center no-repeat;
		background-size: 50px auto
	}

	.sustainability.overview .esg_box .list>li:nth-child(2) {
		background: url("/resources/en/images/sustainability/overview/ico_provider_2.svg") left center no-repeat;
		background-size: 50px auto
	}

	.sustainability.overview .esg_box .list>li:nth-child(3) {
		background: url("/resources/en/images/sustainability/overview/ico_provider_3.svg") left center no-repeat;
		background-size: 50px auto
	}

	.sustainability.overview .esg_box .list>li:first-child {
		margin-top: 0
	}

	.sustainability.overview .esg_box .list>li h5 .w_block {
		display: inline
	}

	.sustainability.overview .esg_box .list .dot_list {
		width: 100%
	}
}

@media(max-width: 767px) {
	.sustainability.overview .esg_result_box>li {
		overflow: hidden;
		margin-top: 15px;
		padding: 30px 0;
		height: auto
	}

	.sustainability.overview .esg_result_box>li .img_wrap,.sustainability.overview .esg_result_box>li .info {
		float: none;
		width: 100%
	}

	.sustainability.overview .esg_result_box>li:nth-child(1) .info {
		padding: 0 min(5.434vw, 20px)
	}

	.sustainability.overview .esg_result_box>li:nth-child(2) .info {
		padding: 0 min(5.434vw, 20px)
	}

	.sustainability.overview .esg_result_box .img_wrap {
		position: static
	}

	.sustainability.overview .esg_result_box .img_wrap.img1 p,.sustainability.overview .esg_result_box .img_wrap.img2 p,.sustainability.overview .esg_result_box .img_wrap.img3 p {
		position: static;
		left: 0;
		top: 0;
		transform: translate(0, 0);
		margin: 0 auto
	}

	.sustainability.overview .esg_result_box .info {
		margin-top: 30px;
		padding: 0 min(5.434vw, 20px)
	}
}

@media(max-width: 767px) {
	.sustainability.overview .report_img_wrap {
		margin: 30px 0 35px
	}

	.sustainability.overview .report_img_wrap li {
		margin: 0 auto;
		float: none;
		width: 100%
	}

	.sustainability.overview .report_img_wrap li:first-child {
		box-shadow: 10px 13px 20px 1px #ccc
	}
}

@media(max-width: 767px) {
	.sustainability.overview .card_link li {
		margin-top: 10px;
		float: none;
		width: 100%;
		height: auto
	}

	.sustainability.overview .card_link li:first-child {
		margin-top: 0
	}

	.sustainability.overview .card_link li:nth-child(1) .item {
		background: url("/resources/en/images/sustainability/overview/m/bg_card_1.jpg") 0 0 no-repeat;
		background-size: cover
	}

	.sustainability.overview .card_link li:nth-child(2) .item {
		background: url("/resources/en/images/sustainability/overview/m/bg_card_2.jpg") 0 0 no-repeat;
		background-size: cover
	}

	.sustainability.overview .card_link li:nth-child(3) .item {
		background: url("/resources/en/images/sustainability/overview/m/bg_card_3.jpg") 0 0 no-repeat;
		background-size: cover
	}

	.sustainability.overview .card_link .item {
		position: relative;
		display: block;
		padding: 28px 25px
	}

	.sustainability.overview .card_link .tit {
		margin-bottom: 0;
		text-align: left
	}

	.sustainability.overview .card_link .tit .alphabet {
		margin-left: -4px
	}

	.sustainability.overview .card_link .btn_link {
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		text-indent: -9999px;
		width: 12px;
		height: 32px;
		background-size: cover
	}
}

.environmental .present-sign .sign {
	position: relative;
	display: inline-block;
	padding-right: min(10.416vw, 200px)
}

.environmental .present-sign .sign:after {
	content: "";
	position: absolute;
	top: min(-0.313vw, -6px);
	right: 0;
	width: min(9.27vw, 178px);
	height: min(4.375vw, 84px);
	background: url("/resources/en/images/sustainability/environmental/president_sign_namkoong.png") 0 0 no-repeat;
	background-size: cover
}

@media(max-width: 1023px) {
	.environmental .present-sign .sign {
		padding-right: 0
	}

	.environmental .present-sign .sign:after {
		top: 17px;
		width: 110px;
		height: 52px
	}
}

.environmental .bg {
	background-color: #f8f8f8
}

.environmental .tit_wrap {
	margin-bottom: min(1.562vw, 30px)
}

@media(min-width: 1024px) {
	.environmental .tit_wrap p {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.environmental .tit_wrap p {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.environmental h4 {
	margin-bottom: min(1.041vw, 20px)
}

.environmental p {
	color: #222
}

.environmental .dot_list>li {
	padding-left: min(0.625vw, 12px);
	color: #222;
	position: relative
}

@media(min-width: 1024px) {
	.environmental .dot_list>li {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.environmental .dot_list>li {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.environmental .dot_list>li:before {
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	width: 4px;
	height: 4px;
	content: "";
	background-color: #56a311
}

.environmental .dot_list>li+li {
	margin-top: min(0.781vw, 15px)
}

.environmental .bar_list li {
	padding-left: min(0.781vw, 15px);
	color: #222;
	position: relative
}

.environmental .bar_list li:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	content: "-"
}

.environmental .accordion_list>li:first-child .acco_tit {
	border-top: 2px solid #222
}

.environmental .accordion_list>li .acco_tit:after {
	border-top: 2px solid #222;
	border-left: 2px solid #222
}

.environmental .accordion_list>li.active .acco_tit {
	background: #fff
}

.environmental .accordion_list>li.active .acco_tit .tit {
	color: #222
}

.environmental .accordion_list>li.active .acco_tit:after {
	border-color: #222;
	border-top: 2px solid #222;
	border-left: 2px solid #222
}

.environmental .accordion_list>li .cont_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.environmental .accordion_list>li .cont_box .img {
	width: 49%
}

.environmental .accordion_list>li .cont_box .txt {
	width: 49%
}

.environmental .accordion_list .acco_tit:hover .tit {
	color: #222
}

.environmental .accordion_list .acco_tit .tit {
	color: #888
}

.environmental .accordion_list .acco_tit:after {
	border-top: 1px solid #222;
	border-left: 1px solid #222
}

.environmental .accordion_list .acco_cont p {
	margin-bottom: 0;
	margin-top: 20px;
	line-height: 1.5em
}

.environmental .accordion_list .acco_cont p:first-child {
	margin-top: 0
}

.environmental .sec6 .accordion_list>li .txt {
	display: table
}

.environmental .sec6 .accordion_list>li .txt .txt_inner {
	display: table-cell;
	vertical-align: middle
}

@media(min-width: 1024px) {
	.environmental .sec6 .accordion_list>li .txt .txt_inner {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.4em
	}
}

@media(max-width: 1023px) {
	.environmental .sec6 .accordion_list>li .txt .txt_inner {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.environmental .sec6 .accordion_list>li .txt .txt_inner P+p {
	margin-top: 20px
}

@media(max-width: 1023px) {
	.environmental .tit_wrap {
		margin-bottom: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental .tit_wrap p {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental .tit_wrap p {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.environmental h4 {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px) {
	.environmental .dot_list>li {
		padding-left: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental .dot_list>li {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental .dot_list>li {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.environmental .dot_list>li:before {
		top: 8px;
		width: 3px;
		height: 3px
	}
}

@media(max-width: 1023px) {
	.environmental .dot_list>li+li {
		margin-top: 8px
	}
}

@media(max-width: 1023px) {
	.environmental .bar_list li {
		padding-left: 10px
	}
}

@media(max-width: 1023px) {
	.environmental .accordion_list>li .acco_cont {
		padding: 30px 20px
	}

	.environmental .accordion_list .acco_cont p {
		line-height: 23px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental .sec6 .accordion_list>li .txt .txt_inner {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental .sec6 .accordion_list>li .txt .txt_inner {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.environmental .sec6 .accordion_list>li .txt .txt_inner P+p {
		margin-top: 10px
	}
}

@media(max-width: 767px) {
	.environmental .accordion_list>li .cont_box .img {
		width: 100%;
		margin-bottom: 20px
	}

	.environmental .accordion_list>li .cont_box .txt {
		width: 100%
	}
}

.environmental_management .w_block {
	display: block
}

.environmental_management .sec {
	padding: 0 0 min(8.333vw, 160px)
}

.environmental_management .video_btn {
	display: none
}

.environmental_management .sec1 {
	padding: 0 0 min(4.166vw, 80px)
}

.environmental_management .sec1 .sec_inner {
	margin-bottom: min(2.083vw, 40px)
}

.environmental_management .sec1 .video_wrap {
	overflow: hidden;
	position: relative;
	width: min(91.666vw, 1760px);
	margin: 0 auto min(4.166vw, 80px);
	height: min(26.041vw, 500px)
}

.environmental_management .sec1 .video_wrap .video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}

.environmental_management .sec1 .video_wrap .video_txt {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
	text-align: center
}

.environmental_management .sec1 .video_wrap .video_txt * {
	color: #fff
}

.environmental_management .sec1 .video_wrap .video_txt p {
	position: relative;
	margin-bottom: min(1.302vw, 25px);
	padding-bottom: min(1.302vw, 25px)
}

@media(min-width: 1024px) {
	.environmental_management .sec1 .video_wrap .video_txt p {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec1 .video_wrap .video_txt p {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.environmental_management .sec1 .video_wrap .video_txt p::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 20px;
	height: 1px;
	background-color: #fff;
	transform: translate(-50%, 0)
}

@media(min-width: 1024px) {
	.environmental_management .sec1 .video_wrap .video_txt h4 {
		font-size: 2rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec1 .video_wrap .video_txt h4 {
		font-size: 32px;
		letter-spacing: -0.03em;
		line-height: 48px
	}
}

.environmental_management .sec1 .circle_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	margin-bottom: min(2.083vw, 40px)
}

.environmental_management .sec1 .circle_wrap .circle_item {
	width: 49%
}

.environmental_management .sec1 .circle_wrap .circle_item .circle_out_line {
	position: relative;
	width: min(23.854vw, 458px);
	height: min(23.854vw, 458px);
	margin: 0 auto;
	border: 1px solid #56a311;
	border-radius: 50%
}

.environmental_management .sec1 .circle_wrap .circle_item .circle_in_line {
	position: absolute;
	left: 50%;
	top: 50%;
	width: min(20.937vw, 402px);
	height: min(20.937vw, 402px);
	border: 1px dashed #56a311;
	border-radius: 50%;
	transform: translate(-50%, -50%)
}

.environmental_management .sec1 .circle_wrap .circle_item .circle_in_line .dot {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	padding-left: calc(min(20.937vw, 402px) - min(0.52vw, 10px));
	transform: translate(-50%, -50%) rotate(-90deg);
	transform-origin: 50% 50%
}

.environmental_management .sec1 .circle_wrap .circle_item .circle_in_line .dot::before {
	content: "";
	position: absolute;
	right: -15px;
	bottom: -15px;
	display: block;
	width: 20px;
	height: 20px;
	background-color: rgba(86,163,17,.1);
	border-radius: 50%
}

.environmental_management .sec1 .circle_wrap .circle_item .circle_in_line .dot::after {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: #56a311;
	border-radius: 50%;
	margin: 2px 0 0 2px
}

.environmental_management .sec1 .circle_wrap .circle_item .circle_bg {
	position: absolute;
	left: 50%;
	top: 50%;
	width: min(18.437vw, 354px);
	height: min(18.437vw, 354px);
	background-color: #f8f8f8;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	text-align: center
}

.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box {
	display: table;
	width: 100%;
	height: 100%;
	color: #56a311
}

.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box .txt {
	display: table-cell;
	vertical-align: middle
}

.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box .txt h4 {
	margin-bottom: min(1.302vw, 25px);
	color: #56a311
}

@media(min-width: 1024px) {
	.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box .txt h4 {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box .txt h4 {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 40px
	}
}

.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box .txt p {
	margin: 0 auto;
	width: 80%;
	font-weight: 600;
	color: #56a311
}

@media(min-width: 1024px) {
	.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box .txt p {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.4166666667em
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box .txt p {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

.environmental_management .sec1 .circle_wrap .circle_item .circle_in_line .dot1 {
	animation: circleRotation1 18s infinite;
	animation-timing-function: linear
}

.environmental_management .sec1 .circle_wrap .circle_item .circle_in_line .dot2 {
	animation: circleRotation2 18s infinite;
	animation-timing-function: linear;
	animation-direction: reverse
}

.environmental_management .sec1 .desc_wrap {
	display: flex;
	justify-content: space-between
}

.environmental_management .sec1 .desc_wrap .desc {
	margin-left: auto;
	padding-left: 12px;
	position: relative
}

.environmental_management .sec1 .desc_wrap .desc:before {
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	content: "";
	content: "*"
}

@media(min-width: 1024px) {
	.environmental_management .sec1 .desc_wrap .desc:before {
		font-size: 1rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec1 .desc_wrap .desc:before {
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1
	}
}

.environmental_management .sec2 .bg_area {
	margin-bottom: min(1.562vw, 30px);
	padding: min(2.604vw, 50px);
	background-color: #f8f8f8
}

.environmental_management .sec2 .bg_area .list li {
	padding-left: min(0.781vw, 15px);
	color: #222;
	position: relative
}

@media(min-width: 1024px) {
	.environmental_management .sec2 .bg_area .list li {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec2 .bg_area .list li {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.environmental_management .sec2 .bg_area .list li:before {
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	width: 4px;
	height: 4px;
	content: "";
	background-color: #56a311
}

@media(min-width: 1024px) {
	.environmental_management .sec2 .txt_box .box {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec2 .txt_box .box {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.environmental_management .sec2 .txt_box .box+.box {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #e5e5e5;
	font-weight: 500
}

@media(min-width: 1024px) {
	.environmental_management .sec2 .txt_box .box+.box {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.7em
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec2 .txt_box .box+.box {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

.environmental_management .sec3 {
	margin-bottom: min(5.208vw, 100px);
	padding: min(5.208vw, 100px) 0
}

.environmental_management .sec3 .cont_wrap {
	overflow: hidden;
	padding-bottom: min(2.083vw, 40px);
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.environmental_management .sec3 .cont_wrap .img {
	width: 23.5%;
	width: min(14.687vw, 282px);
	box-shadow: 20px 20px 19px 0px rgba(0,0,0,.2)
}

.environmental_management .sec3 .cont_wrap .img a {
	display: block
}

.environmental_management .sec3 .cont_wrap .txt {
	width: 74.5%;
	padding: 0 min(11.458vw, 220px) 0 min(3.125vw, 60px)
}

@media(min-width: 1024px) {
	.environmental_management .sec3 .cont_wrap .txt {
		font-size: 1.25rem;
		letter-spacing: -0.02em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec3 .cont_wrap .txt {
		font-size: 20px;
		letter-spacing: -0.02em;
		line-height: 30px
	}
}

.environmental_management .sec3 .cont_wrap .txt strong {
	display: block;
	margin-bottom: min(1.562vw, 30px);
	color: #222
}

.environmental_management .sec4 .accordion_wrap .img_group {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%;
	margin-bottom: min(2.083vw, 40px)
}

.environmental_management .sec4 .accordion_wrap .img_group .img {
	width: 49%
}

.environmental_management .sec4 .accordion_wrap .img_group .img2 {
	width: 25%
}

.environmental_management .sec5 .sec_inner {
	margin: 0 auto min(4.166vw, 80px)
}

.environmental_management .sec5 .tit_wrap {
	margin-bottom: min(4.166vw, 80px)
}

.environmental_management .sec5 .tit_box h4 {
	font-weight: bold
}

.environmental_management .sec5 .tit_box h4:first-child {
	margin-bottom: min(1.562vw, 30px)
}

.environmental_management .sec5 .accordion_list>li .cont_box {
	align-items: center
}

.environmental_management .sec5 .accordion_list>li:first-child .acco_cont {
	display: none
}

.environmental_management .sec5 .accordion_list .acco_cont .p1+.dot_list {
	margin-top: min(1.562vw, 30px)
}

.environmental_management .sec5 .accordion_list .acco_cont .p2 {
	margin-top: min(1.562vw, 30px)
}

.environmental_management .sec5 .cont_wrap h4 {
	font-weight: bold
}

.environmental_management .sec5 .cont_wrap .cont_area .txt_area h5 {
	margin-bottom: 0;
	height: min(3.645vw, 70px);
	line-height: min(3.645vw, 70px);
	text-align: center;
	color: #fff;
	background-color: #77b540
}

.environmental_management .sec5 .cont_wrap .cont_area .txt_area .bg {
	padding: min(1.927vw, 37px) 0
}

.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal
}

@media(min-width: 1024px) {
	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list>li {
	width: 32%;
	padding: 0 min(2.604vw, 50px) 12px;
	min-height: min(7.5vw, 144px)
}

.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list>li+li {
	border-left: 1px solid #e5e5e5
}

.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list>li p {
	margin-bottom: min(0.781vw, 15px);
	padding-left: min(0.677vw, 13px);
	font-weight: 600;
	position: relative
}

.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list>li p:before {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 3px;
	height: 16px;
	content: "";
	background-color: #56a311
}

.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list>li .bar_list {
	padding-left: min(0.677vw, 13px)
}

.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list.list2>li {
	width: 49%
}

.environmental_management .sec5 .cont_wrap .cont_area .txt_area+.txt_area {
	margin-top: min(2.604vw, 50px)
}

.environmental_management .sec6 .sec_inner {
	margin: 0 auto min(4.166vw, 80px)
}

.environmental_management .sec6 .tit_wrap {
	margin-bottom: 0
}

.environmental_management .sec7 .accordion_list>li .cont_box {
	align-items: center
}

.environmental_management .sec7 .txt_box {
	margin-bottom: min(5.208vw, 100px)
}

.environmental_management .sec7 .txt_box p {
	margin-bottom: min(1.822vw, 35px)
}

@media(min-width: 1024px) {
	.environmental_management .sec7 .txt_box p {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec7 .txt_box p {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.environmental_management .sec7 .txt_box p:last-child {
	margin-bottom: 0
}

.environmental_management .sec8 .box_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.environmental_management .sec8 .box_list li {
	width: 32%;
	padding: min(2.604vw, 50px) min(2.083vw, 40px);
	border: 1px solid #e5e5e5
}

.environmental_management .sec8 .box_list li h4 {
	margin-bottom: min(1.458vw, 28px);
	padding-bottom: min(0.885vw, 17px);
	position: relative
}

@media(min-width: 1024px) {
	.environmental_management .sec8 .box_list li h4 {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec8 .box_list li h4 {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.environmental_management .sec8 .box_list li h4:before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 3px;
	content: "";
	background-color: #56a311
}

@media(min-width: 1024px) {
	.environmental_management .sec8 .box_list li p {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec8 .box_list li p {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec {
		padding: 0 0 80px
	}

	.environmental_management .sec1 {
		padding: 0 0 50px
	}

	.environmental_management .sec1 .sec_inner {
		margin-bottom: 40px
	}

	.environmental_management .sec1 .video_wrap {
		overflow: hidden;
		position: relative;
		width: 100%;
		margin: 0 auto 40px;
		height: 400px
	}

	.environmental_management .sec1 .video_wrap .video {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%
	}

	.environmental_management .sec1 .video_wrap .video_txt p {
		margin-bottom: 10px;
		padding-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental_management .sec1 .video_wrap .video_txt p {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.0666666667em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental_management .sec1 .video_wrap .video_txt p {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 16px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental_management .sec1 .video_wrap .video_txt h4 {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.3529411765em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental_management .sec1 .video_wrap .video_txt h4 {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec1 .circle_wrap {
		margin-bottom: 15px
	}

	.environmental_management .sec1 .circle_wrap .circle_item .circle_out_line {
		width: 250px;
		height: 250px
	}

	.environmental_management .sec1 .circle_wrap .circle_item .circle_in_line {
		width: 220px;
		height: 220px
	}

	.environmental_management .sec1 .circle_wrap .circle_item .circle_in_line .dot {
		padding-left: 210px
	}

	.environmental_management .sec1 .circle_wrap .circle_item .circle_in_line .dot::before {
		right: -10px;
		bottom: -10px;
		width: 10px;
		height: 10px
	}

	.environmental_management .sec1 .circle_wrap .circle_item .circle_in_line .dot::after {
		width: 3px;
		height: 3px;
		margin: 4px 0 0 3px
	}

	.environmental_management .sec1 .circle_wrap .circle_item .circle_bg {
		width: 185px;
		height: 185px
	}

	.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box {
		width: 80%;
		height: 105%;
		margin: auto
	}

	.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box .txt h4 {
		margin-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box .txt h4 {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.1176470588em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box .txt h4 {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 19px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box .txt p {
		width: 100%
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box .txt p {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.2142857143em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental_management .sec1 .circle_wrap .circle_item .circle_bg .txt_box .txt p {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 17px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec1 .desc_wrap {
		padding-right: 5%
	}

	.environmental_management .sec1 .desc_wrap .desc {
		padding-left: 12px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental_management .sec1 .desc_wrap .desc:before {
		font-size: .8125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental_management .sec1 .desc_wrap .desc:before {
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec2 .bg_area {
		margin-bottom: 15px;
		padding: 25px 20px
	}

	.environmental_management .sec2 .bg_area .list li {
		padding-left: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental_management .sec2 .bg_area .list li {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.5714285714em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental_management .sec2 .bg_area .list li {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec2 .bg_area .list li:before {
		top: 9px;
		width: 3px;
		height: 3px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental_management .sec2 .txt_box .box {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental_management .sec2 .txt_box .box {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec2 .txt_box .box+.box {
		margin-top: 20px;
		padding-top: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental_management .sec2 .txt_box .box+.box {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental_management .sec2 .txt_box .box+.box {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec3 {
		margin-bottom: 50px;
		padding: 50px 0
	}

	.environmental_management .sec3 .cont_wrap {
		display: block;
		overflow: hidden;
		padding-bottom: 20px
	}

	.environmental_management .sec3 .cont_wrap .img {
		float: left;
		box-shadow: 10px 10px 10px 0px rgba(0,0,0,.2)
	}

	.environmental_management .sec3 .cont_wrap .txt {
		float: left;
		padding: 0 0 0 4.5%;
		width: 70%
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental_management .sec3 .cont_wrap .txt {
		font-size: .9375rem;
		letter-spacing: -0.02em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental_management .sec3 .cont_wrap .txt {
		font-size: 15px;
		letter-spacing: -0.02em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec3 .cont_wrap .txt strong {
		margin-bottom: 10px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec4 .accordion_wrap .img_group {
		margin-bottom: 20px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec5 .sec_inner {
		margin: 0 auto 40px
	}

	.environmental_management .sec5 .tit_wrap {
		margin-bottom: 40px
	}

	.environmental_management .sec5 .tit_box h4:first-child {
		margin-bottom: 15px
	}

	.environmental_management .sec5 .accordion_list>li .cont_box {
		align-items: normal
	}

	.environmental_management .sec5 .accordion_list .acco_cont .p1+.dot_list {
		margin-top: 15px
	}

	.environmental_management .sec5 .accordion_list .acco_cont .p2 {
		margin-top: 15px
	}

	.environmental_management .sec5 .cont_wrap .cont_area .txt_area h5 {
		height: 50px;
		line-height: 50px
	}

	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .bg {
		padding: 20px 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list>li {
		padding: 0 25px;
		height: auto;
		min-height: 72px
	}

	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list>li p {
		margin-bottom: 8px;
		padding-left: 10px
	}

	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list>li p:before {
		top: 3px;
		width: 2px;
		height: 12px
	}

	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list>li .bar_list {
		padding-left: 10px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec5 .cont_wrap .cont_area .txt_area+.txt_area {
		margin-top: 25px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec6 .sec_inner {
		margin: 0 auto 40px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec7 .accordion_list>li .cont_box {
		align-items: normal
	}

	.environmental_management .sec7 .txt_box {
		margin-bottom: 50px
	}

	.environmental_management .sec7 .txt_box p {
		margin-bottom: 30px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental_management .sec7 .txt_box p {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental_management .sec7 .txt_box p {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec8 .box_list li {
		padding: 25px 20px
	}

	.environmental_management .sec8 .box_list li h4 {
		margin-bottom: 14px;
		padding-bottom: 12px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental_management .sec8 .box_list li h4 {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.4117647059em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental_management .sec8 .box_list li h4 {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 24px
	}
}

@media(max-width: 1023px) {
	.environmental_management .sec8 .box_list li h4:before {
		width: 20px;
		height: 2px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.environmental_management .sec8 .box_list li p {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.5714285714em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.environmental_management .sec8 .box_list li p {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

@media(max-width: 767px) {
	.environmental_management .w_block {
		display: inline
	}

	.environmental_management .accordion_list .acco_tit .tit {
		padding: 30px 50px 30px 20px
	}

	.environmental_management .sec1 .video_wrap .video {
		width: 220%
	}

	.environmental_management .sec1 .video_wrap .video_txt {
		left: 50%;
		transform: translate(-50%, -50%);
		width: 90%
	}

	.environmental_management .sec1 .circle_wrap {
		display: block
	}

	.environmental_management .sec1 .circle_wrap .circle_item {
		width: 100%
	}

	.environmental_management .sec1 .circle_wrap .circle_item+.circle_item {
		margin-top: 20px
	}

	.environmental_management .sec1 .desc_wrap {
		padding-right: 0
	}

	.environmental_management .sec2 .accordion_wrap .img_group {
		display: block
	}

	.environmental_management .sec2 .accordion_wrap .img_group .img {
		margin-top: 10px;
		width: 100%
	}

	.environmental_management .sec2 .accordion_wrap .img_group .img:first-child {
		margin-top: 0
	}

	.environmental_management .sec2 .accordion_wrap .img_group .img2 {
		margin-top: 10px;
		width: 100%
	}

	.environmental_management .sec2 .accordion_wrap .img_group .img2 img {
		width: 100%
	}

	.environmental_management .sec3 .cont_wrap {
		display: block;
		padding-bottom: 0
	}

	.environmental_management .sec3 .cont_wrap .img {
		margin: 0 auto 30px;
		float: none;
		width: 58%
	}

	.environmental_management .sec3 .cont_wrap .txt {
		float: none;
		width: 100%;
		padding: 0
	}

	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list {
		display: block
	}

	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list>li {
		margin-top: 30px;
		width: 100%
	}

	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list>li:first-child {
		margin-top: 0
	}

	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list>li+li {
		border-left: 0
	}

	.environmental_management .sec5 .cont_wrap .cont_area .txt_area .list.list2>li {
		width: 100%
	}

	.environmental_management .sec5 .cont_wrap .cont_area .txt_area+.txt_area {
		margin-top: 25px
	}

	.environmental_management .sec7 .img_box {
		display: block
	}

	.environmental_management .sec7 .img_box .img {
		margin-top: 15px;
		width: 100%
	}

	.environmental_management .sec7 .img_box .img:first-child {
		margin-top: 0
	}

	.environmental_management .sec8 .box_list {
		display: block
	}

	.environmental_management .sec8 .box_list li {
		margin-top: 15px;
		width: 100%;
		padding: 25px 20px
	}

	.environmental_management .sec8 .box_list li:first-child {
		margin-top: 0
	}
}

@keyframes circleRotation1 {
	0% {
		transform: translate(-50%, -50%) rotate(-90deg)
	}

	100% {
		transform: translate(-50%, -50%) rotate(270deg)
	}
}

@keyframes circleRotation2 {
	0% {
		transform: translate(-50%, -50%) rotate(-170deg)
	}

	100% {
		transform: translate(-50%, -50%) rotate(190deg)
	}
}

.social h4 {
	font-weight: bold
}

.social .sec {
	padding: 0 0 min(8.333vw, 160px)
}

.social .sec:last-child {
	padding-bottom: 0
}

.social .sec .sec_inner {
	margin: 0 auto min(4.166vw, 80px)
}

.social .certification_wrap {
	padding: min(5.208vw, 100px) 0 min(6.25vw, 120px);
	background-color: #f8f8f8
}

.social .certification_wrap .inner {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1240px;
	width: auto
}

.social .certification_list {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal
}

.social .certification_list li {
	width: 41.6666666667%;
	margin-top: min(5.208vw, 100px);
	text-align: center
}

.social .certification_list li:nth-child(1),.social .certification_list li:nth-child(2) {
	margin-top: 0
}

.social .certification_list li:nth-child(odd) {
	margin-right: 16%
}

.social .certification_list .img {
	display: inline-block;
	width: min(14.687vw, 282px);
	box-shadow: 8px 10px 12px 0px #ccc
}

.social .certification_list .img a {
	display: block
}

.social .certification_list .txt_wrap {
	margin-top: min(2.083vw, 40px);
	color: #222;
	text-align: left
}

@media(min-width: 1024px) {
	.social .certification_list .txt_wrap {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.social .certification_list .txt_wrap {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.social .certification_list .tit {
	margin-bottom: min(0.781vw, 15px);
	font-weight: 600
}

.social .box_info_wrap {
	margin: min(1.562vw, 30px) 0;
	padding: min(2.604vw, 50px) min(2.083vw, 40px);
	background-color: #f8f8f8
}

.social .box_btn_wrap {
	overflow: hidden;
	margin: min(1.562vw, 30px) 0;
	padding: min(1.041vw, 20px) min(2.083vw, 40px);
	background-color: #f8f8f8
}

.social .box_btn_wrap .btn_tit {
	margin-top: min(0.781vw, 15px);
	float: left;
	width: 50%;
	color: #222
}

@media(min-width: 1024px) {
	.social .box_btn_wrap .btn_tit {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.social .box_btn_wrap .btn_tit {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.social .box_btn_wrap .btn_wrap {
	text-align: right;
	float: right;
	width: 50%
}

.social .box_btn_wrap .btn_wrap .btn {
	border: none
}

.social .dot_list>li {
	padding-left: 10px;
	color: #222;
	position: relative
}

@media(min-width: 1024px) {
	.social .dot_list>li {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.social .dot_list>li {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.social .dot_list>li:before {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	content: "";
	background-color: #56a311
}

.social .table_wrap {
	margin-top: min(2.604vw, 50px)
}

.social .table_wrap table {
	border-top: none
}

.social .table_wrap .info_table th {
	background-color: #77b540;
	color: #fff
}

@media(min-width: 1024px) {
	.social .table_wrap .info_table th {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.social .table_wrap .info_table th {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.social .table_wrap .info_table td {
	color: #222
}

@media(min-width: 1024px) {
	.social .table_wrap .info_table td {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.social .table_wrap .info_table td {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.social .txt {
	color: #222
}

@media(min-width: 1024px) {
	.social .txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.social .txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.social.safety .block {
	display: block
}

.social.safety h3+h4 {
	margin-top: 60px
}

.social.safety .sec1 .safety_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.social.safety .sec1 .safety_list li {
	padding: min(2.604vw, 50px) 10px;
	width: 32%;
	background-color: #f8f8f8;
	color: #222;
	text-align: center;
	font-weight: bold;
	display: inline-flex;
	justify-content: center;
	align-items: center
}

@media(min-width: 1024px) {
	.social.safety .sec1 .safety_list li {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.social.safety .sec1 .safety_list li {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.social.safety .sec1 .stystem_wrap {
	position: relative;
	margin: 0 auto;
	width: 784px
}

.social.safety .sec1 .stystem_wrap img.mo {
	display: none
}

.social.safety .sec2 .ceo_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: normal;
	margin-top: min(2.083vw, 40px);
	padding-top: min(1.822vw, 35px);
	border-top: 1px solid #e5e5e5;
	color: #222;
	font-weight: 500
}

@media(min-width: 1024px) {
	.social.safety .sec2 .ceo_box {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.2em
	}
}

@media(max-width: 1023px) {
	.social.safety .sec2 .ceo_box {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 24px
	}
}

.social.safety .sec2 .ceo_box>div {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 50%
}

.social.safety .sec2 .ceo_box>div.box2 {
	padding-left: 90px
}

.social.safety .sec2 .ceo_box .ceo {
	margin-bottom: 10px
}

.social.safety .sec2 .ceo_box .sign {
	width: min(9.27vw, 178px);
	height: min(4.375vw, 84px);
	margin: 0 0 0 30px
}

@media(max-width: 1023px) {
	.social.safety .sec2 .ceo_box .sign {
		padding-right: 0
	}

	.social.safety .sec2 .ceo_box .sign:after {
		top: -3px;
		right: -63%;
		width: 110px;
		height: 52px
	}
}

.social.safety .sec2 .video-wrap {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	margin-top: min(4.166vw, 80px)
}

.social.safety .sec2 .video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.social.safety.new .tab_wrap {
	max-width: 1240px;
	margin: 0 auto min(4.166vw, 80px);
	padding: 0 min(1.041vw, 20px)
}

.social.safety.new .tab2 .flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: normal
}

.social.safety.new .tab2 .w_block {
	display: block
}

.social.safety.new .tab2 .sec {
	padding: 0 0 min(4.166vw, 80px)
}

.social.safety.new .tab2 .sec.sec1,.social.safety.new .tab2 .sec.sec2,.social.safety.new .tab2 .sec.cycle {
	padding: 0 0 min(8.333vw, 160px)
}

.social.safety.new .tab2 .brand h3 {
	margin-bottom: min(3.125vw, 60px)
}

.social.safety.new .tab2 .brand .flex-container {
	width: 1016px;
	margin: 0 auto min(3.125vw, 60px);
	align-items: center
}

.social.safety.new .tab2 .brand .flex-container .img-wrap {
	width: 330px
}

.social.safety.new .tab2 .brand .flex-container img {
	max-width: 100%;
	margin: 0 auto
}

.social.safety.new .tab2 .brand .flex-container p {
	width: 686px;
	padding-left: min(2.604vw, 50px);
	font-weight: 600;
	color: #222;
	text-align: center
}

@media(min-width: 1024px) {
	.social.safety.new .tab2 .brand .flex-container p {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.6666666667em
	}
}

@media(max-width: 1023px) {
	.social.safety.new .tab2 .brand .flex-container p {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 40px
	}
}

.social.safety.new .tab2 .brand .say-desc {
	background-color: #f3fafc
}

.social.safety.new .tab2 .brand .say-desc ul {
	padding: min(3.125vw, 60px) min(5.208vw, 100px);
	font-size: 0
}

.social.safety.new .tab2 .brand .say-desc li {
	display: inline-block;
	vertical-align: middle
}

.social.safety.new .tab2 .brand .say-desc li>div {
	position: relative
}

.social.safety.new .tab2 .brand .say-desc li:nth-child(1),.social.safety.new .tab2 .brand .say-desc li:nth-child(2) {
	margin-bottom: min(2.604vw, 50px)
}

.social.safety.new .tab2 .brand .say-desc li:nth-child(1),.social.safety.new .tab2 .brand .say-desc li:nth-child(3) {
	width: 58.8%
}

.social.safety.new .tab2 .brand .say-desc li:nth-child(2),.social.safety.new .tab2 .brand .say-desc li:nth-child(4) {
	width: 41.2%
}

.social.safety.new .tab2 .brand .say-desc li p {
	padding-left: 52px;
	color: #222;
	text-align: left
}

@media(min-width: 1024px) {
	.social.safety.new .tab2 .brand .say-desc li p {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.social.safety.new .tab2 .brand .say-desc li p {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.social.safety.new .tab2 .brand .say-desc li p .bold {
	font-weight: 600
}

.social.safety.new .tab2 .brand .say-desc li .icon {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	margin-right: 16px;
	border-radius: 50%
}

.social.safety.new .tab2 .brand .say-desc li .icon.sky {
	background-color: #479fd8
}

.social.safety.new .tab2 .brand .say-desc li .icon.green {
	background-color: #83bd56
}

.social.safety.new .tab2 .brand .say-desc li .icon.blue {
	background-color: #24458a
}

.social.safety.new .tab2 .brand .say-desc li .icon.string {
	height: 41px;
	border-radius: 0;
	background: url("/resources/en/images/sustainability/social/icon_A.png") center center no-repeat;
	background-size: cover
}

.social.safety.new .tab2 .identity p {
	margin-bottom: 0
}

.social.safety.new .tab2 .identity .side_line:before {
	background-color: #56a311
}

.social.safety.new .tab2 .identity ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%;
	flex-wrap: wrap
}

.social.safety.new .tab2 .identity ul .card {
	width: 49%;
	padding: min(3.645vw, 70px);
	background-color: #f8f8f8;
	color: #222
}

.social.safety.new .tab2 .identity ul .name {
	margin-bottom: min(1.562vw, 30px);
	font-weight: 600
}

@media(min-width: 1024px) {
	.social.safety.new .tab2 .identity ul .name {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.social.safety.new .tab2 .identity ul .name {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.social.safety.new .tab2 .identity ul .p2 {
	padding-left: 15px
}

.social.safety.new .tab2 .value {
	position: relative
}

.social.safety.new .tab2 .value h3 {
	margin-bottom: min(4.166vw, 80px)
}

.social.safety.new .tab2 .value ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: normal;
	gap: 0 2%
}

.social.safety.new .tab2 .value li {
	width: 24.4444444444%
}

.social.safety.new .tab2 .value li img {
	margin: 0
}

.social.safety.new .tab2 .value li strong {
	display: block;
	margin: min(1.041vw, 20px) 0 min(0.312vw, 6px);
	color: #222
}

@media(min-width: 1024px) {
	.social.safety.new .tab2 .value li strong {
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.social.safety.new .tab2 .value li strong {
		font-size: 24px;
		letter-spacing: 0;
		line-height: 1
	}
}

.social.safety.new .tab2 .value li span {
	position: relative;
	display: block;
	margin-bottom: 20px;
	color: #222
}

@media(min-width: 1024px) {
	.social.safety.new .tab2 .value li span {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.social.safety.new .tab2 .value li span {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.social.safety.new .tab2 .value li span:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5
}

.social.safety.new .tab2 .value li p {
	color: #222
}

@media(min-width: 1024px) {
	.social.safety.new .tab2 .value li p {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.6666666667em
	}
}

@media(max-width: 1023px) {
	.social.safety.new .tab2 .value li p {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.social.safety.new .tab2 .value .video-wrap {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	margin-top: min(4.166vw, 80px)
}

.social.safety.new .tab2 .value .video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.social.safety.new .tab2 .value .stystem_wrap {
	position: relative;
	margin: 0 auto
}

.social.safety.new .tab2 .value .stystem_wrap img.mo {
	display: none
}

.social.safety.new .tab2 .program {
	padding-bottom: min(8.333vw, 160px)
}

.social.safety.new .tab2 .program h3 {
	margin-bottom: min(4.166vw, 80px)
}

.social.safety.new .tab2 .program .box-wrap {
	position: relative
}

.social.safety.new .tab2 .program .box-wrap:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 621px;
	height: 667px;
	background: url("/resources/en/images/sustainability/social/safety_program_line.png") center center no-repeat;
	background-size: cover;
	z-index: -1
}

.social.safety.new .tab2 .program .green-box {
	width: 728px;
	margin: 0 auto
}

.social.safety.new .tab2 .program .green-box li {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
	height: 109px;
	margin-bottom: 40px;
	border: 1px solid #77b540;
	background-color: #77b540
}

.social.safety.new .tab2 .program .green-box li:last-child {
	margin-bottom: 60px
}

.social.safety.new .tab2 .program .green-box li p {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 50%;
	height: 100%;
	text-align: center;
	color: #fff
}

.social.safety.new .tab2 .program .green-box li p.right {
	font-weight: 700
}

@media(min-width: 1024px) {
	.social.safety.new .tab2 .program .green-box li p.right {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px) {
	.social.safety.new .tab2 .program .green-box li p.right {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

.social.safety.new .tab2 .program .green-box li p.left {
	background-color: #fff;
	color: #222;
	font-weight: 600
}

@media(min-width: 1024px) {
	.social.safety.new .tab2 .program .green-box li p.left {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.social.safety.new .tab2 .program .green-box li p.left {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

.social.safety.new .tab2 .program .img-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: normal;
	gap: 0 2%
}

.social.safety.new .tab2 .program .img-box>li {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	width: 48.3333333333%;
	margin-bottom: 40px
}

.social.safety.new .tab2 .program .img-box>li:nth-child(3),.social.safety.new .tab2 .program .img-box>li:nth-child(4) {
	margin-bottom: 0
}

.social.safety.new .tab2 .program .img-box>li>div {
	width: 48.3333333333%
}

.social.safety.new .tab2 .program .img-box .img-wrap {

	width: 45%
}

.social.safety.new .tab2 .program .img-box .img-wrap img {
	display: block;
	width: 100%;
	height: auto
}

.social.safety.new .tab2 .program .img-box .text-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 55%;
	background-color: #fff;
	border: 1px solid #77b540;
	color: #222
}

.social.safety.new .tab2 .program .img-box .text-wrap strong {
	display: block;
	padding-bottom: 5px
}

@media(min-width: 1024px) {
	.social.safety.new .tab2 .program .img-box .text-wrap strong {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.social.safety.new .tab2 .program .img-box .text-wrap strong {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

.social.safety.new .tab2 .program .img-box .text-wrap li {
	position: relative;
	padding-left: 9px;
	padding-bottom: 2px;
	text-align: left;
	vertical-align: middle
}

@media(min-width: 1024px) {
	.social.safety.new .tab2 .program .img-box .text-wrap li {
		font-size: 1rem;
		letter-spacing: -0.03em;
		line-height: 1.375em
	}
}

@media(max-width: 1023px) {
	.social.safety.new .tab2 .program .img-box .text-wrap li {
		font-size: 16px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

.social.safety.new .tab2 .program .img-box .text-wrap li:last-child {
	padding-bottom: 0
}

.social.safety.new .tab2 .program .img-box .text-wrap li:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #56a311
}

.social.safety.new .tab2 .cycle h3 {
	margin-bottom: min(3.125vw, 60px)
}

.social.safety.new .tab2 .cycle img {
	margin: min(4.166vw, 80px) auto
}

.social.safety.new .tab2 .cycle .smart-solution {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 30px 40px;
	padding: 50px 0 90px
}

.social.safety.new .tab2 .cycle .smart-solution>li {
	width: calc(50% - 20px);
	padding: 18px;
	background-color: #77b540;
	border-radius: 17px
}

.social.safety.new .tab2 .cycle .smart-solution>li h5 {
	color: #fff;
	display: block;
	text-align: center;
	margin: 0 0 10px;
	line-height: 1.2;
	font-size: 24px;
	font-weight: 700
}

.social.safety.new .tab2 .cycle .smart-solution>li>div {
	display: flex;
	align-items: center;
	height: 320px;
	background-color: #fff;
	border-radius: 17px;
	padding: 20px 25px 20px 180px
}

.social.safety.new .tab2 .cycle .smart-solution>li>div.cctv {
	background: #fff url("/resources/en/images/sustainability/social/safety_cctv.jpg") no-repeat 20px 50%
}

.social.safety.new .tab2 .cycle .smart-solution>li>div.robot {
	background: #fff url("/resources/en/images/sustainability/social/safety_robot.jpg") no-repeat 20px 50%
}

.social.safety.new .tab2 .cycle .smart-solution>li>div.harness {
	background: #fff url("/resources/en/images/sustainability/social/safety_harness.jpg") no-repeat 30px 50%
}

.social.safety.new .tab2 .cycle .smart-solution>li>div.iot {
	background: #fff url("/resources/en/images/sustainability/social/safety_iot.jpg") no-repeat 25px 50%
}

.social.safety.new .tab2 .cycle .smart-solution>li>div>p {
	font-size: 18px;
	font-weight: 500;
	color: #222;
	line-height: 1.3;
	position: relative;
	padding-left: 10px
}

.social.safety.new .tab2 .cycle .smart-solution>li>div>p:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #77b540
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .cycle .smart-solution>li h5 {
		font-size: 21px;
		font-weight: 600
	}

	.social.safety.new .tab2 .cycle .smart-solution>li>div>p {
		font-size: 16px;
		line-height: 1.35
	}
}

@media(max-width: 1023px) {
	.social.safety.new .tab2 .cycle .smart-solution {
		gap: 20px 30px
	}

	.social.safety.new .tab2 .cycle .smart-solution>li h5 {
		font-size: 18px
	}

	.social.safety.new .tab2 .cycle .smart-solution>li>div {
		background-size: 80px !important;
		background-position-x: 10px !important;
		padding-left: 100px;
		height: 220px
	}

	.social.safety.new .tab2 .cycle .smart-solution>li>div.harness {
		background-size: 12% !important;
		background-position-x: 20px !important
	}

	.social.safety.new .tab2 .cycle .smart-solution>li>div>p {
		font-size: 14px
	}
}

@media(max-width: 767px) {
	.social.safety.new .tab2 .cycle .smart-solution {
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 20px
	}

	.social.safety.new .tab2 .cycle .smart-solution>li {
		width: 100%
	}

	.social.safety.new .tab2 .cycle .smart-solution>li>div {
		height: auto;
		background-size: 20% !important;
		background-position-y: 30px !important;
		padding-left: 27%
	}
}

.social.safety.new .tab2 .cycle .s-hms {
	display: block;
	margin: 50px 0 90px;
	border-top: 3px solid #77b540;
	border-bottom: 3px solid #77b540
}

.social.safety.new .tab2 .cycle .s-hms>li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-left: 250px;
	height: 210px
}

.social.safety.new .tab2 .cycle .s-hms>li+li {
	border-top: 1px solid #77b540
}

.social.safety.new .tab2 .cycle .s-hms>li p {
	font-size: 20px;
	font-weight: 300;
	color: #222;
	line-height: 1.25
}

.social.safety.new .tab2 .cycle .s-hms-01 {
	background: #fff url("/resources/en/images/sustainability/social/shms_01.png") no-repeat 70px 50%
}

.social.safety.new .tab2 .cycle .s-hms-02 {
	background: #fff url("/resources/en/images/sustainability/social/shms_02.png") no-repeat 70px 50%
}

.social.safety.new .tab2 .cycle .s-hms-03 {
	background: #fff url("/resources/en/images/sustainability/social/shms_03.png") no-repeat 60px 50%
}

.social.safety.new .tab2 .cycle .s-hms-04 {
	background: #fff url("/resources/en/images/sustainability/social/shms_04.png") no-repeat 70px 50%
}

.social.safety.new .tab2 .cycle .s-hms-05 {
	background: #fff url("/resources/en/images/sustainability/social/shms_05.png") no-repeat 70px 50%
}

@media(max-width: 1023px) {
	.social.safety.new .tab2 .cycle .s-hms>li {
		height: auto;
		padding: 30px 20px 30px 120px;
		background-size: 60px !important;
		background-position: 30px !important
	}

	.social.safety.new .tab2 .cycle .s-hms>li p {
		font-size: 15px
	}
}

.social.safety.new .tab2 .certification {
	padding: 0
}

.social.safety.new .tab2 .certification .certification_wrap {
	padding: 0;
	background-color: #fff
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .w_block {
		display: inline-block
	}

	.social.safety.new .tab2 .sec {
		padding: 0 0 40px
	}

	.social.safety.new .tab2 .sec.sec1,.social.safety.new .tab2 .sec.sec2,.social.safety.new .tab2 .sec.cycle {
		padding: 0 0 80px
	}

	.social.safety.new .tab2 .brand h3 {
		margin-bottom: 30px
	}

	.social.safety.new .tab2 .brand .flex-container {
		display: block;
		max-width: 100%;
		margin-bottom: min(5.208vw, 40px)
	}

	.social.safety.new .tab2 .brand .flex-container .img-wrap {
		width: 100%;
		margin-bottom: min(5.208vw, 40px);
		padding-left: 0
	}

	.social.safety.new .tab2 .brand .flex-container img {
		max-width: 240px
	}

	.social.safety.new .tab2 .brand .flex-container p {
		width: 100%;
		padding-left: 0
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .brand .flex-container p {
		font-size: 1.0625rem;
		letter-spacing: -0.015em;
		line-height: 1.6470588235em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .brand .flex-container p {
		font-size: 17px;
		letter-spacing: -0.015em;
		line-height: 28px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .brand .say-desc ul {
		padding: min(7.812vw, 60px)
	}

	.social.safety.new .tab2 .brand .say-desc li {
		display: inline-block;
		margin-bottom: min(6.51vw, 50px)
	}

	.social.safety.new .tab2 .brand .say-desc li:nth-child(1),.social.safety.new .tab2 .brand .say-desc li:nth-child(2) {
		margin-bottom: min(6.51vw, 50px)
	}

	.social.safety.new .tab2 .brand .say-desc li:nth-child(1),.social.safety.new .tab2 .brand .say-desc li:nth-child(3) {
		width: 100%
	}

	.social.safety.new .tab2 .brand .say-desc li:nth-child(2),.social.safety.new .tab2 .brand .say-desc li:nth-child(4) {
		width: 100%
	}

	.social.safety.new .tab2 .brand .say-desc li:last-child {
		margin-bottom: 0
	}

	.social.safety.new .tab2 .brand .say-desc li>div {
		position: relative
	}

	.social.safety.new .tab2 .brand .say-desc li p {
		padding-left: 45px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .brand .say-desc li p {
		font-size: 1rem;
		letter-spacing: -0.015em;
		line-height: 1.375em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .brand .say-desc li p {
		font-size: 16px;
		letter-spacing: -0.015em;
		line-height: 22px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .brand .say-desc li .icon {
		width: 30px;
		height: 30px;
		margin-right: 15px
	}

	.social.safety.new .tab2 .brand .say-desc li .icon.string {
		height: 34px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .identity ul {
		gap: 0
	}

	.social.safety.new .tab2 .identity ul .card {
		width: 100%;
		margin-bottom: 10px;
		padding: 30px 20px
	}

	.social.safety.new .tab2 .identity ul .card:last-child {
		margin-bottom: 0
	}

	.social.safety.new .tab2 .identity ul .name {
		margin-bottom: 10px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .identity ul .name {
		font-size: 1.0625rem;
		letter-spacing: -0.015em;
		line-height: 1
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .identity ul .name {
		font-size: 17px;
		letter-spacing: -0.015em;
		line-height: 1
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .identity ul .name.side_line:before {
		top: 1px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .identity ul .p2 {
		padding: 0 10px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .identity ul .p2 {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.5714285714em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .identity ul .p2 {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 22px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .slogan {
		padding: 0 0 80px
	}

	.social.safety.new .tab2 .slogan .info {
		margin-bottom: min(10.869vw, 40px);
		padding: min(8.152vw, 30px) min(2.717vw, 10px)
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .slogan .info strong {
		font-size: 1.9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .slogan .info strong {
		font-size: 31px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .slogan .info .underline {
		width: 15px;
		margin: min(6.793vw, 25px) 0 min(4.076vw, 15px)
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .slogan .info .bold {
		padding-bottom: min(2.717vw, 10px)
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .slogan .info .bold {
		font-size: 1.0625rem;
		letter-spacing: -0.015em;
		line-height: 1.4705882353em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .slogan .info .bold {
		font-size: 17px;
		letter-spacing: -0.015em;
		line-height: 25px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .slogan .info .sub-txt {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.5714285714em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .slogan .info .sub-txt {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 22px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .value h3 {
		margin-bottom: 30px
	}

	.social.safety.new .tab2 .value ul {
		display: block;
		gap: 0
	}

	.social.safety.new .tab2 .value li {
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		align-items: normal;
		width: 100%;
		margin-bottom: 40px
	}

	.social.safety.new .tab2 .value li:last-child {
		margin-bottom: 0
	}

	.social.safety.new .tab2 .value li img {
		width: 100%;
		max-width: 55px;
		height: 55px
	}

	.social.safety.new .tab2 .value li div {
		width: calc(100% - 55px);
		padding-left: 35px
	}

	.social.safety.new .tab2 .value li strong {
		margin: 0 0 min(1.63vw, 6px)
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .value li strong {
		font-size: 1.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .value li strong {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .value li span {
		margin-bottom: 16px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .value li span {
		font-size: .9375rem;
		letter-spacing: -0.015em;
		line-height: 1em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .value li span {
		font-size: 15px;
		letter-spacing: -0.015em;
		line-height: 15px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .value li span:after {
		bottom: -8px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .value li p {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.5714285714em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .value li p {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 22px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .value .video-wrap {
		margin-top: 40px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .program {
		padding: 0 0 80px
	}

	.social.safety.new .tab2 .program h3 {
		margin-bottom: 30px
	}

	.social.safety.new .tab2 .program .box-wrap:before {
		top: 78px;
		width: 183px;
		height: 241px;
		background: url("/resources/en/images/sustainability/social/m_safety_program_line.png") center center no-repeat;
		background-size: 100% auto
	}

	.social.safety.new .tab2 .program .green-box {
		width: 100%
	}

	.social.safety.new .tab2 .program .green-box li {
		height: 80px;
		margin-bottom: 20px
	}

	.social.safety.new .tab2 .program .green-box li:last-child {
		margin-bottom: 36px
	}

	.social.safety.new .tab2 .program .green-box li p.right {
		width: 44%
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .program .green-box li p.right {
		font-size: 1.0625rem;
		letter-spacing: 0em;
		line-height: 1.1176470588em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .program .green-box li p.right {
		font-size: 17px;
		letter-spacing: 0em;
		line-height: 19px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .program .green-box li p.left {
		width: 56%
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .program .green-box li p.left {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1.4666666667em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .program .green-box li p.left {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 22px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .program .img-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: normal;
		gap: 0 3.3333333333%
	}

	.social.safety.new .tab2 .program .img-box>li {
		position: relative;
		width: 48.3333333333%;
		display: block;
		margin-bottom: 20px
	}

	.social.safety.new .tab2 .program .img-box>li:nth-child(3):before,.social.safety.new .tab2 .program .img-box>li:nth-child(4):before {
		content: "";
		position: absolute;
		top: -29px;
		width: 1px;
		height: 40px;
		background-color: #e5e5e5;
		z-index: -1
	}

	.social.safety.new .tab2 .program .img-box>li:nth-child(3):before {
		right: 73px
	}

	.social.safety.new .tab2 .program .img-box>li:nth-child(4):before {
		left: 73px
	}

	.social.safety.new .tab2 .program .img-box .img-wrap {
		width: 100%
	}

	.social.safety.new .tab2 .program .img-box .text-wrap {
		display: block;
		width: 100%;
		height: 150px;
		padding: 15px;
		text-align: center
	}

	.social.safety.new .tab2 .program .img-box .text-wrap strong {
		width: 100%;
		padding-bottom: 5px
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .program .img-box .text-wrap strong {
		font-size: .9375rem;
		letter-spacing: -0.015em;
		line-height: 1.4666666667em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .program .img-box .text-wrap strong {
		font-size: 15px;
		letter-spacing: -0.015em;
		line-height: 22px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .program .img-box .text-wrap ul {
		width: 100%
	}
}

@media(max-width: 1279px)and (min-width: 1024px) {
	.social.safety.new .tab2 .program .img-box .text-wrap li {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.5714285714em
	}
}

@media(max-width: 1279px)and (max-width: 1023px) {
	.social.safety.new .tab2 .program .img-box .text-wrap li {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 22px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .program .img-box .text-wrap li:before {
		top: 9px
	}
}

@media(max-width: 1279px) {
	.social.safety.new .tab2 .cycle img {
		margin: 30px auto 40px
	}
}

@media(max-width: 767px) {
	.social.safety.new .tab2 .m_block {
		display: block
	}
}

@media(max-width: 450px) {
	.social.safety.new .tab2 .program .img-box .text-wrap {
		height: 170px
	}
}

@media(max-width: 386px) {
	.social.safety.new .tab2 .program .img-box .text-wrap {
		height: 180px
	}
}

.social .accordion_list>li:first-child .acco_tit {
	border-top: 2px solid #222
}

.social .accordion_list>li .acco_tit:after {
	border-top: 2px solid #222;
	border-left: 2px solid #222
}

.social .accordion_list>li .acco_tit .tit {
	padding-right: 90px
}

@media(max-width: 1023px) {
	.social .accordion_list>li .acco_tit .tit {
		padding-right: 50px
	}
}

.social .accordion_list>li.active .acco_tit {
	background: #fff
}

.social .accordion_list>li.active .acco_tit .tit {
	color: #222
}

.social .accordion_list>li.active .acco_tit:after {
	border-color: #222;
	border-top: 2px solid #222;
	border-left: 2px solid #222
}

.social .accordion_list>li .cont_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.social .accordion_list>li .cont_box .img {
	width: 49%
}

.social .accordion_list>li .cont_box .txt {
	width: 49%
}

@media(max-width: 767px) {
	.social .accordion_list>li .cont_box .img {
		width: 100%;
		margin-bottom: 20px
	}

	.social .accordion_list>li .cont_box .txt {
		width: 100%
	}
}

.social .accordion_list .acco_tit:hover .tit {
	color: #222
}

.social .accordion_list .acco_tit .tit {
	color: #888
}

.social .accordion_list .acco_tit:after {
	border-top: 1px solid #222;
	border-left: 1px solid #222
}

.social .accordion_list .acco_cont p {
	margin-bottom: 0;
	margin-top: 20px;
	line-height: 1.5em
}

.social .accordion_list .acco_cont p:first-child {
	margin-top: 0
}

.social .accordion_list>li .cont_box {
	align-items: center
}

.social .accordion_list>li:first-child .acco_cont {
	display: none
}

.social .accordion_list .acco_cont .p1+.dot_list {
	margin-top: min(1.562vw, 30px)
}

.social .accordion_list .acco_cont .p2 {
	margin-top: min(1.562vw, 30px)
}

.social .bar_list li {
	padding-left: min(0.781vw, 15px);
	color: #222;
	position: relative
}

.social .bar_list li:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	content: "-"
}

@media(max-width: 1023px) {
	.social .bar_list li {
		padding-left: 10px
	}
}

.social .accordion_wrap .img_group {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%;
	margin-bottom: min(2.083vw, 40px)
}

.social .accordion_wrap .img_group .img {
	width: 49%
}

.social .accordion_wrap .img_group .img2 {
	width: 25%
}

.social.quality {
	padding-bottom: 0
}

.social.quality h3+h4 {
	margin-top: min(3.125vw, 60px)
}

.social.quality .step_box_wrap {
	background: url("/resources/en/images/sustainability/social/bg_quality_step_arrow.jpg") 0 0 no-repeat;
	background-size: 100% 100%
}

.social.quality .step_box_list {
	overflow: hidden
}

.social.quality .step_box_list li {
	float: left;
	width: 47.5%
}

.social.quality .step_box_list li:first-child {
	margin-right: 5%
}

.social.quality .step_box_list li dl dt {
	padding: 23px 0;
	font-weight: 600;
	color: #fff;
	text-align: center;
	background-color: #77b540
}

@media(min-width: 1024px) {
	.social.quality .step_box_list li dl dt {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.social.quality .step_box_list li dl dt {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.social.quality .step_box_list li dl dd {
	padding: 36px 40px;
	color: #222;
	border: 1px dotted #77b540;
	min-height: 190px
}

@media(min-width: 1024px) {
	.social.quality .step_box_list li dl dd {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.social.quality .step_box_list li dl dd {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.social.quality .step_box_list.second {
	padding-top: min(3.125vw, 60px)
}

.social.quality .step_box_list.second li:nth-child(1) {
	float: right;
	margin-right: 0
}

.social.quality .step_box_list.second li:nth-child(2) {
	float: left;
	margin-right: 5%
}

.social.quality .flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 1000px;
	margin: 0 auto min(3.125vw, 60px);
	align-items: center
}

.social.quality .flex-container .img-wrap {
	width: 330px
}

.social.quality .flex-container img {
	max-width: 100%;
	margin: 0 auto
}

.social.quality .flex-container p {
	width: 500px;
	padding-left: min(7.812vw, 150px);
	font-weight: 600;
	color: #222;
	text-align: center
}

@media(min-width: 1024px) {
	.social.quality .flex-container p {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.6666666667em
	}
}

@media(max-width: 1023px) {
	.social.quality .flex-container p {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 40px
	}
}

@media(max-width: 1023px) {
	.social.quality .flex-container {
		flex-direction: column;
		width: 100%;
		gap: 30px
	}

	.social.quality .flex-container p {
		width: 100%;
		padding-left: 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social.quality .flex-container p {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social.quality .flex-container p {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

.social.quality .core_value .flex-container {
	width: 100%;
	height: 300px;
	margin: 0;
	background-color: #f8f8f8
}

.social.quality .core_value .circle_wrap {
	display: flex;
	gap: 10px
}

.social.quality .core_value .circle_wrap .circle_item {
	width: 32%
}

.social.quality .core_value .circle_wrap .circle_item .circle_out_line {
	position: relative;
	width: 170px;
	height: 170px;
	margin: 0 auto;
	border: 1px solid #56a311;
	border-radius: 50%
}

.social.quality .core_value .circle_wrap .circle_item .circle_in_line {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	border: 1px dashed #56a311;
	border-radius: 50%;
	transform: translate(-50%, -50%)
}

.social.quality .core_value .circle_wrap .circle_item .circle_bg {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 130px;
	height: 130px;
	background-color: #fff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	text-align: center
}

.social.quality .core_value .circle_wrap .circle_item .circle_bg .txt_box {
	display: table;
	width: 100%;
	height: 100%;
	color: #56a311
}

.social.quality .core_value .circle_wrap .circle_item .circle_bg .txt_box .txt {
	display: table-cell;
	vertical-align: middle
}

.social.quality .core_value .circle_wrap .circle_item .circle_bg .txt_box .txt h4 {
	font-size: 1.25rem;
	font-weight: 500;
	color: #56a311;
	margin: 0
}

.social.quality .core_value .circle_wrap+ul {
	margin-left: 30px
}

.social.quality .core_value .circle_wrap+ul li {
	font-size: 1.25rem;
	font-weight: 600;
	color: #222;
	line-height: 1.5;
	padding-left: 20px
}

.social.quality .core_value .circle_wrap+ul li:before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	vertical-align: middle;
	background-color: #56a311;
	margin-right: 10px;
	margin-left: -16px
}

@media(max-width: 1023px) {
	.social.quality .core_value .circle_wrap+ul {
		margin-left: 0
	}

	.social.quality .core_value .circle_wrap+ul li {
		font-size: 15px
	}
}

@media(max-width: 767px) {
	.social.quality .core_value .flex-container {
		height: auto;
		padding: 40px 20px
	}

	.social.quality .core_value .circle_wrap {
		flex-direction: column;
		gap: 20px
	}

	.social.quality .core_value .circle_wrap .circle_item {
		width: 100%
	}

	.social.quality .core_value .circle_wrap .circle_item .circle_out_line {
		width: 250px;
		height: 250px
	}

	.social.quality .core_value .circle_wrap .circle_item .circle_in_line {
		width: 220px;
		height: 220px
	}

	.social.quality .core_value .circle_wrap .circle_item .circle_bg {
		width: 185px;
		height: 185px
	}

	.social.quality .core_value .circle_wrap .circle_item .circle_bg .txt_box .txt h4 {
		font-size: 20px
	}
}

.social.quality .quality_action>ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: normal;
	gap: 0 2%
}

.social.quality .quality_action>ul li {
	text-align: center;
	width: 18%;
	border-bottom: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	padding: 15px 0
}

.social.quality .quality_action>ul li img {
	margin: auto
}

.social.quality .quality_action>ul li strong {
	display: block;
	margin: 20px 0 6px;
	color: #222;
	font-size: 1.39rem
}

@media(min-width: 1024px) {
	.social.quality .quality_action>ul li strong {
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

.social.quality .quality_action>ul li span {
	font-size: 18px;
	color: #222;
	letter-spacing: -1px;
	line-height: 1.3
}

@media(max-width: 1023px) {
	.social.quality .quality_action>ul {
		flex-direction: column
	}

	.social.quality .quality_action>ul li {
		width: 100%;
		flex-direction: row
	}

	.social.quality .quality_action>ul li div {
		width: 60%
	}

	.social.quality .quality_action>ul li div strong {
		margin-top: 0;
		font-size: 17px
	}

	.social.quality .quality_action>ul li div span {
		font-size: 15px
	}
}

.social.quality .accordion_list>li:first-child .acco_tit {
	border-top: 2px solid #222
}

.social.quality .accordion_list>li .acco_tit:after {
	border-top: 2px solid #222;
	border-left: 2px solid #222
}

.social.quality .accordion_list>li.active .acco_tit {
	background: #fff
}

.social.quality .accordion_list>li.active .acco_tit .tit {
	color: #222
}

.social.quality .accordion_list>li.active .acco_tit:after {
	border-color: #222;
	border-top: 2px solid #222;
	border-left: 2px solid #222
}

.social.quality .accordion_list>li .cont_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.social.quality .accordion_list>li .cont_box .img {
	width: 49%
}

.social.quality .accordion_list>li .cont_box .txt {
	width: 49%
}

.social.quality .accordion_list .acco_tit:hover .tit {
	color: #222
}

.social.quality .accordion_list .acco_tit .tit {
	color: #888
}

.social.quality .accordion_list .acco_tit:after {
	border-top: 1px solid #222;
	border-left: 1px solid #222
}

.social.quality .accordion_list .acco_cont p {
	margin-bottom: 0;
	margin-top: 20px;
	line-height: 1.5em
}

.social.quality .accordion_list .acco_cont p:first-child {
	margin-top: 0
}

@media(max-width: 767px) {
	.social.quality .accordion_list>li .cont_box .img {
		width: 100%;
		margin-bottom: 20px
	}

	.social.quality .accordion_list>li .cont_box .txt {
		width: 100%
	}
}

.social.quality .sec4 {
	padding: min(5.208vw, 100px) 0
}

.social.quality .sec4 h3 {
	margin-bottom: 60px
}

.social.quality .sec4 .cont_wrap {
	overflow: hidden;
	padding-bottom: min(2.083vw, 40px);
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.social.quality .sec4 .cont_wrap .img {
	width: 23.5%;
	width: min(14.687vw, 282px);
	box-shadow: 20px 20px 19px 0px rgba(0,0,0,.2);
	margin-bottom: auto
}

.social.quality .sec4 .cont_wrap .img a {
	display: block
}

.social.quality .sec4 .cont_wrap .txt {
	width: 74.5%;
	padding: 0 min(11.458vw, 220px) 0 min(3.125vw, 60px)
}

@media(min-width: 1024px) {
	.social.quality .sec4 .cont_wrap .txt {
		font-size: 1.25rem;
		letter-spacing: -0.02em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.social.quality .sec4 .cont_wrap .txt {
		font-size: 20px;
		letter-spacing: -0.02em;
		line-height: 30px
	}
}

.social.quality .sec4 .cont_wrap .txt strong {
	display: block;
	margin-bottom: min(1.562vw, 30px);
	color: #222
}

@media(max-width: 1023px) {
	.social.quality .sec4 {
		padding: 50px 0 100px
	}

	.social.quality .sec4 .cont_wrap {
		padding-bottom: 20px
	}

	.social.quality .sec4 .cont_wrap .img {
		box-shadow: 10px 10px 10px 0px rgba(0,0,0,.2)
	}

	.social.quality .sec4 .cont_wrap .txt {
		padding: 0 0 0 4.5%;
		width: 70%
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social.quality .sec4 .cont_wrap .txt {
		font-size: .9375rem;
		letter-spacing: -0.02em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social.quality .sec4 .cont_wrap .txt {
		font-size: 15px;
		letter-spacing: -0.02em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.social.quality .sec4 .cont_wrap .txt strong {
		margin-bottom: 10px
	}
}

@media(max-width: 767px) {
	.social.quality .sec4 .cont_wrap {
		display: block;
		padding-bottom: 0
	}

	.social.quality .sec4 .cont_wrap .img {
		margin: 0 auto 30px;
		width: 58%
	}

	.social.quality .sec4 .cont_wrap .txt {
		width: 100%;
		padding: 0
	}
}

.social.human_rights .table_wrap {
	margin-top: 0
}

.social.human_rights .human_rights_step_wrap {
	overflow: hidden;
	background: url("/resources/en/images/sustainability/social/bg_human_rights_step.jpg") 0 min(2.604vw, 50px) no-repeat
}

.social.human_rights .human_rights_step_wrap .step_box {
	float: left;
	width: 25%
}

.social.human_rights .human_rights_step_wrap .step_box .tit {
	font-weight: 600;
	color: #56a311
}

@media(min-width: 1024px) {
	.social.human_rights .human_rights_step_wrap .step_box .tit {
		font-size: 1.375rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.social.human_rights .human_rights_step_wrap .step_box .tit {
		font-size: 22px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.social.human_rights .human_rights_step_wrap .step_box .tit>span {
	display: block;
	padding-top: min(4.687vw, 90px);
	color: #222
}

.social.human_rights .human_rights_step_wrap .step_box .dot_list {
	margin: min(1.041vw, 20px) 0 0;
	width: 87%
}

.social.partnership .txt+.txt {
	margin-top: min(2.083vw, 40px)
}

.social.partnership .strategy_box_wrap .tit {
	margin-bottom: min(1.041vw, 20px);
	padding-left: 15px;
	font-weight: bold;
	color: #222;
	position: relative
}

@media(min-width: 1024px) {
	.social.partnership .strategy_box_wrap .tit {
		font-size: 2.0625rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.social.partnership .strategy_box_wrap .tit {
		font-size: 33px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.social.partnership .strategy_box_wrap .tit:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 28px;
	content: "";
	transform: translateY(-50%);
	background-color: #56a311
}

.social.partnership .strategy_box_wrap .sub_tit {
	margin-bottom: min(1.041vw, 20px);
	font-weight: bold;
	color: #222
}

@media(min-width: 1024px) {
	.social.partnership .strategy_box_wrap .sub_tit {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.social.partnership .strategy_box_wrap .sub_tit {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.social.partnership .strategy_box_wrap .txt {
	font-size: 18px
}

.social.partnership .strategy_box_wrap .box_inner:after {
	content: "";
	display: table;
	clear: both
}

.social.partnership .strategy_box_wrap .half_box {
	padding: min(2.604vw, 50px) min(4.166vw, 80px);
	float: left;
	width: 49.5%;
	background-color: #f8f8f8;
	min-height: 180px;
	height: min(13.645vw, 262px)
}

.social.partnership .strategy_box_wrap .half_box:first-child {
	margin-right: 1%
}

.social.partnership .strategy_box_wrap .full_box {
	margin: min(0.52vw, 10px) 0 min(1.562vw, 30px);
	padding: min(2.604vw, 50px) min(4.166vw, 80px) min(4.166vw, 80px);
	background-color: #f8f8f8
}

.social.partnership .strategy_box_wrap .full_box .list {
	overflow: hidden;
	margin-top: min(3.125vw, 60px)
}

.social.partnership .strategy_box_wrap .full_box .list>li {
	float: left;
	width: 33.33%
}

.social.partnership .strategy_box_wrap .full_box .list>li .sub_tit {
	position: relative;
	padding-top: min(7.291vw, 140px);
	position: relative
}

.social.partnership .strategy_box_wrap .full_box .list>li .sub_tit:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: min(4.947vw, 95px);
	height: auto;
	content: ""
}

.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(1) .sub_tit {
	position: relative
}

.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(1) .sub_tit:before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: min(4.947vw, 95px);
	height: min(7.291vw, 140px);
	content: "";
	background: url("/resources/en/images/sustainability/social/ico_partnership_1.svg") center top no-repeat;
	background-size: min(4.947vw, 95px) auto
}

.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(2) .sub_tit {
	position: relative
}

.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(2) .sub_tit:before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: min(4.947vw, 95px);
	height: min(7.291vw, 140px);
	content: "";
	background: url("/resources/en/images/sustainability/social/ico_partnership_2.svg") center top no-repeat;
	background-size: min(4.947vw, 95px) auto
}

.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(3) .sub_tit {
	position: relative
}

.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(3) .sub_tit:before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: min(4.947vw, 95px);
	height: min(7.291vw, 140px);
	content: "";
	background: url("/resources/en/images/sustainability/social/ico_partnership_3.svg") center top no-repeat;
	background-size: min(4.947vw, 95px) auto
}

.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(1) .sub_tit::before {
	margin-left: min(-1.917vw, -23px)
}

.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(2) .sub_tit::before {
	margin-left: min(-2.084vw, -25px)
}

.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(2) .box {
	margin: 0 auto
}

.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(3) .sub_tit::before {
	transform: translateX(-50%)
}

.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(3) .box {
	margin: 0 auto
}

.social.partnership .strategy_box_wrap .full_box .list>li .box {
	width: 68%
}

.social.partnership .strategy_box_wrap .full_box .list>li .box .sub_tit {
	margin-bottom: 0;
	text-align: center
}

.social.partnership .support_list {
	margin-bottom: min(1.562vw, 30px);
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.social.partnership .support_list>li {
	padding: min(2.604vw, 50px) min(2.083vw, 40px);
	width: 49%;
	border: 1px solid #e5e5e5;
	min-height: 210px;
	height: min(14.687vw, 282px)
}

.social.partnership .support_list>li:nth-child(1),.social.partnership .support_list>li:nth-child(2) {
	margin-bottom: min(1.25vw, 24px)
}

.social.partnership .support_list h5 {
	margin-bottom: min(1.302vw, 25px);
	padding-bottom: min(1.041vw, 20px);
	font-weight: bold;
	position: relative
}

.social.partnership .support_list h5:before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 3px;
	content: "";
	background-color: #56a311
}

.social.partnership .box_btn_wrap {
	margin: min(3.125vw, 60px) 0 0
}

.social.partnership .sec2 .box_info_wrap {
	overflow: hidden
}

.social.partnership .sec2 .box_info_wrap h5 {
	float: left;
	padding-right: 50px;
	width: 340px;
	font-weight: bold;
	line-height: 1.25em
}

.social.partnership .sec2 .box_info_wrap .dot_list {
	float: left;
	width: calc(100% - 340px);
	padding-left: 60px;
	border-left: 1px solid #ccc
}

.social.corporate_social_responsibility .btn_wrap .btn {
	padding-right: 60px
}

.social.corporate_social_responsibility .btn_wrap .btn:after {
	content: "";
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 14px;
	background: url("../images/ico_arrow_b.svg") right center no-repeat;
	background-size: cover
}

.social.corporate_social_responsibility .btn_wrap .btn:hover::after {
	background-image: url("../images/ico_arrow_w.svg")
}

.social.corporate_social_responsibility .img+.txt {
	margin-top: min(1.562vw, 30px)
}

.social.corporate_social_responsibility .img+h5 {
	margin-top: min(1.562vw, 30px)
}

.social.corporate_social_responsibility .enabling_people_box {
	padding: min(3.645vw, 70px) 0 min(3.125vw, 60px);
	background-color: #f3fafc
}

.social.corporate_social_responsibility .enabling_people_box .logo {
	margin: 0 auto min(3.125vw, 60px);
	width: 385px;
	text-align: center
}

.social.corporate_social_responsibility .enabling_people_box .box_wrap {
	overflow: hidden
}

.social.corporate_social_responsibility .enabling_people_box .box_wrap>li {
	float: left;
	padding: min(1.562vw, 30px) min(3.125vw, 60px);
	width: 50%
}

.social.corporate_social_responsibility .enabling_people_box .box_wrap>li:last-child {
	border-left: 1px solid #76b8cb
}

.social.corporate_social_responsibility .enabling_people_box .box_wrap h4 {
	margin-bottom: min(1.041vw, 20px);
	font-weight: bold
}

.social.corporate_social_responsibility .img_txt_wrap {
	margin-top: min(1.562vw, 30px);
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal
}

.social.corporate_social_responsibility .img_txt_wrap li {
	margin-top: min(4.166vw, 80px);
	width: 49%
}

.social.corporate_social_responsibility .img_txt_wrap li:nth-child(odd) {
	margin-right: 2%
}

.social.corporate_social_responsibility .img_txt_wrap li:nth-child(1),.social.corporate_social_responsibility .img_txt_wrap li:nth-child(2) {
	margin-top: 0
}

.social.corporate_social_responsibility .img_txt_wrap li.btn_type {
	position: relative;
	padding-bottom: min(5.208vw, 100px)
}

.social.corporate_social_responsibility .img_txt_wrap li.btn_type .btn_wrap {
	position: absolute;
	bottom: 0;
	left: 0
}

.social.corporate_social_responsibility .img_txt_wrap h5 {
	margin: min(1.822vw, 35px) 0 min(0.781vw, 15px)
}

.social.corporate_social_responsibility .img_txt_wrap .txt {
	font-size: 18px
}

.social.corporate_social_responsibility .img_wrap {
	margin-bottom: min(1.562vw, 30px);
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal
}

.social.corporate_social_responsibility .img_wrap .img {
	width: 49%
}

.social.corporate_social_responsibility .img_wrap .img:first-child {
	margin-right: 2%
}

.social.corporate_social_responsibility .desc {
	margin-top: min(1.041vw, 20px);
	color: #888
}

@media(max-width: 1023px) {
	.social .ico_scroll::after {
		display: none
	}

	.social h4 {
		margin-bottom: 15px
	}

	.social h4.framework {
		margin-bottom: 25px
	}

	.social .sec {
		padding: 0 0 80px
	}

	.social .sec .sec_inner {
		margin: 0 auto 40px
	}

	.social .certification_wrap {
		padding: 50px 0
	}

	.social .certification_wrap .inner {
		padding: 0 24px;
		max-width: auto
	}

	.social .certification_wrap .img {
		margin: 0 auto;
		width: 62%
	}

	.social .certification_list li {
		margin-top: 50px
	}

	.social .certification_list .txt_wrap {
		margin-top: 30px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social .certification_list .txt_wrap {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social .certification_list .txt_wrap {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.social .certification_list .tit {
		margin-bottom: 10px
	}
}

@media(max-width: 1023px) {
	.social .box_info_wrap {
		margin: 15px 0;
		padding: 20px 25px
	}
}

@media(max-width: 1023px) {
	.social .box_btn_wrap {
		margin: 30px 0 0;
		padding: 15px 15px 13px
	}

	.social .box_btn_wrap .btn_tit {
		margin-top: 18px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social .box_btn_wrap .btn_tit {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social .box_btn_wrap .btn_tit {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.social .box_btn_wrap .btn_wrap .btn {
		margin-bottom: 0;
		min-width: 128px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social .box_btn_wrap .btn_wrap .btn {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social .box_btn_wrap .btn_wrap .btn {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social .dot_list>li {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.5714285714em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social .dot_list>li {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.social .dot_list>li:before {
		top: 9px;
		width: 3px;
		height: 3px
	}
}

@media(max-width: 1023px) {
	.social .table_wrap {
		margin-top: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social .table_wrap .info_table th {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social .table_wrap .info_table th {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.social .table_wrap .info_table td {
		padding: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social .table_wrap .info_table td {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.2857142857em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social .table_wrap .info_table td {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 18px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.social.safety h3+h4 {
		margin-top: 30px
	}

	.social.safety .sec1 .safety_list li {
		width: 100%;
		margin-top: 10px;
		padding: 30px 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social.safety .sec1 .safety_list li {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social.safety .sec1 .safety_list li {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.social.safety .sec1 .safety_list li:first-child {
		margin-top: 0
	}
}

@media(max-width: 1023px) {
	.social.safety .sec1 .stystem_wrap {
		width: 100%;
		max-width: auto;
		padding: 0 min(1.953vw, 15px)
	}

	.social.safety .sec1 .stystem_wrap img.web {
		display: none
	}

	.social.safety .sec1 .stystem_wrap img.mo {
		display: block;
		width: 100%;
		max-width: 305px;
		height: auto
	}
}

@media(max-width: 1023px) {
	.social.safety .value .stystem_wrap {
		width: 100%;
		max-width: auto;
		padding: 0 min(1.953vw, 15px)
	}

	.social.safety .value .stystem_wrap img.web {
		display: none
	}

	.social.safety .value .stystem_wrap img.mo {
		display: block !important;
		width: 100%;
		max-width: 760px;
		height: auto
	}
}

@media(max-width: 1023px) {
	.social.safety .sec2 .ceo_box {
		margin-top: 20px;
		padding-top: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social.safety .sec2 .ceo_box {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social.safety .sec2 .ceo_box {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.social.safety .sec2 .ceo_box>div {
		display: block;
		width: 100%;
		vertical-align: top
	}

	.social.safety .sec2 .ceo_box>div>div {
		display: inline-block;
		width: calc(100% - 120px);
		vertical-align: top
	}

	.social.safety .sec2 .ceo_box>div.box2 {
		padding: 20px 0 0
	}
}

@media(max-width: 1023px) {
	.social.safety .sec2 .ceo_box .ceo {
		margin-bottom: 5px
	}
}

@media(max-width: 1023px) {
	.social.safety .sec2 .ceo_box .sign {
		display: inline-block;
		width: 109px;
		height: auto;
		margin: 10px 0 0;
		vertical-align: top
	}
}

@media(max-width: 1023px) {
	.social.quality h3+h4 {
		margin-top: 30px
	}

	.social.quality .step_box_list li dl dt {
		padding: 15px 25px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social.quality .step_box_list li dl dt {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.2941176471em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social.quality .step_box_list li dl dt {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.social.quality .step_box_list li dl dd {
		padding: 25px;
		min-height: min(20.833vw, 160px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social.quality .step_box_list li dl dd {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.5714285714em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social.quality .step_box_list li dl dd {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.social.quality .step_box_list.second {
		padding-top: 30px
	}
}

@media(max-width: 1023px) {
	.social.human_rights .human_rights_step_wrap {
		background-position: 0 min(5.859vw, 45px);
		background-size: 100% min(3.906vw, 30px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social.human_rights .human_rights_step_wrap .step_box .tit {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social.human_rights .human_rights_step_wrap .step_box .tit {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.social.human_rights .human_rights_step_wrap .step_box .tit>span {
		padding-top: min(11.718vw, 90px)
	}
}

@media(max-width: 1023px) {
	.social.human_rights .human_rights_step_wrap .step_box .dot_list {
		margin: 25px 0 0
	}
}

@media(max-width: 1023px) {
	.social.partnership .txt+.txt {
		margin-top: 30px
	}

	.social.partnership .strategy_box_wrap .tit {
		margin-bottom: 10px;
		padding-left: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social.partnership .strategy_box_wrap .tit {
		font-size: 1.375rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social.partnership .strategy_box_wrap .tit {
		font-size: 22px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.social.partnership .strategy_box_wrap .tit::before {
		width: 2px;
		height: 16px
	}
}

@media(max-width: 1023px) {
	.social.partnership .strategy_box_wrap .sub_tit {
		margin-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social.partnership .strategy_box_wrap .sub_tit {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.4705882353em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social.partnership .strategy_box_wrap .sub_tit {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 25px
	}
}

@media(max-width: 1023px) {
	.social.partnership .strategy_box_wrap .txt {
		font-size: 14px
	}
}

@media(max-width: 1023px) {
	.social.partnership .strategy_box_wrap .half_box {
		padding: 30px 35px;
		min-height: 180px;
		height: 180px
	}
}

@media(max-width: 1023px) {
	.social.partnership .strategy_box_wrap .full_box {
		margin: 10px 0 15px;
		padding: 40px
	}

	.social.partnership .strategy_box_wrap .full_box .list {
		margin-top: 20px
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(1) .sub_tit {
		padding-top: 75px
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(1) .sub_tit::before {
		margin-left: 0;
		width: 55px;
		height: 80px;
		background-size: 100% auto
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(2) .sub_tit {
		padding-top: 75px
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(2) .sub_tit::before {
		margin-left: 0;
		width: 55px;
		height: 80px;
		background-size: 100% auto
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(3) .sub_tit {
		padding-top: 75px
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(3) .sub_tit::before {
		margin-left: 0;
		width: 55px;
		height: 80px;
		background-size: 100% auto
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(1) .sub_tit::before {
		margin-left: min(-2.865vw, -22px)
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(2) .sub_tit::before {
		margin-left: min(-3.256vw, -25px)
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(2) .box {
		margin: 0 auto
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(3) .box {
		margin-left: 20%
	}

	.social.partnership .strategy_box_wrap .full_box .list>li .box {
		width: 80%
	}
}

@media(max-width: 1023px) {
	.social.partnership .support_list {
		margin-bottom: 15px
	}

	.social.partnership .support_list>li {
		padding: 25px 20px;
		min-height: 181px;
		height: 181px
	}

	.social.partnership .support_list>li:nth-child(1),.social.partnership .support_list>li:nth-child(2) {
		margin-bottom: 20px
	}

	.social.partnership .support_list h5 {
		margin-bottom: 12px;
		padding-bottom: 12px
	}

	.social.partnership .support_list h5::before {
		width: 20px;
		height: 2px
	}
}

@media(max-width: 1023px) {
	.social.partnership .box_btn_wrap {
		margin: 30px 0 0
	}
}

@media(max-width: 1023px) {
	.social.partnership .sec2 .box_info_wrap {
		margin: 15px 0 0;
		padding: 25px 20px
	}

	.social.partnership .sec2 .box_info_wrap h5 {
		margin-bottom: 10px;
		float: none;
		width: 100%
	}

	.social.partnership .sec2 .box_info_wrap .dot_list {
		float: none;
		width: 100%;
		padding-left: 0;
		border-left: none
	}
}

@media(max-width: 1023px) {
	.social.corporate_social_responsibility .btn_wrap .btn {
		padding-right: 50px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social.corporate_social_responsibility .btn_wrap .btn {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social.corporate_social_responsibility .btn_wrap .btn {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.social.corporate_social_responsibility .btn_wrap .btn:after {
		right: 20px
	}
}

@media(max-width: 1023px) {
	.social.corporate_social_responsibility .img+.txt {
		margin-top: 15px
	}
}

@media(max-width: 1023px) {
	.social.corporate_social_responsibility .img+h5 {
		margin-top: 15px
	}
}

@media(max-width: 1023px) {
	.social.corporate_social_responsibility .enabling_people_box {
		padding: 50px 0
	}

	.social.corporate_social_responsibility .enabling_people_box .logo {
		margin: 0 auto 40px;
		width: 35%
	}

	.social.corporate_social_responsibility .enabling_people_box .box_wrap {
		padding: 0 40px
	}

	.social.corporate_social_responsibility .enabling_people_box .box_wrap>li {
		float: none;
		padding: 0;
		width: 100%
	}

	.social.corporate_social_responsibility .enabling_people_box .box_wrap>li:last-child {
		margin-top: 40px;
		border-left: none
	}

	.social.corporate_social_responsibility .enabling_people_box .box_wrap h4 {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px) {
	.social.corporate_social_responsibility .img_txt_wrap {
		margin-top: 15px
	}

	.social.corporate_social_responsibility .img_txt_wrap li {
		margin-top: 60px
	}

	.social.corporate_social_responsibility .img_txt_wrap li.btn_type {
		padding-bottom: 80px
	}

	.social.corporate_social_responsibility .img_txt_wrap h5 {
		margin: 15px 0 10px
	}

	.social.corporate_social_responsibility .img_txt_wrap .txt {
		font-size: 14px
	}
}

@media(max-width: 1023px) {
	.social.corporate_social_responsibility .img_wrap {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px) {
	.social.corporate_social_responsibility .desc {
		margin-top: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.social.corporate_social_responsibility .desc {
		font-size: .8125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.social.corporate_social_responsibility .desc {
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 767px) {
	.social .ico_scroll::after {
		display: block
	}

	.social .certification_list {
		display: block
	}

	.social .certification_list li {
		width: 100%
	}

	.social .certification_list li:nth-child(odd) {
		margin-right: 0
	}

	.social .certification_list li:nth-child(2) {
		margin-top: 50px
	}

	.social .box_btn_wrap .btn_tit {
		margin-top: 0;
		line-height: 1.25em
	}

	.social .table_wrap {
		margin-top: 30px
	}

	.social.safety .sec2 .ceo_box .sign {
		width: min(29.619vw, 109px)
	}

	.social.quality .step_box_wrap {
		background: none
	}

	.social.quality .step_box_list {
		overflow: visible
	}

	.social.quality .step_box_list:after {

		content: "";
		display: table;
		clear: both
	}

	.social.quality .step_box_list li {
		width: 49%;
		position: relative
	}

	.social.quality .step_box_list li:before {
		display: block;
		position: absolute;
		width: 28px;
		height: 28px;
		content: "";
		z-index: 10
	}

	.social.quality .step_box_list li::before {
		background: url("/resources/en/images/sustainability/social/m/ico_arrow.svg") center center no-repeat;
		background-size: cover
	}

	.social.quality .step_box_list li dl dt {
		padding: 15px 5px
	}

	.social.quality .step_box_list li dl dt .block {
		display: block
	}

	.social.quality .step_box_list li dl dd {
		border: none;
		min-height: 180px;
		padding: 25px 20px;
		background-color: #f8f8f8;
		min-height: min(73.369vw, 270px)
	}

	.social.quality .step_box_list.first li:first-child {
		margin-right: 2%
	}

	.social.quality .step_box_list.first li:nth-child(1)::before {
		right: -16px;
		top: 65%;
		transform: translateY(-50%) rotate(180deg)
	}

	.social.quality .step_box_list.first li:nth-child(2)::before {
		bottom: -15px;
		left: 50%;
		transform: translateX(-50%) rotate(270deg)
	}

	.social.quality .step_box_list.second {
		padding-top: 7px
	}

	.social.quality .step_box_list.second li:nth-child(1)::before {
		left: -19px;
		top: 65%;
		transform: translateY(-50%)
	}

	.social.quality .step_box_list.second li:nth-child(2) {
		margin-right: 2%
	}

	.social.quality .step_box_list.second li:nth-child(2)::before {
		top: -20px;
		left: 50%;
		transform: translateX(-50%) rotate(90deg)
	}

	.social.quality .step_box_list.second li dl dd {
		min-height: min(86.956vw, 320px)
	}

	.social.human_rights .human_rights_step_wrap {
		background: none
	}

	.social.human_rights .human_rights_step_wrap .step_box {
		float: none;
		width: 100%;
		padding-bottom: 35px;
		position: relative
	}

	.social.human_rights .human_rights_step_wrap .step_box:before {
		display: block;
		position: absolute;
		bottom: 13px;
		left: 50%;
		width: 24px;
		height: 9px;
		content: ""
	}

	.social.human_rights .human_rights_step_wrap .step_box .tit {
		padding: 16px 0;
		color: #fff;
		text-align: center
	}

	.social.human_rights .human_rights_step_wrap .step_box .tit>span {
		display: inline-block;
		padding-top: 0;
		color: #fff
	}

	.social.human_rights .human_rights_step_wrap .step_box::before {
		background: url("/resources/en/images/sustainability/social/bg_step_arrow2.svg") center top no-repeat;
		background-size: cover;
		background-size: 24px 8px;
		margin-left: -12px
	}

	.social.human_rights .human_rights_step_wrap .step_box.step1 .tit {
		background-color: #aad187
	}

	.social.human_rights .human_rights_step_wrap .step_box.step2 .tit {
		background-color: #95bf6f
	}

	.social.human_rights .human_rights_step_wrap .step_box.step3 .tit {
		background-color: #77b540
	}

	.social.human_rights .human_rights_step_wrap .step_box.step4::before {
		content: none
	}

	.social.human_rights .human_rights_step_wrap .step_box.step4 .tit {
		background-color: #56a311
	}

	.social.human_rights .human_rights_step_wrap .step_box .dot_list {
		margin: 0;
		width: 100%;
		padding: 20px;
		background-color: #f8f8f8
	}

	.social.partnership .box_btn_wrap .btn_tit {
		margin-top: 5px
	}

	.social.partnership .strategy_box_wrap .half_box {
		float: none;
		padding: 25px 20px;
		width: 100%;
		min-height: auto;
		height: auto
	}

	.social.partnership .strategy_box_wrap .full_box {
		margin: 0 0 15px;
		padding: 25px 20px
	}

	.social.partnership .strategy_box_wrap .full_box .list {
		margin-top: 50px
	}

	.social.partnership .strategy_box_wrap .full_box .list>li {
		float: none;
		margin-top: 40px;
		width: 100%;
		height: 60px
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(1) {
		background: url("/resources/en/images/sustainability/social/ico_partnership_1.svg") left top no-repeat;
		background-size: 55px auto
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(1) .sub_tit {
		padding-top: 0;
		text-align: left
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(1) .sub_tit::before {
		content: none
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(2) {
		background: url("/resources/en/images/sustainability/social/ico_partnership_2.svg") left top no-repeat;
		background-size: 55px auto
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(2) .sub_tit {
		padding-top: 0;
		text-align: left
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(2) .sub_tit::before {
		content: none
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(3) {
		background: url("/resources/en/images/sustainability/social/ico_partnership_3.svg") left top no-repeat;
		background-size: 55px auto
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(3) .sub_tit {
		padding-top: 0;
		text-align: left
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(3) .sub_tit::before {
		content: none
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:first-child {
		margin-top: 0
	}

	.social.partnership .strategy_box_wrap .full_box .list>li:nth-child(3) .box {
		margin-left: 0
	}

	.social.partnership .strategy_box_wrap .full_box .list>li .box {
		position: relative;
		width: 100%;
		height: inherit
	}

	.social.partnership .strategy_box_wrap .full_box .list>li .box .sub_tit {
		position: absolute;
		left: 85px;
		top: 50%;
		transform: translate(0, -50%)
	}

	.social.partnership .support_list {
		display: block
	}

	.social.partnership .support_list>li {
		width: 100%;
		margin-bottom: 20px
	}

	.social.partnership .support_list>li:last-child {
		margin-bottom: 0
	}

	.social.corporate_social_responsibility .enabling_people_box .logo {
		width: 70%
	}

	.social.corporate_social_responsibility .enabling_people_box .box_wrap {
		padding: 0 15px
	}

	.social.corporate_social_responsibility .img_txt_wrap {
		display: block
	}

	.social.corporate_social_responsibility .img_txt_wrap li {
		float: none;
		width: 100%
	}

	.social.corporate_social_responsibility .img_txt_wrap li:nth-child(odd) {
		margin-right: 0
	}

	.social.corporate_social_responsibility .img_txt_wrap li:nth-child(2) {
		margin-top: 60px
	}

	.social.corporate_social_responsibility .img_wrap {
		display: block
	}

	.social.corporate_social_responsibility .img_wrap .img {
		float: none;
		width: 100%
	}

	.social.corporate_social_responsibility .img_wrap .img:first-child {
		margin-right: 0;
		margin-bottom: 15px
	}
}

.governance .block {
	display: block
}

@media(max-width: 1023px) {
	.governance .block {
		display: inline-block
	}
}

.governance .m_block {
	display: inline-block
}

@media(max-width: 1023px) {
	.governance .m_block {
		display: block
	}
}

.governance .table_wrap .info_table .bNone {
	position: sticky;
	left: 0;
	padding: min(1.041vw, 20px) min(0.52vw, 10px);
	z-index: 1
}

.governance .table_wrap .info_table th,.governance .table_wrap .info_table td {
	padding: min(0.52vw, 10px)
}

.corporate section {
	margin-bottom: min(6.666vw, 80px)
}

.corporate section:nth-child(2) {
	margin-bottom: min(13.333vw, 160px)
}

.corporate section:last-child {
	margin-bottom: 0
}

.corporate section h4 {
	font-size: 1.875rem
}

.corporate .side_line:before {
	top: 50%;
	transform: translateY(-50%);
	height: 80%
}

.corporate .visual_wrap {
	margin-bottom: min(5.208vw, 100px)
}

.corporate .tab_list .tab a {
	padding: min(1.562vw, 30px) min(1.302vw, 25px)
}

.corporate .tab2 section:nth-child(1) {
	margin-bottom: min(13.333vw, 160px)
}

.corporate .table_wrap {
	margin-bottom: min(1.666vw, 20px)
}

.corporate .table_wrap table th,.corporate .table_wrap table td {
	line-height: 1.4em
}

.corporate .table_wrap table th {
	height: 90px
}

.corporate .table_wrap table td {
	height: 95px;
	text-align: center;
	color: #222
}

.corporate .table_wrap .circle {
	width: min(1.25vw, 24px);
	height: min(1.25vw, 24px);
	margin: 0 auto;
	border: 1px solid #707070;
	border-radius: 50%
}

.corporate .table_wrap .circle span {
	text-indent: -9999%;
	font-size: 0
}

.corporate .table_wrap .table_scroll_area {
	overflow: hidden
}

.corporate .table_wrap .table_scroll_area .info_table_fixed {
	float: left;
	width: 180px
}

.corporate .table_wrap .table_scroll_area .info_table_fixed th {
	border-right: 1px solid #e5e5e5
}

.corporate .table_wrap .table_scroll_area .info_table_scroll {
	overflow-x: auto;
	width: calc(100% - 180px)
}

.corporate .table_wrap .table_scroll_area .info_table {
	margin-bottom: 0
}

.corporate .table_wrap .table_scroll_area .info_table thead th {
	height: 85px
}

.corporate .table_wrap .table_scroll_area .info_table tbody th,.corporate .table_wrap .table_scroll_area .info_table tbody td {
	height: 95px
}

.corporate .business-card {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%;
	flex-wrap: wrap
}

.corporate .business-card .card {
	width: 49%;
	margin-bottom: min(2.5vw, 30px);
	padding: min(4.166vw, 50px);
	border: 1px solid #e5e5e5;
	color: #222
}

.corporate .business-card .name {
	font-weight: 600
}

@media(min-width: 1024px) {
	.corporate .business-card .name {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.corporate .business-card .name {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.corporate .business-card .position {
	padding: min(0.781vw, 15px) 0 min(1.51vw, 29px);
	line-height: 1.1666666667em
}

.corporate .business-card .term {
	margin-bottom: 0
}

.corporate .business-card .term span {
	display: block
}

.corporate .business-card .p3.refer {
	padding-top: min(1.041vw, 20px)
}

.corporate .committee .card {
	min-height: min(20.833vw, 400px);
	padding: min(2.604vw, 50px) min(2.083vw, 40px);
	border-color: #f8f8f8;
	background-color: #f8f8f8
}

.corporate .committee .name {
	padding-left: 0;
	font-size: 1.5rem;
	line-height: 1.3333333333em
}

.corporate .committee .explanation {
	padding-top: min(0.781vw, 15px);
	line-height: 1.5555555556em
}

.corporate .process .p2 {
	margin-bottom: min(3.125vw, 60px)
}

.corporate .process .p3.refer {
	margin-top: -50px;
	text-align: center;
	color: #222
}

.corporate .process .p3.refer span {
	display: inline-block;
	vertical-align: middle
}

.corporate .process .p3.refer span+span {
	margin-left: min(1.614vw, 31px)
}

.corporate .btn_wrap {
	margin: min(2.083vw, 40px) auto 0;
	max-width: 1240px;
	padding-left: min(1.041vw, 20px);
	width: auto;
	text-align: left
}

.corporate .btn_wrap .btn_download {
	min-width: 310px
}

@media(min-width: 922px) {
	.corporate .ico_scroll:after {
		display: none
	}
}

@media(max-width: 1023px) {
	.corporate section h4 {
		font-size: 20px;
		margin-bottom: 15px
	}

	.corporate .tab_list {
		align-items: center
	}

	.corporate .tab_list .tab a {
		padding: 15px 10px
	}

	.corporate .tab_list .tab1 section:nth-child(2) {
		margin-bottom: 80px
	}

	.corporate .table_wrap {
		margin-bottom: 10px
	}

	.corporate .table_wrap .table_scroll_area .info_table_fixed {
		width: 125px
	}

	.corporate .table_wrap .table_scroll_area .info_table_scroll {
		width: calc(100% - 125px)
	}

	.corporate .table_wrap .table_scroll_area .info_table thead th {
		height: 60px
	}

	.corporate .table_wrap .table_scroll_area .info_table tbody th,.corporate .table_wrap .table_scroll_area .info_table tbody td {
		height: 65px
	}

	.corporate .table_wrap .table_scroll_area .info_table tbody th {
		font-size: 15px
	}

	.corporate .business-card {
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		align-items: normal;
		gap: 0 1.3888888889%
	}

	.corporate .business-card .card {
		width: 49.3055555556%;
		margin-bottom: 20px;
		padding: 25px min(3.255vw, 25px)
	}

	.corporate .business-card .name {
		font-size: 20px
	}

	.corporate .business-card .name.side_lin:before {
		top: 2px
	}

	.corporate .business-card .position {
		padding: 8px 0 15px
	}

	.corporate .committee .explanation {
		padding-top: 15px;
		margin-bottom: 20px
	}

	.corporate .committee .name {
		margin-bottom: 0;
		font-size: 17px
	}

	.corporate .committee .name::before {
		width: 25px
	}

	.corporate .table_wrap colgroup col {
		width: 125px
	}

	.corporate .table_wrap .circle {
		width: 12px;
		height: 12px
	}

	.corporate .process .p3.refer {
		margin-top: -36px
	}

	.corporate .btn_wrap {
		width: 100%;
		padding-left: 0
	}

	.corporate .btn_wrap .btn_download {
		min-width: 250px;
		margin-bottom: 0;
		font-size: 15px
	}
}

@media(max-width: 767px) {
	.corporate section:nth-child(2) {
		margin-bottom: 80px
	}

	.corporate section:last-child {
		margin-bottom: 0
	}

	.corporate section>.p2 {
		font-size: 15px
	}

	.corporate .tab2 section:nth-child(1) {
		margin-bottom: 70px
	}

	.corporate .visual_wrap {
		margin-bottom: 50px
	}

	.corporate .ico_scroll:after {
		left: 50%
	}

	.corporate .btn_wrap {
		margin-top: 35px
	}

	.corporate .btn_wrap .btn_download,.corporate .btn_wrap .btn_link {
		min-width: 100%
	}

	.corporate .table_wrap .info_table th,.corporate .table_wrap .info_table td,.corporate .table_wrap .info_table .bNone {
		height: auto;
		padding: 12px 5px
	}

	.corporate .business-card .card {
		width: 100%;
		margin-bottom: 10px;
		padding: 25px min(6.793vw, 25px)
	}

	.corporate .business-card .p3.refer {
		padding-top: 0
	}

	.corporate .process {
		position: relative
	}

	.corporate .process .p3.refer {
		position: absolute;
		margin-top: 0;
		bottom: 15px;
		padding: 0 15px
	}

	.corporate .process .p3.refer span {
		display: block
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.corporate .process .p3.refer span {
		font-size: .8125rem;
		letter-spacing: -0.03em;
		line-height: 1.3846153846em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.corporate .process .p3.refer span {
		font-size: 13px;
		letter-spacing: -0.03em;
		line-height: 18px
	}
}

@media(max-width: 767px) {
	.corporate .process .p3.refer span+span {
		margin-left: 0
	}
}

@media(max-width: 767px) {
	.corporate .committee .card {
		padding: 17px min(5.434vw, 20px) 0
	}
}

.ethics section {
	margin-bottom: min(8.333vw, 160px)
}

.ethics section:last-child {
	margin-bottom: 0
}

.ethics .btn_link {
	text-align: left
}

.ethics .btn_link::after {
	width: 17px;
	height: 17px;
	right: 18px;
	background-size: 100% auto !important
}

.ethics .btn_download {
	padding: 19px min(5.406vw,75px) 19px min(1.302vw,25px)
}

.ethics .activity>.p2 {
	margin-bottom: min(3.645vw, 70px)
}

.ethics .table_wrap .default_table td {
	height: 95px;
	padding-top: min(0.989vw, 19px);
	padding-bottom: min(0.989vw, 19px)
}

.ethics .table_wrap .info_table .bg,.ethics .table_wrap .info_table td {
	background-color: #fff
}

.ethics .table_wrap .info_table th,.ethics .table_wrap .info_table td {
	padding: min(0.52vw, 10px)
}

.ethics .organization .organization_wrap {
	width: 930px;
	margin: 0 auto;
	background: url("/resources/en/images/sustainability/governance/bg_line.png") 50% 290px no-repeat
}

.ethics .organization .organization_wrap h4 {
	text-align: center
}

.ethics .organization .organization_wrap .circle {
	display: table;
	width: min(11.822vw, 227px);
	height: min(12.291vw, 236px);
	margin: 0 auto 30px;
	text-align: center;
	background: url("/resources/en/images/sustainability/governance/bg_circle.png") 0 0 no-repeat;
	background-size: cover
}

.ethics .organization .organization_wrap .circle p {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	color: #004480
}

@media(min-width: 1024px) {
	.ethics .organization .organization_wrap .circle p {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.125em
	}
}

@media(max-width: 1023px) {
	.ethics .organization .organization_wrap .circle p {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 27px
	}
}

.ethics .organization .organization_wrap .organization_list:after {
	content: "";
	display: table;
	clear: both
}

.ethics .organization .organization_wrap .organization_list .item {
	position: relative;
	float: left;
	width: 364px
}

.ethics .organization .organization_wrap .organization_list .item+.item {
	float: right
}

.ethics .organization .organization_wrap .organization_list .item .item_box {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: min(11.51vw, 221px);
	cursor: pointer
}

.ethics .organization .organization_wrap .organization_list .item .item_box p {
	display: table-cell;
	vertical-align: middle
}

.ethics .organization .organization_wrap .organization_list .item .item_box:hover .description_box {
	opacity: 1;
	z-index: 2
}

.ethics .organization .organization_wrap .organization_list .item .title_box {
	position: absolute;
	left: 0;
	top: 0;
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #004480;
	z-index: 1
}

@media(min-width: 1024px) {
	.ethics .organization .organization_wrap .organization_list .item .title_box {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.ethics .organization .organization_wrap .organization_list .item .title_box {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.ethics .organization .organization_wrap .organization_list .item .description_box {
	position: absolute;
	left: 0;
	top: 0;
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 min(1.562vw, 30px);
	color: #222;
	background-color: #fff;
	border: 2px solid #e5e5e5;
	border-top-color: #004480
}

@media(min-width: 1024px) {
	.ethics .organization .organization_wrap .organization_list .item .description_box {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.ethics .organization .organization_wrap .organization_list .item .description_box {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.ethics .organization .organization_wrap .organization_list.first {
	margin-bottom: min(3.125vw, 60px)
}

.ethics .organization .organization_wrap .organization_list.last .item_box {
	margin-bottom: min(1.562vw, 30px)
}

.ethics .organization .organization_wrap .organization_list.last .rank_box {
	position: relative;
	width: 100%;
	padding: min(1.197vw, 23px) 0;
	text-align: center;
	color: #222;
	font-weight: 600;
	background-color: #f5f7ff
}

@media(min-width: 1024px) {
	.ethics .organization .organization_wrap .organization_list.last .rank_box {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.35em
	}
}

@media(max-width: 1023px) {
	.ethics .organization .organization_wrap .organization_list.last .rank_box {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 27px
	}
}

.ethics .organization .organization_wrap .organization_list.last .rank_box .dot {
	position: absolute;
	left: 50%;
	top: -7px;
	display: inline-block;
	width: min(0.937vw, 18px);
	height: min(0.937vw, 18px);
	border-radius: 50%;
	transform: translate(-50%, 0);
	background-color: #fff
}

.ethics .organization .organization_wrap .organization_list.last .rank_box .dot::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 6px;
	height: 6px;
	background-color: #004480;
	border-radius: 50%
}

.ethics .organization .organization_wrap .text_area {
	width: 100%;
	margin-bottom: min(2.083vw, 40px);
	padding: min(1.458vw, 28px) 0;
	color: #222;
	background-color: #f8f8f8;
	text-align: center
}

@media(min-width: 1024px) {
	.ethics .organization .organization_wrap .text_area {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.7em
	}
}

@media(max-width: 1023px) {
	.ethics .organization .organization_wrap .text_area {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 34px
	}
}

.ethics .organization .flex-container {
	display: none
}

.ethics .highlight-box {
	margin-bottom: min(8.333vw, 160px);
	padding: min(2.604vw, 50px) min(2.083vw, 40px);
	background-color: #f8f8f8;
	color: #222
}

.ethics .highlight-box .title {
	padding-top: min(4.166vw, 80px);
	margin-bottom: min(1.458vw, 28px);
	font-weight: 600
}

@media(min-width: 1024px) {
	.ethics .highlight-box .title {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.1666666667em
	}
}

@media(max-width: 1023px) {
	.ethics .highlight-box .title {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.ethics .highlight-box .title:first-child {
	padding-top: 0
}

@media(min-width: 1024px) {
	.ethics .highlight-box .description {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.ethics .highlight-box .description {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.ethics .manage {
	margin-bottom: min(8.333vw, 160px);
	color: #222
}

.ethics .manage:last-child {
	margin-bottom: 0
}

.ethics .manage .btn_wrap {
	margin-top: min(2.083vw, 40px)
}

.ethics .tab3 .highlight-box {
	padding: min(3.125vw, 60px)
}

.ethics .type2 .tab.active a {
	padding: initial
}

@media(max-width: 1700px) {
	.ethics .organization .organization_wrap {
		background-position: 50% 190px
	}
}

@media(max-width: 1023px) {
	.ethics section {
		margin-bottom: 80px
	}

	.ethics .organization .organization_wrap {
		width: 100%;
		max-width: 720px;
		height: min(94.791vw, 728px);
		background-position: 50% 215px;
		background-size: 58.5% auto
	}

	.ethics .organization .organization_wrap .circle {
		width: min(22.005vw, 169px);
		height: min(22.005vw, 169px);
		margin: 0 auto 25px;
		background: url("/resources/en/images/sustainability/governance/bg_circle.png") 0 0 no-repeat;
		background-size: cover
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ethics .organization .organization_wrap .circle p {
		font-size: 1.4375rem;
		letter-spacing: -0.03em;
		line-height: 1.1739130435em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ethics .organization .organization_wrap .circle p {
		font-size: 23px;
		letter-spacing: -0.03em;
		line-height: 27px
	}
}

@media(max-width: 1023px) {
	.ethics .organization .organization_wrap .organization_list .item {
		width: min(39.062vw, 300px)
	}

	.ethics .organization .organization_wrap .organization_list .item .item_box {
		height: min(16.276vw, 125px)
	}

	.ethics .organization .organization_wrap .organization_list .item .title_box {
		height: min(16.276vw, 125px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ethics .organization .organization_wrap .organization_list .item .title_box {
		font-size: 1.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ethics .organization .organization_wrap .organization_list .item .title_box {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.ethics .organization .organization_wrap .organization_list .item .description_box {
		height: 100%;
		padding: 0 min(3.906vw, 30px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ethics .organization .organization_wrap .organization_list .item .description_box {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ethics .organization .organization_wrap .organization_list .item .description_box {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.ethics .organization .organization_wrap .organization_list.first {
		margin-bottom: min(7.291vw, 56px)
	}
}

@media(max-width: 1023px) {
	.ethics .organization .organization_wrap .organization_list.last .item_box {
		margin-bottom: min(2.604vw, 20px)
	}

	.ethics .organization .organization_wrap .organization_list.last .rank_box {
		padding: min(2.864vw, 22px) 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ethics .organization .organization_wrap .organization_list.last .rank_box {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.0666666667em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ethics .organization .organization_wrap .organization_list.last .rank_box {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 16px
	}
}

@media(max-width: 1023px) {
	.ethics .organization .organization_wrap .organization_list.last .rank_box .dot {
		top: -7px;
		width: min(2.343vw, 18px);
		height: min(2.343vw, 18px)
	}

	.ethics .organization .organization_wrap .organization_list.last .rank_box .dot::before {
		width: 7px;
		height: 7px
	}
}

@media(max-width: 1023px) {
	.ethics .organization .organization_wrap .text_area {
		margin-bottom: min(3.255vw, 25px);
		padding: min(2.994vw, 23px) 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ethics .organization .organization_wrap .text_area {
		font-size: 1rem;
		letter-spacing: -0.03em;
		line-height: 1.0625em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ethics .organization .organization_wrap .text_area {
		font-size: 16px;
		letter-spacing: -0.03em;
		line-height: 17px
	}
}

@media(max-width: 1023px) {
	.ethics .activity>.p2 {
		margin-bottom: 40px
	}
}

@media(max-width: 1023px) {
	.ethics .highlight-box {
		margin-bottom: 80px;
		padding: 20px min(2.604vw, 20px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ethics .highlight-box .title {
		font-size: 1.0625rem;
		letter-spacing: 0.016em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ethics .highlight-box .title {
		font-size: 17px;
		letter-spacing: 0.016em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ethics .highlight-box .description {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ethics .highlight-box .description {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.ethics .btn_wrap .btn_link,.ethics .btn_wrap .btn_download {
		padding: 17px 75px 17px 17px;
		min-width: 270px;
		font-size: 15px
	}
}

@media(max-width: 1023px) {
	.ethics .type2 .tab a {
		min-height: 68px
	}
}

@media(min-width: 554px) {
	.ethics .ico_scroll:after {
		display: none
	}
}

@media(max-width: 767px) {
	.ethics .btn_download,.ethics .btn_link {
		width: 100%
	}

	.ethics .ico_scroll .default_table {
		min-width: 490px
	}

	.ethics .table_wrap colgroup col:nth-of-type(1) {
		width: 100px
	}

	.ethics .table_wrap colgroup col:nth-of-type(2) {
		width: 120px
	}

	.ethics .table_wrap colgroup col:nth-of-type(3) {
		width: 320px
	}

	.ethics .table_wrap .default_table td {
		padding: 16px min(2.717vw, 10px)
	}

	.ethics .table_wrap .default_table td.list>ul>li {
		padding-left: 7px
	}

	.ethics section>.p2 {
		font-size: 15px
	}

	.ethics .type2_wrap {
		overflow-x: auto
	}

	.ethics .type2 {
		flex-wrap: nowrap;
		width: 720px;
		margin: 0 auto
	}

	.ethics .type2 .tab {
		width: auto;
		border-bottom: 1px solid #ddd
	}

	.ethics .type2 .tab:after {
		display: none
	}

	.ethics .type2 .tab a {
		min-height: 62px;
		padding: 0 15px;
		white-space: nowrap
	}

	.ethics .type2 .tab.active a {
		padding: 0 15px
	}

	.ethics .manage {
		margin-bottom: 80px
	}

	.ethics .manage .btn_wrap {
		margin-top: 35px;
		text-align: center
	}

	.ethics .manage .btn_wrap .btn_link,.ethics .manage .btn_wrap .btn_download {
		padding: 17px 56px 17px 17px
	}

	.ethics .highlight-box {
		margin: 40px 0 80px;
		padding: 24px min(5.434vw, 20px)
	}

	.ethics .highlight-box .title {
		margin-bottom: 15px;
		padding-top: 40px
	}

	.ethics .bottom_line:before {
		width: 25px
	}

	.ethics .organization h4 {
		margin-bottom: 15px
	}

	.ethics .organization .organization_wrap {
		max-width: 345px;
		height: auto;
		margin-bottom: 50px;
		background: url("/resources/en/images/sustainability/governance/m/bg_line.png") 50% 142px no-repeat;
		background-size: 196px auto
	}

	.ethics .organization .organization_wrap .circle {
		position: relative;
		width: min(30.706vw, 113px);
		height: min(32.065vw, 118px);
		margin: 0 auto 18px;
		background: url("/resources/en/images/sustainability/governance/bg_circle.png") 0 0 no-repeat;
		background-size: 113px auto
	}

	.ethics .organization .organization_wrap .circle p {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 100%;
		transform: translate(-50%, -50%);
		margin-top: -3px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.ethics .organization .organization_wrap .circle p {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.1176470588em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.ethics .organization .organization_wrap .circle p {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 19px
	}
}

@media(max-width: 767px) {
	.ethics .organization .organization_wrap .organization_list .item {
		width: min(40.76vw, 150px)
	}

	.ethics .organization .organization_wrap .organization_list .item .item_box {
		height: 60px
	}

	.ethics .organization .organization_wrap .organization_list .item .title_box {
		height: 100%;
		transition: none
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.ethics .organization .organization_wrap .organization_list .item .title_box {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.1428571429em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.ethics .organization .organization_wrap .organization_list .item .title_box {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 16px
	}
}

@media(max-width: 767px) {
	.ethics .organization .organization_wrap .organization_list .item .title_box p {
		display: inline-block;
		width: 100%;
		padding: 14px 0 12px;
		text-align: center
	}
}

@media(max-width: 767px) {
	.ethics .organization .organization_wrap .organization_list .item .description_box {
		display: none;
		opacity: 0
	}
}

@media(max-width: 767px) {
	.ethics .organization .organization_wrap .organization_list.first {
		margin-bottom: 40px
	}
}

@media(max-width: 767px) {
	.ethics .organization .organization_wrap .organization_list.last .item_box {
		margin-bottom: 20px
	}

	.ethics .organization .organization_wrap .organization_list.last .rank_box {
		height: 60px;
		padding: 12px 5px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.ethics .organization .organization_wrap .organization_list.last .rank_box {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.1428571429em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.ethics .organization .organization_wrap .organization_list.last .rank_box {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 16px
	}
}

@media(max-width: 767px) {
	.ethics .organization .organization_wrap .organization_list.last .rank_box p {
		height: 100%;
		display: inline-flex;
		align-items: center
	}
}

@media(max-width: 767px) {
	.ethics .organization .organization_wrap .organization_list.last .rank_box .dot {
		top: -7px;
		width: min(3.26vw, 12px);
		height: min(3.26vw, 12px)
	}

	.ethics .organization .organization_wrap .organization_list.last .rank_box .dot::before {
		width: 6px;
		height: 6px
	}
}

@media(max-width: 767px) {
	.ethics .organization .organization_wrap .text_area {
		margin-bottom: 20px;
		padding: 16px 30px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.ethics .organization .organization_wrap .text_area {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.2142857143em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.ethics .organization .organization_wrap .text_area {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 17px
	}
}

@media(max-width: 767px) {
	.ethics .organization .flex-container {
		display: block
	}
}

@media(max-width: 767px) {
	.ethics .organization .flex-item {
		width: 100%;
		margin-bottom: 15px;
		border: 1px solid #e5e5e5
	}

	.ethics .organization .flex-item:last-child {
		margin-bottom: 0
	}

	.ethics .organization .flex-item .title {
		width: calc(100% + 2px);
		height: calc(100% + 2px);
		margin: -1px;
		padding: 12px 0;
		text-align: center;
		font-weight: bold;
		color: #fff;
		background-color: #004480
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.ethics .organization .flex-item .title {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.1428571429em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.ethics .organization .flex-item .title {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 16px
	}
}

@media(max-width: 767px) {
	.ethics .organization .flex-item .description {
		padding: 22px 15px;
		color: #222
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.ethics .organization .flex-item .description {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.3571428571em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.ethics .organization .flex-item .description {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 19px
	}
}

@media(max-width: 767px) {
	.ethics .organization img {
		max-width: 100%
	}
}

@media(max-width: 767px) {
	.ethics .activity .btn_wrap .btn_link {
		margin-bottom: 10px
	}
}

.security {
	padding-bottom: 0
}

.security h3+.txt {
	margin-bottom: min(4.166vw, 80px);
	color: #222
}

@media(min-width: 1024px) {
	.security h3+.txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.security h3+.txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.security .block {
	display: block
}

.security .pyramid .img {
	position: relative
}

.security .pyramid .img h5 {
	position: absolute;
	top: 50%;
	left: 49%;
	transform: translate(-50%, -50%);
	margin-bottom: 0;
	color: #fff;
	text-align: center;
	line-height: 1.25em
}

.security .pyramid .img h5:before {
	display: none
}

.security .pyramid .img .p1 {
	position: absolute;
	letter-spacing: 0;
	font-weight: 600;
	text-align: right;
	color: #222
}

.security .pyramid .pos1 h5 {
	top: 69%
}

.security .pyramid .pos1 .p1 {
	top: min(2.916vw, 35px);
	right: 0
}

.security .pyramid .pos2 h5 {
	top: 58%
}

.security .pyramid .pos2 .p1 {
	top: min(2.5vw, 30px);
	left: 0;
	text-align: left
}

.security .pyramid .pos3 h5 {
	top: 54%
}

.security .pyramid .pos3 .p1 {
	top: min(2.5vw, 30px);
	right: 0
}

.security .coverance {
	margin-top: min(8.333vw, 160px)
}

.security .coverance img {
	margin: 0 auto;
	max-width: min(50vw, 960px)
}

.security .bg {
	background-color: #f8f8f8
}

.security .sec3 {
	padding: min(5.208vw, 100px) 0
}

.security .sec3 .cont_wrap {
	overflow: hidden;
	padding-bottom: min(2.083vw, 40px);
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.security .sec3 .cont_wrap .img {
	width: 23.5%;
	width: min(14.687vw, 282px);
	box-shadow: 20px 20px 19px 0px rgba(0,0,0,.2)
}

.security .sec3 .cont_wrap .img a {
	display: block
}

.security .sec3 .cont_wrap .txt {
	width: 74.5%;
	padding: 0 min(11.458vw, 220px) 0 min(3.125vw, 60px)
}

@media(min-width: 1024px) {
	.security .sec3 .cont_wrap .txt {
		font-size: 1.25rem;
		letter-spacing: -0.02em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.security .sec3 .cont_wrap .txt {
		font-size: 20px;
		letter-spacing: -0.02em;
		line-height: 30px
	}
}

.security .sec3 .cont_wrap .txt strong {
	display: block;
	margin-bottom: min(1.562vw, 30px);
	color: #222
}

.security .sec3 .cont_wrap p {
	color: #222
}

@media(min-width: 750px) {
	.security .ico_scroll:after {
		display: none
	}
}

@media(max-width: 1023px) {
	.security h3+.txt {
		margin-bottom: 30px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.security h3+.txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.security h3+.txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.security .coverance img {
		max-width: 720px
	}
}

@media(max-width: 1023px) {
	.security .sec3 {
		padding: 50px 0
	}

	.security .sec3 .cont_wrap {
		padding-bottom: 20px
	}

	.security .sec3 .cont_wrap .img {
		box-shadow: 10px 10px 10px 0px rgba(0,0,0,.2)
	}

	.security .sec3 .cont_wrap .txt {
		padding: 0 0 0 4.5%;
		width: 70%
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.security .sec3 .cont_wrap .txt {
		font-size: .9375rem;
		letter-spacing: -0.02em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.security .sec3 .cont_wrap .txt {
		font-size: 15px;
		letter-spacing: -0.02em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.security .sec3 .cont_wrap .txt strong {
		margin-bottom: 10px
	}
}

@media(max-width: 767px) {
	.security .block {
		display: inline-block
	}

	.security .pyramid img {
		display: none
	}

	.security .pyramid .img {
		padding: 23px min(4.076vw, 15px);
		margin-bottom: 5px
	}

	.security .pyramid .img:last-child {
		margin-bottom: 0
	}

	.security .pyramid .img h5,.security .pyramid .img .p1 {
		text-align: left
	}

	.security .pyramid .img h5 {
		position: sticky;
		top: 0;
		left: 0;
		transform: unset;
		margin-bottom: 15px
	}

	.security .pyramid .img h5:before {
		display: block;
		width: 25px;
		background-color: #fff
	}

	.security .pyramid .img .p1 {
		position: static;
		color: #fff;
		font-weight: 400
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.security .pyramid .img .p1 {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.security .pyramid .img .p1 {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 20px
	}
}

@media(max-width: 767px) {
	.security .pyramid .pos1 {
		background-color: #004480
	}
}

@media(max-width: 767px) {
	.security .pyramid .pos2 {
		background-color: #3d4dad
	}
}

@media(max-width: 767px) {
	.security .pyramid .pos3 {
		background-color: #7b85c1
	}
}

@media(max-width: 767px) {
	.security .coverance {
		margin-top: 80px
	}

	.security .coverance h3 {
		margin-bottom: 15px
	}

	.security .coverance img {
		max-width: 485px;
		overflow-x: auto
	}
}

@media(max-width: 767px) {
	.security .sec3 .cont_wrap {
		display: block;
		padding-bottom: 0
	}

	.security .sec3 .cont_wrap .img {
		margin: 0 auto 30px;
		width: 58%
	}

	.security .sec3 .cont_wrap .txt {
		width: 100%;
		padding: 0
	}
}

.ir .content .inner_section {
	margin-bottom: min(8.854vw, 170px)
}

.ir .iframe_area.bg {
	background-color: #f5f5f5
}

.ir .iframe_area+.ir_list {
	margin-top: min(4.166vw, 80px)
}

.ir .ir_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%;
	margin-bottom: min(1.25vw, 24px)
}

.ir .ir_list li {
	position: relative;
	width: 49%;
	background: -webkit-linear-gradient(left, #229dd1, #1f89c4, #1d7fbf);
	background: -moz-linear-gradient(left, #229dd1, #1f89c4, #1d7fbf);
	background: -o-linear-gradient(left, #229dd1, #1f89c4, #1d7fbf);
	background: linear-gradient(left, #229dd1, #1f89c4, #1d7fbf);
	padding: min(1.562vw, 30px);
	min-height: min(14.895vw, 286px);
	color: #fff
}

.ir .ir_list li:nth-child(n+3) {
	margin-top: min(1.25vw, 24px)
}

.ir .ir_list li .txt_area p {
	font-weight: 600
}

@media(min-width: 1024px) {
	.ir .ir_list li .txt_area p {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.ir .ir_list li .txt_area p {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 40px
	}
}

.ir .ir_list li .btn_area {
	position: absolute;
	left: min(1.562vw, 30px);
	bottom: min(1.562vw, 30px)
}

.ir .ir_list li .btn_area .button {
	display: flex;
	width: min(11.979vw, 230px);
	min-width: 200px;
	padding-bottom: min(0.781vw, 15px);
	border-bottom: 1px solid #fff;
	font-size: 0
}

.ir .ir_list li .btn_area .button .txt {
	display: inline-block;
	font-weight: 500
}

@media(min-width: 1024px) {
	.ir .ir_list li .btn_area .button .txt {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.4444444444em
	}
}

@media(max-width: 1023px) {
	.ir .ir_list li .btn_area .button .txt {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 26px
	}
}

.ir .ir_list li .btn_area .button .more.down {
	position: relative;
	display: inline-block;
	margin-left: auto;
	width: 25px;
	height: 18px;
	margin: min(0.26vw, 5px) 0 0 auto
}

.ir .ir_list li .btn_area .button .more.down::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 40%;
	width: 12px;
	height: 13px;
	background: url("/resources/en/images/ir/ico_arrow.svg") 50% 50% no-repeat;
	background-size: 100% auto;
	transform: translate(-50%, -50%);
	transition: .2s ease
}

.ir .ir_list li .btn_area .button .more.down::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 25px;
	height: 7px;
	background: url("/resources/en/images/ir/ico_arrow_box.svg") 0 0 no-repeat;
	background-size: 100% auto
}

.ir .ir_list li .btn_area .button.download.over .more.down::before {
	margin-top: -5px
}

.ir .ir_list:last-child {
	margin-bottom: 0
}

.ir .desc_wrap {
	display: flex;
	justify-content: space-between;
	margin-top: min(1.041vw, 20px)
}

.ir .desc_wrap .desc {
	position: relative;
	margin-left: auto;
	padding-left: min(0.781vw, 15px);
	color: #888;
	text-align: right;
	position: relative
}

@media(min-width: 1024px) {
	.ir .desc_wrap .desc {
		font-size: 1rem;
		letter-spacing: -0.02em;
		line-height: 1.75em
	}
}

@media(max-width: 1023px) {
	.ir .desc_wrap .desc {
		font-size: 16px;
		letter-spacing: -0.02em;
		line-height: 28px
	}
}

.ir .desc_wrap .desc:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	content: "※"
}

@media(min-width: 1024px) {
	.ir .desc_wrap .desc:before {
		font-size: 1rem;
		letter-spacing: 0em;
		line-height: 1.75em
	}
}

@media(max-width: 1023px) {
	.ir .desc_wrap .desc:before {
		font-size: 16px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.ir .desc_wrap.center {
	margin-top: min(2.083vw, 40px)
}

.ir .desc_wrap.center .desc {
	margin: 0 auto
}

.ir .desc_wrap.group .desc:first-child {
	margin-right: auto;
	margin-left: 0
}

.ir_overview .iframe_area {
	margin-bottom: min(4.166vw, 80px)
}

.ir_overview .ir_overview_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.ir_overview .ir_overview_list li {
	width: 32%
}

.ir_overview .ir_overview_list li .button_wrap {
	display: block;
	padding: min(1.562vw, 30px) min(1.041vw, 20px) min(1.562vw, 30px) min(1.562vw, 30px);
	color: #fff
}

.ir_overview .ir_overview_list li .button_inner {
	position: relative
}

.ir_overview .ir_overview_list li .txt_area {
	margin-bottom: min(5.104vw, 98px)
}

.ir_overview .ir_overview_list li .txt_area p {
	font-weight: 600
}

@media(min-width: 1024px) {
	.ir_overview .ir_overview_list li .txt_area p {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.ir_overview .ir_overview_list li .txt_area p {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 40px
	}
}

.ir_overview .ir_overview_list li .btn_area {
	position: relative;
	display: flex;
	width: min(10.208vw, 196px);
	padding-bottom: min(0.781vw, 15px);
	border-bottom: 1px solid #fff
}

.ir_overview .ir_overview_list li .btn_area .txt {
	display: inline-block;
	font-weight: 500
}

@media(min-width: 1024px) {
	.ir_overview .ir_overview_list li .btn_area .txt {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.4444444444em
	}
}

@media(max-width: 1023px) {
	.ir_overview .ir_overview_list li .btn_area .txt {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 26px
	}
}

.ir_overview .ir_overview_list li .btn_area .more {
	display: inline-block;
	margin-left: auto;
	width: 16px;
	height: 16px;
	margin: min(0.26vw, 5px) 0 0 auto;
	background: url("/resources/en/images/ir/ico_more.svg") 100% 50% no-repeat;
	background-size: 100% auto;
	transition: .4s ease
}

.ir_overview .ir_overview_list li .btn_area:hover .more {
	transform: rotate(90deg)
}

.ir_overview .ir_overview_list li:first-child .txt_area {
	margin-bottom: min(7.291vw, 140px)
}

.ir_overview .ir_overview_list li:nth-child(1) .button_inner {
	background-image: url("/resources/en/images/ir/ir_ico1.svg");
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: min(4.479vw, 86px)
}

.ir_overview .ir_overview_list li:nth-child(2) .button_inner {
	background-image: url("/resources/en/images/ir/ir_ico2.svg");
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: min(4.479vw, 86px)
}

.ir_overview .ir_overview_list li:nth-child(3) .button_inner {
	background-image: url("/resources/en/images/ir/ir_ico3.svg");
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: min(4.479vw, 86px)
}

.ir_overview .ir_overview_list li:nth-child(1) {
	background: -webkit-linear-gradient(left, #1f3ed5, #172dad, #004480);
	background: -moz-linear-gradient(left, #1f3ed5, #172dad, #004480);
	background: -o-linear-gradient(left, #1f3ed5, #172dad, #004480);
	background: linear-gradient(left, #1f3ed5, #172dad, #004480)
}

.ir_overview .ir_overview_list li:nth-child(2) {
	background: -webkit-linear-gradient(left, #229dd1, #1f89c4, #1d7fbf);
	background: -moz-linear-gradient(left, #229dd1, #1f89c4, #1d7fbf);
	background: -o-linear-gradient(left, #229dd1, #1f89c4, #1d7fbf);
	background: linear-gradient(left, #229dd1, #1f89c4, #1d7fbf)
}

.ir_overview .ir_overview_list li:nth-child(3) {
	background: -webkit-linear-gradient(left, #9da8b6, #8794a5, #79889b);
	background: -moz-linear-gradient(left, #9da8b6, #8794a5, #79889b);
	background: -o-linear-gradient(left, #9da8b6, #8794a5, #79889b);
	background: linear-gradient(left, #9da8b6, #8794a5, #79889b)
}

.event_earnings .schedule_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%;
	margin-bottom: min(1.25vw, 24px)
}

.event_earnings .schedule_list li {
	position: relative;
	width: 49%;
	background: -webkit-linear-gradient(left, #229dd1, #1f89c4, #1d7fbf);
	background: -moz-linear-gradient(left, #229dd1, #1f89c4, #1d7fbf);
	background: -o-linear-gradient(left, #229dd1, #1f89c4, #1d7fbf);
	background: linear-gradient(left, #229dd1, #1f89c4, #1d7fbf);
	padding: min(1.562vw, 30px);
	min-height: min(14.895vw, 286px);
	color: #fff
}

.event_earnings .schedule_list li:nth-child(n+3) {
	margin-top: min(1.25vw, 24px)
}

.event_earnings .schedule_list li:last-child {
	margin-bottom: 0
}

.event_earnings .schedule_list li .txt_area .date {
	display: block;
	margin-bottom: min(0.52vw, 10px);
	color: #77c6f9
}

@media(min-width: 1024px) {
	.event_earnings .schedule_list li .txt_area .date {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.event_earnings .schedule_list li .txt_area .date {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.event_earnings .schedule_list li .txt_area p {
	font-weight: 600;
	color: #fff
}

@media(min-width: 1024px) {
	.event_earnings .schedule_list li .txt_area p {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.event_earnings .schedule_list li .txt_area p {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 40px
	}
}

.event_earnings .schedule_list li .btn_area {
	position: absolute;
	left: min(1.562vw, 30px);
	bottom: min(1.562vw, 30px)
}

.event_earnings .schedule_list li .btn_area:after {
	content: "";
	display: table;
	clear: both
}

.event_earnings .schedule_list li .btn_area .button {
	position: relative;
	display: flex;
	float: left;
	width: min(13.229vw, 254px);
	min-width: 220px;
	padding-bottom: min(0.781vw, 15px);
	border-bottom: 1px solid #fff;
	font-size: 0;
	margin-left: min(1.041vw, 20px)
}

.event_earnings .schedule_list li .btn_area .button:nth-child(odd) {
	margin-left: 0
}

.event_earnings .schedule_list li .btn_area .button:nth-child(n+3) {
	margin-top: min(1.354vw, 26px)
}

.event_earnings .schedule_list li .btn_area .button .txt {
	display: inline-block;
	font-weight: 500;
	vertical-align: middle
}

@media(min-width: 1024px) {
	.event_earnings .schedule_list li .btn_area .button .txt {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.4444444444em
	}
}

@media(max-width: 1023px) {
	.event_earnings .schedule_list li .btn_area .button .txt {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 26px
	}
}

.event_earnings .schedule_list li .btn_area .button .more {
	display: inline-block;
	vertical-align: middle;
	margin-left: auto;
	width: 16px;
	height: 16px;
	background: url("/resources/en/images/ir/ico_more.svg") 100% 50% no-repeat;
	background-size: 100% auto
}

.event_earnings .schedule_list li .btn_area .button .more.down {
	position: relative;
	width: 25px;
	height: 22px;
	background: none
}

.event_earnings .schedule_list li .btn_area .button .more.down::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 40%;
	width: 12px;
	height: 13px;
	background: url("/resources/en/images/ir/ico_arrow.svg") 50% 50% no-repeat;
	background-size: 100% auto;
	transform: translate(-50%, -50%);
	transition: .2s ease
}

.event_earnings .schedule_list li .btn_area .button .more.down::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 25px;
	height: 7px;
	background: url("/resources/en/images/ir/ico_arrow_box.svg") 0 0 no-repeat;
	background-size: 100% auto
}

.event_earnings .schedule_list li .btn_area .button.link .more {
	transition: .4s ease
}

.event_earnings .schedule_list li .btn_area .button.download.over .more.down::before {
	margin-top: -5px
}

.event_earnings .schedule_list li .btn_area:hover .button.link .more {
	transform: rotate(90deg)
}

.event_earnings .list_type_wrap {
	position: relative
}

.event_earnings .list_type_wrap .custom_select_wrap:after {
	content: "";
	display: table;
	clear: both
}

.event_earnings .list_type_wrap .custom_select_wrap .custom_select_area {
	float: right;
	min-width: 200px;
	width: min(11.979vw, 230px);
	margin: 0 min(2.083vw, 40px) min(1.562vw, 30px) auto
}

.event_earnings .list_type_wrap .list_type {
	border-top: 2px solid #004480
}

.event_earnings .list_type_wrap .list_type li {
	border-bottom: 1px solid #e5e5e5
}

.event_earnings .list_type_wrap .list_type li .inner {
	display: flex;
	padding: min(1.614vw, 31px) min(1.979vw, 38px);
	justify-content: space-between
}

.event_earnings .list_type_wrap .list_type li .inner .title {
	padding-right: 15px
}

.event_earnings .list_type_wrap .list_type li .inner .title .date {
	display: block;
	margin-bottom: 10px;
	font-weight: 400;
	color: #888
}

@media(min-width: 1024px) {
	.event_earnings .list_type_wrap .list_type li .inner .title .date {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.event_earnings .list_type_wrap .list_type li .inner .title .date {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.event_earnings .list_type_wrap .list_type li .inner .title p {
	color: #222;
	font-weight: 600
}

@media(min-width: 1024px) {
	.event_earnings .list_type_wrap .list_type li .inner .title p {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px) {
	.event_earnings .list_type_wrap .list_type li .inner .title p {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

.event_earnings .list_type_wrap .list_type li .inner .btn_group {
	margin-left: auto;
	max-width: min(24.479vw, 470px)
}

.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap {
	font-size: 0
}

.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a {
	min-width: 200px;
	width: min(11.979vw, 230px);
	padding: 19px min(1.093vw, 21px) 20px min(0.781vw, 15px);
	text-align: left
}

@media(min-width: 1024px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a .txt {
	width: 80%
}

@media(min-width: 1024px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a .txt {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(max-width: 1023px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a .txt {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a.arr.btn_link::after {
	right: min(1.093vw, 21px)
}

.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a.btn_download::after {
	right: min(1.145vw, 22px)
}

.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a:nth-child(1),.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a:nth-child(3) {
	margin-left: 0
}

.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a:nth-child(n+3) {
	margin-top: 10px
}

.earnings_release .list_type_wrap .list_type li .inner {
	padding: min(1.041vw, 20px) min(1.979vw, 38px)
}

.earnings_release .list_type_wrap .list_type li .inner .title {
	margin: 15px 0 0
}

.disclosure .disclosure_area {
	max-width: 760px;
	width: auto;
	margin: 0 auto min(2.083vw, 40px);
	overflow-x: auto
}

.disclosure .disclosure_area+.btn_wrap {
	max-width: 760px;
	width: auto;
	margin: 0 auto
}

.notice .inner {
	overflow: hidden
}

.notice .search_wrap {
	margin-bottom: min(1.562vw, 30px)
}

.notice .search_wrap .input_area.search {
	width: min(16.666vw, 320px)
}

.notice .board_view .page_area .page_list li {
	height: min(3.645vw, 70px)
}

.notice .board_view .page_area .page_list li a {
	padding: min(1.406vw, 27px) 0
}

.notice .board_view .page_area .page_list li span {
	padding: min(1.406vw, 27px) 0
}

.notice .board_list td.noData {
	padding: min(6.25vw, 120px) 0;
	font-weight: 600;
	text-align: center
}

@media(min-width: 1024px) {
	.notice .board_list td.noData {
		font-size: 1.875rem;
		letter-spacing: 0em;
		line-height: 2.7em
	}
}

@media(max-width: 1023px) {
	.notice .board_list td.noData {
		font-size: 30px;
		letter-spacing: 0em;
		line-height: 81px
	}
}

.notice .board_list td.noData span {
	color: #004480
}

.report .ir_list li {
	background: -webkit-linear-gradient(left, #9da8b6, #8794a5, #79889b);
	background: -moz-linear-gradient(left, #9da8b6, #8794a5, #79889b);
	background: -o-linear-gradient(left, #9da8b6, #8794a5, #79889b);
	background: linear-gradient(left, #9da8b6, #8794a5, #79889b)
}

.stock_info .chart_bg {
	padding: min(3.125vw, 60px) 0;
	background-color: #f8f8f8;
	text-align: center
}

.stock_info .chart_area {
	position: relative;
	width: min(48.958vw, 940px);
	height: min(22.291vw, 428px);
	margin: 0 auto min(2.083vw, 40px);
	background: url("/resources/en/images/ir/circle_chart.svg") 50% 50% no-repeat;
	background-size: 100% min(22.291vw, 428px)
}

.stock_info .chart_area .item {
	position: absolute !important;
	width: min(19.27vw, 370px);
	position: relative;
	position: relative
}

.stock_info .chart_area .item:before {
	display: block;
	position: absolute;
	top: -7px;
	left: 96%;
	width: 19px;
	height: 19px;
	content: "";
	background: url("/resources/en/images/ir/ico_circle.svg") 0 0 no-repeat;
	background-size: cover;
	z-index: 1
}

.stock_info .chart_area .item:after {
	display: block;
	position: absolute;
	top: min(0.052vw, 1px);
	left: min(7.031vw, 135px);
	width: min(11.458vw, 220px);
	height: 1px;
	content: "";
	height: 1px;
	background-image: linear-gradient(90deg, #cccccc, #cccccc 75%, transparent 75%, transparent 100%);
	background-size: 10px 1px;
	border: none
}

.stock_info .chart_area .item .line {
	position: relative;
	display: block;
	margin-bottom: min(1.302vw, 25px);
	width: min(8.333vw, 160px);
	height: min(0.156vw, 3px);
	background-color: #004480;
	z-index: 1
}

.stock_info .chart_area .item p {
	color: #222;
	font-weight: bold
}

@media(min-width: 1024px) {
	.stock_info .chart_area .item p {
		font-size: 1.75rem;
		letter-spacing: -0.03em;
		line-height: 1.0714285714em
	}
}

@media(max-width: 1023px) {
	.stock_info .chart_area .item p {
		font-size: 28px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.stock_info .chart_area .item p.txt {
	margin-bottom: min(0.52vw, 10px)
}

.stock_info .chart_area .item.left {
	left: 0;
	text-align: left
}

.stock_info .chart_area .item.right {
	right: 0;
	text-align: right
}

.stock_info .chart_area .item.right::before {
	left: 0
}

.stock_info .chart_area .item.right::after {
	left: min(1.041vw, 20px)
}

.stock_info .chart_area .item.right .line {
	margin-left: min(10.937vw, 210px)
}

.stock_info .chart_area .item.item1 {
	top: min(5.208vw, 100px)
}

.stock_info .chart_area .item.item2 {
	top: min(5.729vw, 110px)
}

.stock_info .chart_area .item.item3 {
	top: min(16.666vw, 320px)
}

.stock_info .chart_area .item.item4 {
	top: min(15.625vw, 300px)
}

.stock_info .table_wrap .info_table tbody th {
	font-weight: 400
}

.stock_info .table_wrap .info_table tbody td {
	color: #222
}

.shareholders .accordion_list {
	margin-bottom: min(4.166vw, 80px)
}

.shareholders .accordion_list .acco_cont .btn_wrap {
	margin-bottom: 0
}

.shareholders .accordion_list .acco_cont p {
	word-break: break-all
}

@media(min-width: 1024px) {
	.shareholders .accordion_list .acco_cont p {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.shareholders .accordion_list .acco_cont p {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.shareholders .bg_area {
	padding: min(2.187vw, 42px);
	background-color: #f5f5f5
}

.shareholders .bg_area p {
	margin-bottom: min(1.302vw, 25px);
	color: #222
}

@media(min-width: 1024px) {
	.shareholders .bg_area p {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.shareholders .bg_area p {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.shareholders .bg_area p:last-child {
	margin-bottom: 0
}

.shareholders .tit_line {
	margin-bottom: min(1.562vw, 30px);
	padding-bottom: min(1.041vw, 20px);
	position: relative
}

.shareholders .tit_line:before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 2px;
	content: "";
	background-color: #004480
}

.shareholders .tit_box {
	margin-bottom: min(2.083vw, 40px)
}

.shareholders .paging_wrap {
	padding-top: 0
}

.share-return .iframe_area {
	margin-bottom: 0
}

.share-return .btn_wrap {
	margin-top: min(2.083vw, 40px)
}

@media(min-width: 1024px) {
	.share-return .btn_wrap {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.share-return .btn_wrap {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.share-return .btn_wrap .btn_download {
	padding: 19px min(5.406vw,75px) 19px min(1.302vw,25px)
}

.share-return .btn_wrap {
	margin-top: min(2.083vw, 40px)
}

@media(min-width: 1024px) {
	.share-return .btn_wrap {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.share-return .btn_wrap {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.share-return .table_scroll_area {
	overflow: hidden
}

.share-return .table_scroll_area .info_table_fixed {
	float: left;
	width: 50%
}

.share-return .table_scroll_area .info_table_fixed th {
	border-right: 1px solid #e5e5e5
}

.share-return .table_scroll_area .info_table_scroll {
	overflow-x: auto;
	width: 50%
}

.share-return .table_scroll_area .info_table {
	margin-bottom: 0
}

.share-return .table_scroll_area .info_table th,.share-return .table_scroll_area .info_table td {
	height: 115px
}

.share-return .table_scroll_area .info_table th {
	padding: min(1.666vw, 32px) min(0.52vw, 10px)
}

.share-return .table_scroll_area .info_table td {
	padding: min(1.041vw, 20px)
}

.creditRating .content .inner {
	margin-bottom: min(8.333vw, 160px)
}

.creditRating .table_wrap+.table_wrap {
	margin-top: min(4.166vw, 80px)
}

.creditRating .table_wrap .table_scroll_area {
	overflow: hidden
}

.creditRating .table_wrap .table_scroll_area .info_table_fixed {
	float: left;
	width: 180px
}

.creditRating .table_wrap .table_scroll_area .info_table_fixed th {
	border-right: 1px solid #e5e5e5
}

.creditRating .table_wrap .table_scroll_area .info_table_scroll {
	overflow-x: auto;
	width: calc(100% - 180px)
}

.creditRating .table_wrap .table_scroll_area .info_table {
	margin-bottom: 0
}

.creditRating .table_wrap .table_scroll_area .info_table th,.creditRating .table_wrap .table_scroll_area .info_table td {
	height: 115px
}

.creditRating .table_wrap .table_scroll_area2 .info_table_fixed {
	width: 450px
}

.creditRating .table_wrap .table_scroll_area2 .info_table_scroll {
	width: calc(100% - 450px)
}

.creditRating .desc_wrap .desc {
	text-align: left
}

@media(max-width: 1700px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group {
		max-width: min(24.705vw, 420px)
	}

	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap {
		min-width: auto
	}
}

@media(max-width: 1700px)and (min-width: 1024px) {
	.stock_info .chart_area .item p {
		font-size: 1.625rem;
		letter-spacing: -0.03em;
		line-height: 1.0769230769em
	}
}

@media(max-width: 1700px)and (max-width: 1023px) {
	.stock_info .chart_area .item p {
		font-size: 26px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

@media(max-width: 1655px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group {
		max-width: min(25.377vw, 420px)
	}
}

@media(max-width: 1600px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group {
		max-width: min(25.624vw, 410px)
	}
}

@media(max-width: 1590px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group {
		max-width: min(26.666vw, 424px)
	}
}

@media(max-width: 1500px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group {
		max-width: min(27.333vw, 410px)
	}
}

@media(max-width: 1280px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group {
		max-width: min(32.031vw, 410px)
	}
}

@media(max-width: 1279px) {
	.notice .board_view .page_area .page_list li {
		height: min(4.453vw, 57px)
	}

	.notice .board_view .page_area .page_list li>strong {
		width: min(11.718vw, 150px)
	}

	.notice .board_view .page_area .page_list li>strong::before {
		left: min(2.343vw, 30px)
	}

	.notice .board_view .page_area .page_list li a {
		padding: min(1.718vw, 22px) 0
	}

	.notice .board_view .page_area .page_list li span {
		padding: min(1.718vw, 22px) 0
	}

	.event_earnings .list_type_wrap .list_type li .inner {
		display: block
	}

	.event_earnings .list_type_wrap .list_type li .inner .title {
		width: 100%;
		margin-bottom: 25px
	}

	.event_earnings .list_type_wrap .list_type li .inner .btn_group {
		max-width: 100%
	}

	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a {
		margin-left: 10px
	}

	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a:nth-child(n+3) {
		margin: 0 0 0 10px
	}
}

@media(max-width: 1023px) {
	.ir .content .inner_section {
		margin-bottom: 80px
	}

	.ir .iframe_area {
		padding: 0
	}

	.ir .iframe_area+.ir_list {
		margin-top: 60px
	}

	.ir .ir_list {
		margin-bottom: 60px
	}

	.ir .ir_list li {
		padding: 20px
	}

	.ir .ir_list li:nth-child(n+3) {
		margin-top: 10px
	}

	.ir .ir_list li:last-child {
		margin-bottom: 0
	}

	.ir .ir_list li .txt_area {
		margin-bottom: 25px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ir .ir_list li .txt_area p {
		font-size: 1.25rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ir .ir_list li .txt_area p {
		font-size: 20px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.ir .ir_list li .btn_area .button {
		width: 100%
	}

	.ir .ir_list li .btn_area .button .more.down {
		width: 22px;
		height: 16px;
		background: url("/resources/en/images/ir/ico_down.svg") 100% 50% no-repeat;
		background-size: 100% auto
	}

	.ir .ir_list li .btn_area .button .more.down::before,.ir .ir_list li .btn_area .button .more.down::after {
		content: none
	}
}

@media(max-width: 1023px) {
	.ir .ir_list:last-child {
		margin-bottom: 0
	}
}

@media(max-width: 1023px) {
	.ir .desc_wrap .desc {
		margin-left: 0;
		padding-left: 12px;
		text-align: left
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ir .desc_wrap .desc {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.2857142857em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ir .desc_wrap .desc {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 18px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ir .desc_wrap .desc::before {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ir .desc_wrap .desc::before {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 14px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ir .desc_wrap.center .desc {
		font-size: .8125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ir .desc_wrap.center .desc {
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.ir .custom_select_area {
		width: min(44.921vw, 345px);
		min-width: 160px;
		margin: 0 0 min(2.604vw, 20px) 0
	}
}

@media(max-width: 1023px) {
	.ir_overview .iframe_area {
		margin-bottom: 60px
	}

	.ir_overview .ir_overview_list li .button_wrap {
		height: 100px;
		padding: 30px 20px
	}

	.ir_overview .ir_overview_list li .txt_area {
		margin-bottom: 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.ir_overview .ir_overview_list li .txt_area p {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.ir_overview .ir_overview_list li .txt_area p {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.ir_overview .ir_overview_list li .btn_area {
		display: none
	}
}

@media(max-width: 1023px) {
	.ir_overview .ir_overview_list li:first-child .button_wrap {
		padding: 38px 20px
	}
}

@media(max-width: 1023px) {
	.ir_overview .ir_overview_list li:nth-child(1) .button_inner {
		background: url("/resources/en/images/ir/ir_ico_arrow.svg") 100% 50% no-repeat;
		background-size: 9px 14px
	}
}

@media(max-width: 1023px) {
	.ir_overview .ir_overview_list li:nth-child(2) .button_inner {
		background: url("/resources/en/images/ir/ir_ico_arrow.svg") 100% 50% no-repeat;
		background-size: 9px 14px
	}
}

@media(max-width: 1023px) {
	.ir_overview .ir_overview_list li:nth-child(3) .button_inner {
		background: url("/resources/en/images/ir/ir_ico_arrow.svg") 100% 50% no-repeat;
		background-size: 9px 14px
	}
}

@media(max-width: 1023px) {
	.ir_overview .ir_overview_list li:nth-child(4) .button_inner {
		background: url("/resources/en/images/ir/ir_ico_arrow.svg") 100% 50% no-repeat;
		background-size: 9px 14px
	}
}

@media(max-width: 1023px) {
	.event_earnings .schedule_list li {
		padding: 20px;
		min-height: 170px
	}

	.event_earnings .schedule_list li:nth-child(n+3) {
		margin-top: 20px
	}

	.event_earnings .schedule_list li:last-child {
		margin-bottom: 0
	}

	.event_earnings .schedule_list li .txt_area {
		margin-bottom: 50px
	}

	.event_earnings .schedule_list li .txt_area .date {
		margin-bottom: 8px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.event_earnings .schedule_list li .txt_area .date {
		font-size: .875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.event_earnings .schedule_list li .txt_area .date {
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.event_earnings .schedule_list li .txt_area p {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.3em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.event_earnings .schedule_list li .txt_area p {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 26px
	}
}

@media(max-width: 1023px) {
	.event_earnings .schedule_list li .btn_area {
		position: initial
	}

	.event_earnings .schedule_list li .btn_area .button {
		float: none;
		width: 100%;
		min-width: 100%;
		padding-bottom: 10px
	}

	.event_earnings .schedule_list li .btn_area .button+.button {
		margin: 25px 0 0 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.event_earnings .schedule_list li .btn_area .button .txt {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.event_earnings .schedule_list li .btn_area .button .txt {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.event_earnings .schedule_list li .btn_area .button .more.down {
		width: 22px;
		height: 16px;
		background: url("/resources/en/images/ir/ico_down.svg") 100% 50% no-repeat;
		background-size: 100% auto
	}

	.event_earnings .schedule_list li .btn_area .button .more.down::before,.event_earnings .schedule_list li .btn_area .button .more.down::after {
		content: none
	}
}

@media(max-width: 1023px) {
	.event_earnings .schedule_list li .btn_area .button.link .more {
		transition: none
	}
}

@media(max-width: 1023px) {
	.event_earnings .list_type_wrap .custom_select_wrap .custom_select_area {
		width: min(26.041vw, 200px);
		margin: 0 min(2.604vw, 20px) min(2.604vw, 20px) 0
	}

	.event_earnings .list_type_wrap .list_type li .inner {
		padding: 18px 20px
	}

	.event_earnings .list_type_wrap .list_type li .inner .title .date {
		margin-bottom: 5px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.event_earnings .list_type_wrap .list_type li .inner .title .date {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.event_earnings .list_type_wrap .list_type li .inner .title .date {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.event_earnings .list_type_wrap .list_type li .inner .title p {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.3529411765em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.event_earnings .list_type_wrap .list_type li .inner .title p {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group {
		width: 100%
	}

	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a {
		width: 100%;
		padding: 19px min(2.734vw, 21px) 20px min(1.953vw, 15px);
		margin-left: 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a.arr.btn_link::after {
		right: min(2.343vw, 18px)
	}
}

@media(max-width: 1023px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a.btn_download::after {
		right: min(2.343vw, 18px)
	}
}

@media(max-width: 1023px) {
	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a:nth-child(n+3) {
		margin: 0 0 10px 0
	}
}

@media(max-width: 1023px) {
	.earnings_release .list_type_wrap .list_type li .inner {
		padding: 15px 20px
	}

	.earnings_release .list_type_wrap .list_type li .inner .title {
		margin: 15px 0 0
	}
}

@media(max-width: 1023px) {
	.earnings_release .list_type_wrap .list_type li .inner .title {
		margin: 0 0 25px
	}
}

@media(max-width: 1023px) {
	.disclosure .disclosure_area {
		margin-bottom: 35px
	}
}

@media(max-width: 1023px) {
	.notice .search_wrap {
		margin-bottom: 25px
	}

	.notice .search_wrap .input_area.search {
		width: min(41.666vw, 320px)
	}

	.notice .board_view .top_area {
		position: relative;
		display: block;
		padding: 25px min(1.953vw, 15px)
	}

	.notice .board_view .top_area .tit {
		padding-top: 30px
	}

	.notice .board_view .top_area .date {
		position: absolute;
		left: min(1.953vw, 15px);
		margin-left: 0;
		font-size: 15px
	}

	.notice .board_view .cont_area {
		padding: 48px 0 min(5.208vw, 40px)
	}

	.notice .board_view .bot_area {
		margin-bottom: 50px
	}

	.notice .board_view .bot_area>dl {
		padding: 18px min(2.604vw, 20px);
		margin-bottom: 5px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.notice .board_view .bot_area dt {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.notice .board_view .bot_area dt {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 14px
	}
}

@media(max-width: 1023px) {
	.notice .board_view .bot_area dd {
		margin-left: min(2.343vw, 18px)
	}

	.notice .board_view .bot_area dd a {
		font-weight: 400;
		word-break: keep-all;
		word-wrap: break-word
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.notice .board_view .bot_area dd a {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.notice .board_view .bot_area dd a {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.notice .board_view .bot_area dd a .ico {
		width: 18px;
		height: 13px;
		margin: 0 0 0 min(1.302vw, 10px)
	}
}

@media(max-width: 1023px) {
	.notice .board_view .page_area .page_list li {
		height: min(7.421vw, 57px)
	}

	.notice .board_view .page_area .page_list li>strong {
		width: min(13.02vw, 100px)
	}

	.notice .board_view .page_area .page_list li>strong::before {
		left: min(2.604vw, 20px)
	}

	.notice .board_view .page_area .page_list li a {
		padding: min(2.864vw, 22px) 0
	}

	.notice .board_view .page_area .page_list li span {
		padding: min(2.864vw, 22px) 0
	}
}

@media(max-width: 1023px) {
	.notice .board_view .btn_wrap {
		margin-top: 35px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.notice .board_view .btn_wrap .btn {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.notice .board_view .btn_wrap .btn {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.notice .board_list td.noData {
		padding: 60px 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.notice .board_list td.noData {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 2em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.notice .board_list td.noData {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 40px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.stock_info h3 {
		font-size: 1.5625rem;
		letter-spacing: -0.03em;
		line-height: 1.52em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.stock_info h3 {
		font-size: 25px;
		letter-spacing: -0.03em;
		line-height: 38px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.stock_info .table_wrap .info_table th {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.stock_info .table_wrap .info_table th {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.stock_info .chart_bg {
		padding: 40px 0
	}
}

@media(max-width: 1023px) {
	.stock_info .chart_area {
		width: min(66.927vw, 514px);
		height: min(34.244vw, 263px);
		margin: 0 auto 16px;
		background: url("/resources/en/images/ir/m/circle_chart.svg") 50% 50% no-repeat;
		background-size: 100% 263px
	}

	.stock_info .chart_area .item {
		width: min(25.651vw, 197px);
		position: relative
	}

	.stock_info .chart_area .item::before {
		width: 9.5px;
		height: 9.5px;
		top: -2px
	}

	.stock_info .chart_area .item:after {
		display: block;
		position: absolute;
		top: 1px;
		left: 98px;
		width: 94px;
		height: 3px;
		content: "";
		height: 1px;
		background-size: 5px 1px
	}

	.stock_info .chart_area .item .line {
		margin-bottom: 10px;
		width: min(12.76vw, 98px);
		height: 3px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.stock_info .chart_area .item p {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.4666666667em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.stock_info .chart_area .item p {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.stock_info .chart_area .item p.txt {
		margin-bottom: 5px
	}
}

@media(max-width: 1023px) {
	.stock_info .chart_area .item.right .line {
		margin-left: min(13.02vw, 100px)
	}
}

@media(max-width: 1023px) {
	.stock_info .chart_area .item.item1 {
		top: 68px
	}
}

@media(max-width: 1023px) {
	.stock_info .chart_area .item.item2 {
		top: 65px
	}
}

@media(max-width: 1023px) {
	.stock_info .chart_area .item.item3 {
		top: 187px
	}
}

@media(max-width: 1023px) {
	.stock_info .chart_area .item.item4 {
		top: 190px
	}
}

@media(max-width: 1023px) {
	.shareholders .accordion_list {
		margin-bottom: 45px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.shareholders .accordion_list .acco_cont P {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.shareholders .accordion_list .acco_cont P {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.shareholders h3 {
		margin-bottom: 20px
	}
}

@media(max-width: 1023px) {
	.shareholders .bg_area {
		padding: 30px min(2.343vw, 18px)
	}

	.shareholders .bg_area p {
		margin-bottom: 25px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.shareholders .bg_area p {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.shareholders .bg_area p {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

@media(max-width: 1023px) {
	.shareholders .tit_line {
		margin-bottom: 23px;
		padding-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.shareholders .tit_line {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.6em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.shareholders .tit_line {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

@media(max-width: 1023px) {
	.shareholders .tit_line::before {
		width: 30px
	}
}

@media(max-width: 1023px) {
	.shareholders .paging_wrap {
		padding-top: 0
	}
}

@media(max-width: 1023px) {
	.share-return .btn_wrap .btn_download {
		padding: 17px 75px 17px 17px;
		min-width: 270px;
		font-size: 15px
	}

	.share-return .table_scroll_area .info_table_fixed {
		width: 50%
	}

	.share-return .table_scroll_area .info_table_fixed th {
		border-right: 1px solid #e5e5e5
	}

	.share-return .table_scroll_area .info_table_scroll {
		overflow-x: auto;
		width: 50%
	}

	.share-return .table_scroll_area .info_table {
		margin-bottom: 0
	}

	.share-return .table_scroll_area .info_table th,.share-return .table_scroll_area .info_table td {
		height: 118px
	}

	.share-return .table_scroll_area .info_table col:nth-child(-n+5) {
		width: min(10.416vw, 80px)
	}

	.share-return .table_scroll_area .info_table th {
		padding: min(4.166vw, 32px) min(1.302vw, 10px)
	}

	.share-return .table_scroll_area .info_table td {
		padding: min(2.604vw, 20px)
	}
}

@media(max-width: 1023px) {
	.creditRating .content .inner {
		margin-bottom: 80px
	}

	.creditRating .table_wrap+.table_wrap {
		margin-top: 60px
	}

	.creditRating .table_wrap .table_scroll_area .info_table_fixed {
		width: 100px
	}

	.creditRating .table_wrap .table_scroll_area .info_table_scroll {
		width: calc(100% - 100px)
	}

	.creditRating .table_wrap .table_scroll_area .info_table th,.creditRating .table_wrap .table_scroll_area .info_table td {
		min-height: 65px
	}

	.creditRating .table_wrap .table_scroll_area2 .info_table_fixed {
		width: 170px
	}

	.creditRating .table_wrap .table_scroll_area2 .info_table_scroll {
		width: calc(100% - 170px)
	}
}

@media(max-width: 767px) {
	.ir .content .inner_section {
		margin-bottom: 80px
	}

	.ir .ir_list li {
		width: 100%;
		min-height: 170px;
		margin-bottom: 10px
	}

	.ir .ir_list li:nth-child(n+3) {
		margin-top: 0
	}

	.ir .ir_list li .txt_area {
		margin-bottom: 70px
	}

	.ir .ir_list li .btn_area {
		position: initial
	}

	.ir .ir_list li .btn_area .button {
		width: 100%;
		min-width: 100%;
		padding-bottom: 10px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.ir .ir_list li .btn_area .button .txt {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.ir .ir_list li .btn_area .button .txt {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 20px
	}
}

@media(max-width: 767px) {
	.ir .desc_wrap {
		margin-top: min(4.076vw, 15px)
	}

	.ir .desc_wrap.center {
		margin-top: 0
	}

	.ir .desc_wrap.center .desc {
		margin: 0 0 0 auto
	}
}

@media(max-width: 767px) {
	.ir .custom_select_area {
		width: 100%;
		min-width: 160px;
		margin: 0 0 min(5.434vw, 20px) 0
	}
}

@media(max-width: 767px) {
	.ir_overview .ir_overview_list li {
		width: 100%;
		margin-bottom: 10px
	}

	.ir_overview .ir_overview_list li:nth-child(1),.ir_overview .ir_overview_list li:nth-child(2) {
		margin-bottom: 10px
	}

	.ir_overview .ir_overview_list li .button_wrap {
		padding: 38px 20px
	}

	.ir_overview .ir_overview_list li .txt_area p br {
		display: none
	}
}

@media(max-width: 767px) {
	.event_earnings .schedule_list li {
		width: 100%;
		padding: 25px min(5.434vw, 20px);
		margin-bottom: 10px
	}

	.event_earnings .schedule_list li:nth-child(n+3) {
		margin-top: 0
	}

	.event_earnings .schedule_list li:last-child {
		margin-bottom: 0
	}

	.event_earnings .schedule_list li .btn_area {
		position: initial
	}

	.event_earnings .list_type_wrap .custom_select_wrap .custom_select_area {
		float: none;
		width: 100%;
		min-width: 100%;
		margin: 0 0 20px 0
	}

	.event_earnings .list_type_wrap .list_type li .inner .btn_group {
		float: none
	}

	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a {
		min-width: auto;
		width: 100%;
		padding: 19px min(5.706vw, 21px) 20px min(4.076vw, 15px);
		margin-bottom: 10px
	}

	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a.arr.btn_link::after {
		right: min(4.891vw, 18px)
	}

	.event_earnings .list_type_wrap .list_type li .inner .btn_group .btn_wrap a.btn_download::after {
		right: min(4.891vw, 18px)
	}
}

@media(max-width: 767px) {
	.disclosure .btn_wrap .btn_download:hover,.shareholders .btn_wrap .btn_download:hover {
		background-color: #004480
	}

	.disclosure .btn_wrap .btn_download:hover::after,.shareholders .btn_wrap .btn_download:hover::after {
		background: url("../images/ico_download_w.svg") 0 0 no-repeat;
		background-size: 100% auto
	}
}

@media(max-width: 767px) {
	.notice .search_wrap .input_area.search {
		width: 100%
	}

	.notice .board_view .top_area {
		padding: 25px 0
	}

	.notice .board_view .top_area .date {
		left: 0
	}

	.notice .board_view .cont_area {
		padding: 48px 0 min(10.869vw, 40px)
	}

	.notice .board_view .bot_area {
		margin-bottom: 50px
	}

	.notice .board_view .bot_area>dl {
		padding: 18px min(5.434vw, 20px);
		margin-bottom: 5px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.notice .board_view .bot_area dt {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.notice .board_view .bot_area dt {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 14px
	}
}

@media(max-width: 767px) {
	.notice .board_view .bot_area dd {
		margin-left: min(4.891vw, 18px)
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.notice .board_view .bot_area dd a {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.notice .board_view .bot_area dd a {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 767px) {
	.notice .board_view .bot_area dd a .ico {
		width: 18px;
		height: 13px;
		margin: 0 0 0 min(2.717vw, 10px)
	}
}

@media(max-width: 767px) {
	.notice .board_view .page_area .page_list li {
		height: min(15.489vw, 57px)
	}

	.notice .board_view .page_area .page_list li>strong {
		width: min(27.173vw, 100px)
	}

	.notice .board_view .page_area .page_list li>strong::before {
		left: min(5.434vw, 20px)
	}

	.notice .board_view .page_area .page_list li a {
		padding: min(5.706vw, 21px) 0
	}

	.notice .board_view .page_area .page_list li span {
		padding: min(5.706vw, 21px) 0
	}
}

@media(max-width: 767px) {
	.stock_info .chart_bg {
		padding: 0;
		background: #fff
	}

	.stock_info .chart_area {
		width: 100%;
		max-width: 375px;
		margin: 0 auto;
		height: min(54.347vw, 200px);
		margin-bottom: 30px;
		background-size: 100% 200px
	}

	.stock_info .chart_area .item {
		width: min(32.608vw, 120px)
	}

	.stock_info .chart_area .item::before {
		width: 7px;
		height: 7px;
		top: -2px
	}

	.stock_info .chart_area .item::after {
		left: 57px;
		width: 60px
	}

	.stock_info .chart_area .item .line {
		width: min(15.76vw, 58px)
	}

	.stock_info .chart_area .item.right .line {
		margin-left: min(16.847vw, 62px)
	}

	.stock_info .chart_area .item.right::after {
		left: 5px
	}

	.stock_info .chart_area .item.item1 {
		top: 45px
	}

	.stock_info .chart_area .item.item2 {
		top: 54px
	}

	.stock_info .chart_area .item.item3 {
		top: 150px
	}

	.stock_info .chart_area .item.item4 {
		top: 148px
	}
}

@media(max-width: 767px) {
	.shareholders .accordion_list {
		margin-bottom: min(12.228vw, 45px)
	}

	.shareholders .accordion_list .acco_cont p.tit {
		margin-bottom: 10px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.shareholders .accordion_list .acco_cont p.tit {
		font-size: 1.0625rem;
		letter-spacing: 0em;
		line-height: 1.3529411765em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.shareholders .accordion_list .acco_cont p.tit {
		font-size: 17px;
		letter-spacing: 0em;
		line-height: 23px
	}
}

@media(max-width: 767px) {
	.shareholders .accordion_list .acco_cont .btn_wrap .btn_download {
		width: min(69.565vw, 256px);
		padding: 17px min(11.413vw, 42px) 17px min(5.434vw, 20px)
	}
}

@media(max-width: 767px) {
	.shareholders .table_wrap .info_table col.idx {
		width: 24%
	}

	.shareholders .table_wrap .info_table col.txt {
		width: 55%
	}

	.shareholders .table_wrap .info_table col.num {
		width: 23%
	}

	.shareholders .table_wrap .info_table td.num {
		padding: 13px min(2.717vw, 10px)
	}
}

@media(max-width: 767px) {
	.shareholders .bg_area {
		padding: min(8.152vw, 30px) min(4.347vw, 16px)
	}

	.shareholders .bg_area p {
		margin-bottom: min(6.793vw, 25px)
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.shareholders .bg_area p {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.shareholders .bg_area p {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 767px) {
	.shareholders .tit_line {
		margin-bottom: min(8.152vw, 30px);
		padding-bottom: min(5.434vw, 20px);
		position: relative
	}

	.shareholders .tit_line:before {
		display: inline-block;
		vertical-align: middle;
		width: 30px;
		content: ""
	}
}

@media(max-width: 767px) {
	.shareholders .tit_box {
		margin-bottom: 30px
	}
}

@media(max-width: 767px) {
	.event_earnings .button_table tr th strong {
		display: block;
		margin-bottom: 5px
	}
}

@media(max-width: 767px) {
	.share-return .btn_wrap {
		margin-top: 35px;
		text-align: center
	}

	.share-return .btn_wrap .btn_download {
		padding: 17px 56px 17px 17px
	}

	.share-return .table_scroll_area .info_table_scroll .info_table {
		min-width: auto
	}

	.share-return .table_scroll_area .info_table col:nth-child(-n+5) {
		width: min(16.304vw, 60px)
	}

	.share-return .table_scroll_area .info_table th {
		padding: 12px
	}

	.share-return .table_scroll_area .info_table td {
		padding: 12px
	}
}

.careers .dot_list {
	margin-top: min(0.781vw, 15px)
}

.careers .dot_list li {
	margin-top: min(0.208vw, 4px);
	padding-left: min(0.781vw, 15px);
	position: relative
}

@media(min-width: 1024px) {
	.careers .dot_list li {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.careers .dot_list li {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.careers .dot_list li:before {
	display: block;
	position: absolute;
	top: 13px;
	left: 0;
	width: 4px;
	height: 4px;
	content: "";
	transform: translateY(-50%);
	background-color: #004480
}

.careers .dot_list li:first-child {
	margin-top: 0
}

.careers .dot_list li .desc {
	color: #888
}

.newsroom .board_list .board {
	width: 100%;
	border-top: 2px solid #004480
}

/*.newsroom .board_list .board .cate {
	width: 15%
}*/

.newsroom .board_list .board .country {
	width: 14%
}

.newsroom .board_list .board .field {
	width: 15%
}

.newsroom .board_list .board .tit {
	width: 52%
}

.newsroom .board_list .board .date {
	width: 19%
}

.newsroom .board_list .board .board_head {
	overflow: hidden
}

.newsroom .board_list .board .board_head p {
	float: left;
	padding: min(1.666vw, 32px) min(1.041vw, 20px);
	text-align: center;
	word-break: keep-all;
	word-wrap: break-word;
	font-weight: bold;
	color: #222;
	background-color: #f5f7ff;
	border-bottom: 1px solid #e5e5e5
}

@media(min-width: 1024px) {
	.newsroom .board_list .board .board_head p {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom .board_list .board .board_head p {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 1
	}
}
.newsroom .board_list{margin-top:40px;}
.newsroom .board_list .board .board_head p.bNone {
	border-left: none
}

.newsroom .board_list .board .board_cont {
	overflow: hidden; 
}

.newsroom .board_list .board .board_cont p {
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	padding: min(1.041vw, 20px) min(0.52vw, 10px);
	height: 90px;
	text-align: center;
	word-break: keep-all;
	word-wrap: break-word;
	color: #222;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5
}
.newsroom .board_list .board .board_cont p.tit {justify-content: left; padding-left:0;}


.newsroom .search_list ul li{margin-top:80px; width:100%; height:auto; overflow:hidden;}
.newsroom .search_list ul li a{display:block; width:100%; height:auto; overflow:hidden;}
.newsroom .search_list ul li a .thumb_area{width:46%; float:left;}
.newsroom .search_list ul li a .thumb_area img{width:560px; height:374px;}
.newsroom .search_list ul li a .txt_area{width:46%; float:right;}
.newsroom .search_list ul li a .txt_area p.tit{font-size:20px; color:#363636; line-height:150%; padding-top:55px;}
.newsroom .search_list ul li a .txt_area p.date{font-size:20px; color:#929292; font-family:Arial, Helvetica, sans-serif; padding:60px 0 50px 0;}
.newsroom .search_list ul li a .txt_area p.xq{font-size:20px; color:#929292; }
@media(min-width: 1024px) {
	.newsroom .board_list .board .board_cont p {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom .board_list .board .board_cont p {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.newsroom .board_list .board .board_cont p.bNone {
	border-left: none
}

.newsroom .board_list .board .board_cont p.tit:hover {
	text-decoration: underline
}

@media(min-width: 1024px) {
	.newsroom .board_list .board .board_cont p>span {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.5555555556em;
		max-height: 3.1111111111em
	}
}

@media(max-width: 1023px) {
	.newsroom .board_list .board .board_cont p>span {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 28px;
		max-height: 56px
	}
}

.careers .board_view .bot_area {
	padding-bottom: min(2.083vw, 40px);
	border-bottom: 1px solid #e5e5e5
}

.careers .board_edit .item {
	margin-bottom: min(2.708vw, 52px);
	color: #222
}

.careers .board_edit .item:last-child {
	margin-bottom: 0
}

.careers .board_edit .item .title {
	margin-bottom: min(0.781vw, 15px);
	font-weight: bold
}

@media(min-width: 1024px) {
	.careers .board_edit .item .title {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .item .title {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

@media(min-width: 1024px) {
	.careers .board_edit .item .desc_list li {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .item .desc_list li {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.careers .board_edit .item .symbol_list {
	padding: min(0.781vw, 15px) 0 0 min(1.041vw, 20px)
}

@media(min-width: 1024px) {
	.careers .board_edit .item .symbol_list li {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .item .symbol_list li {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.careers .board_edit .item .symbol_list li p {
	padding: min(0.52vw, 10px) 0 0 min(1.041vw, 20px)
}

.careers .board_edit .job_table {
	width: 100%;
	border-top: 2px solid #121212;
	border-bottom: 1px solid #e5e5e5
}

.careers .board_edit .job_table col.group {
	width: 22%
}

.careers .board_edit .job_table col.info {
	width: 48%
}

.careers .board_edit .job_table col.etc {
	width: 30%
}

.careers .board_edit .job_table tr {
	border-bottom: 1px solid #e5e5e5
}

.careers .board_edit .job_table th {
	padding: min(1.614vw, 31px) min(1.562vw, 30px);
	color: #222;
	font-weight: bold;
	text-align: center;
	background-color: #f8f8f8;
	border-left: 1px solid #e5e5e5
}

@media(min-width: 1024px) {
	.careers .board_edit .job_table th {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .job_table th {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.careers .board_edit .job_table th:first-child {
	border-left: 0
}

.careers .board_edit .job_table td {
	padding: min(1.979vw, 38px) min(2.031vw, 39px);
	background-color: #fff;
	font-weight: 400;
	border-left: 1px solid #e5e5e5
}

@media(min-width: 1024px) {
	.careers .board_edit .job_table td {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .job_table td {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.careers .board_edit .job_table td:first-child {
	border-left: 0
}

.careers .board_edit .job_table td.info .info_area .title {
	margin-bottom: min(1.041vw, 20px);
	font-weight: bold;
	text-align: left
}

@media(min-width: 1024px) {
	.careers .board_edit .job_table td.info .info_area .title {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .job_table td.info .info_area .title {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.careers .board_edit .job_table td.info .info_area dl {
	padding-left: min(0.677vw, 13px);
	margin-bottom: min(2.083vw, 40px)
}

.careers .board_edit .job_table td.info .info_area dl:last-child {
	margin-bottom: 0
}

.careers .board_edit .job_table td.info .info_area dl dt {
	margin-bottom: min(0.625vw, 12px)
}

.careers .board_edit .job_table td.info .info_area dl dd {
	padding-left: min(0.781vw, 15px);
	margin-bottom: min(0.52vw, 10px)
}

@media(min-width: 1024px) {
	.careers .board_edit .job_table td.info .info_area dl dd {
		font-size: 1rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .job_table td.info .info_area dl dd {
		font-size: 16px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.careers .board_edit .job_table td.info .info_area dl dd:last-child {
	margin-bottom: 0
}

.careers .board_edit .job_table .txtCenter {
	text-align: center
}

.careers .board_edit table {
	table-layout: auto
}

.careers .tab_list .tab {
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5
}

.careers .tab_list .tab:nth-child(1),.careers .tab_list .tab:nth-child(2),.careers .tab_list .tab:nth-child(3),.careers .tab_list .tab:nth-child(4) {
	border-top: none
}

.careers .tab_list .tab:nth-child(1),.careers .tab_list .tab:nth-child(5) {
	border-left: none
}

.careers .tab_list .tab::after {
	content: none
}

.careers .tab_list .tab a:hover {
	color: #fff;
	background-color: #004480
}

.careers .tab_list .tab.active a {
	color: #fff;
	background-color: #004480
}

.careers.job-opening .custom_select_area.short {
	width: 194px
}

.careers.job-opening .search_wrap {
	margin-bottom: 0
}

.careers.job-opening .search_wrap .search_btn {
	width: 94px
}

.careers.job-opening .nodata_wrap {
	border-bottom: 1px solid #e5e5e5
}

@media(min-width: 1024px) {
	.careers.job-opening .nodata_wrap .txt {
		font-size: 1.875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers.job-opening .nodata_wrap .txt {
		font-size: 30px;
		letter-spacing: 0;
		line-height: 1
	}
}

.careers.job_description .tab_list .tab a {
	padding: 0;
	display: table;
	height: 90px;
	font-weight: 400
}

.careers.job_description .tab_list .tab a>span {
	display: table-cell;
	vertical-align: middle
}

.careers.job_description .info_wrap>li {
	border-bottom: 1px solid #e5e5e5;
	padding: min(3.125vw, 60px) min(20.312vw, 390px) min(3.125vw, 60px) 0;
	word-wrap: break-word;
	word-break: keep-all
}

.careers.job_description .info_wrap>li:first-child {
	border-top: 1px solid #e5e5e5
}

.careers.job_description .info_wrap>li:nth-child(1) {
	background: url("/resources/en/images/careers/ico_job_1.svg") right min(2.604vw, 50px) center no-repeat;
	background-size: min(6.979vw, 134px) min(6.979vw, 134px)
}

.careers.job_description .info_wrap>li:nth-child(2) {
	background: url("/resources/en/images/careers/ico_job_2.svg") right min(2.604vw, 50px) center no-repeat;
	background-size: min(6.979vw, 134px) min(6.979vw, 134px)
}

.careers.job_description .info_wrap>li:nth-child(3) {
	background: url("/resources/en/images/careers/ico_job_3.svg") right min(2.604vw, 50px) center no-repeat;
	background-size: min(6.979vw, 134px) min(6.979vw, 134px)
}

.careers.job_description .info_wrap>li:nth-child(4) {
	background: url("/resources/en/images/careers/ico_job_4.svg") right min(2.604vw, 50px) center no-repeat;
	background-size: min(6.979vw, 134px) min(6.979vw, 134px)
}

.careers.job_description .info_wrap>li:nth-child(5) {
	background: url("/resources/en/images/careers/ico_job_5.svg") right min(2.604vw, 50px) center no-repeat;
	background-size: min(6.979vw, 134px) min(6.979vw, 134px)
}

.careers.job_description .info_wrap>li:nth-child(6) {
	background: url("/resources/en/images/careers/ico_job_6.svg") right min(2.604vw, 50px) center no-repeat;
	background-size: min(6.979vw, 134px) min(6.979vw, 134px)
}

.careers.job_description .info_wrap>li:nth-child(7) {
	background: url("/resources/en/images/careers/ico_job_7.svg") right min(2.604vw, 50px) center no-repeat;
	background-size: min(6.979vw, 134px) min(6.979vw, 134px)
}

.careers.job_description .info_wrap>li:nth-child(8) {
	background: url("/resources/en/images/careers/ico_job_8.svg") right min(2.604vw, 50px) center no-repeat;
	background-size: min(6.979vw, 134px) min(6.979vw, 134px)
}

.careers.job_description .info_wrap h3 {
	margin-bottom: min(2.083vw, 40px)
}

.careers.job_description .info_wrap .info {
	color: #222
}

@media(min-width: 1024px) {
	.careers.job_description .info_wrap .info {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.careers.job_description .info_wrap .info {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.careers.job_description .dot_list {
	margin-top: min(0.781vw, 15px)
}

@media(min-width: 1024px) {
	.careers.job_description .dot_list li {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.4em
	}
}

@media(max-width: 1023px) {
	.careers.job_description .dot_list li {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.careers.job_description .dot_list li strong {
	display: block;
	font-weight: 600
}

.careers.process .block {
	display: block
}

.careers.process .inner {
	margin-bottom: min(8.333vw, 160px)
}

.careers.process h3 {
	margin-bottom: min(3.125vw, 60px);
	padding-left: 25px;
	position: relative
}

@media(min-width: 1024px) {
	.careers.process h3 {
		font-size: 2.5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers.process h3 {
		font-size: 40px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.careers.process h3:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 38px;
	content: "";
	background: #004480
}

.careers.process h4 {
	margin-bottom: min(1.041vw, 20px);
	letter-spacing: -0.03em
}

.careers.process .table_wrap {
	margin-top: min(2.083vw, 40px);
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.careers.process .table_wrap table {
	width: 49%
}

.careers.process .table_wrap table thead th {
	padding: min(1.197vw, 23px) min(1.041vw, 20px)
}

.careers.process .table_wrap table tbody th {
	padding: min(1.041vw, 20px) min(1.041vw, 20px);
	background-color: #f8f8f8;
	font-weight: bold
}

.careers.process .table_wrap table tbody td {
	height: auto;
	padding: min(1.041vw, 20px) min(1.041vw, 20px)
}

.careers.process .table_wrap table td {
	text-align: center
}

.careers.process .info_box {
	margin-bottom: min(5.208vw, 100px);
	color: #222
}

.careers.process .info_box:last-child {
	margin-bottom: 0
}

@media(min-width: 1024px) {
	.careers.process .info_box .txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.4em
	}
}

@media(max-width: 1023px) {
	.careers.process .info_box .txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.careers.process .info_box .txt strong {
	font-weight: 600
}

.careers.process .info_box .step_list {
	overflow: hidden;
	margin-top: min(4.166vw, 80px);
	position: relative
}

.careers.process .info_box .step_list:before {
	display: block;
	position: absolute;
	top: 86px;
	left: 5%;
	width: 80%;
	height: 3px;
	content: "";
	background: #004480;
	z-index: -1
}

.careers.process .info_box .step_list.last::before {
	width: 70%
}

.careers.process .info_box .step_list>li {
	float: left;
	width: 16.66%
}

.careers.process .info_box .step_list>li:first-child .tit {
	background-image: url("/resources/en/images/careers/bg_step_first.png")
}

.careers.process .info_box .step_list>li:last-child .tit {
	color: #fff;
	background-image: url("/resources/en/images/careers/bg_step_last.png")
}

.careers.process .info_box .step_list .tit {
	display: table;
	width: 190px;
	height: 190px;
	color: #004480;
	font-weight: 500;
	text-align: center;
	background: url("/resources/en/images/careers/bg_step.png") left top no-repeat;
	background-size: cover
}

@media(min-width: 1024px) {
	.careers.process .info_box .step_list .tit {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.2em
	}
}

@media(max-width: 1023px) {
	.careers.process .info_box .step_list .tit {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 24px
	}
}

.careers.process .info_box .step_list .tit>span {
	display: table-cell;
	vertical-align: middle
}

.careers.process .info_box .step_list .dot_list {
	margin: min(1.041vw, 20px) auto 0;
	width: 86%
}

.careers.process .info_box a {
	color: #1d7fbf
}

.careers.faq .accordion_list li.active .acco_tit .tit::before {
	color: #fff
}

.careers.faq .accordion_list li .acco_tit .tit {
	position: relative;
	padding: min(1.822vw, 35px) min(6.25vw, 120px)
}

.careers.faq .accordion_list li .acco_tit .tit::before {
	content: "Q.";
	position: absolute;
	left: min(3.645vw, 70px);
	top: min(1.562vw, 30px);
	color: #004480;
	font-weight: 600
}

@media(min-width: 1024px) {
	.careers.faq .accordion_list li .acco_tit .tit::before {
		font-size: 1.875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers.faq .accordion_list li .acco_tit .tit::before {
		font-size: 30px;
		letter-spacing: 0;
		line-height: 1
	}
}

.careers.faq .accordion_list li .acco_cont {
	padding: min(3.125vw, 60px) min(6.77vw, 130px)
}

@media(min-width: 1024px) {
	.careers.faq .accordion_list li .acco_cont {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.careers.faq .accordion_list li .acco_cont {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

.careers.faq .accordion_list li .acco_cont p {
	margin-bottom: 0
}

.careers.company_life .life_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.careers.company_life .life_list>li {
	overflow: hidden;
	position: relative;
	width: 49%;
	margin-top: min(2.083vw, 40px);
	padding: min(1.562vw, 30px) min(2.083vw, 40px);
	border: 1px solid #e5e5e5;
	min-height: min(15.625vw, 300px)
}

.careers.company_life .life_list>li:nth-child(1) .ico {
	background: url("/resources/en/images/careers/ico_life_1.svg") left top no-repeat;
	background-size: 100% auto
}

.careers.company_life .life_list>li:nth-child(2) .ico {
	background: url("/resources/en/images/careers/ico_life_2.svg") left top no-repeat;
	background-size: 100% auto
}

.careers.company_life .life_list>li:nth-child(3) .ico {
	background: url("/resources/en/images/careers/ico_life_3.svg") left top no-repeat;
	background-size: 100% auto
}

.careers.company_life .life_list>li:nth-child(4) .ico {
	background: url("/resources/en/images/careers/ico_life_4.svg") left top no-repeat;
	background-size: 100% auto
}

.careers.company_life .life_list>li:nth-child(5) .ico {
	background: url("/resources/en/images/careers/ico_life_5.svg") left top no-repeat;
	background-size: 100% auto
}

.careers.company_life .life_list>li:nth-child(6) .ico {
	background: url("/resources/en/images/careers/ico_life_6.svg") left top no-repeat;
	background-size: 100% auto
}

.careers.company_life .life_list>li:nth-child(7) .ico {
	background: url("/resources/en/images/careers/ico_life_7.svg") left top no-repeat;
	background-size: 100% auto
}

.careers.company_life .life_list>li:nth-child(8) .ico {
	background: url("/resources/en/images/careers/ico_life_8.svg") left top no-repeat;
	background-size: 100% auto
}

.careers.company_life .life_list>li:nth-child(1),.careers.company_life .life_list>li:nth-child(2) {
	margin-top: 0
}

.careers.company_life .life_list .ico {
	display: inline-block;
	width: 92px;
	height: 92px
}

.careers.company_life .life_list .txt_box {
	color: #222
}

.careers.company_life .life_list .txt_box .w_block {
	display: block
}

.careers.company_life .life_list .txt_box .tit {
	margin-bottom: min(1.041vw, 20px);
	font-weight: bold
}

@media(min-width: 1024px) {
	.careers.company_life .life_list .txt_box .tit {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers.company_life .life_list .txt_box .tit {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(min-width: 1024px) {
	.careers.company_life .life_list .txt_box .txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.careers.company_life .life_list .txt_box .txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.careers.company_life .life_list .txt_box .list li {
	padding-left: 10px;
	position: relative
}

@media(min-width: 1024px) {
	.careers.company_life .life_list .txt_box .list li {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.careers.company_life .life_list .txt_box .list li {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.careers.company_life .life_list .txt_box .list li:before {
	display: block;
	position: absolute;
	top: 13px;
	left: 0;
	width: 2px;
	height: 2px;
	content: "";
	transform: translateY(-50%);
	background-color: #222
}

.careers.company_life .motion-area {
	overflow: hidden;
	position: relative;
	top: 0;
	padding-bottom: 0;
	background-color: #fff
}

.careers.company_life .sec_other {
	padding: 0
}

.careers.company_life .sec_other .life_slide {
	display: none;
	overflow: visible
}

.careers.company_life .sec_other .life_slide .swiper-slide {
	position: relative
}

.careers.company_life .sec_other .life_slide .swiper-slide a {
	display: block
}

.careers.company_life .sec_other .life_slide .swiper-slide .img {
	margin-bottom: min(1.562vw, 30px)
}

.careers.company_life .sec_other .life_slide .swiper-slide .img img {
	width: 100%
}

.careers.company_life .sec_other .life_slide .swiper-scrollbar {
	left: 50%;
	bottom: min(-2.605vw, -50px);
	max-width: 1240px;
	width: 100%;
	height: min(2.604vw, 50px);
	background: rgba(0,0,0,0);
	cursor: pointer;
	padding: 21px 0;
	transform: translateX(-50%)
}

.careers.company_life .sec_other .life_slide .swiper-scrollbar::before {
	content: "";
	position: absolute;
	left: 0;
	top: 25px;
	width: 100%;
	height: 4px;
	background-color: #ccc
}

.careers.company_life .sec_other .life_slide .swiper-scrollbar .swiper-scrollbar-drag {
	height: 8px;
	top: 2px;
	background-color: #004480;
	border-radius: 0;
	transition: height .1s ease-in-out
}

.careers.company_life .inner {
	margin: min(8.333vw, 160px) 0 auto
}

.careers.talent_development .block {
	display: block
}

.careers.talent_development .dot_list {
	margin-top: 0
}

.careers.talent_development .talent_wrap .box {
	margin-bottom: min(8.333vw, 160px)
}

.careers.talent_development .talent_wrap .box:last-child {
	margin-bottom: 0
}

.careers.talent_development .talent_wrap .box:nth-child(1) .bg {
	background: url("/resources/en/images/careers/talent_img_1.jpg") center top no-repeat;
	background-size: 100% auto
}

.careers.talent_development .talent_wrap .box:nth-child(2) .bg {
	background: url("/resources/en/images/careers/talent_img_2.jpg") center top no-repeat;
	background-size: 100% auto
}

.careers.talent_development .talent_wrap .box:nth-child(3) .bg {
	background: url("/resources/en/images/careers/talent_img_3.jpg") center top no-repeat;
	background-size: 100% auto
}

.careers.talent_development .talent_wrap .box:nth-child(4) .bg {
	background: url("/resources/en/images/careers/talent_img_4.jpg") center top no-repeat;
	background-size: 100% auto
}

.careers.talent_development .talent_wrap .box .info {
	position: relative;
	padding: min(3.125vw, 60px);
	height: min(18.229vw, 350px);
	color: #fff
}

.careers.talent_development .talent_wrap .box .info .tit {
	margin-bottom: min(1.041vw, 20px);
	font-weight: bold
}

@media(min-width: 1024px) {
	.careers.talent_development .talent_wrap .box .info .tit {
		font-size: 2.5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers.talent_development .talent_wrap .box .info .tit {
		font-size: 40px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(min-width: 1024px) {
	.careers.talent_development .talent_wrap .box .info .txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.careers.talent_development .talent_wrap .box .info .txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.careers.talent_development .talent_wrap .box .info .bg {
	z-index: -1;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: min(18.229vw, 350px)
}

.careers.talent_development .talent_wrap .box .info_detail {
	padding: min(3.125vw, 60px);
	background-color: #f8f8f8
}

.careers.talent_development .talent_wrap .box .info_detail .dot_list li {
	margin-top: min(0.781vw, 15px)
}

.careers.talent_development .talent_wrap .box .info_detail .dot_list li:first-child {
	margin-top: 0
}

.careers.talent_development .talent_wrap .box .info_detail .dot_list li::before {
	border-radius: 100%;
	background-color: #222
}

.careers.talent_development .talent_wrap .box .info_detail dl {
	overflow: hidden;
	color: #222
}

@media(min-width: 1024px) {
	.careers.talent_development .talent_wrap .box .info_detail dl {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.careers.talent_development .talent_wrap .box .info_detail dl {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.careers.talent_development .talent_wrap .box .info_detail dl dt {
	font-weight: 600
}

.careers.talent_development .talent_wrap .box .info_detail dl dd {
	word-wrap: break-word;
	word-break: keep-all
}

@media(min-width: 1024px) {
	.careers.talent_development .talent_wrap .box .info_detail dl dd {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.careers.talent_development .talent_wrap .box .info_detail dl dd {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

@media(max-width: 1299px) {
	.careers.process .info_box .step_list .dot_list {
		width: 80%
	}
}

@media(max-width: 1023px) {
	.careers .dot_list {
		margin-top: 12px
	}

	.careers .dot_list li {
		margin-top: 4px;
		padding-left: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers .dot_list li {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers .dot_list li {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.careers .dot_list li:before {
		top: 8px;
		width: 3px;
		height: 3px
	}
}

@media(max-width: 1023px) {
	.careers .dot_list.special li {
		padding-left: 67px
	}

	.careers .dot_list.special span {
		padding-left: 10px
	}
}

@media(max-width: 1023px) {
	.careers .board_list .desc {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers .board_list .desc {
		font-size: .8125rem;
		letter-spacing: -0.03em;
		line-height: 1.2307692308em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers .board_list .desc {
		font-size: 13px;
		letter-spacing: -0.03em;
		line-height: 16px
	}
}

@media(max-width: 1023px) {
	.careers .board_list table col.idx {
		display: none
	}

	.careers .board_list table col.tit {
		width: 80%;
		padding-left: 20px
	}

	.careers .board_list table col.date {
		width: 20%
	}

	.careers .board_list table th {
		padding: 22px 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers .board_list table th {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers .board_list table th {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers .board_list table th.idx {
		display: none
	}
}

@media(max-width: 1023px) {
	.careers .board_list table td {
		padding: 30px 20px
	}

	.careers .board_list table td.idx {
		display: none
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers .board_list table td.tit {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.2941176471em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers .board_list table td.tit {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.careers .board_list table td.date {
		padding: 30px 5px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers .board_list table td.date {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers .board_list table td.date {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom .board_list .board .idx {
		display: none
	}

	.newsroom .board_list .board .cate {
		width: auto;
		display: inline-block
	}

	.newsroom .board_list .board .country {
		width: auto;
		display: inline-block
	}

	.newsroom .board_list .board .field {
		width: auto;
		display: inline-block
	}

	.newsroom .board_list .board .tit {
		width: 100%
	}

	.newsroom .board_list .board .date {
		width: auto
	}

	.newsroom .board_list .board .board_head {
		display: none
	}

	.newsroom .board_list .board .board_head p {
		padding: 0
	}

	.newsroom .board_list .board .board_cont {
		overflow: hidden
	}

	.newsroom .board_list .board .board_cont li {
		border-bottom: 1px solid #e5e5e5
	}

	.newsroom .board_list .board .board_cont a {
		display: block;
		padding: 20px 15px
	}

	.newsroom .board_list .board .board_cont p {
		display: inline-block;
		float: none;
		padding: 0;

		height: auto;
		text-align: left;
		border-left: none;
		border-bottom: none
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom .board_list .board .board_cont p {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom .board_list .board .board_cont p {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom .board_list .board .board_cont p.country,.newsroom .board_list .board .board_cont p.field {
		position: relative;
		padding-left: 12px
	}

	/*.newsroom .board_list .board .board_cont p.country::before,.newsroom .board_list .board .board_cont p.field::before {
		content: "/";
		position: absolute;
		left: 2px;
		top: 0;
		width: auto;
		height: auto
	}*/
}

@media(max-width: 1023px) {
	.newsroom .board_list .board .board_cont p.tit {
		margin-top: 5px;
		font-weight: 600
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom .board_list .board .board_cont p.tit {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1.35em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom .board_list .board .board_cont p.tit {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 27px
	}
}

@media(max-width: 1023px) {
	.newsroom .board_list .board .board_cont p.date {
		margin-top: 22px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom .board_list .board .board_cont p.date {
		font-size: .8125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom .board_list .board .board_cont p.date {
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom .board_list .board .board_cont p>span {
		display: inline-block;
		line-height: 1.25em
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom .board_list .board .board_cont p>span {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom .board_list .board .board_cont p>span {
		display: block;
		min-height: auto;
		max-height: inherit;
		white-space: inherit
	}
}

@media(max-width: 1023px) {
	.careers .board_view .bot_area {
		padding-bottom: 35px
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .item {
		margin-bottom: 50px
	}

	.careers .board_edit .item .title {
		margin-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers .board_edit .item .title {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.2941176471em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers .board_edit .item .title {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers .board_edit .item .desc_list li {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.3571428571em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers .board_edit .item .desc_list li {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 19px
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .item .symbol_list {
		padding: 10px 0 0 13px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers .board_edit .item .symbol_list li {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.3571428571em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers .board_edit .item .symbol_list li {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 19px
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .item .symbol_list li p {
		padding: 5px 0 0 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers .board_edit .item .symbol_list li p {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.3571428571em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers .board_edit .item .symbol_list li p {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 19px
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .job_table col.group {
		width: 24%
	}

	.careers .board_edit .job_table col.info {
		width: 43%
	}

	.careers .board_edit .job_table col.etc {
		width: 33%
	}

	.careers .board_edit .job_table th {
		padding: 11px 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers .board_edit .job_table th {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers .board_edit .job_table th {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .job_table td {
		padding: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers .board_edit .job_table td {
		font-size: .875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers .board_edit .job_table td {
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .job_table td.info .info_area .title {
		margin-bottom: 8px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers .board_edit .job_table td.info .info_area .title {
		font-size: .8125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers .board_edit .job_table td.info .info_area .title {
		font-size: 13px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers .board_edit .job_table td.info .info_area dl {
		padding-left: 0;
		margin-bottom: 20px
	}

	.careers .board_edit .job_table td.info .info_area dl dt {
		margin-bottom: 12px
	}

	.careers .board_edit .job_table td.info .info_area dl dd {
		padding-left: 5px;
		margin-bottom: 5px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers .board_edit .job_table td.info .info_area dl dd {
		font-size: .8125rem;
		letter-spacing: 0em;
		line-height: 1.3846153846em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers .board_edit .job_table td.info .info_area dl dd {
		font-size: 13px;
		letter-spacing: 0em;
		line-height: 18px
	}
}

@media(max-width: 1023px) {
	.careers .cont_area .board_edit p {
		font-size: inherit
	}
}

@media(max-width: 1023px) {
	.careers.job-opening .search_wrap {
		margin-bottom: 20px
	}

	.careers.job-opening .select_area.search {
		width: 100%
	}

	.careers.job-opening .custom_select_area+.custom_select_area {
		margin-left: 1%
	}

	.careers.job-opening .custom_select_area.short {
		width: 37%
	}

	.careers.job-opening .select_area.search .search_btn {
		margin-left: 1%;
		width: 24%
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.job-opening .nodata_wrap .txt {
		font-size: 1.5625rem;
		letter-spacing: 0em;
		line-height: 1.2em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.job-opening .nodata_wrap .txt {
		font-size: 25px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

@media(max-width: 1023px)and (max-width: 767px) {
	.careers.job-opening .custom_select_area {
		margin-right: 3%
	}

	.careers.job-opening .custom_select_area+.custom_select_area {
		margin-left: 0;
		margin: 2% 2% 0 0
	}

	.careers.job-opening .custom_select_area.short {
		width: 74%
	}

	.careers.job-opening .select_area.search .search_btn {
		margin-left: 0;
		margin-top: 2%
	}
}

@media(max-width: 1023px) {
	.careers.job_description .tab_list .tab a {
		height: 50px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.job_description .tab_list .tab a {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.job_description .tab_list .tab a {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers.job_description .info_wrap>li {
		padding: 30px 0
	}

	.careers.job_description .info_wrap>li:nth-child(1) {
		background: none
	}

	.careers.job_description .info_wrap>li:nth-child(2) {
		background: none
	}

	.careers.job_description .info_wrap>li:nth-child(3) {
		background: none
	}

	.careers.job_description .info_wrap>li:nth-child(4) {
		background: none
	}

	.careers.job_description .info_wrap>li:nth-child(5) {
		background: none
	}

	.careers.job_description .info_wrap>li:nth-child(6) {
		background: none
	}

	.careers.job_description .info_wrap>li:nth-child(7) {
		background: none
	}

	.careers.job_description .info_wrap>li:nth-child(8) {
		background: none
	}

	.careers.job_description .info_wrap>li:nth-child(1) h3 {
		background: url("/resources/en/images/careers/ico_job_1.svg") 5px center no-repeat;
		background-size: 50px auto
	}

	.careers.job_description .info_wrap>li:nth-child(2) h3 {
		background: url("/resources/en/images/careers/ico_job_2.svg") 5px center no-repeat;
		background-size: 50px auto
	}

	.careers.job_description .info_wrap>li:nth-child(3) h3 {
		background: url("/resources/en/images/careers/ico_job_3.svg") 5px center no-repeat;
		background-size: 50px auto
	}

	.careers.job_description .info_wrap>li:nth-child(4) h3 {
		background: url("/resources/en/images/careers/ico_job_4.svg") 5px center no-repeat;
		background-size: 50px auto
	}

	.careers.job_description .info_wrap>li:nth-child(5) h3 {
		background: url("/resources/en/images/careers/ico_job_5.svg") 5px center no-repeat;
		background-size: 50px auto
	}

	.careers.job_description .info_wrap>li:nth-child(6) h3 {
		background: url("/resources/en/images/careers/ico_job_6.svg") 5px center no-repeat;
		background-size: 50px auto
	}

	.careers.job_description .info_wrap>li:nth-child(7) h3 {
		background: url("/resources/en/images/careers/ico_job_7.svg") 5px center no-repeat;
		background-size: 50px auto
	}

	.careers.job_description .info_wrap>li:nth-child(8) h3 {
		background: url("/resources/en/images/careers/ico_job_8.svg") 5px center no-repeat;
		background-size: 50px auto
	}

	.careers.job_description .info_wrap h3 {
		display: table;
		margin-bottom: 0;
		padding-left: min(11.458vw, 88px);
		min-height: 54px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.job_description .info_wrap h3 {
		font-size: 1.5625rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.job_description .info_wrap h3 {
		font-size: 25px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers.job_description .info_wrap h3 span {
		display: table-cell;
		vertical-align: middle
	}
}

@media(max-width: 1023px) {
	.careers.job_description .info_wrap .info {
		margin-top: 25px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.job_description .info_wrap .info {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.job_description .info_wrap .info {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.careers.job_description .dot_list {
		margin-top: 12px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.job_description .dot_list li {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.job_description .dot_list li {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.careers.company_life .life_list>li {
		margin-top: 20px;
		padding: 20px 25px
	}

	.careers.company_life .life_list>li:nth-child(1) .ico {
		background-image: url("/resources/en/images/careers/m/ico_life_1.svg")
	}

	.careers.company_life .life_list>li:nth-child(2) .ico {
		background-image: url("/resources/en/images/careers/m/ico_life_2.svg")
	}

	.careers.company_life .life_list>li:nth-child(3) .ico {
		background-image: url("/resources/en/images/careers/m/ico_life_3.svg")
	}

	.careers.company_life .life_list>li:nth-child(4) .ico {
		background-image: url("/resources/en/images/careers/m/ico_life_4.svg")
	}

	.careers.company_life .life_list>li:nth-child(5) .ico {
		background-image: url("/resources/en/images/careers/m/ico_life_5.svg")
	}

	.careers.company_life .life_list>li:nth-child(6) .ico {
		background-image: url("/resources/en/images/careers/m/ico_life_6.svg")
	}

	.careers.company_life .life_list>li:nth-child(7) .ico {
		background-image: url("/resources/en/images/careers/m/ico_life_7.svg")
	}

	.careers.company_life .life_list>li:nth-child(8) .ico {
		background-image: url("/resources/en/images/careers/m/ico_life_8.svg")
	}

	.careers.company_life .life_list>li .ico {
		margin-bottom: 10px;
		width: 60px;
		height: 60px
	}

	.careers.company_life .life_list .txt_box .tit {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.company_life .life_list .txt_box .tit {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.company_life .life_list .txt_box .tit {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.company_life .life_list .txt_box .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.company_life .life_list .txt_box .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.careers.company_life .life_list .txt_box .list li {
		padding-left: 6px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.company_life .life_list .txt_box .list li {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.company_life .life_list .txt_box .list li {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.careers.company_life .life_list .txt_box .list li:before {
		top: 9px
	}
}

@media(max-width: 1023px) {
	.careers.company_life .sec_other .life_slide .swiper-slide .img {
		margin-bottom: min(3.906vw, 30px)
	}

	.careers.company_life .sec_other .life_slide .swiper-scrollbar {
		max-width: 100%;
		width: 100%;
		height: 30px;
		bottom: -30px;
		padding: 10px 0
	}

	.careers.company_life .sec_other .life_slide .swiper-scrollbar::before {
		top: 14px
	}

	.careers.company_life .sec_other .life_slide .swiper-scrollbar .swiper-scrollbar-drag {
		height: 6px;
		margin-top: 1px
	}
}

@media(max-width: 1023px) {
	.careers.company_life .inner {
		margin: min(13.02vw, 100px) 0 auto
	}
}

@media(max-width: 1023px) {
	.careers.talent_development .block {
		display: inline
	}

	.careers.talent_development .dot_list {
		margin-top: 0
	}

	.careers.talent_development .talent_wrap .box {
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: 1px solid #e5e5e5
	}

	.careers.talent_development .talent_wrap .box:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none
	}

	.careers.talent_development .talent_wrap .box .info {
		position: static;
		padding: 0;
		height: auto
	}

	.careers.talent_development .talent_wrap .box .info .tit {
		margin-bottom: 15px;
		color: #222
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.talent_development .talent_wrap .box .info .tit {
		font-size: 1.5625rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.talent_development .talent_wrap .box .info .tit {
		font-size: 25px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers.talent_development .talent_wrap .box .info .txt {
		color: #222
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.talent_development .talent_wrap .box .info .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.talent_development .talent_wrap .box .info .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.careers.talent_development .talent_wrap .box .info .bg {
		position: static;
		left: 0;
		top: 0;
		transform: translate(0, 0);
		margin: 20px auto 25px;
		height: 147px
	}
}

@media(max-width: 1023px) {
	.careers.talent_development .talent_wrap .box .info_detail {
		padding: 0;
		background-color: #fff
	}

	.careers.talent_development .talent_wrap .box .info_detail .dot_list li {
		margin-top: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.talent_development .talent_wrap .box .info_detail dl {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.talent_development .talent_wrap .box .info_detail dl {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.talent_development .talent_wrap .box .info_detail dl dd {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.talent_development .talent_wrap .box .info_detail dl dd {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.careers.process .inner {
		margin-bottom: 80px
	}

	.careers.process h3 {
		margin-bottom: 30px;
		padding-left: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.process h3 {
		font-size: 1.5625rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.process h3 {
		font-size: 25px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.careers.process h3:before {
		width: 3px;
		height: 24px
	}
}

@media(max-width: 1023px) {
	.careers.process h4 {
		margin-bottom: 10px;
		letter-spacing: -0.03em
	}
}

@media(max-width: 1023px) {
	.careers.process .table_wrap {
		margin-top: 50px
	}

	.careers.process .table_wrap table thead th {
		padding: 22px 20px
	}

	.careers.process .table_wrap table tbody th {
		padding: 23px 20px
	}

	.careers.process .table_wrap table tbody td {
		padding: 23px 20px
	}
}

@media(max-width: 1023px) {
	.careers.process .info_box {
		margin-bottom: 50px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.process .info_box .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.process .info_box .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.careers.process .info_box .step_list {
		margin-top: 40px
	}

	.careers.process .info_box .step_list::before {
		top: 45px;
		height: 2px
	}

	.careers.process .info_box .step_list .tit {
		width: 100px;
		height: 100px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.process .info_box .step_list .tit {
		font-size: .75rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.process .info_box .step_list .tit {
		font-size: 12px;
		letter-spacing: -0.03em;
		line-height: 16px
	}
}

@media(max-width: 1023px) {
	.careers.process .info_box .step_list .dot_list {
		margin: 10px auto 0;
		width: 84%
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.process .info_box .step_list .dot_list li {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.2857142857em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.process .info_box .step_list .dot_list li {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 18px
	}
}

@media(max-width: 1023px) {
	.careers.faq .accordion_list li .acco_tit .tit {
		position: relative;
		padding: 30px min(6.51vw, 50px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.faq .accordion_list li .acco_tit .tit {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.4117647059em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.faq .accordion_list li .acco_tit .tit {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 24px
	}
}

@media(max-width: 1023px) {
	.careers.faq .accordion_list li .acco_tit .tit::before {
		left: min(2.604vw, 20px);
		top: 30px;
		font-size: 20px
	}
}

@media(max-width: 1023px) {
	.careers.faq .accordion_list li .acco_cont {
		padding: 40px min(2.604vw, 20px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.careers.faq .accordion_list li .acco_cont {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.careers.faq .accordion_list li .acco_cont {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 767px) {
	.careers .tab_list .tab:nth-child(3),.careers .tab_list .tab:nth-child(4) {
		border-top: 1px solid #e5e5e5
	}

	.careers .tab_list .tab:nth-child(1),.careers .tab_list .tab:nth-child(3),.careers .tab_list .tab:nth-child(5),.careers .tab_list .tab:nth-child(7) {
		border-left: none
	}

	.careers .board_list table col.tit {
		width: 65%
	}

	.careers .board_list table col.date {
		width: 35%
	}

	.careers.job_description .info_wrap h3 {
		padding-left: min(19.836vw, 73px)
	}

	.careers.company_life .life_list>li {
		float: none;
		width: 100%
	}

	.careers.company_life .life_list>li:nth-child(2) {
		margin-top: 20px
	}

	.careers.company_life .life_list .txt_box .w_block {
		display: inline
	}

	.careers.company_life .sec_other .life_slide {
		position: relative
	}

	.careers.company_life .sec_other .life_slide .swiper-slide .img {
		margin-bottom: min(8.152vw, 30px)
	}

	.careers.company_life .inner {
		margin: min(21.739vw, 80px) 0 auto
	}

	.careers.talent_development .dot_list {
		margin-top: 0
	}

	.careers.talent_development .talent_wrap .box:nth-child(1) .bg {
		background: url("/resources/en/images/careers/m/talent_img_1.jpg") center top no-repeat;
		background-size: 100% auto
	}

	.careers.talent_development .talent_wrap .box:nth-child(2) .bg {
		background: url("/resources/en/images/careers/m/talent_img_2.jpg") center top no-repeat;
		background-size: 100% auto
	}

	.careers.talent_development .talent_wrap .box:nth-child(3) .bg {
		background: url("/resources/en/images/careers/m/talent_img_3.jpg") center top no-repeat;
		background-size: 100% auto
	}

	.careers.talent_development .talent_wrap .box:nth-child(4) .bg {
		background: url("/resources/en/images/careers/m/talent_img_4.jpg") center top no-repeat;
		background-size: 100% auto
	}

	.careers.process .block {
		display: inline
	}

	.careers.process .table_wrap {
		display: block
	}

	.careers.process .table_wrap table {
		width: 100%
	}

	.careers.process .table_wrap table+table {
		margin-top: 50px
	}

	.careers.process .info_box {
		margin-bottom: 50px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.careers.process .info_box .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.careers.process .info_box .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 767px) {
	.careers.process .info_box .step_list {
		margin-top: 25px;
		background: none
	}

	.careers.process .info_box .step_list::before {
		content: none
	}

	.careers.process .info_box .step_list>li {
		float: none;
		padding-bottom: 40px;
		width: 100%;
		background: url("/resources/en/images/careers/arrow.svg") center bottom 15px no-repeat;
		background-size: 24px 8px
	}

	.careers.process .info_box .step_list>li:first-child .tit {
		background: none
	}

	.careers.process .info_box .step_list>li:last-child {
		background: none;
		padding-bottom: 0
	}

	.careers.process .info_box .step_list>li:last-child .tit {
		background: none
	}

	.careers.process .info_box .step_list>li:last-child .tit>span {
		color: #fff;
		font-weight: 600;
		background: linear-gradient(120deg, rgb(60, 175, 251) 0%, rgb(20, 40, 160) 100%)
	}

	.careers.process .info_box .step_list .box {
		border: 1px solid #004480
	}

	.careers.process .info_box .step_list .tit {
		padding: 8px;
		width: 100%;
		height: auto;
		font-weight: 500;
		background: none
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.careers.process .info_box .step_list .tit {
		font-size: 1rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.careers.process .info_box .step_list .tit {
		font-size: 16px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 767px) {
	.careers.process .info_box .step_list .tit>span {
		display: inline-block;
		width: 100%;
		height: 75px;
		line-height: 75px;
		color: #004480;
		background-color: #f5f7ff
	}
}

@media(max-width: 767px) {
	.careers.process .info_box .step_list .dot_list {
		margin: 22px 30px 25px
	}
}

@media(max-width: 767px) {
	.careers.faq .accordion_list li .acco_tit .tit {
		padding: 30px min(13.586vw, 50px)
	}

	.careers.faq .accordion_list li .acco_tit .tit::before {
		left: min(5.434vw, 20px)
	}

	.careers.faq .accordion_list li .acco_tit:after {
		top: 40px
	}

	.careers.faq .accordion_list li .acco_cont {
		padding: 40px min(5.434vw, 20px)
	}
}

.newsroom .tab_cont {
	margin-top: 40px
}

@media(max-width: 1023px) {
	.newsroom .tab_cont {
		margin-top: 0
	}
}

.newsroom .banner_wrap {
	width: 100%;
	height: min(12.5vw, 240px);
	background: url("/resources/en/images/newsroom/bg_newsletter_banner.jpg") center center no-repeat;
	background-size: 101%;
	color: #fff
}

.newsroom .banner_wrap .inner {
	overflow: hidden;
	margin: 0 auto;
	padding: min(4.583vw, 88px) min(1.041vw, 20px);
	max-width: 1240px
}

.newsroom .banner_wrap .txt_box {
	float: left
}

.newsroom .banner_wrap .txt_box .tit {
	margin-bottom: min(0.52vw, 10px);
	font-weight: 500
}

@media(min-width: 1024px) {
	.newsroom .banner_wrap .txt_box .tit {
		font-size: 1.875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom .banner_wrap .txt_box .tit {
		font-size: 30px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(min-width: 1024px) {
	.newsroom .banner_wrap .txt_box .txt {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom .banner_wrap .txt_box .txt {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.newsroom .banner_wrap .btn {
	float: right;
	display: block;
	width: min(9.375vw, 180px);
	height: 3.625rem;
	text-align: center;
	font-weight: 500;
	background-color: #004480
}

@media(min-width: 1024px) {
	.newsroom .banner_wrap .btn {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 3.2222222222em
	}
}

@media(max-width: 1023px) {
	.newsroom .banner_wrap .btn {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 58px
	}
}

@media(max-width: 1023px) {
	.newsroom .banner_wrap {
		height: auto
	}

	.newsroom .banner_wrap .inner {
		padding: 60px 25px;
		width: 100%
	}

	.newsroom .banner_wrap .txt_box .tit {
		margin-bottom: 7px;
		font-size: 20px
	}

	.newsroom .banner_wrap .txt_box .txt {
		font-size: 14px
	}

	.newsroom .banner_wrap .btn {
		width: 165px;
		height: 50px;
		font-size: 15px;
		line-height: 50px
	}
}

@media(max-width: 767px) {
	.newsroom .banner_wrap {
		background-image: url("/resources/en/images/newsroom/m/bg_newsletter_banner.jpg");
		background-size: cover
	}

	.newsroom .banner_wrap .inner {
		padding: 33px 10px 33px 15px
	}

	.newsroom .banner_wrap .txt_box {
		float: none
	}

	.newsroom .banner_wrap .btn {
		float: none;
		margin-top: 25px
	}
}

.newsroom.overview.container {
	padding-bottom: 0
}

.newsroom.overview .top_wrap {
	padding: 0
}

.newsroom.overview .top_wrap .tit {
	position: relative;
	float: left
}

.newsroom.overview .top_wrap h2 {
	color: #222
}

.newsroom.overview .top_wrap.txt_white h2,.newsroom.overview .top_wrap.txt_white .btn_link {
	color: #fff
}

.newsroom.overview .top_wrap.txt_white .btn_link::after {
	background-image: url("/resources/en/images/newsroom/ico_arrow.svg")
}

.newsroom.overview .btn_link {
	position: relative;
	float: right;
	margin-top: min(0.885vw, 17px);
	color: #222;
	font-weight: 600;
	padding-right: 20px
}

@media(min-width: 1024px) {
	.newsroom.overview .btn_link {
		font-size: 1.25rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .btn_link {
		font-size: 20px;
		letter-spacing: 0;
		line-height: 1
	}
}

.newsroom.overview .btn_link::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 9px;
	height: 15px;
	background: url("/resources/en/images/newsroom/ico_arrow_b.svg") left top no-repeat
}

.newsroom.overview .sec1 {
	padding-top: 0;
	padding-bottom: min(8.333vw, 160px)
}

.newsroom.overview .sec2,.newsroom.overview .sec3 {
	padding-top: min(5.208vw, 100px)
}

.newsroom.overview .gallery {
	background: url("/resources/en/images/newsroom/bg_sec_project.jpg") center top no-repeat;
	background-size: 100% 500px
}

.newsroom.overview .gallery .thumb_list_wrap .board_list .board .thumb_area .img img {
	width: 100%;
	height: auto
}

.newsroom.overview .gallery .thumb_list_wrap .board_list .board .txt_area .cate {
	display: inline-block;
	color: #888
}

.newsroom.overview .video {
	background-color: #f5f5f5
}

.newsroom.overview .video .top_video {
	margin-bottom: min(1.25vw, 24px)
}

.newsroom.overview .video .top_video .item {
	display: block;
	overflow: hidden;
	position: relative;
	background-color: #004480
}

.newsroom.overview .video .top_video .item:hover .thumb_area::before {
	animation: playRotate 1s ease forwards
}

.newsroom.overview .video .top_video .thumb_area {
	overflow: hidden;
	position: relative;
	float: left;
	width: 68%;
	padding-top: 38%
}

.newsroom.overview .video .top_video .thumb_area .img {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%)
}

.newsroom.overview .video .top_video .thumb_area .img img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: 100%;
	min-width: 100%;
	max-width: none
}

.newsroom.overview .video .top_video .txt_area {
	position: absolute;
	right: 0;
	top: 0;
	width: 32%;
	height: 100%;
	padding: 0 min(3.125vw, 60px);
	color: #fff
}

.newsroom.overview .video .top_video .txt_area .inner {
	display: table;
	height: 100%
}

.newsroom.overview .video .top_video .txt_area .txt_box {
	display: table-cell;
	vertical-align: middle
}

.newsroom.overview .video .top_video .txt_area .tit {
	margin-bottom: min(1.562vw, 30px);
	font-weight: bold
}

@media(min-width: 1024px) {
	.newsroom.overview .video .top_video .txt_area .tit {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .video .top_video .txt_area .tit {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

@media(min-width: 1024px) {
	.newsroom.overview .video .top_video .txt_area .txt {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .video .top_video .txt_area .txt {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.newsroom.overview .video .btm_video {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.newsroom.overview .video .btm_video .box {
	width: 49%
}

.newsroom.overview .video .btm_video .box .item:hover .thumb_area::before {
	animation: playRotate 1s ease forwards
}

.newsroom.overview .video .btm_video .txt_area {
	margin-top: min(0.833vw, 16px);
	color: #222;
	font-weight: bold
}

@media(min-width: 1024px) {
	.newsroom.overview .video .btm_video .txt_area {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .video .btm_video .txt_area {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

@media(min-width: 1024px) {
	.newsroom.overview .video .btm_video .txt_area .tit {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .video .btm_video .txt_area .tit {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

.newsroom.overview .video .thumb_area {
	overflow: hidden;
	position: relative;
	padding-top: min(17.187vw, 330px)
}

.newsroom.overview .video .thumb_area .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.newsroom.overview .video .thumb_area::before {
	content: "";
	z-index: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: min(4.062vw, 78px);
	height: min(4.062vw, 78px);
	background: url("../images/ico_play_line.svg") left top no-repeat;
	background-size: cover
}

.newsroom.overview .video .thumb_area::after {
	content: "";
	z-index: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
	margin-left: -8px;
	width: min(1.354vw, 26px);
	height: min(1.666vw, 32px);
	background: url("../images/ico_play_w.svg") left top no-repeat;
	background-size: cover
}

.newsroom.overview .publications .other_list {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.newsroom.overview .publications .other_list li {
	width: 32%
}

@media(min-width: 1024px) {
	.newsroom.overview .publications .other_list li h5 {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .publications .other_list li h5 {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

.newsroom.overview .publications .other_list li .img {
	overflow: hidden;
	margin-bottom: min(1.562vw, 30px);
	outline: 1px solid #ccc;
	outline-offset: -1px
}

.newsroom.overview .publications .other_list li .img img {
	width: 100%;
	object-fit: inherit
}

.newsroom.overview .publications .btn_wrap .btn,.newsroom.overview .publications .btn_wrap .btn_download,.newsroom.overview .publications .btn_wrap .btn_search {
	min-width: 180px
}

@media(max-width: 1023px) {
	.newsroom.overview .visual_top_wrap {
		margin-bottom: 67px
	}

	.newsroom.overview .visual_top_wrap .top_wrap {
		margin: 0 auto;
		padding: 0 24px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom.overview .visual_top_wrap .tit h2 {
		font-size: 2.8125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom.overview .visual_top_wrap .tit h2 {
		font-size: 45px;
		letter-spacing: 0em;
		line-height: 70px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom.overview .visual_top_wrap .tit .sub_tit {
		font-size: 1.0625rem;
		letter-spacing: 0em;
		line-height: 1.2941176471em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom.overview .visual_top_wrap .tit .sub_tit {
		font-size: 17px;
		letter-spacing: 0em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .visual_top_wrap .breadCrumb_wrap {
		margin-top: 30px
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .btn_link {
		margin-top: 9px;
		padding-right: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom.overview .btn_link {
		font-size: .9375rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom.overview .btn_link {
		font-size: 15px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .btn_link::after {
		top: 1px;
		transform: translateY(0);
		width: 7px;
		height: 12px;
		background-size: 100% auto
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .sec1 {
		padding-top: 0;
		padding-bottom: 80px
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .sec2,.newsroom.overview .sec3 {
		padding: 60px 0 80px
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .news .top_wrap,.newsroom.overview .video .top_wrap,.newsroom.overview .publications .top_wrap {
		padding: 0
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .gallery {
		background: url("/resources/en/images/newsroom/m/bg_sec_project.jpg") 0 0 no-repeat;
		background-size: 100% 245px
	}
}
.newsroom.news.list .contentzj {
		max-width: 1240px;
	margin: 0 auto 160px;
	padding: 0 min(1.041vw, 20px);
	max-width: 1240px;
	width: auto;
	line-height:200%; font-size:24px; color:#363636;
}
@media(max-width: 1023px) {
	.newsroom.overview .video {
		overflow: hidden
	}

	.newsroom.overview .video .top_video {
		margin-bottom: 0;
		float: left;
		width: 48%
	}

	.newsroom.overview .video .top_video .item {
		background-color: rgba(0,0,0,0)
	}

	.newsroom.overview .video .top_video .thumb_area {
		float: none;
		width: 100%;
		padding-top: 56%
	}
	

	.newsroom.overview .video .top_video .thumb_area::before {
		width: 40px;
		height: 40px
	}

	.newsroom.overview .video .top_video .thumb_area::after {
		margin-left: -4px;
		width: 10px;
		height: 13px
	}

	.newsroom.overview .video .top_video .txt_area {
		position: static;
		right: 0;
		top: 0;
		margin-top: 15px;
		padding: 0;
		width: 100%;
		height: 100%;
		color: #222
	}

	.newsroom.overview .video .top_video .txt_area .inner {
		display: block;
		height: 100%
	}

	.newsroom.overview .video .top_video .txt_area .tit {
		font-size: 18px
	}

	.newsroom.overview .video .top_video .txt_area .txt {
		display: none
	}

	.newsroom.overview .video .btm_video {
		display: block;
		float: left;
		width: 48%;
		margin-left: 2%
	}

	.newsroom.overview .video .btm_video .box {
		width: 100%;
		gap: 0
	}

	.newsroom.overview .video .btm_video .box.last {
		display: none;
		margin-top: 60px
	}

	.newsroom.overview .video .btm_video .box .item:hover .thumb_area::before {
		animation: none
	}

	.newsroom.overview .video .btm_video .txt_area {
		margin-top: 15px;
		font-size: 18px
	}

	.newsroom.overview .video .thumb_area {
		padding-top: 56%
	}

	.newsroom.overview .video .thumb_area::before {
		width: 40px;
		height: 40px
	}

	.newsroom.overview .video .thumb_area::after {
		margin-left: -3px;
		width: 10px;
		height: 13px
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .banner {
		padding: 0
	}

	.newsroom.overview .banner .banner_wrap {
		height: 150px
	}

	.newsroom.overview .banner .banner_wrap .item {
		background-size: cover
	}

	.newsroom.overview .banner .banner_wrap .txt_box {
		padding: 50px 24px 0;
		width: auto;
		height: 100%;
		min-height: auto
	}

	.newsroom.overview .banner .banner_wrap .txt_box::after {
		top: 50%;
		transform: translateY(-50%);
		right: 24px;
		width: 15px;
		height: 38px;
		background-size: 100% auto
	}

	.newsroom.overview .banner .banner_wrap .txt_box .logo {
		margin-right: 8px;
		width: 100px;
		height: 42px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom.overview .banner .banner_wrap .txt_box .txt>span {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom.overview .banner .banner_wrap .txt_box .txt>span {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 25px
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .banner .banner_wrap .txt_box .txt>span span {
		display: block
	}

	.newsroom.overview .banner .banner_wrap .txt_box .txt>span span.mo-hide {
		display: none
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .banner .banner_wrap .txt_box .txt p {
		display: none
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .publications .other_list {
		margin-top: 25px
	}

	.newsroom.overview .publications .other_list li h5 {
		white-space: inherit
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom.overview .publications .other_list li h5 {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.1111111111em;
		max-height: 2.2222222222em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom.overview .publications .other_list li h5 {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 20px;
		max-height: 40px
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .publications .other_list li .img {
		margin-bottom: 20px;
		max-width: 100%
	}

	.newsroom.overview .publications .other_list li .img img {
		object-fit: cover
	}
}

@media(max-width: 1023px) {
	.newsroom.overview .publications .btn_wrap .btn_download {
		min-width: 85%
	}
}

@media(max-width: 767px) {
	.newsroom.overview .visual_top_wrap .top_wrap {
		padding: 0 15px
	}

	.newsroom.overview .video .top_video {
		float: none;
		width: 100%
	}

	.newsroom.overview .video .btm_video {
		float: none;
		margin-top: 60px;
		margin-left: 0;
		width: 100%
	}

	.newsroom.overview .video .btm_video .box {
		width: 100%
	}

	.newsroom.overview .video .btm_video {
		display: block
	}

	.newsroom.overview .video .btm_video .box {
		width: 100%
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.newsroom.overview .video .btm_video .box .txt_area .tit {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.newsroom.overview .video .btm_video .box .txt_area .tit {
		display: block;
		min-height: auto;
		max-height: inherit;
		white-space: inherit
	}
}

@media(max-width: 767px) {
	.newsroom.overview .banner .banner_wrap {
		height: 150px
	}

	.newsroom.overview .banner .banner_wrap .item {
		background-size: cover
	}

	.newsroom.overview .banner .banner_wrap .txt_box {
		margin: 0 auto;
		padding: 50px 0 0;
		width: 70%
	}

	.newsroom.overview .banner .banner_wrap .txt_box::after {
		right: 0
	}
}

@media(max-width: 767px) {
	.newsroom.overview .publications .other_list li {
		width: 48%;
		margin-top: 40px
	}

	.newsroom.overview .publications .other_list li h5 {
		display: none
	}

	.newsroom.overview .publications .other_list li:nth-child(even) {
		margin-left: 2%
	}

	.newsroom.overview .publications .other_list li:nth-child(1),.newsroom.overview .publications .other_list li:nth-child(2) {
		margin-top: 0
	}

	.newsroom.overview .publications .btn_wrap .btn_download {
		min-width: 100%
	}
}

.newsroom.news.list {
	padding-bottom: 0
}

.newsroom.news.list .content {
	margin-bottom: min(8.333vw, 160px)
}

.newsroom.news .board_view .board_top .cate {
	display: inline-block;
	color: #004480;
	font-weight: bold
}
.newsroom.news.list .content form h3{ font-size:23px; font-weight:normal;height:auto; line-height:150%; margin-top:20px; overflow:hidden; margin-bottom:40px;}
.newsroom.news.list .content form h3 i{font-style:normal; font-size:12px; color:#999; padding-left:5px;  }
.newsroom.news.list .content form h3 span{color:#2B529F;}
.newsroom.news.list .content form h3 font{color:#F00;}
.newsroom.news.list .content form .li1{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.newsroom.news.list .content form .li1 label{width:90%; margin:0 auto; display:block; height:50px;  text-align:left; line-height:50px; font-size:23px; color:#222;}
.newsroom.news.list .content form .li1 label.zx{text-align:left; width:20%; float:left; margin-left:10%;}
.newsroom.news.list .content form .li1 label.zx:nth-child(3){margin-left:0;}
.newsroom.news.list .content form .li1 .txt{width:90%; height:58px; border:solid 1px #929292; margin:0 auto; display:block;}
.newsroom.news.list .content form .li1 .zxsx{  float:left; margin:17px 5px 0 0; width:20px; height:20px;}
.newsroom.news.list .content form .li1 textarea{ width:90%; height:170px; line-height:150%; border:solid 1px #929292; margin:0 auto; display:block;}
.newsroom.news.list .content form .li1 .yzm{width:300px; height:55px; border:solid 1px #929292; float:left; margin-left:5%;}
.newsroom.news.list .content form .li1 img{ margin-left:20px; margin-top:10px; float:left;}
.newsroom.news.list .content form .li1 .submit{width:292px; height:50px; border-radius:25px; background:#2952A1; color:#fff; font-size:20px; margin:0 auto; display:block; border:solid 1px #2952A1; letter-spacing:10px;}
.newsroom.news.list .content form .line{border-bottom:solid 1px #e0e0e0; padding-bottom:40px; margin:40px auto;}
.newsroom.news.list .content form .li1 font{color:#ff0000;}
.newsroom.news.list .content .shuoming{font-size:18px;}



@media(min-width: 1024px) {
	.newsroom.news .board_view .board_top .cate {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom.news .board_view .board_top .cate {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.newsroom.news .board_view .board_top .cate.green {
	color: #56a311
}

.newsroom.news .board_view .cont_area {
	padding: min(4.166vw, 80px) 0;
}

.newsroom.news .board_view .bot_area {
	margin: 0 auto min(2.083vw, 40px);
	padding: 0 min(5.208vw, 100px)
}

.newsroom.news .paging_wrap {
	padding-top: min(4.166vw, 80px)
}

@media(max-width: 1023px) {
	.newsroom.news.list .content {
		margin-bottom: 100px
	}

	.newsroom.news .board_view .board_top .cate {
		font-size: 15px
	}

	.newsroom.news .board_view .cont_area {
		padding: 50px 0
	}

	.newsroom.news .board_view .bot_area {
		margin: 0;
		padding: 0;
		width: 100%
	}

	.newsroom.news .paging_wrap {
		padding-top: 35px
	}

	.newsroom.news .thubm_view_wrap .board_view .page_thumb_area .page_list {
		padding: 0
	}

	.newsroom.news .thubm_view_wrap .board_view .page_thumb_area .page_list .box>strong {
		top: 24px
	}

	.newsroom.news .thubm_view_wrap .board_view .page_thumb_area .page_list .img_box {
		display: none
	}
}

.newsroom.gallery .top_img {
	position: relative
}

.newsroom.gallery .top_img .caption {
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: min(0.781vw, 15px) min(1.041vw, 20px);
	background-color: #121212;
	opacity: .7
}

.newsroom.gallery .top_img .caption .tit {
	display: inline-block;
	color: #fff
}

@media(min-width: 1024px) {
	.newsroom.gallery .top_img .caption .tit {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.2222222222em
	}
}

@media(max-width: 1023px) {
	.newsroom.gallery .top_img .caption .tit {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 22px
	}
}

@media(min-width: 1024px) {
	.newsroom.gallery .top_img .caption .tit {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(max-width: 1023px) {
	.newsroom.gallery .top_img .caption .tit {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

.newsroom.gallery .thumb_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%;
	margin-top: min(3.125vw, 60px)
}

.newsroom.gallery .thumb_list li {
	margin-top: min(1.25vw, 24px);
	width: 49%
}

.newsroom.gallery .thumb_list li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

.newsroom.gallery .thumb_list_wrap .board_list .board .thumb_area::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f5f5f5
}

.newsroom.gallery .thumb_list_wrap .board_list .board .thumb_area .img {
	height: auto
}

.newsroom.gallery .thumb_list_wrap .board_list .board .thumb_area .img img {
	width: 100%;
	height: auto
}

.newsroom.gallery .thumb_list_wrap .board_list .board .txt_area .cate {
	overflow: hidden
}

.newsroom.gallery .thumb_list_wrap .board_list .board .txt_area .cate li {
	float: left;
	margin-left: min(0.781vw, 15px);
	padding-left: min(0.781vw, 15px);
	position: relative;
	color: #888;
	line-height: 1.1
}

.newsroom.gallery .thumb_list_wrap .board_list .board .txt_area .cate li:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 18px;
	content: "";
	background-color: #ccc
}

.newsroom.gallery .thumb_list_wrap .board_list .board .txt_area .cate li:first-child {
	margin-left: 0;
	padding-left: 0
}

.newsroom.gallery .thumb_list_wrap .board_list .board .txt_area .cate li:first-child::before {
	content: none
}

.newsroom.gallery .thumb_list_wrap .board_list .board .txt_area .tit {
	margin-bottom: 0
}

.newsroom.gallery .thubm_view_wrap .board_view .board_top .sub_txt>p.cate {
	line-height: 1.1
}

@media(max-width: 1023px) {
	.newsroom.gallery .top_img .caption {
		padding: 10px 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom.gallery .top_img .caption .tit {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.2857142857em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom.gallery .top_img .caption .tit {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 18px
	}
}

@media(max-width: 1023px) {
	.newsroom.gallery .thumb_list {
		margin-top: 0
	}

	.newsroom.gallery .thumb_list li {
		margin-top: 20px
	}

	.newsroom.gallery .thumb_list li a {
		cursor: default
	}
}

@media(max-width: 1023px) {
	.newsroom.gallery .thumb_list_wrap .board_list .board .txt_area .cate li {
		margin-left: 15px;
		padding-left: 15px
	}
}

@media(max-width: 1023px) {
	.newsroom.gallery .thubm_view_wrap .board_view .page_thumb_area {
		padding: 30px 24px
	}

	.newsroom.gallery .thubm_view_wrap .board_view .page_thumb_area .catalog_list {
		padding: 0
	}

	.newsroom.gallery .thubm_view_wrap .board_view .page_thumb_area .thumb_area {
		background-color: #e5e5e5
	}

	.newsroom.gallery .thubm_view_wrap .board_view .page_thumb_area .thumb_area .img {
		left: 50%;
		height: auto;
		transform: translate(-50%, -50%)
	}

	.newsroom.gallery .thubm_view_wrap .board_view .page_thumb_area .thumb_area .img img {
		width: auto;
		height: auto;
		max-width: 100%
	}
}

@media(max-width: 767px) {
	.newsroom.gallery .thumb_list li {
		float: none;
		width: 100%
	}

	.newsroom.gallery .thumb_list_wrap .board_list .board>li {
		width: 100%
	}

	.newsroom.gallery .thumb_list_wrap .board_list .board>li:nth-child(even) .item {
		margin-left: 0
	}

	.newsroom.gallery .thubm_view_wrap .board_view .page_thumb_area {
		padding: 30px 15px
	}

	.newsroom.gallery .thubm_view_wrap .board_view .page_thumb_area .catalog_list {
		display: block
	}

	.newsroom.gallery .thubm_view_wrap .board_view .page_thumb_area .catalog_list li {
		width: 100%;
		margin-top: 30px
	}

	.newsroom.gallery .thubm_view_wrap .board_view .page_thumb_area .catalog_list li:first-child {
		margin-top: 0
	}

	.newsroom.gallery .thubm_view_wrap .board_view .page_thumb_area .catalog_list .item {
		overflow: hidden
	}

	.newsroom.gallery .thubm_view_wrap .board_view .page_thumb_area .catalog_list .thumb_area {
		float: left;
		width: min(40.76vw, 150px);
		margin-right: min(6.793vw, 25px);
		padding-top: 27%
	}

	.newsroom.gallery .thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area {
		float: left;
		width: min(40.76vw, 150px)
	}

	.newsroom.gallery .thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .cate {
		margin: 5px 0 10px
	}
}

.newsroom.video .thumb_list_wrap .board_list .board .item:hover .thumb_area::before {
	animation: playRotate 1s ease forwards
}

.newsroom.video .thumb_list_wrap .board_list .board .item:hover .thumb_area .img img {
	transform: none
}

@keyframes playRotate {
	0% {
		transform: translate(-50%, -50%) rotate(0)
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

.newsroom.video .thumb_list_wrap .board_list .board .thumb_area {
	position: relative;
	padding-top: 56%
}

.newsroom.video .thumb_list_wrap .board_list .board .thumb_area::before {
	z-index: 1;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: min(4.062vw, 78px);
	height: min(4.062vw, 78px);
	background: url("../images/ico_play_line.svg") left top no-repeat;
	background-size: cover
}

.newsroom.video .thumb_list_wrap .board_list .board .thumb_area::after {
	z-index: 1;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
	margin-left: -8px;
	width: min(1.354vw, 26px);
	height: min(1.666vw, 32px);
	background: url("../images/ico_play_w.svg") left top no-repeat;
	background-size: cover
}

.newsroom.video .thumb_list_wrap .board_list .board .txt_area {
	padding: min(2.083vw, 40px) 0 0
}

.newsroom.video .thumb_list_wrap .board_list .board .txt_area .cate {
	color: #888
}

.newsroom.video .thubm_view_wrap .board_view .board {
	margin: 0 auto min(6.25vw, 120px)
}

.newsroom.video .thubm_view_wrap .board_view .cont_area iframe {
	width: 100%
}

.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list {
	color: #888
}

.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .item:hover .thumb_area::after {
	background-image: url("../images/ico_play2_on.svg")
}

.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .item:hover .thumb_area .img img {
	transform: none
}

.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .thumb_area {
	padding-top: 56%
}

.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .thumb_area img {
	z-index: 1
}

.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .thumb_area::before {
	z-index: 2;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .4;
	background-color: #000
}

.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .thumb_area::after {
	z-index: 3;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../images/ico_play2_off.svg") center center no-repeat;
	background-size: min(1.25vw, 24px) min(1.562vw, 30px)
}

.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .tit {
	margin-top: min(1.562vw, 30px)
}

.newsroom.video .video_wrap {
	position: relative;
	padding-top: 56.25%
}

.newsroom.video .video_wrap .video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

@media(max-width: 1023px) {
	.newsroom.video .thumb_list_wrap .board_list .board .thumb_area::before {
		width: 40px;
		height: 40px
	}

	.newsroom.video .thumb_list_wrap .board_list .board .thumb_area::after {
		margin-left: -4px;
		width: 10px;
		height: 13px
	}

	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area {
		padding: 30px 24px
	}

	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list {
		padding: 0
	}

	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .thumb_area::after {
		background-size: 15px 12px
	}

	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .cate {
		margin: 20px 0 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .cate {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.2857142857em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .cate {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 18px
	}
}

@media(max-width: 1023px) {
	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .tit {
		margin-top: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .tit {
		font-size: 1.0625rem;
		letter-spacing: 0em;
		line-height: 1.2941176471em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .tit {
		font-size: 17px;
		letter-spacing: 0em;
		line-height: 22px
	}
}

@media(max-width: 767px) {
	.newsroom.video .thumb_list_wrap .board_list .board .txt_area {
		padding: 25px 0 0
	}

	.newsroom.video .thumb_list_wrap .board_list .board>li {
		float: none;
		width: 100%
	}

	.newsroom.video .thumb_list_wrap .board_list .board>li:nth-child(even) .item {
		margin-left: 0
	}

	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area {
		padding: 30px 15px
	}

	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list {
		display: block
	}

	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list li {
		width: 100%;
		margin-top: 30px
	}

	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list li:first-child {
		margin-top: 0
	}

	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .item {
		overflow: hidden
	}

	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .thumb_area {
		float: left;
		width: 40%;
		margin-right: 5%;
		padding-top: 23%
	}

	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area {
		float: left;
		width: 55%
	}

	.newsroom.video .thubm_view_wrap .board_view .page_thumb_area .catalog_list .txt_area .cate {
		margin: 5px 0 10px
	}
}

.newsroom.publications .btn_wrap .btn,.newsroom.publications .btn_wrap .btn_download,.newsroom.publications .btn_wrap .btn_search {
	min-width: 180px
}

.newsroom.publications .sec {
	padding: min(5.208vw, 100px) 0
}

.newsroom.publications .sec.sec1 {
	padding-top: 0
}

.newsroom.publications .sec.sec3 {
	padding-bottom: 0
}

.newsroom.publications .sec .btn_wrap {
	margin-top: min(2.083vw, 40px)
}

.newsroom.publications .sec .mb {
	margin-bottom: min(2.083vw, 40px)
}

.newsroom.publications .img_wrap {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 1.3333333333%
}

.newsroom.publications .img_wrap .img_block {
	width: 33.1664444444%
}

.newsroom.publications .img_wrap .img_block.first_img {
	overflow: hidden;
	position: relative;
	padding-top: 39.2%;
	max-height: 470px;
	box-shadow: 10px 10px 20px rgba(0,0,0,.1);
	background-color: #e5e5e5;
	outline: 1px solid #ccc
}

.newsroom.publications .img_wrap .img_block.first_img .cover {
	display: block
}

.newsroom.publications .img_wrap .img_block.half {
	position: relative;
	width: 32.0002666667%
}

.newsroom.publications .img_wrap .img_block .first,.newsroom.publications .img_wrap .img_block .second {
	display: block;
	overflow: hidden;
	outline: 1px solid #ccc
}

.newsroom.publications .img_wrap .img_block .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto
}

.newsroom.publications .img_wrap .img_block .cover img {
	width: 100%;
	object-fit: inherit
}

.newsroom.publications .img_wrap .half_img_wrap {
	overflow: hidden;
	position: absolute;
	left: 0;
	padding-top: 59%;
	width: 100%;
	height: auto;
	max-height: 227px;
	background-color: #e5e5e5
}

.newsroom.publications .img_wrap .half_img_wrap.first {
	top: 0
}

.newsroom.publications .img_wrap .half_img_wrap.second {
	bottom: 0
}

.newsroom.publications .img_wrap .half_img_wrap .img {
	position: absolute;
	top: 0;
	left: 0
}

.newsroom.publications .img_wrap .half_img_wrap .img img {
	width: 100%;
	object-fit: inherit
}

.newsroom.publications .other_slide_wrap {
	position: relative
}

.newsroom.publications .other_slide_wrap .other_slide .swiper-slide h5 {
	line-height: 1.25em
}

@media(min-width: 1024px) {
	.newsroom.publications .other_slide_wrap .other_slide .swiper-slide h5 {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(max-width: 1023px) {
	.newsroom.publications .other_slide_wrap .other_slide .swiper-slide h5 {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

.newsroom.publications .other_slide_wrap .other_slide .swiper-slide .img_wrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	max-height: 333px;
	outline: 1px solid #ccc;
	outline-offset: -1px;
	background-color: #e5e5e5
}

.newsroom.publications .other_slide_wrap .other_slide .swiper-slide .img_wrap .img {
	padding-top: 118%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 100% auto
}

.newsroom.publications .other_slide_wrap .other_slide .swiper-slide .img_wrap .img img {
	width: 100%;
	object-fit: inherit
}

.newsroom.publications .other_slide_wrap .other_slide .swiper-slide .btn_wrap {
	margin-top: min(1.562vw, 30px)
}

.newsroom.publications .other_slide_wrap .other_arrow {
	position: absolute;
	right: 0;
	top: -80px
}

.newsroom.publications .other_slide_wrap .other_arrow .arrow_btn {
	margin-top: 0;
	background: none
}

.newsroom.publications .other_slide_wrap .other_arrow .arrow_btn::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 24px;
	transform: translate(-50%, -50%)
}

.newsroom.publications .other_slide_wrap .other_arrow .arrow_btn.hidden {
	display: none
}

.newsroom.publications .other_slide_wrap .other_arrow .swiper-button-prev {
	left: unset;
	right: 70px
}

.newsroom.publications .other_slide_wrap .other_arrow .swiper-button-prev::after {
	background: url("/resources/en/images/newsroom/slide_arr_prev.svg") 50% 50% no-repeat;
	background-size: cover
}

.newsroom.publications .other_slide_wrap .other_arrow .swiper-button-prev:hover::after {
	background-image: url("/resources/en/images/newsroom/slide_arr_prev_on.svg")
}

.newsroom.publications .other_slide_wrap .other_arrow .swiper-button-next {
	right: 0
}

.newsroom.publications .other_slide_wrap .other_arrow .swiper-button-next::after {
	background: url("/resources/en/images/newsroom/slide_arr_next.svg") 50% 50% no-repeat;
	background-size: cover
}

.newsroom.publications .other_slide_wrap .other_arrow .swiper-button-next:hover::after {
	background-image: url("/resources/en/images/newsroom/slide_arr_next_on.svg")
}

.newsroom.publications .other_list {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.newsroom.publications .other_list li {
	width: 23.5%
}

.newsroom.publications .other_list li h5 {
	line-height: 1.25em
}

@media(min-width: 1024px) {
	.newsroom.publications .other_list li h5 {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(max-width: 1023px) {
	.newsroom.publications .other_list li h5 {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

.newsroom.publications .other_list li .img {
	margin-bottom: min(1.562vw, 30px);
	outline: 1px solid #ccc;
	outline-offset: -1px
}

.newsroom.publications .other_list li .img img {
	width: 100%;
	object-fit: inherit
}

.newsroom.publications .download_list_wrap {
	border-top: 2px solid #004480;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff
}

.newsroom.publications .download_list_wrap .list {
	overflow: hidden
}

.newsroom.publications .download_list_wrap li {
	float: left;
	width: 20%;
	position: relative;
	padding: min(1.302vw, 25px) min(0.52vw, 10px);
	font-weight: 600;
	text-align: center;
	border-bottom: 1px solid #e5e5e5
}

@media(min-width: 1024px) {
	.newsroom.publications .download_list_wrap li {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom.publications .download_list_wrap li {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.newsroom.publications .download_list_wrap li:nth-child(5n)::after {
	content: none
}

.newsroom.publications .download_list_wrap li.dNone {
	display: none
}

.newsroom.publications .download_list_wrap li::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: min(2.083vw, 40px);
	background-color: #ccc
}

.newsroom.publications .download_list_wrap li .btn_download {
	position: relative;
	padding-right: 40px;
	display: inline-block;
	color: #222
}

.newsroom.publications .download_list_wrap li .btn_download::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 25px;
	height: 18px;
	background: url("../images/ico_download_b.svg") right center no-repeat;
	background-size: 100% auto
}

@media(max-width: 1023px) {
	.newsroom.publications .other h3 {
		margin-bottom: 25px
	}

	.newsroom.publications .sec {
		padding: 60px 0
	}

	.newsroom.publications .sec.sec1 {
		padding-top: 0
	}

	.newsroom.publications .sec.sec3 {
		padding-bottom: 0
	}

	.newsroom.publications .sec .btn_wrap {
		margin-top: 15px
	}

	.newsroom.publications .sec .mb {
		margin-bottom: 20px
	}

	.newsroom.publications h5 {
		font-size: 18px
	}

	.newsroom.publications .download_list_wrap li {
		padding: 16px 0;
		font-size: 14px
	}

	.newsroom.publications .download_list_wrap li::before {
		height: 30px
	}

	.newsroom.publications .download_list_wrap li .btn_download::after {
		width: 20px;
		height: 18px
	}

	.newsroom.publications .other_slide_wrap .other_slide .swiper-slide h5 {
		white-space: inherit;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.125em;
		height: 40px;
		max-height: 40px;
		font-size: 15px;
		margin-bottom: 10px
	}

	.newsroom.publications .other_slide_wrap .other_slide .swiper-slide .img_wrap {
		max-height: 217px
	}

	.newsroom.publications .other_slide_wrap .other_slide .swiper-slide .img_wrap .img {
		padding-top: 95%
	}

	.newsroom.publications .other_slide_wrap .other_slide .swiper-slide .btn_wrap {
		margin-top: 15px
	}

	.newsroom.publications .other_slide_wrap .other_arrow {
		right: 0;
		top: -60px
	}

	.newsroom.publications .other_slide_wrap .other_arrow .arrow_btn {
		width: 24px
	}

	.newsroom.publications .other_slide_wrap .other_arrow .swiper-button-prev {
		right: 50px
	}

	.newsroom.publications .other_list li h5 {
		white-space: inherit;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.125em;
		height: 40px;
		max-height: 40px
	}
}

@media(max-width: 767px) {
	.newsroom.publications .sec {
		padding: 0 0 60px
	}

	.newsroom.publications .sec.bg {
		background-color: rgba(0,0,0,0)
	}

	.newsroom.publications .sec .sec_inner {
		padding: 0
	}

	.newsroom.publications .sec .mb {
		margin-bottom: 40px
	}

	.newsroom.publications .sec1 .btn_wrap {
		margin: 0 auto;
		width: 90%
	}

	.newsroom.publications h3,.newsroom.publications h5,.newsroom.publications .page,.newsroom.publications .other_list {
		padding: 0 15px
	}

	.newsroom.publications .download_list_wrap {
		border-bottom: none;
		margin: 0 15px
	}

	.newsroom.publications .img_wrap {
		overflow: hidden;
		display: block;
		gap: 0
	}

	.newsroom.publications .img_wrap .img_block {
		display: block;
		margin-bottom: 35px
	}

	.newsroom.publications .img_wrap .img_block.first_img {
		overflow: hidden;
		padding: 30px 0;
		width: 100%;
		max-height: inherit;
		box-shadow: none;
		outline: none;
		outline-offset: 0
	}

	.newsroom.publications .img_wrap .img_block.first_img .cover {
		display: block;
		position: static;
		margin: 0 auto;
		width: 54%;
		box-shadow: 10px 10px 20px rgba(0,0,0,.1);
		outline: 1px solid #ccc;
		outline-offset: -1px
	}

	.newsroom.publications .img_wrap .img_block.half {
		padding-top: 55%;
		width: calc(50% - 19px);
		height: auto
	}

	.newsroom.publications .img_wrap .img_block.half.half1 {
		float: left;
		margin: 0 8px 0 15px
	}

	.newsroom.publications .img_wrap .img_block.half.half2 {
		float: right;
		margin-right: 15px
	}

	.newsroom.publications .other_slide_wrap .other_slide {
		padding: 0 15px
	}

	.newsroom.publications .other_slide_wrap .other_slide .swiper-slide h5 {
		display: none
	}

	.newsroom.publications .other_slide_wrap .other_slide .swiper-slide .img_wrap .img {
		padding-top: 119%
	}

	.newsroom.publications .other_slide_wrap .other_slide .swiper-slide .btn_wrap .btn_download {
		min-width: auto;
		width: 100%
	}

	.newsroom.publications .other_slide_wrap .other_arrow .arrow_btn {
		width: 12px
	}

	.newsroom.publications .other_slide_wrap .other_arrow .swiper-button-next {
		right: 15px
	}

	.newsroom.publications .other_list {
		gap: 0 4%
	}

	.newsroom.publications .other_list li {
		width: 49%;
		width: 48%;
		margin-top: 20px
	}

	.newsroom.publications .other_list li:nth-child(1),.newsroom.publications .other_list li:nth-child(2) {
		margin-top: 0
	}

	.newsroom.publications .other_list li h5 {
		display: none
	}

	.newsroom.publications .other_list li .img {
		margin-bottom: 15px
	}

	.newsroom.publications .other_list li .btn_wrap .btn_download {
		min-width: auto;
		width: 100%
	}

	.newsroom.publications .download_list_wrap li {
		float: none;
		width: 100%
	}

	.newsroom.publications .download_list_wrap li:first-child {
		border-top: none
	}

	.newsroom.publications .download_list_wrap li::after {
		content: none
	}
}

.newsroom.newsletter .form_list>li .form_tit {
	width: 200px
}

.newsroom.newsletter .form_list>li .form_tit .desc {
	display: block;
	margin-top: 5px;
	color: #666;
	font-weight: 400
}

@media(min-width: 1024px) {
	.newsroom.newsletter .form_list>li .form_tit .desc {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom.newsletter .form_list>li .form_tit .desc {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.newsroom.newsletter .form_list>li .form_cont {
	padding-left: 200px
}

.newsroom.newsletter .form_list>li.type1 {
	min-height: min(4.666vw, 56px)
}

.newsroom.newsletter .form_list>li.type1 .form_tit {
	width: 320px
}

.newsroom.newsletter .form_list>li.type1 .form_cont {
	padding-left: 320px
}

.newsroom.newsletter .desc_list {
	margin: min(1.562vw, 30px) min(6.77vw, 130px) 0
}

.newsroom.newsletter .desc_list li {
	position: relative;
	padding-left: 15px
}

.newsroom.newsletter .desc_list li::before {
	content: "※";
	position: absolute;
	left: 0;
	top: 0
}

.newsroom.newsletter .btn_wrap {
	margin-top: min(2.083vw, 40px)
}

@media(min-width: 1024px) {
	.newsroom.newsletter .btn_wrap {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom.newsletter .btn_wrap {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

.newsroom.newsletter .btn_wrap .btn {
	min-width: 200px
}

.newsroom.newsletter .unsubscription_box {
	overflow: hidden;
	padding: min(2.083vw, 40px);
	border: 1px solid #e5e5e5
}

.newsroom.newsletter .unsubscription_box .txt {
	position: relative;
	float: left;
	color: #222;
	padding-left: 16px
}

@media(min-width: 1024px) {
	.newsroom.newsletter .unsubscription_box .txt {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom.newsletter .unsubscription_box .txt {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.newsroom.newsletter .unsubscription_box .txt:before {
	content: "*";
	position: absolute;
	left: 0;
	top: 2px;
	width: 6px;
	height: 6px
}

.newsroom.newsletter .unsubscription_box .btn_link {
	position: relative;
	float: right;
	color: #222;
	font-weight: 600;
	padding-right: 20px
}

@media(min-width: 1024px) {
	.newsroom.newsletter .unsubscription_box .btn_link {
		font-size: 1.25rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom.newsletter .unsubscription_box .btn_link {
		font-size: 20px;
		letter-spacing: 0;
		line-height: 1
	}
}

.newsroom.newsletter .unsubscription_box .btn_link::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 9px;
	height: 15px;
	background: url("/resources/en/images/newsroom/ico_unsubscription_arrow_b.svg") left top no-repeat;
	background-size: cover
}

.newsroom.newsletter .agree_chk {
	text-align: right
}

@media(max-width: 1023px) {
	.newsroom.newsletter .form_list>li .form_tit {
		width: 25%
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom.newsletter .form_list>li .form_tit .desc {
		font-size: .8125rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom.newsletter .form_list>li .form_tit .desc {
		font-size: 13px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.newsroom.newsletter .form_list>li .form_cont {
		padding-left: 25%
	}
}

@media(max-width: 1023px) {
	.newsroom.newsletter .form_list>li.type1 {
		min-height: auto
	}

	.newsroom.newsletter .form_list>li.type1 .form_tit {
		position: static;
		top: 0;
		transform: translateY(0);
		width: 100%
	}

	.newsroom.newsletter .form_list>li.type1 .form_cont {
		margin-top: 20px;
		padding-left: 0
	}
}

@media(max-width: 1023px) {
	.newsroom.newsletter .desc_list {
		margin: 15px 0 0
	}

	.newsroom.newsletter .desc_list li {
		margin-top: 8px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom.newsletter .desc_list li {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.2857142857em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom.newsletter .desc_list li {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 18px
	}
}

@media(max-width: 1023px) {
	.newsroom.newsletter .btn_wrap {
		margin-top: 35px;
		font-size: 15px
	}

	.newsroom.newsletter .btn_wrap .btn {
		min-width: 180px
	}
}

@media(max-width: 1023px) {
	.newsroom.newsletter .unsubscription_box {
		padding: 34px 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.newsroom.newsletter .unsubscription_box .txt {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.newsroom.newsletter .unsubscription_box .txt {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.newsroom.newsletter .unsubscription_box .btn_link {
		font-size: 15px;
		padding-right: 15px
	}

	.newsroom.newsletter .unsubscription_box .btn_link::after {
		width: 8px;
		height: 13px
	}
}

@media(max-width: 1023px) {
	.newsroom.newsletter .agree_chk {
		text-align: left
	}
}

@media(max-width: 767px) {
	.newsroom.newsletter .form_list>li .form_tit {
		width: 100%
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.newsroom.newsletter .form_list>li .form_tit .desc {
		font-size: .8125rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.newsroom.newsletter .form_list>li .form_tit .desc {
		font-size: 13px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 767px) {
	.newsroom.newsletter .form_list>li .form_cont {
		padding-left: 0%
	}
}

@media(max-width: 767px) {
	.newsroom.newsletter .unsubscription_box {
		overflow: hidden
	}

	.newsroom.newsletter .unsubscription_box .txt {
		margin-bottom: 15px;
		float: none;
		width: 100%
	}

	.newsroom.newsletter .unsubscription_box .btn_link {
		float: none;
		margin-left: 15px
	}
}

.etc {
	color: #222
}

.etc .gray-box {
	padding: min(2.604vw, 50px) min(2.083vw, 40px);
	background: #f8f8f8
}

.etc .paragraph {
	margin-bottom: min(2.604vw, 50px)
}

.etc .paragraph .h5 {
	margin-bottom: min(1.041vw, 20px);
	font-weight: bold
}

.etc .paragraph .p2 {
	line-height: 1.5555555556em
}

.etc .paragraph:last-child {
	margin-bottom: 0
}

.etc .notice {
	margin-bottom: min(8.333vw, 160px)
}

.etc .btn_wrap.center {
	text-align: center
}

.etc .agree>.p1 {
	padding-bottom: min(2.083vw, 40px);
	line-height: 1.4em
}

.etc .agree-form {
	margin-bottom: min(0.781vw, 15px)
}

.etc .agree-form .p1 {
	padding-bottom: min(0.312vw, 6px);
	line-height: 1.5em;
	font-weight: 600
}

.etc .agree-form .p2 {
	line-height: 1.5555555556em
}

.etc .agree-form .p2 .underline {
	text-decoration: underline;
	text-underline-offset: 1px
}

.etc .agree-form .p2 .inside {
	display: block;
	padding-left: 12px !important
}

.etc .agree-form .refer {
	color: #888
}

.etc .agree-form .list {
	padding-bottom: min(1.562vw, 30px)
}

.etc .agree-form .list:last-child {
	padding-bottom: 0
}

.etc .agree-form .list ol>li {
	padding-bottom: min(0.781vw, 15px);
	font-size: 1.125rem
}

.etc .agree-form .list ol>li:last-child {
	padding-bottom: 0
}

.etc .agree-form .list .inside {
	padding-left: 20px
}

.etc .agree-form .list .inside span {
	display: block;
	padding-left: 10px
}

.etc .custom_checkbox {
	margin-bottom: min(4.166vw, 80px);
	text-align: right;
	color: #666
}

.etc .textarea_area textarea {
	height: min(29.166vw, 560px)
}

@media(min-width: 1024px) {
	.etc .textarea_area textarea {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.etc .textarea_area textarea {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.etc form .custom_select_area {
	width: 100%;
	margin-bottom: min(4.166vw, 80px)
}

.etc .form_wrap {
	margin-bottom: min(2.083vw, 40px)
}

.etc .form_wrap .txt_point {
	vertical-align: top
}

.etc .form_list {
	padding: 0;
	border-top: 2px solid #004480
}

.etc .form_list li {
	margin-bottom: 0;
	padding: min(1.041vw, 20px) min(2.083vw, 40px);
	border-bottom: 1px solid #e5e5e5
}

.etc .form_list li .form_tit {
	font-size: 1.125rem;
	left: min(2.083vw, 40px)
}

.etc .form_list li .form_tit.top {
	top: min(1.041vw, 20px);
	transform: unset
}

.etc .form_list li.attach_file .form_cont {
	position: relative
}

.etc .form_list li.attach_file .form_tit {
	top: min(0.781vw, 15px);
	left: 0
}

.etc .form_list li.attach_file .form_desc {
	margin: min(1.041vw, 20px) 0 min(0.781vw, 15px);
	padding-left: min(7.291vw, 140px);
	text-align: left
}

.etc .form_list li.attach_file2 .form_cont {
	position: relative
}

.etc .form_list li.attach_file2 .form_tit {
	top: min(0.781vw, 15px);
	left: 0
}

.etc .input_area input {
	position: relative
}

.etc .input_area.short input {
	width: 49%
}

.etc .input_area.short input:first-child {
	margin-right: 2%
}

.etc .notice-box {
	margin-bottom: min(4.166vw, 80px)
}

.etc .notice-box li {
	padding-left: 10px;
	position: relative
}

@media(min-width: 1024px) {
	.etc .notice-box li {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.etc .notice-box li {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.etc .notice-box li:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 4px;
	content: "";
	transform: translateY(-50%);
	background: #004480
}

.etc .notice-box.bg {
	background-color: #f5f7ff
}

.etc .dot {
	position: relative
}

.etc .dot:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 4px;
	content: "";
	transform: translateY(-50%);
	background-color: #888
}

.etc .drag-zone {
	position: relative;
	min-height: min(7.812vw, 150px);
	margin: 0 0 min(1.562vw, 30px);
	box-sizing: border-box;
	border-width: 1px;
	border-color: #ccc;
	border-style: dashed;
	background-color: #f5f5f5;
	text-align: left
}

.etc .drag-zone .drag-info {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #888;
	text-align: center
}

@media(min-width: 1024px) {
	.etc .drag-zone .drag-info {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.3888888889em
	}
}

@media(max-width: 1023px) {
	.etc .drag-zone .drag-info {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 25px
	}
}

.etc .drag-zone.drop .drag-info {
	display: none
}

.etc .drag-zone .filebox {
	position: relative;
	display: block;
	padding: min(0.312vw, 6px) min(1.041vw, 20px)
}

.etc .drag-zone .filebox:last-child {
	margin-bottom: 0
}

.etc .drag-zone .filebox p {
	position: relative;
	display: inline-block;
	max-width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: min(2.187vw, 42px);
	color: #666;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media(min-width: 1024px) {
	.etc .drag-zone .filebox p {
		font-size: 1rem;
		letter-spacing: 0em;
		line-height: 1.1875em
	}
}

@media(max-width: 1023px) {
	.etc .drag-zone .filebox p {
		font-size: 16px;
		letter-spacing: 0em;
		line-height: 19px
	}
}

.etc .drag-zone .filebox .btn_delete {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	background-color: #fff;
	border: 1px solid #ccc;
	cursor: pointer
}

.etc .drag-zone .filebox .btn_delete:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 9px;
	height: 9px;
	background: url("../images/ico_close_small_bk.svg") no-repeat 0;
	background-size: 100% auto
}

@media(max-width: 1023px) {
	.etc h5 {
		margin-bottom: 20px;
		line-height: 1.2777777778em
	}

	.etc .top_wrap {
		margin: 0 auto 35px
	}

	.etc .paragraph {
		margin-bottom: 40px
	}

	.etc .paragraph .h5 {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.etc .paragraph .h5 {
		font-size: 1.0625rem;
		letter-spacing: -0.015em;
		line-height: 1.2941176471em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.etc .paragraph .h5 {
		font-size: 17px;
		letter-spacing: -0.015em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.etc .gray-box {
		padding: 30px min(5.434vw, 20px)
	}
}

@media(max-width: 1023px) {
	.etc .dot:before {
		width: 3px;
		height: 3px
	}
}

@media(max-width: 1023px) {
	.etc .agree .p1 {
		line-height: 1.5333333333rem
	}
}

@media(max-width: 1023px) {
	.etc .agree-form {
		margin-bottom: 10px
	}

	.etc .agree-form .p1 {
		padding-bottom: 5px;
		line-height: 1.0666666667em
	}

	.etc .agree-form .p2 {
		padding-bottom: 5px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.etc .agree-form .p2 {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.3571428571em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.etc .agree-form .p2 {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 19px
	}
}

@media(max-width: 1023px) {
	.etc .agree-form .list .inside {
		padding-left: 6px
	}

	.etc .agree-form .list .inside .refer {
		padding-left: 0;
		padding-top: 5px
	}
}

@media(max-width: 1023px) {
	.etc .form_wrap {
		margin-bottom: 35px
	}
}

@media(max-width: 1023px) {
	.etc .form_list li {
		padding: 15px 0
	}

	.etc .form_list li.attach_file .form_tit {
		left: min(2.083vw, 40px)
	}

	.etc .form_list li.attach_file .form_desc {
		padding-left: 15%
	}
}

@media(max-width: 1023px) {
	.etc .custom_checkbox {
		margin-bottom: 60px;
		text-align: left
	}

	.etc .custom_checkbox input[type=checkbox]+label {
		position: absolute;
		top: 0;
		left: 0;
		line-height: 1em
	}
}

@media(max-width: 1023px) {
	.etc .input_area.short input {
		width: 100%
	}

	.etc .input_area.short input:first-child {
		margin-right: 0;
		margin-bottom: 10px
	}
}

@media(max-width: 1023px) {
	.etc .textarea_area textarea {
		height: min(105.978vw, 390px);
		padding: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.etc .textarea_area textarea {
		font-size: .8125rem;
		letter-spacing: -0.015em;
		line-height: 1.3846153846em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.etc .textarea_area textarea {
		font-size: 13px;
		letter-spacing: -0.015em;
		line-height: 18px
	}
}

@media(max-width: 1023px) {
	.etc .notice-box {
		margin-bottom: 60px
	}

	.etc .notice-box li {
		padding-bottom: 5px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.etc .notice-box li {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.3571428571em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.etc .notice-box li {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 19px
	}
}

@media(max-width: 1023px) {
	.etc .notice-box li:before {
		width: 3px;
		height: 3px;
		top: 7px;
		transform: none
	}
}

@media(max-width: 1023px) {
	.etc .drag-zone {
		min-height: auto;
		border-style: none;
		background-color: rgba(0,0,0,0);
		border-color: rgba(0,0,0,0)
	}

	.etc .drag-zone .drag-info {
		display: none
	}

	.etc .drag-zone .filebox {
		position: relative;
		margin-bottom: 10px;
		padding: 5px min(2.604vw, 20px);
		background-color: #f5f5f5;
		border: 1px solid #e5e5e5
	}

	.etc .drag-zone .filebox:last-child {
		margin-bottom: 0
	}

	.etc .drag-zone .filebox p {
		width: 100%;
		padding-right: 40px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.etc .drag-zone .filebox p {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.3571428571em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.etc .drag-zone .filebox p {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 19px
	}
}

@media(max-width: 1023px) {
	.etc .drag-zone .filebox p>span {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

@media(max-width: 1023px) {
	.etc .drag-zone .filebox .btn_delete {
		width: 20px;
		height: 20px;
		background-color: rgba(0,0,0,0);
		border-color: rgba(0,0,0,0)
	}
}

@media(max-width: 767px) {
	.etc .form_list li.attach_file .form_desc {
		margin: min(4.076vw, 15px) 0 0;
		padding-left: 0
	}
}

.report .notice-box {
	margin-top: min(4.166vw, 80px)
}

.report .attach_file .file_wrap {
	text-align: right
}

.report .attach_file .file_name {
	display: none;
	width: 100%
}

.report textarea::placeholder {
	color: #888
}

@media(max-width: 1023px) {
	.report section>.p1 {
		line-height: 1.5333333333rem
	}

	.report .attach_file2 .file_name {
		display: block;
		width: 100%;
		margin-bottom: 10px
	}

	.report .attach_file2 .file_link {
		width: 100%
	}

	.report .attach_file .file_name {
		display: block
	}

	.report .attach_file .file_link {
		width: 100%
	}
}

.privacy .page_desc,.cctv .page_desc {
	margin-bottom: min(4.166vw, 80px)
}

.privacy .page_desc p,.cctv .page_desc p {
	padding-bottom: min(1.302vw, 25px)
}

.privacy .page_desc p:last-child,.cctv .page_desc p:last-child {
	padding-bottom: 0
}

.privacy .page_title,.cctv .page_title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: min(1.562vw, 30px)
}

.privacy .page_title h3,.cctv .page_title h3 {
	margin-bottom: 0
}

.privacy .page_title .select_area,.cctv .page_title .select_area {
	display: flex;
	flex-wrap: nowrap;
	justify-content: start;
	align-items: normal
}

.privacy .page_title .select_area .custom_select_area .current,.cctv .page_title .select_area .custom_select_area .current {
	overflow-y: hidden
}

.privacy .page_title .select_area .btn,.cctv .page_title .select_area .btn {
	min-width: 100px;
	height: 3.75rem;
	margin-left: 10px;
	background-color: #004480;
	color: #fff;
	text-align: center
}

@media(min-width: 1024px) {
	.privacy .page_title .select_area .btn,.cctv .page_title .select_area .btn {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 3.3333333333em
	}
}

@media(max-width: 1023px) {
	.privacy .page_title .select_area .btn,.cctv .page_title .select_area .btn {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 60px
	}
}

.privacy .page_title .right_area,.cctv .page_title .right_area {
	margin-left: auto
}

.privacy .gray-box,.cctv .gray-box {
	margin-bottom: min(2.083vw, 40px)
}

.privacy .category,.cctv .category {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: normal;
	width: 100%
}

.privacy .category ol,.cctv .category ol {
	width: 50%
}

@media(min-width: 1024px) {
	.privacy .category ol li,.cctv .category ol li {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.privacy .category ol li,.cctv .category ol li {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.privacy .category ol a,.cctv .category ol a {
	display: block;
	width: 100%
}

.privacy .category_content .list-content,.cctv .category_content .list-content {
	margin-bottom: min(4.166vw, 80px)
}

.privacy .category_content .list-content:last-child,.cctv .category_content .list-content:last-child {
	margin-bottom: 0
}

.privacy .category_content .content5 .table_wrap,.cctv .category_content .content5 .table_wrap {
	margin-bottom: 0
}

.privacy .category_content .content5 .table_wrap th,.privacy .category_content .content5 .table_wrap td,.cctv .category_content .content5 .table_wrap th,.cctv .category_content .content5 .table_wrap td {
	height: 90px
}

.privacy .category_content .content10>div .dot,.privacy .category_content .content11>div .dot,.privacy .category_content .content12>div .dot,.cctv .category_content .content10>div .dot,.cctv .category_content .content11>div .dot,.cctv .category_content .content12>div .dot {
	margin-left: 15px
}

.privacy .category_content ol li,.cctv .category_content ol li {
	padding-bottom: min(1.041vw, 20px)
}

.privacy .category_content ol li:last-child,.cctv .category_content ol li:last-child {
	padding-bottom: 0
}

.privacy .category_content .dot,.cctv .category_content .dot {
	display: block;
	padding-left: 10px
}

.privacy .category_content .dot:before,.cctv .category_content .dot:before {
	top: 10px;
	transform: unset
}

@media(min-width: 1024px) {
	.privacy .category_content p,.cctv .category_content p {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.privacy .category_content p,.cctv .category_content p {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.privacy .category_content p.h5,.cctv .category_content p.h5 {
	margin-bottom: min(1.041vw, 20px);
	color: #004480
}

@media(min-width: 1024px) {
	.privacy .category_content p.h5,.cctv .category_content p.h5 {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: .8333333333em
	}
}

@media(max-width: 1023px) {
	.privacy .category_content p.h5,.cctv .category_content p.h5 {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

.privacy .category_content p.single,.cctv .category_content p.single {
	padding-bottom: min(1.562vw, 30px)
}

.privacy .category_content p.single.zero,.cctv .category_content p.single.zero {
	padding-bottom: 0
}

.privacy .category_content p.num,.cctv .category_content p.num {
	position: relative;
	padding-left: 20px
}

.privacy .category_content p.num>span,.cctv .category_content p.num>span {
	position: absolute;
	top: 0;
	left: 0
}

.privacy .category_content p.padding,.cctv .category_content p.padding {
	padding-bottom: min(0.781vw, 15px)
}

.privacy .category_content .additional,.cctv .category_content .additional {
	padding-left: 20px
}

.privacy .category_content .additional.dash p,.cctv .category_content .additional.dash p {
	padding-left: 15px;
	position: relative
}

.privacy .category_content .additional.dash p:before,.cctv .category_content .additional.dash p:before {
	display: block;
	position: absolute;
	top: 0;
	content: "";
	content: "-";
	left: 0;
	font-size: 1.125rem
}

.privacy .category_content .additional.padding p,.cctv .category_content .additional.padding p {
	padding-bottom: min(0.781vw, 15px)
}

.privacy .category_content .table_wrap,.cctv .category_content .table_wrap {
	margin-top: min(0.781vw, 15px);
	margin-bottom: min(1.041vw, 20px)
}

.privacy .category_content .table_wrap .default_table,.cctv .category_content .table_wrap .default_table {
	margin-bottom: 0
}

.privacy .category_content .table_wrap table td,.cctv .category_content .table_wrap table td {
	padding: min(0.989vw, 19px) min(1.562vw, 30px) min(0.989vw, 19px);
	text-align: center
}

.privacy .category_content .table_wrap table td p,.cctv .category_content .table_wrap table td p {
	padding-bottom: 0;
	text-align: left
}

.privacy .category_content .table_wrap ul,.cctv .category_content .table_wrap ul {
	margin-left: 15px
}

.privacy .category_content .table_wrap ul li,.cctv .category_content .table_wrap ul li {
	text-align: left;
	padding-bottom: 0
}

.privacy .category_content .table_wrap ul li:before,.cctv .category_content .table_wrap ul li:before {
	background-color: #888 !important
}

@media(max-width: 1023px) {
	.privacy .page_title,.cctv .page_title {
		margin-bottom: 15px
	}

	.privacy .page_title h3,.cctv .page_title h3 {
		order: 2;
		width: 100%;
		line-height: 1.28em
	}

	.privacy .page_title .select_area,.cctv .page_title .select_area {
		order: 1;
		width: 100%;
		margin-bottom: 20px
	}

	.privacy .page_title .select_area .custom_select_area,.cctv .page_title .select_area .custom_select_area {
		width: calc(100% - 80px)
	}

	.privacy .page_title .select_area .custom_select_area ul,.cctv .page_title .select_area .custom_select_area ul {
		width: 100%
	}

	.privacy .page_title .select_area .btn,.cctv .page_title .select_area .btn {
		min-width: 80px;
		height: 50px;
		margin-left: 0;
		font-size: 14px;
		line-height: 3.5714285714rem
	}

	.privacy .page_desc,.cctv .page_desc {
		margin-bottom: 30px
	}

	.privacy .page_desc p,.cctv .page_desc p {
		padding-bottom: 25px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.privacy .page_desc p,.cctv .page_desc p {
		font-size: .9375rem;
		letter-spacing: -0.015em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.privacy .page_desc p,.cctv .page_desc p {
		font-size: 15px;
		letter-spacing: -0.015em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.privacy .gray-box,.cctv .gray-box {
		margin-bottom: 50px
	}
}

@media(max-width: 1023px) {
	.privacy .category ol,.cctv .category ol {
		width: 100%
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.privacy .category ol li,.cctv .category ol li {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.7142857143em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.privacy .category ol li,.cctv .category ol li {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 24px
	}
}

@media(max-width: 1023px) {
	.privacy .category ol a,.cctv .category ol a {
		padding: 2px 0
	}
}

@media(max-width: 1023px) {
	.privacy .category_content ol li,.cctv .category_content ol li {
		padding-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.privacy .category_content p,.cctv .category_content p {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.3571428571em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.privacy .category_content p,.cctv .category_content p {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 19px
	}
}

@media(max-width: 1023px) {
	.privacy .category_content p.h5,.cctv .category_content p.h5 {
		margin-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.privacy .category_content p.h5,.cctv .category_content p.h5 {
		font-size: 1.0625rem;
		letter-spacing: -0.015em;
		line-height: 1.1764705882em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.privacy .category_content p.h5,.cctv .category_content p.h5 {
		font-size: 17px;
		letter-spacing: -0.015em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.privacy .category_content p.single,.cctv .category_content p.single {
		padding-bottom: 10px
	}
}

@media(max-width: 1023px) {
	.privacy .category_content p.padding,.cctv .category_content p.padding {
		padding-bottom: 10px
	}
}

@media(max-width: 1023px) {
	.privacy .category_content p.num,.cctv .category_content p.num {
		padding-bottom: 2px
	}
}

@media(max-width: 1023px) {
	.privacy .category_content .dot,.cctv .category_content .dot {
		padding: 2px 0 2px 10px
	}

	.privacy .category_content .dot:before,.cctv .category_content .dot:before {
		top: 9px
	}
}

@media(max-width: 1023px) {
	.privacy .category_content .list-content,.cctv .category_content .list-content {
		margin-bottom: 50px
	}
}

@media(max-width: 1023px) {
	.privacy .category_content .additional .dash p:before,.cctv .category_content .additional .dash p:before {
		left: 4px
	}
}

@media(max-width: 1023px) {
	.privacy .category_content .table_wrap,.cctv .category_content .table_wrap {
		margin: 10px 0
	}

	.privacy .category_content .table_wrap table colgroup col:nth-child(1),.cctv .category_content .table_wrap table colgroup col:nth-child(1) {
		width: 160px
	}

	.privacy .category_content .table_wrap table colgroup col:nth-child(2),.cctv .category_content .table_wrap table colgroup col:nth-child(2) {
		width: 260px
	}

	.privacy .category_content .table_wrap table colgroup col:nth-child(3),.cctv .category_content .table_wrap table colgroup col:nth-child(3) {
		width: 160px
	}

	.privacy .category_content .table_wrap table colgroup col:nth-child(4),.cctv .category_content .table_wrap table colgroup col:nth-child(4) {
		width: 160px
	}

	.privacy .category_content .table_wrap table colgroup col:nth-child(5),.cctv .category_content .table_wrap table colgroup col:nth-child(5) {
		width: 160px
	}

	.privacy .category_content .table_wrap table td,.cctv .category_content .table_wrap table td {
		padding: 15px
	}

	.privacy .category_content .table_wrap .default_table td.list>ul>li,.cctv .category_content .table_wrap .default_table td.list>ul>li {
		padding-left: 7px
	}
}

@media(max-width: 1023px) {
	.privacy .category_content .content5 .table_wrap th,.privacy .category_content .content5 .table_wrap td,.cctv .category_content .content5 .table_wrap th,.cctv .category_content .content5 .table_wrap td {
		height: 50px
	}
}

@media(max-width: 1023px) {
	.privacy .ico_scroll:after,.cctv .ico_scroll:after {
		left: 38%
	}
}

.iframe_top {
	margin: min(21.739vw, 80px) auto 0
}

@media(max-width: 1023px) {
	.iframe_top {
		margin: 55px auto 35px
	}
}

.contact section {
	margin-bottom: min(21.739vw, 80px)
}

.contact section:last-child {
	margin-bottom: 0
}

.contact .agree-form .inside li {
	padding-left: 10px
}

@media(min-width: 1024px) {
	.contact .agree-form .inside li {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.contact .agree-form .inside li {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.contact .flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 .8333333333%;
	margin-top: min(2.083vw, 40px)
}

.contact .flex-container .flex-item {
	width: 24.375%;
	margin-bottom: min(0.833vw, 10px);
	border: 1px solid #e5e5e5;
	color: #222
}

.contact .flex-container .flex-item .title {
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	margin: -1px;
	padding: min(1.302vw, 25px) min(1.562vw, 30px);
	font-weight: bold;
	color: #fff;
	background-color: #888;
	border-color: #004480
}

@media(min-width: 1024px) {
	.contact .flex-container .flex-item .title {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.contact .flex-container .flex-item .title {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.contact .flex-container .flex-item .description {
	padding: min(1.302vw, 25px) min(1.562vw, 30px);
	color: #222
}

@media(min-width: 1024px) {
	.contact .flex-container .flex-item .description {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.contact .flex-container .flex-item .description {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.contact .flex-container .flex-item .description span {
	display: block;
	padding-left: 15px
}

.contact .flex-container .flex-item .description span:before {
	background-color: #004480
}

.contact .flex-container .flex-item .description a {
	display: inline-block;
	color: #004480;
	font-weight: 600;
	position: relative
}

.contact .flex-container .flex-item .description a:after {
	display: block;
	position: absolute;
	top: 50%;
	right: -75px;
	width: 21px;
	height: 21px;
	content: "";
	transform: translateY(-50%);
	background: url("../images/ico_link_b.svg") 0 0 no-repeat
}

.contact .btn {
	height: 3.75rem
}

.contact .file_list {
	display: block;
	margin-top: min(0.781vw, 15px);
	padding-left: min(7.291vw, 140px)
}

.contact .file_list .filebox {
	position: relative;
	margin-bottom: min(0.52vw, 10px);
	padding: min(0.781vw, 15px) min(1.041vw, 20px);
	background-color: #f5f5f5;
	border: 1px solid #e5e5e5
}

.contact .file_list .filebox:last-child {
	margin-bottom: 0
}

@media(min-width: 1024px) {
	.contact .file_list .filebox p {
		font-size: 1rem;
		letter-spacing: 0em;
		line-height: 1.1875em
	}
}

@media(max-width: 1023px) {
	.contact .file_list .filebox p {
		font-size: 16px;
		letter-spacing: 0em;
		line-height: 19px
	}
}

.contact .file_list .filebox .btn_delete {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	cursor: pointer
}

.contact .file_list .filebox .btn_delete:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 9px;
	height: 9px;
	background: url("../images/ico_close_small_bk.svg") no-repeat 0
}

@media(max-width: 1023px) {
	.contact section>.p1 {
		line-height: 1.5333333333rem
	}

	.contact .agree-form .inside li {
		padding-left: 7px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.contact .agree-form .inside li {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.3571428571em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.contact .agree-form .inside li {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 19px
	}
}

@media(max-width: 1023px) {
	.contact .agree-form .list {
		padding-bottom: 12px
	}
}

@media(max-width: 1023px) {
	.contact .flex-container .flex-item {
		width: 49.5833333333%;
		height: min(39.402vw, 145px);
		margin-bottom: 15px
	}

	.contact .flex-container .flex-item .title {
		padding: 13px min(4.076vw, 15px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.contact .flex-container .flex-item .title {
		font-size: 1.0625rem;
		letter-spacing: -0.015em;
		line-height: .9411764706em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.contact .flex-container .flex-item .title {
		font-size: 17px;
		letter-spacing: -0.015em;
		line-height: 16px
	}
}

@media(max-width: 1023px) {
	.contact .flex-container .flex-item .description {
		padding: 15px min(4.076vw, 15px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.contact .flex-container .flex-item .description {
		font-size: .8125rem;
		letter-spacing: -0.015em;
		line-height: 1.4615384615em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.contact .flex-container .flex-item .description {
		font-size: 13px;
		letter-spacing: -0.015em;
		line-height: 19px
	}
}

@media(max-width: 1023px) {
	.contact .flex-container .flex-item .description a:after {
		width: 10px;
		height: 10px;
		right: -15px !important;
		background-size: 100% auto !important
	}
}

@media(max-width: 1023px) {
	.contact .flex-container .flex-item .description span {
		padding-left: 7px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.contact .flex-container .flex-item .description span {
		font-size: .8125rem;
		letter-spacing: -0.015em;
		line-height: 1.5384615385em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.contact .flex-container .flex-item .description span {
		font-size: 13px;
		letter-spacing: -0.015em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.contact .flex-container .flex-item .description span:before {
		top: 10px
	}
}

@media(max-width: 767px) {
	.contact .file_list {
		margin-top: 15px;
		padding-left: 0
	}

	.contact .file_list .filebox {
		height: 40px;
		padding: 5px min(5.434vw, 20px);
		margin-bottom: 5px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.contact .file_list .filebox p {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 2.0714285714em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.contact .file_list .filebox p {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 29px
	}
}

.contact_iframe_wrap {
	position: relative;
	min-height: 100vh
}

.contact_iframe_wrap iframe {
	display: block;
	width: 100%
}

.sitemap h4 {
	padding-bottom: min(1.041vw, 20px);
	line-height: 1.0666666667em;
	letter-spacing: -0.03em;
	color: #004480;
	border-bottom: 5px solid #004480
}

.sitemap h4 span {
	margin-right: min(0.364vw, 7px);
	color: #004480;
	font-weight: bold
}

@media(min-width: 1024px) {
	.sitemap h4 span {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1.0666666667em
	}
}

@media(max-width: 1023px) {
	.sitemap h4 span {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.sitemap a {
	display: inline-block;
	color: #222
}

.sitemap .map-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: strech;
	margin-bottom: min(6.25vw, 120px)
}

.sitemap .map-box:last-child {
	margin-bottom: 0
}

.sitemap .map-list {
	padding: min(2.083vw, 40px) min(2.083vw, 40px) min(1.041vw, 20px)
}

.sitemap .map-list .h5 {
	display: block;
	padding-bottom: min(0.781vw, 15px);
	font-weight: 600
}

@media(min-width: 1024px) {
	.sitemap .map-list .h5 {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px) {
	.sitemap .map-list .h5 {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.sitemap .map {
	width: 33.3333333333%;
	padding: min(2.083vw, 40px) min(1.562vw, 30px);
	border: 1px solid #e5e5e5
}

.sitemap .map:nth-child(2) {
	border-right: none;
	border-left: none
}

.sitemap .list {
	margin-bottom: min(1.302vw, 25px)
}

.sitemap .list.solo .h5 {
	padding-bottom: 0
}

.sitemap .list:last-child {
	margin-bottom: 0
}

.sitemap .map-sub {
	padding-left: min(0.52vw, 10px)
}

.sitemap .map-sub li {
	position: relative;
	padding-left: 13px
}

.sitemap .map-sub li:before {
	content: "-";
	position: absolute;
	top: 0;
	left: 0;
	color: #222
}

@media(min-width: 1024px) {
	.sitemap .map-sub li:before {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.sitemap .map-sub li:before {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

@media(min-width: 1024px) {
	.sitemap .map-sub a {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.sitemap .map-sub a {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

@media(max-width: 1023px) {
	.sitemap h4 {
		font-size: 20px;
		border-bottom: 2.5px solid #004480;
		padding-bottom: 7px
	}

	.sitemap h4 span {
		margin-right: 10px;
		font-size: 20px
	}

	.sitemap .map-list {
		padding: 15px 0 0
	}

	.sitemap .map-list .h5 {
		padding: 10px 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sitemap .map-list .h5 {
		font-size: 1.0625rem;
		letter-spacing: -0.015em;
		line-height: .9411764706em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sitemap .map-list .h5 {
		font-size: 17px;
		letter-spacing: -0.015em;
		line-height: 16px
	}
}

@media(max-width: 1023px) {
	.sitemap .map-list>ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: normal
	}

	.sitemap .map-list>ul .list {
		width: 49%
	}
}

@media(max-width: 1023px) {
	.sitemap .map {
		width: 100%;
		padding: 25px min(5.434vw, 20px) 20px;
		margin-bottom: 20px
	}

	.sitemap .map:nth-child(2) {
		border-right: 1px solid #e5e5e5;
		border-left: 1px solid #e5e5e5
	}
}

@media(max-width: 1023px) {
	.sitemap .list {
		margin-bottom: 30px
	}

	.sitemap .list.solo {
		margin-bottom: 10px
	}

	.sitemap .list.solo .h5 {
		padding-bottom: 10px
	}
}

@media(max-width: 1023px) {
	.sitemap .map-sub {
		padding-left: 7px
	}

	.sitemap .map-sub li {
		padding-left: 7px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sitemap .map-sub li:before {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 2.1428571429em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sitemap .map-sub li:before {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.sitemap .map-sub a {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 2.1428571429em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.sitemap .map-sub a {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

.error-wrap {
	position: relative;
	background-color: #f8f8f8
}

.error-wrap .error {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.error-wrap .error .inner {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: min(62.5vw, 1200px);
	height: 612px;
	margin: 0 min(1.041vw, 20px);
	padding: min(5.208vw, 100px) min(1.562vw, 30px);
	background-color: #fff
}

.error-wrap .error .text_wrap {
	text-align: center
}

.error-wrap .error .text_wrap img {
	width: 99px;
	margin-bottom: min(2.968vw, 57px)
}

.error-wrap .error .text_wrap h3 {
	margin-bottom: min(0.781vw, 15px)
}

.error-wrap .error .text_wrap p {
	margin-bottom: min(2.604vw, 50px);
	line-height: 1.5em
}

.error-wrap .error .btn_wrap {
	text-align: center
}

.error-wrap .error .btn_wrap .btn {
	min-width: 310px;
	background-color: #004480;
	color: #fff;
	border: rgba(0,0,0,0)
}

@media(max-width: 1023px) {
	.error-wrap .error {
		width: 84%;
		height: 88%
	}

	.error-wrap .error .inner {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 20px
	}

	.error-wrap .error .text_wrap img {
		width: 68px;
		margin-bottom: 25px
	}

	.error-wrap .error .text_wrap h3 {
		margin-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.error-wrap .error .text_wrap h3 {
		font-size: 1.0625rem;
		letter-spacing: -0.015em;
		line-height: 1.2941176471em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.error-wrap .error .text_wrap h3 {
		font-size: 17px;
		letter-spacing: -0.015em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.error-wrap .error .text_wrap p {
		margin-bottom: 25px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.error-wrap .error .text_wrap p {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.2857142857em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.error-wrap .error .text_wrap p {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 18px
	}
}

@media(max-width: 1023px) {
	.error-wrap .error .btn_wrap .btn {
		min-width: 240px
	}
}

@media(max-width: 767px) {
	.error-wrap .container {
		min-height: 570px
	}

	.error-wrap .error .btn_wrap .btn {
		min-width: 240px;
		padding: 17px 5px
	}
}

.businessProject {
	padding: 0 0 min(3.125vw, 60px)
}

.businessProject.oil-gas .parallax-wrap .bg-wrap {
	background-image: url("/resources/en/images/business/business-project/oil-gas/visual_img.jpg")
}

.businessProject.refinery .parallax-wrap .bg-wrap {
	background-image: url("/resources/en/images/business/business-project/refinery/visual_img.jpg")
}

.businessProject.petrochemicals .parallax-wrap .bg-wrap {
	background-image: url("/resources/en/images/business/business-project/petrochemicals/visual_img.jpg")
}

.businessProject.industrial .parallax-wrap .bg-wrap {
	background-image: url("/resources/en/images/business/business-project/industrial/visual_img.jpg")
}

.businessProject.environmental .parallax-wrap .bg-wrap {
	background-image: url("/resources/en/images/business/business-project/environmental/visual_img.jpg")
}

.businessProject.bio .parallax-wrap .bg-wrap {
	background-image: url("/resources/en/images/business/business-project/bio/visual_img.jpg")
}

.businessProject.green-solution .parallax-wrap .bg-wrap {
	background-image: url("/resources/en/images/business/business-project/green-solution/visual_img.jpg")
}

.businessProject .block {
	display: block
}

.businessProject .motion-area {
	overflow: hidden;
	position: relative;
	top: -90px;
	padding-bottom: 90px;
	background-color: #fff
}

.businessProject .motion-area .parallax-wrap {
	z-index: 0;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh
}

.businessProject .motion-area .parallax-wrap .bg-wrap {
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0
}

.businessProject .motion-area .parallax-wrap .img-wrap {
	display: none
}

.businessProject .motion-area .parallax-wrap.load-motion .bg-wrap {
	animation: bgZoom 1s ease-in-out forwards
}

@keyframes bgZoom {
	0% {
		background-size: 100% auto
	}

	100% {
		background-size: 104% auto
	}
}

.businessProject .motion-area .parallax-wrap.load-motion .title-wrap {
	opacity: 1
}

.businessProject .motion-area .parallax-wrap.load-motion .title-wrap h2 {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .6s
}

.businessProject .motion-area .parallax-wrap.scroll-motion .title-wrap {
	display: none
}

.businessProject .motion-area .parallax-wrap .title-wrap {
	z-index: 1;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	opacity: 0;
	margin-top: 45px
}

.businessProject .motion-area .parallax-wrap .title-wrap h2 {
	opacity: 0;
	transform: translateY(30px);
	transition: all .4s ease-in-out;
	color: #fff;
	word-wrap: break-word;
	text-transform: uppercase
}

@media(min-width: 1024px) {
	.businessProject .motion-area .parallax-wrap .title-wrap h2 {
		font-size: 7.5rem;
		letter-spacing: 0.035em;
		line-height: 1.175em
	}
}

@media(max-width: 1023px) {
	.businessProject .motion-area .parallax-wrap .title-wrap h2 {
		font-size: 120px;
		letter-spacing: 0.035em;
		line-height: 141px
	}
}

.businessProject.oil_gas .motion-area .parallax-wrap .title-wrap,.businessProject.green-solution .motion-area .parallax-wrap .title-wrap {
	margin-top: 40px
}

.businessProject .sec_top {
	z-index: 1;
	position: relative;
	padding: min(8.333vw, 160px) 0;
	background-color: #fff
}

.businessProject .sec_top .txt_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2.9166666667%;
	margin-bottom: min(4.166vw, 80px);
	color: #000
}

.businessProject .sec_top .txt_area .main_txt {
	width: 39.9652777778%;
	font-weight: bold
}

@media(min-width: 1024px) {
	.businessProject .sec_top .txt_area .main_txt {
		font-size: 2.5rem;
		letter-spacing: 0em;
		line-height: 1.35em
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_top .txt_area .main_txt {
		font-size: 40px;
		letter-spacing: 0em;
		line-height: 54px
	}
}

.businessProject .sec_top .txt_area .main_txt p span {
	display: block;
	letter-spacing: -0.02em
}

.businessProject .sec_top .txt_area .sub_txt {
	width: 57.1180555556%
}

.businessProject .sec_top .txt_area .sub_txt p {
	margin-bottom: min(1.822vw, 35px)
}

@media(min-width: 1024px) {
	.businessProject .sec_top .txt_area .sub_txt p {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_top .txt_area .sub_txt p {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.businessProject .sec_top .txt_area .sub_txt p:last-child {
	margin-bottom: 0
}

.businessProject .sec_top .img_group {
	display: flex;
	flex-wrap: nowrap;
	justify-content: start;
	align-items: normal
}

.businessProject .sec_top .img_group .img_area {
	overflow: hidden
}

.businessProject .sec_top .img_group .img_area.first {
	width: 39.83%;
	margin-right: 3.7%
}

.businessProject .sec_top .img_group .img_area.last {
	width: 56.5%
}

.businessProject .sec_top .img_group .img_area img {
	transform: scale(1);
	transition: all .8s
}

.businessProject .sec_top .img_group .img_area:hover img {
	transform: scale(1.05)
}

.businessProject .sec_business_work {
	padding: min(5.208vw, 100px) 0 min(9.375vw, 180px);
	background-color: #f6f6f6;
	overflow-x: hidden
}

.businessProject .sec_business_work h3 {
	margin-bottom: min(1.562vw, 30px)
}

.businessProject .sec_business_work .business_slide .swiper-wrapper {
	height: auto
}

.businessProject .sec_project .top_area {
	margin-bottom: min(1.562vw, 30px)
}

.businessProject .sec_project .top_area:after {
	content: "";
	display: table;
	clear: both
}

.businessProject .sec_project .top_area .util_wrap {
	float: left;
	font-size: 0
}

.businessProject .sec_project .top_area h3 {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0
}

@media(min-width: 1024px) {
	.businessProject .sec_project .top_area h3 {
		font-size: 2.5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .top_area h3 {
		font-size: 40px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.businessProject .sec_project .top_area .tooltip_wrap {
	position: relative;
	display: inline-block;
	margin-left: min(1.041vw, 20px);
	vertical-align: middle
}

.businessProject .sec_project .top_area .tooltip_wrap .btn_tooltip {
	display: block;
	width: 30px;
	height: 30px;
	background: url("/resources/en/images/business/business-project/ico_tooltip.svg") 0 0 no-repeat
}

.businessProject .sec_project .top_area .tooltip_wrap .btn_tooltip:hover {
	background-image: url("/resources/en/images/business/business-project/ico_tooltip_on.svg")
}

.businessProject .sec_project .top_area .tooltip_wrap .tooltip {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: min(25.312vw, 486px);
	background-color: #fff;
	z-index: 10000;
	box-shadow: 8px 10px 16px 0px rgba(0,0,0,.3)
}

.businessProject .sec_project .top_area .tooltip_wrap .tooltip .inner {
	padding: min(1.77vw, 34px) min(2.083vw, 40px)
}

.businessProject .sec_project .top_area .tooltip_wrap .tooltip .title {
	margin-bottom: min(2.083vw, 40px)
}

@media(min-width: 1024px) {
	.businessProject .sec_project .top_area .tooltip_wrap .tooltip .title {
		font-size: 2.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .top_area .tooltip_wrap .tooltip .title {
		font-size: 40px;
		letter-spacing: 0;
		line-height: 1
	}
}

.businessProject .sec_project .top_area .tooltip_wrap .tooltip .tooltip_cont p {
	margin-bottom: 25px;
	color: #666
}

@media(min-width: 1024px) {
	.businessProject .sec_project .top_area .tooltip_wrap .tooltip .tooltip_cont p {
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .top_area .tooltip_wrap .tooltip .tooltip_cont p {
		font-size: 24px;
		letter-spacing: 0;
		line-height: 1
	}
}

.businessProject .sec_project .top_area .tooltip_wrap .tooltip .tooltip_cont p:last-child {
	margin-bottom: 0
}

.businessProject .sec_project .top_area .tooltip_wrap .tooltip .tooltip_cont p strong {
	color: #000
}

.businessProject .sec_project .top_area .tooltip_wrap .tooltip .btn_close {
	position: absolute !important;
	right: 0;
	top: 0;
	width: min(3.333vw, 64px);
	height: min(3.333vw, 64px);
	background-color: #000;
	position: relative
}

.businessProject .sec_project .top_area .tooltip_wrap .tooltip .btn_close:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	content: "";
	background: url("/resources/en/images/business/business-project/ico_tooltip_close.png") 50% 50% no-repeat;
	transform: translate(-50%, -50%)
}

.businessProject .sec_project .top_area .tooltip_wrap .tooltip.on {
	opacity: 1;
	visibility: visible
}

.businessProject .sec_project .top_area .tooltip_wrap .dim {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 9999
}

.businessProject .sec_project .top_area .tooltip_wrap .dim.on {
	display: block
}

.businessProject .sec_project .top_area .search_wrap {
	float: right;
	margin-bottom: 0
}

.businessProject .sec_project .tab_list_wrap {
	width: 100%;
	margin-bottom: min(2.187vw, 42px);
	padding: min(1.406vw, 27px) min(1.562vw, 30px);
	background-color: #f5f5f5
}

.businessProject .sec_project .box_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.businessProject .sec_project .box_list>li {
	position: relative;
	width: 49%;
	min-height: min(19.947vw, 383px);
	border: 1px solid #ccc
}

.businessProject .sec_project .box_list>li:nth-child(n+3) {
	margin-top: min(1.25vw, 24px)
}

.businessProject .sec_project .box_list>li .inner {
	position: relative;
	height: 100%;
	padding: min(2.083vw, 40px) min(2.135vw, 41px)
}

.businessProject .sec_project .box_list>li .cont_box {
	width: 100%;
	height: 100%
}

.businessProject .sec_project .box_list>li .cont_box .caption {
	margin-bottom: min(1.614vw, 31px);
	font-size: 0
}

.businessProject .sec_project .box_list>li .cont_box .caption * {
	display: inline-block;
	vertical-align: middle;
	color: #888
}

@media(min-width: 1024px) {
	.businessProject .sec_project .box_list>li .cont_box .caption * {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.1666666667em
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .cont_box .caption * {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 21px
	}
}

.businessProject .sec_project .box_list>li .cont_box .caption p {
	margin-right: min(0.781vw, 15px);
	padding-right: min(0.781vw, 15px);
	vertical-align: unset;
	position: relative
}

.businessProject .sec_project .box_list>li .cont_box .caption p:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 90%;
	content: "";
	transform: translate(0, -50%);
	background-color: #ccc
}

.businessProject .sec_project .box_list>li .cont_box .caption p:last-child:before {
	display: none
}

.businessProject .sec_project .box_list>li .cont_box .title {
	min-height: min(3.541vw, 68px);
	margin-bottom: min(7.447vw, 143px);
	font-weight: 600;
	color: #222
}

@media(min-width: 1024px) {
	.businessProject .sec_project .box_list>li .cont_box .title {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1.4166666667em
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .cont_box .title {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 34px
	}
}

@media(min-width: 1024px) {
	.businessProject .sec_project .box_list>li .cont_box .title {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.4166666667em;
		max-height: 2.8333333333em
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .cont_box .title {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 34px;
		max-height: 68px
	}
}

.businessProject .sec_project .box_list>li .cont_box .txt {
	color: #222
}

@media(min-width: 1024px) {
	.businessProject .sec_project .box_list>li .cont_box .txt {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .cont_box .txt {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 28px
	}
}

.businessProject .sec_project .box_list>li .btn {
	position: absolute !important;
	right: min(2.083vw, 40px);
	bottom: min(2.5vw, 48px);
	width: 31px;
	height: 31px;
	position: relative
}

.businessProject .sec_project .box_list>li .btn:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 31px;
	height: 31px;
	content: "";
	background: url("/resources/en/images/business/business-project/ico_btn.svg") 50% 50% no-repeat
}

.businessProject .sec_project .box_list>li .btn.more {
	z-index: 2
}

.businessProject .sec_project .box_list>li .tooltip_box {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 4px solid #004480;
	background-color: #f5f7ff
}

.businessProject .sec_project .box_list>li .tooltip_box .inner {
	padding: min(1.822vw, 35px) min(1.354vw, 26px) min(1.822vw, 35px) min(2.083vw, 40px)
}

.businessProject .sec_project .box_list>li .tooltip_box .inner .scroll_custom {
	height: 100%;
	padding-right: min(4.687vw, 90px)
}

.businessProject .sec_project .box_list>li .tooltip_box dl {
	position: relative;
	margin-bottom: min(1.302vw, 25px);
	font-size: 0
}

.businessProject .sec_project .box_list>li .tooltip_box dl:last-of-type {
	margin-bottom: 0
}

.businessProject .sec_project .box_list>li .tooltip_box dl>* {
	display: inline-block;
	vertical-align: top
}

.businessProject .sec_project .box_list>li .tooltip_box dl dt {
	display: block;
	width: 100%;
	color: #222;
	font-weight: bold
}

@media(min-width: 1024px) {
	.businessProject .sec_project .box_list>li .tooltip_box dl dt {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .tooltip_box dl dt {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.businessProject .sec_project .box_list>li .tooltip_box dl dd {
	color: #666;
	word-break: break-all
}

@media(min-width: 1024px) {
	.businessProject .sec_project .box_list>li .tooltip_box dl dd {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.5555555556em
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .tooltip_box dl dd {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 28px
	}
}

.businessProject .sec_project .box_list>li .tooltip_box dl dd ul li {
	padding-left: min(0.52vw, 10px);
	position: relative
}

.businessProject .sec_project .box_list>li .tooltip_box dl dd ul li:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 5px;
	height: 1px;
	content: "";
	transform: translate(0, -50%);
	background-color: #666
}

.businessProject .sec_project .box_list>li .tooltip_box .btn {
	display: none;
	z-index: 1
}

.businessProject .sec_project .box_list>li .tooltip_box .btn_gallery {
	position: absolute;
	top: min(2.083vw, 40px);
	right: min(2.604vw, 50px);
	display: inline-block;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 1px solid #004480;
	background-color: #004480
}

.businessProject .sec_project .box_list>li .tooltip_box .btn_gallery:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 28px;
	height: 21px;
	background: url(/resources/en/images/business/icon_gallery.svg) 50% 50% no-repeat
}

.businessProject .sec_project .box_list>li.on .btn.more {
	display: none
}

.businessProject .sec_project .box_list>li.on .tooltip_box {
	opacity: 1;
	visibility: visible
}

.businessProject .sec_project .box_list>li.gallery .cont_box .caption .name {
	display: inline-block;
	position: relative
}

.businessProject .sec_project .box_list>li.gallery .cont_box .caption .name:after {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 21px;
	content: "";
	margin-left: min(1.041vw, 20px);
	vertical-align: top;
	background: url("/resources/en/images/business/icon_gallery_gray.svg") center center no-repeat;
	background-size: cover
}

.businessProject .sec_other {
	padding: 0
}

.businessProject .sec_other .business_slide .swiper-slide {
	position: relative
}

.businessProject .sec_other .business_slide .swiper-slide a {
	display: block
}

.businessProject .sec_other .business_slide .swiper-slide .img img {
	width: 100%
}

.businessProject .sec_other .business_slide .swiper-slide .img p {
	position: absolute;
	left: min(1.562vw, 30px);
	top: min(1.354vw, 26px);
	color: #fff;
	font-weight: bold
}

@media(min-width: 1024px) {
	.businessProject .sec_other .business_slide .swiper-slide .img p {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_other .business_slide .swiper-slide .img p {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

.businessProject .sec_other .business_slide .swiper-scrollbar {
	left: 50%;
	bottom: min(-4.167vw, -80px);
	max-width: 1240px;
	width: min(62.5vw, 1200px);
	height: min(2.604vw, 50px);
	background: rgba(0,0,0,0);
	cursor: pointer;
	padding: 21px 0;
	transform: translateX(-50%)
}

.businessProject .sec_other .business_slide .swiper-scrollbar::before {
	content: "";
	position: absolute;
	left: 0;
	top: 25px;
	width: 100%;
	height: 4px;
	background-color: #ccc
}

.businessProject .sec_other .business_slide .swiper-scrollbar .swiper-scrollbar-drag {
	height: 8px;
	top: 2px;
	background-color: #004480;
	border-radius: 0;
	transition: height .1s ease-in-out
}

@media all and (max-width: 1300px) {
	.businessProject .motion-area {
		top: 0
	}

	.businessProject .sec_project .top_area .tooltip_wrap .tooltip {
		width: auto
	}

	.businessProject .sec_project .box_list>li .tooltip_box .inner {
		padding: 25px 20px 25px 30px
	}

	.businessProject .sec_project .box_list>li .cont_box .title {
		height: 50px;
		min-height: 50px
	}
}

@media(max-width: 1300px)and (min-width: 1024px) {
	.businessProject .sec_project .box_list>li .cont_box .title {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1.5em
	}
}

@media(max-width: 1300px)and (max-width: 1023px) {
	.businessProject .sec_project .box_list>li .cont_box .title {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

@media(max-width: 1300px)and (min-width: 1024px) {
	.businessProject .sec_project .box_list>li .cont_box .title {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.5em;
		max-height: 3em
	}
}

@media(max-width: 1300px)and (max-width: 1023px) {
	.businessProject .sec_project .box_list>li .cont_box .title {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 30px;
		max-height: 60px
	}
}

@media(max-width: 1023px) {
	.businessProject {
		padding: 0
	}

	.businessProject .block {
		display: inline
	}

	.businessProject .motion-area {
		top: -65px;
		padding-bottom: 65px
	}

	.businessProject .motion-area .parallax-wrap.scroll-motion .img-wrap {
		opacity: 0;
		visibility: hidden;
		z-index: -1
	}

	.businessProject .motion-area .parallax-wrap.load-motion .img-wrap {
		animation: bgZoom2 1s ease-in-out forwards
	}@	keyframes bgZoom2 {
		0%{transform: scale(1)
	}

	100% {
		transform: scale(1.1)
	}
}

.businessProject .motion-area .parallax-wrap .bg-wrap {
	display: none
}

.businessProject .motion-area .parallax-wrap .img-wrap {
	z-index: 0;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.businessProject .motion-area .parallax-wrap .img-wrap .m_img img {
	width: 100%;
	height: 100%
}

.businessProject .motion-area .parallax-wrap .title-wrap {
	padding: 0 15px;
	margin-top: 0
}}

@media(max-width: 1023px)and (min-width: 1024px) {
	.businessProject .motion-area .parallax-wrap .title-wrap h2 {
		font-size: 3.125rem;
		letter-spacing: 0.055em;
		line-height: 1.1em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.businessProject .motion-area .parallax-wrap .title-wrap h2 {
		font-size: 50px;
		letter-spacing: 0.055em;
		line-height: 55px
	}
}

@media(max-width: 1023px) {
	.businessProject.oil_gas .motion-area .parallax-wrap .title-wrap,.businessProject.green-solution .motion-area .parallax-wrap .title-wrap {
		margin-top: 0
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_top {
		padding: 80px 0
	}

	.businessProject .sec_top .txt_area {
		margin-bottom: 40px
	}

	.businessProject .sec_top .txt_area .main_txt {
		margin-bottom: 20px;
		width: 100%
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.businessProject .sec_top .txt_area .main_txt {
		font-size: 1.5625rem;
		letter-spacing: 0em;
		line-height: 1.28em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.businessProject .sec_top .txt_area .main_txt {
		font-size: 25px;
		letter-spacing: 0em;
		line-height: 32px
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_top .txt_area .main_txt p span {
		display: inline
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_top .txt_area .sub_txt {
		width: 100%
	}

	.businessProject .sec_top .txt_area .sub_txt p {
		margin-bottom: 30px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.businessProject .sec_top .txt_area .sub_txt p {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.businessProject .sec_top .txt_area .sub_txt p {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_business_work {
		padding: 60px 0 103px
	}

	.businessProject .sec_business_work h3 {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .top_area {
		margin-bottom: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.businessProject .sec_project .top_area h3 {
		font-size: 1.5625rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.businessProject .sec_project .top_area h3 {
		font-size: 25px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .top_area .tooltip_wrap {
		margin-left: 10px
	}

	.businessProject .sec_project .top_area .tooltip_wrap .tooltip {
		width: 345px
	}

	.businessProject .sec_project .top_area .tooltip_wrap .tooltip .inner {
		padding: 20px
	}

	.businessProject .sec_project .top_area .tooltip_wrap .tooltip .title {
		margin-bottom: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.businessProject .sec_project .top_area .tooltip_wrap .tooltip .title {
		font-size: 1.5625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.businessProject .sec_project .top_area .tooltip_wrap .tooltip .title {
		font-size: 25px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .top_area .tooltip_wrap .tooltip .tooltip_cont p {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.businessProject .sec_project .top_area .tooltip_wrap .tooltip .tooltip_cont p {
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.businessProject .sec_project .top_area .tooltip_wrap .tooltip .tooltip_cont p {
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .top_area .tooltip_wrap .tooltip .btn_close {
		width: 44px;
		height: 44px;
		position: relative
	}

	.businessProject .sec_project .top_area .tooltip_wrap .tooltip .btn_close:before {
		display: inline-block;
		vertical-align: middle;
		width: 11px;
		height: 11px;
		content: "";
		background-image: url("/resources/en/images/business/business-project/m/ico_tooltip_close.png")
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .top_area .tooltip_wrap .btn_tooltip {
		width: 20px;
		height: 20px;
		background: url("/resources/en/images/business/business-project/m/ico_tooltip.svg") 0 0 no-repeat;
		background-size: 100% auto
	}

	.businessProject .sec_project .top_area .tooltip_wrap .btn_tooltip:hover {
		background-image: url("/resources/en/images/business/business-project/m/ico_tooltip_on.svg")
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .top_area .search_wrap {
		width: 345px
	}

	.businessProject .sec_project .top_area .search_wrap .input_area.search {
		width: 100%
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .tab_list_wrap {
		margin-bottom: min(5.468vw, 42px);
		padding: min(2.604vw, 20px) min(1.953vw, 15px)
	}

	.businessProject .sec_project .tab_list_wrap .tab_btn_list {
		width: 100%
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li {
		min-height: min(66.847vw, 246px)
	}

	.businessProject .sec_project .box_list>li:nth-child(n+3) {
		margin-top: 20px
	}

	.businessProject .sec_project .box_list>li .inner {
		padding: 20px
	}

	.businessProject .sec_project .box_list>li .cont_box {
		position: relative;
		z-index: 2
	}

	.businessProject .sec_project .box_list>li .cont_box .caption {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.businessProject .sec_project .box_list>li .cont_box .caption * {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.1428571429em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.businessProject .sec_project .box_list>li .cont_box .caption * {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 16px
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .cont_box .caption p {
		margin-right: 8px;
		padding-right: 8px
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .cont_box .title {
		height: 60px;
		min-height: 60px;
		margin-bottom: 86px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.businessProject .sec_project .box_list>li .cont_box .title {
		font-size: 1.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.businessProject .sec_project .box_list>li .cont_box .title {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.businessProject .sec_project .box_list>li .cont_box .title {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: Infinityem;
		max-height: Infinityem
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.businessProject .sec_project .box_list>li .cont_box .title {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 20px;
		max-height: 60px
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .cont_box .txt {
		width: 90%;
		min-height: 33px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.businessProject .sec_project .box_list>li .cont_box .txt {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.2142857143em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.businessProject .sec_project .box_list>li .cont_box .txt {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 17px
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .btn {
		right: 20px;
		bottom: 20px;
		width: 22px;
		height: 22px;
		position: relative
	}

	.businessProject .sec_project .box_list>li .btn:before {
		display: inline-block;
		vertical-align: middle;
		width: 22px;
		height: 22px;
		content: ""
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .tooltip_box {
		z-index: -1
	}

	.businessProject .sec_project .box_list>li .tooltip_box .inner {
		padding: 30px 10px 40px 20px
	}

	.businessProject .sec_project .box_list>li .tooltip_box .inner .scroll_custom {
		height: 100%
	}

	.businessProject .sec_project .box_list>li .tooltip_box dl {
		margin-bottom: 15px
	}

	.businessProject .sec_project .box_list>li .tooltip_box dl dt {
		padding-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.businessProject .sec_project .box_list>li .tooltip_box dl dt {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.0714285714em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.businessProject .sec_project .box_list>li .tooltip_box dl dt {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.businessProject .sec_project .box_list>li .tooltip_box dl dd {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.0714285714em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.businessProject .sec_project .box_list>li .tooltip_box dl dd {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 15px
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .tooltip_box dl dd ul li {
		padding-left: min(1.302vw, 10px)
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .tooltip_box .btn_gallery {
		top: 25px;
		right: min(6.793vw, 25px);
		width: 40px;
		height: 40px
	}

	.businessProject .sec_project .box_list>li .tooltip_box .btn_gallery:after {
		width: 23px;
		height: 18px;
		background-size: 100% auto
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li .tooltip_box .btn {
		display: block;
		right: 15px;
		bottom: 18px;
		transform: rotate(45deg)
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li.on .tooltip_box {
		z-index: 10
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_project .box_list>li.gallery .cont_box .caption .name:after {
		width: 20px;
		height: 15px;
		margin-left: 10px
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_other .business_slide .swiper-slide .img p {
		left: min(1.953vw, 15px);
		top: min(1.953vw, 15px)
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.businessProject .sec_other .business_slide .swiper-slide .img p {
		font-size: 1.0625rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.businessProject .sec_other .business_slide .swiper-slide .img p {
		font-size: 17px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.businessProject .sec_other .business_slide .swiper-scrollbar {
		max-width: 100%;
		width: 100%;
		height: 30px;
		bottom: -40px;
		padding: 10px 0
	}

	.businessProject .sec_other .business_slide .swiper-scrollbar::before {
		top: 14px
	}

	.businessProject .sec_other .business_slide .swiper-scrollbar .swiper-scrollbar-drag {
		height: 6px;
		margin-top: 1px
	}
}

@media(max-width: 767px) {
	.businessProject .bg_motion_wrap .tit_wrap .txt .w_block {
		display: inline
	}

	.businessProject .bg_motion_wrap .tit_wrap .txt .m_block {
		display: block
	}

	.businessProject .sec_business_work {
		padding: 55px 0 100px
	}

	.businessProject .sec_project {
		position: relative
	}

	.businessProject .sec_project .top_area .util_wrap {
		float: none;
		margin-bottom: 20px
	}

	.businessProject .sec_project .top_area .search_wrap {
		float: none;
		width: 100%
	}

	.businessProject .sec_project .tab_list_wrap {
		margin-bottom: min(5.434vw, 20px);
		padding: min(5.434vw, 20px) min(4.076vw, 15px)
	}

	.businessProject .sec_project .tab_list_wrap.scroll_custom {
		overflow-x: auto
	}

	.businessProject .sec_project .box_list>li {
		width: 100%;
		margin-top: 20px
	}

	.businessProject .sec_project .box_list>li:first-child {
		margin-top: 0
	}

	.businessProject .sec_project .box_list>li .tooltip_box .inner {
		padding: 25px 10px 45px 20px
	}

	.businessProject .sec_project .box_list>li .tooltip_box .inner .scroll_custom {
		padding-right: min(19.021vw, 70px)
	}

	.businessProject .sec_project .box_list>li .tooltip_box dl dd ul li {
		padding-left: min(2.717vw, 10px)
	}

	.businessProject .sec_project .box_list>li .cont_box .txt {
		min-height: auto
	}

	.businessProject .sec_other .business_slide .swiper-slide .img p {
		left: min(4.076vw, 15px);
		top: min(4.076vw, 15px)
	}

	.businessProject.oil_gas .bg_motion_wrap .bg .img {
		background-image: url("/resources/en/images/business/business-project/oil-gas/m/visual_img.jpg")
	}

	.businessProject.refinery .bg_motion_wrap .bg .img {
		background-image: url("/resources/en/images/business/business-project/refinery/m/visual_img.jpg")
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.businessProject.refinery .bg_motion_wrap .tit_wrap h3 {
		font-size: 2.5rem;
		letter-spacing: 0.02em;
		line-height: 1.125em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.businessProject.refinery .bg_motion_wrap .tit_wrap h3 {
		font-size: 40px;
		letter-spacing: 0.02em;
		line-height: 45px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.businessProject.petrochemicals .motion-area .parallax-wrap .title-wrap h2 {
		font-size: 2.1875rem;
		letter-spacing: 0.02em;
		line-height: 1.1428571429em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.businessProject.petrochemicals .motion-area .parallax-wrap .title-wrap h2 {
		font-size: 35px;
		letter-spacing: 0.02em;
		line-height: 40px
	}
}

@media(max-width: 767px) {
	.businessProject.petrochemicals .bg_motion_wrap .bg .img {
		background-image: url("/resources/en/images/business/business-project/petrochemicals/m/visual_img.jpg")
	}
}

@media(max-width: 767px) {
	.businessProject.industrial .bg_motion_wrap .bg .img {
		background-image: url("/resources/en/images/business/business-project/industrial/m/visual_img.jpg")
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.businessProject.industrial .bg_motion_wrap .tit_wrap h3 {
		font-size: 2.625rem;
		letter-spacing: 0.04em;
		line-height: 1.1904761905em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.businessProject.industrial .bg_motion_wrap .tit_wrap h3 {
		font-size: 42px;
		letter-spacing: 0.04em;
		line-height: 50px
	}
}

@media(max-width: 767px) {
	.businessProject.business_environmental .bg_motion_wrap .bg .img {
		background-image: url("/resources/en/images/business/business-project/environmental/m/visual_img.jpg")
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.businessProject.business_environmental .bg_motion_wrap .tit_wrap h3 {
		font-size: 2.375rem;
		letter-spacing: 0.04em;
		line-height: 1.2105263158em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.businessProject.business_environmental .bg_motion_wrap .tit_wrap h3 {
		font-size: 38px;
		letter-spacing: 0.04em;
		line-height: 46px
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.businessProject.environmental .motion-area .parallax-wrap .title-wrap h2 {
		font-size: 2.1875rem;
		letter-spacing: 0.02em;
		line-height: 1.1428571429em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.businessProject.environmental .motion-area .parallax-wrap .title-wrap h2 {
		font-size: 35px;
		letter-spacing: 0.02em;
		line-height: 40px
	}
}

@media(max-width: 767px) {
	.businessProject.bio .bg_motion_wrap .bg .img {
		background-image: url("/resources/en/images/business/business-project/bio/m/visual_img.jpg")
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.businessProject.bio .bg_motion_wrap .tit_wrap h3 {
		font-size: 3.4375rem;
		letter-spacing: 0.03em;
		line-height: 1.0909090909em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.businessProject.bio .bg_motion_wrap .tit_wrap h3 {
		font-size: 55px;
		letter-spacing: 0.03em;
		line-height: 60px
	}
}

@media(max-width: 767px) {
	.businessProject.green_solution .bg_motion_wrap .bg .img {
		background-image: url("/resources/en/images/business/business-project/green-solution/m/visual_img.jpg")
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.businessProject.green_solution .bg_motion_wrap .tit_wrap h3 {
		font-size: 3.125rem;
		letter-spacing: 0.02em;
		line-height: 1.1em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.businessProject.green_solution .bg_motion_wrap .tit_wrap h3 {
		font-size: 50px;
		letter-spacing: 0.02em;
		line-height: 55px
	}
}

@media all and (max-width: 375px) {
	.businessProject .sec_project .tooltip_wrap .tooltip {
		width: 330px
	}

	.businessProject .sec_project .tooltip_wrap .tooltip.on {
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%);
		margin-top: -200px
	}
}

.representative-project.container {
	padding-top: 0;
	padding-bottom: 0
}

.representative-project .dash span {
	padding-left: 10px;
	position: relative
}

.representative-project .dash span:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	content: "-";
	font-size: 1.125rem
}

.representative-project .visual {
	position: relative;
	height: min(43.229vw, 830px);
	margin: 0 min(3.125vw, 60px) min(3.125vw, 60px);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover
}

.representative-project .visual:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3)
}

.representative-project .visual .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: column;
	height: 100%;
	padding: min(5.208vw, 100px) 0
}

.representative-project .visual_text {
	text-align: center
}

.representative-project .visual_text h2 {
	margin: 0 auto;
	width: 90%;
	color: #fff
}

@media(min-width: 1024px) {
	.representative-project .visual_text h2 {
		font-size: 5rem;
		letter-spacing: 0.03em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px) {
	.representative-project .visual_text h2 {
		font-size: 80px;
		letter-spacing: 0.03em;
		line-height: 100px
	}
}

.representative-project .visual_text h2.color-bk {
	color: #222
}

.representative-project .visual_text .keyword {
	display: block;
	margin-bottom: 40px;
	color: #ccc
}

@media(min-width: 1024px) {
	.representative-project .visual_text .keyword {
		font-size: 1.125rem;
		letter-spacing: 0em;
		line-height: 1.6666666667em
	}
}

@media(max-width: 1023px) {
	.representative-project .visual_text .keyword {
		font-size: 18px;
		letter-spacing: 0em;
		line-height: 30px
	}
}

.representative-project .visual_text .keyword.color-bk {
	color: #222
}

.representative-project .visual_text .keyword a {
	position: relative;
	display: inline-block;
	margin: 0 7px
}

.representative-project .visual_text .keyword a.point {
	color: #fff;
	font-weight: 600
}

.representative-project .visual_text .keyword a.point:before {
	height: 2px;
	background-color: #fff
}

.representative-project .visual_text .keyword a:before,.representative-project .visual_text .keyword a:after {
	content: "";
	position: absolute
}

.representative-project .visual_text .keyword a:before {
	bottom: 2px;
	right: 0;
	width: 100%;
	height: 1px;
	background-color: #ccc
}

.representative-project .visual_text .keyword a:after {
	top: 50%;
	right: -7px;
	transform: translateY(-50%);
	width: 3px;
	height: 3px;
	background-color: #ccc;
	border-radius: 50%
}

.representative-project .visual_text .keyword a:first-child {
	margin-left: 0
}

.representative-project .visual_text .keyword a:last-child {
	margin-right: 0
}

.representative-project .visual_text .keyword a:last-child:after {
	display: none
}

.representative-project .scale {
	margin: min(5.208vw, 100px) auto 0;
	background-color: rgba(0,0,0,.3);
	border-radius: 5px
}

.representative-project .scale ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: normal;
	padding: min(0.625vw, 12px) min(1.302vw, 25px)
}

.representative-project .scale li>div {
	padding: 0 min(3.333vw, 64px);
	text-align: center;
	position: relative
}

.representative-project .scale li>div:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	content: "";
	height: min(2.343vw, 45px);
	transform: translateY(-50%);
	background-color: #ccc
}

.representative-project .scale li:last-child>div:after {
	display: none
}

.representative-project .scale p {
	color: #fff
}

.representative-project .scale p.strong {
	font-weight: bold
}

@media(min-width: 1024px) {
	.representative-project .scale p.strong {
		font-size: 2.875rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.representative-project .scale p.strong {
		font-size: 46px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.representative-project .scale p.p2 {
	line-height: 2.8888888889em
}

.representative-project .scale p.color-ccc {
	color: #ccc
}

.representative-project .info-box {
	margin: 0 min(3.125vw, 60px) min(6.25vw, 120px);
	background-color: #f6f6f6
}

.representative-project .info-box .box-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: min(3.125vw, 60px) 5px
}

.representative-project .info-box .box-inner>div {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal
}

.representative-project .info-box ul:first-child {
	position: relative;
	width: 37%;
	padding-right: min(2.604vw, 50px)
}

.representative-project .info-box ul:first-child:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
	width: 1px;
	height: 100%;
	background-color: #ccc
}

.representative-project .info-box ul:last-child {
	width: 63%;
	padding-left: min(2.604vw, 50px)
}

.representative-project .info-box li {
	position: relative;
	margin-bottom: min(1.041vw, 20px);
	color: #888
}

.representative-project .info-box li:last-child {
	margin-bottom: 0
}

.representative-project .info-box li p {
	display: inline-block
}

@media(min-width: 1024px) {
	.representative-project .info-box li p {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1.3em
	}
}

@media(max-width: 1023px) {
	.representative-project .info-box li p {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 26px
	}
}

.representative-project .info-box li .title {
	position: absolute;
	top: 0;
	left: 0;
	color: #888;
	font-size: 1.125rem
}

.representative-project .info-box li .description {
	margin-left: 90px;
	padding-left: min(4.687vw, 90px);
	color: #222;
	font-weight: 500
}

.representative-project .info-box li .description.strong {
	font-weight: bold;
	font-size: 1.375rem
}

.representative-project .info-box li .description span {
	display: block;
	line-height: 1.4444444444em
}

.representative-project .info-box li .description span:first-child {
	margin-top: -3px
}

.representative-project section .inner {
	margin: 0 auto;
	max-width: 1240px;
	width: auto;
	padding: 0 min(1.041vw, 20px)
}

.representative-project .summary .type {
	margin-bottom: min(4.166vw, 80px)
}

.representative-project .summary .type h4 {
	padding-bottom: min(1.302vw, 25px);
	line-height: 1.3333333333em;
	letter-spacing: -0.03em;

	color: #222
}

.representative-project .summary .type .p1 {
	padding-bottom: min(1.562vw, 30px);
	line-height: 1.5em
}

.representative-project .summary .type .p1:last-of-type {
	padding-bottom: 0
}

.representative-project .summary .type .img-wrap {
	position: relative;
	width: 100%;
	height: 0
}

.representative-project .summary .type img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.representative-project .summary .type-a .business-img {
	margin-top: min(2.083vw, 40px)
}

.representative-project .summary .type-a .img-wrap {
	padding-top: 33.333%
}

.representative-project .summary .type-d {
	margin-bottom: 0;
	overflow: hidden
}

.representative-project .summary .right-img .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: normal;
	gap: 0 2%
}

.representative-project .summary .right-img .text-box {
	width: 57.5%;
	padding-right: min(5.208vw, 100px)
}

.representative-project .summary .right-img .text-box .p1 {
	color: #4d4d4d
}

.representative-project .summary .right-img .business-img {
	width: 40.5%
}

.representative-project .summary .right-img .img-wrap {
	padding-top: 75.102%
}

.representative-project .summary .web-img {
	display: block
}

.representative-project .summary .mo-img {
	display: none
}

.representative-project .text-animation {
	position: relative;
	width: 100%;
	margin-top: min(2.604vw, 50px);
	transform: translateY(5px)
}

.representative-project .text-animation .test {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0, 0);
	white-space: nowrap;
	background: linear-gradient(to top, #f5f7ff, #dde1f9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0,0,0,0);
	animation: flowText 25s linear infinite
}

.representative-project .text-animation .hidden {
	color: rgba(0,0,0,0);
	opacity: 0
}

.representative-project .text-animation p {
	font-weight: 600;
	white-space: nowrap;
	text-transform: uppercase
}

@media(min-width: 1024px) {
	.representative-project .text-animation p {
		font-size: 14.875rem;
		letter-spacing: 0em;
		line-height: .7352941176em
	}
}

@media(max-width: 1023px) {
	.representative-project .text-animation p {
		font-size: 238px;
		letter-spacing: 0em;
		line-height: 175px
	}
}

@keyframes flowText {
	to {
		transform: translateX(-100%)
	}
}

.representative-project.businessProject .sec_business_work {
	padding-bottom: min(8.333vw, 160px);
	background-color: #f5f7ff
}

.representative-project .business_slide .swiper-slide.video .img:before,.representative-project .business_slide .swiper-slide.video .img:after {
	z-index: 1;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%
}

.representative-project .business_slide .swiper-slide.video .img:before {
	transform: translate(-50%, -50%);
	width: min(4.062vw, 78px);
	height: min(4.062vw, 78px);
	background: url("../images/ico_play_line.svg") left top no-repeat;
	background-size: cover
}

.representative-project .business_slide .swiper-slide.video .img:after {
	transform: translateY(-50%);
	margin-left: -8px;
	width: min(1.354vw, 26px);
	height: min(1.666vw, 32px);
	background: url("../images/ico_play_w.svg") left top no-repeat;
	background-size: cover
}

.representative-project .business_slide .swiper-slide.video .img:hover:before {
	animation: playRotate 1s ease forwards
}

.representative-project .business_slide .img_box {
	padding-top: 56.224%;
	margin-bottom: 0
}

.representative-project .business_slide .img_box .img {
	top: 0;
	left: 0;
	width: 100%;
	transform: unset
}

.representative-project .business_slide .img_box img {
	max-width: 100%;
	width: 100%;
	margin: 0
}

.representative-project .list-box .projects ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}

.representative-project .list-box .projects li {
	width: 50%;
	height: min(15.625vw, 300px);
	overflow: hidden
}

.representative-project .list-box .projects li.alone {
	width: 100%
}

.representative-project .list-box .projects li.alone a>div {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}

.representative-project .list-box .projects li.alone p {
	width: 100%
}

.representative-project .list-box .projects li.prev-project a>div {
	justify-content: flex-end
}

.representative-project .list-box .projects li.prev-project p {
	padding-left: min(6.25vw, 120px);
	padding-right: 0;
	text-align: right
}

.representative-project .list-box .projects li.prev-project .arrow {
	left: 30px
}

.representative-project .list-box .projects li.prev-project .arrow:after {
	background: url("../images/ico_paging_prev_w.svg") no-repeat
}

.representative-project .list-box .projects li.next-project a>div {
	justify-content: flex-start
}

.representative-project .list-box .projects li.next-project p {
	padding-left: 0;
	padding-right: min(6.25vw, 120px)
}

.representative-project .list-box .projects li.next-project .arrow {
	right: 30px
}

.representative-project .list-box .projects li.next-project .arrow:after {
	background: url("../images/ico_paging_next_w.svg") no-repeat
}

.representative-project .list-box .projects .bg {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 101%
}

.representative-project .list-box .projects a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 min(2.083vw, 40px);
	color: #fff
}

.representative-project .list-box .projects a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4)
}

.representative-project .list-box .projects a>div {
	display: flex;
	align-items: center;
	height: 100%
}

.representative-project .list-box .projects p {
	position: relative;
	font-weight: 500
}

@media(min-width: 1024px) {
	.representative-project .list-box .projects p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.2em;
		max-height: 2.4em
	}
}

@media(max-width: 1023px) {
	.representative-project .list-box .projects p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 36px;
		max-height: 72px
	}
}

@media(min-width: 1024px) {
	.representative-project .list-box .projects p {
		font-size: 1.875rem;
		letter-spacing: 0em;
		line-height: 1.2em
	}
}

@media(max-width: 1023px) {
	.representative-project .list-box .projects p {
		font-size: 30px;
		letter-spacing: 0em;
		line-height: 36px
	}
}

.representative-project .list-box .projects .arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border: 1px solid #fff
}

.representative-project .list-box .projects .arrow:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 7px;
	height: 12px
}

.representative-project .list-box .bottom-banner {
	padding: min(4.531vw, 87px) 0 min(4.427vw, 85px);
	background-color: #79889b
}

.representative-project .list-box .bottom-banner .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}

.representative-project .list-box .bottom-banner .left {
	width: 83%
}

.representative-project .list-box .bottom-banner .left h4 {
	padding-bottom: min(0.26vw, 5px);
	color: #fff
}

.representative-project .list-box .bottom-banner .left .p2 {
	line-height: 1.6666666667em;
	color: #fff
}

.representative-project .list-box .bottom-banner .btn_wrap {
	width: 15%
}

.representative-project .list-box .bottom-banner .btn_wrap .btn {
	width: 100%;
	min-width: auto
}

.representative-project .business_slide .swiper-scrollbar {
	width: 100%
}

@media(max-width: 1260px) {
	.representative-project .visual {
		margin: 0 min(1.041vw, 20px) min(3.125vw, 60px)
	}

	.representative-project .info-box {
		margin: 0 min(1.041vw, 20px) min(3.125vw, 60px)
	}
}

@media(max-width: 1023px) {
	.representative-project .visual {
		height: 602px;
		margin: 0 30px 15px
	}

	.representative-project .visual_text {
		margin-top: 80px
	}

	.representative-project .visual_text .keyword {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.representative-project .visual_text .keyword {
		font-size: .9375rem;
		letter-spacing: 0.015em;
		line-height: 1.7333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.representative-project .visual_text .keyword {
		font-size: 15px;
		letter-spacing: 0.015em;
		line-height: 26px
	}
}

@media(max-width: 1023px) {
	.representative-project .visual_text .keyword a {
		display: none
	}

	.representative-project .visual_text .keyword a.point {
		display: inline-block
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.representative-project .visual_text h2 {
		font-size: 1.875rem;
		letter-spacing: 0em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.representative-project .visual_text h2 {
		font-size: 30px;
		letter-spacing: 0em;
		line-height: 40px
	}
}

@media(max-width: 1023px) {
	.representative-project .scale {
		margin: 80px auto 0
	}

	.representative-project .scale ul {
		padding: 40px 0
	}

	.representative-project .scale p.strong {
		padding: 7px 0 5px 0;
		word-break: break-word
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.representative-project .scale p.strong {
		font-size: 1.5625rem;
		letter-spacing: 0em;
		line-height: 1.04em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.representative-project .scale p.strong {
		font-size: 25px;
		letter-spacing: 0em;
		line-height: 26px
	}
}

@media(max-width: 1023px) {
	.representative-project .scale p.p2 {
		line-height: 1.3em
	}
}

@media(max-width: 1023px) {
	.representative-project .info-box {
		margin: 0 30px 80px
	}

	.representative-project .info-box .box-inner {
		max-width: 100%;
		padding: 30px 20px
	}

	.representative-project .info-box .box-inner ul:first-child {
		width: 35%
	}

	.representative-project .info-box .box-inner ul:last-child {
		width: 65%
	}

	.representative-project .info-box li {
		margin-bottom: 12px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.representative-project .info-box li p {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1.4666666667em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.representative-project .info-box li p {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 22px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.representative-project .info-box li .title {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.5714285714em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.representative-project .info-box li .title {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.representative-project .info-box li .description {
		padding-left: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.representative-project .info-box li .description strong {
		font-size: 1rem;
		letter-spacing: 0.05em;
		line-height: 1.1875em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.representative-project .info-box li .description strong {
		font-size: 16px;
		letter-spacing: 0.05em;
		line-height: 19px
	}
}

@media(max-width: 1023px) {
	.representative-project section .inner {
		padding: 0 30px
	}
}

@media(max-width: 1023px) {
	.representative-project .summary .type {
		margin-bottom: 60px
	}

	.representative-project .summary .type h4 {
		padding-bottom: 15px
	}

	.representative-project .summary .type .p1 {
		padding-bottom: 20px
	}

	.representative-project .summary .type-a .business-img {
		margin-top: 20px
	}

	.representative-project .summary .type-d {
		margin-bottom: 0
	}

	.representative-project .summary .type-b .text-box,.representative-project .summary .type-d .text-box {
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px
	}

	.representative-project .summary .type-b .business-img,.representative-project .summary .type-d .business-img {
		width: 100%
	}
}

@media(max-width: 1023px) {
	.representative-project .text-animation {
		margin-top: 40px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.representative-project .text-animation p {
		font-size: 5.5625rem;
		letter-spacing: 0em;
		line-height: .7415730337em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.representative-project .text-animation p {
		font-size: 89px;
		letter-spacing: 0em;
		line-height: 66px
	}
}

@media(max-width: 1023px) {
	.representative-project.businessProject .sec_business_work {
		padding: 60px 0 140px
	}
}

@media(max-width: 1023px) {
	.representative-project .business_slide .swiper-slide.video .img:before {
		width: 40px;
		height: 40px;
		background-size: 100% auto
	}

	.representative-project .business_slide .swiper-slide.video .img:after {
		width: 10px;
		height: 13px;
		margin-left: -4px;
		background-size: 100% auto
	}

	.representative-project .business_slide .progress_wrap {
		top: 40px
	}
}

@media(max-width: 1023px) {
	.representative-project .list-box .projects .bg {
		background-size: cover
	}

	.representative-project .list-box .projects p {
		min-height: auto
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.representative-project .list-box .projects p {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.representative-project .list-box .projects p {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 25px
	}
}

@media(max-width: 1023px) {
	.representative-project .list-box .projects li.prev-project p {
		padding-left: min(16.927vw, 130px)
	}

	.representative-project .list-box .projects li.next-project p {
		padding-right: min(16.927vw, 130px)
	}
}

@media(max-width: 1023px) {
	.representative-project .list-box .projects a {
		padding: 0 min(2.604vw, 20px)
	}
}

@media(max-width: 1023px) {
	.representative-project .list-box .bottom-banner {
		padding: 40px 0 55px
	}

	.representative-project .list-box .bottom-banner .left {
		width: calc(100% - 180px);
		padding-right: 10px
	}

	.representative-project .list-box .bottom-banner .left h4 {
		padding-bottom: 7px
	}

	.representative-project .list-box .bottom-banner .btn_wrap {
		width: 180px
	}
}

@media(max-width: 767px) {
	.representative-project .kv {
		margin: 0 15px
	}

	.representative-project .visual {
		position: relative;
		margin: 0 0 15px
	}

	.representative-project .visual .wrap {
		justify-content: start;
		padding: 0 15px
	}

	.representative-project .scale ul {
		flex-direction: column;
		padding: 25px min(13.586vw, 50px)
	}

	.representative-project .scale li {
		width: 235px;
		margin: 0 auto
	}

	.representative-project .scale li>div {
		padding: 0 0 20px min(20.38vw, 75px);
		text-align: left
	}

	.representative-project .scale li>div:after {
		display: none
	}

	.representative-project .scale li:last-child>div {
		padding-bottom: 0
	}

	.representative-project .scale .p2:first-of-type {
		position: absolute;
		top: 10px;
		left: 0;
		padding-top: 0
	}

	.representative-project .info-box {
		margin: 0 0 80px
	}

	.representative-project .info-box .box-inner {
		padding: 25px 20px
	}

	.representative-project .info-box .box-inner ul:first-child {
		width: 100%;
		padding-bottom: 12px;
		padding-right: 0
	}

	.representative-project .info-box .box-inner ul:first-child:before {
		display: none
	}

	.representative-project .info-box .box-inner ul:last-child {
		width: 100%;
		padding-left: 0
	}

	.representative-project .info-box li .description {
		margin-left: 120px
	}

	.representative-project .info-box li .description span:first-child {
		margin-top: 0
	}
}

@media(max-width: 767px)and (min-width: 1024px) {
	.representative-project .info-box li .description.strong {
		font-size: .9375rem;
		letter-spacing: 0em;
		line-height: 1.4666666667em
	}
}

@media(max-width: 767px)and (max-width: 1023px) {
	.representative-project .info-box li .description.strong {
		font-size: 15px;
		letter-spacing: 0em;
		line-height: 22px
	}
}

@media(max-width: 767px) {
	.representative-project section .inner {
		padding: 0 15px
	}
}

@media(max-width: 767px) {
	.representative-project.businessProject .sec_business_work {
		padding: 50px 0 100px
	}
}

@media(max-width: 767px) {
	.representative-project .list-box .projects li {
		width: 100%;
		height: 150px
	}

	.representative-project .list-box .projects li.prev-project a>div {
		justify-content: flex-start
	}

	.representative-project .list-box .projects li.prev-project p {
		padding-left: 0;
		padding-right: min(16.304vw, 60px);
		text-align: left
	}

	.representative-project .list-box .projects li.prev-project .arrow {
		left: unset;
		right: 15px
	}

	.representative-project .list-box .projects li.prev-project .arrow:after {
		background-image: url("../images/ico_paging_next_w.svg")
	}

	.representative-project .list-box .projects li.next-project p {
		padding-right: min(16.304vw, 60px)
	}

	.representative-project .list-box .projects li.next-project .arrow {
		right: 15px
	}

	.representative-project .list-box .projects a {
		padding: 0 min(4.076vw, 15px)
	}

	.representative-project .list-box .projects a>div {
		width: 100%
	}

	.representative-project .list-box .projects p {
		width: 100%
	}

	.representative-project .list-box .bottom-banner {
		padding: 40px min(12.228vw, 45px) 30px
	}

	.representative-project .list-box .bottom-banner .left {
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
		text-align: center
	}

	.representative-project .list-box .bottom-banner .btn_wrap {
		margin: 0 auto
	}

	.representative-project .list-box .bottom-banner .btn_wrap .btn:hover {
		background-color: #fff
	}
}

.business .pop_image_cont {
	position: relative
}

@media(max-width: 1023px) {
	.business.popup_wrap .pop_close_btn {
		right: 0
	}

	.business.popup_wrap .pop_close_btn:after {
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 22px;
		height: 22px;
		background-size: 100% auto
	}

	.business.popup_wrap[data-popup=youtube] .pop_inner .video_area {
		width: calc(100% - 30px)
	}

	.business .pop_inner {
		width: calc(100% - 30px)
	}
}

.container.search {
	padding: 0 0 min(8.333vw, 160px)
}

.container.search .nodata_wrap {
	padding: 0 0 min(4.166vw, 80px)
}

.container.search .btn_wrap {
	margin-top: min(2.083vw, 40px)
}

.container.search .box_wrap {
	margin-bottom: min(4.166vw, 80px)
}

.container.search .box_wrap:last-child {
	margin-bottom: 0
}

.container.search .h3 {
	margin-bottom: min(2.083vw, 40px);
	position: relative
}

.container.search .h3::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5
}

.container.search h3 {
	margin-bottom: 0;
	position: relative;
	display: inline-block;
	background-color: #fff;
	padding-right: min(4.166vw, 80px)
}

.container.search h3 .total_txt {
	margin-left: min(0.781vw, 15px);
	font-weight: 600;
	color: #666
}

@media(min-width: 1024px) {
	.container.search h3 .total_txt {
		font-size: 1.25rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container.search h3 .total_txt {
		font-size: 20px;
		letter-spacing: 0;
		line-height: 1
	}
}

.container.search h3 .total_txt .num {
	color: #1d7fbf
}

.container.search h4 {
	margin-bottom: min(1.562vw, 30px);
	color: #222;
	font-weight: bold
}

@media(min-width: 1024px) {
	.container.search h4 {
		font-size: 1.875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container.search h4 {
		font-size: 30px;
		letter-spacing: 0;
		line-height: 1
	}
}

.container.search .search_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%
}

.container.search .search_list li {
	margin-top: min(1.25vw, 24px);
	width: 32%
}

.container.search .search_list li.on a,.container.search .search_list li:hover a {
	color: #1d7fbf;
	border-color: #1d7fbf
}

.container.search .search_list li.on a span:after,.container.search .search_list li:hover a span:after {
	background: url("../images/ico_search_arrow_on.svg") 0 0 no-repeat
}

.container.search .search_list li a {
	display: block;
	padding: min(3.385vw, 65px) 0;
	color: #222;
	font-weight: 600;
	text-align: center;
	background-color: #f8f8f8;
	border: 2px solid #e5e5e5
}

@media(min-width: 1024px) {
	.container.search .search_list li a {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: .8333333333em
	}
}

@media(max-width: 1023px) {
	.container.search .search_list li a {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

.container.search .search_list li a>span {
	display: inline-block;
	padding-right: 30px;
	position: relative
}

.container.search .search_list li a>span:after {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 20px;
	content: ""
}

.container.search .search_list li a>span:after {
	background: url("../images/ico_search_arrow_off.svg") 0 0 no-repeat
}

.container.search .project .thumb_list_wrap .board_list .board {
	justify-content: normal
}

.container.search .project .thumb_list_wrap .board_list .board>li {
	width: 32%;
	margin-left: 2%
}

.container.search .project .thumb_list_wrap .board_list .board>li:nth-child(even) {
	margin-left: 2%
}

.container.search .project .thumb_list_wrap .board_list .board>li:nth-child(1),.container.search .project .thumb_list_wrap .board_list .board>li:nth-child(2),.container.search .project .thumb_list_wrap .board_list .board>li:nth-child(3) {
	margin-top: 0
}

.container.search .project .thumb_list_wrap .board_list .board>li:nth-child(3n+1) {
	margin-left: 0
}

.container.search .project .thumb_list_wrap .board_list .board .thumb_area {
	padding-top: 115%
}

.container.search .project .thumb_list_wrap .board_list .board .txt_area {
	padding: min(1.041vw, 20px) 0 0
}

.container.search .project .thumb_list_wrap .board_list .board .txt_area .cate {
	margin-bottom: min(0.52vw, 10px);
	color: #888;
	font-weight: 400
}

.container.search .newsroom .thumb_list_wrap .board_list .board {
	justify-content: normal
}

.container.search .newsroom .thumb_list_wrap .board_list .board>li {
	width: 32%;
	margin-left: 2%
}

.container.search .newsroom .thumb_list_wrap .board_list .board>li:nth-child(even) {
	margin-left: 2%
}

.container.search .newsroom .thumb_list_wrap .board_list .board>li:nth-child(1),.container.search .newsroom .thumb_list_wrap .board_list .board>li:nth-child(2),.container.search .newsroom .thumb_list_wrap .board_list .board>li:nth-child(3) {
	margin-top: 0
}

.container.search .newsroom .thumb_list_wrap .board_list .board>li:nth-child(3n+1) {
	margin-left: 0
}

.container.search .newsroom .thumb_list_wrap .board_list .board .txt_area {
	padding: min(1.041vw, 20px) 0 0
}

.container.search .newsroom .thumb_list_wrap .board_list .board .txt_area .tit {
	margin: 0
}

.container.search .newsroom .thumb_list_wrap .board_list .board .txt_area .cate {
	margin-bottom: min(0.52vw, 10px);
	color: #888;
	font-weight: 400
}

.container.search .newsroom .gallery .thumb_list_wrap .board_list .board .thumb_area .img img {
	width: 100%;
	height: auto
}

.container.search .video .thumb_list_wrap .board_list .board {
	justify-content: normal
}

.container.search .video .thumb_list_wrap .board_list .board .item:hover .thumb_area::after {
	background-image: url("../images/ico_play2_on.svg")
}

.container.search .video .thumb_list_wrap .board_list .board .thumb_area {
	position: relative;
	padding-top: 56%
}

.container.search .video .thumb_list_wrap .board_list .board .thumb_area img {
	z-index: 1
}

.container.search .video .thumb_list_wrap .board_list .board .thumb_area::before {
	z-index: 2;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .4;
	background-color: #000
}

.container.search .video .thumb_list_wrap .board_list .board .thumb_area::after {
	z-index: 3;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../images/ico_play2_off.svg") center center no-repeat;
	background-size: min(1.25vw, 24px) min(1.562vw, 30px)
}

.container.search .publications>.publications_btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: normal;
	gap: 0 2%;
	margin-top: 0
}

.container.search .publications .btn_download {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
	width: 32%;
	margin-bottom: min(1.25vw, 24px);
	background-color: #f8f8f8;
	border: none;
	margin-left: 0;
	vertical-align: middle;
	padding-right: min(5.104vw, 98px);
	font-weight: 600;
	height: 110px
}

@media(min-width: 1024px) {
	.container.search .publications .btn_download {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container.search .publications .btn_download {
		font-size: 24px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(min-width: 1024px) {
	.container.search .publications .btn_download>span {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.4166666667em;
		max-height: 2.8333333333em
	}
}

@media(max-width: 1023px) {
	.container.search .publications .btn_download>span {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 34px;
		max-height: 68px
	}
}

.container.search .publications .btn_download::after {
	right: 43px
}

.container.search .integrated_search_wrap {
	margin-bottom: min(8.333vw, 160px)
}

.container.search .integrated_search_wrap .search_inner {
	z-index: 999;
	position: relative;
	padding: min(7.291vw, 140px) 20px min(5.729vw, 110px);
	background-color: #1d7fbf
}

.container.search .integrated_search_wrap .search_wrap {
	margin: 0 auto;
	width: 100%;
	max-width: 1240px
}

.container.search .integrated_search_wrap h2 {
	margin-bottom: min(1.562vw, 30px);
	color: #fff;
	font-weight: bold
}

@media(min-width: 1024px) {
	.container.search .integrated_search_wrap h2 {
		font-size: 3.5rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container.search .integrated_search_wrap h2 {
		font-size: 56px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.container.search .integrated_search_wrap .search_wrap {
	margin-bottom: 0
}

.container.search .integrated_search_wrap .search_wrap input {
	padding: 0 min(6.041vw, 116px) 0 min(2.083vw, 40px);
	width: 100%;
	border-radius: 0;
	height: min(4.687vw, 90px)
}

@media(min-width: 1024px) {
	.container.search .integrated_search_wrap .search_wrap input {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container.search .integrated_search_wrap .search_wrap input {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.container.search .integrated_search_wrap .search_wrap .search_icon {
	width: min(6.041vw, 116px);
	background-image: url("../images/ico_integrated_search.svg");
	background-size: 36px 36px
}

.container.search .integrated_search_wrap .quicklinks_wrap {
	margin: min(2.604vw, 50px) 0
}

.container.search .integrated_search_wrap .quicklinks_wrap .tit {
	color: #fff;
	font-weight: 500
}

@media(min-width: 1024px) {
	.container.search .integrated_search_wrap .quicklinks_wrap .tit {
		font-size: 1.875rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container.search .integrated_search_wrap .quicklinks_wrap .tit {
		font-size: 30px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.container.search .integrated_search_wrap .quicklinks_wrap .quicklinks_list {
	margin-left: -15px
}

.container.search .integrated_search_wrap .quicklinks_wrap .quicklinks_list a {
	display: inline-block;
	margin: min(1.562vw, 30px) 0 0 15px;
	padding: min(0.833vw, 16px) min(1.562vw, 30px);
	border: 1px solid #fff;
	border-radius: 25px;
	width: auto;
	color: #fff;
	font-weight: 600
}

@media(min-width: 1024px) {
	.container.search .integrated_search_wrap .quicklinks_wrap .quicklinks_list a {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container.search .integrated_search_wrap .quicklinks_wrap .quicklinks_list a {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.container.search .integrated_search_wrap .quicklinks_wrap .quicklinks_list a:hover {
	color: #1d7fbf;
	background-color: #fff
}

@media(min-width: 1300px) {
	.header .header_wrap.searchOpen .integrated_search_wrap {
		display: block
	}

	.header .integrated_search_wrap {
		z-index: 2000;
		display: none;
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		width: 100%;
		max-width: 1920px;
		height: 100vh
	}
    .header .integrated_search_wrap2 {
        z-index: 9998;
        display: none;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 100%;
        max-width: 1920px;
        height: 100vh
    }
    .header .integrated_search_wrap2 .search_dim {
        z-index: 9999;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-color: #000;
        opacity: .7
    }

	.header .integrated_search_wrap .search_dim {
		z-index: 1998;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background-color: #000;
		opacity: .7
	}

	.header .integrated_search_wrap .btn_integrated_search {
		z-index: 1999;
		position: absolute;
		right: min(3.125vw, 60px);
		top: 20px;
		width: 48px;
		height: 48px;
		vertical-align: bottom;
		background: url("../images/ico_integrated_close_off.svg") center center no-repeat;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 100%
	}

	.header .integrated_search_wrap .btn_integrated_search:hover {
		background-color: #004480;
		border: none;
		background-image: url("../images/ico_integrated_close_on.svg")
	}

	.header .integrated_search_wrap .search_inner {
		z-index: 1999;
		position: relative;
		left: 0;
		top: 90px;
		padding: min(7.291vw, 140px) 0 min(8.333vw, 160px);
		background-color: #1d7fbf
	}

	.header .integrated_search_wrap h2 {
		margin-bottom: min(1.562vw, 30px);
		color: #fff;
		font-weight: bold
	}
}

@media(min-width: 1300px)and (min-width: 1024px) {
	.header .integrated_search_wrap h2 {
		font-size: 3.5rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(min-width: 1300px)and (max-width: 1023px) {
	.header .integrated_search_wrap h2 {
		font-size: 56px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(min-width: 1300px) {
	.header .integrated_search_wrap .search_wrap {
		margin: 0 auto 0;
		width: 1240px
	}

	.header .integrated_search_wrap .search_wrap input {
		padding: 0 min(6.041vw, 116px) 0 min(2.083vw, 40px);
		width: 100%;
		border-radius: 0;
		height: min(4.687vw, 90px)
	}
}

@media(min-width: 1300px)and (min-width: 1024px) {
	.header .integrated_search_wrap .search_wrap input {
		font-size: 1.5rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(min-width: 1300px)and (max-width: 1023px) {
	.header .integrated_search_wrap .search_wrap input {
		font-size: 24px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(min-width: 1300px) {
	.header .integrated_search_wrap .search_wrap .search_icon {
		width: min(6.041vw, 116px);
		background-image: url("../images/ico_integrated_search.svg");
		background-size: 37px 36px
	}
}

@media(min-width: 1300px) {
	.header .integrated_search_wrap .quicklinks_wrap {
		margin-top: min(2.604vw, 50px)
	}

	.header .integrated_search_wrap .quicklinks_wrap .tit {
		color: #fff;
		font-weight: 500
	}
}

@media(min-width: 1300px)and (min-width: 1024px) {
	.header .integrated_search_wrap .quicklinks_wrap .tit {
		font-size: 1.875rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(min-width: 1300px)and (max-width: 1023px) {
	.header .integrated_search_wrap .quicklinks_wrap .tit {
		font-size: 30px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(min-width: 1300px) {
	.header .integrated_search_wrap .quicklinks_wrap .quicklinks_list {
		margin-left: -15px;
	}

	.header .integrated_search_wrap .quicklinks_wrap .quicklinks_list a {
		display: inline-block;
		margin: min(1.562vw, 30px) 0 0 15px;
		padding: min(0.833vw, 16px) min(1.562vw, 30px);
		border: 1px solid #fff;
		border-radius: 25px;
		width: auto;
		color: #fff;
		font-weight: 600
	}
}

@media(min-width: 1300px)and (min-width: 1024px) {
	.header .integrated_search_wrap .quicklinks_wrap .quicklinks_list a {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(min-width: 1300px)and (max-width: 1023px) {
	.header .integrated_search_wrap .quicklinks_wrap .quicklinks_list a {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(min-width: 1300px) {
	.header .integrated_search_wrap .quicklinks_wrap .quicklinks_list a:hover {
		color: #1d7fbf;
		background-color: #fff
	}
}

@media(max-width: 1299px) {
	.header .integrated_search_wrap {
		padding: 10px 15px;
		background-color: #f5f5f5;width:100%;
	}

	.header .integrated_search_wrap .search_inner {
		width: 100%
	}

	.header .integrated_search_wrap h2 {
		display: none
	}

	.header .integrated_search_wrap .search_wrap {
		margin-bottom: 0
	}

	.header .integrated_search_wrap .search_wrap .input_area {
		background: none
	}

	.header .integrated_search_wrap .search_wrap .input_area input[type="text"] {
		padding: 17px 20px;
		width: 100%;
		height: auto;
		border-radius: 25px;
		background-color: #fff
	}
}

@media(max-width: 1299px)and (min-width: 1024px) {
	.header .integrated_search_wrap .search_wrap .input_area input[type="text"] {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1299px)and (max-width: 1023px) {
	.header .integrated_search_wrap .search_wrap .input_area input[type="text"] {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1299px) {
	.header .integrated_search_wrap .search_wrap .search_icon {
		border:none;
		width: 60px;
		background-image: url("../images/ico_integrated_search_b.svg");
		background-size: 20px 20px
	}
}

@media(max-width: 1299px) {
	.header .integrated_search_wrap .quicklinks_wrap {
		display: none
	}
}

@media(max-width: 1023px) {
	.container.search {
		padding: 0 0 100px
	}

	.container.search .nodata_wrap {
		padding: 0 0 30px
	}

	.container.search .integrated_search_wrap {
		margin-bottom: 80px
	}

	.container.search .integrated_search_wrap .search_inner {
		padding: 60px 0 30px;
		background-color: #1d7fbf
	}

	.container.search .integrated_search_wrap .search_inner>.search_wrap {
		margin: 0 auto;
		width: 70%
	}

	.container.search .integrated_search_wrap h2 {
		margin-bottom: 20px;
		color: #fff;
		font-weight: bold
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.container.search .integrated_search_wrap h2 {
		font-size: 2.0625rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.container.search .integrated_search_wrap h2 {
		font-size: 33px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container.search .integrated_search_wrap .search_wrap {
		margin-bottom: 0
	}

	.container.search .integrated_search_wrap .search_wrap .input_area {
		background-color: rgba(0,0,0,0)
	}

	.container.search .integrated_search_wrap .search_wrap input {
		padding: 0 60px 0 20px;
		width: 100%;
		border-radius: 25px;
		height: 50px;
		background-color: #fff
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.container.search .integrated_search_wrap .search_wrap input {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.container.search .integrated_search_wrap .search_wrap input {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container.search .integrated_search_wrap .search_wrap .search_icon {
		width: 60px;
		background-image: url("../images/ico_search.svg");
		background-size: 20px 20px
	}
}

@media(max-width: 1023px) {
	.container.search .integrated_search_wrap .quicklinks_wrap {
		margin: 50px 0
	}

	.container.search .integrated_search_wrap .quicklinks_wrap .tit {
		color: #fff;
		font-weight: 500
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.container.search .integrated_search_wrap .quicklinks_wrap .tit {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.container.search .integrated_search_wrap .quicklinks_wrap .tit {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container.search .integrated_search_wrap .quicklinks_wrap .quicklinks_list {
		margin-left: -10px
	}

	.container.search .integrated_search_wrap .quicklinks_wrap .quicklinks_list a {
		display: inline-block;
		margin: 30px 0 0 10px;
		padding: 12px 25px;
		border: 1px solid #fff;
		border-radius: 20px;
		width: auto;
		color: #fff;
		font-weight: 600
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.container.search .integrated_search_wrap .quicklinks_wrap .quicklinks_list a {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.container.search .integrated_search_wrap .quicklinks_wrap .quicklinks_list a {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container.search .integrated_search_wrap .quicklinks_wrap .quicklinks_list a:hover {
		color: #1d7fbf;
		background-color: #fff
	}
}

@media(max-width: 1023px) {
	.container.search .integrated_search_wrap .nodata_wrap {
		border-top: 1px solid #e5e5e5
	}

	.container.search .integrated_search_wrap .nodata_wrap .txt {
		color: #fff
	}
}

@media(max-width: 1023px) {
	.container.search .content .inner {
		margin-bottom: 80px
	}

	.container.search .content .inner:last-child {
		margin-bottom: 0
	}
}

@media(max-width: 1023px) {
	.container.search .btn_wrap {
		margin-top: 35px
	}

	.container.search .btn_wrap .btn.long {
		min-width: 180px
	}
}

@media(max-width: 1023px) {
	.container.search .box_wrap {
		margin-bottom: 60px
	}
}

@media(max-width: 1023px) {
	.container.search .h3 {
		margin-bottom: 20px
	}

	.container.search .h3::before {
		content: none
	}
}

@media(max-width: 1023px) {
	.container.search h3 {
		padding-right: 0
	}

	.container.search h3 .total_txt {
		margin-left: 5px;
		font-size: 15px
	}
}

@media(max-width: 1023px) {
	.container.search h4 {
		margin-bottom: 15px;
		font-size: 20px
	}
}

@media(max-width: 1023px) {
	.container.search .search_list li {
		margin-top: 20px;
		width: 49%
	}

	.container.search .search_list li.on a span:after,.container.search .search_list li:hover a span:after {
		background-size: 100% auto
	}

	.container.search .search_list li a {
		padding: 34px 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.container.search .search_list li a {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.1764705882em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.container.search .search_list li a {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.container.search .search_list li a>span {
		padding-right: 20px
	}

	.container.search .search_list li a>span::after {
		top: 2px;
		width: 8px;
		height: 14px;
		background-size: 100% auto
	}
}

@media(max-width: 1023px) {
	.container.search .project .thumb_list_wrap .board_list .board>li {
		width: 49%;
		margin-top: 40px
	}

	.container.search .project .thumb_list_wrap .board_list .board>li:nth-child(3) {
		margin-top: 40px
	}

	.container.search .project .thumb_list_wrap .board_list .board>li:nth-child(3n+1) {
		margin-left: 2%
	}

	.container.search .project .thumb_list_wrap .board_list .board>li:nth-child(odd) {
		margin-left: 0
	}

	.container.search .project .thumb_list_wrap .board_list .board .txt_area {
		padding: 10px 0 0
	}

	.container.search .project .thumb_list_wrap .board_list .board .txt_area .tit {
		font-size: 17px
	}

	.container.search .project .thumb_list_wrap .board_list .board .txt_area .cate {
		margin-bottom: 5px
	}
}

@media(max-width: 1023px) {
	.container.search .newsroom .thumb_list_wrap .board_list .board>li {
		width: 49%;
		margin-top: 40px
	}

	.container.search .newsroom .thumb_list_wrap .board_list .board>li:nth-child(3) {
		margin-top: 40px
	}

	.container.search .newsroom .thumb_list_wrap .board_list .board>li:nth-child(3n+1) {
		margin-left: 2%
	}

	.container.search .newsroom .thumb_list_wrap .board_list .board>li:nth-child(odd) {
		margin-left: 0
	}

	.container.search .newsroom .thumb_list_wrap .board_list .board .txt_area {
		padding: 10px 0 0
	}

	.container.search .newsroom .thumb_list_wrap .board_list .board .txt_area .tit {
		margin: 5px 0 0;
		font-size: 17px
	}

	.container.search .newsroom .thumb_list_wrap .board_list .board .txt_area .cate {
		margin-bottom: 0
	}
}

@media(max-width: 1023px) {
	.container.search .video .thumb_list_wrap .board_list .board .thumb_area::after {
		background-size: 21px 27px
	}
}

@media(max-width: 1023px) {
	.container.search .publications .btn_download {
		width: 49%;
		margin-bottom: 20px;
		padding-right: 60px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.container.search .publications .btn_download {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.container.search .publications .btn_download {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.container.search .publications .btn_download::after {
		right: 20px
	}
}

@media(max-width: 767px) {
	.container.search .integrated_search_wrap .search_inner {
		padding: 60px 15px 50px
	}

	.container.search .integrated_search_wrap .search_inner>.search_wrap {
		width: 100%
	}

	.container.search .integrated_search_wrap .quicklinks_wrap .tit {
		margin-bottom: 15px
	}

	.container.search .integrated_search_wrap .quicklinks_wrap .quicklinks_list a {
		margin: 10px 0 0 10px
	}

	.container.search .box_wrap {
		margin-bottom: 80px
	}

	.container.search h3 {
		overflow: hidden;
		display: block
	}

	.container.search h3 .total_txt {
		float: right;
		margin-left: 0;
		margin-top: 5px
	}

	.container.search .search_list li {
		width: 100%;
		margin-top: 10px
	}

	.container.search .project .thumb_list_wrap .board_list .board>li {
		width: 100%
	}

	.container.search .project .thumb_list_wrap .board_list .board>li:nth-child(2) {
		margin-top: 40px
	}

	.container.search .project .thumb_list_wrap .board_list .board>li:nth-child(even) {
		margin-left: 0
	}

	.container.search .newsroom .thumb_list_wrap .board_list .board>li {
		width: 100%
	}

	.container.search .newsroom .thumb_list_wrap .board_list .board>li:nth-child(2) {
		margin-top: 40px
	}

	.container.search .newsroom .thumb_list_wrap .board_list .board>li:nth-child(even) {
		margin-left: 0
	}

	.container.search .publications .btn_download {
		width: 100%;
		padding: 35px 60px 35px 20px;
		height: auto
	}

	.container.search .publications .btn_download:last-child {
		margin-bottom: 0
	}
}

.profile_popup {
	display: none;
	z-index: 2000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh
}

.profile_popup.open {
	display: block
}

.profile_popup .dim {
	z-index: 100;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background-color: #000;
	opacity: .7
}

.profile_popup .profile_wrap {
	z-index: 1000;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: min(83.333vw, 1600px);
	height: min(40.625vw, 780px)
}

.profile_popup .swiper_wrap {
	width: 100%;
	height: 100%
}

.profile_popup .swiper_wrap.listType,.profile_popup .swiper_wrap.imgType {
	display: none
}

.profile_popup .swiper_wrap.listType.active,.profile_popup .swiper_wrap.imgType.active {
	display: block
}

.profile_popup .swiper_control {
	position: absolute;
	bottom: min(-2.605vw, -50px);
	left: 0;
	width: 100%;
	text-align: center
}

.profile_popup .swiper_control .inner {
	position: relative;
	height: 30px
}

.profile_popup .swiper_control .arr_wrap,.profile_popup .swiper_control .html_arr_wrap {
	position: relative;
	margin: 0 auto;
	width: min(24.166vw, 290px);
	height: 30px
}

.profile_popup .swiper_control .arr_wrap .btn,.profile_popup .swiper_control .html_arr_wrap .btn {
	position: absolute;
	top: 0;
	width: min(2.5vw, 30px);
	height: min(2.5vw, 30px)
}

.profile_popup .swiper_control .arr_wrap .btn:hover,.profile_popup .swiper_control .html_arr_wrap .btn:hover {
	cursor: pointer
}

.profile_popup .swiper_control .arr_wrap .btn:hover.prev,.profile_popup .swiper_control .html_arr_wrap .btn:hover.prev {
	background-image: url("/resources/en/images/profile/btn_prev_on.svg")
}

.profile_popup .swiper_control .arr_wrap .btn:hover.next,.profile_popup .swiper_control .html_arr_wrap .btn:hover.next {
	background-image: url("/resources/en/images/profile/btn_next_on.svg")
}

.profile_popup .swiper_control .arr_wrap .btn.prev,.profile_popup .swiper_control .html_arr_wrap .btn.prev {
	left: 0;
	background: url("/resources/en/images/profile/btn_prev.svg") center center no-repeat;
	background-size: cover
}

.profile_popup .swiper_control .arr_wrap .btn.next,.profile_popup .swiper_control .html_arr_wrap .btn.next {
	right: 0;
	background: url("/resources/en/images/profile/btn_next.svg") center center no-repeat;
	background-size: cover
}

.profile_popup .swiper_control .swiper_paging_wrap {
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: min(11.666vw, 140px);
	height: 30px
}

.profile_popup .swiper_control .swiper-pagination,.profile_popup .swiper_control .html-swiper-pagination {
	z-index: 0;
	padding: min(0.416vw, 5px) min(4.666vw, 56px) 0 0;
	width: 100%;
	bottom: unset
}

@media(min-width: 1024px) {
	.profile_popup .swiper_control .swiper-pagination,.profile_popup .swiper_control .html-swiper-pagination {
		font-size: 1.125rem;
		letter-spacing: -0.025em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .swiper_control .swiper-pagination,.profile_popup .swiper_control .html-swiper-pagination {
		font-size: 18px;
		letter-spacing: -0.025em;
		line-height: 1
	}
}

.profile_popup .swiper_control .swiper-pagination .pagination_inner,.profile_popup .swiper_control .html-swiper-pagination .pagination_inner {
	overflow: hidden;
	position: relative
}

.profile_popup .swiper_control .swiper-pagination .pagination_inner::after,.profile_popup .swiper_control .html-swiper-pagination .pagination_inner::after {
	content: "/";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: auto;
	color: #fff;
	background: none
}

@media(min-width: 1024px) {
	.profile_popup .swiper_control .swiper-pagination .pagination_inner::after,.profile_popup .swiper_control .html-swiper-pagination .pagination_inner::after {
		font-size: 1.125rem;
		letter-spacing: -0.025em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .swiper_control .swiper-pagination .pagination_inner::after,.profile_popup .swiper_control .html-swiper-pagination .pagination_inner::after {
		font-size: 18px;
		letter-spacing: -0.025em;
		line-height: 1
	}
}

.profile_popup .swiper_control .swiper-pagination .current,.profile_popup .swiper_control .html-swiper-pagination .current {
	float: left;
	padding-bottom: 4px;
	width: 26px;
	border-width: 0;
	border: none;
	text-align: center;
	background: none;
	color: #fff;
	font-weight: 600;
	border-bottom: 1px solid #fff
}

.profile_popup .swiper_control .swiper-pagination span,.profile_popup .swiper_control .html-swiper-pagination span {
	display: block;
	float: left;
	width: 50%;
	min-height: 24px;
	text-align: right
}

.profile_popup .swiper_control .swiper-pagination span.total,.profile_popup .swiper_control .html-swiper-pagination span.total {
	float: right;
	width: 26px;
	color: #bbb;
	font-weight: 400;
	text-align: center
}

.profile_popup .swiper_control .goTo_swiper {
	z-index: 1;
	position: absolute;
	right: 0;
	top: 0;
	width: min(3vw, 36px);
	height: min(2.5vw, 30px);
	background: url("/resources/en/images/profile/ico_enter.svg") left top no-repeat;
	background-size: cover
}

.profile_popup .swiper_control .goTo_swiper:hover {
	background-image: url("/resources/en/images/profile/ico_enter_on.svg")
}

.profile_popup .util_menu {
	position: absolute;
	right: min(-4.167vw, -80px);
	top: 0
}

.profile_popup .util_menu li {
	margin-top: min(0.52vw, 10px)
}

.profile_popup .util_menu li:first-child {
	margin-top: 0
}

.profile_popup .util_menu li.btn {
	display: none
}

.profile_popup .util_menu li.btn.on {
	display: block
}

.profile_popup .util_menu li a {
	display: inline-block;
	width: min(3.125vw, 60px);
	height: min(3.125vw, 60px);
	border-radius: 100%;
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #888
}

.profile_popup .util_menu li a.btn_close {
	background-image: url("/resources/en/images/profile/btn_close.svg");
	background-size: min(1.041vw, 20px) min(1.041vw, 20px)
}

.profile_popup .util_menu li a.btn_list.list_type {
	background-image: url("/resources/en/images/profile/btn_list_type.svg")
}

.profile_popup .util_menu li a.btn_list.img_type {
	background-image: url("/resources/en/images/profile/btn_img_type.svg");
	background-size: min(0.989vw, 19px) min(0.937vw, 18px)
}

.profile_popup .util_menu li a.btn_download {
	background-image: url("/resources/en/images/profile/btn_download.svg");
	background-size: min(1.718vw, 33px) min(1.145vw, 22px)
}

.profile_popup .util_menu li a:hover {
	background-color: #004480
}

.profile_popup .util_menu li a:hover.btn_close {
	background-image: url("/resources/en/images/profile/btn_close_on.svg")
}

.profile_popup .util_menu li a:hover.btn_list.list_type {
	background-image: url("/resources/en/images/profile/btn_list_type_on.svg")
}

.profile_popup .util_menu li a:hover.btn_list.img_type {
	background-image: url("/resources/en/images/profile/btn_img_type_on.svg")
}

.profile_popup .util_menu li a:hover.btn_download {
	background-image: url("/resources/en/images/profile/btn_download_on.svg")
}

.profile_popup .profile_slide {
	width: 100%;
	height: 100%;
	background-color: #fff;
	color: #666
}

@media(min-width: 1024px) {
	.profile_popup .profile_slide {
		font-size: 1rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.profile_popup .profile_slide {
		font-size: 16px;
		letter-spacing: -0.03em;
		line-height: 24px
	}
}

.profile_popup .profile_slide .swiper-slide {
	overflow: hidden;
	width: 100%
}

.profile_popup .listType .profile_slide h1,.profile_popup .listType .profile_slide h2,.profile_popup .listType .profile_slide h3,.profile_popup .listType .profile_slide h4,.profile_popup .listType .profile_slide h5,.profile_popup .listType .profile_slide h6 {
	margin: 0;
	padding: 0
}

.profile_popup .listType .profile_slide h1 {
	padding: 40px 60px;
	font-weight: 600;
	color: #222
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide h1 {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide h1 {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.profile_popup .listType .profile_slide h1 span {
	display: block;
	margin-top: 15px;
	font-weight: 300
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide h1 span {
		font-size: 1.25rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide h1 span {
		font-size: 20px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide h2 {
		font-size: 4.375rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide h2 {
		font-size: 70px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.profile_popup .listType .profile_slide h2 span {
	font-weight: 300
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide h3 {
		font-size: 3.5rem;
		letter-spacing: 0em;
		line-height: 1.0714285714em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide h3 {
		font-size: 56px;
		letter-spacing: 0em;
		line-height: 60px
	}
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide h4 {
		font-size: 3.125rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide h4 {
		font-size: 50px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.profile_popup .listType .profile_slide h4 span {
	font-weight: 300
}

.profile_popup .listType .profile_slide h4.small {
	font-size: 2.875rem
}

.profile_popup .listType .profile_slide h5 {
	font-weight: bold
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide h5 {
		font-size: 2.25rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide h5 {
		font-size: 36px;
		letter-spacing: 0em;
		line-height: 1
	}
}

.profile_popup .listType .profile_slide h6 {
	color: #222
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide h6 {
		font-size: 1.75rem;
		letter-spacing: -0.03em;
		line-height: 1.2857142857em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide h6 {
		font-size: 28px;
		letter-spacing: -0.03em;
		line-height: 36px
	}
}

.profile_popup .listType .profile_slide .img {
	overflow: hidden
}

.profile_popup .listType .profile_slide .img.m_img {
	display: none
}

.profile_popup .listType .profile_slide .img img {
	width: auto;
	max-width: 100%
}

.profile_popup .listType .profile_slide .flex-box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%
}

.profile_popup .listType .profile_slide .swiper-slide {
	overflow: hidden
}

.profile_popup .listType .profile_slide .swiper-slide .w_block {
	display: block
}

.profile_popup .listType .profile_slide .swiper-slide .m_img {
	display: none
}

.profile_popup .listType .profile_slide .swiper-slide .mt60 {
	margin-top: min(3.125vw, 60px)
}

.profile_popup .listType .profile_slide .swiper-slide .mb30 {
	margin-bottom: min(1.562vw, 30px)
}

.profile_popup .listType .profile_slide .swiper-slide .mb40 {
	margin-bottom: min(2.083vw, 40px)
}

.profile_popup .listType .profile_slide .swiper-slide .mb60 {
	margin-bottom: min(3.125vw, 60px)
}

.profile_popup .listType .profile_slide .swiper-slide .mt10 {
	margin-top: min(0.52vw, 10px)
}

.profile_popup .listType .profile_slide .swiper-slide .mt20 {
	margin-top: min(1.041vw, 20px)
}

.profile_popup .listType .profile_slide .swiper-slide .f22 {
	font-size: 22px !important
}

.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap .first_cover {
	position: relative;
	width: 100%;
	height: 100%
}

.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap .txt_wrap {
	position: absolute;
	top: min(2.083vw, 40px);
	left: min(3.125vw, 60px);
	color: #fff;
	font-weight: 600;
	z-index: 1
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap .txt_wrap {
		font-size: 1.625rem;
		letter-spacing: -0.03em;
		line-height: 1.5384615385em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap .txt_wrap {
		font-size: 26px;
		letter-spacing: -0.03em;
		line-height: 40px
	}
}

.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap h1 {
	padding: 0
}

.profile_popup .listType .profile_slide .swiper-slide.smail_size .left,.profile_popup .listType .profile_slide .swiper-slide.smail_size .right {
	width: min(39.583vw, 760px);
	height: min(36.458vw, 700px)
}

.profile_popup .listType .profile_slide .swiper-slide.smail_size.space {
	padding: min(2.083vw, 40px)
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .mt30 {
	margin-top: min(1.562vw, 30px)
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .top h3,.profile_popup .listType .profile_slide .swiper-slide.type-map .top a {
	display: inline-block
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .top a {
	margin-top: 0;
	margin-left: min(1.562vw, 30px);
	vertical-align: text-bottom
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list_wrap {
	display: block
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list {
	width: 100%
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list li {
	display: flex;
	justify-content: space-between
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list li.center {
	align-items: center
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list li:first-child,.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list li:last-child {
	padding: min(2.083vw, 40px)
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list .thumb_area {
	width: min(10.937vw, 210px)
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list .txt_area {
	width: calc(100% - min(10.937vw, 210px))
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .half {
	height: 50%
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .half li {
	align-items: center;
	height: 100%;
	padding-top: min(0.52vw, 10px)
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .left.bg_doctor,.profile_popup .listType .profile_slide .swiper-slide.type-map .right.bg_doctor {
	padding: 0
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .left.bg_doctor .scroll_wrap p,.profile_popup .listType .profile_slide .swiper-slide.type-map .right.bg_doctor .scroll_wrap p {
	margin-bottom: 0
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .left.bg_doctor .thumb_list_wrap,.profile_popup .listType .profile_slide .swiper-slide.type-map .right.bg_doctor .thumb_list_wrap {
	padding: 0
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .left.bg_doctor .thumb_list_wrap .thumb_list li,.profile_popup .listType .profile_slide .swiper-slide.type-map .right.bg_doctor .thumb_list_wrap .thumb_list li {
	overflow: visible
}

.profile_popup .listType .profile_slide .swiper-slide.type-map .left.bg_doctor .thumb_list_wrap .thumb_list li::after,.profile_popup .listType .profile_slide .swiper-slide.type-map .right.bg_doctor .thumb_list_wrap .thumb_list li::after {
	clear: both;
	display: block;
	content: ""
}

@media all and (max-width: 1700px) {
	.profile_popup .listType .profile_slide .swiper-slide.type-map .left .thumb_list li:first-child,.profile_popup .listType .profile_slide .swiper-slide.type-map .left .thumb_list li:last-child {
		padding: min(1.041vw, 20px) min(2.083vw, 40px)
	}
}

.profile_popup .listType .profile_slide .swiper-slide.max-type .thumb_list {
	width: 100%
}

.profile_popup .listType .profile_slide .swiper-slide.max-type .thumb_list li {
	padding: 0 0 min(2.083vw, 40px);
	border: none
}

.profile_popup .listType .profile_slide .swiper-slide.max-type .thumb_list li:last-child {
	padding-bottom: 0
}

.profile_popup .listType .profile_slide .swiper-slide.max-type .thumb_list .thumb_area {
	width: min(16.562vw, 318px)
}

.profile_popup .listType .profile_slide .swiper-slide.max-type .thumb_list .txt_area {
	width: 65%
}

.profile_popup .listType .profile_slide .swiper-slide.max-type .thumb_list .txt {
	color: #222
}

.profile_popup .listType .profile_slide .swiper-slide.max-type .caption {
	margin-top: min(0.52vw, 10px);
	color: #666
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type .caption {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type .caption {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.profile_popup .listType .profile_slide .swiper-slide.max-type-full .slide_inner .bg_doctor {
	padding: min(2.604vw, 50px) min(3.125vw, 60px)
}

.profile_popup .listType .profile_slide .swiper-slide.max-type-full .tit_wrap {
	overflow: hidden
}

.profile_popup .listType .profile_slide .swiper-slide.max-type-full .tit_wrap h3 {
	float: left;
	margin-right: min(2.083vw, 40px)
}

.profile_popup .listType .profile_slide .swiper-slide.max-type-full .tit_wrap .btn_link {
	margin-top: 6px;
	float: left
}

.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list {
	margin-top: min(2.083vw, 40px);
	width: 100%
}

.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list li {
	padding: 0 0 min(2.083vw, 40px);
	border: none
}

.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list li:last-child {
	padding-bottom: 0
}

.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .thumb_area {
	width: min(15.052vw, 289px)
}

.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .thumb_area .caption {
	margin-top: 10px
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .thumb_area .caption {
		font-size: 1rem;
		letter-spacing: -0.03em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .thumb_area .caption {
		font-size: 16px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .txt_area {
	width: 78%
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .txt_area .tit {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .txt_area .tit {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .txt_area .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .txt_area .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner {
	padding: min(2.083vw, 40px);
	width: 100%;
	height: 100%
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner .bg_doctor {
	padding: min(4.166vw, 80px);
	width: 100%;
	height: 100%;
	background-color: #f8f8f8
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.each_size_type>.bg_doctor {
	padding: min(3.125vw, 60px)
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.each_size_type .left {
	width: min(20.312vw, 390px);
	height: auto
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.each_size_type .right {
	width: min(52.604vw, 1010px);
	height: auto
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.each_size_type .right.max {
	height: 100%
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide .slide_inner.each_size_type .right .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.5333333333em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .slide_inner.each_size_type .right .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 23px
	}
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .left {
	width: min(34.375vw, 660px);
	height: auto
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .right {
	margin-left: min(2.083vw, 40px);
	padding-left: min(2.083vw, 40px);
	width: min(42.708vw, 820px);
	height: auto;
	border-left: 1px solid #ccc
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .tit_wrap .txt {
	margin-top: min(1.041vw, 20px)
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .thumb_link {
	display: inline-block;
	width: 100%;
	position: relative
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .thumb_link:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 7px;
	height: 12px;
	content: ""
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .thumb_link:after {
	background: url("/resources/en/images/profile/ico_thumb_arrow.svg") 0 0 no-repeat;
	background-size: cover;
	transform: translateY(-50%)
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .thumb_link>.tit {
	width: 96%
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .thumb_link>.tit.small {
	font-size: 19px
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .tit_wrap .thumb_link {
	width: auto;
	padding-right: min(1.354vw, 26px)
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .tit_wrap .thumb_link::after {
	background: url("/resources/en/images/profile/ico_tit_arrow.svg") 0 0 no-repeat;
	width: 10px;
	height: 16px
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner .left,.profile_popup .listType .profile_slide .swiper-slide .slide_inner .right {
	width: min(39.583vw, 760px);
	height: min(36.458vw, 700px)
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner .h600 {
	width: min(38.541vw, 740px);
	height: min(31.77vw, 610px);
	margin-top: min(1.562vw, 30px)
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner .h600.left {
	margin-right: min(2.083vw, 40px)
}

.profile_popup .listType .profile_slide .swiper-slide .slide_inner .left.txt_type {
	padding-right: min(2.083vw, 40px)
}

.profile_popup .listType .profile_slide .swiper-slide .left,.profile_popup .listType .profile_slide .swiper-slide .right {
	position: relative;
	float: left;
	width: min(41.666vw, 800px);
	height: min(40.625vw, 780px)
}

.profile_popup .listType .profile_slide .swiper-slide .left.bg_doctor,.profile_popup .listType .profile_slide .swiper-slide .right.bg_doctor {
	padding: min(2.083vw, 40px);
	background-color: #f8f8f8
}

.profile_popup .listType .profile_slide .swiper-slide .left .inner,.profile_popup .listType .profile_slide .swiper-slide .right .inner {
	position: relative;
	margin: min(2.083vw, 40px) min(3.125vw, 60px)
}

.profile_popup .listType .profile_slide .swiper-slide .cover_img {
	margin-bottom: min(2.083vw, 40px)
}

.profile_popup .listType .profile_slide .swiper-slide .txt_box {
	margin-top: min(2.083vw, 40px)
}

.profile_popup .listType .profile_slide .swiper-slide .btn_link+.txt_box {
	margin-top: min(3.125vw, 60px)
}

.profile_popup .listType .profile_slide .swiper-slide .tit {
	margin-bottom: min(0.52vw, 10px);
	color: #222;
	font-weight: 600
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide .tit {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .tit {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 1.5em;
		max-height: 3em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .tit {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		line-height: 30px;
		max-height: 60px
	}
}

.profile_popup .listType .profile_slide .swiper-slide .txt {
	color: #666
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide .txt {
		font-size: 1rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .txt {
		font-size: 16px;
		letter-spacing: -0.03em;
		line-height: 24px
	}
}

.profile_popup .listType .profile_slide .swiper-slide .btn_link {
	display: inline-block;
	margin-top: min(1.562vw, 30px);
	padding: min(0.572vw, 11px) min(1.041vw, 20px);
	width: 150px;
	color: #222;
	font-weight: 600;
	position: relative;
	background-color: #fff;
	border-radius: min(1.197vw, 23px);
	border: 1px solid #888
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide .btn_link {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.4117647059em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .btn_link {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 24px
	}
}

.profile_popup .listType .profile_slide .swiper-slide .btn_link:after {
	display: block;
	position: absolute;
	top: 50%;
	right: min(1.041vw, 20px);
	width: 6px;
	height: 11px;
	content: ""
}

.profile_popup .listType .profile_slide .swiper-slide .btn_link:after {
	background: url("/resources/en/images/profile/ico_arrow.svg") 0 0 no-repeat;
	background-size: min(0.312vw, 6px) min(0.625vw, 12px);
	transform: translateY(-50%)
}

.profile_popup .listType .profile_slide .swiper-slide .btn_link.line {
	border: 1px solid #888
}

.profile_popup .listType .profile_slide .swiper-slide .btn_link:hover {
	color: #fff;
	background-color: #004480
}

.profile_popup .listType .profile_slide .swiper-slide .btn_link:hover:after {
	background-image: url("/resources/en/images/profile/ico_arrow_on.svg")
}

.profile_popup .listType .profile_slide .swiper-slide .btn_link+.txt {
	margin: min(3.125vw, 60px) 0
}

.profile_popup .listType .profile_slide .scroll_wrap {
	overflow: hidden;
	padding: min(5.208vw, 100px) 0;
	height: 100%
}

.profile_popup .listType .profile_slide .scroll_wrap.noPadding {
	padding: 0;
	height: 100%
}

.profile_popup .listType .profile_slide .scroll_wrap.noPadding .scroll_box {
	padding: 0
}

.profile_popup .listType .profile_slide .scroll_wrap .scroll_box {
	padding: 0 min(3.645vw, 70px);
	overflow-y: auto;
	height: 100%
}

.profile_popup .listType .profile_slide .scroll_wrap .scroll_box.wide-padding {
	padding: 0 min(5.208vw, 100px) 0 min(8.333vw, 160px)
}

.profile_popup .listType .profile_slide .scroll_wrap .scroll_box.wide-padding .txt_box {
	margin-top: 0
}

.profile_popup .listType .profile_slide .scroll_wrap .scroll_box.noPadding {
	padding: 0
}

.profile_popup .listType .profile_slide .scroll_wrap .tit {
	color: #222;
	margin-bottom: min(1.562vw, 30px)
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .scroll_wrap .tit {
		font-size: 1.625rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .scroll_wrap .tit {
		font-size: 26px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.profile_popup .listType .profile_slide .scroll_wrap p {
	margin-bottom: min(1.562vw, 30px)
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .scroll_wrap p {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.5294117647em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .scroll_wrap p {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 26px
	}
}

.profile_popup .listType .profile_slide .scroll_wrap .sign .img {
	margin: min(2.604vw, 50px) 0 min(1.562vw, 30px);
	width: min(8.593vw, 165px)
}

.profile_popup .listType .profile_slide .scroll_wrap .sign .img img {
	display: inline-block
}

.profile_popup .listType .profile_slide .scroll_wrap .sign strong {
	display: block;
	margin-top: min(0.52vw, 10px);
	color: #222
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .scroll_wrap .sign strong {
		font-size: 1.625rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .scroll_wrap .sign strong {
		font-size: 26px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.profile_popup .listType .profile_slide .cover {
	position: absolute
}

.profile_popup .listType .profile_slide .cover .btn_link {
	border: none
}

.profile_popup .listType .profile_slide .cover.full_cover {
	position: relative
}

.profile_popup .listType .profile_slide .cover.full_cover .txt_wrap {
	position: absolute;
	left: 5%;
	bottom: min(2.604vw, 50px);
	width: 90%
}

.profile_popup .listType .profile_slide .cover.full_cover .txt {
	color: #fff
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .cover.full_cover .txt {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.5294117647em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover.full_cover .txt {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 26px
	}
}

.profile_popup .listType .profile_slide .cover.full_cover .img img {
	max-width: 101%
}

.profile_popup .listType .profile_slide .cover.box_cover {
	position: relative
}

.profile_popup .listType .profile_slide .cover.box_cover .box_inner {
	position: absolute;
	left: 0;
	top: 0;
	padding: min(3.645vw, 70px) min(3.385vw, 65px);
	width: 100%;
	height: 100%
}

.profile_popup .listType .profile_slide .cover .tit_wrap h2 {
	color: #fff
}

.profile_popup .listType .profile_slide .cover .tit_wrap .sub_txt {
	margin-top: min(1.041vw, 20px);
	color: #fff;
	font-weight: 600
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .cover .tit_wrap .sub_txt {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.3em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover .tit_wrap .sub_txt {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 26px
	}
}

.profile_popup .listType .profile_slide .cover .tit_wrap .txt {
	margin-top: min(1.041vw, 20px);
	color: #fff;
	font-weight: 300
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .cover .tit_wrap .txt {
		font-size: 1rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover .tit_wrap .txt {
		font-size: 16px;
		letter-spacing: -0.03em;
		line-height: 24px
	}
}

.profile_popup .listType .profile_slide .cover_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	height: 100%
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .cover_box .txt {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.7777777778em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover_box .txt {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 32px
	}
}

.profile_popup .listType .profile_slide .cover_box .txt.pd120 {
	padding: 0 min(6.25vw, 120px)
}

.profile_popup .listType .profile_slide .cover_box .txt.bold {
	font-weight: 600
}

.profile_popup .listType .profile_slide .cover_box .info_box {
	margin: 0 auto;
	width: min(33.333vw, 640px)
}

.profile_popup .listType .profile_slide .cover_box .info_box .txt {
	margin-top: min(1.562vw, 30px)
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .cover_box .info_box .txt {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1.6666666667em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover_box .info_box .txt {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

.profile_popup .listType .profile_slide .thumb_list_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%
}

.profile_popup .listType .profile_slide .thumb_list_wrap .thumb_list li:first-child {
	padding: 0 0 min(2.083vw, 40px)
}

.profile_popup .listType .profile_slide .thumb_list_wrap .thumb_list li:last-child {
	padding: min(2.083vw, 40px) 0 0
}

.profile_popup .listType .profile_slide .thumb_list {
	width: min(35.416vw, 680px)
}

.profile_popup .listType .profile_slide .thumb_list li {
	overflow: hidden;
	padding: min(2.083vw, 40px) 0;
	border-top: 1px solid #ccc
}

.profile_popup .listType .profile_slide .thumb_list li:first-child {
	border-top: none
}

.profile_popup .listType .profile_slide .thumb_list.txt_img_type .txt_area {
	padding-left: 0;
	padding-right: min(2.083vw, 40px)
}

.profile_popup .listType .profile_slide .thumb_list.vertical_type {
	overflow: hidden;
	width: 100%
}

.profile_popup .listType .profile_slide .thumb_list.vertical_type li {
	margin-left: min(1.822vw, 35px);
	margin-top: min(2.083vw, 40px);
	padding: 0;
	float: left;
	width: min(19.27vw, 370px);
	border-top: none
}

.profile_popup .listType .profile_slide .thumb_list.vertical_type li:nth-child(odd) {
	margin-left: 0
}

.profile_popup .listType .profile_slide .thumb_list.vertical_type li:nth-child(1),.profile_popup .listType .profile_slide .thumb_list.vertical_type li:nth-child(2) {
	margin-top: 0
}

.profile_popup .listType .profile_slide .thumb_list.vertical_type .thumb_area {
	float: none;
	width: 100%
}

.profile_popup .listType .profile_slide .thumb_list.vertical_type .txt_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
	float: none;
	padding-left: 0;
	padding: min(0.781vw, 15px);
	width: 100%;
	background-color: #f8f8f8;
	min-height: min(5.208vw, 100px)
}

.profile_popup .listType .profile_slide .thumb_list.half_vertical_type {
	overflow: hidden;
	width: 100%
}

.profile_popup .listType .profile_slide .thumb_list.half_vertical_type.scroll_type li {
	width: min(21.614vw, 415px)
}

.profile_popup .listType .profile_slide .thumb_list.half_vertical_type li {
	margin-left: min(4.687vw, 90px);
	padding: 0;
	float: left;
	width: min(21.875vw, 420px);
	border-top: none
}

.profile_popup .listType .profile_slide .thumb_list.half_vertical_type li:first-child {
	margin-left: 0
}

.profile_popup .listType .profile_slide .thumb_list.half_vertical_type .thumb_area {
	float: none;
	width: 100%
}

.profile_popup .listType .profile_slide .thumb_list.half_vertical_type .txt_area {
	float: none;
	padding-left: 0;
	padding-top: min(1.562vw, 30px);
	width: 100%
}

.profile_popup .listType .profile_slide .thumb_list .thumb_area {
	float: left;
	width: min(10.416vw, 200px)
}

.profile_popup .listType .profile_slide .thumb_list .txt_area {
	float: left;
	padding-left: min(2.083vw, 40px);
	width: 70%
}

.profile_popup .listType .profile_slide .thumb_list .txt_area.full {
	width: 100%
}

.profile_popup .listType .profile_slide .thumb_list .txt_area .txt_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center
}

.profile_popup .listType .profile_slide .thumb_list .txt_area .tit {
	margin-bottom: 0;
	color: #222;
	font-weight: 600
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .thumb_list .txt_area .tit {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.3em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .thumb_list .txt_area .tit {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 26px
	}
}

.profile_popup .listType .profile_slide .thumb_list .txt_area .tit .txt_normal {
	font-weight: 400
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .thumb_list .txt_area .tit .txt_normal {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.5294117647em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .thumb_list .txt_area .tit .txt_normal {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 26px
	}
}

.profile_popup .listType .profile_slide .thumb_list .txt_area .txt {
	margin-top: min(0.52vw, 10px)
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .thumb_list .txt_area .txt {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.5294117647em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .thumb_list .txt_area .txt {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 26px
	}
}

.profile_popup .listType .profile_slide .img_list li {
	padding: min(1.562vw, 30px) 0;
	border-top: 1px solid #ccc
}

.profile_popup .listType .profile_slide .img_list li:first-child {
	padding-top: 0;
	border-top: none
}

.profile_popup .listType .profile_slide .img_list li:last-child {
	padding-bottom: 0
}

.profile_popup .listType .profile_slide .img_list .img {
	margin-top: min(1.041vw, 20px)
}

.profile_popup .listType .profile_slide .sustainability_wrap .menu_list {
	overflow: hidden
}

.profile_popup .listType .profile_slide .sustainability_wrap .menu_list li {
	margin-left: min(2.083vw, 40px);
	float: left;
	width: min(25vw, 480px);
	background-color: #f8f8f8
}

.profile_popup .listType .profile_slide .sustainability_wrap .menu_list li:first-child {
	margin-left: 0
}

.profile_popup .listType .profile_slide .sustainability_wrap .menu_list .txt_area {
	padding: min(2.083vw, 40px)
}

.profile_popup .listType .profile_slide .sustainability_wrap .menu_list .txt_area h6 {
	margin-bottom: min(1.562vw, 30px)
}

.profile_popup .listType .profile_slide .global_network {
	overflow: hidden
}

.profile_popup .listType .profile_slide .global_network .map_wrap {
	float: left;
	overflow: hidden;
	padding: min(2.083vw, 40px) min(3.541vw, 68px);
	width: min(57.291vw, 1100px);
	height: min(36.458vw, 700px);
	background: url("/resources/en/images/profile/list/30.jpg") 0 0 no-repeat;
	background-size: cover
}

.profile_popup .listType .profile_slide .global_network .map_wrap h4 {
	float: left;
	margin-right: min(1.562vw, 30px)
}

.profile_popup .listType .profile_slide .global_network .map_wrap .inner {
	float: left;
	width: 60%
}

.profile_popup .listType .profile_slide .global_network .map_wrap .btn_link {
	margin-right: min(0.52vw, 10px)
}

.profile_popup .listType .profile_slide .global_network .map_info {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	height: min(36.458vw, 700px)
}

.profile_popup .listType .profile_slide .global_network .map_info .global_list>li {
	overflow: hidden;
	margin-top: min(1.562vw, 30px)
}

.profile_popup .listType .profile_slide .global_network .map_info .global_list>li:first-child {
	margin-top: 0
}

.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .tit {
	margin-bottom: 0;
	float: left;
	width: min(7.812vw, 150px)
}

.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list {
	margin-top: min(0.26vw, 5px);
	float: left
}

.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li {
	margin-top: min(0.781vw, 15px);
	color: #666
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li {
		font-size: 1.0625rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li {
		font-size: 17px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li:first-child {
	margin-top: 0
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li:first-child {
		font-size: 1rem;
		letter-spacing: -0.03em;
		line-height: 1.5em
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li:first-child {
		font-size: 16px;
		letter-spacing: -0.03em;
		line-height: 24px
	}
}

.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li strong {
	font-weight: 600;
	color: #004480
}

.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li>span {
	display: inline-block;
	margin-right: min(0.416vw, 8px);
	padding: 4px 0;
	width: 20px;
	background-color: #00a0e9;
	border-radius: 100%;
	color: #fff;
	text-align: center
}

@media(min-width: 1024px) {
	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li>span {
		font-size: .75rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li>span {
		font-size: 12px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

.profile_popup .imgType .swiper_control .swiper-pagination {
	display: none
}

.profile_popup .imgType .profile_slide {
	padding: min(2.083vw, 40px)
}

.profile_popup .imgType .profile_slide .swiper-slide {
	overflow: visible;
	width: auto;
	max-width: min(83.333vw, 1600px)
}

.profile_popup .imgType .profile_slide .swiper-slide>div {
	float: left;
	width: min(35.26vw, 677px)
}

.profile_popup .imgType .profile_slide .swiper-slide>div .img {
	margin-top: min(2.083vw, 40px)
}

.profile_popup .imgType .profile_slide .swiper-slide>div .img:first-child {
	margin-top: 0
}

.profile_popup .imgType .profile_slide .swiper-slide .right {
	margin-left: min(2.083vw, 40px)
}

.profile_popup .imgType .profile_slide .swiper-slide .img {
	position: relative
}

.profile_popup .imgType .profile_slide .swiper-slide .img .num {
	display: inline-block;
	position: absolute;
	left: min(-1.25vw, -15px);
	top: min(-1.25vw, -15px);
	width: min(3.166vw, 38px);
	height: min(3.166vw, 38px);
	font-size: 18px;
	line-height: min(3.166vw, 38px);
	text-align: center;
	color: #fff;
	border-radius: 100%;
	background-color: #222;
	box-shadow: 3px 3px 3px 0 rgba(0,0,0,.16)
}

@media(max-width: 1023px) {
	.profile_popup .dim {
		opacity: .9
	}

	.profile_popup .profile_wrap {
		padding: 50px 0;
		width: 92%;
		height: calc(100% - 60px)
	}

	.profile_popup .swiper_control {
		bottom: 0
	}

	.profile_popup .swiper_control .inner {
		height: 38px
	}

	.profile_popup .swiper_control .arr_wrap {
		width: 100%;
		height: 38px
	}

	.profile_popup .swiper_control .arr_wrap .btn {
		width: 38px;
		height: 38px
	}

	.profile_popup .swiper_control .swiper_paging_wrap {
		width: 50%;
		max-width: 180px;
		height: 38px
	}

	.profile_popup .swiper_control .swiper-pagination {
		padding: 5px 70px 0 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .swiper_control .swiper-pagination {
		font-size: 1.375rem;
		letter-spacing: -0.025em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .swiper_control .swiper-pagination {
		font-size: 22px;
		letter-spacing: -0.025em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .swiper_control .swiper-pagination .pagination_inner {
		font-size: 1.375rem;
		letter-spacing: -0.025em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .swiper_control .swiper-pagination .pagination_inner {
		font-size: 22px;
		letter-spacing: -0.025em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .swiper_control .swiper-pagination input {
		width: 32px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .swiper_control .swiper-pagination input {
		font-size: 1.375rem;
		letter-spacing: -0.025em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .swiper_control .swiper-pagination input {
		font-size: 22px;
		letter-spacing: -0.025em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .swiper_control .swiper-pagination span.total {
		padding-top: 3px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .swiper_control .swiper-pagination span.total {
		font-size: 1.4375rem;
		letter-spacing: -0.025em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .swiper_control .swiper-pagination span.total {
		font-size: 23px;
		letter-spacing: -0.025em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .swiper_control .goTo_swiper {
		width: 45px;
		height: 38px
	}
}

@media(max-width: 1023px) {
	.profile_popup .util_menu {
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		height: 50px
	}

	.profile_popup .util_menu li {
		float: left;
		margin-top: 0;
		width: 33.33%;
		height: 50px
	}

	.profile_popup .util_menu li:first-child a {
		border-left: none
	}

	.profile_popup .util_menu li a {
		width: 100%;
		height: 100%;
		border-radius: 0;
		border-left: 1px solid #fff
	}

	.profile_popup .util_menu li a.btn_close {
		background-size: 20px 20px
	}

	.profile_popup .util_menu li a.btn_list.img_type {
		background-size: 20px 20px
	}

	.profile_popup .util_menu li a.btn_download {
		background-size: 24px 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide h1 {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide h1 {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide h1 span {
		margin-top: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide h1 span {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide h1 span {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide h2 {
		font-size: 2.375rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide h2 {
		font-size: 38px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide h3 {
		font-size: 2.0625rem;
		letter-spacing: -0.03em;
		line-height: 1.1515151515em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide h3 {
		font-size: 33px;
		letter-spacing: -0.03em;
		line-height: 38px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide h4 {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1.1666666667em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide h4 {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 35px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide h4.small {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1.1666666667em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide h4.small {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 35px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide h5 {
		font-size: 1.875rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide h5 {
		font-size: 30px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide h6 {
		font-size: 1.375rem;
		letter-spacing: -0.03em;
		line-height: 1.2272727273em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide h6 {
		font-size: 22px;
		letter-spacing: -0.03em;
		line-height: 27px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .img.w_img {
		display: none
	}

	.profile_popup .listType .profile_slide .img.m_img {
		display: block
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide {
		overflow-y: auto;
		padding: 0 0 60px
	}

	.profile_popup .listType .profile_slide .swiper-slide .w_block {
		display: inline-block
	}

	.profile_popup .listType .profile_slide .swiper-slide .m_block {
		display: block
	}

	.profile_popup .listType .profile_slide .swiper-slide .w_img {
		display: none
	}

	.profile_popup .listType .profile_slide .swiper-slide .m_img {
		display: block
	}

	.profile_popup .listType .profile_slide .swiper-slide .mt60 {
		margin-top: 30px
	}

	.profile_popup .listType .profile_slide .swiper-slide .mb30 {
		margin-bottom: 15px
	}

	.profile_popup .listType .profile_slide .swiper-slide .mb40 {
		margin-bottom: 30px
	}

	.profile_popup .listType .profile_slide .swiper-slide .mb60 {
		margin-bottom: 30px
	}

	.profile_popup .listType .profile_slide .swiper-slide .mt20 {
		margin-top: 20px
	}

	.profile_popup .listType .profile_slide .swiper-slide .f22 {
		font-size: 15px !important
	}

	.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap {
		position: relative;
		width: 100%;
		padding-bottom: 0
	}

	.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap .m_img {
		position: relative;
		width: 100%;
		height: 0;
		padding-top: 136.9%
	}

	.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap .m_img img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap .txt_wrap {
		top: 20px;
		left: 20px
	}

	.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap h1 {
		padding: 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap h1 {
		font-size: .875rem;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap h1 {
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap h1 span {
		margin-top: 0;
		margin-left: 6px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap .first_cover {
		width: 100%;
		height: 100%;
		padding-bottom: 0
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.smail_size .left,.profile_popup .listType .profile_slide .swiper-slide.smail_size .right {
		width: 100%;
		height: auto
	}

	.profile_popup .listType .profile_slide .swiper-slide.smail_size.space {
		padding: 0 0 60px
	}

	.profile_popup .listType .profile_slide .swiper-slide.smail_size .right .cover_box {
		padding: 30px 0 0
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.type-map .top h3 {
		display: block
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .top a {
		margin: 15px 0 30px
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .h600 {
		margin-top: 0
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .left,.profile_popup .listType .profile_slide .swiper-slide.type-map .right {
		margin-left: 0
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .left.bg_doctor,.profile_popup .listType .profile_slide .swiper-slide.type-map .right.bg_doctor {
		padding: 0 15px
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .right.bg_doctor {
		padding-bottom: 20px
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .right .thumb_list li:first-child {
		padding: 30px 0
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .right .thumb_list li:last-child {
		padding: 30px 0 0
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .left.bg_doctor {
		padding-top: 20px;
		padding-bottom: 30px
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .left .thumb_list li:first-child {
		padding: 0 0 30px
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .left .thumb_list li:last-child {
		padding: 30px 0 0
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list_wrap {
		padding: 0
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list li {
		flex-direction: column
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list li:first-child {
		padding: 0 0 30px
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list .thumb_area {
		width: 100%;
		order: 2;
		margin-bottom: 0
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list .thumb_area .img {
		padding-top: 38.57%
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .thumb_list .txt_area {
		width: 100%;
		margin-bottom: 15px
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .half {
		margin-top: 0
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .half li:first-child {
		padding-top: 30px;
		border-top: 1px solid #ccc
	}

	.profile_popup .listType .profile_slide .swiper-slide.type-map .half .txt_area {
		transform: translateY(0)
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type .btn_link {
		margin-bottom: 30px
	}

	.profile_popup .listType .profile_slide .swiper-slide.max-type .thumb_list li {
		padding: 0 0 40px
	}

	.profile_popup .listType .profile_slide .swiper-slide.max-type .thumb_list .thumb_area {
		width: 100%
	}

	.profile_popup .listType .profile_slide .swiper-slide.max-type .thumb_list .thumb_area img {
		margin: 0 auto
	}

	.profile_popup .listType .profile_slide .swiper-slide.max-type .thumb_list .txt_area {
		width: 100%;
		margin-top: 15px
	}

	.profile_popup .listType .profile_slide .swiper-slide.max-type .caption {
		margin-top: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type .caption {
		font-size: .875rem;
		letter-spacing: -0.015em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type .caption {
		font-size: 14px;
		letter-spacing: -0.015em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .slide_inner .bg_doctor {
		padding: 0
	}

	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .tit_wrap h3 {
		float: none;
		margin-right: 0
	}

	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .tit_wrap .btn_link {
		margin-top: 15px;
		float: none
	}

	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list {
		margin-top: 30px
	}

	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list li {
		padding: 0 0 40px
	}

	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .thumb_area {
		width: 100%
	}

	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .thumb_area .caption {
		margin: 15px 0 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .thumb_area .caption {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .thumb_area .caption {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .txt_area {
		width: 100%
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .txt_area .tit {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .txt_area .tit {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .txt_area .txt {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide.max-type-full .thumb_list .txt_area .txt {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .slide_inner {
		padding: 15px 15px 0;
		height: auto
	}

	.profile_popup .listType .profile_slide .swiper-slide .slide_inner .bg_doctor {
		padding: 15px
	}

	.profile_popup .listType .profile_slide .swiper-slide .slide_inner.each_size_type .bg_doctor {
		padding: 0;
		background-color: #fff
	}

	.profile_popup .listType .profile_slide .swiper-slide .slide_inner.each_size_type .left {
		width: 100%
	}

	.profile_popup .listType .profile_slide .swiper-slide .slide_inner.each_size_type .right {
		width: 100%
	}

	.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .left {
		width: 100%
	}

	.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .right {
		margin-left: 0;
		padding-left: 0;
		width: 100%;
		border-left: none
	}

	.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .tit_wrap .txt {
		margin-top: 15px
	}

	.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type h6 {
		width: 96%
	}

	.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .thumb_link {
		padding-right: 20px
	}

	.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .thumb_link>.tit {
		width: 96%
	}

	.profile_popup .listType .profile_slide .swiper-slide .slide_inner.thumb_info_type .thumb_link>.tit.small {
		font-size: inherit
	}

	.profile_popup .listType .profile_slide .swiper-slide .slide_inner .left,.profile_popup .listType .profile_slide .swiper-slide .slide_inner .right {
		width: 100%;
		height: auto
	}

	.profile_popup .listType .profile_slide .swiper-slide .slide_inner .left.txt_type {
		margin-bottom: 30px;
		padding-right: 0
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .left,.profile_popup .listType .profile_slide .swiper-slide .right {
		position: static;
		float: none;
		width: 100%;
		height: auto
	}

	.profile_popup .listType .profile_slide .swiper-slide .left .inner,.profile_popup .listType .profile_slide .swiper-slide .right .inner {
		position: static;
		margin: 0
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .left.bg_doctor {
		padding: 15px 15px 30px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .right.bg_doctor {
		padding: 20px 15px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .txt_box {
		margin-top: 30px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .btn_link+.txt_box {
		margin-top: 30px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .tit {
		margin-bottom: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide .tit {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .tit {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide .tit {
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .tit {
		display: block;
		min-height: auto;
		max-height: inherit;
		white-space: inherit
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide .txt {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .txt {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .btn_link {
		margin-top: 15px;
		padding: 10px 30px 10px 15px;
		width: 122px;
		border-radius: 35px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .swiper-slide .btn_link {
		font-size: .875rem;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .btn_link {
		font-size: 14px;
		letter-spacing: 0em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .btn_link:after {
		right: 15px;
		width: 6px;
		height: 10px;
		background-size: cover
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .swiper-slide .btn_link+.txt {
		margin: 30px 0
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .scroll_wrap {
		padding: 0
	}

	.profile_popup .listType .profile_slide .scroll_wrap .scroll_box {
		padding: 0;
		overflow-y: inherit
	}

	.profile_popup .listType .profile_slide .scroll_wrap .scroll_box.wide-padding {
		padding: 0
	}

	.profile_popup .listType .profile_slide .scroll_wrap .tit {
		margin-bottom: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .scroll_wrap .tit {
		font-size: 1.25rem;
		letter-spacing: -0.03em;
		line-height: 1.25em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .scroll_wrap .tit {
		font-size: 20px;
		letter-spacing: -0.03em;
		line-height: 25px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .scroll_wrap p {
		margin-bottom: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .scroll_wrap p {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .scroll_wrap p {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .scroll_wrap .sign .img {
		margin: 40px 0 15px;
		width: 120px
	}

	.profile_popup .listType .profile_slide .scroll_wrap .sign strong {
		margin-top: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .scroll_wrap .sign strong {
		font-size: 1.125rem;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .scroll_wrap .sign strong {
		font-size: 18px;
		letter-spacing: -0.03em;
		line-height: 1
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover {
		position: static
	}

	.profile_popup .listType .profile_slide .cover.full_cover .txt_wrap {
		position: absolute;
		left: 0;
		bottom: 15px;
		padding: 0 15px;
		width: 100%
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .cover.full_cover .txt {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover.full_cover .txt {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover.full_cover .img img {
		max-width: 100%
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover.box_cover .box_inner {
		padding: 15px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover .tit_wrap .sub_txt {
		margin-top: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .cover .tit_wrap .sub_txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover .tit_wrap .sub_txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover .tit_wrap .txt {
		margin-top: 10px;
		color: #fff;
		font-weight: 300
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .cover .tit_wrap .txt {
		font-size: .8125rem;
		letter-spacing: -0.03em;
		line-height: 1.3846153846em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover .tit_wrap .txt {
		font-size: 13px;
		letter-spacing: -0.03em;
		line-height: 18px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover_box {
		display: block;
		padding: 30px 15px;
		height: auto
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .cover_box .txt {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 2em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover_box .txt {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 30px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover_box .txt.pd120 {
		padding: 0
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover_box .info_box {
		width: 100%
	}

	.profile_popup .listType .profile_slide .cover_box .info_box .txt {
		margin-top: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .cover_box .info_box .txt {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.5714285714em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .cover_box .info_box .txt {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 22px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .thumb_list_wrap {
		display: block;
		padding: 30px 15px 0;
		height: auto
	}

	.profile_popup .listType .profile_slide .thumb_list_wrap .thumb_list li:first-child {
		padding: 0 0 30px
	}

	.profile_popup .listType .profile_slide .thumb_list_wrap .thumb_list li:last-child {
		padding: 30px 0 0
	}

	.profile_popup .listType .profile_slide .thumb_list_wrap .thumb_list li .thumb_area {
		margin-bottom: 30px
	}

	.profile_popup .listType .profile_slide .thumb_list_wrap .thumb_list li .thumb_area .img {
		overflow: hidden;
		position: relative;
		padding-top: 56%
	}

	.profile_popup .listType .profile_slide .thumb_list_wrap .thumb_list li .thumb_area .img img {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%)
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .thumb_list {
		width: 100%
	}

	.profile_popup .listType .profile_slide .thumb_list li {
		position: relative;
		padding: 30px 0
	}

	.profile_popup .listType .profile_slide .thumb_list .thumb_area {
		float: none;
		width: 100%
	}

	.profile_popup .listType .profile_slide .thumb_list .thumb_area img {
		margin: 0
	}

	.profile_popup .listType .profile_slide .thumb_list .txt_area {
		float: none;
		padding-left: 0;
		width: 100%
	}

	.profile_popup .listType .profile_slide .thumb_list .txt_area.full {
		width: 100%
	}

	.profile_popup .listType .profile_slide .thumb_list .txt_area .txt_wrap {
		display: block;
		padding-left: 0;
		width: 100%
	}

	.profile_popup .listType .profile_slide .thumb_list .thumb_area {
		float: none;
		width: 100%
	}

	.profile_popup .listType .profile_slide .thumb_list .thumb_area img {
		margin: 0
	}

	.profile_popup .listType .profile_slide .thumb_list.txt_img_type .txt_area {
		padding-right: 0
	}

	.profile_popup .listType .profile_slide .thumb_list.txt_img_type .thumb_area {
		display: none
	}

	.profile_popup .listType .profile_slide .thumb_list.vertical_type {
		overflow: hidden;
		margin-top: 30px;
		padding-top: 30px;
		width: 100%;
		border-top: 1px solid #ccc
	}

	.profile_popup .listType .profile_slide .thumb_list.vertical_type li {
		margin-left: 0;
		margin-top: 30px;
		float: none;
		width: 100%
	}

	.profile_popup .listType .profile_slide .thumb_list.vertical_type li:nth-child(1),.profile_popup .listType .profile_slide .thumb_list.vertical_type li:nth-child(2) {
		margin-top: 30px
	}

	.profile_popup .listType .profile_slide .thumb_list.vertical_type li:first-child {
		margin-top: 0
	}

	.profile_popup .listType .profile_slide .thumb_list.vertical_type .txt_area {
		display: block;
		padding: 20px 15px;
		min-height: auto
	}

	.profile_popup .listType .profile_slide .thumb_list.half_vertical_type {
		margin-top: 30px
	}

	.profile_popup .listType .profile_slide .thumb_list.half_vertical_type li {
		margin-top: 40px;
		margin-left: 0;
		float: none;
		width: 100%
	}

	.profile_popup .listType .profile_slide .thumb_list.half_vertical_type li:first-child {
		margin-top: 0
	}

	.profile_popup .listType .profile_slide .thumb_list.half_vertical_type .txt_area {
		padding-top: 20px
	}

	.profile_popup .listType .profile_slide .thumb_list .txt_area.full {
		width: 100%
	}

	.profile_popup .listType .profile_slide .thumb_list .txt_area .txt_wrap {
		display: block
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .thumb_list .txt_area .tit {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .thumb_list .txt_area .tit {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .thumb_list .txt_area .tit .txt_normal {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.3333333333em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .thumb_list .txt_area .tit .txt_normal {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .thumb_list .txt_area .txt {
		margin-top: 10px
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .thumb_list .txt_area .txt {
		font-size: .875rem;
		letter-spacing: -0.03em;
		line-height: 1.4285714286em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .thumb_list .txt_area .txt {
		font-size: 14px;
		letter-spacing: -0.03em;
		line-height: 20px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .img_list li {
		padding: 30px 0
	}

	.profile_popup .listType .profile_slide .img_list .img {
		margin-top: 15px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .sustainability_wrap .menu_list {
		overflow: hidden
	}

	.profile_popup .listType .profile_slide .sustainability_wrap .menu_list li {
		margin-left: 0;
		margin-top: 40px;
		float: none;
		width: 100%
	}

	.profile_popup .listType .profile_slide .sustainability_wrap .menu_list li:first-child {
		margin-top: 0
	}

	.profile_popup .listType .profile_slide .sustainability_wrap .menu_list .txt_area {
		padding: 20px
	}

	.profile_popup .listType .profile_slide .sustainability_wrap .menu_list .txt_area h6 {
		margin-bottom: 15px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .global_network .map_wrap {
		float: none;
		padding: 15px 15px 60%;
		width: 100%;
		height: auto;
		background-image: url("/resources/en/images/profile/list/m/30.jpg");
		background-size: 92% auto;
		background-position: center bottom 15px;
		background-color: #f8f8f8
	}

	.profile_popup .listType .profile_slide .global_network .map_wrap h4 {
		float: none;
		margin-right: 0
	}

	.profile_popup .listType .profile_slide .global_network .map_wrap .inner {
		margin-top: 10px;
		float: none;
		width: 100%
	}

	.profile_popup .listType .profile_slide .global_network .map_wrap .btn_link {
		margin-right: 10px
	}

	.profile_popup .listType .profile_slide .global_network .map_wrap .btn_link:last-child {
		min-width: 130px
	}

	.profile_popup .listType .profile_slide .global_network .map_info {
		display: block;
		height: auto
	}

	.profile_popup .listType .profile_slide .global_network .map_info .global_list {
		margin-top: 20px
	}

	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li {
		overflow: hidden;
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #ccc
	}

	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: none
	}

	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .tit {
		margin-bottom: 0;
		margin-left: 10px;
		width: 46%
	}

	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list {
		margin-top: 4px
	}

	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li {
		margin-top: 0
	}
}

@media(max-width: 1023px)and (min-width: 1024px) {
	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li {
		font-size: .9375rem;
		letter-spacing: -0.03em;
		line-height: 1.6666666667em
	}
}

@media(max-width: 1023px)and (max-width: 1023px) {
	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li {
		font-size: 15px;
		letter-spacing: -0.03em;
		line-height: 25px
	}
}

@media(max-width: 1023px) {
	.profile_popup .listType .profile_slide .global_network .map_info .global_list>li .list li>span {
		display: none
	}
}

@media(max-width: 1023px) {
	.profile_popup .imgType .profile_slide {
		padding: 0 15px 15px;
		overflow-y: auto
	}

	.profile_popup .imgType .profile_slide .swiper-wrapper {
		display: block
	}

	.profile_popup .imgType .profile_slide .swiper-slide {
		width: 100%;
		max-width: 100%;
		height: auto
	}

	.profile_popup .imgType .profile_slide .swiper-slide:last-child {
		padding-bottom: 15px
	}

	.profile_popup .imgType .profile_slide .swiper-slide>div {
		float: none;
		width: 100%
	}

	.profile_popup .imgType .profile_slide .swiper-slide>div .img {
		margin-top: 15px
	}

	.profile_popup .imgType .profile_slide .swiper-slide>div .img:first-child {
		margin-top: 15px
	}

	.profile_popup .imgType .profile_slide .swiper-slide>div .img .num {
		left: -10px;
		top: -10px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		box-shadow: none
	}

	.profile_popup .imgType .profile_slide .swiper-slide>div .img img {
		object-fit: cover
	}

	.profile_popup .imgType .profile_slide .swiper-slide .right {
		margin-left: 0;
		margin-top: 15px
	}

	.profile_popup .imgType .swiper_control {
		display: none
	}
}

@media(max-width: 767px) {
	.profile_popup .listType .profile_slide .swiper-slide.first_cover_wrap .first_cover {
		max-width: 100%
	}
}