@charset "utf-8";

.md_panelArea { background: url("../../imageFile/recruit/panel_recruit.jpg") no-repeat center; background-size: cover; }
.md_panelArea .catch .en { display: block; font-size: 6em; letter-spacing: 0.05em; color: #fff; margin-top: 80px; }
.md_panelArea .catch .ja { display: block; font-size: 1.5em; color: #fff; font-weight: bold; margin-top: 20px; line-height: 1.5; }

/*============================
#messageArea
============================*/
#messageArea {}
#messageArea span {}
#messageArea .topcopy { margin-top: 20px; font-size: 1.125em; line-height: 1.7; color: #443d3a; letter-spacing: 0.036em;  }

/*============================
#advantageArea
============================*/
#advantageArea {}
#advantageArea .main { margin-top: 60px;  text-align: center; font-size: 2.25em; font-weight: bold; color: #443d3a; letter-spacing: 0.025em; }
#advantageArea .content { margin-top: 40px; }
#advantageArea .content ul {}
#advantageArea .content ul li { display: inline-block; margin-top: 30px; padding-top: 30px; background: url("../../imageFile/global/line_normal.png") repeat-x left top; }
#advantageArea .content ul li:first-child { margin-top: 0; padding-top: 0; background: none; }
#advantageArea .content ul li:last-child { margin-bottom: 100px; }
#advantageArea .content ul li .image { float: left; width: 500px; padding-right: 50px; }
#advantageArea .content ul li .image img { width: 100%; height: auto; }
#advantageArea .content ul li .data { float: right; width: 550px; }
#advantageArea .content ul li:nth-child(2) {}
#advantageArea .content ul li:nth-child(2) .image { float: right; padding-left: 50px; }
#advantageArea .content ul li:nth-child(2) .date { float: left; }
#advantageArea .content ul li .data .subTitle { margin-top: 20px; font-size: 1.5em; letter-spacing: 0.025em; color: #443d3a; }
#advantageArea .content ul li .data .title { margin-top: 15px; font-size: 1.875em; letter-spacing: 0.025em; font-weight: bold; color: #443d3a; }
#advantageArea .content ul li .data .text { margin-top: 20px; color: #443d3a; letter-spacing: 0.036em; line-height: 1.75; }
/*============================
#meritsArea
============================*/
#meritsArea { background-color:#fff; }
#meritsArea .mainTitle { padding-top: 100px; text-align: center; color: #443d3a; overflow: hidden; position: relative; }
#meritsArea .mainTitle span { display: inline-block; font-size: 3.675em; position: relative; letter-spacing: 0.05em; white-space: nowrap; padding: 0 30px; }
#meritsArea .mainTitle span::before { content: ""; display: block; width: 500px; height: 16px; border-top: solid 5px #443d3a; border-bottom: solid 5px #3b3634; position: absolute; left: 100%; top: 50%; margin-top: -8px; }
#meritsArea .mainTitle span::after { content: ""; display: block; width: 500px; height: 16px; border-top: solid 5px #443d3a; border-bottom: solid 5px #3b3634; position: absolute; right: 100%; top: 50%; margin-top: -8px; }
#meritsArea .main { margin-top: 50px; text-align: center; font-size: 2em; font-weight: bold; color: #443d3a; letter-spacing: 0.025em; }
#meritsArea .main .br_sp { display: none; }
#meritsArea ul {}
#meritsArea ul li { float: left; width: 340px; margin-right: 40px; margin-top: 40px; position: relative; }
#meritsArea ul li:nth-child(3) { margin-right: 0; }
#meritsArea ul li .image { width: 340px; }
#meritsArea ul li .image img { width: 100%; height: auto; }
#meritsArea ul li .content {}
#meritsArea ul li .content .title { margin-top: 30px; text-align: center; font-size: 1.5em; font-weight: bold; letter-spacing: 0.025em; color: #443d3a; }
#meritsArea ul li .content .copy { margin-top: 20px; letter-spacing: 0.036em; line-height: 1.75; color: #443d3a; }

/*============================
#featureArea
============================*/
#featureArea { background-color: #fff; }
#featureArea .contentArea { padding-top: 80px; }
#featureArea .contentArea .main { text-align: center; font-size: 1.875em; color: #443d3a; letter-spacing: 0.025em; }
#featureArea .contentArea .main::before { content: ""; display: block; width: 400px; height: 16px; border-top: solid 1px #e4e6e8; position: absolute; left: 63%; top: 18%; }
#featureArea .contentArea .main::after { content: ""; display: block; width: 400px; height: 16px; border-top: solid 1px #e4e6e8; position: absolute; right: 63%; top: 18%; }
#featureArea .contentArea ul {}
#featureArea .contentArea ul li { margin-top: 40px; }
#featureArea .contentArea ul li:nth-child(3) { padding-bottom: 80px; }
#featureArea .contentArea ul li .content { display: flex; }
#featureArea .contentArea ul li .content .subTitle { font-size: 2.25em; font-weight: bold; letter-spacing: 0.05em; color: #443d3a; text-align: center; padding-top: 15px; display: inline-block; margin-right: 30px; width: 75px; height: 75px; border-radius: 50%; background: #e4e6e8; }
#featureArea .contentArea ul li .content .title { width: 320px; font-size: 1.5em; font-weight: bold; letter-spacing: 0.025em; line-height: 1.5; color: #443d3a; }
#featureArea .contentArea ul li .content .copy { width: 700px; margin-top: 10px; margin-left: -50px; letter-spacing: 0.036em; line-height: 1.5; color: #443d3a; }

/*============================
#searchArea
============================*/
#searchArea {}
#searchArea .main { margin-top: 80px; text-align: center; font-size: 2.25em; font-weight: bold; color: #443d3a; letter-spacing: 0.025em; }
#searchArea ul {}
#searchArea ul li { float: left; margin-top: 40px; width: 263.5px; margin-right: 15px; border-radius: 10px; background-color: #fff; }
#searchArea ul li:nth-child(4) { margin-right: 0; }
#searchArea ul li .image { display: flex; width: 196px; margin: 0 auto; }
#searchArea ul li .image img { margin-top: 30px; width: 100%; height: auto; }
#searchArea ul li .content {}
#searchArea ul li .content .title { margin-top: 30px; text-align: center; font-size: 1.5em; font-weight: bold;  letter-spacing: 0.025em; line-height: 1.5; color: #443d3a; }
#searchArea ul li .content .copy { font-size: 0.875em; margin: 40px 20px; letter-spacing: 0.036em; line-height: 1.5; color: #443d3a; }

/*============================
#careerArea
============================*/
#careerArea {}
#careerArea .main { margin-top: 60px; font-size: 1.75em; font-weight: bold; border-left: solid 5px #443d3a; padding-left: 25px; color: #443d3a; letter-spacing: 0.025em; line-height: 1; }
#careerArea ul {}
#careerArea ul li { float: left; margin-top: -30px; margin-right: 126px; }
#careerArea ul li:nth-child(3) { margin-right: 0px; }
#careerArea ul li .small { padding-top: 30px; margin-top: 80px; width: 240px; height: 240px; background-color: #fff; border-radius: 50%; }
#careerArea ul li .small::before { content: ""; position: absolute; top: 60%; bottom: 0; left: 280px; width: 20px; height: 20px; border-top: 1px solid #443d3a; border-right: 1px solid #443d3a; transform: rotate(35deg); }
#careerArea ul li .small .year { text-align: center; color: #443d3a; }
#careerArea ul li .small .title { margin-top: 14px; text-align: center; font-size: 1.625em; font-weight: bold; letter-spacing: 0.05em; }
#careerArea ul li .small .copy { margin-top: 10px; text-align: center; letter-spacing: 0.036; line-height: 1.5; color: #443d3a; }
#careerArea ul li .small .copy::before{ content: ""; position: absolute; top: 77%; bottom: 0; left: 60px; width: 120px; height: 120px; border-top: 1px solid #e4e6e8; }
#careerArea ul li .small .able { margin-top: 25px; text-align: center; letter-spacing: 0.036; line-height: 1.5; font-size: 0.75em; color: #443d3a; }
#careerArea ul li .medium { padding-top: 50px; margin-top: 40px; width: 280px; height: 280px; background-color: #fff; border-radius: 50%; }
#careerArea ul li .medium::before { content: ""; position: absolute; top: 50%; bottom: 0; left: 690px; width: 20px; height: 20px; border-top: 1px solid #443d3a; border-right: 1px solid #443d3a; transform: rotate(35deg); }
#careerArea ul li .medium .year { text-align: center; color: #443d3a; }
#careerArea ul li .medium .title { margin-top: 14px; text-align: center; font-size: 1.625em; font-weight: bold; letter-spacing: 0.05em; color: #443d3a; }
#careerArea ul li .medium .copy  { margin-top: 10px; text-align: center; letter-spacing: 0.036; line-height: 1.5; color: #443d3a; }
#careerArea ul li .medium .copy::before{ content: ""; position: absolute; top: 70%; bottom: 0; left: 430px; width: 160px; height: 160px; border-top: 1px solid #e4e6e8; }
#careerArea ul li .medium .able { margin-top: 25px; text-align: center; letter-spacing: 0.036; line-height: 1.5; font-size: 0.75em; color: #443d3a; }
#careerArea ul li .large { padding-top: 70px; width: 320px; height: 320px; background-color: #fff; border-radius: 50%; }
#careerArea ul li .large .year { text-align: center; color: #443d3a; }
#careerArea ul li .large .title { margin-top: 14px; text-align: center; font-size: 1.625em; font-weight: bold; letter-spacing: 0.05em; color: #443d3a; }
#careerArea ul li .large .copy { margin-top: 10px; text-align: center; letter-spacing: 0.036; line-height: 1.5; color: #443d3a; }
#careerArea ul li .large .copy::before{ content: ""; position: absolute; top: 64%; bottom: 0; left: 830px; width: 200px; height: 200px; border-top: 1px solid #e4e6e8; }
#careerArea ul li .large .able { margin-top: 25px; text-align: center; letter-spacing: 0.036; line-height: 1.5; font-size: 0.75em; color: #443d3a; }

/*============================
#infoArea
============================*/
#infoArea {}
#infoArea .main { margin-top: 60px; font-size: 1.75em; font-weight: bold; border-left: solid 5px #443d3a; padding-left: 25px; color: #443d3a; letter-spacing: 0.025em; line-height: 1; }
#infoArea .mainInfo { margin-top: 40px; }
#infoArea .mainInfo table { width: 100%; border-bottom: solid 3px #443d3a; }
#infoArea .mainInfo table tr {}
#infoArea .mainInfo table tr th { width: 25%; padding: 21px; line-height: 2.25; border-top: solid 3px #443d3a; }
#infoArea .mainInfo table tr td { padding: 21px; border-top: solid 3px #443d3a; line-height: 2.25; }
#infoArea .entryArea { margin-top: 60px; margin-bottom: 100px;  text-align: center; }
#infoArea .entryArea a {}
#infoArea .entryArea a span {}