@charset "utf-8";

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

/*============================
#worksArea
============================*/
#worksArea {}
#worksArea #reform {}
#worksArea .inPageLink { margin-top: 60px; }
#worksArea .inPageLink .button {}
#worksArea .inPageLink .button.reform { display: inline-block; margin: 18px 0 0; }
#worksArea .inPageLink .button .md_btn_sub span { padding: 14px 68px 14px 60px; font-size: 0.875em; }
#worksArea .inPageLink .button span em { font-size: 1.9em; }
#worksArea .inPageLink .button.reform .md_btn_sub span { padding: 14px 68px 14px 60px; }
#worksArea .inPageLink .button:after {}
#worksArea .inPageLink .button.reform:after { top: -10px; }
#worksArea .inPageLink .button a {}
#worksArea .md_mainTitle {}
#worksArea .md_mainTitle .copy { font-size: 0.875em; padding: 0 4%; }
#worksArea .md_mainTitle span.en.md_font_bebasKai {}
#worksArea .content {}
#worksArea .content ul {}
#worksArea .content ul li { float: left; width: 48%; margin-right: 4%; margin-top: 4%; }
#worksArea .content ul li:nth-child(3n) { margin-right: 4%; }
#worksArea .content ul li:nth-child(2n) { margin-right: 0; }
#worksArea .content ul li a { display: block; background: #fff; }
#worksArea .content ul li a .image { height: inherit; }
#worksArea .content ul li a .image::before {}
#worksArea .content ul li a .image img {}
#worksArea .content ul li a .image .text {}
#worksArea .content ul li a .image .text .en {}
#worksArea .content ul li a .image .text .number { font-size: 4em; }
#worksArea .content ul li a .data {}
#worksArea .content ul li a .data .title { padding: 12px; font-size: 0.875em; white-space: inherit; }
#worksArea .content ul li a::after { width: 15px; height: 15px; background: url("../../imageFile/global/icon_link.svg") no-repeat center; background-size: 15px auto; }
#worksArea .content ul li.new { position: relative; }
#worksArea .content ul li.new::after { width: 40px; height: 40px; background: url("../../imageFile/global/icon_new.svg") no-repeat left top; background-size: 40px auto; }
#worksArea .catch { margin-top: 30px; }
#worksArea .button {  }
#worksArea .button .more {}
#worksArea .button .more span { padding: 14px 0; }

/*============================
#detailArea
============================*/
#detailArea {}
#detailArea .articleContent { margin-top: 30px; }
#detailArea .articleContent .mainImage { width: inherit; height: inherit; padding-left: 20%; margin-right: -20px; }
#detailArea .articleContent .mainImage img { width: 100%; height: auto; }
#detailArea .articleContent .mainImage .data { position: absolute; left: 0; bottom: 20px; }
#detailArea .articleContent .mainImage .data .en { font-size: 1em; }
#detailArea .articleContent .mainImage .data .number { font-size: 4em; }
#detailArea .articleContent .mainImage .data .articleTitle {}
#detailArea .articleContent .mainImage .data .articleTitle h1 { font-size: 1.25em; }
#detailArea .articleContent .mainText { margin-top: 30px; }
#detailArea .articleContent .md_subTitle {}
#detailArea .articleContent .mainReport {}
#detailArea .articleContent .mainReport ul {}
#detailArea .articleContent .mainReport ul li { float: inherit; width: inherit; margin-right: 0; margin-top: 20px; }
#detailArea .articleContent .mainReport ul li:nth-child(3n) { margin-right: 0; }
#detailArea .articleContent .mainReport ul li a {  }
#detailArea .articleContent .mainReport ul li a::before { width: 15px; height: 15px; background: url("../../imageFile/global/icon_link.svg") no-repeat center; background-size: 15px auto; }
#detailArea .articleContent .mainReport ul li a .data { padding: 15px;}
#detailArea .articleContent .mainReport ul li a .data .date {}
#detailArea .articleContent .mainReport ul li a .data .title { margin-top: 5px; }
#detailArea .articleContent .main_movie { margin-top: 20px; }
#detailArea .articleContent .main_movie iframe { width: 100%; height: 200px; }
#detailArea .articleContent .main_photo { margin-top: 10px; }
#detailArea .articleContent .main_photo ul {}
#detailArea .articleContent .main_photo ul li { width: 32%; height: inherit; min-height: 110px; margin-right: 2%; margin-top: 2%; }
#detailArea .articleContent .main_photo ul li:nth-child(3n) { margin-right: 0; }
#detailArea .articleContent .main_photo ul li a {}
#detailArea .articleContent .main_photo ul li a::before {}
#detailArea .articleContent .main_photo ul li a img {}
#detailArea .articleContent .main_plan { margin-top: 20px; }
#detailArea .articleContent .main_plan img {}
#detailArea .articleContent .main_infomation { margin-top: 20px; }
#detailArea .articleContent .main_infomation table { width: 100%; border-bottom: solid 2px #443d3a; }
#detailArea .articleContent .main_infomation table {}
#detailArea .articleContent .main_infomation table tr {}
#detailArea .articleContent .main_infomation table tr th { width: 30%; border-top: solid 2px #443d3a; padding: 10px; font-size: 0.875em; }
#detailArea .articleContent .main_infomation table tr td { border-top: solid 2px #443d3a; padding: 10px; font-size: 0.875em; }
#detailArea .articleContent .main_infomation table tr td a {}
#detailArea .articleContent .main_point { margin-top: 30px; }
#detailArea .articleContent .main_point ul {}
#detailArea .articleContent .main_point ul li { margin-top: 20px; }
#detailArea .articleContent .main_point ul li .image { float: right; width: 50%; height: auto; text-align: right; margin-left: 20px; margin-bottom: 20px; clear: both; }
#detailArea .articleContent .main_point ul li .image img { width: 100%; height: auto; }
#detailArea .articleContent .main_point ul li .data { float: inherit; width: 100%; position: relative; }
#detailArea .articleContent .main_point ul li .data .title { font-size: 1.75em; }
#detailArea .articleContent .main_point ul li .data .title em { font-size: 1.75em; }
#detailArea .articleContent .main_point ul li .data .text { font-size: 0.875em; margin-top: 0; }
#detailArea .articleContent .main_point ul li:first-child { margin-top: 0; }
#detailArea .articleContent .main_point ul li:nth-child(2n) {}
#detailArea .articleContent .main_point ul li:nth-child(2n) .image { float: left; margin-right: 20px; margin-left: 0; }
#detailArea .articleContent .main_point ul li:nth-child(2n) .data { float: inherit; }

/*============================
#recommendArea
============================*/
#recommendArea {}
#recommendArea .md_container {}
#recommendArea .md_container .md_mainTitle {}
#recommendArea .md_container .md_mainTitle .en {}
#recommendArea .md_container .content {}
#recommendArea .md_container .content a { display: block; }
#recommendArea .md_container .content a .subTitle { font-size: 1.75em; color: #3d2e27; margin-bottom: 10px; }
#recommendArea .md_container .content a .subTitle span { display: inline-block; }
#recommendArea .md_container .content a.prev { width: 48%; }
#recommendArea .md_container .content a.next { width: 48%; }
#recommendArea .md_container .content a.prev .subTitle span { position: relative; }
#recommendArea .md_container .content a.prev .subTitle span::before { content: "<"; font-size: 0.675em; font-weight: bold; margin-right: 15px; position: relative; top: -2px; }
#recommendArea .md_container .content a.next .subTitle { text-align: right; }
#recommendArea .md_container .content a.next .subTitle span { position: relative; }
#recommendArea .md_container .content a.next .subTitle span::after { content: ">"; font-size: 0.675em; font-weight: bold; margin-left: 15px; position: relative; top: -2px; }
#recommendArea .md_container .content a .image { width: 100%; height: inherit; float: inherit;  }
#recommendArea .md_container .content a .image::before {}
#recommendArea .md_container .content a .image img { width: 100%; height: auto; }
#recommendArea .md_container .content a .image .text {}
#recommendArea .md_container .content a .image .text .en {}
#recommendArea .md_container .content a .image .text .number { font-size: 4em; }
#recommendArea .md_container .content a .data { width: 100%; height: inherit; float: inherit; }
#recommendArea .md_container .content a .data .title { padding: 12px; font-size: 0.875em; }
#recommendArea .md_container .content a::after { width: 15px; height: 15px; background-size: 15px auto; }
	
#recommendArea .md_container .join { margin-top: 30px; padding: 20px; display: block; align-items: inherit; justify-content: inherit; margin-left: -20px; margin-right: -20px; }
#recommendArea .md_container .join .data { width: inherit; }
#recommendArea .md_container .join .data::after { display: none; }
#recommendArea .md_container .join .data .subTitle { font-size: 2em; text-align: center; }
#recommendArea .md_container .join .data .text { line-height: 1.5; margin-top: 10px; font-weight: bold; }
#recommendArea .md_container .join .image { width: inherit; height: inherit; margin-top: 20px; }
#recommendArea .md_container .join .image img { width: 100%; height: auto; }
#recommendArea .md_container .join .image a:hover img {}

	
}