@charset "utf-8";
body.news #subArea-wrap .subArea { transform: unset !important; }
.bo_sch { position: absolute; top: auto; left: auto; bottom: 0; background: #fff; text-align: left; width: fit-content; max-height: fit-content; margin-left: auto; margin-top: 0; overflow-y: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; background: #fff; border-radius: 10px; padding: 10px; }
/********************************************* 1600px *************************************************/
@media screen and (max-width: 1600px) {
#head { width: 88%; }
.footer .ft_area { width: 88%; }
.txt-conts dl { width: 100% !important; }
#subArea-wrap .spotArea .spot { width: 88%; }
#section5 .footer .ft_area { width: 88%; }
}
/********************************************* 1440px *************************************************/
@media screen and (max-width: 1440px) {
}
/********************************************* 1366px *************************************************/
@media screen and (max-width: 1366px) {
}
/********************************************* 1280px *************************************************/
@media screen and (max-width: 1280px) {
}
/********************************************* 1024px *************************************************/
@media screen and (max-width: 1024px) {
#gnb { display: none }
.panel { display: block }
address p { margin-bottom: 10px }
#header { background: none; border: none }
.navDisplay { background: rgba(0, 0, 0, .7) !important; }
#subArea-wrap .subArea .tab-menu { padding: 0px; }
#subArea-wrap .subArea .tab-menu li { text-align: center; width: 100%; }
#subArea-wrap .subArea .tab-menu li a { padding: 12px !important; border-bottom: 1px solid rgba(255, 255, 255, .1); }
#subArea-wrap .subArea .tab-menu li a:after { position: absolute; top: 48%; right: 6%; background-color: #dabfa6; transform: unset; transition: unset; bottom: auto; left: auto; width: 0; height: 0; content: none; }
#subArea-wrap .subArea .tab-menu li.this > a::after { opacity: 1; top: 12px; right: 20px; content: ''; background-color: #dabfa6; transform: unset; transition: unset; font-size: 14px; width: 20px; height: 20px; background: url("../images/common/icm_chevron_down_w.svg") no-repeat center center }
#subArea-wrap .subArea .contents-area { padding: 30px 0; min-height: 400px; overflow-y: auto; }
#subArea-wrap .subArea .contents { width: 100%; padding: 20px; }
.company .contents-area .contents > h3 { margin: 0px 0 40px; padding: 30px 20px; }
.tech .contents-area .contents > h3 { margin: 0px 0 40px; padding: 30px 20px; }
.company .contents-area .contents > ul { gap: 60px }
.company .contents-area .contents > ul li { width: 66% }
.company.business .contents-area .contents > h4 > img { width: 70%; min-width: 330px }
.company.contact .contents-area .contents > section { margin: 16vw 0 16vw 4vw; }
#section1 { background: #12093b url(../images/main/main_visual_02.png) center center repeat; }
#section1 .item img { object-fit: cover; width: 200%; }
#section1 .txt-conts { padding: 22vw 0 18vw 26vw; }
.m-fullpage #section1 .txt-conts dl dt h1 { margin-bottom: 40px; }
#section1 .item { top: 34%; }
#section3 .tech ul { justify-content: center; align-items: center; gap: 50px; flex-wrap: wrap; }
#section3 .tech .bar { display: none }
#section4 .member ul { justify-content: center; align-items: center; gap: 50px; flex-wrap: wrap; }
#subArea-wrap .subArea .tab-menu { min-height: 45px; }
#section3 .txt-conts dl dt { margin: 8vw 0 8vh }
#section4 .txt-conts dl dt { margin: 8vw 0 8vh }
.tech .contents-area .contents > section.tech_list ul li:first-child { flex-direction: column; align-items: flex-start; }
.tech .contents-area .contents > section.tech_list ul li > div { width: 100% !important; }
.cd-top { left: calc(100% - 60px); bottom: 30px; }
.tech .contents-area section.tech_list.list02 ul li > article > div { width: 82%; margin: 0 auto; display: flex; justify-content: center; flex-direction: column; gap: 40px; }
.tech .contents-area section.tech_list.list02 ul li:nth-child(1) > article > div { width: 80% !important; gap: 60px }
.tech .contents-area section.tech_list.list02 ul li:nth-child(1) > article > div > img:last-child { position: relative; z-index: 1; margin-left: 0%; }
#head .langArea { top: 42px; right: 40px; width: 46px; }
#head .langArea > a { text-indent: -9999px; display: inline-block }
}
/**********************/
/********************************************* 960px *************************************************/
@media screen and (max-width: 960px) {
#section3 .tech ul li dl dt { font-size: 4vw; }
#section3 .tech ul li dl dd { font-size: 2vw; }
.company .spotArea .spot > h2 { padding-top: 6vw; }
.tech .spotArea .spot > h2 { padding-top: 6vw; }
body.news .spotArea .spot > h2 { padding-top: 6vw; }
.company.business .contents-area .contents > ul { gap: 30px; margin: 90px 0; flex-wrap: wrap; }
.company.business .contents-area .contents > ul li { width: 100%; }
#section3 .txt-conts dl dt { margin: 18vw 0 8vh }
#section4 .txt-conts dl dt { margin: 18vw 0 8vh }
.tech .contents-area p.stitle { line-height: 140%; margin-bottom: 5vw; }
.tech .contents-area .contents > section.tech_list ul { margin-top: 16vw; }
.tech .contents-area .contents > section.tech_list ul li { margin-bottom: 20vw; }
.tech .contents-area section.tech_list.list02 ul li > article { padding: 12vw 0; }
.tech .contents-area section.tech_list ul { margin-top: 2vw; }
.tech .contents-area section.tech_list.list02 ul li > article { margin: 9vw 0 0; }
.tech .contents-area p.stitle > em { margin-top: 3vw; }
body.news ul.news_list > li { display: flex; flex-direction: column; margin-bottom: 6vw; }
body.news ul.news_list > li > dl { width: 100%; padding: 0; text-align: left; }
body.news ul.news_list > li > figure { width: 100%; }
body.news ul.news_list > li > dl dd:nth-child(2) p { padding: 20px 0 0 0px; background: url(../images/common/pic_news_bg.png) left top no-repeat; }
body.news ul.news_list > li > dl dd:last-child { margin: 20px 0; }
body.news ul.news_list > li:nth-child(even) { display: flex; flex-direction: column; }
body.news ul.news_list > li:nth-child(even) > dl { width: 100%; padding: 0; text-align: left; }
body.news ul.news_list > li > dl dt p { line-height: 120%; white-space: normal; }
#bo_gall .bo_tit { line-height: 120%; white-space: normal; }
#bo_v_title .bo_v_tit { font-size: 1em; line-height: 120%; }
.bo_sch { position: absolute; top: auto; left: auto; bottom: 0; background: #fff; text-align: left; width: 100%; max-height: 300px; margin-left: auto; margin-top: auto; overflow-y: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; background: #fff; border-radius: 0; transform: none; }
body.news #subArea-wrap .subArea { transform: unset !important; }
}
/********************************************* 760px *************************************************/
@media screen and (max-width: 760px) {
}
/********************************************* 640px *************************************************/
@media screen and (max-width: 640px) {
.company .spotArea .spot > h2 { padding-top: 14vw; }
.tech .spotArea .spot > h2 { padding-top: 14vw; }
body.news .spotArea .spot > h2 { padding-top: 14vw; }
.company .contents-area .contents > p { text-align: left; }
.company.teams .contents-area .contents > section.team_list > div:nth-child(odd) > article { flex-direction: column; align-items: center; }
.company.teams .contents-area .contents > section.team_list > div > article > img { width: 50%; object-fit: contain; }
.company.teams .contents-area .contents > section.team_list > div:nth-child(even) > article > dl dt { text-align: left; }
.company.teams .contents-area .contents > section.team_list > div:nth-child(even) > article > dl dd { text-align: left; }
.company.teams .contents-area .contents > section.team_list > div:nth-child(even) > article { display: flex; align-items: center; flex-direction: column; }
.company.teams .contents-area .contents > section.team_list > div > ol { padding: 20px 20px; }
}
/*ie10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}
/*ie8,9*/
@media \0screen {
}