@charset "UTF-8";

body.middle_color { background-color: #F4F1ED;}
header > div p.logo {width: 138px; margin-left: 16px;}

.middle_header {width: 100%; height: 350px; overflow: hidden; position: relative; display: flex;justify-content: center;align-items: center; flex-flow: column; padding-top: 30px; box-sizing: border-box;}
.middle_header .header_title {position: relative; text-align: center; z-index: 1; color: #FFF;}
.middle_header .header_title span {font-size: 35px; font-weight: 700; border-bottom: 3px solid #FFF;padding-bottom: 5px;}
.middle_header .header_title em {display: block;margin-top: 15px; font-size: 14px;}
.middle_header picture {position: absolute; z-index: -1; top: 0; width: 100%; height: 350px;}
.middle_header picture:after {position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); top: 0; left: 0;}
.middle_header picture img {width: 100%; height: 100%; object-fit: cover;}

.company_navi {position: absolute; right: 0; left: 0; margin: auto; bottom: 10px; max-width: 1366px; display: flex;flex-direction: column;align-items: flex-end;}
.company_navi li {width: 184px; margin-bottom: 5px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,.25);}
.company_navi li a {display: block; background-color: #CB0D0D; color: #FFF; padding: 12px 0px 12px 40px; position: relative;}
.company_navi li a:before {content: "";position: absolute; left: 14px; top: calc(50% - 6px);width: 8px;height: 8px;border-top: 2px solid #FFF; border-right: 2px solid #FFF;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.company_navi li a:hover {background-color: #8D0C0C;}

.pankuz {max-width: 1000px; margin: 0px auto; padding: 12px 0px;}
.pankuz ul li {font-size: 14px; display: inline-block;position: relative; }
.pankuz ul li a {font-size: 14px; display: block; margin-right: 20px;}
.pankuz ul li:after {content: ">"; position: absolute; right: 5px; top: 0;}
.pankuz ul li:last-child:after {content: "";}
.pankuz ul li a:hover {text-decoration: underline;}

.business_cont_top {margin-top: 70px;}
.business_cont_top > figure {max-width: 1200px; margin: 0px auto;position: relative; display: flex; z-index: 1;}
.business_cont_top > figure:after {content: ""; width: 200vw; height: 100%; background-color: #333333; top: 0; left: 0; position: absolute; z-index: -1;}
.business_cont_top > figure:first-child:before {content: ""; width: 200vw; height: 100%; background-color: #CB0D0D; position: absolute; top: 70%;left: 20%; z-index: -1;}
.business_cont_top > figure picture {width: 46%;}
.business_cont_top > figure figcaption {width: calc(54% - 100px); margin-top: 60px; box-sizing: border-box; padding-left: 20px; color: #FFF;}
.business_cont_top > figure figcaption h2 {font-size: 28px; font-weight: 700; position: relative; margin-bottom: 24px;}
.business_cont_top > figure figcaption h2:after {content: "";height: 4px; width: 100%;background-image: linear-gradient(150deg, rgba(209, 0, 0, 1), rgba(0, 0, 0, 1)); position: absolute; bottom: -10px; left: 0;}
.business_cont_top > figure figcaption p {line-height: 180%;}
.business_cont_top > figure figcaption ul {margin-top: 20px;}
.business_cont_top > figure figcaption ul li {display: inline-block; margin: 0px 10px 5px 0px;}
.business_cont_top > figure figcaption ul li:before {content: "○"; margin-right:2px;}
.business_cont_top > figure:nth-child(2) {flex-flow: row-reverse; margin-top: 120px;}
.business_cont_top > figure:nth-child(2):after {content: ""; width: 200vw; height: 100%; background-color: #333333; top: 0; left:inherit; right: 0; position: absolute; z-index: -1;}
.business_cont_top > figure:nth-child(2) figcaption {width: calc(54% - 100px); box-sizing: border-box; padding: 0px 20px 0px 0px; color: #FFF;}

.business_cont_under {margin-top: 120px; margin-bottom: 250px;}
.business_cont_under > figure {max-width: 1200px; margin: 0px auto;position: relative; display: flex; z-index: 1;}
.business_cont_under > figure:after {content: ""; width: 200vw; height: 100%; background-color: #333333; top: 0; left: 0; position: absolute; z-index: -1;}
.business_cont_under > figure:first-child:before {content: ""; width: 200vw; height: 100%; background-color: #CB0D0D; position: absolute; top: 70%;right: 20%; z-index: -1;}
.business_cont_under > figure picture {width: 46%;}
.business_cont_under > figure figcaption {width: calc(54% - 100px); margin-top: 60px; box-sizing: border-box; padding-left: 20px; color: #FFF;}
.business_cont_under > figure figcaption h2 {font-size: 28px; font-weight: 700; position: relative; margin-bottom: 24px;}
.business_cont_under > figure figcaption h2:after {content: "";height: 4px; width: 100%;background-image: linear-gradient(150deg, rgba(209, 0, 0, 1), rgba(0, 0, 0, 1)); position: absolute; bottom: -10px; left: 0;}
.business_cont_under > figure figcaption p {line-height: 180%;}
.business_cont_under > figure figcaption ul {margin-top: 20px;}
.business_cont_under > figure figcaption ul li {display: inline-block; margin: 0px 10px 5px 0px;}
.business_cont_under > figure figcaption ul li:before {content: "○";}
.business_cont_under > figure:nth-child(2) {flex-flow: row-reverse; margin-top: 120px;}
.business_cont_under > figure:nth-child(2):after {content: ""; width: 200vw; height: 100%; background-color: #333333; top: 0; left:inherit; right: 0; position: absolute; z-index: -1;}
.business_cont_under > figure:nth-child(2) figcaption {width: calc(54% - 100px); box-sizing: border-box; padding: 0px 20px 0px 0px; color: #FFF;}
.business_cont_under > figure figcaption p.lin_bt {margin-top: 20px;}
.business_cont_under > figure figcaption p.lin_bt a {line-height: normal; display: block; border: 1px solid #bcbcbc; color: #FFF; padding: 10px 10px 10px 30px;position: relative;}
.business_cont_under > figure figcaption p.lin_bt a:before {content: "";position: absolute; left: 10px; top: calc(50% - 5px);width: 8px;height: 8px;border-top: 1px solid #CB0D0D; border-right: 1px solid #CB0D0D;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.business_cont_under > figure figcaption p.lin_bt a:hover {opacity: .7;}

.message_area {max-width: 900px; padding: 70px; margin: 0px auto 115px; background-color: #FFF; box-sizing: border-box; border-bottom: 30px solid #333333; position: relative;}
.message_area:before {content: "";width: 200vw; height: 70%; position: absolute; right: 14%; bottom: -8%; background-color: #CB0D0D; z-index: -1;}
.message_area > h2 {text-align: center;}
.message_area > h2 span {font-size: 35px; font-weight: 700; border-bottom: 3px solid #CB0D0D;padding-bottom: 5px;}
.message_area > h2 em {display: block;margin-top: 15px; font-size: 14px;}
.message_area > picture {margin-top: 50px;}
.message_area > div {padding: 35px 60px 0px; box-sizing: border-box;}
.message_area > div h3 {font-size: 24px; font-weight: 700; border-bottom: 4px solid #CB0D0D; margin-bottom: 30px; padding-bottom: 10px;}
.message_area > div p {line-height: 180%; font-size: 16px;}
.message_area > div h4 {font-weight: 700;font-size: 16px; text-align: right; margin-top: 30px;}

.compartmental_01 {position: relative;}
.compartmental_01 picture {position: relative; z-index: 0;}
.compartmental_01 picture img {width: 100%; height: 500px; object-fit: cover;object-position: 50% 50%;}
.compartmental_01:after {content: ""; height: 70%; width: 100%; background-color: #FFF; clip-path: polygon(100% 0, 0 0, 0 50%); position: absolute; left: 0; top: -2px; z-index: 2; }
.compartmental_01:before {content: ""; height: 70%; width: 100%; background-color: #DDE1E3; clip-path: polygon(0 0, 100% 0, 100% 10px, 0 calc(50% + 11px)); position: absolute; left: 0; top: -1px;z-index: 1; }
.compartmental_01 picture:after {content: ""; height: 70%; width: 100%; background-color: #F4F1ED; clip-path: polygon(100% 50%, 0% 100%, 100% 100%); position: absolute; left: 0; bottom: 0%;z-index: 2; }
.compartmental_01 picture:before {content: ""; height: 70%; width: 100%; background-color: #DDE1E3; clip-path: polygon(0 calc(100% - 10px), 100% calc(50% - 10px), 100% 100%, 0 100%); position: absolute; left: 0; bottom: 0%;z-index: 1; }

.company_area { background-color: #F4F1ED; padding: 40px 0px 70px 0px;position: relative; z-index: -2;}
.company_area > h2 {text-align: center;}
.company_area > h2 span {font-size: 35px; font-weight: 700; border-bottom: 3px solid #CB0D0D;padding-bottom: 5px;}
.company_area > h2 em {display: block;margin-top: 15px; font-size: 14px;}

.company_cont {max-width: 900px; margin: 50px auto 0px; background-color: #FFF; padding: 60px 70px; box-sizing: border-box; border-bottom: 30px solid #333333;position: relative;}
.company_cont:after {content: ""; width: 200vw; height: 75%; bottom: -70px; left: 15%; position: absolute;background-color: #CB0D0D; z-index: -1;}
.company_cont .gallery {display: flex; justify-content: space-between;}
.company_cont .gallery > div:first-child {max-width: 242px;}
.company_cont .gallery > div:nth-child(2) {max-width: calc(100% - 257px); display: flex; justify-content: space-between; flex-wrap: wrap;}
.company_cont .gallery > div:nth-child(2) picture {padding-bottom: 15px;}

.company_cont .profile {margin-top: 100px;}
.company_cont .profile > dl {display: flex; font-size: 16px; border-top: 1px solid #707070;}
.company_cont .profile > dl:last-child {border-bottom: 1px solid #707070;}
.company_cont .profile > dl > dt {width: 20%; background-color: #333333; color: #FFF; padding: 14px; box-sizing: border-box;}
.company_cont .profile > dl > dd {width: 80%; padding: 14px 20px; box-sizing: border-box;}
.company_cont .profile > dl > dd > dl {margin-bottom: 30px;}
.company_cont .profile > dl > dd > dl:last-child {margin-bottom: 0px;}
.company_cont .profile > dl > dd.permission > div {margin-bottom: 30px;}
.company_cont .profile > dl > dd.permission > div dl {border-bottom: 1px solid #707070; display: flex; padding: 10px 0px;}
.company_cont .profile > dl > dd.permission > div dl dt {width: 40%;}
.company_cont .profile > dl > dd.permission > div p {margin-bottom: 10px;}
.company_cont .profile > dl > dd.permission > div p + dl {border-top: 1px solid #707070;}

.compartmental_02 {position: relative;}
.compartmental_02 picture {position: relative; z-index: 0;}
.compartmental_02 picture img {width: 100%; height: 500px; object-fit: cover;object-position: 50% 50%;}
.compartmental_02:after {content: ""; height: 70%; width: 100%; background-color: #F4F1ED; clip-path: polygon(100% 0, 0 0, 100% 50%); position: absolute; left: 0; top: -2px; z-index: 2; }
.compartmental_02:before {content: ""; height: 70%; width: 100%; background-color: #DDE1E3; clip-path: polygon(0 0, 100% 0, 100% calc(50% + 10px), 0 10px); position: absolute; left: 0; top: -1px;z-index: 1; }
.compartmental_02 picture:after {content: ""; height: 70%; width: 100%; background-color: #FFF; clip-path: polygon(0% 50%, 0% 100%, 100% 100%); position: absolute; left: 0; bottom: 0%;z-index: 2; }
.compartmental_02 picture:before {content: ""; height: 70%; width: 100%; background-color: #DDE1E3; clip-path: polygon(0 calc(50% - 10px), 100% calc(100% - 10px), 100% 100%, 0 100%); position: absolute; left: 0; bottom: 0%;z-index: 1; }

.initiatives {padding-top: 40px;}
.initiatives > h2 {text-align: center;}
.initiatives > h2 span {font-size: 35px; font-weight: 700; border-bottom: 3px solid #CB0D0D;padding-bottom: 5px;}
.initiatives > h2 em {display: block;margin-top: 15px; font-size: 14px;}

.initiatives > div {position: relative; max-width: 760px; margin: 50px auto 250px; padding: 40px 0px 120px;}
.initiatives > div:after {content: ""; width: 200vw; height: 100%; top: 0; right: 60%; position: absolute; background-color: #CB0D0D; z-index: -1;}
.initiatives > div figure {border: 1px solid #707070; box-sizing: border-box; padding: 18px; background-color: #FFF; display: flex; justify-content: space-between; margin-top: 24px;}
.initiatives > div figure picture {width: 210px; height: 100%; position: relative; border: 1px solid #CCCCCC; box-sizing: border-box;}
.initiatives > div figure picture:before {content: ""; display: block; padding-top: 75%;}
.initiatives > div figure picture img {width: 100%; height: 100%; object-fit: cover;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.initiatives > div figure:first-child {margin-top: 40px;}
.initiatives > div figure figcaption {display: flex;flex-direction: column; width: calc(100% - 230px);}
.initiatives > div figure figcaption h3 {font-size: 20px; font-weight: 700;}
.initiatives > div figure figcaption h4 {margin-top: 10px;}
.initiatives > div figure figcaption p {margin-top: auto;}
.initiatives > div figure figcaption p a {color: #0A80E5; text-decoration: underline;}

.recruit_area {margin: 76px auto 250px; max-width: 900px; background-color: #FFF; padding: 70px; box-sizing: border-box;border-bottom: 30px solid #333333; position: relative;}
.recruit_area:before {content: ""; width: 200vw; height: 20%;top: -40px; right: 64%; position: absolute;background-color: #CB0D0D; z-index: -1;}
.recruit_area:after {content: ""; width: 200vw; height: 20%;top: calc(80% + 70px); left: 20%; position: absolute;background-color: #CB0D0D; z-index: -1;}
.recruit_area h2 {font-size: 24px; font-weight: 700; border-bottom: 4px solid #CB0D0D; padding-bottom: 30px; margin-bottom: 40px;}
.recruit_area .first h2 + p {line-height: 180%;}
.recruit_area .first .recruit_video {margin-top: 70px; position: relative;}
.recruit_area .first .recruit_video .play-btn {display: block;
	position: absolute;top: 50%;left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); cursor: pointer;}
	.recruit_area .first .recruit_video .play-btn.playActive{display:none;}
	.recruit_area .first .recruit_video .play-btn:hover {opacity: .7;}
.recruit_area .first .recruit_video video {width: 100%;}
.recruit_area .first .recruit_galley {margin-top: 40px;}
.recruit_area .first .recruit_galley ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.recruit_area .first .recruit_galley ul:after {content: ""; display: block; width: 33%;}
.recruit_area .first .recruit_galley ul li {width: 33%;position: relative; border: 1px solid #CCCCCC; box-sizing: border-box; margin-bottom: 0.5%; overflow: hidden;}
.recruit_area .first .recruit_galley ul li:before {content: ""; display: block; padding-top: 56.25%;}
.recruit_area .first .recruit_galley ul li img {width: 100%; height: 100%; object-fit: cover;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

.recruit_area .second {margin-top: 100px;}
.recruit_area .second > div {display: flex; justify-content: space-between;}
.recruit_area .second > div dl {width: 32.5%; border: 1px solid #707070; box-sizing: border-box; padding: 18px;}
.recruit_area .second > div dl dt {font-size: 16px; font-weight: 700; border-bottom: 1px solid #CB0D0D; padding-bottom: 10px; margin-bottom: 10px;}
.recruit_area .second > div dl dd ul li {position: relative; padding-left:10px; margin-bottom: 6px;}
.recruit_area .second > div dl dd ul li:before {content: ""; position: absolute;left: 0px; top: calc(50% - 6px);box-sizing: border-box; width: 6px; height: 6px; border: 6px solid transparent; border-left: 6px solid #CB0D0D;}

.recruit_area .third {margin-top: 100px;}
.recruit_area .third > div {margin-top: 30px;}
.recruit_area .third > div dl {border-top: 1px solid #707070; display: flex;}
.recruit_area .third > div dl:last-child {border-bottom: 1px solid #707070;}
.recruit_area .third > div dl dt {width: 24%; padding: 20px; box-sizing: border-box; background-color: #F2EFEF;}
.recruit_area .third > div dl dd {width: 76%; padding: 20px; box-sizing: border-box;}

.recruit_area .fourth {margin-top: 100px;}
.recruit_area .fourth > div {display: flex; justify-content: space-between;}
.recruit_area .fourth > div dl {width: 32.5%; border: 1px solid #707070; box-sizing: border-box; padding: 16px;}
.recruit_area .fourth > div dl dt {font-size: 16px; font-weight: 700; border-bottom: 1px solid #CB0D0D; padding-bottom: 10px; margin-bottom: 10px;}
.recruit_area .fourth > ul {font-size: 14px; margin-top: 10px;}
.recruit_area .fourth > ul li {margin-bottom: 5px;}

.recruit_area .entry_bt {width: 376px; margin: 100px auto 0px;}
.recruit_area .entry_bt a {display: block; position: relative; background-color: #AD0909; color: #FFF; text-align: center; padding: 20px 0px;}
.recruit_area .entry_bt a:before {content: "";position: absolute; right: 20px; top: calc(50% - 5px);width: 10px;height: 10px;border-top: 1px solid #FFF; border-right: 1px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.recruit_area .entry_bt a:hover {background-color: #8D0C0C;}

.contact_area {max-width: 900px; margin:75px auto 250px;}
.contact_area > div > h2 {text-align: center;}
.contact_area > div > h2 span {font-size: 35px; font-weight: 700; border-bottom: 3px solid #CB0D0D;padding-bottom: 5px;}
.contact_area > div > h2 em {display: block;margin-top: 15px; font-size: 14px;}
.contact_area > div.tel_cont > div {margin-top: 50px; border: 3px solid #CBCBCB; padding: 35px; box-sizing: border-box;}
.contact_area > div.tel_cont > div dl {max-width: 475px; margin: 0px auto; text-align: center;}
.contact_area > div.tel_cont > div dl dt {font-size: 16px; border-bottom: 1px solid #707070; margin-bottom: 10px;}
.contact_area > div.tel_cont > div dl dt span {display: block;}
.contact_area > div.tel_cont > div dl dt em {display: inline-block; font-size: 35px; font-weight: 700;}
.contact_area > div.tel_cont > div dl dt em:before {content: url("../images/tel_icon.svg");display: inline-block; vertical-align: middle; margin-right: 10px;}
.contact_area > div.tel_cont > div dl dt em a {color: #CB0D0D;}

.contact_area > div.mail_cont {margin-top: 110px;}
.contact_area div.mail_main {margin-top: 20px; padding: 60px 90px 80px; border: 3px solid #CBCBCB;box-sizing: border-box; font-size: 16px;}
.contact_area div.mail_main input[type="text"],.contact_area > div.mail_cont > div.mail_main input[type="tel"],.contact_area > div.mail_cont div.mail_main input[type="email"] {-webkit-appearance: none; border: 1px solid #CCCCCC; border-radius: 5px; width: 100%; box-sizing: border-box; padding: 10px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);}
.contact_area div.mail_main > dl {margin-top: 40px;}
.contact_area div.mail_main > dl > dt {margin-bottom: 10px;}
.contact_area div.mail_main > dl > dt span {color: #9D1717;}
.contact_area div.mail_main select {width: 100%; box-sizing: border-box; padding: 10px;-webkit-appearance: none;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);border: 1px solid #CCCCCC; border-radius: 5px;cursor: pointer;}
.contact_area div.mail_main > dl > dd.radio {display: flex;}
.contact_area div.mail_main > dl > dd.radio > div {margin-right: 20px;}
.contact_area div.mail_main > dl > dd.radio input,.contact_area > div.mail_cont > div.mail_main > dl > dd.radio label {cursor: pointer;}
.mwform-radio-field-text {cursor: pointer;}
.contact_area div.mail_main > dl > dd.select > div {position: relative;}
.contact_area div.mail_main > dl > dd.select > div:after {content: "";position: absolute; right: 20px; top: calc(50% - 8px);width: 10px;height: 10px;border-top: 1px solid #333; border-right: 1px solid #333;-webkit-transform: rotate(135deg);transform: rotate(135deg);z-index: 2; pointer-events: none;}
.contact_area div.mail_main textarea {-webkit-appearance: none; border: 1px solid #CCCCCC; border-radius: 5px; width: 100%; box-sizing: border-box; padding: 10px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); height: 200px;}
.contact_area div.mail_main > dl > dd.ppc .ppc_c { background-color: #333; color: #FFF; padding: 10px; border-radius: 5px;}
.contact_area div.mail_main > dl > dd.ppc .ppc_c label,.contact_area > div.mail_cont > div.mail_main dl dd.ppc .ppc_c input {cursor: pointer;}

.contact_area div.mail_main > dl > dd.ppc .pp_area {width: 100%; height: 230px; border: 1px solid #ccc; overflow: scroll; box-sizing: border-box; padding: 20px; margin-top: 20px; font-size: 14px;}
.contact_area div.mail_main > dl > dd.ppc .pp_area dl {margin-top :20px;}
.contact_area div.mail_main > dl > dd.ppc .pp_area dl dt {font-weight: 700; margin-bottom: 5px;}
.contact_area div.mail_main > dl > dd.ppc .pp_area ul {margin-top: 10px;}
.contact_area div.mail_main > dl > dd.ppc .pp_area ul li {list-style: outside; margin-left: 1.5em;}

.contact_area .send_bt {width: 376px; margin: 50px auto 0px; position: relative;}
.contact_area .send_bt input {-webkit-appearance: none; width: 100%; box-sizing: border-box; border: none; cursor: pointer;display: block; position: relative; background-color: #AD0909; color: #FFF; text-align: center; padding: 20px 0px;}
.contact_area .send_bt:before {content: "";position: absolute; right: 20px; top: calc(50% - 5px);width: 10px;height: 10px;border-top: 1px solid #FFF; border-right: 1px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg); z-index: 2;}
.contact_area .send_bt input:hover {background-color: #8D0C0C;}

.mw_wp_form .error {
    font-size: 93%;
    color: #ee0000;
    display: block;
    margin-top: 5px;
    padding: 2px 3px;
    background-color: lavenderblush;
}
.mw_wp_form .error:before {content:"↑";}

.news_list {max-width: 800px; margin: 80px auto 250px;position: relative;}
.news_list:after {content: ""; width: 200vw; height: 65%; top: -40px; right: 70%; position: absolute; background-color: #CB0D0D; z-index: -1;}
.news_list .news_list_cont {padding-bottom: 60px}
.news_list .news_list_cont a {transition-duration: 0.2s;display: block; background-color: #FFF; padding: 30px; box-sizing: border-box; margin-top: 16px;}
.news_list .news_list_cont a:first-child {margin-top: 0px;}
.news_list .news_list_cont a h2 {font-size: 24px; font-weight: 700; border-bottom: 6px solid #CB0D0D; padding-bottom: 16px; margin-bottom: 16px;}
.news_list .news_list_cont a time {font-size: 14px; font-weight: 500;}
.news_list .news_list_cont a p {font-size: 16px;line-height: 160%; margin-top: 10px;}
.news_list .news_list_cont a:hover {transform: translateY(-4px);box-shadow: 0 0 8px rgb(0,0,0,.25);transition-duration: 0.2s;}

.news_data {max-width: 900px; margin: 76px auto 250px; padding: 50px; box-sizing: border-box; background-color: #FFF;}
.news_data .data_title {font-size: 24px; font-weight: 700; border-bottom: 4px solid #CB0D0D; padding-bottom: 16px; margin-bottom: 10px;}
.news_data .data_title + time {font-size: 14px; font-weight: 500;}

.data_body {margin: 15px 0px 100px;}

.data_link .link_back {float: left;}
.data_link li {width: 240px;}
.data_link li span {position: relative;}
.data_link li a {display:block; background-color: #333333; color: #FFF; text-align: center; font-weight: 700; padding: 15px 0px;}
.data_link li a:hover {background-color:#AD0A09; }
.data_link .link_next {float: right;}
.data_link .link_back span:after {content: "";position: absolute; left: -16px; top: calc(50% - 5px);width: 8px;height: 8px;border-top: 2px solid #FFF; border-right: 2px solid #FFF;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
.data_link .link_next span:after {content: "";position: absolute; right: -16px; top: calc(50% - 5px);width: 8px;height: 8px;border-top: 2px solid #FFF; border-right: 2px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.data_link:after {content: ""; display: block; clear: both;}

.performance_head {max-width: 800px; margin: 76px auto 0px;}
.performance_head ul {display: flex;}
.performance_head ul li {margin-right: 12px; width: 160px; height: 60px;}
.performance_head ul li a {display: block; color: #FFF; background-color: #333; text-align: center;font-size: 20px; padding: 14px 0px; font-weight: 500;}
.performance_head ul li.active a{background-color: #CB0D0D;}
.performance_head ul li a:hover {background-color: #CB0D0D;}
.performance_head > h2 {font-size: 16px; margin-top: 24px; line-height: 180%;}

.performance_list { max-width: 800px; margin: 0px auto;}
.performance_list > div.performance_list_cont {padding: 40px 0px 110px; position: relative;}
.performance_list > div.performance_list_cont:after {content: ""; height: 100%; width: 200vw; background-color: #CB0D0D; left: 70%; position: absolute; top: 0; z-index: -1;}
.performance_list > div.performance_list_cont > a {background-color: #FFF; padding: 30px; box-sizing: border-box; display: block; margin-top: 20px;transition-duration: 0.2s;}
.performance_list > div.performance_list_cont > a:frist-child {margin-top: 0px;}
.performance_list > div.performance_list_cont > a figure {display: flex; justify-content: space-between;}
.performance_list > div.performance_list_cont > a figure picture {width: 36%; position: relative;height: 100%; overflow: hidden;}
.performance_list > div.performance_list_cont > a figure picture:before {content: ""; display: block; padding-top: 75%;}
.performance_list > div.performance_list_cont > a figure picture img {object-fit: cover; width: 100%; height: 100%; position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.performance_list > div.performance_list_cont > a figure figcaption {width: calc(64% - 14px); display: flex; flex-direction: column;}
.performance_list > div.performance_list_cont > a figure figcaption div {display: flex; align-items: center; border-bottom: 4px solid #333; padding-bottom: 12px; margin-bottom: 12px;}
.performance_list > div.performance_list_cont > a figure figcaption div p {font-size: 14px; font-weight: 500; text-align: center; color: #FFF; margin-right: 14px;}
.performance_list > div.performance_list_cont > a figure figcaption div p span {background-color: #CB0D0D; padding: 5px 10px; display: block;}
.performance_list > div.performance_list_cont > a figure figcaption div h2 {font-size: 24px; font-weight: 700;}
.performance_list > div.performance_list_cont > a figure figcaption > p { font-size: 16px; line-height: 180%;}
.performance_list > div.performance_list_cont > a figure figcaption time {font-size: 14px; font-weight: 500; text-align: right; margin-top: auto;}
.performance_list > div.performance_list_cont > a:hover {transform: translateY(-4px);box-shadow: 0 0 8px rgb(0,0,0,.25);transition-duration: 0.2s;}

.pagenation_cont {margin-bottom: 250px; display: flex; justify-content: center; align-items: center;}
.pagenation_cont span {width: 30px; height: 30px; font-weight: 700; border: 1px solid #333; box-sizing: border-box; text-align: center; line-height: 30px; vertical-align: middle; margin-right: 8px;}
.pagenation_cont a {display: block; width: 30px; height: 30px; font-weight: 700; border: 1px solid #333; box-sizing: border-box;text-align: center; line-height: 30px; vertical-align: middle;margin-right: 8px;}
.pagenation_cont .current {background-color: #333; color: #FFF;}
.pagenation_cont *:last-child {margin-right: 0px;}
.pagenation_cont a:hover { background-color: #333;color: #FFF;}

.nav-links {display: flex; justify-content: center; align-items: center;}
.nav-links span {width: 30px; height: 30px; font-weight: 700; border: 1px solid #333; box-sizing: border-box; text-align: center; line-height: 30px; vertical-align: middle; margin-right: 8px;}
.nav-links a {display: block; width: 30px; height: 30px; font-weight: 700; border: 1px solid #333; box-sizing: border-box;text-align: center; line-height: 30px; vertical-align: middle;margin-right: 8px;}
.nav-links .current {background-color: #333; color: #FFF;}
.nav-links *:last-child {margin-right: 0px;}
.nav-links a:hover { background-color: #333;color: #FFF;}

.thanks_area {max-width: 1000px; margin: 76px auto 250px;}
.thanks_area > h2 {text-align: center;}
.thanks_area > h2 span {font-size: 35px; font-weight: 700; border-bottom: 3px solid #CB0D0D;padding-bottom: 5px;}
.thanks_area > div {margin-top: 70px;}
.thanks_area > div dl {text-align: center; border: 2px solid #CBCBCB;}
.thanks_area > div dl dt {font-size: 28px; font-weight: 700; padding: 80px 0px; border-bottom: 2px solid #CBCBCB;}
.thanks_area > div dl dt br {display: none;}
.thanks_area > div dl dd {font-size: 16px; padding: 66px 0px;}
.thanks_area > div dl dd p {margin-bottom: 0.5em;}
.thanks_area > div dl dd p:last-child {margin-bottom: 0;}

.performance_data {max-width: 800px; margin: 76px auto 250px;padding-top: 27px;position: relative;}
.performance_data:before {content: ""; width: 200vw; height: 40%;top: 0px; right: 82px; position: absolute;background-color: #CB0D0D; z-index: -1;}
.performance_data .per_data_head {display: flex; align-items: center; border-bottom: 4px solid #333; padding-bottom: 10px; margin-bottom: 20px;}
.performance_data .per_data_head > p {font-size: 14px; font-weight: 500; margin-right: 14px;color: #FFF;}
.performance_data .per_data_head > p span {display: block ;background-color: #333; padding: 5px 10px;}
.performance_data .per_data_head > h1 {font-size: 24px; font-weight: 700; color: #FFF;}
.performance_data .per_data_cont figure picture {width: 100%; position: relative;height: 100%; overflow: hidden;}
.performance_data .per_data_cont figure picture:before {content: ""; display: block; padding-top: 70%;}
.performance_data .per_data_cont figure picture img {object-fit: cover; width: 100%; height: 100%; position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.performance_data .per_data_cont figure figcaption {margin-top: 20px;}
.performance_data .per_data_cont figure figcaption dl {display: flex; justify-content: space-between; margin-bottom: 0.5%;}
.performance_data .per_data_cont figure figcaption dl dt {color: #fff; background-color: #000; font-size: 16px; padding: 10px; box-sizing: border-box; width: 20%;}
.performance_data .per_data_cont figure figcaption dl dd {background-color: #FFF;padding: 10px; box-sizing: border-box; width: 79.5%; line-height: 180%;}
.performance_data .data_link {margin-top: 115px;}

@media only screen and (max-width:1000px){

.pankuz {max-width: 1000px; margin: 0px auto; padding: 10px 10px 0px 10px; box-sizing: border-box;}

.business_cont_top > figure figcaption {width: calc(54% - 100px); margin-top: 20px; box-sizing: border-box; padding-left: 20px; color: #FFF;}
.business_cont_under > figure figcaption {width: calc(54% - 100px); margin-top: 20px; box-sizing: border-box; padding-left: 20px; color: #FFF;}


.thanks_area {max-width: 1000px; margin: 76px auto 250px; padding: 0px 20px; box-sizing: border-box;}



}

@media only screen and (max-width:900px){

.business_cont_top {margin-top: 70px;}
.business_cont_top > figure {max-width: 1200px; width: 60%; margin: 0px auto;position: relative; display: block; z-index: 1;background-color: #333333; }
.business_cont_top > figure:after {content: ""; width: 0vw; height: 0%; background-color: #333333; top: 0; left: 0; position: absolute; z-index: -1;}
.business_cont_top > figure:first-child:before {content: ""; width: 200vw; height: 100%; background-color: #CB0D0D; position: absolute; top: 70%;left: 20%; z-index: -1;}

.business_cont_top > figure picture {width: 100%; margin: 0px auto;}
.business_cont_top > figure figcaption {width: calc(100% - 0px); margin: 20px auto 0px;box-sizing: border-box;padding: 0px 20px 20px; color: #FFF;background-color: #333333; }
.business_cont_top > figure figcaption h2 {font-size: 28px; font-weight: 700; position: relative; margin-bottom: 24px;}
.business_cont_top > figure figcaption h2:after {content: "";height: 4px; width: 100%;background-image: linear-gradient(150deg, rgba(209, 0, 0, 1), rgba(0, 0, 0, 1)); position: absolute; bottom: -10px; left: 0;}
.business_cont_top > figure figcaption p {line-height: 180%;}
.business_cont_top > figure figcaption ul {margin-top: 20px;}
.business_cont_top > figure figcaption ul li {display: inline-block; margin: 0px 10px 5px 0px;}
.business_cont_top > figure figcaption ul li:before {content: "○";}
.business_cont_top > figure:nth-child(2) {flex-flow: row-reverse; margin-top: 120px;}
.business_cont_top > figure:nth-child(2):after {content: ""; width: 0vw; height: 0%; background-color: #333333; top: 0; left:inherit; right: 0; position: absolute; z-index: -1;}
.business_cont_top > figure:nth-child(2) figcaption {width: calc(100% - 0px); box-sizing: border-box; padding: 0px 20px 20px 20px; color: #FFF;}

.business_cont_under {margin-top: 120px; margin-bottom: 250px;}
.business_cont_under > figure {max-width: 1200px; width: 60%; margin: 0px auto;position: relative; display: block; z-index: 1;background-color: #333333;}
.business_cont_under > figure:after {content: ""; width: 0vw; height: 0%; background-color: #333333; top: 0; left: 0; position: absolute; z-index: -1;}
.business_cont_under > figure:first-child:before {content: ""; width: 200vw; height: 100%; background-color: #CB0D0D; position: absolute; top: 70%;right: 20%; z-index: -1;}
.business_cont_under > figure picture {width: 100%;}
.business_cont_under > figure figcaption {width: calc(100% - 0px); margin-top: 20px; box-sizing: border-box; padding: 0px 20px 20px 20px; color: #FFF;background-color: #333333; }
.business_cont_under > figure figcaption h2 {font-size: 28px; font-weight: 700; position: relative; margin-bottom: 24px;}
.business_cont_under > figure figcaption h2:after {content: "";height: 4px; width: 100%;background-image: linear-gradient(150deg, rgba(209, 0, 0, 1), rgba(0, 0, 0, 1)); position: absolute; bottom: -10px; left: 0;}
.business_cont_under > figure figcaption p {line-height: 180%;}
.business_cont_under > figure figcaption ul {margin-top: 20px;}
.business_cont_under > figure figcaption ul li {display: inline-block; margin: 0px 10px 5px 0px;}
.business_cont_under > figure figcaption ul li:before {content: "○";}
.business_cont_under > figure:nth-child(2) {flex-flow: row-reverse; margin-top: 120px;}
.business_cont_under > figure:nth-child(2):after {content: ""; width: 0vw; height: 0%; background-color: #333333; top: 0; left:inherit; right: 0; position: absolute; z-index: -1;}
.business_cont_under > figure:nth-child(2) figcaption {width: calc(100% - 0px); box-sizing: border-box; padding: 0px 20px 20px 20px; color: #FFF;}
.business_cont_under > figure figcaption p.lin_bt {margin-top: 20px;}
.business_cont_under > figure figcaption p.lin_bt a {line-height: normal; display: block; border: 1px solid #bcbcbc; color: #FFF; padding: 10px 10px 10px 30px;position: relative;}
.business_cont_under > figure figcaption p.lin_bt a:before {content: "";position: absolute; left: 10px; top: calc(50% - 5px);width: 8px;height: 8px;border-top: 1px solid #CB0D0D; border-right: 1px solid #CB0D0D;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.business_cont_under > figure figcaption p.lin_bt a:hover {opacity: .7;}

.contact_area {max-width: 900px; margin:75px auto 250px; padding: 0px 20px; box-sizing: border-box;}

.recruit_area {margin: 76px 20px 250px; max-width: 900px; background-color: #FFF; padding: 70px; box-sizing: border-box;border-bottom: 30px solid #333333; position: relative;}

.news_data {max-width: 900px; margin: 76px 20px 250px; padding: 50px; box-sizing: border-box; background-color: #FFF;}

.message_area {max-width: 900px; padding: 70px; margin: 0px 20px 115px; background-color: #FFF; box-sizing: border-box; border-bottom: 30px solid #333333; position: relative;}

.company_cont {max-width: 900px; margin: 50px 20px 0px; background-color: #FFF; padding: 60px 70px; box-sizing: border-box; border-bottom: 30px solid #333333;position: relative;}

.company_cont .gallery {display: flex; justify-content: space-between;}
.company_cont .gallery > div:first-child {max-width:33%; }
.company_cont .gallery > div:nth-child(2) {max-width: calc(100% - 34%);display: flex; justify-content: space-between; flex-wrap: wrap;}
.company_cont .gallery > div:nth-child(2) picture {padding-bottom: 10px; width: 49.5%;}
.company_cont .gallery > div:nth-child(2) picture img {width: 100%;}

}

@media only screen and (max-width:800px){
.performance_head {max-width: 800px; margin: 76px auto 0px; padding: 0px 20px; box-sizing: border-box;}
.performance_list { max-width: 800px; margin: 0px auto; padding: 0px 20px; box-sizing: border-box;}
.performance_data {max-width: 800px; margin: 76px auto 250px;padding: 27px 20px 0px;box-sizing: border-box; position: relative;}

.news_list {max-width: 800px; margin: 80px auto 250px;position: relative; padding: 0px 20px; box-sizing: border-box;}

}

@media only screen and (max-width:768px){

.contact_area div.mail_main {margin-top: 20px; padding: 40px 40px 40px; border: 3px solid #CBCBCB;box-sizing: border-box; font-size: 16px;}
.contact_area div.mail_main > dl:first-child {margin-top: 0px;}

.recruit_area {margin: 76px 20px 250px; max-width: 900px; background-color: #FFF; padding: 35px; box-sizing: border-box;border-bottom: 30px solid #333333; position: relative;}

.performance_list > div.performance_list_cont > a figure figcaption div {display:block; align-items: center; border-bottom: 4px solid #333; padding-bottom: 12px; margin-bottom: 12px;}
.performance_list > div.performance_list_cont > a figure figcaption div p {font-size: 14px; font-weight: 500; text-align: center; color: #FFF; margin-right: 14px; display: inline-block;}

.performance_list > div.performance_list_cont > a {background-color: #FFF; padding: 15px; box-sizing: border-box; display: block; margin-top: 20px;transition-duration: 0.2s;}

.message_area {max-width: 900px; padding: 35px; margin: 0px 20px 115px; background-color: #FFF; box-sizing: border-box; border-bottom: 30px solid #333333; position: relative;}
.message_area > h2 {text-align: center;}
.message_area > h2 span {font-size: 35px; font-weight: 700; border-bottom: 3px solid #CB0D0D;padding-bottom: 5px;}
.message_area > h2 em {display: block;margin-top: 15px; font-size: 14px;}
.message_area > picture {margin-top: 50px;}
.message_area > div {padding: 35px 10px 0px; box-sizing: border-box;}
.message_area > div h3 {font-size: 24px; font-weight: 700; border-bottom: 4px solid #CB0D0D; margin-bottom: 30px; padding-bottom: 10px;}
.message_area > div p {line-height: 180%; font-size: 16px;}
.message_area > div h4 {font-weight: 700;font-size: 16px; text-align: right; margin-top: 30px;}

.company_cont {max-width: 900px; margin: 50px 20px 0px; background-color: #FFF; padding: 35px; box-sizing: border-box; border-bottom: 30px solid #333333;position: relative;}

.initiatives > div {position: relative; max-width: 760px; margin: 50px auto 250px; padding: 40px 20px 120px; box-sizing: border-box;}


}

@media only screen and (max-width:640px){
.business_cont_top > figure {max-width: 1200px; width: calc(100% - 40px); margin:0px auto;position: relative; display: block; z-index: 1;background-color: #333333; box-sizing: border-box; }

.business_cont_under > figure {max-width: 1200px; width: calc(100% - 40px); margin: 0px auto;position: relative; display: block; z-index: 1;background-color: #333333;}

.thanks_area > div dl dt {font-size: 26px; font-weight: 700; padding: 40px 0px; border-bottom: 2px solid #CBCBCB;}
.thanks_area > div dl dd {font-size: 15px; padding: 40px 0px;}

.data_link li {width: 200px;}

.company_navi {position: absolute; right: 0; left: 0; margin: auto; bottom: 0px; max-width: 1366px; display:flex;flex-direction: row;align-items: flex-end; justify-content: space-between; padding: 0px 0.5%;}
.company_navi li {width: 33%; margin: 0px 0px 0.5% 0px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,.25);}
.company_navi li a {display: block; background-color: #CB0D0D; color: #FFF; padding: 12px 0px 12px 40px; position: relative;}
.company_navi li a:before {content: "";position: absolute; left: 14px; top: calc(50% - 6px);width: 8px;height: 8px;border-top: 2px solid #FFF; border-right: 2px solid #FFF;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.company_navi li a:hover {background-color: #8D0C0C;}


}

@media only screen and (max-width:500px){
.business_cont_top > figure figcaption h2 {font-size: 26px; font-weight: 700; position: relative; margin-bottom: 24px;}
.business_cont_under > figure figcaption h2 {font-size: 26px; font-weight: 700; position: relative; margin-bottom: 24px;}

.contact_area div.mail_main {margin-top: 20px; padding: 10px; border: 3px solid #CBCBCB;box-sizing: border-box; font-size: 16px;}

.contact_area .send_bt {width: 100%; margin: 50px auto 0px; position: relative;}

.contact_area > div > h2 span {font-size: 33px; font-weight: 700; border-bottom: 3px solid #CB0D0D;padding-bottom: 5px;}
.contact_area {max-width: 900px; margin:75px auto 250px; padding: 0px 10px; box-sizing: border-box;}

.contact_area > div.tel_cont > div {margin-top: 50px; border: 3px solid #CBCBCB; padding: 10px; box-sizing: border-box;}
.contact_area > div.tel_cont > div dl {max-width: 100%; margin: 0px auto; text-align: center;}
.contact_area > div.tel_cont > div dl dt {font-size: 16px; border-bottom: 1px solid #707070; margin-bottom: 10px;}
.contact_area > div.tel_cont > div dl dt span {display: block;}
.contact_area > div.tel_cont > div dl dt em {display: inline-block; font-size: 35px; font-weight: 700;}
.contact_area > div.tel_cont > div dl dt em:before {content: url("../images/tel_icon.svg");display: inline-block; vertical-align: middle; margin-right: 10px;}
.contact_area > div.tel_cont > div dl dt em a {color: #CB0D0D;}

.thanks_area {max-width: 1000px; margin: 76px auto 250px; padding: 0px 10px; box-sizing: border-box;}
.thanks_area > h2 {text-align: center;}
.thanks_area > h2 span {font-size: 33px; font-weight: 700; border-bottom: 3px solid #CB0D0D;padding-bottom: 5px;}
.thanks_area > div {margin-top: 70px;}
.thanks_area > div dl {text-align: center; border: 2px solid #CBCBCB;}
.thanks_area > div dl dt {font-size: 26px; font-weight: 700; padding: 20px; border-bottom: 2px solid #CBCBCB;}
.thanks_area > div dl dt br {display: block;}
.thanks_area > div dl dd {font-size: 15px; padding: 20px;}
.thanks_area > div dl dd p {margin-bottom: 0.5em;}
.thanks_area > div dl dd p:last-child {margin-bottom: 0;}

.recruit_area .first .recruit_galley ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.recruit_area .first .recruit_galley ul:after {content: ""; display: block; width: 0%;}
.recruit_area .first .recruit_galley ul li {width: 49.5%;position: relative; border: 1px solid #CCCCCC; box-sizing: border-box; margin-bottom: 0.5%; overflow: hidden;}


.recruit_area {margin: 76px 10px 250px; max-width: 900px; background-color: #FFF; padding: 20px; box-sizing: border-box;border-bottom: 30px solid #333333; position: relative;}

.recruit_area .first .recruit_video .play-btn {display: block;
	position: absolute;top: 50%;left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); cursor: pointer; width: 56px;}
	
.recruit_area .second > div {display: block; justify-content: space-between;}
.recruit_area .second > div dl {width: 100%; border: 1px solid #707070; box-sizing: border-box; padding: 18px; margin-bottom: 10px;}
.recruit_area .third > div dl {border-top: 1px solid #707070; display: block;}
.recruit_area .third > div dl dt {width: 100%; padding: 20px; box-sizing: border-box; background-color: #F2EFEF;}
.recruit_area .third > div dl dd {width: 100%; padding: 20px; box-sizing: border-box;}

.recruit_area .fourth > div {display:block; justify-content: space-between;}
.recruit_area .fourth > div dl {width: 100%; border: 1px solid #707070; box-sizing: border-box; padding: 16px; margin-bottom: 10px;}

.recruit_area .entry_bt {width: 100%; margin: 100px auto 0px;}

.performance_head {max-width: 800px; margin: 76px auto 0px; padding: 0px 10px; box-sizing: border-box;}
.performance_list { max-width: 800px; margin: 0px auto; padding: 0px 10px; box-sizing: border-box;}
.performance_head ul li a {display: block; color: #FFF; background-color: #333; text-align: center;font-size: 18px; padding: 14px 0px; font-weight: 500;}

.performance_list > div.performance_list_cont {padding: 40px 0px 60px; position: relative;}
.performance_list > div.performance_list_cont:after {content: ""; height: 100%; width: 200vw; background-color: #CB0D0D; left: 70%; position: absolute; top: 0; z-index: -1;}
.performance_list > div.performance_list_cont > a {background-color: #FFF; padding: 10px; box-sizing: border-box; display: block; margin-top: 20px;transition-duration: 0.2s;}
.performance_list > div.performance_list_cont > a:frist-child {margin-top: 0px;}
.performance_list > div.performance_list_cont > a figure {display: block; justify-content: space-between;}
.performance_list > div.performance_list_cont > a figure picture {width: 100%; position: relative;height: 100%; overflow: hidden;}
.performance_list > div.performance_list_cont > a figure picture:before {content: ""; display: block; padding-top: 75%;}
.performance_list > div.performance_list_cont > a figure picture img {object-fit: cover; width: 100%; height: 100%; position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.performance_list > div.performance_list_cont > a figure figcaption {width: calc(100% - 0px); display: block; flex-direction: column; margin-top: 20px;}
.performance_list > div.performance_list_cont > a figure figcaption div {display: block; align-items: center; border-bottom: 4px solid #333; padding-bottom: 12px; margin-bottom: 12px;}
.performance_list > div.performance_list_cont > a figure figcaption div p {display: inline-block;font-size: 14px; font-weight: 500; text-align: center; color: #FFF; margin-right: 14px;}
.performance_list > div.performance_list_cont > a figure figcaption div p span {background-color: #CB0D0D; padding: 5px 10px; display: block;}
.performance_list > div.performance_list_cont > a figure figcaption div h2 {font-size: 22px; font-weight: 700;}
.performance_list > div.performance_list_cont > a figure figcaption > p { font-size: 16px; line-height: 180%;}
.performance_list > div.performance_list_cont > a figure figcaption time {font-size: 14px; font-weight: 500; text-align: right; margin-top: auto;}
.performance_list > div.performance_list_cont > a:hover {transform: translateY(-4px);box-shadow: 0 0 8px rgb(0,0,0,.25);transition-duration: 0.2s;}

.performance_data {max-width: 800px; margin: 76px auto 250px;padding: 27px 10px 0px;box-sizing: border-box; position: relative;}
.data_link li {width: 150px;}
.performance_data:before {content: ""; width: 200vw; height: 40%;top: 0px; right: 20px; position: absolute;background-color: #CB0D0D; z-index: -1;}
.performance_data .per_data_head {display: block; align-items: center; border-bottom: 4px solid #333; padding-bottom: 10px; margin-bottom: 20px;}
.performance_data .per_data_head > p {display: inline-block;font-size: 14px; font-weight: 500; margin-right: 14px;color: #FFF;}
.performance_data .per_data_head > p span {display: block ;background-color: #333; padding: 5px 10px;}
.performance_data .per_data_head > h1 {font-size: 22px; font-weight: 700; color: #FFF;}
.performance_data .per_data_cont figure figcaption dl {display: block; justify-content: space-between; margin-bottom: 0.5%;}
.performance_data .per_data_cont figure figcaption dl dt {color: #fff; background-color: #000; font-size: 16px; padding: 10px; box-sizing: border-box; width: 100%;}
.performance_data .per_data_cont figure figcaption dl dd {background-color: #FFF;padding: 10px; box-sizing: border-box; width: 100%; line-height: 180%;}

.news_list {max-width: 800px; margin: 80px auto 250px;position: relative; padding: 0px 10px; box-sizing: border-box;}
.news_list .news_list_cont a {transition-duration: 0.2s;display: block; background-color: #FFF; padding: 15px; box-sizing: border-box; margin-top: 16px;}
.news_list .news_list_cont a:first-child {margin-top: 0px;}
.news_list .news_list_cont a h2 {font-size: 22px; font-weight: 700; border-bottom: 6px solid #CB0D0D; padding-bottom: 16px; margin-bottom: 16px;}
.news_list .news_list_cont a time {font-size: 14px; font-weight: 500;}
.news_list .news_list_cont a p {font-size: 16px;line-height: 160%; margin-top: 10px;}
.news_list .news_list_cont a:hover {transform: translateY(-4px);box-shadow: 0 0 8px rgb(0,0,0,.25);transition-duration: 0.2s;}

.news_data {max-width: 900px; margin: 76px 10px 250px; padding:15px; box-sizing: border-box; background-color: #FFF;}
.news_data .data_title {font-size: 22px; font-weight: 700; border-bottom: 4px solid #CB0D0D; padding-bottom: 16px; margin-bottom: 10px;}
.news_data .data_link li {width: 120px;}

.data_link li a {display:block; background-color: #333333; color: #FFF; text-align: center; font-weight: 700; padding:10px 0px; font-size: 14px;}

.message_area {max-width: 900px; padding: 15px; margin: 0px 10px 115px; background-color: #FFF; box-sizing: border-box; border-bottom: 30px solid #333333; position: relative;}
.message_area > h2 {text-align: center;}
.message_area > h2 span {font-size: 35px; font-weight: 700; border-bottom: 3px solid #CB0D0D;padding-bottom: 5px;}
.message_area > h2 em {display: block;margin-top: 15px; font-size: 14px;}
.message_area > picture {margin-top: 50px;}
.message_area > div {padding: 35px 10px 0px; box-sizing: border-box;}
.message_area > div h3 {font-size: 24px; font-weight: 700; border-bottom: 4px solid #CB0D0D; margin-bottom: 30px; padding-bottom: 10px;}
.message_area > div p {line-height: 180%; font-size: 16px;}
.message_area > div h4 {font-weight: 700;font-size: 16px; text-align: right; margin-top: 30px;}

.compartmental_01:after {content: ""; height: 70%; width: 100%; background-color: #FFF; clip-path: polygon(100% 0, 0 0, 0 20%); position: absolute; left: 0; top: -2px; z-index: 2; }
.compartmental_01:before {content: ""; height: 70%; width: 100%; background-color: #DDE1E3; clip-path: polygon(0 0, 100% 0, 100% 10px, 0 calc(20% + 11px)); position: absolute; left: 0; top: -1px;z-index: 1; }
.compartmental_01 picture:after {content: ""; height: 70%; width: 100%; background-color: #F4F1ED; clip-path: polygon(100% 80%, 0% 100%, 100% 100%); position: absolute; left: 0; bottom: 0%;z-index: 2; }
.compartmental_01 picture:before {content: ""; height: 70%; width: 100%; background-color: #DDE1E3; clip-path: polygon(0 calc(100% - 10px), 100% calc(80% - 10px), 100% 100%, 0 100%); position: absolute; left: 0; bottom: 0%;z-index: 1; }

.company_cont {max-width: 900px; margin: 50px 10px 0px; background-color: #FFF; padding: 15px; box-sizing: border-box; border-bottom: 30px solid #333333;position: relative;}

.company_cont .profile > dl {display: block; font-size: 16px; border-top: 1px solid #707070;}
.company_cont .profile > dl:last-child {border-bottom: 1px solid #707070;}
.company_cont .profile > dl > dt {width:100%; background-color: #333333; color: #FFF; padding: 14px; box-sizing: border-box;}
.company_cont .profile > dl > dd {width:100%; padding: 14px 0px; box-sizing: border-box;}
.company_cont .profile > dl > dd > dl {margin-bottom: 30px;}
.company_cont .profile > dl > dd > dl:last-child {margin-bottom: 0px;}
.company_cont .profile > dl > dd.permission > div {margin-bottom: 30px;}
.company_cont .profile > dl > dd.permission > div dl {border-bottom: 1px solid #707070; display: flex; padding: 10px 0px;}
.company_cont .profile > dl > dd.permission > div dl dt {width: 40%;}
.company_cont .profile > dl > dd.permission > div p {margin-bottom: 10px;}
.company_cont .profile > dl > dd.permission > div p + dl {border-top: 1px solid #707070;}

.compartmental_02:after {content: ""; height: 70%; width: 100%; background-color: #F4F1ED; clip-path: polygon(100% 0, 0 0, 100% 20%); position: absolute; left: 0; top: -2px; z-index: 2; }
.compartmental_02:before {content: ""; height: 70%; width: 100%; background-color: #DDE1E3; clip-path: polygon(0 0, 100% 0, 100% calc(20% + 10px), 0 10px); position: absolute; left: 0; top: -1px;z-index: 1; }
.compartmental_02 picture:after {content: ""; height: 70%; width: 100%; background-color: #FFF; clip-path: polygon(0% 80%, 0% 100%, 100% 100%); position: absolute; left: 0; bottom: -1px;z-index: 2; }
.compartmental_02 picture:before {content: ""; height: 70%; width: 100%; background-color: #DDE1E3; clip-path: polygon(0 calc(80% - 10px), 100% calc(100% - 10px), 100% 100%, 0 100%); position: absolute; left: 0; bottom: -1px;z-index: 1; }

.initiatives > div {position: relative; max-width: 760px; margin: 50px auto 250px; padding: 40px 10px 120px; box-sizing: border-box;}

.initiatives > div figure {border: 1px solid #707070; box-sizing: border-box; padding: 10px; background-color: #FFF; display: block; justify-content: space-between; margin-top: 24px;}
.initiatives > div figure picture {width: 100%; height: 100%; position: relative; border: 1px solid #CCCCCC; box-sizing: border-box;}
.initiatives > div figure picture:before {content: ""; display: block; padding-top: 56.25%;}
.initiatives > div figure picture img {margin: auto;width: auto; height: 100%; object-fit: cover;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.initiatives > div figure:first-child {margin-top: 40px;}
.initiatives > div figure figcaption {display: flex;flex-direction: column; width: calc(100% - 0px); margin-top: 20px;}
.initiatives > div figure figcaption h3 {font-size: 20px; font-weight: 700;}
.initiatives > div figure figcaption h4 {margin-top: 10px;}
.initiatives > div figure figcaption p {margin-top: 20px;}
.initiatives > div figure figcaption p a {color: #0A80E5; text-decoration: underline;}



}