@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:750px){
	
/*------------------------------------------------------------------------------------------------
	トップページ
------------------------------------------------------------------------------------------------*/
#workWrap .singleColumnSection #indexArea { padding-bottom: 50px; }
#workWrap .singleColumnSection #indexArea ul { min-width: 100%; }
#workWrap .singleColumnSection #indexArea ul li { display: block; margin-top: 30px; }
#workWrap .singleColumnSection #indexArea ul li:first-child p.worksLinkBtn { background-image: url(/en/works/images/works_index_bg_world_sp.gif); }
#workWrap .singleColumnSection #indexArea ul li:nth-child(2) p.worksLinkBtn { background-image: url(/en/works/images/works_index_bg_taiwan_singapore_sp.gif); }
#workWrap .singleColumnSection #indexArea ul li:last-child p.worksLinkBtn { background-image: url(/en/works/images/works_index_bg_japan_sp.gif); }
#workWrap .singleColumnSection #indexArea ul li p.photoImg { width: 100%; }
#workWrap .singleColumnSection #indexArea ul li p.worksLinkBtn { width: 100%; height: calc(100vw*0.35); }
#workWrap .singleColumnSection #indexArea ul li p.worksLinkBtn a { font-size: 200%; padding: 20px 0; width: 300px; }
	
	
/*------------------------------------------------------------------------------------------------
	詳細ページ
------------------------------------------------------------------------------------------------*/
/* 共通 */
#workWrap .titleSection { background:url(/en/works/images/pages_mv_pc.jpg) no-repeat center top / cover; }
#workWrap #pagesSection .mainArea { margin: 40px auto 20px; width: 100%; }
	
/* modal */
#fancybox-wrap { box-sizing: border-box; left: 0 !important; }
#fancybox-outer { background: transparent; }
#fancybox-content { max-width: 100%; }
#fancybox-close { right: 5%; }
.modalArea { background: #ffffff; padding: 20px; }
	
.worldModalArea,
.taiwanModalArea,
.singaporeModalArea,
.japanModalArea { width:90%; box-sizing: border-box; margin: 0 auto; }

.modalArea h3 { margin-right: 20px; }

.modalArea .abroadInner ul li { float: none; margin: 10px 0 0; width: 100%; }
.modalArea .abroadInner ul li:nth-child(n+3) { margin-top: 10px; }
.modalArea .abroadInner ul li:first-child { margin-top: 0; }

.modalArea .abroadInner ul.abroadList02 li:nth-child(2) { float: none; }

	
/* world.html */
#workWrap #pagesSection #worldArea #mapInner ul { width: 84%; margin: 0 auto; }
#workWrap #pagesSection #worldArea #mapInner ul li { position: static; float: left; width: 50%; margin-top: 40px; }
#workWrap #pagesSection #worldArea > p { width: 96%; margin: 40px auto 0; }
	
/* taiwan_singapore.html */
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul { width: 84%; margin: 0 auto; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li { position: static; float: left; width: 50%; margin-top: 20px; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#taipei02Link,
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#taipei03Link,
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#taipei04Link { display: none; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#kaohsiung02Link { display: none; }
	
#workWrap #pagesSection #taiwanSingaporeArea #mapInner #singaporeBox ul li { width: 100%; }
	
#workWrap #pagesSection #taiwanSingaporeArea #mapInner #taiwanBox > p { margin-top: 0; }
	
/* japan.html */
#workWrap #pagesSection h2#workPagesMv span span { font-size:65%; }

#workWrap #pagesSection #japanArea { margin-top: 20px; }
#workWrap #pagesSection #japanArea .japanCateInner { margin-top: 40px; }
#workWrap #pagesSection #japanArea .japanCateInner:nth-of-type(1) { margin-top: 15px; }
#workWrap #pagesSection #japanArea .japanCateInner h3 { font-size: 200%; padding-bottom: 10px; line-height: 1.3; }
#workWrap #pagesSection #japanArea .japanCateInner ul { margin-top: 20px; }
#workWrap #pagesSection #japanArea .japanCateInner ul li { float: none; width: 100%; margin: 10px auto 0; box-sizing: border-box; align-items: center; }
#workWrap #pagesSection #japanArea .japanCateInner ul li:first-child { margin: 0 auto; }
#workWrap #pagesSection #japanArea .japanCateInner ul li p.japanCateImg { width: 40%; }
#workWrap #pagesSection #japanArea .japanCateInner ul li p.japanCateImg img { width: 100%; }
#workWrap #pagesSection #japanArea .japanCateInner ul li p.japanCateLink { width: 60%;  width: 100%; padding: 10px 15px; display: flex; font-size: 100%; background: url(/en/common/images/icon_arrow04.png) no-repe3at 96% center; align-items: center; }
#workWrap #pagesSection #japanArea .japanCateInner ul li p.japanCateLink span { color: #0788cd; display: block; position: static; left: auto; right: auto; top: auto; transform: translateY(0); }

.modalArea .japanInner { margin-top: 20px; }
.modalArea .japanInner ul {float: none; }
.modalArea .japanInner ul li { margin-top: 10px; }
.modalArea .japanInner .japanModalTxt { float: none; margin: 10px 0; width: 100%; }
.modalArea .japanInner .japanModalTxt p + p { margin-top: 10px; }

}