@charset "utf-8";

@media only screen and (max-width: 640px) {
	
/*============================
#aboutArea
============================*/
#aboutArea {}
#aboutArea .content { margin-top: 30px; }
#aboutArea .content ul {}
#aboutArea .content ul li { margin-top: 30px; padding-top: 30px; }
#aboutArea .content ul li:first-child {}
#aboutArea .content ul li .image { float: inherit; width: inherit; }
#aboutArea .content ul li .image img {}
#aboutArea .content ul li .data { float: inherit; width: inherit; }
#aboutArea .content ul li:nth-child(2n) {}
#aboutArea .content ul li:nth-child(2n) .image { float: inherit; }
#aboutArea .content ul li:nth-child(2n) .data { float: inherit; }
#aboutArea .content ul li .data .subTitle { font-size: 1.25em; text-align: center; margin-top: 15px; }
#aboutArea .content ul li .data .mainTitle { font-size: 3em; text-align: center; }
#aboutArea .content ul li .data .title { font-size: 1em; text-align: center; }
#aboutArea .content ul li .data .text { margin-top: 10px; }
#aboutArea .content ul li .data .button { margin-top: 15px; text-align: center; }
#aboutArea .content ul li .data .button a.md_btn_sub {}
#aboutArea .content ul li .data .button a.md_btn_sub span { padding: 12px; min-width: 240px; }
	
/*============================
#advantageArea
============================*/
#advantageArea {}
#advantageArea .content {}
#advantageArea .content ul {}
#advantageArea .content ul li { float: inherit; width: inherit; margin-right: 0; margin-top: 30px; }
#advantageArea .content ul li:nth-child(2n) {}
#advantageArea .content ul li .image {}
#advantageArea .content ul li .image img {}
#advantageArea .content ul li .data {}
#advantageArea .content ul li .data .subTitle { margin-top: -20px; font-size: 3.5em; }
#advantageArea .content ul li .data .title { font-size: 1em; margin-right: -5px; }
#advantageArea .content ul li .data .text { margin-top: 10px; }
#advantageArea .content ul li .data .button { margin-top: 15px; }
#advantageArea .content ul li .data .button a.md_btn_sub {}
#advantageArea .content ul li .data .button a.md_btn_sub span { padding: 12px; min-width: 240px; }
	
/*============================
#conceptArea
============================*/
#conceptArea {}
#conceptArea .content01 {}
#conceptArea .content01 ul {}
#conceptArea .content01 ul li { margin-top: 40px; }
#conceptArea .content01 ul li .image { float: inherit; width: inherit; height: 240px; overflow: hidden; }
#conceptArea .content01 ul li .image img { margin-top: -50px; }
#conceptArea .content01 ul li .data { float: inherit; width: inherit; height: inherit; padding: 20px; display: inherit; flex-direction: inherit; flex-wrap: inherit; justify-content: inherit; }
#conceptArea .content01 ul li .data .title { font-size: 1.25em; }
#conceptArea .content01 ul li .data .title br { display: none; }
#conceptArea .content01 ul li .data .text { margin-top: 10px; }
#conceptArea .content01 ul li:nth-child(2n) {}
#conceptArea .content01 ul li:nth-child(2n) .image { float: right; }
#conceptArea .content01 ul li:nth-child(2n) .data { float: left; }
#conceptArea .copy01 { margin-top: 30px; }
#conceptArea .copy01 em { font-size: 1.25em; }
#conceptArea .content02 {}
#conceptArea .content02 ul {}
#conceptArea .content02 ul li { float: inherit; width: inherit; margin-right: 0; margin-top: 30px; }
#conceptArea .content02 ul li:nth-child(2n) { margin-right: 0; }
#conceptArea .content02 ul li .image {}
#conceptArea .content02 ul li .image img {}
#conceptArea .content02 ul li .text { margin-top: 10px; line-height: 1.5; }
#conceptArea .content02 ul li .text em {}
#conceptArea .copy02 { margin-top: 30px; text-align: left; }
#conceptArea .copy02 br { display: none; }
	
/*============================
#flowArea
============================*/
#flowArea {}
#flowArea .content {}
#flowArea .content ul {}
#flowArea .content ul li { margin-top: 20px; display: inherit; align-items: inherit; padding: 20px 20px 30px; }
#flowArea .content ul li::before {}
#flowArea .content ul li::after { top: -20px; height: 20px; }
#flowArea .content ul li:first-child::after { display: none; }
#flowArea .content ul li .number { font-size: 3em; margin-right: 0; width: inherit; text-align: center; }
#flowArea .content ul li .title { margin-right: 0; width: inherit; text-align: center; }
#flowArea .content ul li .title .en { font-size: 0.75em; }
#flowArea .content ul li .title .ja { font-size: 1em; }
#flowArea .content ul li .text { width: inherit; margin-right: 0; margin-top: 10px; }
#flowArea .content ul li .text span {}
#flowArea .content ul li .action { text-align: center; margin-top: 15px; }
#flowArea .content ul li .action .button {}
#flowArea .content ul li .action .button a { min-width: 240px; }
#flowArea .content ul li .action .textLink { font-size: 0.875em; margin-top: 15px; text-align: center; }
#flowArea .content ul li .action .textLink a { text-decoration: underline; }
#flowArea .content ul li .data { height: 520px; }
#flowArea .content ul li .data .sub { padding: 20px; background: #efedec; width: 44%; }
#flowArea .content ul li .data .sub .subTitle { font-weight: bold; text-align: center; }
#flowArea .content ul li .data .sub .subText { line-height: 1.5; margin-top: 10px; font-size: 1em; }
#flowArea .content ul li .data .sub.contents01 { position: absolute; left: 4%; top: 160px; height: 454px; }
#flowArea .content ul li .data .sub.contents01::before { content: ""; position: absolute; top: -20px; left: 50%; height: 20px; width: 2px; background: #000; margin-left: -1px; }
#flowArea .content ul li .data .sub.contents01::after { content: ""; position: absolute; bottom: -20px; left: 50%; height: 20px; width: 2px; background: #000; margin-left: -1px; }
#flowArea .content ul li .data .sub.contents02 { position: absolute; left: 52%; top: 160px; z-index: 3; height: 100px; }
#flowArea .content ul li .data .sub.contents02::before { content: ""; position: absolute; top: -20px; left: 50%; height: 20px; width: 2px; background: #000; margin-left: -1px; }
#flowArea .content ul li .data .sub.contents02::after { content: ""; position: absolute; top: -20px; left: -59%; height: 2px; width: 109%; }
#flowArea .content ul li .data .sub.contents03 { position: absolute; left: 52%; top: 270px; z-index: 1; height: 42.2%; }
#flowArea .content ul li .data .sub.contents03::before { content: ""; position: absolute; top: -20px; left: 50%; height: 20px; width: 2px; background: #000; margin-left: -1px; }
#flowArea .content ul li .data .sub.contents03::after { content: ""; position: absolute; bottom: -20px; left: 50%; height: 20px; width: 2px; background: #000; margin-left: -1px; }
#flowArea .content ul li .data .sub.contents04 { position: absolute; left: 52%; top: 558px; z-index: 2; }
#flowArea .content ul li .data .sub.contents04::before { content: ""; position: absolute; bottom: -20px; left: 50%; height: 20px; width: 2px; background: #000; margin-left: -1px; }
#flowArea .content ul li .data .sub.contents04::after { content: ""; position: absolute; bottom: -20px; left: -59%; height: 2px; width: 109%; }
#flowArea .content ul li .data::before { content: ""; position: absolute; top: 120px; left: 50%; height: 20px; width: 2px; background: #000; margin-left: -1px; }
#flowArea .content ul li .data::after { content: ""; position: absolute; bottom: 0; left: 50%; height: 22px; width: 2px; background: #000; margin-left: -1px; }
	
/*============================
#companyArea
============================*/
#companyArea {}
#companyArea .content {}
#companyArea .content .profile { height: 220px; background: url("../../imageFile/about/bg_company_profile2022.jpg") no-repeat 67% center; background-size: cover; position: relative; padding: 40px 20px; margin-top: 20px; margin-left: -20px; margin-right: -20px; }
#companyArea .content .profile .position { font-size: 1em; font-weight: bold; }
#companyArea .content .profile .name { margin-top: 10px; }
#companyArea .content .profile .name span.ja { font-size: 2em; font-weight: bold; }
#companyArea .content .profile .name span.en { font-size: 1em; margin-left: 10px; letter-spacing: 0.05em; }
#companyArea .content .profile .data { position: absolute; background: #fff; padding: 15px 20px; left: 0; top: inherit; bottom: 0; width: 62%; }
#companyArea .content .profile .data .subTitle { font-size: 0.75em; }
#companyArea .content .profile .data .subText { font-size: 0.75em; margin-top: 5px; }
#companyArea .content .text { margin-top: 30px; }
#companyArea .content .text em { font-size: 1em; }
#companyArea .content .md_subTitle {}
#companyArea .content .main_movie { margin-top: 20px; }
#companyArea .content .main_movie iframe { width: 100%; height: 240px; }
#companyArea .content .main_photo {}
#companyArea .content .main_photo ul {}
#companyArea .content .main_photo ul li { width: 32%; height: inherit; margin-right: 2%; margin-top: 2%; }
#companyArea .content .main_photo ul li:nth-child(3n) { margin-right: 0; }
#companyArea .content .main_photo ul li a { position: relative; display: block; }
#companyArea .content .main_photo ul li a::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #3d2e27; opacity: 0.3; z-index: 1; }
#companyArea .content .main_photo ul li a img { width: 100%; height: auto; }
#companyArea .content .access { margin-top: 20px; }
#companyArea .content .access .map { float: inherit; width: inherit; }
#companyArea .content .access .map iframe { width: 100%; height: 500px; }
#companyArea .content .access .main_infomation { float: inherit; width: inherit; margin-top: 20px; }
#companyArea .content .access .main_infomation table { width: 100%; border-bottom: solid 2px #443d3a; }
#companyArea .content .access .main_infomation table tr {}
#companyArea .content .access .main_infomation table tr th { width: 24%; padding: 10px; border-top: solid 2px #443d3a; font-size: 0.875em; }
#companyArea .content .access .main_infomation table tr td { padding: 10px; border-top: solid 2px #443d3a; font-size: 0.875em; }

}