@charset "utf-8";

@media only screen and (max-width: 640px) {
	
/*============================
#topPanelArea
============================*/
#topPanelArea { height: 600px; }
#topPanelArea .backGround { height: 600px; }
#topPanelArea .backGround::after {}
#topPanelArea .backGround ul {}
#topPanelArea .backGround ul li { width: 33.3333%; overflow: hidden; }
#topPanelArea .backGround ul li .image { width: 100%; height: 600px; }
#topPanelArea .backGround ul li .image img { object-fit: cover; }
#topPanelArea .backGround ul li:nth-child(3) { display: none; }
#topPanelArea .backGround ul li:nth-child(4) { display: none; }
#topPanelArea .backGround ul li:nth-child(1) img { position: relative; right: 220px; }
#topPanelArea .backGround ul li:nth-child(2) img { position: relative; right: 240px; }
#topPanelArea .backGround ul li:nth-child(5) img { position: relative; right: 220px; }
#topPanelArea .data { margin-top: 20px; width: 100%; padding: 0 25px; }
#topPanelArea .data .discover {}
#topPanelArea .data .discover img { width: 240px; height: auto; }
#topPanelArea .data .lead { margin-top: 5px; color: #fff; font-size: 3.75em; text-align: center; }
#topPanelArea .data .lead::before { margin-top: 25px; }
#topPanelArea .data .lead em { margin-left: 0; display: block; margin-top: 0; text-align: center; }
#topPanelArea .data .subTitle { width: 100%; margin-top: 30px; font-size: 1.125em; line-height: 1.5; }
#topPanelArea .data .subText { width: 100%; margin-top: 15px; line-height: 1.5; font-size: 1em; text-align: left; }
#topPanelArea .scroll { margin-left: -45px; bottom: 60px; }
#topPanelArea .scroll::before { height: 60px; }
#topPanelArea .scroll a { color: #fff; font-size: 1.25em; font-weight: 300; }
#topPanelArea .image {}
#topPanelArea .image img { width: 100%; height: 30px; }

/*============================
#featureArea
============================*/
#featureArea { padding-top: 40px; }
#featureArea .bg { top: 20px; font-size: 3.5em; }
#featureArea .title { font-size: 1.75em; padding: 0 25px; }
#featureArea .text { margin-top: 20px; font-size: 1em; padding: 0 25px; text-align: left; }
#featureArea .content { margin-top: 40px; }
#featureArea .content ul {}
#featureArea .content ul li a { display: block; }
#featureArea .content ul li:nth-child(2n) a {}
#featureArea .content ul li a .image { width: 100%; }
#featureArea .content ul li a .image::after {}
#featureArea .content ul li a .image img { height: 200px; }
#featureArea .content ul li a .data { width: 100%; padding: 25px 25px 40px; }
#featureArea .content ul li a .data .subTitle { font-size: 1.6125em; }
#featureArea .content ul li a .data .subTitle span {}
#featureArea .content ul li a .data .subTitle::before { left: -25px; bottom: 4px; }
#featureArea .content ul li a .data .subText { margin-top: 15px; font-size: 1em; }
#featureArea .content ul li a .data .link { margin-top: 15px; font-size: 1.25em; }
#featureArea .content ul li a .data .link span {}
#featureArea .content ul li a .data .link span::before {}
#featureArea .content ul li a .data .link span::after { right: -32px; }
#featureArea .content ul li a:hover .image::after {}
#featureArea .content ul li a:hover .image img {}
#featureArea .content ul li a:hover .data .link span::before {}
#featureArea .content ul li a:hover .data .link span::after { right: -35px; }
#featureArea .content ul li:nth-child(1) a::after { left: 0; bottom: 0; width: 100%; height: 160px; background: url("../../imageFile/top/bg_pattern01.png") no-repeat; background-position: -40px 80px; background-size: 75% auto; }
#featureArea .content ul li:nth-child(2) a::after { left: 0; bottom: 0; width: 100%; height: 160px; background: url("../../imageFile/top/bg_pattern02.png") no-repeat; background-position: -40px 80px; background-size: 75% auto; }
#featureArea .content ul li:nth-child(3) a::after { left: 0; bottom: 0; width: 100%; height: 160px; background: url("../../imageFile/top/bg_pattern03.png") no-repeat; background-position: -40px 80px; background-size: 75% auto; }

/*============================
#companyArea
============================*/
#companyArea { padding: 60px 0; }
#companyArea .md_container { width: inherit; }
#companyArea .title { font-size: 1.5em; }
#companyArea .text { margin-top: 20px; font-size: 1em; }
#companyArea .office { margin-top: 20px; padding-top: 20px; display: block; }
#companyArea .office .subTitle { font-size: 1.25em; margin-right: 0; }
#companyArea .office .address { margin-top: 15px; line-height: 1.25; }
#companyArea .houjin { margin-top: 40px; padding: 20px; background: #fff; display: block; }
#companyArea .houjin .subTitle { width: 100%; padding-left: 0; font-size: 1.125em; text-align: center; }
#companyArea .houjin .subText { margin-top: 15px; padding-left: 0; padding-top: 15px; border-left: none; border-top: solid 1px #ddd; line-height: 1.75; font-size: 0.9125em; }
#companyArea .houjin .subText a { text-decoration: underline; }

}