@charset "UTF-8";
.ttl_page { background: url(../common_img/bg_ttlpage.jpg) no-repeat top center; padding: 75px 0; }

#breadcrumb { padding: 5px 0 50px; }

#breadcrumb li { float: left; font-size: 14px; }

#breadcrumb li a { color: #1c1c61; }

#breadcrumb li.arrow { padding: 0 5px; }

.style_table01 { width: 100%; margin-top: 50px; border-bottom: 1px dotted #ababab; }

.style_table01 tr { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 0; border-top: 1px dotted #ababab; }

.style_table01 tr th { width: 18%; background: #e9eef4; color: #1c1c61; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.style_table01 tr td { width: 72%; padding: 10px 35px; }

.style_table01 th { display: block; vertical-align: middle; }

.style_table01 td { display: block; vertical-align: middle; }

#pp { background: #e9eef4; margin-top: 80px; padding: 60px 0; }

.style_title01 { position: relative; font-family: YuGothic, 游ゴシック, sans-serif; text-align: center; font-size: 36px; color: #173463; margin-bottom: 30px; }

.style_title01:after { position: absolute; content: ""; border-top: 1px dotted #779cb1; width: 140px; bottom: 0; left: 430px; }

.box_pp { background: #fff; padding: 40px; margin-top: 25px; line-height: 32px; }

.sec_news { margin-bottom: 100px; }

.style_title02 { position: relative; font-family: YuGothic, 游ゴシック, sans-serif; text-align: center; font-size: 24px; color: #1f1f1f; padding-bottom: 10px; margin-bottom: 30px; }

.style_title02:after { position: absolute; content: ""; border-top: 1px dotted #1f1f1f; width: 140px; bottom: 0; left: 430px; }

.style_txt01 { font-size: 18px; font-weight: bold; color: #173463; text-align: center; margin-bottom: 20px; }

.box_about { position: relative; background: #e9eef4; padding: 30px 30px 30px 50px; margin: 0 0 100px 33px; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; }

.box_about:before { position: absolute; content: ""; background: url(../about/images/shadow.png); width: 932px; height: 39px; bottom: -39px; right: 10px; z-index: 1; }

.box_about .point { position: absolute; top: -20px; left: -33px; }

.box_about .img_box { width: 280px; }

.box_about .txt_box { width: 570px; }

.box_about .txt_box h3 { font-size: 24px; font-weight: normal; margin-bottom: 10px; }

.style_btn01 { display: block; border: 2px solid #48649f; font-family: YuGothic, 游ゴシック, sans-serif; font-weight: bold; font-size: 16px; color: #48649f; text-decoration: none; text-align: center; background: #fff url(../images/arrow_btn02.png) no-repeat center right 45px; border-radius: 3px; padding: 5px 55px; width: 215px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; }

.bg_e9eef4 { background: #e9eef4 !important; }

.bg_2d477c { background: #2d477c !important; }

#about_02 { text-align: center; padding: 70px 40px 40px; }

#about_03 { padding: 50px 0 60px; color: #fff; }

#about_05 { padding: 50px 0 60px; color: #fff; }

.w350 { width: 350px; }

.w600 { width: 600px; }

.style_title03 { font-size: 24px; font-weight: bold; color: #fff; border-left: 4px solid #fff; margin-bottom: 20px; padding-left: 5px; padding-top: 4px; line-height: 1; }

#about_04 { padding: 50px 0 60px; }

#about_04 .style_title03 { color: #2d477c; border-left: 4px solid #2d477c; }

#about_06 { padding: 50px 0 60px; }

#about_06 .style_title03 { color: #2d477c; border-left: 4px solid #2d477c; }

#about_07 { padding: 70px 0 100px; }

.box_list01 { margin: 0 165px; border: 1px solid #2d477c; padding: 30px 40px 15px; font-size: 16px; font-weight: bold; color: #010101; line-height: 36px; }

.box_list01 ul { float: left; width: 270px; }

.list_btn { margin-top: 60px; }

.list_btn li a { position: relative; float: left; width: 300px; background: #5472a4 url(../about/images/arrow_btn.png) no-repeat center right 30px; border-radius: 3px; margin-right: 50px; font-family: YuGothic, 游ゴシック, sans-serif; font-size: 21px; font-weight: bold; color: #fff; text-decoration: none !important; text-align: center; padding: 20px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.list_btn li:last-child a { margin-right: 0; }

.list_btn li:last-child a:after { position: absolute; content: ""; background: url(../about/images/icon_chat.png); width: 32px; height: 29px; top: 22px; left: 30px; }

.list_btn li:hover a { opacity: 0.8; }

.list_btn li:first-child a:after { position: absolute; content: ""; background: url(../about/images/icon_mail.png); width: 30px; height: 22px; top: 25px; left: 30px; }

.list_btn li:nth-child(2) a:after { position: absolute; content: ""; background: url(../about/images/icon_pent.png); width: 29px; height: 30px; top: 22px; left: 30px; }

.style_table02 { width: 800px; margin: 0 auto 80px; line-height: 24px; }

.style_table02 th { width: 270px; padding: 10px; text-align: center; font-size: 16px; font-weight: bold; vertical-align: middle; border-bottom: 4px solid #1c1c61; -webkit-box-sizing: border-box; box-sizing: border-box; }

.style_table02 td { width: 530px; padding: 10px 50px; border-bottom: 1px dotted #ababab; -webkit-box-sizing: border-box; box-sizing: border-box; }

#recruit_02 { padding: 70px 0 100px; }

.style_list02 { margin: 60px 0 40px; }

.style_list02 li { position: relative; float: left; width: 300px; background: #fff; padding: 40px 20px 30px; line-height: 24px; margin-right: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.style_list02 li:last-child { margin-right: 0; }

.style_list02 li:last-child:before { background: none; }

.style_list02 li:after { position: absolute; content: ""; background: url(../recruit/images/shadow.png) no-repeat; width: 300px; height: 23px; right: 0; bottom: -23px; }

.style_list02 li:before { position: absolute; content: ""; background: url(../recruit/images/arrow_01.png) no-repeat; width: 25px; height: 39px; top: 45%; right: -37px; }

.style_list02 li .img { text-align: center; }

.style_list02 li h4 { font-weight: bold; font-size: 20px; color: #1c1c61; text-align: center; margin: 20px 0 10px; }

#company_02 { margin-top: 70px; padding: 70px 0 140px; }

#company_04 { margin-top: 70px; padding: 70px 0 140px; }

.w300 { width: 300px; }

.list_company { position: relative; background: #fff; padding: 50px 40px; }

.list_company:before { position: absolute; content: ""; background: url(../company/images/shadow.png) no-repeat; width: 1000px; height: 38px; bottom: -38px; left: 0; }

.list_company li h3 { font-size: 22px; font-weight: bold; color: #173463; }

.list_company li p { line-height: 30px; }

.sec_about p { line-height: 24px; }

.style_list01 li { background: #1c1c61; border-radius: 10px; width: 170px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 17px 10px; margin-right: 35px; }

#recruit_page .list_btn li:nth-child(2) a:after { position: absolute; content: ""; background: url(../about/images/icon_mail.png); width: 30px; height: 22px; top: 25px; left: 30px; }

#recruit_page .list_btn li:first-child a:after { position: absolute; content: ""; background: url(../about/images/icon_chat.png); width: 32px; height: 29px; top: 22px; left: 30px; }

.anchor_link li a { float: left; width: 220px; background: #5472a4 url(../company/images/arrow.png) no-repeat center left 20px; padding: 10px 30px; border-radius: 5px; text-align: center; color: #fff; text-decoration: none !important; font-weight: bold; margin-bottom: 70px; margin-right: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.anchor_link li:last-child a { margin-right: 0; }

#company_01 .container .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#company_01 .container .content .right { margin-left: 30px; }

#work_page { -webkit-box-sizing: border-box; box-sizing: border-box; }

#work_page .sec_work .nav_link { margin-bottom: 80px; }

#work_page .sec_work .nav_link ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#work_page .sec_work .nav_link ul li { margin: 0 20px; }

#work_page .sec_work .nav_link ul li a { display: block; width: 220px; height: 40px; text-decoration: none; background-color: #5472a4; border-radius: 8px; color: #fff; text-align: center; line-height: 40px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; }

#work_page .sec_work .nav_link ul li a:hover { background-color: #011f52; }

#work_page .sec_work .nav_link ul li a:after { content: "▼"; display: block; position: absolute; font-family: FontAwesome; color: #fff; top: 0; left: 20px; font-size: 20px; line-height: 38px; }

#work_page .sec_work .sec1 { margin-bottom: 30px; }

#work_page .sec_work .sec1 h2 { text-align: center; margin-bottom: 30px; }

#work_page .sec_work .sec1 h2 span { font-family: YuGothic, "Hiragino Kaku Gothic ProN", "游ゴシック", Meiryo, sans-serif; font-size: 24px; font-weight: 1000; padding: 0 20px 10px; border-bottom: 1px dotted #ababab; }

#work_page .sec_work .sec1 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#work_page .sec_work .sec1 .list .item { width: 480px; }

#work_page .sec_work .sec1 .list .item:after { content: url("../work/images/bfa1.png"); display: block; }

#work_page .sec_work .sec1 .list .item:nth-child(2n+1) { margin-right: 25px; }

#work_page .sec_work .sec1 .list .outside { padding: 40px 30px 45px; background-color: #f4f4f4; -webkit-box-sizing: border-box; box-sizing: border-box; }

#work_page .sec_work .sec1 .list .outside h3 { color: #173463; font-size: 22px; font-weight: 1000; text-align: center; margin-bottom: 25px; }

#work_page .sec_work .sec1 .list .outside .img { margin-bottom: 10px; }

#work_page .sec_work .sec1 .list .outside h4 { font-size: 18px; margin-bottom: 5px; }

#work_page .sec_work .sec1 .list .outside p { line-height: 24px; }

#work_page .sec_work .sec2 { background-color: #e9eef4; padding-top: 80px; }

#work_page .sec_work .sec2 h2 { text-align: center; margin-bottom: 30px; }

#work_page .sec_work .sec2 h2 span { font-family: YuGothic, "Hiragino Kaku Gothic ProN", "游ゴシック", Meiryo, sans-serif; font-size: 24px; font-weight: 1000; padding: 0 20px 10px; border-bottom: 1px dotted #ababab; }

#work_page .sec_work .sec2 .intro { line-height: 32px; margin-bottom: 15px; text-align: center; }

#work_page .sec_work .sec2 .outside2:after { content: url("../work/images/bfa2.png"); display: block; }

#work_page .sec_work .sec2 .outside2 .fbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f4f4f4; padding: 50px 0; }

#work_page .sec_work .sec2 .outside2 .fbox .left { margin-right: 30px; width: 440px; }

#work_page .sec_work .sec2 .outside2 .fbox .right { width: 460px; }

#work_page .sec_work .sec2 .outside2 .fbox .right h3 { font-size: 22px; font-weight: 1000; margin: 15px 0 20px; color: #011f52; }

#work_page .sec_work .sec2 .outside2 .fbox .right h3 span { font-size: 18px; }

#work_page .sec_work .sec2 .outside2 .fbox .right p { line-height: 30px; }


/* SDGs（aboutページ） */
#about_page .sdgs {
    border-top: double 4px #47CDE4;
    border-bottom: solid 2px #47CDE4;
    margin: 80px 0;
    padding: 40px 0;
}
#about_page .sdgs .m_tit_sdgs {
    border-bottom: dotted 2px #47CDE4;
    margin: 0 0 20px;
    padding: 0 0 20px;
    text-align: center;
    font-weight: bold;
    font-size: 50px;
    color: #2D477C;
}
#about_page .sdgs .s_tit_sdgs {
    background: #2D477C;
    margin: 60px 0 20px;
    padding: 15px;
    line-height: 1.0;
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
}
#about_page .sdgs .box_sdgs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#about_page .sdgs .box_sdgs dt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 36%;
}
#about_page .sdgs .box_sdgs dt.one {
    justify-content: center;
}
#about_page .sdgs .box_sdgs dt.two {
    justify-content: space-between;
}
#about_page .sdgs .box_sdgs dt img {
    width: 48%;
}
#about_page .sdgs .box_sdgs dd {
    width: 60%;
}