@charset "utf-8"; 

/*main*/
.main_visual {position:relative; width:100%;height:100vh; overflow:hidden;}
.main_visual > img {position:absolute; left:50%; top:50%; min-width:100%; max-height:100%; height:auto; width:auto; transform:translate(-50%, -50%); display:inline-block;}
.main_visual .visual_tit {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; color:#fff; font-size:120px; text-align:center; line-height:1.2}
.main_visual .visual_tit > span{color:#fff; font-size:36px; line-height:1.2;}
.main_visual .bgvid{position:absolute; left:50%; top:50%; width:100%; height:auto; transform:translate(-50%, -50%);}
@media screen and (max-aspect-ratio: 1900/1080) {
    .main_visual .bgvid{width:auto; height:100%; min-height:800px;}
}

.flex_box {display:flex; justify-content:space-between; align-items:center;}
.flex_box.flex_end {display:flex; justify-content:flex-end;}
.flex_box2 {display:flex; justify-content:space-between; align-items:flex-start;}
.flex_box3 {display:flex; justify-content:flex-start; align-items:baseline;}
.flex_box4 {display:flex; justify-content:space-around; align-items:center;}
.flex_box3{margin:30px 0;}
.flex_box3 > p{margin:0 30px 0 20px;}
.flex_box3 > .btn_g{height:50px; padding:0 35px;}
.flex_box3 > .selectbox02{min-width:200px;}
.flex_box3.ty01{margin:0; align-items: center;}
.flex_box3.ty01 .calendar {margin-right:10px;vertical-align: top;display: inline-block;}
.flex_box3.ty01 .calendar_img {width:200px !important;}
.flex_box .btn_wrap2 {font:0;}
.flex_box .btn_wrap2 a + a {margin-left:9px;}
.btn_wrap3 a + a {margin-left:9px;}
.btn_wrap3 {margin:20px 0 50px;text-align:right;}
.btn_wrap3 {font:0;}
.flex_cell {width:100%;}

.txt_guide {margin-top:20px;}
.txt_guide li {position:relative; padding:0 0 0 20px; color:#222; line-height:24px; margin-top:10px;}
.txt_guide li:first-child {margin-top:0;}
.txt_guide li::before {position:absolute; left:0; top:0; content:"※"; width:20px; height:24px; display:block;}
.txt_star {position:relative; padding:25px 0 0 13px; color:#222; }
.txt_star::before {position:absolute; left:0; top:25px; content:"*"; width:20px; height:24px; display:block;}
.txt_star02 {position:relative; padding:0 0 0 13px; color:#222; }
.txt_star02::before {position:absolute; left:0; top:0; content:"*"; width:20px; height:24px; display:block;}
.txt_dashed  {position:relative; padding-left:15px; color:#222;  line-height:24px;}
.txt_dashed::before {position:absolute; left:0; top:0; content:"-"; width:12px; height:24px; display:block;}
.guide_box {margin-top:80px; padding:50px; background:#fafafa; border:1px solid #e5e5e5;}
.guide_box .guide_tit {position:relative; padding-bottom:30px; color:#222; font-size:24px; font-weight:bold;}
.guide_box .guide_txt {margin-top:20px;line-height:1.4;}
.guide_box .guide_tit::after {position:absolute; left:0; bottom:0; content:""; width:100%; height:1px; background:url('../img/bg_line.png') left top repeat-x; display:block;}
.guide_box .guide_list{padding-top:10px;}
.guide_box .guide_list > li {position:relative; padding:15px 0  0 15px; color:#222;  line-height:24px;}
.guide_box .guide_list > li::before {position:absolute; left:0; top:25px; content:""; width:4px; height:4px; background:#a5a5a5; border-radius:50%; display:block;}

.dot_list{padding-top:10px;}
.dot_list > li {position:relative; margin-top:10px;padding:0 0  0 10px; color:#222;  line-height:1.4;}
.dot_list > li:first-child {margin-top:0;}
.dot_list > li::before {position:absolute; left:0; top:10px; content:""; width:4px; height:4px; background:#222; border-radius:50%; display:block;}
.dot_list.top_0{padding-top: 0;}

.square_list{padding-top:10px;}
.square_list > li {position:relative; margin-top:10px;padding:0 0  0 10px; color:#222;  line-height:1.4;}
.square_list > li:first-child {margin-top:0;}
.square_list > li::before {position:absolute; left:0; top:10px; content:""; width:3px; height:3px; background:#0a1e5a; display:block;}
.square_list.top_0{padding-top: 0;}

.dash_list{padding-top:10px;}
.dash_list > li {position:relative; margin-top:10px;padding:0 0  0 10px; color:#222;  line-height:1.4;}
.dash_list > li:first-child{margin-top: 0;}
.dash_list > li::before {position:absolute; left:0; top:10px; content:""; width:4px; height:1px; background:#222; border-radius:50%; display:block;}

.bg_img{position:relative;}
.bg_img .bg_img_tit{position:absolute; left:0; top:0; display:flex; justify-content: center; align-items:center; width:100%; height:100%; font-size:40px; font-weight: bold; color:#fff;}

.intro_ceo{display:flex; justify-content:center; flex-direction: column; margin-left:240px;}
.intro_ceo > dl {margin-bottom:100px; padding-left:70px;}
.intro_ceo > dl dt{font-size: 30px; line-height:1.6em; color:#0a1e5a;}
.intro_ceo > dl dd{margin-top:50px;}
.intro_ceo > dl dd p{font-size:18px; line-height:2em;}
.intro_ceo > dl dd p + p{margin-top:30px;}
.ceo_name{font-size:18px; text-align: right;}
.ceo_name em{font-size:30px; padding-left:15px;}

.major_list{padding:50px 0 20px;}
.major_list li{flex:1; border-left:dashed 2px #d5d5d5;}
.major_list li:first-of-type{border-left:none;}
.major_list dl{text-align: center;}
.major_list dl dt{font-size:24px;}
.major_list dl dd strong{font-size:48px; font-weight: bold; color:#0a1e5a;}
.major_list dl dd span{font-size:22px;}

.major_list02{padding:55px 0; border:solid 1px #ddd;; border-top:solid 1px #222; text-align: center;}
.major_list02 li{position:relative; flex:1;}
.major_list02 li:after{content:''; display:block; position:absolute; left:-1px; top:50%; margin-top:-50px; border-left:dashed 2px #d5d5d5; height:100px;}
.major_list02 li:first-of-type:after{content:none;}
.major_list02 li dt{font-size:24px; margin-bottom:10px;}
.major_list02 li dd{font-size:30px; font-weight: bold;}

.info_list{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.info_list > li{width:50%; margin-top:40px; height:200px; padding-left:200px; padding-top:30px; box-sizing:border-box; background-repeat:no-repeat; background-size:199px auto;}
.info_list > li dt{font-size:20px; font-weight: bold; margin-bottom:15px;}
.info_list > li dd{line-height:24px;}

.citygas_list01 > li:nth-of-type(1){background-image: url("../img/ico_citygas01_01.png");}
.citygas_list01 > li:nth-of-type(2){background-image: url("../img/ico_citygas01_02.png");}
.citygas_list01 > li:nth-of-type(3){background-image: url("../img/ico_citygas01_03.png");}
.citygas_list01 > li:nth-of-type(4){background-image: url("../img/ico_citygas01_04.png");}
.citygas_list01 > li:nth-of-type(5){background-image: url("../img/ico_citygas01_05.png");}

.fuel_list01 > li:nth-of-type(1){background-image: url("../img/ico_fuel01_01.png");}
.fuel_list01 > li:nth-of-type(2){background-image: url("../img/ico_fuel01_02.png");}
.fuel_list01 > li:nth-of-type(3){background-image: url("../img/ico_fuel01_03.png");}
.fuel_list01 > li:nth-of-type(4){background-image: url("../img/ico_fuel01_04.png");}
.fuel_list01 > li:nth-of-type(5){background-image: url("../img/ico_fuel01_05.png");}

.gascool_list01 > li:nth-of-type(1){background-image: url("../img/ico_gascool01_01.png");}
.gascool_list01 > li:nth-of-type(2){background-image: url("../img/ico_gascool01_02.png");}
.gascool_list01 > li:nth-of-type(3){background-image: url("../img/ico_gascool01_03.png");}
.gascool_list01 > li:nth-of-type(4){background-image: url("../img/ico_gascool01_04.png");}
.gascool_list01 > li:nth-of-type(5){background-image: url("../img/ico_gascool01_05.png");}

.gascool_list02{display:flex; justify-content:space-between; flex-wrap:wrap;}
.gascool_list02 > li{position:relative; margin-top:40px; width:580px;  border:solid 1px #ddd; box-sizing:border-box; background-position:50% 30px; background-repeat:no-repeat; background-size:478px auto;}
.gascool_list02 > li:nth-of-type(1){background-image: url("../img/img_gascool02_01.jpg");}
.gascool_list02 > li:nth-of-type(2){background-image: url("../img/img_gascool02_02.jpg");}
.gascool_list02 > li:nth-of-type(3){background-image: url("../img/img_gascool02_03.jpg");}
.gascool_list02 > li:nth-of-type(4){background-image: url("../img/img_gascool02_04.jpg");}
.gascool_list02 > li:nth-of-type(5){background-image: url("../img/img_gascool02_05.jpg");}
.gascool_list02 > li:nth-of-type(6){background-image: url("../img/img_gascool02_06.jpg");}
.gascool_list02 > li .list_step{position:absolute; left:50px; top:0; width:45px; height:66px; padding-top:12px; color:#fff; font-size:18px; font-weight: bold; font-style:normal; background:url("../img/ico_list_step.png") 0 0 no-repeat; background-size:45px auto; text-align: center; box-sizing:border-box;}
.gascool_list02 > li .list_step em{display:block; color:#fff; font-weight:bold; font-size:12px;}
.gascool_list02 > li div{height:100%; padding:313px 40px 30px; border:solid 10px #fafafa; font-size:14px; line-height:20px; box-sizing:border-box;}

.citygas_list02{text-align: center; margin:40px 0; padding:100px 0; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5;}
.citygas_list02 > li{position:relative; flex:1; padding-top:110px; background-repeat:no-repeat; background-position:50% 0; line-height:24px;}
.citygas_list02 > li:after{content:''; display:block; position:absolute; left:-9px; top:30px; width:18px; height:16px; background:url("../img/ico_citygas02_arrow.png") 0 0 no-repeat; background-size:100% auto;}
.citygas_list02 > li:first-child:after{content:none;}
.citygas_list02 > li:nth-of-type(1){background-image: url("../img/ico_citygas02_01.png"); background-size: 80px auto; }
.citygas_list02 > li:nth-of-type(2){background-image: url("../img/ico_citygas02_02.png"); background-size: 80px auto; }
.citygas_list02 > li:nth-of-type(3){background-image: url("../img/ico_citygas02_03.png"); background-size: 80px auto; }
.citygas_list02 > li:nth-of-type(4){background-image: url("../img/ico_citygas02_04.png"); background-size: 80px auto; }
.citygas_list02 > li:nth-of-type(5){background-image: url("../img/ico_citygas02_05.png"); background-size: 80px auto; }
.citygas_list02 > li:nth-of-type(6){background-image: url("../img/ico_citygas02_06.png"); background-size: 80px auto; }

.cng_list{border:solid 1px #e5e5e5; border-radius:10px; padding:60px 122px 65px; box-sizing:border-box; text-align: center; margin-top:40px;}
.cng_list strong{display:inline-block; position:relative; border:solid 2px #e4e8f3; border-radius:10px; padding:15px 70px; text-align: center;}
.cng_list strong:after{content:''; position:absolute; top:100%; left:50%; margin-left:-1px; width:2px; height:62px; background:#e5e5e5; }
.cng_list > ul{position:relative; width:100%; margin-top:60px;}
.cng_list > ul:after{content:''; position:absolute; left:0; top:-32px; margin-left:144px; width:666px; height:2px; background:#e5e5e5;}
.cng_list > ul > li{position:relative; width:290px; margin-left:40px;}
.cng_list > ul > li:first-child{margin-left:0;}
.cng_list > ul > li:first-child + li:after{content:none;}
.cng_list > ul > li:after{content:''; position:absolute; bottom:100%; left:144px; width:2px; height:30px; background:#e5e5e5;}
.cng_list > ul > li:last-child:after{margin-left:0;}
.cng_list > ul > li > dl{height:100%;}
.cng_list > ul > li dt{font-weight: bold; padding:15px 0; background:#e4e8f3; border-radius:10px 10px 0 0;}
.cng_list > ul > li dd{border:solid 1px #e5e5e5; background:#fafafa; border-radius: 0 0 10px 10px; box-sizing:border-box; text-align:left; padding:20px; line-height:24px; min-height:160px}

.cng_list.ty01{padding:60px 122px 60px;}
.cng_list.ty01 > ul{margin-top:0;}
.cng_list.ty01 > ul:after{content:none;}
.cng_list.ty01 > ul > li{width:290px;margin-left:40px;}
.cng_list.ty01 > ul > li dt{background:#e6f2f8;}
.cng_list.ty01 > ul > li dd{line-height:30px; padding:20px 0 20px 20px;}
.cng_list.ty01 > ul > li:after{content:''; position:absolute; left:-42px; top:50%; margin-left:0; margin-top:-1px; width:42px; height:2px; background:#e5e5e5;}
.cng_list.ty01 > ul > li:first-child + li:after{content:'';}
.cng_list.ty01 > ul > li:first-child{margin-left:0;}
.cng_list.ty01 > ul > li:first-child:after{content:none;}

.cng_list.ty02{padding:60px 204px;}
.cng_list.ty02 > strong{padding:30px 160px; font-size:36px; background:#0a1e5a; color:#fff; border-radius:50px;}
.cng_list.ty02 strong:after{height:122px;}
.cng_list.ty02 > p{position:relative; background:#fff; margin-top:30px; z-index:2; line-height:30px;}
.cng_list.ty02 > ul{margin-top:110px;}
.cng_list.ty02 > ul:after{top:-50px; width:411px; margin-left:189px;}
.cng_list.ty02 > ul > li{width:380px; height:100px; margin-left:30px;}
.cng_list.ty02 > ul > li:first-child{margin-left:0;}
.cng_list.ty02 > ul > li:after{content:'' !important; left:189px; height:50px;}
.cng_list.ty02 > ul > li > strong{display:flex; justify-content:center; align-items:center; background:#f4f4f4; color:#0a1e5a; width:100%; height:100%; box-sizing:border-box; border-radius:0; font-size:22px; border:solid 1px #ddd;}
.cng_list.ty02 > ul > li > strong:after{content:none;}

.ico_list01{padding:60px 0; border:solid 1px #e5e5e5; border-radius: 10px; margin-top:40px;}
.ico_list01 li{position:relative; flex:1; background-repeat:no-repeat; background-position:50% 0; padding-top:110px; text-align: center; font-weight: bold;}
.ico_list01 li:after{content:''; display:block; position:absolute; left:-1px; top:50%; margin-top:-65px; width:1px; height:130px; background: #e5e5e5;}
.cng_list02 li:nth-of-type(1){background-image: url("../img/ico_cng02_01.png");}
.cng_list02 li:nth-of-type(2){background-image: url("../img/ico_cng02_02.png");}
.cng_list02 li:nth-of-type(3){background-image: url("../img/ico_cng02_03.png");}
.cng_list02 li:nth-of-type(4){background-image: url("../img/ico_cng02_04.png");}
.cng_list02 li:nth-of-type(5){background-image: url("../img/ico_cng02_05.png");}
.cng_list02 li:nth-of-type(6){background-image: url("../img/ico_cng02_06.png");}

.charging_wrap{display:flex; justify-content:space-between;}
.charging_wrap dt{width:330px;}
.charging_wrap dt img{width:100%;}
.charging_wrap dd{width:750px;}
.charging_wrap .charging_btn{position:relative; padding-left:23px;}
.charging_wrap .charging_btn:after{content:''; position:absolute; left:0; top:50%; margin-top:-9px; width:13px; height:17px; background:url("../img/btn_address.png") 0 0 no-repeat;}

.ghp_list01 > li:nth-of-type(1){background-image: url("../img/img_ghp01_01.png");}
.ghp_list01 > li:nth-of-type(2){background-image: url("../img/img_ghp01_02.png");}
.ghp_list01 > li:nth-of-type(3){background-image: url("../img/img_ghp01_03.png");}

.ghp_list02 li:nth-of-type(1){background-image: url("../img/ico_ghp04_01.png");}
.ghp_list02 li:nth-of-type(2){background-image: url("../img/ico_ghp04_02.png");}
.ghp_list02 li:nth-of-type(3){background-image: url("../img/ico_ghp04_03.png");}
.ghp_list02 li:nth-of-type(4){background-image: url("../img/ico_ghp04_04.png");}

.absorption_info{display:flex; justify-content:space-between; align-items: center; padding:50px 40px 50px 100px; border:solid 1px #e5e5e5; border-radius: 10px; margin-top:40px;}
.absorption_info dd{width:100%; margin-left: 50px;}
.absorption_info dd strong{display:block; font-weight: bold; font-size:20px; margin:30px 0 0;}
.absorption_info dd p{line-height:24px; margin-top:15px;}
.absorption_info dd > div{display:flex; justify-content:space-between;}
.absorption_info dd > div .dot_list > li{margin-top:5px;}

.absorption_list01{}
.absorption_list01 > li{border:solid 1px #e5e5e5; border-radius: 10px; margin-top:40px;}
.absorption_list01 > li dt{padding:25px 40px; background:#eaf4f6; font-weight: bold; font-size:20px; border-radius:10px 10px 0 0;}
.absorption_list01 > li dd{padding:25px 40px; line-height:24px; padding:60px; border-radius: 0 0 10px 10px;}


.ethics_list01{margin:40px 0 0; border:solid 1px #ddd; border-radius: 10px;}
.ethics_list01 dt{border-radius:10px 10px 0 0; background:#e4e8f3; text-align: center; padding:35px 0; line-height:30px;}
.ethics_list01 dd{padding:60px 60px 60px 290px;}
.ethics_list01 li{position:relative; margin-top:50px;}
.ethics_list01 li:first-child{margin-top:0;}
.ethics_list01 li:before{content:''; position:absolute; left:-61px; top:0; width:1px; height:100%; background:#ddd;}
.ethics_list01 li:after{content:''; position:absolute; left:-230px; top:50%; width:160px; height:90px; margin-top:-45px; background:url("../img/ico_ethics01_01.png") 0 0 no-repeat;}
.ethics_list01 li:nth-of-type(2):after{background:url("../img/ico_ethics01_02.png") 0 0 no-repeat;}
.ethics_list01 li strong{display:block; font-size:24px; font-weight: bold; margin-bottom:15px;}
.ethics_list01 li p{line-height:24px;}

.actual_group{margin:50px auto;}
.actual_group dl{position:relative; border:solid 1px #ddd; text-align: center; border-radius:10px; margin:0 auto;}
.actual_group dl:nth-of-type(1){width:500px; margin-bottom:40px;}
.actual_group dl:nth-of-type(1):after{content:''; position: absolute; left:50%; top:100%; margin-left:-1px; width:1px; height:40px; background:#ddd;}
.actual_group dl:nth-of-type(2){width:300px;}
.actual_group dl dt{font-size:16px; background:#e4e8f3; border-radius:10px 10px 0 0; padding:30px 0; line-height:24px;}
.actual_group dl dd{font-size:16px; border-radius:0 0 10px 10px; padding:35px 50px;}
.actual_group dl li{text-align: left; line-height:30px;}

.philoso_con{border:solid 1px #ddd; border-radius:10px; margin-top:40px; padding:0 100px;}

.philoso_list01{margin:100px auto; text-align: center;}
.philoso_list01 strong{display:inline-block; width:auto; padding:20px 30px; background:#0a1e5a; border-radius:30px; color:#fff; margin-bottom:45px; font-size:22px;}
.philoso_list01 p{font-size:18px; line-height:30px;}

.philoso_list02{display:flex; justify-content:space-between; margin:100px auto;}
.philoso_list02 > li{text-align: center; padding-top:230px; background-position:50% 0; background-size:200px auto; background-repeat:no-repeat;}
.philoso_list02 > li:nth-of-type(1){background-image:url("../img/img_philoso_list02_01.png");}
.philoso_list02 > li:nth-of-type(2){background-image:url("../img/img_philoso_list02_02.png");}
.philoso_list02 > li:nth-of-type(3){background-image:url("../img/img_philoso_list02_03.png");}
.philoso_list02 > li strong{display:block; font-size:24px; font-weight: bold; margin-bottom:15px;}
.philoso_list02 > li em{font-weight:bold;}
.philoso_list02 > li li{text-align:left;}

.philoso_list03{margin:20px 0;}
.philoso_list03 > li{display:flex; align-items:center; padding:60px 0; border-top:dashed 1px #ddd;}
.philoso_list03 > li:first-child{border-top:none;}
.philoso_list03 > li dl{padding-left:30px; width:100%;}
.philoso_list03 > li dl dt{font-size:24px; font-weight: bold; margin-bottom:25px;}
.philoso_list03 > li dl dd{line-height:24px;}
.philoso_list03 > li:before{content:''; display:block; min-width:230px; width:230px; height:230px; background:url("../img/img_philoso_list03_01.png") 0 0 no-repeat;}
.philoso_list03 > li:nth-of-type(2):before{background:url("../img/img_philoso_list03_02.png") 0 0 no-repeat;}
.philoso_list03 > li:nth-of-type(3):before{background:url("../img/img_philoso_list03_03.png") 0 0 no-repeat;}

.enviro_list01{display:flex; justify-content:space-between; flex-wrap:wrap;}
.enviro_list01 > li{position:relative; border:solid 1px #ddd; box-sizing:border-box; width:585px; margin-top:30px; padding:210px 80px 60px; min-height:467px;}
.enviro_list01 > li:nth-of-type(-n + 2){margin-top:0;}
.enviro_list01 > li:nth-of-type(1){background:url("../img/ico_enviro_list01_01.png") 50% 75px no-repeat; background-size:90px auto;}
.enviro_list01 > li:nth-of-type(2){background:url("../img/ico_enviro_list01_02.png") 50% 75px no-repeat; background-size:87px auto;}
.enviro_list01 > li:nth-of-type(3){background:url("../img/ico_enviro_list01_03.png") 50% 75px no-repeat; background-size:85px auto;}
.enviro_list01 > li:nth-of-type(4){background:url("../img/ico_enviro_list01_04.png") 50% 75px no-repeat; background-size:64px auto;}
.enviro_list01 > li:nth-of-type(5){background:url("../img/ico_enviro_list01_05.png") 50% 75px no-repeat; background-size:85px auto;}
.enviro_list01 > li:nth-of-type(6){background:url("../img/ico_enviro_list01_06.png") 50% 75px no-repeat; background-size:90px auto;}
.enviro_list01 > li:before{content:''; position:absolute; left:1px; top:1px; bottom:1px; right:1px; border:solid 10px #fafafa; z-index:-1;}
.enviro_list01 > li > button{position:absolute; right:40px; top:40px;}
.enviro_list01 > li dl{padding-top:40px; border-top:solid 1px #ddd;}
.enviro_list01 > li dt{font-size:20px; font-weight: bold;}

.enviro_list01.ty01{display:flex; justify-content:center;}
.enviro_list01.ty01 > li{width:380px; height:437px; min-height:437px; background:none; padding:0 40px 80px; margin-bottom:30px; margin-left:30px; box-sizing:border-box; margin-top:0;}
.enviro_list01.ty01 > li:nth-child(3n + 1){margin-left:0;}
.enviro_list01.ty01 > li dl{padding-top:30px;}
.enviro_list01.ty01 > li > strong{display:flex; height:180px; font-size:24px; text-align: center; justify-content:center; align-items:center; line-height:1.5;}
.enviro_list01.ty01 > li dt{font-size:16px; margin-bottom:20px; line-height:1.5; text-align: center;}
.enviro_list01.ty01 > li dd{font-size:16px; line-height:1.5;}

.enviro_pop02_01{display:flex; justify-content:space-between;}
.enviro_pop02_01 > li{position:relative; width:360px; padding:50px 25px 30px; border:solid 1px #e5e5e5; border-radius:10px;}
.enviro_pop02_01 > li dt{position:relative; padding-bottom:275px; text-align: center;}
.enviro_pop02_01 > li:nth-of-type(1) dt:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:275px; background:url(../img/img_enviro_pop02_01.png) 50% 50% no-repeat;}
.enviro_pop02_01 > li:nth-of-type(2) dt:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:275px; background:url(../img/img_enviro_pop02_02.png) 50% 50% no-repeat;}
.enviro_pop02_01 > li dt strong{position:relative; display:inline-block; font-size:24px; font-weight: bold; text-align: center;}
.enviro_pop02_01 > li dt strong:after{content:''; position:absolute; bottom:-5px; left:0; width:100%; height:1px; background:#222; }
.enviro_pop02_01 > li dd em{display:inline-block; padding:12px 20px; background:#e4eaf4; border-radius:25px; margin-bottom:10px;}

.enviro_pop02_02{margin-top:40px; border:solid 1px #e5e5e5; border-radius:10px; background:#fafafa; padding:30px;}

.talent img{display:block; width:100%;}
.talent_list01{position:relative;}
.talent_list01::after{content:''; display:block; clear:both;}
.talent_list01 li{position:relative; float:left; width:386px; height:255px;padding-top:167px; border:solid 1px #ddd; box-sizing:border-box; text-align:center;}
.talent_list01 li:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:50% 25%; background-repeat:no-repeat; transform:rotate(0); transform-origin:50% 50%;}
 @keyframes iconrotate{
    0%{transform:rotate(0);}
    33.33%{transform:rotate(-15deg);}
    66.99%{transform:rotate(15deg);}
    100%{transform:rotate(0);}
}
.talent_list01 li:hover:before{animation:iconrotate 1 1s;}
.talent_list01 li p{position:absolute; left:0; width:100%; bottom:65px; transform:translate(0, 50%); font-size:20px; font-weight:bold;line-height: 1.5; color:#222;}
.talent_list01 li:nth-of-type(3n+1){margin:10px 10px 10px 0;}
.talent_list01 li:nth-of-type(3n+2){margin:10px;}
.talent_list01 li:nth-of-type(3n){margin:10px 0 10px 10px; ;}
.talent_list01 li:nth-of-type(1):before{background-image:url('../img/ico_talent01_01.png');}
.talent_list01 li:nth-of-type(2):before{background-image:url('../img/ico_talent01_02.png');}
.talent_list01 li:nth-of-type(3):before{background-image:url('../img/ico_talent01_03.png');}
.talent_list01 li:nth-of-type(4):before{background-image:url('../img/ico_talent01_04.png');}
.talent_list01 li:nth-of-type(5):before{background-image:url('../img/ico_talent01_05.png');}
.talent_list01 li:nth-of-type(6):before{background-image:url('../img/ico_talent01_06.png');}
.talent_list01 li:nth-of-type(7):before{background-image:url('../img/ico_talent01_07.png');}
.talent_list01 li:nth-of-type(8):before{background-image:url('../img/ico_talent01_08.png');}
.talent_list01 li:nth-of-type(9):before{background-image:url('../img/ico_talent01_09.png');}


.recurit_info{position:relative;padding:120px 0 0;}
.recurit_info .order_info{position:absolute; width:1055px; left:50%; transform:translate(-50%, 0); top:10px; margin:0 auto;}
.recurit_info .order_info:after{content:''; display:block; clear:both;}
.recurit_info .order_info li{float:left; position:relative; width:226px; height:226px; background:#0a1e5a; margin-left:50px; padding:50px 0 0; border-radius:30px 0 30px 0; color:#fff; font-size:28px; text-align:center; box-sizing:border-box;}
.recurit_info .order_info li:before{content:''; position:absolute; right:0; top:0; display:block; width:14px; height:14px; background:#e31d3c;}
.recurit_info .order_info li:after{content:''; position:absolute; left:-40px; top:50%; margin-top:-12px; display:block; width:17px; height:17px; border:solid 1px #0a1e5a; border-left:none; border-top:none; transform:rotate(-45deg);}
.recurit_info .order_info li:first-of-type{margin-left:0;}
.recurit_info .order_info li:first-of-type:after{content:none;}
.recurit_info .order_info li p{margin-top:28px; font-size:22px; color:inherit; text-align:center;}
.recurit_info .order_info li p > span{display:block; font-size:18px; color:inherit;}
.recurit_info .order_info li p:before{content:''; position:absolute; left:50%; top:96px; margin-left:-20px; display:block; width:40px; height:1px; background:#fff;}
.recurit_info .order_li{margin:0 auto 60px; padding:175px 0 95px; background:#fff;}
.recurit_info .order_li > li{padding:0 90px;}
.recurit_info .order_li > li > dl{display:table; width:100%; padding:30px 0 40px; border-top:solid 1px #ddd;}
.recurit_info .order_li > li:last-of-type > dl{padding-bottom:0;}
.recurit_info .order_li > li:first-of-type > dl{border-top:none;}
.recurit_info .order_li > li > dl dt{display:table-cell; width:200px; vertical-align:top; font-size:22px; color:#aaa;}
.recurit_info .order_li > li > dl dt strong{display:block; padding-top:10px; font-size:26px; color:#222;}
.recurit_info .order_li > li > dl dd{display:table-cell; width:1060px; vertical-align:top; padding-top:35px;}
.recurit_info .order_li .order_detail li{position:relative; padding-left:15px; font-size:20px; line-height:34px; color:#222;}
.recurit_info .order_li .order_detail li:before{content:'-'; display:block; position:absolute; left:0; top:0;}

.recurit_faq.toggle_item{border:none; border-bottom:solid 1px #222;}
.recurit_faq.toggle_item .toggle_tit{border-top:solid 1px #222;}
.recurit_faq.toggle_item .toggle_tit .tit{font-weight: bold; font-size:20px; padding-left:50px; position:relative;}
.recurit_faq.toggle_item .toggle_tit .tit:before{content:''; position:absolute; left:10px; top:50%; margin-top:-9px; width:15px; height:19px; background:url("../img/ico_recruit_faq_Q.png") 0 0 no-repeat;}
.recurit_faq.toggle_item .toggle_cont{position:relative; padding:32px 75px; line-height:30px; border:solid 1px #ddd; border-bottom:none;}
.recurit_faq.toggle_item .toggle_cont:before{content:''; position:absolute; left:40px; top:40px; width:12px; height:14px; background:url("../img/ico_recruit_faq_A.png") 0 0 no-repeat;}

.recruit_list03_01{display:flex; justify-content:space-between;}
.recruit_list03_01 > li{width:580px; min-height:371px; box-sizing:border-box; border:solid 1px #ddd; border-radius: 10px; padding:40px;}
.recruit_list03_01 > li dt{border-bottom:solid 1px #ddd; padding-bottom:20px;}
.recruit_list03_01 > li dt em{display:block; font-size:22px; color:#666; margin-bottom:10px;}
.recruit_list03_01 > li dt strong{display:block; font-size:28px;}
.recruit_list03_01 > li dd{padding-top:20px;}
.recruit_list03_01 > li dd li{font-size:18px;}

.recruit_list03_02{display:flex; justify-content:space-between; flex-wrap: wrap;}
.recruit_list03_02 > li{width:550px; margin-top:40px;}
.recruit_list03_02 > li:nth-of-type(-n + 2){margin-top:0;}
.recruit_list03_02 > li dt{line-height:70px; padding-left:70px; font-size:28px; font-weight: bold; border-bottom:solid 1px #222;}
.recruit_list03_02 > li:nth-of-type(1) dt{background:url("../img/ico_recruit_03_01.png") 0 0 no-repeat;}
.recruit_list03_02 > li:nth-of-type(2) dt{background:url("../img/ico_recruit_03_02.png") 0 0 no-repeat;}
.recruit_list03_02 > li:nth-of-type(3) dt{background:url("../img/ico_recruit_03_03.png") 0 0 no-repeat;}
.recruit_list03_02 > li:nth-of-type(4) dt{background:url("../img/ico_recruit_03_04.png") 0 0 no-repeat;}
.recruit_list03_02 > li dd{padding-top:10px;}

.ceo_list01 > li:first-child{width:480px;}
.ceo_list01 > li:nth-child(2){width:660px;}
.ceo_list01 > li p{font-size:18px; line-height:36px;}
.ceo_list01 > li strong{font-size:36px; line-height:50px;}
.ceo_list01 > li p + p{margin-top:90px; display:flex; justify-content:flex-end; align-items:center;}
.ceo_list01 > li p em{padding-left:15px; font-size:30px;}

.history_list01 > li{position:relative; padding:40px 0; box-sizing:border-box;}
.history_list01 > li:first-child{padding-top:0;}
.history_list01 > li:before{content:''; display:block; position:absolute; left:50%; top:55px; margin-left:-1px; width:1px; height:100%; background:#ddd;}
.history_list01 > li:after{content:''; display:block; position:absolute; left:50%; margin-left:-5px; top:55px; margin-top:0; width:9px; height:9px; border-radius:50%; background:#0a1e5a;}
.history_list01 > li:first-child:before{top:15px; padding-bottom:40px;}
.history_list01 > li:first-child:after{top:15px;}
.history_list01 > li:last-child:before{content:none;}
.history_list01 dl{}
.history_list01 dl:after{content:''; display:block; clear:both;}
.history_list01 dl dt{font-size:36px; font-weight:700; color:#0a1e5a; line-height:40px;}
.history_list01 dl dd{line-height:40px;}
.history_list01 dl dd li{vertical-align:baseline; padding-top:15px; position:relative;color:#555; font-size:16px; line-height:24px;}
.history_list01 dl dd li:first-child{padding-top:0;}
.history_list01 dl dd li strong{position:relative; color:#222; font-size:18px; padding-right:25px; margin-top:-2px;}
.history_list01 dl dd em{position:absolute; top:0; font-size:20px; font-weight:700; color:#222;}
.history_list01 > li:nth-of-type(2n+1) dl {display:flex;}
.history_list01 > li:nth-of-type(2n) dl {display:flex; flex-direction: row-reverse;}
.history_list01 > li:nth-of-type(2n) dl > dt, 
.history_list01 > li:nth-of-type(2n) dl > dd{padding-right: 40px;}
.history_list01 > li:nth-of-type(2n+1) dl > dd,
.history_list01 > li:nth-of-type(2n) dl > dt{padding-left:40px;}
.history_list01 > li:nth-of-type(2n) dl > dd li strong{padding-right:0; padding-left:25px;}
.history_list01 > li:nth-of-type(2n) dl > dd li{display:flex; flex-direction: row-reverse; align-items: baseline;}
.history_list01 > li:nth-of-type(2n) dl > dd li{text-align:right;}
.history_list01 > li:nth-of-type(2n+1) dl > dt{padding-right:50px; text-align:right;}
.history_list01 dl > dt, 
.history_list01 dl > dd{width:50%;box-sizing:border-box; line-height:40px;}

.ci_list01,
.ci_list02{display:flex; justify-content:space-between; padding:90px 0; border-bottom:solid 1px #ddd;}
.ci_list01 > li,
.ci_list02 > li{width:530px;}
.ci_list01 > li dt{font-size:36px; font-weight: bold; margin-bottom:20px;}
.ci_list01 > li dd{font-size:20px; line-height:30px;}

.ci_list02 > li p{position:relative; color:#0a1e5a; font-weight:bold;}
.ci_list02 > li p:after{content:''; display:block; height:21px; background:#0a1e5a; margin-top:5px;}
.ci_list02 > li:nth-child(2) p{color:#e31d3c;}
.ci_list02 > li:nth-child(2) p:after{background:#e31d3c;}
.ci_list02 > li dl{display:flex; justify-content:flex-start; flex-wrap:wrap; margin-top:10px;}
.ci_list02 > li dl dt{width:105px; font-weight: bold; padding-top:5px;}
.ci_list02 > li dl dd{width:calc(100% - 105px); color:#555; padding-top:5px;}


.map_box {position:relative;width:100%;height:500px; margin-top:30px; margin-bottom:320px; border:1px solid #ddd; box-sizing:border-box;}
.map_box #map_hp {width:100%; height:100%;}
.map_box button{padding:0 22px; font-size:18px; font-weight: normal; line-height:48px; height:48px;}
.map_box .map_info {display:flex; justify-content:space-between; align-items:flex-start; position:absolute; left:50%; margin-left:-415px; top:100%; margin-top:-60px; width:830px; padding:40px 40px 0;box-sizing:border-box;background-color:#fff;}
.map_box .map_info > ul{width:610px;}
.map_box .map_info > ul > li{display:flex; justify-content:flex-start; padding:15px 0; border-top:solid 1px #e5e5e5;}
.map_box .map_info > ul > li strong{padding-right:5px;}
.map_box .map_info > ul > li:first-child{padding-top:0; border-top:none;}
.map_box .map_info > ul > li:nth-child(3) strong{min-width:70px;}
.map_box .map_info > ul > li:nth-child(3) p{line-height:24px;}
.map_box .map_info > ul > li > ul{display:flex; justify-content: flex-start;}
.map_box .map_info > ul > li > ul > li{margin-right:40px;}

.footer_flex .footer_inner{display:flex;}
.footer_flex .footer_inner .footer_select{position:relative;}
.footer_flex .footer_inner .footer_select + .footer_select{margin-left:10px;}
.footer_flex .footer_inner .footer_select button{position:relative; background:#f5f5f5; border-radius:5px; color:#1a1818; line-height:45px; padding:0 45px 0 30px; font-size:14px;width:200px;}
.footer_flex .footer_inner .footer_select button:after{content:''; position:absolute; right:20px; top:50%; margin-top:-3px; width:7px; height:7px; border-top:solid 1px #1a1818; border-right:solid 1px #777; transform:rotate(-45deg);}

/* .footer_flex .footer_inner .footer_select:hover button{border-radius:0 0 5px 5px;}
.footer_flex .footer_inner .footer_select:hover button:after{transform:rotate(-225deg); margin-top:-7px;}
.footer_flex .footer_inner .footer_select:hover ul{display:block;} */

.footer_flex .footer_inner .footer_select.active button{border-radius:0 0 5px 5px;}
.footer_flex .footer_inner .footer_select.active button:after{transform:rotate(-225deg); margin-top:-7px;}
.footer_flex .footer_inner .footer_select.active ul{display:block;}

.footer_flex .footer_inner .footer_select ul{display:none; position:absolute; bottom:100%; width:100%; border-radius:5px 5px 0 0;}
.footer_flex .footer_inner .footer_select ul li a{display:block; color:#1a1818; background:#e5e5e5; padding:0 30px; line-height:45px; font-size:14px; border-top:solid 1px #FFF;}
.footer_flex .footer_inner .footer_select ul li a:hover{background:#0a1e5a; color:#fff;}
.footer_flex .footer_inner .footer_select ul li:first-child a{border-radius:5px 5px 0 0; border-top:none;}
.footer_flex .footer_inner .footer_select ul.active{display:block;}

.tab_cont .conbox .tab_area.ty01{margin-top:100px; margin-bottom:70px;}
.tab_cont > .tab_area{margin-bottom:100px;}

.lower_info{border:0; padding:0; width:100%;}
.lower_info dt{font-size:30px; color:#222; font-weight:400;}
.lower_info dt + dd{margin-top:32px;}
.lower_info dt + dd:before{content:''; display:block; height:25px; background-image:url("../img/bg_dashed.png"); background-position:0 0 ; background-size:12px 1px; background-repeat:repeat-x;}
.lower_info dd li{position:relative; padding-left:14px; font-size:18px;  font-weight:400; color:#222; line-height:2.4em; box-sizing:border-box;}
.lower_info dd li:before{content:''; display:block; position:absolute; left:-14px; top:50%; margin-top:-2px; width:4px; height:4px; background:#adadad; border-radius:50%; overflow:hidden;}


/* 추가 */

.notice_board{border-top:solid 1px #222;border-bottom:solid 1px #222;}
.notice_board .notice_tit{padding:20px 0 40px; border-bottom:solid 1px #ddd;}
.notice_board .notice_tit h4{
		padding:0 0 15px;
		
    padding: 0px 0 20px;
    font-size: 20px;
    font-weight: bold;
		
    margin-top:0px;
}
.sub_contents h3 {padding:80px 0 50px;font-size:30px;font-weight: bold;}
.notice_board .board_con{min-height:415px; padding:50px 0; box-sizing:border-box;}
.notice_board .board_con p{line-height:30px;}
.notice_board .board_con p h1{line-height:50px !important;}
.notice_board .board_attach{display:flex; border-top:solid 1px #ddd; background:#fafafa; padding:20px 0 25px;}
.notice_board .board_attach dt{width:10%; text-align:center; padding-left:10px; line-height:36px; font-weight:bold; box-sizing:border-box;}
.notice_board .board_attach dd{width:90%;line-height:36px;}
.notice_board .board_attach dd a{position:relative; display:inline-block; line-height:36px;}
.notice_board .board_attach dd a:hover{text-decoration: underline;}
.notice_board .board_attach dd a span{position:relative; color:#666;}