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

/*------------------------------------------------------------------------------------------------
	トップページ
------------------------------------------------------------------------------------------------*/
#workWrap .singleColumnSection #indexArea { padding-bottom: 100px; }
#workWrap .singleColumnSection #indexArea ul { min-width: 1200px; margin: 0 auto; }
#workWrap .singleColumnSection #indexArea ul li { display: flex; align-content: center; margin-top: 70px; background: #0085cc; width: 100%; }				

#workWrap .singleColumnSection #indexArea ul li p.photoImg { width: 56%; }
#workWrap .singleColumnSection #indexArea ul li:nth-child(2) p.photoImg { order:2; }
#workWrap .singleColumnSection #indexArea ul li p.photoImg img { width: 100%; }
#workWrap .singleColumnSection #indexArea ul li p.worksLinkBtn { width: 44%; position: relative; }
#workWrap .singleColumnSection #indexArea ul li:first-child p.worksLinkBtn { background: url(/en/works/images/works_index_bg_world_pc.gif) no-repeat center center / cover; }
#workWrap .singleColumnSection #indexArea ul li:nth-child(2) p.worksLinkBtn { order:1; background: url(/en/works/images/works_index_bg_taiwan_singapore_pc.gif) no-repeat center center / cover; }
#workWrap .singleColumnSection #indexArea ul li:last-child p.worksLinkBtn { background: url(/en/works/images/works_index_bg_japan_pc.gif) no-repeat center center / cover; }
#workWrap .singleColumnSection #indexArea ul li p.worksLinkBtn a { color: #ffffff; font-size: 200%; display: block; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); padding: 30px 0; width: 450px; text-align: center; border: solid 1px #ffffff; border-radius: 10px; background: url(/en/common/images/icon_arrow08.gif) no-repeat 96% center; }


/*------------------------------------------------------------------------------------------------
	詳細ページ
------------------------------------------------------------------------------------------------*/
/* 共通 */
#workWrap .titleSection { background:url(/en/works/images/pages_mv_pc.jpg) no-repeat center top / cover; }
#workWrap .titleSection h2,
#workWrap .titleSection h2 span { color: #ffffff; }

#workWrap #pagesSection .mainArea { margin: 80px auto 50px; width: 1200px; }


/* modal */
.modalArea { width:430px; padding:36px; border:solid 4px #0086cc; }

.modalArea sup { font-size:0.5em; top:0.5em; vertical-align:text-top; }
.modalArea h3 { font-size:171%; color:#0788cd; border-bottom:solid 2px #e5e5e5; padding-bottom:15px; line-height:1.5em; }
.modalArea > p { margin-top:30px; }
.modalArea .cf { margin-top:30px; }
.modalArea .cf > p { float:left; }
.modalArea .cf > ul { float:left; }
.modalArea .cf > ul > li { margin-top:20px; }
.modalArea .cf .captionTxt { display:block; }
.modalArea .cf > ul > li:first-child { margin-top:0; }

.modalArea .abroadInner { margin-top: 30px; }
.modalArea .abroadInner p + p { margin-top: 20px; }
.modalArea .abroadInner ul { overflow: hidden; }
.modalArea .abroadInner ul li { float: left; margin-left: 20px; width: 390px; }
.modalArea .abroadInner ul li:nth-child(2n+1) { margin-left: 0; }
.modalArea .abroadInner ul li:nth-child(n+3) { margin-top: 20px; }
.modalArea .abroadInner ul li img { width: 100%; }
.modalArea .abroadInner ul + p { margin-top: 20px; }

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

.modalArea .japanInner { margin-top: 30px; overflow: hidden; }
.modalArea .japanInner ul { float: left; }
.modalArea .japanInner ul li { margin-top: 20px; }
.modalArea .japanInner ul li:first-child { margin-top: 0; }
.modalArea .japanInner ul li img { width: 100%; }
.modalArea .japanInner .japanModalTxt { float: left; margin-left: 30px; width: 335px; }
.modalArea .japanInner .japanModalTxt p +p { margin-top: 30px; }

#fancybox-close { background:url(/en/common/images/icon_modal_close.gif) no-repeat 95% center; width:45px; height:45px; top:0; right:0; }

/* world.html */
#workWrap #pagesSection #worldArea #mapInner { position: relative; }
#workWrap #pagesSection #worldArea #mapInner ul li { position: absolute; }
#workWrap #pagesSection #worldArea #mapInner ul li#egyptLink { left: 192px; bottom: 263px; }
#workWrap #pagesSection #worldArea #mapInner ul li#hongKongLink { left: 456px; bottom: 246px; }
#workWrap #pagesSection #worldArea #mapInner ul li#malaysiaLink { left: 482px; bottom: 167px; }
#workWrap #pagesSection #worldArea #mapInner ul li#australiaLink { left: 498px; bottom: 52px; }
#workWrap #pagesSection #worldArea #mapInner ul li#honoluluLink { right: 272px; bottom: 239px; }
#workWrap #pagesSection #worldArea #mapInner ul li#chicagoLink { right: 54px; bottom: 337px; }
#workWrap #pagesSection #worldArea #mapInner ul li#californiaLink { right: 147px; bottom: 296px; }
#workWrap #pagesSection #worldArea #mapInner ul li#mexicoLink { right: 88px; bottom: 237px; }
#workWrap #pagesSection #worldArea p { margin-top: 25px; }

.worldModalArea { width:435px; }

/* taiwan_singapore.html */
#workWrap #pagesSection #taiwanSingaporeArea #mapInner #taiwanBox,
#workWrap #pagesSection #taiwanSingaporeArea #mapInner #singaporeBox { position: relative; float: left; }

#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li { position: absolute; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#taipei01Link { left: 160px; top: 96px; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#taipei02Link { left: 291px; top: 54px; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#taipei02Link span { left: 23px; top: -18px; position: absolute; display: block; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#taipei03Link { left: 329px; top: 71px; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#taipei04Link { left: 291px; top: 93px; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#taipei04Link span { left: 23px; bottom: -19px; position: absolute; display: block; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#taiwanLink { left: 160px; top: 201px; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#nikkoLink { left: 133px; top: 248px; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#kaohsiung01Link { left: 106px; bottom: 157px; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#kaohsiung02Link { left: 125px; bottom: 118px; }
#workWrap #pagesSection #taiwanSingaporeArea #mapInner ul li#singaporeLink { right: 88px; bottom: 264px; }
#workWrap #pagesSection #taiwanSingaporeArea p { margin-top: 25px; }

.taiwanModalArea { width:800px; }
.singaporeModalArea { width:390px; }

/* japan.html */
#workWrap #pagesSection h2#workPagesMv span { line-height: 1.3; }
#workWrap #pagesSection h2#workPagesMv span span { position:static; width:auto; font-size:40%; display: block; }

#workWrap #pagesSection #japanArea { margin-top: 30px; }
#workWrap #pagesSection #japanArea .contentOuter { padding: 0; }
#workWrap #pagesSection #japanArea .contentOuter > p { text-align: right; }
#workWrap #pagesSection #japanArea .japanCateInner { margin-top: 70px; }
#workWrap #pagesSection #japanArea .japanCateInner:nth-of-type(1) { margin-top: 30px; }
#workWrap #pagesSection #japanArea .japanCateInner h3 { font-size: 229%; color: #0387cd; border-bottom: solid 2px #e5e5e5; padding-bottom: 20px; }
#workWrap #pagesSection #japanArea .japanCateInner ul { margin-top: 40px; overflow: hidden; }
#workWrap #pagesSection #japanArea .japanCateInner ul li { cursor: pointer; float: left; border: solid 1px #e5e5e5; width: 575px; margin-left: 40px; display: flex; align-content: center; }
#workWrap #pagesSection #japanArea .japanCateInner ul li:first-child { margin-left: 0; }
#workWrap #pagesSection #japanArea .japanCateInner ul li p.japanCateLink { width: 100%; position: relative; font-size: 114%; background: url(/en/common/images/icon_arrow04.png) no-repeat 96% center; }
#workWrap #pagesSection #japanArea .japanCateInner ul li p.japanCateImg img { width: 160px; }
#workWrap #pagesSection #japanArea .japanCateInner ul li p.japanCateLink span { color: #0788cd; display: block; position: absolute; left: 20px; right: 30px; top: 50%; transform: translateY(-50%); }

.japanModalArea { width:760px; }