@charset "utf-8";

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

.md_panelArea .catch .ja { font-size: 1em; margin-top: 15px; }
.md_panelArea .catch .ja br { display: none; }
	
/*============================
#messageArea
============================*/
#messageArea {}
#messageArea span {}
#messageArea .topcopy { margin-top: 20px; font-size: 0.875em; line-height: 1.75; color: #443d3a; letter-spacing: 0.036em;  }

/*============================
#advantageArea
============================*/
#advantageArea { overflow: hidden; }
#advantageArea .main { margin-top: 40px; text-align: center; font-size: 1.75em; font-weight: bold; color: #443d3a; letter-spacing: 0.025em; }
#advantageArea .content { margin-top: 20px; }
#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: 40px; }
#advantageArea .content ul li .image { float: inherit; width: inherit; padding-right: 0; }
#advantageArea .content ul li .image img {}
#advantageArea .content ul li .data { float: inherit; width: inherit; }
#advantageArea .content ul li:nth-child(2) {}
#advantageArea .content ul li:nth-child(2) .image { float: inherit; padding-left: 0; padding-right: 0; width: 100%; }
#advantageArea .content ul li:nth-child(2) .date { float: inherit; }
#advantageArea .content ul li .data .subTitle { font-size: 1.5em; letter-spacing: 0.025em; color: #443d3a; }
#advantageArea .content ul li .data .title { margin-top: 5px; font-size: 1.375em; letter-spacing: 0.025em; font-weight: bold; color: #443d3a; }
#advantageArea .content ul li .data .text { margin-top: 10px; color: #443d3a; letter-spacing: 0.036em; line-height: 1.5; }

/*============================
#meritsArea
============================*/
#meritsArea { background-color:#fff; }
#meritsArea .mainTitle { margin-left: -20px; margin-right: -20px; padding-top: 40px; }
#meritsArea .mainTitle span { font-size: 1.75em; padding: 0 12px; }
#meritsArea .mainTitle span::before { height: 10px; border-top: solid 3px #443d3a; border-bottom: solid 3px #3b3634; margin-top: -5px; }
#meritsArea .mainTitle span::after { height: 10px; border-top: solid 3px #443d3a; border-bottom: solid 3px #3b3634; margin-top: -5px; }
#meritsArea .main { margin-top: 20px; text-align: center; font-size: 1.75em; font-weight: bold; color: #443d3a; line-height: 1.5; letter-spacing: 0.025em; }
#meritsArea .main .br_sp { display: inline; }	
#meritsArea ul {}
#meritsArea ul li { float: inherit; width: inherit; margin-top: 30px; margin-right: 0px; }
#meritsArea ul li:nth-child(3) {}
#meritsArea ul li .image { margin: 0 auto; float: inherit; width: 80%; }
#meritsArea ul li .image img {}
#meritsArea ul li .content {}
#meritsArea ul li .content .title { margin-top: 20px; margin-bottom: 10px; text-align: center; font-size: 1.375em; font-weight: bold; letter-spacing: 0.025em; color: #443d3a; }
#meritsArea ul li .content .copy { margin: 0 auto; width: 80%; letter-spacing: 0.036em; line-height: 1.5; color: #443d3a; }

/*============================
#featureArea
============================*/
#featureArea { background-color: #fff; overflow: hidden; }
#featureArea .contentArea { padding-top: 40px; }
#featureArea .contentArea .main { position: relative; text-align: center; font-size: 1.5em; color: #443d3a; letter-spacing: 0.025em; }
#featureArea .contentArea .main::before { content: ""; position: absolute; display: block; width: 20%; border-top: solid 1px #e4e6e8; left: 80%; top: 80%; transform: translate(0,-50%); }
#featureArea .contentArea .main::after { content: "";  position: absolute; display: block; width: 20%; border-top: solid 1px #e4e6e8; right: 80%; top: 80%; transform: translate(0,-50%); }
#featureArea .contentArea ul {}
#featureArea .contentArea ul li { margin-top: 30px; }
#featureArea .contentArea ul li:nth-child(3) { padding-bottom: 40px; }
#featureArea .contentArea ul li .content { display: inline-block; }
#featureArea .contentArea ul li .content .subTitle { margin-left: 15px; font-size: 1.375em; font-weight: bold; letter-spacing: 0.05em; color: #443d3a; text-align: center; padding-top: 6px; display: inline-block; width: 35px; height: 35px; border-radius: 50%; background: #e4e6e8; }
#featureArea .contentArea ul li .content .title { width: 80%; margin-top: -27px; margin-left: 60px; margin-bottom: 20px; font-size: 1.125em; font-weight: bold; letter-spacing: 0.025em; line-height: 1.5; color: #443d3a; }
#featureArea .contentArea ul li .content .title .br_pc { display: none; }
#featureArea .contentArea ul li .content .copy { width: 90%; margin: 0 auto; letter-spacing: 0.036em; line-height: 1.5; color: #443d3a; }
#featureArea .contentArea ul li .content .copy .br_pc { display: none; }

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

/*============================
#careerArea
============================*/
#careerArea { overflow: hidden; }
#careerArea .main { margin-bottom: 30px; font-size: 1.75em; font-weight: bold; border-left: solid 5px #443d3a; padding-left: 15px; color: #443d3a; letter-spacing: 0.025em; line-height: 1; }
#careerArea ul { display: flex; flex-direction: column; align-items: center; jistify-content: space-between; }
#careerArea ul li { float: inherit; }
#careerArea ul li:nth-child(3) {}
#careerArea ul li .small { position: relative; padding-top: 20px; margin-top: 40px; right: 24%; width: 200px; height: 200px; background-color: #fff; border-radius: 50%;  }
#careerArea ul li .small::before { content: ""; position: absolute; top: 85%; bottom: 0; left: 90%; width: 15px; height: 15px; border-top: 1px solid #443d3a; border-right: 1px solid #443d3a; transform: rotate(90deg); }
#careerArea ul li .small .year { text-align: center; color: #443d3a; }
#careerArea ul li .small .title { text-align: center; font-size: 1.375em; font-weight: bold; letter-spacing: 0.05em; }
#careerArea ul li .small .copy { position: relative; text-align: center; letter-spacing: 0.036; line-height: 1.5; font-size: 0.875em; color: #443d3a; }
#careerArea ul li .small .copy::before{ content: ""; position: absolute; top: 130%; bottom: 0; left: 23%; width: 120px; height: 120px; border-top: 1px solid #e4e6e8; }
#careerArea ul li .small .able { text-align: center; letter-spacing: 0.036em; line-height: 1.5; font-size: 0.75em; color: #443d3a; }
#careerArea ul li .medium { position: relative; padding-top: 40px; margin-top: -20px; margin-bottom: 60px; left: 65%; width: 240px; height: 240px; background-color: #fff; border-radius: 50%; }
#careerArea ul li .medium::before { content: ""; position: absolute; top: 103%; bottom: 0; left: 30%; width: 15px; height: 15px; border-top: 1px solid #443d3a; border-right: 1px solid #443d3a; transform: rotate(155deg); }
#careerArea ul li .medium .year { text-align: center; color: #443d3a; }
#careerArea ul li .medium .title { text-align: center; font-size: 1.5em; font-weight: bold; letter-spacing: 0.05em; color: #443d3a; }
#careerArea ul li .medium .copy  { position: relative; text-align: center; letter-spacing: 0.036; line-height: 1.5; font-size: 0.875em; color: #443d3a; }
#careerArea ul li .medium .copy::before { content: ""; position: absolute; top: 130%; bottom: 0; left: 26%; width: 120px; height: 120px; border-top: 1px solid #e4e6e8; }
#careerArea ul li .medium .able { text-align: center; letter-spacing: 0.036em; line-height: 1.5; font-size: 0.75em; color: #443d3a; }
#careerArea ul li .large { position: relative; padding-top: 60px; margin: 0 auto 0; width: 280px; height: 280px; background-color: #fff; border-radius: 50%; }
#careerArea ul li .large .year { text-align: center; color: #443d3a; }
#careerArea ul li .large .title { text-align: center; font-size: 1.5em; font-weight: bold; letter-spacing: 0.05em; color: #443d3a; }
#careerArea ul li .large .copy { position: relative; text-align: center; letter-spacing: 0.036; line-height: 1.5; font-size: 0.875em; color: #443d3a; }
#careerArea ul li .large .copy::before { content: ""; position: absolute; top: 130%; bottom: 0; left: 29%; width: 120px; height: 120px; border-top: 1px solid #e4e6e8; }
#careerArea ul li .large .able { text-align: center; letter-spacing: 0.036em; line-height: 1.5; font-size: 0.75em; color: #443d3a; }

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