@charset "UTF-8";

/*-----------------------------------------------------------------------------------------------------------------------------------
	index.html
------------------------------------------------------------------------------------------------------------------------------------*/
#frenchPage #headerWrap ul { display: flex; border-radius: 5px; overflow: hidden; font-size: 69%; margin-top: 20px; margin-right: 10px; }
#frenchPage #headerWrap ul li a { display: block; padding: 6px 18px; background-color: #eeeeee; }
#frenchPage #headerWrap ul li a.tabOn { color: #ffffff; background-color: #000000; }

#frenchPage #linkArea { background-color: #d5d4c6; }
#frenchPage #linkArea .contentsOuter { position: relative; max-width: 1200px; padding: 0; }
#frenchPage #linkArea .txtBox { position: absolute; top: 55px; left: 0; right: 0; margin: 0 auto; }
#frenchPage #linkArea .txtBox h3 { color: #000000; line-height: 1.5; font-size: 238%; text-align: center; letter-spacing: 5px; }
#frenchPage #linkArea .txtBox p { margin-top: 5px; text-align: center; }

#frenchPage p#linkAttention { margin-top: 17px; text-align: right; line-height: 20px; }
#frenchPage p#linkAttention img { width: auto; margin-right: 5px; }
#frenchPage ul#bnList { margin-top: 65px; display: flex; justify-content: space-between; }
#frenchPage ul#bnList li { width: 30%; }

#frenchPage #indexContents #listSection ul { margin-top: 70px; }
#frenchPage #indexContents #listSection ul li { border-top: solid 1px #e5e5e5; padding: 55px 0 65px; display: flex; justify-content: space-between; }
#frenchPage #indexContents #listSection ul li div { width: 70%; }
#frenchPage #indexContents #listSection ul li > p { margin-top: 15px; width: 26.7%; }
#frenchPage #indexContents #listSection ul li > p a.btn { margin-top: 5px; width: 100%; }
#frenchPage #indexContents #listSection ul li div h3 { font-size: 200%; padding-right: 10px; }
#frenchPage #indexContents #listSection ul li div h3 img {  padding-right: 10px; vertical-align: middle; width: auto; }
#frenchPage #indexContents #listSection ul li div p { margin-top: 15px; line-height: 1.7; }
#frenchPage #indexContents #listSection ul li div p.detailBtn { margin-top: 25px; text-align: left; }

#frenchPage #footerWrap { background: #000000; padding: 0; }
#frenchPage #footerWrap .flexSpaceBetween { align-items: center; }
#frenchPage #footerWrap .flexSpaceBetween p small { color: #d0d2d5; letter-spacing: 1px; font-size: 69%; }