@charset "utf-8";

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

body {}

/*============================
#mainPanelArea
============================*/
#mainPanelArea { min-width: inherit; height: 75vh; }
#mainPanelArea .panel {}
#mainPanelArea .panel ul {}
#mainPanelArea .panel ul li { height: 75vh; }
#mainPanelArea .panel ul li::before { }
#mainPanelArea .catch { left: 18px; font-size: 3.25em; }
#mainPanelArea .catch span {}
#mainPanelArea .catch span::before { left: -10px; top: 13px; }
#mainPanelArea .catch span::after { left: 4px; top: -1px; }
#mainPanelArea .catch span em { display: inline; font-weight: normal; position: relative; }
#mainPanelArea .catch span em::before { right: -6px; bottom: 11px; }
#mainPanelArea .catch span em::after { right: 1px; bottom: -1px; }
#mainPanelArea .info { position: absolute; left: 0; bottom: 0; width: 100%; background: #443d3a; opacity: 0.9; z-index: 2; }
#mainPanelArea .info .mainTitle { display: none; }
#mainPanelArea .info .image { margin-left: 0; }
#mainPanelArea .info .image ul {}
#mainPanelArea .info .image ul li {}
#mainPanelArea .info .image ul li a { display: block; padding: 12px 20px 10px }
#mainPanelArea .info .image ul li a .data { display: block; align-items: center; }
#mainPanelArea .info .image ul li a .data .category { display: inline-block; margin-right: 5px; }
#mainPanelArea .info .image ul li a .data .category span.md_icon_normal {}
#mainPanelArea .info .image ul li a .data .date { display: inline-block; margin-right: 0; }
#mainPanelArea .info .image ul li a .data .title { display: block; width: 100%; margin-top: 8px; font-size: 0.75em; }

/*============================
#aboutArea
============================*/
#aboutArea { display: block; background: url("../../imageFile/top/bg_about.jpg") repeat center; background-size: 80px auto; }
#aboutArea::before { display: none; }
#aboutArea::after {}
#aboutArea .link { width: 100%; padding: 20px 20px 10px; }
#aboutArea .link ul {}
#aboutArea .link ul li { float: left; width: 48%; margin-right: 4%; margin-top: 4%; }
#aboutArea .link ul li:nth-child(2n) { margin-right: 0; }
#aboutArea .link ul li:nth-child(3) { margin-right: 4%; }
#aboutArea .link ul li a {}
#aboutArea .link ul li a::before {}
#aboutArea .link ul li a::after { border: solid 5px #443d3A; }
#aboutArea .link ul li a:hover { opacity: 1!important; }
#aboutArea .link ul li a:hover::before {}
#aboutArea .link ul li a:hover::after {}
#aboutArea .link ul li a .text {}
#aboutArea .link ul li a .text .en { font-size: 32px; }
#aboutArea .link ul li a .text .ja { font-size: 12px; }
#aboutArea .link ul li a img { width: 100%; height: auto; }
#aboutArea .link ul li:nth-child(1) a {}
#aboutArea .link ul li:nth-child(2) a {}
#aboutArea .link ul li:nth-child(3) a {}
#aboutArea .link ul li:nth-child(3) a .text .en  { letter-spacing: -0.02em; }
#aboutArea .link ul li:nth-child(4) a {}
#aboutArea .link ul li:nth-child(5) a {}
#aboutArea .link ul li:nth-child(6) a {}
#aboutArea .about { width: 100%; padding: 20px; }
#aboutArea .about .title { font-size: 2em; text-align: center; }
#aboutArea .about .copy { font-weight: bold; margin-top: 5px; text-align: center; }
#aboutArea .about .text { margin-top: 20px; font-size: 0.875em; }
#aboutArea .about .text h1 { font-size: 1em; }
#aboutArea .about .button { margin-top: 30px; text-align: center; }
#aboutArea .about .button a.md_btn_main span {}

/*============================
#recruitArea
============================*/
#recruitArea { margin: 40px 0; position: relative; }
#recruitArea a { display: block; overflow: hidden; }
#recruitArea a .image { height: 0; padding-top: 20%; }
#recruitArea a .image::after { background-size: 450px auto; }
#recruitArea a .image img { position: absolute; left: 0; top: 50%; transform: translate(-5%,-50%); width: 240%; height: auto; }

/*============================
#middleArea
============================*/
#middleArea { padding-top: 0; }

/*============================
#blogArea
============================*/
#blogArea { float: inherit; width: inherit; margin-top: 40px; position: relative; }
#blogArea .mainTitle {}
#blogArea .mainTitle .en  { font-size: 2em; }
#blogArea .mainTitle .ja {  margin-left: 10px; top: -5px; }
#blogArea .content {}
#blogArea .content ul {}
#blogArea .content ul li {}
#blogArea .content ul li::before { background-size: 15px auto; width: 15px; height: 15px; }
#blogArea .content ul li a { padding: 15px 0; }
#blogArea .content ul li a .image { width: 40%; height: inherit; float: left; }
#blogArea .content ul li a .image::before {}
#blogArea .content ul li a .image img { width: 100%; height: auto; }
#blogArea .content ul li a .data { width: 60%; padding-left: 20px; }
#blogArea .content ul li a .data .date { margin-top: 10px; }
#blogArea .content ul li a .data .title { margin-top: 5px; max-height: 70px; font-size: 0.875em; }
#blogArea .content ul li.pick::after { top: 12px; left: -3px; width: 60px; height: 60px; background: url("../../imageFile/global/icon_pick.png") no-repeat left top; background-size: 60px auto; }
#blogArea .button { position: absolute; top: -1px; right: 0;  margin-top: 0; text-align: right; }
#blogArea .button a.md_btn_sub span { min-width: 140px; }

/*============================
#newsArea
============================*/
#newsArea { float: inherit; width: inherit; margin-top: 40px; position: relative; }
#newsArea .mainTitle {}
#newsArea .mainTitle .en  { font-size: 2em; }
#newsArea .mainTitle .ja { margin-left: 10px; top: -5px; }
#newsArea .content {}
#newsArea .content ul {}
#newsArea .content ul li {}
#newsArea .content ul li::before { background-size: 15px auto; width: 15px; height: 15px; }
#newsArea .content ul li a { padding: 15px 15px 15px 0; }
#newsArea .content ul li a .data { display: block; }
#newsArea .content ul li a .data .category { display: inline-block; margin-right: 5px; }
#newsArea .content ul li a .data .category span.md_icon_normal { width: inherit; min-width: 100px; }
#newsArea .content ul li a .data .date { margin-right: 0; position: relative; top: -1px; }
#newsArea .content ul li a .data .title { display: block; width: 100%; margin-top: 10px; font-size: 0.875em; }
#newsArea .content ul li.pick a .data .category span.md_icon_normal { width: inherit; min-width: 100px; }
#newsArea .content ul li.pick a .data .category span.md_icon_normal::after { font-size: 14px; }
#newsArea .button { position: absolute; top: -1px; right: 0; margin-top: 0; text-align: right; }
#newsArea .button a.md_btn_sub span { min-width: 140px; }

/*============================
#eventArea
============================*/
#eventArea { margin-top: 40px; padding-top: 40px; padding-bottom: 40px; }
#eventArea .mainTitle {}
#eventArea .mainTitle::after { display: none; }
#eventArea .mainTitle .en { font-size: 2em; }
#eventArea .mainTitle .ja { margin-left: 10px; top: -5px; }
#eventArea .content {}
#eventArea .content ul { margin-top: 0; }
#eventArea .content ul li { float: left; width: 47%; margin-right: 6%; margin-top: 30px; }
#eventArea .content ul li:nth-child(2n) { margin-right: 0; }
#eventArea .content ul li a {}
#eventArea .content ul li a .image { width: 100%; height: inherit; }
#eventArea .content ul li a .image::before {}
#eventArea .content ul li a .image img { width:100%; height: auto; }
#eventArea .content ul li a .title { margin-top: 15px; font-size: 0.875em; }
#eventArea .content ul li a .text { margin-top: 5px; font-size: 0.875em; }
#eventArea .content ul li a .place { margin-top: 5px; font-size: 0.875em; }
#eventArea .content ul li.pick::after { left: -3px; top: -3px; width: 60px; height: 60px; background: url("../../imageFile/global/icon_pick.png") no-repeat left top; background-size: 60px auto; }
#eventArea .content ul li .btn { margin-top: 10px; }
#eventArea .button { position: inherit; right: inherit; top: inherit; margin-top: 30px; text-align: center; }
#eventArea .button a.md_btn_main span {}

/*============================
#companyArea
============================*/
#companyArea {}
#companyArea .swiper-container {}
#companyArea .swiper-container ul.swiper-wrapper {}
#companyArea .swiper-container ul.swiper-wrapper li { height: 160px; }
#companyArea .swiper-container ul.swiper-wrapper li::before {}
#companyArea .swiper-container .swiper-pagination { bottom: 10px;}
#companyArea .swiper-pagination-bullet {}
#companyArea .swiper-pagination-bullet-active {}
#companyArea .data { margin-top: 40px; }
#companyArea .data .catch { float: inherit; width: inherit; text-align: center; }
#companyArea .data .catch .copy { font-size: 1.125em; }
#companyArea .data .catch .button { margin-top: 40px; }
#companyArea .data .catch .button a.md_btn_main {}
#companyArea .data .text { float: inherit; width: inherit; margin-top: 30px; font-size: 0.875em; text-align: left; }
#companyArea .data .text em { margin-bottom: 15px; text-align: center; }
#companyArea .data .text .sp { display: inline; }
#companyArea .data .button { position: inherit; left: inherit; top: inherit; margin-top: 30px; text-align: center; }
#companyArea .data .button a.md_btn_main {}

}